@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/composed/file-preview.js

@@ -1,71 +1,71 @@
 "use client";
 import { jsx as e, jsxs as d, Fragment as G } from "react/jsx-runtime";
 import * as n from "react";
-import { cn as R } from "../ui/lib/utils.js";
+import { cn as z } from "../ui/lib/utils.js";
 import { tweens as B, springs as Y } from "../ui/lib/motion.js";
 import { Skeleton as V } from "../ui/skeleton.js";
 import { Button as L } from "../ui/button.js";
-import { Badge as J } from "../ui/badge.js";
-import { IconZoomOut as Q, IconZoomIn as ee, IconZoomReset as te, IconMinimize as ne, IconMaximize as O, IconChevronLeft as ae, IconChevronRight as re, IconAlertTriangle as se, IconDownload as W, IconPlayerPlay as K, IconPlayerPause as _, IconVolumeOff as oe, IconVolume as ie } from "@tabler/icons-react";
-import { m as E, A as H } from "../_chunks/framer.js";
-function ce(a, o) {
-  var r;
-  if (o) {
-    if (o.startsWith("image/")) return "image";
-    if (o === "application/pdf") return "pdf";
-    if (o.startsWith("video/")) return "video";
-    if (o.startsWith("audio/")) return "audio";
+import { Icon as w } from "../ui/icon.js";
+import { B as J } from "../_chunks/badge-group.js";
+import { IconZoomOut as Q, IconZoomIn as ee, IconZoomReset as te, IconMinimize as ne, IconMaximize as O, IconChevronLeft as re, IconChevronRight as ae, IconAlertTriangle as oe, IconDownload as W, IconPlayerPlay as K, IconPlayerPause as _, IconVolumeOff as se, IconVolume as ie } from "@tabler/icons-react";
+import { m as A, A as H } from "../_chunks/framer.js";
+function ce(r, s) {
+  if (s) {
+    if (s.startsWith("image/")) return "image";
+    if (s === "application/pdf") return "pdf";
+    if (s.startsWith("video/")) return "video";
+    if (s.startsWith("audio/")) return "audio";
   }
-  const t = (r = a.split("?")[0].split(".").pop()) == null ? void 0 : r.toLowerCase();
-  return ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif", "bmp"].includes(t ?? "") ? "image" : t === "pdf" ? "pdf" : ["mp4", "webm", "ogg", "mov"].includes(t ?? "") ? "video" : ["mp3", "wav", "ogg", "aac", "flac"].includes(t ?? "") ? "audio" : a.includes("figma.com") || a.includes("loom.com") || a.includes("youtube.com") || a.includes("youtu.be") || a.includes("vimeo.com") ? "embed" : "image";
+  const t = r.split("?")[0].split(".").pop()?.toLowerCase();
+  return ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif", "bmp"].includes(t ?? "") ? "image" : t === "pdf" ? "pdf" : ["mp4", "webm", "ogg", "mov"].includes(t ?? "") ? "video" : ["mp3", "wav", "ogg", "aac", "flac"].includes(t ?? "") ? "audio" : r.includes("figma.com") || r.includes("loom.com") || r.includes("youtube.com") || r.includes("youtu.be") || r.includes("vimeo.com") ? "embed" : "image";
 }
-function le(a) {
-  const o = a.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&?]+)/);
-  if (o) return `https://www.youtube.com/embed/${o[1]}`;
-  const t = a.match(/vimeo\.com\/(\d+)/);
+function le(r) {
+  const s = r.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&?]+)/);
+  if (s) return `https://www.youtube.com/embed/${s[1]}`;
+  const t = r.match(/vimeo\.com\/(\d+)/);
   if (t) return `https://player.vimeo.com/video/${t[1]}`;
