@videojs/react 10.0.0-beta.24 → 10.0.0-beta.25

package/dist/dev/icons/minimal/index.js

@@ -1,3 +1,5 @@
+import AirPlayEnterIcon from "../dist/react/minimal/airplay-enter.js";
+import AirPlayExitIcon from "../dist/react/minimal/airplay-exit.js";
 import CaptionsOffIcon from "../dist/react/minimal/captions-off.js";
 import CaptionsOnIcon from "../dist/react/minimal/captions-on.js";
 import CastEnterIcon from "../dist/react/minimal/cast-enter.js";
@@ -6,14 +8,19 @@ import CheckIcon from "../dist/react/minimal/check.js";
 import ChevronIcon from "../dist/react/minimal/chevron.js";
 import FullscreenEnterIcon from "../dist/react/minimal/fullscreen-enter.js";
 import FullscreenExitIcon from "../dist/react/minimal/fullscreen-exit.js";
+import GearIcon from "../dist/react/minimal/gear.js";
 import PauseIcon from "../dist/react/minimal/pause.js";
 import PipEnterIcon from "../dist/react/minimal/pip-enter.js";
 import PipExitIcon from "../dist/react/minimal/pip-exit.js";
 import PlayIcon from "../dist/react/minimal/play.js";
+import QualityIcon from "../dist/react/minimal/quality.js";
 import RestartIcon from "../dist/react/minimal/restart.js";
 import SeekIcon from "../dist/react/minimal/seek.js";
+import SpeechIcon from "../dist/react/minimal/speech.js";
+import SpeedIcon from "../dist/react/minimal/speed.js";
 import SpinnerIcon from "../dist/react/minimal/spinner.js";
+import SwitchesIcon from "../dist/react/minimal/switches.js";
 import VolumeHighIcon from "../dist/react/minimal/volume-high.js";
 import VolumeLowIcon from "../dist/react/minimal/volume-low.js";
 import VolumeOffIcon from "../dist/react/minimal/volume-off.js";
-export { CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, RestartIcon, SeekIcon, SpinnerIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };
+export { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };

package/dist/dev/index.d.ts

@@ -1,10 +1,13 @@
 import { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
 import { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer } from "./player/create-player.js";
-import { AlertDialogContextValue, useAlertDialogContext } from "./ui/alert-dialog/context.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";
 import { index_parts_d_exports } from "./ui/alert-dialog/index.parts.js";
+import { AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, useAudioTrackOptions } from "./ui/audio-track/use-audio-track-options.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 { CastButton, CastButtonProps } from "./ui/cast-button/cast-button.js";
 import { ControlsGroupProps } from "./ui/controls/controls-group.js";
 import { ControlsRootProps } from "./ui/controls/controls-root.js";
@@ -18,24 +21,24 @@ import { UseTapGestureOptions, useTapGesture } from "./ui/gesture/use-tap-gestur
 import { useButton } from "./ui/hooks/use-button.js";
 import { useSlider } from "./ui/hooks/use-slider.js";
 import { Hotkey, HotkeyProps, MediaHotkey, MediaHotkeyProps } from "./ui/hotkey/hotkey.js";
-import { useAriaKeyShortcuts } from "./ui/hotkey/use-aria-key-shortcuts.js";
 import { UseHotkeyOptions, useHotkey } from "./ui/hotkey/use-hotkey.js";
+import { useHotkeyShortcut } from "./ui/hotkey/use-hotkey-shortcut.js";
 import { LiveButton, LiveButtonProps } from "./ui/live-button/live-button.js";
 import { MenuContextValue, useMenuContext, useOptionalMenuContext } from "./ui/menu/context.js";
 import { index_parts_d_exports as index_parts_d_exports$3 } from "./ui/menu/index.parts.js";
 import { MuteButton, MuteButtonProps } from "./ui/mute-button/mute-button.js";
 import { PiPButton, PiPButtonProps } from "./ui/pip-button/pip-button.js";
 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 { PlaybackRateButton, PlaybackRateButtonProps } from "./ui/playback-rate-button/playback-rate-button.js";
-import { PlaybackRateMenuOption, PlaybackRateMenuResult, usePlaybackRateMenu } from "./ui/playback-rate-menu/use-playback-rate-menu.js";
-import { index_parts_d_exports as index_parts_d_exports$4 } from "./ui/playback-rate-menu/index.parts.js";
 import { PopoverContextValue, usePopoverContext } from "./ui/popover/context.js";
-import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/popover/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$4 } from "./ui/popover/index.parts.js";
 import { Poster, PosterProps } from "./ui/poster/poster.js";
