@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

package/dist/crewfoundry/pages/LearningLearningPagePage.js

@@ -1,66 +1,82 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { BookOpen as t, GraduationCap as n, Star as r, TrendingUp as i, Users as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+import { Badge as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningLearningPagePage.tsx
-function m() {
-	let { courses: m, learningPaths: h } = e(), g = m.reduce((e, t) => e + t.enrolled, 0), _ = m.reduce((e, t) => e + t.completed, 0);
+function g() {
+	let { courses: g, learningPaths: _ } = e(), v = g.reduce((e, t) => e + t.enrolled, 0), y = g.reduce((e, t) => e + t.completed, 0);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 				className: "text-2xl font-semibold",
-				children: "Learning & Development"
+				children: /* @__PURE__ */ o(h, { children: "Learning & Development" })
 			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Explore courses, learning paths, and grow your skills"
 			})] }),
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Courses"
-						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: m.length
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Active courses"
-					})] })] }),
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Enrolled"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: g
-					}) })] }),
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Completed"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: _
-					}) })] }),
-					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Paths"
-						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: h.length
-					}) })] })
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Courses"
+							}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: g.length
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: "Active courses"
+						})] })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Enrolled"
+							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: v
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Completed"
+							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: y
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Paths"
+							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: _.length
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
@@ -68,7 +84,7 @@ function m() {
 				children: "Featured Courses"
 			}), /* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: m.slice(0, 3).map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
+				children: g.slice(0, 3).map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
 					className: "text-base",
 					children: e.title
 				}), /* @__PURE__ */ s(d, { children: [
@@ -77,14 +93,14 @@ function m() {
 					e.duration
 				] })] }), /* @__PURE__ */ s(u, { children: [
 					/* @__PURE__ */ o("p", {
-						className: "text-sm text-muted-foreground mb-3",
+						className: "text-sm text-text-secondary mb-3",
 						children: e.description
 					}),
 					/* @__PURE__ */ s("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ s("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ o(r, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ o("span", {
+							children: [/* @__PURE__ */ o(r, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ o("span", {
 								className: "text-sm",
 								children: e.rating
 							})]
@@ -102,7 +118,7 @@ function m() {
 						})]
 					}),
 					/* @__PURE__ */ s("div", {
-						className: "mt-2 text-xs text-muted-foreground",
+						className: "mt-2 text-xs text-text-secondary",
 						children: [
 							e.enrolled,
 							" enrolled · ",
@@ -117,11 +133,11 @@ function m() {
 				children: "Learning Paths"
 			}), /* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-3",
-				children: h.map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
+				children: _.map((e) => /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, {
 					className: "text-base",
 					children: e.title
 				}), /* @__PURE__ */ o(d, { children: e.description })] }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
-					className: "flex items-center justify-between text-sm text-muted-foreground",
+					className: "flex items-center justify-between text-sm text-text-secondary",
 					children: [/* @__PURE__ */ s("span", { children: [
 						e.courses.length,
 						" courses · ",
@@ -137,9 +153,9 @@ function m() {
 						className: "flex justify-between text-xs",
 						children: [/* @__PURE__ */ s("span", { children: [e.enrolled, " enrolled"] }), /* @__PURE__ */ s("span", { children: [e.completionRate, "%"] })]
 					}), /* @__PURE__ */ o("div", {
-						className: "h-2 bg-muted rounded overflow-hidden",
+						className: "h-2 bg-bg-sunken rounded overflow-hidden",
 						children: /* @__PURE__ */ o("div", {
-							className: "h-2 bg-primary rounded",
+							className: "h-2 bg-action-primary-bg rounded",
 							style: { width: `${e.completionRate}%` }
 						})
 					})]
@@ -149,6 +165,6 @@ function m() {
 	});
 }
 //#endregion
-export { m as LearningLearningPagePage };
+export { g as LearningLearningPagePage };
 
 //# sourceMappingURL=LearningLearningPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BookOpen, GraduationCap, Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPagePage() {\n  const { courses, learningPaths } = useCrewFoundryStore();\n  const totalEnrolled = courses.reduce((s, c) => s + c.enrolled, 0);\n  const totalCompleted = courses.reduce((s, c) => s + c.completed, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Learning & Development</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Explore courses, learning paths, and grow your skills\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg: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\">Courses</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{courses.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Active courses</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\">Enrolled</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalEnrolled}</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\">Completed</CardTitle>\n            <GraduationCap className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalCompleted}</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\">Paths</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{learningPaths.length}</div>\n          </CardContent>\n        </Card>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Featured Courses</h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {courses.slice(0, 3).map((course) => (\n            <Card key={course.id}>\n              <CardHeader>\n                <CardTitle className=\"text-base\">{course.title}</CardTitle>\n                <CardDescription>\n                  {course.instructor} · {course.duration}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground mb-3\">{course.description}</p>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-yellow-500\" />\n                    <span className=\"text-sm\">{course.rating}</span>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {course.level}\n                    </Badge>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {course.category}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"mt-2 text-xs text-muted-foreground\">\n                  {course.enrolled} enrolled · {course.completed} completed\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Learning Paths</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {learningPaths.map((path) => (\n            <Card key={path.id}>\n              <CardHeader>\n                <CardTitle className=\"text-base\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                  <span>\n                    {path.courses.length} courses · {path.duration}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {path.level}\n                  </Badge>\n                </div>\n                <div className=\"mt-2 space-y-1\">\n                  <div className=\"flex justify-between text-xs\">\n                    <span>{path.enrolled} enrolled</span>\n                    <span>{path.completionRate}%</span>\n                  </div>\n                  <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-primary rounded\"\n                      style={{ width: `${path.completionRate}%` }}\n                    />\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BookOpen, GraduationCap, Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPagePage() {\n  const { courses, learningPaths } = useCrewFoundryStore();\n  const totalEnrolled = courses.reduce((s, c) => s + c.enrolled, 0);\n  const totalCompleted = courses.reduce((s, c) => s + c.completed, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Learning & Development</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Explore courses, learning paths, and grow your skills\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg: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\">Courses</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{courses.length}</div>\n            <p className=\"text-xs text-text-secondary\">Active courses</p>\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\">Enrolled</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalEnrolled}</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\">Completed</CardTitle>\n            <GraduationCap className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalCompleted}</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\">Paths</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{learningPaths.length}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Featured Courses</h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {courses.slice(0, 3).map((course) => (\n            <Card key={course.id}>\n              <CardHeader>\n                <CardTitle className=\"text-base\">{course.title}</CardTitle>\n                <CardDescription>\n                  {course.instructor} · {course.duration}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary mb-3\">{course.description}</p>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text\" />\n                    <span className=\"text-sm\">{course.rating}</span>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {course.level}\n                    </Badge>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {course.category}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"mt-2 text-xs text-text-secondary\">\n                  {course.enrolled} enrolled · {course.completed} completed\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n      <div>\n        <h2 className=\"text-lg font-medium mb-3\">Learning Paths</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {learningPaths.map((path) => (\n            <Card key={path.id}>\n              <CardHeader>\n                <CardTitle className=\"text-base\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                  <span>\n                    {path.courses.length} courses · {path.duration}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {path.level}\n                  </Badge>\n                </div>\n                <div className=\"mt-2 space-y-1\">\n                  <div className=\"flex justify-between text-xs\">\n                    <span>{path.enrolled} enrolled</span>\n                    <span>{path.completionRate}%</span>\n                  </div>\n                  <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${path.completionRate}%` }}\n                    />\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/LearningLearningPathDetailPagePage.js

@@ -1,15 +1,15 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { BookOpen as t, CheckCircle as n, Clock as r, Star as i, Users 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, GradientText as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx
-function h() {
-	let { learningPaths: h, courses: g } = e(), _ = h[0];
-	if (!_) return /* @__PURE__ */ o("div", {
-		className: "p-6 text-muted-foreground",
+function g() {
+	let { learningPaths: g, courses: _ } = e(), v = g[0];
+	if (!v) return /* @__PURE__ */ o("div", {
+		className: "p-6 text-text-secondary",
 		children: "No learning path found."
 	});
-	let v = g.filter((e) => _.courses.includes(e.id));
+	let y = _.filter((e) => v.courses.includes(e.id));
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
@@ -17,10 +17,10 @@ function h() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-semibold",
-					children: _.title
+					children: /* @__PURE__ */ o(h, { children: v.title })
 				}), /* @__PURE__ */ o("p", {
-					className: "text-sm text-muted-foreground",
-					children: _.description
+					className: "text-sm text-text-secondary",
+					children: v.description
 				})] }), /* @__PURE__ */ o(l, { children: "Enroll Now" })]
 			}),
 			/* @__PURE__ */ s("div", {
@@ -29,13 +29,13 @@ function h() {
 					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(t, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: _.courses.length
+								children: v.courses.length
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Courses"
 							})
 						]
@@ -43,13 +43,13 @@ function h() {
 					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: _.duration
+								children: v.duration
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Duration"
 							})
 						]
