@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

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

@@ -6,8 +6,9 @@ import { mockWorker as i } from "../../mocks/users.js";
 import { useState as a } from "react";
 import { Award as o, Bell as s, Briefcase as c, Camera as l, Clock as u, CreditCard as d, Loader2 as f, MapPin as p, Pencil as m, Save as h, Shield as g, User as _, X as v } from "lucide-react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as S } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/worker/WorkerProfilePage.tsx
-var S = [
+var C = [
 	{
 		id: "personal",
 		label: "Personal Info",
@@ -38,8 +39,8 @@ var S = [
 		label: "Notifications",
 		icon: s
 	}
-], C = () => {
-	let { navigateTo: s } = e(), [c, d] = a("personal"), [p, C] = a(!1), [w, T] = a(!1), [E, D] = a({
+], w = () => {
+	let { navigateTo: s } = e(), [c, d] = a("personal"), [p, w] = a(!1), [T, E] = a(!1), [D, O] = a({
 		firstName: i.firstName || "Suresh",
 		lastName: i.lastName || "Kumar",
 		email: i.email || "suresh.worker@example.com",
@@ -66,7 +67,7 @@ var S = [
 		ifscCode: "HDFC0001234",
 		panNumber: "ABCDE****F",
 		aadharNumber: "****5678"
-	}), [O, k] = a([
+	}), [k, A] = a([
 		{
 			id: "orders",
 			label: "New Order Assignments",
@@ -97,28 +98,28 @@ var S = [
 			description: "Important updates from management",
 			enabled: !0
 		}
-	]), A = (e, t) => {
-		D((n) => ({
+	]), j = (e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, j = () => {
-		T(!0), setTimeout(() => {
-			T(!1), C(!1), alert("Profile updated successfully!");
+	}, M = () => {
+		E(!0), setTimeout(() => {
+			E(!1), w(!1), alert("Profile updated successfully!");
 		}, 1e3);
-	}, M = (e) => {
+	}, N = (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			let e = new FileReader();
 			e.onloadend = () => {
-				D((t) => ({
+				O((t) => ({
 					...t,
 					profileImage: e.result
 				}));
 			}, e.readAsDataURL(t);
 		}
-	}, N = (e) => {
-		p && k((t) => t.map((t) => t.id === e ? {
+	}, P = (e) => {
+		p && A((t) => t.map((t) => t.id === e ? {
 			...t,
 			enabled: !t.enabled
 		} : t));
@@ -126,22 +127,23 @@ var S = [
 	return /* @__PURE__ */ b(n, {
 		title: "My Profile",
 		description: "Manage your profile information",
+		purpose: "Your worker profile and work setup — contact details, vehicle and service areas, availability, and payout account. Keeping it accurate means you get the right jobs nearby and get paid to the right place.",
 		actions: /* @__PURE__ */ b("div", {
 			className: "flex items-center gap-2",
 			children: p ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
 				type: "button",
-				onClick: () => C(!1),
+				onClick: () => w(!1),
 				className: "inline-flex items-center gap-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 				children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Cancel"]
 			}), /* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: j,
-				disabled: w,
-				className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-3 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors disabled:opacity-50",
-				children: w ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Save Changes"] })
+				onClick: M,
+				disabled: T,
+				className: "inline-flex items-center gap-2 rounded-md bg-accent-blue-subtle/10 px-3 py-2 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors disabled:opacity-50",
+				children: T ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Save Changes"] })
 			})] }) : /* @__PURE__ */ x("button", {
 				type: "button",
-				onClick: () => C(!0),
+				onClick: () => w(!0),
 				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 				children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Edit Profile"]
 			})
@@ -150,27 +152,27 @@ var S = [
 			className: "grid lg:grid-cols-4 gap-6 max-w-6xl",
 			children: [/* @__PURE__ */ x("div", {
 				className: "lg:col-span-1 space-y-4",
-				children: [/* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm text-center",
+				children: [/* @__PURE__ */ x(S, {
+					className: "p-5 text-center",
 					children: [
 						/* @__PURE__ */ x("div", {
 							className: "relative inline-block",
 							children: [/* @__PURE__ */ b("div", {
 								className: "h-20 w-20 rounded-full bg-bg-sunken overflow-hidden mx-auto",
-								children: E.profileImage ? /* @__PURE__ */ b("img", {
-									src: E.profileImage,
-									alt: `${E.firstName} ${E.lastName}`,
+								children: D.profileImage ? /* @__PURE__ */ b("img", {
+									src: D.profileImage,
+									alt: `${D.firstName} ${D.lastName}`,
 									className: "h-full w-full object-cover"
 								}) : /* @__PURE__ */ b("div", {
 									className: "flex h-full w-full items-center justify-center text-text-secondary",
 									children: /* @__PURE__ */ b(_, { className: "h-10 w-10" })
 								})
 							}), p && /* @__PURE__ */ x("label", {
-								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-blue-500/20 text-blue-600 dark:text-blue-400 cursor-pointer hover:bg-blue-500/30 transition-colors",
+								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-accent-blue-subtle/20 text-accent-blue cursor-pointer hover:bg-accent-blue-subtle/30 transition-colors",
 								children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("input", {
 									type: "file",
 									accept: "image/*",
-									onChange: M,
+									onChange: N,
 									className: "hidden"
 								})]
 							})]
@@ -178,28 +180,28 @@ var S = [
 						/* @__PURE__ */ x("h3", {
 							className: "mt-3 text-sm font-semibold text-text-primary",
 							children: [
-								E.firstName,
+								D.firstName,
 								" ",
-								E.lastName
+								D.lastName
 							]
 						}),
 						/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary",
-							children: E.designation
+							children: D.designation
 						}),
 						/* @__PURE__ */ b("p", {
 							className: "text-[10px] text-text-secondary mt-0.5",
-							children: E.employeeId
+							children: D.employeeId
 						})
 					]
 				}), /* @__PURE__ */ b("div", {
 					className: "space-y-1",
-					children: S.map((e) => {
+					children: C.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => d(e.id),
-							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
+							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-accent-blue-subtle/10 text-accent-blue" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
 							children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
 						}, e.id);
 					})
@@ -207,7 +209,7 @@ var S = [
 			}), /* @__PURE__ */ b("div", {
 				className: "lg:col-span-3",
 				children: /* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [
 						c === "personal" && /* @__PURE__ */ x("div", { children: [
 							/* @__PURE__ */ b("h2", {
@@ -222,50 +224,50 @@ var S = [
 										children: "First Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.firstName,
-										onChange: (e) => A("firstName", e.target.value),
+										value: D.firstName,
+										onChange: (e) => j("firstName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Last Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.lastName,
-										onChange: (e) => A("lastName", e.target.value),
+										value: D.lastName,
+										onChange: (e) => j("lastName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Email Address"
 									}), /* @__PURE__ */ b("input", {
 										type: "email",
-										value: E.email,
-										onChange: (e) => A("email", e.target.value),
+										value: D.email,
+										onChange: (e) => j("email", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Phone Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.phone,
-										onChange: (e) => A("phone", e.target.value),
+										value: D.phone,
+										onChange: (e) => j("phone", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Date of Birth"
 									}), /* @__PURE__ */ b("input", {
 										type: "date",
-										value: E.dateOfBirth,
-										onChange: (e) => A("dateOfBirth", e.target.value),
+										value: D.dateOfBirth,
+										onChange: (e) => j("dateOfBirth", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							}),
@@ -282,30 +284,30 @@ var S = [
 											children: "Contact Name"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: E.emergencyContactName,
-											onChange: (e) => A("emergencyContactName", e.target.value),
+											value: D.emergencyContactName,
+											onChange: (e) => j("emergencyContactName", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Contact Phone"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: E.emergencyContactPhone,
-											onChange: (e) => A("emergencyContactPhone", e.target.value),
+											value: D.emergencyContactPhone,
+											onChange: (e) => j("emergencyContactPhone", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Relationship"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: E.emergencyContactRelation,
-											onChange: (e) => A("emergencyContactRelation", e.target.value),
+											value: D.emergencyContactRelation,
+											onChange: (e) => j("emergencyContactRelation", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 										})] })
 									]
 								})]
@@ -324,7 +326,7 @@ var S = [
 										children: "Employee ID"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.employeeId,
+										value: D.employeeId,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -333,7 +335,7 @@ var S = [
 										children: "Designation"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.designation,
+										value: D.designation,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -342,7 +344,7 @@ var S = [
 										children: "Department"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.department,
+										value: D.department,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -351,7 +353,7 @@ var S = [
 										children: "Work Location"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.workLocation,
+										value: D.workLocation,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -360,7 +362,7 @@ var S = [
 										children: "Joining Date"
 									}), /* @__PURE__ */ b("input", {
 										type: "date",
-										value: E.joiningDate,
+										value: D.joiningDate,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -369,7 +371,7 @@ var S = [
 										children: "Employment Type"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.employmentType,
+										value: D.employmentType,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] })
@@ -381,7 +383,7 @@ var S = [
 									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											className: "text-2xl font-bold text-accent-blue",
 											children: r.totalDeliveries
 										}), /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary",
@@ -391,7 +393,7 @@ var S = [
 									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-green-600 dark:text-green-400",
+											className: "text-2xl font-bold text-status-success-text",
 											children: r.averageRating
 										}), /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary",
@@ -401,7 +403,7 @@ var S = [
 									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
 										children: [/* @__PURE__ */ x("p", {
-											className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+											className: "text-2xl font-bold text-accent-blue",
 											children: [r.completionRate, "%"]
 										}), /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary",
@@ -429,10 +431,10 @@ var S = [
 											children: "Address Line"
 										}), /* @__PURE__ */ b("textarea", {
 											rows: 2,
-											value: E.currentAddress,
-											onChange: (e) => A("currentAddress", e.target.value),
+											value: D.currentAddress,
+											onChange: (e) => j("currentAddress", e.target.value),
 											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 										})]
 									}),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -440,30 +442,30 @@ var S = [
 										children: "City"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.city,
-										onChange: (e) => A("city", e.target.value),
+										value: D.city,
+										onChange: (e) => j("city", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "State"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.state,
-										onChange: (e) => A("state", e.target.value),
+										value: D.state,
+										onChange: (e) => j("state", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Pincode"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.pincode,
-										onChange: (e) => A("pincode", e.target.value),
+										value: D.pincode,
+										onChange: (e) => j("pincode", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							})] }), /* @__PURE__ */ x("div", { children: [
@@ -475,24 +477,24 @@ var S = [
 									className: "flex items-center gap-2 mb-3 cursor-pointer",
 									children: [/* @__PURE__ */ b("input", {
 										type: "checkbox",
-										checked: E.sameAsCurrent,
-										onChange: (e) => A("sameAsCurrent", e.target.checked),
+										checked: D.sameAsCurrent,
+										onChange: (e) => j("sameAsCurrent", e.target.checked),
 										disabled: !p,
-										className: "h-4 w-4 rounded border-border-subtle 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__ */ b("span", {
 										className: "text-xs text-text-primary",
 										children: "Same as current address"
 									})]
 								}),
-								!E.sameAsCurrent && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								!D.sameAsCurrent && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: "Address Line"
 								}), /* @__PURE__ */ b("textarea", {
 									rows: 2,
-									value: E.permanentAddress,
-									onChange: (e) => A("permanentAddress", e.target.value),
+									value: D.permanentAddress,
+									onChange: (e) => j("permanentAddress", e.target.value),
 									disabled: !p,
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 								})] })
 							] })]
 						})] }),
@@ -502,9 +504,9 @@ var S = [
 								children: "Documents & Banking"
 							}),
 							/* @__PURE__ */ b("div", {
-								className: "rounded-lg bg-yellow-500/10 border border-yellow-500/20 p-3 mb-5",
+								className: "rounded-lg bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3 mb-5",
 								children: /* @__PURE__ */ x("p", {
-									className: "text-xs text-yellow-600 dark:text-yellow-400 flex items-center gap-2",
+									className: "text-xs text-status-warning-text flex items-center gap-2",
 									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
 								})
 							}),
@@ -516,7 +518,7 @@ var S = [
 										children: "PAN Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.panNumber,
+										value: D.panNumber,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -525,7 +527,7 @@ var S = [
 										children: "Aadhar Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.aadharNumber,
+										value: D.aadharNumber,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -534,17 +536,17 @@ var S = [
 										children: "Bank Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.bankName,
-										onChange: (e) => A("bankName", e.target.value),
+										value: D.bankName,
+										onChange: (e) => j("bankName", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Account Number"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.accountNumber,
+										value: D.accountNumber,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
@@ -553,10 +555,10 @@ var S = [
 										children: "IFSC Code"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: E.ifscCode,
-										onChange: (e) => A("ifscCode", e.target.value),
+										value: D.ifscCode,
+										onChange: (e) => j("ifscCode", e.target.value),
 										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
 									})] })
 								]
 							})
@@ -569,9 +571,9 @@ var S = [
 							/* @__PURE__ */ x("div", {
 								className: "grid sm:grid-cols-2 gap-4 mb-7",
 								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-yellow-500/5 border border-yellow-500/20 p-5 text-center",
+									className: "rounded-lg bg-status-warning-bg-subtle/5 border border-status-warning-border/20 p-5 text-center",
 									children: [
-										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-yellow-600 dark:text-yellow-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-status-warning-text mx-auto mb-2" }),
 										/* @__PURE__ */ b("h3", {
 											className: "text-sm font-semibold text-text-primary",
 											children: "Employee of the Month"
@@ -582,9 +584,9 @@ var S = [
 										})
 									]
 								}), /* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-blue-500/5 border border-blue-500/20 p-5 text-center",
+									className: "rounded-lg bg-accent-blue-subtle/5 border border-accent-blue-subtle/20 p-5 text-center",
 									children: [
-										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-blue-600 dark:text-blue-400 mx-auto mb-2" }),
+										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-accent-blue mx-auto mb-2" }),
 										/* @__PURE__ */ b("h3", {
 											className: "text-sm font-semibold text-text-primary",
 											children: "Perfect Attendance"
@@ -614,7 +616,7 @@ var S = [
 									}), /* @__PURE__ */ b("div", {
 										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-green-500 transition-all",
+											className: "h-full rounded-full bg-status-success-bg-subtle transition-all",
 											style: { width: "98%" }
 										})
 									})] }),
@@ -630,7 +632,7 @@ var S = [
 									}), /* @__PURE__ */ b("div", {
 										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-blue-500 transition-all",
+											className: "h-full rounded-full bg-accent-blue-subtle transition-all",
 											style: { width: "95%" }
 										})
 									})] }),
@@ -646,7 +648,7 @@ var S = [
 									}), /* @__PURE__ */ b("div", {
 										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-purple-500 transition-all",
+											className: "h-full rounded-full bg-accent-purple-subtle transition-all",
 											style: { width: "92%" }
 										})
 									})] })
@@ -658,7 +660,7 @@ var S = [
 							children: "Notification Preferences"
 						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
-							children: O.map((e) => /* @__PURE__ */ x("div", {
+							children: k.map((e) => /* @__PURE__ */ x("div", {
 								className: "flex items-center justify-between p-4 rounded-lg bg-bg-sunken/50",
 								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h4", {
 									className: "text-sm font-medium text-text-primary",
@@ -668,9 +670,9 @@ var S = [
 									children: e.description
 								})] }), /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => N(e.id),
+									onClick: () => P(e.id),
 									disabled: !p,
-									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-blue-500" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
+									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
 									children: /* @__PURE__ */ b("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
 								})]
 							}, e.id))
@@ -682,6 +684,6 @@ var S = [
 	});
 };
 //#endregion
-export { C as WorkerProfilePage };
+export { w as WorkerProfilePage };
 
 //# sourceMappingURL=WorkerProfilePage.js.map