@hydralms/components 0.1.0 → 0.1.1

package/dist/table-BrS5cDQu.js

@@ -0,0 +1,2510 @@
+import { jsx as t, jsxs as u, Fragment as ee } from "react/jsx-runtime";
+import { Clock as $, Flag as pe, ChevronLeft as te, Send as he, ChevronRight as H, RotateCcw as B, BookOpen as U, Code as K, Image as be, Music as xe, ExternalLink as W, MessageSquare as ve, ClipboardList as ye, HelpCircle as Z, FileText as j, PlayCircle as Ne, Video as R, CheckCircle2 as we, Circle as Ce, ChevronDown as ke, Play as G, Search as Te, X as re, CheckCircle as ne, XCircle as ze, Star as _e, Minus as Se, TrendingDown as Ie, TrendingUp as De, Pin as Le, Lightbulb as Me, AlertTriangle as Ee, Info as je, Upload as $e, File as Re } from "lucide-react";
+import * as E from "react";
+import { useState as v, useEffect as C, useCallback as T, useRef as k, useId as V, useLayoutEffect as Ve, isValidElement as He, cloneElement as Fe, createContext as F, useContext as P, useMemo as Pe } from "react";
+import { createPortal as ae } from "react-dom";
+import { cva as S } from "class-variance-authority";
+import { clsx as Oe } from "clsx";
+import { twMerge as Ae } from "tailwind-merge";
+function m(...e) {
+  return Ae(Oe(e));
+}
+const Be = S(
+  "relative flex w-full items-start gap-3 rounded-lg border p-4 text-sm [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-foreground",
+        destructive: "border-destructive/50 bg-destructive/5 text-destructive [&>svg]:text-destructive",
+        success: "border-success/50 bg-success/5 text-success [&>svg]:text-success",
+        warning: "border-warning/50 bg-warning/5 text-warning [&>svg]:text-warning",
+        info: "border-info/50 bg-info/5 text-info [&>svg]:text-info"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function I({
+  className: e,
+  variant: r,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: m(Be({ variant: r }), e),
+      ...n
+    }
+  );
+}
+function cr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: m("font-medium leading-normal tracking-tight", e),
+      ...r
+    }
+  );
+}
+function D({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: m("text-foreground text-sm [&_p]:leading-relaxed", e),
+      ...r
+    }
+  );
+}
+const Ue = ({
+  question: e,
+  sessionAnswers: r,
+  onAnswer: n,
+  readOnly: a = !1,
+  showCorrectAnswers: s = !1,
+  disabled: l = !1
+}) => {
+  const [o, i] = v([]), g = [...e.answers || []].sort(
+    (d, c) => d.sequence - c.sequence
+  ), f = (d) => {
+    a || l || i((c) => {
+      const p = c.includes(d) ? c.filter((b) => b !== d) : [...c, d];
+      return n == null || n(p.map((b) => ({ uid: b }))), p;
+    });
+  };
+  C(() => {
+    const d = (r == null ? void 0 : r.map((c) => c.answerUid)) || [];
+    i(d);
+  }, [r]);
+  const h = (d) => {
+    var p;
+    if (!s) return "";
+    const c = (p = e.answers) == null ? void 0 : p.find((b) => b.uid === d);
+    return c != null && c.isCorrect ? "bg-success/10 border border-success/30 px-2" : o.includes(d) && !(c != null && c.isCorrect) ? "bg-destructive/10 border border-destructive/30 px-2" : "";
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: g.map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: m("rounded-md transition-colors", h(d.uid)),
+        children: /* @__PURE__ */ u("label", { className: "flex items-center gap-2 cursor-pointer py-1 has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "checkbox",
+              checked: o.includes(d.uid),
+              onChange: () => f(d.uid),
+              disabled: a || l,
+              className: "accent-primary m-0 shrink-0"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: "text-sm",
+              dangerouslySetInnerHTML: { __html: d.content }
+            }
+          )
+        ] })
+      },
+      d.uid
+    )) }),
+    s && e.explanation && /* @__PURE__ */ t(I, { className: "mt-2", children: /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}, Ke = ({
+  question: e,
+  sessionAnswers: r,
+  onAnswer: n,
+  readOnly: a = !1,
+  showCorrectAnswers: s = !1,
+  disabled: l = !1
+}) => {
+  const [o, i] = v(""), g = [...e.answers || []].sort(
+    (d, c) => d.sequence - c.sequence
+  ), f = (d) => {
+    a || l || (i(d), n == null || n([{ uid: d }]));
+  };
+  C(() => {
+    var c;
+    const d = ((c = r == null ? void 0 : r[0]) == null ? void 0 : c.answerUid) || "";
+    i(d);
+  }, [r]);
+  const h = (d) => {
+    var p;
+    if (!s) return "px-2";
+    const c = (p = e.answers) == null ? void 0 : p.find((b) => b.uid === d);
+    return c != null && c.isCorrect ? "bg-success/10 border border-success/30 px-2" : o === d && !(c != null && c.isCorrect) ? "bg-destructive/10 border border-destructive/30 px-2" : "px-2";
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: g.map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: m("rounded-md transition-colors", h(d.uid)),
+        children: /* @__PURE__ */ u("label", { className: "flex items-center gap-2 cursor-pointer py-1 has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "radio",
+              name: e.uid,
+              value: d.uid,
+              checked: o === d.uid,
+              onChange: () => f(d.uid),
+              disabled: a || l,
+              className: "accent-primary m-0 shrink-0"
+            }
+          ),
+          /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: d.content } })
+        ] })
+      },
+      d.uid
+    )) }),
+    s && e.explanation && /* @__PURE__ */ t(I, { className: "mt-2", children: /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}, We = ({
+  question: e,
+  sessionAnswers: r,
+  onAnswer: n,
+  readOnly: a = !1,
+  showCorrectAnswers: s = !1,
+  disabled: l = !1
+}) => {
+  const [o, i] = v(""), g = [...e.answers || []].sort(
+    (d, c) => d.sequence - c.sequence
+  ), f = (d) => {
+    a || l || (i(d), n == null || n([{ uid: d }]));
+  };
+  C(() => {
+    var c;
+    const d = ((c = r == null ? void 0 : r[0]) == null ? void 0 : c.answerUid) || "";
+    i(d);
+  }, [r]);
+  const h = (d) => {
+    var p;
+    if (!s) return "px-2";
+    const c = (p = e.answers) == null ? void 0 : p.find((b) => b.uid === d);
+    return c != null && c.isCorrect ? "bg-success/10 border border-success/30 px-2" : o === d && !(c != null && c.isCorrect) ? "bg-destructive/10 border border-destructive/30 px-2" : "px-2";
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: g.map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: m("rounded-md transition-colors", h(d.uid)),
+        children: /* @__PURE__ */ u("label", { className: "flex items-center gap-2 cursor-pointer py-1 has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "radio",
+              name: e.uid,
+              value: d.uid,
+              checked: o === d.uid,
+              onChange: () => f(d.uid),
+              disabled: a || l,
+              className: "accent-primary m-0 shrink-0"
+            }
+          ),
+          /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: d.content } })
+        ] })
+      },
+      d.uid
+    )) }),
+    s && e.explanation && /* @__PURE__ */ t(I, { className: "mt-2", children: /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+};
+function O(e, r) {
+  let n;
+  return (...a) => {
+    clearTimeout(n), n = setTimeout(() => e(...a), r);
+  };
+}
+function Ze({ className: e, type: r, ...n }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: r,
+      "data-slot": "input",
+      className: m(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 aria-invalid:border-destructive",
+        e
+      ),
+      ...n
+    }
+  );
+}
+const Ge = ({
+  question: e,
+  sessionAnswers: r,
+  onAnswer: n,
+  readOnly: a = !1,
+  showCorrectAnswers: s = !1,
+  disabled: l = !1
+}) => {
+  const [o, i] = v(""), g = T(
+    O((h) => {
+      var d, c;
+      n == null || n([
+        {
+          uid: ((c = (d = e.answers) == null ? void 0 : d[0]) == null ? void 0 : c.uid) || "",
+          content: h
+        }
+      ]);
+    }, 300),
+    [n, e.answers]
+  ), f = (h) => {
+    const d = h.target.value;
+    i(d), g(d);
+  };
+  return C(() => {
+    var h;
+    i(((h = r == null ? void 0 : r[0]) == null ? void 0 : h.content) || "");
+  }, [r]), /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t(
+      Ze,
+      {
+        value: o,
+        onChange: f,
+        placeholder: "Type your answer here...",
+        disabled: a || l
+      }
+    ),
+    s && e.explanation && /* @__PURE__ */ t(I, { className: "mt-1", children: /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+};
+function Ye({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: m(
+        "placeholder:text-muted-foreground border-input flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 aria-invalid:border-destructive",
+        e
+      ),
+      ...r
+    }
+  );
+}
+const Xe = ({
+  question: e,
+  sessionAnswers: r,
+  onAnswer: n,
+  readOnly: a = !1,
+  disabled: s = !1
+}) => {
+  const [l, o] = v(""), i = T(
+    O((f) => {
+      var h, d;
+      n == null || n([
+        {
+          uid: ((d = (h = e.answers) == null ? void 0 : h[0]) == null ? void 0 : d.uid) || e.uid,
+          content: f
+        }
+      ]);
+    }, 500),
+    [n, e.answers, e.uid]
+  ), g = (f) => {
+    const h = f.target.value;
+    o(h), i(h);
+  };
+  return C(() => {
+    var f;
+    o(((f = r == null ? void 0 : r[0]) == null ? void 0 : f.content) || "");
+  }, [r]), /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t(
+      Ye,
+      {
+        className: "min-h-30 resize-y",
+        value: l,
+        onChange: g,
+        placeholder: "Write your response here...",
+        disabled: a || s
+      }
+    )
+  ] });
+}, Je = (e) => {
+  switch (e.question.type) {
+    case "multiple_choice":
+      return /* @__PURE__ */ t(Ue, { ...e });
+    case "choice":
+      return /* @__PURE__ */ t(Ke, { ...e });
+    case "true_false":
+      return /* @__PURE__ */ t(We, { ...e });
+    case "fill_in_the_blank":
+      return /* @__PURE__ */ t(Ge, { ...e });
+    case "essay":
+      return /* @__PURE__ */ t(Xe, { ...e });
+    default:
+      return /* @__PURE__ */ u("p", { className: "text-muted-foreground", children: [
+        "Question type “",
+        e.question.type,
+        "” is not supported yet."
+      ] });
+  }
+}, Qe = (e) => {
+  if (e < 1)
+    return "-";
+  const r = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), a = e % 60, s = [];
+  return r > 0 && s.push(`${r}h`), n > 0 && s.push(`${n}m`), a > 0 && s.push(`${a}s`), s.join(" ");
+}, Y = (e) => {
+  const r = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), a = e % 60, s = (l) => l.toString().padStart(2, "0");
+  return r > 0 ? `${s(r)}:${s(n)}:${s(a)}` : `${s(n)}:${s(a)}`;
+};
+function qe(e, r) {
+  return e ? {
+    wrapper: "border-destructive/30 bg-destructive/10 text-destructive",
+    bold: !0
+  } : r ? {
+    wrapper: "border-warning/30 bg-warning/10 text-warning",
+    bold: !0
+  } : {
+    wrapper: "border-border bg-muted text-muted-foreground",
+    bold: !1
+  };
+}
+const et = ({
+  timeElapsedSeconds: e,
+  timeLimitSeconds: r,
+  variant: n = "compact"
+}) => {
+  const a = r != null && r > 0, s = a ? Math.max(0, r - e) : 0, l = a && s < r * 0.1, o = a && s <= 60, i = Y(a ? s : e), g = qe(o, l);
+  return n === "compact" ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: m(
+        "flex items-center gap-1.5 px-2.5 py-1 rounded-full border",
+        g.wrapper
+      ),
+      children: [
+        /* @__PURE__ */ t("span", { className: "inline-flex leading-none", children: /* @__PURE__ */ t($, { size: 13 }) }),
+        /* @__PURE__ */ t("span", { className: "text-xs font-semibold font-mono tracking-wide", children: i })
+      ]
+    }
+  ) : /* @__PURE__ */ u("div", { className: m("flex items-center gap-1.5", g.wrapper), children: [
+    /* @__PURE__ */ t("span", { className: "inline-flex leading-none", children: /* @__PURE__ */ t($, { size: 16 }) }),
+    /* @__PURE__ */ u("span", { className: m("text-sm", g.bold && "font-semibold"), children: [
+      a ? "Time remaining: " : "Time elapsed: ",
+      /* @__PURE__ */ t("span", { className: "font-mono font-semibold", children: i })
+    ] })
+  ] });
+}, se = F(null);
+function oe() {
+  const e = P(se);
+  if (!e) throw new Error("Tooltip compound components must be used within <Tooltip>");
+  return e;
+}
+function tt({ children: e, delayDuration: r = 300 }) {
+  const [n, a] = v(!1), s = k(null), l = k(void 0), o = V(), i = T(() => {
+    clearTimeout(l.current), l.current = setTimeout(() => a(!0), r);
+  }, [r]), g = T(() => {
+    clearTimeout(l.current), a(!1);
+  }, []);
+  return /* @__PURE__ */ t(se.Provider, { value: { open: n, show: i, hide: g, triggerRef: s, tooltipId: o }, children: e });
+}
+function rt({ children: e }) {
+  const { show: r, hide: n, triggerRef: a, tooltipId: s, open: l } = oe();
+  return He(e) ? Fe(e, {
+    ref: (o) => {
+      a.current = o;
+      const i = e.ref;
+      typeof i == "function" ? i(o) : i && typeof i == "object" && (i.current = o);
+    },
+    onMouseEnter: (o) => {
+      r();
+      const i = e.props.onMouseEnter;
+      i == null || i(o);
+    },
+    onMouseLeave: (o) => {
+      n();
+      const i = e.props.onMouseLeave;
+      i == null || i(o);
+    },
+    onFocus: (o) => {
+      r();
+      const i = e.props.onFocus;
+      i == null || i(o);
+    },
+    onBlur: (o) => {
+      n();
+      const i = e.props.onBlur;
+      i == null || i(o);
+    },
+    "aria-describedby": l ? s : void 0
+  }) : e;
+}
+function nt({
+  className: e,
+  sideOffset: r = 8,
+  children: n,
+  style: a,
+  ...s
+}) {
+  const { open: l, triggerRef: o, tooltipId: i } = oe(), g = k(null), [f, h] = v({
+    position: "fixed",
+    top: 0,
+    left: 0,
+    visibility: "hidden"
+  });
+  return Ve(() => {
+    if (!l || !o.current || !g.current) return;
+    const d = o.current.getBoundingClientRect(), c = g.current.getBoundingClientRect();
+    let p = d.top - c.height - r, b = d.left + d.width / 2 - c.width / 2;
+    p < 4 && (p = d.bottom + r), b < 4 && (b = 4), b + c.width > window.innerWidth - 4 && (b = window.innerWidth - c.width - 4), h({ position: "fixed", top: p, left: b, visibility: "visible" });
+  }, [l, r, o]), l ? ae(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: g,
+        id: i,
+        role: "tooltip",
+        "data-slot": "tooltip-content",
+        className: m(
+          "bg-primary text-primary-foreground z-50 max-w-60 rounded-md px-2.5 py-1.5 text-xs leading-snug shadow-md animate-in fade-in-0 zoom-in-95",
+          e
+        ),
+        style: { ...f, ...a },
+        ...s,
+        children: n
+      }
+    ),
+    document.body
+  ) : null;
+}
+const at = {
+  current: "bg-primary text-primary-foreground border-primary",
+  flagged: "bg-warning/10 text-warning border-warning/30",
+  answered: "bg-success/10 text-success border-success/30",
+  default: "bg-background text-muted-foreground border-border"
+}, st = (e, r) => e.uid === r ? "current" : e.isFlagged ? "flagged" : e.isAnswered ? "answered" : "default", ot = ({
+  questions: e,
+  currentQuestionUid: r,
+  onNavigate: n,
+  onToggleFlag: a,
+  readOnly: s = !1
+}) => {
+  const l = (o) => {
+    const i = [`Question ${o.sequence + 1}`];
+    return o.isFlagged && i.push("Flagged"), o.isAnswered && i.push("Answered"), o.isSkipped && i.push("Skipped"), i.join(" · ");
+  };
+  return /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5", children: e.map((o) => {
+    const i = st(o, r);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        title: l(o),
+        className: m(
+          "inline-flex items-center gap-1 px-2 py-1 rounded-md border transition-all duration-150",
+          at[i],
+          s ? "cursor-default" : "cursor-pointer hover:shadow-sm hover:-translate-y-px"
+        ),
+        onClick: s ? void 0 : () => n == null ? void 0 : n(o.uid),
+        children: [
+          /* @__PURE__ */ t("span", { className: "text-xs font-semibold min-w-4 text-center", children: o.sequence + 1 }),
+          !s && a && /* @__PURE__ */ u(tt, { children: [
+            /* @__PURE__ */ t(rt, { children: /* @__PURE__ */ t(
+              "span",
+              {
+                role: "button",
+                "aria-label": o.isFlagged ? "Unflag question" : "Flag question",
+                className: m(
+                  "inline-flex cursor-pointer transition-colors duration-150",
+                  o.isFlagged ? "text-warning" : i === "current" ? "text-primary-foreground/60 hover:text-primary-foreground" : "text-muted-foreground hover:text-warning"
+                ),
+                onClick: (g) => {
+                  g.stopPropagation(), a(o.uid);
+                },
+                children: /* @__PURE__ */ t(pe, { size: 11, fill: o.isFlagged ? "currentColor" : "none" })
+              }
+            ) }),
+            /* @__PURE__ */ t(nt, { children: o.isFlagged ? "Unflag question" : "Flag question" })
+          ] })
+        ]
+      },
+      o.uid
+    );
+  }) });
+};
+function ie({
+  children: e,
+  ...r
+}) {
+  return E.isValidElement(e) ? E.cloneElement(e, {
+    ...it(r, e.props),
+    ref: e.ref
+  }) : (E.Children.count(e) > 1 && E.Children.only(null), null);
+}
+function it(e, r) {
+  const n = { ...r };
+  for (const a in r) {
+    const s = e[a], l = r[a];
+    a === "style" ? n[a] = { ...s, ...l } : a === "className" ? n[a] = [s, l].filter(Boolean).join(" ") : typeof s == "function" && typeof l == "function" && (n[a] = (...o) => {
+      l(...o), s(...o);
+    });
+  }
+  return { ...e, ...n };
+}
+const A = S(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function _({
+  className: e,
+  variant: r = "default",
+  size: n = "default",
+  asChild: a = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    a ? ie : "button",
+    {
+      "data-slot": "button",
+      className: m(A({ variant: r, size: n, className: e })),
+      ...s
+    }
+  );
+}
+const ur = ({
+  currentQuestionIndex: e,
+  totalQuestions: r,
+  hasNext: n,
+  hasPrevious: a,
+  onNext: s,
+  onPrevious: l,
+  onSubmit: o,
+  timeElapsedSeconds: i,
+  timeLimitSeconds: g,
+  questions: f,
+  onNavigateToQuestion: h,
+  onToggleFlag: d,
+  currentQuestionUid: c,
+  isCompleted: p = !1,
+  isSubmitting: b = !1,
+  readOnly: x = !1
+}) => {
+  const N = i != null && i >= 0, y = f && f.length > 0;
+  return /* @__PURE__ */ u("div", { className: "rounded-lg border border-border overflow-hidden shadow-sm", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center justify-between px-4 py-2.5 bg-muted border-b border-border", children: [
+      /* @__PURE__ */ u("span", { className: "text-sm font-medium text-foreground", children: [
+        "Question",
+        " ",
+        /* @__PURE__ */ t("span", { className: "font-bold", children: e + 1 }),
+        " ",
+        "of ",
+        r
+      ] }),
+      N && /* @__PURE__ */ t(
+        et,
+        {
+          timeElapsedSeconds: i,
+          timeLimitSeconds: g
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ t("div", { className: "px-4 py-3 border-b border-border", children: /* @__PURE__ */ t(
+      ot,
+      {
+        questions: f,
+        currentQuestionUid: c,
+        onNavigate: h,
+        onToggleFlag: d,
+        readOnly: x
+      }
+    ) }),
+    /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 px-4 py-3", children: [
+      /* @__PURE__ */ u(
+        _,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "rounded-lg",
+          disabled: !a || x,
+          onClick: l,
+          children: [
+            /* @__PURE__ */ t(te, { size: 16 }),
+            " Previous"
+          ]
+        }
+      ),
+      !n || p ? /* @__PURE__ */ u(
+        _,
+        {
+          variant: p ? "secondary" : "default",
+          size: "sm",
+          className: "rounded-lg",
+          onClick: o,
+          disabled: x || b,
+          children: [
+            b ? "Submitting..." : p ? "Review" : "Submit",
+            !b && /* @__PURE__ */ t(he, { size: 14 })
+          ]
+        }
+      ) : /* @__PURE__ */ u(
+        _,
+        {
+          size: "sm",
+          className: "rounded-lg",
+          disabled: !n || x,
+          onClick: s,
+          children: [
+            "Next ",
+            /* @__PURE__ */ t(H, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, X = {
+  color1: { bg: "bg-blue-50 dark:bg-blue-950/40", border: "border-blue-200 dark:border-blue-800", accent: "bg-blue-200 dark:bg-blue-800" },
+  color2: { bg: "bg-violet-50 dark:bg-violet-950/40", border: "border-violet-200 dark:border-violet-800", accent: "bg-violet-200 dark:bg-violet-800" },
+  color3: { bg: "bg-emerald-50 dark:bg-emerald-950/40", border: "border-emerald-200 dark:border-emerald-800", accent: "bg-emerald-200 dark:bg-emerald-800" },
+  color4: { bg: "bg-amber-50 dark:bg-amber-950/40", border: "border-amber-200 dark:border-amber-800", accent: "bg-amber-200 dark:bg-amber-800" },
+  color5: { bg: "bg-rose-50 dark:bg-rose-950/40", border: "border-rose-200 dark:border-rose-800", accent: "bg-rose-200 dark:bg-rose-800" },
+  color6: { bg: "bg-green-50 dark:bg-green-950/40", border: "border-green-200 dark:border-green-800", accent: "bg-green-200 dark:bg-green-800" }
+}, lt = {
+  small: { width: 280, height: 180, fontSize: "0.875rem" },
+  medium: { width: 400, height: 260, fontSize: "1rem" },
+  large: { width: 520, height: 340, fontSize: "1.125rem" }
+}, dt = ({
+  card: e,
+  isFlipped: r,
+  onFlip: n,
+  readOnly: a = !1,
+  size: s = "medium"
+}) => {
+  const [l, o] = v(!1), i = r !== void 0, g = i ? r : l, f = () => {
+    a || (i || o((b) => !b), n == null || n());
+  }, { width: h, height: d, fontSize: c } = lt[s], p = X[e.color] || X.color1;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "perspective-[1000px]",
+      style: { width: `${h}px`, height: `${d}px` },
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: m(
+            "relative size-full transition-transform duration-500 transform-3d",
+            g && "transform-[rotateY(180deg)]"
+          ),
+          children: [
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: m(
+                  "absolute inset-0 flex flex-col rounded-lg border backface-hidden",
+                  p.bg,
+                  p.border,
+                  !a && "cursor-pointer"
+                ),
+                onClick: f,
+                children: [
+                  /* @__PURE__ */ t("div", { className: "flex flex-1 items-center justify-center p-5 overflow-auto", children: /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: "text-center",
+                      style: { fontSize: c },
+                      dangerouslySetInnerHTML: { __html: e.front }
+                    }
+                  ) }),
+                  !a && /* @__PURE__ */ u("div", { className: "flex items-center justify-center gap-1 pb-3 text-muted-foreground", children: [
+                    /* @__PURE__ */ t(B, { size: 12 }),
+                    /* @__PURE__ */ t("span", { className: "text-xs", children: "Tap to flip" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: m(
+                  "absolute inset-0 flex flex-col rounded-lg border border-border bg-background backface-hidden transform-[rotateY(180deg)]",
+                  !a && "cursor-pointer"
+                ),
+                onClick: f,
+                children: [
+                  /* @__PURE__ */ t("div", { className: m("h-1.5 rounded-t-lg", p.accent) }),
+                  /* @__PURE__ */ t("div", { className: "flex flex-1 items-start justify-center p-5 overflow-auto", children: /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: "text-left w-full flashcard-back-content",
+                      style: { fontSize: c },
+                      dangerouslySetInnerHTML: { __html: e.back }
+                    }
+                  ) }),
+                  !a && /* @__PURE__ */ u("div", { className: "flex items-center justify-center gap-1 pb-3 text-muted-foreground", children: [
+                    /* @__PURE__ */ t(B, { size: 12 }),
+                    /* @__PURE__ */ t("span", { className: "text-xs", children: "Tap to flip back" })
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+function ct(e) {
+  const r = [...e];
+  for (let n = r.length - 1; n > 0; n--) {
+    const a = Math.floor(Math.random() * (n + 1));
+    [r[n], r[a]] = [r[a], r[n]];
+  }
+  return r;
+}
+const ut = ({
+  cards: e,
+  deckName: r,
+  deckDescription: n,
+  currentIndex: a,
+  onNavigate: s,
+  onComplete: l,
+  readOnly: o = !1,
+  showProgress: i = !0,
+  shuffled: g = !1
+}) => {
+  const f = Pe(
+    () => g ? ct(e) : e,
+    [e, g]
+  ), [h, d] = v(0), [c, p] = v(!1), b = a !== void 0, x = b ? a : h, N = f[x], y = x > 0, w = x < f.length - 1, z = (M) => {
+    p(!1), b ? s == null || s(M) : d(M);
+  }, fe = () => {
+    y && z(x - 1);
+  }, me = () => {
+    w ? z(x + 1) : l == null || l();
+  };
+  if (!f.length)
+    return /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: "No flashcards in this deck." });
+  const ge = (x + 1) / f.length * 100;
+  return /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-4", children: [
+    (r || n) && /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 text-center", children: [
+      r && /* @__PURE__ */ t("span", { className: "text-lg font-semibold", children: r }),
+      n && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: n })
+    ] }),
+    N && /* @__PURE__ */ t(
+      dt,
+      {
+        card: N,
+        isFlipped: c,
+        onFlip: () => p((M) => !M),
+        readOnly: o
+      }
+    ),
+    i && /* @__PURE__ */ u("div", { className: "flex w-full items-center gap-2", children: [
+      /* @__PURE__ */ t("div", { className: "flex-1 h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: "h-full rounded-full bg-primary transition-[width] duration-300",
+          style: { width: `${ge}%` }
+        }
+      ) }),
+      /* @__PURE__ */ u("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+        x + 1,
+        " of ",
+        f.length
+      ] })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "flex w-full items-center justify-between gap-3", children: [
+      /* @__PURE__ */ u(
+        _,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "rounded-lg",
+          disabled: !y,
+          onClick: fe,
+          children: [
+            /* @__PURE__ */ t(te, { size: 16 }),
+            " Previous"
+          ]
+        }
+      ),
+      /* @__PURE__ */ u(
+        _,
+        {
+          size: "sm",
+          className: "rounded-lg",
+          onClick: me,
+          children: [
+            w ? "Next" : "Finish",
+            " ",
+            /* @__PURE__ */ t(H, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, ft = {
+  video: R,
+  video_lesson: R,
+  stream: Ne,
+  document: j,
+  pdf: j,
+  page: j,
+  quiz: Z,
+  assessment: Z,
+  assignment: ye,
+  discussion: ve,
+  link: W,
+  url: W,
+  audio: xe,
+  image: be,
+  scorm: K,
+  iframe: K,
+  lesson: U,
+  module: U
+}, mt = ({
+  type: e,
+  size: r = 18
+}) => {
+  const n = ft[e] ?? j;
+  return /* @__PURE__ */ t(n, { size: r });
+}, gt = ({
+  item: e,
+  level: r,
+  isActive: n = !1,
+  isCompleted: a = !1,
+  isExpanded: s = !1,
+  hasChildren: l,
+  onToggleExpand: o,
+  onClick: i,
+  showDuration: g = !0,
+  showIcon: f = !0,
+  showProgress: h = !0
+}) => {
+  const d = l, c = d ? "font-semibold" : n ? "font-medium" : "font-normal";
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m(
+        "flex items-center gap-2 py-2 pr-3 transition-colors",
+        i && "cursor-pointer hover:bg-muted",
+        n && "bg-secondary"
+      ),
+      style: { paddingLeft: `${r * 20 + 8}px` },
+      onClick: i,
+      children: [
+        /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center justify-center size-5", children: h && a ? /* @__PURE__ */ t("span", { className: "text-success", children: /* @__PURE__ */ t(we, { size: 18 }) }) : f ? /* @__PURE__ */ t("span", { className: n ? "text-primary" : "text-muted-foreground", children: /* @__PURE__ */ t(mt, { type: e.type, size: 16 }) }) : /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: /* @__PURE__ */ t(Ce, { size: 16 }) }) }),
+        /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: m("text-sm truncate", n ? "text-primary" : "text-foreground", c),
+              children: e.name
+            }
+          ),
+          g && e.duration > 0 && !d && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground mt-0.5", children: Qe(e.duration) })
+        ] }),
+        l && /* @__PURE__ */ t(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            "aria-label": s ? "Collapse" : "Expand",
+            onClick: (p) => {
+              p.stopPropagation(), o == null || o();
+            },
+            children: s ? /* @__PURE__ */ t(ke, { size: 16 }) : /* @__PURE__ */ t(H, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}, fr = ({
+  items: e,
+  progress: r,
+  activeItemUid: n,
+  onItemClick: a,
+  readOnly: s = !1,
+  showDuration: l = !0,
+  showIcons: o = !0,
+  showProgress: i = !0
+}) => {
+  const [g, f] = v({});
+  if (!e || e.length === 0)
+    return null;
+  const h = (p) => {
+    f((b) => ({ ...b, [p]: !b[p] }));
+  }, d = (p) => !r || !i ? !1 : r.some((b) => b.resourceUid === p && b.isCompleted), c = (p, b) => /* @__PURE__ */ t("div", { className: "flex flex-col", children: p.map((x) => {
+    var w;
+    const N = !!((w = x.children) != null && w.length), y = g[x.uid] || !1;
+    return /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ t(
+        gt,
+        {
+          item: x,
+          level: b,
+          isActive: n === x.uid,
+          isCompleted: d(x.uid),
+          isExpanded: y,
+          hasChildren: N,
+          onToggleExpand: () => h(x.uid),
+          onClick: s ? void 0 : () => a == null ? void 0 : a(x),
+          showDuration: l,
+          showIcon: o,
+          showProgress: i
+        }
+      ),
+      N && y && c(x.children, b + 1)
+    ] }, x.uid);
+  }) });
+  return /* @__PURE__ */ t("nav", { className: "rounded-lg border border-border overflow-hidden", children: c(e, 0) });
+}, pt = ({
+  src: e,
+  poster: r,
+  title: n,
+  autoPlay: a = !1,
+  onPlay: s,
+  onPause: l,
+  onEnded: o,
+  onTimeUpdate: i,
+  readOnly: g = !1,
+  aspectRatio: f = "16/9",
+  className: h,
+  style: d
+}) => {
+  const c = k(null), p = () => {
+    const b = c.current;
+    b && i && i(b.currentTime, b.duration);
+  };
+  return e ? g ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: m("relative overflow-hidden rounded-lg", h),
+      style: { aspectRatio: f, ...d },
+      children: [
+        r ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: r,
+            alt: n || "Video poster",
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        ) : /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center size-14 rounded-full bg-black/60", children: /* @__PURE__ */ t(G, { size: 28, className: "text-white ml-0.5" }) }) }),
+        r && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center size-14 rounded-full bg-black/60", children: /* @__PURE__ */ t(G, { size: 28, className: "text-white ml-0.5" }) }) }),
+        n && /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/60 to-transparent p-2", children: /* @__PURE__ */ t("span", { className: "text-sm text-white font-medium", children: n }) })
+      ]
+    }
+  ) : /* @__PURE__ */ u("div", { className: h, style: d, children: [
+    n && /* @__PURE__ */ t("p", { className: "mb-2 text-sm font-medium", children: n }),
+    /* @__PURE__ */ t("div", { className: "rounded-lg overflow-hidden", children: /* @__PURE__ */ t(
+      "video",
+      {
+        ref: c,
+        src: e,
+        poster: r,
+        controls: !0,
+        autoPlay: a,
+        onPlay: s,
+        onPause: l,
+        onEnded: o,
+        onTimeUpdate: p,
+        style: { width: "100%", aspectRatio: f, display: "block" }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("relative overflow-hidden rounded-lg border border-border bg-muted", h),
+      style: { aspectRatio: f, ...d },
+      children: /* @__PURE__ */ u("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-center size-12 rounded-full bg-muted-foreground/10", children: /* @__PURE__ */ t(R, { size: 24 }) }),
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: "No video source provided" })
+      ] })
+    }
+  );
+}, ht = S("h-full rounded-full transition-all duration-300", {
+  variants: {
+    variant: {
+      default: "bg-primary",
+      success: "bg-success",
+      warning: "bg-warning",
+      info: "bg-info"
+    },
+    size: {
+      sm: "",
+      default: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+}), bt = S("bg-muted overflow-hidden rounded-full w-full", {
+  variants: {
+    size: {
+      sm: "h-1.5",
+      default: "h-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function mr({
+  className: e,
+  value: r = 0,
+  max: n = 100,
+  variant: a,
+  size: s,
+  ...l
+}) {
+  const o = Math.min(100, Math.max(0, r / n * 100));
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "progress",
+      role: "progressbar",
+      "aria-valuenow": r,
+      "aria-valuemin": 0,
+      "aria-valuemax": n,
+      className: m(bt({ size: s }), e),
+      ...l,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: ht({ variant: a, size: s }),
+          style: { width: `${o}%` }
+        }
+      )
+    }
+  );
+}
+function gr({ icon: e, title: r, description: n, action: a, className: s, style: l }) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m("flex flex-col items-center justify-center text-center px-3 py-6", s),
+      style: l,
+      children: [
+        e && /* @__PURE__ */ t("div", { className: "mb-2 text-muted-foreground [&>svg]:size-12", children: e }),
+        /* @__PURE__ */ t("p", { className: "text-lg font-semibold text-foreground mb-1", children: r }),
+        n && /* @__PURE__ */ t("p", { className: m("text-sm text-muted-foreground max-w-[360px]", a && "mb-2"), children: n }),
+        a
+      ]
+    }
+  );
+}
+const le = F(null);
+function L() {
+  const e = P(le);
+  if (!e)
+    throw new Error(
+      "AlertDialog compound components must be used within <AlertDialog>"
+    );
+  return e;
+}
+const J = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function xt(e, r) {
+  const n = k(null);
+  return C(() => {
+    if (!r || !e.current) return;
+    n.current = document.activeElement;
+    const s = e.current.querySelectorAll(J);
+    return s.length > 0 && s[0].focus(), () => {
+      n.current instanceof HTMLElement && n.current.focus();
+    };
+  }, [r, e]), T(
+    (s) => {
+      if (s.key !== "Tab" || !e.current) return;
+      const l = Array.from(
+        e.current.querySelectorAll(J)
+      );
+      if (l.length === 0) return;
+      const o = l[0], i = l[l.length - 1];
+      s.shiftKey && document.activeElement === o ? (s.preventDefault(), i.focus()) : !s.shiftKey && document.activeElement === i && (s.preventDefault(), o.focus());
+    },
+    [e]
+  );
+}
+function vt(e) {
+  C(() => {
+    if (!e) return;
+    const r = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = r;
+    };
+  }, [e]);
+}
+function yt({ children: e, open: r, onOpenChange: n }) {
+  const a = V(), s = V();
+  return /* @__PURE__ */ t(
+    le.Provider,
+    {
+      value: { open: r, onOpenChange: n, titleId: a, descriptionId: s },
+      children: e
+    }
+  );
+}
+function pr({
+  className: e,
+  onClick: r,
+  ...n
+}) {
+  const { onOpenChange: a } = L();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-slot": "alert-dialog-trigger",
+      className: e,
+      onClick: (s) => {
+        a(!0), r == null || r(s);
+      },
+      ...n
+    }
+  );
+}
+function Nt({ children: e }) {
+  return ae(e, document.body);
+}
+function wt({
+  className: e,
+  ...r
+}) {
+  const { onOpenChange: n } = L();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-backdrop",
+      className: m(
+        "fixed inset-0 z-50 bg-black/50 transition-opacity data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+        e
+      ),
+      "data-state": "open",
+      onClick: () => n(!1),
+      ...r
+    }
+  );
+}
+function Ct({
+  className: e,
+  children: r,
+  ...n
+}) {
+  const { open: a, onOpenChange: s, titleId: l, descriptionId: o } = L(), i = k(null), g = xt(i, a);
+  return vt(a), C(() => {
+    if (!a) return;
+    const f = (h) => {
+      h.key === "Escape" && s(!1);
+    };
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [a, s]), a ? /* @__PURE__ */ u(Nt, { children: [
+    /* @__PURE__ */ t(wt, {}),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: i,
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": l,
+        "aria-describedby": o,
+        "data-slot": "alert-dialog-content",
+        "data-state": "open",
+        className: m(
+          "bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg transition-all data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          e
+        ),
+        onKeyDown: g,
+        ...n,
+        children: r
+      }
+    )
+  ] }) : null;
+}
+function kt({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: m(
+        "flex flex-col gap-2 text-center sm:text-left",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Tt({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: m(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function zt({
+  className: e,
+  ...r
+}) {
+  const { titleId: n } = L();
+  return /* @__PURE__ */ t(
+    "h2",
+    {
+      id: n,
+      "data-slot": "alert-dialog-title",
+      className: m("text-lg font-semibold", e),
+      ...r
+    }
+  );
+}
+function _t({
+  className: e,
+  ...r
+}) {
+  const { descriptionId: n } = L();
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      id: n,
+      "data-slot": "alert-dialog-description",
+      className: m("text-muted-foreground text-sm", e),
+      ...r
+    }
+  );
+}
+function St({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: m(A(), e),
+      ...r
+    }
+  );
+}
+function It({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: m(A({ variant: "outline" }), e),
+      ...r
+    }
+  );
+}
+const Q = {
+  primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+  error: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+  warning: "bg-warning text-warning-foreground hover:bg-warning/90"
+};
+function hr({
+  open: e,
+  title: r,
+  message: n,
+  confirmLabel: a = "Confirm",
+  cancelLabel: s = "Cancel",
+  confirmColor: l = "primary",
+  onConfirm: o,
+  onCancel: i,
+  isLoading: g = !1
+}) {
+  return /* @__PURE__ */ t(yt, { open: e, onOpenChange: (f) => !f && i(), children: /* @__PURE__ */ u(Ct, { children: [
+    /* @__PURE__ */ u(kt, { children: [
+      /* @__PURE__ */ t(zt, { children: r }),
+      typeof n == "string" ? /* @__PURE__ */ t(_t, { children: n }) : n
+    ] }),
+    /* @__PURE__ */ u(Tt, { children: [
+      /* @__PURE__ */ t(It, { onClick: i, disabled: g, children: s }),
+      /* @__PURE__ */ u(
+        St,
+        {
+          className: m(Q[l] ?? Q.primary),
+          onClick: o,
+          disabled: g,
+          children: [
+            g && /* @__PURE__ */ t("span", { className: "inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+            a
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function br({
+  value: e,
+  onChange: r,
+  placeholder: n = "Search...",
+  debounceMs: a = 300,
+  fullWidth: s = !1,
+  size: l = "small",
+  className: o,
+  style: i
+}) {
+  const [g, f] = v(e);
+  C(() => {
+    f(e);
+  }, [e]);
+  const h = T(O(r, a), [r, a]);
+  function d(p) {
+    const b = p.target.value;
+    f(b), h(b);
+  }
+  function c() {
+    f(""), r("");
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("w-full", o),
+      style: { ...i, width: s ? "100%" : void 0 },
+      children: /* @__PURE__ */ u("div", { className: "flex items-center w-full border border-input rounded-md bg-background transition-colors focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", children: [
+        /* @__PURE__ */ t("span", { className: "flex items-center justify-center px-2 text-muted-foreground shrink-0", children: /* @__PURE__ */ t(Te, { size: 18 }) }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: m(
+              "flex-1 border-none outline-none bg-transparent text-foreground text-sm min-w-0 placeholder:text-muted-foreground",
+              l === "medium" ? "py-2" : "py-1.5"
+            ),
+            value: g,
+            onChange: d,
+            placeholder: n
+          }
+        ),
+        g && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex items-center justify-center p-0.5 mr-1 rounded-md text-muted-foreground cursor-pointer transition-colors hover:bg-muted hover:text-foreground",
+            "aria-label": "Clear search",
+            onClick: c,
+            children: /* @__PURE__ */ t(re, { size: 16 })
+          }
+        )
+      ] })
+    }
+  );
+}
+const Dt = S(
+  "inline-flex items-center justify-center rounded-full border px-2.5 py-0.5 text-xs font-medium whitespace-nowrap transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "text-foreground",
+        success: "border-transparent bg-success/15 text-success",
+        warning: "border-transparent bg-warning/15 text-warning",
+        info: "border-transparent bg-info/15 text-info",
+        muted: "border-transparent bg-muted text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Lt({
+  className: e,
+  variant: r,
+  asChild: n = !1,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    n ? ie : "span",
+    {
+      "data-slot": "badge",
+      className: m(Dt({ variant: r }), e),
+      ...a
+    }
+  );
+}
+const Mt = {
+  graded: "green",
+  submitted: "teal",
+  pending: "gray",
+  missing: "red",
+  late: "orange",
+  excused: "gray",
+  draft: "gray",
+  not_started: "gray",
+  resubmit: "orange"
+}, Et = {
+  success: "green",
+  error: "red",
+  warning: "orange",
+  info: "teal",
+  default: "gray"
+}, jt = {
+  green: "success",
+  red: "destructive",
+  orange: "warning",
+  gray: "muted",
+  teal: "info"
+}, q = {
+  green: "bg-transparent border-success text-success",
+  red: "bg-transparent border-destructive text-destructive",
+  orange: "bg-transparent border-warning text-warning",
+  gray: "bg-transparent border-border text-muted-foreground",
+  teal: "bg-transparent border-info text-info"
+}, $t = {
+  green: "bg-success text-success-foreground",
+  red: "bg-destructive text-destructive-foreground",
+  orange: "bg-warning text-warning-foreground",
+  teal: "bg-info text-info-foreground"
+};
+function xr({
+  status: e,
+  colorMap: r,
+  size: n = "small",
+  variant: a = "filled"
+}) {
+  const s = { ...Mt };
+  if (r)
+    for (const [f, h] of Object.entries(r))
+      s[f] = Et[h] ?? h;
+  const l = s[e] ?? "gray", o = e.replace(/_/g, " ").replace(/\b\w/g, (f) => f.toUpperCase()), i = jt[l] ?? "muted", g = a === "outlined" ? q[l] ?? q.gray : $t[l] ?? void 0;
+  return /* @__PURE__ */ t(
+    Lt,
+    {
+      variant: i,
+      className: m(
+        n === "small" ? "text-xs px-2 h-5.5" : "text-sm px-2.5 h-6.5",
+        "leading-none",
+        g
+      ),
+      children: o
+    }
+  );
+}
+const Rt = {
+  success: "text-success",
+  destructive: "text-destructive",
+  warning: "text-warning",
+  muted: "text-muted-foreground"
+};
+function Vt(e) {
+  const r = /* @__PURE__ */ new Date(), n = e.getTime() - r.getTime(), a = Math.round(n / (1e3 * 60 * 60 * 24));
+  return a === 0 ? "Due today" : a === 1 ? "Due tomorrow" : a === -1 ? "Due yesterday" : a > 1 ? `Due in ${a} days` : `${Math.abs(a)} days overdue`;
+}
+function Ht(e, r) {
+  if (r) return "success";
+  const n = /* @__PURE__ */ new Date(), s = (e.getTime() - n.getTime()) / (1e3 * 60 * 60 * 24);
+  return s < 0 ? "destructive" : s < 2 ? "warning" : "muted";
+}
+function vr({
+  dueDate: e,
+  submittedDate: r,
+  showRelative: n = !0,
+  size: a = "medium",
+  className: s,
+  style: l
+}) {
+  const o = new Date(e), i = !!r, g = Rt[Ht(o, i)] ?? "text-muted-foreground", f = a === "small" ? 14 : 16;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m("flex items-center gap-1", g, s),
+      style: l,
+      children: [
+        /* @__PURE__ */ t("span", { className: "shrink-0 inline-flex", children: i ? /* @__PURE__ */ t(ne, { size: f }) : /* @__PURE__ */ t($, { size: f }) }),
+        /* @__PURE__ */ t("span", { className: a === "small" ? "text-xs" : "text-sm", children: i ? `Submitted ${new Date(r).toLocaleDateString()}` : n ? Vt(o) : o.toLocaleDateString() })
+      ]
+    }
+  );
+}
+function yr({
+  isCorrect: e,
+  explanation: r,
+  onRetry: n,
+  retryLabel: a = "Try Again",
+  className: s,
+  style: l
+}) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      role: "alert",
+      className: m(
+        "flex items-start gap-2 rounded-md border p-3 text-sm",
+        e ? "border-success/50 bg-success/5" : "border-destructive/50 bg-destructive/5",
+        s
+      ),
+      style: l,
+      children: [
+        /* @__PURE__ */ t("span", { className: m("shrink-0", e ? "text-success" : "text-destructive"), children: e ? /* @__PURE__ */ t(ne, { size: 20 }) : /* @__PURE__ */ t(ze, { size: 20 }) }),
+        /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ u("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold", children: e ? "Correct!" : "Incorrect" }),
+            r && /* @__PURE__ */ t("p", { className: "mt-1 text-foreground", children: r })
+          ] }),
+          !e && n && /* @__PURE__ */ t(
+            "button",
+            {
+              className: "shrink-0 rounded-md border border-border bg-background px-3 py-1 text-sm font-medium transition-colors hover:bg-muted",
+              onClick: n,
+              children: a
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function Nr({
+  value: e,
+  onChange: r,
+  points: n = 5,
+  lowLabel: a = "Strongly Disagree",
+  highLabel: s = "Strongly Agree",
+  disabled: l = !1,
+  readOnly: o = !1,
+  className: i,
+  style: g
+}) {
+  const f = Array.from({ length: n }, (d, c) => c + 1), h = !l && !o;
+  return /* @__PURE__ */ u("div", { className: m("flex flex-col gap-1", i), style: g, children: [
+    /* @__PURE__ */ t("div", { className: "flex flex-row", role: "radiogroup", children: f.map((d) => {
+      const c = e === d;
+      return /* @__PURE__ */ u(
+        "label",
+        {
+          className: m(
+            "flex items-center justify-center border border-border px-1.5 py-2 text-sm transition-colors first:rounded-l-md last:rounded-r-md -ml-px first:ml-0",
+            c ? "bg-primary text-primary-foreground border-primary z-10" : "bg-background text-foreground",
+            !h && "opacity-60 cursor-not-allowed",
+            h && !c && "cursor-pointer hover:bg-muted"
+          ),
+          children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "radio",
+                name: "likert-scale",
+                className: "sr-only",
+                value: d,
+                checked: c,
+                disabled: l,
+                onChange: () => {
+                  h && r(d);
+                }
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: d })
+          ]
+        },
+        d
+      );
+    }) }),
+    /* @__PURE__ */ u("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: a }),
+      /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: s })
+    ] })
+  ] });
+}
+const Ft = { small: 18, medium: 24, large: 32 };
+function wr({
+  value: e,
+  onChange: r,
+  maxStars: n = 5,
+  allowHalf: a = !1,
+  size: s = "medium",
+  disabled: l = !1,
+  readOnly: o = !1,
+  className: i,
+  style: g
+}) {
+  const [f, h] = v(null), d = Ft[s], c = f ?? e, p = !l && !o;
+  function b(x) {
+    p && r(x);
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("inline-flex gap-0.5", i),
+      style: g,
+      onMouseLeave: () => p && h(null),
+      children: Array.from({ length: n }, (x, N) => {
+        const y = N + 1, w = c >= y, z = a && !w && c >= y - 0.5;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: m(
+              "inline-flex items-center justify-center rounded-md border-none bg-transparent p-0",
+              p ? "cursor-pointer" : "cursor-default",
+              w || z ? "text-warning" : "text-muted-foreground"
+            ),
+            disabled: l,
+            onClick: () => b(y),
+            onMouseEnter: () => p && h(y),
+            "aria-label": `Rate ${y} star${y !== 1 ? "s" : ""}`,
+            children: /* @__PURE__ */ t(
+              _e,
+              {
+                size: d,
+                fill: w || z ? "currentColor" : "none",
+                strokeWidth: 1.5,
+                style: z ? { clipPath: "inset(0 50% 0 0)" } : void 0
+              }
+            )
+          },
+          N
+        );
+      })
+    }
+  );
+}
+function Pt({
+  value: e,
+  size: r = 120,
+  strokeWidth: n = 8,
+  label: a,
+  color: s,
+  className: l,
+  style: o
+}) {
+  const i = (r - n) / 2, g = 2 * Math.PI * i, f = g - Math.min(Math.max(e, 0), 100) / 100 * g, h = r / 2;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m("relative inline-flex", l),
+      style: { width: `${r}px`, height: `${r}px`, ...o },
+      children: [
+        /* @__PURE__ */ u("svg", { width: r, height: r, children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: h,
+              cy: h,
+              r: i,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: n,
+              opacity: 0.15
+            }
+          ),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: h,
+              cy: h,
+              r: i,
+              fill: "none",
+              stroke: s ?? "currentColor",
+              strokeWidth: n,
+              strokeDasharray: g,
+              strokeDashoffset: f,
+              strokeLinecap: "round",
+              transform: `rotate(-90 ${h} ${h})`,
+              style: { transition: "stroke-dashoffset 0.4s ease" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "absolute inset-0 flex items-center justify-center font-bold text-foreground",
+            style: { fontSize: `${r * 0.2}px` },
+            children: a ?? `${Math.round(e)}%`
+          }
+        )
+      ]
+    }
+  );
+}
+const Ot = { small: 48, medium: 64, large: 96 }, At = { small: "0.75rem", medium: "0.875rem", large: "1rem" }, Bt = { small: "4px", medium: "6px", large: "8px" }, Ut = {
+  primary: "var(--primary)",
+  success: "var(--success)",
+  warning: "var(--warning)",
+  destructive: "var(--destructive)"
+};
+function Kt(e, r) {
+  return r == null ? "primary" : e >= r ? "success" : e >= r * 0.7 ? "warning" : "destructive";
+}
+function Cr({
+  percentage: e,
+  letterGrade: r,
+  variant: n = "circular",
+  size: a = "medium",
+  passingThreshold: s,
+  showLabel: l = !0,
+  className: o,
+  style: i
+}) {
+  const g = Kt(e, s), f = Ut[g] ?? "var(--primary)";
+  return n === "linear" ? /* @__PURE__ */ u("div", { className: m("flex flex-row items-center gap-1", o), style: i, children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 bg-muted rounded-full overflow-hidden", style: { height: Bt[a] }, children: /* @__PURE__ */ t(
+      "div",
+      {
+        className: "h-full rounded-full transition-[width] duration-300 ease-in-out",
+        style: { width: `${e}%`, background: f }
+      }
+    ) }),
+    l && /* @__PURE__ */ t("span", { className: "font-semibold min-w-9", style: { fontSize: At[a] }, children: r ?? `${Math.round(e)}%` })
+  ] }) : /* @__PURE__ */ t("div", { className: m("inline-flex flex-col items-center", o), style: i, children: /* @__PURE__ */ t(
+    Pt,
+    {
+      value: e,
+      size: Ot[a],
+      strokeWidth: a === "small" ? 4 : 6,
+      color: f,
+      label: r ?? `${Math.round(e)}%`
+    }
+  ) });
+}
+const Wt = {
+  up: "var(--success)",
+  down: "var(--destructive)",
+  flat: "var(--muted-foreground)"
+}, Zt = { up: De, down: Ie, flat: Se };
+function kr({
+  icon: e,
+  label: r,
+  value: n,
+  subtitle: a,
+  trend: s,
+  className: l,
+  style: o
+}) {
+  const i = s ? Zt[s.direction] : null;
+  return /* @__PURE__ */ u("div", { className: m("rounded-md border border-border p-4", l), style: o, children: [
+    e && /* @__PURE__ */ t("div", { className: "mb-1 text-primary [&>svg]:size-6", children: e }),
+    /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: r }),
+    /* @__PURE__ */ u("div", { className: "flex flex-row items-baseline gap-1", children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl font-bold", children: n }),
+      s && i && /* @__PURE__ */ u("span", { className: "flex flex-row items-center gap-px", style: { color: Wt[s.direction] }, children: [
+        /* @__PURE__ */ t(i, { size: 14 }),
+        /* @__PURE__ */ u("span", { className: "text-xs font-semibold", children: [
+          s.value > 0 ? "+" : "",
+          s.value,
+          "%"
+        ] })
+      ] })
+    ] }),
+    a && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: a })
+  ] });
+}
+const Gt = { small: 28, medium: 36, large: 48 }, Yt = {
+  student: "Student",
+  instructor: "Instructor",
+  ta: "Teaching Assistant",
+  admin: "Admin"
+}, Xt = {
+  instructor: "var(--primary)",
+  ta: "var(--purple)",
+  admin: "var(--destructive)",
+  student: "var(--muted-foreground)"
+};
+function Jt(e) {
+  return e.split(" ").filter(Boolean).map((r) => r[0]).slice(0, 2).join("").toUpperCase();
+}
+function Qt({
+  displayName: e,
+  avatarUrl: r,
+  role: n,
+  showRoleBadge: a = !1,
+  size: s = "medium",
+  className: l,
+  style: o
+}) {
+  const i = Gt[s], g = i * 0.4, [f, h] = v(!1), d = a && n && n !== "student", c = d ? Yt[n] ?? n : void 0;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m("relative inline-flex", l),
+      style: o,
+      title: c,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "flex items-center justify-center rounded-full bg-muted text-muted-foreground overflow-hidden",
+            style: { width: `${i}px`, height: `${i}px`, fontSize: `${g}px` },
+            children: r && !f ? /* @__PURE__ */ t(
+              "img",
+              {
+                className: "size-full object-cover",
+                src: r,
+                alt: e,
+                onError: () => h(!0)
+              }
+            ) : /* @__PURE__ */ t("span", { children: Jt(e) })
+          }
+        ),
+        d && /* @__PURE__ */ t(
+          "span",
+          {
+            className: "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
+            style: { background: Xt[n] ?? "var(--muted-foreground)" }
+          }
+        )
+      ]
+    }
+  );
+}
+function de({
+  className: e,
+  orientation: r = "horizontal",
+  decorative: n = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "separator",
+      role: n ? "none" : "separator",
+      "aria-orientation": n ? void 0 : r,
+      className: m(
+        "bg-border shrink-0",
+        r === "horizontal" ? "h-px w-full" : "h-full w-px",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function qt(e) {
+  const r = new Date(e), a = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), s = Math.floor(a / 6e4);
+  if (s < 1) return "Just now";
+  if (s < 60) return `${s}m ago`;
+  const l = Math.floor(s / 60);
+  if (l < 24) return `${l}h ago`;
+  const o = Math.floor(l / 24);
+  return o < 7 ? `${o}d ago` : r.toLocaleDateString();
+}
+const er = {
+  pinned: "var(--warning)",
+  answer: "var(--success)"
+};
+function Tr({
+  author: e,
+  content: r,
+  createdAt: n,
+  updatedAt: a,
+  actions: s,
+  highlight: l = "none",
+  indentLevel: o = 0,
+  className: i,
+  style: g
+}) {
+  const f = er[l];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("rounded-md border border-border p-3", i),
+      style: {
+        marginLeft: o ? `calc(${o} * 1rem)` : void 0,
+        ...f && {
+          borderLeftWidth: "3px",
+          borderLeftColor: f
+        },
+        ...g
+      },
+      children: /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ t(
+          Qt,
+          {
+            displayName: e.displayName,
+            avatarUrl: e.avatarUrl,
+            role: e.role,
+            size: "medium"
+          }
+        ),
+        /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5 flex-wrap text-sm", children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold", children: e.displayName }),
+            e.role && e.role !== "student" && /* @__PURE__ */ t("span", { className: "rounded-full bg-primary/10 px-1.5 py-0.5 text-xs font-medium text-primary capitalize", children: e.role }),
+            /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: qt(n) }),
+            a && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground italic", children: "(edited)" }),
+            l === "pinned" && /* @__PURE__ */ t(Le, { size: 14 })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "mt-1 text-sm whitespace-pre-wrap", children: r }),
+          s && /* @__PURE__ */ u(ee, { children: [
+            /* @__PURE__ */ t(de, { className: "my-2" }),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: s })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+const tr = {
+  info: { variant: "info", Icon: je },
+  warning: { variant: "warning", Icon: Ee },
+  tip: { variant: "success", Icon: Me }
+};
+function zr({
+  block: e,
+  onQuestionAnswer: r,
+  readOnly: n = !1,
+  className: a,
+  style: s
+}) {
+  const l = (o) => /* @__PURE__ */ t("div", { className: m(a), style: s, children: o });
+  switch (e.type) {
+    case "video":
+      return l(/* @__PURE__ */ t(pt, { ...e.video, readOnly: n }));
+    case "richtext":
+      return l(
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "[&_p]:mb-[1.5em] [&_ul]:pl-[1.5em] [&_ol]:pl-[1.5em]",
+            dangerouslySetInnerHTML: { __html: e.html }
+          }
+        )
+      );
+    case "heading": {
+      const o = e.level === 1 ? "h2" : e.level === 3 ? "h4" : "h3", i = e.level === 1 ? "text-xl" : e.level === 3 ? "text-base" : "text-lg";
+      return l(
+        /* @__PURE__ */ t(o, { className: m(i, "font-semibold m-0"), children: e.text })
+      );
+    }
+    case "image":
+      return l(
+        /* @__PURE__ */ u("figure", { className: "m-0", children: [
+          /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.src,
+              alt: e.alt ?? "",
+              className: "max-w-full rounded-sm"
+            }
+          ),
+          e.caption && /* @__PURE__ */ t("figcaption", { className: "text-xs text-muted-foreground mt-0.5", children: e.caption })
+        ] })
+      );
+    case "callout": {
+      const o = tr[e.variant ?? "info"];
+      return l(
+        /* @__PURE__ */ u(I, { variant: o.variant, children: [
+          /* @__PURE__ */ t(o.Icon, { size: 20 }),
+          /* @__PURE__ */ t(D, { children: e.content })
+        ] })
+      );
+    }
+    case "question":
+      return l(
+        /* @__PURE__ */ t(
+          Je,
+          {
+            question: e.question,
+            onAnswer: (o) => r == null ? void 0 : r(
+              e.question.uid,
+              o.map((i) => ({
+                uid: e.question.uid,
+                answerUid: i.uid,
+                content: i.content
+              }))
+            ),
+            readOnly: n
+          }
+        )
+      );
+    case "flashcards":
+      return l(
+        /* @__PURE__ */ t(
+          ut,
+          {
+            cards: e.cards,
+            deckName: e.deckName,
+            readOnly: n
+          }
+        )
+      );
+    case "divider":
+      return l(/* @__PURE__ */ t(de, {}));
+    case "custom":
+      return l(/* @__PURE__ */ t(ee, { children: e.render }));
+    default:
+      return null;
+  }
+}
+function rr(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function _r({
+  files: e,
+  onFilesAdded: r,
+  onFileRemove: n,
+  accept: a,
+  maxFiles: s,
+  maxSizeMB: l,
+  disabled: o = !1,
+  label: i = "Drag files here or click to browse"
+}) {
+  const g = k(null), [f, h] = v(!1), d = s != null && e.length >= s;
+  function c(p) {
+    if (!p) return;
+    let b = Array.from(p);
+    l && (b = b.filter((x) => x.size <= l * 1024 * 1024)), s && (b = b.slice(0, s - e.length)), b.length > 0 && r(b);
+  }
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: m(
+          "border-2 border-dashed border-border rounded-md p-8 text-center cursor-pointer transition-all duration-200",
+          f && "border-primary bg-muted",
+          o && "cursor-default opacity-50",
+          d && "cursor-default"
+        ),
+        onDragOver: (p) => {
+          p.preventDefault(), !o && !d && h(!0);
+        },
+        onDragLeave: () => h(!1),
+        onDrop: (p) => {
+          p.preventDefault(), h(!1), !o && !d && c(p.dataTransfer.files);
+        },
+        onClick: () => {
+          var p;
+          return !o && !d && ((p = g.current) == null ? void 0 : p.click());
+        },
+        children: [
+          /* @__PURE__ */ t($e, { size: 32, className: "mx-auto mb-2 opacity-50" }),
+          /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: d ? `Maximum ${s} files reached` : i }),
+          (a || l) && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-1 block", children: [a && `Accepted: ${a}`, l && `Max: ${l}MB`].filter(Boolean).join(" · ") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: g,
+        type: "file",
+        accept: a,
+        multiple: !s || s > 1,
+        hidden: !0,
+        onChange: (p) => {
+          c(p.target.files), p.target.value = "";
+        }
+      }
+    ),
+    e.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 mt-2", children: e.map((p, b) => /* @__PURE__ */ u("div", { className: "flex items-center gap-3 py-1", children: [
+      /* @__PURE__ */ t("div", { className: "shrink-0 w-9 flex justify-center text-muted-foreground", children: /* @__PURE__ */ t(Re, { size: 18 }) }),
+      /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ t("span", { className: "text-sm block truncate", children: p.name }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: rr(p.size) })
+      ] }),
+      /* @__PURE__ */ t(
+        _,
+        {
+          variant: "ghost",
+          size: "icon-xs",
+          "aria-label": "Remove file",
+          onClick: () => n(b),
+          disabled: o,
+          children: /* @__PURE__ */ t(re, { size: 16 })
+        }
+      )
+    ] }, `${p.name}-${b}`)) })
+  ] });
+}
+function Sr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card",
+      className: m(
+        "bg-card text-card-foreground rounded-xl border shadow-sm",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Ir({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: m(
+        "flex flex-col gap-1.5 px-6 pt-6 has-data-[slot=card-action]:flex-row has-data-[slot=card-action]:items-center has-data-[slot=card-action]:justify-between",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Dr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: m("leading-none font-semibold", e),
+      ...r
+    }
+  );
+}
+function Lr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: m("text-muted-foreground text-sm", e),
+      ...r
+    }
+  );
+}
+function Mr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: m(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Er({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: m("px-6 pb-6 pt-0", e),
+      ...r
+    }
+  );
+}
+function jr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: m("flex items-center px-6 pb-6 pt-0", e),
+      ...r
+    }
+  );
+}
+const ce = F(null);
+function ue() {
+  const e = P(ce);
+  if (!e) throw new Error("Tabs compound components must be used within <Tabs>");
+  return e;
+}
+function $r({
+  value: e,
+  defaultValue: r,
+  onValueChange: n,
+  className: a,
+  ...s
+}) {
+  const [l, o] = v(r ?? ""), i = e ?? l, g = T(
+    (f) => {
+      e === void 0 && o(f), n == null || n(f);
+    },
+    [e, n]
+  );
+  return /* @__PURE__ */ t(ce.Provider, { value: { selectedValue: i, onSelect: g }, children: /* @__PURE__ */ t("div", { "data-slot": "tabs", className: a, ...s }) });
+}
+function Rr({
+  className: e,
+  children: r,
+  ...n
+}) {
+  const a = k(null), s = (l) => {
+    if (l.key !== "ArrowLeft" && l.key !== "ArrowRight") return;
+    const o = a.current;
+    if (!o) return;
+    const i = Array.from(
+      o.querySelectorAll('[role="tab"]:not([disabled])')
+    ), g = i.indexOf(document.activeElement);
+    if (g === -1) return;
+    l.preventDefault();
+    const f = l.key === "ArrowRight" ? (g + 1) % i.length : (g - 1 + i.length) % i.length;
+    i[f].focus();
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      role: "tablist",
+      "data-slot": "tabs-list",
+      className: m(
+        "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+        e
+      ),
+      onKeyDown: s,
+      ...n,
+      children: r
+    }
+  );
+}
+function Vr({ value: e, className: r, ...n }) {
+  const { selectedValue: a, onSelect: s } = ue(), l = a === e;
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      "data-slot": "tabs-trigger",
+      "aria-selected": l,
+      ...l ? { "data-selected": "" } : {},
+      className: m(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm",
+        r
+      ),
+      onClick: () => s(e),
+      ...n
+    }
+  );
+}
+function Hr({ value: e, className: r, ...n }) {
+  const { selectedValue: a } = ue();
+  return a !== e ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      role: "tabpanel",
+      "data-slot": "tabs-content",
+      className: m("pt-2", r),
+      ...n
+    }
+  );
+}
+function Fr({ className: e, ...r }) {
+  return /* @__PURE__ */ t("div", { "data-slot": "table-container", className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
+    "table",
+    {
+      "data-slot": "table",
+      className: m("w-full caption-bottom text-sm", e),
+      ...r
+    }
+  ) });
+}
+function Pr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: m("[&_tr]:border-b", e),
+      ...r
+    }
+  );
+}
+function Or({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: m("[&_tr:last-child]:border-0", e),
+      ...r
+    }
+  );
+}
+function Ar({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: m(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Br({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: m(
+        "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Ur({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: m(
+        "text-muted-foreground h-10 px-3 text-left align-middle font-semibold whitespace-nowrap text-sm [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Kr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: m(
+        "px-3 py-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function Wr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: m("text-muted-foreground mt-4 text-sm", e),
+      ...r
+    }
+  );
+}
+export {
+  kr as $,
+  I as A,
+  Lt as B,
+  Sr as C,
+  zr as D,
+  gt as E,
+  fr as F,
+  vr as G,
+  gr as H,
+  Xe as I,
+  yr as J,
+  _r as K,
+  Ge as L,
+  dt as M,
+  ut as N,
+  Cr as O,
+  mr as P,
+  Ze as Q,
+  mt as R,
+  Nr as S,
+  Ue as T,
+  Tr as U,
+  Pt as V,
+  ot as W,
+  Je as X,
+  br as Y,
+  de as Z,
+  wr as _,
+  Qe as a,
+  xr as a0,
+  Fr as a1,
+  Or as a2,
+  Wr as a3,
+  Kr as a4,
+  Ar as a5,
+  Ur as a6,
+  Pr as a7,
+  Br as a8,
+  $r as a9,
+  Hr as aa,
+  Rr as ab,
+  Vr as ac,
+  Ye as ad,
+  et as ae,
+  tt as af,
+  nt as ag,
+  rt as ah,
+  We as ai,
+  Qt as aj,
+  pt as ak,
+  Be as al,
+  Dt as am,
+  A as an,
+  ht as ao,
+  D as b,
+  m as c,
+  yt as d,
+  St as e,
+  Y as f,
+  wt as g,
+  It as h,
+  Ct as i,
+  _t as j,
+  Tt as k,
+  kt as l,
+  Nt as m,
+  zt as n,
+  pr as o,
+  cr as p,
+  ur as q,
+  _ as r,
+  Mr as s,
+  Er as t,
+  Lr as u,
+  jr as v,
+  Ir as w,
+  Dr as x,
+  Ke as y,
+  hr as z
+};