+import { QualityOption, QualityOptionsProps, QualityOptionsResult, useQualityOptions } from "./ui/quality/use-quality-options.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";
-import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/seek-indicator/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/seek-indicator/index.parts.js";
 import { SliderBufferProps } from "./ui/slider/slider-buffer.js";
 import { SliderFillProps } from "./ui/slider/slider-fill.js";
 import { SliderRootProps } from "./ui/slider/slider-root.js";
@@ -44,20 +47,20 @@ import { Thumbnail, ThumbnailProps } from "./ui/thumbnail/thumbnail.js";
 import { SliderThumbnailProps } from "./ui/slider/slider-thumbnail.js";
 import { SliderTrackProps } from "./ui/slider/slider-track.js";
 import { SliderValueProps } from "./ui/slider/slider-value.js";
-import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/slider/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/slider/index.parts.js";
 import { StatusAnnouncer, StatusAnnouncerProps } from "./ui/status-announcer/status-announcer.js";
 import { StatusIndicatorRootProps } from "./ui/status-indicator/status-indicator-root.js";
 import { StatusIndicatorValueProps } from "./ui/status-indicator/status-indicator-value.js";
-import { index_parts_d_exports as index_parts_d_exports$8 } from "./ui/status-indicator/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$9 } from "./ui/time/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$10 } from "./ui/time-slider/index.parts.js";
-import { TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
-import { index_parts_d_exports as index_parts_d_exports$11 } from "./ui/tooltip/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/status-indicator/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$8 } from "./ui/time/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$9 } from "./ui/time-slider/index.parts.js";
+import { TooltipContent, TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
+import { index_parts_d_exports as index_parts_d_exports$10 } from "./ui/tooltip/index.parts.js";
 import { VolumeIndicatorFillProps } from "./ui/volume-indicator/volume-indicator-fill.js";
 import { VolumeIndicatorRootProps } from "./ui/volume-indicator/volume-indicator-root.js";
 import { VolumeIndicatorValueProps } from "./ui/volume-indicator/volume-indicator-value.js";
-import { index_parts_d_exports as index_parts_d_exports$12 } from "./ui/volume-indicator/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$13 } from "./ui/volume-slider/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$11 } from "./ui/volume-indicator/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$12 } from "./ui/volume-slider/index.parts.js";
 import { mergeProps } from "./utils/merge-props.js";
 import { useAttachMedia } from "./utils/use-attach-media.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
@@ -69,4 +72,5 @@ import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/sto
 import { useSelector, useStore } from "@videojs/store/react";
 import { IndicatorStatus, InputAction, InputIndicatorLabels } from "@videojs/core";
 export * from "@videojs/core/dom";
-export { index_parts_d_exports as AlertDialog, type AlertDialogContextValue, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, index_parts_d_exports$4 as PlaybackRateMenu, type PlaybackRateMenuOption, type PlaybackRateMenuResult, type PlayerContextValue, index_parts_d_exports$5 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$6 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$7 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$8 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$9 as Time, index_parts_d_exports$10 as TimeSlider, index_parts_d_exports$11 as Tooltip, type TooltipContextValue, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$12 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$13 as VolumeSlider, composeRefs, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAriaKeyShortcuts, useAttachMedia, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateMenu, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+export * from "@videojs/core/media/predicate";
+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 CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, 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 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, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };

package/dist/dev/index.js

@@ -4,15 +4,19 @@ import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach,
 import { useLatestRef } from "./utils/use-latest-ref.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { createPlayer } from "./player/create-player.js";
