@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

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

@@ -6,19 +6,20 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useEffect as a, useMemo as o, useState as s } from "react";
 import { Calendar as c, CalendarDays as l, CheckCircle2 as u, ChevronLeft as d, ChevronRight as f, Loader2 as p, LogIn as m, LogOut as h, MapPin as g, PlayCircle as _, Save as v, Send as y, ShoppingCart as b, Star as x, Timer as S } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/worker/WorkerSchedulePage.tsx
-function T(e) {
+function D(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		weekday: "short",
 		month: "short",
 		day: "numeric"
 	});
 }
-function E(e) {
+function O(e) {
 	let [t, n] = e.split(":"), r = parseInt(t), i = r >= 12 ? "PM" : "AM";
 	return `${r % 12 || 12}:${n} ${i}`;
 }
-function D(e) {
+function k(e) {
 	let t = /* @__PURE__ */ new Date(), n = t.getDay(), r = new Date(t);
 	r.setDate(t.getDate() - n + e * 7);
 	let i = new Date(r);
@@ -34,29 +35,29 @@ function D(e) {
 		})
 	};
 }
-function O(e) {
+function A(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) {
+function j(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";
 	}
 }
-var A = () => {
-	let { navigateTo: A } = e(), [j, M] = s(!0), [N, P] = s("schedule"), [F, I] = s(0), [L, R] = s([]), [z, B] = s([]), [V, H] = s([]);
+var M = () => {
+	let { navigateTo: M } = e(), [N, P] = s(!0), [F, I] = s("schedule"), [L, R] = s(0), [z, B] = s([]), [V, H] = s([]), [U, W] = s([]);
 	a(() => {
-		M(!0);
+		P(!0);
 		let e = setTimeout(() => {
-			R([
+			B([
 				{
 					id: "shift-001",
 					date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
@@ -104,7 +105,7 @@ var A = () => {
 					status: "scheduled",
 					earnings: 0
 				}
-			]), B([
+			]), H([
 				{
 					id: "req-001",
 					date: new Date(Date.now() + 2880 * 60 * 1e3).toISOString().split("T")[0],
@@ -135,7 +136,7 @@ var A = () => {
 					status: "rejected",
 					requestedOn: (/* @__PURE__ */ new Date(Date.now() - 4320 * 60 * 1e3)).toISOString()
 				}
-			]), H([
+			]), W([
 				{
 					dayOfWeek: "Monday",
 					isAvailable: !0,
@@ -178,48 +179,48 @@ var A = () => {
 					preferredStartTime: "09:00",
 					preferredEndTime: "18:00"
 				}
-			]), M(!1);
+			]), P(!1);
 		}, 600);
 		return () => clearTimeout(e);
-	}, [F]);
-	let U = o(() => {
-		let e = L.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
+	}, [L]);
+	let G = o(() => {
+		let e = z.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
 			let n = /* @__PURE__ */ new Date(`2024-01-01T${t.startTime}`);
 			return e + ((/* @__PURE__ */ new Date(`2024-01-01T${t.endTime}`)).getTime() - n.getTime()) / (1e3 * 60 * 60);
-		}, 0), n = e.reduce((e, t) => e + t.earnings, 0), r = L.find((e) => e.status === "scheduled");
+		}, 0), n = e.reduce((e, t) => e + t.earnings, 0), r = z.find((e) => e.status === "scheduled");
 		return {
 			hoursThisWeek: t,
 			shiftsThisWeek: e.length,
 			earningsThisWeek: n,
 			nextShift: r
 		};
-	}, [L]), W = z.filter((e) => e.status === "pending").length, G = D(F), K = (e) => {
-		R((t) => t.map((t) => t.id === e ? {
+	}, [z]), K = V.filter((e) => e.status === "pending").length, q = k(L), J = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "ongoing"
 		} : t)), alert("Checked in successfully");
-	}, q = (e) => {
-		R((t) => t.map((t) => t.id === e ? {
+	}, Y = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "completed"
 		} : t)), alert("Checked out successfully");