@@ -57,13 +57,13 @@ function h() {
 					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(a, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ o(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: _.enrolled
+								children: v.enrolled
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Enrolled"
 							})
 						]
@@ -71,13 +71,13 @@ function h() {
 					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-green-500 mb-1" }),
+							/* @__PURE__ */ o(n, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
 							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: [_.completionRate, "%"]
+								children: [v.completionRate, "%"]
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Completion"
 							})
 						]
@@ -85,16 +85,16 @@ function h() {
 				]
 			}),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "Courses in this Path" }), /* @__PURE__ */ s(f, { children: [
-				v.length,
+				y.length,
 				" courses · ",
-				_.level
+				v.level
 			] })] }), /* @__PURE__ */ o(d, {
 				className: "space-y-3",
-				children: v.map((e, t) => /* @__PURE__ */ s("div", {
+				children: y.map((e, t) => /* @__PURE__ */ s("div", {
 					className: "flex items-center gap-3 rounded border p-4",
 					children: [
 						/* @__PURE__ */ o("div", {
-							className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold",
+							className: "flex-shrink-0 w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-bold",
 							children: t + 1
 						}),
 						/* @__PURE__ */ s("div", {
@@ -103,7 +103,7 @@ function h() {
 								className: "text-sm font-medium",
 								children: e.title
 							}), /* @__PURE__ */ s("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									e.instructor,
 									" · ",
@@ -118,7 +118,7 @@ function h() {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ s("div", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ o(i, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ o("span", {
+								children: [/* @__PURE__ */ o(i, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ o("span", {
 									className: "text-sm",
 									children: e.rating
 								})]
@@ -135,6 +135,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as LearningLearningPathDetailPagePage };
+export { g as LearningLearningPathDetailPagePage };
 
 //# sourceMappingURL=LearningLearningPathDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningLearningPathDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, CheckCircle, Clock, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathDetailPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n  const path = learningPaths[0];\n  if (!path) return <div className=\"p-6 text-muted-foreground\">No learning path found.</div>;\n  const pathCourses = courses.filter((c) => path.courses.includes(c.id));\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">{path.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">{path.description}</p>\n        </div>\n        <Button>Enroll Now</Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{path.courses.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Courses</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{path.duration}</p>\n            <p className=\"text-xs text-muted-foreground\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{path.enrolled}</p>\n            <p className=\"text-xs text-muted-foreground\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <CheckCircle className=\"h-5 w-5 mx-auto text-green-500 mb-1\" />\n            <p className=\"text-lg font-bold\">{path.completionRate}%</p>\n            <p className=\"text-xs text-muted-foreground\">Completion</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Courses in this Path</CardTitle>\n          <CardDescription>\n            {pathCourses.length} courses · {path.level}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {pathCourses.map((course, idx) => (\n            <div key={course.id} className=\"flex items-center gap-3 rounded border p-4\">\n              <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold\">\n                {idx + 1}\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium\">{course.title}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {course.instructor} · {course.duration} · {course.modules} modules\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  <span className=\"text-sm\">{course.rating}</span>\n                </div>\n                <Badge\n                  variant={\n                    course.level === 'beginner'\n                      ? 'secondary'\n                      : course.level === 'intermediate'\n                        ? 'default'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {course.level}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LearningLearningPathDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, CheckCircle, Clock, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathDetailPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n  const path = learningPaths[0];\n  if (!path) return <div className=\"p-6 text-text-secondary\">No learning path found.</div>;\n  const pathCourses = courses.filter((c) => path.courses.includes(c.id));\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{path.title}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{path.description}</p>\n        </div>\n        <Button>Enroll Now</Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <BookOpen className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{path.courses.length}</p>\n            <p className=\"text-xs text-text-secondary\">Courses</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Clock className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{path.duration}</p>\n            <p className=\"text-xs text-text-secondary\">Duration</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{path.enrolled}</p>\n            <p className=\"text-xs text-text-secondary\">Enrolled</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <CheckCircle className=\"h-5 w-5 mx-auto text-status-success-text mb-1\" />\n            <p className=\"text-lg font-bold\">{path.completionRate}%</p>\n            <p className=\"text-xs text-text-secondary\">Completion</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Courses in this Path</CardTitle>\n          <CardDescription>\n            {pathCourses.length} courses · {path.level}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {pathCourses.map((course, idx) => (\n            <div key={course.id} className=\"flex items-center gap-3 rounded border p-4\">\n              <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-bold\">\n                {idx + 1}\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium\">{course.title}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {course.instructor} · {course.duration} · {course.modules} modules\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  <span className=\"text-sm\">{course.rating}</span>\n                </div>\n                <Badge\n                  variant={\n                    course.level === 'beginner'\n                      ? 'secondary'\n                      : course.level === 'intermediate'\n                        ? 'default'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {course.level}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/LearningLearningPathsPagePage.js

@@ -1,22 +1,22 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { BookOpen as t, GraduationCap as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+import { Badge as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, GradientText as d } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningLearningPathsPagePage.tsx
-function d() {
-	let { learningPaths: d, courses: f } = e();
+function f() {
+	let { learningPaths: f, courses: p } = e();
 	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
 			className: "text-2xl font-semibold",
-			children: "Learning Paths"
+			children: /* @__PURE__ */ r(d, { children: "Learning Paths" })
 		}), /* @__PURE__ */ r("p", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			children: "Structured learning journeys for career growth"
 		})] }), /* @__PURE__ */ r("div", {
 			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: d.map((e) => {
-				let d = f.filter((t) => e.courses.includes(t.id));
+			children: f.map((e) => {
+				let d = p.filter((t) => e.courses.includes(t.id));
 				return /* @__PURE__ */ i(o, {
 					className: "hover:shadow-md transition-shadow cursor-pointer",
 					children: [/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(u, {
@@ -26,7 +26,7 @@ function d() {
 						className: "space-y-3",
 						children: [
 							/* @__PURE__ */ i("div", {
-								className: "flex items-center justify-between text-sm text-muted-foreground",
+								className: "flex items-center justify-between text-sm text-text-secondary",
 								children: [/* @__PURE__ */ i("span", {
 									className: "flex items-center gap-1",
 									children: [
@@ -44,7 +44,7 @@ function d() {
 							/* @__PURE__ */ r("div", {
 								className: "space-y-1 mt-2",
 								children: d.map((e) => /* @__PURE__ */ i("div", {
-									className: "flex items-center gap-2 text-xs text-muted-foreground",
+									className: "flex items-center gap-2 text-xs text-text-secondary",
 									children: [/* @__PURE__ */ r(n, { className: "h-3 w-3" }), e.title]
 								}, e.id))
 							}),
@@ -54,9 +54,9 @@ function d() {
 									className: "flex justify-between text-xs mb-1",
 									children: [/* @__PURE__ */ i("span", { children: [e.enrolled, " enrolled"] }), /* @__PURE__ */ i("span", { children: [e.completionRate, "%"] })]
 								}), /* @__PURE__ */ r("div", {
-									className: "h-2 bg-muted rounded overflow-hidden",
+									className: "h-2 bg-bg-sunken rounded overflow-hidden",
 									children: /* @__PURE__ */ r("div", {
-										className: "h-2 bg-primary rounded",
+										className: "h-2 bg-action-primary-bg rounded",
 										style: { width: `${e.completionRate}%` }
 									})
 								})]
@@ -69,6 +69,6 @@ function d() {
 	});
 }
 //#endregion
-export { d as LearningLearningPathsPagePage };
+export { f as LearningLearningPathsPagePage };
 
 //# sourceMappingURL=LearningLearningPathsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningLearningPathsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, GraduationCap, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathsPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Learning Paths</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Structured learning journeys for career growth\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {learningPaths.map((path) => {\n          const pathCourses = courses.filter((c) => path.courses.includes(c.id));\n          return (\n            <Card key={path.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n              <CardHeader>\n                <CardTitle className=\"text-lg\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <BookOpen className=\"h-3 w-3\" />\n                      {path.courses.length} courses\n                    </span>\n                    <span>{path.duration}</span>\n                  </div>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {path.level}\n                  </Badge>\n                  <div className=\"space-y-1 mt-2\">\n                    {pathCourses.map((c) => (\n                      <div\n                        key={c.id}\n                        className=\"flex items-center gap-2 text-xs text-muted-foreground\"\n                      >\n                        <GraduationCap className=\"h-3 w-3\" />\n                        {c.title}\n                      </div>\n                    ))}\n                  </div>\n                  <div className=\"pt-2 border-t\">\n                    <div className=\"flex justify-between text-xs mb-1\">\n                      <span>{path.enrolled} enrolled</span>\n                      <span>{path.completionRate}%</span>\n                    </div>\n                    <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                      <div\n                        className=\"h-2 bg-primary rounded\"\n                        style={{ width: `${path.completionRate}%` }}\n                      />\n                    </div>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,kBAAe,eAAY,GAAqB;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAmB,CAAA,EAC1D,kBAAC,KAAD;GAAG,WAAU;aAAgC;GAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAc,KAAK,MAAS;IAC3B,IAAM,IAAc,EAAQ,QAAQ,MAAM,EAAK,QAAQ,SAAS,EAAE,GAAG,CAAC;AACtE,WACE,kBAAC,GAAD;KAAoB,WAAU;eAA9B,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAW,EAAK;MAAkB,CAAA,EACvD,kBAAC,GAAD,EAAA,UAAkB,EAAK,aAA8B,CAAA,CAC1C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,QAAQ;UAAO;UAChB;YACP,kBAAC,QAAD,EAAA,UAAO,EAAK,UAAgB,CAAA,CACxB;;OACN,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAK;QACA,CAAA;OACR,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,KAAK,MAChB,kBAAC,OAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EACpC,EAAE,MACC;WALC,EAAE,GAKH,CACN;QACE,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,UAAS,YAAgB,EAAA,CAAA,EACrC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,gBAAe,IAAQ,EAAA,CAAA,CAC/B;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,EAAK,eAAe,IAAI;UAC3C,CAAA;SACE,CAAA,CACF;;OACF;SACM,CAAA,CACT;OA1CI,EAAK,GA0CT;KAET;GACE,CAAA,CACF"}
+{"version":3,"file":"LearningLearningPathsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningLearningPathsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { BookOpen, GraduationCap, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function LearningLearningPathsPagePage() {\n  const { learningPaths, courses } = useCrewFoundryStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Learning Paths</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Structured learning journeys for career growth\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {learningPaths.map((path) => {\n          const pathCourses = courses.filter((c) => path.courses.includes(c.id));\n          return (\n            <Card key={path.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n              <CardHeader>\n                <CardTitle className=\"text-lg\">{path.title}</CardTitle>\n                <CardDescription>{path.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <BookOpen className=\"h-3 w-3\" />\n                      {path.courses.length} courses\n                    </span>\n                    <span>{path.duration}</span>\n                  </div>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {path.level}\n                  </Badge>\n                  <div className=\"space-y-1 mt-2\">\n                    {pathCourses.map((c) => (\n                      <div\n                        key={c.id}\n                        className=\"flex items-center gap-2 text-xs text-text-secondary\"\n                      >\n                        <GraduationCap className=\"h-3 w-3\" />\n                        {c.title}\n                      </div>\n                    ))}\n                  </div>\n                  <div className=\"pt-2 border-t\">\n                    <div className=\"flex justify-between text-xs mb-1\">\n                      <span>{path.enrolled} enrolled</span>\n                      <span>{path.completionRate}%</span>\n                    </div>\n                    <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className=\"h-2 bg-action-primary-bg rounded\"\n                        style={{ width: `${path.completionRate}%` }}\n                      />\n                    </div>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,kBAAe,eAAY,GAAqB;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aACZ,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;GACxC,CAAA,EACL,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAc,KAAK,MAAS;IAC3B,IAAM,IAAc,EAAQ,QAAQ,MAAM,EAAK,QAAQ,SAAS,EAAE,GAAG,CAAC;AACtE,WACE,kBAAC,GAAD;KAAoB,WAAU;eAA9B,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAW,EAAK;MAAkB,CAAA,EACvD,kBAAC,GAAD,EAAA,UAAkB,EAAK,aAA8B,CAAA,CAC1C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,QAAQ;UAAO;UAChB;YACP,kBAAC,QAAD,EAAA,UAAO,EAAK,UAAgB,CAAA,CACxB;;OACN,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAK;QACA,CAAA;OACR,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,KAAK,MAChB,kBAAC,OAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EACpC,EAAE,MACC;WALC,EAAE,GAKH,CACN;QACE,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,UAAS,YAAgB,EAAA,CAAA,EACrC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAK,gBAAe,IAAQ,EAAA,CAAA,CAC/B;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,EAAK,eAAe,IAAI;UAC3C,CAAA;SACE,CAAA,CACF;;OACF;SACM,CAAA,CACT;OA1CI,EAAK,GA0CT;KAET;GACE,CAAA,CACF"}