-import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { mergeProps } from "./utils/merge-props.js";
 import { renderElement } from "./utils/use-render.js";
-import { index_parts_exports } from "./ui/alert-dialog/index.parts.js";
-import { BufferingIndicator } from "./ui/buffering-indicator/buffering-indicator.js";
 import { useButton } from "./ui/hooks/use-button.js";
-import { useAriaKeyShortcuts } from "./ui/hotkey/use-aria-key-shortcuts.js";
+import { useHotkeyShortcut } from "./ui/hotkey/use-hotkey-shortcut.js";
+import { useMenuContext, useOptionalMenuContext } from "./ui/menu/context.js";
 import { useTooltipContext } from "./ui/tooltip/context.js";
+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 { 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 { 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";
@@ -25,31 +29,31 @@ 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 { useMenuContext, useOptionalMenuContext } from "./ui/menu/context.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 { PlaybackRateButton } from "./ui/playback-rate-button/playback-rate-button.js";
-import { usePlaybackRateMenu } from "./ui/playback-rate-menu/use-playback-rate-menu.js";
-import { index_parts_exports as index_parts_exports$4 } from "./ui/playback-rate-menu/index.parts.js";
 import { usePopoverContext } from "./ui/popover/context.js";
-import { index_parts_exports as index_parts_exports$5 } from "./ui/popover/index.parts.js";
+import { index_parts_exports as index_parts_exports$4 } from "./ui/popover/index.parts.js";
 import { Poster } from "./ui/poster/poster.js";
 import { SeekButton } from "./ui/seek-button/seek-button.js";
-import { index_parts_exports as index_parts_exports$6 } from "./ui/seek-indicator/index.parts.js";
+import { index_parts_exports as index_parts_exports$5 } from "./ui/seek-indicator/index.parts.js";
 import { Thumbnail } from "./ui/thumbnail/thumbnail.js";
-import { index_parts_exports as index_parts_exports$7 } from "./ui/slider/index.parts.js";
+import { index_parts_exports as index_parts_exports$6 } from "./ui/slider/index.parts.js";
 import { StatusAnnouncer } from "./ui/status-announcer/status-announcer.js";
-import { index_parts_exports as index_parts_exports$8 } from "./ui/status-indicator/index.parts.js";
-import { index_parts_exports as index_parts_exports$9 } from "./ui/time/index.parts.js";
-import { index_parts_exports as index_parts_exports$10 } from "./ui/time-slider/index.parts.js";
-import { index_parts_exports as index_parts_exports$11 } from "./ui/tooltip/index.parts.js";
-import { index_parts_exports as index_parts_exports$12 } from "./ui/volume-indicator/index.parts.js";
-import { index_parts_exports as index_parts_exports$13 } from "./ui/volume-slider/index.parts.js";
+import { index_parts_exports as index_parts_exports$7 } from "./ui/status-indicator/index.parts.js";
+import { index_parts_exports as index_parts_exports$8 } from "./ui/time/index.parts.js";
+import { index_parts_exports as index_parts_exports$9 } from "./ui/time-slider/index.parts.js";
+import { index_parts_exports as index_parts_exports$10 } from "./ui/tooltip/index.parts.js";
+import { index_parts_exports as index_parts_exports$11 } from "./ui/volume-indicator/index.parts.js";
+import { index_parts_exports as index_parts_exports$12 } from "./ui/volume-slider/index.parts.js";
 import { useAttachMedia } from "./utils/use-attach-media.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
 import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
-export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$4 as PlaybackRateMenu, index_parts_exports$5 as Popover, Poster, SeekButton, index_parts_exports$6 as SeekIndicator, index_parts_exports$7 as Slider, StatusAnnouncer, index_parts_exports$8 as StatusIndicator, Thumbnail, index_parts_exports$9 as Time, index_parts_exports$10 as TimeSlider, index_parts_exports$11 as Tooltip, index_parts_exports$12 as VolumeIndicator, index_parts_exports$13 as VolumeSlider, composeRefs, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAriaKeyShortcuts, useAttachMedia, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateMenu, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+export * from "@videojs/core/media/predicate";
+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, 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, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };

package/dist/dev/media/dash-video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"mappings":";;;;;UAWiB,cAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,cAAA,GACxD,OAAA,CAAQ,cAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAaL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"mappings":";;;;;UAaiB,cAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,cAAA,GACxD,OAAA,CAAQ,cAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAeL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

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

@@ -6,9 +6,13 @@ import { useSyncProps } from "../../utils/use-sync-props.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { DashMedia, dashMediaDefaultProps } from "@videojs/core/dom/media/dash";
+import { GoogleCast } from "@videojs/core/dom/media/google-cast";
+import { addComponent } from "@videojs/core/dom/media/media-host";
 //#region src/media/dash-video/index.tsx
 const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(DashMedia);
+	const media = useMediaInstance(DashMedia, (media) => {
+		addComponent(media, new GoogleCast());
+	});
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
 		...useSyncProps(media, props, dashMediaDefaultProps),

package/dist/dev/media/dash-video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/core/dom/media/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/core/dom/media/dash';\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 DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>,\n    Partial<DashMediaProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, dashMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,UAAU;AAKzC,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,sBAAsB;EAI9D;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/core/dom/media/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/core/dom/media/dash';\nimport { GoogleCast } from '@videojs/core/dom/media/google-cast';\nimport { addComponent } from '@videojs/core/dom/media/media-host';\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 DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>,\n    Partial<DashMediaProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashMedia, (media) => {\n    addComponent(media, new GoogleCast());\n  });\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, dashMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,YAAY,UAAU;AACnD,eAAa,OAAO,IAAI,YAAY,CAAC;GACrC;AAKF,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,sBAAsB;EAI9D;EACK,CAAA;EAEV"}

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

