@burdenoff/microfe-crewfoundry 2026.723.2 → 2026.731.1

package/dist/crewfoundry/pages/HrPayrollPagePage.js

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