@hanifhan1f/vidstack-react 1.12.26 → 1.12.30

package/dev/chunks/vidstack-gqKBE4xH.js

@@ -0,0 +1,376 @@
+"use client"
+
+import * as React from 'react';
+import { createReactComponent, composeRefs, listenEvent, useReactScope, scoped, computed, signal, effect, EventsController, useSignal } from './vidstack-BalWqr4j.js';
+import { MediaAnnouncerInstance, Primitive, ControlsInstance, ControlsGroupInstance, TooltipInstance, TooltipTriggerInstance, TooltipContentInstance, GoogleCastButtonInstance, QualitySliderInstance, AudioGainSliderInstance, SpeedSliderInstance, useMediaState, CaptionsInstance } from './vidstack-FuCbl228.js';
+import { sliderCallbacks, Preview, Steps, Thumb, Track as Track$1, TrackFill as TrackFill$1, Value, useMediaContext } from './vidstack-CqNX679o.js';
+import { watchActiveTextTrack, formatSpokenTime, formatTime } from 'vidstack';
+
+const MediaAnnouncerBridge = createReactComponent(MediaAnnouncerInstance, {
+  events: ["onChange"]
+});
+const MediaAnnouncer = React.forwardRef(
+  ({ style, children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(MediaAnnouncerBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+      Primitive.div,
+      {
+        ...props2,
+        style: { display: "contents", ...style },
+        ref: composeRefs(props2.ref, forwardRef)
+      },
+      children
+    ));
+  }
+);
+MediaAnnouncer.displayName = "MediaAnnouncer";
+
+const ControlsBridge = createReactComponent(ControlsInstance);
+const Root$5 = React.forwardRef(({ children, ...props }, forwardRef) => {
+  return /* @__PURE__ */ React.createElement(ControlsBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+    Primitive.div,
+    {
+      ...props2,
+      ref: composeRefs(props2.ref, forwardRef)
+    },
+    children
+  ));
+});
+Root$5.displayName = "Controls";
+const ControlsGroupBridge = createReactComponent(ControlsGroupInstance);
+const Group = React.forwardRef(({ children, ...props }, forwardRef) => {
+  return /* @__PURE__ */ React.createElement(ControlsGroupBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+    Primitive.div,
+    {
+      ...props2,
+      ref: composeRefs(props2.ref, forwardRef)
+    },
+    children
+  ));
+});
+Group.displayName = "ControlsGroup";
+
+var controls = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Group: Group,
+  Root: Root$5
+});
+
+const TooltipBridge = createReactComponent(TooltipInstance);
+function Root$4({ children, ...props }) {
+  return /* @__PURE__ */ React.createElement(TooltipBridge, { ...props }, children);
+}
+Root$4.displayName = "Tooltip";
+const TriggerBridge = createReactComponent(TooltipTriggerInstance);
+const Trigger = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(TriggerBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+      Primitive.button,
+      {
+        ...props2,
+        ref: composeRefs(props2.ref, forwardRef)
+      },
+      children
+    ));
+  }
+);
+Trigger.displayName = "TooltipTrigger";
+const ContentBridge = createReactComponent(TooltipContentInstance);
+const Content = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(ContentBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+      Primitive.div,
+      {
+        ...props2,
+        ref: composeRefs(props2.ref, forwardRef)
+      },
+      children
+    ));
+  }
+);
+Content.displayName = "TooltipContent";
+
+var tooltip = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Content: Content,
+  Root: Root$4,
+  Trigger: Trigger
+});
+
+const GoogleCastButtonBridge = createReactComponent(GoogleCastButtonInstance, {
+  domEventsRegex: /^onMedia/
+});
+const GoogleCastButton = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(GoogleCastButtonBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
+      Primitive.button,
+      {
+        ...props2,
+        ref: composeRefs(props2.ref, forwardRef)
+      },
+      children
+    ));
+  }
+);
+GoogleCastButton.displayName = "GoogleCastButton";
+
+const QualitySliderBridge = createReactComponent(QualitySliderInstance, {
+  events: sliderCallbacks,
+  domEventsRegex: /^onMedia/
+});
+const Root$3 = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(QualitySliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
+  }
+);
+Root$3.displayName = "QualitySlider";
+
+var qualitySlider = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Preview: Preview,
+  Root: Root$3,
+  Steps: Steps,
+  Thumb: Thumb,
+  Track: Track$1,
+  TrackFill: TrackFill$1,
+  Value: Value
+});
+
+const AudioGainSliderBridge = createReactComponent(AudioGainSliderInstance, {
+  events: sliderCallbacks,
+  domEventsRegex: /^onMedia/
+});
+const Root$2 = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(AudioGainSliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
+  }
+);
+Root$2.displayName = "AudioGainSlider";
+
+var audioGainSlider = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Preview: Preview,
+  Root: Root$2,
+  Steps: Steps,
+  Thumb: Thumb,
+  Track: Track$1,
+  TrackFill: TrackFill$1,
+  Value: Value
+});
+
+const SpeedSliderBridge = createReactComponent(SpeedSliderInstance, {
+  events: sliderCallbacks,
+  domEventsRegex: /^onMedia/
+});
+const Root$1 = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(SpeedSliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
+  }
+);
+Root$1.displayName = "SpeedSlider";
+
+var speedSlider = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Preview: Preview,
+  Root: Root$1,
+  Steps: Steps,
+  Thumb: Thumb,
+  Track: Track$1,
+  TrackFill: TrackFill$1,
+  Value: Value
+});
+
+const Title = React.forwardRef(({ children, ...props }, forwardRef) => {
+  const $title = useMediaState("title");
+  return /* @__PURE__ */ React.createElement(Primitive.span, { ...props, ref: forwardRef }, $title, children);
+});
+Title.displayName = "Title";
+
+function useActiveTextCues(track) {
+  const [activeCues, setActiveCues] = React.useState([]);
+  React.useEffect(() => {
+    if (!track) {
+      setActiveCues([]);
+      return;
+    }
+    function onCuesChange() {
+      if (track) setActiveCues(track.activeCues);
+    }
+    onCuesChange();
+    return listenEvent(track, "cue-change", onCuesChange);
+  }, [track]);
+  return activeCues;
+}
+
+function useActiveTextTrack(kind) {
+  const media = useMediaContext(), [track, setTrack] = React.useState(null);
+  React.useEffect(() => {
+    return watchActiveTextTrack(media.textTracks, kind, setTrack);
+  }, [kind]);
+  return track;
+}
+
+function useChapterTitle() {
+  const $track = useActiveTextTrack("chapters"), $cues = useActiveTextCues($track);
+  return $cues[0]?.text || "";
+}
+
+const ChapterTitle = React.forwardRef(
+  ({ defaultText = "", children, ...props }, forwardRef) => {
+    const $chapterTitle = useChapterTitle();
+    return /* @__PURE__ */ React.createElement(Primitive.span, { ...props, ref: forwardRef }, $chapterTitle || defaultText, children);
+  }
+);
+ChapterTitle.displayName = "ChapterTitle";
+
+const CaptionsBridge = createReactComponent(CaptionsInstance);
+const Captions = React.forwardRef(
+  ({ children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(CaptionsBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
+  }
+);
+Captions.displayName = "Captions";
+
+const Root = React.forwardRef(
+  ({ size = 96, children, ...props }, forwardRef) => {
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        width: size,
+        height: size,
+        fill: "none",
+        viewBox: "0 0 120 120",
+        "aria-hidden": "true",
+        "data-part": "root",
+        ...props,
+        ref: forwardRef
+      },
+      children
+    );
+  }
+);
+const Track = React.forwardRef(
+  ({ width = 8, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "circle",
+    {
+      cx: "60",
+      cy: "60",
+      r: "54",
+      stroke: "currentColor",
+      strokeWidth: width,
+      "data-part": "track",
+      ...props,
+      ref
+    },
+    children
+  )
+);
+const TrackFill = React.forwardRef(
+  ({ width = 8, fillPercent = 50, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "circle",
+    {
+      cx: "60",
+      cy: "60",
+      r: "54",
+      stroke: "currentColor",
+      pathLength: "100",
+      strokeWidth: width,
+      strokeDasharray: 100,
+      strokeDashoffset: 100 - fillPercent,
+      "data-part": "track-fill",
+      ...props,
+      ref
+    },
+    children
+  )
+);
+
+var spinner = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Root: Root,
+  Track: Track,
+  TrackFill: TrackFill
+});
+
+function createSignal(initialValue, deps = []) {
+  const scope = useReactScope();
+  return React.useMemo(() => scoped(() => signal(initialValue), scope), [scope, ...deps]);
+}
+function createComputed(compute, deps = []) {
+  const scope = useReactScope();
+  return React.useMemo(() => scoped(() => computed(compute), scope), [scope, ...deps]);
+}
+function createEffect(compute, deps = []) {
+  const scope = useReactScope();
+  React.useEffect(() => scoped(() => effect(compute), scope), [scope, ...deps]);
+}
+function useScoped(compute) {
+  const scope = useReactScope();
+  return React.useMemo(() => scoped(compute, scope), [scope]);
+}
+
+function useTextCues(track) {
+  const [cues, setCues] = React.useState([]);
+  React.useEffect(() => {
+    if (!track) return;
+    function onCuesChange() {
+      if (track) setCues([...track.cues]);
+    }
+    const events = new EventsController(track).add("add-cue", onCuesChange).add("remove-cue", onCuesChange);
+    onCuesChange();
+    return () => {
+      setCues([]);
+      events.abort();
+    };
+  }, [track]);
+  return cues;
+}
+
+function useChapterOptions() {
+  const media = useMediaContext(), track = useActiveTextTrack("chapters"), cues = useTextCues(track), $startTime = useSignal(media.$state.seekableStart), $endTime = useSignal(media.$state.seekableEnd);
+  useActiveTextCues(track);
+  return React.useMemo(() => {
+    const options = track ? cues.filter((cue) => cue.startTime <= $endTime && cue.endTime >= $startTime).map((cue, i) => {
+      let currentRef = null, stopProgressEffect;
+      return {
+        cue,
+        label: cue.text,
+        value: i.toString(),
+        startTimeText: formatTime(Math.max(0, cue.startTime - $startTime)),
+        durationText: formatSpokenTime(
+          Math.min($endTime, cue.endTime) - Math.max($startTime, cue.startTime)
+        ),
+        get selected() {
+          return cue === track.activeCues[0];
+        },
+        setProgressVar(ref) {
+          if (!ref || cue !== track.activeCues[0]) {
+            stopProgressEffect?.();
+            stopProgressEffect = void 0;
+            ref?.style.setProperty("--progress", "0%");
+            currentRef = null;
+            return;
+          }
+          if (currentRef === ref) return;
+          currentRef = ref;
+          stopProgressEffect?.();
+          stopProgressEffect = effect(() => {
+            const { realCurrentTime } = media.$state, time = realCurrentTime(), cueStartTime = Math.max($startTime, cue.startTime), duration = Math.min($endTime, cue.endTime) - cueStartTime, progress = Math.max(0, time - cueStartTime) / duration * 100;
+            ref.style.setProperty("--progress", progress.toFixed(3) + "%");
+          });
+        },
+        select(trigger) {
+          media.remote.seek(cue.startTime - $startTime, trigger);
+        }
+      };
+    }) : [];
+    Object.defineProperty(options, "selectedValue", {
+      get() {
+        const index = options.findIndex((option) => option.selected);
+        return (index >= 0 ? index : 0).toString();
+      }
+    });
+    return options;
+  }, [cues, $startTime, $endTime]);
+}
+
+export { Captions, ChapterTitle, Content, GoogleCastButton, Group, MediaAnnouncer, Root$4 as Root, Root$2 as Root$1, Root$1 as Root$2, Root$3, Root$5 as Root$4, Root as Root$5, Title, Track, TrackFill, Trigger, audioGainSlider, controls, createComputed, createEffect, createSignal, qualitySlider, speedSlider, spinner, tooltip, useActiveTextCues, useActiveTextTrack, useChapterOptions, useChapterTitle, useScoped, useTextCues };

