@hanifhan1f/vidstack-react 1.12.25 → 1.12.30

package/server/chunks/vidstack-DnoqxmOs.js

@@ -0,0 +1,125 @@
+"use client"
+
+import * as React from 'react';
+import { MediaRemoteControl, sortVideoQualities, DEFAULT_PLAYBACK_RATES } from 'vidstack';
+import { MediaPlayerInstance } from './vidstack-SkX-mSrw.js';
+import { useMediaContext } from './vidstack-DbNoKLjz.js';
+import { useSignal, isString } from './vidstack-D4t_SZbb.js';
+
+function useMediaRemote(target) {
+  const media = useMediaContext(), remote = React.useRef(null);
+  if (!remote.current) {
+    remote.current = new MediaRemoteControl();
+  }
+  React.useEffect(() => {
+    const ref = target && "current" in target ? target.current : target, isPlayerRef = ref instanceof MediaPlayerInstance, player = isPlayerRef ? ref : media?.player;
+    remote.current.setPlayer(player ?? null);
+    remote.current.setTarget(ref ?? null);
+  }, [media, target && "current" in target ? target.current : target]);
+  return remote.current;
+}
+
+function useVideoQualityOptions({
+  auto = true,
+  sort = "descending"
+} = {}) {
+  const media = useMediaContext(), { qualities, quality, autoQuality, canSetQuality } = media.$state, $qualities = useSignal(qualities);
+  useSignal(quality);
+  useSignal(autoQuality);
+  useSignal(canSetQuality);
+  return React.useMemo(() => {
+    const sortedQualities = sortVideoQualities($qualities, sort === "descending"), options = sortedQualities.map((q) => {
+      return {
+        quality: q,
+        label: q.height + "p",
+        value: getQualityValue(q),
+        bitrateText: q.bitrate && q.bitrate > 0 ? `${(q.bitrate / 1e6).toFixed(2)} Mbps` : null,
+        get selected() {
+          return q === quality();
+        },
+        get autoSelected() {
+          return autoQuality();
+        },
+        select(trigger) {
+          const index = qualities().indexOf(q);
+          if (index >= 0) media.remote.changeQuality(index, trigger);
+        }
+      };
+    });
+    if (auto) {
+      options.unshift({
+        quality: null,
+        label: isString(auto) ? auto : "Auto",
+        value: "auto",
+        bitrateText: null,
+        get selected() {
+          return autoQuality();
+        },
+        get autoSelected() {
+          return autoQuality();
+        },
+        select(trigger) {
+          media.remote.requestAutoQuality(trigger);
+        }
+      });
+    }
+    Object.defineProperty(options, "disabled", {
+      get() {
+        return !canSetQuality() || $qualities.length <= 1;
+      }
+    });
+    Object.defineProperty(options, "selectedQuality", {
+      get() {
+        return quality();
+      }
+    });
+    Object.defineProperty(options, "selectedValue", {
+      get() {
+        const $quality = quality();
+        return !autoQuality() && $quality ? getQualityValue($quality) : "auto";
+      }
+    });
+    return options;
+  }, [$qualities, sort]);
+}
+function getQualityValue(quality) {
+  return quality.height + "_" + quality.bitrate;
+}
+
+function usePlaybackRateOptions({
+  rates = DEFAULT_PLAYBACK_RATES,
+  normalLabel = "Normal"
+} = {}) {
+  const media = useMediaContext(), { playbackRate, canSetPlaybackRate } = media.$state;
+  useSignal(playbackRate);
+  useSignal(canSetPlaybackRate);
+  return React.useMemo(() => {
+    const options = rates.map((opt) => {
+      const label = typeof opt === "number" ? opt === 1 && normalLabel ? normalLabel : opt + "x" : opt.label, rate = typeof opt === "number" ? opt : opt.rate;
+      return {
+        label,
+        value: rate.toString(),
+        rate,
+        get selected() {
+          return playbackRate() === rate;
+        },
+        select(trigger) {
+          media.remote.changePlaybackRate(rate, trigger);
+        }
+      };
+    });
+    Object.defineProperty(options, "disabled", {
+      get() {
+        return !canSetPlaybackRate() || !options.length;
+      }
+    });
+    Object.defineProperty(options, "selectedValue", {
+      get() {
+        return playbackRate().toString();
+      }
+    });
+    return options;
+  }, [rates]);
+}
+
+export { useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions };

