@hydralms/components 0.1.3 → 0.3.0

package/dist/modules.js

@@ -0,0 +1,1834 @@
+import { jsx as e, jsxs as t, Fragment as te } from "react/jsx-runtime";
+import { useState as R, useRef as U, useEffect as L, useCallback as T, useMemo as K } from "react";
+import { HelpCircle as le, Clock as re, CheckCircle2 as X, Play as ae, XCircle as Te, Trophy as se, RotateCcw as ie, BookOpen as Z, Shuffle as he, Layers as Ie, ArrowLeft as J, PanelLeft as je, Check as Le, ChevronLeft as Fe, ChevronRight as Qe, ShieldCheck as $e, ClipboardList as Ye, BarChart3 as ve, FileEdit as fe, Paperclip as xe, FileText as qe, Link as Ge, Award as ee, PartyPopper as We, Bell as Ve, User as He } from "lucide-react";
+import { a as be, Q as _e, F as Je, l as Ke, d as Xe, P as Ze, L as De, g as Oe, e as et, k as tt, G as st, h as we, i as pe, b as rt, R as nt, C as Se, D as lt, f as at, c as ke, A as it, E as ct, j as dt } from "./StudentProfile-DeMxdrL3.js";
+import { C as I, x as j, B as q, a as ne, v as P, ak as D, aw as G, as as _, a$ as ze, c as A, M as ot, R as ut, U as mt, Y as ht, Q as ft, O as xt, a1 as ce, P as pt, d as Ce, e as ye, a8 as Ae, aI as de, aK as oe, aL as V, aJ as H, $ as ge, ax as Ne, aR as gt, b0 as Nt, A as vt } from "./tabs-BuY1iNJE.js";
+import { w as Y } from "./withProGate-BWqcKdPM.js";
+function Me(c) {
+  const [N, o] = R(0), l = U(null), f = U(null), i = U(0);
+  L(() => (c ? (l.current = Date.now(), f.current = setInterval(() => {
+    if (l.current) {
+      const a = Math.floor((Date.now() - l.current) / 1e3);
+      a !== i.current && (i.current = a, o(a));
+    }
+  }, 1e3)) : f.current && (clearInterval(f.current), f.current = null), () => {
+    f.current && clearInterval(f.current);
+  }), [c]);
+  const n = T(() => l.current ? Math.floor((Date.now() - l.current) / 1e3) : i.current, []), h = T(() => {
+    i.current = 0, o(0), l.current = null;
+  }, []);
+  return { timeElapsed: N, getFinalElapsed: n, reset: h };
+}
+function Ee({
+  icon: c,
+  title: N,
+  description: o,
+  questionCount: l,
+  timeLimitSeconds: f,
+  passingScore: i,
+  startLabel: n,
+  onStart: h,
+  children: a,
+  readOnly: u = !1
+}) {
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: c }),
+    /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: N }),
+    o && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: o }),
+    a,
+    /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
+      /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(le, { className: "size-3.5" }),
+        l,
+        " questions"
+      ] }),
+      f != null && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(re, { className: "size-3.5" }),
+        ne(f),
+        " time limit"
+      ] }),
+      i !== void 0 && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(X, { className: "size-3.5" }),
+        i,
+        "% to pass"
+      ] })
+    ] }),
+    /* @__PURE__ */ t(P, { size: "lg", onClick: h, disabled: u, children: [
+      /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+      n
+    ] })
+  ] }) });
+}
+function Be({
+  title: c,
+  percentage: N,
+  passed: o,
+  correct: l,
+  total: f,
+  timeElapsedSeconds: i,
+  answers: n,
+  questions: h,
+  allowRetake: a,
+  onRetake: u,
+  retakeLabel: x = "Retake",
+  showReview: b = !0,
+  extraBadges: s,
+  readOnly: S = !1
+}) {
+  return /* @__PURE__ */ t(te, { children: [
+    /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+      /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            value: N,
+            size: 140,
+            strokeWidth: 10,
+            color: o ? "var(--success)" : "var(--destructive)",
+            className: "mx-auto mb-4 text-foreground"
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            variant: o ? "success" : "destructive",
+            className: "text-sm px-3 py-1 mb-2",
+            children: o ? "Passed" : "Failed"
+          }
+        ),
+        s,
+        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
+        /* @__PURE__ */ e(
+          G,
+          {
+            icon: /* @__PURE__ */ e(X, {}),
+            label: "Correct",
+            description: "Questions answered right",
+            value: `${l}/${f}`,
+            accent: "var(--success)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          G,
+          {
+            icon: /* @__PURE__ */ e(Te, {}),
+            label: "Incorrect",
+            description: "Questions to review",
+            value: `${f - l}/${f}`,
+            accent: "var(--destructive)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          G,
+          {
+            icon: /* @__PURE__ */ e(se, {}),
+            label: "Score",
+            description: "Overall percentage",
+            value: `${N}%`,
+            accent: "var(--palette-3)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          G,
+          {
+            icon: /* @__PURE__ */ e(re, {}),
+            label: "Time",
+            description: "Total elapsed",
+            value: ne(i),
+            accent: "var(--palette-1)"
+          }
+        )
+      ] }),
+      a && u && !S && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(P, { variant: "outline", onClick: u, children: [
+        /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
+        x
+      ] }) })
+    ] }) }),
+    b && /* @__PURE__ */ t(te, { children: [
+      /* @__PURE__ */ e(_, { className: "my-6" }),
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-4", children: "Question Review" }),
+      /* @__PURE__ */ e(
+        be,
+        {
+          questions: h,
+          sessionAnswers: n,
+          showCorrectAnswers: !0
+        }
+      )
+    ] })
+  ] });
+}
+function bt({
+  title: c,
+  description: N,
+  questions: o,
+  timeLimitSeconds: l,
+  passingScore: f,
+  allowRetake: i = !0,
+  onComplete: n,
+  showReview: h = !0,
+  questionMaterials: a,
+  readOnly: u = !1,
+  className: x,
+  style: b
+}) {
+  const [s, S] = R({ tag: "intro" }), m = U(null), { timeElapsed: g, getFinalElapsed: v, reset: r } = Me(s.tag === "quiz"), C = U(n);
+  C.current = n, L(() => {
+    var d;
+    (d = m.current) == null || d.focus({ preventScroll: !0 });
+  }, [s.tag]);
+  const M = T((d) => {
+    var B;
+    const { correct: p, total: w, percentage: k } = ze(o, d), Q = {
+      answers: d,
+      correct: p,
+      total: w,
+      percentage: k,
+      passed: f !== void 0 ? k >= f : !0,
+      timeElapsedSeconds: v()
+    };
+    S({ tag: "results", result: Q }), (B = C.current) == null || B.call(C, Q);
+  }, [o, f, v]), y = T(() => {
+    r(), S({ tag: "intro" });
+  }, [r]);
+  if (s.tag === "intro")
+    return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", x), style: b, children: /* @__PURE__ */ e(
+      Ee,
+      {
+        icon: /* @__PURE__ */ e(se, { className: "size-7 text-primary" }),
+        title: c,
+        description: N,
+        questionCount: o.length,
+        timeLimitSeconds: l,
+        passingScore: f,
+        startLabel: "Start Quiz",
+        onStart: () => S({ tag: "quiz" }),
+        readOnly: u
+      }
+    ) });
+  if (s.tag === "quiz")
+    return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("outline-none", x), style: b, children: /* @__PURE__ */ e(
+      _e,
+      {
+        questions: o,
+        onSubmit: M,
+        timeElapsedSeconds: g,
+        timeLimitSeconds: l,
+        questionMaterials: a,
+        readOnly: u
+      }
+    ) });
+  const { result: E } = s;
+  return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", x), style: b, children: /* @__PURE__ */ e(
+    Be,
+    {
+      title: c,
+      percentage: E.percentage,
+      passed: E.passed,
+      correct: E.correct,
+      total: E.total,
+      timeElapsedSeconds: E.timeElapsedSeconds,
+      answers: E.answers,
+      questions: o,
+      allowRetake: i,
+      onRetake: y,
+      retakeLabel: "Retake Quiz",
+      showReview: h,
+      readOnly: u
+    }
+  ) });
+}
+const $t = Y(bt, "QuizModule");
+function wt({
+  decks: c = [],
+  showShuffleToggle: N = !0,
+  defaultShuffled: o = !1,
+  allowMultiSelect: l = !0,
+  onComplete: f,
+  readOnly: i = !1,
+  className: n,
+  style: h
+}) {
+  const [a, u] = R({ tag: "setup" }), [x, b] = R(/* @__PURE__ */ new Set()), [s, S] = R(o), m = U(null), g = U(null);
+  L(() => {
+    var d;
+    (d = g.current) == null || d.focus({ preventScroll: !0 });
+  }, [a.tag]);
+  function v(d) {
+    b((p) => {
+      const w = new Set(p);
+      return w.has(d) ? w.delete(d) : (l || w.clear(), w.add(d)), w;
+    });
+  }
+  function r() {
+    const d = c.filter((w) => x.has(w.uid)), p = d.flatMap((w) => w.cards);
+    m.current = Date.now(), u({
+      tag: "study",
+      cards: p,
+      deckUids: d.map((w) => w.uid),
+      shuffled: s
+    });
+  }
+  function C() {
+    if (a.tag !== "study") return;
+    const d = m.current ? Math.floor((Date.now() - m.current) / 1e3) : 0, p = {
+      totalCards: a.cards.length,
+      decksStudied: a.deckUids.length,
+      deckUids: a.deckUids,
+      wasShuffled: a.shuffled,
+      timeElapsedSeconds: d
+    };
+    u({ tag: "completion", result: p }), f == null || f(p);
+  }
+  function M() {
+    if (a.tag !== "completion") return;
+    const p = c.filter((w) => a.result.deckUids.includes(w.uid)).flatMap((w) => w.cards);
+    m.current = Date.now(), u({
+      tag: "study",
+      cards: p,
+      deckUids: a.result.deckUids,
+      shuffled: a.result.wasShuffled
+    });
+  }
+  function y() {
+    b(/* @__PURE__ */ new Set()), S(o), u({ tag: "setup" });
+  }
+  if (a.tag === "setup")
+    return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", n), style: h, children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+      /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Z, { className: "size-7 text-primary" }) }),
+        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: "Choose Your Decks" }),
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: l ? "Select one or more decks to study" : "Select a deck to study" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-6", children: c.map((d) => {
+        const p = x.has(d.uid);
+        return /* @__PURE__ */ e(
+          I,
+          {
+            className: A(
+              "cursor-pointer transition-all py-0",
+              p ? "border-primary ring-1 ring-primary" : "hover:border-muted-foreground/30"
+            ),
+            onClick: () => v(d.uid),
+            children: /* @__PURE__ */ t(j, { className: "py-4", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-start justify-between mb-2", children: [
+                /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground text-sm", children: d.title }),
+                /* @__PURE__ */ t(q, { variant: "secondary", className: "text-xs shrink-0", children: [
+                  d.cards.length,
+                  " cards"
+                ] })
+              ] }),
+              d.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: d.description })
+            ] })
+          },
+          d.uid
+        );
+      }) }),
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          N && /* @__PURE__ */ t(
+            P,
+            {
+              variant: s ? "secondary" : "outline",
+              size: "sm",
+              className: "gap-1.5",
+              onClick: () => S((d) => !d),
+              children: [
+                /* @__PURE__ */ e(he, { className: "size-3.5" }),
+                "Shuffle"
+              ]
+            }
+          ),
+          x.size > 0 && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+            c.filter((d) => x.has(d.uid)).reduce((d, p) => d + p.cards.length, 0),
+            " ",
+            "cards selected"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          P,
+          {
+            onClick: r,
+            disabled: x.size === 0 || i,
+            children: "Start Studying"
+          }
+        )
+      ] })
+    ] }) }) });
+  if (a.tag === "study") {
+    const d = c.filter((p) => a.deckUids.includes(p.uid)).map((p) => p.title).join(", ");
+    return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("outline-none", n), style: h, children: /* @__PURE__ */ e(
+      Je,
+      {
+        cards: a.cards,
+        title: d,
+        shuffled: a.shuffled,
+        onComplete: C,
+        readOnly: i
+      }
+    ) });
+  }
+  const { result: E } = a;
+  return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", n), style: h, children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+    /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
+      /* @__PURE__ */ t("div", { className: "relative mx-auto mb-4", children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            value: 100,
+            size: 120,
+            strokeWidth: 10,
+            color: "var(--success)",
+            className: "text-foreground",
+            label: ""
+          }
+        ),
+        /* @__PURE__ */ e(X, { className: "size-8 text-success absolute inset-0 m-auto" })
+      ] }),
+      /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: "Study Session Complete" }),
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: "Great work! Here's your session summary." })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
+      /* @__PURE__ */ e(
+        G,
+        {
+          icon: /* @__PURE__ */ e(Ie, {}),
+          label: "Cards Studied",
+          description: "Total cards reviewed",
+          value: String(E.totalCards)
+        }
+      ),
+      /* @__PURE__ */ e(
+        G,
+        {
+          icon: /* @__PURE__ */ e(Z, {}),
+          label: "Decks",
+          description: "Decks completed",
+          value: String(E.decksStudied)
+        }
+      ),
+      /* @__PURE__ */ e(
+        G,
+        {
+          icon: /* @__PURE__ */ e(re, {}),
+          label: "Time Spent",
+          description: "Session duration",
+          value: ne(E.timeElapsedSeconds)
+        }
+      ),
+      /* @__PURE__ */ e(
+        G,
+        {
+          icon: /* @__PURE__ */ e(he, {}),
+          label: "Shuffled",
+          description: "Card order randomized",
+          value: E.wasShuffled ? "Yes" : "No"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex justify-center gap-3", children: [
+      /* @__PURE__ */ t(P, { variant: "outline", onClick: y, disabled: i, children: [
+        /* @__PURE__ */ e(J, { className: "size-4 mr-2" }),
+        "Pick New Deck"
+      ] }),
+      /* @__PURE__ */ t(P, { onClick: M, disabled: i, children: [
+        /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
+        "Study Again"
+      ] })
+    ] })
+  ] }) }) });
+}
+const Yt = Y(wt, "FlashcardLab");
+function St({
+  courseTitle: c,
+  curriculum: N,
+  progress: o,
+  items: l,
+  initialItemUid: f,
+  onItemComplete: i,
+  onItemChange: n,
+  sidebarCollapsed: h = !1,
+  readOnly: a = !1,
+  className: u,
+  style: x
+}) {
+  const b = U(null), s = K(() => Ke(N), [N]), S = K(
+    () => new Map(l.map((z) => [z.uid, z])),
+    [l]
+  ), [m, g] = R(
+    f ?? s[0] ?? ""
+  ), [v, r] = R(!h), [C, M] = R(() => o ? new Set(
+    o.filter((z) => z.isCompleted).map((z) => z.resourceUid)
+  ) : /* @__PURE__ */ new Set()), y = s.indexOf(m), E = y > 0, d = y < s.length - 1, p = C.has(m), w = s.length > 0 ? Math.round(
+    s.filter((z) => C.has(z)).length / s.length * 100
+  ) : 0, k = S.get(m), Q = K(
+    () => (k == null ? void 0 : k.type) === "video" ? { src: k.src, poster: k.poster, title: k.title } : null,
+    [k]
+  );
+  L(() => {
+    var z;
+    (z = b.current) == null || z.focus({ preventScroll: !0 });
+  }, [m]);
+  const B = U(n);
+  B.current = n;
+  const $ = U(i);
+  $.current = i;
+  const W = T((z) => {
+    var F;
+    g(z), (F = B.current) == null || F.call(B, z);
+  }, []), O = T((z) => {
+    (!z.children || z.children.length === 0) && W(z.uid);
+  }, [W]), ue = T(() => {
+    var z;
+    M((F) => new Set(F).add(m)), (z = $.current) == null || z.call($, m);
+  }, [m]), me = T(() => {
+    const z = s.indexOf(m);
+    z < s.length - 1 && W(s[z + 1]);
+  }, [s, m, W]), Pe = T(() => {
+    const z = s.indexOf(m);
+    z > 0 && W(s[z - 1]);
+  }, [s, m, W]), Ue = K(() => {
+    const z = new Map(
+      (o ?? []).map((F) => [F.resourceUid, F])
+    );
+    for (const F of C)
+      z.has(F) ? z.set(F, { ...z.get(F), isCompleted: !0 }) : z.set(F, { resourceUid: F, isCompleted: !0 });
+    return Array.from(z.values());
+  }, [o, C]), Re = d ? S.get(s[y + 1]) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: A("flex h-full overflow-hidden", u),
+      style: x,
+      children: [
+        /* @__PURE__ */ e(ot, { open: v, onOpenChange: r, side: "left", children: /* @__PURE__ */ t(ut, { size: "sm", scrollLock: !1, children: [
+          /* @__PURE__ */ t(mt, { className: "flex-row items-center justify-between", children: [
+            /* @__PURE__ */ e(ht, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Course" }),
+            /* @__PURE__ */ e(ft, {})
+          ] }),
+          /* @__PURE__ */ e(xt, { className: "px-2 pb-2", children: /* @__PURE__ */ e(
+            Xe,
+            {
+              items: N,
+              progress: Ue,
+              courseTitle: c,
+              activeItemUid: m,
+              onItemClick: O,
+              readOnly: a
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background shrink-0", children: [
+            /* @__PURE__ */ e(
+              P,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "size-7 p-0 mr-1",
+                onClick: () => r(!0),
+                children: /* @__PURE__ */ e(je, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground truncate block", children: (k == null ? void 0 : k.title) ?? "Select an item" }) }),
+            /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground shrink-0", children: [
+              y + 1,
+              " / ",
+              s.length
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { ref: b, tabIndex: -1, className: "flex-1 overflow-y-auto p-6 outline-none", children: k ? kt(k, a, ue, p, me, d, Re, Q) : /* @__PURE__ */ e(
+            ce,
+            {
+              title: "No content selected",
+              description: "Select an item from the course outline to get started."
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "shrink-0 border-t border-border bg-background px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+                w,
+                "% complete"
+              ] }) }),
+              /* @__PURE__ */ e(pt, { value: w, size: "sm" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 shrink-0", children: [
+              !p && k && /* @__PURE__ */ t(
+                P,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: ue,
+                  disabled: a,
+                  children: [
+                    /* @__PURE__ */ e(Le, { className: "size-3.5 mr-1" }),
+                    "Complete"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: Pe,
+                  disabled: !E,
+                  children: /* @__PURE__ */ e(Fe, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: me,
+                  disabled: !d,
+                  children: /* @__PURE__ */ e(Qe, { className: "size-4" })
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+function kt(c, N, o, l, f, i, n, h) {
+  switch (c.type) {
+    case "lesson":
+      return /* @__PURE__ */ e(
+        Oe,
+        {
+          title: c.title,
+          blocks: c.blocks,
+          isCompleted: l,
+          onMarkComplete: o,
+          onNextLesson: i ? f : void 0,
+          nextLessonTitle: n == null ? void 0 : n.title,
+          readOnly: N
+        }
+      );
+    case "video":
+      return /* @__PURE__ */ e(
+        De,
+        {
+          video: h ?? { src: "", title: c.title },
+          onComplete: l ? void 0 : o
+        }
+      );
+    case "quiz":
+      return /* @__PURE__ */ e(
+        Ze,
+        {
+          questions: c.questions,
+          instantFeedback: !0,
+          allowRetry: !0,
+          readOnly: N
+        }
+      );
+    default:
+      return /* @__PURE__ */ e(
+        ce,
+        {
+          title: "Unknown content type",
+          description: "This content type is not supported."
+        }
+      );
+  }
+}
+const qt = Y(St, "CoursePlayer");
+function zt({
+  title: c,
+  description: N,
+  instructions: o,
+  questions: l = [],
+  timeLimitSeconds: f,
+  passingScore: i,
+  allowBackNavigation: n = !0,
+  autoSubmitOnTimeout: h = !0,
+  timeWarningThreshold: a,
+  allowRetake: u = !1,
+  showReview: x = !0,
+  onComplete: b,
+  readOnly: s = !1,
+  className: S,
+  style: m
+}) {
+  const [g, v] = R({ tag: "intro" }), r = U(null), { timeElapsed: C, reset: M } = Me(g.tag === "exam"), y = U(b);
+  y.current = b, L(() => {
+    var w;
+    (w = r.current) == null || w.focus({ preventScroll: !0 });
+  }, [g.tag]);
+  const E = T((w, k) => {
+    var O;
+    const { correct: Q, total: B, percentage: $ } = ze(l, w), W = {
+      answers: w,
+      correct: Q,
+      total: B,
+      percentage: $,
+      passed: i !== void 0 ? $ >= i : !0,
+      timeElapsedSeconds: k.timeElapsedSeconds,
+      wasAutoSubmitted: k.wasAutoSubmitted
+    };
+    v({ tag: "results", result: W }), (O = y.current) == null || O.call(y, W);
+  }, [l, i]), d = T(() => {
+    M(), v({ tag: "intro" });
+  }, [M]);
+  if (g.tag === "intro")
+    return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", S), style: m, children: /* @__PURE__ */ e(
+      Ee,
+      {
+        icon: /* @__PURE__ */ e($e, { className: "size-7 text-primary" }),
+        title: c,
+        description: N,
+        questionCount: l.length,
+        timeLimitSeconds: f,
+        passingScore: i,
+        startLabel: "Begin Exam",
+        onStart: () => v({ tag: "exam" }),
+        readOnly: s,
+        children: o && /* @__PURE__ */ e(Ce, { className: "text-left mb-6", children: /* @__PURE__ */ e(ye, { children: o }) })
+      }
+    ) });
+  if (g.tag === "exam")
+    return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("outline-none", S), style: m, children: /* @__PURE__ */ e(
+      et,
+      {
+        questions: l,
+        timeLimitSeconds: f,
+        timeElapsedSeconds: C,
+        autoSubmitOnTimeout: h,
+        timeWarningThreshold: a,
+        allowBackNavigation: n,
+        confirmBeforeSubmit: !0,
+        examTitle: c,
+        onSubmit: E,
+        readOnly: s
+      }
+    ) });
+  const { result: p } = g;
+  return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", S), style: m, children: /* @__PURE__ */ e(
+    Be,
+    {
+      title: c,
+      percentage: p.percentage,
+      passed: p.passed,
+      correct: p.correct,
+      total: p.total,
+      timeElapsedSeconds: p.timeElapsedSeconds,
+      answers: p.answers,
+      questions: l,
+      allowRetake: u,
+      onRetake: d,
+      retakeLabel: "Retake Exam",
+      showReview: x,
+      readOnly: s,
+      extraBadges: p.wasAutoSubmitted ? /* @__PURE__ */ e(q, { variant: "outline", className: "text-sm px-3 py-1 mb-2 ml-2", children: "Auto-submitted" }) : null
+    }
+  ) });
+}
+const Gt = Y(zt, "ExamModule");
+function Ct({
+  title: c,
+  description: N,
+  questions: o = [],
+  requireAll: l = !1,
+  showProgress: f = !0,
+  thankYouTitle: i = "Thank You!",
+  thankYouMessage: n,
+  onComplete: h,
+  allowRestart: a = !1,
+  readOnly: u = !1,
+  className: x,
+  style: b
+}) {
+  const [s, S] = R({ tag: "intro" }), m = U(null), g = U(null);
+  L(() => {
+    var y;
+    (y = g.current) == null || y.focus({ preventScroll: !0 });
+  }, [s.tag]);
+  function v(y) {
+    const E = m.current ? Math.floor((Date.now() - m.current) / 1e3) : 0, d = {
+      answers: y,
+      totalQuestions: o.length,
+      answeredCount: y.length,
+      timeElapsedSeconds: E
+    };
+    S({ tag: "thankYou", result: d }), h == null || h(d);
+  }
+  function r() {
+    m.current = null, S({ tag: "intro" });
+  }
+  function C() {
+    m.current = Date.now(), S({ tag: "survey" });
+  }
+  if (s.tag === "intro")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        tabIndex: -1,
+        className: A("max-w-2xl mx-auto outline-none", x),
+        style: b,
+        children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ye, { className: "size-7 text-primary" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: c }),
+          N && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: N }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+            /* @__PURE__ */ e(le, { className: "size-3.5" }),
+            o.length,
+            " questions"
+          ] }) }),
+          /* @__PURE__ */ t(P, { size: "lg", onClick: C, disabled: u, children: [
+            /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+            "Begin Survey"
+          ] })
+        ] }) })
+      }
+    );
+  if (s.tag === "survey")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        tabIndex: -1,
+        className: A("outline-none", x),
+        style: b,
+        children: /* @__PURE__ */ e(
+          tt,
+          {
+            title: c,
+            questions: o,
+            requireAll: l,
+            showProgress: f,
+            onSubmit: v,
+            readOnly: u
+          }
+        )
+      }
+    );
+  const { result: M } = s;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: g,
+      tabIndex: -1,
+      className: A("max-w-2xl mx-auto outline-none", x),
+      style: b,
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(X, { className: "size-7 text-success" }) }),
+        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: i }),
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: n ?? "Your responses have been recorded. Thank you for your feedback!" }),
+        /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-3 max-w-sm mx-auto mb-6", children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              icon: /* @__PURE__ */ e(le, {}),
+              label: "Answered",
+              description: "Questions completed",
+              value: `${M.answeredCount}/${M.totalQuestions}`
+            }
+          ),
+          /* @__PURE__ */ e(
+            G,
+            {
+              icon: /* @__PURE__ */ e(re, {}),
+              label: "Time",
+              description: "Total elapsed",
+              value: ne(M.timeElapsedSeconds)
+            }
+          )
+        ] }),
+        a && /* @__PURE__ */ t(P, { variant: "outline", onClick: r, disabled: u, children: [
+          /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
+          "Take Again"
+        ] })
+      ] }) })
+    }
+  );
+}
+const Wt = Y(Ct, "SurveyModule");
+function yt({
+  courseTitle: c,
+  gradeItems: N = [],
+  categories: o,
+  overallGrade: l,
+  showWeights: f,
+  progressData: i,
+  reviewData: n,
+  readOnly: h = !1,
+  className: a,
+  style: u
+}) {
+  const [x, b] = R(null), s = U(null);
+  L(() => {
+    var r;
+    (r = s.current) == null || r.focus({ preventScroll: !0 });
+  }, [x]);
+  function S(r) {
+    n != null && n[r.uid] && b(r.uid);
+  }
+  function m() {
+    b(null);
+  }
+  const g = x ? N.find((r) => r.uid === x) : null, v = x ? n == null ? void 0 : n[x] : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      tabIndex: -1,
+      className: A("outline-none", a),
+      style: u,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ t("div", { children: [
+            c && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Grade Center" })
+          ] }),
+          l && /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e(
+              Ae,
+              {
+                percentage: l.percentage,
+                letterGrade: l.letterGrade,
+                size: "medium"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "text-right", children: [
+              /* @__PURE__ */ t("div", { className: "text-sm font-medium text-foreground", children: [
+                l.pointsEarned,
+                "/",
+                l.pointsPossible,
+                " pts"
+              ] }),
+              l.letterGrade && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: l.letterGrade })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        g && v ? /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: m,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Grades"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(I, { className: "mb-4", children: /* @__PURE__ */ t(j, { className: "py-3 px-4", children: [
+            /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground", children: g.name }),
+            g.score !== null && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: [
+              "Score: ",
+              g.score,
+              "/",
+              g.maxScore,
+              " (",
+              Math.round(
+                g.score / g.maxScore * 100
+              ),
+              "%)"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(
+            be,
+            {
+              questions: v.questions,
+              sessionAnswers: v.sessionAnswers,
+              score: v.score,
+              showCorrectAnswers: !0
+            }
+          )
+        ] }) : /* @__PURE__ */ t(de, { defaultValue: "grades", children: [
+          i && /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "grades", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
+              "Grades"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "progress", children: [
+              /* @__PURE__ */ e(ve, { className: "size-4 mr-1.5" }),
+              "Progress"
+            ] })
+          ] }),
+          /* @__PURE__ */ e(H, { value: "grades", children: /* @__PURE__ */ e(
+            st,
+            {
+              items: N,
+              categories: o,
+              overallGrade: l,
+              showWeights: f,
+              onItemClick: S,
+              readOnly: h
+            }
+          ) }),
+          i && /* @__PURE__ */ e(H, { value: "progress", children: /* @__PURE__ */ e(
+            we,
+            {
+              overallProgress: i.overallProgress,
+              totalTimeSpent: i.totalTimeSpent,
+              modules: i.modules,
+              recentActivity: i.recentActivity,
+              streak: i.streak,
+              achievements: i.achievements
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const Vt = Y(yt, "GradeCenterModule"), At = {
+  text: "Text Entry",
+  file: "File Upload",
+  url: "URL Submission"
+};
+function Mt({
+  title: c,
+  instructions: N,
+  dueDate: o,
+  maxScore: l,
+  submissionTypes: f = ["text", "file"],
+  fileConstraints: i,
+  rubric: n,
+  existingSubmission: h,
+  status: a = "not_started",
+  grade: u,
+  onSubmit: x,
+  onComplete: b,
+  onSaveDraft: s,
+  readOnly: S = !1,
+  className: m,
+  style: g
+}) {
+  const v = a === "submitted" || a === "graded" ? {
+    tag: "confirmation",
+    submission: h ?? {}
+  } : { tag: "instructions" }, [r, C] = R(v), M = U(null);
+  L(() => {
+    var k;
+    (k = M.current) == null || k.focus({ preventScroll: !0 });
+  }, [r.tag]);
+  const y = K(() => Array.isArray(n) ? n.reduce(
+    (k, Q) => k + Math.max(...Q.levels.map((B) => B.points)),
+    0
+  ) : 0, [n]);
+  function E(k) {
+    x == null || x(k), b == null || b({ submission: k, status: "submitted" }), C({ tag: "confirmation", submission: k });
+  }
+  function d(k) {
+    s == null || s(k), b == null || b({ submission: k, status: "draft" });
+  }
+  const p = a === "not_started" || a === "draft" || a === "resubmit";
+  if (r.tag === "instructions")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: M,
+        tabIndex: -1,
+        className: A("max-w-2xl mx-auto outline-none", m),
+        style: g,
+        children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+          /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+            /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(fe, { className: "size-7 text-primary" }) }),
+            /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: c })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: [
+            o && /* @__PURE__ */ e(ge, { dueDate: o, size: "small" }),
+            l !== void 0 && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(X, { className: "size-3.5" }),
+              l,
+              " points"
+            ] }),
+            /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(xe, { className: "size-3.5" }),
+              f.map((k) => At[k]).join(", ")
+            ] }),
+            /* @__PURE__ */ e(Ne, { status: a })
+          ] }),
+          /* @__PURE__ */ e(_, { className: "my-6" }),
+          /* @__PURE__ */ e("div", { className: "prose prose-sm text-foreground mb-6", children: N }),
+          Array.isArray(n) && n.length > 0 && /* @__PURE__ */ t(te, { children: [
+            /* @__PURE__ */ e(_, { className: "my-6" }),
+            /* @__PURE__ */ e(
+              pe,
+              {
+                criteria: n,
+                maxScore: y
+              }
+            )
+          ] }),
+          p && !S && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+            P,
+            {
+              size: "lg",
+              onClick: () => C({ tag: "work" }),
+              disabled: S,
+              children: [
+                /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+                "Start Assignment"
+              ]
+            }
+          ) })
+        ] }) })
+      }
+    );
+  if (r.tag === "work")
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: M,
+        tabIndex: -1,
+        className: A("outline-none", m),
+        style: g,
+        children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => C({ tag: "instructions" }),
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Instructions"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            rt,
+            {
+              title: c,
+              instructions: N,
+              dueDate: o,
+              maxScore: l,
+              status: a,
+              submissionTypes: f,
+              existingSubmission: h,
+              fileConstraints: i,
+              grade: u,
+              onSubmit: E,
+              onSaveDraft: d,
+              readOnly: S
+            }
+          )
+        ]
+      }
+    );
+  const { submission: w } = r;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: M,
+      tabIndex: -1,
+      className: A("max-w-2xl mx-auto outline-none", m),
+      style: g,
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+        /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(X, { className: "size-7 text-success" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: a === "graded" ? "Assignment Graded" : "Submission Received" }),
+          /* @__PURE__ */ t("div", { className: "flex justify-center gap-2 mb-4", children: [
+            /* @__PURE__ */ e(Ne, { status: a }),
+            o && /* @__PURE__ */ e(ge, { dueDate: o, size: "small" })
+          ] })
+        ] }),
+        a === "graded" && u && /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ e(
+            Ae,
+            {
+              percentage: l ? Math.round(u.score / l * 100) : 0,
+              size: "large"
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground mt-2", children: [
+            u.score,
+            "/",
+            l,
+            " points"
+          ] }),
+          u.feedback && /* @__PURE__ */ e(Ce, { className: "text-left mt-4", children: /* @__PURE__ */ e(ye, { children: u.feedback }) }),
+          Array.isArray(n) && u.rubricLevels && /* @__PURE__ */ t(te, { children: [
+            /* @__PURE__ */ e(_, { className: "my-6" }),
+            /* @__PURE__ */ e(
+              pe,
+              {
+                criteria: n,
+                selectedLevels: u.rubricLevels,
+                totalScore: u.score,
+                maxScore: y
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "my-6" }),
+        /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground mb-3", children: "What You Submitted" }),
+        /* @__PURE__ */ t("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
+          w.textContent && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(qe, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "line-clamp-2", children: w.textContent.replace(/<[^>]*>/g, "") })
+          ] }),
+          w.files && w.files.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(xe, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ t("span", { children: [
+              w.files.length,
+              " file",
+              w.files.length !== 1 ? "s" : "",
+              " uploaded"
+            ] })
+          ] }),
+          w.url && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(Ge, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: w.url })
+          ] })
+        ] }),
+        p && !S && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+          P,
+          {
+            variant: "outline",
+            onClick: () => C({ tag: "work" }),
+            children: [
+              /* @__PURE__ */ e(fe, { className: "size-4 mr-2" }),
+              "Edit Submission"
+            ]
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
+const Ht = Y(Mt, "AssignmentModule");
+function Et({
+  courseTitle: c,
+  recipientName: N,
+  organizationName: o,
+  organizationLogo: l,
+  signatory: f,
+  completionDate: i,
+  certificateVariant: n = "modern",
+  requirements: h,
+  overallProgress: a,
+  onRequirementClick: u,
+  onComplete: x,
+  readOnly: b = !1,
+  className: s,
+  style: S
+}) {
+  const { allComplete: m, completedCount: g, derivedProgress: v } = K(() => {
+    const p = h.filter((Q) => Q.completed).length, w = h.length, k = w > 0 ? Math.round(p / w * 100) : 0;
+    return { allComplete: p === w, completedCount: p, derivedProgress: k };
+  }, [h]), r = a ?? v, [C, M] = R({ tag: "requirements" }), y = U(null), E = U(!1);
+  L(() => {
+    var p;
+    (p = y.current) == null || p.focus({ preventScroll: !0 });
+  }, [C.tag]);
+  const d = U(x);
+  return d.current = x, L(() => {
+    var p;
+    C.tag === "certificate" && !E.current && (E.current = !0, (p = d.current) == null || p.call(d));
+  }, [C.tag]), C.tag === "requirements" ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: y,
+      tabIndex: -1,
+      className: A("max-w-2xl mx-auto outline-none", s),
+      style: S,
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
+        /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ e(
+            D,
+            {
+              value: r,
+              size: 100,
+              strokeWidth: 8,
+              color: m ? "var(--success)" : "var(--primary)",
+              className: "mx-auto mb-4 text-foreground"
+            }
+          ),
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: c }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: m ? "All requirements met — your certificate is ready!" : `${g} of ${h.length} requirements complete` })
+        ] }),
+        /* @__PURE__ */ e(
+          nt,
+          {
+            requirements: h,
+            onRequirementClick: b ? void 0 : u,
+            className: "mb-6"
+          }
+        ),
+        m && /* @__PURE__ */ e("div", { className: "text-center mt-6", children: /* @__PURE__ */ t(
+          P,
+          {
+            size: "lg",
+            onClick: () => M({ tag: "certificate" }),
+            disabled: b,
+            children: [
+              /* @__PURE__ */ e(ee, { className: "size-4 mr-2" }),
+              "View Certificate"
+            ]
+          }
+        ) })
+      ] }) })
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      ref: y,
+      tabIndex: -1,
+      className: A("outline-none", s),
+      style: S,
+      children: [
+        /* @__PURE__ */ t(
+          P,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => M({ tag: "requirements" }),
+            className: "mb-4",
+            children: [
+              /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+              "Back to Requirements"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(We, { className: "size-7 text-success" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: "Congratulations!" }),
+          /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: [
+            "You've completed all requirements for",
+            " ",
+            /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: c })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          Se,
+          {
+            recipientName: N,
+            courseTitle: c,
+            completionDate: i ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+            organizationName: o,
+            organizationLogo: l,
+            signatory: f,
+            variant: n,
+            showActions: !0
+          }
+        )
+      ]
+    }
+  );
+}
+const _t = Y(Et, "CertificateModule");
+function Bt({
+  forumTitle: c,
+  topics: N = [],
+  currentUser: o,
+  threads: l = {},
+  onCreateTopic: f,
+  onReply: i,
+  onToggleLike: n,
+  onMarkAnswer: h,
+  onTopicOpen: a,
+  readOnly: u,
+  className: x,
+  style: b
+}) {
+  const [s, S] = R(null), [m, g] = R(""), [v, r] = R("newest"), C = U(null);
+  L(() => {
+    var B;
+    (B = C.current) == null || B.focus({ preventScroll: !0 });
+  }, [s]);
+  const M = U(a);
+  M.current = a;
+  const y = T((B) => {
+    var $;
+    S(B), ($ = M.current) == null || $.call(M, B);
+  }, []), E = T(() => {
+    S(null);
+  }, []), d = s ? l[s] : null, p = s ? N.find((B) => B.uid === s) : null, w = T(
+    (B, $) => {
+      s && (i == null || i(s, B, $));
+    },
+    [s, i]
+  ), k = T(
+    (B) => {
+      s && (n == null || n(s, B));
+    },
+    [s, n]
+  ), Q = T(
+    (B) => {
+      s && (h == null || h(s, B));
+    },
+    [s, h]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: C,
+      tabIndex: -1,
+      className: A("outline-none", x),
+      style: b,
+      children: s && d ? (
+        /* ─── Thread View ─── */
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: E,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Topics"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            lt,
+            {
+              title: (p == null ? void 0 : p.title) ?? "",
+              rootPost: d.rootPost,
+              replies: d.replies,
+              currentUser: o,
+              onReply: w,
+              onToggleLike: n ? k : void 0,
+              onMarkAnswer: h ? Q : void 0,
+              readOnly: u
+            }
+          )
+        ] })
+      ) : s && !d ? (
+        /* ─── Empty Thread State ─── */
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: E,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Topics"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            ce,
+            {
+              title: "No discussion yet",
+              description: "Be the first to start this conversation."
+            }
+          )
+        ] })
+      ) : (
+        /* ─── Forum Board View ─── */
+        /* @__PURE__ */ e(
+          at,
+          {
+            title: c,
+            topics: N,
+            currentUser: o,
+            onTopicClick: y,
+            onCreateTopic: f,
+            sortOrder: v,
+            onSortChange: r,
+            searchQuery: m,
+            onSearchChange: g,
+            readOnly: u
+          }
+        )
+      )
+    }
+  );
+}
+const Jt = Y(Bt, "DiscussionModule");
+function Pt({
+  studentName: c,
+  overallProgress: N,
+  totalTimeSpent: o,
+  modules: l,
+  recentActivity: f,
+  streak: i,
+  achievements: n,
+  enrolledCourses: h,
+  onCourseClick: a,
+  announcements: u = [],
+  onAnnouncementSelect: x,
+  onMarkRead: b,
+  readOnly: s = !1,
+  className: S,
+  style: m
+}) {
+  const g = U(null);
+  L(() => {
+    var r;
+    (r = g.current) == null || r.focus({ preventScroll: !0 });
+  }, []);
+  const v = u.filter((r) => !r.isRead).length;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: g,
+      tabIndex: -1,
+      className: A("outline-none", S),
+      style: m,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-foreground", children: [
+            "Welcome back, ",
+            c
+          ] }),
+          /* @__PURE__ */ e(D, { value: N, size: 48, strokeWidth: 4 })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        /* @__PURE__ */ t(de, { defaultValue: "overview", children: [
+          /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "overview", children: [
+              /* @__PURE__ */ e(ve, { className: "size-4 mr-1.5" }),
+              "Overview"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "courses", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
+              "My Courses"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "announcements", children: [
+              /* @__PURE__ */ e(Ve, { className: "size-4 mr-1.5" }),
+              "Announcements",
+              v > 0 && /* @__PURE__ */ e("span", { className: "ml-1.5 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-medium min-w-5 h-5 px-1.5", children: v })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(H, { value: "overview", children: /* @__PURE__ */ e(
+            we,
+            {
+              overallProgress: N,
+              totalTimeSpent: o,
+              modules: l,
+              recentActivity: f,
+              streak: i,
+              achievements: n
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "courses", children: /* @__PURE__ */ e(
+            ke,
+            {
+              courses: h,
+              onCourseClick: (r) => !s && a(r.uid),
+              showSearch: !0,
+              viewMode: "grid",
+              readOnly: s
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "announcements", children: /* @__PURE__ */ e(
+            it,
+            {
+              announcements: u,
+              onSelect: x,
+              onMarkRead: b,
+              readOnly: s
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const Kt = Y(Pt, "StudentDashboardModule");
+function Ut({
+  title: c,
+  courses: N = [],
+  categories: o = [],
+  enrollmentData: l,
+  onEnroll: f,
+  onCourseOpen: i,
+  readOnly: n = !1,
+  className: h,
+  style: a
+}) {
+  var g;
+  const [u, x] = R({ tag: "browse" }), b = U(null);
+  L(() => {
+    var v;
+    (v = b.current) == null || v.focus({ preventScroll: !0 });
+  }, [u.tag]);
+  function s(v) {
+    l != null && l[v] ? x({ tag: "enroll", courseUid: v }) : i == null || i(v);
+  }
+  function S() {
+    x({ tag: "browse" });
+  }
+  function m(v) {
+    f(v), x({ tag: "browse" });
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: b,
+      tabIndex: -1,
+      className: A("outline-none", h),
+      style: a,
+      children: [
+        c && u.tag === "browse" && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-4", children: c }),
+        u.tag === "enroll" ? (
+          /* --- Enrollment View --- */
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(
+              P,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: S,
+                className: "mb-4",
+                children: [
+                  /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                  "Back to Catalog"
+                ]
+              }
+            ),
+            l != null && l[u.courseUid] ? /* @__PURE__ */ e(
+              ct,
+              {
+                course: l[u.courseUid].course,
+                prerequisites: l[u.courseUid].prerequisites,
+                onEnroll: m,
+                onCancel: S
+              }
+            ) : (
+              /* Fallback when enrollment data is not yet available */
+              /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-6", children: [
+                /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-2", children: ((g = N.find((v) => v.uid === u.courseUid)) == null ? void 0 : g.title) ?? "Course" }),
+                /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "Enrollment details are loading. You can enroll directly below." }),
+                /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ e(P, { variant: "outline", onClick: S, children: "Cancel" }),
+                  /* @__PURE__ */ e(
+                    P,
+                    {
+                      onClick: () => m(u.courseUid),
+                      disabled: n,
+                      children: "Enroll Now"
+                    }
+                  )
+                ] })
+              ] }) })
+            )
+          ] })
+        ) : (
+          /* --- Browse View --- */
+          /* @__PURE__ */ e(
+            ke,
+            {
+              courses: N,
+              categories: o,
+              onCourseClick: (v) => s(v.uid),
+              onEnroll: (v) => s(v.uid),
+              readOnly: n
+            }
+          )
+        )
+      ]
+    }
+  );
+}
+const Xt = Y(Ut, "CourseCatalogModule");
+function Rt({
+  student: c,
+  enrolledCourses: N = [],
+  achievements: o = [],
+  certificates: l = [],
+  stats: f,
+  onCourseClick: i,
+  certificateData: n,
+  readOnly: h = !1,
+  className: a,
+  style: u
+}) {
+  const [x, b] = R(null), s = U(null);
+  L(() => {
+    var r;
+    (r = s.current) == null || r.focus({ preventScroll: !0 });
+  }, [x]);
+  function S(r) {
+    h || n != null && n[r] && b(r);
+  }
+  function m() {
+    b(null);
+  }
+  const g = x ? n == null ? void 0 : n[x] : null, v = x ? l.find((r) => r.uid === x) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      tabIndex: -1,
+      className: A("outline-none", a),
+      style: u,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-4 mb-6", children: [
+          /* @__PURE__ */ e(
+            gt,
+            {
+              displayName: c.displayName,
+              avatarUrl: c.avatarUrl,
+              size: "medium"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c.displayName }),
+              c.role && /* @__PURE__ */ e(q, { variant: "secondary", children: c.role })
+            ] }),
+            c.email && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: c.email })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        v && g ? /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: m,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Profile"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(Se, { ...g, showActions: !0 })
+        ] }) : /* @__PURE__ */ t(de, { defaultValue: "profile", children: [
+          /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "profile", children: [
+              /* @__PURE__ */ e(He, { className: "size-4 mr-1.5" }),
+              "Profile"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "courses", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
+              "Courses"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "achievements", children: [
+              /* @__PURE__ */ e(se, { className: "size-4 mr-1.5" }),
+              "Achievements"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "certificates", children: [
+              /* @__PURE__ */ e(ee, { className: "size-4 mr-1.5" }),
+              "Certificates"
+            ] })
+          ] }),
+          /* @__PURE__ */ e(H, { value: "profile", children: /* @__PURE__ */ e(
+            dt,
+            {
+              student: c,
+              enrolledCourses: N,
+              achievements: o,
+              stats: f,
+              onCourseClick: i,
+              showCourses: !1,
+              showAchievements: !1,
+              readOnly: !0
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "courses", children: N.length > 0 ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(j, { className: "p-0 divide-y divide-border", children: N.map((r) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: A(
+                "flex items-center gap-3 px-4 py-3 transition-colors",
+                i && !h && "cursor-pointer hover:bg-muted/50"
+              ),
+              onClick: i && !h ? () => i(r.uid) : void 0,
+              children: [
+                /* @__PURE__ */ e(
+                  D,
+                  {
+                    value: r.progress,
+                    size: 32,
+                    strokeWidth: 3
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground truncate", children: r.title }),
+                  r.lastAccessedAt && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: Nt(r.lastAccessedAt) })
+                ] }),
+                /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+                  Math.round(r.progress),
+                  "%"
+                ] })
+              ]
+            },
+            r.uid
+          )) }) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(Z, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No courses yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Enrolled courses will appear here." })
+          ] }) }),
+          /* @__PURE__ */ e(H, { value: "achievements", children: o.length > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2", children: o.map((r) => /* @__PURE__ */ e(
+            vt,
+            {
+              title: r.name,
+              description: r.description,
+              icon: r.iconUrl ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: r.iconUrl,
+                  alt: r.name,
+                  className: "w-12 h-12"
+                }
+              ) : void 0,
+              earnedDate: r.earnedAt
+            },
+            r.uid
+          )) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(se, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No achievements yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Achievements will appear here as they are earned." })
+          ] }) }),
+          /* @__PURE__ */ e(H, { value: "certificates", children: l.length > 0 ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(j, { className: "p-0 divide-y divide-border", children: l.map((r) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: A(
+                "flex items-center gap-3 px-4 py-3 transition-colors",
+                (n == null ? void 0 : n[r.uid]) && !h && "cursor-pointer hover:bg-muted/50"
+              ),
+              onClick: n != null && n[r.uid] && !h ? () => S(r.uid) : void 0,
+              children: [
+                /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ e(ee, { size: 20 }) }),
+                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground truncate", children: r.courseName }),
+                  /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: [
+                    "Issued",
+                    " ",
+                    new Date(r.issuedAt).toLocaleDateString()
+                  ] })
+                ] }),
+                (n == null ? void 0 : n[r.uid]) && /* @__PURE__ */ e(q, { variant: "secondary", className: "text-xs", children: "View" })
+              ]
+            },
+            r.uid
+          )) }) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(ee, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No certificates yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Certificates will appear here once courses are completed." })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+const Zt = Y(Rt, "StudentProfileModule");
+export {
+  Ht as AssignmentModule,
+  _t as CertificateModule,
+  Xt as CourseCatalogModule,
+  qt as CoursePlayer,
+  Jt as DiscussionModule,
+  Gt as ExamModule,
+  Yt as FlashcardLab,
+  Vt as GradeCenterModule,
+  $t as QuizModule,
+  Kt as StudentDashboardModule,
+  Zt as StudentProfileModule,
+  Wt as SurveyModule
+};