@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.2

package/dist/crewfoundry/pages/HrPayrollPagePage.js

@@ -4,17 +4,18 @@ import { StatCard as n } from "../components/viz/StatCard.js";
 import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
 import { FormModal as i, useFormModal as a } from "../components/forms/FormModal.js";
-import { ConfirmDialog as o } from "../components/forms/ConfirmDialog.js";
-import { getNumber as s, getText as c, newClientId as ee } from "../components/forms/formValues.js";
-import { GlobalPayrollSection as te } from "../components/payroll/GlobalPayrollSection.js";
+import { FOCUSED_CELL_CLASS as o, pageContaining as ee, useFocusedRecordParam as te } from "../lib/useFocusedRecordParam.js";
+import { ConfirmDialog as ne } from "../components/forms/ConfirmDialog.js";
+import { getNumber as s, getText as c, newClientId as re } from "../components/forms/formValues.js";
+import { GlobalPayrollSection as ie } from "../components/payroll/GlobalPayrollSection.js";
 import { useMemo as l, useState as u } from "react";
-import { CalendarClock as ne, CheckCircle as d, DollarSign as re, Download as f, Play as p, Plus as m, Users as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as y, Button as b, Card as ie, CardContent as x, CardDescription as ae, CardHeader as S, CardTitle as C, GlassCard as oe, GradientText as se, PagePurpose as ce, Pagination as w, ResponsiveTable as T, Separator as le } from "@burdenoff/fe-libs/ui";
-import { usePagination as ue } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as de } from "@burdenoff/fe-libs/shared/providers/shell";
+import { CalendarClock as ae, CheckCircle as d, DollarSign as f, Download as p, Play as oe, Plus as se, Users as ce } from "lucide-react";
+import { Fragment as le, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as ue, CardContent as v, CardDescription as de, CardHeader as y, CardTitle as b, GlassCard as fe, GradientText as pe, PagePurpose as x, Pagination as S, ResponsiveTable as C, Separator as me } from "@burdenoff/fe-libs/ui";
+import { usePagination as he } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as w } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrPayrollPagePage.tsx
-var fe = [
+var ge = [
 	{
 		label: "Draft",
 		value: "draft"
@@ -35,7 +36,7 @@ var fe = [
 		label: "Failed",
 		value: "failed"
 	}
-], E = [
+], T = [
 	"January",
 	"February",
 	"March",
@@ -48,7 +49,7 @@ var fe = [
 	"October",
 	"November",
 	"December"
-], D = [
+], E = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -61,23 +62,23 @@ var fe = [
 	"Oct",
 	"Nov",
 	"Dec"
-], pe = (e) => {
-	let [t, n] = e.split(" "), r = E.findIndex((e) => e.toLowerCase() === t?.toLowerCase()), i = Number(n);
+], _e = (e) => {
+	let [t, n] = e.split(" "), r = T.findIndex((e) => e.toLowerCase() === t?.toLowerCase()), i = Number(n);
 	if (r === -1 || Number.isNaN(i)) return "—";
 	let a = (r + 1) % 12, o = r === 11 ? i + 1 : i;
-	return `${D[a]} 1, ${o}`;
+	return `${E[a]} 1, ${o}`;
 };
-function O() {
-	let { payrollRecords: E, employees: D, addPayrollRecord: O, updatePayrollRecord: k } = e(), { showToast: A } = de(), j = l(() => [...new Set(E.map((e) => e.period))], [E]), [M, N] = u(""), P = a(), [F, I] = u(!1), [L, R] = u(!1), { page: z, pageSize: B, offset: V, setPage: H } = ue({ initialPageSize: 10 }), U = M || j[0] || "", W = l(() => new Map(D.map((e) => [e.id, e])), [D]), G = l(() => D.map((e) => ({
+function D() {
+	let { payrollRecords: T, employees: E, addPayrollRecord: D, updatePayrollRecord: O } = e(), { showToast: k } = w(), A = l(() => [...new Set(T.map((e) => e.period))], [T]), [j, M] = u(""), N = a(), [P, F] = u(!1), [I, L] = u(!1), { page: ve, pageSize: R, offset: z, setPage: B } = he({ initialPageSize: 10 }), V = j || A[0] || "", ye = l(() => new Map(E.map((e) => [e.id, e])), [E]), H = l(() => E.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [D]), me = l(() => [
+	})), [E]), be = l(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: G,
+			options: H,
 			colSpan: 2
 		},
 		{
@@ -120,28 +121,36 @@ function O() {
 			name: "status",
 			label: "Status",
 			type: "select",
-			options: fe
+			options: ge
 		}
-	], [G]), K = E.filter((e) => e.period === U), q = K.reduce((e, t) => e + t.grossPay, 0), J = K.reduce((e, t) => e + t.netPay, 0), Y = K.reduce((e, t) => e + t.deductions, 0), X = K.filter((e) => e.status === "paid").length, Z = K.length - X, Q = K.length > 0 ? Math.round(X / K.length * 100) : 0, $ = K.length > 0 && Z === 0, he = K.slice(V, V + B), ge = (e) => {
-		N(e), H(1);
-	}, _e = async () => {
-		let e = K.filter((e) => e.status !== "paid");
-		R(!0);
+	], [H]), U = T.filter((e) => e.period === V), W = U.reduce((e, t) => e + t.grossPay, 0), G = U.reduce((e, t) => e + t.netPay, 0), K = U.reduce((e, t) => e + t.deductions, 0), q = U.filter((e) => e.status === "paid").length, J = U.length - q, Y = U.length > 0 ? Math.round(q / U.length * 100) : 0, X = U.length > 0 && J === 0, xe = U.slice(z, z + R), [Z, Q] = u(null), $ = Z && U.some((e) => e.id === Z) ? Z : null;
+	te({
+		records: T,
+		activeId: $,
+		onRestore: (e) => {
+			Q(e.id), M(e.period), B(ee(T.filter((t) => t.period === e.period), e.id, R));
+		}
+	});
+	let Se = (e) => {
+		M(e), B(1);
+	}, Ce = async () => {
+		let e = U.filter((e) => e.status !== "paid");
+		L(!0);
 		let t = 0;
 		try {
-			for (let n of e) await k(n.id, {
+			for (let n of e) await O(n.id, {
 				status: "paid",
 				payDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
 			}), t += 1;
-			A(`Pay run complete — ${t} record${t === 1 ? "" : "s"} paid`, "success");
+			k(`Pay run complete — ${t} record${t === 1 ? "" : "s"} paid`, "success");
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Payroll run failed partway through", "error");
+			k(e instanceof Error ? e.message : "Payroll run failed partway through", "error");
 		} finally {
-			R(!1), I(!1);
+			L(!1), F(!1);
 		}
-	}, ve = () => {
-		if (K.length === 0) {
-			A("No records to export for this period", "info");
+	}, we = () => {
+		if (U.length === 0) {
+			k("No records to export for this period", "info");
 			return;
 		}
 		let e = [
@@ -152,7 +161,7 @@ function O() {
 			"Deductions",
 			"Net",
 			"Status"
-		], t = (e) => `"${e.replace(/"/g, "\"\"")}"`, n = K.map((e) => [
+		], t = (e) => `"${e.replace(/"/g, "\"\"")}"`, n = U.map((e) => [
 			e.employeeName,
 			e.department,
 			e.period,
@@ -161,21 +170,22 @@ function O() {
 			String(e.netPay),
 			e.status
 		].map(t).join(",")), r = [e.map(t).join(","), ...n].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = URL.createObjectURL(i), o = document.createElement("a");
-		o.href = a, o.download = `payroll-${U.replace(/\s+/g, "-").toLowerCase()}.csv`, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a), A("Payroll CSV exported", "success");
-	}, ye = [
+		o.href = a, o.download = `payroll-${V.replace(/\s+/g, "-").toLowerCase()}.csv`, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a), k("Payroll CSV exported", "success");
+	}, Te = [
 		{
 			key: "employee",
 			header: "Employee",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ v("div", {
-				className: "flex items-center gap-2.5",
-				children: [/* @__PURE__ */ _(r, {
+			cell: (e) => /* @__PURE__ */ h("div", {
+				"aria-current": e.id === $ ? "true" : void 0,
+				className: `flex items-center gap-2.5 ${e.id === $ ? o : ""}`,
+				children: [/* @__PURE__ */ m(r, {
 					people: [{
 						name: e.employeeName,
-						avatarUrl: W.get(e.employeeId)?.avatar
+						avatarUrl: ye.get(e.employeeId)?.avatar
 					}],
 					size: 32
-				}), /* @__PURE__ */ _("span", {
+				}), /* @__PURE__ */ m("span", {
 					className: "font-medium",
 					children: e.employeeName
 				})]
@@ -184,7 +194,7 @@ function O() {
 		{
 			key: "department",
 			header: "Department",
-			cell: (e) => /* @__PURE__ */ _("span", {
+			cell: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: e.department
 			})
@@ -194,14 +204,14 @@ function O() {
 			header: "Gross Pay",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ v("span", { children: ["$", e.grossPay.toLocaleString()] })
+			cell: (e) => /* @__PURE__ */ h("span", { children: ["$", e.grossPay.toLocaleString()] })
 		},
 		{
 			key: "deductions",
 			header: "Deductions",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ v("span", {
+			cell: (e) => /* @__PURE__ */ h("span", {
 				className: "text-status-error-text",
 				children: ["-$", e.deductions.toLocaleString()]
 			})
@@ -211,7 +221,7 @@ function O() {
 			header: "Net Pay",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ v("span", {
+			cell: (e) => /* @__PURE__ */ h("span", {
 				className: "font-medium",
 				children: ["$", e.netPay.toLocaleString()]
 			})
@@ -219,7 +229,7 @@ function O() {
 		{
 			key: "method",
 			header: "Payment Method",
-			cell: (e) => /* @__PURE__ */ _("span", {
+			cell: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: e.paymentMethod
 			})
@@ -227,25 +237,25 @@ function O() {
 		{
 			key: "status",
 			header: "Status",
-			cell: (e) => /* @__PURE__ */ v("div", {
+			cell: (e) => /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ _(y, {
+				children: [/* @__PURE__ */ m(g, {
 					variant: e.status === "paid" ? "default" : e.status === "processing" ? "secondary" : "outline",
 					className: "text-[10px]",
 					children: t(e.status)
-				}), e.status !== "paid" && /* @__PURE__ */ _(b, {
+				}), e.status !== "paid" && /* @__PURE__ */ m(_, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-6 px-2 text-[10px]",
-					onClick: () => xe(e),
+					onClick: () => De(e),
 					children: "Mark paid"
 				})]
 			})
 		}
-	], be = async (e) => {
-		let t = c(e, "employeeId"), n = D.find((e) => e.id === t), r = s(e, "grossPay"), i = s(e, "deductions"), a = s(e, "netPay");
-		await O({
-			id: ee(),
+	], Ee = async (e) => {
+		let t = c(e, "employeeId"), n = E.find((e) => e.id === t), r = s(e, "grossPay"), i = s(e, "deductions"), a = s(e, "netPay");
+		await D({
+			id: re(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
 			department: n?.department ?? "",
@@ -257,247 +267,248 @@ function O() {
 			payDate: c(e, "payDate"),
 			paymentMethod: c(e, "paymentMethod")
 		});
-	}, xe = async (e) => {
+	}, De = async (e) => {
 		try {
-			await k(e.id, {
+			await O(e.id, {
 				status: "paid",
 				payDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
 			});
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Unable to update payroll record", "error");
+			k(e instanceof Error ? e.message : "Unable to update payroll record", "error");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("div", { children: [
-					/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ _(se, { children: "Payroll" })
+						children: /* @__PURE__ */ m(pe, { children: "Payroll" })
 					}),
-					/* @__PURE__ */ _("p", {
+					/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
-						children: U ? `${U} pay run` : "Process and manage employee payroll"
+						children: V ? `${V} pay run` : "Process and manage employee payroll"
 					}),
-					/* @__PURE__ */ _(ce, {
+					/* @__PURE__ */ m(x, {
 						className: "mt-1",
 						children: "Run and review payroll — track salaries, deductions, and pay runs so your team gets paid accurately and on time."
 					})
-				] }), /* @__PURE__ */ v("div", {
+				] }), /* @__PURE__ */ h("div", {
 					className: "flex gap-2",
 					children: [
-						/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ h(_, {
 							variant: "outline",
 							size: "sm",
-							onClick: ve,
-							children: [/* @__PURE__ */ _(f, { className: "h-4 w-4 mr-1" }), "Export"]
+							onClick: we,
+							children: [/* @__PURE__ */ m(p, { className: "h-4 w-4 mr-1" }), "Export"]
 						}),
-						/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ h(_, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => P.openModal(),
-							children: [/* @__PURE__ */ _(m, { className: "h-4 w-4 mr-1" }), "Add Record"]
+							onClick: () => N.openModal(),
+							children: [/* @__PURE__ */ m(se, { className: "h-4 w-4 mr-1" }), "Add Record"]
 						}),
-						/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ h(_, {
 							size: "sm",
-							onClick: () => I(!0),
-							disabled: $ || K.length === 0,
-							title: $ ? "All records in this period are paid" : "Advance this period to paid",
-							children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 mr-1" }), "Run Payroll"]
+							onClick: () => F(!0),
+							disabled: X || U.length === 0,
+							title: X ? "All records in this period are paid" : "Advance this period to paid",
+							children: [/* @__PURE__ */ m(oe, { className: "h-4 w-4 mr-1" }), "Run Payroll"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ _(n, {
+					/* @__PURE__ */ m(n, {
 						label: "Total Payroll",
-						value: `$${q.toLocaleString()}`,
-						icon: /* @__PURE__ */ _(re, { className: "h-4 w-4" })
+						value: `$${W.toLocaleString()}`,
+						icon: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ _(n, {
+					/* @__PURE__ */ m(n, {
 						label: "Employees Paid",
-						value: X,
-						icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" })
+						value: q,
+						icon: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ _(n, {
+					/* @__PURE__ */ m(n, {
 						label: "Pending",
-						value: Z,
-						icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+						value: J,
+						icon: /* @__PURE__ */ m(ce, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ _(n, {
+					/* @__PURE__ */ m(n, {
 						label: "Next Run",
-						value: U ? pe(U) : "—",
-						icon: /* @__PURE__ */ _(ne, { className: "h-4 w-4" })
+						value: V ? _e(V) : "—",
+						icon: /* @__PURE__ */ m(ae, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			K.length > 0 && /* @__PURE__ */ v(oe, {
+			U.length > 0 && /* @__PURE__ */ h(fe, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ v(S, {
+				children: [/* @__PURE__ */ h(y, {
 					className: "flex flex-row items-center justify-between space-y-0",
-					children: [/* @__PURE__ */ _(C, {
+					children: [/* @__PURE__ */ m(b, {
 						className: "text-base",
 						children: "Current pay run"
-					}), /* @__PURE__ */ v(y, {
-						variant: $ ? "default" : "secondary",
+					}), /* @__PURE__ */ h(g, {
+						variant: X ? "default" : "secondary",
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), $ ? "Completed" : "Processing"]
+						children: [/* @__PURE__ */ m(d, { className: "h-3 w-3" }), X ? "Completed" : "Processing"]
 					})]
-				}), /* @__PURE__ */ v(x, {
+				}), /* @__PURE__ */ h(v, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "grid gap-4 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-xs text-text-secondary",
 								children: "Period"
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ m("p", {
 								className: "text-sm font-semibold",
-								children: U
+								children: V
 							})] }),
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-xs text-text-secondary",
 								children: "Gross Total"
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "text-sm font-semibold tabular-nums",
-								children: ["$", q.toLocaleString()]
+								children: ["$", W.toLocaleString()]
 							})] }),
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deductions"
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "text-sm font-semibold tabular-nums text-status-error-text",
-								children: ["-$", Y.toLocaleString()]
+								children: ["-$", K.toLocaleString()]
 							})] }),
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-xs text-text-secondary",
 								children: "Net Total"
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "text-sm font-semibold tabular-nums",
-								children: ["$", J.toLocaleString()]
+								children: ["$", G.toLocaleString()]
 							})] })
 						]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between text-xs text-text-secondary",
-							children: [/* @__PURE__ */ v("span", { children: [
-								X,
+							children: [/* @__PURE__ */ h("span", { children: [
+								q,
 								" of ",
-								K.length,
+								U.length,
 								" paid"
-							] }), /* @__PURE__ */ v("span", {
+							] }), /* @__PURE__ */ h("span", {
 								className: "font-medium text-text-primary tabular-nums",
-								children: [Q, "%"]
+								children: [Y, "%"]
 							})]
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "h-2 overflow-hidden rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ _("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "h-2 rounded-full bg-status-success-text transition-all duration-500",
-								style: { width: `${Q}%` }
+								style: { width: `${Y}%` }
 							})
 						})]
 					})]
 				})]
 			}),
-			j.length > 1 && /* @__PURE__ */ _("div", {
+			A.length > 1 && /* @__PURE__ */ m("div", {
 				className: "flex flex-wrap gap-2",
-				children: j.map((e) => /* @__PURE__ */ _(b, {
-					variant: U === e ? "default" : "outline",
+				children: A.map((e) => /* @__PURE__ */ m(_, {
+					variant: V === e ? "default" : "outline",
 					size: "sm",
-					onClick: () => ge(e),
+					onClick: () => Se(e),
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ v(ie, { children: [/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _(C, { children: "Payroll Records" }), /* @__PURE__ */ v(ae, { children: ["Individual employee payroll details for ", U] })] }), /* @__PURE__ */ v(x, {
+			/* @__PURE__ */ h(ue, { children: [/* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m(b, { children: "Payroll Records" }), /* @__PURE__ */ h(de, { children: ["Individual employee payroll details for ", V] })] }), /* @__PURE__ */ h(v, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ _(T, {
-						data: he,
+					/* @__PURE__ */ m(C, {
+						data: xe,
 						rowKey: (e) => e.id,
-						columns: ye,
-						emptyState: /* @__PURE__ */ v("p", {
+						columns: Te,
+						onRowClick: (e) => Q(e.id),
+						emptyState: /* @__PURE__ */ h("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
 							children: [
 								"No payroll records for ",
-								U || "this period",
+								V || "this period",
 								"."
 							]
 						})
 					}),
-					K.length > B && /* @__PURE__ */ _(w, {
-						page: z,
-						pageSize: B,
-						totalItems: K.length,
-						onPageChange: H
+					U.length > R && /* @__PURE__ */ m(S, {
+						page: ve,
+						pageSize: R,
+						totalItems: U.length,
+						onPageChange: B
 					}),
-					K.length > 0 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(le, {}), /* @__PURE__ */ v("div", {
+					U.length > 0 && /* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(me, {}), /* @__PURE__ */ h("div", {
 						className: "flex flex-wrap items-center justify-between gap-4 text-sm font-semibold",
-						children: [/* @__PURE__ */ v("span", { children: ["Total for ", U] }), /* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ h("span", { children: ["Total for ", V] }), /* @__PURE__ */ h("div", {
 							className: "flex flex-wrap gap-x-6 gap-y-1",
 							children: [
-								/* @__PURE__ */ v("span", { children: [
-									/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ h("span", { children: [
+									/* @__PURE__ */ m("span", {
 										className: "text-text-secondary",
 										children: "Gross "
 									}),
 									"$",
-									q.toLocaleString()
+									W.toLocaleString()
 								] }),
-								/* @__PURE__ */ v("span", {
+								/* @__PURE__ */ h("span", {
 									className: "text-status-error-text",
 									children: [
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ m("span", {
 											className: "text-text-secondary",
 											children: "Deductions "
 										}),
 										"-$",
-										Y.toLocaleString()
+										K.toLocaleString()
 									]
 								}),
-								/* @__PURE__ */ v("span", { children: [
-									/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ h("span", { children: [
+									/* @__PURE__ */ m("span", {
 										className: "text-text-secondary",
 										children: "Net "
 									}),
 									"$",
-									J.toLocaleString()
+									G.toLocaleString()
 								] })
 							]
 						})]
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ _(te, {}),
-			/* @__PURE__ */ _(i, {
-				open: P.open,
-				onOpenChange: P.onOpenChange,
+			/* @__PURE__ */ m(ie, {}),
+			/* @__PURE__ */ m(i, {
+				open: N.open,
+				onOpenChange: N.onOpenChange,
 				title: "Add payroll record",
 				description: "Create a payroll entry for a team member.",
-				fields: me,
+				fields: be,
 				submitLabel: "Add record",
-				onSubmit: be
+				onSubmit: Ee
 			}),
-			/* @__PURE__ */ _(o, {
-				open: F,
+			/* @__PURE__ */ m(ne, {
+				open: P,
 				onOpenChange: (e) => {
-					!e && !L && I(!1);
+					!e && !I && F(!1);
 				},
-				title: `Run payroll for ${U}?`,
-				description: `This marks the ${Z} remaining record${Z === 1 ? "" : "s"} in ${U} as paid. This cannot be undone.`,
-				confirmLabel: L ? "Processing…" : "Run payroll",
-				onConfirm: _e
+				title: `Run payroll for ${V}?`,
+				description: `This marks the ${J} remaining record${J === 1 ? "" : "s"} in ${V} as paid. This cannot be undone.`,
+				confirmLabel: I ? "Processing…" : "Run payroll",
+				onConfirm: Ce
 			})
 		]
 	});
 }
 //#endregion
-export { O as HrPayrollPagePage };
+export { D as HrPayrollPagePage };
 
 //# sourceMappingURL=HrPayrollPagePage.js.map