@hydralms/components 0.1.0

package/dist/sections.js

@@ -0,0 +1,1898 @@
+import { jsxs as t, jsx as e, Fragment as ee } from "react/jsx-runtime";
+import { useState as I, useMemo as $, useRef as ge, useEffect as ie, useCallback as Qe, Fragment as Be } from "react";
+import { o as be, C as L, r as Q, V as X, c as F, ai as oe, u as $e, v as je, p as R, L as Ee, B as Ne, X as V, S as ne, D as _e, H as He, A as ve, a as we, x as Ve, P as Ye, Y as Ze, ab as te, an as ye, y as Je, W as Ke, ad as Z, af as J, ae as K, a7 as Se, a9 as ke, aa as W, F as ze, O as ue, ah as We, R as Xe, _ as Ce, E as Ue, a8 as se, I as me, N as he, M as Ge, $ as Oe, a5 as qe, a6 as le, a4 as Ae, a0 as et, a2 as Y, T as tt, Z as ae } from "./table-CW4_BYny.js";
+import { CheckCircle as G, Clock as De, Check as fe, ChevronRight as nt, List as rt, Grid as st, Download as Te, Pin as lt, MessageSquare as at, Heart as it, Reply as dt, Save as ct, Send as Ie, ArrowUp as ot, ArrowDown as ut, Flame as mt, BookOpen as Fe, Award as Le, Trophy as ht, Printer as ft } from "lucide-react";
+function Ct({
+  questions: r,
+  initialAnswers: s = [],
+  onSubmit: a,
+  onAnswerChange: c,
+  timeElapsedSeconds: p,
+  timeLimitSeconds: l,
+  isSubmitting: h = !1,
+  readOnly: i = !1,
+  className: w,
+  style: y
+}) {
+  const [d, b] = I(0), [T, u] = I(s), [U, N] = I(/* @__PURE__ */ new Set()), z = r[d], x = $(
+    () => r.map((S, f) => ({
+      uid: S.uid,
+      sequence: f + 1,
+      isFlagged: U.has(S.uid),
+      isAnswered: T.some((m) => m.uid === S.uid),
+      isSkipped: !1
+    })),
+    [r, T, U]
+  );
+  function C(S) {
+    if (!z) return;
+    const f = z.uid, m = S.map((v) => ({
+      uid: f,
+      answerUid: v.uid,
+      content: v.content
+    }));
+    u((v) => {
+      const k = [...v.filter((D) => D.uid !== f), ...m];
+      return c == null || c(k), k;
+    });
+  }
+  function n(S) {
+    const f = r.findIndex((m) => m.uid === S);
+    f !== -1 && b(f);
+  }
+  function o(S) {
+    N((f) => {
+      const m = new Set(f);
+      return m.has(S) ? m.delete(S) : m.add(S), m;
+    });
+  }
+  function g() {
+    a(T);
+  }
+  return /* @__PURE__ */ t("div", { className: F(w), style: y, children: [
+    /* @__PURE__ */ e(
+      be,
+      {
+        currentQuestionIndex: d,
+        totalQuestions: r.length,
+        hasNext: d < r.length - 1,
+        hasPrevious: d > 0,
+        onNext: () => b((S) => Math.min(S + 1, r.length - 1)),
+        onPrevious: () => b((S) => Math.max(S - 1, 0)),
+        onSubmit: g,
+        timeElapsedSeconds: p,
+        timeLimitSeconds: l,
+        questions: x,
+        onNavigateToQuestion: n,
+        onToggleFlag: o,
+        currentQuestionUid: z == null ? void 0 : z.uid,
+        isSubmitting: h,
+        readOnly: i
+      }
+    ),
+    z && /* @__PURE__ */ e(L, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ e(
+      X,
+      {
+        question: z,
+        sessionAnswers: T.filter(
+          (S) => S.uid === z.uid
+        ),
+        onAnswer: C,
+        readOnly: i
+      }
+    ) }) })
+  ] });
+}
+function Ut({
+  video: r,
+  notes: s,
+  layout: a = "horizontal",
+  notesPanelWidth: c = "340px",
+  notesPanelHeight: p = "240px",
+  className: l,
+  style: h
+}) {
+  const i = a === "horizontal";
+  return s ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: F(
+        "flex overflow-hidden",
+        i ? "flex-row" : "flex-col",
+        l
+      ),
+      style: h,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 min-h-0", children: /* @__PURE__ */ e(oe, { ...r }) }),
+        /* @__PURE__ */ t(
+          L,
+          {
+            className: F(
+              "overflow-auto shrink-0 rounded-none border-0",
+              i ? "border-l border-border" : "border-t border-border w-full"
+            ),
+            style: {
+              width: i ? c : void 0,
+              height: i ? void 0 : p
+            },
+            children: [
+              /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(je, { children: "Notes" }) }),
+              /* @__PURE__ */ e(Q, { children: typeof s == "string" ? /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: s }) : s })
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e("div", { className: l, style: h, children: /* @__PURE__ */ e(oe, { ...r }) });
+}
+function At({
+  cards: r,
+  title: s,
+  description: a,
+  shuffled: c = !1,
+  onComplete: p,
+  readOnly: l = !1,
+  className: h,
+  style: i
+}) {
+  const [w, y] = I(!1), d = {
+    totalCards: r.length,
+    wasShuffled: c
+  };
+  function b() {
+    y(!0), p == null || p(d);
+  }
+  function T() {
+    y(!1);
+  }
+  return w ? /* @__PURE__ */ e("div", { className: F(h), style: i, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ e(G, { size: 48, className: "text-success" }),
+    /* @__PURE__ */ e("span", { className: "text-xl font-bold text-foreground", children: "Deck complete!" }),
+    s && /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+      "You finished ",
+      /* @__PURE__ */ e("strong", { children: s })
+    ] }),
+    /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+      d.totalCards,
+      " card",
+      d.totalCards !== 1 ? "s" : "",
+      " studied",
+      d.wasShuffled ? " (shuffled)" : ""
+    ] }),
+    /* @__PURE__ */ e(R, { className: "mt-1", onClick: T, children: "Study Again" })
+  ] }) }) }) : /* @__PURE__ */ e("div", { className: F(h), style: i, children: /* @__PURE__ */ e(
+    Ee,
+    {
+      cards: r,
+      deckName: s,
+      deckDescription: a,
+      shuffled: c,
+      showProgress: !0,
+      onComplete: b,
+      readOnly: l
+    }
+  ) });
+}
+function pt({
+  score: r
+}) {
+  const s = r.percentage !== void 0 ? r.percentage : r.total > 0 ? Math.round(r.correct / r.total * 100) : 0;
+  return /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl font-bold leading-none text-foreground", children: [
+        s,
+        "%"
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        r.correct,
+        " of ",
+        r.total,
+        " correct"
+      ] })
+    ] }),
+    r.passed !== void 0 && /* @__PURE__ */ e(Ne, { variant: r.passed ? "success" : "destructive", children: r.passed ? "Passed" : "Failed" }),
+    r.passingScore !== void 0 && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+      "Passing score: ",
+      r.passingScore,
+      "%"
+    ] })
+  ] }) }) });
+}
+function de({
+  questions: r,
+  sessionAnswers: s,
+  showCorrectAnswers: a
+}) {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: r.map((c, p) => /* @__PURE__ */ t(L, { className: "overflow-hidden", children: [
+    /* @__PURE__ */ e("div", { className: "px-2 py-1 bg-muted", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground font-semibold", children: [
+      "Question ",
+      p + 1
+    ] }) }),
+    /* @__PURE__ */ e(V, {}),
+    /* @__PURE__ */ e(Q, { className: "pt-4 pb-6", children: /* @__PURE__ */ e(
+      X,
+      {
+        question: c,
+        sessionAnswers: s.filter((l) => l.uid === c.uid),
+        readOnly: !0,
+        showCorrectAnswers: a
+      }
+    ) })
+  ] }, c.uid)) });
+}
+function xt(r, s, a, c) {
+  const p = new Map(r.map((i) => [i.uid, i])), l = new Set(a.flatMap((i) => i.questionUids)), h = r.filter((i) => !l.has(i.uid));
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+    a.map((i) => {
+      const w = i.questionUids.map((y) => p.get(y)).filter(Boolean);
+      return /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("span", { className: "uppercase text-xs tracking-wide text-muted-foreground font-semibold", children: i.label }),
+        /* @__PURE__ */ e(V, { className: "mb-2" }),
+        /* @__PURE__ */ e(
+          de,
+          {
+            questions: w,
+            sessionAnswers: s,
+            showCorrectAnswers: c
+          }
+        )
+      ] }, i.label);
+    }),
+    h.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      de,
+      {
+        questions: h,
+        sessionAnswers: s,
+        showCorrectAnswers: c
+      }
+    ) })
+  ] });
+}
+function Dt({
+  questions: r,
+  sessionAnswers: s,
+  score: a,
+  questionGroups: c,
+  showCorrectAnswers: p = !0,
+  className: l,
+  style: h
+}) {
+  return /* @__PURE__ */ t("div", { className: F(l), style: h, children: [
+    a && /* @__PURE__ */ e(pt, { score: a }),
+    c && c.length > 0 ? xt(r, s, c, p) : /* @__PURE__ */ e(
+      de,
+      {
+        questions: r,
+        sessionAnswers: s,
+        showCorrectAnswers: p
+      }
+    )
+  ] });
+}
+function Me(r) {
+  const s = [];
+  for (const a of r)
+    !a.children || a.children.length === 0 ? s.push(a.uid) : s.push(...Me(a.children));
+  return s;
+}
+function Tt({
+  items: r,
+  progress: s,
+  courseTitle: a,
+  activeItemUid: c,
+  onItemClick: p,
+  showOverallProgress: l = !0,
+  showDuration: h = !0,
+  showIcons: i = !0,
+  readOnly: w = !1,
+  className: y,
+  style: d
+}) {
+  const { completedCount: b, totalCount: T, percentage: u } = $(() => {
+    const U = Me(r), N = U.length, z = s ? U.filter(
+      (x) => s.some((C) => C.resourceUid === x && C.isCompleted)
+    ).length : 0;
+    return {
+      completedCount: z,
+      totalCount: N,
+      percentage: N > 0 ? Math.round(z / N * 100) : 0
+    };
+  }, [r, s]);
+  return /* @__PURE__ */ t("div", { className: F(y), style: d, children: [
+    (a || l) && /* @__PURE__ */ t("div", { className: "px-2 pt-2 pb-1", children: [
+      a && /* @__PURE__ */ e("p", { className: F("font-semibold text-sm text-foreground", l && "mb-1"), children: a }),
+      l && /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(ne, { value: u, size: "sm" }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: [
+          b,
+          " of ",
+          T,
+          " completed"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      _e,
+      {
+        items: r,
+        progress: s,
+        activeItemUid: c,
+        onItemClick: p,
+        readOnly: w,
+        showDuration: h,
+        showIcons: i,
+        showProgress: !0
+      }
+    )
+  ] });
+}
+function It({
+  questions: r,
+  initialAnswers: s = [],
+  onSubmit: a,
+  onAnswerChange: c,
+  showNavigator: p = !0,
+  showQuestionNumbers: l = !0,
+  questionGroups: h,
+  isSubmitting: i = !1,
+  readOnly: w = !1,
+  className: y,
+  style: d
+}) {
+  var S;
+  const [b, T] = I(s), [u, U] = I(((S = r[0]) == null ? void 0 : S.uid) ?? null), N = ge(/* @__PURE__ */ new Map()), z = $(() => {
+    const f = new Set(b.map((m) => m.uid));
+    return r.filter((m) => f.has(m.uid)).length;
+  }, [r, b]);
+  ie(() => {
+    const f = new IntersectionObserver(
+      (m) => {
+        for (const v of m)
+          v.isIntersecting && U(v.target.getAttribute("data-question-uid"));
+      },
+      { rootMargin: "-20% 0px -60% 0px" }
+    );
+    return N.current.forEach((m) => f.observe(m)), () => f.disconnect();
+  }, [r]);
+  const x = Qe((f, m) => {
+    m ? N.current.set(f, m) : N.current.delete(f);
+  }, []);
+  function C(f, m) {
+    const v = m.map((A) => ({
+      uid: f,
+      answerUid: A.uid,
+      content: A.content
+    }));
+    T((A) => {
+      const D = [...A.filter((P) => P.uid !== f), ...v];
+      return c == null || c(D), D;
+    });
+  }
+  function n(f) {
+    var m;
+    (m = N.current.get(f)) == null || m.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+  const o = $(() => {
+    if (!h) return [{ label: null, questions: r }];
+    const f = h.map(
+      (A) => ({
+        label: A.label,
+        questions: A.questionUids.map((k) => r.find((D) => D.uid === k)).filter(Boolean)
+      })
+    ), m = new Set(h.flatMap((A) => A.questionUids)), v = r.filter((A) => !m.has(A.uid));
+    return v.length > 0 && f.push({ label: null, questions: v }), f;
+  }, [r, h]);
+  let g = 0;
+  return /* @__PURE__ */ t("div", { className: F("flex gap-3", y), style: d, children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+      o.map((f, m) => /* @__PURE__ */ t("div", { children: [
+        f.label && /* @__PURE__ */ e("p", { className: F("text-lg font-semibold mb-2 text-foreground", m > 0 && "mt-4"), children: f.label }),
+        f.questions.map((v) => {
+          const A = g++;
+          return /* @__PURE__ */ e(
+            L,
+            {
+              ref: (k) => x(v.uid, k),
+              "data-question-uid": v.uid,
+              className: "mb-2",
+              children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+                l && /* @__PURE__ */ t("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
+                  "Question ",
+                  A + 1
+                ] }),
+                /* @__PURE__ */ e(
+                  X,
+                  {
+                    question: v,
+                    sessionAnswers: b.filter((k) => k.uid === v.uid),
+                    onAnswer: (k) => C(v.uid, k),
+                    readOnly: w
+                  }
+                )
+              ] })
+            },
+            v.uid
+          );
+        })
+      ] }, m)),
+      /* @__PURE__ */ t("div", { className: "mt-3 flex justify-between items-center", children: [
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          z,
+          " of ",
+          r.length,
+          " answered"
+        ] }),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => a(b),
+            disabled: i || w,
+            children: i ? "Submitting..." : "Submit"
+          }
+        )
+      ] })
+    ] }),
+    p && /* @__PURE__ */ t(L, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start p-3", children: [
+      /* @__PURE__ */ e("p", { className: "font-semibold text-sm mb-1 text-foreground", children: "Questions" }),
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-0.5", children: r.map((f, m) => {
+        const v = b.some((k) => k.uid === f.uid), A = u === f.uid;
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: F(
+              "inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",
+              A ? "bg-primary border-primary text-primary-foreground" : v ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
+            ),
+            onClick: () => n(f.uid),
+            children: m + 1
+          },
+          f.uid
+        );
+      }) })
+    ] })
+  ] });
+}
+function gt(r) {
+  const s = [...r];
+  for (let a = s.length - 1; a > 0; a--) {
+    const c = Math.floor(Math.random() * (a + 1));
+    [s[a], s[c]] = [s[c], s[a]];
+  }
+  return s;
+}
+function Ft({
+  questions: r,
+  instantFeedback: s = !0,
+  allowRetry: a = !0,
+  onComplete: c,
+  shuffled: p = !1,
+  readOnly: l = !1,
+  className: h,
+  style: i
+}) {
+  const w = $(
+    () => p ? gt(r) : r,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r, p]
+  ), [y, d] = I(0), [b, T] = I(/* @__PURE__ */ new Set()), [u, U] = I(/* @__PURE__ */ new Map()), [N, z] = I(/* @__PURE__ */ new Set()), [x, C] = I(null), [n, o] = I(!1), g = w[y], S = g ? b.has(g.uid) : !1;
+  function f() {
+    var O;
+    if (!g || !x) return;
+    const k = (u.get(g.uid) ?? 0) + 1;
+    U((B) => new Map(B).set(g.uid, k)), T((B) => new Set(B).add(g.uid));
+    const D = new Set(
+      ((O = g.answers) == null ? void 0 : O.filter((B) => B.isCorrect).map((B) => B.uid)) ?? []
+    ), P = new Set(x.map((B) => B.uid));
+    D.size === P.size && [...D].every((B) => P.has(B)) && k === 1 && z((B) => new Set(B).add(g.uid));
+  }
+  function m() {
+    g && (T((k) => {
+      const D = new Set(k);
+      return D.delete(g.uid), D;
+    }), C(null));
+  }
+  function v() {
+    if (y < w.length - 1)
+      d((k) => k + 1), C(null);
+    else {
+      const k = {
+        totalQuestions: w.length,
+        correctOnFirstAttempt: N.size,
+        totalAttempts: Array.from(u.values()).reduce((D, P) => D + P, 0)
+      };
+      o(!0), c == null || c(k);
+    }
+  }
+  const A = $(() => {
+    var P;
+    if (!g || !x) return !1;
+    const k = new Set(
+      ((P = g.answers) == null ? void 0 : P.filter((j) => j.isCorrect).map((j) => j.uid)) ?? []
+    ), D = new Set(x.map((j) => j.uid));
+    return k.size === D.size && [...k].every((j) => D.has(j));
+  }, [g, x]);
+  if (n) {
+    const k = w.length > 0 ? Math.round(N.size / w.length * 100) : 0;
+    return /* @__PURE__ */ e(L, { className: h, style: i, children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center", children: [
+      /* @__PURE__ */ e(G, { size: 48, className: "text-success mx-auto mb-4" }),
+      /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-1 text-foreground", children: "Practice Complete!" }),
+      /* @__PURE__ */ t("p", { className: "text-muted-foreground mb-2", children: [
+        N.size,
+        " of ",
+        w.length,
+        " correct on first attempt (",
+        k,
+        "%)"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
+        R,
+        {
+          variant: "outline",
+          onClick: () => {
+            d(0), T(/* @__PURE__ */ new Set()), U(/* @__PURE__ */ new Map()), z(/* @__PURE__ */ new Set()), C(null), o(!1);
+          },
+          children: "Practice Again"
+        }
+      ) })
+    ] }) });
+  }
+  return /* @__PURE__ */ t("div", { className: h, style: i, children: [
+    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: [
+      /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
+        "Question ",
+        y + 1,
+        " of ",
+        w.length
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+        N.size,
+        " correct on first try"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        value: y + (S ? 1 : 0),
+        max: w.length,
+        size: "sm",
+        className: "mb-3"
+      }
+    ),
+    g && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+      /* @__PURE__ */ e(
+        X,
+        {
+          question: g,
+          sessionAnswers: (x == null ? void 0 : x.map((k) => ({
+            uid: g.uid,
+            answerUid: k.uid,
+            content: k.content
+          }))) ?? [],
+          onAnswer: (k) => C(k),
+          readOnly: l || S,
+          showCorrectAnswers: S
+        }
+      ),
+      s && S && /* @__PURE__ */ e(
+        He,
+        {
+          isCorrect: A,
+          explanation: g.explanation,
+          onRetry: a && !A ? m : void 0
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-1 mt-2", children: [
+        !S && s && /* @__PURE__ */ e(
+          R,
+          {
+            onClick: f,
+            disabled: !x || x.length === 0 || l,
+            children: "Check Answer"
+          }
+        ),
+        (!s || S) && /* @__PURE__ */ e(
+          R,
+          {
+            onClick: v,
+            disabled: l,
+            children: y < w.length - 1 ? "Next Question" : "Finish"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function Lt({
+  questions: r,
+  initialAnswers: s = [],
+  onSubmit: a,
+  onAnswerChange: c,
+  timeLimitSeconds: p,
+  timeElapsedSeconds: l,
+  autoSubmitOnTimeout: h = !0,
+  timeWarningThreshold: i = 300,
+  allowBackNavigation: w = !0,
+  confirmBeforeSubmit: y = !0,
+  examTitle: d,
+  instructions: b,
+  isSubmitting: T = !1,
+  readOnly: u = !1,
+  className: U,
+  style: N
+}) {
+  const [z, x] = I(0), [C, n] = I(s), [o, g] = I(/* @__PURE__ */ new Set()), [S, f] = I(!1), [m, v] = I(!1), A = ge(!1), k = r[z], D = p - l;
+  ie(() => {
+    D <= i && D > 0 && v(!0);
+  }, [D, i]), ie(() => {
+    h && D <= 0 && !A.current && (A.current = !0, re(!0));
+  }, [D, h]);
+  const P = $(
+    () => r.map((M, _) => ({
+      uid: M.uid,
+      sequence: _ + 1,
+      isFlagged: o.has(M.uid),
+      isAnswered: C.some((E) => E.uid === M.uid),
+      isSkipped: !1
+    })),
+    [r, C, o]
+  );
+  function j(M) {
+    if (!k) return;
+    const _ = k.uid, E = M.map((H) => ({
+      uid: _,
+      answerUid: H.uid,
+      content: H.content
+    }));
+    n((H) => {
+      const ce = [...H.filter((Pe) => Pe.uid !== _), ...E];
+      return c == null || c(ce), ce;
+    });
+  }
+  function O(M) {
+    const _ = r.findIndex((E) => E.uid === M);
+    _ !== -1 && x(_);
+  }
+  function B(M) {
+    g((_) => {
+      const E = new Set(_);
+      return E.has(M) ? E.delete(M) : E.add(M), E;
+    });
+  }
+  function Re() {
+    y ? f(!0) : re(!1);
+  }
+  function re(M) {
+    const _ = new Set(C.map((H) => H.uid)), E = {
+      timeElapsedSeconds: l,
+      wasAutoSubmitted: M,
+      answeredCount: r.filter((H) => _.has(H.uid)).length,
+      totalQuestions: r.length
+    };
+    a(C, E);
+  }
+  return /* @__PURE__ */ t("div", { className: F(U), style: N, children: [
+    d && /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-foreground", children: d }),
+    m && D > 0 && D <= i && /* @__PURE__ */ e(ve, { variant: "warning", className: "mb-2", children: /* @__PURE__ */ t(we, { children: [
+      Math.ceil(D / 60),
+      " minute",
+      Math.ceil(D / 60) !== 1 ? "s" : "",
+      " remaining"
+    ] }) }),
+    /* @__PURE__ */ e(
+      be,
+      {
+        currentQuestionIndex: z,
+        totalQuestions: r.length,
+        hasNext: z < r.length - 1,
+        hasPrevious: w && z > 0,
+        onNext: () => x((M) => Math.min(M + 1, r.length - 1)),
+        onPrevious: () => w && x((M) => Math.max(M - 1, 0)),
+        onSubmit: Re,
+        timeElapsedSeconds: l,
+        timeLimitSeconds: p,
+        questions: P,
+        onNavigateToQuestion: O,
+        onToggleFlag: B,
+        currentQuestionUid: k == null ? void 0 : k.uid,
+        isSubmitting: T,
+        readOnly: u
+      }
+    ),
+    b && z === 0 && /* @__PURE__ */ e(L, { className: "mb-2", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: b }) }),
+    k && /* @__PURE__ */ e(L, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ e(
+      X,
+      {
+        question: k,
+        sessionAnswers: C.filter((M) => M.uid === k.uid),
+        onAnswer: j,
+        readOnly: u
+      }
+    ) }) }),
+    /* @__PURE__ */ e(
+      Ve,
+      {
+        open: S,
+        title: "Submit Exam?",
+        message: `You have answered ${P.filter((M) => M.isAnswered).length} of ${r.length} questions. Once submitted, you cannot change your answers.`,
+        confirmLabel: "Submit Exam",
+        cancelLabel: "Continue Exam",
+        confirmColor: "primary",
+        onConfirm: () => {
+          f(!1), re(!1);
+        },
+        onCancel: () => f(!1),
+        isLoading: T
+      }
+    )
+  ] });
+}
+function Mt({
+  title: r,
+  description: s,
+  questions: a,
+  initialAnswers: c = [],
+  onSubmit: p,
+  onAnswerChange: l,
+  showProgress: h = !0,
+  requireAll: i = !1,
+  submitLabel: w = "Submit Survey",
+  isSubmitting: y = !1,
+  readOnly: d = !1,
+  className: b,
+  style: T
+}) {
+  const [u, U] = I(c), N = $(() => {
+    const n = new Set(u.map((o) => o.questionUid));
+    return a.filter((o) => n.has(o.uid)).length;
+  }, [a, u]), z = !i || N === a.length;
+  function x(n, o) {
+    U((g) => {
+      const f = [...g.filter((m) => m.questionUid !== n), { questionUid: n, value: o }];
+      return l == null || l(f), f;
+    });
+  }
+  function C(n) {
+    return u.find((o) => o.questionUid === n);
+  }
+  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
+    /* @__PURE__ */ e("p", { className: "text-xl font-bold text-foreground mb-1", children: r }),
+    s && /* @__PURE__ */ e("div", { className: "mb-2 text-muted-foreground text-sm", children: typeof s == "string" ? /* @__PURE__ */ e("span", { children: s }) : s }),
+    h && /* @__PURE__ */ t("div", { className: "mb-3", children: [
+      /* @__PURE__ */ e(ne, { value: N / a.length * 100 }),
+      /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
+        N,
+        " of ",
+        a.length,
+        " answered"
+      ] })
+    ] }),
+    a.map((n, o) => {
+      var S, f;
+      const g = C(n.uid);
+      return /* @__PURE__ */ e(L, { className: "mb-2", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+        /* @__PURE__ */ t("p", { className: "font-medium text-foreground mb-2", children: [
+          o + 1,
+          ". ",
+          n.content,
+          n.required && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        n.type === "likert" && /* @__PURE__ */ e(
+          Ye,
+          {
+            value: g ? Number(g.value) : null,
+            onChange: (m) => x(n.uid, m),
+            points: n.scalePoints,
+            lowLabel: (S = n.scaleLabels) == null ? void 0 : S.low,
+            highLabel: (f = n.scaleLabels) == null ? void 0 : f.high,
+            readOnly: d
+          }
+        ),
+        n.type === "rating" && /* @__PURE__ */ e(
+          Ze,
+          {
+            value: g ? Number(g.value) : 0,
+            onChange: (m) => x(n.uid, m),
+            readOnly: d
+          }
+        ),
+        n.type === "open_text" && /* @__PURE__ */ e(
+          te,
+          {
+            placeholder: "Type your response...",
+            value: (g == null ? void 0 : g.value) ?? "",
+            onChange: (m) => x(n.uid, m.target.value),
+            disabled: d,
+            className: "min-h-24"
+          }
+        ),
+        n.type === "choice" && n.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.answers.map((m) => /* @__PURE__ */ t("label", { className: "flex items-center gap-2 cursor-pointer py-1 text-sm text-foreground has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "radio",
+              className: "accent-primary m-0 shrink-0",
+              name: `survey-q-${n.uid}`,
+              value: m.uid,
+              checked: (g == null ? void 0 : g.value) === m.uid,
+              onChange: () => x(n.uid, m.uid),
+              disabled: d
+            }
+          ),
+          /* @__PURE__ */ e("span", { children: m.content })
+        ] }, m.uid)) }),
+        n.type === "multiple_choice" && n.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.answers.map((m) => {
+          const v = u.filter((A) => A.questionUid === n.uid).map((A) => String(A.value));
+          return /* @__PURE__ */ t("label", { className: "flex items-center gap-2 cursor-pointer py-1 text-sm text-foreground has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                className: "accent-primary m-0 shrink-0",
+                checked: v.includes(m.uid),
+                disabled: d,
+                onChange: (A) => {
+                  const k = u.filter((P) => P.questionUid === n.uid);
+                  let D;
+                  A.target.checked ? D = [...k, { questionUid: n.uid, value: m.uid }] : D = k.filter((P) => String(P.value) !== m.uid), U((P) => [
+                    ...P.filter((j) => j.questionUid !== n.uid),
+                    ...D
+                  ]), l == null || l([
+                    ...u.filter((P) => P.questionUid !== n.uid),
+                    ...D
+                  ]);
+                }
+              }
+            ),
+            /* @__PURE__ */ e("span", { children: m.content })
+          ] }, m.uid);
+        }) })
+      ] }) }, n.uid);
+    }),
+    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mt-2", children: [
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        N,
+        " of ",
+        a.length,
+        " answered"
+      ] }),
+      /* @__PURE__ */ e(
+        R,
+        {
+          onClick: () => p(u),
+          disabled: !z || y || d,
+          children: y ? "Submitting..." : w
+        }
+      )
+    ] })
+  ] });
+}
+function Rt({
+  title: r,
+  blocks: s,
+  isCompleted: a = !1,
+  onMarkComplete: c,
+  onNextLesson: p,
+  nextLessonTitle: l,
+  estimatedDuration: h,
+  showDuration: i = !0,
+  readOnly: w = !1,
+  className: y,
+  style: d
+}) {
+  const [b, T] = I(a), [, u] = I(/* @__PURE__ */ new Map());
+  function U(z, x) {
+    u((C) => new Map(C).set(z, x));
+  }
+  function N() {
+    T(!0), c == null || c();
+  }
+  return /* @__PURE__ */ t("div", { className: F(y), style: d, children: [
+    /* @__PURE__ */ t("div", { className: "mb-3", children: [
+      /* @__PURE__ */ e("p", { className: "text-2xl font-bold mb-0.5 text-foreground", children: r }),
+      i && h != null && /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
+        /* @__PURE__ */ e(De, { size: 16 }),
+        /* @__PURE__ */ e("span", { className: "text-sm", children: ye(h) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(V, { className: "mb-3" }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: s.map((z, x) => /* @__PURE__ */ e(
+      Je,
+      {
+        block: z,
+        onQuestionAnswer: U,
+        readOnly: w
+      },
+      x
+    )) }),
+    /* @__PURE__ */ e("div", { className: "border border-border rounded-md px-4 py-3 mt-4 sticky bottom-0 bg-background z-10", children: /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
+      b ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-success", children: [
+        /* @__PURE__ */ e(fe, { size: 20 }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: "Lesson Complete" })
+      ] }) : /* @__PURE__ */ t(
+        R,
+        {
+          onClick: N,
+          disabled: w,
+          children: [
+            /* @__PURE__ */ e(fe, { size: 18 }),
+            " Mark Complete"
+          ]
+        }
+      ),
+      p && /* @__PURE__ */ t(
+        R,
+        {
+          variant: b ? "default" : "outline",
+          onClick: p,
+          children: [
+            l ? `Next: ${l}` : "Next Lesson",
+            " ",
+            /* @__PURE__ */ e(nt, { size: 18 })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function pe(r) {
+  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / (1024 * 1024)).toFixed(1)} MB`;
+}
+const xe = {
+  pdf: "document",
+  document: "document",
+  video: "video",
+  link: "link",
+  image: "document",
+  archive: "document",
+  other: "document"
+};
+function Pt({
+  resources: r,
+  categories: s,
+  onResourceClick: a,
+  onDownload: c,
+  viewMode: p = "list",
+  allowViewToggle: l = !0,
+  showSearch: h = !0,
+  emptyMessage: i = "No resources found",
+  readOnly: w = !1,
+  className: y,
+  style: d
+}) {
+  const [b, T] = I(""), [u, U] = I(null), [N, z] = I(p), x = $(() => {
+    let n = r;
+    if (u && (n = n.filter((o) => o.categoryUid === u)), b.trim()) {
+      const o = b.toLowerCase();
+      n = n.filter(
+        (g) => {
+          var S;
+          return g.name.toLowerCase().includes(o) || ((S = g.description) == null ? void 0 : S.toLowerCase().includes(o));
+        }
+      );
+    }
+    return n;
+  }, [r, u, b]);
+  function C(n) {
+    const o = xe[n.type] ?? "document";
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: F(
+          "flex items-center gap-3 px-3 py-2",
+          !w && "cursor-pointer hover:bg-muted",
+          w && "opacity-70"
+        ),
+        onClick: () => !w && a(n),
+        children: [
+          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(ue, { type: o, size: 20 }) }),
+          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: n.name }),
+            (n.description || n.fileSize != null) && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: [
+              n.description,
+              n.fileSize != null && pe(n.fileSize)
+            ].filter(Boolean).join(" · ") })
+          ] }),
+          c && /* @__PURE__ */ t(Z, { children: [
+            /* @__PURE__ */ e(
+              J,
+              {
+                render: /* @__PURE__ */ e(
+                  R,
+                  {
+                    variant: "ghost",
+                    size: "icon-xs",
+                    "aria-label": "Download",
+                    onClick: (g) => {
+                      g.stopPropagation(), c(n);
+                    },
+                    children: /* @__PURE__ */ e(Te, { size: 16 })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(K, { children: "Download" })
+          ] })
+        ]
+      },
+      n.uid
+    );
+  }
+  return /* @__PURE__ */ t("div", { className: y, style: d, children: [
+    /* @__PURE__ */ t("div", { className: "flex gap-2 items-center mb-2", children: [
+      h && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
+        Ke,
+        {
+          value: b,
+          onChange: T,
+          placeholder: "Search resources...",
+          size: "small"
+        }
+      ) }),
+      l && /* @__PURE__ */ t("div", { className: "flex gap-0.5", children: [
+        /* @__PURE__ */ t(Z, { children: [
+          /* @__PURE__ */ e(
+            J,
+            {
+              render: /* @__PURE__ */ e(
+                R,
+                {
+                  variant: "ghost",
+                  size: "icon-xs",
+                  "aria-label": "List view",
+                  className: F(N === "list" && "text-primary"),
+                  onClick: () => z("list"),
+                  children: /* @__PURE__ */ e(rt, { size: 18 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(K, { children: "List view" })
+        ] }),
+        /* @__PURE__ */ t(Z, { children: [
+          /* @__PURE__ */ e(
+            J,
+            {
+              render: /* @__PURE__ */ e(
+                R,
+                {
+                  variant: "ghost",
+                  size: "icon-xs",
+                  "aria-label": "Grid view",
+                  className: F(N === "grid" && "text-primary"),
+                  onClick: () => z("grid"),
+                  children: /* @__PURE__ */ e(st, { size: 18 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(K, { children: "Grid view" })
+        ] })
+      ] })
+    ] }),
+    s && s.length > 0 && /* @__PURE__ */ e(
+      Se,
+      {
+        value: u ?? "all",
+        onValueChange: (n) => U(n === "all" ? null : n),
+        className: "mb-2",
+        children: /* @__PURE__ */ t(ke, { children: [
+          /* @__PURE__ */ e(W, { value: "all", children: "All" }),
+          s.map((n) => /* @__PURE__ */ e(W, { value: n.uid, children: n.label }, n.uid))
+        ] })
+      }
+    ),
+    x.length === 0 ? /* @__PURE__ */ e(ze, { title: i, description: "Try adjusting your search or filter." }) : N === "list" ? /* @__PURE__ */ e(L, { children: x.map(C) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: x.map((n) => /* @__PURE__ */ e(
+      L,
+      {
+        className: F(
+          "transition-colors",
+          !w && "cursor-pointer hover:border-primary"
+        ),
+        onClick: () => !w && a(n),
+        children: /* @__PURE__ */ t(Q, { className: "pt-4 pb-4", children: [
+          /* @__PURE__ */ t("div", { className: "flex gap-1 items-center mb-1", children: [
+            /* @__PURE__ */ e(ue, { type: xe[n.type] ?? "document", size: 20 }),
+            /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: n.name })
+          ] }),
+          n.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: n.description }),
+          n.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: pe(n.fileSize) })
+        ] })
+      },
+      n.uid
+    )) })
+  ] });
+}
+function bt(r) {
+  const s = new Date(r), c = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), p = Math.floor(c / 6e4);
+  if (p < 1) return "Just now";
+  if (p < 60) return `${p}m ago`;
+  const l = Math.floor(p / 60);
+  if (l < 24) return `${l}h ago`;
+  const h = Math.floor(l / 24);
+  return h < 7 ? `${h}d ago` : s.toLocaleDateString();
+}
+function Qt({
+  announcements: r,
+  onMarkRead: s,
+  onSelect: a,
+  showAvatars: c = !0,
+  previewLines: p = 3,
+  emptyMessage: l = "No announcements yet",
+  readOnly: h = !1,
+  className: i,
+  style: w
+}) {
+  const [y, d] = I(/* @__PURE__ */ new Set()), b = $(() => {
+    const u = r.filter((N) => N.isPinned), U = r.filter((N) => !N.isPinned);
+    return [...u, ...U];
+  }, [r]);
+  function T(u) {
+    d((N) => {
+      const z = new Set(N);
+      return z.has(u) ? z.delete(u) : z.add(u), z;
+    });
+    const U = r.find((N) => N.uid === u);
+    U && !U.isRead && (s == null || s(u));
+  }
+  return b.length === 0 ? /* @__PURE__ */ e("div", { className: i, style: w, children: /* @__PURE__ */ e(ze, { title: l }) }) : /* @__PURE__ */ e("div", { className: F("flex flex-col gap-2", i), style: w, children: b.map((u) => {
+    const U = y.has(u.uid);
+    return /* @__PURE__ */ e(
+      L,
+      {
+        className: F(
+          u.isRead && "opacity-85",
+          a && "cursor-pointer",
+          u.isPinned && "border-l-4 border-l-warning"
+        ),
+        onClick: () => a && !h ? a(u) : T(u.uid),
+        children: /* @__PURE__ */ e(Q, { className: "pt-4 pb-4", children: /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-start", children: [
+          c && /* @__PURE__ */ e(
+            We,
+            {
+              displayName: u.author.displayName,
+              avatarUrl: u.author.avatarUrl,
+              role: u.author.role,
+              size: "medium"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1 mb-0.5", children: [
+              u.isPinned && /* @__PURE__ */ e(lt, { size: 14 }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: F("text-foreground", u.isRead ? "font-normal" : "font-semibold"),
+                  children: u.title
+                }
+              ),
+              !u.isRead && /* @__PURE__ */ e(Ne, { variant: "destructive", className: "text-[10px] px-1.5 py-0", children: "New" })
+            ] }),
+            /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mb-1", children: [
+              u.author.displayName,
+              " · ",
+              bt(u.createdAt)
+            ] }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: F(
+                  "text-sm text-foreground",
+                  !U && "line-clamp-(--preview-lines) overflow-hidden"
+                ),
+                style: U ? void 0 : { "--preview-lines": p },
+                children: u.content
+              }
+            ),
+            !U && u.content.length > 200 && /* @__PURE__ */ e(
+              R,
+              {
+                variant: "link",
+                size: "xs",
+                className: "px-0 mt-0.5 h-auto",
+                onClick: (N) => {
+                  N.stopPropagation(), T(u.uid);
+                },
+                children: "Read more"
+              }
+            )
+          ] })
+        ] }) })
+      },
+      u.uid
+    );
+  }) });
+}
+function Bt({
+  title: r,
+  rootPost: s,
+  replies: a,
+  currentUser: c,
+  onReply: p,
+  onToggleLike: l,
+  onMarkAnswer: h,
+  maxDepth: i = 3,
+  allowReplies: w = !0,
+  sortOrder: y = "oldest",
+  readOnly: d = !1,
+  className: b,
+  style: T
+}) {
+  const [u, U] = I(null), [N, z] = I(""), x = $(() => {
+    const o = /* @__PURE__ */ new Map();
+    for (const g of a) {
+      const S = g.parentUid ?? s.uid, f = o.get(S) ?? [];
+      f.push(g), o.set(S, f);
+    }
+    for (const [, g] of o)
+      g.sort((S, f) => y === "newest" ? new Date(f.createdAt).getTime() - new Date(S.createdAt).getTime() : y === "most_liked" ? f.likeCount - S.likeCount : new Date(S.createdAt).getTime() - new Date(f.createdAt).getTime());
+    return o;
+  }, [a, s.uid, y]);
+  function C(o) {
+    N.trim() && (p(o, N.trim()), z(""), U(null));
+  }
+  function n(o, g) {
+    const S = x.get(o.uid) ?? [], f = Math.min(g, i), m = /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+      l && !d && /* @__PURE__ */ t(Z, { children: [
+        /* @__PURE__ */ e(
+          J,
+          {
+            render: /* @__PURE__ */ t(
+              R,
+              {
+                variant: "ghost",
+                size: "sm",
+                "aria-label": o.isLikedByCurrentUser ? "Unlike" : "Like",
+                className: F(o.isLikedByCurrentUser && "text-destructive"),
+                onClick: () => l(o.uid),
+                children: [
+                  /* @__PURE__ */ e(it, { size: 14, fill: o.isLikedByCurrentUser ? "currentColor" : "none" }),
+                  o.likeCount > 0 ? o.likeCount : "Like"
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(K, { children: o.isLikedByCurrentUser ? "Unlike" : "Like" })
+      ] }),
+      w && !d && /* @__PURE__ */ t(Z, { children: [
+        /* @__PURE__ */ e(
+          J,
+          {
+            render: /* @__PURE__ */ t(
+              R,
+              {
+                variant: "ghost",
+                size: "sm",
+                "aria-label": "Reply",
+                onClick: () => U(o.uid),
+                children: [
+                  /* @__PURE__ */ e(dt, { size: 14 }),
+                  "Reply"
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(K, { children: "Reply" })
+      ] }),
+      h && !d && c.role !== "student" && !o.isAnswer && /* @__PURE__ */ t(Z, { children: [
+        /* @__PURE__ */ e(
+          J,
+          {
+            render: /* @__PURE__ */ t(
+              R,
+              {
+                variant: "ghost",
+                size: "sm",
+                "aria-label": "Mark as answer",
+                className: "text-success",
+                onClick: () => h(o.uid),
+                children: [
+                  /* @__PURE__ */ e(G, { size: 14 }),
+                  "Mark Answer"
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(K, { children: "Mark as answer" })
+      ] })
+    ] });
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e(
+        Xe,
+        {
+          author: o.author,
+          content: o.content,
+          createdAt: o.createdAt,
+          updatedAt: o.updatedAt,
+          actions: m,
+          highlight: o.isAnswer ? "answer" : "none",
+          indentLevel: f,
+          className: "mb-1"
+        }
+      ),
+      u === o.uid && /* @__PURE__ */ e(
+        L,
+        {
+          className: "mb-1",
+          style: { marginLeft: `${(f + 1) * 16}px` },
+          children: /* @__PURE__ */ t(Q, { className: "pt-4 pb-4", children: [
+            /* @__PURE__ */ e(
+              te,
+              {
+                className: "min-h-15 mb-1",
+                placeholder: "Write a reply...",
+                value: N,
+                onChange: (v) => z(v.target.value)
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(
+                R,
+                {
+                  size: "sm",
+                  onClick: () => C(o.uid),
+                  disabled: !N.trim(),
+                  children: "Post Reply"
+                }
+              ),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => {
+                    U(null), z("");
+                  },
+                  children: "Cancel"
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      S.map((v) => n(v, g + 1))
+    ] }, o.uid);
+  }
+  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-1 mb-2", children: [
+      /* @__PURE__ */ e(at, { size: 20, className: "text-foreground shrink-0" }),
+      /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-foreground", children: r }),
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        a.length,
+        " ",
+        a.length === 1 ? "reply" : "replies"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(V, { className: "mb-2" }),
+    n(s, 0)
+  ] });
+}
+function $t({
+  title: r,
+  instructions: s,
+  dueDate: a,
+  maxScore: c,
+  status: p,
+  submissionTypes: l,
+  existingSubmission: h,
+  fileConstraints: i,
+  onSubmit: w,
+  onSaveDraft: y,
+  grade: d,
+  isSubmitting: b = !1,
+  readOnly: T = !1,
+  className: u,
+  style: U
+}) {
+  const [N, z] = I((h == null ? void 0 : h.textContent) ?? ""), [x, C] = I((h == null ? void 0 : h.files) ?? []), [n, o] = I((h == null ? void 0 : h.url) ?? ""), [g, S] = I(l[0]), f = !T && !["submitted", "graded"].includes(p);
+  function m() {
+    return {
+      textContent: l.includes("text") ? N : void 0,
+      files: l.includes("file") ? x : void 0,
+      url: l.includes("url") ? n : void 0
+    };
+  }
+  return /* @__PURE__ */ t("div", { className: u, style: U, children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-2", children: /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("div", { className: "text-xl font-bold text-foreground mb-0.5", children: r }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(Ce, { status: p }),
+        a && /* @__PURE__ */ e(Ue, { dueDate: a, size: "small" }),
+        c != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          c,
+          " points"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+      /* @__PURE__ */ e("div", { className: "font-semibold text-sm text-foreground mb-1", children: "Instructions" }),
+      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: typeof s == "string" ? /* @__PURE__ */ e("span", { children: s }) : s })
+    ] }) }),
+    d && /* @__PURE__ */ e(ve, { variant: "success", className: "mb-3", children: /* @__PURE__ */ t(we, { children: [
+      /* @__PURE__ */ t("div", { className: "font-semibold text-sm mb-1", children: [
+        "Grade: ",
+        d.score,
+        c != null ? ` / ${c}` : ""
+      ] }),
+      d.feedback && /* @__PURE__ */ e("div", { children: d.feedback })
+    ] }) }),
+    f && /* @__PURE__ */ t(ee, { children: [
+      l.length > 1 ? /* @__PURE__ */ t(Se, { value: g, onValueChange: (v) => S(v), children: [
+        /* @__PURE__ */ t(ke, { children: [
+          l.includes("text") && /* @__PURE__ */ e(W, { value: "text", children: "Text" }),
+          l.includes("file") && /* @__PURE__ */ e(W, { value: "file", children: "File Upload" }),
+          l.includes("url") && /* @__PURE__ */ e(W, { value: "url", children: "URL" })
+        ] }),
+        l.includes("text") && /* @__PURE__ */ e(se, { value: "text", children: /* @__PURE__ */ e(
+          te,
+          {
+            className: "min-h-45",
+            placeholder: "Type your submission...",
+            value: N,
+            onChange: (v) => z(v.target.value)
+          }
+        ) }),
+        l.includes("file") && /* @__PURE__ */ e(se, { value: "file", children: /* @__PURE__ */ e(
+          me,
+          {
+            files: x,
+            onFilesAdded: (v) => C((A) => [...A, ...v]),
+            onFileRemove: (v) => C((A) => A.filter((k, D) => D !== v)),
+            accept: i == null ? void 0 : i.acceptedTypes,
+            maxFiles: i == null ? void 0 : i.maxFiles,
+            maxSizeMB: i == null ? void 0 : i.maxSizeMB
+          }
+        ) }),
+        l.includes("url") && /* @__PURE__ */ e(se, { value: "url", children: /* @__PURE__ */ e(
+          he,
+          {
+            placeholder: "https://...",
+            value: n,
+            onChange: (v) => o(v.target.value)
+          }
+        ) })
+      ] }) : /* @__PURE__ */ t(ee, { children: [
+        l.includes("text") && /* @__PURE__ */ e(
+          te,
+          {
+            className: "min-h-45 mb-2",
+            placeholder: "Type your submission...",
+            value: N,
+            onChange: (v) => z(v.target.value)
+          }
+        ),
+        l.includes("file") && /* @__PURE__ */ e("div", { className: "mb-2", children: /* @__PURE__ */ e(
+          me,
+          {
+            files: x,
+            onFilesAdded: (v) => C((A) => [...A, ...v]),
+            onFileRemove: (v) => C((A) => A.filter((k, D) => D !== v)),
+            accept: i == null ? void 0 : i.acceptedTypes,
+            maxFiles: i == null ? void 0 : i.maxFiles,
+            maxSizeMB: i == null ? void 0 : i.maxSizeMB
+          }
+        ) }),
+        l.includes("url") && /* @__PURE__ */ e(
+          he,
+          {
+            className: "mb-2",
+            placeholder: "https://...",
+            value: n,
+            onChange: (v) => o(v.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(V, { className: "my-2" }),
+      /* @__PURE__ */ t("div", { className: "flex gap-1 justify-end", children: [
+        y && /* @__PURE__ */ t(
+          R,
+          {
+            variant: "outline",
+            onClick: () => y(m()),
+            disabled: b,
+            children: [
+              /* @__PURE__ */ e(ct, { size: 16 }),
+              "Save Draft"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            onClick: () => w(m()),
+            disabled: b,
+            children: [
+              /* @__PURE__ */ e(Ie, { size: 16 }),
+              b ? "Submitting..." : "Submit"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function q({
+  label: r,
+  field: s,
+  sortField: a,
+  sortDir: c,
+  onSort: p,
+  textAlign: l
+}) {
+  const h = a === s;
+  return /* @__PURE__ */ e(
+    Ae,
+    {
+      className: F(
+        "cursor-pointer select-none hover:bg-muted",
+        l === "right" && "text-right"
+      ),
+      onClick: () => p(s),
+      children: /* @__PURE__ */ t("div", { className: F("flex items-center gap-1", l === "right" && "justify-end"), children: [
+        /* @__PURE__ */ e("span", { className: F(h ? "text-foreground" : "text-muted-foreground"), children: r }),
+        h && (c === "asc" ? /* @__PURE__ */ e(ot, { size: 14 }) : /* @__PURE__ */ e(ut, { size: 14 }))
+      ] })
+    }
+  );
+}
+function jt({
+  items: r,
+  categories: s,
+  overallGrade: a,
+  showWeights: c = !0,
+  showCategoryTotals: p = !0,
+  onItemClick: l,
+  readOnly: h = !1,
+  className: i,
+  style: w
+}) {
+  const [y, d] = I("dueDate"), [b, T] = I("asc");
+  function u(x) {
+    y === x ? T((C) => C === "asc" ? "desc" : "asc") : (d(x), T("asc"));
+  }
+  const U = $(() => {
+    const x = [...r];
+    return x.sort((C, n) => {
+      let o = 0;
+      switch (y) {
+        case "name":
+          o = C.name.localeCompare(n.name);
+          break;
+        case "score":
+          o = (C.score ?? -1) - (n.score ?? -1);
+          break;
+        case "dueDate":
+          o = (C.dueDate ?? "").localeCompare(n.dueDate ?? "");
+          break;
+        case "status":
+          o = C.status.localeCompare(n.status);
+          break;
+      }
+      return b === "asc" ? o : -o;
+    }), x;
+  }, [r, y, b]), N = $(() => {
+    if (!s || s.length === 0) return [{ category: null, items: U }];
+    const x = s.map((n) => ({
+      category: n,
+      items: U.filter((o) => o.categoryUid === n.uid)
+    })), C = U.filter((n) => !n.categoryUid);
+    return C.length > 0 && x.push({ category: null, items: C }), x;
+  }, [U, s]), z = c ? 5 : 4;
+  return /* @__PURE__ */ t("div", { className: i, style: w, children: [
+    a && /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        Ge,
+        {
+          percentage: a.percentage,
+          letterGrade: a.letterGrade,
+          size: "large",
+          passingThreshold: 60
+        }
+      ),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-foreground", children: "Overall Grade" }),
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          a.pointsEarned,
+          " / ",
+          a.pointsPossible,
+          " points"
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Oe, { children: [
+      /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ t(le, { children: [
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Assignment",
+            field: "name",
+            sortField: y,
+            sortDir: b,
+            onSort: u
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Status",
+            field: "status",
+            sortField: y,
+            sortDir: b,
+            onSort: u
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Due Date",
+            field: "dueDate",
+            sortField: y,
+            sortDir: b,
+            onSort: u
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Score",
+            field: "score",
+            sortField: y,
+            sortDir: b,
+            onSort: u,
+            textAlign: "right"
+          }
+        ),
+        c && /* @__PURE__ */ e(Ae, { className: "text-right text-muted-foreground", children: "Weight" })
+      ] }) }),
+      /* @__PURE__ */ e(et, { children: N.map((x, C) => /* @__PURE__ */ t(Be, { children: [
+        x.category && p && /* @__PURE__ */ e(le, { className: "bg-muted hover:bg-muted", children: /* @__PURE__ */ e(Y, { colSpan: z, children: /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
+          x.category.name,
+          x.category.weight != null && ` (${x.category.weight}%)`
+        ] }) }) }),
+        x.items.map((n) => /* @__PURE__ */ t(
+          le,
+          {
+            className: F(l && !h && "cursor-pointer"),
+            onClick: () => l && !h ? l(n) : void 0,
+            children: [
+              /* @__PURE__ */ e(Y, { children: n.name }),
+              /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(Ce, { status: n.status, size: "small" }) }),
+              /* @__PURE__ */ e(Y, { children: n.dueDate ? /* @__PURE__ */ e(
+                Ue,
+                {
+                  dueDate: n.dueDate,
+                  submittedDate: n.submittedDate,
+                  size: "small"
+                }
+              ) : "—" }),
+              /* @__PURE__ */ e(Y, { className: "text-right", children: n.score != null ? /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-foreground", children: [
+                n.score,
+                " / ",
+                n.maxScore
+              ] }) : n.status === "excused" ? /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Excused" }) : /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "—" }) }),
+              c && /* @__PURE__ */ e(Y, { className: "text-right", children: n.weight != null ? `${n.weight}%` : "—" })
+            ]
+          },
+          n.uid
+        ))
+      ] }, C)) })
+    ] }) })
+  ] });
+}
+const Nt = {
+  lesson_completed: Fe,
+  quiz_passed: G,
+  assignment_submitted: Ie,
+  badge_earned: Le
+};
+function Et({
+  overallProgress: r,
+  totalTimeSpent: s,
+  modules: a,
+  recentActivity: c,
+  streak: p,
+  achievements: l,
+  recentActivityLimit: h = 5,
+  onModuleClick: i,
+  className: w,
+  style: y
+}) {
+  return /* @__PURE__ */ t("div", { className: w, style: y, children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-2 mb-3", children: [
+      /* @__PURE__ */ e(L, { className: "p-2 flex justify-center", children: /* @__PURE__ */ e(tt, { value: r, size: 100 }) }),
+      /* @__PURE__ */ e(
+        ae,
+        {
+          icon: /* @__PURE__ */ e(De, { size: 24 }),
+          label: "Time Spent",
+          value: ye(s)
+        }
+      ),
+      p && /* @__PURE__ */ e(
+        ae,
+        {
+          icon: /* @__PURE__ */ e(mt, { size: 24 }),
+          label: "Current Streak",
+          value: `${p.currentDays} days`,
+          subtitle: `Longest: ${p.longestDays} days`
+        }
+      ),
+      /* @__PURE__ */ e(
+        ae,
+        {
+          icon: /* @__PURE__ */ e(Fe, { size: 24 }),
+          label: "Modules",
+          value: `${a.filter((d) => d.completedItems === d.totalItems).length} / ${a.length}`,
+          subtitle: "completed"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Module Progress" }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-1.5 mb-3", children: a.map((d) => {
+      const b = d.totalItems > 0 ? d.completedItems / d.totalItems * 100 : 0;
+      return /* @__PURE__ */ t(
+        L,
+        {
+          className: F(
+            "p-2 transition-colors",
+            i && "cursor-pointer hover:border-primary"
+          ),
+          onClick: () => i == null ? void 0 : i(d.uid),
+          children: [
+            /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-0.5", children: [
+              /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground", children: d.name }),
+              /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+                d.completedItems,
+                " / ",
+                d.totalItems
+              ] })
+            ] }),
+            /* @__PURE__ */ e(ne, { value: b, size: "sm" })
+          ]
+        },
+        d.uid
+      );
+    }) }),
+    c && c.length > 0 && /* @__PURE__ */ t(ee, { children: [
+      /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Recent Activity" }),
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 mb-3", children: c.slice(0, h).map((d) => {
+        const b = Nt[d.type] ?? G;
+        return /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-center", children: [
+          /* @__PURE__ */ e(b, { size: 16 }),
+          /* @__PURE__ */ e("span", { className: "flex-1 text-sm text-foreground", children: d.description }),
+          /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(d.timestamp).toLocaleDateString() })
+        ] }, d.uid);
+      }) })
+    ] }),
+    l && l.length > 0 && /* @__PURE__ */ t(ee, { children: [
+      /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Achievements" }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-2", children: l.map((d) => /* @__PURE__ */ t(L, { className: "p-2 text-center", children: [
+        d.iconUrl ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: d.iconUrl,
+            alt: d.name,
+            className: "w-12 h-12 mb-1 mx-auto"
+          }
+        ) : /* @__PURE__ */ e(ht, { size: 32, className: "mx-auto mb-2 text-warning" }),
+        /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-foreground", children: d.name }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: d.description })
+      ] }, d.uid)) })
+    ] })
+  ] });
+}
+const vt = {
+  classic: "border-[3px] border-double border-warning bg-linear-to-br from-[#fffbe6] to-[#fff8e1]",
+  modern: "border border-primary bg-linear-to-br from-[#fff5f5] to-[#fee2e2]",
+  minimal: "border border-border"
+};
+function _t({
+  recipientName: r,
+  courseTitle: s,
+  completionDate: a,
+  organizationName: c,
+  organizationLogo: p,
+  signatory: l,
+  certificateId: h,
+  variant: i = "classic",
+  showActions: w = !0,
+  onPrint: y,
+  onDownload: d,
+  className: b,
+  style: T
+}) {
+  const u = (() => {
+    try {
+      return new Date(a).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    } catch {
+      return a;
+    }
+  })();
+  function U() {
+    y ? y() : window.print();
+  }
+  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: F(
+          "p-3 sm:p-5 md:p-6 text-center max-w-200 mx-auto rounded-md",
+          vt[i]
+        ),
+        children: [
+          p ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: p,
+              alt: c,
+              className: "h-15 mb-2 mx-auto block"
+            }
+          ) : /* @__PURE__ */ e(
+            Le,
+            {
+              size: 48,
+              className: F("mx-auto mb-4", i === "classic" && "text-warning")
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "uppercase tracking-[3px] text-sm text-foreground/70", children: "Certificate of Completion" }),
+          /* @__PURE__ */ e(V, { className: "my-2 mx-auto max-w-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-foreground mb-1", children: "This is to certify that" }),
+          /* @__PURE__ */ e("p", { className: F("text-2xl font-bold mb-2 text-foreground", i === "classic" && "font-serif"), children: r }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-foreground mb-1", children: "has successfully completed" }),
+          /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-primary", children: s }),
+          /* @__PURE__ */ t("p", { className: "text-sm text-foreground mb-3", children: [
+            "Issued by ",
+            c,
+            " on ",
+            u
+          ] }),
+          l && /* @__PURE__ */ t("div", { className: "mt-4 mb-2", children: [
+            /* @__PURE__ */ e(V, { className: "my-2 mx-auto max-w-50" }),
+            /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-foreground", children: l.name }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l.title })
+          ] }),
+          h && /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-2", children: [
+            "Certificate ID: ",
+            h
+          ] })
+        ]
+      }
+    ),
+    w && /* @__PURE__ */ t("div", { className: "flex justify-center gap-2 mt-3", children: [
+      /* @__PURE__ */ t(R, { variant: "outline", onClick: U, children: [
+        /* @__PURE__ */ e(ft, { size: 16 }),
+        " Print"
+      ] }),
+      d && /* @__PURE__ */ t(R, { variant: "outline", onClick: d, children: [
+        /* @__PURE__ */ e(Te, { size: 16 }),
+        " Download"
+      ] })
+    ] })
+  ] });
+}
+export {
+  Qt as AnnouncementFeed,
+  Dt as AssessmentReview,
+  $t as AssignmentSubmission,
+  _t as CertificateViewer,
+  Tt as CourseOutline,
+  Bt as DiscussionThread,
+  Lt as ExamSession,
+  At as FlashcardStudySession,
+  jt as GradebookTable,
+  Ut as LecturePlayer,
+  Rt as LessonPage,
+  Ft as PracticeQuiz,
+  Et as ProgressDashboard,
+  Ct as QuizSession,
+  Pt as ResourceLibrary,
+  It as ScrollableQuiz,
+  Mt as SurveyForm
+};