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

package/dist/dev/icons/index.js

@@ -0,0 +1,19 @@
+import CaptionsOffIcon from "./dist/react/default/captions-off.js";
+import CaptionsOnIcon from "./dist/react/default/captions-on.js";
+import CastEnterIcon from "./dist/react/default/cast-enter.js";
+import CastExitIcon from "./dist/react/default/cast-exit.js";
+import CheckIcon from "./dist/react/default/check.js";
+import ChevronIcon from "./dist/react/default/chevron.js";
+import FullscreenEnterIcon from "./dist/react/default/fullscreen-enter.js";
+import FullscreenExitIcon from "./dist/react/default/fullscreen-exit.js";
+import PauseIcon from "./dist/react/default/pause.js";
+import PipEnterIcon from "./dist/react/default/pip-enter.js";
+import PipExitIcon from "./dist/react/default/pip-exit.js";
+import PlayIcon from "./dist/react/default/play.js";
+import RestartIcon from "./dist/react/default/restart.js";
+import SeekIcon from "./dist/react/default/seek.js";
+import SpinnerIcon from "./dist/react/default/spinner.js";
+import VolumeHighIcon from "./dist/react/default/volume-high.js";
+import VolumeLowIcon from "./dist/react/default/volume-low.js";
+import VolumeOffIcon from "./dist/react/default/volume-off.js";
+export { CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, RestartIcon, SeekIcon, SpinnerIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };

package/dist/dev/icons/minimal/index.d.ts

@@ -0,0 +1,2 @@
+import { CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, RestartIcon, SeekIcon, SpinnerIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon } from "../dist/react/minimal/index.js";
+export { CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, RestartIcon, SeekIcon, SpinnerIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };

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

@@ -0,0 +1,19 @@
+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";
+import CastExitIcon from "../dist/react/minimal/cast-exit.js";
+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 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 RestartIcon from "../dist/react/minimal/restart.js";
+import SeekIcon from "../dist/react/minimal/seek.js";
+import SpinnerIcon from "../dist/react/minimal/spinner.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 };

package/dist/dev/index.d.ts

@@ -1,4 +1,4 @@
-import { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+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";
@@ -12,22 +12,30 @@ import { index_parts_d_exports as index_parts_d_exports$1 } from "./ui/controls/
 import { ErrorDialogContextValue, useErrorDialogContext } from "./ui/error-dialog/context.js";
 import { index_parts_d_exports as index_parts_d_exports$2 } from "./ui/error-dialog/index.parts.js";
 import { FullscreenButton, FullscreenButtonProps } from "./ui/fullscreen-button/fullscreen-button.js";
-import { MediaGesture, MediaGestureProps } from "./ui/gesture/media-gesture.js";
+import { Gesture, GestureProps, MediaGesture, MediaGestureProps } from "./ui/gesture/gesture.js";
 import { UseDoubleTapGestureOptions, useDoubleTapGesture } from "./ui/gesture/use-doubletap-gesture.js";
 import { UseTapGestureOptions, useTapGesture } from "./ui/gesture/use-tap-gesture.js";
 import { useButton } from "./ui/hooks/use-button.js";
 import { useSlider } from "./ui/hooks/use-slider.js";
-import { MediaHotkey, MediaHotkeyProps } from "./ui/hotkey/media-hotkey.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 { 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 { 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$3 } from "./ui/popover/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/popover/index.parts.js";
 import { Poster, PosterProps } from "./ui/poster/poster.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 { SliderBufferProps } from "./ui/slider/slider-buffer.js";
 import { SliderFillProps } from "./ui/slider/slider-fill.js";
 import { SliderRootProps } from "./ui/slider/slider-root.js";
@@ -36,15 +44,22 @@ 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$4 } from "./ui/slider/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/time/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/time-slider/index.parts.js";
+import { index_parts_d_exports as index_parts_d_exports$7 } 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$7 } from "./ui/tooltip/index.parts.js";
-import { index_parts_d_exports as index_parts_d_exports$8 } from "./ui/volume-slider/index.parts.js";
-import { attachMediaElement } from "./utils/attach-media-element.js";
-import { mediaProps } from "./utils/media-props.js";
+import { index_parts_d_exports as index_parts_d_exports$11 } 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 { mergeProps } from "./utils/merge-props.js";
+import { useAttachMedia } from "./utils/use-attach-media.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { useLatestRef } from "./utils/use-latest-ref.js";
@@ -52,5 +67,6 @@ import { useMediaInstance } from "./utils/use-media-instance.js";
 import { renderElement } from "./utils/use-render.js";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 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, type HTMLProps, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlayerContextValue, index_parts_d_exports$3 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, type Selector, index_parts_d_exports$4 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$5 as Time, index_parts_d_exports$6 as TimeSlider, index_parts_d_exports$7 as Tooltip, type TooltipContextValue, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$8 as VolumeSlider, attachMediaElement, composeRefs, createPlayer, createSelector, mediaProps, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAriaKeyShortcuts, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useOptionalPlayer, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+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 };

