@burdenoff/microfe-kadaikodi 2026.624.1 → 2026.626.1

package/dist/kadaikodi/pages/HomePage.js

@@ -10,29 +10,30 @@ import { useCallback as u, useMemo as d, useState as f } from "react";
 import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Activity as m, AlertCircle as h, ArrowRight as g, BadgeCheck as _, BarChart3 as v, CheckCircle2 as y, ChefHat as b, ClipboardList as x, Clock as S, FileText as C, GraduationCap as w, HandCoins as T, Heart as E, Home as D, IndianRupee as O, LayoutDashboard as k, Loader2 as A, MapPin as j, Package as M, Scissors as N, Search as P, Settings as F, Shirt as I, ShoppingBag as L, ShoppingCart as R, Sparkles as z, Star as B, Store as V, TrendingUp as H, Truck as U, Users as W, Wallet as G, Wrench as K } from "lucide-react";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
+import { EmphasisPanel as Y, PagePurpose as X } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/HomePage.tsx
-var Y = {
+var Z = {
 	customer: [
 		{
 			label: "Discover Services",
 			description: "Browse carts near you",
 			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
 			path: "/customer/carts",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "My Orders",
 			description: "Track your orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/customer/orders",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Favorites",
 			description: "Your saved carts",
 			icon: /* @__PURE__ */ q(E, { className: "h-5 w-5" }),
 			path: "/customer/favorites",
-			color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Settings",
@@ -48,28 +49,28 @@ var Y = {
 			description: "Manage your cart",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/owner/dashboard",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Orders",
 			description: "Incoming orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/owner/orders",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue & insights",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/owner/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Staff",
 			description: "Manage workers",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/owner/staff",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		}
 	],
 	worker: [
@@ -78,28 +79,28 @@ var Y = {
 			description: "View assigned tasks",
 			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
 			path: "/worker/dashboard",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		},
 		{
 			label: "Schedule",
 			description: "View shifts",
 			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
 			path: "/worker/schedule",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Earnings",
 			description: "Track pay",
 			icon: /* @__PURE__ */ q(G, { className: "h-5 w-5" }),
 			path: "/worker/earnings",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Performance",
 			description: "Ratings & stats",
 			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 			path: "/worker/performance",
-			color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		}
 	],
 	investor: [
@@ -108,28 +109,28 @@ var Y = {
 			description: "Your investments",
 			icon: /* @__PURE__ */ q(H, { className: "h-5 w-5" }),
 			path: "/investor/dashboard",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Opportunities",
 			description: "New investments",
 			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
 			path: "/investor/opportunities",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Returns",
 			description: "Earnings history",
 			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
 			path: "/investor/returns",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Reports",
 			description: "Performance reports",
 			icon: /* @__PURE__ */ q(C, { className: "h-5 w-5" }),
 			path: "/investor/reports",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		}
 	],
 	admin: [
@@ -138,32 +139,32 @@ var Y = {
 			description: "Platform overview",
 			icon: /* @__PURE__ */ q(k, { className: "h-5 w-5" }),
 			path: "/admin/dashboard",
-			color: "bg-red-500/10 text-red-600 dark:text-red-400"
+			color: "bg-status-error-bg-subtle text-status-error-text"
 		},
 		{
 			label: "Users",
 			description: "Manage accounts",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/admin/users",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Carts",
 			description: "Approve & manage",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/admin/carts",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue reports",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/admin/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		}
 	]
 };
-function X(e, t, n) {
+function Q(e, t, n) {
 	switch (e) {
 		case "customer": return [
 			{
@@ -317,53 +318,53 @@ function X(e, t, n) {
 		];
 	}
 }
-var Z = [
+var $ = [
 	{
 		label: "Food & Beverage",
 		icon: /* @__PURE__ */ q(b, { className: "h-6 w-6" }),
-		color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Personal Care & Beauty",
 		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" }),
-		color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Repair & Maintenance",
 		icon: /* @__PURE__ */ q(K, { className: "h-6 w-6" }),
-		color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Home Services",
 		icon: /* @__PURE__ */ q(D, { className: "h-6 w-6" }),
-		color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Clothing & Fashion",
 		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" }),
-		color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Health & Wellness",
 		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
-		color: "bg-red-500/10 text-red-600 dark:text-red-400"
+		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
 		label: "Education & Skills",
 		icon: /* @__PURE__ */ q(w, { className: "h-6 w-6" }),
-		color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Retail & Merchandise",
 		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
-		color: "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400"
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Grocery & Essentials",
 		icon: /* @__PURE__ */ q(R, { className: "h-6 w-6" }),
-		color: "bg-green-500/10 text-green-600 dark:text-green-400"
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	}
-], Q = [
+], ee = [
 	{
 		step: 1,
 		title: "Browse Services",
@@ -388,7 +389,7 @@ var Z = [
 		description: "Share your experience and help others find great services.",
 		icon: /* @__PURE__ */ q(B, { className: "h-6 w-6" })
 	}
-], $ = [
+], te = [
 	{
 		id: "ha-1",
 		description: "New order placed at Dosa Express",
@@ -419,7 +420,7 @@ var Z = [
 		time: "5 hours ago",
 		type: "order"
 	}
-], ee = [
+], ne = [
 	{
 		label: "Service Providers",
 		value: "21+",
@@ -441,7 +442,7 @@ var Z = [
 		icon: /* @__PURE__ */ q(y, { className: "h-5 w-5" })
 	}
 ];
-function te() {
+function re() {
 	let { navigateTo: v, currentUser: y } = e(), { t: b } = p(), [x, C] = f(""), { providers: w, orders: T, dashboardStats: E } = o(), D = u((e, t) => {
 		let n = b(e);
 		return n === e ? t : n;
@@ -457,7 +458,7 @@ function te() {
 		worker: D("kadaikodi.home.greeting.worker", "Check your tasks and earnings"),
 		investor: D("kadaikodi.home.greeting.investor", "Track your investments and returns"),
 		admin: D("kadaikodi.home.greeting.admin", "Monitor and manage the platform")
-	}, I = Y[M] ?? Y.customer, L = X(M, T.data ?? [], E.data), R = d(() => {
+	}, I = Z[M] ?? Z.customer, L = Q(M, T.data ?? [], E.data), R = d(() => {
 		let e = (w.data ?? []).filter((e) => e.isOpen);
 		if (x) {
 			let t = x.toLowerCase();
@@ -465,10 +466,10 @@ function te() {
 		}
 		return e.sort((e, t) => t.rating - e.rating).slice(0, 6);
 	}, [w.data, x]), V = d(() => [...T.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [T.data]), H = {
-		order: "text-blue-600 dark:text-blue-400",
-		review: "text-yellow-600 dark:text-yellow-400",
-		investment: "text-green-600 dark:text-green-400",
-		cart: "text-purple-600 dark:text-purple-400"
+		order: "text-text-primary",
+		review: "text-status-warning-text",
+		investment: "text-status-success-text",
+		cart: "text-text-primary"
 	}, U = (T.data ?? []).length === 0 && !T.isLoading, W = w.isLoading || T.isLoading || E.isLoading, G = w.isError || T.isError || E.isError;
 	return W ? /* @__PURE__ */ q(n, {
 		title: D("kadaikodi.common.loading", "Loading..."),
@@ -496,6 +497,10 @@ function te() {
 		title: `${D("kadaikodi.home.hello", "Hello")}, ${k}!`,
 		description: F[M],
 		children: [
+			/* @__PURE__ */ q(X, {
+				className: "mb-6",
+				children: D("kadaikodi.home.purpose", "Kadaikodi is your local services marketplace — a single place to find mobile carts and service providers near you, place and track orders, and (for owners, workers and investors) run the business side. This home page is your launch pad: jump to what matters for your role, browse what is open nearby, and pick up where you left off.")
+			}),
 			U && /* @__PURE__ */ q("section", {
 				className: "mb-6 rounded-xl border border-border-subtle bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-6",
 				children: /* @__PURE__ */ J("div", {
@@ -562,7 +567,7 @@ function te() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ J("section", {
+			/* @__PURE__ */ J(Y, {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
@@ -627,6 +632,7 @@ function te() {
 						]
 					})]
 				}), R.length === 0 ? /* @__PURE__ */ q(a, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ q(P, { className: "h-10 w-10" }),
 					title: D("kadaikodi.home.noCartsFound", "No carts found"),
 					description: D("kadaikodi.home.noCartsDescription", "Try adjusting your search or browse all categories"),
@@ -662,7 +668,7 @@ function te() {
 								e.isVerified && /* @__PURE__ */ q("div", {
 									className: "absolute top-2 left-2",
 									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-blue-500/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
+										className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
 										children: [
 											/* @__PURE__ */ q(_, { className: "h-3 w-3" }),
 											" ",
@@ -698,7 +704,7 @@ function te() {
 											children: e.category
 										})]
 									}), /* @__PURE__ */ J("div", {
-										className: "flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 ml-2 shrink-0",
+										className: "flex items-center gap-1 rounded bg-status-success-text px-1.5 py-0.5 ml-2 shrink-0",
 										children: [/* @__PURE__ */ q(B, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
 											className: "text-xs font-bold text-white",
 											children: e.rating
@@ -817,7 +823,7 @@ function te() {
 					children: D("kadaikodi.home.howItWorks", "How It Works")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: Q.map((e) => /* @__PURE__ */ J("div", {
+					children: ee.map((e) => /* @__PURE__ */ J("div", {
 						className: "relative rounded-lg border border-border-subtle bg-bg-surface p-5 text-center",
 						children: [
 							/* @__PURE__ */ q("div", {
@@ -850,7 +856,7 @@ function te() {
 					children: D("kadaikodi.home.browseByCategory", "Browse by Category")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
-					children: Z.map((e) => /* @__PURE__ */ J("button", {
+					children: $.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => v(`/customer/carts?category=${encodeURIComponent(e.label)}`),
 						className: "flex flex-col items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
@@ -871,7 +877,7 @@ function te() {
 					children: D("kadaikodi.home.platformStats", "Platform Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ee.map((e) => /* @__PURE__ */ J("div", {
+					children: ne.map((e) => /* @__PURE__ */ J("div", {
 						className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [/* @__PURE__ */ q("div", {
 							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
@@ -891,7 +897,7 @@ function te() {
 				children: D("kadaikodi.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ q("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-				children: $.map((e) => /* @__PURE__ */ J("div", {
+				children: te.map((e) => /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-3 px-4 py-3",
 					children: [
 						/* @__PURE__ */ q("div", {
@@ -916,6 +922,6 @@ function te() {
 	});
 }
 //#endregion
-export { te as HomePage };
+export { re as HomePage };
 
 //# sourceMappingURL=HomePage.js.map