package/dev/player/vidstack-default-components.js

@@ -1,14 +1,15 @@
 "use client"
 
-export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultKeyboardDisplay, DefaultMenuButton, DefaultMenuCheckbox, DefaultMenuItem, DefaultMenuRadioGroup, DefaultMenuSection, DefaultMenuSliderItem, DefaultSliderParts, DefaultSliderSteps, DefaultTooltip, DefaultVideoGestures, DefaultVideoLargeLayout, DefaultVideoLayout, DefaultVideoSmallLayout, createRadioOptions } from '../chunks/vidstack-C7BwfK5c.js';
+export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultKeyboardDisplay, DefaultMenuButton, DefaultMenuCheckbox, DefaultMenuItem, DefaultMenuRadioGroup, DefaultMenuSection, DefaultMenuSliderItem, DefaultSliderParts, DefaultSliderSteps, DefaultTooltip, DefaultVideoGestures, DefaultVideoLargeLayout, DefaultVideoLayout, DefaultVideoSmallLayout, createRadioOptions } from '../chunks/vidstack-CKsUl4ll.js';
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
 import 'react';
-import '../chunks/vidstack-D_bWd66h.js';
-import '../chunks/vidstack-L5mw2iPb.js';
-import '../chunks/vidstack-BXgKy_7V.js';
-import '@floating-ui/dom';
-import '../chunks/vidstack-BOPSNTgH.js';
+import '../chunks/vidstack-BalWqr4j.js';
+import '../chunks/vidstack-gqKBE4xH.js';
+import '../chunks/vidstack-FuCbl228.js';
+import 'vidstack';
+import '../chunks/vidstack-CqNX679o.js';
 import 'react-dom';
