@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/cart-owner/StaffManagementPage.js

@@ -137,44 +137,44 @@ var y = [
 ], b = {
 	active: {
 		label: "Active",
-		color: "text-green-600 dark:text-green-400",
-		dot: "bg-green-500"
+		color: "text-status-success-text",
+		dot: "bg-status-success-bg-subtle"
 	},
 	inactive: {
 		label: "Inactive",
-		color: "text-muted-foreground",
+		color: "text-text-secondary",
 		dot: "bg-muted-foreground"
 	},
 	"on-leave": {
 		label: "On Leave",
-		color: "text-yellow-600 dark:text-yellow-400",
-		dot: "bg-yellow-500"
+		color: "text-status-warning-text",
+		dot: "bg-status-warning-bg-subtle"
 	},
 	terminated: {
 		label: "Terminated",
-		color: "text-red-600 dark:text-red-400",
-		dot: "bg-red-500"
+		color: "text-status-error-text",
+		dot: "bg-status-error-bg-subtle"
 	}
 }, x = {
 	manager: {
 		label: "Manager",
-		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle/20 text-accent-purple"
 	},
 	chef: {
 		label: "Chef",
-		color: "bg-orange-500/20 text-orange-600 dark:text-orange-400"
+		color: "bg-accent-orange-subtle/20 text-accent-orange"
 	},
 	server: {
 		label: "Server",
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		color: "bg-accent-blue-subtle/20 text-accent-blue"
 	},
 	delivery: {
 		label: "Delivery",
-		color: "bg-green-500/20 text-green-600 dark:text-green-400"
+		color: "bg-status-success-bg-subtle/20 text-status-success-text"
 	},
 	cashier: {
 		label: "Cashier",
-		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400"
+		color: "bg-accent-cyan-subtle/20 text-accent-cyan"
 	}
 }, S = {
 	email: "",
@@ -284,7 +284,7 @@ var y = [
 			onClick: () => {
 				V(S), F(!0);
 			},
-			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+			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__ */ _(m, { className: "h-4 w-4" }), "Invite Staff"]
 		}),
 		children: [
@@ -292,9 +292,9 @@ var y = [
 				className: "space-y-4",
 				children: [
 					W && /* @__PURE__ */ v("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", W.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
-						children: [W.type === "success" ? /* @__PURE__ */ _(o, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ _(a, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ _("span", {
-							className: t("text-sm font-medium", W.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+						className: t("flex items-center gap-2 rounded-lg border p-3", W.type === "success" ? "border-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
+						children: [W.type === "success" ? /* @__PURE__ */ _(o, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ _(a, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ _("span", {
+							className: t("text-sm font-medium", W.type === "success" ? "text-status-success-text" : "text-status-error-text"),
 							children: W.text
 						})]
 					}),
@@ -302,66 +302,66 @@ var y = [
 						className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
 						children: [
 							/* @__PURE__ */ v("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__ */ _("p", {
-									className: "text-2xl font-bold text-foreground",
+									className: "text-2xl font-bold text-text-primary",
 									children: w.length
 								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Total Staff"
 								})]
 							}),
 							/* @__PURE__ */ v("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__ */ _("p", {
-									className: "text-2xl font-bold text-green-600 dark:text-green-400",
+									className: "text-2xl font-bold text-status-success-text",
 									children: q
 								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Active Now"
 								})]
 							}),
 							/* @__PURE__ */ v("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__ */ _("p", {
-									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+									className: "text-2xl font-bold text-status-warning-text",
 									children: J
 								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "On Leave"
 								})]
 							}),
 							/* @__PURE__ */ v("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__ */ _("p", {
-									className: "text-2xl font-bold text-foreground",
+									className: "text-2xl font-bold text-text-primary",
 									children: Y
 								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Avg. Rating"
 								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ _("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__ */ v("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 							children: [
 								/* @__PURE__ */ v("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ _(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ _("input", {
+									children: [/* @__PURE__ */ _(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
 										type: "text",
 										placeholder: "Search staff...",
 										value: E,
 										onChange: (e) => D(e.target.value),
-										className: "w-full rounded-md border border-border bg-card pl-10 pr-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})]
 								}),
 								/* @__PURE__ */ v("select", {
 									value: O,
 									onChange: (e) => k(e.target.value),
-									className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [/* @__PURE__ */ _("option", {
 										value: "",
 										children: "All Roles"
@@ -373,7 +373,7 @@ var y = [
 								/* @__PURE__ */ v("select", {
 									value: A,
 									onChange: (e) => j(e.target.value),
-									className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [/* @__PURE__ */ _("option", {
 										value: "",
 										children: "All Status"
@@ -385,7 +385,7 @@ var y = [
 								/* @__PURE__ */ v("select", {
 									value: M,
 									onChange: (e) => N(e.target.value),
-									className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
 										/* @__PURE__ */ _("option", {
 											value: "name",
@@ -409,24 +409,24 @@ var y = [
 						})
 					}),
 					X.length === 0 ? /* @__PURE__ */ v("div", {
-						className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border bg-card shadow-sm text-center",
+						className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-subtle bg-bg-surface shadow-sm text-center",
 						children: [
-							/* @__PURE__ */ _(h, { className: "h-12 w-12 text-muted-foreground opacity-40 mb-3" }),
+							/* @__PURE__ */ _(h, { className: "h-12 w-12 text-text-secondary opacity-40 mb-3" }),
 							/* @__PURE__ */ _("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: "No staff members found"
 							}),
 							/* @__PURE__ */ _("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-secondary mt-1",
 								children: "Try adjusting your filters"
 							})
 						]
 					}) : /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border bg-card shadow-sm divide-y divide-border",
+						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm divide-y divide-border",
 						children: X.map((e) => {
 							let n = b[e.status], r = x[e.role];
 							return /* @__PURE__ */ v("div", {
-								className: "p-4 sm:p-5 hover:bg-muted/30 transition-colors",
+								className: "p-4 sm:p-5 hover:bg-bg-sunken/30 transition-colors",
 								children: [/* @__PURE__ */ v("div", {
 									className: "flex flex-col sm:flex-row sm:items-center gap-4",
 									children: [/* @__PURE__ */ v("div", {
@@ -434,7 +434,7 @@ var y = [
 										children: [/* @__PURE__ */ v("div", {
 											className: "relative shrink-0",
 											children: [/* @__PURE__ */ _("div", {
-												className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted text-sm font-semibold text-foreground",
+												className: "flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-primary",
 												children: `${e.firstName[0]}${e.lastName[0]}`
 											}), /* @__PURE__ */ _("span", { className: t("absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full border-2 border-card", n.dot) })]
 										}), /* @__PURE__ */ v("div", {
@@ -443,7 +443,7 @@ var y = [
 												className: "flex items-center gap-2 flex-wrap",
 												children: [
 													/* @__PURE__ */ v("p", {
-														className: "text-sm font-medium text-foreground",
+														className: "text-sm font-medium text-text-primary",
 														children: [
 															e.firstName,
 															" ",
@@ -460,7 +460,7 @@ var y = [
 													})
 												]
 											}), /* @__PURE__ */ v("div", {
-												className: "flex items-center gap-3 mt-1 text-xs text-muted-foreground flex-wrap",
+												className: "flex items-center gap-3 mt-1 text-xs text-text-secondary flex-wrap",
 												children: [/* @__PURE__ */ v("span", {
 													className: "flex items-center gap-1",
 													children: [/* @__PURE__ */ _(l, { className: "h-3 w-3" }), e.email]
@@ -478,40 +478,40 @@ var y = [
 												/* @__PURE__ */ v("div", {
 													className: "text-center",
 													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-foreground flex items-center gap-0.5 justify-center",
-														children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.performance.rating]
+														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
+														children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
 													}), /* @__PURE__ */ _("p", {
-														className: "text-muted-foreground",
+														className: "text-text-secondary",
 														children: "Rating"
 													})]
 												}),
 												/* @__PURE__ */ v("div", {
 													className: "text-center",
 													children: [/* @__PURE__ */ _("p", {
-														className: "font-bold text-foreground",
+														className: "font-bold text-text-primary",
 														children: e.performance.tasksCompleted
 													}), /* @__PURE__ */ _("p", {
-														className: "text-muted-foreground",
+														className: "text-text-secondary",
 														children: "Tasks"
 													})]
 												}),
 												/* @__PURE__ */ v("div", {
 													className: "text-center",
 													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-foreground",
+														className: "font-bold text-text-primary",
 														children: [e.performance.punctuality, "%"]
 													}), /* @__PURE__ */ _("p", {
-														className: "text-muted-foreground",
+														className: "text-text-secondary",
 														children: "On Time"
 													})]
 												}),
 												e.currentShift && /* @__PURE__ */ v("div", {
 													className: "text-center",
 													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-foreground flex items-center gap-0.5 justify-center",
-														children: [/* @__PURE__ */ _(s, { className: "h-3 w-3 text-muted-foreground" }), e.currentShift]
+														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
+														children: [/* @__PURE__ */ _(s, { className: "h-3 w-3 text-text-secondary" }), e.currentShift]
 													}), /* @__PURE__ */ _("p", {
-														className: "text-muted-foreground",
+														className: "text-text-secondary",
 														children: "Shift"
 													})]
 												})
@@ -522,21 +522,21 @@ var y = [
 												/* @__PURE__ */ _("button", {
 													type: "button",
 													onClick: () => ee(e.id),
-													className: t("h-6 w-11 rounded-full transition-colors relative", e.status === "active" ? "bg-green-500" : "bg-muted-foreground/30"),
+													className: t("h-6 w-11 rounded-full transition-colors relative", e.status === "active" ? "bg-status-success-bg-subtle" : "bg-muted-foreground/30"),
 													title: e.status === "active" ? "Deactivate" : "Activate",
 													children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.status === "active" ? "translate-x-5" : "translate-x-0.5") })
 												}),
 												/* @__PURE__ */ _("button", {
 													type: "button",
 													onClick: () => Q(e),
-													className: "rounded p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+													className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 													title: "Edit",
 													children: /* @__PURE__ */ _(c, { className: "h-4 w-4" })
 												}),
 												/* @__PURE__ */ _("button", {
 													type: "button",
 													onClick: () => te(e.id),
-													className: "rounded p-1.5 text-muted-foreground hover:bg-red-500/10 hover:text-red-600 transition-colors",
+													className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle/10 hover:text-status-error-text transition-colors",
 													title: "Remove",
 													children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
 												})
@@ -544,11 +544,11 @@ var y = [
 										})]
 									})]
 								}), /* @__PURE__ */ v("div", {
-									className: "md:hidden flex items-center gap-4 mt-3 text-xs text-muted-foreground",
+									className: "md:hidden flex items-center gap-4 mt-3 text-xs text-text-secondary",
 									children: [
 										/* @__PURE__ */ v("span", {
 											className: "flex items-center gap-0.5",
-											children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.performance.rating]
+											children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
 										}),
 										/* @__PURE__ */ v("span", { children: [e.performance.tasksCompleted, " tasks"] }),
 										/* @__PURE__ */ v("span", { children: [e.performance.punctuality, "% on time"] }),
@@ -567,19 +567,19 @@ var y = [
 			P && /* @__PURE__ */ _("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ _("div", {
-					className: "w-full max-w-lg rounded-lg border border-border bg-card shadow-xl",
+					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
 					children: /* @__PURE__ */ v("div", {
 						className: "p-6",
 						children: [
 							/* @__PURE__ */ v("div", {
 								className: "flex items-center justify-between mb-4",
 								children: [/* @__PURE__ */ _("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: "Invite Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => F(!1),
-									className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted",
+									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
 									children: /* @__PURE__ */ _(g, { className: "h-5 w-5" })
 								})]
 							}),
@@ -589,7 +589,7 @@ var y = [
 									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-2 gap-4",
 										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "First Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
@@ -598,9 +598,9 @@ var y = [
 												...t,
 												firstName: e.target.value
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Last Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
@@ -609,11 +609,11 @@ var y = [
 												...t,
 												lastName: e.target.value
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })]
 									}),
 									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Email *"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
@@ -622,10 +622,10 @@ var y = [
 											...t,
 											email: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
 									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
@@ -634,12 +634,12 @@ var y = [
 											...t,
 											phone: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
 									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-2 gap-4",
 										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Role"
 										}), /* @__PURE__ */ _("select", {
 											value: B.role,
@@ -647,13 +647,13 @@ var y = [
 												...t,
 												role: e.target.value
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 											children: Object.entries(x).map(([e, t]) => /* @__PURE__ */ _("option", {
 												value: e,
 												children: t.label
 											}, e))
 										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Hourly Rate (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
@@ -662,7 +662,7 @@ var y = [
 												...t,
 												hourlyRate: parseInt(e.target.value) || 0
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })]
 									})
 								]
@@ -672,12 +672,12 @@ var y = [
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => F(!1),
-									className: "flex-1 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted",
+									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 									children: "Cancel"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: Z,
-									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80",
+									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 									children: "Send Invite"
 								})]
 							})
@@ -688,19 +688,19 @@ var y = [
 			I && R && /* @__PURE__ */ _("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ _("div", {
-					className: "w-full max-w-lg rounded-lg border border-border bg-card shadow-xl",
+					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
 					children: /* @__PURE__ */ v("div", {
 						className: "p-6",
 						children: [
 							/* @__PURE__ */ v("div", {
 								className: "flex items-center justify-between mb-4",
 								children: [/* @__PURE__ */ _("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: "Edit Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => L(!1),
-									className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted",
+									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
 									children: /* @__PURE__ */ _(g, { className: "h-5 w-5" })
 								})]
 							}),
@@ -710,7 +710,7 @@ var y = [
 									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-2 gap-4",
 										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "First Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
@@ -719,9 +719,9 @@ var y = [
 												...t,
 												firstName: e.target.value
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Last Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
@@ -730,11 +730,11 @@ var y = [
 												...t,
 												lastName: e.target.value
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })]
 									}),
 									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Email"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
@@ -743,10 +743,10 @@ var y = [
 											...t,
 											email: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
 									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
@@ -755,13 +755,13 @@ var y = [
 											...t,
 											phone: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
 									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-3 gap-4",
 										children: [
 											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: "block text-sm font-medium text-foreground mb-1",
+												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Role"
 											}), /* @__PURE__ */ _("select", {
 												value: H.role,
@@ -769,14 +769,14 @@ var y = [
 													...t,
 													role: e.target.value
 												})),
-												className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 												children: Object.entries(x).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
 												}, e))
 											})] }),
 											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: "block text-sm font-medium text-foreground mb-1",
+												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Rate (₹/hr)"
 											}), /* @__PURE__ */ _("input", {
 												type: "number",
@@ -785,10 +785,10 @@ var y = [
 													...t,
 													hourlyRate: parseInt(e.target.value) || 0
 												})),
-												className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 											})] }),
 											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: "block text-sm font-medium text-foreground mb-1",
+												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Status"
 											}), /* @__PURE__ */ _("select", {
 												value: H.status,
@@ -796,7 +796,7 @@ var y = [
 													...t,
 													status: e.target.value
 												})),
-												className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 												children: Object.entries(b).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
@@ -811,12 +811,12 @@ var y = [
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => L(!1),
-									className: "flex-1 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted",
+									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 									children: "Cancel"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: $,
-									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80",
+									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 									children: "Save Changes"
 								})]
 							})