@burdenoff/microfe-technospam 2026.705.1 → 2026.705.2

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -1,253 +1,354 @@
 import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
-import { PageLayout as t } from "../components/PageLayout.js";
-import { StatCard as n } from "../components/StatCard.js";
-import { formatDuration as r, humanizeEnum as i } from "../utils/format.js";
-import { StatusBadge as a } from "../components/StatusBadge.js";
-import { EmptyView as o, ErrorView as s } from "../components/StateViews.js";
+import { cn as t } from "../utils/cn.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { StatCard as r } from "../components/StatCard.js";
+import { MediaCover as i, topicIcon as a } from "../components/MediaCover.js";
+import { formatDuration as o, humanizeEnum as s } from "../utils/format.js";
+import { EmptyView as c, ErrorView as l } from "../components/StateViews.js";
 import "../components/index.js";
-import { notify as c } from "../lib/toast.js";
-import { useCertificatesQuery as l, useCourseQuery as u, useEnroll as d, useIssueCertificate as f, useUpdateProgress as p } from "../api/technospamApi.js";
-import { Award as m, BookOpen as h, CheckCircle2 as g, Clock as _, FileText as v, Layers as y, Lock as b, PlayCircle as x, Sparkles as S } from "lucide-react";
-import { useSearchParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Badge as E, Button as D, GlassCard as O, Skeleton as k } from "@burdenoff/fe-libs/ui";
+import { notify as u } from "../lib/toast.js";
+import { useCertificatesQuery as d, useCourseQuery as f, useEnroll as p, useIssueCertificate as m, useUpdateProgress as ee } from "../api/technospamApi.js";
+import { Award as h, BookOpen as g, CheckCircle2 as _, Clock as v, Eye as y, FileText as b, Layers as x, Lock as S, PlayCircle as C, ShieldCheck as te, Sparkles as w, TrendingUp as T, Trophy as E, Users as D } from "lucide-react";
+import { useSearchParams as O } from "react-router-dom";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j, Button as M, GlassCard as N, Skeleton as P } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx
-var A = {
-	VIDEO: x,
-	ARTICLE: v,
-	INTERACTIVE: S,
-	QUIZ: g,
-	PROJECT: y
+var F = {
+	VIDEO: {
+		icon: C,
+		chip: "bg-accent-primary/15 text-accent-primary",
+		badge: "border-accent-primary/25 bg-accent-primary/10 text-accent-primary"
+	},
+	ARTICLE: {
+		icon: b,
+		chip: "bg-accent-indigo/15 text-accent-indigo",
+		badge: "border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo"
+	},
+	INTERACTIVE: {
+		icon: w,
+		chip: "bg-accent-teal/15 text-accent-teal",
+		badge: "border-accent-teal/25 bg-accent-teal/10 text-accent-teal"
+	},
+	QUIZ: {
+		icon: _,
+		chip: "bg-accent-purple/15 text-accent-purple",
+		badge: "border-accent-purple/25 bg-accent-purple/10 text-accent-purple"
+	},
+	PROJECT: {
+		icon: x,
+		chip: "bg-status-warning-bg-subtle text-status-warning-text",
+		badge: "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"
+	}
 };
-function j({ lesson: e, done: t }) {
-	let n = A[e.kind] ?? v;
-	return /* @__PURE__ */ T("div", {
-		className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
+function I({ icon: e, children: t }) {
+	return /* @__PURE__ */ A("span", {
+		className: "inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm",
+		children: [e ? /* @__PURE__ */ k(e, { size: 12 }) : null, t]
+	});
+}
+function L({ lesson: e, index: n, done: r }) {
+	let i = F[e.kind] ?? F.ARTICLE, a = i.icon;
+	return /* @__PURE__ */ A("div", {
+		className: "group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60",
 		children: [
-			/* @__PURE__ */ w("span", {
-				className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${t ? "bg-status-success-bg-subtle text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
-				children: w(t ? g : n, { size: 16 })
+			/* @__PURE__ */ k("span", {
+				className: "hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block",
+				children: n + 1
+			}),
+			/* @__PURE__ */ k("span", {
+				className: t("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", r ? "bg-status-success-bg-subtle text-status-success-text" : i.chip),
+				children: k(r ? _ : a, { size: 17 })
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ T("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ w("span", {
-						className: "truncate text-sm font-medium text-text-primary",
-						children: e.title
-					}), e.isPreview ? /* @__PURE__ */ w(E, {
-						variant: "secondary",
-						className: "text-[11px]",
-						children: "Preview"
-					}) : null]
-				}), /* @__PURE__ */ T("div", {
-					className: "text-xs text-text-muted",
-					children: [
-						i(e.kind),
-						" · ",
-						r(e.estimatedMinutes)
-					]
+				children: [/* @__PURE__ */ k("span", {
+					className: "block truncate text-sm font-medium text-text-primary",
+					children: e.title
+				}), /* @__PURE__ */ A("div", {
+					className: "mt-1 flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ k("span", {
+						className: t("inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium", i.badge),
+						children: s(e.kind)
+					}), /* @__PURE__ */ A("span", {
+						className: "inline-flex items-center gap-1 text-xs text-text-muted",
+						children: [
+							/* @__PURE__ */ k(v, { size: 12 }),
+							" ",
+							o(e.estimatedMinutes)
+						]
+					})]
 				})]
 			}),
-			!e.isPreview && !t ? /* @__PURE__ */ w(b, {
-				size: 14,
-				className: "text-text-muted"
-			}) : null
+			/* @__PURE__ */ k("div", {
+				className: "shrink-0",
+				children: r ? /* @__PURE__ */ k(_, {
+					size: 18,
+					className: "text-status-success-text"
+				}) : e.isPreview ? /* @__PURE__ */ A("span", {
+					className: "inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary",
+					children: [/* @__PURE__ */ k(y, { size: 12 }), " Preview"]
+				}) : /* @__PURE__ */ k(S, {
+					size: 15,
+					className: "text-text-muted"
+				})
+			})
 		]
 	});
 }
-function M() {
-	let [i] = C(), b = i.get("id") ?? "", { currentUser: x } = e(), { data: S, loading: A, error: M, refetch: N } = u(b), [P, { loading: F }] = d(), [I, { loading: L }] = p(), { data: R, refetch: z } = l(x?.id && b ? {
-		learnerId: x.id,
-		courseId: b
-	} : {}), [B, { loading: V }] = f(), H = S?.tecCourse ?? null, U = [...H?.lessons ?? []].sort((e, t) => e.position - t.position), W = (H?.enrollments ?? []).find((e) => e.learnerId === x?.id), G = (R?.tecListCertificates ?? []).find((e) => e.status === "ISSUED"), K = !!W && W.progressPct >= 100, q = async () => {
-		!b || !x?.id || (await B({ variables: {
-			courseId: b,
-			learnerId: x.id,
+function R() {
+	let [t] = O(), y = t.get("id") ?? "", { currentUser: S } = e(), { data: C, loading: w, error: F, refetch: R } = f(y), [z, { loading: B }] = p(), [V, { loading: H }] = ee(), { data: U, refetch: W } = d(S?.id && y ? {
+		learnerId: S.id,
+		courseId: y
+	} : {}), [G, { loading: K }] = m(), q = C?.tecCourse ?? null, J = [...q?.lessons ?? []].sort((e, t) => e.position - t.position), Y = (q?.enrollments ?? []).find((e) => e.learnerId === S?.id), X = (U?.tecListCertificates ?? []).find((e) => e.status === "ISSUED"), Z = !!Y && Y.progressPct >= 100, ne = async () => {
+		!y || !S?.id || (await G({ variables: {
+			courseId: y,
+			learnerId: S.id,
 			score: 100
-		} })).data?.tecIssueCertificate && (c.success("Certificate issued", "Your verifiable certificate is ready in My Learning."), await z());
-	}, J = async () => {
-		b && (await P({ variables: { input: { courseId: b } } })).data?.tecEnroll && (c.success("Enrolled", `You're enrolled in "${H?.title}".`), await N());
-	}, Y = async () => {
-		if (!W) return;
-		let e = Math.min(U.length, W.lessonsCompleted + 1), t = U.length ? Math.round(e / U.length * 100) : 100;
-		(await I({ variables: { input: {
-			enrollmentId: W.id,
+		} })).data?.tecIssueCertificate && (u.success("Certificate issued", "Your verifiable certificate is ready in My Learning."), await W());
+	}, re = async () => {
+		y && (await z({ variables: { input: { courseId: y } } })).data?.tecEnroll && (u.success("Enrolled", `You're enrolled in "${q?.title}".`), await R());
+	}, ie = async () => {
+		if (!Y) return;
+		let e = Math.min(J.length, Y.lessonsCompleted + 1), t = J.length ? Math.round(e / J.length * 100) : 100;
+		(await V({ variables: { input: {
+			enrollmentId: Y.id,
 			lessonsCompleted: e,
 			progressPct: t
-		} } })).data?.tecUpdateProgress && (c.success("Progress saved", `${t}% complete`), await N());
+		} } })).data?.tecUpdateProgress && (u.success("Progress saved", `${t}% complete`), await R());
 	};
-	if (A && !H) return /* @__PURE__ */ T(t, {
+	if (w && !q) return /* @__PURE__ */ A(n, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: [/* @__PURE__ */ w(k, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ w(k, { className: "h-64 w-full rounded-xl" })]
+		children: [/* @__PURE__ */ k(P, { className: "mb-4 h-40 w-full rounded-2xl" }), /* @__PURE__ */ k(P, { className: "h-64 w-full rounded-xl" })]
 	});
-	if (M || !H) return /* @__PURE__ */ w(t, {
+	if (F || !q) return /* @__PURE__ */ k(n, {
 		title: "Course",
 		backPath: "/courses/courses-page",
-		children: M ? /* @__PURE__ */ w(s, {
+		children: F ? /* @__PURE__ */ k(l, {
 			title: "Couldn't load course",
-			error: M
-		}) : /* @__PURE__ */ w(o, {
+			error: F
+		}) : /* @__PURE__ */ k(c, {
 			title: "Course not found",
 			description: "This course may have been unpublished."
 		})
 	});
-	let X = W?.lessonsCompleted ?? 0;
-	return /* @__PURE__ */ T(t, {
-		hero: !0,
+	let Q = Y?.lessonsCompleted ?? 0, $ = Math.max(0, J.length - Q), ae = Y && Y.progressPct >= 100 ? "Course complete — claim your certificate below." : $ === 1 ? "1 lesson to go — almost there!" : `${$} lessons to go — keep it up!`, oe = `${q.topic ?? ""} ${q.title}`;
+	return /* @__PURE__ */ A(n, {
 		backPath: "/courses/courses-page",
-		title: H.title,
-		description: H.summary ?? void 0,
-		actions: W ? /* @__PURE__ */ T(D, {
-			onClick: Y,
-			disabled: L || X >= U.length,
-			children: [/* @__PURE__ */ w(g, { size: 16 }), X >= U.length ? "Completed" : "Complete next lesson"]
-		}) : /* @__PURE__ */ T(D, {
-			onClick: J,
-			disabled: F,
+		title: q.title,
+		description: q.summary ?? void 0,
+		actions: Y ? /* @__PURE__ */ A(M, {
+			onClick: ie,
+			disabled: H || Q >= J.length,
+			children: [/* @__PURE__ */ k(_, { size: 16 }), Q >= J.length ? "Completed" : "Complete next lesson"]
+		}) : /* @__PURE__ */ A(M, {
+			onClick: re,
+			disabled: B,
 			children: [
-				/* @__PURE__ */ w(h, { size: 16 }),
+				/* @__PURE__ */ k(g, { size: 16 }),
 				" ",
-				F ? "Enrolling…" : "Enroll"
+				B ? "Enrolling…" : "Enroll"
 			]
 		}),
 		children: [
-			/* @__PURE__ */ T("div", {
-				className: "mb-5 flex flex-wrap items-center gap-2",
-				children: [
-					/* @__PURE__ */ w(a, {
-						status: H.level,
-						kind: "level"
-					}),
-					/* @__PURE__ */ w(a, { status: H.status }),
-					H.topic ? /* @__PURE__ */ T(E, {
-						variant: "outline",
-						className: "gap-1",
-						children: [
-							/* @__PURE__ */ w(y, { size: 12 }),
-							" ",
-							H.topic
-						]
-					}) : null,
-					H.tags.map((e) => /* @__PURE__ */ w(E, {
-						variant: "secondary",
-						children: e
-					}, e))
-				]
+			/* @__PURE__ */ k(i, {
+				height: "h-40",
+				seed: oe,
+				icon: a(q.topic ?? q.title),
+				className: "mb-5 rounded-2xl",
+				children: /* @__PURE__ */ A("div", {
+					className: "flex w-full flex-col gap-2",
+					children: [
+						/* @__PURE__ */ k("span", {
+							className: "text-xs font-medium uppercase tracking-wide text-white/80",
+							children: q.topic ?? "Course"
+						}),
+						/* @__PURE__ */ k("h2", {
+							className: "text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl",
+							children: q.title
+						}),
+						/* @__PURE__ */ A("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ k(I, {
+									icon: T,
+									children: s(q.level)
+								}),
+								/* @__PURE__ */ k(I, {
+									icon: _,
+									children: s(q.status)
+								}),
+								q.topic ? /* @__PURE__ */ k(I, {
+									icon: x,
+									children: q.topic
+								}) : null
+							]
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ T("div", {
+			q.tags.length ? /* @__PURE__ */ k("div", {
+				className: "mb-5 flex flex-wrap items-center gap-2",
+				children: q.tags.map((e) => /* @__PURE__ */ k(j, {
+					variant: "secondary",
+					children: e
+				}, e))
+			}) : null,
+			/* @__PURE__ */ A("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ k(r, {
 						label: "Lessons",
-						value: U.length,
-						icon: v
+						value: J.length,
+						icon: b,
+						tone: "blue"
 					}),
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ k(r, {
 						label: "Duration",
-						value: r(H.estimatedMinutes),
-						icon: _
+						value: o(q.estimatedMinutes),
+						icon: v,
+						tone: "teal"
 					}),
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ k(r, {
 						label: "Enrolled",
-						value: H.enrollments?.length ?? 0,
-						icon: h
+						value: q.enrollments?.length ?? 0,
+						icon: D,
+						tone: "indigo"
 					}),
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ k(r, {
 						label: "Your progress",
-						value: W ? `${W.progressPct}%` : "Not started",
-						icon: g
+						value: Y ? `${Y.progressPct}%` : "Not started",
+						icon: T,
+						tone: "purple"
 					})
 				]
 			}),
-			W ? /* @__PURE__ */ T(O, {
-				className: "mb-6 p-4",
-				children: [/* @__PURE__ */ T("div", {
-					className: "mb-2 flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ w("span", {
-						className: "font-medium text-text-primary",
-						children: "Your progress"
-					}), /* @__PURE__ */ T("span", {
-						className: "text-text-secondary",
+			Y ? /* @__PURE__ */ A(N, {
+				className: "mb-6 p-5",
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "mb-3 flex items-center gap-2",
 						children: [
-							X,
-							"/",
-							U.length,
-							" lessons · ",
-							W.progressPct,
-							"%"
+							/* @__PURE__ */ k("span", {
+								className: "flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary",
+								children: /* @__PURE__ */ k(T, { size: 16 })
+							}),
+							/* @__PURE__ */ k("span", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Your progress"
+							}),
+							/* @__PURE__ */ A("span", {
+								className: "ml-auto text-sm text-text-secondary",
+								children: [
+									Q,
+									"/",
+									J.length,
+									" lessons · ",
+									Y.progressPct,
+									"%"
+								]
+							})
 						]
-					})]
-				}), /* @__PURE__ */ w("div", {
-					className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-					children: /* @__PURE__ */ w("div", {
-						className: "h-full rounded-full bg-accent-primary transition-all",
-						style: { width: `${W.progressPct}%` }
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+						children: /* @__PURE__ */ k("div", {
+							className: "h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500",
+							style: { width: `${Y.progressPct}%` }
+						})
+					}),
+					/* @__PURE__ */ k("p", {
+						className: "mt-2 text-xs text-text-muted",
+						children: ae
 					})
-				})]
+				]
 			}) : null,
-			G ? /* @__PURE__ */ T(O, {
-				className: "mb-6 flex flex-wrap items-center gap-3 border-status-success-border p-4",
-				children: [/* @__PURE__ */ w(m, {
-					className: "text-accent-teal",
-					size: 22
-				}), /* @__PURE__ */ T("div", {
-					className: "min-w-0",
-					children: [/* @__PURE__ */ w("div", {
-						className: "text-sm font-semibold text-text-primary",
-						children: "Certificate earned"
-					}), /* @__PURE__ */ T("div", {
-						className: "text-xs text-text-muted",
-						children: [
-							"Serial ",
-							G.serial,
-							" · Score ",
-							G.score
-						]
-					})]
-				})]
-			}) : K ? /* @__PURE__ */ T(O, {
-				className: "mb-6 flex flex-wrap items-center justify-between gap-3 p-4",
-				children: [/* @__PURE__ */ T("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ w(m, {
-						className: "text-accent-teal",
-						size: 22
-					}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
-						className: "text-sm font-semibold text-text-primary",
+			X ? /* @__PURE__ */ A(N, {
+				className: "mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4",
+				children: [
+					/* @__PURE__ */ k("span", {
+						className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30",
+						children: /* @__PURE__ */ k(h, { size: 22 })
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ k("div", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Certificate earned"
+						}), /* @__PURE__ */ A("div", {
+							className: "text-xs text-text-muted",
+							children: [
+								"Serial ",
+								X.serial,
+								" · Score ",
+								X.score
+							]
+						})]
+					}),
+					/* @__PURE__ */ A("span", {
+						className: "inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
+						children: [/* @__PURE__ */ k(te, { size: 13 }), " Verified"]
+					})
+				]
+			}) : Z ? /* @__PURE__ */ A(N, {
+				className: "mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ k("span", {
+						className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40",
+						children: /* @__PURE__ */ k(E, { size: 26 })
+					}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
+						className: "text-base font-semibold text-text-primary",
 						children: "You finished this course"
-					}), /* @__PURE__ */ w("div", {
-						className: "text-xs text-text-muted",
+					}), /* @__PURE__ */ k("div", {
+						className: "text-sm text-text-muted",
 						children: "Claim your verifiable certificate of completion."
 					})] })]
-				}), /* @__PURE__ */ T(D, {
-					onClick: q,
-					disabled: V,
+				}), /* @__PURE__ */ A(M, {
+					onClick: ne,
+					disabled: K,
 					children: [
-						/* @__PURE__ */ w(m, { size: 16 }),
+						/* @__PURE__ */ k(h, { size: 16 }),
 						" ",
-						V ? "Issuing…" : "Claim certificate"
+						K ? "Issuing…" : "Claim certificate"
 					]
 				})]
 			}) : null,
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ A(N, {
 				className: "p-5",
-				children: [/* @__PURE__ */ w("h2", {
-					className: "mb-2 text-base font-semibold text-text-primary",
-					children: "Curriculum"
-				}), U.length === 0 ? /* @__PURE__ */ w("p", {
+				children: [/* @__PURE__ */ A("div", {
+					className: "mb-3 flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ A("h2", {
+						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+						children: [/* @__PURE__ */ k(g, {
+							size: 18,
+							className: "text-accent-primary"
+						}), " Curriculum"]
+					}), J.length ? /* @__PURE__ */ A("span", {
+						className: "rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
+						children: [
+							Q,
+							"/",
+							J.length,
+							" completed"
+						]
+					}) : null]
+				}), J.length === 0 ? /* @__PURE__ */ k("p", {
 					className: "py-6 text-center text-sm text-text-muted",
 					children: "Lessons for this course are being prepared."
-				}) : /* @__PURE__ */ w("div", { children: U.map((e, t) => /* @__PURE__ */ w(j, {
-					lesson: e,
-					done: t < X
-				}, e.id)) })]
+				}) : /* @__PURE__ */ k("div", {
+					className: "flex flex-col",
+					children: J.map((e, t) => /* @__PURE__ */ k(L, {
+						lesson: e,
+						index: t,
+						done: t < Q
+					}, e.id))
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { M as CoursesCourseDetailsPagePage };
+export { R as CoursesCourseDetailsPagePage };
 
 //# sourceMappingURL=CoursesCourseDetailsPagePage.js.map