@@ -0,0 +1,15 @@
+import * as _$react from "react";
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { HlsMediaProps } from "@videojs/core/dom/media/hls-js";
+
+//#region src/media/hlsjs-video/index.d.ts
+interface HlsJsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsJsVideo: _$react.ForwardRefExoticComponent<HlsJsVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
+declare namespace HlsJsVideo {
+  type Props = HlsJsVideoProps;
+}
+//#endregion
+export { HlsJsVideo, HlsJsVideoProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/media/hlsjs-video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/hlsjs-video/index.tsx"],"mappings":";;;;;UAaiB,eAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,aAAA,GACxD,OAAA,CAAQ,aAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,UAAA,EAAU,OAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAkBN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;AAAA"}

package/dist/dev/media/{hls-video → hlsjs-video}/index.js

@@ -5,10 +5,14 @@ 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 { HlsMedia, hlsMediaDefaultProps } from "@videojs/core/dom/media/hls";
-//#region src/media/hls-video/index.tsx
-const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(HlsMedia);
+import { GoogleCast } from "@videojs/core/dom/media/google-cast";
+import { addComponent } from "@videojs/core/dom/media/media-host";
+import { HlsJsMedia, hlsMediaDefaultProps } from "@videojs/core/dom/media/hls-js";
+//#region src/media/hlsjs-video/index.tsx
+const HlsJsVideo = forwardRef(function HlsJsVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsJsMedia, (media) => {
+		addComponent(media, new GoogleCast());
+	});
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
 		...useSyncProps(media, props, hlsMediaDefaultProps),
@@ -16,6 +20,6 @@ const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
 	});
 });
 //#endregion
-export { HlsVideo };
+export { HlsJsVideo };
 
 //# sourceMappingURL=index.js.map

