@fluencypassdevs/cycle 0.1.0

package/dist/chunk-XX3I65LQ.js

@@ -0,0 +1,435 @@
+import { CycleIcon } from './chunk-OT2HCBR2.js';
+import { cn } from './chunk-TYCPXAXF.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, CaptionButton, useVideoQualityOptions, PIPButton, FullscreenButton, Tooltip } from '@vidstack/react';
+import { DefaultVideoLayout, defaultLayoutIcons } from '@vidstack/react/player/layouts/default';
+import '@vidstack/react/player/styles/base.css';
+import '@vidstack/react/player/styles/default/theme.css';
+import '@vidstack/react/player/styles/default/layouts/video.css';
+import { RotateCcw, RotateCw, Play, Pause, VolumeX, Volume1, Volume2, Captions as Captions$1, CaptionsOff, Gauge, Check, Settings, PictureInPicture2, Minimize, Maximize } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var controlBtnClass = "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";
+var tooltipClass = "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";
+function ControlTooltip({ label, children }) {
+  return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(Tooltip.Content, { className: tooltipClass, placement: "top", children: label })
+  ] });
+}
+var filledIconClass = "text-white fill-current !stroke-transparent";
+function PlayOverlay() {
+  const isPaused = useMediaState("paused");
+  const hasStarted = useMediaState("started");
+  if (!isPaused && hasStarted) return null;
+  return /* @__PURE__ */ jsx(PlayButton, { className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/30 transition-opacity", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-transform hover:scale-110", children: /* @__PURE__ */ jsx(CycleIcon, { icon: Play, size: "lg", decorative: true, className: cn(filledIconClass, "ml-1") }) }) });
+}
+function PlayControl() {
+  const isPaused = useMediaState("paused");
+  return /* @__PURE__ */ jsx(ControlTooltip, { label: isPaused ? "Reproduzir" : "Pausar", children: /* @__PURE__ */ jsx(PlayButton, { className: controlBtnClass, children: isPaused ? /* @__PURE__ */ jsx(CycleIcon, { icon: Play, size: "sm", decorative: true, className: filledIconClass }) : /* @__PURE__ */ jsx(CycleIcon, { icon: Pause, size: "sm", decorative: true, className: filledIconClass }) }) });
+}
+function SeekBackwardControl() {
+  return /* @__PURE__ */ jsx(ControlTooltip, { label: "Retroceder 10s", children: /* @__PURE__ */ jsx(SeekButton, { className: controlBtnClass, seconds: -10, children: /* @__PURE__ */ jsx(CycleIcon, { icon: RotateCcw, size: "sm", decorative: true, className: "text-white" }) }) });
+}
+function SeekForwardControl() {
+  return /* @__PURE__ */ jsx(ControlTooltip, { label: "Avan\xE7ar 10s", children: /* @__PURE__ */ jsx(SeekButton, { className: controlBtnClass, seconds: 10, children: /* @__PURE__ */ jsx(CycleIcon, { icon: RotateCw, size: "sm", decorative: true, className: "text-white" }) }) });
+}
+function MuteControl() {
+  const volume = useMediaState("volume");
+  const isMuted = useMediaState("muted");
+  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;
+  const label = isMuted || volume === 0 ? "Ativar som" : "Silenciar";
+  return /* @__PURE__ */ jsx(ControlTooltip, { label, children: /* @__PURE__ */ jsx(MuteButton, { className: controlBtnClass, children: /* @__PURE__ */ jsx(CycleIcon, { icon: Icon, size: "sm", decorative: true, className: filledIconClass }) }) });
+}
+function VolumeControl() {
+  return /* @__PURE__ */ jsxs(VolumeSlider.Root, { className: "group relative inline-flex h-9 w-20 cursor-pointer touch-none select-none items-center outline-none", children: [
+    /* @__PURE__ */ jsx(VolumeSlider.Track, { className: "relative h-[4px] w-full rounded-full bg-white/30", children: /* @__PURE__ */ jsx(VolumeSlider.TrackFill, { className: "absolute h-full w-[var(--slider-fill)] rounded-full bg-white" }) }),
+    /* @__PURE__ */ jsx(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" })
+  ] });
+}
+function BufferingIndicator() {
+  return /* @__PURE__ */ jsx("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", children: /* @__PURE__ */ jsxs(Spinner.Root, { className: "size-16 text-white", size: 64, children: [
+    /* @__PURE__ */ jsx(Spinner.Track, { className: "opacity-25", width: 4 }),
+    /* @__PURE__ */ jsx(Spinner.TrackFill, { className: "opacity-75", width: 4 })
+  ] }) });
+}
+function SeekBar({ thumbnails, chapters }) {
+  const trackContent = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TimeSlider.Track, { className: "relative h-[4px] w-full rounded-full bg-white/30", children: [
+    /* @__PURE__ */ jsx(TimeSlider.Progress, { className: "absolute h-full w-[var(--slider-progress)] rounded-full bg-white/50" }),
+    /* @__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(
+      "div",
+      {
+        className: "relative flex h-full w-full items-center last:mr-0 mr-0.5",
+        ref: forwardRef,
+        children: trackContent
+      },
+      cue.startTime
+    )) }) : trackContent,
+    /* @__PURE__ */ jsx(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" }),
+    thumbnails && /* @__PURE__ */ jsxs(TimeSlider.Preview, { className: "pointer-events-none flex flex-col items-center gap-1 opacity-0 transition-opacity duration-200 data-[visible]:opacity-100", children: [
+      /* @__PURE__ */ jsx(
+        TimeSlider.Thumbnail.Root,
+        {
+          src: thumbnails,
+          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",
+          children: /* @__PURE__ */ jsx(TimeSlider.Thumbnail.Img, {})
+        }
+      ),
+      chapters && /* @__PURE__ */ jsx(TimeSlider.ChapterTitle, { className: "text-[11px] text-white/80" }),
+      /* @__PURE__ */ jsx(TimeSlider.Value, { className: "rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white" })
+    ] }),
+    !thumbnails && /* @__PURE__ */ jsxs(TimeSlider.Preview, { className: "pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100", children: [
+      chapters && /* @__PURE__ */ jsx(TimeSlider.ChapterTitle, { className: "text-[11px] text-white/80 mb-0.5" }),
+      /* @__PURE__ */ jsx(TimeSlider.Value, { className: "rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white" })
+    ] })
+  ] });
+}
+function TimeDisplay() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs font-mono text-white/80 tabular-nums", children: [
+    /* @__PURE__ */ jsx(Time, { type: "current" }),
+    /* @__PURE__ */ jsx("span", { children: "/" }),
+    /* @__PURE__ */ jsx(Time, { type: "duration" })
+  ] });
+}
+function CaptionControl() {
+  const track = useMediaState("textTrack");
+  const hasTrack = track !== null;
+  return /* @__PURE__ */ jsx(ControlTooltip, { label: track ? "Desativar legendas" : "Ativar legendas", children: /* @__PURE__ */ jsx(CaptionButton, { className: cn(controlBtnClass, !hasTrack && "opacity-50 pointer-events-none"), children: track ? /* @__PURE__ */ jsx(CycleIcon, { icon: Captions$1, size: "sm", decorative: true, className: "text-white" }) : /* @__PURE__ */ jsx(CycleIcon, { icon: CaptionsOff, size: "sm", decorative: true, className: "text-white" }) }) });
+}
+function PIPControl() {
+  const isPIP = useMediaState("pictureInPicture");
+  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() {
+  const playbackRate = useMediaState("playbackRate");
+  const remote = useMediaRemote();
+  const [open, setOpen] = React.useState(false);
+  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(ControlTooltip, { label: "Velocidade", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        className: controlBtnClass,
+        children: playbackRate === 1 ? /* @__PURE__ */ jsx(CycleIcon, { icon: Gauge, size: "sm", decorative: true, className: "text-white" }) : /* @__PURE__ */ jsxs("span", { className: "text-xs font-mono font-semibold text-white", children: [
+          playbackRate,
+          "x"
+        ] })
+      }
+    ) }),
+    open && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsx("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", children: rates.map((rate) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            remote.changePlaybackRate(rate);
+            setOpen(false);
+          },
+          className: cn(
+            "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",
+            playbackRate === rate && "text-white font-medium"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "size-4 flex items-center justify-center", children: playbackRate === rate && /* @__PURE__ */ jsx(CycleIcon, { icon: Check, size: "2xs", decorative: true, className: "text-white" }) }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: rate === 1 ? "Normal" : `${rate}x` })
+          ]
+        },
+        rate
+      )) })
+    ] })
+  ] });
+}
+function QualityControl() {
+  const options = useVideoQualityOptions({ auto: true, sort: "descending" });
+  const [open, setOpen] = React.useState(false);
+  options.selectedValue === "auto" ? `Auto${options.selectedQuality ? ` (${options.selectedQuality.height}p)` : ""}` : options.selectedQuality ? `${options.selectedQuality.height}p` : "Auto";
+  if (options.disabled) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(ControlTooltip, { label: "Qualidade", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        className: controlBtnClass,
+        children: /* @__PURE__ */ jsx(CycleIcon, { icon: Settings, size: "sm", decorative: true, className: "text-white" })
+      }
+    ) }),
+    open && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40", onClick: () => setOpen(false) }),
+      /* @__PURE__ */ jsxs("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", children: [
+        /* @__PURE__ */ jsx("p", { className: "px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50", children: "Qualidade" }),
+        options.map((option) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              option.select();
+              setOpen(false);
+            },
+            className: cn(
+              "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",
+              option.selected && "text-white font-medium"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "size-4 flex items-center justify-center", children: option.selected && /* @__PURE__ */ jsx(CycleIcon, { icon: Check, size: "2xs", decorative: true, className: "text-white" }) }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono", children: option.label })
+            ]
+          },
+          option.value
+        ))
+      ] })
+    ] })
+  ] });
+}
+function FullscreenControl() {
+  const isFullscreen = useMediaState("fullscreen");
+  return /* @__PURE__ */ jsx(ControlTooltip, { label: isFullscreen ? "Sair da tela cheia" : "Tela cheia", children: /* @__PURE__ */ jsx(FullscreenButton, { className: controlBtnClass, children: isFullscreen ? /* @__PURE__ */ jsx(CycleIcon, { icon: Minimize, size: "sm", decorative: true, className: "text-white" }) : /* @__PURE__ */ jsx(CycleIcon, { icon: Maximize, size: "sm", decorative: true, className: "text-white" }) }) });
+}
+function LiveIndicator() {
+  const isLive = useMediaState("live");
+  const isLiveEdge = useMediaState("liveEdge");
+  if (!isLive) return null;
+  return /* @__PURE__ */ jsxs(
+    LiveButton,
+    {
+      className: cn(
+        "inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors",
+        isLiveEdge ? "text-red-500" : "text-white/60 hover:text-white"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "size-2 rounded-full",
+              isLiveEdge ? "bg-red-500 animate-pulse" : "bg-white/40"
+            )
+          }
+        ),
+        "Live"
+      ]
+    }
+  );
+}
+var DOUBLE_TAP_THRESHOLD = 300;
+function SeekGestureZone({
+  side,
+  onSeekFeedback
+}) {
+  const remote = useMediaRemote();
+  const currentTime = useMediaState("currentTime");
+  const lastTapRef = React.useRef(0);
+  const handlePointerUp = React.useCallback(
+    (e) => {
+      const now = Date.now();
+      const delta = now - lastTapRef.current;
+      lastTapRef.current = now;
+      if (delta < DOUBLE_TAP_THRESHOLD) {
+        e.stopPropagation();
+        const seconds = side === "left" ? -10 : 10;
+        remote.seek(currentTime + seconds);
+        onSeekFeedback(side === "left" ? "backward" : "forward");
+      }
+    },
+    [remote, currentTime, side, onSeekFeedback]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "absolute top-0 z-10 block h-full w-1/5",
+        side === "left" ? "left-0" : "right-0"
+      ),
+      onPointerUp: handlePointerUp
+    }
+  );
+}
+function SeekFeedbackOverlay({
+  direction,
+  visible,
+  seconds
+}) {
+  const isBackward = direction === "backward";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "pointer-events-none absolute top-0 z-[35] flex h-full w-2/5 items-center transition-opacity duration-200",
+        isBackward ? "left-0 justify-center" : "right-0 justify-center",
+        visible ? "opacity-100" : "opacity-0"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-center gap-1 transition-transform duration-300",
+            visible ? "scale-100" : "scale-75"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx(
+              CycleIcon,
+              {
+                icon: isBackward ? RotateCcw : RotateCw,
+                size: "sm",
+                decorative: true,
+                className: "text-white"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-white drop-shadow-md", children: [
+              seconds,
+              "s"
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function useIsDesktop() {
+  const [isDesktop, setIsDesktop] = React.useState(false);
+  React.useEffect(() => {
+    const mq = window.matchMedia("(pointer: fine)");
+    setIsDesktop(mq.matches);
+    const handler = (e) => setIsDesktop(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isDesktop;
+}
+function VideoPlayer({
+  src,
+  poster,
+  posterAlt = "",
+  thumbnails,
+  chapters,
+  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);
+      }
+      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,
+    {
+      ref: player,
+      src,
+      autoPlay,
+      muted,
+      loop,
+      playsInline: true,
+      crossOrigin: "",
+      className: cn(
+        "group relative aspect-video w-full overflow-hidden bg-black text-white rounded-none sm:rounded-[16px]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(MediaProvider, { children: poster && /* @__PURE__ */ jsx(
+          Poster,
+          {
+            className: "absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100 sm:rounded-[16px]",
+            src: poster,
+            alt: posterAlt
+          }
+        ) }),
+        chapters && /* @__PURE__ */ jsx(
+          Track,
+          {
+            src: chapters,
+            kind: "chapters",
+            language: "en",
+            default: true
+          }
+        ),
+        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-0 bottom-[80px] z-10 select-none break-words text-center text-sm media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:bg-black/70 [&>[data-part=cue]]:px-2 [&>[data-part=cue]]:py-0.5 [&>[data-part=cue]]:text-white" }),
+          /* @__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, {}),
+              /* @__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-XX3I65LQ.js.map
+//# sourceMappingURL=chunk-XX3I65LQ.js.map

package/dist/chunk-XX3I65LQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/video-player.tsx"],"names":["CaptionsIcon","_a"],"mappings":"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","file":"chunk-XX3I65LQ.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  LiveButton,\n  MediaAnnouncer,\n  useMediaState,\n  useMediaRemote,\n  useVideoQualityOptions,\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 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  /** 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-30 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 hasTrack = track !== null\n  return (\n    <ControlTooltip label={track ? \"Desativar legendas\" : \"Ativar legendas\"}>\n      <CaptionButton className={cn(controlBtnClass, !hasTrack && \"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\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-red-500\"\n          : \"text-white/60 hover:text-white\"\n      )}\n    >\n      <span\n        className={cn(\n          \"size-2 rounded-full\",\n          isLiveEdge ? \"bg-red-500 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  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 rounded-none sm:rounded-[16px]\",\n        className\n      )}\n    >\n      <MediaProvider>\n        {poster && (\n          <Poster\n            className=\"absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100 sm:rounded-[16px]\"\n            src={poster}\n            alt={posterAlt}\n          />\n        )}\n      </MediaProvider>\n\n      {/* ─── Chapters track (VTT) ─── */}\n      {chapters && (\n        <Track\n          src={chapters}\n          kind=\"chapters\"\n          language=\"en\"\n          default\n        />\n      )}\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-0 bottom-[80px] z-10 select-none break-words text-center text-sm media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:bg-black/70 [&>[data-part=cue]]:px-2 [&>[data-part=cue]]:py-0.5 [&>[data-part=cue]]:text-white\" />\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"]}

package/dist/chunk-YINJ5YZ5.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export { __objRest, __spreadProps, __spreadValues };
+//# sourceMappingURL=chunk-YINJ5YZ5.js.map
+//# sourceMappingURL=chunk-YINJ5YZ5.js.map

package/dist/chunk-YINJ5YZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-YINJ5YZ5.js"}