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

package/dist/default/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/default/index.js

@@ -1,18 +1,26 @@
 "use client";
+import { I18nContext, useLocale, useTranslator } from "./i18n/context.js";
+import { I18nProvider, createI18n } from "./i18n/create-i18n.js";
+import { createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, onI18nRegistryChange, registerI18n } from "./i18n/index.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
-import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { Container } from "./player/container.js";
 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 +33,33 @@ 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 { useMediaComponent } from "./utils/use-media-component.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
+import { hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable } from "@videojs/media";
 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/media/dom";
+export { AirPlayButton, index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$4 as Popover, Poster, SeekButton, index_parts_exports$5 as SeekIndicator, index_parts_exports$6 as Slider, StatusAnnouncer, index_parts_exports$7 as StatusIndicator, Thumbnail, index_parts_exports$8 as Time, index_parts_exports$9 as TimeSlider, index_parts_exports$10 as Tooltip, index_parts_exports$11 as VolumeIndicator, index_parts_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };

package/dist/default/media/audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["'use client';\n\nimport type { AudioHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}\n\nexport const Audio = forwardRef<HTMLAudioElement, AudioProps>(function Audio({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <audio ref={composedRef} {...props}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace Audio {\n  export type Props = AudioProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;AAIxG,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,gBAAgB,CACiB;EAGvB,GAAI;EAC1B;EACK,CAAA;EAEV"}
+{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["'use client';\n\nimport type { AudioHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}\n\nexport const Audio = forwardRef<HTMLAudioElement, AudioProps>(function Audio({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <audio ref={composedRef} {...props}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace Audio {\n  export type Props = AudioProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAIxG,OACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,eAC+B,CAGxB;EAAG,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/background-video/index.js

@@ -1,26 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useMediaAttach } from "../../player/context.js";
-import { forwardRef, useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/media/background-video/index.tsx
-const BackgroundVideo = forwardRef(function BackgroundVideo({ children, ...props }, ref) {
-	const setMedia = useMediaAttach();
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(ref, useCallback((el) => {
-			setMedia?.(el);
-		}, [setMedia])),
-		muted: true,
-		autoPlay: true,
-		loop: true,
-		playsInline: true,
-		disableRemotePlayback: true,
-		disablePictureInPicture: true,
-		...props,
-		children
-	});
-});
-//#endregion
+import { BackgroundVideo } from "./media.js";
 export { BackgroundVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/default/media/background-video/media.js

@@ -0,0 +1,26 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaAttach } from "../../player/context.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/media/background-video/media.tsx
+const BackgroundVideo = forwardRef(function BackgroundVideo({ children, ...props }, ref) {
+	const setMedia = useMediaAttach();
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(ref, useCallback((el) => {
+			setMedia?.(el);
+		}, [setMedia])),
+		muted: true,
+		autoPlay: true,
+		loop: true,
+		playsInline: true,
+		disableRemotePlayback: true,
+		disablePictureInPicture: true,
+		...props,
+		children
+	});
+});
+//#endregion
+export { BackgroundVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/default/media/background-video/{index.js.map → media.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,gBAAgB;AAWjC,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB,OAAA;EAAM,UAAA;EAAS,MAAA;EAAK,aAAA;EAAY,uBAAA;EAAsB,yBAAA;EAAwB,GAAI;EACxG;EACK,CAAA;EAEV"}
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/background-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,eAAe;CAWhC,OACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KAPnB,aACd,OAAgC;GAC/B,WAAW,EAAE;EACf,GACA,CAAC,QAAQ,CAGqC,CAGxB;EAAG,OAAA;EAAM,UAAA;EAAS,MAAA;EAAK,aAAA;EAAY,uBAAA;EAAsB,yBAAA;EAAwB,GAAI;EACxG;CACI,CAAA;AAEX,CAAC"}

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

@@ -1,21 +1,2 @@
-"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 { DashMedia, dashMediaDefaultProps } from "@videojs/core/dom/media/dash";
-//#region src/media/dash-video/index.tsx
-const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(DashMedia);
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, dashMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { DashVideo } from "./media.js";
 export { DashVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/default/media/dash-video/media.js

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

package/dist/default/media/dash-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/dash-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/media/dom/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/media/dom/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,SAAS;CAKxC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,qBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

@@ -0,0 +1,28 @@
+"use client";
+import { useMediaComponent } from "../../utils/use-media-component.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { GoogleCast, googleCastDefaultProps } from "@videojs/media/dom/google-cast";
+//#region src/media/google-cast/google-cast.tsx
+/**
+* Adds Google Cast support to the surrounding player's media.
+*
+* Renders nothing — place it inside the player provider as a sibling of the
+* media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`
+* media component with the active media.
+*
+* @example
+* ```tsx
+* <Player.Provider>
+*   <HlsJsVideo src="https://example.com/stream.m3u8" />
+*   <GoogleCast receiver="YOUR_APP_ID" />
+* </Player.Provider>
+* ```
+*/
+function GoogleCast$1(props) {
+	useSyncProps(useMediaComponent(GoogleCast), props, googleCastDefaultProps);
+	return null;
+}
+//#endregion
+export { GoogleCast$1 as GoogleCast };
+
+//# sourceMappingURL=google-cast.js.map

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

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

package/dist/default/media/google-cast/index.js

@@ -0,0 +1,2 @@
+import { GoogleCast } from "./google-cast.js";
+export { GoogleCast };

package/dist/default/media/hlsjs-video/index.js

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

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

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

package/dist/default/media/hlsjs-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hlsjs-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { HlsJsMedia, hlsMediaDefaultProps } from '@videojs/media/dom/hls-js';\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);\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":";;;;;;;;;AAiBA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,UAAU;CAKzC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

@@ -1,21 +1,2 @@
-"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 { MuxAudioMedia, muxMediaDefaultProps } 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);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, muxMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { MuxAudio } from "./media.js";
 export { MuxAudio };
-
-//# sourceMappingURL=index.js.map

package/dist/default/media/mux-audio/media.js

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

package/dist/default/media/mux-audio/media.js.map

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

package/dist/default/media/mux-data/index.js

@@ -0,0 +1,2 @@
+import { MuxData } from "./mux-data.js";
+export { MuxData };

package/dist/default/media/mux-data/mux-data.js

@@ -0,0 +1,37 @@
+"use client";
+import { useMediaComponent } from "../../utils/use-media-component.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { MuxData, muxDataDefaultProps } from "@videojs/media/dom/mux";
+//#region src/media/mux-data/mux-data.tsx
+/**
+* Adds [Mux Data](https://www.mux.com/data) monitoring to the surrounding
+* player's media.
+*
+* Renders nothing — place it inside the player provider as a sibling of the
+* media component (e.g. `<MuxVideo />`) and it registers a `MuxData` media
+* component with the active media.
+*
+* Mux-hosted playback needs no `envKey`: the view reports the Mux playback ID
+* as its `video_id`, which Mux attributes to the owning environment. Set
+* `envKey` to monitor sources Mux doesn't host.
+*
+* @example
+* ```tsx
+* <Player.Provider>
+*   <MuxVideo source={{ playbackId: 'abc123' }} />
+*   <MuxData playerSoftwareName="mux-video" />
+* </Player.Provider>
+* ```
+*/
+function MuxData$1(props) {
+	const component = useMediaComponent(MuxData);
+	const { MuxDataSdk, ...rest } = props;
+	const sdk = "MuxDataSdk" in props ? MuxDataSdk : muxDataDefaultProps.MuxDataSdk;
+	if (component.MuxDataSdk !== sdk) component.MuxDataSdk = sdk;
+	useSyncProps(component, rest, muxDataDefaultProps);
+	return null;
+}
+//#endregion
+export { MuxData$1 as MuxData };
+
+//# sourceMappingURL=mux-data.js.map

package/dist/default/media/mux-data/mux-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-data.js","names":["MuxData","MuxDataComponent"],"sources":["../../../../src/media/mux-data/mux-data.tsx"],"sourcesContent":["'use client';\n\nimport type { MuxDataProps as MuxDataComponentProps } from '@videojs/media/dom/mux';\nimport { MuxData as MuxDataComponent, muxDataDefaultProps } from '@videojs/media/dom/mux';\nimport type { ReactNode } from 'react';\n\nimport { useMediaComponent } from '../../utils/use-media-component';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport type MuxDataProps = Partial<MuxDataComponentProps>;\n\n/**\n * Adds [Mux Data](https://www.mux.com/data) monitoring to the surrounding\n * player's media.\n *\n * Renders nothing — place it inside the player provider as a sibling of the\n * media component (e.g. `<MuxVideo />`) and it registers a `MuxData` media\n * component with the active media.\n *\n * Mux-hosted playback needs no `envKey`: the view reports the Mux playback ID\n * as its `video_id`, which Mux attributes to the owning environment. Set\n * `envKey` to monitor sources Mux doesn't host.\n *\n * @example\n * ```tsx\n * <Player.Provider>\n *   <MuxVideo source={{ playbackId: 'abc123' }} />\n *   <MuxData playerSoftwareName=\"mux-video\" />\n * </Player.Provider>\n * ```\n */\nexport function MuxData(props: MuxDataProps): ReactNode {\n  const component = useMediaComponent(MuxDataComponent);\n  const { MuxDataSdk, ...rest } = props;\n\n  // `useSyncProps` treats an `undefined` prop as \"reset to the default\", but\n  // `MuxDataSdk={undefined}` is how consumers disable monitoring. Sync it here\n  // instead: passing the prop wins even when its value is `undefined`, and only\n  // omitting it falls back to the default SDK.\n  const sdk = 'MuxDataSdk' in props ? MuxDataSdk : muxDataDefaultProps.MuxDataSdk;\n  if (component.MuxDataSdk !== sdk) component.MuxDataSdk = sdk;\n\n  useSyncProps(component, rest, muxDataDefaultProps);\n\n  return null;\n}\n\nexport namespace MuxData {\n  export type Props = MuxDataProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgBA,UAAQ,OAAgC;CACtD,MAAM,YAAY,kBAAkBC,OAAgB;CACpD,MAAM,EAAE,YAAY,GAAG,SAAS;CAMhC,MAAM,MAAM,gBAAgB,QAAQ,aAAa,oBAAoB;CACrE,IAAI,UAAU,eAAe,KAAK,UAAU,aAAa;CAEzD,aAAa,WAAW,MAAM,mBAAmB;CAEjD,OAAO;AACT"}

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

@@ -1,21 +1,2 @@
-"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 { MuxVideoMedia, muxMediaDefaultProps } 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);
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, muxMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { MuxVideo } from "./media.js";
 export { MuxVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/default/media/mux-video/media.js

@@ -0,0 +1,56 @@
+"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, useCallback, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StreamTypes, hlsMediaDefaultProps } from "@videojs/media/dom/hls-js";
+import { MuxMedia, muxMediaDefaultProps } from "@videojs/media/dom/mux";
+//#region src/media/mux-video/media.tsx
+const muxVideoDefaultProps = {
+	...hlsMediaDefaultProps,
+	...muxMediaDefaultProps
+};
+const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(MuxMedia);
+	return /* @__PURE__ */ jsxs("video", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxVideoDefaultProps),
+		children: [/* @__PURE__ */ jsx(MuxStoryboard, { media }), children]
+	});
+});
+function MuxStoryboard({ media }) {
+	const subscribe = useCallback((onChange) => {
+		let cancelled = false;
+		let scheduled = false;
+		const notify = () => {
+			if (scheduled) return;
+			scheduled = true;
+			queueMicrotask(() => {
+				scheduled = false;
+				if (!cancelled) onChange();
+			});
+		};
+		media.addEventListener("streamtypechange", notify);
+		media.addEventListener("sourcechange", notify);
+		return () => {
+			cancelled = true;
+			media.removeEventListener("streamtypechange", notify);
+			media.removeEventListener("sourcechange", notify);
+		};
+	}, [media]);
+	const getSnapshot = () => media.streamType === StreamTypes.LIVE ? "" : media.storyboard;
+	const src = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+	if (!src) return null;
+	return /* @__PURE__ */ jsx("track", {
+		kind: "metadata",
+		label: "thumbnails",
+		src,
+		default: true
+	});
+}
+//#endregion
+export { MuxVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/default/media/mux-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/mux-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { hlsMediaDefaultProps, StreamTypes } from '@videojs/media/dom/hls-js';\nimport type { MuxMediaProps } from '@videojs/media/dom/mux';\nimport { MuxMedia, muxMediaDefaultProps } from '@videojs/media/dom/mux';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback, useSyncExternalStore } 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 | keyof MuxMediaProps>,\n    Partial<HlsMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxVideoDefaultProps: HlsMediaProps & MuxMediaProps = { ...hlsMediaDefaultProps, ...muxMediaDefaultProps };\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxVideoDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      <MuxStoryboard media={media} />\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n\n// Renders the storyboard track in its own component so media changes don't re-render the whole media component.\nfunction MuxStoryboard({ media }: { media: MuxMedia }) {\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      // `useSyncProps` writes `src` / `source` during render and those setters\n      // dispatch `sourcechange` synchronously. Defer (and coalesce) notifications\n      // so we never schedule an update while another component is rendering.\n      let cancelled = false;\n      let scheduled = false;\n      const notify = () => {\n        if (scheduled) return;\n        scheduled = true;\n        queueMicrotask(() => {\n          scheduled = false;\n          if (!cancelled) onChange();\n        });\n      };\n      media.addEventListener('streamtypechange', notify);\n      media.addEventListener('sourcechange', notify);\n      return () => {\n        cancelled = true;\n        media.removeEventListener('streamtypechange', notify);\n        media.removeEventListener('sourcechange', notify);\n      };\n    },\n    [media]\n  );\n\n  // The stream type is detected at runtime and live streams have no storyboard.\n  const getSnapshot = () => (media.streamType === StreamTypes.LIVE ? '' : media.storyboard);\n  const src = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  if (!src) return null;\n  return <track kind=\"metadata\" label=\"thumbnails\" src={src} default />;\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,uBAAsD;CAAE,GAAG;CAAsB,GAAG;AAAqB;AAE/G,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,QAAQ;CAKvC,OACE,qBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAArC,UAAA,CACE,oBAAC,eAAD,EAAsB,MAAQ,CAAA,GAC7B,QACI;;AAEX,CAAC;AAOD,SAAS,cAAc,EAAE,SAA8B;CACrD,MAAM,YAAY,aACf,aAAyB;EAIxB,IAAI,YAAY;EAChB,IAAI,YAAY;EAChB,MAAM,eAAe;GACnB,IAAI,WAAW;GACf,YAAY;GACZ,qBAAqB;IACnB,YAAY;IACZ,IAAI,CAAC,WAAW,SAAS;GAC3B,CAAC;EACH;EACA,MAAM,iBAAiB,oBAAoB,MAAM;EACjD,MAAM,iBAAiB,gBAAgB,MAAM;EAC7C,aAAa;GACX,YAAY;GACZ,MAAM,oBAAoB,oBAAoB,MAAM;GACpD,MAAM,oBAAoB,gBAAgB,MAAM;EAClD;CACF,GACA,CAAC,KAAK,CACR;CAGA,MAAM,oBAAqB,MAAM,eAAe,YAAY,OAAO,KAAK,MAAM;CAC9E,MAAM,MAAM,qBAAqB,WAAW,aAAa,WAAW;CAEpE,IAAI,CAAC,KAAK,OAAO;CACjB,OAAO,oBAAC,SAAD;EAAO,MAAK;EAAW,OAAM;EAAkB;EAAK,SAAA;CAAS,CAAA;AACtE"}

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

@@ -1,21 +1,2 @@
-"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 { 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);
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, nativeHlsMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { NativeHlsVideo } from "./media.js";
 export { NativeHlsVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/default/media/native-hls-video/media.js

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

package/dist/default/media/native-hls-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/native-hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { NativeHlsMediaProps } from '@videojs/media/dom/native-hls';\nimport { NativeHlsMedia, nativeHlsMediaDefaultProps } from '@videojs/media/dom/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,cAAc;CAK7C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,0BAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

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

package/dist/default/media/simple-hls-audio-only/media.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/media/dom/simple-hls-audio-only";
+import { simpleHlsAudioOnlyMediaDefaultProps } from "@videojs/spf/hls";
+//#region src/media/simple-hls-audio-only/media.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=media.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/simple-hls-audio-only/media.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsAudioOnlyMedia } from '@videojs/media/dom/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,uBAAuB;CAKtD,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,mCAGN;EAClC;CACI,CAAA;AAEX,CAAC"}