@hydralms/components 0.1.0 → 0.1.2

package/dist/sections.js

@@ -1,12 +1,12 @@
 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";
+import { useState as I, useMemo as j, useRef as ge, useEffect as ie, useCallback as Qe, Fragment as Be } from "react";
+import { q as be, C as L, t as Q, X, c as F, ak as oe, w as je, x as $e, r as R, N as _e, B as Ne, Z as V, P as ne, F as Ee, J as He, A as ve, b as we, z as Ve, S as Ye, _ as Je, ad as te, a as ye, D as Ke, Y as Ze, af as J, ah as K, ag as Z, a9 as Se, ab as ke, ac as G, H as ze, R as ue, aj as Ge, U as Xe, a0 as Ce, G as Ue, aa as se, K as me, Q as he, O as We, a1 as Oe, a7 as qe, a8 as le, a6 as Ae, a2 as et, a4 as Y, V as tt, $ as ae } from "./table-BrS5cDQu.js";
+import { CheckCircle as W, 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 ct, Save as dt, 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,
+  onAnswerChange: d,
   timeElapsedSeconds: p,
   timeLimitSeconds: l,
   isSubmitting: h = !1,
@@ -14,7 +14,7 @@ function Ct({
   className: w,
   style: y
 }) {
-  const [d, b] = I(0), [T, u] = I(s), [U, N] = I(/* @__PURE__ */ new Set()), z = r[d], x = $(
+  const [c, b] = I(0), [T, u] = I(s), [U, N] = I(/* @__PURE__ */ new Set()), z = r[c], x = j(
     () => r.map((S, f) => ({
       uid: S.uid,
       sequence: f + 1,
@@ -33,7 +33,7 @@ function Ct({
     }));
     u((v) => {
       const k = [...v.filter((D) => D.uid !== f), ...m];
-      return c == null || c(k), k;
+      return d == null || d(k), k;
     });
   }
   function n(S) {
@@ -53,10 +53,10 @@ function Ct({
     /* @__PURE__ */ e(
       be,
       {
-        currentQuestionIndex: d,
+        currentQuestionIndex: c,
         totalQuestions: r.length,
-        hasNext: d < r.length - 1,
-        hasPrevious: d > 0,
+        hasNext: c < r.length - 1,
+        hasPrevious: c > 0,
         onNext: () => b((S) => Math.min(S + 1, r.length - 1)),
         onPrevious: () => b((S) => Math.max(S - 1, 0)),
         onSubmit: g,
@@ -87,7 +87,7 @@ function Ut({
   video: r,
   notes: s,
   layout: a = "horizontal",
-  notesPanelWidth: c = "340px",
+  notesPanelWidth: d = "340px",
   notesPanelHeight: p = "240px",
   className: l,
   style: h
@@ -112,11 +112,11 @@ function Ut({
               i ? "border-l border-border" : "border-t border-border w-full"
             ),
             style: {
-              width: i ? c : void 0,
+              width: i ? d : void 0,
               height: i ? void 0 : p
             },
             children: [
-              /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(je, { children: "Notes" }) }),
+              /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e($e, { children: "Notes" }) }),
               /* @__PURE__ */ e(Q, { children: typeof s == "string" ? /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: s }) : s })
             ]
           }
@@ -129,44 +129,44 @@ function At({
   cards: r,
   title: s,
   description: a,
-  shuffled: c = !1,
+  shuffled: d = !1,
   onComplete: p,
   readOnly: l = !1,
   className: h,
   style: i
 }) {
-  const [w, y] = I(!1), d = {
+  const [w, y] = I(!1), c = {
     totalCards: r.length,
-    wasShuffled: c
+    wasShuffled: d
   };
   function b() {
-    y(!0), p == null || p(d);
+    y(!0), p == null || p(c);
   }
   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" }),
+  return w ? /* @__PURE__ */ e("div", { className: F("flex flex-col items-center", 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(W, { 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,
+      c.totalCards,
       " card",
-      d.totalCards !== 1 ? "s" : "",
+      c.totalCards !== 1 ? "s" : "",
       " studied",
-      d.wasShuffled ? " (shuffled)" : ""
+      c.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,
+    /* @__PURE__ */ e(R, { className: "mt-2", onClick: T, children: "Study Again" })
+  ] }) }) }) : /* @__PURE__ */ e("div", { className: F("flex flex-col items-center", h), style: i, children: /* @__PURE__ */ e(
+    _e,
     {
       cards: r,
       deckName: s,
       deckDescription: a,
-      shuffled: c,
+      shuffled: d,
       showProgress: !0,
       onComplete: b,
       readOnly: l
@@ -198,29 +198,29 @@ function pt({
     ] })
   ] }) }) });
 }
-function de({
+function ce({
   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: [
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: r.map((d, 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(
+    /* @__PURE__ */ e(Q, { className: "pt-4 pb-4", children: /* @__PURE__ */ e(
       X,
       {
-        question: c,
-        sessionAnswers: s.filter((l) => l.uid === c.uid),
+        question: d,
+        sessionAnswers: s.filter((l) => l.uid === d.uid),
         readOnly: !0,
         showCorrectAnswers: a
       }
     ) })
-  ] }, c.uid)) });
+  ] }, d.uid)) });
 }