package/dist/dev/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
-import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
 import { useLatestRef } from "./utils/use-latest-ref.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { createPlayer } from "./player/create-player.js";
@@ -18,30 +18,38 @@ import { index_parts_exports as index_parts_exports$1 } from "./ui/controls/inde
 import { useErrorDialogContext } from "./ui/error-dialog/context.js";
 import { index_parts_exports as index_parts_exports$2 } from "./ui/error-dialog/index.parts.js";
 import { FullscreenButton } from "./ui/fullscreen-button/fullscreen-button.js";
-import { MediaGesture } from "./ui/gesture/media-gesture.js";
+import { Gesture, MediaGesture } from "./ui/gesture/gesture.js";
 import { useDoubleTapGesture } from "./ui/gesture/use-doubletap-gesture.js";
 import { useTapGesture } from "./ui/gesture/use-tap-gesture.js";
 import { useSlider } from "./ui/hooks/use-slider.js";
-import { MediaHotkey } from "./ui/hotkey/media-hotkey.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 { 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$3 } from "./ui/popover/index.parts.js";
+import { index_parts_exports as index_parts_exports$5 } 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 { Thumbnail } from "./ui/thumbnail/thumbnail.js";
-import { index_parts_exports as index_parts_exports$4 } from "./ui/slider/index.parts.js";
-import { index_parts_exports as index_parts_exports$5 } from "./ui/time/index.parts.js";
-import { index_parts_exports as index_parts_exports$6 } from "./ui/time-slider/index.parts.js";
-import { index_parts_exports as index_parts_exports$7 } from "./ui/tooltip/index.parts.js";
-import { index_parts_exports as index_parts_exports$8 } from "./ui/volume-slider/index.parts.js";
-import { attachMediaElement } from "./utils/attach-media-element.js";
-import { mediaProps } from "./utils/media-props.js";
+import { index_parts_exports as index_parts_exports$7 } 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 { 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, MediaGesture, MediaHotkey, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$3 as Popover, Poster, SeekButton, index_parts_exports$4 as Slider, Thumbnail, index_parts_exports$5 as Time, index_parts_exports$6 as TimeSlider, index_parts_exports$7 as Tooltip, index_parts_exports$8 as VolumeSlider, attachMediaElement, composeRefs, createPlayer, createSelector, mediaProps, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAriaKeyShortcuts, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useOptionalPlayer, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+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 };

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

@@ -1,9 +1,9 @@
-import * as react from "react";
+import * as _$react from "react";
 import { AudioHTMLAttributes } from "react";
 
 //#region src/media/audio.d.ts
 interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}
-declare const Audio: react.ForwardRefExoticComponent<AudioProps & react.RefAttributes<HTMLAudioElement>>;
+declare const Audio: _$react.ForwardRefExoticComponent<AudioProps & _$react.RefAttributes<HTMLAudioElement>>;
 declare namespace Audio {
   type Props = AudioProps;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;;;UAQiB,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,cAE3C,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAWD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}
+{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;;;UAQiB,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,cAE3C,KAAA,EAAK,OAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAWD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}

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

@@ -1,9 +1,9 @@
-import * as react from "react";
+import * as _$react from "react";
 import { VideoHTMLAttributes } from "react";
 
 //#region src/media/background-video/index.d.ts
 interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
-declare const BackgroundVideo: react.ForwardRefExoticComponent<BackgroundVideoProps & react.RefAttributes<HTMLVideoElement>>;
+declare const BackgroundVideo: _$react.ForwardRefExoticComponent<BackgroundVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
 declare namespace BackgroundVideo {
   type Props = BackgroundVideoProps;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"mappings":";;;;UAQiB,oBAAA,SAA6B,mBAAA,CAAoB,gBAAA;AAAA,cAErD,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAsBX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"mappings":";;;;UAQiB,oBAAA,SAA6B,mBAAA,CAAoB,gBAAA;AAAA,cAErD,eAAA,EAAe,OAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAsBX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;AAAA"}

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

@@ -1,13 +1,12 @@
-import * as react from "react";
-import { PropsWithChildren, VideoHTMLAttributes } from "react";
-import { DashMedia } from "@videojs/core/dom/media/dash";
-import { InferClassProps } from "@videojs/utils/types";
+import * as _$react from "react";
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { DashMediaProps } from "@videojs/core/dom/media/dash";
 
 //#region src/media/dash-video/index.d.ts
-type DashVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof DashMedia>;
-declare const DashVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
-  children?: react.ReactNode | undefined;
-} & Partial<Pick<DashMedia, "poster" | "disableRemotePlayback" | "loop" | "muted" | "src" | "title" | "currentTime" | "volume" | "playbackRate">> & react.RefAttributes<HTMLVideoElement>>;
+interface DashVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>, Partial<DashMediaProps> {
+  children?: ReactNode;
+}
+declare const DashVideo: _$react.ForwardRefExoticComponent<DashVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
 declare namespace DashVideo {
   type Props = DashVideoProps;
 }

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":";;;;;;KAWY,cAAA,GAAiB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KACjE,eAAA,QAAuB,SAAA;AAAA,cAEZ,SAAA,QAAS,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAYL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}
+{"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"}

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