package/server/chunks/vidstack-SkX-mSrw.js

@@ -0,0 +1,206 @@
+"use client"
+
+import * as React from 'react';
+import { composeRefs, useStateContext, useSignal, useSignalRecord } from './vidstack-D4t_SZbb.js';
+import { MediaPlayer, MediaAnnouncer, MediaProvider, Controls, ControlsGroup, Tooltip, TooltipTrigger, TooltipContent, ToggleButton, AirPlayButton, GoogleCastButton, PlayButton, CaptionButton, FullscreenButton, MuteButton, PIPButton, SeekButton, LiveButton, Slider, SliderValue, SliderPreview, VolumeSlider, QualitySlider, AudioGainSlider, SpeedSlider, Thumbnail, TimeSlider, SliderChapters, SliderThumbnail, SliderVideo, RadioGroup, Radio, Menu, MenuButton, MenuItems, MenuItem, Gesture, Captions, Poster, Time, MenuPortal, sliderState, mediaState } from 'vidstack';
+
+class MediaPlayerInstance extends MediaPlayer {
+}
+class MediaProviderInstance extends MediaProvider {
+}
+class MediaAnnouncerInstance extends MediaAnnouncer {
+}
+class ControlsInstance extends Controls {
+}
+class ControlsGroupInstance extends ControlsGroup {
+}
+class ToggleButtonInstance extends ToggleButton {
+}
+class CaptionButtonInstance extends CaptionButton {
+}
+class FullscreenButtonInstance extends FullscreenButton {
+}
+class LiveButtonInstance extends LiveButton {
+}
+class MuteButtonInstance extends MuteButton {
+}
+class PIPButtonInstance extends PIPButton {
+}
+class PlayButtonInstance extends PlayButton {
+}
+class AirPlayButtonInstance extends AirPlayButton {
+}
+class GoogleCastButtonInstance extends GoogleCastButton {
+}
+class SeekButtonInstance extends SeekButton {
+}
+class TooltipInstance extends Tooltip {
+}
+class TooltipTriggerInstance extends TooltipTrigger {
+}
+class TooltipContentInstance extends TooltipContent {
+}
+class SliderInstance extends Slider {
+}
+class TimeSliderInstance extends TimeSlider {
+}
+class VolumeSliderInstance extends VolumeSlider {
+}
+class AudioGainSliderInstance extends AudioGainSlider {
+}
+class SpeedSliderInstance extends SpeedSlider {
+}
+class QualitySliderInstance extends QualitySlider {
+}
+class SliderThumbnailInstance extends SliderThumbnail {
+}
+class SliderValueInstance extends SliderValue {
+}
+class SliderVideoInstance extends SliderVideo {
+}
+class SliderPreviewInstance extends SliderPreview {
+}
+class SliderChaptersInstance extends SliderChapters {
+}
+class MenuInstance extends Menu {
+}
+class MenuButtonInstance extends MenuButton {
+}
+class MenuItemsInstance extends MenuItems {
+}
+class MenuItemInstance extends MenuItem {
+}
+class MenuPortalInstance extends MenuPortal {
+}
+class RadioGroupInstance extends RadioGroup {
+}
+class RadioInstance extends Radio {
+}
+class CaptionsInstance extends Captions {
+}
+class GestureInstance extends Gesture {
+}
+class PosterInstance extends Poster {
+}
+class ThumbnailInstance extends Thumbnail {
+}
+class TimeInstance extends Time {
+}
+
+const Slot = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = React.Children.toArray(children);
+  const slottable = childrenArray.find(isSlottable);
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newChildren = childrenArray.map((child) => {
+      if (child === slottable) {
+        if (React.Children.count(newElement) > 1) return React.Children.only(null);
+        return React.isValidElement(newElement) ? newElement.props.children : null;
+      } else {
+        return child;
+      }
+    });
+    return /* @__PURE__ */ React.createElement(SlotClone, { ...slotProps, ref: forwardedRef }, React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null);
+  }
+  return /* @__PURE__ */ React.createElement(SlotClone, { ...slotProps, ref: forwardedRef }, children);
+});
+Slot.displayName = "Slot";
+const SlotClone = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (React.isValidElement(children)) {
+    return React.cloneElement(children, {
+      ...mergeProps(slotProps, children.props),
+      ref: forwardedRef ? composeRefs(forwardedRef, children.ref) : children.ref
+    });
+  }
+  return React.Children.count(children) > 1 ? React.Children.only(null) : null;
+});
+SlotClone.displayName = "SlotClone";
+const Slottable = ({ children }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+};
+function isSlottable(child) {
+  return React.isValidElement(child) && child.type === Slottable;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+
+const NODES = ["button", "div", "span", "img", "video", "audio"];
+const Primitive = NODES.reduce((primitives, node) => {
+  const Node = React.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    return /* @__PURE__ */ React.createElement(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitives, [node]: Node };
+}, {});
+
+function isRemotionProvider(provider) {
+  return provider?.$$PROVIDER_TYPE === "REMOTION";
+}
+function isRemotionSrc(src) {
+  return src?.type === "video/remotion";
+}
+
+const sliderStateRecord = SliderInstance.state.record, initialSliderStore = Object.keys(sliderStateRecord).reduce(
+  (store, prop) => ({
+    ...store,
+    [prop]() {
+      return sliderStateRecord[prop];
+    }
+  }),
+  {}
+);
+function useSliderState(prop, ref) {
+  const $state = useStateContext(sliderState);
+  return useSignal((ref?.current?.$state || $state || initialSliderStore)[prop]);
+}
+function useSliderStore(ref) {
+  const $state = useStateContext(sliderState);
+  return useSignalRecord(ref?.current ? ref.current.$state : $state || initialSliderStore);
+}
+
+const IS_SERVER = typeof document === "undefined";
+
+const mediaStateRecord = MediaPlayerInstance.state.record, initialMediaStore = Object.keys(mediaStateRecord).reduce(
+  (store, prop) => ({
+    ...store,
+    [prop]() {
+      return mediaStateRecord[prop];
+    }
+  }),
+  {}
+);
+function useMediaState(prop, ref) {
+  const $state = useStateContext(mediaState);
+  return useSignal((ref?.current?.$state || $state || initialMediaStore)[prop]);
+}
+function useMediaStore(ref) {
+  const $state = useStateContext(mediaState);
+  return useSignalRecord(ref?.current ? ref.current.$state : $state || initialMediaStore);
+}
+
+export { AirPlayButtonInstance, AudioGainSliderInstance, CaptionButtonInstance, CaptionsInstance, ControlsGroupInstance, ControlsInstance, FullscreenButtonInstance, GestureInstance, GoogleCastButtonInstance, IS_SERVER, LiveButtonInstance, MediaAnnouncerInstance, MediaPlayerInstance, MediaProviderInstance, MenuButtonInstance, MenuInstance, MenuItemInstance, MenuItemsInstance, MenuPortalInstance, MuteButtonInstance, PIPButtonInstance, PlayButtonInstance, PosterInstance, Primitive, QualitySliderInstance, RadioGroupInstance, RadioInstance, SeekButtonInstance, SliderChaptersInstance, SliderInstance, SliderPreviewInstance, SliderThumbnailInstance, SliderValueInstance, SliderVideoInstance, SpeedSliderInstance, ThumbnailInstance, TimeInstance, TimeSliderInstance, ToggleButtonInstance, TooltipContentInstance, TooltipInstance, TooltipTriggerInstance, VolumeSliderInstance, isRemotionProvider, isRemotionSrc, useMediaState, useMediaStore, useSliderState, useSliderStore };

package/server/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-BweZhuNd.js';
+export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultKeyboardDisplay, DefaultMenuButton, DefaultMenuCheckbox, DefaultMenuItem, DefaultMenuRadioGroup, DefaultMenuSection, DefaultMenuSliderItem, DefaultSliderParts, DefaultSliderSteps, DefaultTooltip, DefaultVideoGestures, DefaultVideoLargeLayout, DefaultVideoLayout, DefaultVideoSmallLayout, createRadioOptions } from '../chunks/vidstack-DiHlnSws.js';
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
 import 'react';