-import '../chunks/vidstack-BNwnoM-l.js';
-import '../chunks/vidstack-D-hQD1eE.js';
+import '../chunks/vidstack-DjqYvkVp.js';
+import '../chunks/vidstack-DqaqkU4T.js';
+import 'vidstack/exports/font.ts';
 import '../chunks/vidstack-CBF7iUqu.js';

package/dev/player/vidstack-default-icons.js

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from 'react';
-import { Icon$34, Icon$35, Icon$27, Icon$26, Icon$60, Icon$61, Icon$39, Icon$40, Icon$105, Icon$104, Icon$54, Icon$59, Icon$62, Icon$19, Icon$56, Icon$33, Icon$8, Icon$13, Icon$88, Icon$63, Icon$16, Icon$53, Icon$22, Icon$11, Icon$0, Icon$31, Icon$81, Icon$77, Icon$74, Icon$24, Icon$5 } from '../chunks/vidstack-D_bWd66h.js';
+import { Icon$34, Icon$35, Icon$27, Icon$26, Icon$60, Icon$61, Icon$39, Icon$40, Icon$105, Icon$104, Icon$54, Icon$59, Icon$62, Icon$19, Icon$56, Icon$33, Icon$8, Icon$13, Icon$88, Icon$63, Icon$16, Icon$53, Icon$22, Icon$11, Icon$0, Icon$31, Icon$81, Icon$77, Icon$74, Icon$24, Icon$5 } from '../chunks/vidstack-BalWqr4j.js';
 import { Icon } from '../chunks/vidstack-CBF7iUqu.js';
 
 function createIcon(paths) {

package/dev/player/vidstack-default-layout.js

@@ -1,14 +1,15 @@
 "use client"
 
-export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultKeyboardDisplay, DefaultLayoutContext, DefaultMenuButton, DefaultMenuCheckbox, DefaultMenuItem, DefaultMenuRadioGroup, DefaultMenuSection, DefaultMenuSliderItem, DefaultSliderParts, DefaultSliderSteps, DefaultTooltip, DefaultVideoGestures, DefaultVideoLargeLayout, DefaultVideoLayout, DefaultVideoSmallLayout, createRadioOptions, i18n, useDefaultLayoutContext, useDefaultLayoutWord } from '../chunks/vidstack-C7BwfK5c.js';
+export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultKeyboardDisplay, DefaultLayoutContext, DefaultMenuButton, DefaultMenuCheckbox, DefaultMenuItem, DefaultMenuRadioGroup, DefaultMenuSection, DefaultMenuSliderItem, DefaultSliderParts, DefaultSliderSteps, DefaultTooltip, DefaultVideoGestures, DefaultVideoLargeLayout, DefaultVideoLayout, DefaultVideoSmallLayout, createRadioOptions, i18n, useDefaultLayoutContext, useDefaultLayoutWord } from '../chunks/vidstack-CKsUl4ll.js';
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
 import 'react';
