@burdenoff/microfe-mybodyshield 2026.511.1

package/dist/mybodyshield/pages/PatientFitnessTrackingPage.js

@@ -0,0 +1,137 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { Flame as t, Footprints as n, MapPin as r, Timer as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/PatientFitnessTrackingPage.tsx
+function d() {
+	let { fitnessMetrics: d } = e(), f = d[0];
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Fitness Tracking"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Daily activity metrics and exercise tracking"
+			})] }),
+			f && /* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Steps Today"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: f.steps.toLocaleString()
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Goal: 10,000 steps"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Calories Burned"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: f.caloriesBurned.toLocaleString()
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "kcal today"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Active Minutes"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: f.activeMinutes
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Goal: 60 min/day"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Distance"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-purple-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: [f.distanceKm, " km"]
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Walking & running"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Daily Fitness Log" }) }), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+				className: "space-y-3",
+				children: d.map((e) => /* @__PURE__ */ o("div", {
+					className: "p-3 rounded-lg bg-muted/50",
+					children: [/* @__PURE__ */ a("p", {
+						className: "text-xs font-medium text-muted-foreground mb-2",
+						children: e.date
+					}), /* @__PURE__ */ o("div", {
+						className: "grid grid-cols-2 md:grid-cols-4 gap-3",
+						children: [
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Steps"
+							}), /* @__PURE__ */ a("p", {
+								className: "text-sm font-medium",
+								children: e.steps.toLocaleString()
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Calories"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [e.caloriesBurned, " kcal"]
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Active Min"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [e.activeMinutes, " min"]
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Avg HR"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [e.heartRateAvg, " bpm"]
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Sleep"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [e.sleepHours, " hrs"]
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Water"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [e.waterIntakeMl, " ml"]
+							})] })
+						]
+					})]
+				}, e.id))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { d as PatientFitnessTrackingPage };
+
+//# sourceMappingURL=PatientFitnessTrackingPage.js.map

