@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/worker/WorkerSchedulePage.js

@@ -36,18 +36,18 @@ function D(e) {
 }
 function O(e) {
 	switch (e) {
-		case "scheduled": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-		case "ongoing": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "scheduled": return "bg-accent-blue-subtle/20 text-accent-blue";
+		case "ongoing": return "bg-status-success-bg-subtle/20 text-status-success-text";
 		case "completed": return "bg-secondary text-secondary-foreground";
-		case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "cancelled": return "bg-status-error-bg-subtle/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
 function k(e) {
 	switch (e) {
-		case "pending": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "approved": return "bg-green-500/20 text-green-600 dark:text-green-400";
-		case "rejected": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "pending": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "approved": return "bg-status-success-bg-subtle/20 text-status-success-text";
+		case "rejected": return "bg-status-error-bg-subtle/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
@@ -226,8 +226,8 @@ var A = () => {
 			className: "flex items-center justify-center py-24",
 			children: /* @__PURE__ */ w("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ C(p, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ C("p", {
-					className: "text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ C(p, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-text-secondary",
 					children: "Loading schedule..."
 				})]
 			})
@@ -241,66 +241,66 @@ var A = () => {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Hours This Week"
 						}), /* @__PURE__ */ w("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: [U.hoursThisWeek, "h"]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Shifts This Week"
 						}), /* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: U.shiftsThisWeek
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Week Earnings"
 						}), /* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: i(U.earningsThisWeek, { minimumFractionDigits: 0 })
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Next Shift"
 						}), /* @__PURE__ */ C("p", {
-							className: "text-sm font-bold text-foreground",
+							className: "text-sm font-bold text-text-primary",
 							children: U.nextShift ? `${T(U.nextShift.date)} ${E(U.nextShift.startTime)}` : "None scheduled"
 						})]
 					})
 				]
 			}), /* @__PURE__ */ w("div", {
-				className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+				className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
 				children: [/* @__PURE__ */ w("div", {
-					className: "flex border-b border-border",
+					className: "flex border-b border-border-subtle",
 					children: [
 						/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => P("schedule"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "schedule" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "schedule" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
 							children: [/* @__PURE__ */ C(l, { className: "h-4 w-4" }), "My Schedule"]
 						}),
 						/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => P("requests"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "requests" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "requests" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
 							children: [
 								/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
 								"Shift Requests",
 								W > 0 && /* @__PURE__ */ C("span", {
-									className: "ml-1 inline-flex items-center justify-center rounded-full bg-red-500 px-1.5 py-0.5 text-[10px] font-medium text-white",
+									className: "ml-1 inline-flex items-center justify-center rounded-full bg-status-error-bg-subtle px-1.5 py-0.5 text-[10px] font-medium text-white",
 									children: W
 								})
 							]
@@ -308,7 +308,7 @@ var A = () => {
 						/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => P("availability"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "availability" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-muted-foreground hover:text-foreground"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "availability" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
 							children: [/* @__PURE__ */ C(S, { className: "h-4 w-4" }), "Availability"]
 						})
 					]
@@ -321,11 +321,11 @@ var A = () => {
 								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => I((e) => e - 1),
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 									children: [/* @__PURE__ */ C(d, { className: "h-3.5 w-3.5" }), "Previous Week"]
 								}),
 								/* @__PURE__ */ w("h3", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: [
 										G.start,
 										" - ",
@@ -335,32 +335,33 @@ var A = () => {
 								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => I((e) => e + 1),
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 									children: ["Next Week", /* @__PURE__ */ C(f, { className: "h-3.5 w-3.5" })]
 								})
 							]
 						}), L.length === 0 ? /* @__PURE__ */ C(r, {
+							illustration: "empty-data",
 							icon: /* @__PURE__ */ C(c, { className: "h-12 w-12" }),
 							title: "No shifts scheduled",
 							description: "No shifts scheduled for this week"
 						}) : /* @__PURE__ */ C("div", {
 							className: "space-y-3",
 							children: L.map((e) => /* @__PURE__ */ w("div", {
-								className: t("rounded-lg border p-4 transition-colors", e.status === "ongoing" ? "border-green-500/30 bg-green-500/5" : "border-border hover:bg-muted/30"),
+								className: t("rounded-lg border p-4 transition-colors", e.status === "ongoing" ? "border-status-success-border/30 bg-status-success-bg-subtle/5" : "border-border-subtle hover:bg-bg-sunken/30"),
 								children: [
 									/* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between mb-3",
 										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 											className: "flex items-center gap-2 flex-wrap",
 											children: [/* @__PURE__ */ C("h4", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: T(e.date)
 											}), /* @__PURE__ */ C("span", {
 												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", O(e.status)),
 												children: e.status === "ongoing" ? "Ongoing" : e.status
 											})]
 										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-muted-foreground mt-1",
+											className: "text-xs text-text-secondary mt-1",
 											children: [
 												E(e.startTime),
 												" - ",
@@ -369,11 +370,11 @@ var A = () => {
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-right",
 											children: [/* @__PURE__ */ C("p", {
-												className: "text-lg font-bold text-foreground",
+												className: "text-lg font-bold text-text-primary",
 												children: i(e.earnings, { minimumFractionDigits: 0 })
 											}), e.rating != null && /* @__PURE__ */ w("p", {
-												className: "text-xs text-muted-foreground flex items-center gap-1 justify-end",
-												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+												className: "text-xs text-text-secondary flex items-center gap-1 justify-end",
+												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
 											})]
 										})]
 									}),
@@ -381,46 +382,46 @@ var A = () => {
 										className: "grid grid-cols-1 md:grid-cols-3 gap-3 text-sm",
 										children: [
 											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Cart"
 											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-foreground flex items-center gap-1",
-												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 text-muted-foreground" }), e.cartName]
+												className: "text-xs font-medium text-text-primary flex items-center gap-1",
+												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 text-text-secondary" }), e.cartName]
 											})] }),
 											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Location"
 											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-foreground flex items-center gap-1",
