@fluencypassdevs/cycle 1.0.0 → 1.2.0

package/bin/mcp.mjs

@@ -347,6 +347,7 @@ const COMPONENTS = [
       { name: "title", type: "string", default: "-" },
       { name: "description", type: "string", default: "-" },
       { name: "showSpeed", type: "boolean", default: "true" },
+      { name: "startTime", type: "number", default: "-" },
       { name: "onTimeUpdate", type: "(currentTime: number, duration: number) => void", default: "-" },
       { name: "onEnded", type: "() => void", default: "-" },
       { name: "ref", type: "React.Ref<AudioPlayerRef>", default: "-" },
@@ -368,14 +369,18 @@ const ref = useRef<AudioPlayerRef>(null)
   },
   {
     name: "VideoPlayer",
-    import: `import { VideoPlayer } from "@fluencypassdevs/cycle"\nimport type { CaptionTrack } from "@fluencypassdevs/cycle"`,
-    description: "Player de video (Vidstack). Suporta MP4, WebM, HLS. Chapters, captions/subtitles (multiplos idiomas via CaptionTrack[]), buffering spinner, live indicator, tooltips.",
+    import: `import { VideoPlayer } from "@fluencypassdevs/cycle"\nimport type { VideoPlayerRef, CaptionTrack } from "@fluencypassdevs/cycle"`,
+    description: "Player de video (Vidstack). Suporta MP4, WebM, HLS. Chapters, captions/subtitles (multiplos idiomas via CaptionTrack[]), buffering spinner, live indicator, tooltips. Expoe ref imperativo (play/pause) e callbacks onTimeUpdate/onEnded.",
     props: [
       { name: "src", type: "string", default: "-" },
       { name: "title", type: "string", default: "-" },
       { name: "chapters", type: "string (VTT URL)", default: "-" },
       { name: "captions", type: "CaptionTrack[]", default: "-" },
       { name: "showBuffering", type: "boolean", default: "true" },
+      { name: "startTime", type: "number", default: "-" },
+      { name: "onTimeUpdate", type: "(currentTime: number, duration: number) => void", default: "-" },
+      { name: "onEnded", type: "() => void", default: "-" },
+      { name: "ref", type: "React.Ref<VideoPlayerRef>", default: "-" },
     ],
     example: `<VideoPlayer src="/video.mp4" title="Aula 1" />
 
@@ -387,7 +392,17 @@ const ref = useRef<AudioPlayerRef>(null)
     { src: "/subs/pt.vtt", language: "pt-BR", label: "Portugues", default: true },
     { src: "/subs/en.vtt", language: "en", label: "English" },
   ]}
-/>`,
+/>
+
+// Ref imperativo + callbacks:
+const ref = useRef<VideoPlayerRef>(null)
+<VideoPlayer
+  ref={ref}
+  src="/video.mp4"
+  onTimeUpdate={(currentTime, duration) => reportProgress(currentTime / duration)}
+  onEnded={() => markAsCompleted()}
+/>
+// ref.current.play() / ref.current.pause()`,
     keywords: ["video", "player", "aula", "assistir", "mp4", "stream", "hls", "live", "legenda", "caption", "subtitle"],
   },
   {

package/dist/{chunk-MSQ6RORJ.js → chunk-NDAABHM5.js}

@@ -1,5 +1,6 @@
 import { CycleIcon } from './chunk-V7M2NHUO.js';
 import { cn } from './chunk-TYCPXAXF.js';
+import { __spreadValues, __spreadProps } from './chunk-YINJ5YZ5.js';
 import * as React from 'react';
 import { MediaPlayer, MediaProvider, Poster, Track, MediaAnnouncer, Captions, Gesture, Controls, Spinner, useMediaState, PlayButton, useMediaRemote, TimeSlider, SeekButton, MuteButton, VolumeSlider, Time, LiveButton, useCaptionOptions, CaptionButton, Menu, useVideoQualityOptions, PIPButton, FullscreenButton, Tooltip } from '@vidstack/react';
 import { DefaultVideoLayout, defaultLayoutIcons } from '@vidstack/react/player/layouts/default';
@@ -59,11 +60,11 @@ function SeekBar({ thumbnails, chapters }) {
     /* @__PURE__ */ jsx(TimeSlider.TrackFill, { className: "absolute h-full w-[var(--slider-fill)] rounded-full bg-white" })
   ] }) });
   return /* @__PURE__ */ jsxs(TimeSlider.Root, { className: "group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none", children: [
-    chapters ? /* @__PURE__ */ jsx(TimeSlider.Chapters, { className: "relative flex w-full items-center", children: (cues, forwardRef) => cues.map((cue) => /* @__PURE__ */ jsx(
+    chapters ? /* @__PURE__ */ jsx(TimeSlider.Chapters, { className: "relative flex w-full items-center", children: (cues, forwardRef2) => cues.map((cue) => /* @__PURE__ */ jsx(
       "div",
       {
         className: "relative flex h-full w-full items-center last:mr-0 mr-0.5",
-        ref: forwardRef,
+        ref: forwardRef2,
         children: trackContent
       },
       cue.startTime
@@ -133,6 +134,8 @@ function CaptionControl() {
 }
 function PIPControl() {
   const isPIP = useMediaState("pictureInPicture");
+  const canPIP = useMediaState("canPictureInPicture");
+  if (!canPIP) return null;
   return /* @__PURE__ */ jsx(ControlTooltip, { label: isPIP ? "Sair do PiP" : "Picture-in-Picture", children: /* @__PURE__ */ jsx(PIPButton, { className: controlBtnClass, children: /* @__PURE__ */ jsx(CycleIcon, { icon: PictureInPicture2, size: "sm", decorative: true, className: cn("text-white", isPIP && "text-white/100") }) }) });
 }
 function SpeedControl() {
@@ -334,149 +337,194 @@ function useIsDesktop() {
   }, []);
   return isDesktop;
 }
-function VideoPlayer({
-  src,
-  poster,
-  posterAlt = "",
-  thumbnails,
-  chapters,
-  captions,
-  showBuffering = true,
-  announcer = true,
-  autoPlay = false,
-  muted = false,
-  loop = false,
-  className
-}) {
-  const player = React.useRef(null);
-  const isDesktop = useIsDesktop();
-  const [seekFeedback, setSeekFeedback] = React.useState(null);
-  const [seekAccumulated, setSeekAccumulated] = React.useState(0);
-  const feedbackTimeout = React.useRef(void 0);
-  const handleSeekFeedback = React.useCallback((direction) => {
-    clearTimeout(feedbackTimeout.current);
-    setSeekFeedback((prev) => {
-      if (prev === direction) {
-        setSeekAccumulated((s) => s + 10);
-      } else {
-        setSeekAccumulated(10);
+var VideoPlayer = React.forwardRef(
+  function VideoPlayer2({
+    src,
+    poster,
+    posterAlt = "",
+    thumbnails,
+    chapters,
+    captions,
+    showBuffering = true,
+    announcer = true,
+    autoPlay = false,
+    muted = false,
+    loop = false,
+    startTime,
+    onTimeUpdate,
+    onEnded,
+    className
+  }, ref) {
+    const player = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+      play() {
+        var _a;
+        (_a = player.current) == null ? void 0 : _a.play();
+      },
+      pause() {
+        var _a;
+        (_a = player.current) == null ? void 0 : _a.pause();
+      },
+      get currentTime() {
+        var _a, _b;
+        return (_b = (_a = player.current) == null ? void 0 : _a.currentTime) != null ? _b : 0;
+      },
+      get duration() {
+        var _a, _b;
+        return (_b = (_a = player.current) == null ? void 0 : _a.duration) != null ? _b : 0;
       }
-      return direction;
-    });
-    feedbackTimeout.current = setTimeout(() => {
-      setSeekFeedback(null);
-      setSeekAccumulated(0);
-    }, 700);
-  }, []);
-  React.useEffect(() => {
-    var _a;
-    const el = (_a = player.current) == null ? void 0 : _a.el;
-    if (!el || isDesktop) return;
-    const handler = (e) => {
-      var _a2, _b;
-      const seekTo = e.detail;
-      const current = (_b = (_a2 = player.current) == null ? void 0 : _a2.currentTime) != null ? _b : 0;
-      const delta = seekTo - current;
-      if (Math.abs(Math.abs(delta) - 10) < 2) {
-        handleSeekFeedback(delta < 0 ? "backward" : "forward");
+    }));
+    const handleTimeUpdate = React.useCallback(
+      (detail) => {
+        if (onTimeUpdate && player.current) {
+          onTimeUpdate(detail.currentTime, player.current.duration);
+        }
+      },
+      [onTimeUpdate]
+    );
+    const handleEnded = React.useCallback(() => {
+      onEnded == null ? void 0 : onEnded();
+    }, [onEnded]);
+    const hasAppliedStartTime = React.useRef(false);
+    const handleCanPlay = React.useCallback(() => {
+      if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {
+        player.current.currentTime = startTime;
+        hasAppliedStartTime.current = true;
       }
-    };
-    el.addEventListener("media-seek-request", handler);
-    return () => el.removeEventListener("media-seek-request", handler);
-  }, [isDesktop, handleSeekFeedback]);
-  React.useEffect(() => {
-    return () => clearTimeout(feedbackTimeout.current);
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    MediaPlayer,
-    {
-      ref: player,
-      src,
-      autoPlay,
-      muted,
-      loop,
-      playsInline: true,
-      crossOrigin: "",
-      className: cn(
-        "group relative aspect-video w-full overflow-hidden bg-black text-white",
-        isDesktop ? "rounded-[16px]" : "rounded-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(MediaProvider, { children: [
-          poster && /* @__PURE__ */ jsx(
-            Poster,
-            {
-              className: cn("absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100", isDesktop && "rounded-[16px]"),
-              src: poster,
-              alt: posterAlt
-            }
-          ),
-          chapters && /* @__PURE__ */ jsx(
-            Track,
+    }, [startTime]);
+    const playerEvents = __spreadValues(__spreadValues({
+      onCanPlay: handleCanPlay
+    }, onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}), onEnded ? { onEnded: handleEnded } : {});
+    const isDesktop = useIsDesktop();
+    const [seekFeedback, setSeekFeedback] = React.useState(null);
+    const [seekAccumulated, setSeekAccumulated] = React.useState(0);
+    const feedbackTimeout = React.useRef(void 0);
+    const handleSeekFeedback = React.useCallback((direction) => {
+      clearTimeout(feedbackTimeout.current);
+      setSeekFeedback((prev) => {
+        if (prev === direction) {
+          setSeekAccumulated((s) => s + 10);
+        } else {
+          setSeekAccumulated(10);
+        }
+        return direction;
+      });
+      feedbackTimeout.current = setTimeout(() => {
+        setSeekFeedback(null);
+        setSeekAccumulated(0);
+      }, 700);
+    }, []);
+    React.useEffect(() => {
+      var _a;
+      const el = (_a = player.current) == null ? void 0 : _a.el;
+      if (!el || isDesktop) return;
+      const handler = (e) => {
+        var _a2, _b;
+        const seekTo = e.detail;
+        const current = (_b = (_a2 = player.current) == null ? void 0 : _a2.currentTime) != null ? _b : 0;
+        const delta = seekTo - current;
+        if (Math.abs(Math.abs(delta) - 10) < 2) {
+          handleSeekFeedback(delta < 0 ? "backward" : "forward");
+        }
+      };
+      el.addEventListener("media-seek-request", handler);
+      return () => el.removeEventListener("media-seek-request", handler);
+    }, [isDesktop, handleSeekFeedback]);
+    React.useEffect(() => {
+      return () => clearTimeout(feedbackTimeout.current);
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      MediaPlayer,
+      __spreadProps(__spreadValues({
+        ref: player,
+        src,
+        autoPlay,
+        muted,
+        loop,
+        playsInline: true,
+        crossOrigin: "",
+        className: cn(
+          "group relative aspect-video w-full overflow-hidden bg-black text-white",
+          isDesktop ? "rounded-[16px]" : "rounded-none",
+          className
+        )
+      }, playerEvents), {
+        children: [
+          /* @__PURE__ */ jsxs(MediaProvider, { children: [
+            poster && /* @__PURE__ */ jsx(
+              Poster,
+              {
+                className: cn("absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100", isDesktop && "rounded-[16px]"),
+                src: poster,
+                alt: posterAlt
+              }
+            ),
+            chapters && /* @__PURE__ */ jsx(
+              Track,
+              {
+                src: chapters,
+                kind: "chapters",
+                language: "en",
+                default: true
+              }
+            ),
+            captions == null ? void 0 : captions.map((track) => /* @__PURE__ */ jsx(
+              Track,
+              {
+                src: track.src,
+                kind: "subtitles",
+                language: track.language,
+                label: track.label,
+                default: track.default
+              },
+              track.language
+            ))
+          ] }),
+          announcer && /* @__PURE__ */ jsx(MediaAnnouncer, {}),
+          showBuffering && /* @__PURE__ */ jsx(BufferingIndicator, {}),
+          /* @__PURE__ */ jsx(SeekFeedbackOverlay, { direction: "backward", visible: seekFeedback === "backward", seconds: seekAccumulated }),
+          /* @__PURE__ */ jsx(SeekFeedbackOverlay, { direction: "forward", visible: seekFeedback === "forward", seconds: seekAccumulated }),
+          !isDesktop && /* @__PURE__ */ jsx(
+            DefaultVideoLayout,
             {
-              src: chapters,
-              kind: "chapters",
-              language: "en",
-              default: true
+              icons: defaultLayoutIcons,
+              thumbnails,
+              colorScheme: "dark"
             }
           ),
-          captions == null ? void 0 : captions.map((track) => /* @__PURE__ */ jsx(
-            Track,
-            {
-              src: track.src,
-              kind: "subtitles",
-              language: track.language,
-              label: track.label,
-              default: track.default
-            },
-            track.language
-          ))
-        ] }),
-        announcer && /* @__PURE__ */ jsx(MediaAnnouncer, {}),
-        showBuffering && /* @__PURE__ */ jsx(BufferingIndicator, {}),
-        /* @__PURE__ */ jsx(SeekFeedbackOverlay, { direction: "backward", visible: seekFeedback === "backward", seconds: seekAccumulated }),
-        /* @__PURE__ */ jsx(SeekFeedbackOverlay, { direction: "forward", visible: seekFeedback === "forward", seconds: seekAccumulated }),
-        !isDesktop && /* @__PURE__ */ jsx(
-          DefaultVideoLayout,
-          {
-            icons: defaultLayoutIcons,
-            thumbnails,
-            colorScheme: "dark"
-          }
-        ),
-        isDesktop && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Captions, { className: "absolute inset-x-0 bottom-8 z-10 flex flex-col items-center select-none break-words text-center transition-[bottom] duration-200 ease-in-out group-data-[started]:group-hover:bottom-[72px] group-data-[paused]:bottom-[72px] media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:rounded-md [&>[data-part=cue]]:bg-black/95 [&>[data-part=cue]]:px-4 [&>[data-part=cue]]:py-1.5 [&>[data-part=cue]]:text-[15px] [&>[data-part=cue]]:leading-snug [&>[data-part=cue]]:text-white [&>[data-part=cue]]:drop-shadow-[0_1px_3px_rgba(0,0,0,0.8)]" }),
-          /* @__PURE__ */ jsx(PlayOverlay, {}),
-          /* @__PURE__ */ jsx(Gesture, { className: "absolute inset-0 z-0 block h-full w-full", event: "pointerup", action: "toggle:paused" }),
-          /* @__PURE__ */ jsx(Gesture, { className: "absolute inset-0 z-0 block h-full w-full", event: "dblpointerup", action: "toggle:fullscreen" }),
-          /* @__PURE__ */ jsx(SeekGestureZone, { side: "left", onSeekFeedback: handleSeekFeedback }),
-          /* @__PURE__ */ jsx(SeekGestureZone, { side: "right", onSeekFeedback: handleSeekFeedback }),
-          /* @__PURE__ */ jsxs(Controls.Root, { className: "absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-            /* @__PURE__ */ jsx(Controls.Group, { className: "flex w-full items-center px-3", children: /* @__PURE__ */ jsx(SeekBar, { thumbnails, chapters: !!chapters }) }),
-            /* @__PURE__ */ jsxs(Controls.Group, { className: "flex w-full items-center gap-1 px-2 pb-2", children: [
-              /* @__PURE__ */ jsx(PlayControl, {}),
-              /* @__PURE__ */ jsx(SeekBackwardControl, {}),
-              /* @__PURE__ */ jsx(SeekForwardControl, {}),
-              /* @__PURE__ */ jsx(MuteControl, {}),
-              /* @__PURE__ */ jsx(VolumeControl, {}),
-              /* @__PURE__ */ jsx(TimeDisplay, {}),
-              /* @__PURE__ */ jsx(LiveIndicator, {}),
+          isDesktop && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Captions, { className: "absolute inset-x-0 bottom-8 z-10 flex flex-col items-center select-none break-words text-center transition-[bottom] duration-200 ease-in-out group-data-[started]:group-hover:bottom-[72px] group-data-[paused]:bottom-[72px] media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:rounded-md [&>[data-part=cue]]:bg-black/95 [&>[data-part=cue]]:px-4 [&>[data-part=cue]]:py-1.5 [&>[data-part=cue]]:text-[15px] [&>[data-part=cue]]:leading-snug [&>[data-part=cue]]:text-white [&>[data-part=cue]]:drop-shadow-[0_1px_3px_rgba(0,0,0,0.8)]" }),
+            /* @__PURE__ */ jsx(PlayOverlay, {}),
+            /* @__PURE__ */ jsx(Gesture, { className: "absolute inset-0 z-0 block h-full w-full", event: "pointerup", action: "toggle:paused" }),
+            /* @__PURE__ */ jsx(Gesture, { className: "absolute inset-0 z-0 block h-full w-full", event: "dblpointerup", action: "toggle:fullscreen" }),
+            /* @__PURE__ */ jsx(SeekGestureZone, { side: "left", onSeekFeedback: handleSeekFeedback }),
+            /* @__PURE__ */ jsx(SeekGestureZone, { side: "right", onSeekFeedback: handleSeekFeedback }),
+            /* @__PURE__ */ jsxs(Controls.Root, { className: "absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100", children: [
               /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-              /* @__PURE__ */ jsx(CaptionControl, {}),
-              /* @__PURE__ */ jsx(SpeedControl, {}),
-              /* @__PURE__ */ jsx(QualityControl, {}),
-              /* @__PURE__ */ jsx(PIPControl, {}),
-              /* @__PURE__ */ jsx(FullscreenControl, {})
+              /* @__PURE__ */ jsx(Controls.Group, { className: "flex w-full items-center px-3", children: /* @__PURE__ */ jsx(SeekBar, { thumbnails, chapters: !!chapters }) }),
+              /* @__PURE__ */ jsxs(Controls.Group, { className: "flex w-full items-center gap-1 px-2 pb-2", children: [
+                /* @__PURE__ */ jsx(PlayControl, {}),
+                /* @__PURE__ */ jsx(SeekBackwardControl, {}),
+                /* @__PURE__ */ jsx(SeekForwardControl, {}),
+                /* @__PURE__ */ jsx(MuteControl, {}),
+                /* @__PURE__ */ jsx(VolumeControl, {}),
+                /* @__PURE__ */ jsx(TimeDisplay, {}),
+                /* @__PURE__ */ jsx(LiveIndicator, {}),
+                /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+                /* @__PURE__ */ jsx(CaptionControl, {}),
+                /* @__PURE__ */ jsx(SpeedControl, {}),
+                /* @__PURE__ */ jsx(QualityControl, {}),
+                /* @__PURE__ */ jsx(PIPControl, {}),
+                /* @__PURE__ */ jsx(FullscreenControl, {})
+              ] })
             ] })
           ] })
-        ] })
-      ]
-    }
-  );
-}
+        ]
+      })
+    );
+  }
+);
 
 export { VideoPlayer };
-//# sourceMappingURL=chunk-MSQ6RORJ.js.map
-//# sourceMappingURL=chunk-MSQ6RORJ.js.map
+//# sourceMappingURL=chunk-NDAABHM5.js.map
+//# sourceMappingURL=chunk-NDAABHM5.js.map

package/dist/chunk-NDAABHM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/video-player.tsx"],"names":["forwardRef","CaptionsIcon","VideoPlayer","_a"],"mappings":"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","file":"chunk-NDAABHM5.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  Poster,\n  Controls,\n  Gesture,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  FullscreenButton,\n  CaptionButton,\n  PIPButton,\n  SeekButton,\n  Captions,\n  Spinner,\n  Track,\n  Tooltip,\n  Menu,\n  LiveButton,\n  MediaAnnouncer,\n  useMediaState,\n  useMediaRemote,\n  useVideoQualityOptions,\n  useCaptionOptions,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\n// Desktop-only controls use the above. Mobile uses DefaultVideoLayout below.\nimport {\n  DefaultVideoLayout,\n  defaultLayoutIcons,\n} from \"@vidstack/react/player/layouts/default\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport \"@vidstack/react/player/styles/default/theme.css\"\nimport \"@vidstack/react/player/styles/default/layouts/video.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  Maximize,\n  Minimize,\n  Captions as CaptionsIcon,\n  CaptionsOff,\n  PictureInPicture2,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Settings,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface CaptionTrack {\n  /** URL do arquivo VTT de legenda */\n  src: string\n  /** Codigo do idioma (BCP 47, ex: \"pt-BR\", \"en\", \"es\") */\n  language: string\n  /** Label exibido no seletor de legendas (ex: \"Portugues\", \"English\") */\n  label: string\n  /** Se true, esta faixa sera ativada por padrao */\n  default?: boolean\n}\n\nexport interface VideoPlayerRef {\n  play(): void\n  pause(): void\n  readonly currentTime: number\n  readonly duration: number\n}\n\nexport interface VideoPlayerProps {\n  /** URL do video (mp4, webm, m3u8 para HLS) */\n  src: string\n  /** URL da imagem de poster */\n  poster?: string\n  /** Alt text do poster */\n  posterAlt?: string\n  /** URL do arquivo de thumbnails (VTT sprite sheet) */\n  thumbnails?: string\n  /** URL do arquivo VTT de chapters (marcadores de seção no timeline) */\n  chapters?: string\n  /** Faixas de legenda/subtitles (VTT). Suporta multiplos idiomas. */\n  captions?: CaptionTrack[]\n  /** Exibir spinner durante buffering (default: true) */\n  showBuffering?: boolean\n  /** Habilitar anuncios de acessibilidade para screen readers (default: true) */\n  announcer?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */\n  startTime?: number\n  /** Callback com progresso do video (currentTime em segundos, duration em segundos) */\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  /** Callback disparado quando o video termina */\n  onEnded?: () => void\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-white outline-none transition-colors hover:bg-white/20 focus-visible:ring-2 focus-visible:ring-white/50\"\n\nconst tooltipClass =\n  \"z-50 rounded bg-black/90 px-2 py-1 text-xs font-medium text-white shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n\n/** Wraps a control button with a Vidstack tooltip. Desktop only (no hover on mobile). */\nfunction ControlTooltip({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Content className={tooltipClass} placement=\"top\">\n        {label}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  )\n}\n\n/** Play, Pause e Volume usam icones filled (solid) no player — igual YouTube */\nconst filledIconClass = \"text-white fill-current !stroke-transparent\"\n\n/* ─── Sub-components (controles customizados) ─── */\n\nfunction PlayOverlay() {\n  const isPaused = useMediaState(\"paused\")\n  const hasStarted = useMediaState(\"started\")\n\n  if (!isPaused && hasStarted) return null\n\n  return (\n    <PlayButton className=\"absolute inset-0 z-10 flex cursor-pointer items-center justify-center bg-black/30 transition-opacity\">\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-transform hover:scale-110\">\n        <CycleIcon icon={Play} size=\"lg\" decorative className={cn(filledIconClass, \"ml-1\")} />\n      </div>\n    </PlayButton>\n  )\n}\n\nfunction PlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <ControlTooltip label={isPaused ? \"Reproduzir\" : \"Pausar\"}>\n      <PlayButton className={controlBtnClass}>\n        {isPaused ? (\n          <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n        ) : (\n          <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n        )}\n      </PlayButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekBackwardControl() {\n  return (\n    <ControlTooltip label=\"Retroceder 10s\">\n      <SeekButton className={controlBtnClass} seconds={-10}>\n        <CycleIcon icon={RotateCcw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekForwardControl() {\n  return (\n    <ControlTooltip label=\"Avançar 10s\">\n      <SeekButton className={controlBtnClass} seconds={10}>\n        <CycleIcon icon={RotateCw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction MuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n  const label = isMuted || volume === 0 ? \"Ativar som\" : \"Silenciar\"\n\n  return (\n    <ControlTooltip label={label}>\n      <MuteButton className={controlBtnClass}>\n        <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n      </MuteButton>\n    </ControlTooltip>\n  )\n}\n\nfunction VolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative inline-flex h-9 w-20 cursor-pointer touch-none select-none items-center outline-none\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction BufferingIndicator() {\n  return (\n    <div className=\"pointer-events-none absolute inset-0 z-[35] flex items-center justify-center media-buffering:opacity-100 media-can-play:opacity-0 opacity-0 transition-opacity duration-300\">\n      <Spinner.Root className=\"size-16 text-white\" size={64}>\n        <Spinner.Track className=\"opacity-25\" width={4} />\n        <Spinner.TrackFill className=\"opacity-75\" width={4} />\n      </Spinner.Root>\n    </div>\n  )\n}\n\nfunction SeekBar({ thumbnails, chapters }: { thumbnails?: string; chapters?: boolean }) {\n  const trackContent = (\n    <>\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-white/50\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </TimeSlider.Track>\n    </>\n  )\n\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      {chapters ? (\n        <TimeSlider.Chapters className=\"relative flex w-full items-center\">\n          {(cues, forwardRef) =>\n            cues.map((cue) => (\n              <div\n                className=\"relative flex h-full w-full items-center last:mr-0 mr-0.5\"\n                key={cue.startTime}\n                ref={forwardRef}\n              >\n                {trackContent}\n              </div>\n            ))\n          }\n        </TimeSlider.Chapters>\n      ) : (\n        trackContent\n      )}\n\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n\n      {/* Thumbnail preview on hover */}\n      {thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center gap-1 opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          <TimeSlider.Thumbnail.Root\n            src={thumbnails}\n            className=\"block h-[var(--thumbnail-height)] max-h-[160px] min-h-[80px] w-[var(--thumbnail-width)] min-w-[120px] max-w-[200px] overflow-hidden rounded-md border-2 border-white bg-black\"\n          >\n            <TimeSlider.Thumbnail.Img />\n          </TimeSlider.Thumbnail.Root>\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n\n      {/* Time preview (no thumbnails) */}\n      {!thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80 mb-0.5\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n    </TimeSlider.Root>\n  )\n}\n\nfunction TimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-white/80 tabular-nums\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction CaptionControl() {\n  const track = useMediaState(\"textTrack\")\n  const hasCaptions = useMediaState(\"hasCaptions\")\n  const options = useCaptionOptions()\n\n  // Single track or none: simple toggle button (native CaptionButton behavior)\n  if (options.length <= 2) {\n    return (\n      <ControlTooltip label={track ? \"Desativar legendas\" : \"Ativar legendas\"}>\n        <CaptionButton className={cn(controlBtnClass, !hasCaptions && \"opacity-50 pointer-events-none\")}>\n          {track ? (\n            <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n          )}\n        </CaptionButton>\n      </ControlTooltip>\n    )\n  }\n\n  // Multiple tracks: menu with language selection (native Vidstack Menu behavior)\n  return (\n    <Menu.Root>\n      <ControlTooltip label=\"Legendas\">\n        <Menu.Button className={controlBtnClass}>\n          {track ? (\n            <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n          )}\n        </Menu.Button>\n      </ControlTooltip>\n\n      <Menu.Content\n        className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\"\n        placement=\"top\"\n      >\n        <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n          Legendas\n        </p>\n        <Menu.RadioGroup value={options.selectedValue}>\n          {options.map((option) => (\n            <Menu.Radio\n              key={option.value}\n              value={option.value}\n              onSelect={option.select}\n              className={cn(\n                \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white cursor-pointer\",\n                option.selected && \"text-white font-medium\"\n              )}\n            >\n              <span className=\"size-4 flex items-center justify-center\">\n                {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n              </span>\n              <span>{option.label}</span>\n            </Menu.Radio>\n          ))}\n        </Menu.RadioGroup>\n      </Menu.Content>\n    </Menu.Root>\n  )\n}\n\nfunction PIPControl() {\n  const isPIP = useMediaState(\"pictureInPicture\")\n  const canPIP = useMediaState(\"canPictureInPicture\")\n\n  if (!canPIP) return null\n\n  return (\n    <ControlTooltip label={isPIP ? \"Sair do PiP\" : \"Picture-in-Picture\"}>\n      <PIPButton className={controlBtnClass}>\n        <CycleIcon icon={PictureInPicture2} size=\"sm\" decorative className={cn(\"text-white\", isPIP && \"text-white/100\")} />\n      </PIPButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Velocidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          {playbackRate === 1 ? (\n            <CycleIcon icon={Gauge} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <span className=\"text-xs font-mono font-semibold text-white\">{playbackRate}x</span>\n          )}\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  playbackRate === rate && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction QualityControl() {\n  const options = useVideoQualityOptions({ auto: true, sort: \"descending\" })\n  const [open, setOpen] = React.useState(false)\n\n  const currentLabel = options.selectedValue === \"auto\"\n    ? `Auto${options.selectedQuality ? ` (${options.selectedQuality.height}p)` : \"\"}`\n    : options.selectedQuality\n      ? `${options.selectedQuality.height}p`\n      : \"Auto\"\n\n  if (options.disabled) return null\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Qualidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          <CycleIcon icon={Settings} size=\"sm\" decorative className=\"text-white\" />\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n              Qualidade\n            </p>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => {\n                  option.select()\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  option.selected && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{option.label}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction FullscreenControl() {\n  const isFullscreen = useMediaState(\"fullscreen\")\n  return (\n    <ControlTooltip label={isFullscreen ? \"Sair da tela cheia\" : \"Tela cheia\"}>\n      <FullscreenButton className={controlBtnClass}>\n        {isFullscreen ? (\n          <CycleIcon icon={Minimize} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={Maximize} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </FullscreenButton>\n    </ControlTooltip>\n  )\n}\n\nfunction LiveIndicator() {\n  const isLive = useMediaState(\"live\")\n  const isLiveEdge = useMediaState(\"liveEdge\")\n\n  if (!isLive) return null\n\n  return (\n    <LiveButton\n      className={cn(\n        \"inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors\",\n        isLiveEdge\n          ? \"text-destructive\"\n          : \"text-white/60 hover:text-white\"\n      )}\n    >\n      <span\n        className={cn(\n          \"size-2 rounded-full\",\n          isLiveEdge ? \"bg-destructive animate-pulse\" : \"bg-white/40\"\n        )}\n      />\n      Live\n    </LiveButton>\n  )\n}\n\n\n/* ─── Gesture helpers ─── */\n\ntype SeekDirection = \"backward\" | \"forward\"\n\nconst DOUBLE_TAP_THRESHOLD = 300\n\n/** Double-tap left/right edges to seek ±10s. z-10 so it doesn't block controls (z-20). */\nfunction SeekGestureZone({\n  side,\n  onSeekFeedback,\n}: {\n  side: \"left\" | \"right\"\n  onSeekFeedback: (direction: SeekDirection) => void\n}) {\n  const remote = useMediaRemote()\n  const currentTime = useMediaState(\"currentTime\")\n  const lastTapRef = React.useRef(0)\n\n  const handlePointerUp = React.useCallback(\n    (e: React.PointerEvent) => {\n      const now = Date.now()\n      const delta = now - lastTapRef.current\n      lastTapRef.current = now\n\n      if (delta < DOUBLE_TAP_THRESHOLD) {\n        e.stopPropagation()\n        const seconds = side === \"left\" ? -10 : 10\n        remote.seek(currentTime + seconds)\n        onSeekFeedback(side === \"left\" ? \"backward\" : \"forward\")\n      }\n    },\n    [remote, currentTime, side, onSeekFeedback]\n  )\n\n  return (\n    <div\n      className={cn(\n        \"absolute top-0 z-10 block h-full w-1/5\",\n        side === \"left\" ? \"left-0\" : \"right-0\"\n      )}\n      onPointerUp={handlePointerUp}\n    />\n  )\n}\n\nfunction SeekFeedbackOverlay({\n  direction,\n  visible,\n  seconds,\n}: {\n  direction: SeekDirection\n  visible: boolean\n  seconds: number\n}) {\n  const isBackward = direction === \"backward\"\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute top-0 z-[35] flex h-full w-2/5 items-center transition-opacity duration-200\",\n        isBackward ? \"left-0 justify-center\" : \"right-0 justify-center\",\n        visible ? \"opacity-100\" : \"opacity-0\"\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-col items-center gap-1 transition-transform duration-300\",\n          visible ? \"scale-100\" : \"scale-75\"\n        )}\n      >\n        <div className=\"flex size-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm\">\n          <CycleIcon\n            icon={isBackward ? RotateCcw : RotateCw}\n            size=\"sm\"\n            decorative\n            className=\"text-white\"\n          />\n        </div>\n        <span className=\"text-xs font-semibold text-white drop-shadow-md\">\n          {seconds}s\n        </span>\n      </div>\n    </div>\n  )\n}\n\n\n/* ─── Hook: detect desktop via pointer capability ─── */\n/* Uses pointer: fine (mouse/trackpad) instead of viewport width.\n   This way mobile devices keep the touch-optimized DefaultVideoLayout\n   even when fullscreen in landscape exceeds the sm breakpoint. */\n\nfunction useIsDesktop() {\n  const [isDesktop, setIsDesktop] = React.useState(false)\n\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(pointer: fine)\")\n    setIsDesktop(mq.matches)\n    const handler = (e: MediaQueryListEvent) => setIsDesktop(e.matches)\n    mq.addEventListener(\"change\", handler)\n    return () => mq.removeEventListener(\"change\", handler)\n  }, [])\n\n  return isDesktop\n}\n\n/* ─── Main component ─── */\n\nexport const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(\n  function VideoPlayer(\n    {\n      src,\n      poster,\n      posterAlt = \"\",\n      thumbnails,\n      chapters,\n      captions,\n      showBuffering = true,\n      announcer = true,\n      autoPlay = false,\n      muted = false,\n      loop = false,\n      startTime,\n      onTimeUpdate,\n      onEnded,\n      className,\n    },\n    ref\n  ) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n\n  React.useImperativeHandle(ref, () => ({\n    play() {\n      player.current?.play()\n    },\n    pause() {\n      player.current?.pause()\n    },\n    get currentTime() {\n      return player.current?.currentTime ?? 0\n    },\n    get duration() {\n      return player.current?.duration ?? 0\n    },\n  }))\n\n  const handleTimeUpdate = React.useCallback(\n    (detail: { currentTime: number }) => {\n      if (onTimeUpdate && player.current) {\n        onTimeUpdate(detail.currentTime, player.current.duration)\n      }\n    },\n    [onTimeUpdate]\n  )\n\n  const handleEnded = React.useCallback(() => {\n    onEnded?.()\n  }, [onEnded])\n\n  // Resume position: seek to startTime once the player is ready\n  const hasAppliedStartTime = React.useRef(false)\n  const handleCanPlay = React.useCallback(() => {\n    if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {\n      player.current.currentTime = startTime\n      hasAppliedStartTime.current = true\n    }\n  }, [startTime])\n\n  const playerEvents = {\n    onCanPlay: handleCanPlay,\n    ...(onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}),\n    ...(onEnded ? { onEnded: handleEnded } : {}),\n  }\n  const isDesktop = useIsDesktop()\n\n  // Seek feedback state with accumulation (like YouTube)\n  const [seekFeedback, setSeekFeedback] = React.useState<SeekDirection | null>(null)\n  const [seekAccumulated, setSeekAccumulated] = React.useState(0)\n  const feedbackTimeout = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const handleSeekFeedback = React.useCallback((direction: SeekDirection) => {\n    clearTimeout(feedbackTimeout.current)\n\n    setSeekFeedback((prev) => {\n      if (prev === direction) {\n        setSeekAccumulated((s) => s + 10)\n      } else {\n        setSeekAccumulated(10)\n      }\n      return direction\n    })\n\n    feedbackTimeout.current = setTimeout(() => {\n      setSeekFeedback(null)\n      setSeekAccumulated(0)\n    }, 700)\n  }, [])\n\n  // Mobile: listen for seek requests from DefaultVideoLayout gestures\n  React.useEffect(() => {\n    const el = player.current?.el\n    if (!el || isDesktop) return\n\n    const handler = (e: Event) => {\n      const seekTo = (e as CustomEvent<number>).detail\n      const current = player.current?.currentTime ?? 0\n      const delta = seekTo - current\n      // Only show feedback for gesture seeks (~±10s), not slider scrubs\n      if (Math.abs(Math.abs(delta) - 10) < 2) {\n        handleSeekFeedback(delta < 0 ? \"backward\" : \"forward\")\n      }\n    }\n\n    el.addEventListener(\"media-seek-request\", handler)\n    return () => el.removeEventListener(\"media-seek-request\", handler)\n  }, [isDesktop, handleSeekFeedback])\n\n  React.useEffect(() => {\n    return () => clearTimeout(feedbackTimeout.current)\n  }, [])\n\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      playsInline\n      crossOrigin=\"\"\n      className={cn(\n        \"group relative aspect-video w-full overflow-hidden bg-black text-white\",\n        isDesktop ? \"rounded-[16px]\" : \"rounded-none\",\n        className\n      )}\n      {...playerEvents}\n    >\n      <MediaProvider>\n        {poster && (\n          <Poster\n            className={cn(\"absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100\", isDesktop && \"rounded-[16px]\")}\n            src={poster}\n            alt={posterAlt}\n          />\n        )}\n\n        {/* ─── Chapters track (VTT) ─── */}\n        {chapters && (\n          <Track\n            src={chapters}\n            kind=\"chapters\"\n            language=\"en\"\n            default\n          />\n        )}\n\n        {/* ─── Caption/subtitle tracks (VTT) ─── */}\n        {captions?.map((track) => (\n          <Track\n            key={track.language}\n            src={track.src}\n            kind=\"subtitles\"\n            language={track.language}\n            label={track.label}\n            default={track.default}\n          />\n        ))}\n      </MediaProvider>\n\n      {/* ─── Accessibility: screen reader announcements ─── */}\n      {announcer && <MediaAnnouncer />}\n\n      {/* ─── Buffering spinner ─── */}\n      {showBuffering && <BufferingIndicator />}\n\n      {/* ─── Seek feedback indicators (both mobile & desktop) ─── */}\n      <SeekFeedbackOverlay direction=\"backward\" visible={seekFeedback === \"backward\"} seconds={seekAccumulated} />\n      <SeekFeedbackOverlay direction=\"forward\" visible={seekFeedback === \"forward\"} seconds={seekAccumulated} />\n\n      {/* ─── MOBILE: Vidstack DefaultVideoLayout (touch, gestos, menus nativos) ─── */}\n      {!isDesktop && (\n        <DefaultVideoLayout\n          icons={defaultLayoutIcons}\n          thumbnails={thumbnails}\n          colorScheme=\"dark\"\n        />\n      )}\n\n      {/* ─── DESKTOP: Controles customizados do Cycle Design ─── */}\n      {isDesktop && (\n        <>\n          {/* Captions overlay */}\n          <Captions className=\"absolute inset-x-0 bottom-8 z-10 flex flex-col items-center select-none break-words text-center transition-[bottom] duration-200 ease-in-out group-data-[started]:group-hover:bottom-[72px] group-data-[paused]:bottom-[72px] media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:rounded-md [&>[data-part=cue]]:bg-black/95 [&>[data-part=cue]]:px-4 [&>[data-part=cue]]:py-1.5 [&>[data-part=cue]]:text-[15px] [&>[data-part=cue]]:leading-snug [&>[data-part=cue]]:text-white [&>[data-part=cue]]:drop-shadow-[0_1px_3px_rgba(0,0,0,0.8)]\" />\n\n          {/* Play overlay (paused state — big play button) */}\n          <PlayOverlay />\n\n          {/* Gestures: click to pause, double-click fullscreen */}\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"pointerup\" action=\"toggle:paused\" />\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"dblpointerup\" action=\"toggle:fullscreen\" />\n\n          {/* Double-tap seek zones on edges */}\n          <SeekGestureZone side=\"left\" onSeekFeedback={handleSeekFeedback} />\n          <SeekGestureZone side=\"right\" onSeekFeedback={handleSeekFeedback} />\n\n          {/* Controls overlay (hover to show) */}\n          <Controls.Root className=\"absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100\">\n            <div className=\"flex-1\" />\n\n            {/* Seek bar */}\n            <Controls.Group className=\"flex w-full items-center px-3\">\n              <SeekBar thumbnails={thumbnails} chapters={!!chapters} />\n            </Controls.Group>\n\n            {/* Bottom bar */}\n            <Controls.Group className=\"flex w-full items-center gap-1 px-2 pb-2\">\n              <PlayControl />\n              <SeekBackwardControl />\n              <SeekForwardControl />\n              <MuteControl />\n              <VolumeControl />\n              <TimeDisplay />\n              <LiveIndicator />\n\n              <div className=\"flex-1\" />\n\n              <CaptionControl />\n              <SpeedControl />\n              <QualityControl />\n              <PIPControl />\n              <FullscreenControl />\n            </Controls.Group>\n          </Controls.Root>\n        </>\n      )}\n    </MediaPlayer>\n  )\n  }\n)\n"]}

package/dist/{chunk-FPXSUEJO.js → chunk-PCLVQPIG.js}

@@ -1,6 +1,6 @@
 import { Avatar, AvatarImage, AvatarFallback } from './chunk-MSLQRGSP.js';
 import { CycleIcon } from './chunk-V7M2NHUO.js';
-import { Badge } from './chunk-HO3ZE6S6.js';
+import { Badge } from './chunk-W4GSXVJ2.js';
 import { cn } from './chunk-TYCPXAXF.js';
 import * as React from 'react';
 import { RadioIcon } from 'lucide-react';
@@ -93,5 +93,5 @@ function LiveWaiting({
 }
 
 export { LiveWaiting };
-//# sourceMappingURL=chunk-FPXSUEJO.js.map
-//# sourceMappingURL=chunk-FPXSUEJO.js.map
+//# sourceMappingURL=chunk-PCLVQPIG.js.map
+//# sourceMappingURL=chunk-PCLVQPIG.js.map

package/dist/{chunk-FPXSUEJO.js.map → chunk-PCLVQPIG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-FPXSUEJO.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { RadioIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Avatar, AvatarImage, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface LiveWaitingProps {\n  /** Scheduled start time of the live */\n  scheduledAt: Date\n  /** Teacher/instructor display name */\n  teacherName?: string\n  /** Teacher avatar URL */\n  teacherAvatar?: string\n  /** Live class topic/subject */\n  topic?: string\n  className?: string\n}\n\n/* ─── Helpers ─── */\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n  total: number\n}\n\nfunction calcTimeLeft(target: Date): TimeLeft {\n  const total = Math.max(0, target.getTime() - Date.now())\n  return {\n    days: Math.floor(total / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((total / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((total / (1000 * 60)) % 60),\n    seconds: Math.floor((total / 1000) % 60),\n    total,\n  }\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, \"0\")\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .slice(0, 2)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n}\n\n/* ─── Sub-components ─── */\n\nfunction CountdownUnit({ value, label }: { value: string; label: string }) {\n  return (\n    <div className=\"flex flex-col items-center gap-1\">\n      <div className=\"flex items-center justify-center size-14 sm:size-16 rounded-xl bg-muted border border-border text-2xl sm:text-3xl font-bold text-foreground tabular-nums\">\n        {value}\n      </div>\n      <span className=\"text-[11px] text-muted-foreground uppercase tracking-wider font-medium\">\n        {label}\n      </span>\n    </div>\n  )\n}\n\n/* ─── Component ─── */\n\nfunction LiveWaiting({\n  scheduledAt,\n  teacherName,\n  teacherAvatar,\n  topic,\n  className,\n}: LiveWaitingProps) {\n  const [timeLeft, setTimeLeft] = React.useState<TimeLeft>(() =>\n    calcTimeLeft(scheduledAt)\n  )\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeLeft(calcTimeLeft(scheduledAt))\n    }, 1000)\n    return () => clearInterval(timer)\n  }, [scheduledAt])\n\n  const hasStarted = timeLeft.total === 0\n\n  return (\n    <div\n      data-slot=\"live-waiting\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 py-12 sm:py-16 px-4\",\n        className\n      )}\n    >\n      {/* Live badge */}\n      <Badge variant=\"destructive\" size=\"lg\" className=\"gap-1.5\">\n        <CycleIcon icon={RadioIcon} size=\"2xs\" decorative />\n        {hasStarted ? \"Começando...\" : \"Aula ao Vivo\"}\n      </Badge>\n\n      {/* Topic */}\n      {topic && (\n        <h2 className=\"text-lg sm:text-xl font-semibold text-foreground text-center max-w-md leading-snug\">\n          {topic}\n        </h2>\n      )}\n\n      {/* Countdown */}\n      {!hasStarted && (\n        <div className=\"flex items-center gap-3\">\n          {timeLeft.days > 0 && (\n            <>\n              <CountdownUnit value={padTwo(timeLeft.days)} label=\"Dias\" />\n              <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n            </>\n          )}\n          <CountdownUnit value={padTwo(timeLeft.hours)} label=\"Horas\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.minutes)} label=\"Min\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.seconds)} label=\"Seg\" />\n        </div>\n      )}\n\n      {/* Scheduled date */}\n      <p className=\"text-sm text-muted-foreground\">\n        {scheduledAt.toLocaleDateString(\"pt-BR\", {\n          weekday: \"long\",\n          day: \"numeric\",\n          month: \"long\",\n          hour: \"2-digit\",\n          minute: \"2-digit\",\n        })}\n      </p>\n\n      {/* Teacher info */}\n      {teacherName && (\n        <div className=\"flex items-center gap-3 mt-2\">\n          <Avatar size=\"lg\">\n            {teacherAvatar && (\n              <AvatarImage src={teacherAvatar} alt={teacherName} />\n            )}\n            <AvatarFallback className=\"bg-primary text-primary-foreground\">\n              {getInitials(teacherName)}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium text-foreground\">\n              {teacherName}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">Professor(a)</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LiveWaiting }\n"]}
+{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-PCLVQPIG.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { RadioIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Avatar, AvatarImage, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface LiveWaitingProps {\n  /** Scheduled start time of the live */\n  scheduledAt: Date\n  /** Teacher/instructor display name */\n  teacherName?: string\n  /** Teacher avatar URL */\n  teacherAvatar?: string\n  /** Live class topic/subject */\n  topic?: string\n  className?: string\n}\n\n/* ─── Helpers ─── */\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n  total: number\n}\n\nfunction calcTimeLeft(target: Date): TimeLeft {\n  const total = Math.max(0, target.getTime() - Date.now())\n  return {\n    days: Math.floor(total / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((total / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((total / (1000 * 60)) % 60),\n    seconds: Math.floor((total / 1000) % 60),\n    total,\n  }\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, \"0\")\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .slice(0, 2)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n}\n\n/* ─── Sub-components ─── */\n\nfunction CountdownUnit({ value, label }: { value: string; label: string }) {\n  return (\n    <div className=\"flex flex-col items-center gap-1\">\n      <div className=\"flex items-center justify-center size-14 sm:size-16 rounded-xl bg-muted border border-border text-2xl sm:text-3xl font-bold text-foreground tabular-nums\">\n        {value}\n      </div>\n      <span className=\"text-[11px] text-muted-foreground uppercase tracking-wider font-medium\">\n        {label}\n      </span>\n    </div>\n  )\n}\n\n/* ─── Component ─── */\n\nfunction LiveWaiting({\n  scheduledAt,\n  teacherName,\n  teacherAvatar,\n  topic,\n  className,\n}: LiveWaitingProps) {\n  const [timeLeft, setTimeLeft] = React.useState<TimeLeft>(() =>\n    calcTimeLeft(scheduledAt)\n  )\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeLeft(calcTimeLeft(scheduledAt))\n    }, 1000)\n    return () => clearInterval(timer)\n  }, [scheduledAt])\n\n  const hasStarted = timeLeft.total === 0\n\n  return (\n    <div\n      data-slot=\"live-waiting\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 py-12 sm:py-16 px-4\",\n        className\n      )}\n    >\n      {/* Live badge */}\n      <Badge variant=\"destructive\" size=\"lg\" className=\"gap-1.5\">\n        <CycleIcon icon={RadioIcon} size=\"2xs\" decorative />\n        {hasStarted ? \"Começando...\" : \"Aula ao Vivo\"}\n      </Badge>\n\n      {/* Topic */}\n      {topic && (\n        <h2 className=\"text-lg sm:text-xl font-semibold text-foreground text-center max-w-md leading-snug\">\n          {topic}\n        </h2>\n      )}\n\n      {/* Countdown */}\n      {!hasStarted && (\n        <div className=\"flex items-center gap-3\">\n          {timeLeft.days > 0 && (\n            <>\n              <CountdownUnit value={padTwo(timeLeft.days)} label=\"Dias\" />\n              <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n            </>\n          )}\n          <CountdownUnit value={padTwo(timeLeft.hours)} label=\"Horas\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.minutes)} label=\"Min\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.seconds)} label=\"Seg\" />\n        </div>\n      )}\n\n      {/* Scheduled date */}\n      <p className=\"text-sm text-muted-foreground\">\n        {scheduledAt.toLocaleDateString(\"pt-BR\", {\n          weekday: \"long\",\n          day: \"numeric\",\n          month: \"long\",\n          hour: \"2-digit\",\n          minute: \"2-digit\",\n        })}\n      </p>\n\n      {/* Teacher info */}\n      {teacherName && (\n        <div className=\"flex items-center gap-3 mt-2\">\n          <Avatar size=\"lg\">\n            {teacherAvatar && (\n              <AvatarImage src={teacherAvatar} alt={teacherName} />\n            )}\n            <AvatarFallback className=\"bg-primary text-primary-foreground\">\n              {getInitials(teacherName)}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium text-foreground\">\n              {teacherName}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">Professor(a)</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LiveWaiting }\n"]}

package/dist/{chunk-7NEORCES.js → chunk-VSRZM7CU.js}

@@ -104,6 +104,7 @@ var AudioPlayer = React.forwardRef(
     muted = false,
     loop = false,
     showSpeed = true,
+    startTime,
     onTimeUpdate,
     onEnded,
     className
@@ -138,7 +139,16 @@ var AudioPlayer = React.forwardRef(
     const handleEnded = React.useCallback(() => {
       onEnded == null ? void 0 : onEnded();
     }, [onEnded]);
-    const playerEvents = __spreadValues(__spreadValues({}, onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}), onEnded ? { onEnded: handleEnded } : {});
+    const hasAppliedStartTime = React.useRef(false);
+    const handleCanPlay = React.useCallback(() => {
+      if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {
+        player.current.currentTime = startTime;
+        hasAppliedStartTime.current = true;
+      }
+    }, [startTime]);
+    const playerEvents = __spreadValues(__spreadValues({
+      onCanPlay: handleCanPlay
+    }, onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}), onEnded ? { onEnded: handleEnded } : {});
     if (variant === "card") {
       return /* @__PURE__ */ jsxs(
         MediaPlayer,
@@ -235,5 +245,5 @@ var AudioPlayer = React.forwardRef(
 );
 
 export { AudioPlayer };
-//# sourceMappingURL=chunk-7NEORCES.js.map
-//# sourceMappingURL=chunk-7NEORCES.js.map
+//# sourceMappingURL=chunk-VSRZM7CU.js.map
+//# sourceMappingURL=chunk-VSRZM7CU.js.map

package/dist/chunk-VSRZM7CU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":["AudioPlayer"],"mappings":"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","file":"chunk-VSRZM7CU.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerRef {\n  play(): void\n  pause(): void\n  readonly currentTime: number\n  readonly duration: number\n}\n\nexport interface AudioPlayerProps {\n  /** URL do audio (mp3, ogg, m3u8) */\n  src: string\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */\n  startTime?: number\n  /** Callback com progresso do audio (currentTime em segundos, duration em segundos) */\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  /** Callback disparado quando o audio termina */\n  onEnded?: () => void\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <PlayButton className={controlBtnClass}>\n      {isPaused ? (\n        <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n      ) : (\n        <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n      )}\n    </PlayButton>\n  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-border bg-popover p-1 shadow-lg\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-popover-foreground\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport const AudioPlayer = React.forwardRef<AudioPlayerRef, AudioPlayerProps>(\n  function AudioPlayer(\n    {\n      src,\n      title,\n      subtitle,\n      coverArt,\n      coverArtAlt = \"\",\n      variant = \"default\",\n      filled = false,\n      autoPlay = false,\n      muted = false,\n      loop = false,\n      showSpeed = true,\n      startTime,\n      onTimeUpdate,\n      onEnded,\n      className,\n    },\n    ref\n  ) {\n    const player = React.useRef<MediaPlayerInstance>(null)\n\n    React.useImperativeHandle(ref, () => ({\n      play() {\n        player.current?.play()\n      },\n      pause() {\n        player.current?.pause()\n      },\n      get currentTime() {\n        return player.current?.currentTime ?? 0\n      },\n      get duration() {\n        return player.current?.duration ?? 0\n      },\n    }))\n\n    const handleTimeUpdate = React.useCallback(\n      (detail: { currentTime: number }) => {\n        if (onTimeUpdate && player.current) {\n          onTimeUpdate(detail.currentTime, player.current.duration)\n        }\n      },\n      [onTimeUpdate]\n    )\n\n    const handleEnded = React.useCallback(() => {\n      onEnded?.()\n    }, [onEnded])\n\n    // Resume position: seek to startTime once the player is ready\n    const hasAppliedStartTime = React.useRef(false)\n    const handleCanPlay = React.useCallback(() => {\n      if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {\n        player.current.currentTime = startTime\n        hasAppliedStartTime.current = true\n      }\n    }, [startTime])\n\n    const playerEvents = {\n      onCanPlay: handleCanPlay,\n      ...(onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}),\n      ...(onEnded ? { onEnded: handleEnded } : {}),\n    }\n\n    if (variant === \"card\") {\n      return (\n        <MediaPlayer\n          ref={player}\n          src={src}\n          autoPlay={autoPlay}\n          muted={muted}\n          loop={loop}\n          viewType=\"audio\"\n          data-filled={filled ? \"\" : undefined}\n          style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n          className={cn(\n            \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n            className\n          )}\n          {...playerEvents}\n        >\n          <MediaProvider className=\"!hidden\" />\n\n          {/* Top: cover art + text */}\n          <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n            {coverArt && (\n              <img\n                src={coverArt}\n                alt={coverArtAlt}\n                className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n              />\n            )}\n            <div className=\"flex min-w-0 flex-col justify-center\">\n              <p className={cn(\n                \"truncate heading-md md:heading-xl\",\n                filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n              )}>{title}</p>\n              {subtitle && (\n                <p className={cn(\n                  \"truncate body-md md:body-lg\",\n                  filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n                )}>{subtitle}</p>\n              )}\n            </div>\n          </div>\n\n          {/* Seek bar */}\n          <div className=\"flex w-full items-center\">\n            <AudioSeekBar />\n          </div>\n\n          {/* Time */}\n          <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"current\" />\n            </div>\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"duration\" />\n            </div>\n          </div>\n\n          {/* Controls */}\n          <div className=\"flex items-center gap-1 md:gap-2\">\n            <AudioSeekBackwardControl />\n            <AudioPlayControl />\n            <AudioSeekForwardControl />\n\n            <div className=\"flex-1\" />\n\n            {showSpeed && <AudioSpeedControl />}\n            <AudioMuteControl />\n            <AudioVolumeControl />\n          </div>\n        </MediaPlayer>\n      )\n    }\n\n    // Default variant (compact bar)\n    return (\n      <MediaPlayer\n        ref={player}\n        src={src}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n          className\n        )}\n        {...playerEvents}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Left controls */}\n        <AudioSeekBackwardControl />\n        <AudioPlayControl />\n        <AudioSeekForwardControl />\n\n        {/* Seek bar */}\n        <div className=\"flex-1 px-1\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <AudioTimeDisplay />\n\n        {/* Right controls */}\n        {showSpeed && <AudioSpeedControl />}\n        <AudioMuteControl />\n        <AudioVolumeControl />\n      </MediaPlayer>\n    )\n  }\n)\n"]}

package/dist/{chunk-HO3ZE6S6.js → chunk-W4GSXVJ2.js}

@@ -18,7 +18,7 @@ var badgeVariants = cva(
         muted: "bg-muted text-muted-foreground",
         success: "theme-positive bg-background text-foreground border-foreground/20",
         progress: "bg-accent text-muted-foreground",
-        "progress-completed": "theme-positive bg-accent text-foreground"
+        "progress-completed": "theme-positive bg-accent text-accent-foreground"
       },
       size: {
         default: "rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3",
@@ -56,5 +56,5 @@ function Badge(_a) {
 }
 
 export { Badge, badgeVariants };
-//# sourceMappingURL=chunk-HO3ZE6S6.js.map
-//# sourceMappingURL=chunk-HO3ZE6S6.js.map
+//# sourceMappingURL=chunk-W4GSXVJ2.js.map
+//# sourceMappingURL=chunk-W4GSXVJ2.js.map

package/dist/{chunk-HO3ZE6S6.js.map → chunk-W4GSXVJ2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6DAAA;AAAA,QACF,SAAA,EACE,mEAAA;AAAA,QACF,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EACE,sFAAA;AAAA,QACF,KAAA,EACE,wDAAA;AAAA,QACF,IAAA,EACE,sDAAA;AAAA,QACF,KAAA,EACE,gCAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,QAAA,EACE,iCAAA;AAAA,QACF,oBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,6DAAA;AAAA,QACT,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,SAAS,MAAM,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EACb;AAAA,IAAA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU;AAAA,GAvDZ,GAmDe,EAAA,EAKV,KAAA,GAAA,SAAA,CALU,EAAA,EAKV;AAAA,IAJH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACrD,KAAA;AAAA,GACN;AAEJ","file":"chunk-HO3ZE6S6.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost:\n          \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link:\n          \"text-primary underline-offset-4 [a&]:hover:underline\",\n        muted:\n          \"bg-muted text-muted-foreground\",\n        success:\n          \"theme-positive bg-background text-foreground border-foreground/20\",\n        progress:\n          \"bg-accent text-muted-foreground\",\n        \"progress-completed\":\n          \"theme-positive bg-accent text-foreground\",\n      },\n      size: {\n        default: \"rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3\",\n        sm: \"rounded-md px-1.5 py-px text-[11px] font-medium [&>svg]:size-3\",\n        lg: \"rounded-full px-3 py-1 text-sm font-medium [&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean\n}\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"]}
+{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6DAAA;AAAA,QACF,SAAA,EACE,mEAAA;AAAA,QACF,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EACE,sFAAA;AAAA,QACF,KAAA,EACE,wDAAA;AAAA,QACF,IAAA,EACE,sDAAA;AAAA,QACF,KAAA,EACE,gCAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,QAAA,EACE,iCAAA;AAAA,QACF,oBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,6DAAA;AAAA,QACT,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,SAAS,MAAM,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EACb;AAAA,IAAA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU;AAAA,GAvDZ,GAmDe,EAAA,EAKV,KAAA,GAAA,SAAA,CALU,EAAA,EAKV;AAAA,IAJH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACrD,KAAA;AAAA,GACN;AAEJ","file":"chunk-W4GSXVJ2.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost:\n          \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link:\n          \"text-primary underline-offset-4 [a&]:hover:underline\",\n        muted:\n          \"bg-muted text-muted-foreground\",\n        success:\n          \"theme-positive bg-background text-foreground border-foreground/20\",\n        progress:\n          \"bg-accent text-muted-foreground\",\n        \"progress-completed\":\n          \"theme-positive bg-accent text-accent-foreground\",\n      },\n      size: {\n        default: \"rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3\",\n        sm: \"rounded-md px-1.5 py-px text-[11px] font-medium [&>svg]:size-3\",\n        lg: \"rounded-full px-3 py-1 text-sm font-medium [&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean\n}\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"]}

package/dist/index.d.ts

@@ -27,7 +27,7 @@ export { ChatMessage, ChatPanel, ChatPanelProps } from './ui/chat-panel.js';
 export { LikeDislike, LikeDislikeProps, LikeDislikeValue, likeDislikeVariants } from './ui/like-dislike.js';
 export { LiveWaiting, LiveWaitingProps } from './ui/live-waiting.js';
 export { AudioPlayer, AudioPlayerProps, AudioPlayerRef } from './ui/audio-player.js';
-export { CaptionTrack, VideoPlayer, VideoPlayerProps } from './ui/video-player.js';
+export { CaptionTrack, VideoPlayer, VideoPlayerProps, VideoPlayerRef } from './ui/video-player.js';
 export { Toaster, cycleToast } from './ui/sonner.js';
 export { Alert, AlertAction, AlertClose, AlertDescription, AlertProps, AlertTitle, alertVariants } from './ui/alert.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './ui/alert-dialog.js';

package/dist/index.js

@@ -8,8 +8,8 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Fab, fabVariants } from './chunk-7NFHHOAE.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-YJ4U7ISM.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-NOMLQHZS.js';
-export { AudioPlayer } from './chunk-7NEORCES.js';
-export { VideoPlayer } from './chunk-MSQ6RORJ.js';
+export { AudioPlayer } from './chunk-VSRZM7CU.js';
+export { VideoPlayer } from './chunk-NDAABHM5.js';
 export { Toaster, cycleToast } from './chunk-ELZCZ6ZH.js';
 export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-7ZXAU2CD.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-3EFI7PYC.js';
@@ -23,7 +23,7 @@ export { ChatPanel } from './chunk-L32AMI4K.js';
 export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
 export { LikeDislike, likeDislikeVariants } from './chunk-F2XA2Z75.js';
 export { Achievement, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress as ProgressIcon, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from './chunk-D4QCYBCD.js';
-export { LiveWaiting } from './chunk-FPXSUEJO.js';
+export { LiveWaiting } from './chunk-PCLVQPIG.js';
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
 export { CycleIcon, ICON_SIZES } from './chunk-V7M2NHUO.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-QZVQPUVT.js';
@@ -38,7 +38,7 @@ export { Button, buttonVariants } from './chunk-5I4PGGLN.js';
 export { Input } from './chunk-74WKJRW7.js';
 export { Textarea } from './chunk-JJETOZMI.js';
 export { Label } from './chunk-726XFHED.js';
-export { Badge, badgeVariants } from './chunk-HO3ZE6S6.js';
+export { Badge, badgeVariants } from './chunk-W4GSXVJ2.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-UEJLA7Q6.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './chunk-2MXR6RRJ.js';
 export { cn } from './chunk-TYCPXAXF.js';

package/dist/ui/audio-player.d.ts

@@ -29,6 +29,8 @@ interface AudioPlayerProps {
     loop?: boolean;
     /** Exibir controle de velocidade (default: true — EdTech) */
     showSpeed?: boolean;
+    /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */
+    startTime?: number;
     /** Callback com progresso do audio (currentTime em segundos, duration em segundos) */
     onTimeUpdate?: (currentTime: number, duration: number) => void;
     /** Callback disparado quando o audio termina */

package/dist/ui/audio-player.js

@@ -1,4 +1,4 @@
-export { AudioPlayer } from '../chunk-7NEORCES.js';
+export { AudioPlayer } from '../chunk-VSRZM7CU.js';
 import '../chunk-D4QCYBCD.js';
 import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/badge.js

@@ -1,4 +1,4 @@
-export { Badge, badgeVariants } from '../chunk-HO3ZE6S6.js';
+export { Badge, badgeVariants } from '../chunk-W4GSXVJ2.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=badge.js.map

package/dist/ui/live-waiting.js

@@ -1,7 +1,7 @@
-export { LiveWaiting } from '../chunk-FPXSUEJO.js';
+export { LiveWaiting } from '../chunk-PCLVQPIG.js';
 import '../chunk-MSLQRGSP.js';
 import '../chunk-V7M2NHUO.js';
-import '../chunk-HO3ZE6S6.js';
+import '../chunk-W4GSXVJ2.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=live-waiting.js.map

package/dist/ui/video-player.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 interface CaptionTrack {
     /** URL do arquivo VTT de legenda */
@@ -10,6 +10,12 @@ interface CaptionTrack {
     /** Se true, esta faixa sera ativada por padrao */
     default?: boolean;
 }
+interface VideoPlayerRef {
+    play(): void;
+    pause(): void;
+    readonly currentTime: number;
+    readonly duration: number;
+}
 interface VideoPlayerProps {
     /** URL do video (mp4, webm, m3u8 para HLS) */
     src: string;
@@ -33,8 +39,14 @@ interface VideoPlayerProps {
     muted?: boolean;
     /** Repetir ao terminar */
     loop?: boolean;
+    /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */
+    startTime?: number;
+    /** Callback com progresso do video (currentTime em segundos, duration em segundos) */
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+    /** Callback disparado quando o video termina */
+    onEnded?: () => void;
     className?: string;
 }
-declare function VideoPlayer({ src, poster, posterAlt, thumbnails, chapters, captions, showBuffering, announcer, autoPlay, muted, loop, className, }: VideoPlayerProps): react_jsx_runtime.JSX.Element;
+declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<VideoPlayerRef>>;
 
-export { type CaptionTrack, VideoPlayer, type VideoPlayerProps };
+export { type CaptionTrack, VideoPlayer, type VideoPlayerProps, type VideoPlayerRef };

package/dist/ui/video-player.js

@@ -1,4 +1,4 @@
-export { VideoPlayer } from '../chunk-MSQ6RORJ.js';
+export { VideoPlayer } from '../chunk-NDAABHM5.js';
 import '../chunk-D4QCYBCD.js';
 import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {

package/dist/chunk-7NEORCES.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":["AudioPlayer"],"mappings":"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","file":"chunk-7NEORCES.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerRef {\n  play(): void\n  pause(): void\n  readonly currentTime: number\n  readonly duration: number\n}\n\nexport interface AudioPlayerProps {\n  /** URL do audio (mp3, ogg, m3u8) */\n  src: string\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  /** Callback com progresso do audio (currentTime em segundos, duration em segundos) */\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  /** Callback disparado quando o audio termina */\n  onEnded?: () => void\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <PlayButton className={controlBtnClass}>\n      {isPaused ? (\n        <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n      ) : (\n        <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n      )}\n    </PlayButton>\n  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-border bg-popover p-1 shadow-lg\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-popover-foreground\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport const AudioPlayer = React.forwardRef<AudioPlayerRef, AudioPlayerProps>(\n  function AudioPlayer(\n    {\n      src,\n      title,\n      subtitle,\n      coverArt,\n      coverArtAlt = \"\",\n      variant = \"default\",\n      filled = false,\n      autoPlay = false,\n      muted = false,\n      loop = false,\n      showSpeed = true,\n      onTimeUpdate,\n      onEnded,\n      className,\n    },\n    ref\n  ) {\n    const player = React.useRef<MediaPlayerInstance>(null)\n\n    React.useImperativeHandle(ref, () => ({\n      play() {\n        player.current?.play()\n      },\n      pause() {\n        player.current?.pause()\n      },\n      get currentTime() {\n        return player.current?.currentTime ?? 0\n      },\n      get duration() {\n        return player.current?.duration ?? 0\n      },\n    }))\n\n    const handleTimeUpdate = React.useCallback(\n      (detail: { currentTime: number }) => {\n        if (onTimeUpdate && player.current) {\n          onTimeUpdate(detail.currentTime, player.current.duration)\n        }\n      },\n      [onTimeUpdate]\n    )\n\n    const handleEnded = React.useCallback(() => {\n      onEnded?.()\n    }, [onEnded])\n\n    const playerEvents = {\n      ...(onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}),\n      ...(onEnded ? { onEnded: handleEnded } : {}),\n    }\n\n    if (variant === \"card\") {\n      return (\n        <MediaPlayer\n          ref={player}\n          src={src}\n          autoPlay={autoPlay}\n          muted={muted}\n          loop={loop}\n          viewType=\"audio\"\n          data-filled={filled ? \"\" : undefined}\n          style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n          className={cn(\n            \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n            className\n          )}\n          {...playerEvents}\n        >\n          <MediaProvider className=\"!hidden\" />\n\n          {/* Top: cover art + text */}\n          <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n            {coverArt && (\n              <img\n                src={coverArt}\n                alt={coverArtAlt}\n                className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n              />\n            )}\n            <div className=\"flex min-w-0 flex-col justify-center\">\n              <p className={cn(\n                \"truncate heading-md md:heading-xl\",\n                filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n              )}>{title}</p>\n              {subtitle && (\n                <p className={cn(\n                  \"truncate body-md md:body-lg\",\n                  filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n                )}>{subtitle}</p>\n              )}\n            </div>\n          </div>\n\n          {/* Seek bar */}\n          <div className=\"flex w-full items-center\">\n            <AudioSeekBar />\n          </div>\n\n          {/* Time */}\n          <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"current\" />\n            </div>\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"duration\" />\n            </div>\n          </div>\n\n          {/* Controls */}\n          <div className=\"flex items-center gap-1 md:gap-2\">\n            <AudioSeekBackwardControl />\n            <AudioPlayControl />\n            <AudioSeekForwardControl />\n\n            <div className=\"flex-1\" />\n\n            {showSpeed && <AudioSpeedControl />}\n            <AudioMuteControl />\n            <AudioVolumeControl />\n          </div>\n        </MediaPlayer>\n      )\n    }\n\n    // Default variant (compact bar)\n    return (\n      <MediaPlayer\n        ref={player}\n        src={src}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n          className\n        )}\n        {...playerEvents}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Left controls */}\n        <AudioSeekBackwardControl />\n        <AudioPlayControl />\n        <AudioSeekForwardControl />\n\n        {/* Seek bar */}\n        <div className=\"flex-1 px-1\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <AudioTimeDisplay />\n\n        {/* Right controls */}\n        {showSpeed && <AudioSpeedControl />}\n        <AudioMuteControl />\n        <AudioVolumeControl />\n      </MediaPlayer>\n    )\n  }\n)\n"]}

package/dist/chunk-MSQ6RORJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/video-player.tsx"],"names":["CaptionsIcon","_a"],"mappings":"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","file":"chunk-MSQ6RORJ.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  Poster,\n  Controls,\n  Gesture,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  FullscreenButton,\n  CaptionButton,\n  PIPButton,\n  SeekButton,\n  Captions,\n  Spinner,\n  Track,\n  Tooltip,\n  Menu,\n  LiveButton,\n  MediaAnnouncer,\n  useMediaState,\n  useMediaRemote,\n  useVideoQualityOptions,\n  useCaptionOptions,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\n// Desktop-only controls use the above. Mobile uses DefaultVideoLayout below.\nimport {\n  DefaultVideoLayout,\n  defaultLayoutIcons,\n} from \"@vidstack/react/player/layouts/default\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport \"@vidstack/react/player/styles/default/theme.css\"\nimport \"@vidstack/react/player/styles/default/layouts/video.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  Maximize,\n  Minimize,\n  Captions as CaptionsIcon,\n  CaptionsOff,\n  PictureInPicture2,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Settings,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface CaptionTrack {\n  /** URL do arquivo VTT de legenda */\n  src: string\n  /** Codigo do idioma (BCP 47, ex: \"pt-BR\", \"en\", \"es\") */\n  language: string\n  /** Label exibido no seletor de legendas (ex: \"Portugues\", \"English\") */\n  label: string\n  /** Se true, esta faixa sera ativada por padrao */\n  default?: boolean\n}\n\nexport interface VideoPlayerProps {\n  /** URL do video (mp4, webm, m3u8 para HLS) */\n  src: string\n  /** URL da imagem de poster */\n  poster?: string\n  /** Alt text do poster */\n  posterAlt?: string\n  /** URL do arquivo de thumbnails (VTT sprite sheet) */\n  thumbnails?: string\n  /** URL do arquivo VTT de chapters (marcadores de seção no timeline) */\n  chapters?: string\n  /** Faixas de legenda/subtitles (VTT). Suporta multiplos idiomas. */\n  captions?: CaptionTrack[]\n  /** Exibir spinner durante buffering (default: true) */\n  showBuffering?: boolean\n  /** Habilitar anuncios de acessibilidade para screen readers (default: true) */\n  announcer?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-white outline-none transition-colors hover:bg-white/20 focus-visible:ring-2 focus-visible:ring-white/50\"\n\nconst tooltipClass =\n  \"z-50 rounded bg-black/90 px-2 py-1 text-xs font-medium text-white shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n\n/** Wraps a control button with a Vidstack tooltip. Desktop only (no hover on mobile). */\nfunction ControlTooltip({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Content className={tooltipClass} placement=\"top\">\n        {label}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  )\n}\n\n/** Play, Pause e Volume usam icones filled (solid) no player — igual YouTube */\nconst filledIconClass = \"text-white fill-current !stroke-transparent\"\n\n/* ─── Sub-components (controles customizados) ─── */\n\nfunction PlayOverlay() {\n  const isPaused = useMediaState(\"paused\")\n  const hasStarted = useMediaState(\"started\")\n\n  if (!isPaused && hasStarted) return null\n\n  return (\n    <PlayButton className=\"absolute inset-0 z-10 flex cursor-pointer items-center justify-center bg-black/30 transition-opacity\">\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-transform hover:scale-110\">\n        <CycleIcon icon={Play} size=\"lg\" decorative className={cn(filledIconClass, \"ml-1\")} />\n      </div>\n    </PlayButton>\n  )\n}\n\nfunction PlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <ControlTooltip label={isPaused ? \"Reproduzir\" : \"Pausar\"}>\n      <PlayButton className={controlBtnClass}>\n        {isPaused ? (\n          <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n        ) : (\n          <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n        )}\n      </PlayButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekBackwardControl() {\n  return (\n    <ControlTooltip label=\"Retroceder 10s\">\n      <SeekButton className={controlBtnClass} seconds={-10}>\n        <CycleIcon icon={RotateCcw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekForwardControl() {\n  return (\n    <ControlTooltip label=\"Avançar 10s\">\n      <SeekButton className={controlBtnClass} seconds={10}>\n        <CycleIcon icon={RotateCw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction MuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n  const label = isMuted || volume === 0 ? \"Ativar som\" : \"Silenciar\"\n\n  return (\n    <ControlTooltip label={label}>\n      <MuteButton className={controlBtnClass}>\n        <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n      </MuteButton>\n    </ControlTooltip>\n  )\n}\n\nfunction VolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative inline-flex h-9 w-20 cursor-pointer touch-none select-none items-center outline-none\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction BufferingIndicator() {\n  return (\n    <div className=\"pointer-events-none absolute inset-0 z-[35] flex items-center justify-center media-buffering:opacity-100 media-can-play:opacity-0 opacity-0 transition-opacity duration-300\">\n      <Spinner.Root className=\"size-16 text-white\" size={64}>\n        <Spinner.Track className=\"opacity-25\" width={4} />\n        <Spinner.TrackFill className=\"opacity-75\" width={4} />\n      </Spinner.Root>\n    </div>\n  )\n}\n\nfunction SeekBar({ thumbnails, chapters }: { thumbnails?: string; chapters?: boolean }) {\n  const trackContent = (\n    <>\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-white/50\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </TimeSlider.Track>\n    </>\n  )\n\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      {chapters ? (\n        <TimeSlider.Chapters className=\"relative flex w-full items-center\">\n          {(cues, forwardRef) =>\n            cues.map((cue) => (\n              <div\n                className=\"relative flex h-full w-full items-center last:mr-0 mr-0.5\"\n                key={cue.startTime}\n                ref={forwardRef}\n              >\n                {trackContent}\n              </div>\n            ))\n          }\n        </TimeSlider.Chapters>\n      ) : (\n        trackContent\n      )}\n\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n\n      {/* Thumbnail preview on hover */}\n      {thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center gap-1 opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          <TimeSlider.Thumbnail.Root\n            src={thumbnails}\n            className=\"block h-[var(--thumbnail-height)] max-h-[160px] min-h-[80px] w-[var(--thumbnail-width)] min-w-[120px] max-w-[200px] overflow-hidden rounded-md border-2 border-white bg-black\"\n          >\n            <TimeSlider.Thumbnail.Img />\n          </TimeSlider.Thumbnail.Root>\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n\n      {/* Time preview (no thumbnails) */}\n      {!thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80 mb-0.5\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n    </TimeSlider.Root>\n  )\n}\n\nfunction TimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-white/80 tabular-nums\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction CaptionControl() {\n  const track = useMediaState(\"textTrack\")\n  const hasCaptions = useMediaState(\"hasCaptions\")\n  const options = useCaptionOptions()\n\n  // Single track or none: simple toggle button (native CaptionButton behavior)\n  if (options.length <= 2) {\n    return (\n      <ControlTooltip label={track ? \"Desativar legendas\" : \"Ativar legendas\"}>\n        <CaptionButton className={cn(controlBtnClass, !hasCaptions && \"opacity-50 pointer-events-none\")}>\n          {track ? (\n            <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n          )}\n        </CaptionButton>\n      </ControlTooltip>\n    )\n  }\n\n  // Multiple tracks: menu with language selection (native Vidstack Menu behavior)\n  return (\n    <Menu.Root>\n      <ControlTooltip label=\"Legendas\">\n        <Menu.Button className={controlBtnClass}>\n          {track ? (\n            <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n          )}\n        </Menu.Button>\n      </ControlTooltip>\n\n      <Menu.Content\n        className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\"\n        placement=\"top\"\n      >\n        <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n          Legendas\n        </p>\n        <Menu.RadioGroup value={options.selectedValue}>\n          {options.map((option) => (\n            <Menu.Radio\n              key={option.value}\n              value={option.value}\n              onSelect={option.select}\n              className={cn(\n                \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white cursor-pointer\",\n                option.selected && \"text-white font-medium\"\n              )}\n            >\n              <span className=\"size-4 flex items-center justify-center\">\n                {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n              </span>\n              <span>{option.label}</span>\n            </Menu.Radio>\n          ))}\n        </Menu.RadioGroup>\n      </Menu.Content>\n    </Menu.Root>\n  )\n}\n\nfunction PIPControl() {\n  const isPIP = useMediaState(\"pictureInPicture\")\n  return (\n    <ControlTooltip label={isPIP ? \"Sair do PiP\" : \"Picture-in-Picture\"}>\n      <PIPButton className={controlBtnClass}>\n        <CycleIcon icon={PictureInPicture2} size=\"sm\" decorative className={cn(\"text-white\", isPIP && \"text-white/100\")} />\n      </PIPButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Velocidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          {playbackRate === 1 ? (\n            <CycleIcon icon={Gauge} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <span className=\"text-xs font-mono font-semibold text-white\">{playbackRate}x</span>\n          )}\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  playbackRate === rate && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction QualityControl() {\n  const options = useVideoQualityOptions({ auto: true, sort: \"descending\" })\n  const [open, setOpen] = React.useState(false)\n\n  const currentLabel = options.selectedValue === \"auto\"\n    ? `Auto${options.selectedQuality ? ` (${options.selectedQuality.height}p)` : \"\"}`\n    : options.selectedQuality\n      ? `${options.selectedQuality.height}p`\n      : \"Auto\"\n\n  if (options.disabled) return null\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Qualidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          <CycleIcon icon={Settings} size=\"sm\" decorative className=\"text-white\" />\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n              Qualidade\n            </p>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => {\n                  option.select()\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  option.selected && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{option.label}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction FullscreenControl() {\n  const isFullscreen = useMediaState(\"fullscreen\")\n  return (\n    <ControlTooltip label={isFullscreen ? \"Sair da tela cheia\" : \"Tela cheia\"}>\n      <FullscreenButton className={controlBtnClass}>\n        {isFullscreen ? (\n          <CycleIcon icon={Minimize} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={Maximize} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </FullscreenButton>\n    </ControlTooltip>\n  )\n}\n\nfunction LiveIndicator() {\n  const isLive = useMediaState(\"live\")\n  const isLiveEdge = useMediaState(\"liveEdge\")\n\n  if (!isLive) return null\n\n  return (\n    <LiveButton\n      className={cn(\n        \"inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors\",\n        isLiveEdge\n          ? \"text-destructive\"\n          : \"text-white/60 hover:text-white\"\n      )}\n    >\n      <span\n        className={cn(\n          \"size-2 rounded-full\",\n          isLiveEdge ? \"bg-destructive animate-pulse\" : \"bg-white/40\"\n        )}\n      />\n      Live\n    </LiveButton>\n  )\n}\n\n\n/* ─── Gesture helpers ─── */\n\ntype SeekDirection = \"backward\" | \"forward\"\n\nconst DOUBLE_TAP_THRESHOLD = 300\n\n/** Double-tap left/right edges to seek ±10s. z-10 so it doesn't block controls (z-20). */\nfunction SeekGestureZone({\n  side,\n  onSeekFeedback,\n}: {\n  side: \"left\" | \"right\"\n  onSeekFeedback: (direction: SeekDirection) => void\n}) {\n  const remote = useMediaRemote()\n  const currentTime = useMediaState(\"currentTime\")\n  const lastTapRef = React.useRef(0)\n\n  const handlePointerUp = React.useCallback(\n    (e: React.PointerEvent) => {\n      const now = Date.now()\n      const delta = now - lastTapRef.current\n      lastTapRef.current = now\n\n      if (delta < DOUBLE_TAP_THRESHOLD) {\n        e.stopPropagation()\n        const seconds = side === \"left\" ? -10 : 10\n        remote.seek(currentTime + seconds)\n        onSeekFeedback(side === \"left\" ? \"backward\" : \"forward\")\n      }\n    },\n    [remote, currentTime, side, onSeekFeedback]\n  )\n\n  return (\n    <div\n      className={cn(\n        \"absolute top-0 z-10 block h-full w-1/5\",\n        side === \"left\" ? \"left-0\" : \"right-0\"\n      )}\n      onPointerUp={handlePointerUp}\n    />\n  )\n}\n\nfunction SeekFeedbackOverlay({\n  direction,\n  visible,\n  seconds,\n}: {\n  direction: SeekDirection\n  visible: boolean\n  seconds: number\n}) {\n  const isBackward = direction === \"backward\"\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute top-0 z-[35] flex h-full w-2/5 items-center transition-opacity duration-200\",\n        isBackward ? \"left-0 justify-center\" : \"right-0 justify-center\",\n        visible ? \"opacity-100\" : \"opacity-0\"\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-col items-center gap-1 transition-transform duration-300\",\n          visible ? \"scale-100\" : \"scale-75\"\n        )}\n      >\n        <div className=\"flex size-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm\">\n          <CycleIcon\n            icon={isBackward ? RotateCcw : RotateCw}\n            size=\"sm\"\n            decorative\n            className=\"text-white\"\n          />\n        </div>\n        <span className=\"text-xs font-semibold text-white drop-shadow-md\">\n          {seconds}s\n        </span>\n      </div>\n    </div>\n  )\n}\n\n\n/* ─── Hook: detect desktop via pointer capability ─── */\n/* Uses pointer: fine (mouse/trackpad) instead of viewport width.\n   This way mobile devices keep the touch-optimized DefaultVideoLayout\n   even when fullscreen in landscape exceeds the sm breakpoint. */\n\nfunction useIsDesktop() {\n  const [isDesktop, setIsDesktop] = React.useState(false)\n\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(pointer: fine)\")\n    setIsDesktop(mq.matches)\n    const handler = (e: MediaQueryListEvent) => setIsDesktop(e.matches)\n    mq.addEventListener(\"change\", handler)\n    return () => mq.removeEventListener(\"change\", handler)\n  }, [])\n\n  return isDesktop\n}\n\n/* ─── Main component ─── */\n\nexport function VideoPlayer({\n  src,\n  poster,\n  posterAlt = \"\",\n  thumbnails,\n  chapters,\n  captions,\n  showBuffering = true,\n  announcer = true,\n  autoPlay = false,\n  muted = false,\n  loop = false,\n  className,\n}: VideoPlayerProps) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n  const isDesktop = useIsDesktop()\n\n  // Seek feedback state with accumulation (like YouTube)\n  const [seekFeedback, setSeekFeedback] = React.useState<SeekDirection | null>(null)\n  const [seekAccumulated, setSeekAccumulated] = React.useState(0)\n  const feedbackTimeout = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const handleSeekFeedback = React.useCallback((direction: SeekDirection) => {\n    clearTimeout(feedbackTimeout.current)\n\n    setSeekFeedback((prev) => {\n      if (prev === direction) {\n        setSeekAccumulated((s) => s + 10)\n      } else {\n        setSeekAccumulated(10)\n      }\n      return direction\n    })\n\n    feedbackTimeout.current = setTimeout(() => {\n      setSeekFeedback(null)\n      setSeekAccumulated(0)\n    }, 700)\n  }, [])\n\n  // Mobile: listen for seek requests from DefaultVideoLayout gestures\n  React.useEffect(() => {\n    const el = player.current?.el\n    if (!el || isDesktop) return\n\n    const handler = (e: Event) => {\n      const seekTo = (e as CustomEvent<number>).detail\n      const current = player.current?.currentTime ?? 0\n      const delta = seekTo - current\n      // Only show feedback for gesture seeks (~±10s), not slider scrubs\n      if (Math.abs(Math.abs(delta) - 10) < 2) {\n        handleSeekFeedback(delta < 0 ? \"backward\" : \"forward\")\n      }\n    }\n\n    el.addEventListener(\"media-seek-request\", handler)\n    return () => el.removeEventListener(\"media-seek-request\", handler)\n  }, [isDesktop, handleSeekFeedback])\n\n  React.useEffect(() => {\n    return () => clearTimeout(feedbackTimeout.current)\n  }, [])\n\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      playsInline\n      crossOrigin=\"\"\n      className={cn(\n        \"group relative aspect-video w-full overflow-hidden bg-black text-white\",\n        isDesktop ? \"rounded-[16px]\" : \"rounded-none\",\n        className\n      )}\n    >\n      <MediaProvider>\n        {poster && (\n          <Poster\n            className={cn(\"absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100\", isDesktop && \"rounded-[16px]\")}\n            src={poster}\n            alt={posterAlt}\n          />\n        )}\n\n        {/* ─── Chapters track (VTT) ─── */}\n        {chapters && (\n          <Track\n            src={chapters}\n            kind=\"chapters\"\n            language=\"en\"\n            default\n          />\n        )}\n\n        {/* ─── Caption/subtitle tracks (VTT) ─── */}\n        {captions?.map((track) => (\n          <Track\n            key={track.language}\n            src={track.src}\n            kind=\"subtitles\"\n            language={track.language}\n            label={track.label}\n            default={track.default}\n          />\n        ))}\n      </MediaProvider>\n\n      {/* ─── Accessibility: screen reader announcements ─── */}\n      {announcer && <MediaAnnouncer />}\n\n      {/* ─── Buffering spinner ─── */}\n      {showBuffering && <BufferingIndicator />}\n\n      {/* ─── Seek feedback indicators (both mobile & desktop) ─── */}\n      <SeekFeedbackOverlay direction=\"backward\" visible={seekFeedback === \"backward\"} seconds={seekAccumulated} />\n      <SeekFeedbackOverlay direction=\"forward\" visible={seekFeedback === \"forward\"} seconds={seekAccumulated} />\n\n      {/* ─── MOBILE: Vidstack DefaultVideoLayout (touch, gestos, menus nativos) ─── */}\n      {!isDesktop && (\n        <DefaultVideoLayout\n          icons={defaultLayoutIcons}\n          thumbnails={thumbnails}\n          colorScheme=\"dark\"\n        />\n      )}\n\n      {/* ─── DESKTOP: Controles customizados do Cycle Design ─── */}\n      {isDesktop && (\n        <>\n          {/* Captions overlay */}\n          <Captions className=\"absolute inset-x-0 bottom-8 z-10 flex flex-col items-center select-none break-words text-center transition-[bottom] duration-200 ease-in-out group-data-[started]:group-hover:bottom-[72px] group-data-[paused]:bottom-[72px] media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:rounded-md [&>[data-part=cue]]:bg-black/95 [&>[data-part=cue]]:px-4 [&>[data-part=cue]]:py-1.5 [&>[data-part=cue]]:text-[15px] [&>[data-part=cue]]:leading-snug [&>[data-part=cue]]:text-white [&>[data-part=cue]]:drop-shadow-[0_1px_3px_rgba(0,0,0,0.8)]\" />\n\n          {/* Play overlay (paused state — big play button) */}\n          <PlayOverlay />\n\n          {/* Gestures: click to pause, double-click fullscreen */}\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"pointerup\" action=\"toggle:paused\" />\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"dblpointerup\" action=\"toggle:fullscreen\" />\n\n          {/* Double-tap seek zones on edges */}\n          <SeekGestureZone side=\"left\" onSeekFeedback={handleSeekFeedback} />\n          <SeekGestureZone side=\"right\" onSeekFeedback={handleSeekFeedback} />\n\n          {/* Controls overlay (hover to show) */}\n          <Controls.Root className=\"absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100\">\n            <div className=\"flex-1\" />\n\n            {/* Seek bar */}\n            <Controls.Group className=\"flex w-full items-center px-3\">\n              <SeekBar thumbnails={thumbnails} chapters={!!chapters} />\n            </Controls.Group>\n\n            {/* Bottom bar */}\n            <Controls.Group className=\"flex w-full items-center gap-1 px-2 pb-2\">\n              <PlayControl />\n              <SeekBackwardControl />\n              <SeekForwardControl />\n              <MuteControl />\n              <VolumeControl />\n              <TimeDisplay />\n              <LiveIndicator />\n\n              <div className=\"flex-1\" />\n\n              <CaptionControl />\n              <SpeedControl />\n              <QualityControl />\n              <PIPControl />\n              <FullscreenControl />\n            </Controls.Group>\n          </Controls.Root>\n        </>\n      )}\n    </MediaPlayer>\n  )\n}\n"]}