-import '../chunks/vidstack-D_bWd66h.js';
-import '../chunks/vidstack-L5mw2iPb.js';
-import '../chunks/vidstack-BXgKy_7V.js';
-import '@floating-ui/dom';
-import '../chunks/vidstack-BOPSNTgH.js';
+import '../chunks/vidstack-BalWqr4j.js';
+import '../chunks/vidstack-gqKBE4xH.js';
+import '../chunks/vidstack-FuCbl228.js';
+import 'vidstack';
+import '../chunks/vidstack-CqNX679o.js';
 import 'react-dom';
-import '../chunks/vidstack-BNwnoM-l.js';
-import '../chunks/vidstack-D-hQD1eE.js';
+import '../chunks/vidstack-DjqYvkVp.js';
+import '../chunks/vidstack-DqaqkU4T.js';
+import 'vidstack/exports/font.ts';
 import '../chunks/vidstack-CBF7iUqu.js';

package/dev/player/vidstack-plyr-layout.js

@@ -1,75 +1,89 @@
 "use client"
 
-import { useMediaState, Primitive, IS_SERVER, isRemotionSrc, getDownloadFile } from '../chunks/vidstack-BXgKy_7V.js';
+import { IS_SERVER, useMediaState, Primitive, isRemotionSrc } from '../chunks/vidstack-FuCbl228.js';
 import * as React from 'react';