-	}, J = (e) => {
-		B((t) => t.map((t) => t.id === e ? {
+	}, X = (e) => {
+		H((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "approved"
 		} : t)), alert("Shift accepted");
-	}, Y = (e) => {
-		B((t) => t.map((t) => t.id === e ? {
+	}, Z = (e) => {
+		H((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "rejected"
 		} : t)), alert("Shift rejected");
-	}, X = (e, t, n) => {
-		H((r) => r.map((r) => r.dayOfWeek === e ? {
+	}, Q = (e, t, n) => {
+		W((r) => r.map((r) => r.dayOfWeek === e ? {
 			...r,
 			[t]: n
 		} : r));
 	};
-	return j ? /* @__PURE__ */ C(n, {
+	return N ? /* @__PURE__ */ C(n, {
 		title: "Schedule",
 		description: "Manage your work schedule",
 		children: /* @__PURE__ */ C("div", {
@@ -232,52 +233,56 @@ var A = () => {
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ C(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Schedule",
 		description: "Manage your work schedule",
-		children: /* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ C(E, {
+			className: "mb-6",
+			icon: /* @__PURE__ */ C(c, { className: "h-4 w-4" }),
+			children: "Your shifts at a glance. See how many hours and shifts you have this week, what you'll earn and when your next shift starts, browse upcoming shifts, and pick up open shift requests to add more work when you want it."
+		}), /* @__PURE__ */ w("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ w("div", {
-				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
+			children: [/* @__PURE__ */ w(T, {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-3 p-4",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-secondary",
 							children: "Hours This Week"
 						}), /* @__PURE__ */ w("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: [U.hoursThisWeek, "h"]
+							children: [G.hoursThisWeek, "h"]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-secondary",
 							children: "Shifts This Week"
 						}), /* @__PURE__ */ C("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: U.shiftsThisWeek
+							children: G.shiftsThisWeek
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-secondary",
 							children: "Week Earnings"
 						}), /* @__PURE__ */ C("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: i(U.earningsThisWeek, { minimumFractionDigits: 0 })
+							children: i(G.earningsThisWeek, { minimumFractionDigits: 0 })
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-secondary",
 							children: "Next Shift"
 						}), /* @__PURE__ */ C("p", {
 							className: "text-sm font-bold text-text-primary",
-							children: U.nextShift ? `${T(U.nextShift.date)} ${E(U.nextShift.startTime)}` : "None scheduled"
+							children: G.nextShift ? `${D(G.nextShift.date)} ${O(G.nextShift.startTime)}` : "None scheduled"
 						})]
 					})
 				]
@@ -288,65 +293,65 @@ var A = () => {
 					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-text-secondary hover:text-text-primary"),
+							onClick: () => I("schedule"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "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-text-secondary hover:text-text-primary"),
+							onClick: () => I("requests"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "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",
-									children: W
+								K > 0 && /* @__PURE__ */ C("span", {
+									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: K
 								})
 							]
 						}),
 						/* @__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-text-secondary hover:text-text-primary"),
+							onClick: () => I("availability"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "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"]
 						})
 					]
 				}), /* @__PURE__ */ w("div", {
 					className: "p-5",
 					children: [
-						N === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+						F === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 							className: "flex items-center justify-between mb-5",
 							children: [
 								/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => I((e) => e - 1),
+									onClick: () => R((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-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-text-primary",
 									children: [
-										G.start,
+										q.start,
 										" - ",
-										G.end
+										q.end
 									]
 								}),
 								/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => I((e) => e + 1),
+									onClick: () => R((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-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, {
-							icon: /* @__PURE__ */ C(c, { className: "h-12 w-12" }),
+						}), z.length === 0 ? /* @__PURE__ */ C(r, {
+							illustration: "empty-data",
 							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-subtle hover:bg-bg-sunken/30"),
+							children: z.map((e) => /* @__PURE__ */ w("div", {
+								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",
@@ -354,17 +359,17 @@ var A = () => {
 											className: "flex items-center gap-2 flex-wrap",
 											children: [/* @__PURE__ */ C("h4", {
 												className: "text-sm font-semibold text-text-primary",
-												children: T(e.date)
+												children: D(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)),
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A(e.status)),
 												children: e.status === "ongoing" ? "Ongoing" : e.status
 											})]
 										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												E(e.startTime),
+												O(e.startTime),
 												" - ",
-												E(e.endTime)
+												O(e.endTime)
 											]
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-right",
@@ -373,7 +378,7 @@ var A = () => {
 												children: i(e.earnings, { minimumFractionDigits: 0 })
 											}), e.rating != null && /* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary flex items-center gap-1 justify-end",
-												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
 											})]
 										})]
 									}),
@@ -407,19 +412,19 @@ var A = () => {
 										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",
+											onClick: () => J(e.id),
+											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),
+											onClick: () => Y(e.id),
 											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"]
 										})]
@@ -427,29 +432,29 @@ var A = () => {
 								]
 							}, e.id))
 						})] }),
-						N === "requests" && /* @__PURE__ */ C("div", { children: z.length === 0 ? /* @__PURE__ */ C(r, {
-							icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
+						F === "requests" && /* @__PURE__ */ C("div", { children: V.length === 0 ? /* @__PURE__ */ C(r, {
+							illustration: "empty-generic",
 							title: "No shift requests",
 							description: "No shift requests available"
 						}) : /* @__PURE__ */ C("div", {
 							className: "space-y-3",
-							children: z.map((e) => /* @__PURE__ */ w("div", {
+							children: V.map((e) => /* @__PURE__ */ w("div", {
 								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-text-primary",
-											children: T(e.date)
+											children: D(e.date)
 										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
-												E(e.startTime),
+												O(e.startTime),
 												" - ",
-												E(e.endTime)
+												O(e.endTime)
 											]
 										})] }), /* @__PURE__ */ C("span", {
-											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.status)),
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", j(e.status)),
 											children: e.status
 										})]
 									}),
@@ -487,27 +492,27 @@ var A = () => {
 										className: "flex gap-2",
 										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",
+											onClick: () => X(e.id),
+											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",
+											onClick: () => Z(e.id),
+											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"
 										})]
 									})
 								]
 							}, e.id))
 						}) }),
-						N === "availability" && /* @__PURE__ */ w("div", { children: [
+						F === "availability" && /* @__PURE__ */ w("div", { children: [
 							/* @__PURE__ */ C("p", {
 								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", {
+								children: U.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-subtle bg-bg-surface" : "border-border-subtle/50 bg-bg-sunken/30"),
 									children: [/* @__PURE__ */ C("div", {
 										className: "w-32 shrink-0",
@@ -516,8 +521,8 @@ var A = () => {
 											children: [/* @__PURE__ */ C("input", {
 												type: "checkbox",
 												checked: e.isAvailable,
-												onChange: (t) => X(e.dayOfWeek, "isAvailable", t.target.checked),
-												className: "h-4 w-4 rounded border-border-subtle text-blue-600 focus:ring-blue-500/40"
+												onChange: (t) => Q(e.dayOfWeek, "isAvailable", t.target.checked),
+												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-text-primary",
 												children: e.dayOfWeek
@@ -533,8 +538,8 @@ var A = () => {
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredStartTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredStartTime", t.target.value),
-												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-blue-500/40"
+												onChange: (t) => Q(e.dayOfWeek, "preferredStartTime", t.target.value),
+												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",
@@ -544,8 +549,8 @@ var A = () => {
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredEndTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredEndTime", t.target.value),
-												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-blue-500/40"
+												onChange: (t) => Q(e.dayOfWeek, "preferredEndTime", t.target.value),
+												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", {
@@ -561,7 +566,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"]
 								})
 							})
@@ -569,10 +574,10 @@ var A = () => {
 					]
 				})]
 			})]
-		})
+		})]
 	});
 };
 //#endregion
-export { A as WorkerSchedulePage };
+export { M as WorkerSchedulePage };
 
 //# sourceMappingURL=WorkerSchedulePage.js.map