-function xt(r, s, a, c) {
+function xt(r, s, a, d) {
   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) => {
@@ -229,21 +229,21 @@ function xt(r, s, a, c) {
         /* @__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,
+          ce,
           {
             questions: w,
             sessionAnswers: s,
-            showCorrectAnswers: c
+            showCorrectAnswers: d
           }
         )
       ] }, i.label);
     }),
     h.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      de,
+      ce,
       {
         questions: h,
         sessionAnswers: s,
-        showCorrectAnswers: c
+        showCorrectAnswers: d
       }
     ) })
   ] });
@@ -252,15 +252,15 @@ function Dt({
   questions: r,
   sessionAnswers: s,
   score: a,
-  questionGroups: c,
+  questionGroups: d,
   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,
+    d && d.length > 0 ? xt(r, s, d, p) : /* @__PURE__ */ e(
+      ce,
       {
         questions: r,
         sessionAnswers: s,
@@ -279,16 +279,16 @@ function Tt({
   items: r,
   progress: s,
   courseTitle: a,
-  activeItemUid: c,
+  activeItemUid: d,
   onItemClick: p,
   showOverallProgress: l = !0,
   showDuration: h = !0,
   showIcons: i = !0,
   readOnly: w = !1,
   className: y,
-  style: d
+  style: c
 }) {
-  const { completedCount: b, totalCount: T, percentage: u } = $(() => {
+  const { completedCount: b, totalCount: T, percentage: u } = j(() => {
     const U = Me(r), N = U.length, z = s ? U.filter(
       (x) => s.some((C) => C.resourceUid === x && C.isCompleted)
     ).length : 0;
@@ -298,7 +298,7 @@ function Tt({
       percentage: N > 0 ? Math.round(z / N * 100) : 0
     };
   }, [r, s]);
-  return /* @__PURE__ */ t("div", { className: F(y), style: d, children: [
+  return /* @__PURE__ */ t("div", { className: F(y), style: c, 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: [
@@ -312,11 +312,11 @@ function Tt({
       ] })
     ] }),
     /* @__PURE__ */ e(
-      _e,
+      Ee,
       {
         items: r,
         progress: s,
-        activeItemUid: c,
+        activeItemUid: d,
         onItemClick: p,
         readOnly: w,
         showDuration: h,
@@ -330,17 +330,17 @@ function It({
   questions: r,
   initialAnswers: s = [],
   onSubmit: a,
-  onAnswerChange: c,
+  onAnswerChange: d,
   showNavigator: p = !0,
   showQuestionNumbers: l = !0,
   questionGroups: h,
   isSubmitting: i = !1,
   readOnly: w = !1,
   className: y,
-  style: d
+  style: c
 }) {
   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 [b, T] = I(s), [u, U] = I(((S = r[0]) == null ? void 0 : S.uid) ?? null), N = ge(/* @__PURE__ */ new Map()), z = j(() => {
     const f = new Set(b.map((m) => m.uid));
     return r.filter((m) => f.has(m.uid)).length;
   }, [r, b]);
@@ -365,14 +365,14 @@ function It({
     }));
     T((A) => {
       const D = [...A.filter((P) => P.uid !== f), ...v];
-      return c == null || c(D), D;
+      return d == null || d(D), D;
     });
   }
   function n(f) {
     var m;
     (m = N.current.get(f)) == null || m.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-  const o = $(() => {
+  const o = j(() => {
     if (!h) return [{ label: null, questions: r }];
     const f = h.map(
       (A) => ({
@@ -383,7 +383,7 @@ function It({
     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: [
+  return /* @__PURE__ */ t("div", { className: F("flex gap-3", y), style: c, 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 }),
@@ -434,7 +434,7 @@ function It({
     ] }),
     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) => {
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: r.map((f, m) => {
         const v = b.some((k) => k.uid === f.uid), A = u === f.uid;
         return /* @__PURE__ */ e(
           "button",
@@ -456,8 +456,8 @@ function It({
 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]];
+    const d = Math.floor(Math.random() * (a + 1));
+    [s[a], s[d]] = [s[d], s[a]];
   }
   return s;
 }
@@ -465,17 +465,17 @@ function Ft({
   questions: r,
   instantFeedback: s = !0,
   allowRetry: a = !0,
-  onComplete: c,
+  onComplete: d,
   shuffled: p = !1,
   readOnly: l = !1,
   className: h,
   style: i
 }) {
-  const w = $(
+  const w = j(
     () => 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;
+  ), [y, c] = 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;
@@ -494,28 +494,28 @@ function Ft({
   }
   function v() {
     if (y < w.length - 1)
-      d((k) => k + 1), C(null);
+      c((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);
+      o(!0), d == null || d(k);
     }
   }
-  const A = $(() => {
+  const A = j(() => {
     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));
+      ((P = g.answers) == null ? void 0 : P.filter(($) => $.isCorrect).map(($) => $.uid)) ?? []
+    ), D = new Set(x.map(($) => $.uid));
+    return k.size === D.size && [...k].every(($) => D.has($));
   }, [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(W, { 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,
@@ -530,7 +530,7 @@ function Ft({
         {
           variant: "outline",
           onClick: () => {
-            d(0), T(/* @__PURE__ */ new Set()), U(/* @__PURE__ */ new Map()), z(/* @__PURE__ */ new Set()), C(null), o(!1);
+            c(0), T(/* @__PURE__ */ new Set()), U(/* @__PURE__ */ new Map()), z(/* @__PURE__ */ new Set()), C(null), o(!1);
           },
           children: "Practice Again"
         }
@@ -582,7 +582,7 @@ function Ft({
           onRetry: a && !A ? m : void 0
         }
       ),
-      /* @__PURE__ */ t("div", { className: "flex justify-end gap-1 mt-2", children: [
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 mt-2", children: [
         !S && s && /* @__PURE__ */ e(
           R,
           {
@@ -607,14 +607,14 @@ function Lt({
   questions: r,
   initialAnswers: s = [],
   onSubmit: a,
-  onAnswerChange: c,
+  onAnswerChange: d,
   timeLimitSeconds: p,
   timeElapsedSeconds: l,
   autoSubmitOnTimeout: h = !0,
   timeWarningThreshold: i = 300,
   allowBackNavigation: w = !0,
   confirmBeforeSubmit: y = !0,
-  examTitle: d,
+  examTitle: c,
   instructions: b,
   isSubmitting: T = !1,
   readOnly: u = !1,
@@ -627,52 +627,52 @@ function Lt({
   }, [D, i]), ie(() => {
     h && D <= 0 && !A.current && (A.current = !0, re(!0));
   }, [D, h]);
-  const P = $(
-    () => r.map((M, _) => ({
+  const P = j(
+    () => r.map((M, E) => ({
       uid: M.uid,
-      sequence: _ + 1,
+      sequence: E + 1,
       isFlagged: o.has(M.uid),
-      isAnswered: C.some((E) => E.uid === M.uid),
+      isAnswered: C.some((_) => _.uid === M.uid),
       isSkipped: !1
     })),
     [r, C, o]
   );
-  function j(M) {
+  function $(M) {
     if (!k) return;
-    const _ = k.uid, E = M.map((H) => ({
-      uid: _,
+    const E = k.uid, _ = M.map((H) => ({
+      uid: E,
       answerUid: H.uid,
       content: H.content
     }));
     n((H) => {
-      const ce = [...H.filter((Pe) => Pe.uid !== _), ...E];
-      return c == null || c(ce), ce;
+      const de = [...H.filter((Pe) => Pe.uid !== E), ..._];
+      return d == null || d(de), de;
     });
   }
   function O(M) {
-    const _ = r.findIndex((E) => E.uid === M);
-    _ !== -1 && x(_);
+    const E = r.findIndex((_) => _.uid === M);
+    E !== -1 && x(E);
   }
   function B(M) {
-    g((_) => {
-      const E = new Set(_);
-      return E.has(M) ? E.delete(M) : E.add(M), E;
+    g((E) => {
+      const _ = new Set(E);
+      return _.has(M) ? _.delete(M) : _.add(M), _;
     });
   }
   function Re() {
     y ? f(!0) : re(!1);
   }
   function re(M) {
-    const _ = new Set(C.map((H) => H.uid)), E = {
+    const E = new Set(C.map((H) => H.uid)), _ = {
       timeElapsedSeconds: l,
       wasAutoSubmitted: M,
-      answeredCount: r.filter((H) => _.has(H.uid)).length,
+      answeredCount: r.filter((H) => E.has(H.uid)).length,
       totalQuestions: r.length
     };
-    a(C, E);
+    a(C, _);
   }
   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 }),
+    c && /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-foreground", children: c }),
     m && D > 0 && D <= i && /* @__PURE__ */ e(ve, { variant: "warning", className: "mb-2", children: /* @__PURE__ */ t(we, { children: [
       Math.ceil(D / 60),
       " minute",
@@ -699,13 +699,13 @@ function Lt({
         readOnly: u
       }
     ),
-    b && z === 0 && /* @__PURE__ */ e(L, { className: "mb-2", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: b }) }),
+    b && z === 0 && /* @__PURE__ */ e(L, { className: "mt-3", 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,
+        onAnswer: $,
         readOnly: u
       }
     ) }) }),
@@ -731,18 +731,18 @@ function Mt({
   title: r,
   description: s,
   questions: a,
-  initialAnswers: c = [],
+  initialAnswers: d = [],
   onSubmit: p,
   onAnswerChange: l,
   showProgress: h = !0,
   requireAll: i = !1,
   submitLabel: w = "Submit Survey",
   isSubmitting: y = !1,
-  readOnly: d = !1,
+  readOnly: c = !1,
   className: b,
   style: T
 }) {
-  const [u, U] = I(c), N = $(() => {
+  const [u, U] = I(d), N = j(() => {
     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;
@@ -756,7 +756,7 @@ function Mt({
     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 }),
+    /* @__PURE__ */ e("p", { className: "text-xl font-bold text-foreground mb-2", 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 }),
@@ -785,15 +785,15 @@ function Mt({
             points: n.scalePoints,
             lowLabel: (S = n.scaleLabels) == null ? void 0 : S.low,
             highLabel: (f = n.scaleLabels) == null ? void 0 : f.high,
-            readOnly: d
+            readOnly: c
           }
         ),
         n.type === "rating" && /* @__PURE__ */ e(
-          Ze,
+          Je,
           {
             value: g ? Number(g.value) : 0,
             onChange: (m) => x(n.uid, m),
-            readOnly: d
+            readOnly: c
           }
         ),
         n.type === "open_text" && /* @__PURE__ */ e(
@@ -802,7 +802,7 @@ function Mt({
             placeholder: "Type your response...",
             value: (g == null ? void 0 : g.value) ?? "",
             onChange: (m) => x(n.uid, m.target.value),
-            disabled: d,
+            disabled: c,
             className: "min-h-24"
           }
         ),
@@ -816,7 +816,7 @@ function Mt({
               value: m.uid,
               checked: (g == null ? void 0 : g.value) === m.uid,
               onChange: () => x(n.uid, m.uid),
-              disabled: d
+              disabled: c
             }
           ),
           /* @__PURE__ */ e("span", { children: m.content })
@@ -830,12 +830,12 @@ function Mt({
                 type: "checkbox",
                 className: "accent-primary m-0 shrink-0",
                 checked: v.includes(m.uid),
-                disabled: d,
+                disabled: c,
                 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),
+                    ...P.filter(($) => $.questionUid !== n.uid),
                     ...D
                   ]), l == null || l([
                     ...u.filter((P) => P.questionUid !== n.uid),
@@ -849,7 +849,7 @@ function Mt({
         }) })
       ] }) }, n.uid);
     }),
-    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mt-2", children: [
+    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mt-3", children: [
       /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
         N,
         " of ",
@@ -860,7 +860,7 @@ function Mt({
         R,
         {
           onClick: () => p(u),
-          disabled: !z || y || d,
+          disabled: !z || y || c,
           children: y ? "Submitting..." : w
         }
       )
@@ -871,23 +871,23 @@ function Rt({
   title: r,
   blocks: s,
   isCompleted: a = !1,
-  onMarkComplete: c,
+  onMarkComplete: d,
   onNextLesson: p,
   nextLessonTitle: l,
   estimatedDuration: h,
   showDuration: i = !0,
   readOnly: w = !1,
   className: y,
-  style: d
+  style: c
 }) {
   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();
+    T(!0), d == null || d();
   }
-  return /* @__PURE__ */ t("div", { className: F(y), style: d, children: [
+  return /* @__PURE__ */ t("div", { className: F(y), style: c, 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: [
@@ -897,7 +897,7 @@ function Rt({
     ] }),
     /* @__PURE__ */ e(V, { className: "mb-3" }),
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: s.map((z, x) => /* @__PURE__ */ e(
-      Je,
+      Ke,
       {
         block: z,
         onQuestionAnswer: U,
@@ -951,16 +951,16 @@ function Pt({
   resources: r,
   categories: s,
   onResourceClick: a,
-  onDownload: c,
+  onDownload: d,
   viewMode: p = "list",
   allowViewToggle: l = !0,
   showSearch: h = !0,
   emptyMessage: i = "No resources found",
   readOnly: w = !1,
   className: y,
-  style: d
+  style: c
 }) {
-  const [b, T] = I(""), [u, U] = I(null), [N, z] = I(p), x = $(() => {
+  const [b, T] = I(""), [u, U] = I(null), [N, z] = I(p), x = j(() => {
     let n = r;
     if (u && (n = n.filter((o) => o.categoryUid === u)), b.trim()) {
       const o = b.toLowerCase();
@@ -993,35 +993,30 @@ function Pt({
               n.fileSize != null && pe(n.fileSize)
             ].filter(Boolean).join(" · ") })
           ] }),
-          c && /* @__PURE__ */ t(Z, { children: [
-            /* @__PURE__ */ e(
-              J,
+          d && /* @__PURE__ */ t(J, { children: [
+            /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+              R,
               {
-                render: /* @__PURE__ */ e(
-                  R,
-                  {
-                    variant: "ghost",
-                    size: "icon-xs",
-                    "aria-label": "Download",
-                    onClick: (g) => {
-                      g.stopPropagation(), c(n);
-                    },
-                    children: /* @__PURE__ */ e(Te, { size: 16 })
-                  }
-                )
+                variant: "ghost",
+                size: "icon-xs",
+                "aria-label": "Download",
+                onClick: (g) => {
+                  g.stopPropagation(), d(n);
+                },
+                children: /* @__PURE__ */ e(Te, { size: 16 })
               }
-            ),
-            /* @__PURE__ */ e(K, { children: "Download" })
+            ) }),
+            /* @__PURE__ */ e(Z, { children: "Download" })
           ] })
         ]
       },
       n.uid
     );
   }
-  return /* @__PURE__ */ t("div", { className: y, style: d, children: [
+  return /* @__PURE__ */ t("div", { className: y, style: c, 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,
+        Ze,
         {
           value: b,
           onChange: T,
@@ -1030,43 +1025,33 @@ function Pt({
         }
       ) }),
       l && /* @__PURE__ */ t("div", { className: "flex gap-0.5", children: [
-        /* @__PURE__ */ t(Z, { children: [
-          /* @__PURE__ */ e(
-            J,
+        /* @__PURE__ */ t(J, { children: [
+          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+            R,
             {
-              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 })
-                }
-              )
+              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__ */ e(Z, { children: "List view" })
         ] }),
-        /* @__PURE__ */ t(Z, { children: [
-          /* @__PURE__ */ e(
-            J,
+        /* @__PURE__ */ t(J, { children: [
+          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+            R,
             {
-              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 })
-                }
-              )
+              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" })
+          ) }),
+          /* @__PURE__ */ e(Z, { children: "Grid view" })
         ] })
       ] })
     ] }),
@@ -1077,8 +1062,8 @@ function Pt({
         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))
+          /* @__PURE__ */ e(G, { value: "all", children: "All" }),
+          s.map((n) => /* @__PURE__ */ e(G, { value: n.uid, children: n.label }, n.uid))
         ] })
       }
     ),
@@ -1104,7 +1089,7 @@ function Pt({
   ] });
 }
 function bt(r) {
-  const s = new Date(r), c = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), p = Math.floor(c / 6e4);
+  const s = new Date(r), d = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), p = Math.floor(d / 6e4);
   if (p < 1) return "Just now";
   if (p < 60) return `${p}m ago`;
   const l = Math.floor(p / 60);
@@ -1116,19 +1101,19 @@ function Qt({
   announcements: r,
   onMarkRead: s,
   onSelect: a,
-  showAvatars: c = !0,
+  showAvatars: d = !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 [y, c] = I(/* @__PURE__ */ new Set()), b = j(() => {
     const u = r.filter((N) => N.isPinned), U = r.filter((N) => !N.isPinned);
     return [...u, ...U];
   }, [r]);
   function T(u) {
-    d((N) => {
+    c((N) => {
       const z = new Set(N);
       return z.has(u) ? z.delete(u) : z.add(u), z;
     });
@@ -1147,8 +1132,8 @@ function Qt({
         ),
         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,
+          d && /* @__PURE__ */ e(
+            Ge,
             {
               displayName: u.author.displayName,
               avatarUrl: u.author.avatarUrl,
@@ -1207,18 +1192,18 @@ function Bt({
   title: r,
   rootPost: s,
   replies: a,
-  currentUser: c,
+  currentUser: d,
   onReply: p,
   onToggleLike: l,
   onMarkAnswer: h,
   maxDepth: i = 3,
   allowReplies: w = !0,
   sortOrder: y = "oldest",
-  readOnly: d = !1,
+  readOnly: c = !1,
   className: b,
   style: T
 }) {
-  const [u, U] = I(null), [N, z] = I(""), x = $(() => {
+  const [u, U] = I(null), [N, z] = I(""), x = j(() => {
     const o = /* @__PURE__ */ new Map();
     for (const g of a) {
       const S = g.parentUid ?? s.uid, f = o.get(S) ?? [];
@@ -1233,70 +1218,55 @@ function Bt({
   }
   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,
+      l && !c && /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
+          R,
           {
-            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"
-                ]
-              }
-            )
+            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" })
+        ) }),
+        /* @__PURE__ */ e(Z, { children: o.isLikedByCurrentUser ? "Unlike" : "Like" })
       ] }),
-      w && !d && /* @__PURE__ */ t(Z, { children: [
-        /* @__PURE__ */ e(
-          J,
+      w && !c && /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
+          R,
           {
-            render: /* @__PURE__ */ t(
-              R,
-              {
-                variant: "ghost",
-                size: "sm",
-                "aria-label": "Reply",
-                onClick: () => U(o.uid),
-                children: [
-                  /* @__PURE__ */ e(dt, { size: 14 }),
-                  "Reply"
-                ]
-              }
-            )
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Reply",
+            onClick: () => U(o.uid),
+            children: [
+              /* @__PURE__ */ e(ct, { size: 14 }),
+              "Reply"
+            ]
           }
-        ),
-        /* @__PURE__ */ e(K, { children: "Reply" })
+        ) }),
+        /* @__PURE__ */ e(Z, { children: "Reply" })
       ] }),
-      h && !d && c.role !== "student" && !o.isAnswer && /* @__PURE__ */ t(Z, { children: [
-        /* @__PURE__ */ e(
-          J,
+      h && !c && d.role !== "student" && !o.isAnswer && /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
+          R,
           {
-            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"
-                ]
-              }
-            )
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Mark as answer",
+            className: "text-success",
+            onClick: () => h(o.uid),
+            children: [
+              /* @__PURE__ */ e(W, { size: 14 }),
+              "Mark Answer"
+            ]
           }
-        ),
-        /* @__PURE__ */ e(K, { children: "Mark as answer" })
+        ) }),
+        /* @__PURE__ */ e(Z, { children: "Mark as answer" })
       ] })
     ] });
     return /* @__PURE__ */ t("div", { children: [
@@ -1310,25 +1280,25 @@ function Bt({
           actions: m,
           highlight: o.isAnswer ? "answer" : "none",
           indentLevel: f,
-          className: "mb-1"
+          className: "mb-2"
         }
       ),
       u === o.uid && /* @__PURE__ */ e(
         L,
         {
-          className: "mb-1",
+          className: "mb-2",
           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",
+                className: "min-h-15 mb-2",
                 placeholder: "Write a reply...",
                 value: N,
                 onChange: (v) => z(v.target.value)
               }
             ),
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(
                 R,
                 {
@@ -1370,18 +1340,18 @@ function Bt({
     n(s, 0)
   ] });
 }
-function $t({
+function jt({
   title: r,
   instructions: s,
   dueDate: a,
-  maxScore: c,
+  maxScore: d,
   status: p,
   submissionTypes: l,
   existingSubmission: h,
   fileConstraints: i,
   onSubmit: w,
   onSaveDraft: y,
-  grade: d,
+  grade: c,
   isSubmitting: b = !1,
   readOnly: T = !1,
   className: u,
@@ -1401,8 +1371,8 @@ function $t({
       /* @__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,
+        d != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          d,
           " points"
         ] })
       ] })
@@ -1411,20 +1381,20 @@ function $t({
       /* @__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: [
+    c && /* @__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}` : ""
+        c.score,
+        d != null ? ` / ${d}` : ""
       ] }),
-      d.feedback && /* @__PURE__ */ e("div", { children: d.feedback })
+      c.feedback && /* @__PURE__ */ e("div", { children: c.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(G, { value: "text", children: "Text" }),
+          l.includes("file") && /* @__PURE__ */ e(G, { value: "file", children: "File Upload" }),
+          l.includes("url") && /* @__PURE__ */ e(G, { value: "url", children: "URL" })
         ] }),
         l.includes("text") && /* @__PURE__ */ e(se, { value: "text", children: /* @__PURE__ */ e(
           te,
@@ -1486,7 +1456,7 @@ function $t({
         )
       ] }),
       /* @__PURE__ */ e(V, { className: "my-2" }),
-      /* @__PURE__ */ t("div", { className: "flex gap-1 justify-end", children: [
+      /* @__PURE__ */ t("div", { className: "flex gap-2 justify-end", children: [
         y && /* @__PURE__ */ t(
           R,
           {
@@ -1494,7 +1464,7 @@ function $t({
             onClick: () => y(m()),
             disabled: b,
             children: [
-              /* @__PURE__ */ e(ct, { size: 16 }),
+              /* @__PURE__ */ e(dt, { size: 16 }),
               "Save Draft"
             ]
           }
@@ -1518,7 +1488,7 @@ function q({
   label: r,
   field: s,
   sortField: a,
-  sortDir: c,
+  sortDir: d,
   onSort: p,
   textAlign: l
 }) {
@@ -1533,27 +1503,27 @@ function q({
       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 }))
+        h && (d === "asc" ? /* @__PURE__ */ e(ot, { size: 14 }) : /* @__PURE__ */ e(ut, { size: 14 }))
       ] })
     }
   );
 }
-function jt({
+function $t({
   items: r,
   categories: s,
   overallGrade: a,
-  showWeights: c = !0,
+  showWeights: d = !0,
   showCategoryTotals: p = !0,
   onItemClick: l,
   readOnly: h = !1,
   className: i,
   style: w
 }) {
-  const [y, d] = I("dueDate"), [b, T] = I("asc");
+  const [y, c] = I("dueDate"), [b, T] = I("asc");
   function u(x) {
-    y === x ? T((C) => C === "asc" ? "desc" : "asc") : (d(x), T("asc"));
+    y === x ? T((C) => C === "asc" ? "desc" : "asc") : (c(x), T("asc"));
   }
-  const U = $(() => {
+  const U = j(() => {
     const x = [...r];
     return x.sort((C, n) => {
       let o = 0;
@@ -1573,18 +1543,18 @@ function jt({
       }
       return b === "asc" ? o : -o;
     }), x;
-  }, [r, y, b]), N = $(() => {
+  }, [r, y, b]), N = j(() => {
     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;
+  }, [U, s]), z = d ? 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,
+        We,
         {
           percentage: a.percentage,
           letterGrade: a.letterGrade,
@@ -1645,7 +1615,7 @@ function jt({
             textAlign: "right"
           }
         ),
-        c && /* @__PURE__ */ e(Ae, { className: "text-right text-muted-foreground", children: "Weight" })
+        d && /* @__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: [
@@ -1673,7 +1643,7 @@ function jt({
                 " / ",
                 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}%` : "—" })
+              d && /* @__PURE__ */ e(Y, { className: "text-right", children: n.weight != null ? `${n.weight}%` : "—" })
             ]
           },
           n.uid
@@ -1684,15 +1654,15 @@ function jt({
 }
 const Nt = {
   lesson_completed: Fe,
-  quiz_passed: G,
+  quiz_passed: W,
   assignment_submitted: Ie,
   badge_earned: Le
 };
-function Et({
+function _t({
   overallProgress: r,
   totalTimeSpent: s,
   modules: a,
-  recentActivity: c,
+  recentActivity: d,
   streak: p,
   achievements: l,
   recentActivityLimit: h = 5,
@@ -1725,14 +1695,14 @@ function Et({
         {
           icon: /* @__PURE__ */ e(Fe, { size: 24 }),
           label: "Modules",
-          value: `${a.filter((d) => d.completedItems === d.totalItems).length} / ${a.length}`,
+          value: `${a.filter((c) => c.completedItems === c.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;
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mb-3", children: a.map((c) => {
+      const b = c.totalItems > 0 ? c.completedItems / c.totalItems * 100 : 0;
       return /* @__PURE__ */ t(
         L,
         {
@@ -1740,47 +1710,47 @@ function Et({
             "p-2 transition-colors",
             i && "cursor-pointer hover:border-primary"
           ),
-          onClick: () => i == null ? void 0 : i(d.uid),
+          onClick: () => i == null ? void 0 : i(c.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__ */ e("span", { className: "font-semibold text-sm text-foreground", children: c.name }),
               /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
-                d.completedItems,
+                c.completedItems,
                 " / ",
-                d.totalItems
+                c.totalItems
               ] })
             ] }),
             /* @__PURE__ */ e(ne, { value: b, size: "sm" })
           ]
         },
-        d.uid
+        c.uid
       );
     }) }),
-    c && c.length > 0 && /* @__PURE__ */ t(ee, { children: [
+    d && d.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;
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-1.5 mb-3", children: d.slice(0, h).map((c) => {
+        const b = Nt[c.type] ?? W;
         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);
+          /* @__PURE__ */ e("span", { className: "flex-1 text-sm text-foreground", children: c.description }),
+          /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(c.timestamp).toLocaleDateString() })
+        ] }, c.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(
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-2", children: l.map((c) => /* @__PURE__ */ t(L, { className: "p-2 text-center", children: [
+        c.iconUrl ? /* @__PURE__ */ e(
           "img",
           {
-            src: d.iconUrl,
-            alt: d.name,
+            src: c.iconUrl,
+            alt: c.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)) })
+        /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-foreground", children: c.name }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: c.description })
+      ] }, c.uid)) })
     ] })
   ] });
 }
@@ -1789,18 +1759,18 @@ const vt = {
   modern: "border border-primary bg-linear-to-br from-[#fff5f5] to-[#fee2e2]",
   minimal: "border border-border"
 };
-function _t({
+function Et({
   recipientName: r,
   courseTitle: s,
   completionDate: a,
-  organizationName: c,
+  organizationName: d,
   organizationLogo: p,
   signatory: l,
   certificateId: h,
   variant: i = "classic",
   showActions: w = !0,
   onPrint: y,
-  onDownload: d,
+  onDownload: c,
   className: b,
   style: T
 }) {
@@ -1831,7 +1801,7 @@ function _t({
             "img",
             {
               src: p,
-              alt: c,
+              alt: d,
               className: "h-15 mb-2 mx-auto block"
             }
           ) : /* @__PURE__ */ e(
@@ -1849,7 +1819,7 @@ function _t({
           /* @__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,
+            d,
             " on ",
             u
           ] }),
@@ -1870,7 +1840,7 @@ function _t({
         /* @__PURE__ */ e(ft, { size: 16 }),
         " Print"
       ] }),
-      d && /* @__PURE__ */ t(R, { variant: "outline", onClick: d, children: [
+      c && /* @__PURE__ */ t(R, { variant: "outline", onClick: c, children: [
         /* @__PURE__ */ e(Te, { size: 16 }),
         " Download"
       ] })
@@ -1880,17 +1850,17 @@ function _t({
 export {
   Qt as AnnouncementFeed,
   Dt as AssessmentReview,
-  $t as AssignmentSubmission,
-  _t as CertificateViewer,
+  jt as AssignmentSubmission,
+  Et as CertificateViewer,
   Tt as CourseOutline,
   Bt as DiscussionThread,
   Lt as ExamSession,
   At as FlashcardStudySession,
-  jt as GradebookTable,
+  $t as GradebookTable,
   Ut as LecturePlayer,
   Rt as LessonPage,
   Ft as PracticeQuiz,
-  Et as ProgressDashboard,
+  _t as ProgressDashboard,
   Ct as QuizSession,
   Pt as ResourceLibrary,
   It as ScrollableQuiz,