@hydralms/components 0.1.3 → 0.3.0

package/dist/index.js

@@ -1,123 +1,198 @@
-import { c as l, f as g, a as h, P as N } from "./table-BrS5cDQu.js";
-import { A as Z, b as J, d as K, e as O, g as W, h as X, i as Y, j as _, k as S, l as ee, m as ae, n as te, o as re, p as se, q as ie, B as le, r as oe, C as ne, s as de, t as ce, u as me, v as ue, w as fe, x as xe, y as pe, z as ge, D as he, E as be, F as ve, G as Ne, H as ye, I as Ce, J as Te, K as ze, L as we, M as De, N as Ae, O as je, Q as ke, R as Ve, S as Ie, T as Re, U as Be, V as Fe, W as Pe, X as He, Y as Le, Z as Me, _ as $e, $ as Ee, a0 as Qe, a1 as Ue, a2 as qe, a3 as Ge, a4 as Ze, a5 as Je, a6 as Ke, a7 as Oe, a8 as We, a9 as Xe, aa as Ye, ab as _e, ac as Se, ad as ea, ae as aa, af as ta, ag as ra, ah as sa, ai as ia, aj as la, ak as oa, al as na, am as da, an as ca, ao as ma } from "./table-BrS5cDQu.js";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Clock as y, Play as p, Video as C, Bookmark as T, Pencil as z, Trash2 as w, CheckCircle2 as D, Circle as A } from "lucide-react";
-import { useRef as v, useEffect as j } from "react";
-const B = ({
+import { c, f as C, a as D, P as F } from "./tabs-BuY1iNJE.js";
+import { A as Me, b as Re, d as ke, e as Le, g as Fe, h as Ee, i as He, j as Qe, k as $e, l as Ge, m as Ke, n as Ue, o as _e, p as qe, q as Oe, r as Xe, s as Ze, t as Je, u as Ye, B as We, v as Se, C as ea, w as aa, x as ta, y as ra, z as sa, D as ia, E as na, F as oa, G as la, H as da, I as ca, J as ua, K as ma, L as fa, M as pa, N as ga, O as ba, Q as xa, R as va, S as ha, T as ya, U as Na, V as wa, W as Ca, X as Da, Y as Ta, Z as za, _ as Aa, $ as Ia, a0 as Pa, a1 as Ba, a2 as Va, a3 as ja, a4 as Ma, a5 as Ra, a6 as ka, a7 as La, a8 as Fa, a9 as Ea, aa as Ha, ab as Qa, ac as $a, ad as Ga, ae as Ka, af as Ua, ag as _a, ah as qa, ai as Oa, aj as Xa, ak as Za, al as Ja, am as Ya, an as Wa, ao as Sa, ap as et, aq as at, ar as tt, as as rt, at as st, au as it, av as nt, aw as ot, ax as lt, ay as dt, az as ct, aA as ut, aB as mt, aC as ft, aD as pt, aE as gt, aF as bt, aG as xt, aH as vt, aI as ht, aJ as yt, aK as Nt, aL as wt, aM as Ct, aN as Dt, aO as Tt, aP as zt, aQ as At, aR as It, aS as Pt, aT as Bt, aU as Vt, aV as jt, aW as Mt, aX as Rt, aY as kt, aZ as Lt } from "./tabs-BuY1iNJE.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { memo as T, useRef as v, useMemo as P, useEffect as z, useState as B, useCallback as x, useContext as E, createContext as H } from "react";
+import { HelpCircle as Q, Brain as $, Lightbulb as G, Clock as K, Play as y, Video as U, Bookmark as _, Pencil as q, Trash2 as O, CheckCircle2 as V, Circle as X, Info as Z, AlertTriangle as J, AlertCircle as Y, X as W } from "lucide-react";
+import { H as S } from "./withProGate-BWqcKdPM.js";
+import { a as Et, P as Ht, u as Qt, w as $t } from "./withProGate-BWqcKdPM.js";
+import { createPortal as ee } from "react-dom";
+import { cva as ae } from "class-variance-authority";
+const te = [
+  {
+    value: "low",
+    label: "Guessing",
+    icon: /* @__PURE__ */ e(Q, { className: "size-3.5" })
+  },
+  {
+    value: "medium",
+    label: "Somewhat sure",
+    icon: /* @__PURE__ */ e($, { className: "size-3.5" })
+  },
+  {
+    value: "high",
+    label: "Confident",
+    icon: /* @__PURE__ */ e(G, { className: "size-3.5" })
+  }
+], be = T(function({
+  value: r,
+  onChange: t,
+  levels: i = te,
+  disabled: o = !1,
+  readOnly: l = !1,
+  className: s,
+  style: n
+}) {
+  const u = o || l;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "confidence-indicator",
+      className: c("flex items-center gap-1", s),
+      style: n,
+      role: "radiogroup",
+      "aria-label": "Confidence level",
+      children: i.map((m) => {
+        const d = r === m.value;
+        return /* @__PURE__ */ f(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": d,
+            "aria-label": m.label,
+            disabled: u,
+            onClick: () => t(m.value),
+            className: c(
+              "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-all",
+              "border outline-none focus-visible:ring-2 focus-visible:ring-ring/50",
+              d ? "border-primary bg-primary/10 text-primary" : "border-transparent bg-muted text-muted-foreground hover:bg-muted/80",
+              u && "opacity-50 pointer-events-none"
+            ),
+            children: [
+              m.icon,
+              m.label
+            ]
+          },
+          m.value
+        );
+      })
+    }
+  );
+}), xe = ({
   entries: a,
   currentTime: r = 0,
   onSeek: t,
-  readOnly: s = !1,
-  maxHeight: n = "400px",
-  className: c,
-  style: i
+  readOnly: i = !1,
+  maxHeight: o = "400px",
+  className: l,
+  style: s
 }) => {
-  const m = v(null), d = v(null), b = a.reduce(
-    (u, x, f) => x.time <= r ? f : u,
-    -1
+  const n = v(null), u = v(null), m = P(
+    () => a.reduce((d, b, p) => b.time <= r ? p : d, -1),
+    [a, r]
   );
-  return j(() => {
-    d.current && m.current && d.current.scrollIntoView({
+  return z(() => {
+    u.current && n.current && u.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
-  }, [b]), a.length === 0 ? /* @__PURE__ */ o(
+  }, [m]), a.length === 0 ? /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: c(
         "flex flex-col items-center justify-center gap-2 rounded-md border border-border bg-muted p-6",
-        c
+        l
       ),
-      style: i,
+      style: s,
       children: [
-        /* @__PURE__ */ e(y, { size: 20, className: "text-muted-foreground" }),
+        /* @__PURE__ */ e(K, { size: 20, className: "text-muted-foreground" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "No transcript available" })
       ]
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: m,
-      className: l(
+      ref: n,
+      className: c(
         "overflow-y-auto rounded-md border border-border",
-        c
+        l
       ),
-      style: { maxHeight: n, ...i },
-      children: a.map((u, x) => {
-        const f = x === b;
-        return /* @__PURE__ */ o(
+      style: { maxHeight: o, ...s },
+      children: a.map((d, b) => {
+        const p = b === m;
+        return /* @__PURE__ */ f(
           "div",
           {
-            ref: f ? d : void 0,
-            className: l(
+            ref: p ? u : void 0,
+            className: c(
               "flex gap-3 px-3 py-2 text-sm transition-colors",
-              f && "bg-primary/10",
-              !s && t && "cursor-pointer hover:bg-muted"
+              p && "bg-primary/10",
+              !i && t && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => !s && (t == null ? void 0 : t(u.time)),
+            onClick: () => !i && (t == null ? void 0 : t(d.time)),
+            role: !i && t ? "button" : void 0,
+            tabIndex: !i && t ? 0 : void 0,
+            onKeyDown: !i && t ? (g) => {
+              (g.key === "Enter" || g.key === " ") && (g.preventDefault(), t(d.time));
+            } : void 0,
             children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: l(
+                  className: c(
                     "shrink-0 font-mono text-xs tabular-nums pt-0.5",
-                    f ? "text-primary font-medium" : "text-muted-foreground"
+                    p ? "text-primary font-medium" : "text-muted-foreground"
                   ),
-                  children: g(Math.floor(u.time))
+                  children: C(Math.floor(d.time))
                 }
               ),
-              /* @__PURE__ */ o("div", { className: "min-w-0", children: [
-                u.speaker && /* @__PURE__ */ o("span", { className: "mr-1 font-semibold text-foreground", children: [
-                  u.speaker,
+              /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+                d.speaker && /* @__PURE__ */ f("span", { className: "mr-1 font-semibold text-foreground", children: [
+                  d.speaker,
                   ":"
                 ] }),
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: f ? "text-foreground" : "text-muted-foreground",
-                    children: u.text
+                    className: p ? "text-foreground" : "text-muted-foreground",
+                    children: d.text
                   }
                 )
               ] })
             ]
           },
-          x
+          `${d.time}-${d.text.slice(0, 20)}`
         );
       })
     }
   );
-}, F = ({
+}, ve = ({
   chapters: a,
   currentTime: r = 0,
   onSeek: t,
-  className: s,
-  style: n
+  className: i,
+  style: o
 }) => {
-  const c = a.reduce(
-    (i, m, d) => m.time <= r ? d : i,
-    -1
+  const l = P(
+    () => a.reduce((s, n, u) => n.time <= r ? u : s, -1),
+    [a, r]
   );
   return /* @__PURE__ */ e(
     "div",
     {
-      className: l(
+      className: c(
         "divide-y divide-border rounded-md border border-border",
-        s
+        i
       ),
-      style: n,
-      children: a.map((i, m) => {
-        const d = m === c;
-        return /* @__PURE__ */ o(
+      style: o,
+      children: a.map((s, n) => {
+        const u = n === l;
+        return /* @__PURE__ */ f(
           "div",
           {
-            className: l(
+            className: c(
               "flex items-center gap-3 p-3 transition-colors",
-              d && "bg-primary/10",
+              u && "bg-primary/10",
               t && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => t == null ? void 0 : t(i.time),
+            onClick: () => t == null ? void 0 : t(s.time),
+            role: t ? "button" : void 0,
+            tabIndex: t ? 0 : void 0,
+            onKeyDown: t ? (m) => {
+              (m.key === "Enter" || m.key === " ") && (m.preventDefault(), t(s.time));
+            } : void 0,
             children: [
-              i.thumbnail ? /* @__PURE__ */ o(
+              s.thumbnail ? /* @__PURE__ */ f(
                 "div",
                 {
                   className: "relative shrink-0 w-16 overflow-hidden rounded",
@@ -126,224 +201,300 @@ const B = ({
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: i.thumbnail,
-                        alt: i.title,
+                        src: s.thumbnail,
+                        alt: s.title,
+                        loading: "lazy",
                         className: "size-full object-cover"
                       }
                     ),
-                    d && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(p, { size: 14, className: "ml-px text-white" }) })
+                    u && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(y, { size: 14, className: "ml-px text-white" }) })
                   ]
                 }
               ) : /* @__PURE__ */ e(
                 "div",
                 {
-                  className: l(
+                  className: c(
                     "flex shrink-0 items-center justify-center size-8 rounded-full",
-                    d ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+                    u ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
                   ),
-                  children: /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: m + 1 })
+                  children: /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: n + 1 })
                 }
               ),
-              /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: l(
+                    className: c(
                       "truncate text-sm font-medium",
-                      d ? "text-primary" : "text-foreground"
+                      u ? "text-primary" : "text-foreground"
                     ),
-                    children: i.title
+                    children: s.title
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "mt-0.5 flex items-center gap-2", children: [
-                  /* @__PURE__ */ e("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: g(Math.floor(i.time)) }),
-                  i.duration != null && i.duration > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: h(i.duration) })
+                /* @__PURE__ */ f("div", { className: "mt-0.5 flex items-center gap-2", children: [
+                  /* @__PURE__ */ e("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: C(Math.floor(s.time)) }),
+                  s.duration != null && s.duration > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: D(s.duration) })
                 ] })
               ] })
             ]
           },
-          m
+          s.time
         );
       })
     }
   );
-}, P = ({
+}, he = ({
   poster: a,
   title: r,
   duration: t,
-  progress: s,
-  onClick: n,
-  className: c,
-  style: i
-}) => /* @__PURE__ */ o(
+  progress: i,
+  onClick: o,
+  className: l,
+  style: s
+}) => /* @__PURE__ */ f(
   "div",
   {
-    className: l(
+    className: c(
       "group overflow-hidden rounded-lg border border-border transition-colors",
-      n && "cursor-pointer hover:border-primary/50 hover:shadow-sm",
-      c
+      o && "cursor-pointer hover:border-primary/50 hover:shadow-sm",
+      l
     ),
-    style: i,
-    onClick: n,
+    style: s,
+    onClick: o,
+    role: o ? "button" : void 0,
+    tabIndex: o ? 0 : void 0,
+    onKeyDown: o ? (n) => {
+      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o());
+    } : void 0,
     children: [
-      /* @__PURE__ */ o("div", { className: "relative overflow-hidden", style: { aspectRatio: "16/9" }, children: [
+      /* @__PURE__ */ f("div", { className: "relative overflow-hidden", style: { aspectRatio: "16/9" }, children: [
         a ? /* @__PURE__ */ e(
           "img",
           {
             src: a,
             alt: r,
+            loading: "lazy",
             className: "size-full object-cover transition-transform duration-300 group-hover:scale-105"
           }
-        ) : /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center bg-muted", children: /* @__PURE__ */ e(C, { size: 32, className: "text-muted-foreground" }) }),
-        /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 transition-colors group-hover:bg-black/20", children: /* @__PURE__ */ e("div", { className: "flex size-10 items-center justify-center rounded-full bg-black/60 opacity-0 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ e(p, { size: 20, className: "ml-0.5 text-white" }) }) }),
-        t != null && t > 0 && /* @__PURE__ */ e("span", { className: "absolute bottom-2 right-2 rounded bg-black/75 px-1.5 py-0.5 text-xs font-medium tabular-nums text-white", children: h(t) })
+        ) : /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center bg-muted", children: /* @__PURE__ */ e(U, { size: 32, className: "text-muted-foreground" }) }),
+        /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 transition-colors group-hover:bg-black/20", children: /* @__PURE__ */ e("div", { className: "flex size-10 items-center justify-center rounded-full bg-black/60 opacity-0 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ e(y, { size: 20, className: "ml-0.5 text-white" }) }) }),
+        t != null && t > 0 && /* @__PURE__ */ e("span", { className: "absolute bottom-2 right-2 rounded bg-black/75 px-1.5 py-0.5 text-xs font-medium tabular-nums text-white", children: D(t) })
       ] }),
       /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e("h4", { className: "truncate text-sm font-medium text-foreground", children: r }) }),
