@hydralms/components 0.2.0 → 0.3.0

package/dist/sections.js

@@ -1,144 +1,162 @@
-import { A as be, a as ge, C as ve, b as Ne, D as we, E as ye, F as Ce, c as Se, G as ze, L as Te, d as ke, P as Ae, e as Pe, Q as Ue, R as Le, f as Qe, S as Ee } from "./ForumBoard-CHXU3mjC.js";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as S, useRef as Z, useMemo as U, useEffect as $, useCallback as J } from "react";
-import { c as f, C as Q, w as I, aj as O, an as W, B as L, am as X, aG as B, aI as D, aH as F, aB as q, aD as ee, aE as M, Z as K, a8 as G, b as _, aK as te, u as ie, aT as se } from "./tabs-Wf3h_Cx3.js";
-import { List as ne, Grid as re, Download as ae, Pin as le } from "lucide-react";
-function ue({
+import { m as q, S as ee } from "./StudentProfile-DeMxdrL3.js";
+import { A as Se, a as Ae, b as Te, C as Ce, c as ze, d as Le, D as Qe, E as Me, e as ke, F as Ee, f as Ie, G as je, L as Ue, g as Fe, P as Be, h as De, Q as Pe, R as Ve, i as _e, j as Ge, k as We } from "./StudentProfile-DeMxdrL3.js";
+import { jsx as e, jsxs as a, Fragment as te } from "react/jsx-runtime";
+import { useState as L, useRef as K, useMemo as j, useEffect as se, useCallback as O } from "react";
+import { c as f, C as U, x as Y, ao as ie, as as ae, v as z, at as Q, a1 as $, ar as ne, aN as _, aP as G, aO as W, aI as le, aK as re, aL as H, ac as J, a_ as R, ai as de } from "./tabs-BuY1iNJE.js";
+import { AlertCircle as oe, List as ce, Grid as me, Download as ue } from "lucide-react";
+const he = [];
+function ve({
   questions: l,
-  initialAnswers: h = [],
-  onSubmit: x,
-  onAnswerChange: b,
-  showNavigator: z = !0,
-  showQuestionNumbers: T = !0,
-  questionGroups: g,
-  isSubmitting: N = !1,
-  readOnly: u = !1,
-  className: k,
-  style: A
+  initialAnswers: N = [],
+  onSubmit: r,
+  onAnswerChange: y,
+  showNavigator: F = !0,
+  showQuestionNumbers: B = !0,
+  questionGroups: b,
+  isSubmitting: M = !1,
+  readOnly: h = !1,
+  isLoading: D,
+  error: k,
+  onRetry: E,
+  className: o,
+  style: p
 }) {
-  var V;
-  const [p, w] = S(h), [i, c] = S(((V = l[0]) == null ? void 0 : V.uid) ?? null), d = Z(/* @__PURE__ */ new Map()), m = U(() => {
+  var d;
+  const [S, x] = L(N), [A, T] = L(((d = l[0]) == null ? void 0 : d.uid) ?? null), m = K(/* @__PURE__ */ new Map()), g = j(() => {
     const s = /* @__PURE__ */ new Map();
-    for (const n of p) {
-      const a = s.get(n.uid);
-      a ? a.push(n) : s.set(n.uid, [n]);
+    for (const i of S) {
+      const n = s.get(i.uid);
+      n ? n.push(i) : s.set(i.uid, [i]);
     }
     return s;
-  }, [p]), P = U(
-    () => l.filter((s) => m.has(s.uid)).length,
-    [l, m]
+  }, [S]), v = j(
+    () => l.filter((s) => g.has(s.uid)).length,
+    [l, g]
   );
-  $(() => {
+  se(() => {
     const s = new IntersectionObserver(
-      (n) => {
-        for (const a of n)
-          a.isIntersecting && c(a.target.getAttribute("data-question-uid"));
+      (i) => {
+        for (const n of i)
+          n.isIntersecting && T(n.target.getAttribute("data-question-uid"));
       },
       { rootMargin: "-20% 0px -60% 0px" }
     );
-    return d.current.forEach((n) => s.observe(n)), () => s.disconnect();
+    return m.current.forEach((i) => s.observe(i)), () => s.disconnect();
   }, [l]);
-  const j = J((s, n) => {
-    n ? d.current.set(s, n) : d.current.delete(s);
-  }, []);
-  function t(s, n) {
-    const a = n.map((o) => ({
-      uid: s,
-      answerUid: o.uid,
-      content: o.content
-    }));
-    w((o) => {
-      const R = [...o.filter((Y) => Y.uid !== s), ...a];
-      return b == null || b(R), R;
-    });
-  }
-  function v(s) {
-    var n;
-    (n = d.current.get(s)) == null || n.scrollIntoView({ behavior: "smooth", block: "center" });
+  const P = O((s, i) => {
+    i ? m.current.set(s, i) : m.current.delete(s);
+  }, []), w = K(y);
+  w.current = y;
+  const I = O(
+    (s, i) => {
+      x(
+        (n) => q(n, s, i, w.current)
+      );
+    },
+    []
+  );
+  function u(s) {
+    var i;
+    (i = m.current.get(s)) == null || i.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-  const y = U(() => {
-    if (!g) return [{ label: null, questions: l }];
-    const s = g.map(
-      (o) => ({
-        label: o.label,
-        questions: o.questionUids.map((C) => l.find((R) => R.uid === C)).filter(Boolean)
+  const V = j(() => {
+    if (!b) return [{ label: null, questions: l }];
+    const s = b.map(
+      (c) => ({
+        label: c.label,
+        questions: c.questionUids.map((C) => l.find((Z) => Z.uid === C)).filter(Boolean)
       })
-    ), n = new Set(g.flatMap((o) => o.questionUids)), a = l.filter((o) => !n.has(o.uid));
-    return a.length > 0 && s.push({ label: null, questions: a }), s;
-  }, [l, g]);
-  let E = 0;
-  return /* @__PURE__ */ r("div", { className: f("flex gap-3", k), style: A, children: [
-    /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-      y.map((s, n) => /* @__PURE__ */ r("div", { children: [
-        s.label && /* @__PURE__ */ e("p", { className: f("text-lg font-semibold mb-2 text-foreground", n > 0 && "mt-4"), children: s.label }),
-        s.questions.map((a) => {
-          const o = E++;
-          return /* @__PURE__ */ e(
-            Q,
-            {
-              ref: (C) => j(a.uid, C),
-              "data-question-uid": a.uid,
-              className: "mb-2",
-              children: /* @__PURE__ */ r(I, { className: "pt-6", children: [
-                T && /* @__PURE__ */ r("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
-                  "Question ",
-                  o + 1
-                ] }),
-                /* @__PURE__ */ e(
-                  O,
-                  {
-                    question: a,
-                    sessionAnswers: m.get(a.uid) ?? [],
-                    onAnswer: (C) => t(a.uid, C),
-                    readOnly: u
-                  }
-                )
-              ] })
-            },
-            a.uid
-          );
-        })
-      ] }, s.label ?? `ungrouped-${n}`)),
-      /* @__PURE__ */ e(W, { className: "my-3" }),
-      /* @__PURE__ */ r("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-          P,
-          " of ",
-          l.length,
-          " answered"
+    ), i = new Set(b.flatMap((c) => c.questionUids)), n = l.filter((c) => !i.has(c.uid));
+    return n.length > 0 && s.push({ label: null, questions: n }), s;
+  }, [l, b]);
+  let t = 0;
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      isLoading: D,
+      error: k,
+      onRetry: E,
+      className: o,
+      style: p,
+      skeleton: /* @__PURE__ */ a(te, { children: [
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" })
+      ] }),
+      children: /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+          V.map((s, i) => /* @__PURE__ */ a("div", { children: [
+            s.label && /* @__PURE__ */ e("p", { className: f("text-lg font-semibold mb-2 text-foreground", i > 0 && "mt-4"), children: s.label }),
+            s.questions.map((n) => {
+              const c = t++;
+              return /* @__PURE__ */ e(
+                U,
+                {
+                  ref: (C) => P(n.uid, C),
+                  "data-question-uid": n.uid,
+                  className: "mb-2",
+                  children: /* @__PURE__ */ a(Y, { className: "pt-6", children: [
+                    B && /* @__PURE__ */ a("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
+                      "Question ",
+                      c + 1
+                    ] }),
+                    /* @__PURE__ */ e(
+                      ie,
+                      {
+                        question: n,
+                        sessionAnswers: g.get(n.uid) ?? he,
+                        onAnswer: (C) => I(n.uid, C),
+                        readOnly: h
+                      }
+                    )
+                  ] })
+                },
+                n.uid
+              );
+            })
+          ] }, s.label ?? `ungrouped-${i}`)),
+          /* @__PURE__ */ e(ae, { className: "my-3" }),
+          /* @__PURE__ */ a("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
+              v,
+              " of ",
+              l.length,
+              " answered"
+            ] }),
+            /* @__PURE__ */ e(
+              z,
+              {
+                onClick: () => r(S),
+                disabled: M || h,
+                children: M ? "Submitting..." : "Submit"
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ e(
-          L,
-          {
-            onClick: () => x(p),
-            disabled: N || u,
-            children: N ? "Submitting..." : "Submit"
-          }
-        )
+        F && /* @__PURE__ */ e(U, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start", children: /* @__PURE__ */ a(Y, { className: "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-1", children: l.map((s, i) => {
+            const n = g.has(s.uid), c = A === s.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",
+                  c ? "bg-primary border-primary text-primary-foreground" : n ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
+                ),
+                onClick: () => u(s.uid),
+                children: i + 1
+              },
+              s.uid
+            );
+          }) })
+        ] }) })
       ] })
