@videojs/react 10.0.0-beta.26 → 10.0.0-beta.27

package/dist/dev/index.d.ts

@@ -3,7 +3,7 @@ import { CreateI18nOptions, CreateI18nResult, I18nProvider, I18nProviderProps, c
 import { FlatTranslations, Locale, TranslationParams, Translations, Translator, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, onI18nRegistryChange, registerI18n } from "./i18n/index.js";
 import { Container, ContainerProps } from "./player/container.js";
 import { PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
-import { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer } from "./player/create-player.js";
+import { CreatePlayerConfig, CreatePlayerResult, PlayerProps, createPlayer } from "./player/create-player.js";
 import { HTMLProps, RenderFunction, RenderProp, UIComponentProps } from "./utils/types.js";
 import { AirPlayButton, AirPlayButtonProps } from "./ui/airplay-button/airplay-button.js";
 import { AlertDialogContextValue, useAlertDialogContext } from "./ui/alert-dialog/context.js";
@@ -11,9 +11,12 @@ import { index_parts_d_exports } from "./ui/alert-dialog/index.parts.js";
 import "./ui/alert-dialog/index.js";
 import { AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, useAudioTrackOptions } from "./ui/audio-track/use-audio-track-options.js";
 import "./ui/audio-track/index.js";
+import { AudioTrackRadioGroup, AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupProps } from "./ui/audio-track-radio-group/audio-track-radio-group.js";
+import "./ui/audio-track-radio-group/index.js";
 import { BufferingIndicator, BufferingIndicatorProps } from "./ui/buffering-indicator/buffering-indicator.js";
 import { CaptionsButton, CaptionsButtonProps } from "./ui/captions-button/captions-button.js";
 import { CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, useCaptionsOptions } from "./ui/captions-radio-group/use-captions-options.js";
+import { CaptionsRadioGroup, CaptionsRadioGroupItemProps, CaptionsRadioGroupItemState, CaptionsRadioGroupProps } from "./ui/captions-radio-group/captions-radio-group.js";
 import "./ui/captions-radio-group/index.js";
 import { CastButton, CastButtonProps } from "./ui/cast-button/cast-button.js";
 import { ControlsGroupProps } from "./ui/controls/controls-group.js";
@@ -42,12 +45,16 @@ import { PlayButton, PlayButtonProps } from "./ui/play-button/play-button.js";
 import { PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
 import "./ui/playback-rate/index.js";
 import { PlaybackRateButton, PlaybackRateButtonProps } from "./ui/playback-rate-button/playback-rate-button.js";
+import { PlaybackRateRadioGroup, PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupProps } from "./ui/playback-rate-radio-group/playback-rate-radio-group.js";
+import "./ui/playback-rate-radio-group/index.js";
 import { PopoverContextValue, usePopoverContext } from "./ui/popover/context.js";
 import { index_parts_d_exports as index_parts_d_exports$4 } from "./ui/popover/index.parts.js";
 import "./ui/popover/index.js";
 import { Poster, PosterProps } from "./ui/poster/poster.js";
 import { QualityOption, QualityOptionsProps, QualityOptionsResult, useQualityOptions } from "./ui/quality/use-quality-options.js";
 import "./ui/quality/index.js";
+import { QualityRadioGroup, QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupProps } from "./ui/quality-radio-group/quality-radio-group.js";
+import "./ui/quality-radio-group/index.js";
 import { SeekButton, SeekButtonProps } from "./ui/seek-button/seek-button.js";
 import { SeekIndicatorRootProps } from "./ui/seek-indicator/seek-indicator-root.js";
 import { SeekIndicatorValueProps } from "./ui/seek-indicator/seek-indicator-value.js";
@@ -70,6 +77,8 @@ import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/status-in
 import "./ui/status-indicator/index.js";
 import { index_parts_d_exports as index_parts_d_exports$8 } from "./ui/time/index.parts.js";
 import "./ui/time/index.js";
+import { TimeSliderChapterTitleProps, TimeSliderChapterTitleState } from "./ui/time-slider/time-slider-chapters/time-slider-chapter-title.js";
+import { TimeSliderChapterState, TimeSliderChaptersProps, TimeSliderChaptersState } from "./ui/time-slider/time-slider-chapters/time-slider-chapters.js";
 import { index_parts_d_exports as index_parts_d_exports$9 } from "./ui/time-slider/index.parts.js";
 import "./ui/time-slider/index.js";
 import { TooltipContent, TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
@@ -96,4 +105,11 @@ import { useSelector, useStore } from "@videojs/store/react";
 import { IndicatorStatus, InputAction, InputIndicatorLabels } from "@videojs/core";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
-export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AlertDialogContextValue, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, type FlatTranslations, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, I18nContext, type I18nContextValue, I18nProvider, type I18nProviderProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, type Locale, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, type NodeListLike, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, type PlayerContextValue, index_parts_d_exports$4 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$6 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, index_parts_d_exports$10 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+declare namespace index_d_exports {
+  export { AirPlayButton, AirPlayButtonProps, index_parts_d_exports as AlertDialog, AlertDialogContextValue, AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, AudioTrackRadioGroup, AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupProps, BufferingIndicator, BufferingIndicatorProps, CaptionsButton, CaptionsButtonProps, CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, CaptionsRadioGroup, CaptionsRadioGroupItemProps, CaptionsRadioGroupItemState, CaptionsRadioGroupProps, CastButton, CastButtonProps, Comparator, Container, ContainerProps, index_parts_d_exports$1 as Controls, ControlsGroupProps, ControlsRootProps, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, ErrorDialogContextValue, FlatTranslations, FullscreenButton, FullscreenButtonProps, Gesture, GestureProps, HTMLProps, Hotkey, HotkeyProps, I18nContext, I18nContextValue, I18nProvider, I18nProviderProps, IndicatorStatus, InputAction, InputIndicatorLabels, LiveButton, LiveButtonProps, Locale, MediaGesture, MediaGestureProps, MediaHotkey, MediaHotkeyProps, index_parts_d_exports$3 as Menu, MenuContextValue, MuteButton, MuteButtonProps, NodeListLike, PiPButton, PiPButtonProps, PlayButton, PlayButtonProps, PlaybackRateButton, PlaybackRateButtonProps, PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, PlaybackRateRadioGroup, PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupProps, PlayerContextValue, PlayerProps, index_parts_d_exports$4 as Popover, PopoverContextValue, Poster, PosterProps, QualityOption, QualityOptionsProps, QualityOptionsResult, QualityRadioGroup, QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupProps, RenderFunction, RenderProp, SeekButton, SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, SeekIndicatorRootProps, SeekIndicatorValueProps, Selector, index_parts_d_exports$6 as Slider, SliderBufferProps, SliderFillProps, SliderRootProps, SliderThumbProps, SliderThumbnailProps, SliderTrackProps, SliderValueProps, StatusAnnouncer, StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, StatusIndicatorRootProps, StatusIndicatorValueProps, Thumbnail, ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, index_parts_d_exports$10 as Tooltip, TooltipContent, TooltipContextValue, TranslationParams, Translations, Translator, UIComponentProps, UseDoubleTapGestureOptions, UseHotkeyOptions, UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, VolumeIndicatorFillProps, VolumeIndicatorRootProps, VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+}
+import * as import__videojs_core_dom from "@videojs/core/dom";
+import * as import__videojs_media_dom from "@videojs/media/dom";
+//#endregion
+export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AlertDialogContextValue, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, AudioTrackRadioGroup, type AudioTrackRadioGroupItemProps, type AudioTrackRadioGroupItemState, type AudioTrackRadioGroupProps, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CaptionsRadioGroup, type CaptionsRadioGroupItemProps, type CaptionsRadioGroupItemState, type CaptionsRadioGroupProps, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, type FlatTranslations, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, I18nContext, type I18nContextValue, I18nProvider, type I18nProviderProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, type Locale, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, type NodeListLike, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, PlaybackRateRadioGroup, type PlaybackRateRadioGroupItemProps, type PlaybackRateRadioGroupItemState, type PlaybackRateRadioGroupProps, type PlayerContextValue, type PlayerProps, index_parts_d_exports$4 as Popover, type PopoverContextValue, Poster, type PosterProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, QualityRadioGroup, type QualityRadioGroupItemProps, type QualityRadioGroupItemState, type QualityRadioGroupProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$6 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, type TimeSliderChapterState, type TimeSliderChapterTitleProps, type TimeSliderChapterTitleState, type TimeSliderChaptersProps, type TimeSliderChaptersState, index_parts_d_exports$10 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":""}

package/dist/dev/index.js

@@ -18,9 +18,11 @@ import { AirPlayButton } from "./ui/airplay-button/airplay-button.js";
 import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { index_parts_exports } from "./ui/alert-dialog/index.parts.js";
 import { useAudioTrackOptions } from "./ui/audio-track/use-audio-track-options.js";
+import { AudioTrackRadioGroup } from "./ui/audio-track-radio-group/audio-track-radio-group.js";
 import { BufferingIndicator } from "./ui/buffering-indicator/buffering-indicator.js";
 import { CaptionsButton } from "./ui/captions-button/captions-button.js";
 import { useCaptionsOptions } from "./ui/captions-radio-group/use-captions-options.js";
+import { CaptionsRadioGroup } from "./ui/captions-radio-group/captions-radio-group.js";
 import { CastButton } from "./ui/cast-button/cast-button.js";
 import { index_parts_exports as index_parts_exports$1 } from "./ui/controls/index.parts.js";
 import { useErrorDialogContext } from "./ui/error-dialog/context.js";
@@ -33,16 +35,18 @@ import { useSlider } from "./ui/hooks/use-slider.js";
 import { Hotkey, MediaHotkey } from "./ui/hotkey/hotkey.js";
 import { useHotkey } from "./ui/hotkey/use-hotkey.js";
 import { LiveButton } from "./ui/live-button/live-button.js";
-import { usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
-import { useQualityOptions } from "./ui/quality/use-quality-options.js";
 import { index_parts_exports as index_parts_exports$3 } from "./ui/menu/index.parts.js";
 import { MuteButton } from "./ui/mute-button/mute-button.js";
 import { PiPButton } from "./ui/pip-button/pip-button.js";
 import { PlayButton } from "./ui/play-button/play-button.js";
+import { usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
 import { PlaybackRateButton } from "./ui/playback-rate-button/playback-rate-button.js";
+import { PlaybackRateRadioGroup } from "./ui/playback-rate-radio-group/playback-rate-radio-group.js";
 import { usePopoverContext } from "./ui/popover/context.js";
 import { index_parts_exports as index_parts_exports$4 } from "./ui/popover/index.parts.js";
 import { Poster } from "./ui/poster/poster.js";
+import { useQualityOptions } from "./ui/quality/use-quality-options.js";
+import { QualityRadioGroup } from "./ui/quality-radio-group/quality-radio-group.js";
 import { SeekButton } from "./ui/seek-button/seek-button.js";
 import { index_parts_exports as index_parts_exports$5 } from "./ui/seek-indicator/index.parts.js";
 import { Thumbnail } from "./ui/thumbnail/thumbnail.js";
@@ -62,4 +66,4 @@ import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
-export { AirPlayButton, index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$4 as Popover, Poster, SeekButton, index_parts_exports$5 as SeekIndicator, index_parts_exports$6 as Slider, StatusAnnouncer, index_parts_exports$7 as StatusIndicator, Thumbnail, index_parts_exports$8 as Time, index_parts_exports$9 as TimeSlider, index_parts_exports$10 as Tooltip, index_parts_exports$11 as VolumeIndicator, index_parts_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+export { AirPlayButton, index_parts_exports as AlertDialog, AudioTrackRadioGroup, BufferingIndicator, CaptionsButton, CaptionsRadioGroup, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, PlaybackRateRadioGroup, index_parts_exports$4 as Popover, Poster, QualityRadioGroup, SeekButton, index_parts_exports$5 as SeekIndicator, index_parts_exports$6 as Slider, StatusAnnouncer, index_parts_exports$7 as StatusIndicator, Thumbnail, index_parts_exports$8 as Time, index_parts_exports$9 as TimeSlider, index_parts_exports$10 as Tooltip, index_parts_exports$11 as VolumeIndicator, index_parts_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };

package/dist/dev/media/cloudflare-video/index.d.ts

@@ -0,0 +1,2 @@
+import { CloudflareVideo, CloudflareVideoProps } from "./media.js";
+export { CloudflareVideo, CloudflareVideoProps };

package/dist/dev/media/cloudflare-video/index.js

@@ -0,0 +1,2 @@
+import { CloudflareVideo } from "./media.js";
+export { CloudflareVideo };

package/dist/dev/media/cloudflare-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { CloudflareMediaProps } from "@videojs/media/dom/cloudflare";
+//#region src/media/cloudflare-video/media.d.ts
+interface CloudflareVideoProps extends Partial<CloudflareMediaProps> {
+  children?: ReactNode;
+}
+declare const CloudflareVideo: import("react").ForwardRefExoticComponent<CloudflareVideoProps & import("react").RefAttributes<HTMLIFrameElement>>;
+declare namespace CloudflareVideo {
+  type Props = CloudflareVideoProps;
+}
+//#endregion
+export { CloudflareVideo, CloudflareVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/cloudflare-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/cloudflare-video/media.tsx"],"mappings":";;;UAWiB,6BAA6B,QAAQ;EACpD,WAAW;;cAGA,iCAAe,0BAAA,uCAAA,cAAA;kBA8CX;OACH,QAAQ"}

package/dist/dev/media/cloudflare-video/media.js

@@ -0,0 +1,38 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { CloudflareMedia, buildCloudflareIframeSrc, cloudflareMediaDefaultProps } from "@videojs/media/dom/cloudflare";
+//#region src/media/cloudflare-video/media.tsx
+const CloudflareVideo = forwardRef(function CloudflareVideo({ children, ...rawProps }, ref) {
+	const media = useMediaInstance(CloudflareMedia);
+	const props = { ...rawProps };
+	const composedRef = useComposedRefs(useAttachIframe(media), ref);
+	const [initialSrc] = useState(() => buildCloudflareIframeSrc(props.src || props.source?.src || "", {
+		...cloudflareMediaDefaultProps,
+		...props,
+		defaultMuted: !!(props.defaultMuted || props.muted)
+	}));
+	const iframeProps = useSyncProps(media, props, cloudflareMediaDefaultProps);
+	return /* @__PURE__ */ jsx("iframe", {
+		title: "Cloudflare Stream video player",
+		src: initialSrc || void 0,
+		"data-cross-origin-frame": true,
+		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
+		allowFullScreen: true,
+		frameBorder: 0,
+		width: "100%",
+		height: "100%",
+		referrerPolicy: props.source?.engine?.cloudflare?.referrerPolicy,
+		...iframeProps,
+		ref: composedRef,
+		children
+	});
+});
+//#endregion
+export { CloudflareVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/cloudflare-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/cloudflare-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { CloudflareMediaProps } from '@videojs/media/dom/cloudflare';\nimport { buildCloudflareIframeSrc, CloudflareMedia, cloudflareMediaDefaultProps } from '@videojs/media/dom/cloudflare';\nimport type { ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface CloudflareVideoProps extends Partial<CloudflareMediaProps> {\n  children?: ReactNode;\n}\n\nexport const CloudflareVideo = forwardRef<HTMLIFrameElement, CloudflareVideoProps>(function CloudflareVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(CloudflareMedia);\n  const props: Partial<CloudflareMediaProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildCloudflareIframeSrc(props.src || props.source?.src || '', {\n      ...cloudflareMediaDefaultProps,\n      ...props,\n      // The embed reads mute once, out of the URL it is rendered with, and either\n      // prop says to start muted. Leaving `muted` out of the URL would leave a\n      // muted autoplay blocked by the browser, since the embed comes up audible.\n      defaultMuted: !!(props.defaultMuted || props.muted),\n    })\n  );\n  const iframeProps = useSyncProps<CloudflareMediaProps, Record<string, unknown>>(\n    media,\n    props,\n    cloudflareMediaDefaultProps\n  );\n\n  return (\n    <iframe\n      title=\"Cloudflare Stream video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.cloudflare?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace CloudflareVideo {\n  export type Props = CloudflareVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,kBAAkB,WAAoD,SAAS,gBAC1F,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,QAAiE,EAAE,GAAG,SAAS;CAErF,MAAM,cAAc,gBADF,gBAAgB,KACU,GAAG,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,yBAAyB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAC7D,GAAG;EACH,GAAG;EAIH,cAAc,CAAC,EAAE,MAAM,gBAAgB,MAAM;CAC/C,CAAC,CACH;CACA,MAAM,cAAc,aAClB,OACA,OACA,2BACF;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,YAAY;EAClD,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/dev/media/google-cast/google-cast.d.ts

@@ -5,16 +5,16 @@ type GoogleCastProps$1 = Partial<GoogleCastProps>;
 /**
  * Adds Google Cast support to the surrounding player's media.
  *
- * Renders nothing — place it inside the player provider as a sibling of the
+ * Renders nothing — place it inside the Player as a sibling of the
  * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`
  * media component with the active media.
  *
  * @example
  * ```tsx
- * <Player.Provider>
+ * <Player>
  *   <HlsJsVideo src="https://example.com/stream.m3u8" />
  *   <GoogleCast receiver="YOUR_APP_ID" />
- * </Player.Provider>
+ * </Player>
  * ```
  */
 declare function GoogleCast$1(props: GoogleCastProps$1): ReactNode;

package/dist/dev/media/google-cast/google-cast.js

@@ -6,16 +6,16 @@ import { GoogleCast, googleCastDefaultProps } from "@videojs/media/dom/google-ca
 /**
 * Adds Google Cast support to the surrounding player's media.
 *
-* Renders nothing — place it inside the player provider as a sibling of the
+* Renders nothing — place it inside the Player as a sibling of the
 * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`
 * media component with the active media.
 *
 * @example
 * ```tsx
-* <Player.Provider>
+* <Player>
 *   <HlsJsVideo src="https://example.com/stream.m3u8" />
 *   <GoogleCast receiver="YOUR_APP_ID" />
-* </Player.Provider>
+* </Player>
 * ```
 */
 function GoogleCast$1(props) {

package/dist/dev/media/google-cast/google-cast.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-cast.js","names":["GoogleCast","GoogleCastComponent"],"sources":["../../../../src/media/google-cast/google-cast.tsx"],"sourcesContent":["'use client';\n\nimport type { GoogleCastProps as GoogleCastComponentProps } from '@videojs/media/dom/google-cast';\nimport { GoogleCast as GoogleCastComponent, googleCastDefaultProps } from '@videojs/media/dom/google-cast';\nimport type { ReactNode } from 'react';\n\nimport { useMediaComponent } from '../../utils/use-media-component';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport type GoogleCastProps = Partial<GoogleCastComponentProps>;\n\n/**\n * Adds Google Cast support to the surrounding player's media.\n *\n * Renders nothing — place it inside the player provider as a sibling of the\n * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`\n * media component with the active media.\n *\n * @example\n * ```tsx\n * <Player.Provider>\n *   <HlsJsVideo src=\"https://example.com/stream.m3u8\" />\n *   <GoogleCast receiver=\"YOUR_APP_ID\" />\n * </Player.Provider>\n * ```\n */\nexport function GoogleCast(props: GoogleCastProps): ReactNode {\n  const component = useMediaComponent(GoogleCastComponent);\n\n  useSyncProps(component, props, googleCastDefaultProps);\n\n  return null;\n}\n\nexport namespace GoogleCast {\n  export type Props = GoogleCastProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,SAAgBA,aAAW,OAAmC;CAG5D,aAFkB,kBAAkBC,UAEf,GAAG,OAAO,sBAAsB;CAErD,OAAO;AACT"}
+{"version":3,"file":"google-cast.js","names":["GoogleCast","GoogleCastComponent"],"sources":["../../../../src/media/google-cast/google-cast.tsx"],"sourcesContent":["'use client';\n\nimport type { GoogleCastProps as GoogleCastComponentProps } from '@videojs/media/dom/google-cast';\nimport { GoogleCast as GoogleCastComponent, googleCastDefaultProps } from '@videojs/media/dom/google-cast';\nimport type { ReactNode } from 'react';\n\nimport { useMediaComponent } from '../../utils/use-media-component';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport type GoogleCastProps = Partial<GoogleCastComponentProps>;\n\n/**\n * Adds Google Cast support to the surrounding player's media.\n *\n * Renders nothing — place it inside the Player as a sibling of the\n * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`\n * media component with the active media.\n *\n * @example\n * ```tsx\n * <Player>\n *   <HlsJsVideo src=\"https://example.com/stream.m3u8\" />\n *   <GoogleCast receiver=\"YOUR_APP_ID\" />\n * </Player>\n * ```\n */\nexport function GoogleCast(props: GoogleCastProps): ReactNode {\n  const component = useMediaComponent(GoogleCastComponent);\n\n  useSyncProps(component, props, googleCastDefaultProps);\n\n  return null;\n}\n\nexport namespace GoogleCast {\n  export type Props = GoogleCastProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,SAAgBA,aAAW,OAAmC;CAG5D,aAFkB,kBAAkBC,UAEf,GAAG,OAAO,sBAAsB;CAErD,OAAO;AACT"}

package/dist/dev/media/hls-audio/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsAudio, HlsAudioProps } from "./media.js";
+export { HlsAudio, HlsAudioProps };

package/dist/dev/media/hls-audio/index.js

@@ -0,0 +1,2 @@
+import { HlsAudio } from "./media.js";
+export { HlsAudio };

package/dist/dev/media/hls-audio/media.d.ts

@@ -0,0 +1,13 @@
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { HlsAudioMediaProps } from "@videojs/spf/hls-audio";
+//#region src/media/hls-audio/media.d.ts
+interface HlsAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps>, Partial<HlsAudioMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsAudio: import("react").ForwardRefExoticComponent<HlsAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+declare namespace HlsAudio {
+  type Props = HlsAudioProps;
+}
+//#endregion
+export { HlsAudio, HlsAudioProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-audio/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-audio/media.tsx"],"mappings":";;;UAWiB,sBACP,KAAK,oBAAoB,yBAAyB,qBACxD,QAAQ;EACV,WAAW;;cAGA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/hls-audio/media.js

@@ -0,0 +1,21 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsAudioMedia, hlsAudioMediaDefaultProps } from "@videojs/spf/hls-audio";
+//#region src/media/hls-audio/media.tsx
+const HlsAudio = forwardRef(function HlsAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsAudioMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, hlsAudioMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { HlsAudio };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hls-audio/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-audio/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsAudioMediaProps } from '@videojs/spf/hls-audio';\nimport { HlsAudioMedia, hlsAudioMediaDefaultProps } from '@videojs/spf/hls-audio';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps>,\n    Partial<HlsAudioMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsAudio = forwardRef<HTMLAudioElement, HlsAudioProps>(function HlsAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsAudioMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsAudioMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace HlsAudio {\n  export type Props = HlsAudioProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,yBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/hls-background-video/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo, HlsBackgroundVideoProps } from "./media.js";
+export { HlsBackgroundVideo, HlsBackgroundVideoProps };

package/dist/dev/media/hls-background-video/index.js

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo } from "./media.js";
+export { HlsBackgroundVideo };

package/dist/dev/media/hls-background-video/media.d.ts

@@ -0,0 +1,28 @@
+import { VideoHTMLAttributes } from "react";
+import { HlsBackgroundVideoMediaProps } from "@videojs/spf/hls-background-video";
+//#region src/media/hls-background-video/media.d.ts
+interface HlsBackgroundVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsBackgroundVideoMediaProps>, Partial<HlsBackgroundVideoMediaProps> {}
+/**
+ * A muted, looping, chrome-less video over the SPF background-video engine — the
+ * React counterpart to `<hls-background-video>`, and the replacement for the
+ * standalone `mux-background-video` package's component.
+ *
+ * `src` is an HLS URL and the whole surface. Capping which rendition is fetched
+ * is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather
+ * than a prop, which keeps the renditions it excludes out of the manifest instead
+ * of merely unpicked.
+ *
+ * There is no structured Mux `source`: playback-ID identity, poster, and
+ * storyboard belong to `MuxVideo`, since none of them mean anything without
+ * controls to hang them on.
+ *
+ * `MuxBackgroundVideo` is this same component under the name the package it
+ * replaces used — an alias, not a variant.
+ */
+declare const HlsBackgroundVideo: import("react").ForwardRefExoticComponent<HlsBackgroundVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace HlsBackgroundVideo {
+  type Props = HlsBackgroundVideoProps;
+}
+//#endregion
+export { HlsBackgroundVideo, HlsBackgroundVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-background-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-background-video/media.tsx"],"mappings":";;;UAgBiB,gCACP,KAAK,oBAAoB,yBAAyB,+BACxD,QAAQ;;;;;;;;;;;;;;;;;;cAmBC,oCAAkB,0BAAA,0CAAA,cAAA;kBAkCd;OACH,QAAQ"}

package/dist/dev/media/hls-background-video/media.js

@@ -0,0 +1,45 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsBackgroundVideoMedia, hlsBackgroundVideoMediaDefaultProps } from "@videojs/spf/hls-background-video";
+//#region src/media/hls-background-video/media.tsx
+/**
+* A muted, looping, chrome-less video over the SPF background-video engine — the
+* React counterpart to `<hls-background-video>`, and the replacement for the
+* standalone `mux-background-video` package's component.
+*
+* `src` is an HLS URL and the whole surface. Capping which rendition is fetched
+* is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather
+* than a prop, which keeps the renditions it excludes out of the manifest instead
+* of merely unpicked.
+*
+* There is no structured Mux `source`: playback-ID identity, poster, and
+* storyboard belong to `MuxVideo`, since none of them mean anything without
+* controls to hang them on.
+*
+* `MuxBackgroundVideo` is this same component under the name the package it
+* replaces used — an alias, not a variant.
+*/
+const HlsBackgroundVideo = forwardRef(function HlsBackgroundVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsBackgroundVideoMedia);
+	const composedRef = useComposedRefs(useAttachMedia(media), ref);
+	return /* @__PURE__ */ jsx("video", {
+		...useSyncProps(media, props, hlsBackgroundVideoMediaDefaultProps),
+		ref: composedRef,
+		muted: true,
+		autoPlay: true,
+		loop: true,
+		playsInline: true,
+		disableRemotePlayback: true,
+		disablePictureInPicture: true,
+		children
+	});
+});
+//#endregion
+export { HlsBackgroundVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hls-background-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-background-video/media.tsx"],"sourcesContent":["'use client';\n\nimport {\n  HlsBackgroundVideoMedia,\n  type HlsBackgroundVideoMediaProps,\n  hlsBackgroundVideoMediaDefaultProps,\n} from '@videojs/spf/hls-background-video';\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` is the only prop the Media owns, taken from the adapter rather than\n// restated here so the two can't disagree about what the surface is.\nexport interface HlsBackgroundVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsBackgroundVideoMediaProps>,\n    Partial<HlsBackgroundVideoMediaProps> {}\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine — the\n * React counterpart to `<hls-background-video>`, and the replacement for the\n * standalone `mux-background-video` package's component.\n *\n * `src` is an HLS URL and the whole surface. Capping which rendition is fetched\n * is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather\n * than a prop, which keeps the renditions it excludes out of the manifest instead\n * of merely unpicked.\n *\n * There is no structured Mux `source`: playback-ID identity, poster, and\n * storyboard belong to `MuxVideo`, since none of them mean anything without\n * controls to hang them on.\n *\n * `MuxBackgroundVideo` is this same component under the name the package it\n * replaces used — an alias, not a variant.\n */\nexport const HlsBackgroundVideo = forwardRef<HTMLVideoElement, HlsBackgroundVideoProps>(function HlsBackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsBackgroundVideoMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsBackgroundVideoMediaDefaultProps);\n\n  return (\n    // The same set `<hls-background-video>` forces onto its inner video, so the\n    // two platforms present the same surface: silent looping playback with no\n    // affordance a UA could hang chrome on — AirPlay, Cast, and picture-in-picture\n    // all being things a background video has nowhere to put.\n    //\n    // Applied after the spread rather than before it, unlike the generic\n    // `BackgroundVideo`: they're what the component is for, and attaching the\n    // Media re-applies its own anyway, so honoring `muted={false}` would only\n    // look like it worked.\n    <video\n      {...htmlProps}\n      ref={composedRef}\n      muted\n      autoPlay\n      loop\n      playsInline\n      disableRemotePlayback\n      disablePictureInPicture\n    >\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsBackgroundVideo {\n  export type Props = HlsBackgroundVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,uBAAuB;CAEtD,MAAM,cAAc,gBADF,eAAe,KACW,GAAG,GAAG;CAGlD,OAUE,oBAAC,SAAD;EACE,GAbc,aAAa,OAAO,OAAO,mCAa7B;EACZ,KAAK;EACL,OAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,uBAAA;EACA,yBAAA;EAEC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/hls-video/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsVideo, HlsVideoProps } from "./media.js";
+export { HlsVideo, HlsVideoProps };

package/dist/dev/media/hls-video/index.js

@@ -0,0 +1,2 @@
+import { HlsVideo } from "./media.js";
+export { HlsVideo };

package/dist/dev/media/hls-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { HlsVideoMediaProps } from "@videojs/spf/hls-video";
+//#region src/media/hls-video/media.d.ts
+interface HlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoMediaProps>, Partial<HlsVideoMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsVideo: import("react").ForwardRefExoticComponent<HlsVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace HlsVideo {
+  type Props = HlsVideoProps;
+}
+//#endregion
+export { HlsVideo, HlsVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-video/media.tsx"],"mappings":";;;UAWiB,sBACP,KAAK,oBAAoB,yBAAyB,qBACxD,QAAQ;EACV,WAAW;;cAGA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/{default/media/simple-hls-video → dev/media/hls-video}/media.js

@@ -5,18 +5,17 @@ import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { useSyncProps } from "../../utils/use-sync-props.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { simpleHlsMediaDefaultProps } from "@videojs/spf/hls";
-import { SimpleHlsMedia } from "@videojs/media/dom/simple-hls";
-//#region src/media/simple-hls-video/media.tsx
-const SimpleHlsVideo = forwardRef(function SimpleHlsVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(SimpleHlsMedia);
+import { HlsVideoMedia, hlsVideoMediaDefaultProps } from "@videojs/spf/hls-video";
+//#region src/media/hls-video/media.tsx
+const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsVideoMedia);
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, simpleHlsMediaDefaultProps),
+		...useSyncProps(media, props, hlsVideoMediaDefaultProps),
 		children
 	});
 });
 //#endregion
-export { SimpleHlsVideo };
+export { HlsVideo };
 
 //# sourceMappingURL=media.js.map

package/dist/dev/media/hls-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsVideoMediaProps } from '@videojs/spf/hls-video';\nimport { HlsVideoMedia, hlsVideoMediaDefaultProps } from '@videojs/spf/hls-video';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoMediaProps>,\n    Partial<HlsVideoMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsVideoMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsVideoMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,yBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-audio/{media.d.ts → hls-js.d.ts}

@@ -1,8 +1,8 @@
 import { AudioHTMLAttributes, ReactNode } from "react";
 import { HlsMediaProps } from "@videojs/media/dom/hls-js";
 import { MuxMediaProps } from "@videojs/media/dom/mux";
-//#region src/media/mux-audio/media.d.ts
-interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>, Partial<HlsMediaProps>, Partial<MuxMediaProps> {
+//#region src/media/mux-audio/hls-js.d.ts
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>, Partial<Omit<HlsMediaProps, 'source'>>, Partial<MuxMediaProps> {
   children?: ReactNode;
 }
 declare const MuxAudio: import("react").ForwardRefExoticComponent<MuxAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
@@ -11,4 +11,4 @@ declare namespace MuxAudio {
 }
 //#endregion
 export { MuxAudio, MuxAudioProps };
-//# sourceMappingURL=media.d.ts.map
+//# sourceMappingURL=hls-js.d.ts.map

package/dist/dev/media/mux-audio/hls-js.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.d.ts","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"mappings":";;;;UAeiB,sBACP,KAAK,oBAAoB,yBAAyB,sBAAsB,gBAC9E,QAAQ,KAAK,2BACb,QAAQ;EACV,WAAW;;cAQA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/mux-audio/{media.js → hls-js.js}

@@ -7,7 +7,7 @@ import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { hlsMediaDefaultProps } from "@videojs/media/dom/hls-js";
 import { MuxMedia, muxMediaDefaultProps } from "@videojs/media/dom/mux";
-//#region src/media/mux-audio/media.tsx
+//#region src/media/mux-audio/hls-js.tsx
 const muxAudioDefaultProps = {
 	...hlsMediaDefaultProps,
 	...muxMediaDefaultProps
@@ -23,4 +23,4 @@ const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
 //#endregion
 export { MuxAudio };
 
-//# sourceMappingURL=media.js.map
+//# sourceMappingURL=hls-js.js.map

package/dist/dev/media/mux-audio/hls-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { hlsMediaDefaultProps } from '@videojs/media/dom/hls-js';\nimport type { MuxMediaProps } from '@videojs/media/dom/mux';\nimport { MuxMedia, muxMediaDefaultProps } from '@videojs/media/dom/mux';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `source` comes from `MuxMediaProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>,\n    Partial<Omit<HlsMediaProps, 'source'>>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxAudioDefaultProps: Omit<HlsMediaProps, 'source'> & MuxMediaProps = {\n  ...hlsMediaDefaultProps,\n  ...muxMediaDefaultProps,\n};\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxAudioDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,uBAAsE;CAC1E,GAAG;CACH,GAAG;AACL;AAEA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,QAAQ;CAKvC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-audio/index.d.ts

@@ -1,2 +1,2 @@
-import { MuxAudio, MuxAudioProps } from "./media.js";
+import { MuxAudio, MuxAudioProps } from "./hls-js.js";
 export { MuxAudio, MuxAudioProps };

package/dist/dev/media/mux-audio/index.js

@@ -1,2 +1,2 @@
-import { MuxAudio } from "./media.js";
+import { MuxAudio } from "./hls-js.js";
 export { MuxAudio };

package/dist/dev/media/mux-audio/spf.d.ts

@@ -0,0 +1,14 @@
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { HlsAudioMediaProps } from "@videojs/spf/hls-audio";
+import { MuxMediaProps } from "@videojs/spf/mux-audio";
+//#region src/media/mux-audio/spf.d.ts
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps | keyof MuxMediaProps>, Partial<Omit<HlsAudioMediaProps, 'src'>>, Partial<MuxMediaProps> {
+  children?: ReactNode;
+}
+declare const MuxAudio: import("react").ForwardRefExoticComponent<MuxAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+declare namespace MuxAudio {
+  type Props = MuxAudioProps;
+}
+//#endregion
+export { MuxAudio, MuxAudioProps };
+//# sourceMappingURL=spf.d.ts.map

package/dist/dev/media/mux-audio/spf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.d.ts","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"mappings":";;;;UAeiB,sBACP,KAAK,oBAAoB,yBAAyB,2BAA2B,gBACnF,QAAQ,KAAK,6BACb,QAAQ;EACV,WAAW;;cAQA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/mux-audio/spf.js

@@ -0,0 +1,26 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { hlsAudioMediaDefaultProps } from "@videojs/spf/hls-audio";
+import { MuxAudioMedia, muxMediaDefaultProps } from "@videojs/spf/mux-audio";
+//#region src/media/mux-audio/spf.tsx
+const muxAudioDefaultProps = {
+	...hlsAudioMediaDefaultProps,
+	...muxMediaDefaultProps
+};
+const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(MuxAudioMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxAudioDefaultProps),
+		children
+	});
+});
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=spf.js.map

package/dist/dev/media/mux-audio/spf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsAudioMediaProps } from '@videojs/spf/hls-audio';\nimport { hlsAudioMediaDefaultProps } from '@videojs/spf/hls-audio';\nimport type { MuxMediaProps } from '@videojs/spf/mux-audio';\nimport { MuxAudioMedia, muxMediaDefaultProps } from '@videojs/spf/mux-audio';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` and `source` come from `MuxMediaProps`: the Mux Media owns both, and its\n// `source` is the structured Mux one rather than the generic engine's.\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps | keyof MuxMediaProps>,\n    Partial<Omit<HlsAudioMediaProps, 'src'>>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxAudioDefaultProps: Omit<HlsAudioMediaProps, 'src'> & MuxMediaProps = {\n  ...hlsAudioMediaDefaultProps,\n  ...muxMediaDefaultProps,\n};\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxAudioDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,uBAAwE;CAC5E,GAAG;CACH,GAAG;AACL;AAEA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-background-video/index.d.ts

@@ -0,0 +1,3 @@
+import { HlsBackgroundVideo, HlsBackgroundVideoProps } from "../hls-background-video/media.js";
+import "../hls-background-video/index.js";
+export { HlsBackgroundVideo as MuxBackgroundVideo, type HlsBackgroundVideoProps as MuxBackgroundVideoProps };

package/dist/dev/media/mux-background-video/index.js

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo } from "../hls-background-video/media.js";
+export { HlsBackgroundVideo as MuxBackgroundVideo };