@hydralms/components 0.1.3 → 0.2.0

package/dist/modules.js

@@ -0,0 +1,1422 @@
+import { jsx as e, jsxs as t, Fragment as J } from "react/jsx-runtime";
+import { useState as P, useRef as E, useEffect as D, useMemo as W } from "react";
+import { Trophy as te, HelpCircle as X, Clock as G, CheckCircle2 as F, Play as Z, XCircle as me, RotateCcw as K, BookOpen as se, Shuffle as ne, Layers as ve, ArrowLeft as H, PanelLeft as we, Check as ke, ChevronLeft as Se, ChevronRight as ze, ShieldCheck as ye, ClipboardList as Ce, BarChart3 as Ae, FileEdit as ae, Paperclip as le, FileText as Re, Link as Te, Award as Pe, PartyPopper as Ee } from "lucide-react";
+import { Q as Ie, A as re, F as Me, g as Ue, b as je, P as Be, L as Le, d as De, E as Qe, S as $e, G as Fe, e as Ye, f as ie, a as qe, R as Ge, C as Ve, D as We, c as He } from "./ForumBoard-CHXU3mjC.js";
+import { C as B, w as L, u as j, a as V, B as R, c as T, af as ee, aq as U, an as q, aU as he, J as Oe, N as _e, R as Je, V as Xe, M as Ze, L as Ke, Z as fe, P as et, e as xe, g as pe, a4 as ge, aB as tt, aD as st, aE as ce, aC as oe, Y as de, ar as ue } from "./tabs-Wf3h_Cx3.js";
+function dt({
+  title: u,
+  description: b,
+  questions: h,
+  timeLimitSeconds: o,
+  passingScore: k,
+  allowRetake: m = !0,
+  onComplete: l,
+  showReview: i = !0,
+  questionMaterials: f,
+  className: d,
+  style: v
+}) {
+  const [x, n] = P({ tag: "intro" }), [g, a] = P(0), p = E(null), N = E(null), C = E(null);
+  D(() => {
+    var r;
+    (r = C.current) == null || r.focus({ preventScroll: !0 });
+  }, [x.tag]), D(() => (x.tag === "quiz" ? (p.current = Date.now(), N.current = setInterval(() => {
+    p.current && a(Math.floor((Date.now() - p.current) / 1e3));
+  }, 1e3)) : N.current && (clearInterval(N.current), N.current = null), () => {
+    N.current && clearInterval(N.current);
+  }), [x.tag]);
+  function S(r) {
+    const { correct: A, total: I, percentage: M } = he(h, r), Q = p.current ? Math.floor((Date.now() - p.current) / 1e3) : g;
+    return {
+      answers: r,
+      correct: A,
+      total: I,
+      percentage: M,
+      passed: k !== void 0 ? M >= k : !0,
+      timeElapsedSeconds: Q
+    };
+  }
+  function w(r) {
+    const A = S(r);
+    n({ tag: "results", result: A }), l == null || l(A);
+  }
+  function z() {
+    a(0), p.current = null, n({ tag: "intro" });
+  }
+  if (x.tag === "intro")
+    return /* @__PURE__ */ e("div", { ref: C, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", d), style: v, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(te, { className: "size-7 text-primary" }) }),
+      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u }),
+      b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
+      /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
+        /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+          /* @__PURE__ */ e(X, { className: "size-3.5" }),
+          h.length,
+          " questions"
+        ] }),
+        o && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+          /* @__PURE__ */ e(G, { className: "size-3.5" }),
+          V(o),
+          " time limit"
+        ] }),
+        k !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+          /* @__PURE__ */ e(F, { className: "size-3.5" }),
+          k,
+          "% to pass"
+        ] })
+      ] }),
+      /* @__PURE__ */ t(R, { size: "lg", onClick: () => n({ tag: "quiz" }), children: [
+        /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+        "Start Quiz"
+      ] })
+    ] }) }) });
+  if (x.tag === "quiz")
+    return /* @__PURE__ */ e("div", { ref: C, tabIndex: -1, className: T("outline-none", d), style: v, children: /* @__PURE__ */ e(
+      Ie,
+      {
+        questions: h,
+        onSubmit: w,
+        timeElapsedSeconds: g,
+        timeLimitSeconds: o,
+        questionMaterials: f
+      }
+    ) });
+  const { result: s } = x, c = s.passed;
+  return /* @__PURE__ */ t("div", { ref: C, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", d), style: v, children: [
+    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+      /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ e(
+          ee,
+          {
+            value: s.percentage,
+            size: 140,
+            strokeWidth: 10,
+            color: c ? "var(--success)" : "var(--destructive)",
+            className: "mx-auto mb-4 text-foreground"
+          }
+        ),
+        /* @__PURE__ */ e(
+          j,
+          {
+            variant: c ? "success" : "destructive",
+            className: "text-sm px-3 py-1 mb-2",
+            children: c ? "Passed" : "Failed"
+          }
+        ),
+        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
+        /* @__PURE__ */ e(
+          U,
+          {
+            icon: /* @__PURE__ */ e(F, {}),
+            label: "Correct",
+            description: "Questions answered right",
+            value: `${s.correct}/${s.total}`
+          }
+        ),
+        /* @__PURE__ */ e(
+          U,
+          {
+            icon: /* @__PURE__ */ e(me, {}),
+            label: "Incorrect",
+            description: "Questions to review",
+            value: `${s.total - s.correct}/${s.total}`
+          }
+        ),
+        /* @__PURE__ */ e(
+          U,
+          {
+            icon: /* @__PURE__ */ e(te, {}),
+            label: "Score",
+            description: "Overall percentage",
+            value: `${s.percentage}%`
+          }
+        ),
+        /* @__PURE__ */ e(
+          U,
+          {
+            icon: /* @__PURE__ */ e(G, {}),
+            label: "Time",
+            description: "Total elapsed",
+            value: V(s.timeElapsedSeconds)
+          }
+        )
+      ] }),
+      m && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(R, { variant: "outline", onClick: z, children: [
+        /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+        "Retake Quiz"
+      ] }) })
+    ] }) }),
+    i && /* @__PURE__ */ t(J, { children: [
+      /* @__PURE__ */ e(q, { className: "my-6" }),
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-4", children: "Question Review" }),
+      /* @__PURE__ */ e(
+        re,
+        {
+          questions: h,
+          sessionAnswers: s.answers,
+          showCorrectAnswers: !0
+        }
+      )
+    ] })
+  ] });
+}
+function ut({
+  decks: u,
+  showShuffleToggle: b = !0,
+  defaultShuffled: h = !1,
+  allowMultiSelect: o = !0,
+  onComplete: k,
+  className: m,
+  style: l
+}) {
+  const [i, f] = P({ tag: "setup" }), [d, v] = P(/* @__PURE__ */ new Set()), [x, n] = P(h), g = E(null), a = E(null);
+  D(() => {
+    var s;
+    (s = a.current) == null || s.focus({ preventScroll: !0 });
+  }, [i.tag]);
+  function p(s) {
+    v((c) => {
+      const r = new Set(c);
+      return r.has(s) ? r.delete(s) : (o || r.clear(), r.add(s)), r;
+    });
+  }
+  function N() {
+    const s = u.filter((r) => d.has(r.uid)), c = s.flatMap((r) => r.cards);
+    g.current = Date.now(), f({
+      tag: "study",
+      cards: c,
+      deckUids: s.map((r) => r.uid),
+      shuffled: x
+    });
+  }
+  function C() {
+    if (i.tag !== "study") return;
+    const s = g.current ? Math.floor((Date.now() - g.current) / 1e3) : 0, c = {
+      totalCards: i.cards.length,
+      decksStudied: i.deckUids.length,
+      deckUids: i.deckUids,
+      wasShuffled: i.shuffled,
+      timeElapsedSeconds: s
+    };
+    f({ tag: "completion", result: c }), k == null || k(c);
+  }
+  function S() {
+    if (i.tag !== "completion") return;
+    const c = u.filter((r) => i.result.deckUids.includes(r.uid)).flatMap((r) => r.cards);
+    g.current = Date.now(), f({
+      tag: "study",
+      cards: c,
+      deckUids: i.result.deckUids,
+      shuffled: i.result.wasShuffled
+    });
+  }
+  function w() {
+    v(/* @__PURE__ */ new Set()), n(h), f({ tag: "setup" });
+  }
+  if (i.tag === "setup")
+    return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", m), style: l, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(se, { 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: o ? "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: u.map((s) => {
+        const c = d.has(s.uid);
+        return /* @__PURE__ */ e(
+          B,
+          {
+            className: T(
+              "cursor-pointer transition-all py-0",
+              c ? "border-primary ring-1 ring-primary" : "hover:border-muted-foreground/30"
+            ),
+            onClick: () => p(s.uid),
+            children: /* @__PURE__ */ t(L, { 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: s.title }),
+                /* @__PURE__ */ t(j, { variant: "secondary", className: "text-xs shrink-0", children: [
+                  s.cards.length,
+                  " cards"
+                ] })
+              ] }),
+              s.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: s.description })
+            ] })
+          },
+          s.uid
+        );
+      }) }),
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          b && /* @__PURE__ */ t(
+            R,
+            {
+              variant: x ? "secondary" : "outline",
+              size: "sm",
+              className: "gap-1.5",
+              onClick: () => n((s) => !s),
+              children: [
+                /* @__PURE__ */ e(ne, { className: "size-3.5" }),
+                "Shuffle"
+              ]
+            }
+          ),
+          d.size > 0 && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+            u.filter((s) => d.has(s.uid)).reduce((s, c) => s + c.cards.length, 0),
+            " ",
+            "cards selected"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: N,
+            disabled: d.size === 0,
+            children: "Start Studying"
+          }
+        )
+      ] })
+    ] }) }) });
+  if (i.tag === "study") {
+    const s = u.filter((c) => i.deckUids.includes(c.uid)).map((c) => c.title).join(", ");
+    return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("outline-none", m), style: l, children: /* @__PURE__ */ e(
+      Me,
+      {
+        cards: i.cards,
+        title: s,
+        shuffled: i.shuffled,
+        onComplete: C
+      }
+    ) });
+  }
+  const { result: z } = i;
+  return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", m), style: l, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(
+          ee,
+          {
+            value: 100,
+            size: 120,
+            strokeWidth: 10,
+            color: "var(--success)",
+            className: "text-foreground",
+            label: ""
+          }
+        ),
+        /* @__PURE__ */ e(F, { 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(
+        U,
+        {
+          icon: /* @__PURE__ */ e(ve, {}),
+          label: "Cards Studied",
+          description: "Total cards reviewed",
+          value: String(z.totalCards)
+        }
+      ),
+      /* @__PURE__ */ e(
+        U,
+        {
+          icon: /* @__PURE__ */ e(se, {}),
+          label: "Decks",
+          description: "Decks completed",
+          value: String(z.decksStudied)
+        }
+      ),
+      /* @__PURE__ */ e(
+        U,
+        {
+          icon: /* @__PURE__ */ e(G, {}),
+          label: "Time Spent",
+          description: "Session duration",
+          value: V(z.timeElapsedSeconds)
+        }
+      ),
+      /* @__PURE__ */ e(
+        U,
+        {
+          icon: /* @__PURE__ */ e(ne, {}),
+          label: "Shuffled",
+          description: "Card order randomized",
+          value: z.wasShuffled ? "Yes" : "No"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex justify-center gap-3", children: [
+      /* @__PURE__ */ t(R, { variant: "outline", onClick: w, children: [
+        /* @__PURE__ */ e(H, { className: "size-4 mr-2" }),
+        "Pick New Deck"
+      ] }),
+      /* @__PURE__ */ t(R, { onClick: S, children: [
+        /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+        "Study Again"
+      ] })
+    ] })
+  ] }) }) });
+}
+function mt({
+  courseTitle: u,
+  curriculum: b,
+  progress: h,
+  items: o,
+  initialItemUid: k,
+  onItemComplete: m,
+  onItemChange: l,
+  sidebarCollapsed: i = !1,
+  readOnly: f = !1,
+  className: d,
+  style: v
+}) {
+  const x = E(null), n = W(() => Ue(b), [b]), g = W(
+    () => new Map(o.map((y) => [y.uid, y])),
+    [o]
+  ), [a, p] = P(
+    k ?? n[0] ?? ""
+  ), [N, C] = P(!i), [S, w] = P(() => h ? new Set(
+    h.filter((y) => y.isCompleted).map((y) => y.resourceUid)
+  ) : /* @__PURE__ */ new Set()), z = n.indexOf(a), s = z > 0, c = z < n.length - 1, r = S.has(a), A = n.length > 0 ? Math.round(
+    n.filter((y) => S.has(y)).length / n.length * 100
+  ) : 0, I = g.get(a);
+  D(() => {
+    var y;
+    (y = x.current) == null || y.focus({ preventScroll: !0 });
+  }, [a]);
+  function M(y) {
+    p(y), l == null || l(y);
+  }
+  function Q(y) {
+    (!y.children || y.children.length === 0) && M(y.uid);
+  }
+  function Y() {
+    w((y) => new Set(y).add(a)), m == null || m(a);
+  }
+  function O() {
+    c && M(n[z + 1]);
+  }
+  function _() {
+    s && M(n[z - 1]);
+  }
+  const Ne = W(() => {
+    const y = new Map(
+      (h ?? []).map(($) => [$.resourceUid, $])
+    );
+    for (const $ of S)
+      y.has($) ? y.set($, { ...y.get($), isCompleted: !0 }) : y.set($, { resourceUid: $, isCompleted: !0 });
+    return Array.from(y.values());
+  }, [h, S]), be = c ? g.get(n[z + 1]) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: T("flex h-full overflow-hidden", d),
+      style: v,
+      children: [
+        /* @__PURE__ */ e(Oe, { open: N, onOpenChange: C, side: "left", children: /* @__PURE__ */ t(_e, { size: "sm", scrollLock: !1, children: [
+          /* @__PURE__ */ t(Je, { className: "flex-row items-center justify-between", children: [
+            /* @__PURE__ */ e(Xe, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Course" }),
+            /* @__PURE__ */ e(Ze, {})
+          ] }),
+          /* @__PURE__ */ e(Ke, { className: "px-2 pb-2", children: /* @__PURE__ */ e(
+            je,
+            {
+              items: b,
+              progress: Ne,
+              courseTitle: u,
+              activeItemUid: a,
+              onItemClick: Q,
+              readOnly: f
+            }
+          ) })
+        ] }) }),
+        /* @__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(
+              R,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "size-7 p-0 mr-1",
+                onClick: () => C(!0),
+                children: /* @__PURE__ */ e(we, { 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: (I == null ? void 0 : I.title) ?? "Select an item" }) }),
+            /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground shrink-0", children: [
+              z + 1,
+              " / ",
+              n.length
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { ref: x, tabIndex: -1, className: "flex-1 overflow-y-auto p-6 outline-none", children: I ? rt(I, f, Y, r, O, c, be) : /* @__PURE__ */ e(
+            fe,
+            {
+              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: [
+                A,
+                "% complete"
+              ] }) }),
+              /* @__PURE__ */ e(et, { value: A, size: "sm" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 shrink-0", children: [
+              !r && I && /* @__PURE__ */ t(
+                R,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: Y,
+                  disabled: f,
+                  children: [
+                    /* @__PURE__ */ e(ke, { className: "size-3.5 mr-1" }),
+                    "Complete"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: _,
+                  disabled: !s,
+                  children: /* @__PURE__ */ e(Se, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: O,
+                  disabled: !c,
+                  children: /* @__PURE__ */ e(ze, { className: "size-4" })
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+function rt(u, b, h, o, k, m, l) {
+  switch (u.type) {
+    case "lesson":
+      return /* @__PURE__ */ e(
+        De,
+        {
+          title: u.title,
+          blocks: u.blocks,
+          isCompleted: o,
+          onMarkComplete: h,
+          onNextLesson: m ? k : void 0,
+          nextLessonTitle: l == null ? void 0 : l.title,
+          readOnly: b
+        }
+      );
+    case "video":
+      return /* @__PURE__ */ e(
+        Le,
+        {
+          video: {
+            src: u.src,
+            poster: u.poster,
+            title: u.title
+          }
+        }
+      );
+    case "quiz":
+      return /* @__PURE__ */ e(
+        Be,
+        {
+          questions: u.questions,
+          instantFeedback: !0,
+          allowRetry: !0,
+          readOnly: b
+        }
+      );
+    default:
+      return /* @__PURE__ */ e(
+        fe,
+        {
+          title: "Unknown content type",
+          description: "This content type is not supported."
+        }
+      );
+  }
+}
+function ht({
+  title: u,
+  description: b,
+  instructions: h,
+  questions: o,
+  timeLimitSeconds: k,
+  passingScore: m,
+  allowBackNavigation: l = !0,
+  autoSubmitOnTimeout: i = !0,
+  timeWarningThreshold: f,
+  allowRetake: d = !1,
+  showReview: v = !0,
+  onComplete: x,
+  className: n,
+  style: g
+}) {
+  const [a, p] = P({ tag: "intro" }), [N, C] = P(0), S = E(null), w = E(null), z = E(null);
+  D(() => {
+    var M;
+    (M = z.current) == null || M.focus({ preventScroll: !0 });
+  }, [a.tag]), D(() => (a.tag === "exam" ? (S.current = Date.now(), w.current = setInterval(() => {
+    S.current && C(Math.floor((Date.now() - S.current) / 1e3));
+  }, 1e3)) : w.current && (clearInterval(w.current), w.current = null), () => {
+    w.current && clearInterval(w.current);
+  }), [a.tag]);
+  function s(M, Q) {
+    const { correct: Y, total: O, percentage: _ } = he(o, M);
+    return {
+      answers: M,
+      correct: Y,
+      total: O,
+      percentage: _,
+      passed: m !== void 0 ? _ >= m : !0,
+      timeElapsedSeconds: Q.timeElapsedSeconds,
+      wasAutoSubmitted: Q.wasAutoSubmitted
+    };
+  }
+  function c(M, Q) {
+    const Y = s(M, Q);
+    p({ tag: "results", result: Y }), x == null || x(Y);
+  }
+  function r() {
+    C(0), S.current = null, p({ tag: "intro" });
+  }
+  if (a.tag === "intro")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: z,
+        tabIndex: -1,
+        className: T("max-w-2xl mx-auto outline-none", n),
+        style: g,
+        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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: u }),
+          b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
+          h && /* @__PURE__ */ e(xe, { className: "text-left mb-6", children: /* @__PURE__ */ e(pe, { children: h }) }),
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
+            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(X, { className: "size-3.5" }),
+              o.length,
+              " questions"
+            ] }),
+            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(G, { className: "size-3.5" }),
+              V(k),
+              " time limit"
+            ] }),
+            m !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(F, { className: "size-3.5" }),
+              m,
+              "% to pass"
+            ] })
+          ] }),
+          /* @__PURE__ */ t(R, { size: "lg", onClick: () => p({ tag: "exam" }), children: [
+            /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+            "Begin Exam"
+          ] })
+        ] }) })
+      }
+    );
+  if (a.tag === "exam")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: z,
+        tabIndex: -1,
+        className: T("outline-none", n),
+        style: g,
+        children: /* @__PURE__ */ e(
+          Qe,
+          {
+            questions: o,
+            timeLimitSeconds: k,
+            timeElapsedSeconds: N,
+            autoSubmitOnTimeout: i,
+            timeWarningThreshold: f,
+            allowBackNavigation: l,
+            confirmBeforeSubmit: !0,
+            examTitle: u,
+            onSubmit: c
+          }
+        )
+      }
+    );
+  const { result: A } = a, I = A.passed;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: z,
+      tabIndex: -1,
+      className: T("max-w-2xl mx-auto outline-none", n),
+      style: g,
+      children: [
+        /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+          /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
+            /* @__PURE__ */ e(
+              ee,
+              {
+                value: A.percentage,
+                size: 140,
+                strokeWidth: 10,
+                color: I ? "var(--success)" : "var(--destructive)",
+                className: "mx-auto mb-4 text-foreground"
+              }
+            ),
+            /* @__PURE__ */ e(
+              j,
+              {
+                variant: I ? "success" : "destructive",
+                className: "text-sm px-3 py-1 mb-2",
+                children: I ? "Passed" : "Failed"
+              }
+            ),
+            A.wasAutoSubmitted && /* @__PURE__ */ e(j, { variant: "outline", className: "text-sm px-3 py-1 mb-2 ml-2", children: "Auto-submitted" }),
+            /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
+            /* @__PURE__ */ e(
+              U,
+              {
+                icon: /* @__PURE__ */ e(F, {}),
+                label: "Correct",
+                description: "Questions answered right",
+                value: `${A.correct}/${A.total}`
+              }
+            ),
+            /* @__PURE__ */ e(
+              U,
+              {
+                icon: /* @__PURE__ */ e(me, {}),
+                label: "Incorrect",
+                description: "Questions to review",
+                value: `${A.total - A.correct}/${A.total}`
+              }
+            ),
+            /* @__PURE__ */ e(
+              U,
+              {
+                icon: /* @__PURE__ */ e(te, {}),
+                label: "Score",
+                description: "Overall percentage",
+                value: `${A.percentage}%`
+              }
+            ),
+            /* @__PURE__ */ e(
+              U,
+              {
+                icon: /* @__PURE__ */ e(G, {}),
+                label: "Time",
+                description: "Total elapsed",
+                value: V(A.timeElapsedSeconds)
+              }
+            )
+          ] }),
+          d && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(R, { variant: "outline", onClick: r, children: [
+            /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+            "Retake Exam"
+          ] }) })
+        ] }) }),
+        v && /* @__PURE__ */ t(J, { children: [
+          /* @__PURE__ */ e(q, { className: "my-6" }),
+          /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-4", children: "Question Review" }),
+          /* @__PURE__ */ e(
+            re,
+            {
+              questions: o,
+              sessionAnswers: A.answers,
+              showCorrectAnswers: !0
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ft({
+  title: u,
+  description: b,
+  questions: h,
+  requireAll: o = !1,
+  showProgress: k = !0,
+  thankYouTitle: m = "Thank You!",
+  thankYouMessage: l,
+  onComplete: i,
+  allowRestart: f = !1,
+  className: d,
+  style: v
+}) {
+  const [x, n] = P({ tag: "intro" }), g = E(null), a = E(null);
+  D(() => {
+    var w;
+    (w = a.current) == null || w.focus({ preventScroll: !0 });
+  }, [x.tag]);
+  function p(w) {
+    const z = g.current ? Math.floor((Date.now() - g.current) / 1e3) : 0, s = {
+      answers: w,
+      totalQuestions: h.length,
+      answeredCount: w.length,
+      timeElapsedSeconds: z
+    };
+    n({ tag: "thankYou", result: s }), i == null || i(s);
+  }
+  function N() {
+    g.current = null, n({ tag: "intro" });
+  }
+  function C() {
+    g.current = Date.now(), n({ tag: "survey" });
+  }
+  if (x.tag === "intro")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: a,
+        tabIndex: -1,
+        className: T("max-w-2xl mx-auto outline-none", d),
+        style: v,
+        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(Ce, { className: "size-7 text-primary" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u }),
+          b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+            /* @__PURE__ */ e(X, { className: "size-3.5" }),
+            h.length,
+            " questions"
+          ] }) }),
+          /* @__PURE__ */ t(R, { size: "lg", onClick: C, children: [
+            /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+            "Begin Survey"
+          ] })
+        ] }) })
+      }
+    );
+  if (x.tag === "survey")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: a,
+        tabIndex: -1,
+        className: T("outline-none", d),
+        style: v,
+        children: /* @__PURE__ */ e(
+          $e,
+          {
+            title: u,
+            questions: h,
+            requireAll: o,
+            showProgress: k,
+            onSubmit: p
+          }
+        )
+      }
+    );
+  const { result: S } = x;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      tabIndex: -1,
+      className: T("max-w-2xl mx-auto outline-none", d),
+      style: v,
+      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(F, { className: "size-7 text-success" }) }),
+        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: m }),
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: l ?? "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(
+            U,
+            {
+              icon: /* @__PURE__ */ e(X, {}),
+              label: "Answered",
+              description: "Questions completed",
+              value: `${S.answeredCount}/${S.totalQuestions}`
+            }
+          ),
+          /* @__PURE__ */ e(
+            U,
+            {
+              icon: /* @__PURE__ */ e(G, {}),
+              label: "Time",
+              description: "Total elapsed",
+              value: V(S.timeElapsedSeconds)
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ t(R, { variant: "outline", onClick: N, children: [
+          /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+          "Take Again"
+        ] })
+      ] }) })
+    }
+  );
+}
+function xt({
+  courseTitle: u,
+  gradeItems: b,
+  categories: h,
+  overallGrade: o,
+  showWeights: k,
+  progressData: m,
+  reviewData: l,
+  className: i,
+  style: f
+}) {
+  const [d, v] = P(null), x = E(null);
+  D(() => {
+    var N;
+    (N = x.current) == null || N.focus({ preventScroll: !0 });
+  }, [d]);
+  function n(N) {
+    l != null && l[N.uid] && v(N.uid);
+  }
+  function g() {
+    v(null);
+  }
+  const a = d ? b.find((N) => N.uid === d) : null, p = d ? l == null ? void 0 : l[d] : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: x,
+      tabIndex: -1,
+      className: T("outline-none", i),
+      style: f,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ t("div", { children: [
+            u && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Grade Center" })
+          ] }),
+          o && /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                percentage: o.percentage,
+                letterGrade: o.letterGrade,
+                size: "medium"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "text-right", children: [
+              /* @__PURE__ */ t("div", { className: "text-sm font-medium text-foreground", children: [
+                o.pointsEarned,
+                "/",
+                o.pointsPossible,
+                " pts"
+              ] }),
+              o.letterGrade && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: o.letterGrade })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(q, { className: "mb-6" }),
+        a && p ? /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: g,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                "Back to Grades"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(B, { className: "mb-4", children: /* @__PURE__ */ t(L, { className: "py-3 px-4", children: [
+            /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground", children: a.name }),
+            a.score !== null && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: [
+              "Score: ",
+              a.score,
+              "/",
+              a.maxScore,
+              " (",
+              Math.round(
+                a.score / a.maxScore * 100
+              ),
+              "%)"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(
+            re,
+            {
+              questions: p.questions,
+              sessionAnswers: p.sessionAnswers,
+              score: p.score,
+              showCorrectAnswers: !0
+            }
+          )
+        ] }) : /* @__PURE__ */ t(tt, { defaultValue: "grades", children: [
+          m && /* @__PURE__ */ t(st, { className: "mb-6", children: [
+            /* @__PURE__ */ t(ce, { value: "grades", children: [
+              /* @__PURE__ */ e(se, { className: "size-4 mr-1.5" }),
+              "Grades"
+            ] }),
+            /* @__PURE__ */ t(ce, { value: "progress", children: [
+              /* @__PURE__ */ e(Ae, { className: "size-4 mr-1.5" }),
+              "Progress"
+            ] })
+          ] }),
+          /* @__PURE__ */ e(oe, { value: "grades", children: /* @__PURE__ */ e(
+            Fe,
+            {
+              items: b,
+              categories: h,
+              overallGrade: o,
+              showWeights: k,
+              onItemClick: n
+            }
+          ) }),
+          m && /* @__PURE__ */ e(oe, { value: "progress", children: /* @__PURE__ */ e(
+            Ye,
+            {
+              overallProgress: m.overallProgress,
+              totalTimeSpent: m.totalTimeSpent,
+              modules: m.modules,
+              recentActivity: m.recentActivity,
+              streak: m.streak,
+              achievements: m.achievements
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const nt = {
+  text: "Text Entry",
+  file: "File Upload",
+  url: "URL Submission"
+};
+function pt({
+  title: u,
+  instructions: b,
+  dueDate: h,
+  maxScore: o,
+  submissionTypes: k,
+  fileConstraints: m,
+  rubric: l,
+  existingSubmission: i,
+  status: f = "not_started",
+  grade: d,
+  onSubmit: v,
+  onSaveDraft: x,
+  className: n,
+  style: g
+}) {
+  const a = f === "submitted" || f === "graded" ? {
+    tag: "confirmation",
+    submission: i ?? {}
+  } : { tag: "instructions" }, [p, N] = P(a), C = E(null);
+  D(() => {
+    var r;
+    (r = C.current) == null || r.focus({ preventScroll: !0 });
+  }, [p.tag]);
+  const S = W(() => l ? l.reduce(
+    (r, A) => r + Math.max(...A.levels.map((I) => I.points)),
+    0
+  ) : 0, [l]);
+  function w(r) {
+    v == null || v(r), N({ tag: "confirmation", submission: r });
+  }
+  function z(r) {
+    x == null || x(r);
+  }
+  const s = f === "not_started" || f === "draft" || f === "resubmit";
+  if (p.tag === "instructions")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: C,
+        tabIndex: -1,
+        className: T("max-w-2xl mx-auto outline-none", n),
+        style: g,
+        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(ae, { className: "size-7 text-primary" }) }),
+            /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: [
+            h && /* @__PURE__ */ e(de, { dueDate: h, size: "small" }),
+            o !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(F, { className: "size-3.5" }),
+              o,
+              " points"
+            ] }),
+            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(le, { className: "size-3.5" }),
+              k.map((r) => nt[r]).join(", ")
+            ] }),
+            /* @__PURE__ */ e(ue, { status: f })
+          ] }),
+          /* @__PURE__ */ e(q, { className: "my-6" }),
+          /* @__PURE__ */ e("div", { className: "prose prose-sm text-foreground mb-6", children: b }),
+          l && l.length > 0 && /* @__PURE__ */ t(J, { children: [
+            /* @__PURE__ */ e(q, { className: "my-6" }),
+            /* @__PURE__ */ e(
+              ie,
+              {
+                criteria: l,
+                maxScore: S
+              }
+            )
+          ] }),
+          s && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+            R,
+            {
+              size: "lg",
+              onClick: () => N({ tag: "work" }),
+              children: [
+                /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+                "Start Assignment"
+              ]
+            }
+          ) })
+        ] }) })
+      }
+    );
+  if (p.tag === "work")
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: C,
+        tabIndex: -1,
+        className: T("outline-none", n),
+        style: g,
+        children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => N({ tag: "instructions" }),
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                "Back to Instructions"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            qe,
+            {
+              title: u,
+              instructions: b,
+              dueDate: h,
+              maxScore: o,
+              status: f,
+              submissionTypes: k,
+              existingSubmission: i,
+              fileConstraints: m,
+              grade: d,
+              onSubmit: w,
+              onSaveDraft: z
+            }
+          )
+        ]
+      }
+    );
+  const { submission: c } = p;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: C,
+      tabIndex: -1,
+      className: T("max-w-2xl mx-auto outline-none", n),
+      style: g,
+      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { 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(F, { className: "size-7 text-success" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: f === "graded" ? "Assignment Graded" : "Submission Received" }),
+          /* @__PURE__ */ t("div", { className: "flex justify-center gap-2 mb-4", children: [
+            /* @__PURE__ */ e(ue, { status: f }),
+            h && /* @__PURE__ */ e(de, { dueDate: h, size: "small" })
+          ] })
+        ] }),
+        f === "graded" && d && /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ e(
+            ge,
+            {
+              percentage: o ? Math.round(d.score / o * 100) : 0,
+              size: "large"
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground mt-2", children: [
+            d.score,
+            "/",
+            o,
+            " points"
+          ] }),
+          d.feedback && /* @__PURE__ */ e(xe, { className: "text-left mt-4", children: /* @__PURE__ */ e(pe, { children: d.feedback }) }),
+          l && d.rubricLevels && /* @__PURE__ */ t(J, { children: [
+            /* @__PURE__ */ e(q, { className: "my-6" }),
+            /* @__PURE__ */ e(
+              ie,
+              {
+                criteria: l,
+                selectedLevels: d.rubricLevels,
+                totalScore: d.score,
+                maxScore: S
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e(q, { 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: [
+          c.textContent && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(Re, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "line-clamp-2", children: c.textContent })
+          ] }),
+          c.files && c.files.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(le, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ t("span", { children: [
+              c.files.length,
+              " file",
+              c.files.length !== 1 ? "s" : "",
+              " uploaded"
+            ] })
+          ] }),
+          c.url && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(Te, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: c.url })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+          R,
+          {
+            variant: "outline",
+            onClick: () => N({ tag: "work" }),
+            children: [
+              /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+              "Edit Submission"
+            ]
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
+function gt({
+  courseTitle: u,
+  recipientName: b,
+  organizationName: h,
+  organizationLogo: o,
+  signatory: k,
+  completionDate: m,
+  certificateVariant: l = "modern",
+  requirements: i,
+  overallProgress: f,
+  onRequirementClick: d,
+  onCertificateEarned: v,
+  className: x,
+  style: n
+}) {
+  const { allComplete: g, completedCount: a } = W(() => {
+    const w = i.filter((z) => z.completed).length;
+    return { allComplete: w === i.length, completedCount: w };
+  }, [i]), [p, N] = P({ tag: "requirements" }), C = E(null), S = E(!1);
+  return D(() => {
+    var w;
+    (w = C.current) == null || w.focus({ preventScroll: !0 });
+  }, [p.tag]), D(() => {
+    p.tag === "certificate" && !S.current && (S.current = !0, v == null || v());
+  }, [p.tag, v]), p.tag === "requirements" ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: C,
+      tabIndex: -1,
+      className: T("max-w-2xl mx-auto outline-none", x),
+      style: n,
+      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+        /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              value: f,
+              size: 100,
+              strokeWidth: 8,
+              color: g ? "var(--success)" : "var(--primary)",
+              className: "mx-auto mb-4 text-foreground"
+            }
+          ),
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: u }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: g ? "All requirements met — your certificate is ready!" : `${a} of ${i.length} requirements complete` })
+        ] }),
+        /* @__PURE__ */ e(
+          Ge,
+          {
+            requirements: i,
+            onRequirementClick: d,
+            className: "mb-6"
+          }
+        ),
+        g && /* @__PURE__ */ e("div", { className: "text-center mt-6", children: /* @__PURE__ */ t(
+          R,
+          {
+            size: "lg",
+            onClick: () => N({ tag: "certificate" }),
+            children: [
+              /* @__PURE__ */ e(Pe, { className: "size-4 mr-2" }),
+              "View Certificate"
+            ]
+          }
+        ) })
+      ] }) })
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      ref: C,
+      tabIndex: -1,
+      className: T("outline-none", x),
+      style: n,
+      children: [
+        /* @__PURE__ */ t(
+          R,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => N({ tag: "requirements" }),
+            className: "mb-4",
+            children: [
+              /* @__PURE__ */ e(H, { 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(Ee, { 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: u })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          Ve,
+          {
+            recipientName: b,
+            courseTitle: u,
+            completionDate: m ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+            organizationName: h,
+            organizationLogo: o,
+            signatory: k,
+            variant: l,
+            showActions: !0
+          }
+        )
+      ]
+    }
+  );
+}
+function Nt({
+  forumTitle: u,
+  topics: b,
+  currentUser: h,
+  threads: o,
+  onCreateTopic: k,
+  onReply: m,
+  onToggleLike: l,
+  onMarkAnswer: i,
+  onTopicOpen: f,
+  readOnly: d,
+  className: v,
+  style: x
+}) {
+  const [n, g] = P(null), [a, p] = P(""), [N, C] = P("newest"), S = E(null);
+  D(() => {
+    var r;
+    (r = S.current) == null || r.focus({ preventScroll: !0 });
+  }, [n]);
+  function w(r) {
+    g(r), f == null || f(r);
+  }
+  function z() {
+    g(null);
+  }
+  const s = n ? o[n] : null, c = n ? b.find((r) => r.uid === n) : null;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: S,
+      tabIndex: -1,
+      className: T("outline-none", v),
+      style: x,
+      children: n && s ? (
+        /* ─── Thread View ─── */
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: z,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                "Back to Topics"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            We,
+            {
+              title: (c == null ? void 0 : c.title) ?? "",
+              rootPost: s.rootPost,
+              replies: s.replies,
+              currentUser: h,
+              onReply: (r, A) => m == null ? void 0 : m(n, r, A),
+              onToggleLike: l ? (r) => l(n, r) : void 0,
+              onMarkAnswer: i ? (r) => i(n, r) : void 0,
+              readOnly: d
+            }
+          )
+        ] })
+      ) : (
+        /* ─── Forum Board View ─── */
+        /* @__PURE__ */ e(
+          He,
+          {
+            title: u,
+            topics: b,
+            currentUser: h,
+            onTopicClick: w,
+            onCreateTopic: k,
+            sortOrder: N,
+            onSortChange: C,
+            searchQuery: a,
+            onSearchChange: p,
+            readOnly: d
+          }
+        )
+      )
+    }
+  );
+}
+export {
+  pt as AssignmentModule,
+  gt as CertificateModule,
+  mt as CoursePlayer,
+  Nt as DiscussionModule,
+  ht as ExamModule,
+  ut as FlashcardLab,
+  xt as GradeCenterModule,
+  dt as QuizModule,
+  ft as SurveyModule
+};