@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

package/dist/crewfoundry/pages/HrDepartmentsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees } = useCrewFoundryStore();\n\n  const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n  const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Departments</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Organizational structure and department management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Department\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{departments.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHeadcount}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalBudget / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {departments.map((dept) => {\n          const deptEmps = employees.filter((e) => e.department === dept.name);\n          const avgSalary =\n            deptEmps.length > 0\n              ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n              : 0;\n          const avgPerf =\n            deptEmps.length > 0\n              ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n              : '0';\n\n          return (\n            <Card key={dept.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-lg\">{dept.name}</CardTitle>\n                  <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                    {dept.status}\n                  </Badge>\n                </div>\n                <CardDescription className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {dept.location}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-4 mb-4\">\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Department Head</p>\n                    <p className=\"text-sm font-medium\">{dept.headName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Headcount</p>\n                    <p className=\"text-sm font-medium\">{dept.employeeCount} employees</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Annual Budget</p>\n                    <p className=\"text-sm font-medium\">${(dept.budget / 1000000).toFixed(1)}M</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Avg Salary</p>\n                    <p className=\"text-sm font-medium\">${avgSalary.toLocaleString()}</p>\n                  </div>\n                </div>\n                <Separator className=\"mb-3\" />\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">Avg Performance: {avgPerf}/5</span>\n                  <span className=\"text-muted-foreground\">\n                    Cost/Head: ${Math.round(dept.budget / dept.employeeCount / 1000)}K\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees } = useCrewFoundryStore();\n\n  const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n  const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Departments</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Organizational structure and department management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Department\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHeadcount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalBudget / 1000000).toFixed(1)}M\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {departments.map((dept) => {\n          const deptEmps = employees.filter((e) => e.department === dept.name);\n          const avgSalary =\n            deptEmps.length > 0\n              ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n              : 0;\n          const avgPerf =\n            deptEmps.length > 0\n              ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n              : '0';\n\n          return (\n            <Card key={dept.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-lg\">{dept.name}</CardTitle>\n                  <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                    {dept.status}\n                  </Badge>\n                </div>\n                <CardDescription className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {dept.location}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-4 mb-4\">\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Department Head</p>\n                    <p className=\"text-sm font-medium\">{dept.headName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Headcount</p>\n                    <p className=\"text-sm font-medium\">{dept.employeeCount} employees</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Annual Budget</p>\n                    <p className=\"text-sm font-medium\">${(dept.budget / 1000000).toFixed(1)}M</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Avg Salary</p>\n                    <p className=\"text-sm font-medium\">${avgSalary.toLocaleString()}</p>\n                  </div>\n                </div>\n                <Separator className=\"mb-3\" />\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-text-secondary\">Avg Performance: {avgPerf}/5</span>\n                  <span className=\"text-text-secondary\">\n                    Cost/Head: ${Math.round(dept.budget / dept.employeeCount / 1000)}K\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrEmployeesPagePage.js

@@ -2,13 +2,13 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { MapPin as n, Plus as r, Search as i, Star as a, UserCheck as o, Users as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g } from "@burdenoff/fe-libs/ui";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, Input as v } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HrEmployeesPagePage.tsx
-function _() {
-	let { employees: _ } = e(), [v, y] = t(""), [b, x] = t("all"), S = [...new Set(_.map((e) => e.department))], C = _.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(v.toLowerCase()), n = b === "all" || e.department === b;
+function y() {
+	let { employees: y } = e(), [b, x] = t(""), [S, C] = t("all"), w = [...new Set(y.map((e) => e.department))], T = y.filter((e) => {
+		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(b.toLowerCase()), n = S === "all" || e.department === S;
 		return t && n;
-	}), w = _.filter((e) => e.status === "active").length, T = _.filter((e) => e.status === "on_leave").length;
+	}), E = y.filter((e) => e.status === "active").length, D = y.filter((e) => e.status === "on_leave").length;
 	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -16,13 +16,13 @@ function _() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
 					className: "text-2xl font-semibold",
-					children: "Employee Directory"
+					children: /* @__PURE__ */ c(_, { children: "Employee Directory" })
 				}), /* @__PURE__ */ l("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
-						_.length,
+						y.length,
 						" employees across ",
-						S.length,
+						w.length,
 						" departments"
 					]
 				})] }), /* @__PURE__ */ l(d, {
@@ -33,69 +33,85 @@ function _() {
 			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-sm font-medium",
-							children: "Total"
-						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-						className: "text-2xl font-bold",
-						children: _.length
-					}) })] }),
-					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-sm font-medium",
-							children: "Active"
-						}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-						className: "text-2xl font-bold",
-						children: w
-					}) })] }),
-					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-sm font-medium",
-							children: "On Leave"
-						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-yellow-500" })]
-					}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-						className: "text-2xl font-bold",
-						children: T
-					}) })] }),
-					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-sm font-medium",
-							children: "Avg Rating"
-						}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-yellow-500" })]
-					}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-						className: "text-2xl font-bold",
-						children: (_.reduce((e, t) => e + t.performanceScore, 0) / _.length).toFixed(1)
-					}) })] })
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								className: "text-sm font-medium",
+								children: "Total"
+							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y.length
+						}) })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								className: "text-sm font-medium",
+								children: "Active"
+							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: E
+						}) })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								className: "text-sm font-medium",
+								children: "On Leave"
+							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: D
+						}) })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								className: "text-sm font-medium",
+								children: "Avg Rating"
+							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: (y.reduce((e, t) => e + t.performanceScore, 0) / y.length).toFixed(1)
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex gap-3",
 				children: [/* @__PURE__ */ l("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ c(i, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ c(g, {
+					children: [/* @__PURE__ */ c(i, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ c(v, {
 						placeholder: "Search employees...",
 						className: "pl-9",
-						value: v,
-						onChange: (e) => y(e.target.value)
+						value: b,
+						onChange: (e) => x(e.target.value)
 					})]
 				}), /* @__PURE__ */ l("div", {
 					className: "flex gap-1",
 					children: [/* @__PURE__ */ c(d, {
-						variant: b === "all" ? "default" : "outline",
+						variant: S === "all" ? "default" : "outline",
 						size: "sm",
-						onClick: () => x("all"),
+						onClick: () => C("all"),
 						children: "All"
-					}), S.slice(0, 5).map((e) => /* @__PURE__ */ c(d, {
-						variant: b === e ? "default" : "outline",
+					}), w.slice(0, 5).map((e) => /* @__PURE__ */ c(d, {
+						variant: S === e ? "default" : "outline",
 						size: "sm",
-						onClick: () => x(e),
+						onClick: () => C(e),
 						children: e
 					}, e))]
 				})]
@@ -104,7 +120,7 @@ function _() {
 				className: "p-0",
 				children: [
 					/* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b p-4",
+						className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4",
 						children: [
 							/* @__PURE__ */ c("span", { children: "Name" }),
 							/* @__PURE__ */ c("span", { children: "Position" }),
@@ -124,8 +140,8 @@ function _() {
 							})
 						]
 					}),