package/dist/dev/media/hlsjs-video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hlsjs-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { GoogleCast } from '@videojs/core/dom/media/google-cast';\nimport type { HlsMediaProps } from '@videojs/core/dom/media/hls-js';\nimport { HlsJsMedia, hlsMediaDefaultProps } from '@videojs/core/dom/media/hls-js';\nimport { addComponent } from '@videojs/core/dom/media/media-host';\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 HlsJsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsJsVideo = forwardRef<HTMLVideoElement, HlsJsVideoProps>(function HlsJsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsJsMedia, (media) => {\n    addComponent(media, new GoogleCast());\n  });\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsJsVideo {\n  export type Props = HlsJsVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,aAAa,UAAU;AACpD,eAAa,OAAO,IAAI,YAAY,CAAC;GACrC;AAKF,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

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

@@ -1,9 +1,9 @@
 import * as _$react from "react";
 import { AudioHTMLAttributes, ReactNode } from "react";
-import { MuxMediaProps } from "@videojs/core/dom/media/mux";
+import { HlsMediaProps } from "@videojs/core/dom/media/hls-js";
 
 //#region src/media/mux-audio/index.d.ts
-interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof MuxMediaProps>, Partial<MuxMediaProps> {
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
   children?: ReactNode;
 }
 declare const MuxAudio: _$react.ForwardRefExoticComponent<MuxAudioProps & _$react.RefAttributes<HTMLAudioElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"mappings":";;;;;UAWiB,aAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,aAAA,GACxD,OAAA,CAAQ,aAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAaJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"mappings":";;;;;UAciB,aAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,aAAA,GACxD,OAAA,CAAQ,aAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAgBJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}

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

@@ -5,13 +5,19 @@ 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 { MuxAudioMedia, muxMediaDefaultProps } from "@videojs/core/dom/media/mux";
+import { GoogleCast } from "@videojs/core/dom/media/google-cast";
+import { addComponent } from "@videojs/core/dom/media/media-host";
+import { HlsJsMedia, hlsMediaDefaultProps } from "@videojs/core/dom/media/hls-js";
+import { MuxData } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-audio/index.tsx
 const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
-	const media = useMediaInstance(MuxAudioMedia);
+	const media = useMediaInstance(HlsJsMedia, (media) => {
+		addComponent(media, new MuxData({ playerSoftwareName: "mux-audio" }));
+		addComponent(media, new GoogleCast());
+	});
 	return /* @__PURE__ */ jsx("audio", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, muxMediaDefaultProps),