-import { effect, createDisposalBin, uppercaseFirstChar, isUndefined, signal, composeRefs, useSignal, isNumber, listenEvent, isString, isKeyboardEvent, isKeyboardClick } from '../chunks/vidstack-D_bWd66h.js';
-import { useMediaContext, PlayButton, Root, Img, Gesture, AirPlayButton, CaptionButton, FullscreenButton, PIPButton, SeekButton, Root$1, Value, Preview, Thumbnail, LiveButton, Time, appendParamsToURL, Root$2, Button, Items, useAudioOptions, Root$3, Item, useCaptionOptions, MuteButton, Root$4 } from '../chunks/vidstack-BOPSNTgH.js';
-import { useMediaRemote, useVideoQualityOptions, usePlaybackRateOptions } from '../chunks/vidstack-DTow20pt.js';
-import { useLayoutName, useClassName } from '../chunks/vidstack-BNwnoM-l.js';
-import { RemotionThumbnail, RemotionPoster, RemotionSliderThumbnail } from '../chunks/vidstack-D-hQD1eE.js';
+import { isString, isBoolean, uppercaseFirstChar, isUndefined, signal, composeRefs, useSignal, isNumber, listenEvent } from '../chunks/vidstack-BalWqr4j.js';
+import { usePlyrLayoutClasses, isKeyboardEvent, isKeyboardClick } from 'vidstack';
+import { useMediaContext, PlayButton, Root, Img, Gesture, AirPlayButton, CaptionButton, FullscreenButton, PIPButton, SeekButton, Root$1, Value, Preview, Thumbnail, LiveButton, Time, appendParamsToURL, Root$2, Button, Items, useAudioOptions, Root$3, Item, useCaptionOptions, MuteButton, Root$4 } from '../chunks/vidstack-CqNX679o.js';
+import { useMediaRemote, useVideoQualityOptions, usePlaybackRateOptions } from '../chunks/vidstack-PREbBNMG.js';
+import { useLayoutName, useClassName } from '../chunks/vidstack-DjqYvkVp.js';
+import { RemotionThumbnail, RemotionPoster, RemotionSliderThumbnail } from '../chunks/vidstack-DqaqkU4T.js';
 export { plyrLayoutIcons } from './vidstack-plyr-icons.js';