-import '../chunks/vidstack-D_bWd66h.js';
-import '../chunks/vidstack-DH6N0AoF.js';
-import '../chunks/vidstack-BtitkRvR.js';
-import '@floating-ui/dom';
-import '../chunks/vidstack-Dbs_rXUT.js';
+import '../chunks/vidstack-D4t_SZbb.js';
+import '../chunks/vidstack-B4rJ1ZKK.js';
+import '../chunks/vidstack-SkX-mSrw.js';
+import 'vidstack';
+import '../chunks/vidstack-DbNoKLjz.js';
 import 'react-dom';
-import '../chunks/vidstack-X1Hex9PH.js';
-import '../chunks/vidstack-D-hQD1eE.js';
+import '../chunks/vidstack-BTdEfKqV.js';
+import '../chunks/vidstack-DeS67_gx.js';
+import 'vidstack/exports/font.ts';
 import '../chunks/vidstack-CBF7iUqu.js';

package/server/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-D4t_SZbb.js';
 import { Icon } from '../chunks/vidstack-CBF7iUqu.js';
 
 function createIcon(paths) {

package/server/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-BweZhuNd.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-DiHlnSws.js';
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
 import 'react';
-import '../chunks/vidstack-D_bWd66h.js';
-import '../chunks/vidstack-DH6N0AoF.js';
-import '../chunks/vidstack-BtitkRvR.js';
-import '@floating-ui/dom';
-import '../chunks/vidstack-Dbs_rXUT.js';
+import '../chunks/vidstack-D4t_SZbb.js';
+import '../chunks/vidstack-B4rJ1ZKK.js';
+import '../chunks/vidstack-SkX-mSrw.js';
+import 'vidstack';
+import '../chunks/vidstack-DbNoKLjz.js';
 import 'react-dom';
-import '../chunks/vidstack-X1Hex9PH.js';
-import '../chunks/vidstack-D-hQD1eE.js';
+import '../chunks/vidstack-BTdEfKqV.js';
+import '../chunks/vidstack-DeS67_gx.js';
+import 'vidstack/exports/font.ts';
 import '../chunks/vidstack-CBF7iUqu.js';

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

@@ -1,75 +1,89 @@
 "use client"
 
-import { useMediaState, Primitive, IS_SERVER, isRemotionSrc, getDownloadFile } from '../chunks/vidstack-BtitkRvR.js';
+import { IS_SERVER, useMediaState, Primitive, isRemotionSrc } from '../chunks/vidstack-SkX-mSrw.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-Dbs_rXUT.js';
-import { useMediaRemote, useVideoQualityOptions, usePlaybackRateOptions } from '../chunks/vidstack-B3AXUfgF.js';
-import { useLayoutName, useClassName } from '../chunks/vidstack-X1Hex9PH.js';
-import { RemotionThumbnail, RemotionPoster, RemotionSliderThumbnail } from '../chunks/vidstack-D-hQD1eE.js';
+import { isString, isBoolean, uppercaseFirstChar, isUndefined, signal, composeRefs, useSignal, isNumber, listenEvent } from '../chunks/vidstack-D4t_SZbb.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-DbNoKLjz.js';
+import { useMediaRemote, useVideoQualityOptions, usePlaybackRateOptions } from '../chunks/vidstack-DnoqxmOs.js';
+import { useLayoutName, useClassName } from '../chunks/vidstack-BTdEfKqV.js';
+import { RemotionThumbnail, RemotionPoster, RemotionSliderThumbnail } from '../chunks/vidstack-DeS67_gx.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/server/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-D4t_SZbb.js';
 import { Internals, random } from 'remotion';
-import { IS_SERVER, useMediaState, isRemotionSrc, Primitive, useSliderState } from '../chunks/vidstack-BtitkRvR.js';
-export { isRemotionProvider } from '../chunks/vidstack-BtitkRvR.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-SkX-mSrw.js';
+export { isRemotionProvider } from '../chunks/vidstack-SkX-mSrw.js';
+import { RemotionThumbnail as RemotionThumbnail$1, RemotionSliderThumbnail as RemotionSliderThumbnail$1, RemotionPoster as RemotionPoster$1 } from '../chunks/vidstack-DeS67_gx.js';
+import 'vidstack';
 
 class RemotionLayoutEngine {
   #src = null;
@@ -328,7 +328,7 @@ class RemotionProviderLoader {
     return "video";
   }
   async load(ctx) {
-    return new (await import('../chunks/vidstack-KhtuR229.js')).RemotionProvider(this.target, ctx);
+    return new (await import('../chunks/vidstack-DOIUveQF.js')).RemotionProvider(this.target, ctx);
   }
 }