+		...useSyncProps(media, props, hlsMediaDefaultProps),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"sourcesContent":["'use client';\n\nimport type { MuxMediaProps } from '@videojs/core/dom/media/mux';\nimport { MuxAudioMedia, muxMediaDefaultProps } from '@videojs/core/dom/media/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\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof MuxMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\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, muxMediaDefaultProps);\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":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,cAAc;AAK7C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"sourcesContent":["'use client';\n\nimport { GoogleCast } from '@videojs/core/dom/media/google-cast';\nimport type { HlsMediaProps } from '@videojs/core/dom/media/hls-js';\nimport { HlsJsMedia, hlsMediaDefaultProps } from '@videojs/core/dom/media/hls-js';\nimport { addComponent } from '@videojs/core/dom/media/media-host';\nimport { MuxData } from '@videojs/core/dom/media/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\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsJsMedia, (media) => {\n    addComponent(media, new MuxData({ playerSoftwareName: 'mux-audio' }));\n    addComponent(media, new GoogleCast());\n  });\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsMediaDefaultProps);\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":";;;;;;;;;;;;AAoBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa,UAAU;AACpD,eAAa,OAAO,IAAI,QAAQ,EAAE,oBAAoB,aAAa,CAAC,CAAC;AACrE,eAAa,OAAO,IAAI,YAAY,CAAC;GACrC;AAKF,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

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

@@ -1,9 +1,9 @@
 import * as _$react from "react";
 import { ReactNode, VideoHTMLAttributes } from "react";
-import { MuxMediaProps } from "@videojs/core/dom/media/mux";
+import { HlsMediaProps } from "@videojs/core/dom/media/hls-js";
 
 //#region src/media/mux-video/index.d.ts
-interface MuxVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof MuxMediaProps>, Partial<MuxMediaProps> {
+interface MuxVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
   children?: ReactNode;
 }
 declare const MuxVideo: _$react.ForwardRefExoticComponent<MuxVideoProps & _$react.RefAttributes<HTMLVideoElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"mappings":";;;;;UAWiB,aAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,aAAA,GACxD,OAAA,CAAQ,aAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAaJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"mappings":";;;;;UAciB,aAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,aAAA,GACxD,OAAA,CAAQ,aAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAgBJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}

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

@@ -5,13 +5,19 @@ 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 { MuxVideoMedia, muxMediaDefaultProps } from "@videojs/core/dom/media/mux";
+import { GoogleCast } from "@videojs/core/dom/media/google-cast";
+import { addComponent } from "@videojs/core/dom/media/media-host";
+import { HlsJsMedia, hlsMediaDefaultProps } from "@videojs/core/dom/media/hls-js";
+import { MuxData } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-video/index.tsx
 const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(MuxVideoMedia);
+	const media = useMediaInstance(HlsJsMedia, (media) => {
+		addComponent(media, new MuxData({ playerSoftwareName: "mux-video" }));
+		addComponent(media, new GoogleCast());
+	});
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, muxMediaDefaultProps),
+		...useSyncProps(media, props, hlsMediaDefaultProps),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { MuxMediaProps } from '@videojs/core/dom/media/mux';\nimport { MuxVideoMedia, muxMediaDefaultProps } from '@videojs/core/dom/media/mux';\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 MuxVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof MuxMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,cAAc;AAK7C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { GoogleCast } from '@videojs/core/dom/media/google-cast';\nimport type { HlsMediaProps } from '@videojs/core/dom/media/hls-js';\nimport { HlsJsMedia, hlsMediaDefaultProps } from '@videojs/core/dom/media/hls-js';\nimport { addComponent } from '@videojs/core/dom/media/media-host';\nimport { MuxData } from '@videojs/core/dom/media/mux';\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 MuxVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsJsMedia, (media) => {\n    addComponent(media, new MuxData({ playerSoftwareName: 'mux-video' }));\n    addComponent(media, new GoogleCast());\n  });\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa,UAAU;AACpD,eAAa,OAAO,IAAI,QAAQ,EAAE,oBAAoB,aAAa,CAAC,CAAC;AACrE,eAAa,OAAO,IAAI,YAAY,CAAC;GACrC;AAKF,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,qBAAqB;EAI7D;EACK,CAAA;EAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"mappings":";;;;;UAWiB,mBAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,mBAAA,GACxD,OAAA,CAAQ,mBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,cAAA,EAAc,OAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAgBV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"mappings":";;;;;UAaiB,mBAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,mBAAA,GACxD,OAAA,CAAQ,mBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,cAAA,EAAc,OAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAkBV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}

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

