@hydralms/components 0.1.3 → 0.2.0

package/dist/index.js

@@ -1,123 +1,133 @@
-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 = ({
-  entries: a,
-  currentTime: r = 0,
-  onSeek: t,
-  readOnly: s = !1,
-  maxHeight: n = "400px",
+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,
+  maxHeight: o = "400px",
   className: c,
-  style: i
+  style: s
 }) => {
-  const m = v(null), d = v(null), b = a.reduce(
-    (u, x, f) => x.time <= r ? f : u,
-    -1
+  const i = h(null), u = h(null), x = I(
+    () => t.reduce((d, p, m) => p.time <= a ? m : d, -1),
+    [t, a]
   );
   return j(() => {
-    d.current && m.current && d.current.scrollIntoView({
+    u.current && i.current && u.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
-  }, [b]), a.length === 0 ? /* @__PURE__ */ o(
+  }, [x]), t.length === 0 ? /* @__PURE__ */ f(
     "div",
     {
       className: l(
         "flex flex-col items-center justify-center gap-2 rounded-md border border-border bg-muted p-6",
         c
       ),
-      style: i,
+      style: s,
       children: [
-        /* @__PURE__ */ e(y, { size: 20, className: "text-muted-foreground" }),
+        /* @__PURE__ */ e(M, { size: 20, className: "text-muted-foreground" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "No transcript available" })
       ]
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: m,
+      ref: i,
       className: l(
         "overflow-y-auto rounded-md border border-border",
         c
       ),
-      style: { maxHeight: n, ...i },
-      children: a.map((u, x) => {
-        const f = x === b;
-        return /* @__PURE__ */ o(
+      style: { maxHeight: o, ...s },
+      children: t.map((d, p) => {
+        const m = p === x;
+        return /* @__PURE__ */ f(
           "div",
           {
-            ref: f ? d : void 0,
+            ref: m ? u : void 0,
             className: l(
               "flex gap-3 px-3 py-2 text-sm transition-colors",
-              f && "bg-primary/10",
-              !s && t && "cursor-pointer hover:bg-muted"
+              m && "bg-primary/10",
+              !n && r && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => !s && (t == null ? void 0 : t(u.time)),
+            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));
+            } : void 0,
             children: [
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: l(
                     "shrink-0 font-mono text-xs tabular-nums pt-0.5",
-                    f ? "text-primary font-medium" : "text-muted-foreground"
+                    m ? "text-primary font-medium" : "text-muted-foreground"
                   ),
-                  children: g(Math.floor(u.time))
+                  children: D(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: m ? "text-foreground" : "text-muted-foreground",
+                    children: d.text
                   }
                 )
               ] })
             ]
           },
-          x
+          `${d.time}-${d.text.slice(0, 20)}`
         );
       })
     }
   );
-}, F = ({
-  chapters: a,
-  currentTime: r = 0,
-  onSeek: t,
-  className: s,
-  style: n
+}, ne = ({
+  chapters: t,
+  currentTime: a = 0,
+  onSeek: r,
+  className: n,
+  style: o
 }) => {
-  const c = a.reduce(
-    (i, m, d) => m.time <= r ? d : i,
-    -1
+  const c = I(
+    () => t.reduce((s, i, u) => i.time <= a ? u : s, -1),
+    [t, a]
   );
   return /* @__PURE__ */ e(
     "div",
     {
       className: l(
         "divide-y divide-border rounded-md border border-border",
-        s
+        n
       ),
-      style: n,
-      children: a.map((i, m) => {
-        const d = m === c;
-        return /* @__PURE__ */ o(
+      style: o,
+      children: t.map((s, i) => {
+        const u = i === c;
+        return /* @__PURE__ */ f(
           "div",
           {
             className: l(
               "flex items-center gap-3 p-3 transition-colors",
-              d && "bg-primary/10",
-              t && "cursor-pointer hover:bg-muted"
+              u && "bg-primary/10",
+              r && "cursor-pointer hover:bg-muted"
             ),
-            onClick: () => t == null ? void 0 : t(i.time),
+            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));
+            } : void 0,
             children: [
-              i.thumbnail ? /* @__PURE__ */ o(
+              s.thumbnail ? /* @__PURE__ */ f(
                 "div",
                 {
                   className: "relative shrink-0 w-16 overflow-hidden rounded",
@@ -126,12 +136,13 @@ 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(N, { size: 14, className: "ml-px text-white" }) })
                   ]
                 }
               ) : /* @__PURE__ */ e(
@@ -139,213 +150,408 @@ const B = ({
                 {
                   className: l(
                     "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: i + 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(
                       "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: D(Math.floor(s.time)) }),
+                  s.duration != null && s.duration > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z(s.duration) })
                 ] })
               ] })
             ]
           },
-          m
+          s.time
         );
       })
     }
   );