-      s != null && s >= 0 && /* @__PURE__ */ e("div", { className: "px-3 pb-3", children: /* @__PURE__ */ e(
-        N,
+      i != null && i >= 0 && /* @__PURE__ */ e("div", { className: "px-3 pb-3", children: /* @__PURE__ */ e(
+        F,
         {
-          value: s,
+          value: i,
           size: "sm",
-          variant: s >= 100 ? "success" : "default"
+          variant: i >= 100 ? "success" : "default"
         }
       ) })
     ]
   }
-), H = ({
-  bookmark: a,
-  onSeek: r,
-  onDelete: t,
-  onEdit: s,
-  className: n,
-  style: c
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: l(
-      "flex items-start gap-3 rounded-md border border-border p-3",
-      n
-    ),
-    style: c,
-    children: [
-      /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center size-8 rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ e(T, { size: 16 }) }),
-      /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: l(
-              "font-mono text-xs font-medium tabular-nums",
-              r ? "cursor-pointer text-primary hover:underline" : "text-muted-foreground"
-            ),
-            onClick: () => r == null ? void 0 : r(a.time),
-            disabled: !r,
-            children: g(Math.floor(a.time))
-          }
-        ),
-        a.note && /* @__PURE__ */ e("p", { className: "mt-0.5 text-sm text-foreground", children: a.note }),
-        a.createdAt && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(a.createdAt).toLocaleDateString() })
-      ] }),
-      (s || t) && /* @__PURE__ */ o("div", { className: "flex shrink-0 items-center gap-1", children: [
-        s && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-            "aria-label": "Edit bookmark",
-            onClick: () => s(a.id),
-            children: /* @__PURE__ */ e(z, { size: 14 })
-          }
-        ),
-        t && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
-            "aria-label": "Delete bookmark",
-            onClick: () => t(a.id),
-            children: /* @__PURE__ */ e(w, { size: 14 })
-          }
-        )
-      ] })
-    ]
-  }
-), L = ({
-  thumbnail: a,
-  title: r,
-  duration: t,
-  status: s = "unwatched",
-  isActive: n = !1,
-  index: c,
-  onClick: i,
-  className: m,
-  style: d
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: l(
-      "flex items-center gap-3 rounded-md px-3 py-2 transition-colors",
-      n && "bg-primary/10",
-      i && "cursor-pointer hover:bg-muted",
-      m
-    ),
-    style: d,
-    onClick: i,
-    children: [
-      /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center size-6", children: s === "completed" ? /* @__PURE__ */ e("span", { className: "text-success", children: /* @__PURE__ */ e(D, { size: 18 }) }) : n ? /* @__PURE__ */ e("span", { className: "text-primary", children: /* @__PURE__ */ e(p, { size: 16, className: "ml-px" }) }) : c != null ? /* @__PURE__ */ e("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: c }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: /* @__PURE__ */ e(A, { size: 16 }) }) }),
-      a && /* @__PURE__ */ o(
-        "div",
-        {
-          className: "relative shrink-0 w-16 overflow-hidden rounded",
-          style: { aspectRatio: "16/9" },
-          children: [
-            /* @__PURE__ */ e(
-              "img",
-              {
-                src: a,
-                alt: r,
-                className: l(
-                  "size-full object-cover",
-                  s === "completed" && "opacity-60"
-                )
-              }
-            ),
-            n && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(p, { size: 12, className: "ml-px text-white" }) })
-          ]
-        }
+), ye = T(function({
+  bookmark: r,
+  onSeek: t,
+  onDelete: i,
+  onEdit: o,
+  className: l,
+  style: s
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: c(
+        "flex items-start gap-3 rounded-md border border-border p-3",
+        l
       ),
-      /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ e(
+      style: s,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center size-8 rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ e(_, { size: 16 }) }),
+        /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: c(
+                "font-mono text-xs font-medium tabular-nums",
+                t ? "cursor-pointer text-primary hover:underline" : "text-muted-foreground"
+              ),
+              onClick: () => t == null ? void 0 : t(r.time),
+              disabled: !t,
+              children: C(Math.floor(r.time))
+            }
+          ),
+          r.note && /* @__PURE__ */ e("p", { className: "mt-0.5 text-sm text-foreground", children: r.note }),
+          r.createdAt && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(r.createdAt).toLocaleDateString() })
+        ] }),
+        (o || i) && /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center gap-1", children: [
+          o && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              "aria-label": "Edit bookmark",
+              onClick: () => o(r.id),
+              children: /* @__PURE__ */ e(q, { size: 14 })
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+              "aria-label": "Delete bookmark",
+              onClick: () => i(r.id),
+              children: /* @__PURE__ */ e(O, { size: 14 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Ne = T(function({
+  thumbnail: r,
+  title: t,
+  duration: i,
+  status: o = "unwatched",
+  isActive: l = !1,
+  index: s,
+  onClick: n,
+  className: u,
+  style: m
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: c(
+        "flex items-center gap-3 rounded-md px-3 py-2 transition-colors",
+        l && "bg-primary/10",
+        n && "cursor-pointer hover:bg-muted",
+        u
+      ),
+      style: m,
+      onClick: n,
+      role: n ? "button" : void 0,
+      tabIndex: n ? 0 : void 0,
+      onKeyDown: n ? (d) => {
+        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), n());
+      } : void 0,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center size-6", children: o === "completed" ? /* @__PURE__ */ e("span", { className: "text-success", children: /* @__PURE__ */ e(V, { size: 18 }) }) : l ? /* @__PURE__ */ e("span", { className: "text-primary", children: /* @__PURE__ */ e(y, { size: 16, className: "ml-px" }) }) : s != null ? /* @__PURE__ */ e("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: s }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: /* @__PURE__ */ e(X, { size: 16 }) }) }),
+        r && /* @__PURE__ */ f(
           "div",
           {
-            className: l(
-              "truncate text-sm",
-              n ? "font-medium text-primary" : "text-foreground",
-              s === "completed" && !n && "text-muted-foreground"
-            ),
-            children: r
+            className: "relative shrink-0 w-16 overflow-hidden rounded",
+            style: { aspectRatio: "16/9" },
+            children: [
+              /* @__PURE__ */ e(
+                "img",
+                {
+                  src: r,
+                  alt: t,
+                  loading: "lazy",
+                  className: c(
+                    "size-full object-cover",
+                    o === "completed" && "opacity-60"
+                  )
+                }
+              ),
+              l && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(y, { size: 12, className: "ml-px text-white" }) })
+            ]
           }
         ),