-  if (a.includes("figma.com")) return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(a)}`;
-  const r = a.match(/loom\.com\/share\/([^?]+)/);
-  return r ? `https://www.loom.com/embed/${r[1]}` : a;
+  if (r.includes("figma.com")) return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(r)}`;
+  const a = r.match(/loom\.com\/share\/([^?]+)/);
+  return a ? `https://www.loom.com/embed/${a[1]}` : r;
 }
 function X({
-  volume: a,
-  muted: o,
+  volume: r,
+  muted: s,
   onVolumeChange: t,
-  onMuteToggle: r,
-  variant: m = "light"
+  onMuteToggle: a,
+  variant: v = "light"
 }) {
-  const h = n.useRef(null), [b, p] = n.useState(!1), v = o ? 0 : a;
-  function x(w) {
-    if (!h.current) return a;
-    const T = h.current.getBoundingClientRect();
-    return Math.max(0, Math.min(1, (w.clientX - T.left) / T.width));
+  const m = n.useRef(null), [b, h] = n.useState(!1), g = s ? 0 : r;
+  function y(x) {
+    if (!m.current) return r;
+    const E = m.current.getBoundingClientRect();
+    return Math.max(0, Math.min(1, (x.clientX - E.left) / E.width));
   }
-  function g(w) {
-    w.preventDefault(), p(!0);
-    const T = x(w);
-    t(T), w.target.setPointerCapture(w.pointerId);
+  function p(x) {
+    x.preventDefault(), h(!0);
+    const E = y(x);
+    t(E), x.target.setPointerCapture(x.pointerId);
   }
-  function y(w) {
-    b && t(x(w));
+  function k(x) {
+    b && t(y(x));
   }
-  function k() {
-    p(!1);
+  function N() {
+    h(!1);
   }
-  const f = m === "dark", I = f ? "bg-white/30" : "bg-surface-sunken", D = f ? "bg-white" : "bg-accent-9", P = f ? "bg-white" : "bg-accent-9";
+  const f = v === "dark", I = f ? "bg-white/30" : "bg-surface-sunken", D = f ? "bg-white" : "bg-accent-9", C = f ? "bg-white" : "bg-accent-9";
   return /* @__PURE__ */ d("div", { className: "group/vol flex items-center gap-ds-02 shrink-0", children: [
-    /* @__PURE__ */ e("button", { onClick: r, className: R("transition-colors", f ? "text-white hover:text-white/80" : "text-surface-fg-muted hover:text-surface-fg"), "aria-label": o ? "Unmute (M)" : "Mute (M)", children: o || a === 0 ? /* @__PURE__ */ e(oe, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(ie, { className: "h-ico-sm w-ico-sm" }) }),
+    /* @__PURE__ */ e("button", { onClick: a, className: z("transition-colors", f ? "text-white hover:text-white/80" : "text-surface-fg-muted hover:text-surface-fg"), "aria-label": s ? "Unmute (M)" : "Mute (M)", children: s || r === 0 ? /* @__PURE__ */ e(w, { icon: se, size: "sm" }) : /* @__PURE__ */ e(w, { icon: ie, size: "sm" }) }),
     /* @__PURE__ */ e("div", { className: "w-0 overflow-hidden group-hover/vol:w-20 transition-[width] duration-200 ease-productive-standard flex items-center", children: /* @__PURE__ */ d(
       "div",
       {
-        ref: h,
-        className: R("relative w-full h-1 rounded-full cursor-pointer", I),
-        onPointerDown: g,
-        onPointerMove: y,
-        onPointerUp: k,
+        ref: m,
+        className: z("relative w-full h-1 rounded-full cursor-pointer", I),
+        onPointerDown: p,
+        onPointerMove: k,
+        onPointerUp: N,
         role: "slider",
         "aria-label": "Volume",
-        "aria-valuenow": Math.round(v * 100),
+        "aria-valuenow": Math.round(g * 100),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         tabIndex: 0,
@@ -73,19 +73,19 @@ function X({
           /* @__PURE__ */ e(
             "div",
             {
-              className: R("absolute left-0 top-0 h-full rounded-full transition-[width] duration-75", D),
-              style: { width: `${v * 100}%` }
+              className: z("absolute left-0 top-0 h-full rounded-full transition-[width] duration-75", D),
+              style: { width: `${g * 100}%` }
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
-              className: R(
+              className: z(
                 "absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full shadow-raised transition-opacity",
-                P,
+                C,
                 b ? "opacity-100 scale-110" : "opacity-0 group-hover/vol:opacity-100"
               ),
-              style: { left: `${v * 100}%`, marginLeft: "-5px" }
+              style: { left: `${g * 100}%`, marginLeft: "-5px" }
             }
           )
         ]
@@ -93,33 +93,33 @@ function X({
     ) })
   ] });
 }
-function j(a) {
-  if (!isFinite(a) || a < 0) return "0:00";
-  const o = Math.floor(a / 3600), t = Math.floor(a % 3600 / 60), r = Math.floor(a % 60);
-  return o > 0 ? `${o}:${t.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${t}:${r.toString().padStart(2, "0")}`;
+function j(r) {
+  if (!isFinite(r) || r < 0) return "0:00";
+  const s = Math.floor(r / 3600), t = Math.floor(r % 3600 / 60), a = Math.floor(r % 60);
+  return s > 0 ? `${s}:${t.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}` : `${t}:${a.toString().padStart(2, "0")}`;
 }
-function $({ message: a, url: o }) {
+function $({ message: r, url: s }) {
   return /* @__PURE__ */ d("div", { className: "flex flex-col items-center justify-center gap-ds-04 rounded-ds-md border border-surface-border bg-surface-sunken p-ds-08 text-center", children: [
-    /* @__PURE__ */ e(se, { className: "h-8 w-8 text-warning-9" }),
+    /* @__PURE__ */ e(w, { icon: oe, size: "2xl", className: "text-warning-9" }),
     /* @__PURE__ */ d("div", { children: [
       /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold text-surface-fg", children: "Preview unavailable" }),
-      /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mt-ds-01", children: a })
+      /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mt-ds-01", children: r })
     ] }),
-    /* @__PURE__ */ e(L, { variant: "outline", size: "xs", startIcon: /* @__PURE__ */ e(W, { className: "h-3.5 w-3.5" }), asChild: !0, children: /* @__PURE__ */ e("a", { href: o, download: !0, target: "_blank", rel: "noopener noreferrer", children: "Download file" }) })
+    /* @__PURE__ */ e(L, { variant: "outline", size: "xs", startIcon: /* @__PURE__ */ e(w, { icon: W }), asChild: !0, children: /* @__PURE__ */ e("a", { href: s, download: !0, target: "_blank", rel: "noopener noreferrer", children: "Download file" }) })
   ] });
 }
-function q({ children: a, className: o }) {
+function q({ children: r, className: s }) {
   return /* @__PURE__ */ e(
-    E.div,
+    A.div,
     {
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       transition: B.fade,
-      className: R(
+      className: z(
         "flex items-center gap-ds-01 rounded-ds-md border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-sm",
-        o
+        s
       ),
-      children: a
+      children: r
     }
   );
 }
@@ -127,75 +127,75 @@ function Z() {
   return /* @__PURE__ */ e("div", { className: "mx-ds-01 h-4 w-px bg-surface-border-subtle" });
 }
 const ue = n.lazy(
-  () => import("react-zoom-pan-pinch").then((a) => ({
-    default: function({ url: t, alt: r, onError: m }) {
-      const { TransformWrapper: h, TransformComponent: b } = a, [p, v] = n.useState(!1), [x, g] = n.useState(!1), [y, k] = n.useState(100), [f, I] = n.useState(!1), D = n.useRef(null), [P, C] = n.useState(!1), w = n.useRef(null);
+  () => import("react-zoom-pan-pinch").then((r) => ({
+    default: function({ url: t, alt: a, onError: v }) {
+      const { TransformWrapper: m, TransformComponent: b } = r, [h, g] = n.useState(!1), [y, p] = n.useState(!1), [k, N] = n.useState(100), [f, I] = n.useState(!1), D = n.useRef(null), [C, T] = n.useState(!1), x = n.useRef(null);
       return n.useEffect(() => {
-        function u(i) {
-          const M = D.current;
-          if (!M || !M.contains(document.activeElement) && !P) return;
-          const S = w.current;
-          S && (i.key === "+" || i.key === "=" ? (i.preventDefault(), S.zoomIn()) : i.key === "-" ? (i.preventDefault(), S.zoomOut()) : i.key === "0" ? (i.preventDefault(), S.resetTransform()) : i.key === "f" || i.key === "F" ? (i.preventDefault(), I((s) => !s)) : i.key === "Escape" && f && (i.preventDefault(), I(!1)));
+        function u(o) {
+          const S = D.current;
+          if (!S || !S.contains(document.activeElement) && !C) return;
+          const P = x.current;
+          P && (o.key === "+" || o.key === "=" ? (o.preventDefault(), P.zoomIn()) : o.key === "-" ? (o.preventDefault(), P.zoomOut()) : o.key === "0" ? (o.preventDefault(), P.resetTransform()) : o.key === "f" || o.key === "F" ? (o.preventDefault(), I((i) => !i)) : o.key === "Escape" && f && (o.preventDefault(), I(!1)));
         }
         return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-      }, [P, f]), x ? /* @__PURE__ */ e($, { message: "Could not load image", url: t }) : /* @__PURE__ */ e(
+      }, [C, f]), y ? /* @__PURE__ */ e($, { message: "Could not load image", url: t }) : /* @__PURE__ */ e(
         "div",
         {
           ref: D,
           className: f ? "fixed inset-0 z-50 flex flex-col items-center justify-center bg-black/90 backdrop-blur-sm" : "relative flex flex-col items-center gap-ds-03",
-          onMouseEnter: () => C(!0),
-          onMouseLeave: () => C(!1),
+          onMouseEnter: () => T(!0),
+          onMouseLeave: () => T(!1),
           tabIndex: -1,
           children: /* @__PURE__ */ e(
-            h,
+            m,
             {
               initialScale: 1,
               minScale: 0.1,
               maxScale: 8,
               centerOnInit: !0,
               doubleClick: { mode: "toggle", step: 2 },
-              onTransformed: (u, i) => k(Math.round(i.scale * 100)),
-              children: ({ zoomIn: u, zoomOut: i, resetTransform: M, centerView: A }) => (w.current = { zoomIn: u, zoomOut: i, resetTransform: M, centerView: A }, /* @__PURE__ */ d(G, { children: [
-                /* @__PURE__ */ d("div", { className: R(
+              onTransformed: (u, o) => N(Math.round(o.scale * 100)),
+              children: ({ zoomIn: u, zoomOut: o, resetTransform: S, centerView: F }) => (x.current = { zoomIn: u, zoomOut: o, resetTransform: S, centerView: F }, /* @__PURE__ */ d(G, { children: [
+                /* @__PURE__ */ d("div", { className: z(
                   "overflow-hidden rounded-ds-md bg-surface-sunken",
                   f ? "flex-1 w-full" : "max-h-[70vh] max-w-full"
                 ), children: [
-                  !p && /* @__PURE__ */ e(V, { className: "h-64 w-full rounded-ds-md" }),
+                  !h && /* @__PURE__ */ e(V, { className: "h-64 w-full rounded-ds-md" }),
                   /* @__PURE__ */ e(
                     b,
                     {
-                      wrapperClass: R("!w-full", f && "!h-full"),
+                      wrapperClass: z("!w-full", f && "!h-full"),
                       contentClass: "!w-full !flex !items-center !justify-center",
                       children: /* @__PURE__ */ e(
-                        E.img,
+                        A.img,
                         {
                           src: t,
-                          alt: r ?? "",
-                          onLoad: () => v(!0),
+                          alt: a ?? "",
+                          onLoad: () => g(!0),
                           onError: () => {
-                            g(!0), m == null || m("Image failed to load");
+                            p(!0), v?.("Image failed to load");
                           },
                           initial: { opacity: 0 },
-                          animate: { opacity: p ? 1 : 0 },
+                          animate: { opacity: h ? 1 : 0 },
                           transition: B.fade,
-                          className: R("max-w-full select-none", !p && "hidden", f && "max-h-[90vh] object-contain"),
+                          className: z("max-w-full select-none", !h && "hidden", f && "max-h-[90vh] object-contain"),
                           draggable: !1
                         }
                       )
                     }
                   )
                 ] }),
-                p && /* @__PURE__ */ d(q, { className: f ? "absolute bottom-ds-06" : void 0, children: [
-                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => i(), "aria-label": "Zoom out (-)", children: /* @__PURE__ */ e(Q, { className: "h-ico-sm w-ico-sm" }) }),
+                h && /* @__PURE__ */ d(q, { className: f ? "absolute bottom-ds-06" : void 0, children: [
+                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => o(), "aria-label": "Zoom out (-)", children: /* @__PURE__ */ e(w, { icon: Q, size: "sm" }) }),
                   /* @__PURE__ */ d("span", { className: "text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none", children: [
-                    y,
+                    k,
                     "%"
                   ] }),
-                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => u(), "aria-label": "Zoom in (+)", children: /* @__PURE__ */ e(ee, { className: "h-ico-sm w-ico-sm" }) }),
+                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => u(), "aria-label": "Zoom in (+)", children: /* @__PURE__ */ e(w, { icon: ee, size: "sm" }) }),
                   /* @__PURE__ */ e(Z, {}),
-                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => M(), "aria-label": "Reset zoom (0)", children: /* @__PURE__ */ e(te, { className: "h-ico-sm w-ico-sm" }) }),
+                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => S(), "aria-label": "Reset zoom (0)", children: /* @__PURE__ */ e(w, { icon: te, size: "sm" }) }),
                   /* @__PURE__ */ e(Z, {}),
-                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => I((S) => !S), "aria-label": f ? "Exit fullscreen (Esc)" : "Fullscreen (F)", children: f ? /* @__PURE__ */ e(ne, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(O, { className: "h-ico-sm w-ico-sm" }) })
+                  /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => I((P) => !P), "aria-label": f ? "Exit fullscreen (Esc)" : "Fullscreen (F)", children: f ? /* @__PURE__ */ e(w, { icon: ne, size: "sm" }) : /* @__PURE__ */ e(w, { icon: O, size: "sm" }) })
                 ] })
               ] }))
             }
@@ -205,81 +205,81 @@ const ue = n.lazy(
     }
   }))
 ), de = n.lazy(
-  () => import("react-pdf").then((a) => ({
-    default: function({ url: t, initialPage: r, onError: m }) {
-      const { Document: h, Page: b, pdfjs: p } = a;
+  () => import("react-pdf").then((r) => ({
+    default: function({ url: t, initialPage: a, onError: v }) {
+      const { Document: m, Page: b, pdfjs: h } = r;
       n.useEffect(() => {
-        p.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${p.version}/build/pdf.worker.min.mjs`;
+        h.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${h.version}/build/pdf.worker.min.mjs`;
       }, []);
-      const [v, x] = n.useState(0), [g, y] = n.useState(r), [k, f] = n.useState(String(r)), [I, D] = n.useState(!1), P = n.useRef(null), [C, w] = n.useState(!1);
+      const [g, y] = n.useState(0), [p, k] = n.useState(a), [N, f] = n.useState(String(a)), [I, D] = n.useState(!1), C = n.useRef(null), [T, x] = n.useState(!1);
       n.useEffect(() => {
-        f(String(g));
-      }, [g]), n.useEffect(() => {
-        function u(i) {
-          const M = P.current;
-          !M || !M.contains(document.activeElement) && !C || (i.key === "ArrowRight" || i.key === "ArrowDown" ? (i.preventDefault(), y((S) => Math.min(v, S + 1))) : (i.key === "ArrowLeft" || i.key === "ArrowUp") && (i.preventDefault(), y((S) => Math.max(1, S - 1))));
+        f(String(p));
+      }, [p]), n.useEffect(() => {
+        function u(o) {
+          const S = C.current;
+          !S || !S.contains(document.activeElement) && !T || (o.key === "ArrowRight" || o.key === "ArrowDown" ? (o.preventDefault(), k((P) => Math.min(g, P + 1))) : (o.key === "ArrowLeft" || o.key === "ArrowUp") && (o.preventDefault(), k((P) => Math.max(1, P - 1))));
         }
         return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-      }, [v, C]);
-      function T(u) {
+      }, [g, T]);
+      function E(u) {
         if (u.key === "Enter") {
-          const i = parseInt(k, 10);
-          i >= 1 && i <= v ? y(i) : f(String(g));
+          const o = parseInt(N, 10);
+          o >= 1 && o <= g ? k(o) : f(String(p));
         }
       }
       return I ? /* @__PURE__ */ e($, { message: "Could not load PDF", url: t }) : /* @__PURE__ */ d(
         "div",
         {
-          ref: P,
+          ref: C,
           className: "flex flex-col items-center gap-ds-03",
-          onMouseEnter: () => w(!0),
-          onMouseLeave: () => w(!1),
+          onMouseEnter: () => x(!0),
+          onMouseLeave: () => x(!1),
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e("div", { className: "overflow-auto max-h-[70vh] rounded-ds-md bg-surface-sunken border border-surface-border", children: /* @__PURE__ */ e(
-              h,
+              m,
               {
                 file: t,
-                onLoadSuccess: ({ numPages: u }) => x(u),
+                onLoadSuccess: ({ numPages: u }) => y(u),
                 onLoadError: () => {
-                  D(!0), m == null || m("PDF failed to load");
+                  D(!0), v?.("PDF failed to load");
                 },
                 loading: /* @__PURE__ */ e(V, { className: "h-[500px] w-[400px]" }),
                 error: /* @__PURE__ */ e($, { message: "Failed to load PDF", url: t }),
                 children: /* @__PURE__ */ e(H, { mode: "wait", children: /* @__PURE__ */ e(
-                  E.div,
+                  A.div,
                   {
                     initial: { opacity: 0 },
                     animate: { opacity: 1 },
                     exit: { opacity: 0 },
                     transition: B.fade,
-                    children: /* @__PURE__ */ e(b, { pageNumber: g, renderTextLayer: !1, renderAnnotationLayer: !1 })
+                    children: /* @__PURE__ */ e(b, { pageNumber: p, renderTextLayer: !1, renderAnnotationLayer: !1 })
                   },
-                  g
+                  p
                 ) })
               }
             ) }),
-            v > 0 && /* @__PURE__ */ d(q, { children: [
-              /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => y((u) => Math.max(1, u - 1)), disabled: g <= 1, "aria-label": "Previous page (←)", children: /* @__PURE__ */ e(ae, { className: "h-ico-sm w-ico-sm" }) }),
+            g > 0 && /* @__PURE__ */ d(q, { children: [
+              /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => k((u) => Math.max(1, u - 1)), disabled: p <= 1, "aria-label": "Previous page (←)", children: /* @__PURE__ */ e(w, { icon: re, size: "sm" }) }),
               /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-01 text-ds-xs text-surface-fg-muted", children: [
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "text",
-                    value: k,
+                    value: N,
                     onChange: (u) => f(u.target.value),
-                    onKeyDown: T,
-                    onBlur: () => f(String(g)),
+                    onKeyDown: E,
+                    onBlur: () => f(String(p)),
                     className: "w-8 bg-transparent text-center font-mono text-surface-fg outline-none focus:bg-surface-raised-hover rounded-ds-sm",
                     "aria-label": "Page number"
                   }
                 ),
                 /* @__PURE__ */ d("span", { children: [
                   "/ ",
-                  v
+                  g
                 ] })
               ] }),
-              /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => y((u) => Math.min(v, u + 1)), disabled: g >= v, "aria-label": "Next page (→)", children: /* @__PURE__ */ e(re, { className: "h-ico-sm w-ico-sm" }) })
+              /* @__PURE__ */ e(L, { variant: "ghost", size: "icon-xs", onClick: () => k((u) => Math.min(g, u + 1)), disabled: p >= g, "aria-label": "Next page (→)", children: /* @__PURE__ */ e(w, { icon: ae, size: "sm" }) })
             ] })
           ]
         }
@@ -287,110 +287,106 @@ const ue = n.lazy(
     }
   }))
 ), U = [0.5, 0.75, 1, 1.25, 1.5, 2];
-function fe({ url: a, onError: o }) {
-  const t = n.useRef(null), r = n.useRef(null), [m, h] = n.useState(!1), [b, p] = n.useState(0), [v, x] = n.useState(0), [g, y] = n.useState(0), [k, f] = n.useState(!1), [I, D] = n.useState(!1), [P, C] = n.useState(!0), [w, T] = n.useState(1), u = n.useRef();
+function fe({ url: r, onError: s }) {
+  const t = n.useRef(null), a = n.useRef(null), [v, m] = n.useState(!1), [b, h] = n.useState(0), [g, y] = n.useState(0), [p, k] = n.useState(0), [N, f] = n.useState(!1), [I, D] = n.useState(!1), [C, T] = n.useState(!0), [x, E] = n.useState(1), u = n.useRef(void 0);
   n.useEffect(() => () => clearTimeout(u.current), []), n.useEffect(() => {
-    function s(c) {
-      var F;
-      const N = r.current;
-      if (!N || !N.contains(document.activeElement) && document.activeElement !== N) return;
-      const l = t.current;
-      if (l)
-        switch (c.key) {
+    function i(l) {
+      const M = a.current;
+      if (!M || !M.contains(document.activeElement) && document.activeElement !== M) return;
+      const c = t.current;
+      if (c)
+        switch (l.key) {
           case " ":
           case "k":
-            c.preventDefault(), h((z) => (z ? l.pause() : l.play(), !z));
+            l.preventDefault(), m((R) => (R ? c.pause() : c.play(), !R));
             break;
           case "ArrowRight":
-            c.preventDefault(), l.currentTime = Math.min(l.duration, l.currentTime + 5);
+            l.preventDefault(), c.currentTime = Math.min(c.duration, c.currentTime + 5);
             break;
           case "ArrowLeft":
-            c.preventDefault(), l.currentTime = Math.max(0, l.currentTime - 5);
+            l.preventDefault(), c.currentTime = Math.max(0, c.currentTime - 5);
             break;
           case "j":
-            c.preventDefault(), l.currentTime = Math.max(0, l.currentTime - 10);
+            l.preventDefault(), c.currentTime = Math.max(0, c.currentTime - 10);
             break;
           case "l":
-            c.preventDefault(), l.currentTime = Math.min(l.duration, l.currentTime + 10);
+            l.preventDefault(), c.currentTime = Math.min(c.duration, c.currentTime + 10);
             break;
           case "m":
-            c.preventDefault(), f((z) => (l.muted = !z, !z));
+            l.preventDefault(), f((R) => (c.muted = !R, !R));
             break;
           case "f":
-            c.preventDefault(), (F = l.requestFullscreen) == null || F.call(l);
+            l.preventDefault(), c.requestFullscreen?.();
             break;
           case ">":
-            c.preventDefault(), i(1);
+            l.preventDefault(), o(1);
             break;
           case "<":
-            c.preventDefault(), i(-1);
+            l.preventDefault(), o(-1);
             break;
         }
     }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, []);
-  function i(s) {
-    const c = U.indexOf(w), N = Math.max(0, Math.min(U.length - 1, c + s)), l = U[N];
-    T(l), t.current && (t.current.playbackRate = l);
+  function o(i) {
+    const l = U.indexOf(x), M = Math.max(0, Math.min(U.length - 1, l + i)), c = U[M];
+    E(c), t.current && (t.current.playbackRate = c);
   }
-  function M() {
-    t.current && (m ? t.current.pause() : t.current.play(), h(!m));
+  function S() {
+    t.current && (v ? t.current.pause() : t.current.play(), m(!v));
   }
-  function A(s) {
-    if (!t.current || !v) return;
-    const c = s.currentTarget.getBoundingClientRect(), N = (s.clientX - c.left) / c.width;
-    t.current.currentTime = N * v;
+  function F(i) {
+    if (!t.current || !g) return;
+    const l = i.currentTarget.getBoundingClientRect(), M = (i.clientX - l.left) / l.width;
+    t.current.currentTime = M * g;
   }
-  function S() {
-    C(!0), clearTimeout(u.current), m && (u.current = setTimeout(() => C(!1), 3e3));
+  function P() {
+    T(!0), clearTimeout(u.current), v && (u.current = setTimeout(() => T(!1), 3e3));
   }
-  return I ? /* @__PURE__ */ e($, { message: "Could not load video", url: a }) : /* @__PURE__ */ d(
+  return I ? /* @__PURE__ */ e($, { message: "Could not load video", url: r }) : /* @__PURE__ */ d(
     "div",
     {
-      ref: r,
+      ref: a,
       className: "group relative rounded-ds-md bg-black overflow-hidden",
-      onMouseMove: S,
-      onMouseLeave: () => m && C(!1),
+      onMouseMove: P,
+      onMouseLeave: () => v && T(!1),
       tabIndex: -1,
       children: [
         /* @__PURE__ */ e(
           "video",
           {
             ref: t,
-            src: a,
+            src: r,
             className: "max-h-[70vh] w-full",
-            onClick: M,
-            muted: k,
+            onClick: S,
+            muted: N,
             onTimeUpdate: () => {
-              t.current && (y(t.current.currentTime), t.current.duration && p(t.current.currentTime / t.current.duration * 100));
-            },
-            onLoadedMetadata: () => {
-              var s;
-              return x(((s = t.current) == null ? void 0 : s.duration) ?? 0);
+              t.current && (k(t.current.currentTime), t.current.duration && h(t.current.currentTime / t.current.duration * 100));
             },
+            onLoadedMetadata: () => y(t.current?.duration ?? 0),
             onEnded: () => {
-              h(!1), C(!0);
+              m(!1), T(!0);
             },
             onError: () => {
-              D(!0), o == null || o("Video failed to load");
+              D(!0), s?.("Video failed to load");
             },
             playsInline: !0
           }
         ),
-        !m && /* @__PURE__ */ e(
-          E.button,
+        !v && /* @__PURE__ */ e(
+          A.button,
           {
             initial: { opacity: 0, scale: 0.8 },
             animate: { opacity: 1, scale: 1 },
             transition: Y.snappy,
-            onClick: M,
+            onClick: S,
             className: "absolute inset-0 flex items-center justify-center bg-black/30",
             "aria-label": "Play video",
-            children: /* @__PURE__ */ e("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-white/90 shadow-floating", children: /* @__PURE__ */ e(K, { className: "h-6 w-6 text-surface-fg ml-0.5" }) })
+            children: /* @__PURE__ */ e("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-white/90 shadow-floating", children: /* @__PURE__ */ e(w, { icon: K, size: "xl", className: "text-surface-fg ml-0.5" }) })
           }
         ),
-        /* @__PURE__ */ e(H, { children: P && v > 0 && /* @__PURE__ */ d(
-          E.div,
+        /* @__PURE__ */ e(H, { children: C && g > 0 && /* @__PURE__ */ d(
+          A.div,
           {
             initial: { opacity: 0, y: 10 },
             animate: { opacity: 1, y: 0 },
@@ -402,7 +398,7 @@ function fe({ url: a, onError: o }) {
                 "div",
                 {
                   className: "relative h-1 w-full cursor-pointer rounded-full bg-white/30 mb-ds-03 group/progress",
-                  onClick: A,
+                  onClick: F,
                   role: "slider",
                   "aria-label": "Video progress",
                   "aria-valuenow": Math.round(b),
@@ -428,35 +424,35 @@ function fe({ url: a, onError: o }) {
                 }
               ),
               /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-                /* @__PURE__ */ e("button", { onClick: M, className: "text-white hover:text-white/80", "aria-label": m ? "Pause" : "Play", children: m ? /* @__PURE__ */ e(_, { className: "h-5 w-5" }) : /* @__PURE__ */ e(K, { className: "h-5 w-5" }) }),
+                /* @__PURE__ */ e("button", { onClick: S, className: "text-white hover:text-white/80", "aria-label": v ? "Pause" : "Play", children: v ? /* @__PURE__ */ e(w, { icon: _, size: "lg" }) : /* @__PURE__ */ e(w, { icon: K, size: "lg" }) }),
                 /* @__PURE__ */ e(
                   X,
                   {
-                    volume: k ? 0 : 1,
-                    muted: k,
-                    onVolumeChange: (s) => {
-                      t.current && (t.current.volume = s), s > 0 && k && (f(!1), t.current && (t.current.muted = !1));
+                    volume: N ? 0 : 1,
+                    muted: N,
+                    onVolumeChange: (i) => {
+                      t.current && (t.current.volume = i), i > 0 && N && (f(!1), t.current && (t.current.muted = !1));
                     },
                     onMuteToggle: () => {
-                      f(!k), t.current && (t.current.muted = !k);
+                      f(!N), t.current && (t.current.muted = !N);
                     },
                     variant: "dark"
                   }
                 ),
                 /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-white/70 tabular-nums", children: [
-                  j(g),
+                  j(p),
                   " / ",
-                  j(v)
+                  j(g)
                 ] }),
                 /* @__PURE__ */ e("div", { className: "flex-1" }),
                 /* @__PURE__ */ d(
                   "button",
                   {
-                    onClick: () => i(1),
+                    onClick: () => o(1),
                     className: "text-[11px] font-mono text-white/70 hover:text-white px-1 rounded-ds-sm hover:bg-white/10 transition-colors",
-                    "aria-label": `Playback speed: ${w}x`,
+                    "aria-label": `Playback speed: ${x}x`,
                     children: [
-                      w,
+                      x,
                       "x"
                     ]
                   }
@@ -464,13 +460,10 @@ function fe({ url: a, onError: o }) {
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => {
-                      var s, c;
-                      return (c = (s = t.current) == null ? void 0 : s.requestFullscreen) == null ? void 0 : c.call(s);
-                    },
+                    onClick: () => t.current?.requestFullscreen?.(),
                     className: "text-white hover:text-white/80",
                     "aria-label": "Fullscreen (F)",
-                    children: /* @__PURE__ */ e(O, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ e(w, { icon: O, size: "sm" })
                   }
                 )
               ] })
@@ -481,65 +474,62 @@ function fe({ url: a, onError: o }) {
     }
   );
 }
-function me({ url: a, fileName: o, onError: t }) {
-  const r = n.useRef(null), m = n.useRef(null), [h, b] = n.useState(!1), [p, v] = n.useState(0), [x, g] = n.useState(0), [y, k] = n.useState(0), [f, I] = n.useState(1), [D, P] = n.useState(!1), [C, w] = n.useState(!1), [T, u] = n.useState(null);
+function me({ url: r, fileName: s, onError: t }) {
+  const a = n.useRef(null), v = n.useRef(null), [m, b] = n.useState(!1), [h, g] = n.useState(0), [y, p] = n.useState(0), [k, N] = n.useState(0), [f, I] = n.useState(1), [D, C] = n.useState(!1), [T, x] = n.useState(!1), [E, u] = n.useState(null);
   n.useEffect(() => {
-    function s(c) {
-      const N = m.current;
-      if (!N || !N.contains(document.activeElement) && document.activeElement !== N) return;
-      const l = r.current;
-      if (l)
-        switch (c.key) {
+    function i(l) {
+      const M = v.current;
+      if (!M || !M.contains(document.activeElement) && document.activeElement !== M) return;
+      const c = a.current;
+      if (c)
+        switch (l.key) {
           case " ":
-            c.preventDefault(), b((F) => (F ? l.pause() : l.play(), !F));
+            l.preventDefault(), b((R) => (R ? c.pause() : c.play(), !R));
             break;
           case "ArrowRight":
-            c.preventDefault(), l.currentTime = Math.min(l.duration || 0, l.currentTime + 5);
+            l.preventDefault(), c.currentTime = Math.min(c.duration || 0, c.currentTime + 5);
             break;
           case "ArrowLeft":
-            c.preventDefault(), l.currentTime = Math.max(0, l.currentTime - 5);
+            l.preventDefault(), c.currentTime = Math.max(0, c.currentTime - 5);
             break;
           case "m":
-            c.preventDefault(), P((F) => (l.muted = !F, !F));
+            l.preventDefault(), C((R) => (c.muted = !R, !R));
             break;
         }
     }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, []);
-  function i() {
-    r.current && (h ? r.current.pause() : r.current.play(), b(!h));
+  function o() {
+    a.current && (m ? a.current.pause() : a.current.play(), b(!m));
   }
-  function M(s) {
-    if (!r.current || !x) return;
-    const c = s.currentTarget.getBoundingClientRect(), N = Math.max(0, Math.min(1, (s.clientX - c.left) / c.width));
-    r.current.currentTime = N * x;
+  function S(i) {
+    if (!a.current || !y) return;
+    const l = i.currentTarget.getBoundingClientRect(), M = Math.max(0, Math.min(1, (i.clientX - l.left) / l.width));
+    a.current.currentTime = M * y;
   }
-  function A(s) {
-    if (!x) return;
-    const c = s.currentTarget.getBoundingClientRect(), N = (s.clientX - c.left) / c.width;
-    u(N * x);
+  function F(i) {
+    if (!y) return;
+    const l = i.currentTarget.getBoundingClientRect(), M = (i.clientX - l.left) / l.width;
+    u(M * y);
   }
-  function S() {
-    if (!r.current) return;
-    const s = !D;
-    P(s), r.current.muted = s;
+  function P() {
+    if (!a.current) return;
+    const i = !D;
+    C(i), a.current.muted = i;
   }
-  return C ? /* @__PURE__ */ e($, { message: "Could not load audio", url: a }) : /* @__PURE__ */ d("div", { ref: m, className: "rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised overflow-hidden", tabIndex: -1, children: [
+  return T ? /* @__PURE__ */ e($, { message: "Could not load audio", url: r }) : /* @__PURE__ */ d("div", { ref: v, className: "rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised overflow-hidden", tabIndex: -1, children: [
     /* @__PURE__ */ e(
       "audio",
       {
-        ref: r,
-        src: a,
+        ref: a,
+        src: r,
         onTimeUpdate: () => {
-          r.current && (k(r.current.currentTime), r.current.duration && v(r.current.currentTime / r.current.duration * 100));
-        },
-        onLoadedMetadata: () => {
-          var s;
-          return g(((s = r.current) == null ? void 0 : s.duration) ?? 0);
+          a.current && (N(a.current.currentTime), a.current.duration && g(a.current.currentTime / a.current.duration * 100));
         },
+        onLoadedMetadata: () => p(a.current?.duration ?? 0),
         onEnded: () => b(!1),
         onError: () => {
-          w(!0), t == null || t("Audio failed to load");
+          x(!0), t?.("Audio failed to load");
         }
       }
     ),
@@ -547,12 +537,12 @@ function me({ url: a, fileName: o, onError: t }) {
       "div",
       {
         className: "relative h-1 w-full cursor-pointer bg-surface-sunken group/bar",
-        onClick: M,
-        onMouseMove: A,
+        onClick: S,
+        onMouseMove: F,
         onMouseLeave: () => u(null),
         role: "slider",
         "aria-label": "Audio progress",
-        "aria-valuenow": Math.round(p),
+        "aria-valuenow": Math.round(h),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         tabIndex: 0,
@@ -561,22 +551,22 @@ function me({ url: a, fileName: o, onError: t }) {
             "div",
             {
               className: "absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75",
-              style: { width: `${p}%` }
+              style: { width: `${h}%` }
             }
           ),
-          T !== null && /* @__PURE__ */ e(
+          E !== null && /* @__PURE__ */ e(
             "div",
             {
               className: "absolute -top-7 -translate-x-1/2 rounded-ds-sm bg-surface-overlay px-1.5 py-0.5 text-[10px] font-mono text-surface-fg shadow-floating pointer-events-none",
-              style: { left: `${T / (x || 1) * 100}%` },
-              children: j(T)
+              style: { left: `${E / (y || 1) * 100}%` },
+              children: j(E)
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity",
-              style: { left: `${p}%`, marginLeft: "-5px" }
+              style: { left: `${h}%`, marginLeft: "-5px" }
             }
           )
         ]
@@ -588,18 +578,18 @@ function me({ url: a, fileName: o, onError: t }) {
         {
           variant: "solid",
           size: "icon-sm",
-          onClick: i,
-          "aria-label": h ? "Pause" : "Play",
+          onClick: o,
+          "aria-label": m ? "Pause" : "Play",
           className: "shrink-0",
-          children: h ? /* @__PURE__ */ e(_, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm ml-0.5" })
+          children: m ? /* @__PURE__ */ e(w, { icon: _, size: "sm" }) : /* @__PURE__ */ e(w, { icon: K, size: "sm", className: "ml-0.5" })
         }
       ),
       /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
-        o && /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold text-surface-fg truncate", children: o }),
+        s && /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold text-surface-fg truncate", children: s }),
         /* @__PURE__ */ d("p", { className: "text-ds-xs font-mono text-surface-fg-muted tabular-nums", children: [
-          j(y),
+          j(k),
           " / ",
-          j(x)
+          j(y)
         ] })
       ] }),
       /* @__PURE__ */ e(
@@ -607,33 +597,33 @@ function me({ url: a, fileName: o, onError: t }) {
         {
           volume: f,
           muted: D,
-          onVolumeChange: (s) => {
-            I(s), r.current && (r.current.volume = s), s > 0 && D && (P(!1), r.current && (r.current.muted = !1));
+          onVolumeChange: (i) => {
+            I(i), a.current && (a.current.volume = i), i > 0 && D && (C(!1), a.current && (a.current.muted = !1));
           },
-          onMuteToggle: S,
+          onMuteToggle: P,
           variant: "light"
         }
       )
     ] })
   ] });
 }
-function he({ url: a, onError: o }) {
-  const [t, r] = n.useState(!1), [m, h] = n.useState(!1), b = le(a);
+function he({ url: r, onError: s }) {
+  const [t, a] = n.useState(!1), [v, m] = n.useState(!1), b = le(r);
   return n.useEffect(() => {
-    const p = setTimeout(() => {
-      t || (h(!0), o == null || o("Embed timed out"));
+    const h = setTimeout(() => {
+      t || (m(!0), s?.("Embed timed out"));
     }, 15e3);
-    return () => clearTimeout(p);
-  }, [t, o]), m ? /* @__PURE__ */ e($, { message: "Could not load embed", url: a }) : /* @__PURE__ */ d("div", { className: "relative w-full rounded-ds-md overflow-hidden", style: { aspectRatio: "16 / 9" }, children: [
+    return () => clearTimeout(h);
+  }, [t, s]), v ? /* @__PURE__ */ e($, { message: "Could not load embed", url: r }) : /* @__PURE__ */ d("div", { className: "relative w-full rounded-ds-md overflow-hidden", style: { aspectRatio: "16 / 9" }, children: [
     !t && /* @__PURE__ */ e(V, { className: "absolute inset-0" }),
     /* @__PURE__ */ e(
-      E.iframe,
+      A.iframe,
       {
         src: b,
         title: "Embedded content",
-        onLoad: () => r(!0),
+        onLoad: () => a(!0),
         onError: () => {
-          h(!0), o == null || o("Embed failed to load");
+          m(!0), s?.("Embed failed to load");
         },
         initial: { opacity: 0 },
         animate: { opacity: t ? 1 : 0 },
@@ -644,32 +634,32 @@ function he({ url: a, onError: o }) {
     )
   ] });
 }
-function Ne({
-  url: a,
-  type: o,
+function Me({
+  url: r,
+  type: s,
   mimeType: t,
-  alt: r,
-  initialPage: m = 1,
-  fileName: h,
+  alt: a,
+  initialPage: v = 1,
+  fileName: m,
   fileSize: b,
-  onError: p,
-  className: v,
-  ...x
+  onError: h,
+  className: g,
+  ...y
 }) {
-  const g = o ?? ce(a, t), y = /* @__PURE__ */ e(V, { className: "h-64 w-full rounded-ds-md" });
-  return /* @__PURE__ */ d("div", { className: R("flex flex-col gap-ds-03", v), ...x, children: [
-    (h || b) && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-      h && /* @__PURE__ */ e("span", { className: "text-ds-sm font-semibold text-surface-fg truncate", children: h }),
+  const p = s ?? ce(r, t), k = /* @__PURE__ */ e(V, { className: "h-64 w-full rounded-ds-md" });
+  return /* @__PURE__ */ d("div", { className: z("flex flex-col gap-ds-03", g), ...y, children: [
+    (m || b) && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+      m && /* @__PURE__ */ e("span", { className: "text-ds-sm font-semibold text-surface-fg truncate", children: m }),
       b && /* @__PURE__ */ e(J, { variant: "subtle", size: "xs", children: b })
     ] }),
-    g === "image" && /* @__PURE__ */ e(n.Suspense, { fallback: y, children: /* @__PURE__ */ e(ue, { url: a, alt: r, onError: p }) }),
-    g === "pdf" && /* @__PURE__ */ e(n.Suspense, { fallback: y, children: /* @__PURE__ */ e(de, { url: a, initialPage: m, onError: p }) }),
-    g === "video" && /* @__PURE__ */ e(fe, { url: a, onError: p }),
-    g === "audio" && /* @__PURE__ */ e(me, { url: a, fileName: h, onError: p }),
-    g === "embed" && /* @__PURE__ */ e(he, { url: a, onError: p }),
-    g !== "audio" && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(L, { variant: "ghost", size: "xs", startIcon: /* @__PURE__ */ e(W, { className: "h-3.5 w-3.5" }), asChild: !0, children: /* @__PURE__ */ e("a", { href: a, download: !0, target: "_blank", rel: "noopener noreferrer", children: "Download" }) }) })
+    p === "image" && /* @__PURE__ */ e(n.Suspense, { fallback: k, children: /* @__PURE__ */ e(ue, { url: r, alt: a, onError: h }) }),
+    p === "pdf" && /* @__PURE__ */ e(n.Suspense, { fallback: k, children: /* @__PURE__ */ e(de, { url: r, initialPage: v, onError: h }) }),
+    p === "video" && /* @__PURE__ */ e(fe, { url: r, onError: h }),
+    p === "audio" && /* @__PURE__ */ e(me, { url: r, fileName: m, onError: h }),
+    p === "embed" && /* @__PURE__ */ e(he, { url: r, onError: h }),
+    p !== "audio" && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(L, { variant: "ghost", size: "xs", startIcon: /* @__PURE__ */ e(w, { icon: W }), asChild: !0, children: /* @__PURE__ */ e("a", { href: r, download: !0, target: "_blank", rel: "noopener noreferrer", children: "Download" }) }) })
   ] });
 }
 export {
-  Ne as FilePreview
+  Me as FilePreview
 };