-					C.map((e) => /* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50",
+					T.map((e) => /* @__PURE__ */ l("div", {
+						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
 						children: [
 							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("p", {
 								className: "font-medium",
@@ -135,16 +151,16 @@ function _() {
 									e.lastName
 								]
 							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.email
 							})] }),
 							/* @__PURE__ */ c("span", {
-								className: "text-muted-foreground",
+								className: "text-text-secondary",
 								children: e.position
 							}),
 							/* @__PURE__ */ c("span", { children: e.department }),
 							/* @__PURE__ */ l("div", {
-								className: "flex items-center gap-1 text-muted-foreground",
+								className: "flex items-center gap-1 text-text-secondary",
 								children: [/* @__PURE__ */ c(n, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", {
 									className: "truncate text-xs",
 									children: e.location
@@ -156,7 +172,7 @@ function _() {
 							}),
 							/* @__PURE__ */ l("div", {
 								className: "flex items-center justify-center gap-1",
-								children: [/* @__PURE__ */ c(a, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ c("span", { children: e.performanceScore })]
+								children: [/* @__PURE__ */ c(a, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ c("span", { children: e.performanceScore })]
 							}),
 							/* @__PURE__ */ c("div", {
 								className: "text-center",
@@ -168,8 +184,8 @@ function _() {
 							})
 						]
 					}, e.id)),
-					C.length === 0 && /* @__PURE__ */ c("div", {
-						className: "p-8 text-center text-sm text-muted-foreground",
+					T.length === 0 && /* @__PURE__ */ c("div", {
+						className: "p-8 text-center text-sm text-text-secondary",
 						children: "No employees match your search criteria."
 					})
 				]
@@ -178,6 +194,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as HrEmployeesPagePage };
+export { y as HrEmployeesPagePage };
 
 //# sourceMappingURL=HrEmployeesPagePage.js.map

package/dist/crewfoundry/pages/HrEmployeesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Plus, Search, Star, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrEmployeesPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Employee Directory</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{employees.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeCount}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onLeaveCount}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(\n                1\n              )}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">{emp.email}</p>\n              </div>\n              <span className=\"text-muted-foreground\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-muted-foreground\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No employees match your search criteria.\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Plus, Search, Star, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrEmployeesPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Employee Directory</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {(employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(\n                1\n              )}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-text-secondary\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No employees match your search criteria.\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrLeaveManagementPagePage.js

@@ -2,11 +2,11 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { Calendar as n, CheckCircle as r, Clock as i, XCircle as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HrLeaveManagementPagePage.tsx
-var h = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ");
-function g() {
-	let { leaveRequests: g } = e(), _ = g.filter((e) => e.status === "pending").length, v = g.filter((e) => e.status === "approved").length, y = g.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), b = t(() => {
+var _ = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ");
+function v() {
+	let { leaveRequests: v } = e(), y = v.filter((e) => e.status === "pending").length, b = v.filter((e) => e.status === "approved").length, x = v.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), S = t(() => {
 		let e = {
 			annual: 20,
 			sick: 12,
@@ -14,20 +14,20 @@ function g() {
 			maternity: 90,
 			paternity: 30,
 			unpaid: 15
-		}, t = g.filter((e) => e.status === "approved").reduce((e, t) => (e[t.type] = (e[t.type] || 0) + t.days, e), {});
+		}, t = v.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: h(e),
+				type: _(e),
 				total: n,
 				used: r,
 				remaining: Math.max(n - r, 0)
 			};
 		});
-	}, [g]), x = t(() => {
+	}, [v]), C = t(() => {
 		let e = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-		return g.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
-	}, [g]);
+		return v.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
+	}, [v]);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -35,9 +35,9 @@ function g() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-semibold",
-					children: "Leave Management"
+					children: /* @__PURE__ */ o(g, { children: "Leave Management" })
 				}), /* @__PURE__ */ o("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Track and manage employee leave requests"
 				})] }), /* @__PURE__ */ s(l, {
 					size: "sm",
@@ -47,65 +47,81 @@ function g() {
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(m, {
-							className: "text-sm font-medium",
-							children: "Pending"
-						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-yellow-500" })]
-					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: _
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Awaiting approval"
-					})] })] }),
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(m, {
-							className: "text-sm font-medium",
-							children: "Approved"
-						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: v
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Current period"
-					})] })] }),
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(m, {
-							className: "text-sm font-medium",
-							children: "Days Used"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: y
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Total approved days"
-					})] })] }),
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(m, {
-							className: "text-sm font-medium",
-							children: "On Leave Today"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: x
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Out of office"
-					})] })] })
+					/* @__PURE__ */ s(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(p, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(m, {
+								className: "text-sm font-medium",
+								children: "Pending"
+							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Awaiting approval"
+						})] })]
+					}),
+					/* @__PURE__ */ s(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(p, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(m, {
+								className: "text-sm font-medium",
+								children: "Approved"
+							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: b
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Current period"
+						})] })]
+					}),
+					/* @__PURE__ */ s(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(p, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(m, {
+								className: "text-sm font-medium",
+								children: "Days Used"
+							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: x
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Total approved days"
+						})] })]
+					}),
+					/* @__PURE__ */ s(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(p, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(m, {
+								className: "text-sm font-medium",
+								children: "On Leave Today"
+							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: C
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Out of office"
+						})] })]
+					})
 				]
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Leave Balances" }), /* @__PURE__ */ o(f, { children: "Company-wide leave allocation overview" })] }), /* @__PURE__ */ o(d, {
 					className: "space-y-4",
