@hydralms/components 0.2.0 → 0.3.1

package/dist/index.js

@@ -1,74 +1,137 @@
-import { c as l, f as D, a as z, P, b as H, B as A } from "./tabs-Wf3h_Cx3.js";
-import { A as ye, d as we, e as De, g as ze, h as Ce, i as Te, j as Ae, k as Ie, l as je, m as ke, n as Fe, o as Be, p as Re, q as Ve, r as Pe, s as He, t as Me, u as Ee, C as Le, v as Qe, w as $e, x as Ke, y as qe, z as Ge, D as Ue, E as We, F as Je, G as Xe, H as Ze, I as Ye, J as _e, K as Oe, L as Se, M as et, N as tt, O as rt, Q as at, R as st, S as it, T as nt, U as lt, V as ot, W as dt, X as ct, Y as ut, Z as mt, _ as ft, $ as xt, a0 as pt, a1 as gt, a2 as ht, a3 as bt, a4 as vt, a5 as Nt, a6 as yt, a7 as wt, a8 as Dt, a9 as zt, aa as Ct, ab as Tt, ac as At, ad as It, ae as jt, af as kt, ag as Ft, ah as Bt, ai as Rt, aj as Vt, ak as Pt, al as Ht, am as Mt, an as Et, ao as Lt, ap as Qt, aq as $t, ar as Kt, as as qt, at as Gt, au as Ut, av as Wt, aw as Jt, ax as Xt, ay as Zt, az as Yt, aA as _t, aB as Ot, aC as St, aD as er, aE as tr, aF as rr, aG as ar, aH as sr, aI as ir, aJ as nr, aK as lr, aL as or, aM as dr, aN as cr, aO as ur, aP as mr, aQ as fr, aR as xr, aS as pr } from "./tabs-Wf3h_Cx3.js";
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { Clock as M, Play as N, Video as E, Bookmark as L, Pencil as Q, Trash2 as $, CheckCircle2 as K, Circle as q, Download as G, X as U, Image as W, Film as J, Music as X, FileText as Z, Archive as Y, File as _, Check as O } from "lucide-react";
-import { useRef as h, useMemo as I, useEffect as j, memo as k, useState as S, useCallback as b } from "react";
-const ie = ({
-  entries: t,
-  currentTime: a = 0,
-  onSeek: r,
-  readOnly: n = !1,
+import { c, f as C, a as D, P as E, H as F } from "./withProGate-BvFc7Jwy.js";
+import { A as Me, b as ke, d as Le, e as Ee, g as Fe, h as He, i as Qe, j as $e, k as Ge, l as Ke, m as Ue, n as _e, o as Oe, p as qe, q as Xe, r as Ze, s as Je, t as Ye, u as We, B as Se, v as ea, C as aa, w as ta, x as ra, y as sa, z as ia, D as na, E as oa, F as la, G as da, I as ca, J as ua, K as ma, L as fa, M as ga, N as pa, O as ba, Q as xa, R as va, S as ha, T as Na, U as ya, 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 Ra, a3 as Va, a4 as ja, a5 as Ma, a6 as ka, a7 as La, a8 as Ea, a9 as Fa, aa as Ha, ab as Qa, ac as $a, ad as Ga, ae as Ka, af as Ua, ag as _a, ah as Oa, ai as qa, 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 gt, aE as pt, aF as bt, aG as xt, aH as vt, aI as ht, aJ as Nt, aK as yt, 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 Rt, aV as Vt, aW as jt, aX as Mt, aY as kt, aZ as Lt, a_ as Et, a$ as Ft, b0 as Ht, b1 as Qt, b2 as $t } from "./withProGate-BvFc7Jwy.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 H, createContext as Q } from "react";
+import { HelpCircle as $, Brain as G, Lightbulb as K, Clock as U, Play as N, Video as _, Bookmark as O, Pencil as q, Trash2 as X, CheckCircle2 as R, Circle as Z, Info as J, AlertTriangle as Y, AlertCircle as W, X as S } from "lucide-react";
+import { createPortal as ee } from "react-dom";
+import { cva as ae } from "class-variance-authority";
+const te = [
+  {
+    value: "low",
+    label: "Guessing",
+    icon: /* @__PURE__ */ e($, { className: "size-3.5" })
+  },
+  {
+    value: "medium",
+    label: "Somewhat sure",
+    icon: /* @__PURE__ */ e(G, { className: "size-3.5" })
+  },
+  {
+    value: "high",
+    label: "Confident",
+    icon: /* @__PURE__ */ e(K, { 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: i = !1,
   maxHeight: o = "400px",
-  className: c,
+  className: l,
   style: s
 }) => {
-  const i = h(null), u = h(null), x = I(
-    () => t.reduce((d, p, m) => p.time <= a ? m : d, -1),
-    [t, a]
+  const n = v(null), u = v(null), m = P(
+    () => a.reduce((d, b, g) => b.time <= r ? g : d, -1),
+    [a, r]
   );
-  return j(() => {
-    u.current && i.current && u.current.scrollIntoView({
+  return z(() => {
+    u.current && n.current && u.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
-  }, [x]), t.length === 0 ? /* @__PURE__ */ f(
+  }, [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: s,
       children: [
-        /* @__PURE__ */ e(M, { size: 20, className: "text-muted-foreground" }),
+        /* @__PURE__ */ e(U, { size: 20, className: "text-muted-foreground" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "No transcript available" })
       ]
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
-      className: l(
+      ref: n,
+      className: c(
         "overflow-y-auto rounded-md border border-border",
-        c
+        l
       ),
       style: { maxHeight: o, ...s },
-      children: t.map((d, p) => {
-        const m = p === x;
+      children: a.map((d, b) => {
+        const g = b === m;
         return /* @__PURE__ */ f(
           "div",
           {
-            ref: m ? u : void 0,
-            className: l(
+            ref: g ? u : void 0,
+            className: c(
               "flex gap-3 px-3 py-2 text-sm transition-colors",
-              m && "bg-primary/10",
-              !n && r && "cursor-pointer hover:bg-muted"
+              g && "bg-primary/10",
+              !i && t && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => !n && (r == null ? void 0 : r(d.time)),
-            role: !n && r ? "button" : void 0,
-            tabIndex: !n && r ? 0 : void 0,
-            onKeyDown: !n && r ? (g) => {
-              (g.key === "Enter" || g.key === " ") && (g.preventDefault(), r(d.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 ? (p) => {
+              (p.key === "Enter" || p.key === " ") && (p.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",
-                    m ? "text-primary font-medium" : "text-muted-foreground"
+                    g ? "text-primary font-medium" : "text-muted-foreground"
                   ),
-                  children: D(Math.floor(d.time))
+                  children: C(Math.floor(d.time))
                 }
               ),
               /* @__PURE__ */ f("div", { className: "min-w-0", children: [
@@ -79,7 +142,7 @@ const ie = ({
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: m ? "text-foreground" : "text-muted-foreground",
+                    className: g ? "text-foreground" : "text-muted-foreground",
                     children: d.text
                   }
                 )
@@ -91,40 +154,40 @@ const ie = ({
       })
     }
   );
-}, ne = ({
-  chapters: t,
-  currentTime: a = 0,
-  onSeek: r,
-  className: n,
+}, ve = ({
+  chapters: a,
+  currentTime: r = 0,
+  onSeek: t,
+  className: i,
   style: o
 }) => {
-  const c = I(
-    () => t.reduce((s, i, u) => i.time <= a ? u : s, -1),
-    [t, a]
+  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",
-        n
+        i
       ),
       style: o,
-      children: t.map((s, i) => {
-        const u = i === c;
+      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",
               u && "bg-primary/10",
-              r && "cursor-pointer hover:bg-muted"
+              t && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => r == null ? void 0 : r(s.time),
-            role: r ? "button" : void 0,
-            tabIndex: r ? 0 : void 0,
-            onKeyDown: r ? (x) => {
-              (x.key === "Enter" || x.key === " ") && (x.preventDefault(), r(s.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: [
               s.thumbnail ? /* @__PURE__ */ f(
@@ -148,18 +211,18 @@ const ie = ({
               ) : /* @__PURE__ */ e(
                 "div",
                 {
-                  className: l(
+                  className: c(
                     "flex shrink-0 items-center justify-center size-8 rounded-full",
                     u ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
                   ),
-                  children: /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: i + 1 })
+                  children: /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: n + 1 })
                 }
               ),
               /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: l(
+                    className: c(
                       "truncate text-sm font-medium",
                       u ? "text-primary" : "text-foreground"
                     ),
@@ -167,8 +230,8 @@ const ie = ({
                   }
                 ),
                 /* @__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: D(Math.floor(s.time)) }),
-                  s.duration != null && s.duration > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z(s.duration) })
+                  /* @__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) })
                 ] })
               ] })
             ]
@@ -178,144 +241,144 @@ const ie = ({
       })
     }
   );
-}, le = ({
-  poster: t,
-  title: a,
-  duration: r,
-  progress: n,
+}, he = ({
+  poster: a,
+  title: r,
+  duration: t,
+  progress: i,
   onClick: o,
-  className: c,
+  className: l,
   style: s
 }) => /* @__PURE__ */ f(
   "div",
   {
-    className: l(
+    className: c(
       "group overflow-hidden rounded-lg border border-border transition-colors",
       o && "cursor-pointer hover:border-primary/50 hover:shadow-sm",
-      c
+      l
     ),
     style: s,
     onClick: o,
     role: o ? "button" : void 0,
     tabIndex: o ? 0 : void 0,
-    onKeyDown: o ? (i) => {
-      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), o());
+    onKeyDown: o ? (n) => {
+      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o());
     } : void 0,
     children: [
       /* @__PURE__ */ f("div", { className: "relative overflow-hidden", style: { aspectRatio: "16/9" }, children: [
-        t ? /* @__PURE__ */ e(
+        a ? /* @__PURE__ */ e(
           "img",
           {
-            src: t,
-            alt: a,
+            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(E, { size: 32, className: "text-muted-foreground" }) }),
+        ) : /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center bg-muted", children: /* @__PURE__ */ e(_, { 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(N, { size: 20, className: "ml-0.5 text-white" }) }) }),
-        r != null && r > 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: z(r) })
+        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: a }) }),
-      n != null && n >= 0 && /* @__PURE__ */ e("div", { className: "px-3 pb-3", children: /* @__PURE__ */ e(
-        P,
+      /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e("h4", { className: "truncate text-sm font-medium text-foreground", children: r }) }),
+      i != null && i >= 0 && /* @__PURE__ */ e("div", { className: "px-3 pb-3", children: /* @__PURE__ */ e(
+        E,
         {
-          value: n,
+          value: i,
           size: "sm",
-          variant: n >= 100 ? "success" : "default"
+          variant: i >= 100 ? "success" : "default"
         }
       ) })
     ]
   }
-), oe = k(function({
-  bookmark: a,
-  onSeek: r,
-  onDelete: n,
+), Ne = T(function({
+  bookmark: r,
+  onSeek: t,
+  onDelete: i,
   onEdit: o,
-  className: c,
+  className: l,
   style: s
 }) {
   return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: c(
         "flex items-start gap-3 rounded-md border border-border p-3",
-        c
+        l
       ),
       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(L, { size: 16 }) }),
+        /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center size-8 rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ e(O, { size: 16 }) }),
         /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: l(
+              className: c(
                 "font-mono text-xs font-medium tabular-nums",
-                r ? "cursor-pointer text-primary hover:underline" : "text-muted-foreground"
+                t ? "cursor-pointer text-primary hover:underline" : "text-muted-foreground"
               ),
-              onClick: () => r == null ? void 0 : r(a.time),
-              disabled: !r,
-              children: D(Math.floor(a.time))
+              onClick: () => t == null ? void 0 : t(r.time),
+              disabled: !t,
+              children: C(Math.floor(r.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() })
+          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 || n) && /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center gap-1", children: [
+        (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(a.id),
-              children: /* @__PURE__ */ e(Q, { size: 14 })
+              onClick: () => o(r.id),
+              children: /* @__PURE__ */ e(q, { size: 14 })
             }
           ),
-          n && /* @__PURE__ */ e(
+          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: () => n(a.id),
-              children: /* @__PURE__ */ e($, { size: 14 })
+              onClick: () => i(r.id),
+              children: /* @__PURE__ */ e(X, { size: 14 })
             }
           )
         ] })
       ]
     }
   );
-}), de = k(function({
-  thumbnail: a,
-  title: r,
-  duration: n,
+}), ye = T(function({
+  thumbnail: r,
+  title: t,
+  duration: i,
   status: o = "unwatched",
-  isActive: c = !1,
+  isActive: l = !1,
   index: s,
-  onClick: i,
+  onClick: n,
   className: u,
-  style: x
+  style: m
 }) {
   return /* @__PURE__ */ f(
     "div",
     {
-      className: l(
+      className: c(
         "flex items-center gap-3 rounded-md px-3 py-2 transition-colors",
-        c && "bg-primary/10",
-        i && "cursor-pointer hover:bg-muted",
+        l && "bg-primary/10",
+        n && "cursor-pointer hover:bg-muted",
         u
       ),
-      style: x,
-      onClick: i,
-      role: i ? "button" : void 0,
-      tabIndex: i ? 0 : void 0,
-      onKeyDown: i ? (d) => {
-        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i());
+      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(K, { size: 18 }) }) : c ? /* @__PURE__ */ e("span", { className: "text-primary", children: /* @__PURE__ */ e(N, { 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(q, { size: 16 }) }) }),
-        a && /* @__PURE__ */ f(
+        /* @__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(R, { size: 18 }) }) : l ? /* @__PURE__ */ e("span", { className: "text-primary", children: /* @__PURE__ */ e(N, { 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(Z, { size: 16 }) }) }),
+        r && /* @__PURE__ */ f(
           "div",
           {
             className: "relative shrink-0 w-16 overflow-hidden rounded",
@@ -324,16 +387,16 @@ const ie = ({
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: a,
-                  alt: r,
+                  src: r,
+                  alt: t,
                   loading: "lazy",
-                  className: l(
+                  className: c(
                     "size-full object-cover",
                     o === "completed" && "opacity-60"
                   )
                 }
               ),
-              c && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(N, { size: 12, className: "ml-px text-white" }) })
+              l && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ e(N, { size: 12, className: "ml-px text-white" }) })
             ]
           }
         ),
@@ -341,390 +404,383 @@ const ie = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: l(
+              className: c(
                 "truncate text-sm",
-                c ? "font-medium text-primary" : "text-foreground",
-                o === "completed" && !c && "text-muted-foreground"
+                l ? "font-medium text-primary" : "text-foreground",
+                o === "completed" && !l && "text-muted-foreground"
               ),
-              children: r
+              children: t
             }
           ),
-          n != null && n > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z(n) })
+          i != null && i > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: D(i) })
         ] })
       ]
     }
   );
 });
-function ee(t) {
-  return t.startsWith("image/") ? W : t.startsWith("video/") ? J : t.startsWith("audio/") ? X : t === "application/pdf" ? Z : t === "application/zip" || t === "application/x-rar-compressed" || t === "application/gzip" ? Y : _;
-}
-function ce({
-  files: t,
-  onDownload: a,
-  onRemove: r,
-  readOnly: n = !0,
-  className: o,
-  style: c
-}) {
-  return t.length === 0 ? null : /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1", o), style: c, children: t.map((s, i) => {
-    const u = ee(s.type);
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        className: "flex items-center gap-3 rounded-md px-2 py-1.5 hover:bg-muted/50 transition-colors",
-        children: [
-          /* @__PURE__ */ e("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ e(u, { size: 18 }) }),
-          /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e("span", { className: "text-sm text-foreground block truncate", children: s.name }),
-            /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: H(s.size) })
-          ] }),
-          a && s.url && /* @__PURE__ */ e(
-            A,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: "shrink-0 h-7 w-7 p-0",
-              onClick: () => a(s),
-              children: /* @__PURE__ */ e(G, { size: 14 })
-            }
-          ),
-          !n && r && /* @__PURE__ */ e(
-            A,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: "shrink-0 h-7 w-7 p-0 text-muted-foreground hover:text-destructive",
-              onClick: () => r(s),
-              children: /* @__PURE__ */ e(U, { size: 14 })
-            }
-          )
-        ]
-      },
-      `${s.name}-${i}`
-    );
-  }) });
-}
-function ue({
-  durationSeconds: t,
-  warningThresholdSeconds: a = 60,
-  onExpire: r,
-  onWarning: n,
+function we({
+  durationSeconds: a,
+  warningThresholdSeconds: r = 60,
+  onExpire: t,
+  onWarning: i,
   autoStart: o = !1
 }) {
-  const [c, s] = S(t), i = h(o ? "running" : "idle"), u = h(null), x = h(r), d = h(n), p = h(!1);
-  x.current = r, d.current = n;
-  const m = b(() => {
+  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 g = x(() => {
     u.current != null && (clearInterval(u.current), u.current = null);
-  }, []), g = b(() => {
-    m(), u.current = setInterval(() => {
+  }, []), p = x(() => {
+    g(), u.current = setInterval(() => {
       s((w) => {
-        var C, T;
-        const v = w - 1;
-        return !p.current && v <= a && v > 0 && (p.current = !0, (C = d.current) == null || C.call(d)), v <= 0 ? (m(), i.current = "expired", (T = x.current) == null || T.call(x), 0) : v;
+        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 ? (g(), n.current = "expired", (I = m.current) == null || I.call(m), 0) : h;
       });
     }, 1e3);
-  }, [m, a]), F = b(() => {
-    s(t), p.current = !1, i.current = "running", g();
-  }, [t, g]), B = b(() => {
-    i.current === "running" && (m(), i.current = "paused", s((w) => w));
-  }, [m]), R = b(() => {
-    i.current === "paused" && (i.current = "running", g());
-  }, [g]), V = b(() => {
-    m(), i.current = "idle", p.current = !1, s(t);
-  }, [m, t]);
-  j(() => (o && g(), m), []);
-  const y = i.current;
+  }, [g, r]), j = x(() => {
+    s(a), b.current = !1, n.current = "running", p();
+  }, [a, p]), M = x(() => {
+    n.current === "running" && (g(), n.current = "paused", s((w) => w));
+  }, [g]), k = x(() => {
+    n.current === "paused" && (n.current = "running", p());
+  }, [p]), L = x(() => {
+    g(), n.current = "idle", b.current = !1, s(a);
+  }, [g, a]);
+  z(() => (o && p(), g), [o, p, g]);
+  const y = n.current;
   return {
-    timeRemaining: c,
+    timeRemaining: l,
     isRunning: y === "running",
     isPaused: y === "paused",
     isExpired: y === "expired",
-    isWarning: c <= a && c > 0,
-    start: F,
-    pause: B,
-    resume: R,
-    reset: V
+    isWarning: l <= r && l > 0,
+    start: j,
+    pause: M,
+    resume: k,
+    reset: L
   };
 }
-function me({
-  steps: t,
-  currentStep: a,
-  orientation: r = "horizontal",
-  variant: n = "default",
+function Ce({
+  children: a,
+  colorMode: r = "dark",
+  licenseKey: t,
+  validateUrl: i,
   className: o,
-  style: c
+  style: l
 }) {
-  const s = r === "horizontal", i = n === "compact", u = i ? "w-6 h-6 text-xs" : "w-8 h-8 text-sm", x = i ? 12 : 16;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(F, { licenseKey: t, validateUrl: i, children: /* @__PURE__ */ e(
     "div",
     {
-      className: l(
-        "flex",
-        s ? "flex-row items-start" : "flex-col",
-        o
-      ),
-      style: c,
-      children: t.map((d, p) => {
-        const m = p < a, g = p === a;
-        return /* @__PURE__ */ f("div", { className: l("flex", s ? "flex-1 flex-row items-start" : "flex-row items-start"), children: [
-          /* @__PURE__ */ f("div", { className: l("flex", s ? "flex-col items-center" : "flex-row items-start gap-3"), children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: l(
-                  "rounded-full flex items-center justify-center shrink-0 font-semibold transition-colors",
-                  u,
-                  m && "bg-primary text-primary-foreground",
-                  g && "border-2 border-primary bg-primary/10 text-primary",
-                  !m && !g && "border-2 border-border bg-muted text-muted-foreground"
-                ),
-                children: m ? /* @__PURE__ */ e(O, { size: x }) : /* @__PURE__ */ e("span", { children: p + 1 })
-              }
-            ),
-            /* @__PURE__ */ f("div", { className: l(s ? "mt-1.5 text-center" : "pt-0.5"), children: [
-              /* @__PURE__ */ e(
-                "p",
-                {
-                  className: l(
-                    "text-sm font-medium leading-tight",
-                    g ? "text-foreground" : "text-muted-foreground"
-                  ),
-                  children: d.label
-                }
-              ),
-              !i && d.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-0.5", children: d.description })
-            ] })
-          ] }),
-          p < t.length - 1 && (s ? /* @__PURE__ */ e(
-            "div",
-            {
-              className: l(
-                "flex-1 h-0.5 self-center mt-0 mx-2",
-                i ? "mt-3" : "mt-4",
-                m ? "bg-primary" : "bg-border"
-              )
-            }
-          ) : /* @__PURE__ */ e(
-            "div",
-            {
-              className: l(
-                "w-0.5 h-6 ml-3.5",
-                i && "ml-2.5",
-                m ? "bg-primary" : "bg-border"
-              )
-            }
-          ))
-        ] }, p);
-      })
+      className: `hydra-root${r === "dark" ? " dark" : ""}${o ? ` ${o}` : ""}`,
+      style: l,
+      children: a
     }
-  );
+  ) });
 }
-function fe({
-  children: t,
-  colorMode: a = "dark",
-  className: r,
-  style: n
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: `hydra-root${a === "dark" ? " dark" : ""}${r ? ` ${r}` : ""}`,
-      style: n,
-      children: t
-    }
-  );
-}
-function xe({ className: t, ...a }) {
+function De({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "textarea",
     {
       "data-slot": "textarea",
-      className: l(
+      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",
-        t
+        a
       ),
-      ...a
+      ...r
     }
   );
 }
-function pe({
-  className: t,
-  ...a
+function Te({
+  className: a,
+  ...r
 }) {
   return /* @__PURE__ */ e(
     "span",
     {
       "data-slot": "avatar",
-      className: l(
+      className: c(
         "relative flex size-9 shrink-0 overflow-hidden rounded-full",
-        t
+        a
       ),
-      ...a
+      ...r
     }
   );
 }
-function ge({
-  className: t,
-  onError: a,
-  ...r
+function ze({
+  className: a,
+  onError: r,
+  ...t
 }) {
   return /* @__PURE__ */ e(
     "img",
     {
       "data-slot": "avatar-image",
-      className: l("aspect-square size-full object-cover", t),
-      onError: a,
-      ...r
+      className: c("aspect-square size-full object-cover", a),
+      onError: r,
+      ...t
     }
   );
 }
-function he({
-  className: t,
-  ...a
+function Ae({
+  className: a,
+  ...r
 }) {
   return /* @__PURE__ */ e(
     "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",
-        t
+        a
       ),
-      ...a
+      ...r
     }
   );
 }
-function be({ className: t, ...a }) {
-  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"
+    }
+  }
+), V = Q(null), se = {
+  success: R,
+  error: W,
+  warning: Y,
+  info: J
+};
+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", t),
-      ...a
+      "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(S, { 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(V.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 = H(V);
+  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);
+}
+const de = /* @__PURE__ */ new Set([
+  "ContentAuthoringStudio"
+]);
+function Re(a) {
+  return de.has(a);
+}
 export {
-  ye as AchievementBadge,
-  we as ActivityTimeline,
-  De as Alert,
-  ze as AlertDescription,
-  Ce as AlertDialog,
-  Te as AlertDialogAction,
-  Ae as AlertDialogBackdrop,
-  Ie as AlertDialogCancel,
-  je as AlertDialogContent,
-  ke as AlertDialogDescription,
-  Fe as AlertDialogFooter,
-  Be as AlertDialogHeader,
-  Re as AlertDialogPortal,
-  Ve as AlertDialogTitle,
-  Pe as AlertDialogTrigger,
-  He as AlertTitle,
-  Me as AssessmentToolbar,
-  ce as AttachmentList,
-  pe as Avatar,
-  he as AvatarFallback,
-  ge as AvatarImage,
-  Ee as Badge,
-  A as Button,
-  Le as Card,
-  Qe as CardAction,
-  $e as CardContent,
-  Ke as CardDescription,
-  qe as CardFooter,
-  Ge as CardHeader,
-  Ue as CardTitle,
-  We as Choice,
-  Je as ConfirmDialog,
-  Xe as ContentBlock,
-  Ze as CurriculumItemRow,
-  Ye as CurriculumTree,
-  _e as Drawer,
-  Oe as DrawerBackdrop,
-  Se as DrawerBody,
-  et as DrawerClose,
-  tt as DrawerContent,
-  rt as DrawerDescription,
-  at as DrawerFooter,
-  st as DrawerHeader,
-  it as DrawerNav,
-  nt as DrawerNavItem,
-  lt as DrawerPortal,
-  ot as DrawerTitle,
-  dt as DrawerTrigger,
-  ct as DrawerViewport,
-  ut as DueDateDisplay,
-  mt as EmptyState,
-  ft as Essay,
-  xt as FeedbackBanner,
-  pt as FileUploadZone,
-  gt as FillInTheBlank,
-  ht as Flashcard,
-  bt as FlashcardDeck,
-  vt as GradeIndicator,
-  Nt as Hotspot,
-  fe as HydraProvider,
-  yt as InlineChoice,
-  wt as Input,
-  Dt as LearningObjectIcon,
-  zt as LikertScale,
-  Ct as Matching,
-  Tt as MultipleChoice,
-  At as Numeric,
-  It as Ordering,
-  jt as PostCard,
-  P as Progress,
-  kt as ProgressRing,
-  Ft as QuestionHeaderBar,
-  Bt as QuestionMaterialsDrawer,
-  Rt as QuestionNavigator,
-  Vt as QuestionRenderer,
-  Pt as RichTextEditor,
-  Ht as Scenario,
-  Mt as SearchInput,
-  Et as Separator,
-  be as Skeleton,
-  Lt as Spreadsheet,
-  Qt as StarRating,
-  $t as StatCard,
-  Kt as StatusBadge,
-  me as Stepper,
-  qt as StreakBadge,
-  Gt as Table,
-  Ut as TableBody,
-  Wt as TableCaption,
-  Jt as TableCell,
-  Xt as TableFooter,
-  Zt as TableHead,
-  Yt as TableHeader,
-  _t as TableRow,
-  Ot as Tabs,
-  St as TabsContent,
-  er as TabsList,
-  tr as TabsTrigger,
-  xe as Textarea,
-  rr as TimerDisplay,
-  ar as Tooltip,
-  sr as TooltipContent,
-  ir as TooltipTrigger,
-  nr as TrueFalse,
-  lr as UserAvatar,
-  oe as VideoBookmark,
-  ne as VideoChapterList,
-  or as VideoPlayer,
-  de as VideoPlaylistItem,
-  le as VideoThumbnailCard,
-  ie as VideoTranscript,
-  dr as alertVariants,
-  cr as badgeVariants,
-  ur as buttonVariants,
-  l as cn,
-  mr as drawerContentVariants,
-  fr as progressVariants,
-  xr as scoreQuestion,
-  pr as scoreScenarioSubQuestions,
-  ue as useCountdown
+  Me as AchievementBadge,
+  ke as ActivityTimeline,
+  Le as Alert,
+  Ee as AlertDescription,
+  Fe as AlertDialog,
+  He as AlertDialogAction,
+  Qe as AlertDialogBackdrop,
+  $e as AlertDialogCancel,
+  Ge as AlertDialogContent,
+  Ke as AlertDialogDescription,
+  Ue as AlertDialogFooter,
+  _e as AlertDialogHeader,
+  Oe as AlertDialogPortal,
+  qe as AlertDialogTitle,
+  Xe as AlertDialogTrigger,
+  Ze as AlertTitle,
+  Je as AssessmentToolbar,
+  Ye as AttachmentList,
+  We as AudioPlayer,
+  Te as Avatar,
+  Ae as AvatarFallback,
+  ze as AvatarImage,
+  Se as Badge,
+  ea as Button,
+  aa as Card,
+  ta as CardAction,
+  ra as CardContent,
+  sa as CardDescription,
+  ia as CardFooter,
+  na as CardHeader,
+  oa as CardTitle,
+  la as Choice,
+  da as CodeBlock,
+  be as ConfidenceIndicator,
+  ca as ConfirmDialog,
+  ua as ContentBlock,
+  ma as CourseCard,
+  fa as CurriculumItemRow,
+  ga as CurriculumTree,
+  pa as Drawer,
+  ba as DrawerBackdrop,
+  xa as DrawerBody,
+  va as DrawerClose,
+  ha as DrawerContent,
+  Na as DrawerDescription,
+  ya as DrawerFooter,
+  wa as DrawerHeader,
+  Ca as DrawerNav,
+  Da as DrawerNavItem,
+  Ta as DrawerPortal,
+  za as DrawerTitle,
+  Aa as DrawerTrigger,
+  Ia as DrawerViewport,
+  Pa as DueDateDisplay,
+  Ba as EmbedBlock,
+  Ra as EmptyState,
+  Va as Essay,
+  ja as FeedbackBanner,
+  Ma as FileUploadZone,
+  ka as FillInTheBlank,
+  La as Flashcard,
+  Ea as FlashcardDeck,
+  Fa as GradeIndicator,
+  Ha as Hotspot,
+  Qa as HydraLicenseContext,
+  F as HydraLicenseProvider,
+  Ce as HydraProvider,
+  $a as InlineChoice,
+  Ga as Input,
+  Ka as LearningObjectIcon,
+  Ua as LikertScale,
+  _a as Matching,
+  Oa as MultipleChoice,
+  qa as Numeric,
+  Xa as Ordering,
+  le as PRO_MODULES,
+  de as PRO_SECTIONS,
+  Za as Pagination,
+  Ja as PostCard,
+  Ya as ProBadge,
+  E as Progress,
+  Wa as ProgressRing,
+  Sa as QuestionHeaderBar,
+  et as QuestionMaterialsDrawer,
+  at as QuestionNavigator,
+  tt as QuestionRenderer,
+  rt as RichTextEditor,
+  st as Scenario,
+  it as SearchInput,
+  nt as Separator,
+  ot as Skeleton,
+  lt as Spreadsheet,
+  dt as StarRating,
+  ct as StatCard,
+  ut as StatusBadge,
+  mt as Stepper,
+  ft as StreakBadge,
+  gt as Table,
+  pt as TableBody,
+  bt as TableCaption,
+  xt as TableCell,
+  vt as TableFooter,
+  ht as TableHead,
+  Nt as TableHeader,
+  yt as TableRow,
+  wt as Tabs,
+  Ct as TabsContent,
+  Dt as TabsList,
+  Tt as TabsTrigger,
+  De as Textarea,
+  zt as TimerDisplay,
+  oe as ToastProvider,
+  Pe as Toaster,
+  At as Tooltip,
+  It as TooltipContent,
+  Pt as TooltipTrigger,
+  Bt as TrueFalse,
+  Rt as UserAvatar,
+  Ne as VideoBookmark,
+  ve as VideoChapterList,
+  Vt as VideoPlayer,
+  ye as VideoPlaylistItem,
+  he as VideoThumbnailCard,
+  xe as VideoTranscript,
+  jt as alertVariants,
+  Mt as badgeVariants,
+  kt as buttonVariants,
+  c as cn,
+  Lt as drawerContentVariants,
+  Be as isProModule,
+  Re as isProSection,
+  Et as progressVariants,
+  Ft as scoreQuestion,
+  Ht as scoreScenarioSubQuestions,
+  re as toastVariants,
+  we as useCountdown,
+  Qt as useHydraLicense,
+  Ie as useToast,
+  $t as withProGate
 };