-    ] }),
-    z && /* @__PURE__ */ e(Q, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start", children: /* @__PURE__ */ r(I, { className: "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-1", children: l.map((s, n) => {
-        const a = m.has(s.uid), o = i === s.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",
-              o ? "bg-primary border-primary text-primary-foreground" : a ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
-            ),
-            onClick: () => v(s.uid),
-            children: n + 1
-          },
-          s.uid
-        );
-      }) })
-    ] }) })
-  ] });
+    }
+  );
 }
-const H = {
+const X = {
   pdf: "document",
   document: "document",
   video: "video",
@@ -147,257 +165,200 @@ const H = {
   archive: "document",
   other: "document"
 };
-function pe({
+function we({
   resources: l,
-  categories: h,
-  onResourceClick: x,
-  onDownload: b,
-  viewMode: z = "list",
-  allowViewToggle: T = !0,
-  showSearch: g = !0,
-  emptyMessage: N = "No resources found",
-  readOnly: u = !1,
-  className: k,
-  style: A
+  categories: N,
+  onResourceClick: r,
+  onDownload: y,
+  viewMode: F = "list",
+  allowViewToggle: B = !0,
+  showSearch: b = !0,
+  emptyMessage: M = "No resources found",
+  readOnly: h = !1,
+  isLoading: D,
+  error: k,
+  onRetry: E,
+  pageSize: o,
+  currentPage: p = 1,
+  totalItems: S,
+  onPageChange: x,
+  className: A,
+  style: T
 }) {
-  const [p, w] = S(""), [i, c] = S(null), [d, m] = S(z), P = U(() => {
+  const [m, g] = L(""), [v, P] = L(null), [w, I] = L(F), u = j(() => {
     let t = l;
-    if (i && (t = t.filter((v) => v.categoryUid === i)), p.trim()) {
-      const v = p.toLowerCase();
+    if (v && (t = t.filter((d) => d.categoryUid === v)), m.trim()) {
+      const d = m.toLowerCase();
       t = t.filter(
-        (y) => {
-          var E;
-          return y.name.toLowerCase().includes(v) || ((E = y.description) == null ? void 0 : E.toLowerCase().includes(v));
+        (s) => {
+          var i;
+          return s.name.toLowerCase().includes(d) || ((i = s.description) == null ? void 0 : i.toLowerCase().includes(d));
         }
       );
     }
     return t;
-  }, [l, i, p]);
-  function j(t) {
-    const v = H[t.type] ?? "document";
-    return /* @__PURE__ */ r(
+  }, [l, v, m]);
+  if (D)
+    return /* @__PURE__ */ a("div", { className: f("space-y-4", A), style: T, children: [
+      /* @__PURE__ */ e(Q, { className: "h-9 w-full" }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((t, d) => /* @__PURE__ */ e(Q, { className: "h-32 w-full rounded-lg" }, d)) })
+    ] });
+  if (k)
+    return /* @__PURE__ */ e("div", { className: f("py-12", A), style: T, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(oe, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: k,
+        action: E ? /* @__PURE__ */ e(z, { variant: "outline", onClick: E, children: "Retry" }) : void 0
+      }
+    ) });
+  function V(t) {
+    const d = X[t.type] ?? "document";
+    return /* @__PURE__ */ a(
       "div",
       {
         className: f(
           "flex items-center gap-3 px-3 py-2",
-          !u && "cursor-pointer hover:bg-muted",
-          u && "opacity-70"
+          !h && r && "cursor-pointer hover:bg-muted",
+          (h || !r) && "opacity-70"
         ),
-        onClick: () => !u && x(t),
+        onClick: () => !h && (r == null ? void 0 : r(t)),
         children: [
-          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(G, { type: v, size: 20 }) }),
-          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(J, { type: d, size: 20 }) }),
+          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: t.name }),
             (t.description || t.fileSize != null) && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: [
               t.description,
-              t.fileSize != null && _(t.fileSize)
+              t.fileSize != null && R(t.fileSize)
             ].filter(Boolean).join(" · ") })
           ] }),
