@eternalheart/react-file-preview 1.3.14 → 1.5.0

package/lib/chunks/{index-d8Bt4gIX.mjs → index-DoGKcq9y.mjs}

@@ -1,133 +1,133 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { useRef as S, useState as d, useEffect as j, useCallback as y } from "react";
-import { motion as h, AnimatePresence as A } from "framer-motion";
-import { Repeat as _, SkipBack as z, Pause as B, Play as q, SkipForward as U, VolumeX as X, Volume1 as J, Volume2 as K } from "lucide-react";
-import { u as Q } from "./index--lXiT1Y_.mjs";
-import { R as Y } from "./RendererError-BH6fzLrN.mjs";
-function Z({
-  url: l
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { useRef as G, useState as p, useEffect as F, useCallback as w, forwardRef as A, useImperativeHandle as _ } from "react";
+import { motion as d, AnimatePresence as z } from "framer-motion";
+import { Repeat as B, SkipBack as q, Pause as U, Play as X, SkipForward as J, VolumeX as K, Volume1 as Q, Volume2 as Y } from "lucide-react";
+import { u as Z } from "./index-Cz23v-TW.mjs";
+import { R as ee } from "./RendererError-D5i8eSpN.mjs";
+function re({
+  url: c
 }) {
-  const o = S(null), [i, c] = d(!1), [s, p] = d(!0), [w, g] = d(0), [f, u] = d(0), [m, N] = d(1), [k, x] = d(!1), [b, L] = d(!1), [C, v] = d(null);
-  j(() => {
+  const o = G(null), [E, n] = p(!1), [N, i] = p(!0), [C, g] = p(0), [h, l] = p(0), [f, u] = p(1), [x, b] = p(!1), [k, v] = p(!1), [T, y] = p(null);
+  F(() => {
     const e = o.current;
     if (!e) return;
-    p(!0), v(null);
-    const a = () => {
+    i(!0), y(null);
+    const t = () => {
       isNaN(e.currentTime) || g(e.currentTime);
-    }, n = () => {
-      !isNaN(e.duration) && isFinite(e.duration) && u(e.duration);
-    }, V = () => {
-      p(!1), n();
-    }, F = () => p(!0), W = () => {
-      p(!1), c(!0);
-    }, $ = () => c(!0), O = () => c(!1), D = () => c(!1), H = () => {
-      v("音频加载失败"), p(!1);
+    }, s = () => {
+      !isNaN(e.duration) && isFinite(e.duration) && l(e.duration);
+    }, m = () => {
+      i(!1), s();
+    }, R = () => i(!0), W = () => {
+      i(!1), n(!0);
+    }, $ = () => n(!0), H = () => n(!1), O = () => n(!1), D = () => {
+      y("音频加载失败"), i(!1);
     };
-    return e.addEventListener("timeupdate", a), e.addEventListener("loadedmetadata", n), e.addEventListener("durationchange", n), e.addEventListener("canplay", V), e.addEventListener("waiting", F), e.addEventListener("playing", W), e.addEventListener("play", $), e.addEventListener("pause", O), e.addEventListener("ended", D), e.addEventListener("error", H), e.readyState >= 3 ? (p(!1), n()) : e.readyState >= 1 && n(), () => {
-      e.removeEventListener("timeupdate", a), e.removeEventListener("loadedmetadata", n), e.removeEventListener("durationchange", n), e.removeEventListener("canplay", V), e.removeEventListener("waiting", F), e.removeEventListener("playing", W), e.removeEventListener("play", $), e.removeEventListener("pause", O), e.removeEventListener("ended", D), e.removeEventListener("error", H);
+    return e.addEventListener("timeupdate", t), e.addEventListener("loadedmetadata", s), e.addEventListener("durationchange", s), e.addEventListener("canplay", m), e.addEventListener("waiting", R), e.addEventListener("playing", W), e.addEventListener("play", $), e.addEventListener("pause", H), e.addEventListener("ended", O), e.addEventListener("error", D), e.readyState >= 3 ? (i(!1), s()) : e.readyState >= 1 && s(), () => {
+      e.removeEventListener("timeupdate", t), e.removeEventListener("loadedmetadata", s), e.removeEventListener("durationchange", s), e.removeEventListener("canplay", m), e.removeEventListener("waiting", R), e.removeEventListener("playing", W), e.removeEventListener("play", $), e.removeEventListener("pause", H), e.removeEventListener("ended", O), e.removeEventListener("error", D);
     };
-  }, [l]);
-  const G = y(() => {
+  }, [c]);
+  const V = w(() => {
     const e = o.current;
     e && (e.paused ? e.play().catch(() => {
     }) : e.pause());
-  }, []), E = y((e) => {
-    const a = o.current;
-    a && (a.currentTime = e, g(e));
-  }, []), T = y(
+  }, []), I = w((e) => {
+    const t = o.current;
+    t && (t.currentTime = e, g(e));
+  }, []), L = w(
     (e) => {
-      const a = o.current;
-      a && (a.currentTime = Math.max(
+      const t = o.current;
+      t && (t.currentTime = Math.max(
         0,
-        Math.min(a.currentTime + e, a.duration || 1 / 0)
+        Math.min(t.currentTime + e, t.duration || 1 / 0)
       ));
     },
     []
-  ), M = y((e) => {
-    const a = o.current;
-    if (!a) return;
-    const n = Math.max(0, Math.min(1, e));
-    a.volume = n, N(n), n > 0 && (a.muted = !1, x(!1));
-  }, []), P = y(() => {
+  ), M = w((e) => {
+    const t = o.current;
+    if (!t) return;
+    const s = Math.max(0, Math.min(1, e));
+    t.volume = s, u(s), s > 0 && (t.muted = !1, b(!1));
+  }, []), S = w(() => {
     const e = o.current;
-    e && (e.muted = !e.muted, x(e.muted));
-  }, []), R = y(() => {
+    e && (e.muted = !e.muted, b(e.muted));
+  }, []), P = w(() => {
     const e = o.current;
     if (!e) return;
-    const a = !e.loop;
-    e.loop = a, L(a);
-  }, []), I = y((e) => {
+    const t = !e.loop;
+    e.loop = t, v(t);
+  }, []), j = w((e) => {
     if (!isFinite(e) || isNaN(e) || e < 0) return "0:00";
-    const a = Math.floor(e / 60), n = Math.floor(e % 60);
-    return `${a}:${n.toString().padStart(2, "0")}`;
+    const t = Math.floor(e / 60), s = Math.floor(e % 60);
+    return `${t}:${s.toString().padStart(2, "0")}`;
   }, []);
   return {
     audioRef: o,
-    isPlaying: i,
-    isLoading: s,
-    isLoop: b,
-    currentTime: w,
-    duration: f,
-    volume: m,
-    isMuted: k,
-    error: C,
-    togglePlay: G,
-    seek: E,
-    skip: T,
+    isPlaying: E,
+    isLoading: N,
+    isLoop: k,
+    currentTime: C,
+    duration: h,
+    volume: f,
+    isMuted: x,
+    error: T,
+    togglePlay: V,
+    seek: I,
+    skip: L,
     setVolume: M,
-    toggleMute: P,
-    toggleLoop: R,
-    formatTime: I
+    toggleMute: S,
+    toggleLoop: P,
+    formatTime: j
   };
 }
-const ee = ({ text: l, className: o = "", style: i }) => {
-  const c = S(null), s = S(null), [p, w] = d(!1), [g, f] = d(0);
-  j(() => {
-    const k = () => {
-      const b = c.current, L = s.current;
-      if (!b || !L) return;
-      const C = b.clientWidth, v = L.scrollWidth;
-      w(v > C), f(v);
+const te = ({ text: c, className: o = "", style: E }) => {
+  const n = G(null), N = G(null), [i, C] = p(!1), [g, h] = p(0);
+  F(() => {
+    const x = () => {
+      const k = n.current, v = N.current;
+      if (!k || !v) return;
+      const T = k.clientWidth, y = v.scrollWidth;
+      C(y > T), h(y);
     };
-    k();
-    const x = new ResizeObserver(k);
-    return c.current && x.observe(c.current), () => x.disconnect();
-  }, [l]);
-  const u = 60, m = g + u, N = m / 40;
-  return /* @__PURE__ */ t(
+    x();
+    const b = new ResizeObserver(x);
+    return n.current && b.observe(n.current), () => b.disconnect();
+  }, [c]);
+  const l = 60, f = g + l, u = f / 40;
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: c,
+      ref: n,
       className: `rfp-overflow-hidden rfp-whitespace-nowrap ${o}`,
-      style: i,
+      style: E,
       children: [
-        p ? /* @__PURE__ */ t(
-          h.div,
+        i ? /* @__PURE__ */ a(
+          d.div,
           {
             className: "rfp-inline-flex rfp-whitespace-nowrap",
-            animate: { x: [0, -m] },
-            transition: { duration: N, repeat: 1 / 0, ease: "linear", repeatDelay: 1.5 },
+            animate: { x: [0, -f] },
+            transition: { duration: u, repeat: 1 / 0, ease: "linear", repeatDelay: 1.5 },
             children: [
-              /* @__PURE__ */ r("span", { children: l }),
-              /* @__PURE__ */ r("span", { style: { width: u }, className: "rfp-inline-block" }),
-              /* @__PURE__ */ r("span", { children: l })
+              /* @__PURE__ */ r("span", { children: c }),
+              /* @__PURE__ */ r("span", { style: { width: l }, className: "rfp-inline-block" }),
+              /* @__PURE__ */ r("span", { children: c })
             ]
           }
         ) : null,
         /* @__PURE__ */ r(
           "div",
           {
-            ref: s,
+            ref: N,
             className: "rfp-whitespace-nowrap",
-            style: p ? { position: "absolute", visibility: "hidden", pointerEvents: "none" } : void 0,
-            children: l
+            style: i ? { position: "absolute", visibility: "hidden", pointerEvents: "none" } : void 0,
+            children: c
           }
         )
       ]
     }
   );
-}, re = ({ isPlaying: l }) => /* @__PURE__ */ r(
-  h.div,
+}, ae = ({ isPlaying: c }) => /* @__PURE__ */ r(
+  d.div,
   {
     className: "rfp-absolute",
     style: {
@@ -138,9 +138,9 @@ const ee = ({ text: l, className: o = "", style: i }) => {
       transformOrigin: "76px 16px",
       zIndex: 5
     },
-    animate: { rotate: l ? 16 : 0 },
+    animate: { rotate: c ? 16 : 0 },
     transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ a(
       "svg",
       {
         width: "100",
@@ -175,25 +175,25 @@ const ee = ({ text: l, className: o = "", style: i }) => {
           /* @__PURE__ */ r("rect", { x: "52.5", y: "92", width: "7", height: "9", rx: "1", fill: "url(#cartridgeGrad)" }),
           /* @__PURE__ */ r("line", { x1: "56", y1: "101", x2: "56", y2: "105", stroke: "#bbb", strokeWidth: "1.2", strokeLinecap: "round" }),
           /* @__PURE__ */ r("circle", { cx: "56", cy: "105.5", r: "0.8", fill: "#ddd" }),
-          /* @__PURE__ */ t("defs", { children: [
-            /* @__PURE__ */ t("radialGradient", { id: "baseGrad", cx: "40%", cy: "35%", children: [
+          /* @__PURE__ */ a("defs", { children: [
+            /* @__PURE__ */ a("radialGradient", { id: "baseGrad", cx: "40%", cy: "35%", children: [
               /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
               /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#1a1a1a" })
             ] }),
-            /* @__PURE__ */ t("radialGradient", { id: "baseInnerGrad", cx: "40%", cy: "35%", children: [
+            /* @__PURE__ */ a("radialGradient", { id: "baseInnerGrad", cx: "40%", cy: "35%", children: [
               /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#666" }),
               /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
             ] }),
-            /* @__PURE__ */ t("linearGradient", { id: "armGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ a("linearGradient", { id: "armGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
               /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
               /* @__PURE__ */ r("stop", { offset: "50%", stopColor: "#444" }),
               /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
             ] }),
-            /* @__PURE__ */ t("linearGradient", { id: "headGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ a("linearGradient", { id: "headGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
               /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
               /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
             ] }),
-            /* @__PURE__ */ t("linearGradient", { id: "cartridgeGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ a("linearGradient", { id: "cartridgeGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
               /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#444" }),
               /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#222" })
             ] })
@@ -202,40 +202,42 @@ const ee = ({ text: l, className: o = "", style: i }) => {
       }
     )
   }
-), le = ({ url: l, fileName: o }) => {
-  const i = Q(), {
-    audioRef: c,
-    isPlaying: s,
-    isLoading: p,
-    isLoop: w,
-    currentTime: g,
-    duration: f,
-    volume: u,
-    isMuted: m,
-    error: N,
-    togglePlay: k,
-    seek: x,
-    skip: b,
-    setVolume: L,
-    toggleMute: C,
-    toggleLoop: v,
-    formatTime: G
-  } = Z({ url: l }), [E, T] = d(!1), M = S(null), P = S(), R = f > 0 ? g / f : 0;
-  j(() => {
-    const n = (V) => {
-      M.current && !M.current.contains(V.target) && T(!1);
+), pe = A(({ url: c, fileName: o }, E) => {
+  const n = Z(), {
+    audioRef: N,
+    isPlaying: i,
+    isLoading: C,
+    isLoop: g,
+    currentTime: h,
+    duration: l,
+    volume: f,
+    isMuted: u,
+    error: x,
+    togglePlay: b,
+    seek: k,
+    skip: v,
+    setVolume: T,
+    toggleMute: y,
+    toggleLoop: V,
+    formatTime: I
+  } = re({ url: c }), [L, M] = p(!1), S = G(null), P = G(), j = l > 0 ? h / l : 0;
+  F(() => {
+    const m = (R) => {
+      S.current && !S.current.contains(R.target) && M(!1);
     };
-    return E && document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [E]);
-  const I = () => {
-    clearTimeout(P.current), T(!0);
-  }, e = () => {
-    P.current = setTimeout(() => T(!1), 300);
-  }, a = m || u === 0 ? X : u < 0.5 ? J : K;
-  return N ? /* @__PURE__ */ r(Y, { message: N }) : /* @__PURE__ */ t("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8 rfp-gap-5 md:rfp-gap-8 rfp-select-none", children: [
-    /* @__PURE__ */ t("div", { className: "rfp-relative", style: { width: "260px", height: "240px" }, children: [
+    return L && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, [L]);
+  const e = () => {
+    clearTimeout(P.current), M(!0);
+  }, t = () => {
+    P.current = setTimeout(() => M(!1), 300);
+  }, s = u || f === 0 ? K : f < 0.5 ? Q : Y;
+  return _(E, () => ({
+    getToolbarGroups: () => []
+  }), []), x ? /* @__PURE__ */ r(ee, { message: x }) : /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-6 rfp-gap-6 rfp-select-none", children: [
+    /* @__PURE__ */ a("div", { className: "rfp-relative", style: { width: "260px", height: "240px" }, children: [
       /* @__PURE__ */ r(
-        h.div,
+        d.div,
         {
           className: "rfp-absolute rfp-rounded-full",
           style: {
@@ -245,11 +247,11 @@ const ee = ({ text: l, className: o = "", style: i }) => {
             left: "8px",
             background: "radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)"
           },
-          animate: s ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 },
-          transition: s ? { duration: 3, repeat: 1 / 0, ease: "easeInOut" } : { duration: 0.5 }
+          animate: i ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 },
+          transition: i ? { duration: 3, repeat: 1 / 0, ease: "easeInOut" } : { duration: 0.5 }
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         "div",
         {
           className: "rfp-absolute rfp-rounded-full rfp-overflow-hidden",
@@ -270,12 +272,12 @@ const ee = ({ text: l, className: o = "", style: i }) => {
               radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),
               conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)
             `,
-            boxShadow: s ? "0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)",
+            boxShadow: i ? "0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)",
             animation: "rfp-vinyl-spin 8s linear infinite",
-            animationPlayState: s ? "running" : "paused"
+            animationPlayState: i ? "running" : "paused"
           },
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ a(
               "div",
               {
                 className: "rfp-absolute rfp-rounded-full",
@@ -319,8 +321,8 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                 ]
               }
             ),
-            p && /* @__PURE__ */ r(
-              h.div,
+            C && /* @__PURE__ */ r(
+              d.div,
               {
                 className: "rfp-absolute rfp-inset-0 rfp-rounded-full",
                 style: { border: "2px solid rgba(129,140,248,0.3)" },
@@ -331,35 +333,35 @@ const ee = ({ text: l, className: o = "", style: i }) => {
           ]
         }
       ),
-      /* @__PURE__ */ r(re, { isPlaying: s })
+      /* @__PURE__ */ r(ae, { isPlaying: i })
     ] }),
-    /* @__PURE__ */ t("div", { className: "rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4", children: [
+    /* @__PURE__ */ a("div", { className: "rfp-text-center rfp-max-w-md rfp-px-4", children: [
       /* @__PURE__ */ r(
-        ee,
+        te,
         {
           text: o,
-          className: "rfp-text-lg md:rfp-text-xl rfp-font-medium rfp-mb-1 rfp-text-fg-primary"
+          className: "rfp-text-lg rfp-font-medium rfp-mb-1 rfp-text-fg-primary"
         }
       ),
       /* @__PURE__ */ r("p", { className: "rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent", children: "Audio" })
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       "div",
       {
-        className: "rfp-w-full rfp-max-w-sm md:rfp-max-w-md rfp-rounded-2xl rfp-p-4 md:rfp-p-6 rfp-border rfp-bg-surface-1 rfp-border-line-weak",
+        className: "rfp-w-full rfp-max-w-md rfp-rounded-2xl rfp-p-5 rfp-border rfp-bg-surface-1 rfp-border-line-weak",
         style: { backdropFilter: "blur(16px)" },
         children: [
-          /* @__PURE__ */ t("div", { className: "rfp-mb-5", children: [
-            /* @__PURE__ */ t("div", { className: "rfp-relative rfp-h-4 rfp-flex rfp-items-center", children: [
+          /* @__PURE__ */ a("div", { className: "rfp-mb-5", children: [
+            /* @__PURE__ */ a("div", { className: "rfp-relative rfp-h-4 rfp-flex rfp-items-center", children: [
               /* @__PURE__ */ r("div", { className: "rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2" }),
               /* @__PURE__ */ r(
                 "div",
                 {
                   className: "rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none",
                   style: {
-                    width: `${R * 100}%`,
+                    width: `${j * 100}%`,
                     background: "linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))",
-                    boxShadow: s ? "0 0 8px rgba(129,140,248,0.4)" : "none",
+                    boxShadow: i ? "0 0 8px rgba(129,140,248,0.4)" : "none",
                     transition: "width 0.1s linear"
                   }
                 }
@@ -369,92 +371,92 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                 {
                   type: "range",
                   min: "0",
-                  max: f > 0 ? f : g || 100,
+                  max: l > 0 ? l : h || 100,
                   step: "any",
-                  value: g,
-                  onChange: (n) => x(parseFloat(n.target.value)),
-                  disabled: f <= 0,
-                  "aria-label": i("audio.aria.progress"),
+                  value: h,
+                  onChange: (m) => k(parseFloat(m.target.value)),
+                  disabled: l <= 0,
+                  "aria-label": n("audio.aria.progress"),
                   className: "audio-slider rfp-absolute rfp-w-full"
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: "rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary", children: [
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: G(g) }),
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: f > 0 ? G(f) : "--:--" })
+            /* @__PURE__ */ a("div", { className: "rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary", children: [
+              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: I(h) }),
+              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: l > 0 ? I(l) : "--:--" })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-gap-3", children: [
+          /* @__PURE__ */ a("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-gap-3", children: [
             /* @__PURE__ */ r(
-              h.button,
+              d.button,
               {
-                onClick: v,
+                onClick: V,
                 whileHover: { scale: 1.1 },
                 whileTap: { scale: 0.92 },
-                "aria-label": i(w ? "audio.aria.loop_off" : "audio.aria.loop_on"),
-                className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${w ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-tertiary"}`,
-                children: /* @__PURE__ */ r(_, { className: "rfp-w-4 rfp-h-4" })
+                "aria-label": n(g ? "audio.aria.loop_off" : "audio.aria.loop_on"),
+                className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${g ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-tertiary"}`,
+                children: /* @__PURE__ */ r(B, { className: "rfp-w-4 rfp-h-4" })
               }
             ),
             /* @__PURE__ */ r(
-              h.button,
+              d.button,
               {
-                onClick: () => b(-10),
+                onClick: () => v(-10),
                 whileHover: { scale: 1.1 },
                 whileTap: { scale: 0.92 },
-                "aria-label": i("audio.aria.backward_10"),
+                "aria-label": n("audio.aria.backward_10"),
                 className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary",
-                children: /* @__PURE__ */ r(z, { className: "rfp-w-[18px] rfp-h-[18px]" })
+                children: /* @__PURE__ */ r(q, { className: "rfp-w-[18px] rfp-h-[18px]" })
               }
             ),
             /* @__PURE__ */ r(
-              h.button,
+              d.button,
               {
-                onClick: k,
+                onClick: b,
                 whileHover: { scale: 1.06 },
                 whileTap: { scale: 0.94 },
-                "aria-label": i(s ? "audio.aria.pause" : "audio.aria.play"),
+                "aria-label": n(i ? "audio.aria.pause" : "audio.aria.play"),
                 className: "rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center",
                 style: {
                   background: "linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))",
                   color: "#fff",
                   boxShadow: "0 4px 20px rgba(99,102,241,0.35)"
                 },
-                children: s ? /* @__PURE__ */ r(B, { className: "rfp-w-6 rfp-h-6" }) : /* @__PURE__ */ r(q, { className: "rfp-w-6 rfp-h-6 rfp-ml-0.5" })
+                children: i ? /* @__PURE__ */ r(U, { className: "rfp-w-6 rfp-h-6" }) : /* @__PURE__ */ r(X, { className: "rfp-w-6 rfp-h-6 rfp-ml-0.5" })
               }
             ),
             /* @__PURE__ */ r(
-              h.button,
+              d.button,
               {
-                onClick: () => b(10),
+                onClick: () => v(10),
                 whileHover: { scale: 1.1 },
                 whileTap: { scale: 0.92 },
-                "aria-label": i("audio.aria.forward_10"),
+                "aria-label": n("audio.aria.forward_10"),
                 className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary",
-                children: /* @__PURE__ */ r(U, { className: "rfp-w-[18px] rfp-h-[18px]" })
+                children: /* @__PURE__ */ r(J, { className: "rfp-w-[18px] rfp-h-[18px]" })
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ a(
               "div",
               {
-                ref: M,
+                ref: S,
                 className: "rfp-relative",
-                onMouseEnter: I,
-                onMouseLeave: e,
+                onMouseEnter: e,
+                onMouseLeave: t,
                 children: [
                   /* @__PURE__ */ r(
-                    h.button,
+                    d.button,
                     {
-                      onClick: C,
+                      onClick: y,
                       whileHover: { scale: 1.1 },
                       whileTap: { scale: 0.92 },
-                      "aria-label": i(m ? "audio.aria.unmute" : "audio.aria.mute"),
-                      className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${E ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-secondary"}`,
-                      children: /* @__PURE__ */ r(a, { className: "rfp-w-4 rfp-h-4" })
+                      "aria-label": n(u ? "audio.aria.unmute" : "audio.aria.mute"),
+                      className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${L ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-secondary"}`,
+                      children: /* @__PURE__ */ r(s, { className: "rfp-w-4 rfp-h-4" })
                     }
                   ),
-                  /* @__PURE__ */ r(A, { children: E && /* @__PURE__ */ r(
-                    h.div,
+                  /* @__PURE__ */ r(z, { children: L && /* @__PURE__ */ r(
+                    d.div,
                     {
                       initial: { opacity: 0, scale: 0.95 },
                       animate: { opacity: 1, scale: 1 },
@@ -466,10 +468,10 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                         marginLeft: "-27px",
                         backdropFilter: "blur(16px)"
                       },
-                      onMouseEnter: I,
-                      onMouseLeave: e,
-                      children: /* @__PURE__ */ t("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-gap-2", style: { height: "100px" }, children: [
-                        /* @__PURE__ */ t("div", { className: "rfp-relative rfp-flex rfp-items-center rfp-justify-center", style: { width: "24px", height: "80px" }, children: [
+                      onMouseEnter: e,
+                      onMouseLeave: t,
+                      children: /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-gap-2", style: { height: "100px" }, children: [
+                        /* @__PURE__ */ a("div", { className: "rfp-relative rfp-flex rfp-items-center rfp-justify-center", style: { width: "24px", height: "80px" }, children: [
                           /* @__PURE__ */ r(
                             "div",
                             {
@@ -483,7 +485,7 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                               className: "rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none",
                               style: {
                                 width: "3px",
-                                height: `${(m ? 0 : u) * 100}%`,
+                                height: `${(u ? 0 : f) * 100}%`,
                                 background: "var(--fp-accent-hover)",
                                 transition: "height 0.1s linear"
                               }
@@ -496,9 +498,9 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                               min: "0",
                               max: "1",
                               step: "0.01",
-                              value: m ? 0 : u,
-                              onChange: (n) => L(parseFloat(n.target.value)),
-                              "aria-label": i("audio.aria.volume"),
+                              value: u ? 0 : f,
+                              onChange: (m) => T(parseFloat(m.target.value)),
+                              "aria-label": n("audio.aria.volume"),
                               className: "volume-slider-vertical rfp-absolute",
                               style: {
                                 width: "80px",
@@ -509,7 +511,7 @@ const ee = ({ text: l, className: o = "", style: i }) => {
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ r("span", { className: "rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary", children: Math.round((m ? 0 : u) * 100) })
+                        /* @__PURE__ */ r("span", { className: "rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary", children: Math.round((u ? 0 : f) * 100) })
                       ] })
                     }
                   ) })
@@ -520,10 +522,10 @@ const ee = ({ text: l, className: o = "", style: i }) => {
         ]
       }
     ),
-    /* @__PURE__ */ r("audio", { ref: c, src: l, className: "rfp-hidden" })
+    /* @__PURE__ */ r("audio", { ref: N, src: c, className: "rfp-hidden" })
   ] });
-};
+});
 export {
-  le as AudioRenderer
+  pe as AudioRenderer
 };
-//# sourceMappingURL=index-d8Bt4gIX.mjs.map
+//# sourceMappingURL=index-DoGKcq9y.mjs.map