@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.2

package/dist/crewfoundry/pages/HrLeaveManagementPagePage.js

@@ -5,15 +5,16 @@ import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import { SegmentedTabs as i } from "../components/viz/SegmentedTabs.js";
 import "../components/viz/index.js";
 import { FormModal as a, useFormModal as o } from "../components/forms/FormModal.js";
-import { getNumber as s, getText as c, newClientId as l } from "../components/forms/formValues.js";
-import { useMemo as u, useState as d } from "react";
-import { Calendar as f, CheckCircle as p, ChevronLeft as m, ChevronRight as h, Clock as g, XCircle as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, Card as S, CardContent as C, CardDescription as w, CardHeader as T, CardTitle as E, GradientText as D, PagePurpose as O, Pagination as ee, ResponsiveTable as te } from "@burdenoff/fe-libs/ui";
-import { usePagination as k } from "@burdenoff/fe-libs/shared/hooks";
-import { useAuth as A, useGlobalUi as j } from "@burdenoff/fe-libs/shared/providers/shell";
+import { FOCUSED_CELL_CLASS as s, pageContaining as c, useFocusedRecordParam as l } from "../lib/useFocusedRecordParam.js";
+import { getNumber as u, getText as d, newClientId as ee } from "../components/forms/formValues.js";
+import { useMemo as f, useState as p } from "react";
+import { Calendar as m, CheckCircle as h, ChevronLeft as g, ChevronRight as _, Clock as v, XCircle as te } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as x, Button as S, Card as C, CardContent as w, CardDescription as T, CardHeader as E, CardTitle as D, GradientText as ne, PagePurpose as re, Pagination as ie, ResponsiveTable as ae } from "@burdenoff/fe-libs/ui";
+import { usePagination as oe } from "@burdenoff/fe-libs/shared/hooks";
+import { useAuth as se, useGlobalUi as O } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrLeaveManagementPagePage.tsx
-var ne = [
+var k = [
 	{
 		label: "Annual",
 		value: "annual"
@@ -38,7 +39,7 @@ var ne = [
 		label: "Unpaid",
 		value: "unpaid"
 	}
-], M = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" "), N = {
+], A = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" "), j = {
 	annual: {
 		label: "Annual",
 		dot: "var(--color-status-success-text)",
@@ -69,11 +70,11 @@ var ne = [
 		dot: "var(--color-text-muted)",
 		cell: "bg-bg-sunken"
 	}
-}, P = (e) => N[e] ?? {
-	label: M(e),
+}, M = (e) => j[e] ?? {
+	label: A(e),
 	dot: "var(--color-accent-blue)",
 	cell: "bg-bg-sunken"
-}, F = [
+}, N = [
 	"January",
 	"February",
 	"March",
@@ -86,7 +87,7 @@ var ne = [
 	"October",
 	"November",
 	"December"
-], I = [
+], P = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -94,111 +95,111 @@ var ne = [
 	"Th",
 	"Fr",
 	"Sa"
-], L = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, R = (e) => e.slice(0, 10);
-function z({ leaveRequests: e, monthCursor: t, onPrev: n, onNext: r }) {
-	let i = t.getFullYear(), a = t.getMonth(), o = L(/* @__PURE__ */ new Date()), s = u(() => e.filter((e) => e.status === "approved" || e.status === "pending"), [e]), c = new Date(i, a, 1);
+], F = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, I = (e) => e.slice(0, 10);
+function L({ leaveRequests: e, monthCursor: t, onPrev: n, onNext: r }) {
+	let i = t.getFullYear(), a = t.getMonth(), o = F(/* @__PURE__ */ new Date()), s = f(() => e.filter((e) => e.status === "approved" || e.status === "pending"), [e]), c = new Date(i, a, 1);
 	c.setDate(1 - c.getDay());
 	let l = Array.from({ length: 42 }, (e, t) => {
 		let n = new Date(c);
 		n.setDate(c.getDate() + t);
-		let r = L(n), i = /* @__PURE__ */ new Set();
-		for (let e of s) R(e.startDate) <= r && r <= R(e.endDate) && i.add(e.type);
+		let r = F(n), i = /* @__PURE__ */ new Set();
+		for (let e of s) I(e.startDate) <= r && r <= I(e.endDate) && i.add(e.type);
 		return {
 			date: n,
 			dayStr: r,
 			inMonth: n.getMonth() === a,
 			types: [...i]
 		};
-	}), d = u(() => {
+	}), u = f(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of l) t.inMonth && t.types.forEach((t) => e.add(t));
 		return [...e];
 	}, [l]);
-	return /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, {
+	return /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, {
 		className: "flex flex-row items-center justify-between space-y-0",
-		children: [/* @__PURE__ */ y(E, {
+		children: [/* @__PURE__ */ b(D, {
 			className: "text-base",
 			children: [
-				F[a],
+				N[a],
 				" ",
 				i
 			]
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ b("div", {
 			className: "flex gap-1",
-			children: [/* @__PURE__ */ v(x, {
+			children: [/* @__PURE__ */ y(S, {
 				variant: "outline",
 				size: "sm",
 				className: "h-8 w-8 p-0",
 				"aria-label": "Previous month",
 				onClick: n,
-				children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ v(x, {
+				children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ y(S, {
 				variant: "outline",
 				size: "sm",
 				className: "h-8 w-8 p-0",
 				"aria-label": "Next month",
 				onClick: r,
-				children: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
 			})]
 		})]
-	}), /* @__PURE__ */ y(C, {
+	}), /* @__PURE__ */ b(w, {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-text-secondary",
-				children: I.map((e) => /* @__PURE__ */ v("div", { children: e }, e))
+				children: P.map((e) => /* @__PURE__ */ y("div", { children: e }, e))
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-7 gap-1",
 				children: l.map((e) => {
-					let t = e.types[0], n = e.inMonth && t ? P(t).cell : "", r = e.dayStr === o;
-					return /* @__PURE__ */ y("div", {
+					let t = e.types[0], n = e.inMonth && t ? M(t).cell : "", r = e.dayStr === o;
+					return /* @__PURE__ */ b("div", {
 						className: `relative flex aspect-square flex-col items-center justify-center rounded-md text-xs ${n} ${e.inMonth ? "text-text-primary" : "text-text-muted"} ${r ? "ring-2 ring-action-primary-bg" : ""}`,
-						title: e.types.length > 0 ? `${e.dayStr}: ${e.types.map((e) => P(e).label).join(", ")}` : e.dayStr,
-						children: [/* @__PURE__ */ v("span", {
+						title: e.types.length > 0 ? `${e.dayStr}: ${e.types.map((e) => M(e).label).join(", ")}` : e.dayStr,
+						children: [/* @__PURE__ */ y("span", {
 							className: e.types.length > 0 ? "font-semibold" : "",
 							children: e.date.getDate()
-						}), e.types.length > 0 && /* @__PURE__ */ v("span", {
+						}), e.types.length > 0 && /* @__PURE__ */ y("span", {
 							className: "mt-0.5 flex gap-0.5",
-							children: e.types.slice(0, 3).map((e) => /* @__PURE__ */ v("span", {
+							children: e.types.slice(0, 3).map((e) => /* @__PURE__ */ y("span", {
 								className: "h-1 w-1 rounded-full",
-								style: { backgroundColor: P(e).dot }
+								style: { backgroundColor: M(e).dot }
 							}, e))
 						})]
 					}, e.dayStr);
 				})
 			}),
-			d.length > 0 && /* @__PURE__ */ v("div", {
+			u.length > 0 && /* @__PURE__ */ y("div", {
 				className: "flex flex-wrap gap-3 pt-1 text-xs text-text-secondary",
-				children: d.map((e) => /* @__PURE__ */ y("span", {
+				children: u.map((e) => /* @__PURE__ */ b("span", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ v("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "h-2.5 w-2.5 rounded-full",
-						style: { backgroundColor: P(e).dot }
-					}), P(e).label]
+						style: { backgroundColor: M(e).dot }
+					}), M(e).label]
 				}, e))
 			})
 		]
 	})] });
 }
-function B() {
-	let { leaveRequests: m, employees: h, addLeaveRequest: N, updateLeaveRequest: F } = e(), { showToast: I } = j(), { currentUser: L } = A(), B = o(), [V, H] = d("requests"), U = u(() => new Map(h.map((e) => [e.id, e])), [h]), [W, G] = d(() => {
-		let e = m.filter((e) => e.status === "approved" || e.status === "pending").map((e) => R(e.startDate)).sort(), t = e[e.length - 1];
+function R() {
+	let { leaveRequests: g, employees: _, addLeaveRequest: j, updateLeaveRequest: N } = e(), { showToast: P } = O(), { currentUser: F } = se(), R = o(), [z, B] = p("requests"), V = f(() => new Map(_.map((e) => [e.id, e])), [_]), [H, U] = p(() => {
+		let e = g.filter((e) => e.status === "approved" || e.status === "pending").map((e) => I(e.startDate)).sort(), t = e[e.length - 1];
 		if (t) {
 			let [e, n] = t.split("-").map(Number);
 			return new Date(e, (n || 1) - 1, 1);
 		}
 		return /* @__PURE__ */ new Date();
-	}), K = (e) => G((t) => new Date(t.getFullYear(), t.getMonth() + e, 1)), q = L?.name || [L?.firstName, L?.lastName].filter(Boolean).join(" ") || L?.email || "Manager", J = u(() => h.map((e) => ({
+	}), W = (e) => U((t) => new Date(t.getFullYear(), t.getMonth() + e, 1)), G = F?.name || [F?.firstName, F?.lastName].filter(Boolean).join(" ") || F?.email || "Manager", K = f(() => _.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [h]), Y = u(() => [
+	})), [_]), ce = f(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: J,
+			options: K,
 			colSpan: 2
 		},
 		{
@@ -206,7 +207,7 @@ function B() {
 			label: "Leave type",
 			type: "select",
 			required: !0,
-			options: ne
+			options: k
 		},
 		{
 			name: "days",
@@ -233,7 +234,7 @@ function B() {
 			required: !0,
 			colSpan: 2
 		}
-	], [J]), X = m.filter((e) => e.status === "pending").length, re = m.filter((e) => e.status === "approved").length, ie = m.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), ae = u(() => {
+	], [K]), le = g.filter((e) => e.status === "pending").length, ue = g.filter((e) => e.status === "approved").length, de = g.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), fe = f(() => {
 		let e = {
 			annual: 20,
 			sick: 12,
@@ -241,38 +242,47 @@ function B() {
 			maternity: 90,
 			paternity: 30,
 			unpaid: 15
-		}, t = m.filter((e) => e.status === "approved").reduce((e, t) => (e[t.type] = (e[t.type] || 0) + t.days, e), {});
+		}, t = g.filter((e) => e.status === "approved").reduce((e, t) => (e[t.type] = (e[t.type] || 0) + t.days, e), {});
 		return Object.entries(e).map(([e, n]) => {
 			let r = t[e] || 0;
 			return {
-				type: M(e),
+				type: A(e),
 				total: n,
 				used: r,
 				remaining: Math.max(n - r, 0)
 			};
 		});
-	}, [m]), oe = u(() => {
+	}, [g]), q = f(() => {
 		let e = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-		return m.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
-	}, [m]), Z = u(() => [...m].sort((e, t) => t.startDate.localeCompare(e.startDate)), [m]), Q = k({ initialPageSize: 10 }), se = Z.slice(Q.offset, Q.offset + Q.pageSize), ce = [
+		return g.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
+	}, [g]), J = f(() => [...g].sort((e, t) => t.startDate.localeCompare(e.startDate)), [g]), Y = oe({ initialPageSize: 10 }), pe = J.slice(Y.offset, Y.offset + Y.pageSize), [X, Z] = p(null), Q = X && g.some((e) => e.id === X) ? X : null;
+	l({
+		records: g,
+		activeId: Q,
+		onRestore: (e) => {
+			Z(e.id), B("requests"), Y.setPage(c(J, e.id, Y.pageSize));
+		}
+	});
+	let me = [
 		{
 			key: "employee",
 			header: "Employee",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ y("div", {
-				className: "flex items-center gap-2.5",
-				children: [/* @__PURE__ */ v(r, {
+			cell: (e) => /* @__PURE__ */ b("div", {
+				"aria-current": e.id === Q ? "true" : void 0,
+				className: `flex items-center gap-2.5 ${e.id === Q ? s : ""}`,
+				children: [/* @__PURE__ */ y(r, {
 					people: [{
 						name: e.employeeName,
-						avatarUrl: U.get(e.employeeId)?.avatar
+						avatarUrl: V.get(e.employeeId)?.avatar
 					}],
 					size: 32
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ v("p", {
+					children: [/* @__PURE__ */ y("p", {
 						className: "truncate font-medium",
 						children: e.employeeName
-					}), /* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "truncate text-xs text-text-secondary",
 						children: e.department
 					})]
@@ -282,12 +292,12 @@ function B() {
 		{
 			key: "type",
 			header: "Type",
-			cell: (e) => /* @__PURE__ */ y("span", {
+			cell: (e) => /* @__PURE__ */ b("span", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ y("span", {
 					className: "h-2 w-2 rounded-full",
-					style: { backgroundColor: P(e.type).dot }
-				}), /* @__PURE__ */ v("span", {
+					style: { backgroundColor: M(e.type).dot }
+				}), /* @__PURE__ */ y("span", {
 					className: "text-xs",
 					children: t(e.type)
 				})]
@@ -296,7 +306,7 @@ function B() {
 		{
 			key: "period",
 			header: "Dates",
-			cell: (e) => /* @__PURE__ */ y("span", {
+			cell: (e) => /* @__PURE__ */ b("span", {
 				className: "text-xs",
 				children: [
 					e.startDate,
@@ -310,7 +320,7 @@ function B() {
 			header: "Days",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ v("span", {
+			cell: (e) => /* @__PURE__ */ y("span", {
 				className: "tabular-nums",
 				children: e.days
 			})
@@ -318,79 +328,79 @@ function B() {
 		{
 			key: "status",
 			header: "Status",
-			cell: (e) => e.status === "pending" ? /* @__PURE__ */ y("div", {
+			cell: (e) => e.status === "pending" ? /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ v(x, {
+				children: [/* @__PURE__ */ y(S, {
 					size: "sm",
 					className: "h-7 text-xs",
 					onClick: () => $(e, "approved"),
 					children: "Approve"
-				}), /* @__PURE__ */ v(x, {
+				}), /* @__PURE__ */ y(S, {
 					size: "sm",
 					variant: "outline",
 					className: "h-7 text-xs",
 					onClick: () => $(e, "rejected"),
 					children: "Reject"
 				})]
-			}) : /* @__PURE__ */ v(b, {
+			}) : /* @__PURE__ */ y(x, {
 				variant: e.status === "approved" ? "default" : "destructive",
 				className: "text-[10px]",
 				children: t(e.status)
 			})
 		}
-	], le = async (e) => {
-		let t = c(e, "employeeId"), n = h.find((e) => e.id === t);
-		await N({
-			id: l(),
+	], he = async (e) => {
+		let t = d(e, "employeeId"), n = _.find((e) => e.id === t);
+		await j({
+			id: ee(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
 			department: n?.department ?? "",
-			type: c(e, "type"),
-			startDate: c(e, "startDate"),
-			endDate: c(e, "endDate"),
-			days: s(e, "days"),
+			type: d(e, "type"),
+			startDate: d(e, "startDate"),
+			endDate: d(e, "endDate"),
+			days: u(e, "days"),
 			status: "pending",
-			reason: c(e, "reason")
+			reason: d(e, "reason")
 		});
 	}, $ = async (e, t) => {
 		try {
-			await F(e.id, {
+			await N(e.id, {
 				status: t,
-				approverName: q
-			}), I(`Leave ${t} for ${e.employeeName}`, "success");
+				approverName: G
+			}), P(`Leave ${t} for ${e.employeeName}`, "success");
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Unable to update leave request", "error");
+			P(e instanceof Error ? e.message : "Unable to update leave request", "error");
 		}
 	};
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ y("div", { children: [
-					/* @__PURE__ */ v("h1", {
+				children: [/* @__PURE__ */ b("div", { children: [
+					/* @__PURE__ */ y("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ v(D, { children: "Leave Management" })
+						children: /* @__PURE__ */ y(ne, { children: "Leave Management" })
 					}),
-					/* @__PURE__ */ v("p", {
+					/* @__PURE__ */ y("p", {
 						className: "text-sm text-text-secondary",
 						children: "Track and manage employee leave requests"
 					}),
-					/* @__PURE__ */ v(O, {
+					/* @__PURE__ */ y(re, {
 						className: "mt-1",
 						children: "Handle time-off in one place — review and approve leave requests and keep an eye on team availability and balances."
 					})
-				] }), /* @__PURE__ */ y(x, {
+				] }), /* @__PURE__ */ b(S, {
 					size: "sm",
-					onClick: () => B.openModal(),
-					children: [/* @__PURE__ */ v(f, { className: "mr-1 h-4 w-4" }), "Request Leave"]
+					onClick: () => R.openModal(),
+					children: [/* @__PURE__ */ y(m, { className: "mr-1 h-4 w-4" }), "Request Leave"]
 				})]
 			}),
-			/* @__PURE__ */ v(i, {
+			/* @__PURE__ */ y(i, {
 				"aria-label": "Leave views",
 				variant: "underline",
-				value: V,
-				onChange: H,
+				value: z,
+				onChange: B,
 				tabs: [
 					{
 						id: "requests",
@@ -406,70 +416,71 @@ function B() {
 					}
 				]
 			}),
-			V === "requests" && /* @__PURE__ */ y("div", {
+			z === "requests" && /* @__PURE__ */ b("div", {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ v(n, {
+						/* @__PURE__ */ y(n, {
 							label: "Pending",
-							value: X,
-							icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+							value: le,
+							icon: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v(n, {
+						/* @__PURE__ */ y(n, {
 							label: "Approved",
-							value: re,
-							icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+							value: ue,
+							icon: /* @__PURE__ */ y(h, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v(n, {
+						/* @__PURE__ */ y(n, {
 							label: "Days Used",
-							value: ie,
-							icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
+							value: de,
+							icon: /* @__PURE__ */ y(m, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v(n, {
+						/* @__PURE__ */ y(n, {
 							label: "On Leave Today",
-							value: oe,
-							icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
+							value: q,
+							icon: /* @__PURE__ */ y(te, { className: "h-4 w-4" })
 						})
 					]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]",
-					children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, { children: "Leave Requests" }), /* @__PURE__ */ v(w, { children: "Approve or reject pending requests inline; full request history below." })] }), /* @__PURE__ */ y(C, {
+					children: [/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(D, { children: "Leave Requests" }), /* @__PURE__ */ y(T, { children: "Approve or reject pending requests inline; full request history below." })] }), /* @__PURE__ */ b(w, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ v(te, {
-							data: se,
+						children: [/* @__PURE__ */ y(ae, {
+							data: pe,
 							rowKey: (e) => e.id,
-							columns: ce,
-							emptyState: /* @__PURE__ */ v("p", {
+							columns: me,
+							onRowClick: (e) => Z(e.id),
+							emptyState: /* @__PURE__ */ y("p", {
 								className: "py-6 text-center text-sm text-text-secondary",
 								children: "No leave requests yet."
 							})
-						}), Z.length > Q.pageSize && /* @__PURE__ */ v(ee, {
-							page: Q.page,
-							pageSize: Q.pageSize,
-							totalItems: Z.length,
-							onPageChange: Q.setPage
+						}), J.length > Y.pageSize && /* @__PURE__ */ y(ie, {
+							page: Y.page,
+							pageSize: Y.pageSize,
+							totalItems: J.length,
+							onPageChange: Y.setPage
 						})]
-					})] }), /* @__PURE__ */ v(z, {
-						leaveRequests: m,
-						monthCursor: W,
-						onPrev: () => K(-1),
-						onNext: () => K(1)
+					})] }), /* @__PURE__ */ y(L, {
+						leaveRequests: g,
+						monthCursor: H,
+						onPrev: () => W(-1),
+						onNext: () => W(1)
 					})]
 				})]
 			}),
-			V === "balances" && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, { children: "Leave Balances" }), /* @__PURE__ */ v(w, { children: "Company-wide leave allocation (default policy) vs. approved days used" })] }), /* @__PURE__ */ v(C, {
+			z === "balances" && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(D, { children: "Leave Balances" }), /* @__PURE__ */ y(T, { children: "Company-wide leave allocation (default policy) vs. approved days used" })] }), /* @__PURE__ */ y(w, {
 				className: "grid gap-x-8 gap-y-5 md:grid-cols-2",
-				children: ae.map((e) => {
+				children: fe.map((e) => {
 					let n = Math.round(e.used / Math.max(e.total, 1) * 100);
-					return /* @__PURE__ */ y("div", {
+					return /* @__PURE__ */ b("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex justify-between text-sm",
-							children: [/* @__PURE__ */ v("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "font-medium",
 								children: t(e.type)
-							}), /* @__PURE__ */ y("span", {
+							}), /* @__PURE__ */ b("span", {
 								className: "text-text-secondary",
 								children: [
 									e.used,
@@ -480,9 +491,9 @@ function B() {
 									" left"
 								]
 							})]
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "h-2.5 overflow-hidden rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ v("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: `h-2.5 rounded-full ${n > 80 ? "bg-status-error-text" : n > 50 ? "bg-status-warning-text" : "bg-status-success-text"}`,
 								style: { width: `${n}%` }
 							})
@@ -490,34 +501,34 @@ function B() {
 					}, e.type);
 				})
 			})] }),
-			V === "calendar" && /* @__PURE__ */ y("div", {
+			z === "calendar" && /* @__PURE__ */ b("div", {
 				className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.6fr)]",
-				children: [/* @__PURE__ */ v(z, {
-					leaveRequests: m,
-					monthCursor: W,
-					onPrev: () => K(-1),
-					onNext: () => K(1)
-				}), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, { children: "Scheduled & requested leave" }), /* @__PURE__ */ v(w, { children: "Everyone who is out, most recent first" })] }), /* @__PURE__ */ y(C, {
+				children: [/* @__PURE__ */ y(L, {
+					leaveRequests: g,
+					monthCursor: H,
+					onPrev: () => W(-1),
+					onNext: () => W(1)
+				}), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(D, { children: "Scheduled & requested leave" }), /* @__PURE__ */ y(T, { children: "Everyone who is out, most recent first" })] }), /* @__PURE__ */ b(w, {
 					className: "space-y-3",
-					children: [Z.filter((e) => e.status === "approved" || e.status === "pending").slice(0, 8).map((e) => /* @__PURE__ */ y("div", {
+					children: [J.filter((e) => e.status === "approved" || e.status === "pending").slice(0, 8).map((e) => /* @__PURE__ */ b("div", {
 						className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle p-3",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2.5",
-							children: [/* @__PURE__ */ v(r, {
+							children: [/* @__PURE__ */ y(r, {
 								people: [{
 									name: e.employeeName,
-									avatarUrl: U.get(e.employeeId)?.avatar
+									avatarUrl: V.get(e.employeeId)?.avatar
 								}],
 								size: 32
-							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm font-medium",
 								children: e.employeeName
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "flex items-center gap-1.5 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ v("span", {
+									/* @__PURE__ */ y("span", {
 										className: "h-2 w-2 rounded-full",
-										style: { backgroundColor: P(e.type).dot }
+										style: { backgroundColor: M(e.type).dot }
 									}),
 									t(e.type),
 									" · ",
@@ -525,37 +536,37 @@ function B() {
 									" days"
 								]
 							})] })]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "text-right text-xs text-text-secondary",
-							children: [/* @__PURE__ */ y("p", { children: [
+							children: [/* @__PURE__ */ b("p", { children: [
 								e.startDate,
 								" — ",
 								e.endDate
-							] }), /* @__PURE__ */ v(b, {
+							] }), /* @__PURE__ */ y(x, {
 								variant: e.status === "approved" ? "default" : "secondary",
 								className: "mt-1 text-[10px]",
 								children: t(e.status)
 							})]
 						})]
-					}, e.id)), Z.filter((e) => e.status === "approved" || e.status === "pending").length === 0 && /* @__PURE__ */ v("p", {
+					}, e.id)), J.filter((e) => e.status === "approved" || e.status === "pending").length === 0 && /* @__PURE__ */ y("p", {
 						className: "py-6 text-center text-sm text-text-secondary",
 						children: "No scheduled or requested leave."
 					})]
 				})] })]
 			}),
-			/* @__PURE__ */ v(a, {
-				open: B.open,
-				onOpenChange: B.onOpenChange,
+			/* @__PURE__ */ y(a, {
+				open: R.open,
+				onOpenChange: R.onOpenChange,
 				title: "Request leave",
 				description: "Submit a new time-off request for review.",
-				fields: Y,
+				fields: ce,
 				submitLabel: "Submit request",
-				onSubmit: le
+				onSubmit: he
 			})
 		]
 	});
 }
 //#endregion
-export { B as HrLeaveManagementPagePage };
+export { R as HrLeaveManagementPagePage };
 
 //# sourceMappingURL=HrLeaveManagementPagePage.js.map