-import '@floating-ui/dom';
 import 'react-dom';
 import '../chunks/vidstack-CBF7iUqu.js';
 
-function usePlyrLayoutClasses(el, media) {
-  const {
-    canAirPlay,
-    canFullscreen,
-    canPictureInPicture,
-    controlsHidden,
-    currentTime,
-    fullscreen,
-    hasCaptions,
-    isAirPlayConnected,
-    paused,
-    pictureInPicture,
-    playing,
-    pointer,
-    poster,
-    textTrack,
-    viewType,
-    waiting
-  } = media.$state;
-  el.classList.add("plyr");
-  el.classList.add("plyr--full-ui");
-  const classes = {
-    "plyr--airplay-active": isAirPlayConnected,
-    "plyr--airplay-supported": canAirPlay,
-    "plyr--fullscreen-active": fullscreen,
-    "plyr--fullscreen-enabled": canFullscreen,
-    "plyr--hide-controls": controlsHidden,
-    "plyr--is-touch": () => pointer() === "coarse",
-    "plyr--loading": waiting,
-    "plyr--paused": paused,
-    "plyr--pip-active": pictureInPicture,
-    "plyr--pip-enabled": canPictureInPicture,
-    "plyr--playing": playing,
-    "plyr__poster-enabled": poster,
-    "plyr--stopped": () => paused() && currentTime() === 0,
-    "plyr--captions-active": textTrack,
-    "plyr--captions-enabled": hasCaptions
+IS_SERVER ? "" : navigator?.userAgent.toLowerCase() || "";
+function canPlayHLSNatively(video) {
+  if (IS_SERVER) return false;
+  if (!video) video = document.createElement("video");
+  return video.canPlayType("application/vnd.apple.mpegurl").length > 0;
+}
+
+const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx|flac)($|\?)/i;
+const AUDIO_TYPES = /* @__PURE__ */ new Set([
+  "audio/mpeg",
+  "audio/ogg",
+  "audio/3gp",
+  "audio/mp3",
+  "audio/webm",
+  "audio/flac",
+  "audio/m4a",
+  "audio/m4b",
+  "audio/mp4a",
+  "audio/mp4"
+]);
+const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+const VIDEO_TYPES = /* @__PURE__ */ new Set([
+  "video/mp4",
+  "video/webm",
+  "video/3gp",
+  "video/ogg",
+  "video/avi",
+  "video/mpeg"
+]);
+const HLS_VIDEO_EXTENSIONS = /\.(m3u8)($|\?)/i;
+const HLS_VIDEO_TYPES = /* @__PURE__ */ new Set([
+  // Apple sanctioned
+  "application/vnd.apple.mpegurl",
+  // Apple sanctioned for backwards compatibility
+  "audio/mpegurl",
+  // Very common
+  "audio/x-mpegurl",
+  // Very common
+  "application/x-mpegurl",
+  // Included for completeness
+  "video/x-mpegurl",
+  "video/mpegurl",
+  "application/mpegurl"
+]);
+function isAudioSrc({ src, type }) {
+  return isString(src) ? AUDIO_EXTENSIONS.test(src) || AUDIO_TYPES.has(type) || src.startsWith("blob:") && type === "audio/object" : type === "audio/object";
+}
+function isVideoSrc(src) {
+  return isString(src.src) ? VIDEO_EXTENSIONS.test(src.src) || VIDEO_TYPES.has(src.type) || src.src.startsWith("blob:") && src.type === "video/object" || isHLSSrc(src) && (IS_SERVER || canPlayHLSNatively()) : src.type === "video/object";
+}
+function isHLSSrc({ src, type }) {
+  return isString(src) && HLS_VIDEO_EXTENSIONS.test(src) || HLS_VIDEO_TYPES.has(type);
+}
+
+function getDownloadFile({
+  title,
+  src,
+  download
+}) {
+  const url = isBoolean(download) || download === "" ? src.src : isString(download) ? download : download?.url;
+  if (!isValidFileDownload({ url, src, download })) return null;
+  return {
+    url,
+    name: !isBoolean(download) && !isString(download) && download?.filename || title.toLowerCase() || "media"
   };
-  const disposal = createDisposalBin();
-  for (const token of Object.keys(classes)) {
-    disposal.add(effect(() => void el.classList.toggle(token, !!classes[token]())));
-  }
-  disposal.add(
-    effect(() => {
-      const token = `plyr--${viewType()}`;
-      el.classList.add(token);
-      return () => el.classList.remove(token);
-    }),
-    effect(() => {
-      const { $provider } = media, type = $provider()?.type, token = `plyr--${isHTMLProvider(type) ? "html5" : type}`;
-      el.classList.toggle(token, !!type);
-      return () => el.classList.remove(token);
-    })
-  );
-  return () => disposal.empty();
 }
-function isHTMLProvider(type) {
-  return type === "audio" || type === "video";
+function isValidFileDownload({
+  url,
+  src,
+  download
+}) {
+  return isString(url) && (download && download !== true || isAudioSrc(src) || isVideoSrc(src));
 }
 
 const PlyrLayoutContext = React.createContext({});

package/dev/player/vidstack-remotion.js

@@ -1,12 +1,12 @@
 "use client"
 
 import * as React from 'react';
-import { createDisposalBin, animationFrameThrottle, noop } from '../chunks/vidstack-D_bWd66h.js';
+import { createDisposalBin, animationFrameThrottle, noop } from '../chunks/vidstack-BalWqr4j.js';
 import { Internals, random } from 'remotion';
-import { IS_SERVER, useMediaState, isRemotionSrc, Primitive, useSliderState } from '../chunks/vidstack-BXgKy_7V.js';
-export { isRemotionProvider } from '../chunks/vidstack-BXgKy_7V.js';
-import { RemotionThumbnail as RemotionThumbnail$1, RemotionSliderThumbnail as RemotionSliderThumbnail$1, RemotionPoster as RemotionPoster$1 } from '../chunks/vidstack-D-hQD1eE.js';
-import '@floating-ui/dom';
+import { IS_SERVER, useMediaState, isRemotionSrc, Primitive, useSliderState } from '../chunks/vidstack-FuCbl228.js';
+export { isRemotionProvider } from '../chunks/vidstack-FuCbl228.js';
+import { RemotionThumbnail as RemotionThumbnail$1, RemotionSliderThumbnail as RemotionSliderThumbnail$1, RemotionPoster as RemotionPoster$1 } from '../chunks/vidstack-DqaqkU4T.js';
+import 'vidstack';
 
 class RemotionLayoutEngine {
   #src = null;
@@ -338,7 +338,7 @@ class RemotionProviderLoader {
     return "video";
   }
   async load(ctx) {
-    return new (await import('../chunks/vidstack-BrqDQG-r.js')).RemotionProvider(this.target, ctx);
+    return new (await import('../chunks/vidstack-D3ZXOE4d.js')).RemotionProvider(this.target, ctx);
   }
 }