-}, P = ({
-  poster: a,
-  title: r,
-  duration: t,
-  progress: s,
-  onClick: n,
+}, le = ({
+  poster: t,
+  title: a,
+  duration: r,
+  progress: n,
+  onClick: o,
   className: c,
-  style: i
-}) => /* @__PURE__ */ o(
+  style: s
+}) => /* @__PURE__ */ f(
   "div",
   {
     className: l(
       "group overflow-hidden rounded-lg border border-border transition-colors",
-      n && "cursor-pointer hover:border-primary/50 hover:shadow-sm",
+      o && "cursor-pointer hover:border-primary/50 hover:shadow-sm",
       c
     ),
-    style: i,
-    onClick: n,
+    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());
+    } : void 0,
     children: [
-      /* @__PURE__ */ o("div", { className: "relative overflow-hidden", style: { aspectRatio: "16/9" }, children: [
-        a ? /* @__PURE__ */ e(
+      /* @__PURE__ */ f("div", { className: "relative overflow-hidden", style: { aspectRatio: "16/9" }, children: [
+        t ? /* @__PURE__ */ e(
           "img",
           {
-            src: a,
-            alt: r,
+            src: t,
+            alt: a,
+            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(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) })
       ] }),
-      /* @__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,
+      /* @__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,
         {
-          value: s,
+          value: n,
           size: "sm",
-          variant: s >= 100 ? "success" : "default"
+          variant: n >= 100 ? "success" : "default"
         }
       ) })
     ]
   }
-), H = ({
+), oe = k(function({
   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 = ({
+  onDelete: n,
+  onEdit: o,
+  className: c,
+  style: s
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: l(
+        "flex items-start gap-3 rounded-md border border-border p-3",
+        c
+      ),
+      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__ */ f("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: D(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() })
+        ] }),
+        (o || n) && /* @__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 })
+            }
+          ),
+          n && /* @__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 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), de = k(function({
   thumbnail: a,
   title: r,
-  duration: t,
-  status: s = "unwatched",
-  isActive: n = !1,
-  index: c,
+  duration: n,
+  status: o = "unwatched",
+  isActive: c = !1,
+  index: s,
   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" }) })
-          ]
-        }
+  className: u,
+  style: x
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: l(
+        "flex items-center gap-3 rounded-md px-3 py-2 transition-colors",
+        c && "bg-primary/10",
+        i && "cursor-pointer hover:bg-muted",
+        u
       ),
-      /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ e(
+      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());
+      } : 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(
           "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: a,
+                  alt: r,
+                  loading: "lazy",
+                  className: l(
+                    "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" }) })
+            ]
           }
         ),
-        t != null && t > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: h(t) })
-      ] })
-    ]
-  }
-);
-function M({
-  children: a,
-  colorMode: r = "dark",
-  className: t,
-  style: s
+        /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: l(
+                "truncate text-sm",
+                c ? "font-medium text-primary" : "text-foreground",
+                o === "completed" && !c && "text-muted-foreground"
+              ),
+              children: r
+            }
+          ),
+          n != null && n > 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z(n) })
+        ] })
+      ]
+    }
+  );
+});
+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,
+  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(() => {
+    u.current != null && (clearInterval(u.current), u.current = null);
+  }, []), g = b(() => {
+    m(), 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;
+      });
+    }, 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;
+  return {
+    timeRemaining: c,
+    isRunning: y === "running",
+    isPaused: y === "paused",
+    isExpired: y === "expired",
+    isWarning: c <= a && c > 0,
+    start: F,
+    pause: B,
+    resume: R,
+    reset: V
+  };
+}
+function me({
+  steps: t,
+  currentStep: a,
+  orientation: r = "horizontal",
+  variant: n = "default",
+  className: o,
+  style: c
+}) {
+  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(
     "div",
     {
-      className: `hydra-root${r === "dark" ? " dark" : ""}${t ? ` ${t}` : ""}`,
-      style: s,
-      children: a
+      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);
+      })
     }
   );
 }
-function $({
-  className: a,
-  ...r
+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 }) {
+  return /* @__PURE__ */ e(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: l(
+        "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
+    }
+  );
+}
+function pe({
+  className: t,
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "span",
@@ -353,30 +559,30 @@ function $({
       "data-slot": "avatar",
       className: l(
         "relative flex size-9 shrink-0 overflow-hidden rounded-full",
-        a
+        t
       ),
-      ...r
+      ...a
     }
   );
 }
-function E({
-  className: a,
-  onError: r,
-  ...t
+function ge({
+  className: t,
+  onError: a,
+  ...r
 }) {
   return /* @__PURE__ */ e(
     "img",
     {
       "data-slot": "avatar-image",
-      className: l("aspect-square size-full object-cover", a),
-      onError: r,
-      ...t
+      className: l("aspect-square size-full object-cover", t),
+      onError: a,
+      ...r
     }
   );
 }
-function Q({
-  className: a,
-  ...r
+function he({
+  className: t,
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "span",
@@ -384,108 +590,141 @@ function Q({
       "data-slot": "avatar-fallback",
       className: l(
         "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-xs font-medium",
-        a
+        t
       ),
-      ...r
+      ...a
     }
   );
 }
-function U({ className: a, ...r }) {
+function be({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "skeleton",
-      className: l("bg-muted animate-pulse rounded-md", a),
-      ...r
+      className: l("bg-muted animate-pulse rounded-md", t),
+      ...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,
+  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,
-  ma as progressVariants
+  mr as drawerContentVariants,
+  fr as progressVariants,
+  xr as scoreQuestion,
+  pr as scoreScenarioSubQuestions,
+  ue as useCountdown
 };