-												children: [/* @__PURE__ */ C(g, { className: "h-3 w-3 text-muted-foreground" }), e.location]
+												className: "text-xs font-medium text-text-primary flex items-center gap-1",
+												children: [/* @__PURE__ */ C(g, { className: "h-3 w-3 text-text-secondary" }), e.location]
 											})] }),
 											e.tasksCompleted != null && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Tasks Completed"
 											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-foreground flex items-center gap-1",
-												children: [/* @__PURE__ */ C(u, { className: "h-3 w-3 text-muted-foreground" }), e.tasksCompleted]
+												className: "text-xs font-medium text-text-primary flex items-center gap-1",
+												children: [/* @__PURE__ */ C(u, { className: "h-3 w-3 text-text-secondary" }), e.tasksCompleted]
 											})] })
 										]
 									}),
 									e.status === "scheduled" && /* @__PURE__ */ C("div", {
-										className: "mt-3 pt-3 border-t border-border",
+										className: "mt-3 pt-3 border-t border-border-subtle",
 										children: /* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => K(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent-blue-subtle/10 px-3 py-1.5 text-xs font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Check In"]
 										})
 									}),
 									e.status === "ongoing" && /* @__PURE__ */ w("div", {
-										className: "mt-3 pt-3 border-t border-green-500/20 flex items-center justify-between",
+										className: "mt-3 pt-3 border-t border-status-success-border/20 flex items-center justify-between",
 										children: [/* @__PURE__ */ w("span", {
-											className: "text-xs font-medium text-green-600 dark:text-green-400 flex items-center gap-1",
+											className: "text-xs font-medium text-status-success-text flex items-center gap-1",
 											children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Shift in progress"]
 										}), /* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => q(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Check Out"]
 										})]
 									})
@@ -428,21 +429,22 @@ var A = () => {
 							}, e.id))
 						})] }),
 						N === "requests" && /* @__PURE__ */ C("div", { children: z.length === 0 ? /* @__PURE__ */ C(r, {
+							illustration: "empty-data",
 							icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
 							title: "No shift requests",
 							description: "No shift requests available"
 						}) : /* @__PURE__ */ C("div", {
 							className: "space-y-3",
 							children: z.map((e) => /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border p-4",
+								className: "rounded-lg border border-border-subtle p-4",
 								children: [
 									/* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between mb-3",
 										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
-											className: "text-sm font-semibold text-foreground",
+											className: "text-sm font-semibold text-text-primary",
 											children: T(e.date)
 										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-muted-foreground mt-0.5",
+											className: "text-xs text-text-secondary mt-0.5",
 											children: [
 												E(e.startTime),
 												" - ",
@@ -456,21 +458,21 @@ var A = () => {
 									/* @__PURE__ */ w("div", {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-3 text-sm mb-3",
 										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Cart"
 										}), /* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: e.cartName
 										})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Location"
 										}), /* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-foreground",
+											className: "text-xs font-medium text-text-primary",
 											children: e.location
 										})] })]
 									}),
 									/* @__PURE__ */ w("p", {
-										className: "text-[10px] text-muted-foreground mb-3",
+										className: "text-[10px] text-text-secondary mb-3",
 										children: [
 											"Requested",
 											" ",
@@ -488,12 +490,12 @@ var A = () => {
 										children: [/* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => J(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ C(u, { className: "h-3.5 w-3.5" }), "Accept"]
 										}), /* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => Y(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-1.5 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
 											children: "Reject"
 										})]
 									})
@@ -502,13 +504,13 @@ var A = () => {
 						}) }),
 						N === "availability" && /* @__PURE__ */ w("div", { children: [
 							/* @__PURE__ */ C("p", {
-								className: "text-xs text-muted-foreground mb-5",
+								className: "text-xs text-text-secondary mb-5",
 								children: "Set your preferred working hours for each day of the week"
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "space-y-3",
 								children: V.map((e) => /* @__PURE__ */ w("div", {
-									className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border", e.isAvailable ? "border-border bg-card" : "border-border/50 bg-muted/30"),
+									className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border", e.isAvailable ? "border-border-subtle bg-bg-surface" : "border-border-subtle/50 bg-bg-sunken/30"),
 									children: [/* @__PURE__ */ C("div", {
 										className: "w-32 shrink-0",
 										children: /* @__PURE__ */ w("label", {
@@ -517,9 +519,9 @@ var A = () => {
 												type: "checkbox",
 												checked: e.isAvailable,
 												onChange: (t) => X(e.dayOfWeek, "isAvailable", t.target.checked),
-												className: "h-4 w-4 rounded border-border text-blue-600 focus:ring-blue-500/40"
+												className: "h-4 w-4 rounded border-border-subtle text-accent-blue focus:ring-accent-blue-subtle/40"
 											}), /* @__PURE__ */ C("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: e.dayOfWeek
 											})]
 										})
@@ -528,28 +530,28 @@ var A = () => {
 										children: [/* @__PURE__ */ w("div", {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ C("span", {
-												className: "text-xs text-muted-foreground w-10",
+												className: "text-xs text-text-secondary w-10",
 												children: "From"
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredStartTime,
 												onChange: (t) => X(e.dayOfWeek, "preferredStartTime", t.target.value),
-												className: "rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+												className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 											})]
 										}), /* @__PURE__ */ w("div", {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ C("span", {
-												className: "text-xs text-muted-foreground w-10",
+												className: "text-xs text-text-secondary w-10",
 												children: "To"
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredEndTime,
 												onChange: (t) => X(e.dayOfWeek, "preferredEndTime", t.target.value),
-												className: "rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+												className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 											})]
 										})]
 									}) : /* @__PURE__ */ C("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Not available"
 									})]
 								}, e.dayOfWeek))
@@ -561,7 +563,7 @@ var A = () => {
 									onClick: () => {
 										alert("Availability updated successfully");
 									},
-									className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+									className: "inline-flex items-center gap-2 rounded-md bg-accent-blue-subtle/10 px-4 py-2 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 									children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), "Save Availability"]
 								})
 							})