package/dist/mybodyshield/pages/PatientFitnessTrackingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientFitnessTrackingPage.js","names":[],"sources":["../../../src/mybodyshield/pages/PatientFitnessTrackingPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Footprints, Flame, Timer, MapPin } from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nexport function PatientFitnessTrackingPage() {\n  const { fitnessMetrics } = useMyBodyShieldStore();\n  const latest = fitnessMetrics[0];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Fitness Tracking</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Daily activity metrics and exercise tracking\n        </p>\n      </div>\n\n      {latest && (\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\">Steps Today</CardTitle>\n              <Footprints className=\"h-4 w-4 text-blue-500\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{latest.steps.toLocaleString()}</div>\n              <p className=\"text-xs text-muted-foreground\">Goal: 10,000 steps</p>\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\">Calories Burned</CardTitle>\n              <Flame className=\"h-4 w-4 text-orange-500\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{latest.caloriesBurned.toLocaleString()}</div>\n              <p className=\"text-xs text-muted-foreground\">kcal today</p>\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 Minutes</CardTitle>\n              <Timer className=\"h-4 w-4 text-green-500\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{latest.activeMinutes}</div>\n              <p className=\"text-xs text-muted-foreground\">Goal: 60 min/day</p>\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\">Distance</CardTitle>\n              <MapPin className=\"h-4 w-4 text-purple-500\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{latest.distanceKm} km</div>\n              <p className=\"text-xs text-muted-foreground\">Walking & running</p>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Daily Fitness Log</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {fitnessMetrics.map((metric) => (\n              <div key={metric.id} className=\"p-3 rounded-lg bg-muted/50\">\n                <p className=\"text-xs font-medium text-muted-foreground mb-2\">{metric.date}</p>\n                <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Steps</p>\n                    <p className=\"text-sm font-medium\">{metric.steps.toLocaleString()}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Calories</p>\n                    <p className=\"text-sm font-medium\">{metric.caloriesBurned} kcal</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Active Min</p>\n                    <p className=\"text-sm font-medium\">{metric.activeMinutes} min</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Avg HR</p>\n                    <p className=\"text-sm font-medium\">{metric.heartRateAvg} bpm</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Sleep</p>\n                    <p className=\"text-sm font-medium\">{metric.sleepHours} hrs</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Water</p>\n                    <p className=\"text-sm font-medium\">{metric.waterIntakeMl} ml</p>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,sBAAmB,GAAsB,EAC3C,IAAS,EAAe;AAE9B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAqB,CAAA,EAC5D,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAEzC,CAAA,CACA,EAAA,CAAA;GAEL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAuB,CAAA,EAClE,kBAAC,GAAD,EAAY,WAAU,yBAA0B,CAAA,CACrC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAO,MAAM,gBAAgB;MAAO,CAAA,EACzE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAsB,CAAA,CACvD,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA2B,CAAA,EACtE,kBAAC,GAAD,EAAO,WAAU,2BAA4B,CAAA,CAClC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAO,eAAe,gBAAgB;MAAO,CAAA,EAClF,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAc,CAAA,CAC/C,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA0B,CAAA,EACrE,kBAAC,GAAD,EAAO,WAAU,0BAA2B,CAAA,CACjC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAO;MAAoB,CAAA,EAChE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAoB,CAAA,CACrD,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAQ,WAAU,2BAA4B,CAAA,CACnC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAqC,EAAO,YAAW,MAAS;SAChE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAqB,CAAA,CACtD,EAAA,CAAA,CACT,EAAA,CAAA;KACH;;GAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EAC7B,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAe,KAAK,MACnB,kBAAC,OAAD;KAAqB,WAAU;eAA/B,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAkD,EAAO;MAAS,CAAA,EAC/E,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAS,CAAA,EACtD,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO,MAAM,gBAAgB;QAAK,CAAA,CAClE,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAY,CAAA,EACzD,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoC,EAAO,gBAAe,QAAS;UAC/D,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAc,CAAA,EAC3D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoC,EAAO,eAAc,OAAQ;UAC7D,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAU,CAAA,EACvD,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoC,EAAO,cAAa,OAAQ;UAC5D,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAS,CAAA,EACtD,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoC,EAAO,YAAW,OAAQ;UAC1D,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAAS,CAAA,EACtD,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoC,EAAO,eAAc,MAAO;UAC5D,EAAA,CAAA;OACF;QACF;OA5BI,EAAO,GA4BX,CACN;IACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/mybodyshield/pages/PatientHealthGoalsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PatientHealthGoalsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PatientHealthGoalsPage.d.ts.map

package/dist/mybodyshield/pages/PatientHealthGoalsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientHealthGoalsPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/PatientHealthGoalsPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,sBAAsB,4CAuGrC"}

package/dist/mybodyshield/pages/PatientHealthGoalsPage.js

@@ -0,0 +1,131 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { AlertCircle as t, CheckCircle as n, Target as r, TrendingUp as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/PatientHealthGoalsPage.tsx
+var d = {
+	"on-track": "bg-green-100 text-green-700",
+	behind: "bg-orange-100 text-orange-700",
+	completed: "bg-blue-100 text-blue-700",
+	"not-started": "bg-gray-100 text-gray-700"
+};
+function f() {
+	let { healthGoals: f } = e(), p = f.filter((e) => e.status === "on-track").length, m = f.filter((e) => e.status === "behind").length, h = f.filter((e) => e.status === "completed").length;
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Health Goals"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track your progress towards better health outcomes"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Total Goals"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: f.length
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Active health targets"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "On Track"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: p
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Making good progress"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Behind Schedule"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: m
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Needs attention"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Completed"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-purple-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: h
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Goals achieved"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Your Health Goals" }) }), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+				className: "space-y-4",
+				children: f.map((e) => {
+					let t = Math.min(100, Math.round(e.currentValue / e.targetValue * 100));
+					return /* @__PURE__ */ o("div", {
+						className: "p-4 rounded-lg border",
+						children: [/* @__PURE__ */ o("div", {
+							className: "flex items-center justify-between mb-2",
+							children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.category,
+									" · Deadline: ",
+									e.deadline
+								]
+							})] }), /* @__PURE__ */ a("span", {
+								className: `text-xs font-medium px-2 py-0.5 rounded-full ${d[e.status]}`,
+								children: e.status
+							})]
+						}), /* @__PURE__ */ o("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ a("div", {
+								className: "flex-1 h-2 bg-muted rounded-full overflow-hidden",
+								children: /* @__PURE__ */ a("div", {
+									className: `h-2 rounded-full ${e.status === "behind" ? "bg-orange-500" : "bg-primary"}`,
+									style: { width: `${t}%` }
+								})
+							}), /* @__PURE__ */ o("span", {
+								className: "text-xs font-medium w-20 text-right",
+								children: [
+									e.currentValue,
+									" / ",
+									e.targetValue,
+									" ",
+									e.unit
+								]
+							})]
+						})]
+					}, e.id);
+				})
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { f as PatientHealthGoalsPage };
+
+//# sourceMappingURL=PatientHealthGoalsPage.js.map