@@ -5,10 +5,14 @@ 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 { GoogleCast } from "@videojs/core/dom/media/google-cast";
+import { addComponent } from "@videojs/core/dom/media/media-host";
 import { NativeHlsMedia, nativeHlsMediaDefaultProps } from "@videojs/core/dom/media/native-hls";
 //#region src/media/native-hls-video/index.tsx
 const NativeHlsVideo = forwardRef(function NativeHlsVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(NativeHlsMedia);
+	const media = useMediaInstance(NativeHlsMedia, (media) => {
+		addComponent(media, new GoogleCast());
+	});
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(useAttachMedia(media), ref),
 		...useSyncProps(media, props, nativeHlsMediaDefaultProps),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { NativeHlsMediaProps } from '@videojs/core/dom/media/native-hls';\nimport { NativeHlsMedia, nativeHlsMediaDefaultProps } from '@videojs/core/dom/media/native-hls';\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 NativeHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>,\n    Partial<NativeHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(NativeHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, nativeHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;AAK9C,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,2BAA2B;EAInE;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { GoogleCast } from '@videojs/core/dom/media/google-cast';\nimport { addComponent } from '@videojs/core/dom/media/media-host';\nimport type { NativeHlsMediaProps } from '@videojs/core/dom/media/native-hls';\nimport { NativeHlsMedia, nativeHlsMediaDefaultProps } from '@videojs/core/dom/media/native-hls';\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 NativeHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>,\n    Partial<NativeHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(NativeHlsMedia, (media) => {\n    addComponent(media, new GoogleCast());\n  });\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, nativeHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,iBAAiB,UAAU;AACxD,eAAa,OAAO,IAAI,YAAY,CAAC;GACrC;AAKF,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,2BAA2B;EAInE;EACK,CAAA;EAEV"}

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

@@ -0,0 +1,15 @@
+import * as _$react from "react";
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { SimpleHlsAudioOnlyMediaProps } from "@videojs/spf/hls";
+
+//#region src/media/simple-hls-audio-only/index.d.ts
+interface SimpleHlsAudioOnlyProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof SimpleHlsAudioOnlyMediaProps>, Partial<SimpleHlsAudioOnlyMediaProps> {
+  children?: ReactNode;
+}
+declare const SimpleHlsAudioOnly: _$react.ForwardRefExoticComponent<SimpleHlsAudioOnlyProps & _$react.RefAttributes<HTMLAudioElement>>;
+declare namespace SimpleHlsAudioOnly {
+  type Props = SimpleHlsAudioOnlyProps;
+}
+//#endregion
+export { SimpleHlsAudioOnly, SimpleHlsAudioOnlyProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-audio-only/index.tsx"],"mappings":";;;;;UAYiB,uBAAA,SACP,IAAA,CAAK,mBAAA,CAAoB,gBAAA,SAAyB,4BAAA,GACxD,OAAA,CAAQ,4BAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,kBAAA,EAAkB,OAAA,CAAA,yBAAA,CAAA,uBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAgBd,kBAAA;EAAA,KACH,KAAA,GAAQ,uBAAA;AAAA"}

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

@@ -0,0 +1,22 @@
+"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 { SimpleHlsAudioOnlyMedia } from "@videojs/core/dom/media/simple-hls-audio-only";
+import { simpleHlsAudioOnlyMediaDefaultProps } from "@videojs/spf/hls";
+//#region src/media/simple-hls-audio-only/index.tsx
+const SimpleHlsAudioOnly = forwardRef(function SimpleHlsAudioOnly({ children, ...props }, ref) {
+	const media = useMediaInstance(SimpleHlsAudioOnlyMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { SimpleHlsAudioOnly };
+
+//# sourceMappingURL=index.js.map

package/dist/dev/media/simple-hls-audio-only/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-audio-only/index.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsAudioOnlyMedia } from '@videojs/core/dom/media/simple-hls-audio-only';\nimport type { SimpleHlsAudioOnlyMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsAudioOnlyMediaDefaultProps } from '@videojs/spf/hls';\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 SimpleHlsAudioOnlyProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof SimpleHlsAudioOnlyMediaProps>,\n    Partial<SimpleHlsAudioOnlyMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsAudioOnly = forwardRef<HTMLAudioElement, SimpleHlsAudioOnlyProps>(function SimpleHlsAudioOnly(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsAudioOnlyMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace SimpleHlsAudioOnly {\n  export type Props = SimpleHlsAudioOnlyProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,wBAAwB;AAKvD,QACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,MAAM,EACQ,IAAI;EAIxB,GAHT,aAAa,OAAO,OAAO,oCAAoC;EAI5E;EACK,CAAA;EAEV"}

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

@@ -5,8 +5,8 @@ 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 { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
 import { simpleHlsMediaDefaultProps } from "@videojs/spf/hls";
+import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
 //#region src/media/simple-hls-video/index.tsx
 const SimpleHlsVideo = forwardRef(function SimpleHlsVideo({ children, ...props }, ref) {
 	const media = useMediaInstance(SimpleHlsMedia);

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

@@ -0,0 +1,15 @@
+import * as _$react from "react";
+import { ReactNode } from "react";
+import { VimeoMediaProps } from "@videojs/core/dom/media/vimeo";
+
+//#region src/media/vimeo-video/index.d.ts
+interface VimeoVideoProps extends Partial<VimeoMediaProps> {
+  children?: ReactNode;
+}
+declare const VimeoVideo: _$react.ForwardRefExoticComponent<VimeoVideoProps & _$react.RefAttributes<HTMLIFrameElement>>;
+declare namespace VimeoVideo {
+  type Props = VimeoVideoProps;
+}
+//#endregion
+export { VimeoVideo, VimeoVideoProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/media/vimeo-video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/vimeo-video/index.tsx"],"mappings":";;;;;UAWiB,eAAA,SAAwB,OAAA,CAAQ,eAAA;EAC/C,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,UAAA,EAAU,OAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBA8BN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;AAAA"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { forwardRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { VimeoMedia, buildVimeoIframeSrc, vimeoMediaDefaultProps } from "@videojs/core/dom/media/vimeo";
+//#region src/media/vimeo-video/index.tsx
+const VimeoVideo = forwardRef(function VimeoVideo({ children, ...rawProps }, ref) {
+	const media = useMediaInstance(VimeoMedia);
+	const props = { ...rawProps };
+	const composedRef = useComposedRefs(useAttachIframe(media), ref);
+	const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src ?? "", {
+		...vimeoMediaDefaultProps,
+		...props
+	}));
+	const iframeProps = useSyncProps(media, props, vimeoMediaDefaultProps);
+	return /* @__PURE__ */ jsx("iframe", {
+		title: "Vimeo video player",
+		src: initialSrc,
+		"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.config?.referrerPolicy,
+		...iframeProps,
+		ref: composedRef,
+		children
+	});
+});
+//#endregion
+export { VimeoVideo };
+
+//# sourceMappingURL=index.js.map

package/dist/dev/media/vimeo-video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/vimeo-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { VimeoMediaProps } from '@videojs/core/dom/media/vimeo';\nimport { buildVimeoIframeSrc, VimeoMedia, vimeoMediaDefaultProps } from '@videojs/core/dom/media/vimeo';\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 VimeoVideoProps extends Partial<VimeoMediaProps> {\n  children?: ReactNode;\n}\n\nexport const VimeoVideo = forwardRef<HTMLIFrameElement, VimeoVideoProps>(function VimeoVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(VimeoMedia);\n  const props: Partial<VimeoMediaProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src ?? '', { ...vimeoMediaDefaultProps, ...props }));\n  const iframeProps = useSyncProps<VimeoMediaProps, Record<string, unknown>>(media, props, vimeoMediaDefaultProps);\n\n  return (\n    <iframe\n      title=\"Vimeo video player\"\n      src={initialSrc}\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.config?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace VimeoVideo {\n  export type Props = VimeoVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,WAAW;CAC1C,MAAM,QAA4D,EAAE,GAAG,UAAU;CAEjF,MAAM,cAAc,gBADF,gBAAgB,MAAM,EACO,IAAI;CACnD,MAAM,CAAC,cAAc,eAAe,oBAAoB,MAAM,OAAO,IAAI;EAAE,GAAG;EAAwB,GAAG;EAAO,CAAC,CAAC;CAClH,MAAM,cAAc,aAAuD,OAAO,OAAO,uBAAuB;AAEhH,QACE,oBAAC,UAAD;EACE,OAAM;EACN,KAAK;EACL,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ;EAC9B,GAAI;EACJ,KAAK;EAEJ;EACM,CAAA;EAEX"}

package/dist/dev/player/context.d.ts

@@ -18,12 +18,20 @@ declare function usePlayerContext(): PlayerContextValue;
 /**
  * Access the player store from within a Player Provider.
  *
+ * This standalone hook has no knowledge of your configured features, so it
+ * returns an untyped `UnknownStore` whose state properties are typed as
+ * `unknown`. For typed access, use the `usePlayer` returned by `createPlayer()`,
+ * or pass a premade selector to recover the type from its return value.
+ *
  * @label Without Selector
  */
 declare function usePlayer(): UnknownStore;
 /**
  * Select a value from the player store. Re-renders when the selected value changes.
  *
+ * The selector receives `UnknownState`, so an inline selector returns `unknown`.
+ * Pass a premade selector (e.g. `selectPlayback`) to get a typed result.
+ *
  * @label With Selector
  * @param selector - Derives a value from the player store state.
  */