-					children: b.map((e) => {
+					children: S.map((e) => {
 						let t = Math.round(e.used / Math.max(e.total, 1) * 100);
 						return /* @__PURE__ */ s("div", {
 							className: "space-y-1",
@@ -121,9 +137,9 @@ function g() {
 									" days used"
 								] })]
 							}), /* @__PURE__ */ o("div", {
-								className: "h-2 overflow-hidden rounded bg-muted",
+								className: "h-2 overflow-hidden rounded bg-bg-sunken",
 								children: /* @__PURE__ */ o("div", {
-									className: `h-2 rounded ${t > 80 ? "bg-red-500" : t > 50 ? "bg-yellow-500" : "bg-green-500"}`,
+									className: `h-2 rounded ${t > 80 ? "bg-status-error-text" : t > 50 ? "bg-status-warning-text" : "bg-status-success-text"}`,
 									style: { width: `${t}%` }
 								})
 							})]
@@ -131,7 +147,7 @@ function g() {
 					})
 				})] }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Pending Approvals" }), /* @__PURE__ */ o(f, { children: "Leave requests waiting for your review" })] }), /* @__PURE__ */ o(d, {
 					className: "space-y-3",
-					children: g.filter((e) => e.status === "pending").map((e) => /* @__PURE__ */ s("div", {
+					children: v.filter((e) => e.status === "pending").map((e) => /* @__PURE__ */ s("div", {
 						className: "flex items-center justify-between rounded border p-3",
 						children: [/* @__PURE__ */ s("div", { children: [
 							/* @__PURE__ */ o("p", {
@@ -139,7 +155,7 @@ function g() {
 								children: e.employeeName
 							}),
 							/* @__PURE__ */ s("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									e.type,
 									" · ",
@@ -151,7 +167,7 @@ function g() {
 								]
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: e.reason
 							})
 						] }), /* @__PURE__ */ s("div", {
@@ -171,7 +187,7 @@ function g() {
 				})] })]
 			}),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "All Leave Requests" }), /* @__PURE__ */ o(f, { children: "Complete leave request history" })] }), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ s("div", {
-				className: "mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground",
+				className: "mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-text-secondary",
 				children: [
 					/* @__PURE__ */ o("span", { children: "Employee" }),
 					/* @__PURE__ */ o("span", { children: "Department" }),
@@ -187,7 +203,7 @@ function g() {
 						children: "Status"
 					})
 				]
-			}), g.map((e) => /* @__PURE__ */ s("div", {
+			}), v.map((e) => /* @__PURE__ */ s("div", {
 				className: "grid grid-cols-7 gap-2 border-b py-2 text-sm last:border-0",
 				children: [
 					/* @__PURE__ */ o("span", {
@@ -195,7 +211,7 @@ function g() {
 						children: e.employeeName
 					}),
 					/* @__PURE__ */ o("span", {
-						className: "text-muted-foreground",
+						className: "text-text-secondary",
 						children: e.department
 					}),
 					/* @__PURE__ */ o(c, {
@@ -216,7 +232,7 @@ function g() {
 						children: e.days
 					}),
 					/* @__PURE__ */ o("span", {
-						className: "truncate text-xs text-muted-foreground",
+						className: "truncate text-xs text-text-secondary",
 						children: e.reason
 					}),
 					/* @__PURE__ */ o("div", {
@@ -233,6 +249,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as HrLeaveManagementPagePage };
+export { v as HrLeaveManagementPagePage };
 
 //# sourceMappingURL=HrLeaveManagementPagePage.js.map