package/dist/mybodyshield/pages/PatientHealthGoalsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientHealthGoalsPage.js","names":[],"sources":["../../../src/mybodyshield/pages/PatientHealthGoalsPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Target, TrendingUp, AlertCircle, CheckCircle } from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nconst statusColors: Record<string, string> = {\n  'on-track': 'bg-green-100 text-green-700',\n  behind: 'bg-orange-100 text-orange-700',\n  completed: 'bg-blue-100 text-blue-700',\n  'not-started': 'bg-gray-100 text-gray-700',\n};\n\nexport function PatientHealthGoalsPage() {\n  const { healthGoals } = useMyBodyShieldStore();\n  const onTrack = healthGoals.filter((g) => g.status === 'on-track').length;\n  const behind = healthGoals.filter((g) => g.status === 'behind').length;\n  const completed = healthGoals.filter((g) => g.status === 'completed').length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Health Goals</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Track your progress towards better health outcomes\n        </p>\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 Goals</CardTitle>\n            <Target className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{healthGoals.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Active health targets</p>\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 Track</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onTrack}</div>\n            <p className=\"text-xs text-muted-foreground\">Making good progress</p>\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\">Behind Schedule</CardTitle>\n            <AlertCircle className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{behind}</div>\n            <p className=\"text-xs text-muted-foreground\">Needs attention</p>\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\">Completed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-purple-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{completed}</div>\n            <p className=\"text-xs text-muted-foreground\">Goals achieved</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Your Health Goals</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-4\">\n            {healthGoals.map((goal) => {\n              const progress = Math.min(\n                100,\n                Math.round((goal.currentValue / goal.targetValue) * 100)\n              );\n              return (\n                <div key={goal.id} className=\"p-4 rounded-lg border\">\n                  <div className=\"flex items-center justify-between mb-2\">\n                    <div>\n                      <p className=\"text-sm font-medium\">{goal.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {goal.category} &middot; Deadline: {goal.deadline}\n                      </p>\n                    </div>\n                    <span\n                      className={`text-xs font-medium px-2 py-0.5 rounded-full ${statusColors[goal.status]}`}\n                    >\n                      {goal.status}\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex-1 h-2 bg-muted rounded-full overflow-hidden\">\n                      <div\n                        className={`h-2 rounded-full ${goal.status === 'behind' ? 'bg-orange-500' : 'bg-primary'}`}\n                        style={{ width: `${progress}%` }}\n                      />\n                    </div>\n                    <span className=\"text-xs font-medium w-20 text-right\">\n                      {goal.currentValue} / {goal.targetValue} {goal.unit}\n                    </span>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/PatientHealthOverviewPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PatientHealthOverviewPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PatientHealthOverviewPage.d.ts.map

package/dist/mybodyshield/pages/PatientHealthOverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientHealthOverviewPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/PatientHealthOverviewPage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,yBAAyB,4CAuMxC"}

package/dist/mybodyshield/pages/PatientHealthOverviewPage.js

@@ -0,0 +1,273 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { Activity as t, Calendar as n, FlaskConical as r, Heart as i, Pill as a, User as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/PatientHealthOverviewPage.tsx
+function p() {
+	let { patients: p, medications: m, appointments: h, vitalSigns: g, labResults: _ } = e(), v = p[0], y = g[0], b = m.filter((e) => e.isActive);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				className: "text-2xl font-semibold",
+				children: "Health Overview"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Comprehensive view of your health profile"
+			})] }),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ c(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(f, {
+							className: "text-sm font-medium",
+							children: "Health Score"
+						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "82/100"
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Good overall health"
+					})] })] }),
+					/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ c(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(f, {
+							className: "text-sm font-medium",
+							children: "Active Conditions"
+						}), /* @__PURE__ */ s(t, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: v?.conditions.length ?? 0
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Being managed"
+					})] })] }),
+					/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ c(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(f, {
+							className: "text-sm font-medium",
+							children: "Medications"
+						}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: b.length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Currently active"
+					})] })] }),
+					/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ c(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(f, {
+							className: "text-sm font-medium",
+							children: "Appointments"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: h.length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Scheduled visits"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [v && /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5" }), "Patient Profile"]
+				}) }), /* @__PURE__ */ s(u, { children: /* @__PURE__ */ c("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "grid grid-cols-2 gap-2 text-sm",
+							children: [
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "Name:"
+									}),
+									" ",
+									/* @__PURE__ */ c("span", {
+										className: "font-medium",
+										children: [
+											v.firstName,
+											" ",
+											v.lastName
+										]
+									})
+								] }),
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "DOB:"
+									}),
+									" ",
+									/* @__PURE__ */ s("span", {
+										className: "font-medium",
+										children: v.dateOfBirth
+									})
+								] }),
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "Gender:"
+									}),
+									" ",
+									/* @__PURE__ */ s("span", {
+										className: "font-medium",
+										children: v.gender
+									})
+								] }),
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "Blood Type:"
+									}),
+									" ",
+									/* @__PURE__ */ s("span", {
+										className: "font-medium",
+										children: v.bloodType
+									})
+								] }),
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "Insurance:"
+									}),
+									" ",
+									/* @__PURE__ */ s("span", {
+										className: "font-medium",
+										children: v.insuranceProvider
+									})
+								] }),
+								/* @__PURE__ */ c("div", { children: [
+									/* @__PURE__ */ s("span", {
+										className: "text-muted-foreground",
+										children: "Last Visit:"
+									}),
+									" ",
+									/* @__PURE__ */ s("span", {
+										className: "font-medium",
+										children: v.lastVisit
+									})
+								] })
+							]
+						}),
+						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Conditions"
+						}), /* @__PURE__ */ s("div", {
+							className: "flex gap-1 flex-wrap",
+							children: v.conditions.map((e, t) => /* @__PURE__ */ s("span", {
+								className: "text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700",
+								children: e
+							}, t))
+						})] }),
+						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground mb-1",
+							children: "Allergies"
+						}), /* @__PURE__ */ s("div", {
+							className: "flex gap-1 flex-wrap",
+							children: v.allergies.length > 0 ? v.allergies.map((e, t) => /* @__PURE__ */ s("span", {
+								className: "text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700",
+								children: e
+							}, t)) : /* @__PURE__ */ s("span", {
+								className: "text-xs text-muted-foreground",
+								children: "None reported"
+							})
+						})] })
+					]
+				}) })] }), /* @__PURE__ */ c("div", {
+					className: "space-y-4",
+					children: [y && /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ s(t, { className: "h-5 w-5" }), "Latest Vitals"]
+					}) }), /* @__PURE__ */ s(u, { children: /* @__PURE__ */ c("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Blood Pressure"
+								}), /* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: [
+										y.bloodPressureSystolic,
+										"/",
+										y.bloodPressureDiastolic,
+										" mmHg"
+									]
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Heart Rate"
+								}), /* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: [y.heartRate, " bpm"]
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "SpO2"
+								}), /* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: [y.oxygenSaturation, "%"]
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "BMI"
+								}), /* @__PURE__ */ s("p", {
+									className: "text-sm font-medium",
+									children: y.bmi
+								})]
+							})
+						]
+					}) })] }), /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ s(r, { className: "h-5 w-5" }), "Recent Lab Results"]
+					}) }), /* @__PURE__ */ s(u, { children: /* @__PURE__ */ s("div", {
+						className: "space-y-2",
+						children: _.slice(0, 3).map((e) => /* @__PURE__ */ c("div", {
+							className: "flex items-center justify-between p-2 rounded bg-muted/50",
+							children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-medium",
+								children: e.testName
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.resultDate
+							})] }), /* @__PURE__ */ c("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: [
+										e.value,
+										" ",
+										e.unit
+									]
+								}), /* @__PURE__ */ s("span", {
+									className: `text-xs px-1.5 py-0.5 rounded-full ${e.status === "normal" ? "bg-green-100 text-green-700" : "bg-orange-100 text-orange-700"}`,
+									children: e.status
+								})]
+							})]
+						}, e.id))
+					}) })] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { p as PatientHealthOverviewPage };
+
+//# sourceMappingURL=PatientHealthOverviewPage.js.map

