@videojs/react 10.0.0-beta.3 → 10.0.0-beta.30

package/dist/dev/icons/dist/react/minimal/volume-low.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\" }) });\nexport default VolumeLowIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAya,CAAC;CAAE,CAAC"}
+{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", { d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\" })\n});\nexport default VolumeLowIcon;\n"],"mappings":";;AACA,MAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,waAAwa,CAAC;AACtd,CAAC"}

package/dist/dev/icons/dist/react/minimal/volume-off.js

@@ -1,20 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-
 //#region ../icons/dist/react/minimal/volume-off.js
 const VolumeOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
-	fill: "none",
+	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
 	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z"
-	})
+	children: /* @__PURE__ */ jsx("path", { d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z" })
 });
-
 //#endregion
 export { VolumeOffIcon as default };
+
 //# sourceMappingURL=volume-off.js.map

package/dist/dev/icons/dist/react/minimal/volume-off.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z\" }) });\nexport default VolumeOffIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAyV,CAAC;CAAE,CAAC"}
+{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", { d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z\" })\n});\nexport default VolumeOffIcon;\n"],"mappings":";;AACA,MAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,wVAAwV,CAAC;AACtY,CAAC"}

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

@@ -0,0 +1,7 @@
+import { 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 } from "./dist/react/default/index.js";
+import { SVGProps } from "react";
+//#region src/icons/index.d.ts
+type IconProps = SVGProps<SVGSVGElement>;
+//#endregion
+export { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, IconProps, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/dev/icons/index.js

@@ -0,0 +1,26 @@
+import AirPlayEnterIcon from "./dist/react/default/airplay-enter.js";
+import AirPlayExitIcon from "./dist/react/default/airplay-exit.js";
+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 GearIcon from "./dist/react/default/gear.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 QualityIcon from "./dist/react/default/quality.js";
+import RestartIcon from "./dist/react/default/restart.js";
+import SeekIcon from "./dist/react/default/seek.js";
+import SpeechIcon from "./dist/react/default/speech.js";
+import SpeedIcon from "./dist/react/default/speed.js";
+import SpinnerIcon from "./dist/react/default/spinner.js";
+import SwitchesIcon from "./dist/react/default/switches.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 { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };

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

@@ -0,0 +1,7 @@
+import { 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 } from "../dist/react/minimal/index.js";
+import { SVGProps } from "react";
+//#region src/icons/minimal/index.d.ts
+type IconProps = SVGProps<SVGSVGElement>;
+//#endregion
+export { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, IconProps, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+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";
+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 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 { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };

package/dist/dev/index.d.ts

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

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

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

package/dist/dev/index.js

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

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

@@ -1,9 +1,7 @@
-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: import("react").ForwardRefExoticComponent<AudioProps & import("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,kBAmBD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}
+{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;UAMiB,mBAAmB,oBAAoB;cAE3C,uBAAK,0BAAA,6BAAA,cAAA;kBAWD;OACH,QAAQ"}

package/dist/dev/media/audio.js

@@ -1,22 +1,16 @@
-'use client';
-
 import { useComposedRefs } from "../utils/use-composed-refs.js";
-import { useMediaRegistration } from "../player/context.js";
-import { forwardRef, useCallback } from "react";
+import { useMediaAttach } from "../player/context.js";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/media/audio.tsx
 const Audio = forwardRef(function Audio({ children, ...props }, ref) {
-	const setMedia = useMediaRegistration();
 	return /* @__PURE__ */ jsx("audio", {
-		ref: useComposedRefs(ref, useCallback((el) => {
-			setMedia?.(el);
-		}, [setMedia])),
+		ref: useComposedRefs(ref, useMediaAttach()),
 		...props,
 		children
 	});
 });
-
 //#endregion
 export { Audio };
+
 //# sourceMappingURL=audio.js.map

package/dist/dev/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, useCallback } from 'react';\n\nimport { useMediaRegistration } 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 = useMediaRegistration();\n\n  const mediaRef = useCallback(\n    (el: HTMLAudioElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\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;CACxG,MAAM,WAAW,sBAAsB;AAWvC,QACE,oBAAC;EAAM,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB,GAAI;EAC1B;GACK;EAEV"}
+{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["import 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":";;;;;AAQA,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/dev/media/background-video/index.d.ts

@@ -1,12 +1,2 @@
-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 namespace BackgroundVideo {
-  type Props = BackgroundVideoProps;
-}
-//#endregion
-export { BackgroundVideo, BackgroundVideoProps };
-//# sourceMappingURL=index.d.ts.map
+import { BackgroundVideo, BackgroundVideoProps } from "./media.js";
+export { BackgroundVideo, BackgroundVideoProps };

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

@@ -1,28 +1,2 @@
-'use client';
-
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useMediaRegistration } 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 = useMediaRegistration();
-	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/dev/media/background-video/media.d.ts

@@ -0,0 +1,10 @@
+import { VideoHTMLAttributes } from "react";
+//#region src/media/background-video/media.d.ts
+interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
+declare const BackgroundVideo: import("react").ForwardRefExoticComponent<BackgroundVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace BackgroundVideo {
+  type Props = BackgroundVideoProps;
+}
+//#endregion
+export { BackgroundVideo, BackgroundVideoProps };
+//# sourceMappingURL=media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/background-video/media.tsx"],"mappings":";;UAQiB,6BAA6B,oBAAoB;cAErD,iCAAe,0BAAA,uCAAA,cAAA;kBAsBX;OACH,QAAQ"}

package/dist/dev/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/dev/media/background-video/media.js.map

@@ -0,0 +1 @@
+{"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/dev/media/cloudflare-video/index.d.ts

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

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

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

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

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

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

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

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

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