-        t != null && t > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: h(t) })
-      ] })
-    ]
-  }
-);
-function M({
+        /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: c(
+                "truncate text-sm",
+                l ? "font-medium text-primary" : "text-foreground",
+                o === "completed" && !l && "text-muted-foreground"
+              ),
+              children: t
+            }
+          ),
+          i != null && i > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: D(i) })
+        ] })
+      ]
+    }
+  );
+});
+function we({
+  durationSeconds: a,
+  warningThresholdSeconds: r = 60,
+  onExpire: t,
+  onWarning: i,
+  autoStart: o = !1
+}) {
+  const [l, s] = B(a), n = v(o ? "running" : "idle"), u = v(null), m = v(t), d = v(i), b = v(!1);
+  m.current = t, d.current = i;
+  const p = x(() => {
+    u.current != null && (clearInterval(u.current), u.current = null);
+  }, []), g = x(() => {
+    p(), u.current = setInterval(() => {
+      s((w) => {
+        var A, I;
+        const h = w - 1;
+        return !b.current && h <= r && h > 0 && (b.current = !0, (A = d.current) == null || A.call(d)), h <= 0 ? (p(), n.current = "expired", (I = m.current) == null || I.call(m), 0) : h;
+      });
+    }, 1e3);
+  }, [p, r]), M = x(() => {
+    s(a), b.current = !1, n.current = "running", g();
+  }, [a, g]), R = x(() => {
+    n.current === "running" && (p(), n.current = "paused", s((w) => w));
+  }, [p]), k = x(() => {
+    n.current === "paused" && (n.current = "running", g());
+  }, [g]), L = x(() => {
+    p(), n.current = "idle", b.current = !1, s(a);
+  }, [p, a]);
+  z(() => (o && g(), p), [o, g, p]);
+  const N = n.current;
+  return {
+    timeRemaining: l,
+    isRunning: N === "running",
+    isPaused: N === "paused",
+    isExpired: N === "expired",
+    isWarning: l <= r && l > 0,
+    start: M,
+    pause: R,
+    resume: k,
+    reset: L
+  };
+}
+function Ce({
   children: a,
   colorMode: r = "dark",
-  className: t,
-  style: s
+  licenseKey: t,
+  validateUrl: i,
+  className: o,
+  style: l
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(S, { licenseKey: t, validateUrl: i, children: /* @__PURE__ */ e(
     "div",
     {
-      className: `hydra-root${r === "dark" ? " dark" : ""}${t ? ` ${t}` : ""}`,
-      style: s,
+      className: `hydra-root${r === "dark" ? " dark" : ""}${o ? ` ${o}` : ""}`,
+      style: l,
       children: a
     }
+  ) });
+}
+function De({ className: a, ...r }) {
+  return /* @__PURE__ */ e(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: c(
+        "placeholder:text-muted-foreground border-input flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 aria-invalid:border-destructive",
+        a
+      ),
+      ...r
+    }
   );
 }