-          b && /* @__PURE__ */ r(B, { children: [
-            /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-              L,
+          y && /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+              z,
               {
                 variant: "ghost",
                 size: "icon-xs",
                 "aria-label": "Download",
-                onClick: (y) => {
-                  y.stopPropagation(), b(t);
+                onClick: (s) => {
+                  s.stopPropagation(), y(t);
                 },
-                children: /* @__PURE__ */ e(ae, { size: 16 })
+                children: /* @__PURE__ */ e(ue, { size: 16 })
               }
             ) }),
-            /* @__PURE__ */ e(F, { children: "Download" })
+            /* @__PURE__ */ e(W, { children: "Download" })
           ] })
         ]
       },
       t.uid
     );
   }
-  return /* @__PURE__ */ r("div", { className: k, style: A, children: [
-    /* @__PURE__ */ r("div", { className: "flex gap-2 items-center mb-2", children: [
-      g && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
-        X,
+  return /* @__PURE__ */ a("div", { className: A, style: T, children: [
+    /* @__PURE__ */ a("div", { className: "flex gap-2 items-center mb-2", children: [
+      b && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
+        ne,
         {
-          value: p,
-          onChange: w,
+          value: m,
+          onChange: g,
           placeholder: "Search resources...",
           size: "small"
         }
       ) }),
-      T && /* @__PURE__ */ r("div", { className: "flex gap-0.5", children: [
-        /* @__PURE__ */ r(B, { children: [
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            L,
+      B && /* @__PURE__ */ a("div", { className: "flex gap-0.5", children: [
+        /* @__PURE__ */ a(_, { children: [
+          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            z,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "List view",
-              className: f(d === "list" && "text-primary"),
-              onClick: () => m("list"),
-              children: /* @__PURE__ */ e(ne, { size: 18 })
+              className: f(w === "list" && "text-primary"),
+              onClick: () => I("list"),
+              children: /* @__PURE__ */ e(ce, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(F, { children: "List view" })
+          /* @__PURE__ */ e(W, { children: "List view" })
         ] }),
-        /* @__PURE__ */ r(B, { children: [
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            L,
+        /* @__PURE__ */ a(_, { children: [
+          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            z,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "Grid view",
-              className: f(d === "grid" && "text-primary"),
-              onClick: () => m("grid"),
-              children: /* @__PURE__ */ e(re, { size: 18 })
+              className: f(w === "grid" && "text-primary"),
+              onClick: () => I("grid"),
+              children: /* @__PURE__ */ e(me, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(F, { children: "Grid view" })
+          /* @__PURE__ */ e(W, { children: "Grid view" })
         ] })
       ] })
     ] }),
-    h && h.length > 0 && /* @__PURE__ */ e(
-      q,
+    N && N.length > 0 && /* @__PURE__ */ e(
+      le,
       {
-        value: i ?? "all",
-        onValueChange: (t) => c(t === "all" ? null : t),
+        value: v ?? "all",
+        onValueChange: (t) => P(t === "all" ? null : t),
         className: "mb-2",
-        children: /* @__PURE__ */ r(ee, { children: [
-          /* @__PURE__ */ e(M, { value: "all", children: "All" }),
-          h.map((t) => /* @__PURE__ */ e(M, { value: t.uid, children: t.label }, t.uid))
+        children: /* @__PURE__ */ a(re, { children: [
+          /* @__PURE__ */ e(H, { value: "all", children: "All" }),
+          N.map((t) => /* @__PURE__ */ e(H, { value: t.uid, children: t.label }, t.uid))
         ] })
       }
     ),
-    P.length === 0 ? /* @__PURE__ */ e(K, { title: N, description: "Try adjusting your search or filter." }) : d === "list" ? /* @__PURE__ */ e(Q, { children: P.map(j) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: P.map((t) => /* @__PURE__ */ e(
-      Q,
+    u.length === 0 ? /* @__PURE__ */ e($, { title: M, description: "Try adjusting your search or filter." }) : w === "list" ? /* @__PURE__ */ e(U, { children: (x && o ? u.slice((p - 1) * o, p * o) : u).map(V) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: (x && o ? u.slice((p - 1) * o, p * o) : u).map((t) => /* @__PURE__ */ e(
+      U,
       {
         className: f(
           "transition-colors",
-          !u && "cursor-pointer hover:border-primary"
+          !h && r && "cursor-pointer hover:border-primary"
         ),
-        onClick: () => !u && x(t),
-        children: /* @__PURE__ */ r(I, { className: "pt-4 pb-4", children: [
-          /* @__PURE__ */ r("div", { className: "flex gap-1 items-center mb-1", children: [
-            /* @__PURE__ */ e(G, { type: H[t.type] ?? "document", size: 20 }),
+        onClick: () => !h && (r == null ? void 0 : r(t)),
+        children: /* @__PURE__ */ a(Y, { className: "pt-4 pb-4", children: [
+          /* @__PURE__ */ a("div", { className: "flex gap-1 items-center mb-1", children: [
+            /* @__PURE__ */ e(J, { type: X[t.type] ?? "document", size: 20 }),
             /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: t.name })
           ] }),
           t.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: t.description }),
-          t.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: _(t.fileSize) })
+          t.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: R(t.fileSize) })
         ] })
       },
       t.uid
-    )) })
-  ] });
-}
-function fe({
-  announcements: l,
-  onMarkRead: h,
-  onSelect: x,
-  showAvatars: b = !0,
-  previewLines: z = 3,
-  emptyMessage: T = "No announcements yet",
-  readOnly: g = !1,
-  className: N,
-  style: u
-}) {
-  const [k, A] = S(/* @__PURE__ */ new Set()), p = U(() => {
-    const i = l.filter((d) => d.isPinned), c = l.filter((d) => !d.isPinned);
-    return [...i, ...c];
-  }, [l]);
-  function w(i) {
-    A((d) => {
-      const m = new Set(d);
-      return m.has(i) ? m.delete(i) : m.add(i), m;
-    });
-    const c = l.find((d) => d.uid === i);
-    c && !c.isRead && (h == null || h(i));
-  }
-  return p.length === 0 ? /* @__PURE__ */ e("div", { className: N, style: u, children: /* @__PURE__ */ e(K, { title: T }) }) : /* @__PURE__ */ e("div", { className: f("flex flex-col gap-2", N), style: u, children: p.map((i) => {
-    const c = k.has(i.uid);
-    return /* @__PURE__ */ e(
-      Q,
+    )) }),
+    x && o && u.length > 0 && /* @__PURE__ */ e(
+      de,
       {
-        className: f(
-          i.isRead && "opacity-85",
-          x && "cursor-pointer",
-          i.isPinned && "border-l-4 border-l-warning"
-        ),
-        onClick: () => x && !g ? x(i) : w(i.uid),
-        children: /* @__PURE__ */ e(I, { className: "py-4", children: /* @__PURE__ */ r("div", { className: "flex gap-1.5 items-start", children: [
-          b && /* @__PURE__ */ e(
-            te,
-            {
-              displayName: i.author.displayName,
-              avatarUrl: i.author.avatarUrl,
-              role: i.author.role,
-              size: "medium"
-            }
-          ),
-          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-0.5", children: [
-              i.isPinned && /* @__PURE__ */ e(le, { size: 14 }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: f("text-foreground", i.isRead ? "font-normal" : "font-semibold"),
-                  children: i.title
-                }
-              ),
-              !i.isRead && /* @__PURE__ */ e(ie, { variant: "destructive", className: "text-[10px] px-1.5 py-0", children: "New" })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "block text-xs text-muted-foreground mb-1", children: [
-              i.author.displayName,
-              " · ",
-              se(i.createdAt)
-            ] }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: f(
-                  "text-sm text-foreground",
-                  !c && "line-clamp-(--preview-lines) overflow-hidden"
-                ),
-                style: c ? void 0 : { "--preview-lines": z },
-                children: i.content
-              }
-            ),
-            !c && i.content.length > 200 && /* @__PURE__ */ e(
-              L,
-              {
-                variant: "link",
-                size: "xs",
-                className: "px-0 mt-0.5 h-auto",
-                onClick: (d) => {
-                  d.stopPropagation(), w(i.uid);
-                },
-                children: "Read more"
-              }
-            )
-          ] })
-        ] }) })
-      },
-      i.uid
-    );
-  }) });
+        currentPage: p,
+        totalPages: Math.ceil((S ?? u.length) / o),
+        onPageChange: x,
+        className: "mt-4"
+      }
+    )
+  ] });
 }
 export {
-  fe as AnnouncementFeed,
-  be as AssessmentReview,
-  ge as AssignmentSubmission,
-  ve as CertificateViewer,
-  Ne as CourseOutline,
-  we as DiscussionThread,
-  ye as ExamSession,
-  Ce as FlashcardStudySession,
-  Se as ForumBoard,
-  ze as GradebookTable,
-  Te as LecturePlayer,
-  ke as LessonPage,
-  Ae as PracticeQuiz,
-  Pe as ProgressDashboard,
-  Ue as QuizSession,
-  Le as RequirementsChecklist,
-  pe as ResourceLibrary,
-  Qe as RubricView,
-  ue as ScrollableQuiz,
-  Ee as SurveyForm
+  Se as AnnouncementFeed,
+  Ae as AssessmentReview,
+  Te as AssignmentSubmission,
+  Ce as CertificateViewer,
+  ze as CourseCatalog,
+  Le as CourseOutline,
+  Qe as DiscussionThread,
+  Me as EnrollmentWizard,
+  ke as ExamSession,
+  Ee as FlashcardStudySession,
+  Ie as ForumBoard,
+  je as GradebookTable,
+  Ue as LecturePlayer,
+  Fe as LessonPage,
+  Be as PracticeQuiz,
+  De as ProgressDashboard,
+  Pe as QuizSession,
+  Ve as RequirementsChecklist,
+  we as ResourceLibrary,
+  _e as RubricView,
+  ve as ScrollableQuiz,
+  Ge as StudentProfile,
+  We as SurveyForm
 };