package/dist/mybodyshield/pages/PatientHealthOverviewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientHealthOverviewPage.js","names":[],"sources":["../../../src/mybodyshield/pages/PatientHealthOverviewPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Heart, Activity, Pill, Calendar, User, FlaskConical } from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nexport function PatientHealthOverviewPage() {\n  const { patients, medications, appointments, vitalSigns, labResults } = useMyBodyShieldStore();\n  const patient = patients[0];\n  const latestVital = vitalSigns[0];\n  const activeMeds = medications.filter((m) => m.isActive);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Health Overview</h1>\n        <p className=\"text-sm text-muted-foreground\">Comprehensive view of your health profile</p>\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\">Health Score</CardTitle>\n            <Heart className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">82/100</div>\n            <p className=\"text-xs text-muted-foreground\">Good overall health</p>\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 Conditions</CardTitle>\n            <Activity className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{patient?.conditions.length ?? 0}</div>\n            <p className=\"text-xs text-muted-foreground\">Being managed</p>\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\">Medications</CardTitle>\n            <Pill className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeMeds.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Currently active</p>\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\">Appointments</CardTitle>\n            <Calendar className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{appointments.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Scheduled visits</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {patient && (\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <User className=\"h-5 w-5\" />\n                Patient Profile\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                <div className=\"grid grid-cols-2 gap-2 text-sm\">\n                  <div>\n                    <span className=\"text-muted-foreground\">Name:</span>{' '}\n                    <span className=\"font-medium\">\n                      {patient.firstName} {patient.lastName}\n                    </span>\n                  </div>\n                  <div>\n                    <span className=\"text-muted-foreground\">DOB:</span>{' '}\n                    <span className=\"font-medium\">{patient.dateOfBirth}</span>\n                  </div>\n                  <div>\n                    <span className=\"text-muted-foreground\">Gender:</span>{' '}\n                    <span className=\"font-medium\">{patient.gender}</span>\n                  </div>\n                  <div>\n                    <span className=\"text-muted-foreground\">Blood Type:</span>{' '}\n                    <span className=\"font-medium\">{patient.bloodType}</span>\n                  </div>\n                  <div>\n                    <span className=\"text-muted-foreground\">Insurance:</span>{' '}\n                    <span className=\"font-medium\">{patient.insuranceProvider}</span>\n                  </div>\n                  <div>\n                    <span className=\"text-muted-foreground\">Last Visit:</span>{' '}\n                    <span className=\"font-medium\">{patient.lastVisit}</span>\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-muted-foreground mb-1\">Conditions</p>\n                  <div className=\"flex gap-1 flex-wrap\">\n                    {patient.conditions.map((c, i) => (\n                      <span\n                        key={i}\n                        className=\"text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700\"\n                      >\n                        {c}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-muted-foreground mb-1\">Allergies</p>\n                  <div className=\"flex gap-1 flex-wrap\">\n                    {patient.allergies.length > 0 ? (\n                      patient.allergies.map((a, i) => (\n                        <span\n                          key={i}\n                          className=\"text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700\"\n                        >\n                          {a}\n                        </span>\n                      ))\n                    ) : (\n                      <span className=\"text-xs text-muted-foreground\">None reported</span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n        <div className=\"space-y-4\">\n          {latestVital && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Activity className=\"h-5 w-5\" />\n                  Latest Vitals\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-3\">\n                  <div className=\"p-2 rounded bg-muted/50\">\n                    <p className=\"text-xs text-muted-foreground\">Blood Pressure</p>\n                    <p className=\"text-sm font-medium\">\n                      {latestVital.bloodPressureSystolic}/{latestVital.bloodPressureDiastolic} mmHg\n                    </p>\n                  </div>\n                  <div className=\"p-2 rounded bg-muted/50\">\n                    <p className=\"text-xs text-muted-foreground\">Heart Rate</p>\n                    <p className=\"text-sm font-medium\">{latestVital.heartRate} bpm</p>\n                  </div>\n                  <div className=\"p-2 rounded bg-muted/50\">\n                    <p className=\"text-xs text-muted-foreground\">SpO2</p>\n                    <p className=\"text-sm font-medium\">{latestVital.oxygenSaturation}%</p>\n                  </div>\n                  <div className=\"p-2 rounded bg-muted/50\">\n                    <p className=\"text-xs text-muted-foreground\">BMI</p>\n                    <p className=\"text-sm font-medium\">{latestVital.bmi}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <FlaskConical className=\"h-5 w-5\" />\n                Recent Lab Results\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {labResults.slice(0, 3).map((lab) => (\n                  <div\n                    key={lab.id}\n                    className=\"flex items-center justify-between p-2 rounded bg-muted/50\"\n                  >\n                    <div>\n                      <p className=\"text-sm font-medium\">{lab.testName}</p>\n                      <p className=\"text-xs text-muted-foreground\">{lab.resultDate}</p>\n                    </div>\n                    <div className=\"text-right\">\n                      <p className=\"text-sm font-medium\">\n                        {lab.value} {lab.unit}\n                      </p>\n                      <span\n                        className={`text-xs px-1.5 py-0.5 rounded-full ${lab.status === 'normal' ? 'bg-green-100 text-green-700' : 'bg-orange-100 text-orange-700'}`}\n                      >\n                        {lab.status}\n                      </span>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/PatientLabResultsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PatientLabResultsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PatientLabResultsPage.d.ts.map

package/dist/mybodyshield/pages/PatientLabResultsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientLabResultsPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/PatientLabResultsPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,qBAAqB,4CAkGpC"}