@@ -1,17 +1,17 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.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 { DashMedia } from "@videojs/core/dom/media/dash";
+import { DashMedia, dashMediaDefaultProps } from "@videojs/core/dom/media/dash";
 //#region src/media/dash-video/index.tsx
 const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
-	const mediaApi = useMediaInstance(DashMedia);
+	const media = useMediaInstance(DashMedia);
 	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, DashMedia, props),
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, dashMediaDefaultProps),
 		children
 	});
 });

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 { DashMedia } from '@videojs/core/dom/media/dash';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type DashVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferClassProps<typeof DashMedia>;\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(DashMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, DashMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,WAAW,iBAAiB,UAAU;AAI5C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,WAAW,MAAM;EAChE;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 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"}

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

@@ -1,13 +1,12 @@
-import * as react from "react";
-import { PropsWithChildren, VideoHTMLAttributes } from "react";
-import { HlsMedia } from "@videojs/core/dom/media/hls";
-import { InferClassProps } from "@videojs/utils/types";
+import * as _$react from "react";
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { HlsMediaProps } from "@videojs/core/dom/media/hls";
 
 //#region src/media/hls-video/index.d.ts
-type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof HlsMedia>;
-declare const HlsVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
-  children?: react.ReactNode | undefined;
-} & Partial<Pick<HlsMedia, "poster" | "disableRemotePlayback" | "loop" | "muted" | "preload" | "src" | "title" | "currentTime" | "volume" | "playbackRate" | "type" | "preferPlayback" | "config" | "debug">> & react.RefAttributes<HTMLVideoElement>>;
+interface HlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsVideo: _$react.ForwardRefExoticComponent<HlsVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
 declare namespace HlsVideo {
   type Props = HlsVideoProps;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"mappings":";;;;;;KAWY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAAqB,eAAA,QAAuB,QAAA;AAAA,cAEjG,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAYJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/hls-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"}

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

@@ -1,17 +1,17 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.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 { HlsMedia } from "@videojs/core/dom/media/hls";
+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 mediaApi = useMediaInstance(HlsMedia);
+	const media = useMediaInstance(HlsMedia);
 	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, HlsMedia, props),
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, hlsMediaDefaultProps),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { HlsMedia } from '@videojs/core/dom/media/hls';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof HlsMedia>;\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(HlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, HlsMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiB,SAAS;AAI3C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,UAAU,MAAM;EAC/D;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/core/dom/media/hls';\nimport { HlsMedia, hlsMediaDefaultProps } from '@videojs/core/dom/media/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 HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsMedia);\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 HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,SAAS;AAKxC,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,13 +1,15 @@
-import * as react from "react";
-import { AudioHTMLAttributes, PropsWithChildren } from "react";
-import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
-import { InferClassProps } from "@videojs/utils/types";
+import * as _$react from "react";
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { MuxMediaProps } from "@videojs/core/dom/media/mux";
 
 //#region src/media/mux-audio/index.d.ts
-type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> & InferClassProps<typeof MuxAudioMedia>;
-declare const MuxAudio: react.ForwardRefExoticComponent<AudioHTMLAttributes<HTMLAudioElement> & {
-  children?: react.ReactNode | undefined;
-} & Partial<Pick<MuxAudioMedia, "poster" | "disableRemotePlayback" | "loop" | "muted" | "preload" | "src" | "title" | "currentTime" | "volume" | "playbackRate" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "castReceiver" | "castSrc" | "castContentType" | "castStreamType" | "castCustomData" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLAudioElement>>;
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof MuxMediaProps>, Partial<MuxMediaProps> {
+  children?: ReactNode;
+}
+declare const MuxAudio: _$react.ForwardRefExoticComponent<MuxAudioProps & _$react.RefAttributes<HTMLAudioElement>>;
+declare namespace MuxAudio {
+  type Props = MuxAudioProps;
+}
 //#endregion
-export { MuxAudio, MuxAudio as default, MuxAudioProps };
+export { MuxAudio, MuxAudioProps };
 //# sourceMappingURL=index.d.ts.map

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":";;;;;;KASY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,eAAA,QAAuB,aAAA;AAAA,cAEZ,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA"}
+{"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"}

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

