@hydralms/components 0.3.0 → 0.3.1

package/dist/withProGate-BvFc7Jwy.js

@@ -0,0 +1,4975 @@
+import { jsx as t, jsxs as u, Fragment as ae } from "react/jsx-runtime";
+import { Bold as st, Italic as ot, Underline as it, List as lt, ListOrdered as ct, Link as dt, Heading2 as ut, Quote as ft, Code as ce, GripVertical as mt, ChevronUp as pt, ChevronDown as Le, Clock as ee, ChevronLeft as ge, Send as Ee, ChevronRight as se, BookOpen as te, Flag as gt, X as oe, Video as de, Play as ue, RotateCcw as ke, Pause as ht, VolumeX as xt, Volume2 as bt, FileCode as vt, Check as $e, Copy as yt, ExternalLink as fe, Download as Nt, Image as Re, Film as wt, Music as He, FileText as Y, Archive as kt, File as Ue, Lightbulb as Ct, AlertTriangle as St, Info as _t, Upload as Tt, MessageSquare as zt, ClipboardList as Dt, HelpCircle as Ce, PlayCircle as It, CheckCircle2 as Mt, Circle as je, Lock as Pe, Users as Lt, Search as Et, CheckCircle as he, XCircle as $t, Star as Rt, Minus as Ht, TrendingDown as Ut, TrendingUp as jt, Trophy as Pt, Flame as Bt, Award as At, Pin as Ft } from "lucide-react";
+import * as X from "react";
+import { memo as L, useState as T, useMemo as D, useId as O, useRef as I, useEffect as H, useCallback as E, useLayoutEffect as Vt, isValidElement as Ot, cloneElement as Kt, createContext as Q, useContext as W } from "react";
+import { cva as G } from "class-variance-authority";
+import { createPortal as xe } from "react-dom";
+import { useEditor as Qt, EditorContent as Wt } from "@tiptap/react";
+import Gt from "@tiptap/starter-kit";
+import Yt from "@tiptap/extension-placeholder";
+import Zt from "@tiptap/extension-underline";
+import Jt from "@tiptap/extension-link";
+import { clsx as Xt } from "clsx";
+import { twMerge as qt } from "tailwind-merge";
+function h(...r) {
+  return qt(Xt(r));
+}
+const er = G(
+  "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 U({
+  className: r,
+  variant: e,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: h(er({ variant: e }), r),
+      ...n
+    }
+  );
+}
+function ua({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: h("font-medium leading-normal tracking-tight", r),
+      ...e
+    }
+  );
+}
+function j({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: h("text-foreground text-sm [&_p]:leading-relaxed", r),
+      ...e
+    }
+  );
+}
+const tr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const [l, c] = T(
+    () => (n == null ? void 0 : n.map((f) => f.answerUid)) || []
+  ), p = D(
+    () => [...e.answers || []].sort((f, d) => f.sequence - d.sequence),
+    [e.answers]
+  ), g = (f) => {
+    s || i || c((d) => {
+      const m = d.includes(f) ? d.filter((b) => b !== f) : [...d, f];
+      return a == null || a(m.map((b) => ({ uid: b }))), m;
+    });
+  }, x = (f) => {
+    var m;
+    if (!o) return "";
+    const d = (m = e.answers) == null ? void 0 : m.find((b) => b.uid === f);
+    return d != null && d.isCorrect ? "bg-success/10 border border-success/30 px-2" : l.includes(f) && !(d != null && d.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__ */ u("fieldset", { className: "flex flex-col gap-2 border-0 p-0 m-0", children: [
+      /* @__PURE__ */ t("legend", { className: "sr-only", children: "Select all correct answers" }),
+      p.map((f) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: h("rounded-md transition-colors", x(f.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: l.includes(f.uid),
+                onChange: () => g(f.uid),
+                disabled: s || i,
+                className: "accent-primary m-0 shrink-0"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: "text-sm",
+                dangerouslySetInnerHTML: { __html: f.content }
+              }
+            ),
+            o && f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Correct answer)" }),
+            o && l.includes(f.uid) && !f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Your answer — incorrect)" })
+          ] })
+        },
+        f.uid
+      ))
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}), rr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const [l, c] = T(
+    () => {
+      var f;
+      return ((f = n == null ? void 0 : n[0]) == null ? void 0 : f.answerUid) || "";
+    }
+  ), p = D(
+    () => [...e.answers || []].sort((f, d) => f.sequence - d.sequence),
+    [e.answers]
+  ), g = (f) => {
+    s || i || (c(f), a == null || a([{ uid: f }]));
+  }, x = (f) => {
+    var m;
+    if (!o) return "px-2";
+    const d = (m = e.answers) == null ? void 0 : m.find((b) => b.uid === f);
+    return d != null && d.isCorrect ? "bg-success/10 border border-success/30 px-2" : l === f && !(d != null && d.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__ */ u("fieldset", { className: "flex flex-col gap-2 border-0 p-0 m-0", children: [
+      /* @__PURE__ */ t("legend", { className: "sr-only", children: "Answer choices" }),
+      p.map((f) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: h("rounded-md transition-colors", x(f.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: f.uid,
+                checked: l === f.uid,
+                onChange: () => g(f.uid),
+                disabled: s || i,
+                className: "accent-primary m-0 shrink-0"
+              }
+            ),
+            /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: f.content } }),
+            o && f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Correct answer)" }),
+            o && l === f.uid && !f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Your answer — incorrect)" })
+          ] })
+        },
+        f.uid
+      ))
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}), nr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const [l, c] = T(
+    () => {
+      var f;
+      return ((f = n == null ? void 0 : n[0]) == null ? void 0 : f.answerUid) || "";
+    }
+  ), p = D(
+    () => [...e.answers || []].sort((f, d) => f.sequence - d.sequence),
+    [e.answers]
+  ), g = (f) => {
+    s || i || (c(f), a == null || a([{ uid: f }]));
+  }, x = (f) => {
+    var m;
+    if (!o) return "px-2";
+    const d = (m = e.answers) == null ? void 0 : m.find((b) => b.uid === f);
+    return d != null && d.isCorrect ? "bg-success/10 border border-success/30 px-2" : l === f && !(d != null && d.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__ */ u("fieldset", { className: "flex flex-col gap-2 border-0 p-0 m-0", children: [
+      /* @__PURE__ */ t("legend", { className: "sr-only", children: "True or False" }),
+      p.map((f) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: h("rounded-md transition-colors", x(f.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: f.uid,
+                checked: l === f.uid,
+                onChange: () => g(f.uid),
+                disabled: s || i,
+                className: "accent-primary m-0 shrink-0"
+              }
+            ),
+            /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: f.content } }),
+            o && f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Correct answer)" }),
+            o && l === f.uid && !f.isCorrect && /* @__PURE__ */ t("span", { className: "sr-only", children: "(Your answer — incorrect)" })
+          ] })
+        },
+        f.uid
+      ))
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function Z(r, e) {
+  let n;
+  const a = (...s) => {
+    clearTimeout(n), n = setTimeout(() => r(...s), e);
+  };
+  return a.cancel = () => clearTimeout(n), a;
+}
+function be({ className: r, type: e, ...n }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: e,
+      "data-slot": "input",
+      className: h(
+        "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",
+        r
+      ),
+      ...n
+    }
+  );
+}
+const ar = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  var m, b, y, C;
+  const l = O(), [c, p] = T(() => {
+    var S;
+    return ((S = n == null ? void 0 : n[0]) == null ? void 0 : S.content) || "";
+  }), g = I(a);
+  g.current = a;
+  const x = I(((b = (m = e.answers) == null ? void 0 : m[0]) == null ? void 0 : b.uid) || "");
+  x.current = ((C = (y = e.answers) == null ? void 0 : y[0]) == null ? void 0 : C.uid) || "";
+  const f = D(
+    () => Z((S) => {
+      var k;
+      (k = g.current) == null || k.call(g, [{ uid: x.current, content: S }]);
+    }, 300),
+    []
+  );
+  H(() => () => f.cancel(), [f]);
+  const d = (S) => {
+    const k = S.target.value;
+    p(k), f(k);
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("label", { htmlFor: l, className: "sr-only", children: "Your answer" }),
+    /* @__PURE__ */ t(
+      be,
+      {
+        id: l,
+        value: c,
+        onChange: d,
+        placeholder: "Type your answer here...",
+        disabled: s || i
+      }
+    ),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-1", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function K({
+  className: r,
+  orientation: e = "horizontal",
+  decorative: n = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "separator",
+      role: n ? "none" : "separator",
+      "aria-orientation": n ? void 0 : e,
+      className: h(
+        "bg-border shrink-0",
+        e === "horizontal" ? "h-px w-full" : "h-full w-px",
+        r
+      ),
+      ...a
+    }
+  );
+}
+function B({
+  active: r,
+  disabled: e,
+  onClick: n,
+  title: a,
+  children: s
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      disabled: e,
+      title: a,
+      "aria-label": a,
+      className: h(
+        "inline-flex items-center justify-center rounded-sm p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+        r && "bg-muted text-foreground"
+      ),
+      children: s
+    }
+  );
+}
+function sr({
+  editor: r,
+  variant: e = "default"
+}) {
+  function a() {
+    const s = r.getAttributes("link").href, o = window.prompt("Enter URL", s || "https://");
+    o !== null && (o === "" ? r.chain().focus().extendMarkRange("link").unsetLink().run() : r.chain().focus().extendMarkRange("link").setLink({ href: o }).run());
+  }
+  return /* @__PURE__ */ u("div", { className: "flex items-center gap-0.5 border-b border-border px-2 py-1.5", role: "toolbar", "aria-label": "Text formatting", children: [
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("bold"),
+        onClick: () => r.chain().focus().toggleBold().run(),
+        title: "Bold",
+        children: /* @__PURE__ */ t(st, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("italic"),
+        onClick: () => r.chain().focus().toggleItalic().run(),
+        title: "Italic",
+        children: /* @__PURE__ */ t(ot, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("underline"),
+        onClick: () => r.chain().focus().toggleUnderline().run(),
+        title: "Underline",
+        children: /* @__PURE__ */ t(it, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ t(K, { orientation: "vertical", className: "mx-1 h-5" }),
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("bulletList"),
+        onClick: () => r.chain().focus().toggleBulletList().run(),
+        title: "Bullet list",
+        children: /* @__PURE__ */ t(lt, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("orderedList"),
+        onClick: () => r.chain().focus().toggleOrderedList().run(),
+        title: "Ordered list",
+        children: /* @__PURE__ */ t(ct, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ t(K, { orientation: "vertical", className: "mx-1 h-5" }),
+    /* @__PURE__ */ t(
+      B,
+      {
+        active: r.isActive("link"),
+        onClick: a,
+        title: "Link",
+        children: /* @__PURE__ */ t(dt, { size: 16 })
+      }
+    ),
+    e === "default" && /* @__PURE__ */ u(ae, { children: [
+      /* @__PURE__ */ t(K, { orientation: "vertical", className: "mx-1 h-5" }),
+      /* @__PURE__ */ t(
+        B,
+        {
+          active: r.isActive("heading", { level: 2 }),
+          onClick: () => r.chain().focus().toggleHeading({ level: 2 }).run(),
+          title: "Heading",
+          children: /* @__PURE__ */ t(ut, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ t(
+        B,
+        {
+          active: r.isActive("blockquote"),
+          onClick: () => r.chain().focus().toggleBlockquote().run(),
+          title: "Blockquote",
+          children: /* @__PURE__ */ t(ft, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ t(
+        B,
+        {
+          active: r.isActive("codeBlock"),
+          onClick: () => r.chain().focus().toggleCodeBlock().run(),
+          title: "Code block",
+          children: /* @__PURE__ */ t(ce, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+function or({
+  value: r = "",
+  onChange: e,
+  placeholder: n,
+  readOnly: a = !1,
+  disabled: s = !1,
+  variant: o = "default",
+  ariaLabel: i = "Rich text editor",
+  className: l,
+  style: c
+}) {
+  const p = Qt({
+    extensions: [
+      Gt,
+      Zt,
+      Jt.configure({
+        openOnClick: !1,
+        HTMLAttributes: { class: "text-primary underline" }
+      }),
+      Yt.configure({ placeholder: n })
+    ],
+    content: r,
+    editable: !a && !s,
+    editorProps: {
+      attributes: {
+        "aria-label": i,
+        role: "textbox",
+        "aria-multiline": "true"
+      }
+    },
+    onUpdate: ({ editor: g }) => {
+      e == null || e(g.getHTML());
+    }
+  });
+  return H(() => {
+    p && p.getHTML() !== r && p.commands.setContent(r, { emitUpdate: !1 });
+  }, [p, r]), H(() => {
+    p && p.setEditable(!a && !s);
+  }, [p, a, s]), p ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: h(
+        "rounded-md border border-input bg-transparent text-sm shadow-xs transition-[color,box-shadow]",
+        "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+        s && "pointer-events-none opacity-50",
+        l
+      ),
+      style: c,
+      children: [
+        !a && !s && /* @__PURE__ */ t(sr, { editor: p, variant: o }),
+        /* @__PURE__ */ t(
+          Wt,
+          {
+            editor: p,
+            className: h(
+              "px-3 py-2 [&_.tiptap]:min-h-16 [&_.tiptap]:outline-none",
+              "[&_.tiptap_p]:mb-1 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold [&_.tiptap_h2]:mb-1",
+              "[&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-5 [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-5",
+              "[&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:border-muted-foreground/30 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_blockquote]:italic",
+              "[&_.tiptap_pre]:rounded-md [&_.tiptap_pre]:bg-muted [&_.tiptap_pre]:p-3 [&_.tiptap_pre]:font-mono [&_.tiptap_pre]:text-sm"
+            )
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+const ir = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  disabled: o = !1
+}) {
+  var f, d, m, b;
+  const [i, l] = T(() => {
+    var y;
+    return ((y = n == null ? void 0 : n[0]) == null ? void 0 : y.content) || "";
+  }), c = I(a);
+  c.current = a;
+  const p = I(((d = (f = e.answers) == null ? void 0 : f[0]) == null ? void 0 : d.uid) || e.uid);
+  p.current = ((b = (m = e.answers) == null ? void 0 : m[0]) == null ? void 0 : b.uid) || e.uid;
+  const g = D(
+    () => Z((y) => {
+      var C;
+      (C = c.current) == null || C.call(c, [{ uid: p.current, content: y }]);
+    }, 500),
+    []
+  );
+  H(() => () => g.cancel(), [g]);
+  const x = (y) => {
+    l(y), g(y);
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t(
+      or,
+      {
+        className: "min-h-30",
+        value: i,
+        onChange: x,
+        placeholder: "Write your response here...",
+        readOnly: s,
+        disabled: o,
+        variant: "default",
+        ariaLabel: "Essay response"
+      }
+    )
+  ] });
+}), lr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = O(), [c, p] = T(() => {
+    var y;
+    return ((y = n == null ? void 0 : n[0]) == null ? void 0 : y.content) || "";
+  }), g = I(a);
+  g.current = a;
+  const x = I(e.uid);
+  x.current = e.uid;
+  const f = D(
+    () => Z((y) => {
+      var C;
+      (C = g.current) == null || C.call(g, [{ uid: x.current, content: y }]);
+    }, 300),
+    []
+  );
+  H(() => () => f.cancel(), [f]);
+  const d = (y) => {
+    const C = y.target.value;
+    p(C), f(C);
+  }, m = (() => {
+    if (!o || e.numericAnswer === void 0) return null;
+    if (c === "") return !1;
+    const y = parseFloat(c);
+    if (isNaN(y)) return !1;
+    const C = e.numericTolerance ?? 0;
+    return Math.abs(y - e.numericAnswer) <= C;
+  })(), b = !o || m === null ? "" : m ? "border-success/50 bg-success/5" : "border-destructive/50 bg-destructive/5";
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("label", { htmlFor: l, className: "sr-only", children: "Numeric answer" }),
+      /* @__PURE__ */ t(
+        be,
+        {
+          id: l,
+          type: "number",
+          value: c,
+          onChange: d,
+          placeholder: "Enter a number...",
+          disabled: s || i,
+          className: h("max-w-48", b),
+          step: "any"
+        }
+      ),
+      e.numericUnit && /* @__PURE__ */ t("span", { className: "text-muted-foreground text-sm", children: e.numericUnit })
+    ] }),
+    o && e.numericAnswer !== void 0 && /* @__PURE__ */ u("p", { className: "text-sm text-muted-foreground", children: [
+      "Correct answer: ",
+      e.numericAnswer,
+      (e.numericTolerance ?? 0) > 0 && /* @__PURE__ */ u("span", { children: [
+        " (± ",
+        e.numericTolerance,
+        ")"
+      ] })
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-1", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function cr({
+  items: r,
+  onReorder: e,
+  disabled: n = !1
+}) {
+  const [a, s] = T(null), [o, i] = T(null), l = I(null), c = E(
+    (d) => (m) => {
+      if (n) {
+        m.preventDefault();
+        return;
+      }
+      l.current = d, s(d), m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/plain", String(d));
+    },
+    [n]
+  ), p = E(
+    (d) => (m) => {
+      m.preventDefault(), m.dataTransfer.dropEffect = "move", i(d);
+    },
+    []
+  ), g = E(
+    (d) => (m) => {
+      m.preventDefault();
+      const b = l.current;
+      if (b === null || b === d) {
+        s(null), i(null);
+        return;
+      }
+      const y = [...r], [C] = y.splice(b, 1);
+      y.splice(d, 0, C), s(null), i(null), e(y);
+    },
+    [r, e]
+  ), x = E(() => {
+    s(null), i(null), l.current = null;
+  }, []);
+  return { getDragProps: E(
+    (d) => ({
+      draggable: !n,
+      onDragStart: c(d),
+      onDragOver: p(d),
+      onDrop: g(d),
+      onDragEnd: x
+    }),
+    [n, c, p, g, x]
+  ), dragIndex: a, dragOverIndex: o };
+}
+const dr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = D(
+    () => [...e.answers || []].sort((k, _) => k.sequence - _.sequence),
+    [e.answers]
+  ), [c, p] = T(""), [g, x] = T(() => {
+    if (n && n.length > 0) {
+      const k = /* @__PURE__ */ new Map();
+      for (const _ of n)
+        k.set(_.answerUid, parseInt(_.content || "0", 10));
+      return [...l].sort(
+        (_, $) => (k.get(_.uid) ?? 0) - (k.get($.uid) ?? 0)
+      );
+    }
+    return [...l].sort(() => Math.random() - 0.5);
+  }), f = (k) => {
+    a == null || a(
+      k.map((_, $) => ({
+        uid: _.uid,
+        content: String($)
+      }))
+    );
+  }, d = (k) => {
+    x(k), f(k);
+  }, m = (k, _) => {
+    if (s || i || _ < 0 || _ >= g.length) return;
+    const $ = [...g], [N] = $.splice(k, 1);
+    $.splice(_, 0, N), x($), f($), p(
+      `${N.content.replace(/<[^>]+>/g, "")} moved to position ${_ + 1} of ${g.length}`
+    );
+  }, { getDragProps: b, dragIndex: y, dragOverIndex: C } = cr({
+    items: g,
+    onReorder: d,
+    disabled: s || i
+  }), S = (k, _) => o ? l.findIndex((N) => N.uid === k.uid) === _ ? "bg-success/10 border-success/30" : "bg-destructive/10 border-destructive/30" : "";
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "assertive", role: "status", children: c }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5", children: g.map((k, _) => /* @__PURE__ */ u(
+      "div",
+      {
+        ...b(_),
+        className: h(
+          "flex items-center gap-2 rounded-md border px-3 py-2 transition-all select-none",
+          y === _ && "opacity-50",
+          C === _ && y !== _ && "border-t-2 border-t-primary",
+          !(s || i) && "cursor-grab active:cursor-grabbing",
+          S(k, _)
+        ),
+        children: [
+          !(s || i) && /* @__PURE__ */ t(mt, { className: "size-4 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ u("span", { className: "text-sm font-medium text-muted-foreground w-6 shrink-0", children: [
+            _ + 1,
+            "."
+          ] }),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: "flex-1 text-foreground",
+              dangerouslySetInnerHTML: { __html: k.content }
+            }
+          ),
+          !(s || i) && /* @__PURE__ */ u("div", { className: "flex flex-col shrink-0", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => m(_, _ - 1),
+                disabled: _ === 0,
+                className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30 disabled:cursor-default",
+                "aria-label": `Move ${k.content} up`,
+                children: /* @__PURE__ */ t(pt, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => m(_, _ + 1),
+                disabled: _ === g.length - 1,
+                className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30 disabled:cursor-default",
+                "aria-label": `Move ${k.content} down`,
+                children: /* @__PURE__ */ t(Le, { className: "size-4" })
+              }
+            )
+          ] }),
+          o && /* @__PURE__ */ u("span", { className: "text-xs text-muted-foreground shrink-0", children: [
+            "(correct: ",
+            l.findIndex(($) => $.uid === k.uid) + 1,
+            ")"
+          ] })
+        ]
+      },
+      k.uid
+    )) }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}), ur = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = D(
+    () => [...e.matchingPairs ?? []].sort(
+      (v, w) => v.sequence - w.sequence
+    ),
+    [e.matchingPairs]
+  ), c = D(
+    () => [...l].sort(() => Math.random() - 0.5),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [l.map((v) => v.uid).join()]
+  ), [p, g] = T(() => {
+    const v = /* @__PURE__ */ new Map();
+    for (const w of n ?? [])
+      w.content && v.set(w.answerUid, w.content);
+    return v;
+  }), [x, f] = T(null), [d, m] = T(
+    null
+  ), b = E(
+    (v) => {
+      a == null || a(
+        [...v.entries()].map(([w, M]) => ({ uid: w, content: M }))
+      );
+    },
+    [a]
+  ), y = (v, w) => {
+    if (s || i) return;
+    const M = new Map(p);
+    w ? M.set(v, w) : M.delete(v), g(M), b(M);
+  }, C = (v) => (w) => {
+    if (s || i) {
+      w.preventDefault();
+      return;
+    }
+    f(v), w.dataTransfer.effectAllowed = "link", w.dataTransfer.setData("text/plain", v);
+  }, S = (v) => (w) => {
+    w.preventDefault(), w.dataTransfer.dropEffect = "link", m(v);
+  }, k = (v) => (w) => {
+    w.preventDefault(), x && y(x, v), f(null), m(null);
+  }, _ = () => {
+    f(null), m(null);
+  }, $ = (v) => {
+    if (!o) return "";
+    const w = p.get(v);
+    return w ? w === v ? "bg-success/10 border-success/30" : "bg-destructive/10 border-destructive/30" : "";
+  }, N = (v) => {
+    for (const [w, M] of p)
+      if (M === v) return w;
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ u("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider mb-1", children: "Items" }),
+        l.map((v) => /* @__PURE__ */ t(
+          "div",
+          {
+            draggable: !(s || i),
+            onDragStart: C(v.uid),
+            onDragEnd: _,
+            className: h(
+              "rounded-md border px-3 py-2 transition-colors",
+              x === v.uid && "opacity-50",
+              !(s || i) && "cursor-grab active:cursor-grabbing",
+              $(v.uid)
+            ),
+            children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "flex-1 text-foreground",
+                  dangerouslySetInnerHTML: { __html: v.item }
+                }
+              ),
+              /* @__PURE__ */ u(
+                "select",
+                {
+                  "aria-label": `Match for: ${v.item.replace(/<[^>]+>/g, "")}`,
+                  value: p.get(v.uid) || "",
+                  onChange: (w) => y(v.uid, w.target.value),
+                  disabled: s || i,
+                  className: h(
+                    "px-2 py-1 rounded border border-border bg-background text-foreground text-sm",
+                    "disabled:opacity-60 disabled:cursor-default"
+                  ),
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "", children: "—" }),
+                    c.map((w) => /* @__PURE__ */ t("option", { value: w.uid, children: w.target.replace(/<[^>]+>/g, "") }, w.uid))
+                  ]
+                }
+              )
+            ] })
+          },
+          v.uid
+        ))
+      ] }),
+      /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider mb-1", children: "Targets" }),
+        c.map((v) => {
+          const w = N(v.uid), M = w ? l.find((V) => V.uid === w) : null;
+          return /* @__PURE__ */ u(
+            "div",
+            {
+              onDragOver: S(v.uid),
+              onDrop: k(v.uid),
+              className: h(
+                "rounded-md border border-dashed px-3 py-2 transition-colors min-h-10",
+                d === v.uid && "ring-2 ring-primary",
+                w && "border-solid"
+              ),
+              children: [
+                /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: "text-foreground",
+                    dangerouslySetInnerHTML: { __html: v.target }
+                  }
+                ),
+                M && /* @__PURE__ */ t("div", { className: "mt-1 text-xs text-muted-foreground", children: "← matched" })
+              ]
+            },
+            v.uid
+          );
+        })
+      ] })
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function fr(r) {
+  if (r.shape === "rect") {
+    const [s, o, i, l] = r.coords;
+    return {
+      left: `${s}%`,
+      top: `${o}%`,
+      width: `${i}%`,
+      height: `${l}%`
+    };
+  }
+  const [e, n, a] = r.coords;
+  return {
+    left: `${e - a}%`,
+    top: `${n - a}%`,
+    width: `${a * 2}%`,
+    height: `${a * 2}%`,
+    borderRadius: "50%"
+  };
+}
+const mr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = e.hotspotMultiSelect ?? !1, [c, p] = T(() => {
+    const d = /* @__PURE__ */ new Set();
+    for (const m of n ?? [])
+      d.add(m.answerUid);
+    return d;
+  }), g = D(
+    () => e.hotspotRegions ?? [],
+    [e.hotspotRegions]
+  ), x = (d) => {
+    if (s || i) return;
+    let m;
+    l ? (m = new Set(c), m.has(d) ? m.delete(d) : m.add(d)) : m = c.has(d) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([d]), p(m), a == null || a([...m].map((b) => ({ uid: b })));
+  }, f = (d) => {
+    const m = c.has(d.uid);
+    return o ? d.isCorrect && m ? "ring-3 ring-success bg-success/20 border-2 border-success" : d.isCorrect && !m ? "ring-2 ring-success/50 border-2 border-dashed border-success/50" : !d.isCorrect && m ? "ring-3 ring-destructive bg-destructive/20 border-2 border-destructive" : "" : m ? "ring-3 ring-primary bg-primary/20 border-2 border-primary" : "hover:bg-primary/10";
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ u("div", { className: "relative inline-block max-w-full", children: [
+      e.hotspotImageUrl && /* @__PURE__ */ t(
+        "img",
+        {
+          src: e.hotspotImageUrl,
+          alt: "Hotspot question image",
+          className: "w-full h-auto rounded-md",
+          draggable: !1
+        }
+      ),
+      g.map((d, m) => /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => x(d.uid),
+          disabled: s || i,
+          "aria-label": d.label || `Region ${m + 1}`,
+          "aria-pressed": c.has(d.uid),
+          className: h(
+            "absolute transition-all cursor-pointer",
+            "disabled:cursor-default",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+            f(d)
+          ),
+          style: fr(d)
+        },
+        d.uid
+      ))
+    ] }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function pr(r) {
+  const e = [], n = /\{\{blank:([\w-]+)\}\}/g;
+  let a = 0, s;
+  for (; (s = n.exec(r)) !== null; )
+    s.index > a && e.push({ type: "text", html: r.slice(a, s.index) }), e.push({ type: "blank", uid: s[1] }), a = n.lastIndex;
+  return a < r.length && e.push({ type: "text", html: r.slice(a) }), e;
+}
+const gr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = D(() => {
+    const d = /* @__PURE__ */ new Map();
+    for (const m of e.inlineBlanks ?? [])
+      d.set(m.uid, m);
+    return d;
+  }, [e.inlineBlanks]), [c, p] = T(() => {
+    const d = /* @__PURE__ */ new Map();
+    for (const m of n ?? [])
+      m.content && d.set(m.answerUid, m.content);
+    return d;
+  }), g = D(
+    () => pr(e.content),
+    [e.content]
+  ), x = (d, m) => {
+    if (s || i) return;
+    const b = new Map(c);
+    b.set(d, m), p(b);
+    const y = [...b.entries()].map(([C, S]) => ({
+      uid: C,
+      content: S
+    }));
+    a == null || a(y);
+  }, f = (d) => {
+    if (!o) return "";
+    const m = l.get(d), b = c.get(d);
+    if (!m || !b) return "";
+    const y = m.options.find((C) => C.isCorrect);
+    return y ? b === y.uid ? "border-success/50 bg-success/5 text-success" : "border-destructive/50 bg-destructive/5 text-destructive" : "";
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ t("div", { className: "leading-relaxed text-foreground", children: g.map((d, m) => {
+      if (d.type === "text")
+        return /* @__PURE__ */ t(
+          "span",
+          {
+            dangerouslySetInnerHTML: { __html: d.html }
+          },
+          m
+        );
+      const b = l.get(d.uid);
+      return b ? /* @__PURE__ */ u(
+        "select",
+        {
+          "aria-label": `Blank ${b.sequence + 1}`,
+          value: c.get(d.uid) || "",
+          onChange: (y) => x(d.uid, y.target.value),
+          disabled: s || i,
+          className: h(
+            "inline-block mx-1 px-2 py-0.5 rounded border border-border bg-background text-foreground text-sm align-baseline",
+            "disabled:opacity-60 disabled:cursor-default",
+            f(d.uid)
+          ),
+          children: [
+            /* @__PURE__ */ t("option", { value: "", children: "Select..." }),
+            b.options.map((y) => /* @__PURE__ */ t("option", { value: y.uid, children: y.content }, y.uid))
+          ]
+        },
+        d.uid
+      ) : null;
+    }) }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}), hr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = e.scenarioQuestions ?? [], c = I(
+    /* @__PURE__ */ new Map()
+  ), p = D(() => {
+    const x = /* @__PURE__ */ new Map();
+    for (const f of n ?? []) {
+      const d = f.answerUid.indexOf("::");
+      if (d === -1) continue;
+      const m = f.answerUid.slice(0, d), b = f.answerUid.slice(d + 2), y = x.get(m) ?? [];
+      y.push({ ...f, uid: m, answerUid: b }), x.set(m, y);
+    }
+    c.current = /* @__PURE__ */ new Map();
+    for (const [f, d] of x)
+      c.current.set(
+        f,
+        d.map((m) => ({ uid: `${f}::${m.answerUid}`, content: m.content }))
+      );
+    return x;
+  }, [n]), g = (x, f) => {
+    const d = f.map((b) => ({
+      uid: `${x}::${b.uid}`,
+      content: b.content
+    }));
+    c.current.set(x, d);
+    const m = [];
+    for (const b of c.current.values())
+      m.push(...b);
+    a == null || a(m);
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: h(
+          "rounded-lg border border-border bg-muted/30 px-4 py-3",
+          "prose prose-sm max-w-none text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ t("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Scenario" }),
+          /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(K, {}),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-5", children: l.map((x, f) => /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ u("span", { className: "text-xs font-medium text-muted-foreground", children: [
+        "Part ",
+        String.fromCharCode(65 + f)
+      ] }),
+      /* @__PURE__ */ t(
+        Ve,
+        {
+          question: x,
+          sessionAnswers: p.get(x.uid) ?? [],
+          onAnswer: (d) => g(x.uid, d),
+          readOnly: s,
+          showCorrectAnswers: o,
+          disabled: i
+        }
+      )
+    ] }, x.uid)) }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-2", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Scenario Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+});
+function Be({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", { "data-slot": "table-container", className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
+    "table",
+    {
+      "data-slot": "table",
+      className: h("w-full caption-bottom text-sm", r),
+      ...e
+    }
+  ) });
+}
+function Ae({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: h("[&_tr]:border-b", r),
+      ...e
+    }
+  );
+}
+function Fe({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: h("[&_tr:last-child]:border-0", r),
+      ...e
+    }
+  );
+}
+function xr({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: h(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function re({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: h(
+        "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function me({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: h(
+        "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]",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function q({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: h(
+        "px-3 py-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function br({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: h("text-muted-foreground mt-4 text-sm", r),
+      ...e
+    }
+  );
+}
+function vr(r, e, n) {
+  if (r.locked || !r.correctAnswer) return null;
+  if (!n || n.trim() === "") return "empty";
+  if (e.type === "numeric" || e.type === "currency") {
+    const a = parseFloat(n.replace(/,/g, "")), s = parseFloat(r.correctAnswer);
+    if (isNaN(a) || isNaN(s)) return "incorrect";
+    const o = r.tolerance ?? 0;
+    return Math.abs(a - s) <= o ? "correct" : "incorrect";
+  }
+  return n.trim().toLowerCase() === r.correctAnswer.trim().toLowerCase() ? "correct" : "incorrect";
+}
+const yr = L(function({
+  question: e,
+  sessionAnswers: n,
+  onAnswer: a,
+  readOnly: s = !1,
+  showCorrectAnswers: o = !1,
+  disabled: i = !1
+}) {
+  const l = e.spreadsheetColumns ?? [], c = e.spreadsheetRows ?? [], p = D(() => {
+    const N = /* @__PURE__ */ new Map();
+    for (const v of l) N.set(v.uid, v);
+    return N;
+  }, [l]), g = D(
+    () => c.flatMap((N) => N.cells.filter((v) => !v.locked).map((v) => v.uid)),
+    [c]
+  ), x = D(() => c.some((N) => N.label != null), [c]), f = D(() => c.filter((N) => !N.isTotals), [c]), d = D(() => c.filter((N) => N.isTotals), [c]), m = I(a);
+  m.current = a;
+  const b = D(
+    () => Z((N) => {
+      var v;
+      (v = m.current) == null || v.call(
+        m,
+        [...N.entries()].map(([w, M]) => ({ uid: w, content: M }))
+      );
+    }, 300),
+    []
+  );
+  H(() => () => b.cancel(), [b]);
+  const [y, C] = T(() => {
+    const N = /* @__PURE__ */ new Map();
+    for (const v of n ?? [])
+      v.content !== void 0 && N.set(v.answerUid, v.content);
+    for (const v of c)
+      for (const w of v.cells)
+        !w.locked && !N.has(w.uid) && N.set(w.uid, w.value ?? "");
+    return N;
+  }), S = (N, v) => {
+    if (s || i) return;
+    const w = new Map(y);
+    w.set(N, v), C(w), b(w);
+  }, k = (N, v) => {
+    if (v.key !== "Tab") return;
+    const w = g.indexOf(N), M = v.shiftKey ? w - 1 : w + 1;
+    if (M < 0 || M >= g.length) return;
+    v.preventDefault();
+    const V = g[M], z = document.querySelector(
+      `[data-cell-uid="${V}"]`
+    );
+    z == null || z.focus();
+  }, _ = (N) => {
+    const v = p.get(N.columnUid);
+    if (!v) return null;
+    const w = y.get(N.uid) ?? "", M = o ? vr(N, v, w) : null, V = M === "correct" ? "bg-success/10 border-l-2 border-l-success/50" : M === "incorrect" || M === "empty" ? "bg-destructive/10 border-l-2 border-l-destructive/50" : "";
+    return N.locked ? /* @__PURE__ */ t(
+      q,
+      {
+        className: h(
+          "px-2 py-1.5 text-sm text-muted-foreground bg-muted/30",
+          v.type !== "text" && "text-right tabular-nums"
+        ),
+        children: N.value ?? ""
+      },
+      N.uid
+    ) : /* @__PURE__ */ u(
+      q,
+      {
+        className: h("p-0 relative", V),
+        children: [
+          /* @__PURE__ */ t(
+            be,
+            {
+              type: v.type === "numeric" ? "number" : "text",
+              inputMode: v.type === "currency" ? "decimal" : void 0,
+              step: v.type === "numeric" ? "any" : void 0,
+              value: w,
+              onChange: (z) => S(N.uid, z.target.value),
+              onKeyDown: (z) => k(N.uid, z),
+              disabled: s || i,
+              "data-cell-uid": N.uid,
+              placeholder: v.type === "text" ? "" : "0.00",
+              className: h(
+                "h-8 rounded-none border-0 shadow-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
+                v.type !== "text" && "text-right tabular-nums"
+              )
+            }
+          ),
+          o && M !== "correct" && M !== null && N.correctAnswer && /* @__PURE__ */ u("div", { className: "px-2 pb-1 text-xs", children: [
+            /* @__PURE__ */ t("span", { className: "text-success", children: N.correctAnswer }),
+            N.formula && /* @__PURE__ */ u("span", { className: "ml-1 text-muted-foreground/70", children: [
+              "(",
+              N.formula,
+              ")"
+            ] })
+          ] })
+        ]
+      },
+      N.uid
+    );
+  }, $ = (N) => /* @__PURE__ */ u(
+    re,
+    {
+      className: h(
+        N.isHeader && "bg-muted/50 font-semibold hover:bg-muted/50"
+      ),
+      children: [
+        x && /* @__PURE__ */ t(q, { className: "px-2 py-1.5 font-medium text-sm text-muted-foreground whitespace-nowrap", children: N.label ?? "" }),
+        N.cells.map(_)
+      ]
+    },
+    N.uid
+  );
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e.content } }),
+    /* @__PURE__ */ t("div", { className: "rounded-md border border-border overflow-auto", children: /* @__PURE__ */ u(Be, { children: [
+      /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ u(re, { className: "hover:bg-transparent", children: [
+        x && /* @__PURE__ */ t(me, { className: "w-auto" }),
+        l.map((N) => /* @__PURE__ */ t(
+          me,
+          {
+            style: { width: N.width ? `${N.width}rem` : void 0 },
+            className: h(
+              N.type !== "text" && "text-right"
+            ),
+            children: N.label
+          },
+          N.uid
+        ))
+      ] }) }),
+      /* @__PURE__ */ t(Fe, { children: f.map($) }),
+      d.length > 0 && /* @__PURE__ */ t(xr, { children: d.map($) })
+    ] }) }),
+    o && e.explanation && /* @__PURE__ */ t(U, { className: "mt-1", children: /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ t("strong", { children: "Explanation:" }),
+      " ",
+      /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: e.explanation } })
+    ] }) })
+  ] });
+}), Ve = L(function(e) {
+  switch (e.question.type) {
+    case "multiple_choice":
+      return /* @__PURE__ */ t(tr, { ...e });
+    case "choice":
+      return /* @__PURE__ */ t(rr, { ...e });
+    case "true_false":
+      return /* @__PURE__ */ t(nr, { ...e });
+    case "fill_in_the_blank":
+      return /* @__PURE__ */ t(ar, { ...e });
+    case "essay":
+      return /* @__PURE__ */ t(ir, { ...e });
+    case "numeric":
+      return /* @__PURE__ */ t(lr, { ...e });
+    case "ordering":
+      return /* @__PURE__ */ t(dr, { ...e });
+    case "matching":
+      return /* @__PURE__ */ t(ur, { ...e });
+    case "hotspot":
+      return /* @__PURE__ */ t(mr, { ...e });
+    case "inline_choice":
+      return /* @__PURE__ */ t(gr, { ...e });
+    case "scenario":
+      return /* @__PURE__ */ t(hr, { ...e });
+    case "spreadsheet":
+      return /* @__PURE__ */ t(yr, { ...e });
+    default:
+      return /* @__PURE__ */ u("p", { className: "text-muted-foreground", children: [
+        "Question type “",
+        e.question.type,
+        "” is not supported yet."
+      ] });
+  }
+});
+function ve(r, e) {
+  var n;
+  switch (r.type) {
+    case "choice":
+    case "multiple_choice":
+    case "true_false": {
+      const a = new Set(
+        (r.answers ?? []).filter((o) => o.isCorrect).map((o) => o.uid)
+      ), s = new Set(e.map((o) => o.answerUid));
+      return a.size === 0 ? null : a.size === s.size && [...a].every((o) => s.has(o));
+    }
+    case "fill_in_the_blank":
+    case "essay":
+      return null;
+    case "ordering": {
+      const a = r.answers ?? [];
+      return a.length === 0 ? null : [...a].sort((o, i) => o.sequence - i.sequence).every((o, i) => {
+        const l = e.find((c) => c.answerUid === o.uid);
+        return (l == null ? void 0 : l.content) === String(i);
+      });
+    }
+    case "matching": {
+      const a = r.matchingPairs ?? [];
+      return a.length === 0 ? null : a.every((s) => {
+        const o = e.find((i) => i.answerUid === s.uid);
+        return (o == null ? void 0 : o.content) === s.uid;
+      });
+    }
+    case "numeric": {
+      if (r.numericAnswer === void 0) return null;
+      const a = (n = e[0]) == null ? void 0 : n.content;
+      if (a === void 0 || a === "") return !1;
+      const s = parseFloat(a);
+      if (isNaN(s)) return !1;
+      const o = r.numericTolerance ?? 0;
+      return Math.abs(s - r.numericAnswer) <= o;
+    }
+    case "hotspot": {
+      const a = r.hotspotRegions ?? [], s = new Set(
+        a.filter((i) => i.isCorrect).map((i) => i.uid)
+      );
+      if (s.size === 0) return null;
+      const o = new Set(e.map((i) => i.answerUid));
+      return s.size === o.size && [...s].every((i) => o.has(i));
+    }
+    case "inline_choice": {
+      const a = r.inlineBlanks ?? [];
+      return a.length === 0 ? null : a.every((s) => {
+        const o = s.options.find((l) => l.isCorrect);
+        if (!o) return !0;
+        const i = e.find((l) => l.answerUid === s.uid);
+        return (i == null ? void 0 : i.content) === o.uid;
+      });
+    }
+    case "spreadsheet": {
+      const a = r.spreadsheetRows ?? [], s = r.spreadsheetColumns ?? [], o = new Map(s.map((l) => [l.uid, l])), i = a.flatMap(
+        (l) => l.cells.filter((c) => !c.locked && c.correctAnswer !== void 0)
+      );
+      return i.length === 0 ? null : i.every((l) => {
+        var m;
+        const c = e.find((b) => b.answerUid === l.uid), p = ((m = c == null ? void 0 : c.content) == null ? void 0 : m.trim()) ?? "";
+        if (!p) return !1;
+        const g = o.get(l.columnUid);
+        if (!g || g.type === "text")
+          return p.toLowerCase() === l.correctAnswer.trim().toLowerCase();
+        const x = parseFloat(p.replace(/,/g, "")), f = parseFloat(l.correctAnswer.replace(/,/g, ""));
+        if (isNaN(x) || isNaN(f)) return !1;
+        const d = l.tolerance ?? 0;
+        return Math.abs(x - f) <= d;
+      });
+    }
+    case "scenario": {
+      const a = r.scenarioQuestions ?? [];
+      if (a.length === 0) return null;
+      if ((r.scenarioScoringMode ?? "per_question") === "all_or_nothing") {
+        const o = Oe(e), i = a.map((l) => {
+          const c = o.get(l.uid) ?? [];
+          return ve(l, c);
+        });
+        return i.some((l) => l === null) ? null : i.every((l) => l === !0);
+      }
+      return null;
+    }
+    default:
+      return null;
+  }
+}
+function fa(r, e) {
+  let n = 0, a = 0;
+  for (const i of r) {
+    const l = e.filter((p) => p.uid === i.uid);
+    if (i.type === "scenario" && i.scenarioScoringMode !== "all_or_nothing") {
+      const p = Nr(i, l);
+      for (const [, g] of p)
+        g !== null && (a++, g && n++);
+      continue;
+    }
+    const c = ve(i, l);
+    c !== null && (a++, c && n++);
+  }
+  const s = a > 0 ? a : r.length, o = s > 0 ? Math.round(n / s * 100) : 0;
+  return { correct: n, total: s, percentage: o };
+}
+function Oe(r) {
+  const e = /* @__PURE__ */ new Map();
+  for (const n of r) {
+    const a = n.answerUid.indexOf("::");
+    if (a === -1) continue;
+    const s = n.answerUid.slice(0, a), o = n.answerUid.slice(a + 2), i = e.get(s) ?? [];
+    i.push({ ...n, answerUid: o }), e.set(s, i);
+  }
+  return e;
+}
+function Nr(r, e) {
+  const n = /* @__PURE__ */ new Map(), a = r.scenarioQuestions ?? [], s = Oe(e);
+  for (const o of a) {
+    const i = s.get(o.uid) ?? [];
+    n.set(o.uid, ve(o, i));
+  }
+  return n;
+}
+const wr = (r) => {
+  if (r < 1)
+    return "-";
+  const e = Math.floor(r / 3600), n = Math.floor(r % 3600 / 60), a = r % 60, s = [];
+  return e > 0 && s.push(`${e}h`), n > 0 && s.push(`${n}m`), a > 0 && s.push(`${a}s`), s.join(" ");
+}, ne = (r) => {
+  const e = Math.floor(r / 3600), n = Math.floor(r % 3600 / 60), a = r % 60, s = (o) => o.toString().padStart(2, "0");
+  return e > 0 ? `${s(e)}:${s(n)}:${s(a)}` : `${s(n)}:${s(a)}`;
+};
+function kr(r, e) {
+  return r ? {
+    wrapper: "border-destructive/30 bg-destructive/10 text-destructive",
+    bold: !0
+  } : e ? {
+    wrapper: "border-warning/30 bg-warning/10 text-warning",
+    bold: !0
+  } : {
+    wrapper: "border-border bg-muted text-muted-foreground",
+    bold: !1
+  };
+}
+const Cr = L(function({
+  timeElapsedSeconds: e,
+  timeLimitSeconds: n,
+  variant: a = "compact"
+}) {
+  const s = n != null && n > 0, o = s ? Math.max(0, n - e) : 0, i = s && o < n * 0.1, l = s && o <= 60, c = ne(s ? o : e), p = kr(l, i);
+  return a === "compact" ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: h(
+        "flex items-center gap-1.5 px-2.5 py-1 rounded-full border",
+        p.wrapper
+      ),
+      children: [
+        /* @__PURE__ */ t("span", { className: "inline-flex leading-none", children: /* @__PURE__ */ t(ee, { size: 13 }) }),
+        /* @__PURE__ */ t("span", { className: "text-xs font-semibold font-mono tracking-wide", "aria-live": "polite", "aria-atomic": "true", children: c })
+      ]
+    }
+  ) : /* @__PURE__ */ u("div", { className: h("flex items-center gap-1.5", p.wrapper), children: [
+    /* @__PURE__ */ t("span", { className: "inline-flex leading-none", children: /* @__PURE__ */ t(ee, { size: 16 }) }),
+    /* @__PURE__ */ u("span", { className: h("text-sm", p.bold && "font-semibold"), children: [
+      s ? "Time remaining: " : "Time elapsed: ",
+      /* @__PURE__ */ t("span", { className: "font-mono font-semibold", "aria-live": "polite", "aria-atomic": "true", children: c })
+    ] })
+  ] });
+}), Sr = {
+  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"
+}, _r = (r, e) => r.uid === e ? "current" : r.isFlagged ? "flagged" : r.isAnswered ? "answered" : "default", Tr = L(function({
+  questions: e,
+  currentQuestionUid: n,
+  onNavigate: a,
+  readOnly: s = !1
+}) {
+  const o = (i) => {
+    const l = [`Question ${i.sequence + 1}`];
+    return i.isFlagged && l.push("Flagged"), i.isAnswered && l.push("Answered"), i.isSkipped && l.push("Skipped"), l.join(" · ");
+  };
+  return /* @__PURE__ */ t("div", { className: "flex gap-1", children: e.map((i) => {
+    const l = _r(i, n);
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        title: o(i),
+        "aria-label": o(i),
+        "aria-current": i.uid === n ? "step" : void 0,
+        className: h(
+          "inline-flex items-center justify-center px-1.5 py-0.5 rounded border text-[11px] leading-tight transition-all duration-150 min-w-5.5",
+          Sr[l],
+          s ? "cursor-default" : "cursor-pointer hover:shadow-sm hover:-translate-y-px"
+        ),
+        onClick: s ? void 0 : () => a == null ? void 0 : a(i.uid),
+        disabled: s,
+        children: /* @__PURE__ */ t("span", { className: "font-semibold min-w-3.5 text-center", children: i.sequence + 1 })
+      },
+      i.uid
+    );
+  }) });
+});
+function Ke({
+  children: r,
+  ...e
+}) {
+  return X.isValidElement(r) ? X.cloneElement(r, {
+    ...zr(e, r.props),
+    ref: r.ref
+  }) : (X.Children.count(r) > 1 && X.Children.only(null), null);
+}
+function zr(r, e) {
+  const n = { ...e };
+  for (const a in e) {
+    const s = r[a], o = e[a];
+    a === "style" ? n[a] = { ...s, ...o } : a === "className" ? n[a] = [s, o].filter(Boolean).join(" ") : typeof s == "function" && typeof o == "function" && (n[a] = (...i) => {
+      o(...i), s(...i);
+    });
+  }
+  return { ...r, ...n };
+}
+const ie = G(
+  "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 R({
+  className: r,
+  variant: e = "default",
+  size: n = "default",
+  asChild: a = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    a ? Ke : "button",
+    {
+      "data-slot": "button",
+      className: h(ie({ variant: e, size: n, className: r })),
+      ...s
+    }
+  );
+}
+const ma = ({
+  currentQuestionIndex: r,
+  totalQuestions: e,
+  hasNext: n,
+  hasPrevious: a,
+  onNext: s,
+  onPrevious: o,
+  onSubmit: i,
+  timeElapsedSeconds: l,
+  timeLimitSeconds: c,
+  questions: p,
+  onNavigateToQuestion: g,
+  currentQuestionUid: x,
+  isCompleted: f = !1,
+  isSubmitting: d = !1,
+  readOnly: m = !1
+}) => {
+  const b = l != null && l >= 0, y = p && p.length > 0;
+  return /* @__PURE__ */ u("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted px-2 py-1.5 shadow-sm", children: [
+    /* @__PURE__ */ u(
+      R,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-8 shrink-0 rounded-md",
+        disabled: !a || m,
+        onClick: o,
+        children: [
+          /* @__PURE__ */ t(ge, { size: 16 }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Previous" })
+        ]
+      }
+    ),
+    !y && /* @__PURE__ */ u("span", { className: "text-xs font-medium text-muted-foreground whitespace-nowrap", children: [
+      /* @__PURE__ */ t("span", { className: "font-bold text-foreground", children: r + 1 }),
+      /* @__PURE__ */ t("span", { className: "mx-0.5", children: "/" }),
+      e
+    ] }),
+    y && /* @__PURE__ */ t("div", { className: "min-w-0 flex-1 overflow-x-auto [scrollbar-width:none]", children: /* @__PURE__ */ t(
+      Tr,
+      {
+        questions: p,
+        currentQuestionUid: x,
+        onNavigate: g,
+        readOnly: m
+      }
+    ) }),
+    !y && /* @__PURE__ */ t("div", { className: "flex-1" }),
+    b && /* @__PURE__ */ t(
+      Cr,
+      {
+        timeElapsedSeconds: l,
+        timeLimitSeconds: c
+      }
+    ),
+    !n || f ? /* @__PURE__ */ u(
+      R,
+      {
+        variant: f ? "secondary" : "default",
+        size: "sm",
+        className: h("shrink-0 rounded-md", d && "gap-0"),
+        onClick: i,
+        disabled: m || d,
+        children: [
+          d ? "..." : f ? "Review" : "Submit",
+          !d && /* @__PURE__ */ t(Ee, { size: 14 })
+        ]
+      }
+    ) : /* @__PURE__ */ u(
+      R,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-8 shrink-0 rounded-md",
+        disabled: !n || m,
+        onClick: s,
+        children: [
+          /* @__PURE__ */ t(se, { size: 16 }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Next" })
+        ]
+      }
+    )
+  ] });
+}, pa = ({
+  questionNumber: r,
+  totalQuestions: e,
+  isFlagged: n,
+  onToggleFlag: a,
+  hasMaterials: s = !1,
+  onOpenMaterials: o,
+  readOnly: i = !1
+}) => /* @__PURE__ */ u("div", { className: "flex items-center justify-between pb-3 border-b border-border", children: [
+  /* @__PURE__ */ u("span", { className: "text-sm font-semibold text-foreground", children: [
+    "Question ",
+    r,
+    " ",
+    /* @__PURE__ */ u("span", { className: "font-normal text-muted-foreground", children: [
+      "of ",
+      e
+    ] })
+  ] }),
+  !i && /* @__PURE__ */ u("div", { className: "flex items-center gap-1", children: [
+    s && o && /* @__PURE__ */ u(
+      R,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "gap-1.5 text-muted-foreground hover:text-foreground",
+        onClick: o,
+        children: [
+          /* @__PURE__ */ t(te, { size: 14 }),
+          "Related Material"
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ t(
+      R,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: h(
+          "size-8",
+          n ? "text-warning hover:text-warning/80" : "text-muted-foreground hover:text-warning"
+        ),
+        onClick: a,
+        "aria-label": n ? "Unflag question" : "Flag question",
+        children: /* @__PURE__ */ t(
+          gt,
+          {
+            size: 14,
+            fill: n ? "currentColor" : "none"
+          }
+        )
+      }
+    )
+  ] })
+] }), Qe = Q(null);
+function We() {
+  const r = W(Qe);
+  if (!r) throw new Error("Tooltip compound components must be used within <Tooltip>");
+  return r;
+}
+function Dr({ children: r, delayDuration: e = 300 }) {
+  const [n, a] = T(!1), s = I(null), o = I(void 0), i = O(), l = E(() => {
+    clearTimeout(o.current), o.current = setTimeout(() => a(!0), e);
+  }, [e]), c = E(() => {
+    clearTimeout(o.current), a(!1);
+  }, []);
+  return /* @__PURE__ */ t(Qe.Provider, { value: { open: n, show: l, hide: c, triggerRef: s, tooltipId: i }, children: r });
+}
+function Ir({ children: r }) {
+  const { show: e, hide: n, triggerRef: a, tooltipId: s, open: o } = We();
+  return Ot(r) ? Kt(r, {
+    ref: (i) => {
+      a.current = i;
+      const l = r.ref;
+      typeof l == "function" ? l(i) : l && typeof l == "object" && (l.current = i);
+    },
+    onMouseEnter: (i) => {
+      e();
+      const l = r.props.onMouseEnter;
+      l == null || l(i);
+    },
+    onMouseLeave: (i) => {
+      n();
+      const l = r.props.onMouseLeave;
+      l == null || l(i);
+    },
+    onFocus: (i) => {
+      e();
+      const l = r.props.onFocus;
+      l == null || l(i);
+    },
+    onBlur: (i) => {
+      n();
+      const l = r.props.onBlur;
+      l == null || l(i);
+    },
+    "aria-describedby": o ? s : void 0
+  }) : r;
+}
+function Mr({
+  className: r,
+  sideOffset: e = 8,
+  children: n,
+  style: a,
+  ...s
+}) {
+  const { open: o, triggerRef: i, tooltipId: l } = We(), c = I(null), [p, g] = T({
+    position: "fixed",
+    top: 0,
+    left: 0,
+    visibility: "hidden"
+  });
+  return Vt(() => {
+    if (!o || !i.current || !c.current) return;
+    const x = i.current.getBoundingClientRect(), f = c.current.getBoundingClientRect();
+    let d = x.top - f.height - e, m = x.left + x.width / 2 - f.width / 2;
+    d < 4 && (d = x.bottom + e), m < 4 && (m = 4), m + f.width > window.innerWidth - 4 && (m = window.innerWidth - f.width - 4), g({ position: "fixed", top: d, left: m, visibility: "visible" });
+  }, [o, e, i]), o ? xe(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: c,
+        id: l,
+        role: "tooltip",
+        "data-slot": "tooltip-content",
+        className: h(
+          "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",
+          r
+        ),
+        style: { ...p, ...a },
+        ...s,
+        children: n
+      }
+    ),
+    document.body
+  ) : null;
+}
+const Ge = Q(null);
+function Lr() {
+  const r = W(Ge);
+  if (!r)
+    throw new Error(
+      "DrawerNavItem must be used within <DrawerNav>"
+    );
+  return r;
+}
+const Ye = Q(null);
+function F() {
+  const r = W(Ye);
+  if (!r)
+    throw new Error("Drawer compound components must be used within <Drawer>");
+  return r;
+}
+const Se = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function Er(r, e) {
+  const n = I(null);
+  return H(() => {
+    if (!e || !r.current) return;
+    n.current = document.activeElement;
+    const s = r.current.querySelectorAll(Se);
+    return s.length > 0 && s[0].focus(), () => {
+      n.current instanceof HTMLElement && n.current.focus();
+    };
+  }, [e, r]), E(
+    (s) => {
+      if (s.key !== "Tab" || !r.current) return;
+      const o = Array.from(
+        r.current.querySelectorAll(Se)
+      );
+      if (o.length === 0) return;
+      const i = o[0], l = o[o.length - 1];
+      s.shiftKey && document.activeElement === i ? (s.preventDefault(), l.focus()) : !s.shiftKey && document.activeElement === l && (s.preventDefault(), i.focus());
+    },
+    [r]
+  );
+}
+function $r(r) {
+  H(() => {
+    if (!r) return;
+    const e = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = e;
+    };
+  }, [r]);
+}
+const Rr = G(
+  "bg-background fixed inset-y-0 z-50 flex flex-col shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        right: "right-0 border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
+        left: "left-0 border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left"
+      },
+      size: {
+        sm: "w-80",
+        default: "w-100",
+        lg: "w-128",
+        xl: "w-160",
+        full: "w-full"
+      }
+    },
+    defaultVariants: {
+      side: "right",
+      size: "default"
+    }
+  }
+);
+function Hr({ children: r, open: e, onOpenChange: n, side: a = "right" }) {
+  const s = O(), o = O(), [i, l] = T(!1);
+  return /* @__PURE__ */ t(
+    Ye.Provider,
+    {
+      value: { open: e, onOpenChange: n, side: a, titleId: s, descriptionId: o, hasNav: i, setHasNav: l },
+      children: r
+    }
+  );
+}
+function ga({
+  className: r,
+  onClick: e,
+  ...n
+}) {
+  const { onOpenChange: a } = F();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-slot": "drawer-trigger",
+      className: r,
+      onClick: (s) => {
+        a(!0), e == null || e(s);
+      },
+      ...n
+    }
+  );
+}
+function Ur({ children: r }) {
+  return xe(r, document.body);
+}
+function jr({
+  className: r,
+  ...e
+}) {
+  const { onOpenChange: n } = F();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "drawer-backdrop",
+      className: h(
+        "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+        r
+      ),
+      "data-state": "open",
+      onClick: () => n(!1),
+      ...e
+    }
+  );
+}
+function Pr({
+  className: r,
+  children: e,
+  size: n = "default",
+  scrollLock: a = !0,
+  ...s
+}) {
+  const { open: o, onOpenChange: i, side: l, titleId: c, descriptionId: p, hasNav: g } = F(), x = I(null), f = Er(x, o);
+  return $r(o && a), H(() => {
+    if (!o) return;
+    const d = (m) => {
+      m.key === "Escape" && i(!1);
+    };
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [o, i]), o ? /* @__PURE__ */ u(Ur, { children: [
+    /* @__PURE__ */ t(jr, {}),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: x,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": c,
+        "aria-describedby": p,
+        "data-slot": "drawer-content",
+        "data-state": "open",
+        className: h(Rr({ side: l, size: n }), g && "flex-row", r),
+        onKeyDown: f,
+        ...s,
+        children: e
+      }
+    )
+  ] }) : null;
+}
+function Br({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: h("flex flex-col gap-1.5 border-b px-6 py-4 shrink-0", r),
+      ...e
+    }
+  );
+}
+function Ar({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "drawer-body",
+      className: h("flex-1 overflow-y-auto px-6 py-4", r),
+      ...e
+    }
+  );
+}
+function ha({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: h(
+        "flex items-center gap-2 border-t px-6 py-4 shrink-0",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function Fr({
+  className: r,
+  ...e
+}) {
+  const { titleId: n } = F();
+  return /* @__PURE__ */ t(
+    "h2",
+    {
+      id: n,
+      "data-slot": "drawer-title",
+      className: h("text-lg font-semibold", r),
+      ...e
+    }
+  );
+}
+function xa({
+  className: r,
+  ...e
+}) {
+  const { descriptionId: n } = F();
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      id: n,
+      "data-slot": "drawer-description",
+      className: h("text-muted-foreground text-sm", r),
+      ...e
+    }
+  );
+}
+function Vr({
+  className: r,
+  children: e,
+  onClick: n,
+  ...a
+}) {
+  const { onOpenChange: s } = F();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-slot": "drawer-close",
+      className: h(ie({ variant: "ghost", size: "sm" }), r),
+      onClick: (o) => {
+        s(!1), n == null || n(o);
+      },
+      ...a,
+      children: e ?? /* @__PURE__ */ t(oe, { className: "h-4 w-4" })
+    }
+  );
+}
+function ba({
+  value: r,
+  onValueChange: e,
+  className: n,
+  children: a,
+  ...s
+}) {
+  const { setHasNav: o } = F(), i = I(null);
+  H(() => (o(!0), () => o(!1)), [o]);
+  const l = (c) => {
+    if (!["ArrowUp", "ArrowDown", "Home", "End"].includes(c.key)) return;
+    const p = i.current;
+    if (!p) return;
+    const g = Array.from(
+      p.querySelectorAll('[role="tab"]:not([disabled])')
+    ), x = g.indexOf(document.activeElement);
+    if (x === -1) return;
+    c.preventDefault();
+    let f;
+    switch (c.key) {
+      case "ArrowDown":
+        f = (x + 1) % g.length;
+        break;
+      case "ArrowUp":
+        f = (x - 1 + g.length) % g.length;
+        break;
+      case "Home":
+        f = 0;
+        break;
+      case "End":
+        f = g.length - 1;
+        break;
+      default:
+        return;
+    }
+    g[f].focus();
+  };
+  return /* @__PURE__ */ t(Ge.Provider, { value: { value: r, onValueChange: e }, children: /* @__PURE__ */ t(
+    "nav",
+    {
+      ref: i,
+      role: "tablist",
+      "aria-orientation": "vertical",
+      "data-slot": "drawer-nav",
+      className: h(
+        "flex shrink-0 flex-col items-center gap-1 border-r bg-muted/30 px-1.5 py-2",
+        n
+      ),
+      onKeyDown: l,
+      ...s,
+      children: a
+    }
+  ) });
+}
+function va({
+  value: r,
+  icon: e,
+  label: n,
+  className: a,
+  ...s
+}) {
+  const { value: o, onValueChange: i } = Lr(), { side: l } = F(), c = o === r;
+  return /* @__PURE__ */ u(Dr, { children: [
+    /* @__PURE__ */ t(Ir, { children: /* @__PURE__ */ u(
+      "button",
+      {
+        role: "tab",
+        type: "button",
+        "aria-selected": c,
+        "aria-label": n,
+        "data-slot": "drawer-nav-item",
+        ...c ? { "data-active": "" } : {},
+        className: h(
+          "relative flex cursor-pointer items-center justify-center rounded-md size-9 transition-colors",
+          "text-muted-foreground hover:text-foreground hover:bg-accent",
+          c && "text-foreground bg-accent/50",
+          a
+        ),
+        onClick: () => i(r),
+        ...s,
+        children: [
+          c && /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: h(
+                "absolute top-1 bottom-1 w-0.5 rounded-full bg-primary",
+                l === "left" ? "right-0 -mr-1.5" : "left-0 -ml-1.5"
+              )
+            }
+          ),
+          e
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(Mr, { children: n })
+  ] });
+}
+function ya({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "tabpanel",
+      "data-slot": "drawer-viewport",
+      className: h("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", r),
+      ...e
+    }
+  );
+}
+const Or = ({
+  src: r,
+  poster: e,
+  title: n,
+  autoPlay: a = !1,
+  onPlay: s,
+  onPause: o,
+  onEnded: i,
+  onTimeUpdate: l,
+  readOnly: c = !1,
+  aspectRatio: p = "16/9",
+  tracks: g,
+  className: x,
+  style: f
+}) => {
+  const d = I(null), m = I(-1), b = D(
+    () => ({ aspectRatio: p, ...f }),
+    [p, f]
+  ), y = D(
+    () => ({ width: "100%", aspectRatio: p, display: "block" }),
+    [p]
+  ), C = E(() => {
+    const S = d.current;
+    if (S && l) {
+      const k = Math.floor(S.currentTime * 4) / 4;
+      k !== m.current && (m.current = k, l(S.currentTime, S.duration));
+    }
+  }, [l]);
+  return r ? c ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("relative overflow-hidden rounded-lg", x),
+      style: b,
+      children: [
+        e ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: e,
+            alt: n || "Video poster",
+            loading: "lazy",
+            className: "w-full h-full object-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(ue, { size: 28, className: "text-white ml-0.5" }) }) }),
+        e && /* @__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(ue, { 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: x, style: f, 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: d,
+        src: r,
+        poster: e,
+        controls: !0,
+        preload: "metadata",
+        autoPlay: a,
+        onPlay: s,
+        onPause: o,
+        onEnded: i,
+        onTimeUpdate: C,
+        style: y,
+        children: g == null ? void 0 : g.map((S) => /* @__PURE__ */ t(
+          "track",
+          {
+            src: S.src,
+            kind: S.kind,
+            label: S.label,
+            srcLang: S.srcLang,
+            default: S.default
+          },
+          `${S.kind}-${S.srcLang}`
+        ))
+      }
+    ) })
+  ] }) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("relative overflow-hidden rounded-lg border border-border bg-muted", x),
+      style: b,
+      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(de, { size: 24 }) }),
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: "No video source provided" })
+      ] })
+    }
+  );
+}, Kr = G("h-full rounded-full transition-all duration-300", {
+  variants: {
+    variant: {
+      default: "bg-primary",
+      success: "bg-success",
+      warning: "bg-warning",
+      info: "bg-info",
+      palette0: "bg-palette-0",
+      palette1: "bg-palette-1",
+      palette2: "bg-palette-2",
+      palette3: "bg-palette-3"
+    },
+    size: {
+      sm: "",
+      default: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+}), Qr = G("bg-muted overflow-hidden rounded-full w-full", {
+  variants: {
+    size: {
+      sm: "h-1.5",
+      default: "h-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function Na({
+  className: r,
+  value: e = 0,
+  max: n = 100,
+  variant: a,
+  size: s,
+  ...o
+}) {
+  const i = Math.min(100, Math.max(0, e / n * 100));
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "progress",
+      role: "progressbar",
+      "aria-valuenow": e,
+      "aria-valuemin": 0,
+      "aria-valuemax": n,
+      className: h(Qr({ size: s }), r),
+      ...o,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: Kr({ variant: a, size: s }),
+          style: { width: `${i}%` }
+        }
+      )
+    }
+  );
+}
+const _e = {
+  color1: { bg: "bg-palette-0/10", border: "border-palette-0/30", accent: "bg-palette-0/30" },
+  color2: { bg: "bg-palette-1/10", border: "border-palette-1/30", accent: "bg-palette-1/30" },
+  color3: { bg: "bg-palette-2/10", border: "border-palette-2/30", accent: "bg-palette-2/30" },
+  color4: { bg: "bg-palette-3/10", border: "border-palette-3/30", accent: "bg-palette-3/30" },
+  color5: { bg: "bg-info/10", border: "border-info/30", accent: "bg-info/30" },
+  color6: { bg: "bg-success/10", border: "border-success/30", accent: "bg-success/30" }
+}, Wr = {
+  small: { width: 280, height: 180, fontSize: "0.875rem" },
+  medium: { width: 400, height: 260, fontSize: "1rem" },
+  large: { width: 520, height: 340, fontSize: "1.125rem" }
+}, Gr = ({
+  card: r,
+  isFlipped: e,
+  onFlip: n,
+  readOnly: a = !1,
+  size: s = "medium"
+}) => {
+  const [o, i] = T(!1), l = e !== void 0, c = l ? e : o, p = () => {
+    a || (l || i((b) => !b), n == null || n());
+  }, { width: g, height: x, fontSize: f } = Wr[s], d = _e[r.color] || _e.color1, m = (b) => {
+    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), p());
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: "perspective-[1000px]",
+      style: { width: `${g}px`, height: `${x}px` },
+      children: [
+        /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", children: c ? "Answer revealed" : "Question shown" }),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            className: h(
+              "relative size-full motion-safe:transition-transform motion-safe:duration-500 transform-3d",
+              c && "transform-[rotateY(180deg)]"
+            ),
+            children: [
+              /* @__PURE__ */ u(
+                "div",
+                {
+                  className: h(
+                    "absolute inset-0 flex flex-col rounded-lg border backface-hidden",
+                    d.bg,
+                    d.border,
+                    !a && "cursor-pointer",
+                    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+                  ),
+                  onClick: p,
+                  onKeyDown: a ? void 0 : m,
+                  role: "button",
+                  tabIndex: a ? -1 : 0,
+                  "aria-label": "Flashcard — press Enter to reveal answer",
+                  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: f },
+                        dangerouslySetInnerHTML: { __html: r.front }
+                      }
+                    ) }),
+                    !a && /* @__PURE__ */ u("div", { className: "flex items-center justify-center gap-1 pb-3 text-muted-foreground", children: [
+                      /* @__PURE__ */ t(ke, { size: 12 }),
+                      /* @__PURE__ */ t("span", { className: "text-xs", children: "Press Enter to flip" })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ u(
+                "div",
+                {
+                  className: h(
+                    "absolute inset-0 flex flex-col rounded-lg border border-border bg-background backface-hidden transform-[rotateY(180deg)]",
+                    !a && "cursor-pointer",
+                    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+                  ),
+                  onClick: p,
+                  onKeyDown: a ? void 0 : m,
+                  role: "button",
+                  tabIndex: a ? -1 : 0,
+                  "aria-label": "Flashcard answer — press Enter to flip back",
+                  children: [
+                    /* @__PURE__ */ t("div", { className: h("h-1.5 rounded-t-lg", d.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: f },
+                        dangerouslySetInnerHTML: { __html: r.back }
+                      }
+                    ) }),
+                    !a && /* @__PURE__ */ u("div", { className: "flex items-center justify-center gap-1 pb-3 text-muted-foreground", children: [
+                      /* @__PURE__ */ t(ke, { size: 12 }),
+                      /* @__PURE__ */ t("span", { className: "text-xs", children: "Press Enter to flip back" })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+function Yr(r) {
+  const e = [...r];
+  for (let n = e.length - 1; n > 0; n--) {
+    const a = Math.floor(Math.random() * (n + 1));
+    [e[n], e[a]] = [e[a], e[n]];
+  }
+  return e;
+}
+const Zr = ({
+  cards: r,
+  deckName: e,
+  deckDescription: n,
+  currentIndex: a,
+  onNavigate: s,
+  onComplete: o,
+  readOnly: i = !1,
+  showProgress: l = !0,
+  shuffled: c = !1
+}) => {
+  const p = D(
+    () => c ? Yr(r) : r,
+    [r, c]
+  ), [g, x] = T(0), [f, d] = T(!1), m = a !== void 0, b = m ? a : g, y = p[b], C = b > 0, S = b < p.length - 1, k = (v) => {
+    d(!1), m ? s == null || s(v) : x(v);
+  }, _ = () => {
+    C && k(b - 1);
+  }, $ = () => {
+    S ? k(b + 1) : o == null || o();
+  };
+  if (!p.length)
+    return /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: "No flashcards in this deck." });
+  const N = (b + 1) / p.length * 100;
+  return /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-4", children: [
+    (e || n) && /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 text-center", children: [
+      e && /* @__PURE__ */ t("span", { className: "text-lg font-semibold", children: e }),
+      n && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: n })
+    ] }),
+    y && /* @__PURE__ */ t(
+      Gr,
+      {
+        card: y,
+        isFlipped: f,
+        onFlip: () => d((v) => !v),
+        readOnly: i
+      }
+    ),
+    l && /* @__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: `${N}%` }
+        }
+      ) }),
+      /* @__PURE__ */ u("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+        b + 1,
+        " of ",
+        p.length
+      ] })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "flex w-full items-center justify-between gap-3", children: [
+      /* @__PURE__ */ u(
+        R,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "rounded-lg",
+          disabled: !C,
+          onClick: _,
+          children: [
+            /* @__PURE__ */ t(ge, { size: 16 }),
+            " Previous"
+          ]
+        }
+      ),
+      /* @__PURE__ */ u(
+        R,
+        {
+          size: "sm",
+          className: "rounded-lg",
+          onClick: $,
+          children: [
+            S ? "Next" : "Finish",
+            " ",
+            /* @__PURE__ */ t(se, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, le = [0.5, 0.75, 1, 1.25, 1.5, 2], Jr = L(function({
+  src: e,
+  title: n,
+  onEnded: a,
+  onTimeUpdate: s,
+  className: o,
+  style: i
+}) {
+  const l = I(null), [c, p] = T(!1), [g, x] = T(!1), [f, d] = T(0), [m, b] = T(0), [y, C] = T(1), S = I(-1), k = I(s);
+  k.current = s;
+  const _ = E(() => {
+    const z = l.current;
+    z && (z.paused ? z.play() : z.pause());
+  }, []), $ = E(() => {
+    const z = l.current;
+    z && (z.muted = !z.muted, x((P) => !P));
+  }, []), N = E(() => {
+    const z = l.current;
+    z && C((P) => {
+      const A = le.indexOf(P), we = le[(A + 1) % le.length];
+      return z.playbackRate = we, we;
+    });
+  }, []), v = E(
+    (z) => {
+      const P = l.current;
+      if (!P) return;
+      const A = Number(z.target.value);
+      P.currentTime = A, S.current = Math.floor(A * 4) / 4, d(A);
+    },
+    []
+  ), w = E(() => {
+    var A;
+    const z = l.current;
+    if (!z) return;
+    const P = Math.floor(z.currentTime * 4) / 4;
+    P !== S.current && (S.current = P, d(z.currentTime), (A = k.current) == null || A.call(k, z.currentTime, z.duration));
+  }, []), M = E(() => {
+    const z = l.current;
+    z && !isNaN(z.duration) && b(z.duration);
+  }, []), V = m > 0 ? f / m * 100 : 0;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-slot": "audio-player",
+      className: h("rounded-lg border bg-card p-4 space-y-3", o),
+      style: i,
+      children: [
+        n && /* @__PURE__ */ t("p", { className: "text-sm font-medium text-foreground", children: n }),
+        /* @__PURE__ */ t(
+          "audio",
+          {
+            ref: l,
+            src: e,
+            onPlay: () => p(!0),
+            onPause: () => p(!1),
+            onEnded: () => {
+              p(!1), a == null || a();
+            },
+            onTimeUpdate: w,
+            onLoadedMetadata: M,
+            preload: "metadata"
+          }
+        ),
+        /* @__PURE__ */ u("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: _,
+              "aria-label": c ? "Pause" : "Play",
+              children: c ? /* @__PURE__ */ t(ht, { className: "size-4" }) : /* @__PURE__ */ t(ue, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "text-xs tabular-nums text-muted-foreground w-12 shrink-0", children: ne(Math.floor(f)) }),
+          /* @__PURE__ */ u("div", { className: "relative flex-1 h-5 flex items-center", children: [
+            /* @__PURE__ */ t("div", { className: "absolute inset-y-0 left-0 flex items-center w-full", children: /* @__PURE__ */ t("div", { className: "w-full h-1 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: "h-full bg-primary rounded-full transition-[width] duration-100",
+                style: { width: `${V}%` }
+              }
+            ) }) }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "range",
+                min: 0,
+                max: m || 0,
+                step: 0.1,
+                value: f,
+                onChange: v,
+                className: "absolute inset-0 w-full opacity-0 cursor-pointer",
+                "aria-label": "Seek"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("span", { className: "text-xs tabular-nums text-muted-foreground w-12 shrink-0 text-right", children: ne(Math.floor(m)) }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "icon-xs",
+              onClick: $,
+              "aria-label": g ? "Unmute" : "Mute",
+              children: g ? /* @__PURE__ */ t(xt, { className: "size-3.5" }) : /* @__PURE__ */ t(bt, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              onClick: N,
+              className: "text-xs font-medium text-muted-foreground hover:text-foreground transition-colors tabular-nums w-8 text-center",
+              "aria-label": `Playback speed ${y}x`,
+              children: [
+                y,
+                "x"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Xr = L(function({
+  code: e,
+  language: n,
+  filename: a,
+  showLineNumbers: s = !1,
+  onCopy: o,
+  className: i,
+  style: l
+}) {
+  const [c, p] = T(!1), g = !!(a || n), x = I(void 0);
+  H(() => () => clearTimeout(x.current), []);
+  const f = E(async () => {
+    try {
+      await navigator.clipboard.writeText(e), p(!0), o == null || o(), clearTimeout(x.current), x.current = setTimeout(() => p(!1), 2e3);
+    } catch {
+    }
+  }, [e, o]), d = e.split(`
+`), m = /* @__PURE__ */ t(
+    R,
+    {
+      variant: "ghost",
+      size: "icon-xs",
+      onClick: f,
+      "aria-label": c ? "Copied" : "Copy code",
+      children: c ? /* @__PURE__ */ t($e, { className: "size-3" }) : /* @__PURE__ */ t(yt, { className: "size-3" })
+    }
+  );
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-slot": "code-block",
+      className: h(
+        "relative rounded-lg border bg-card overflow-hidden text-sm",
+        i
+      ),
+      style: l,
+      children: [
+        g ? /* @__PURE__ */ u("div", { className: "flex items-center justify-between px-4 py-2 border-b bg-muted/50", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ t(vt, { className: "size-3.5" }),
+            /* @__PURE__ */ t("span", { children: a ?? n })
+          ] }),
+          m
+        ] }) : /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 z-10", children: m }),
+        /* @__PURE__ */ t("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("pre", { className: "p-4 m-0", children: /* @__PURE__ */ t("code", { className: n ? `language-${n}` : void 0, children: s ? d.map((b, y) => /* @__PURE__ */ u("div", { className: "flex", children: [
+          /* @__PURE__ */ t("span", { className: "select-none text-muted-foreground/50 w-8 shrink-0 text-right pr-4 tabular-nums", children: y + 1 }),
+          /* @__PURE__ */ t("span", { children: b })
+        ] }, y)) : e }) }) })
+      ]
+    }
+  );
+});
+function qr({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: h("bg-muted animate-pulse rounded-md", r),
+      ...e
+    }
+  );
+}
+const en = {
+  "16/9": "aspect-video",
+  "4/3": "aspect-[4/3]",
+  "1/1": "aspect-square"
+}, tn = L(function({
+  src: e,
+  title: n,
+  aspectRatio: a = "16/9",
+  allowFullscreen: s = !0,
+  className: o,
+  style: i
+}) {
+  const [l, c] = T(!1);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-slot": "embed-block",
+      className: h("rounded-lg border bg-card overflow-hidden", o),
+      style: i,
+      children: [
+        n && /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4 py-2 border-b bg-muted/50", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ t(fe, { className: "size-3.5" }),
+          /* @__PURE__ */ t("span", { children: n })
+        ] }) }),
+        /* @__PURE__ */ u("div", { className: h("relative w-full", en[a]), children: [
+          !l && /* @__PURE__ */ t(qr, { className: "absolute inset-0 rounded-none" }),
+          /* @__PURE__ */ t(
+            "iframe",
+            {
+              src: e,
+              title: n ?? "Embedded content",
+              allowFullScreen: s,
+              onLoad: () => c(!0),
+              className: "absolute inset-0 w-full h-full border-0",
+              sandbox: "allow-scripts allow-same-origin allow-popups allow-presentation"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+function Ze(r) {
+  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / (1024 * 1024)).toFixed(1)} MB`;
+}
+function rn(r) {
+  return r.startsWith("image/") ? Re : r.startsWith("video/") ? wt : r.startsWith("audio/") ? He : r === "application/pdf" ? Y : r === "application/zip" || r === "application/x-rar-compressed" || r === "application/gzip" ? kt : Ue;
+}
+function nn({
+  files: r,
+  onDownload: e,
+  onRemove: n,
+  readOnly: a = !0,
+  className: s,
+  style: o
+}) {
+  return r.length === 0 ? null : /* @__PURE__ */ t("div", { className: h("flex flex-col gap-1", s), style: o, children: r.map((i, l) => {
+    const c = rn(i.type);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: "flex items-center gap-3 rounded-md px-2 py-1.5 hover:bg-muted/50 transition-colors",
+        children: [
+          /* @__PURE__ */ t("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ t(c, { size: 18 }) }),
+          /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("span", { className: "text-sm text-foreground block truncate", children: i.name }),
+            /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: Ze(i.size) })
+          ] }),
+          e && i.url && /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "shrink-0 h-7 w-7 p-0",
+              onClick: () => e(i),
+              "aria-label": `Download ${i.name}`,
+              children: /* @__PURE__ */ t(Nt, { size: 14 })
+            }
+          ),
+          !a && n && /* @__PURE__ */ t(
+            R,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "shrink-0 h-7 w-7 p-0 text-muted-foreground hover:text-destructive",
+              onClick: () => n(i),
+              "aria-label": `Remove ${i.name}`,
+              children: /* @__PURE__ */ t(oe, { size: 14 })
+            }
+          )
+        ]
+      },
+      `${i.name}-${l}`
+    );
+  }) });
+}
+const an = {
+  info: { variant: "info", Icon: _t },
+  warning: { variant: "warning", Icon: St },
+  tip: { variant: "success", Icon: Ct }
+}, sn = L(function({
+  block: e,
+  onQuestionAnswer: n,
+  readOnly: a = !1,
+  className: s,
+  style: o
+}) {
+  const i = (l) => /* @__PURE__ */ t("div", { className: h(s), style: o, children: l });
+  switch (e.type) {
+    case "video":
+      return i(/* @__PURE__ */ t(Or, { ...e.video, readOnly: a }));
+    case "richtext":
+      return i(
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "[&_p]:mb-[1.5em] [&_ul]:pl-[1.5em] [&_ol]:pl-[1.5em]",
+            dangerouslySetInnerHTML: { __html: e.html }
+          }
+        )
+      );
+    case "heading": {
+      const l = e.level === 1 ? "h2" : e.level === 3 ? "h4" : "h3", c = e.level === 1 ? "text-xl" : e.level === 3 ? "text-base" : "text-lg";
+      return i(
+        /* @__PURE__ */ t(l, { className: h(c, "font-semibold m-0"), children: e.text })
+      );
+    }
+    case "image":
+      return i(
+        /* @__PURE__ */ u("figure", { className: "m-0", children: [
+          /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.src,
+              alt: e.alt ?? "",
+              loading: "lazy",
+              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 l = an[e.variant ?? "info"];
+      return i(
+        /* @__PURE__ */ u(U, { variant: l.variant, children: [
+          /* @__PURE__ */ t(l.Icon, { size: 20 }),
+          /* @__PURE__ */ t(j, { children: e.content })
+        ] })
+      );
+    }
+    case "question":
+      return i(
+        /* @__PURE__ */ t(
+          Ve,
+          {
+            question: e.question,
+            onAnswer: (l) => n == null ? void 0 : n(
+              e.question.uid,
+              l.map((c) => ({
+                uid: e.question.uid,
+                answerUid: c.uid,
+                content: c.content
+              }))
+            ),
+            readOnly: a
+          }
+        )
+      );
+    case "flashcards":
+      return i(
+        /* @__PURE__ */ t(
+          Zr,
+          {
+            cards: e.cards,
+            deckName: e.deckName,
+            readOnly: a
+          }
+        )
+      );
+    case "audio":
+      return i(
+        /* @__PURE__ */ t(Jr, { src: e.src, title: e.title })
+      );
+    case "code":
+      return i(
+        /* @__PURE__ */ t(
+          Xr,
+          {
+            code: e.code,
+            language: e.language,
+            filename: e.filename,
+            showLineNumbers: e.showLineNumbers
+          }
+        )
+      );
+    case "embed":
+      return i(
+        /* @__PURE__ */ t(
+          tn,
+          {
+            src: e.src,
+            title: e.title,
+            aspectRatio: e.aspectRatio,
+            allowFullscreen: e.allowFullscreen
+          }
+        )
+      );
+    case "table":
+      return i(
+        /* @__PURE__ */ u(Be, { children: [
+          e.caption && /* @__PURE__ */ t(br, { children: e.caption }),
+          /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(re, { children: e.headers.map((l, c) => /* @__PURE__ */ t(me, { children: l }, c)) }) }),
+          /* @__PURE__ */ t(Fe, { children: e.rows.map((l, c) => /* @__PURE__ */ t(re, { children: l.map((p, g) => /* @__PURE__ */ t(q, { children: p }, g)) }, c)) })
+        ] })
+      );
+    case "file":
+      return i(/* @__PURE__ */ t(nn, { files: e.files, readOnly: !0 }));
+    case "divider":
+      return i(/* @__PURE__ */ t(K, {}));
+    case "custom":
+      return i(/* @__PURE__ */ t(ae, { children: e.render }));
+    default:
+      return null;
+  }
+});
+function wa({
+  files: r,
+  onFilesAdded: e,
+  onFileRemove: n,
+  accept: a,
+  maxFiles: s,
+  maxSizeMB: o,
+  disabled: i = !1,
+  label: l = "Drag files here or click to browse"
+}) {
+  const c = I(null), [p, g] = T(!1), x = s != null && r.length >= s;
+  function f(d) {
+    if (!d) return;
+    let m = Array.from(d);
+    o && (m = m.filter((b) => b.size <= o * 1024 * 1024)), s && (m = m.slice(0, s - r.length)), m.length > 0 && e(m);
+  }
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: h(
+          "border-2 border-dashed border-border rounded-md p-8 text-center cursor-pointer transition-all duration-200",
+          p && "border-primary bg-muted",
+          i && "cursor-default opacity-50",
+          x && "cursor-default",
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+        ),
+        role: "button",
+        tabIndex: i || x ? -1 : 0,
+        "aria-label": x ? `Maximum ${s} files reached` : l,
+        onKeyDown: (d) => {
+          var m;
+          (d.key === "Enter" || d.key === " ") && !i && !x && (d.preventDefault(), (m = c.current) == null || m.click());
+        },
+        onDragOver: (d) => {
+          d.preventDefault(), !i && !x && g(!0);
+        },
+        onDragLeave: () => g(!1),
+        onDrop: (d) => {
+          d.preventDefault(), g(!1), !i && !x && f(d.dataTransfer.files);
+        },
+        onClick: () => {
+          var d;
+          return !i && !x && ((d = c.current) == null ? void 0 : d.click());
+        },
+        children: [
+          /* @__PURE__ */ t(Tt, { size: 32, className: "mx-auto mb-2 opacity-50" }),
+          /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: x ? `Maximum ${s} files reached` : l }),
+          (a || o) && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-1 block", children: [a && `Accepted: ${a}`, o && `Max: ${o}MB`].filter(Boolean).join(" · ") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: c,
+        type: "file",
+        accept: a,
+        multiple: !s || s > 1,
+        hidden: !0,
+        onChange: (d) => {
+          f(d.target.files), d.target.value = "";
+        }
+      }
+    ),
+    r.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 mt-2", children: r.map((d, m) => /* @__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(Ue, { size: 18 }) }),
+      /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ t("span", { className: "text-sm block truncate", children: d.name }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: Ze(d.size) })
+      ] }),
+      /* @__PURE__ */ t(
+        R,
+        {
+          variant: "ghost",
+          size: "icon-xs",
+          "aria-label": "Remove file",
+          onClick: () => n(m),
+          disabled: i,
+          children: /* @__PURE__ */ t(oe, { size: 16 })
+        }
+      )
+    ] }, `${d.name}-${m}`)) })
+  ] });
+}
+const ka = ({
+  open: r,
+  onOpenChange: e,
+  materials: n,
+  questionNumber: a
+}) => {
+  if (!n.length) return null;
+  const s = a ? `Question ${a} — Related Material` : "Related Material";
+  return /* @__PURE__ */ t(Hr, { open: r, onOpenChange: e, side: "right", children: /* @__PURE__ */ u(Pr, { size: "lg", scrollLock: !1, children: [
+    /* @__PURE__ */ u(Br, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ t(Fr, { children: s }),
+      /* @__PURE__ */ t(Vr, {})
+    ] }),
+    /* @__PURE__ */ t(Ar, { children: /* @__PURE__ */ t("div", { className: "space-y-6", children: n.map((o, i) => /* @__PURE__ */ u("section", { children: [
+      o.label && /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground mb-3", children: o.label }),
+      /* @__PURE__ */ t("div", { className: "space-y-4", children: o.blocks.map((l, c) => /* @__PURE__ */ t(sn, { block: l, readOnly: !0 }, c)) }),
+      i < n.length - 1 && /* @__PURE__ */ t("div", { className: "border-b border-border mt-6" })
+    ] }, i)) }) })
+  ] }) });
+}, on = {
+  video: de,
+  video_lesson: de,
+  stream: It,
+  document: Y,
+  pdf: Y,
+  page: Y,
+  quiz: Ce,
+  assessment: Ce,
+  assignment: Dt,
+  discussion: zt,
+  link: fe,
+  url: fe,
+  audio: He,
+  image: Re,
+  scorm: ce,
+  iframe: ce,
+  lesson: te,
+  module: te
+}, ln = ({
+  type: r,
+  size: e = 18
+}) => {
+  const n = on[r] ?? Y;
+  return /* @__PURE__ */ t(n, { size: e });
+}, cn = L(function({
+  item: e,
+  level: n,
+  isActive: a = !1,
+  isCompleted: s = !1,
+  isExpanded: o = !1,
+  hasChildren: i,
+  onToggleExpand: l,
+  onClick: c,
+  showDuration: p = !0,
+  showIcon: g = !0,
+  showProgress: x = !0
+}) {
+  const f = i, d = f ? "font-semibold" : a ? "font-medium" : "font-normal";
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h(
+        "flex items-center gap-2 py-2 pr-3 transition-colors",
+        c && "cursor-pointer hover:bg-muted",
+        a && "bg-secondary"
+      ),
+      style: { paddingLeft: `${n * 20 + 8}px` },
+      onClick: c ? () => c(e) : void 0,
+      role: c ? "button" : void 0,
+      tabIndex: c ? 0 : void 0,
+      onKeyDown: c ? (m) => {
+        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), c(e));
+      } : void 0,
+      children: [
+        /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center justify-center size-5", children: x && s ? /* @__PURE__ */ t("span", { className: "text-success", children: /* @__PURE__ */ t(Mt, { size: 18 }) }) : g ? /* @__PURE__ */ t("span", { className: a ? "text-primary" : "text-muted-foreground", children: /* @__PURE__ */ t(ln, { type: e.type, size: 16 }) }) : /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: /* @__PURE__ */ t(je, { size: 16 }) }) }),
+        /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: h("text-sm truncate", a ? "text-primary" : "text-foreground", d),
+              children: e.name
+            }
+          ),
+          p && e.duration > 0 && !f && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground mt-0.5", children: wr(e.duration) })
+        ] }),
+        i && /* @__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": o ? "Collapse" : "Expand",
+            onClick: (m) => {
+              m.stopPropagation(), l == null || l(e.uid);
+            },
+            children: o ? /* @__PURE__ */ t(Le, { size: 16 }) : /* @__PURE__ */ t(se, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}), Ca = ({
+  items: r,
+  progress: e,
+  activeItemUid: n,
+  onItemClick: a,
+  readOnly: s = !1,
+  showDuration: o = !0,
+  showIcons: i = !0,
+  showProgress: l = !0
+}) => {
+  const [c, p] = T({}), g = D(() => !e || !l ? /* @__PURE__ */ new Set() : new Set(
+    e.filter((m) => m.isCompleted).map((m) => m.resourceUid)
+  ), [e, l]), x = E((m) => {
+    p((b) => ({ ...b, [m]: !b[m] }));
+  }, []), f = E(
+    (m) => {
+      a == null || a(m);
+    },
+    [a]
+  );
+  if (!r || r.length === 0)
+    return null;
+  const d = (m, b) => /* @__PURE__ */ t("div", { className: "flex flex-col", children: m.map((y) => {
+    var k;
+    const C = !!((k = y.children) != null && k.length), S = c[y.uid] || !1;
+    return /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ t(
+        cn,
+        {
+          item: y,
+          level: b,
+          isActive: n === y.uid,
+          isCompleted: g.has(y.uid),
+          isExpanded: S,
+          hasChildren: C,
+          onToggleExpand: x,
+          onClick: s ? void 0 : f,
+          showDuration: o,
+          showIcon: i,
+          showProgress: l
+        }
+      ),
+      C && S && d(y.children, b + 1)
+    ] }, y.uid);
+  }) });
+  return /* @__PURE__ */ t("nav", { className: "rounded-lg border border-border overflow-hidden", children: d(r, 0) });
+};
+function ye({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card",
+      className: h(
+        "bg-card text-card-foreground rounded-xl border shadow-sm",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function Sa({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: h(
+        "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",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function _a({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: h("leading-none font-semibold", r),
+      ...e
+    }
+  );
+}
+function Ta({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: h("text-muted-foreground text-sm", r),
+      ...e
+    }
+  );
+}
+function za({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: h(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function Je({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: h("px-6 pb-6 pt-0", r),
+      ...e
+    }
+  );
+}
+function Da({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: h("flex items-center px-6 pb-6 pt-0", r),
+      ...e
+    }
+  );
+}
+const dn = G(
+  "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",
+        palette0: "border-transparent bg-palette-0/15 text-palette-0",
+        palette1: "border-transparent bg-palette-1/15 text-palette-1",
+        palette2: "border-transparent bg-palette-2/15 text-palette-2",
+        palette3: "border-transparent bg-palette-3/15 text-palette-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function pe({
+  className: r,
+  variant: e,
+  asChild: n = !1,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    n ? Ke : "span",
+    {
+      "data-slot": "badge",
+      className: h(dn({ variant: e }), r),
+      ...a
+    }
+  );
+}
+const un = { small: 28, medium: 36, large: 48 }, Te = {
+  student: "Student",
+  instructor: "Instructor",
+  ta: "Teaching Assistant",
+  admin: "Admin"
+}, fn = {
+  instructor: "var(--primary)",
+  ta: "var(--palette-0)",
+  admin: "var(--destructive)",
+  student: "var(--muted-foreground)"
+};
+function mn(r) {
+  return r.split(" ").filter(Boolean).map((e) => e[0]).slice(0, 2).join("").toUpperCase();
+}
+function Xe({
+  displayName: r,
+  avatarUrl: e,
+  role: n,
+  showRoleBadge: a = !1,
+  size: s = "medium",
+  className: o,
+  style: i
+}) {
+  const l = un[s], c = l * 0.4, [p, g] = T(!1), x = a && n && n !== "student", f = x ? Te[n] ?? n : void 0;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("relative inline-flex", o),
+      style: i,
+      title: f,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "flex items-center justify-center rounded-full bg-muted text-muted-foreground overflow-hidden",
+            style: { width: `${l}px`, height: `${l}px`, fontSize: `${c}px` },
+            children: e && !p ? /* @__PURE__ */ t(
+              "img",
+              {
+                className: "size-full object-cover",
+                src: e,
+                alt: r,
+                loading: "lazy",
+                onError: () => g(!0)
+              }
+            ) : /* @__PURE__ */ t("span", { children: mn(r) })
+          }
+        ),
+        x && /* @__PURE__ */ u(ae, { children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
+              style: { background: fn[n] ?? "var(--muted-foreground)" },
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: Te[n] ?? n })
+        ] })
+      ]
+    }
+  );
+}
+function qe({
+  value: r,
+  size: e = 120,
+  strokeWidth: n = 8,
+  label: a,
+  color: s,
+  className: o,
+  style: i
+}) {
+  const l = (e - n) / 2, c = 2 * Math.PI * l, p = c - Math.min(Math.max(r, 0), 100) / 100 * c, g = e / 2;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("relative inline-flex", o),
+      style: { width: `${e}px`, height: `${e}px`, ...i },
+      children: [
+        /* @__PURE__ */ u("svg", { width: e, height: e, role: "img", "aria-label": a ?? `${Math.round(r)}% progress`, children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: g,
+              cy: g,
+              r: l,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: n,
+              opacity: 0.15
+            }
+          ),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: g,
+              cy: g,
+              r: l,
+              fill: "none",
+              stroke: s ?? "currentColor",
+              strokeWidth: n,
+              strokeDasharray: c,
+              strokeDashoffset: p,
+              strokeLinecap: "round",
+              transform: `rotate(-90 ${g} ${g})`,
+              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: `${e * 0.2}px` },
+            "aria-hidden": "true",
+            children: a ?? `${Math.round(r)}%`
+          }
+        )
+      ]
+    }
+  );
+}
+const pn = {
+  enrolled: { label: "Enrolled", variant: "default" },
+  completed: { label: "Completed", variant: "success" },
+  available: { label: "Available", variant: "muted" },
+  locked: { label: "Locked", variant: "destructive" }
+}, Ia = L(function({
+  title: e,
+  description: n,
+  thumbnailUrl: a,
+  instructor: s,
+  category: o,
+  progress: i,
+  enrollmentStatus: l = "available",
+  studentCount: c,
+  duration: p,
+  onClick: g,
+  onEnroll: x,
+  layout: f = "vertical",
+  className: d,
+  style: m
+}) {
+  const b = f === "horizontal", y = pn[l], C = (l === "enrolled" || l === "completed") && i != null, S = l === "locked";
+  function k(_) {
+    _.stopPropagation(), x == null || x();
+  }
+  return /* @__PURE__ */ t(
+    ye,
+    {
+      "data-slot": "course-card",
+      className: h(
+        "overflow-hidden transition-colors",
+        g && "cursor-pointer hover:bg-muted/30",
+        S && "opacity-70",
+        d
+      ),
+      style: m,
+      onClick: g,
+      children: /* @__PURE__ */ u("div", { className: h(b ? "flex flex-row" : "flex flex-col"), children: [
+        a ? /* @__PURE__ */ t(
+          "div",
+          {
+            className: h(
+              "bg-muted bg-cover bg-center shrink-0",
+              b ? "w-40 min-h-full" : "h-36 w-full"
+            ),
+            style: { backgroundImage: `url(${a})` }
+          }
+        ) : /* @__PURE__ */ t(
+          "div",
+          {
+            className: h(
+              "bg-muted flex items-center justify-center shrink-0",
+              b ? "w-40 min-h-full" : "h-36 w-full"
+            ),
+            children: /* @__PURE__ */ t("span", { className: "text-3xl text-muted-foreground/40 font-bold", children: e.charAt(0) })
+          }
+        ),
+        /* @__PURE__ */ u(Je, { className: h("flex-1 min-w-0", b ? "py-3 px-4" : "pt-3 pb-4"), children: [
+          /* @__PURE__ */ u("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
+            /* @__PURE__ */ t("h3", { className: "font-semibold text-foreground text-sm leading-tight line-clamp-2", children: e }),
+            C && /* @__PURE__ */ t(
+              qe,
+              {
+                value: i,
+                size: 32,
+                strokeWidth: 3,
+                color: l === "completed" ? "var(--success)" : "var(--primary)",
+                className: "shrink-0"
+              }
+            )
+          ] }),
+          n && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: n }),
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-2 flex-wrap mb-2", children: [
+            o && /* @__PURE__ */ t(pe, { variant: "outline", className: "text-[10px] px-1.5 py-0", children: o }),
+            /* @__PURE__ */ u(pe, { variant: y.variant, className: "text-[10px] px-1.5 py-0", children: [
+              S && /* @__PURE__ */ t(Pe, { className: "size-2.5 mr-0.5" }),
+              y.label
+            ] })
+          ] }),
+          /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ u("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+              s && /* @__PURE__ */ u("span", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ t(
+                  Xe,
+                  {
+                    displayName: s.displayName,
+                    avatarUrl: s.avatarUrl,
+                    size: "small"
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "truncate max-w-24", children: s.displayName })
+              ] }),
+              p && /* @__PURE__ */ u("span", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ t(ee, { className: "size-3" }),
+                p
+              ] }),
+              c != null && /* @__PURE__ */ u("span", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ t(Lt, { className: "size-3" }),
+                c
+              ] })
+            ] }),
+            x && l === "available" && /* @__PURE__ */ t(R, { size: "xs", onClick: k, children: "Enroll" })
+          ] })
+        ] })
+      ] })
+    }
+  );
+});
+function Ma({ icon: r, title: e, description: n, action: a, className: s, style: o }) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("flex flex-col items-center justify-center text-center px-3 py-6", s),
+      style: o,
+      role: "status",
+      children: [
+        r && /* @__PURE__ */ t("div", { className: "mb-2 text-muted-foreground [&>svg]:size-12", children: r }),
+        /* @__PURE__ */ t("p", { className: "text-lg font-semibold text-foreground mb-1", children: e }),
+        n && /* @__PURE__ */ t("p", { className: h("text-sm text-muted-foreground max-w-[360px]", a && "mb-2"), children: n }),
+        a
+      ]
+    }
+  );
+}
+const et = Q(null);
+function J() {
+  const r = W(et);
+  if (!r)
+    throw new Error(
+      "AlertDialog compound components must be used within <AlertDialog>"
+    );
+  return r;
+}
+const ze = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function gn(r, e) {
+  const n = I(null);
+  return H(() => {
+    if (!e || !r.current) return;
+    n.current = document.activeElement;
+    const s = r.current.querySelectorAll(ze);
+    return s.length > 0 && s[0].focus(), () => {
+      n.current instanceof HTMLElement && n.current.focus();
+    };
+  }, [e, r]), E(
+    (s) => {
+      if (s.key !== "Tab" || !r.current) return;
+      const o = Array.from(
+        r.current.querySelectorAll(ze)
+      );
+      if (o.length === 0) return;
+      const i = o[0], l = o[o.length - 1];
+      s.shiftKey && document.activeElement === i ? (s.preventDefault(), l.focus()) : !s.shiftKey && document.activeElement === l && (s.preventDefault(), i.focus());
+    },
+    [r]
+  );
+}
+function hn(r) {
+  H(() => {
+    if (!r) return;
+    const e = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = e;
+    };
+  }, [r]);
+}
+function xn({ children: r, open: e, onOpenChange: n }) {
+  const a = O(), s = O();
+  return /* @__PURE__ */ t(
+    et.Provider,
+    {
+      value: { open: e, onOpenChange: n, titleId: a, descriptionId: s },
+      children: r
+    }
+  );
+}
+function La({
+  className: r,
+  onClick: e,
+  ...n
+}) {
+  const { onOpenChange: a } = J();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-slot": "alert-dialog-trigger",
+      className: r,
+      onClick: (s) => {
+        a(!0), e == null || e(s);
+      },
+      ...n
+    }
+  );
+}
+function bn({ children: r }) {
+  return xe(r, document.body);
+}
+function vn({
+  className: r,
+  ...e
+}) {
+  const { onOpenChange: n } = J();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-backdrop",
+      className: h(
+        "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",
+        r
+      ),
+      "data-state": "open",
+      onClick: () => n(!1),
+      ...e
+    }
+  );
+}
+function yn({
+  className: r,
+  children: e,
+  ...n
+}) {
+  const { open: a, onOpenChange: s, titleId: o, descriptionId: i } = J(), l = I(null), c = gn(l, a);
+  return hn(a), H(() => {
+    if (!a) return;
+    const p = (g) => {
+      g.key === "Escape" && s(!1);
+    };
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+  }, [a, s]), a ? /* @__PURE__ */ u(bn, { children: [
+    /* @__PURE__ */ t(vn, {}),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: l,
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": o,
+        "aria-describedby": i,
+        "data-slot": "alert-dialog-content",
+        "data-state": "open",
+        className: h(
+          "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",
+          r
+        ),
+        onKeyDown: c,
+        ...n,
+        children: e
+      }
+    )
+  ] }) : null;
+}
+function Nn({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: h(
+        "flex flex-col gap-2 text-center sm:text-left",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function wn({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: h(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function kn({
+  className: r,
+  ...e
+}) {
+  const { titleId: n } = J();
+  return /* @__PURE__ */ t(
+    "h2",
+    {
+      id: n,
+      "data-slot": "alert-dialog-title",
+      className: h("text-lg font-semibold", r),
+      ...e
+    }
+  );
+}
+function Cn({
+  className: r,
+  ...e
+}) {
+  const { descriptionId: n } = J();
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      id: n,
+      "data-slot": "alert-dialog-description",
+      className: h("text-muted-foreground text-sm", r),
+      ...e
+    }
+  );
+}
+function Sn({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: h(ie(), r),
+      ...e
+    }
+  );
+}
+function _n({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: h(ie({ variant: "outline" }), r),
+      ...e
+    }
+  );
+}
+const De = {
+  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 Ea({
+  open: r,
+  title: e,
+  message: n,
+  confirmLabel: a = "Confirm",
+  cancelLabel: s = "Cancel",
+  confirmColor: o = "primary",
+  onConfirm: i,
+  onCancel: l,
+  isLoading: c = !1
+}) {
+  return /* @__PURE__ */ t(xn, { open: r, onOpenChange: (p) => !p && l(), children: /* @__PURE__ */ u(yn, { children: [
+    /* @__PURE__ */ u(Nn, { children: [
+      /* @__PURE__ */ t(kn, { children: e }),
+      typeof n == "string" ? /* @__PURE__ */ t(Cn, { children: n }) : n
+    ] }),
+    /* @__PURE__ */ u(wn, { children: [
+      /* @__PURE__ */ t(_n, { onClick: l, disabled: c, children: s }),
+      /* @__PURE__ */ u(
+        Sn,
+        {
+          className: h(De[o] ?? De.primary),
+          onClick: i,
+          disabled: c,
+          children: [
+            c && /* @__PURE__ */ t("span", { className: "inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+            a
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function $a({
+  value: r,
+  onChange: e,
+  placeholder: n = "Search...",
+  debounceMs: a = 300,
+  fullWidth: s = !1,
+  size: o = "small",
+  className: i,
+  style: l
+}) {
+  const [c, p] = T(r), g = I(e);
+  g.current = e;
+  const x = D(
+    () => Z((m) => g.current(m), a),
+    [a]
+  );
+  H(() => () => x.cancel(), [x]);
+  function f(m) {
+    const b = m.target.value;
+    p(b), x(b);
+  }
+  function d() {
+    p(""), e("");
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("w-full", i),
+      style: { ...l, 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(Et, { size: 18 }) }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: h(
+              "flex-1 border-none outline-none bg-transparent text-foreground text-sm min-w-0 placeholder:text-muted-foreground",
+              o === "medium" ? "py-2" : "py-1.5"
+            ),
+            value: c,
+            onChange: f,
+            placeholder: n
+          }
+        ),
+        c && /* @__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: d,
+            children: /* @__PURE__ */ t(oe, { size: 16 })
+          }
+        )
+      ] })
+    }
+  );
+}
+const Tn = {
+  graded: "green",
+  submitted: "teal",
+  pending: "gray",
+  missing: "red",
+  late: "orange",
+  excused: "gray",
+  draft: "gray",
+  not_started: "gray",
+  resubmit: "orange"
+}, zn = {
+  success: "green",
+  error: "red",
+  warning: "orange",
+  info: "teal",
+  default: "gray"
+}, Dn = {
+  green: "success",
+  red: "destructive",
+  orange: "warning",
+  gray: "muted",
+  teal: "info"
+}, Ie = {
+  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"
+}, In = {
+  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 Ra({
+  status: r,
+  colorMap: e,
+  size: n = "small",
+  variant: a = "filled"
+}) {
+  const s = { ...Tn };
+  if (e)
+    for (const [p, g] of Object.entries(e))
+      s[p] = zn[g] ?? g;
+  const o = s[r] ?? "gray", i = r.replace(/_/g, " ").replace(/\b\w/g, (p) => p.toUpperCase()), l = Dn[o] ?? "muted", c = a === "outlined" ? Ie[o] ?? Ie.gray : In[o] ?? void 0;
+  return /* @__PURE__ */ t(
+    pe,
+    {
+      variant: l,
+      className: h(
+        n === "small" ? "text-xs px-2 h-5.5" : "text-sm px-2.5 h-6.5",
+        "leading-none",
+        c
+      ),
+      children: i
+    }
+  );
+}
+const Mn = {
+  success: "text-success",
+  destructive: "text-destructive",
+  warning: "text-warning",
+  muted: "text-muted-foreground"
+};
+function Ln(r) {
+  const e = /* @__PURE__ */ new Date(), n = r.getTime() - e.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 En(r, e) {
+  if (e) return "success";
+  const n = /* @__PURE__ */ new Date(), s = (r.getTime() - n.getTime()) / (1e3 * 60 * 60 * 24);
+  return s < 0 ? "destructive" : s < 2 ? "warning" : "muted";
+}
+function Ha({
+  dueDate: r,
+  submittedDate: e,
+  showRelative: n = !0,
+  size: a = "medium",
+  className: s,
+  style: o
+}) {
+  const i = new Date(r), l = !!e, c = Mn[En(i, l)] ?? "text-muted-foreground", p = a === "small" ? 14 : 16;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("flex items-center gap-1", c, s),
+      style: o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "shrink-0 inline-flex", children: l ? /* @__PURE__ */ t(he, { size: p }) : /* @__PURE__ */ t(ee, { size: p }) }),
+        /* @__PURE__ */ t("span", { className: a === "small" ? "text-xs" : "text-sm", children: l ? `Submitted ${new Date(e).toLocaleDateString()}` : n ? Ln(i) : i.toLocaleDateString() })
+      ]
+    }
+  );
+}
+function Ua({
+  steps: r,
+  currentStep: e,
+  orientation: n = "horizontal",
+  variant: a = "default",
+  className: s,
+  style: o
+}) {
+  const i = n === "horizontal", l = a === "compact", c = l ? "w-6 h-6 text-xs" : "w-8 h-8 text-sm", p = l ? 12 : 16;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h(
+        "flex",
+        i ? "flex-row items-start" : "flex-col",
+        s
+      ),
+      style: o,
+      children: r.map((g, x) => {
+        const f = x < e, d = x === e;
+        return /* @__PURE__ */ u("div", { className: h("flex", i ? "flex-1 flex-row items-start" : "flex-row items-start"), children: [
+          /* @__PURE__ */ u("div", { className: h("flex", i ? "flex-col items-center" : "flex-row items-start gap-3"), children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: h(
+                  "rounded-full flex items-center justify-center shrink-0 font-semibold transition-colors",
+                  c,
+                  f && "bg-primary text-primary-foreground",
+                  d && "border-2 border-primary bg-primary/10 text-primary",
+                  !f && !d && "border-2 border-border bg-muted text-muted-foreground"
+                ),
+                children: f ? /* @__PURE__ */ t($e, { size: p }) : /* @__PURE__ */ t("span", { children: x + 1 })
+              }
+            ),
+            /* @__PURE__ */ u("div", { className: h(i ? "mt-1.5 text-center" : "pt-0.5"), children: [
+              /* @__PURE__ */ t(
+                "p",
+                {
+                  className: h(
+                    "text-sm font-medium leading-tight",
+                    d ? "text-foreground" : "text-muted-foreground"
+                  ),
+                  children: g.label
+                }
+              ),
+              !l && g.description && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-0.5", children: g.description })
+            ] })
+          ] }),
+          x < r.length - 1 && (i ? /* @__PURE__ */ t(
+            "div",
+            {
+              className: h(
+                "flex-1 h-0.5 self-center mt-0 mx-2",
+                l ? "mt-3" : "mt-4",
+                f ? "bg-primary" : "bg-border"
+              )
+            }
+          ) : /* @__PURE__ */ t(
+            "div",
+            {
+              className: h(
+                "w-0.5 h-6 ml-3.5",
+                l && "ml-2.5",
+                f ? "bg-primary" : "bg-border"
+              )
+            }
+          ))
+        ] }, x);
+      })
+    }
+  );
+}
+function $n(r, e, n) {
+  const a = n * 2 + 5;
+  if (e <= a)
+    return Array.from({ length: e }, (p, g) => g + 1);
+  const s = Math.max(r - n, 1), o = Math.min(r + n, e), i = s > 2, l = o < e - 1;
+  if (!i && l) {
+    const p = n * 2 + 3;
+    return [...Array.from({ length: p }, (x, f) => f + 1), "ellipsis", e];
+  }
+  if (i && !l) {
+    const p = n * 2 + 3;
+    return [1, "ellipsis", ...Array.from(
+      { length: p },
+      (x, f) => e - p + f + 1
+    )];
+  }
+  return [1, "ellipsis", ...Array.from(
+    { length: o - s + 1 },
+    (p, g) => s + g
+  ), "ellipsis", e];
+}
+const ja = L(function({
+  currentPage: e,
+  totalPages: n,
+  onPageChange: a,
+  siblingCount: s = 1,
+  className: o,
+  style: i
+}) {
+  const l = D(
+    () => $n(e, n, s),
+    [e, n, s]
+  );
+  return n <= 1 ? null : /* @__PURE__ */ u(
+    "nav",
+    {
+      "data-slot": "pagination",
+      "aria-label": "Pagination",
+      className: h("flex items-center justify-center gap-1", o),
+      style: i,
+      children: [
+        /* @__PURE__ */ t(
+          R,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: () => a(e - 1),
+            disabled: e <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ t(ge, { className: "size-4" })
+          }
+        ),
+        l.map(
+          (c, p) => c === "ellipsis" ? /* @__PURE__ */ u(
+            "span",
+            {
+              className: "flex items-center justify-center size-8 text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "..." }),
+                /* @__PURE__ */ t("span", { className: "sr-only", children: "More pages" })
+              ]
+            },
+            `ellipsis-${p}`
+          ) : /* @__PURE__ */ t(
+            R,
+            {
+              variant: c === e ? "default" : "ghost",
+              size: "icon-sm",
+              onClick: () => a(c),
+              "aria-label": `Page ${c}`,
+              "aria-current": c === e ? "page" : void 0,
+              children: /* @__PURE__ */ t("span", { className: "text-xs", children: c })
+            },
+            c
+          )
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: () => a(e + 1),
+            disabled: e >= n,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ t(se, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+});
+function Pa({
+  isCorrect: r,
+  explanation: e,
+  onRetry: n,
+  retryLabel: a = "Try Again",
+  className: s,
+  style: o
+}) {
+  return /* @__PURE__ */ u(
+    U,
+    {
+      variant: r ? "success" : "destructive",
+      className: h(s),
+      style: o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "shrink-0", children: r ? /* @__PURE__ */ t(he, { size: 20 }) : /* @__PURE__ */ t($t, { 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: r ? "Correct!" : "Incorrect" }),
+            e && /* @__PURE__ */ t("p", { className: "mt-1 text-foreground", children: e })
+          ] }),
+          !r && n && /* @__PURE__ */ t(
+            R,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "shrink-0",
+              onClick: n,
+              children: a
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function Ba({
+  value: r,
+  onChange: e,
+  points: n = 5,
+  lowLabel: a = "Strongly Disagree",
+  highLabel: s = "Strongly Agree",
+  disabled: o = !1,
+  readOnly: i = !1,
+  className: l,
+  style: c
+}) {
+  const p = Array.from({ length: n }, (x, f) => f + 1), g = !o && !i;
+  return /* @__PURE__ */ u("div", { className: h("flex flex-col gap-1", l), style: c, children: [
+    /* @__PURE__ */ t("div", { className: "flex flex-row", role: "radiogroup", children: p.map((x) => {
+      const f = r === x;
+      return /* @__PURE__ */ u(
+        "label",
+        {
+          className: h(
+            "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",
+            f ? "bg-primary text-primary-foreground border-primary z-10" : "bg-background text-foreground",
+            !g && "opacity-60 cursor-not-allowed",
+            g && !f && "cursor-pointer hover:bg-muted"
+          ),
+          children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "radio",
+                name: "likert-scale",
+                className: "sr-only",
+                value: x,
+                checked: f,
+                disabled: o,
+                onChange: () => {
+                  g && e(x);
+                }
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: x })
+          ]
+        },
+        x
+      );
+    }) }),
+    /* @__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 Rn = { small: 18, medium: 24, large: 32 };
+function Aa({
+  value: r,
+  onChange: e,
+  maxStars: n = 5,
+  allowHalf: a = !1,
+  size: s = "medium",
+  disabled: o = !1,
+  readOnly: i = !1,
+  className: l,
+  style: c
+}) {
+  const [p, g] = T(null), x = Rn[s], f = p ?? r, d = !o && !i;
+  function m(b) {
+    d && e(b);
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("inline-flex gap-0.5", l),
+      style: c,
+      onMouseLeave: () => d && g(null),
+      children: Array.from({ length: n }, (b, y) => {
+        const C = y + 1, S = f >= C, k = a && !S && f >= C - 0.5;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: h(
+              "inline-flex items-center justify-center rounded-md border-none bg-transparent p-0",
+              d ? "cursor-pointer" : "cursor-default",
+              S || k ? "text-warning" : "text-muted-foreground"
+            ),
+            disabled: o,
+            onClick: () => m(C),
+            onMouseEnter: () => d && g(C),
+            "aria-label": `Rate ${C} star${C !== 1 ? "s" : ""}`,
+            children: /* @__PURE__ */ t(
+              Rt,
+              {
+                size: x,
+                fill: S || k ? "currentColor" : "none",
+                strokeWidth: 1.5,
+                style: k ? { clipPath: "inset(0 50% 0 0)" } : void 0
+              }
+            )
+          },
+          y
+        );
+      })
+    }
+  );
+}
+const Hn = { small: 48, medium: 64, large: 96 }, Un = { small: "0.75rem", medium: "0.875rem", large: "1rem" }, jn = { small: "4px", medium: "6px", large: "8px" }, Pn = {
+  primary: "var(--primary)",
+  success: "var(--success)",
+  warning: "var(--warning)",
+  destructive: "var(--destructive)"
+};
+function Bn(r, e) {
+  return e == null ? "primary" : r >= e ? "success" : r >= e * 0.7 ? "warning" : "destructive";
+}
+function Fa({
+  percentage: r,
+  letterGrade: e,
+  variant: n = "circular",
+  size: a = "medium",
+  passingThreshold: s,
+  showLabel: o = !0,
+  className: i,
+  style: l
+}) {
+  const c = Bn(r, s), p = Pn[c] ?? "var(--primary)";
+  return n === "linear" ? /* @__PURE__ */ u("div", { className: h("flex flex-row items-center gap-1", i), style: l, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex-1 bg-muted rounded-full overflow-hidden",
+        style: { height: jn[a] },
+        role: "progressbar",
+        "aria-valuenow": Math.round(r),
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": `Grade: ${e ?? `${Math.round(r)}%`}`,
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: "h-full rounded-full transition-[width] duration-300 ease-in-out",
+            style: { width: `${r}%`, background: p }
+          }
+        )
+      }
+    ),
+    o && /* @__PURE__ */ t("span", { className: "font-semibold min-w-9", style: { fontSize: Un[a] }, children: e ?? `${Math.round(r)}%` })
+  ] }) : /* @__PURE__ */ t("div", { className: h("inline-flex flex-col items-center", i), style: l, children: /* @__PURE__ */ t(
+    qe,
+    {
+      value: r,
+      size: Hn[a],
+      strokeWidth: a === "small" ? 4 : 6,
+      color: p,
+      label: e ?? `${Math.round(r)}%`
+    }
+  ) });
+}
+const An = {
+  up: "var(--success)",
+  down: "var(--destructive)",
+  flat: "var(--muted-foreground)"
+}, Fn = { up: jt, down: Ut, flat: Ht }, Va = L(function({
+  icon: e,
+  label: n,
+  description: a,
+  value: s,
+  subtitle: o,
+  trend: i,
+  accent: l,
+  className: c,
+  style: p
+}) {
+  const g = i ? Fn[i.direction] : null, x = D(
+    () => ({
+      backgroundColor: `color-mix(in oklch, ${l ?? "var(--primary)"} 10%, transparent)`,
+      color: l ?? "var(--primary)"
+    }),
+    [l]
+  );
+  return /* @__PURE__ */ t(ye, { className: h(c), style: p, children: /* @__PURE__ */ u(Je, { className: "p-4", children: [
+    e && /* @__PURE__ */ t(
+      "div",
+      {
+        className: "mb-2 w-9 h-9 rounded-lg flex items-center justify-center [&>svg]:size-5",
+        style: x,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: "text-sm font-medium text-foreground", children: n }),
+    a && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-0.5 leading-snug", children: a }),
+    /* @__PURE__ */ u("div", { className: "flex flex-row items-baseline gap-1.5 mt-1", children: [
+      /* @__PURE__ */ t("span", { className: "text-3xl font-bold tracking-tight", children: s }),
+      i && g && /* @__PURE__ */ u("span", { className: "flex flex-row items-center gap-px", style: { color: An[i.direction] }, children: [
+        /* @__PURE__ */ t(g, { size: 14 }),
+        /* @__PURE__ */ u("span", { className: "text-xs font-semibold", children: [
+          i.value > 0 ? "+" : "",
+          i.value,
+          "%"
+        ] })
+      ] })
+    ] }),
+    o && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: o })
+  ] }) });
+}), Vn = {
+  default: "text-primary",
+  gold: "text-palette-3",
+  silver: "text-muted-foreground",
+  bronze: "text-palette-3/70"
+};
+function Oa({
+  title: r,
+  description: e,
+  icon: n,
+  earnedDate: a,
+  locked: s = !1,
+  variant: o = "default",
+  className: i,
+  style: l
+}) {
+  return /* @__PURE__ */ u(
+    ye,
+    {
+      className: h("p-2 text-center", s && "opacity-60", i),
+      style: l,
+      children: [
+        /* @__PURE__ */ t("div", { className: "mx-auto mb-1 w-12 h-12 flex items-center justify-center", children: s ? /* @__PURE__ */ t(Pe, { size: 32, className: "text-muted-foreground" }) : n ?? /* @__PURE__ */ t(Pt, { size: 32, className: Vn[o] }) }),
+        /* @__PURE__ */ t("p", { className: "font-semibold text-sm text-foreground", children: r }),
+        e && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: e }),
+        a && !s && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-0.5", children: new Date(a).toLocaleDateString() })
+      ]
+    }
+  );
+}
+function Ka({
+  currentStreak: r,
+  longestStreak: e,
+  unit: n = "days",
+  showLongest: a = !1,
+  className: s,
+  style: o
+}) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: h("flex items-center gap-2", s),
+      style: o,
+      children: [
+        /* @__PURE__ */ t(Bt, { size: 20, className: "text-warning shrink-0" }),
+        /* @__PURE__ */ u("div", { children: [
+          /* @__PURE__ */ u("span", { className: "text-sm font-bold text-foreground", children: [
+            r,
+            " ",
+            n
+          ] }),
+          a && e != null && /* @__PURE__ */ u("span", { className: "block text-xs text-muted-foreground", children: [
+            "Longest: ",
+            e,
+            " ",
+            n
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function tt(r) {
+  const e = new Date(r), a = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), s = Math.floor(a / 6e4);
+  if (s < 1) return "Just now";
+  if (s < 60) return `${s}m ago`;
+  const o = Math.floor(s / 60);
+  if (o < 24) return `${o}h ago`;
+  const i = Math.floor(o / 24);
+  return i < 7 ? `${i}d ago` : e.toLocaleDateString();
+}
+const On = {
+  lesson_completed: te,
+  quiz_passed: he,
+  assignment_submitted: Ee,
+  badge_earned: At
+};
+function Qa({
+  events: r,
+  limit: e,
+  showLoadMore: n = !1,
+  onLoadMore: a,
+  emptyMessage: s = "No recent activity",
+  className: o,
+  style: i
+}) {
+  const l = e ? r.slice(0, e) : r;
+  return r.length === 0 ? /* @__PURE__ */ t("p", { className: h("text-sm text-muted-foreground", o), style: i, children: s }) : /* @__PURE__ */ u("div", { className: h("relative", o), style: i, children: [
+    /* @__PURE__ */ t("div", { className: "absolute left-3.5 top-0 bottom-0 w-px bg-border" }),
+    l.map((c) => {
+      const p = On[c.type] ?? je;
+      return /* @__PURE__ */ u(
+        "div",
+        {
+          className: "relative flex gap-3 pb-4 last:pb-0",
+          children: [
+            /* @__PURE__ */ t("div", { className: "relative z-10 shrink-0 w-7 h-7 rounded-full bg-background border border-border flex items-center justify-center", children: c.icon ?? /* @__PURE__ */ t(p, { size: 14, className: "text-muted-foreground" }) }),
+            /* @__PURE__ */ u("div", { className: "flex-1 min-w-0 pt-0.5", children: [
+              /* @__PURE__ */ t("p", { className: "text-sm font-medium text-foreground", children: c.title }),
+              c.description && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-0.5", children: c.description }),
+              /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: tt(c.timestamp) })
+            ] })
+          ]
+        },
+        c.uid
+      );
+    }),
+    n && a && /* @__PURE__ */ t("div", { className: "pl-10 pt-1", children: /* @__PURE__ */ t(R, { variant: "ghost", size: "sm", onClick: a, children: "Load more" }) })
+  ] });
+}
+const Kn = {
+  pinned: "var(--warning)",
+  answer: "var(--success)"
+}, Wa = L(function({
+  author: e,
+  content: n,
+  createdAt: a,
+  updatedAt: s,
+  actions: o,
+  highlight: i = "none",
+  indentLevel: l = 0,
+  className: c,
+  style: p
+}) {
+  const g = Kn[i];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("rounded-md border border-border p-3", c),
+      style: {
+        marginLeft: l ? `calc(${l} * 1rem)` : void 0,
+        ...g && {
+          borderLeftWidth: "3px",
+          borderLeftColor: g
+        },
+        ...p
+      },
+      children: /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ t(
+          Xe,
+          {
+            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: tt(a) }),
+            s && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground italic", children: "(edited)" }),
+            i === "pinned" && /* @__PURE__ */ t(Ft, { size: 14 })
+          ] }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "mt-1 text-sm [&_p]:mb-1 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_a]:text-primary [&_a]:underline",
+              dangerouslySetInnerHTML: { __html: n }
+            }
+          ),
+          o && /* @__PURE__ */ u(ae, { children: [
+            /* @__PURE__ */ t(K, { className: "my-2" }),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: o })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}), Ne = "hydra_key_v", Qn = 300 * 1e3;
+function Wn(r) {
+  try {
+    const e = sessionStorage.getItem(Ne);
+    if (e) {
+      const { result: n, ts: a, key: s } = JSON.parse(e);
+      if (s === r && Date.now() - a < Qn) return n;
+    }
+  } catch {
+  }
+  return null;
+}
+function Gn(r, e) {
+  try {
+    sessionStorage.setItem(Ne, JSON.stringify({ result: e, ts: Date.now(), key: r }));
+  } catch {
+  }
+}
+function Me(r) {
+  try {
+    const e = sessionStorage.getItem(Ne);
+    if (e) {
+      const { result: n, key: a } = JSON.parse(e);
+      if (a === r && n === "valid-pro") return "valid-pro";
+    }
+  } catch {
+  }
+  return "invalid";
+}
+async function Yn(r, e) {
+  if (!e) return "skip";
+  if (!r) return "no-key";
+  const n = Wn(r);
+  if (n) return n;
+  try {
+    const a = await fetch(`${e}?key=${encodeURIComponent(r)}`, {
+      method: "GET",
+      signal: AbortSignal.timeout(4e3)
+    });
+    if (!a.ok) return Me(r);
+    const s = await a.json();
+    let o;
+    return s.valid ? s.plan === "pro" || s.plan === "enterprise" ? o = "valid-pro" : o = "valid-free" : o = "invalid", Gn(r, o), o;
+  } catch {
+    return Me(r);
+  }
+}
+const rt = Q({
+  plan: "free",
+  isPro: !1
+});
+function Zn(r) {
+  switch (r) {
+    case "valid-pro":
+    case "skip":
+      return "pro";
+    case "valid-free":
+    case "no-key":
+      return "free";
+    case "invalid":
+      return "invalid";
+  }
+}
+function Ga({ licenseKey: r, validateUrl: e = "", children: n }) {
+  const [a, s] = T(() => e ? r ? "validating" : "free" : "pro");
+  return H(() => {
+    if (!e) {
+      s("pro");
+      return;
+    }
+    let o = !1;
+    return Yn(r ?? null, e).then((i) => {
+      o || s(Zn(i));
+    }), () => {
+      o = !0;
+    };
+  }, [r, e]), /* @__PURE__ */ t(rt.Provider, { value: { plan: a, isPro: a === "pro" }, children: n });
+}
+const nt = Q(null);
+function at() {
+  const r = W(nt);
+  if (!r) throw new Error("Tabs compound components must be used within <Tabs>");
+  return r;
+}
+function Ya({
+  value: r,
+  defaultValue: e,
+  onValueChange: n,
+  className: a,
+  ...s
+}) {
+  const [o, i] = T(e ?? ""), l = r ?? o, c = E(
+    (p) => {
+      r === void 0 && i(p), n == null || n(p);
+    },
+    [r, n]
+  );
+  return /* @__PURE__ */ t(nt.Provider, { value: { selectedValue: l, onSelect: c }, children: /* @__PURE__ */ t("div", { "data-slot": "tabs", className: a, ...s }) });
+}
+function Za({
+  className: r,
+  children: e,
+  ...n
+}) {
+  const a = I(null), s = (o) => {
+    if (o.key !== "ArrowLeft" && o.key !== "ArrowRight") return;
+    const i = a.current;
+    if (!i) return;
+    const l = Array.from(
+      i.querySelectorAll('[role="tab"]:not([disabled])')
+    ), c = l.indexOf(document.activeElement);
+    if (c === -1) return;
+    o.preventDefault();
+    const p = o.key === "ArrowRight" ? (c + 1) % l.length : (c - 1 + l.length) % l.length;
+    l[p].focus();
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      role: "tablist",
+      "data-slot": "tabs-list",
+      className: h(
+        "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+        r
+      ),
+      onKeyDown: s,
+      ...n,
+      children: e
+    }
+  );
+}
+function Ja({ value: r, className: e, ...n }) {
+  const { selectedValue: a, onSelect: s } = at(), o = a === r;
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      "data-slot": "tabs-trigger",
+      "aria-selected": o,
+      ...o ? { "data-selected": "" } : {},
+      className: h(
+        "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",
+        e
+      ),
+      onClick: () => s(r),
+      ...n
+    }
+  );
+}
+function Xa({ value: r, className: e, ...n }) {
+  const { selectedValue: a } = at();
+  return a !== r ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      role: "tabpanel",
+      "data-slot": "tabs-content",
+      className: h("pt-2", e),
+      ...n
+    }
+  );
+}
+function Jn() {
+  return W(rt);
+}
+function Xn({ children: r, feature: e }) {
+  return /* @__PURE__ */ u("div", { style: { position: "relative" }, children: [
+    r,
+    /* @__PURE__ */ u(
+      "a",
+      {
+        href: "https://hydralms.com/pro",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {
+          position: "absolute",
+          bottom: 14,
+          right: 16,
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          gap: 5,
+          padding: "4px 10px 4px 8px",
+          background: "rgba(0,0,0,0.5)",
+          backdropFilter: "blur(6px)",
+          borderRadius: 20,
+          fontFamily: "system-ui, -apple-system, sans-serif",
+          fontSize: 11,
+          fontWeight: 500,
+          color: "rgba(255,255,255,0.85)",
+          letterSpacing: "0.01em",
+          whiteSpace: "nowrap",
+          lineHeight: 1,
+          pointerEvents: "auto",
+          textDecoration: "none"
+        },
+        title: e ? `"${e}" is a HydraLMS Pro module` : "Upgrade to HydraLMS Pro",
+        children: [
+          /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.8 }, children: /* @__PURE__ */ t("path", { d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" }) }),
+          "HydraLMS Pro"
+        ]
+      }
+    )
+  ] });
+}
+function qa(r, e) {
+  const n = (a) => {
+    const { isPro: s } = Jn();
+    return s ? /* @__PURE__ */ t(r, { ...a }) : /* @__PURE__ */ t(Xn, { feature: e, children: /* @__PURE__ */ t(r, { ...a }) });
+  };
+  return n.displayName = `ProGated(${e})`, n;
+}
+export {
+  ya as $,
+  Oa as A,
+  pe as B,
+  ye as C,
+  Sa as D,
+  _a as E,
+  rr as F,
+  Xr as G,
+  Ga as H,
+  Ea as I,
+  sn as J,
+  Ia as K,
+  cn as L,
+  Ca as M,
+  Hr as N,
+  jr as O,
+  Na as P,
+  Ar as Q,
+  Vr as R,
+  Pr as S,
+  xa as T,
+  ha as U,
+  Br as V,
+  ba as W,
+  va as X,
+  Ur as Y,
+  Fr as Z,
+  ga as _,
+  wr as a,
+  ve as a$,
+  Ha as a0,
+  tn as a1,
+  Ma as a2,
+  ir as a3,
+  Pa as a4,
+  wa as a5,
+  ar as a6,
+  Gr as a7,
+  Zr as a8,
+  Fa as a9,
+  Ra as aA,
+  Ua as aB,
+  Ka as aC,
+  Be as aD,
+  Fe as aE,
+  br as aF,
+  q as aG,
+  xr as aH,
+  me as aI,
+  Ae as aJ,
+  re as aK,
+  Ya as aL,
+  Xa as aM,
+  Za as aN,
+  Ja as aO,
+  Cr as aP,
+  Dr as aQ,
+  Mr as aR,
+  Ir as aS,
+  nr as aT,
+  Xe as aU,
+  Or as aV,
+  er as aW,
+  dn as aX,
+  ie as aY,
+  Rr as aZ,
+  Kr as a_,
+  mr as aa,
+  rt as ab,
+  gr as ac,
+  be as ad,
+  ln as ae,
+  Ba as af,
+  ur as ag,
+  tr as ah,
+  lr as ai,
+  dr as aj,
+  ja as ak,
+  Wa as al,
+  Xn as am,
+  qe as an,
+  pa as ao,
+  ka as ap,
+  Tr as aq,
+  Ve as ar,
+  or as as,
+  hr as at,
+  $a as au,
+  K as av,
+  qr as aw,
+  yr as ax,
+  Aa as ay,
+  Va as az,
+  Qa as b,
+  Nr as b0,
+  Jn as b1,
+  qa as b2,
+  Ze as b3,
+  cr as b4,
+  fa as b5,
+  tt as b6,
+  Yr as b7,
+  h as c,
+  U as d,
+  j as e,
+  ne as f,
+  xn as g,
+  Sn as h,
+  vn as i,
+  _n as j,
+  yn as k,
+  Cn as l,
+  wn as m,
+  Nn as n,
+  bn as o,
+  kn as p,
+  La as q,
+  ua as r,
+  ma as s,
+  nn as t,
+  Jr as u,
+  R as v,
+  za as w,
+  Je as x,
+  Ta as y,
+  Da as z
+};