-function $({
+function Te({
   className: a,
   ...r
 }) {
@@ -351,7 +502,7 @@ function $({
     "span",
     {
       "data-slot": "avatar",
-      className: l(
+      className: c(
         "relative flex size-9 shrink-0 overflow-hidden rounded-full",
         a
       ),
@@ -359,7 +510,7 @@ function $({
     }
   );
 }
-function E({
+function ze({
   className: a,
   onError: r,
   ...t
@@ -368,13 +519,13 @@ function E({
     "img",
     {
       "data-slot": "avatar-image",
-      className: l("aspect-square size-full object-cover", a),
+      className: c("aspect-square size-full object-cover", a),
       onError: r,
       ...t
     }
   );
 }
-function Q({
+function Ae({
   className: a,
   ...r
 }) {
@@ -382,7 +533,7 @@ function Q({
     "span",
     {
       "data-slot": "avatar-fallback",
-      className: l(
+      className: c(
         "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-xs font-medium",
         a
       ),
@@ -390,102 +541,240 @@ function Q({
     }
   );
 }
-function U({ className: a, ...r }) {
-  return /* @__PURE__ */ e(
+const re = ae(
+  "pointer-events-auto relative flex w-full items-start gap-3 rounded-lg border p-4 pr-8 shadow-lg text-sm transition-all",
+  {
+    variants: {
+      variant: {
+        success: "border-success/50 bg-success/5 text-success [&>svg]:text-success",
+        error: "border-destructive/50 bg-destructive/5 text-destructive [&>svg]:text-destructive",
+        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: "info"
+    }
+  }
+), j = H(null), se = {
+  success: V,
+  error: Y,
+  warning: J,
+  info: Z
+};
+function ie({
+  item: a,
+  onDismiss: r
+}) {
+  const t = v(void 0), i = a.duration ?? 5e3, o = se[a.variant ?? "info"];
+  return z(() => (i > 0 && (t.current = setTimeout(() => r(a.id), i)), () => clearTimeout(t.current)), [i, a.id, r]), /* @__PURE__ */ f(
     "div",
     {
-      "data-slot": "skeleton",
-      className: l("bg-muted animate-pulse rounded-md", a),
-      ...r
+      "data-slot": "toast",
+      role: "status",
+      "aria-live": "polite",
+      className: c(re({ variant: a.variant ?? "info" })),
+      children: [
+        /* @__PURE__ */ e(o, { className: "size-4 shrink-0 translate-y-0.5" }),
+        /* @__PURE__ */ f("div", { className: "flex-1 space-y-1", children: [
+          a.title && /* @__PURE__ */ e("p", { className: "font-medium leading-none", children: a.title }),
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-90", children: a.message })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => r(a.id),
+            "aria-label": "Dismiss notification",
+            className: "absolute right-2 top-2 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ e(W, { className: "size-3.5" })
+          }
+        )
+      ]
     }
   );
 }
+let ne = 0;
+function oe({ children: a }) {
+  const [r, t] = B([]), i = x((l) => {
+    const s = `toast-${++ne}`;
+    t((n) => [...n.slice(-2), { ...l, id: s }]);
+  }, []), o = x((l) => {
+    t((s) => s.filter((n) => n.id !== l));
+  }, []);
+  return /* @__PURE__ */ f(j.Provider, { value: { toast: i }, children: [
+    a,
+    typeof document < "u" && ee(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          "data-slot": "toaster",
+          className: "fixed top-4 right-4 z-50 flex flex-col gap-2 w-80 pointer-events-none",
+          children: r.map((l) => /* @__PURE__ */ e(ie, { item: l, onDismiss: o }, l.id))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function Ie() {
+  const a = E(j);
+  if (!a) throw new Error("useToast must be used within a ToastProvider");
+  return a;
+}
+const Pe = oe, le = /* @__PURE__ */ new Set([
+  "QuizModule",
+  "FlashcardLab",
+  "CoursePlayer",
+  "ExamModule",
+  "SurveyModule",
+  "GradeCenterModule",
+  "AssignmentModule",
+  "CertificateModule",
+  "DiscussionModule",
+  "StudentDashboardModule",
+  "CourseCatalogModule",
+  "StudentProfileModule"
+]);
+function Be(a) {
+  return le.has(a);
+}
 export {
-  Z as Alert,
-  J as AlertDescription,
-  K as AlertDialog,
-  O as AlertDialogAction,
-  W as AlertDialogBackdrop,
-  X as AlertDialogCancel,
-  Y as AlertDialogContent,
-  _ as AlertDialogDescription,
-  S as AlertDialogFooter,
-  ee as AlertDialogHeader,
-  ae as AlertDialogPortal,
-  te as AlertDialogTitle,
-  re as AlertDialogTrigger,
-  se as AlertTitle,
-  ie as AssessmentToolbar,
-  $ as Avatar,
-  Q as AvatarFallback,
-  E as AvatarImage,
-  le as Badge,
-  oe as Button,
-  ne as Card,
-  de as CardAction,
-  ce as CardContent,
-  me as CardDescription,
-  ue as CardFooter,
-  fe as CardHeader,
-  xe as CardTitle,
-  pe as Choice,
-  ge as ConfirmDialog,
-  he as ContentBlock,
-  be as CurriculumItemRow,
-  ve as CurriculumTree,
-  Ne as DueDateDisplay,
-  ye as EmptyState,
-  Ce as Essay,
-  Te as FeedbackBanner,
-  ze as FileUploadZone,
-  we as FillInTheBlank,
-  De as Flashcard,
-  Ae as FlashcardDeck,
-  je as GradeIndicator,
-  M as HydraProvider,
-  ke as Input,
-  Ve as LearningObjectIcon,
-  Ie as LikertScale,
-  Re as MultipleChoice,
-  Be as PostCard,
-  N as Progress,
-  Fe as ProgressRing,
-  Pe as QuestionNavigator,
-  He as QuestionRenderer,
-  Le as SearchInput,
-  Me as Separator,
-  U as Skeleton,
-  $e as StarRating,
-  Ee as StatCard,
-  Qe as StatusBadge,
-  Ue as Table,
-  qe as TableBody,
-  Ge as TableCaption,
-  Ze as TableCell,
-  Je as TableFooter,
-  Ke as TableHead,
-  Oe as TableHeader,
-  We as TableRow,
-  Xe as Tabs,
-  Ye as TabsContent,
-  _e as TabsList,
-  Se as TabsTrigger,
-  ea as Textarea,
-  aa as TimerDisplay,
-  ta as Tooltip,
-  ra as TooltipContent,
-  sa as TooltipTrigger,
-  ia as TrueFalse,
-  la as UserAvatar,
-  H as VideoBookmark,
-  F as VideoChapterList,
-  oa as VideoPlayer,
-  L as VideoPlaylistItem,
-  P as VideoThumbnailCard,
-  B as VideoTranscript,
-  na as alertVariants,
-  da as badgeVariants,
-  ca as buttonVariants,
-  l as cn,
-  ma as progressVariants
+  Me as AchievementBadge,
+  Re as ActivityTimeline,
+  ke as Alert,
+  Le as AlertDescription,
+  Fe as AlertDialog,
+  Ee as AlertDialogAction,
+  He as AlertDialogBackdrop,
+  Qe as AlertDialogCancel,
+  $e as AlertDialogContent,
+  Ge as AlertDialogDescription,
+  Ke as AlertDialogFooter,
+  Ue as AlertDialogHeader,
+  _e as AlertDialogPortal,
+  qe as AlertDialogTitle,
+  Oe as AlertDialogTrigger,
+  Xe as AlertTitle,
+  Ze as AssessmentToolbar,
+  Je as AttachmentList,
+  Ye as AudioPlayer,
+  Te as Avatar,
+  Ae as AvatarFallback,
+  ze as AvatarImage,
+  We as Badge,
+  Se as Button,
+  ea as Card,
+  aa as CardAction,
+  ta as CardContent,
+  ra as CardDescription,
+  sa as CardFooter,
+  ia as CardHeader,
+  na as CardTitle,
+  oa as Choice,
+  la as CodeBlock,
+  be as ConfidenceIndicator,
+  da as ConfirmDialog,
+  ca as ContentBlock,
+  ua as CourseCard,
+  ma as CurriculumItemRow,
+  fa as CurriculumTree,
+  pa as Drawer,
+  ga as DrawerBackdrop,
+  ba as DrawerBody,
+  xa as DrawerClose,
+  va as DrawerContent,
+  ha as DrawerDescription,
+  ya as DrawerFooter,
+  Na as DrawerHeader,
+  wa as DrawerNav,
+  Ca as DrawerNavItem,
+  Da as DrawerPortal,
+  Ta as DrawerTitle,
+  za as DrawerTrigger,
+  Aa as DrawerViewport,
+  Ia as DueDateDisplay,
+  Pa as EmbedBlock,
+  Ba as EmptyState,
+  Va as Essay,
+  ja as FeedbackBanner,
+  Ma as FileUploadZone,
+  Ra as FillInTheBlank,
+  ka as Flashcard,
+  La as FlashcardDeck,
+  Fa as GradeIndicator,
+  Ea as Hotspot,
+  Et as HydraLicenseContext,
+  S as HydraLicenseProvider,
+  Ce as HydraProvider,
+  Ha as InlineChoice,
+  Qa as Input,
+  $a as LearningObjectIcon,
+  Ga as LikertScale,
+  Ka as Matching,
+  Ua as MultipleChoice,
+  _a as Numeric,
+  qa as Ordering,
+  le as PRO_MODULES,
+  Oa as Pagination,
+  Xa as PostCard,
+  Ht as ProBadge,
+  F as Progress,
+  Za as ProgressRing,
+  Ja as QuestionHeaderBar,
+  Ya as QuestionMaterialsDrawer,
+  Wa as QuestionNavigator,
+  Sa as QuestionRenderer,
+  et as RichTextEditor,
+  at as Scenario,
+  tt as SearchInput,
+  rt as Separator,
+  st as Skeleton,
+  it as Spreadsheet,
+  nt as StarRating,
+  ot as StatCard,
+  lt as StatusBadge,
+  dt as Stepper,
+  ct as StreakBadge,
+  ut as Table,
+  mt as TableBody,
+  ft as TableCaption,
+  pt as TableCell,
+  gt as TableFooter,
+  bt as TableHead,
+  xt as TableHeader,
+  vt as TableRow,
+  ht as Tabs,
+  yt as TabsContent,
+  Nt as TabsList,
+  wt as TabsTrigger,
+  De as Textarea,
+  Ct as TimerDisplay,
+  oe as ToastProvider,
+  Pe as Toaster,
+  Dt as Tooltip,
+  Tt as TooltipContent,
+  zt as TooltipTrigger,
+  At as TrueFalse,
+  It as UserAvatar,
+  ye as VideoBookmark,
+  ve as VideoChapterList,
+  Pt as VideoPlayer,
+  Ne as VideoPlaylistItem,
+  he as VideoThumbnailCard,
+  xe as VideoTranscript,
+  Bt as alertVariants,
+  Vt as badgeVariants,
+  jt as buttonVariants,
+  c as cn,
+  Mt as drawerContentVariants,
+  Be as isProModule,
+  Rt as progressVariants,
+  kt as scoreQuestion,
+  Lt as scoreScenarioSubQuestions,
+  re as toastVariants,
+  we as useCountdown,
+  Qt as useHydraLicense,
+  Ie as useToast,
+  $t as withProGate
 };