@@ -1,20 +1,21 @@
+"use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.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 { MuxAudioMedia } from "@videojs/core/dom/media/mux";
+import { MuxAudioMedia, muxMediaDefaultProps } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-audio/index.tsx
-const MuxAudio = forwardRef(({ children, ...props }, ref) => {
-	const mediaApi = useMediaInstance(MuxAudioMedia);
+const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(MuxAudioMedia);
 	return /* @__PURE__ */ jsx("audio", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, MuxAudioMedia, props),
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxMediaDefaultProps),
 		children
 	});
 });
 //#endregion
-export { MuxAudio, MuxAudio as default };
+export { MuxAudio };
 
 //# sourceMappingURL=index.js.map

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":["import { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { AudioHTMLAttributes, PropsWithChildren } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> &\n  InferClassProps<typeof MuxAudioMedia>;\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMediaInstance(MuxAudioMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <audio ref={composedRef} {...mediaProps(mediaApi, MuxAudioMedia, props)}>\n      {children}\n    </audio>\n  );\n});\n\nexport default MuxAudio;\n"],"mappings":";;;;;;;;AAYA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,iBAAiB,cAAc;AAIhD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,eAAe,MAAM;EACpE;EACK,CAAA;EAEV"}
+{"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"}

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

@@ -1,13 +1,12 @@
-import * as react from "react";
-import { PropsWithChildren, VideoHTMLAttributes } from "react";
-import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
-import { InferClassProps } from "@videojs/utils/types";
+import * as _$react from "react";
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { MuxMediaProps } from "@videojs/core/dom/media/mux";
 
 //#region src/media/mux-video/index.d.ts
-type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof MuxVideoMedia>;
-declare const MuxVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
-  children?: react.ReactNode | undefined;
-} & Partial<Pick<MuxVideoMedia, "poster" | "disableRemotePlayback" | "loop" | "muted" | "preload" | "src" | "title" | "currentTime" | "volume" | "playbackRate" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "castReceiver" | "castSrc" | "castContentType" | "castStreamType" | "castCustomData" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLVideoElement>>;
+interface MuxVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof MuxMediaProps>, Partial<MuxMediaProps> {
+  children?: ReactNode;
+}
+declare const MuxVideo: _$react.ForwardRefExoticComponent<MuxVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
 declare namespace MuxVideo {
   type Props = MuxVideoProps;
 }

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":";;;;;;KAWY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,eAAA,QAAuB,aAAA;AAAA,cAEZ,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAYJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}
+{"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"}

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

@@ -1,17 +1,17 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.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 { MuxVideoMedia } from "@videojs/core/dom/media/mux";
+import { MuxVideoMedia, muxMediaDefaultProps } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-video/index.tsx
 const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
-	const mediaApi = useMediaInstance(MuxVideoMedia);
+	const media = useMediaInstance(MuxVideoMedia);
 	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, MuxVideoMedia, props),
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxMediaDefaultProps),
 		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 { MuxVideoMedia } from '@videojs/core/dom/media/mux';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferClassProps<typeof MuxVideoMedia>;\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(MuxVideoMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, MuxVideoMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiB,cAAc;AAIhD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,eAAe,MAAM;EACpE;EACK,CAAA;EAEV"}
+{"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"}

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

@@ -1,13 +1,12 @@
-import * as react from "react";
-import { PropsWithChildren, VideoHTMLAttributes } from "react";
-import { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
-import { InferClassProps } from "@videojs/utils/types";
+import * as _$react from "react";
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { NativeHlsMediaProps } from "@videojs/core/dom/media/native-hls";
 
 //#region src/media/native-hls-video/index.d.ts
-type NativeHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof NativeHlsMedia>;
-declare const NativeHlsVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
-  children?: react.ReactNode | undefined;
-} & Partial<Pick<NativeHlsMedia, "poster" | "disableRemotePlayback" | "loop" | "muted" | "preload" | "src" | "title" | "currentTime" | "volume" | "playbackRate">> & react.RefAttributes<HTMLVideoElement>>;
+interface NativeHlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>, Partial<NativeHlsMediaProps> {
+  children?: ReactNode;
+}
+declare const NativeHlsVideo: _$react.ForwardRefExoticComponent<NativeHlsVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
 declare namespace NativeHlsVideo {
   type Props = NativeHlsVideoProps;
 }

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":";;;;;;KAWY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KACtE,eAAA,QAAuB,cAAA;AAAA,cAEZ,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAeV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}
+{"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"}

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

@@ -1,17 +1,17 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.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 { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
+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 mediaApi = useMediaInstance(NativeHlsMedia);
+	const media = useMediaInstance(NativeHlsMedia);
 	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, NativeHlsMedia, props),
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, nativeHlsMediaDefaultProps),
 		children
 	});
 });