@videojs/react 10.0.0-rc.1 → 10.0.0-rc.3

package/dist/default/internal/skins/shared/skins/shared/live-playback-hotkeys.js

@@ -1,37 +0,0 @@
-import { Hotkey } from "../../../../../ui/hotkey/hotkey.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/live-playback-hotkeys.tsx
-/** @jsxImportSource react */
-function LivePlaybackHotkeys({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "Space",
-			action: "togglePaused"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "k",
-			action: "togglePaused"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "m",
-			action: "toggleMuted"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowUp",
-			action: "volumeStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowDown",
-			action: "volumeStep"
-		})
-	] });
-}
-//#endregion
-export { LivePlaybackHotkeys };
-
-//# sourceMappingURL=live-playback-hotkeys.js.map

package/dist/default/internal/skins/shared/skins/shared/live-playback-hotkeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-playback-hotkeys.js","names":[],"sources":["../../../../../../../src/internal/skins/shared/skins/shared/live-playback-hotkeys.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Hotkey } from '../../../../skin-primitives';\n\nexport interface LivePlaybackHotkeysProps {\n  disabled?: boolean | undefined;\n}\n\nexport function LivePlaybackHotkeys({ disabled = false }: LivePlaybackHotkeysProps = {}) {\n  return (\n    <>\n      <Hotkey disabled={disabled} keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"k\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey disabled={disabled} keys=\"ArrowUp\" action=\"volumeStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowDown\" action=\"volumeStep\" />\n    </>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,oBAAoB,EAAE,WAAW,UAAoC,CAAC,GAAG;CACvF,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAQ,QAAO;EAAgB,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAgB,CAAA;EAC5D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAe,CAAA;EAC3D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAU,QAAO;EAAc,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAY,QAAO;EAAc,CAAA;CAClE,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/skins/shared/live-video/gestures.js

@@ -1,31 +0,0 @@
-import { Gesture } from "../../../../../../ui/gesture/gesture.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/live-video/gestures.tsx
-/** @jsxImportSource react */
-function LiveVideoGestures({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "tap",
-			action: "togglePaused",
-			pointer: "mouse",
-			region: "center"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "tap",
-			action: "toggleControls",
-			pointer: "touch"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "doubletap",
-			action: "toggleFullscreen",
-			region: "center"
-		})
-	] });
-}
-//#endregion
-export { LiveVideoGestures };
-
-//# sourceMappingURL=gestures.js.map

package/dist/default/internal/skins/shared/skins/shared/live-video/gestures.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gestures.js","names":[],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/live-video/gestures.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Gesture } from '../../../../../skin-primitives';\n\nexport interface LiveVideoGesturesProps {\n  disabled?: boolean | undefined;\n}\n\nexport function LiveVideoGestures({ disabled = false }: LiveVideoGesturesProps = {}) {\n  return (\n    <>\n      <Gesture disabled={disabled} type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n      <Gesture disabled={disabled} type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n      <Gesture disabled={disabled} type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n    </>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,kBAAkB,EAAE,WAAW,UAAkC,CAAC,GAAG;CACnF,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAM,QAAO;GAAe,SAAQ;GAAQ,QAAO;EAAU,CAAA;EAC/F,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAM,QAAO;GAAiB,SAAQ;EAAS,CAAA;EACjF,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAY,QAAO;GAAmB,QAAO;EAAU,CAAA;CACzF,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/skins/shared/live-video/hotkeys.js

@@ -1,29 +0,0 @@
-import { Hotkey } from "../../../../../../ui/hotkey/hotkey.js";
-import { LivePlaybackHotkeys } from "../live-playback-hotkeys.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/live-video/hotkeys.tsx
-/** @jsxImportSource react */
-function LiveVideoHotkeys({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(LivePlaybackHotkeys, { disabled }),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "f",
-			action: "toggleFullscreen"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "c",
-			action: "toggleSubtitles"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "i",
-			action: "togglePictureInPicture"
-		})
-	] });
-}
-//#endregion
-export { LiveVideoHotkeys };
-
-//# sourceMappingURL=hotkeys.js.map

package/dist/default/internal/skins/shared/skins/shared/live-video/hotkeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotkeys.js","names":[],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/live-video/hotkeys.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Hotkey } from '../../../../../skin-primitives';\nimport { LivePlaybackHotkeys } from '../live-playback-hotkeys';\n\nexport interface LiveVideoHotkeysProps {\n  disabled?: boolean | undefined;\n}\n\nexport function LiveVideoHotkeys({ disabled = false }: LiveVideoHotkeysProps = {}) {\n  return (\n    <>\n      <LivePlaybackHotkeys disabled={disabled} />\n      <Hotkey disabled={disabled} keys=\"f\" action=\"toggleFullscreen\" />\n      <Hotkey disabled={disabled} keys=\"c\" action=\"toggleSubtitles\" />\n      <Hotkey disabled={disabled} keys=\"i\" action=\"togglePictureInPicture\" />\n    </>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,iBAAiB,EAAE,WAAW,UAAiC,CAAC,GAAG;CACjF,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,qBAAD,EAA+B,SAAW,CAAA;EAC1C,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAoB,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAmB,CAAA;EAC/D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAA0B,CAAA;CACtE,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/skins/shared/playback-hotkeys.js

@@ -1,84 +0,0 @@
-import { Hotkey } from "../../../../../ui/hotkey/hotkey.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/playback-hotkeys.tsx
-/** @jsxImportSource react */
-function PlaybackHotkeys({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "Space",
-			action: "togglePaused"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "k",
-			action: "togglePaused"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "m",
-			action: "toggleMuted"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowRight",
-			action: "seekStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowLeft",
-			action: "seekStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "l",
-			action: "seekStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "j",
-			action: "seekStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowUp",
-			action: "volumeStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "ArrowDown",
-			action: "volumeStep"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "0-9",
-			action: "seekToPercent"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "Home",
-			action: "seekToPercent",
-			value: 0
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "End",
-			action: "seekToPercent",
-			value: 100
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: ">",
-			action: "speedUp"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "<",
-			action: "speedDown"
-		})
-	] });
-}
-//#endregion
-export { PlaybackHotkeys };
-
-//# sourceMappingURL=playback-hotkeys.js.map

package/dist/default/internal/skins/shared/skins/shared/playback-hotkeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-hotkeys.js","names":[],"sources":["../../../../../../../src/internal/skins/shared/skins/shared/playback-hotkeys.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Hotkey } from '../../../../skin-primitives';\n\nexport interface PlaybackHotkeysProps {\n  disabled?: boolean | undefined;\n}\n\nexport function PlaybackHotkeys({ disabled = false }: PlaybackHotkeysProps = {}) {\n  return (\n    <>\n      <Hotkey disabled={disabled} keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"k\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey disabled={disabled} keys=\"ArrowRight\" action=\"seekStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowLeft\" action=\"seekStep\" />\n      <Hotkey disabled={disabled} keys=\"l\" action=\"seekStep\" />\n      <Hotkey disabled={disabled} keys=\"j\" action=\"seekStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowUp\" action=\"volumeStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowDown\" action=\"volumeStep\" />\n      <Hotkey disabled={disabled} keys=\"0-9\" action=\"seekToPercent\" />\n      <Hotkey disabled={disabled} keys=\"Home\" action=\"seekToPercent\" value={0} />\n      <Hotkey disabled={disabled} keys=\"End\" action=\"seekToPercent\" value={100} />\n      <Hotkey disabled={disabled} keys=\">\" action=\"speedUp\" />\n      <Hotkey disabled={disabled} keys=\"<\" action=\"speedDown\" />\n    </>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,gBAAgB,EAAE,WAAW,UAAgC,CAAC,GAAG;CAC/E,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAQ,QAAO;EAAgB,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAgB,CAAA;EAC5D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAe,CAAA;EAC3D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAa,QAAO;EAAY,CAAA;EACjE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAY,QAAO;EAAY,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAY,CAAA;EACxD,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAY,CAAA;EACxD,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAU,QAAO;EAAc,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAY,QAAO;EAAc,CAAA;EAClE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAM,QAAO;EAAiB,CAAA;EAC/D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAO,QAAO;GAAgB,OAAO;EAAI,CAAA;EAC1E,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAM,QAAO;GAAgB,OAAO;EAAM,CAAA;EAC3E,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAW,CAAA;EACvD,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAa,CAAA;CACzD,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/skins/shared/video/gestures.js

@@ -1,43 +0,0 @@
-import { Gesture } from "../../../../../../ui/gesture/gesture.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/video/gestures.tsx
-/** @jsxImportSource react */
-function VideoGestures({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "tap",
-			action: "togglePaused",
-			pointer: "mouse",
-			region: "center"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "tap",
-			action: "toggleControls",
-			pointer: "touch"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "doubletap",
-			action: "seekStep",
-			region: "left"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "doubletap",
-			action: "toggleFullscreen",
-			region: "center"
-		}),
-		/* @__PURE__ */ jsx(Gesture, {
-			disabled,
-			type: "doubletap",
-			action: "seekStep",
-			region: "right"
-		})
-	] });
-}
-//#endregion
-export { VideoGestures };
-
-//# sourceMappingURL=gestures.js.map

package/dist/default/internal/skins/shared/skins/shared/video/gestures.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gestures.js","names":[],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/video/gestures.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Gesture } from '../../../../../skin-primitives';\n\nexport interface VideoGesturesProps {\n  disabled?: boolean | undefined;\n}\n\nexport function VideoGestures({ disabled = false }: VideoGesturesProps = {}) {\n  return (\n    <>\n      <Gesture disabled={disabled} type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n      <Gesture disabled={disabled} type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n      <Gesture disabled={disabled} type=\"doubletap\" action=\"seekStep\" region=\"left\" />\n      <Gesture disabled={disabled} type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n      <Gesture disabled={disabled} type=\"doubletap\" action=\"seekStep\" region=\"right\" />\n    </>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,cAAc,EAAE,WAAW,UAA8B,CAAC,GAAG;CAC3E,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAM,QAAO;GAAe,SAAQ;GAAQ,QAAO;EAAU,CAAA;EAC/F,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAM,QAAO;GAAiB,SAAQ;EAAS,CAAA;EACjF,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAY,QAAO;GAAW,QAAO;EAAQ,CAAA;EAC/E,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAY,QAAO;GAAmB,QAAO;EAAU,CAAA;EACzF,oBAAC,SAAD;GAAmB;GAAU,MAAK;GAAY,QAAO;GAAW,QAAO;EAAS,CAAA;CAChF,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/skins/shared/video/hotkeys.js

@@ -1,29 +0,0 @@
-import { Hotkey } from "../../../../../../ui/hotkey/hotkey.js";
-import { PlaybackHotkeys } from "../playback-hotkeys.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/video/hotkeys.tsx
-/** @jsxImportSource react */
-function VideoHotkeys({ disabled = false } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(PlaybackHotkeys, { disabled }),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "f",
-			action: "toggleFullscreen"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "c",
-			action: "toggleSubtitles"
-		}),
-		/* @__PURE__ */ jsx(Hotkey, {
-			disabled,
-			keys: "i",
-			action: "togglePictureInPicture"
-		})
-	] });
-}
-//#endregion
-export { VideoHotkeys };
-
-//# sourceMappingURL=hotkeys.js.map

package/dist/default/internal/skins/shared/skins/shared/video/hotkeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotkeys.js","names":[],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/video/hotkeys.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Hotkey } from '../../../../../skin-primitives';\nimport { PlaybackHotkeys } from '../playback-hotkeys';\n\nexport interface VideoHotkeysProps {\n  disabled?: boolean | undefined;\n}\n\nexport function VideoHotkeys({ disabled = false }: VideoHotkeysProps = {}) {\n  return (\n    <>\n      <PlaybackHotkeys disabled={disabled} />\n      <Hotkey disabled={disabled} keys=\"f\" action=\"toggleFullscreen\" />\n      <Hotkey disabled={disabled} keys=\"c\" action=\"toggleSubtitles\" />\n      <Hotkey disabled={disabled} keys=\"i\" action=\"togglePictureInPicture\" />\n    </>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,aAAa,EAAE,WAAW,UAA6B,CAAC,GAAG;CACzE,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,iBAAD,EAA2B,SAAW,CAAA;EACtC,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAoB,CAAA;EAChE,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAAmB,CAAA;EAC/D,oBAAC,QAAD;GAAkB;GAAU,MAAK;GAAI,QAAO;EAA0B,CAAA;CACtE,EAAA,CAAA;AAEN"}

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

@@ -1 +0,0 @@
-{"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;CACxG,MAAM,WAAW,eAAe;CAChC,MAAM,cAAc,gBAAgB,KAAK,QAAQ;CAEjD,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/background-video/adapter.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;CAEhC,MAAM,WAAW,aACd,OAAgC;EAC/B,WAAW,EAAE;CACf,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAc,gBAAgB,KAAK,QAAQ;CAEjD,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,OAAA;EAAM,UAAA;EAAS,MAAA;EAAK,aAAA;EAAY,uBAAA;EAAsB,yBAAA;EAAwB,GAAI;EACxG;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/cloudflare-video/adapter.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/dash-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { DashAdapter, type DashAdapterProps } from '@videojs/dash-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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 DashAdapterProps>, Partial<DashAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, DashAdapter.defaultProps);\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":";;;;;;;;;AAeA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,WAAW;CAC1C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,YAAY,YAAY;CAErE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/hls-audio/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-audio/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsAudioAdapter, type HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps>, Partial<HlsAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsAudio = forwardRef<HTMLAudioElement, HlsAudioProps>(function HlsAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace HlsAudio {\n  export type Props = HlsAudioProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/hls-background-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-background-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsBackgroundVideoAdapter, type HlsBackgroundVideoAdapterProps } from '@videojs/spf/hls-background-video';\nimport { forwardRef, useEffect, useRef, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` is the only prop the Media owns, taken from the adapter rather than\n// restated here so the two can't disagree about what the surface is.\nexport interface HlsBackgroundVideoProps\n  extends\n    Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsBackgroundVideoAdapterProps>,\n    Partial<HlsBackgroundVideoAdapterProps> {}\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine — the React counterpart to\n * `<hls-background-video>`, and the replacement for the standalone `mux-background-video` package's component.\n *\n * `src` is an HLS URL and the whole surface. Capping which rendition is fetched is a param on that URL\n * (`?max_resolution=720p` on a Mux stream, for one) rather than a prop, which keeps the renditions it excludes out of\n * the manifest instead of merely unpicked.\n *\n * There is no structured Mux `source`: playback-ID identity, poster, and storyboard belong to `MuxVideo`, since none of\n * them mean anything without controls to hang them on.\n *\n * `onError` fires for an unplayable source, which it could not do on its own: nothing about one reaches the media\n * element, so the `<video>`'s own `error` stays null at `readyState 0`. The engine reports the condition, the Media\n * promotes the fatal one, and this component re-fires it on the `<video>` — where a handler already listening for a\n * failed source receives it. Which condition it was is on the console and `engine.state.errors`; the handler gets \"this\n * source won't play\", which is the decision a background video actually has to make.\n *\n * `MuxBackgroundVideo` is this same component under the name the package it replaces used — an alias, not a variant.\n */\nexport const HlsBackgroundVideo = forwardRef<HTMLVideoElement, HlsBackgroundVideoProps>(function HlsBackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsBackgroundVideoAdapter);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, videoRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsBackgroundVideoAdapter.defaultProps);\n\n  // Re-fired on the element rather than handed to `onError` directly, so React's\n  // own event plumbing delivers it: the handler gets the synthetic event it is\n  // typed for, and anything else listening on the node — the consumer's own\n  // `addEventListener`, a testing-library assertion — sees the same failure.\n  useEffect(() => {\n    const forward = () => videoRef.current?.dispatchEvent(new Event('error'));\n\n    media.addEventListener('error', forward);\n    return () => media.removeEventListener('error', forward);\n  }, [media]);\n\n  return (\n    // The same set `<hls-background-video>` forces onto its inner video, so the\n    // two platforms present the same surface: silent looping playback with no\n    // affordance a UA could hang chrome on — AirPlay, Cast, and picture-in-picture\n    // all being things a background video has nowhere to put.\n    //\n    // Applied after the spread rather than before it, unlike the generic\n    // `BackgroundVideo`: they're what the component is for, and attaching the\n    // Media re-applies its own anyway, so honoring `muted={false}` would only\n    // look like it worked.\n    <video\n      {...htmlProps}\n      ref={composedRef}\n      muted\n      autoPlay\n      loop\n      playsInline\n      disableRemotePlayback\n      disablePictureInPicture\n    >\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsBackgroundVideo {\n  export type Props = HlsBackgroundVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,yBAAyB;CACxD,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,UAAU,GAAG;CAC5D,MAAM,YAAY,aAAa,OAAO,OAAO,0BAA0B,YAAY;CAMnF,gBAAgB;EACd,MAAM,gBAAgB,SAAS,SAAS,cAAc,IAAI,MAAM,OAAO,CAAC;EAExE,MAAM,iBAAiB,SAAS,OAAO;EACvC,aAAa,MAAM,oBAAoB,SAAS,OAAO;CACzD,GAAG,CAAC,KAAK,CAAC;CAEV,OAUE,oBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACL,OAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,uBAAA;EACA,yBAAA;EAEC;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsVideoAdapter, type HlsVideoAdapterProps } from '@videojs/spf/hls-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps>, Partial<HlsVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsVideoAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hlsjs-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsJsAdapter, type HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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 HlsJsAdapterProps>, Partial<HlsJsAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsJsVideo = forwardRef<HTMLVideoElement, HlsJsVideoProps>(function HlsJsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsJsAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsJsAdapter.defaultProps);\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":";;;;;;;;;AAeA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,aAAa,YAAY;CAEtE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxAudioAdapter, type MuxAudioAdapterProps } from '@videojs/mux-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `source` comes from `MuxAudioAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsJsAdapterProps | keyof MuxAudioAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\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":";;;;;;;;;AAqBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"sourcesContent":["'use client';\n\nimport { type MuxAdapterProps, MuxAudioAdapter } from '@videojs/mux-audio/spf';\nimport type { HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` and `source` come from `MuxAdapterProps`: the Mux Media owns both, and its\n// `source` is the structured Mux one rather than the generic engine's.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps | keyof MuxAdapterProps>,\n    Partial<Omit<HlsAudioAdapterProps, 'src'>>,\n    Partial<MuxAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\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":";;;;;;;;;AAqBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-video/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxVideoAdapter, type MuxVideoAdapterProps } from '@videojs/mux-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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';\nimport { MuxStoryboard } from './storyboard';\n\n// `source` comes from `MuxVideoAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxVideoProps\n  extends\n    Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsJsAdapterProps | keyof MuxVideoAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);\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"],"mappings":";;;;;;;;;;AAsBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,qBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAA7B,UAAA,CACE,oBAAC,eAAD,EAAsB,MAAQ,CAAA,GAC7B,QACI;;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-video/spf.tsx"],"sourcesContent":["'use client';\n\nimport { type MuxAdapterProps, MuxVideoAdapter } from '@videojs/mux-video/spf';\nimport type { HlsVideoAdapterProps } from '@videojs/spf/hls-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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';\nimport { MuxStoryboard } from './storyboard';\n\n// `src` and `source` come from `MuxAdapterProps`: the Mux Media owns both, and its\n// `source` is the structured Mux one rather than the generic engine's.\nexport interface MuxVideoProps\n  extends\n    Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps | keyof MuxAdapterProps>,\n    Partial<Omit<HlsVideoAdapterProps, 'src'>>,\n    Partial<MuxAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);\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"],"mappings":";;;;;;;;;;AAsBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,qBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAA7B,UAAA,CACE,oBAAC,eAAD,EAAsB,MAAQ,CAAA,GAC7B,QACI;;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"storyboard.js","names":[],"sources":["../../../../src/media/mux-video/storyboard.tsx"],"sourcesContent":["'use client';\n\nimport { type MediaStreamType, MediaStreamTypes } from '@videojs/media';\nimport type { MuxContentData } from '@videojs/mux-video';\nimport { useCallback, useSyncExternalStore } from 'react';\n\n/**\n * What the storyboard track needs from whichever Mux Media renders it.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed one satisfy it identically, so this\n * component carries no engine.\n */\nexport interface MuxStoryboardMedia {\n  readonly streamType: MediaStreamType | undefined;\n  readonly contentData: MuxContentData;\n  addEventListener(type: string, listener: () => void): void;\n  removeEventListener(type: string, listener: () => void): void;\n}\n\n/** Renders the storyboard track in its own component so media changes don't re-render the whole media component. */\nexport function MuxStoryboard({ media }: { media: MuxStoryboardMedia }) {\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\n        scheduled = true;\n        queueMicrotask(() => {\n          scheduled = false;\n\n          if (!cancelled) onChange();\n        });\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  // The '' fallback keeps the snapshot a string rather than sometimes undefined.\n  const getSnapshot = () => (media.streamType === MediaStreamTypes.LIVE ? '' : (media.contentData.storyboard ?? ''));\n  const src = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  if (!src) return null;\n\n  return <track kind=\"metadata\" label=\"thumbnails\" src={src} default />;\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,cAAc,EAAE,SAAwC;CACtE,MAAM,YAAY,aACf,aAAyB;EAIxB,IAAI,YAAY;EAChB,IAAI,YAAY;EAChB,MAAM,eAAe;GACnB,IAAI,WAAW;GAEf,YAAY;GACZ,qBAAqB;IACnB,YAAY;IAEZ,IAAI,CAAC,WAAW,SAAS;GAC3B,CAAC;EACH;EAEA,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;CAIA,MAAM,oBAAqB,MAAM,eAAe,iBAAiB,OAAO,KAAM,MAAM,YAAY,cAAc;CAC9G,MAAM,MAAM,qBAAqB,WAAW,aAAa,WAAW;CACpE,IAAI,CAAC,KAAK,OAAO;CAEjB,OAAO,oBAAC,SAAD;EAAO,MAAK;EAAW,OAAM;EAAkB;EAAK,SAAA;CAAS,CAAA;AACtE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/native-hls-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { NativeHlsAdapter, type NativeHlsAdapterProps } from '@videojs/native-hls-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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 NativeHlsAdapterProps>, Partial<NativeHlsAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(NativeHlsAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, NativeHlsAdapter.defaultProps);\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":";;;;;;;;;AAeA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,gBAAgB;CAC/C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,iBAAiB,YAAY;CAE1E,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/shaka-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/shaka-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { ShakaAdapter, type ShakaAdapterProps } from '@videojs/shaka-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\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 ShakaVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof ShakaAdapterProps>, Partial<ShakaAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const ShakaVideo = forwardRef<HTMLVideoElement, ShakaVideoProps>(function ShakaVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(ShakaAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, ShakaAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace ShakaVideo {\n  export type Props = ShakaVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,aAAa,YAAY;CAEtE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/spotify-audio/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/spotify-audio/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildSpotifyIframeSrc, SpotifyAdapter, type SpotifyAdapterProps } from '@videojs/spotify-audio';\nimport { type CSSProperties, forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SpotifyAudioProps extends Partial<SpotifyAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const SpotifyAudio = forwardRef<HTMLIFrameElement, SpotifyAudioProps>(function SpotifyAudio(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(SpotifyAdapter);\n  const props: Partial<SpotifyAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name an entity, so honor it when `src` is absent.\n    buildSpotifyIframeSrc(props.src || props.source?.src || '', { ...SpotifyAdapter.defaultProps, ...props })\n  );\n  const { style, ...iframeProps } = useSyncProps<SpotifyAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    SpotifyAdapter.defaultProps\n  ) as Record<string, unknown> & { style?: CSSProperties };\n\n  return (\n    <iframe\n      title=\"Spotify audio player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.spotify?.referrerPolicy}\n      {...iframeProps}\n      // Without Spotify's own chrome the embed is a transport and nothing else:\n      // its player UI would otherwise show through whatever skin is drawn over it.\n      // Inline so a `className` cannot put it back on screen, merged so a\n      // consumer's own styles survive. A hidden iframe still loads and plays.\n      style={props.controls ? style : { ...style, display: 'none' }}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace SpotifyAudio {\n  export type Props = SpotifyAudioProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAC7C,MAAM,QAAgE,EAAE,GAAG,SAAS;CACpF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,sBAAsB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,eAAe;EAAc,GAAG;CAAM,CAAC,CAC1G;CACA,MAAM,EAAE,OAAO,GAAG,gBAAgB,aAChC,OACA,OACA,eAAe,YACjB;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,SAAS;EAC/C,GAAI;EAKJ,OAAO,MAAM,WAAW,QAAQ;GAAE,GAAG;GAAO,SAAS;EAAO;EAC5D,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/default/media/tiktok-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/tiktok-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildTikTokIframeSrc, TikTokAdapter, type TikTokAdapterProps } from '@videojs/tiktok-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface TikTokVideoProps extends Partial<TikTokAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const TikTokVideo = forwardRef<HTMLIFrameElement, TikTokVideoProps>(function TikTokVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(TikTokAdapter);\n  const props: Partial<TikTokAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildTikTokIframeSrc(props.src || props.source?.src || '', {\n      ...TikTokAdapter.defaultProps,\n      ...props,\n      // The frame reads mute once, out of the URL it is rendered with, and either\n      // prop says to start muted. Rendering it any other way than the media\n      // builds it would have the media rebuild the frame on mount.\n      defaultMuted: !!(props.defaultMuted || props.muted),\n    })\n  );\n  const iframeProps = useSyncProps<TikTokAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    TikTokAdapter.defaultProps\n  );\n\n  return (\n    <iframe\n      title=\"TikTok video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.tiktok?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace TikTokVideo {\n  export type Props = TikTokVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,aAAa;CAC5C,MAAM,QAA+D,EAAE,GAAG,SAAS;CACnF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,qBAAqB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EACzD,GAAG,cAAc;EACjB,GAAG;EAIH,cAAc,CAAC,EAAE,MAAM,gBAAgB,MAAM;CAC/C,CAAC,CACH;CACA,MAAM,cAAc,aAClB,OACA,OACA,cAAc,YAChB;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,QAAQ;EAC9C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/default/media/twitch-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/twitch-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildTwitchIframeSrc, TwitchAdapter, type TwitchAdapterProps } from '@videojs/twitch-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface TwitchVideoProps extends Partial<TwitchAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const TwitchVideo = forwardRef<HTMLIFrameElement, TwitchVideoProps>(function TwitchVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(TwitchAdapter);\n  const props: Partial<TwitchAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // Server rendering has no `location` to name as the embed's parent, and Twitch\n    // refuses to play in a page its URL never named. Rendering no `src` leaves the\n    // URL to `attach()`, which builds it where there is a hostname to name.\n    globalThis.location\n      ? // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n        buildTwitchIframeSrc(props.src || props.source?.src || '', { ...TwitchAdapter.defaultProps, ...props })\n      : ''\n  );\n  const iframeProps = useSyncProps<TwitchAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    TwitchAdapter.defaultProps\n  );\n\n  return (\n    <iframe\n      title=\"Twitch video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;\"\n      sandbox=\"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n      scrolling=\"no\"\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.twitch?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace TwitchVideo {\n  export type Props = TwitchVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,aAAa;CAC5C,MAAM,QAA+D,EAAE,GAAG,SAAS;CACnF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAInB,WAAW,WAEP,qBAAqB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,cAAc;EAAc,GAAG;CAAM,CAAC,IACtG,EACN;CACA,MAAM,cAAc,aAClB,OACA,OACA,cAAc,YAChB;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,SAAQ;EACR,WAAU;EACV,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,QAAQ;EAC9C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"video.js","names":[],"sources":["../../../src/media/video.tsx"],"sourcesContent":["import type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\n/** Native `<video>` attributes and children forwarded to the rendered media element. */\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\n/**\n * Renders a native `<video>` element and forwards its element ref.\n *\n * Inside a Player, the element is registered as the player's current media on mount and detached on unmount. It can\n * also render independently when no Player context is present.\n */\nexport const Video = forwardRef<HTMLVideoElement, VideoProps>(function Video({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <video ref={composedRef} {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace Video {\n  export type Props = VideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CACxG,MAAM,WAAW,eAAe;CAChC,MAAM,cAAc,gBAAgB,KAAK,QAAQ;CAEjD,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/default/media/vimeo-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/vimeo-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildVimeoIframeSrc, VimeoAdapter, type VimeoAdapterProps } from '@videojs/vimeo-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface VimeoVideoProps extends Partial<VimeoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const VimeoVideo = forwardRef<HTMLIFrameElement, VimeoVideoProps>(function VimeoVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(VimeoAdapter);\n  const props: Partial<VimeoAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildVimeoIframeSrc(props.src || props.source?.src || '', { ...VimeoAdapter.defaultProps, ...props })\n  );\n  const iframeProps = useSyncProps<VimeoAdapterProps, Record<string, unknown>>(media, props, VimeoAdapter.defaultProps);\n\n  return (\n    <iframe\n      title=\"Vimeo video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.vimeo?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace VimeoVideo {\n  export type Props = VimeoVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,QAA8D,EAAE,GAAG,SAAS;CAClF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,oBAAoB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,aAAa;EAAc,GAAG;CAAM,CAAC,CACtG;CACA,MAAM,cAAc,aAAyD,OAAO,OAAO,aAAa,YAAY;CAEpH,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,OAAO;EAC7C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/default/media/wistia-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/wistia-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport {\n  normalizeWistiaPlayer,\n  parseWistiaMediaId,\n  parseWistiaStartTime,\n  WISTIA_PLAYER_TAG,\n  type WistiaAdapterProps,\n  wistiaAttributes,\n  wistiaMediaOptions,\n  type WistiaPlayer,\n  wistiaPlayerStyle,\n  type WistiaSource,\n} from '@videojs/wistia-video';\n// In a browser this entry is where `@wistia/wistia-player` is imported, so the tag below cannot outrun its\n// definition. Off one it resolves to the server bundle, which reaches for none of it and leaves the tag to\n// render as the plain markup a client then hydrates.\nimport {\n  createElement,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n  type RefCallback,\n  useCallback,\n  useState,\n} from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface WistiaVideoProps extends Partial<Omit<WistiaAdapterProps, 'source'>>, HTMLAttributes<WistiaPlayer> {\n  /** Wistia's own options, `mediaId` among them: everything the player understands that a media does not. */\n  source?: WistiaSource | null;\n}\n\n/**\n * Wistia is the one media here that ships a web component of its own, so this renders that component rather than a\n * player of its own making, and `@videojs/wistia-video` registers it statically — the element the ref hands back is\n * already a Wistia player. Wistia's own React wrapper defines it from an effect, a tick too late: the store reads a\n * media once, as it attaches, and a bare `HTMLElement` is a media that cannot seek, buffer, or name a source.\n *\n * The translation is one layer thin. `source` carries Wistia's own options — `mediaId`, `playerColor`, `qualityMin` —\n * straight through, so anything the player understands stays reachable without this component knowing about it; the\n * rest is the handful a media names differently. The element itself is what the store attaches to, normalized in place,\n * so the ref hands back one object that is both.\n */\nexport const WistiaVideo: ForwardRefExoticComponent<WistiaVideoProps & RefAttributes<WistiaPlayer>> = forwardRef<\n  WistiaPlayer,\n  WistiaVideoProps\n>(function WistiaVideo(\n  {\n    autoplay,\n    children,\n    controls = false,\n    defaultMuted,\n    loop,\n    muted,\n    // Wistia has no inline-playback knob and plays inline, so this is accepted and goes no further.\n    playsInline: _playsInline,\n    poster,\n    preload,\n    source,\n    src,\n    style,\n    ...rest\n  },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const attachRef = useCallback<RefCallback<WistiaPlayer>>(\n    (element) => {\n      // No cast: this is where Wistia's real class is held to the contract the normalizer describes.\n      if (element) normalizeWistiaPlayer(element);\n\n      setMedia?.(element as never);\n    },\n    [setMedia]\n  );\n  const composedRef = useComposedRefs(attachRef, ref);\n\n  // A Wistia URL is accepted where a media id is expected, the way every other media here accepts a `src`.\n  const { mediaId, ...options } = source ?? {};\n  const resolved = mediaId ?? (src ? parseWistiaMediaId(src) : null);\n  // A `wtime` is a start position rather than a live playhead, and it belongs to the source it was written\n  // on — read again for each one, since this component outlives them. Not frozen: an unchanged `src` renders\n  // an unchanged attribute, which React leaves alone, so a playing media is never sent back to its start.\n  const startTime = src ? parseWistiaStartTime(src) : null;\n  // The muted state the player *starts* in, which is this component's to decide rather than the source's.\n  const [initialMuted] = useState(() => defaultMuted ?? muted);\n\n  return createElement(WISTIA_PLAYER_TAG, {\n    // A new media is a new element. Writing an attribute goes around the normalizer's `source` setter, which\n    // is what announces a source change, so the store would hold the last media's duration and title;\n    // remounting says it as a detach and an attach. A source that only recolors keeps this id and the player.\n    key: resolved,\n    ...wistiaAttributes({\n      mediaId: resolved ?? '',\n      ...wistiaMediaOptions({ autoplay, controls, loop, poster, preload }),\n      muted: initialMuted,\n      currentTime: startTime,\n      // Wistia's own options last, so a source reaches anything the props above do not name.\n      ...options,\n    }),\n    ...rest,\n    style: { ...wistiaPlayerStyle(controls), ...style },\n    ref: composedRef,\n    children,\n  });\n});\n\nexport namespace WistiaVideo {\n  export type Props = WistiaVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA+CA,MAAa,cAAyF,WAGpG,SAAS,YACT,EACE,UACA,UACA,WAAW,OACX,cACA,MACA,OAEA,aAAa,cACb,QACA,SACA,QACA,KACA,OACA,GAAG,QAEL,KACA;CACA,MAAM,WAAW,eAAe;CAEhC,MAAM,YAAY,aACf,YAAY;EAEX,IAAI,SAAS,sBAAsB,OAAO;EAE1C,WAAW,OAAgB;CAC7B,GACA,CAAC,QAAQ,CACX;CACA,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAGlD,MAAM,EAAE,SAAS,GAAG,YAAY,UAAU,CAAC;CAC3C,MAAM,WAAW,YAAY,MAAM,mBAAmB,GAAG,IAAI;CAI7D,MAAM,YAAY,MAAM,qBAAqB,GAAG,IAAI;CAEpD,MAAM,CAAC,gBAAgB,eAAe,gBAAgB,KAAK;CAE3D,OAAO,cAAc,mBAAmB;EAItC,KAAK;EACL,GAAG,iBAAiB;GAClB,SAAS,YAAY;GACrB,GAAG,mBAAmB;IAAE;IAAU;IAAU;IAAM;IAAQ;GAAQ,CAAC;GACnE,OAAO;GACP,aAAa;GAEb,GAAG;EACL,CAAC;EACD,GAAG;EACH,OAAO;GAAE,GAAG,kBAAkB,QAAQ;GAAG,GAAG;EAAM;EAClD,KAAK;EACL;CACF,CAAC;AACH,CAAC"}

package/dist/default/media/youtube-video/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/youtube-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildYouTubeIframeSrc, YouTubeAdapter, type YouTubeAdapterProps } from '@videojs/youtube-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface YouTubeVideoProps extends Partial<YouTubeAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const YouTubeVideo = forwardRef<HTMLIFrameElement, YouTubeVideoProps>(function YouTubeVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(YouTubeAdapter);\n  const props: Partial<YouTubeAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildYouTubeIframeSrc(props.src || props.source?.src || '', { ...YouTubeAdapter.defaultProps, ...props })\n  );\n  const iframeProps = useSyncProps<YouTubeAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    YouTubeAdapter.defaultProps\n  );\n\n  return (\n    <iframe\n      title=\"YouTube video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.youtube?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace YouTubeVideo {\n  export type Props = YouTubeVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAC7C,MAAM,QAAgE,EAAE,GAAG,SAAS;CACpF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,sBAAsB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,eAAe;EAAc,GAAG;CAAM,CAAC,CAC1G;CACA,MAAM,cAAc,aAClB,OACA,OACA,eAAe,YACjB;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,SAAS;EAC/C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/default/player/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","names":[],"sources":["../../../src/player/container.tsx"],"sourcesContent":["import { ContainerCore, ContainerDataAttrs } from '@videojs/core';\nimport {\n  createPopupGroup,\n  DEFAULT_CONTAINER_ROLE,\n  DEFAULT_CONTAINER_TAB_INDEX,\n  focusContainer,\n  getStateDataAttrs,\n  selectControls,\n} from '@videojs/core/dom';\nimport { labelText } from '@videojs/core/i18n/text/container';\nimport { getTextDirection } from '@videojs/utils/i18n';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type PointerEventHandler,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { I18nContext, useTranslator } from '../i18n/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\nimport { useContainerAttach, usePlayer } from './context';\nimport { PopupGroupProvider } from './popup-group-context';\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container(\n  {\n    children,\n    tabIndex = DEFAULT_CONTAINER_TAB_INDEX,\n    role = DEFAULT_CONTAINER_ROLE,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    lang: langProp,\n    dir: dirProp,\n    ...props\n  },\n  ref\n) {\n  const setContainer = useContainerAttach();\n  const translator = useTranslator();\n  const i18n = useContext(I18nContext);\n  const controls = usePlayer(selectControls);\n  const [core] = useState(() => new ContainerCore());\n\n  const [popupGroup] = useState(() => createPopupGroup());\n\n  const internalRef = useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(ref, internalRef);\n\n  useEffect(() => {\n    setContainer?.(internalRef.current);\n    return () => setContainer?.(null);\n  }, [setContainer]);\n\n  const handlePointerUp: PointerEventHandler<HTMLDivElement> = (event) => {\n    props.onPointerUp?.(event);\n    const el = internalRef.current;\n    if (!el) return;\n\n    focusContainer(el);\n  };\n\n  const accessibleNameProps =\n    ariaLabel !== undefined || ariaLabelledBy !== undefined\n      ? { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }\n      : { 'aria-label': translator(labelText) };\n  const lang = langProp ?? (i18n?.localeFromProp ? i18n.locale : undefined);\n  const localeProps = {\n    lang,\n    dir: dirProp ?? (lang ? getTextDirection(lang) : undefined),\n  };\n\n  if (controls) core.setMedia(controls);\n\n  const stateAttrs = controls ? getStateDataAttrs(core.getState(), ContainerDataAttrs) : undefined;\n\n  return (\n    <div\n      ref={composedRef}\n      role={role}\n      tabIndex={tabIndex}\n      {...accessibleNameProps}\n      {...localeProps}\n      {...props}\n      {...stateAttrs}\n      onPointerUp={handlePointerUp}\n    >\n      <PopupGroupProvider value={popupGroup}>{children}</PopupGroupProvider>\n    </div>\n  );\n});\n\nexport namespace Container {\n  export type Props = ContainerProps;\n}\n"],"mappings":";;;;;;;;;;;AA+BA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EACE,UACA,WAAW,6BACX,OAAO,wBACP,cAAc,WACd,mBAAmB,gBACnB,MAAM,UACN,KAAK,SACL,GAAG,SAEL,KACA;CACA,MAAM,eAAe,mBAAmB;CACxC,MAAM,aAAa,cAAc;CACjC,MAAM,OAAO,WAAW,WAAW;CACnC,MAAM,WAAW,UAAU,cAAc;CACzC,MAAM,CAAC,QAAQ,eAAe,IAAI,cAAc,CAAC;CAEjD,MAAM,CAAC,cAAc,eAAe,iBAAiB,CAAC;CAEtD,MAAM,cAAc,OAAuB,IAAI;CAC/C,MAAM,cAAc,gBAAgB,KAAK,WAAW;CAEpD,gBAAgB;EACd,eAAe,YAAY,OAAO;EAClC,aAAa,eAAe,IAAI;CAClC,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,mBAAwD,UAAU;EACtE,MAAM,cAAc,KAAK;EACzB,MAAM,KAAK,YAAY;EACvB,IAAI,CAAC,IAAI;EAET,eAAe,EAAE;CACnB;CAEA,MAAM,sBACJ,cAAc,KAAA,KAAa,mBAAmB,KAAA,IAC1C;EAAE,cAAc;EAAW,mBAAmB;CAAe,IAC7D,EAAE,cAAc,WAAW,SAAS,EAAE;CAC5C,MAAM,OAAO,aAAa,MAAM,iBAAiB,KAAK,SAAS,KAAA;CAC/D,MAAM,cAAc;EAClB;EACA,KAAK,YAAY,OAAO,iBAAiB,IAAI,IAAI,KAAA;CACnD;CAEA,IAAI,UAAU,KAAK,SAAS,QAAQ;CAEpC,MAAM,aAAa,WAAW,kBAAkB,KAAK,SAAS,GAAG,kBAAkB,IAAI,KAAA;CAEvF,OACE,oBAAC,OAAD;EACE,KAAK;EACC;EACI;EACV,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,aAAa;EAEb,UAAA,oBAAC,oBAAD;GAAoB,OAAO;GAAa;EAA6B,CAAA;CAClE,CAAA;AAET,CAAC"}

package/dist/default/player/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.tsx"],"sourcesContent":["import type { MediaContainer } from '@videojs/core/dom';\nimport type { Media } from '@videojs/media';\nimport type { UnknownState, UnknownStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { createContext, useContext } from 'react';\n\nexport interface PlayerContextValue {\n  store: UnknownStore;\n  media: Media | null;\n  setMedia: Dispatch<SetStateAction<Media | null>>;\n  container: MediaContainer | null;\n  setContainer: Dispatch<SetStateAction<HTMLElement | null>>;\n}\n\nconst PlayerContext = createContext<PlayerContextValue | null>(null);\nconst EMPTY_UNSUBSCRIBE = () => {};\nconst EMPTY_STORE = {\n  state: {} as UnknownState,\n  subscribe: () => EMPTY_UNSUBSCRIBE,\n} as Pick<UnknownStore, 'state' | 'subscribe'>;\n\nexport function PlayerContextProvider({\n  value,\n  children,\n}: {\n  value: PlayerContextValue;\n  children: ReactNode;\n}): ReactNode {\n  return <PlayerContext.Provider value={value}>{children}</PlayerContext.Provider>;\n}\n\n/** Access the full player context value. Throws if used outside a Player. */\nexport function usePlayerContext(): PlayerContextValue {\n  const ctx = useContext(PlayerContext);\n  if (!ctx) throw new Error('usePlayerContext must be used within a Player');\n\n  return ctx;\n}\n\n/**\n * Access the player store from within a Player.\n *\n * This standalone hook has no knowledge of your configured features, so it returns an untyped `UnknownStore` whose\n * state properties are typed as `unknown`. For typed access, use the `usePlayer` returned by `createPlayer()`, or pass\n * a premade selector to recover the type from its return value.\n *\n * @label Without Selector\n */\nexport function usePlayer(): UnknownStore;\n/**\n * Select a value from the player store. Re-renders when the selected value changes.\n *\n * The selector receives `UnknownState`, so an inline selector returns `unknown`. Pass a premade selector (e.g.\n * `selectPlayback`) to get a typed result.\n *\n * @param selector - Derives a value from the player store state.\n * @label With Selector\n */\nexport function usePlayer<R>(selector: (state: UnknownState) => R): R;\nexport function usePlayer<R>(selector?: (state: UnknownState) => R) {\n  const { store } = usePlayerContext();\n\n  return useStore(store, selector as any);\n}\n\n/**\n * Returns the player store when available, or `undefined` outside a Player.\n *\n * @label Without Selector\n */\nexport function useOptionalPlayer(): UnknownStore | undefined;\n/**\n * Selects a player value when available, or returns `undefined` outside a Player.\n *\n * @param selector - Derives a value from the player store state.\n * @label With Selector\n */\nexport function useOptionalPlayer<R>(selector: (state: UnknownState) => R): R | undefined;\nexport function useOptionalPlayer<R>(selector?: (state: UnknownState) => R) {\n  const ctx = useContext(PlayerContext);\n  const store = (ctx?.store ?? (EMPTY_STORE as unknown as UnknownStore)) as UnknownStore;\n  const value = useStore(store, (ctx ? selector : undefined) as any);\n\n  return ctx ? value : undefined;\n}\n\n/** Access the media element from within a Player. */\nexport function useMedia(): Media | null {\n  const { media } = usePlayerContext();\n\n  return media;\n}\n\n/** Access the container element from within a Player. */\nexport function useContainer(): MediaContainer | null {\n  const { container } = usePlayerContext();\n\n  return container;\n}\n\n/** Access the container element when a Player is available. */\nexport function useOptionalContainer(): MediaContainer | null {\n  const ctx = useContext(PlayerContext);\n\n  return ctx?.container ?? null;\n}\n\n/** Access the media attach setter for connecting a media element to the player. */\nexport function useMediaAttach(): Dispatch<SetStateAction<Media | null>> | undefined {\n  const ctx = useContext(PlayerContext);\n\n  return ctx?.setMedia;\n}\n\n/** Access the container attach setter for connecting a container element to the player. */\nexport function useContainerAttach(): Dispatch<SetStateAction<HTMLElement | null>> | undefined {\n  const ctx = useContext(PlayerContext);\n\n  return ctx?.setContainer;\n}\n"],"mappings":";;;;AAeA,MAAM,gBAAgB,cAAyC,IAAI;AACnE,MAAM,0BAA0B,CAAC;AACjC,MAAM,cAAc;CAClB,OAAO,CAAC;CACR,iBAAiB;AACnB;AAEA,SAAgB,sBAAsB,EACpC,OACA,YAIY;CACZ,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;;AAGA,SAAgB,mBAAuC;CACrD,MAAM,MAAM,WAAW,aAAa;CACpC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,+CAA+C;CAEzE,OAAO;AACT;AAsBA,SAAgB,UAAa,UAAuC;CAClE,MAAM,EAAE,UAAU,iBAAiB;CAEnC,OAAO,SAAS,OAAO,QAAe;AACxC;AAeA,SAAgB,kBAAqB,UAAuC;CAC1E,MAAM,MAAM,WAAW,aAAa;CACpC,MAAM,QAAS,KAAK,SAAU;CAC9B,MAAM,QAAQ,SAAS,OAAQ,MAAM,WAAW,KAAA,CAAiB;CAEjE,OAAO,MAAM,QAAQ,KAAA;AACvB;;AAGA,SAAgB,WAAyB;CACvC,MAAM,EAAE,UAAU,iBAAiB;CAEnC,OAAO;AACT;;AAGA,SAAgB,eAAsC;CACpD,MAAM,EAAE,cAAc,iBAAiB;CAEvC,OAAO;AACT;;AAGA,SAAgB,uBAA8C;CAG5D,OAFY,WAAW,aAEd,CAAC,EAAE,aAAa;AAC3B;;AAGA,SAAgB,iBAAqE;CAGnF,OAFY,WAAW,aAEd,CAAC,EAAE;AACd;;AAGA,SAAgB,qBAA+E;CAG7F,OAFY,WAAW,aAEd,CAAC,EAAE;AACd"}

package/dist/default/player/create-player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-player.js","names":[],"sources":["../../../src/player/create-player.tsx"],"sourcesContent":["import {\n  type AnyPlayerFeature,\n  type AnyPlayerStore,\n  type AudioFeatures,\n  type AudioPlayerStore,\n  combinePlayerFeatureConfigs,\n  type InferPlayerConfig,\n  type PlayerFeatureConfig,\n  type PlayerStore,\n  type PlayerTarget,\n  setPlayerConfigValue,\n  type VideoFeatures,\n  type VideoPlayerStore,\n} from '@videojs/core/dom';\nimport type { Media } from '@videojs/media/dom';\nimport type { InferStoreState } from '@videojs/store';\nimport { combine, createStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport { pick } from '@videojs/utils/object';\nimport type { FC, ReactNode } from 'react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { useDestroy } from '../utils/use-destroy';\nimport { PlayerContextProvider, useMedia, usePlayerContext } from './context';\n\n/** Configures the feature-backed store and provider component created by {@link createPlayer}. */\nexport interface CreatePlayerConfig<Features extends AnyPlayerFeature[]> {\n  /** Features combined into the player's store, state, actions, and configuration props. */\n  features: Features;\n\n  /** Name shown for the generated provider component in development tools. */\n  displayName?: string;\n}\n\n/** Props accepted by a generated Player provider. */\nexport type PlayerProps<Config = object> = {\n  [Key in keyof Config]?: Config[Key] | undefined;\n} & {\n  /** Content placed inside the player context. The provider does not render a host element of its own. */\n  children: ReactNode;\n};\n\n/** The provider component and typed hooks produced by {@link createPlayer}. */\nexport interface CreatePlayerResult<Store extends PlayerStore> {\n  /** Provides a new player store to its descendants without adding a layout element. */\n  Player: FC<PlayerProps<InferPlayerConfig<Store>>>;\n\n  /** Accesses the configured store, or subscribes to a selected value from it. */\n  usePlayer: UsePlayerHook<Store>;\n\n  /** Returns the media currently attached beneath the generated Player, or `null` before attachment. */\n  useMedia: () => Media | null;\n}\n\n/** Typed player-store hook returned by {@link createPlayer}. */\nexport type UsePlayerHook<Store extends PlayerStore> = {\n  /** Returns the configured player store. */\n  (): Store;\n\n  /**\n   * Subscribes to a value derived from the player state.\n   *\n   * @param selector - Derives the value consumed by the calling component.\n   */\n  <R>(selector: (state: InferStoreState<Store>) => R): R;\n};\n\n/**\n * Create a player instance with a typed Player component and hooks.\n *\n * @param config - Player configuration with features and optional display name.\n * @label Video\n */\nexport function createPlayer(config: CreatePlayerConfig<VideoFeatures>): CreatePlayerResult<VideoPlayerStore>;\n\n/**\n * Create a player for audio media.\n *\n * @param config - Player configuration with features and optional display name.\n * @label Audio\n */\nexport function createPlayer(config: CreatePlayerConfig<AudioFeatures>): CreatePlayerResult<AudioPlayerStore>;\n\n/**\n * Create a player with custom features.\n *\n * @param config - Player configuration with features and optional display name.\n * @label Generic\n */\nexport function createPlayer<const Features extends AnyPlayerFeature[]>(\n  config: CreatePlayerConfig<Features>\n): CreatePlayerResult<PlayerStore<Features>>;\n\nexport function createPlayer(config: CreatePlayerConfig<AnyPlayerFeature[]>): CreatePlayerResult<AnyPlayerStore> {\n  const slice = combine(...config.features);\n  const featureConfig = combinePlayerFeatureConfigs(config.features);\n  const configKeys = Object.keys(featureConfig);\n\n  function createConfiguredStore(values: Record<string, unknown>) {\n    const store = createStore<PlayerTarget>()(slice);\n\n    applyConfigValues(store, featureConfig, values);\n    return store;\n  }\n\n  function Player(props: PlayerProps<any>): ReactNode {\n    const { children } = props;\n    // Only inputs declared by selected features are forwarded to store actions.\n    const configValues = pick(props, configKeys);\n    const [store, setStore] = useState(() => createConfiguredStore(configValues));\n    const syncedValues = useRef({ store, values: configValues });\n\n    const [media, setMedia] = useState<Media | null>(null);\n    const [container, setContainer] = useState<HTMLElement | null>(null);\n\n    useDestroy(store);\n\n    // Sync committed configuration props to the existing store.\n    useLayoutEffect(() => {\n      const previous = syncedValues.current;\n\n      // Replacement stores are seeded from this render's props during creation.\n      if (previous.store !== store) {\n        syncedValues.current = { store, values: configValues };\n        return;\n      }\n\n      for (const key of configKeys) {\n        if (Object.is(previous.values[key], configValues[key])) continue;\n\n        setPlayerConfigValue(store, featureConfig[key]!, configValues[key]);\n      }\n\n      syncedValues.current = { store, values: configValues };\n    });\n\n    useEffect(() => {\n      if (!media) return;\n\n      // The store may have been destroyed during an asynchronous gap between React\n      // effect cleanup and re-setup (e.g., React <Activity> hide → reveal). The\n      // useState initializer does not re-run in this case.\n      if (store.destroyed) {\n        setStore(createConfiguredStore(syncedValues.current.values));\n        return;\n      }\n\n      return store.attach({ media, container });\n    }, [media, container, store]);\n\n    const value = useMemo(() => ({ store, media, setMedia, container, setContainer }), [store, media, container]);\n\n    return <PlayerContextProvider value={value}>{children}</PlayerContextProvider>;\n  }\n\n  if (__DEV__ && config.displayName) {\n    Player.displayName = config.displayName;\n  }\n\n  function usePlayer<R>(selector?: (state: object) => R): AnyPlayerStore | R {\n    const { store } = usePlayerContext();\n\n    return useStore(store, selector as any);\n  }\n\n  return {\n    Player,\n    usePlayer,\n    useMedia,\n  };\n}\n\nfunction applyConfigValues(store: object, config: PlayerFeatureConfig, values: Record<string, unknown>): void {\n  for (const key of Object.keys(config)) {\n    setPlayerConfigValue(store, config[key]!, values[key]);\n  }\n}\n"],"mappings":";;;;;;;;;AA6FA,SAAgB,aAAa,QAAoF;CAC/G,MAAM,QAAQ,QAAQ,GAAG,OAAO,QAAQ;CACxC,MAAM,gBAAgB,4BAA4B,OAAO,QAAQ;CACjE,MAAM,aAAa,OAAO,KAAK,aAAa;CAE5C,SAAS,sBAAsB,QAAiC;EAC9D,MAAM,QAAQ,YAA0B,CAAC,CAAC,KAAK;EAE/C,kBAAkB,OAAO,eAAe,MAAM;EAC9C,OAAO;CACT;CAEA,SAAS,OAAO,OAAoC;EAClD,MAAM,EAAE,aAAa;EAErB,MAAM,eAAe,KAAK,OAAO,UAAU;EAC3C,MAAM,CAAC,OAAO,YAAY,eAAe,sBAAsB,YAAY,CAAC;EAC5E,MAAM,eAAe,OAAO;GAAE;GAAO,QAAQ;EAAa,CAAC;EAE3D,MAAM,CAAC,OAAO,YAAY,SAAuB,IAAI;EACrD,MAAM,CAAC,WAAW,gBAAgB,SAA6B,IAAI;EAEnE,WAAW,KAAK;EAGhB,sBAAsB;GACpB,MAAM,WAAW,aAAa;GAG9B,IAAI,SAAS,UAAU,OAAO;IAC5B,aAAa,UAAU;KAAE;KAAO,QAAQ;IAAa;IACrD;GACF;GAEA,KAAK,MAAM,OAAO,YAAY;IAC5B,IAAI,OAAO,GAAG,SAAS,OAAO,MAAM,aAAa,IAAI,GAAG;IAExD,qBAAqB,OAAO,cAAc,MAAO,aAAa,IAAI;GACpE;GAEA,aAAa,UAAU;IAAE;IAAO,QAAQ;GAAa;EACvD,CAAC;EAED,gBAAgB;GACd,IAAI,CAAC,OAAO;GAKZ,IAAI,MAAM,WAAW;IACnB,SAAS,sBAAsB,aAAa,QAAQ,MAAM,CAAC;IAC3D;GACF;GAEA,OAAO,MAAM,OAAO;IAAE;IAAO;GAAU,CAAC;EAC1C,GAAG;GAAC;GAAO;GAAW;EAAK,CAAC;EAE5B,MAAM,QAAQ,eAAe;GAAE;GAAO;GAAO;GAAU;GAAW;EAAa,IAAI;GAAC;GAAO;GAAO;EAAS,CAAC;EAE5G,OAAO,oBAAC,uBAAD;GAA8B;GAAQ;EAAgC,CAAA;CAC/E;CAMA,SAAS,UAAa,UAAqD;EACzE,MAAM,EAAE,UAAU,iBAAiB;EAEnC,OAAO,SAAS,OAAO,QAAe;CACxC;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF;AAEA,SAAS,kBAAkB,OAAe,QAA6B,QAAuC;CAC5G,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAClC,qBAAqB,OAAO,OAAO,MAAO,OAAO,IAAI;AAEzD"}

package/dist/default/player/popup-group-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popup-group-context.js","names":[],"sources":["../../../src/player/popup-group-context.tsx"],"sourcesContent":["import type { PopupGroup } from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext } from 'react';\n\nconst PopupGroupContext = createContext<PopupGroup | undefined>(undefined);\n\nexport function PopupGroupProvider({ value, children }: { value: PopupGroup; children: ReactNode }): ReactNode {\n  return <PopupGroupContext.Provider value={value}>{children}</PopupGroupContext.Provider>;\n}\n\nexport function useOptionalPopupGroup(): PopupGroup | undefined {\n  return useContext(PopupGroupContext);\n}\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAsC,KAAA,CAAS;AAEzE,SAAgB,mBAAmB,EAAE,OAAO,YAAmE;CAC7G,OAAO,oBAAC,kBAAkB,UAAnB;EAAmC;EAAQ;CAAqC,CAAA;AACzF;AAEA,SAAgB,wBAAgD;CAC9D,OAAO,WAAW,iBAAiB;AACrC"}

package/dist/default/presets/audio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/presets/audio/index.ts"],"sourcesContent":["/** Audio-only player preset with playback and volume controls. */\n'use client';\n\nexport { audioFeatures } from '@videojs/core/dom';\nexport { Audio, type AudioProps } from '@/media/audio';\nexport * from './minimal-skin';\nexport { AudioPlayer, type AudioPlayerProps, usePlayer } from './player';\nexport * from './skin';\n"],"mappings":""}

package/dist/default/presets/audio/minimal-skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-skin.js","names":["Skin"],"sources":["../../../../src/presets/audio/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { MinimalAudioSkin as Skin } from '../../internal/skins/minimal-audio/skin';\nimport type { BaseSkinProps } from '../types';\n\nexport interface MinimalAudioSkinProps extends BaseSkinProps {}\n\nexport function MinimalAudioSkin(props: MinimalAudioSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,OAA8B;CAC7D,OAAO,oBAACA,oBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/audio/player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/audio/player.ts"],"sourcesContent":["'use client';\n\nimport { audioFeatures } from '@videojs/core/dom';\nimport type { ComponentProps } from 'react';\n\nimport { createPlayer } from '../../player/create-player';\n\n/** Preconfigured player with the standard audio features. */\nexport const {\n  Player: AudioPlayer,\n  /** Access the standard audio player store or select a value from it. */\n  usePlayer,\n} = createPlayer({ features: audioFeatures, displayName: 'AudioPlayer' });\n\n/** Props accepted by the preconfigured audio Player. */\nexport interface AudioPlayerProps extends ComponentProps<typeof AudioPlayer> {}\n"],"mappings":";;;;;AAQA,MAAa,EACX,QAAQ,aAER,cACE,aAAa;CAAE,UAAU;CAAe,aAAa;AAAc,CAAC"}

package/dist/default/presets/audio/skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":["Skin"],"sources":["../../../../src/presets/audio/skin.tsx"],"sourcesContent":["'use client';\n\nimport { DefaultAudioSkin as Skin } from '../../internal/skins/default-audio/skin';\nimport type { BaseSkinProps } from '../types';\n\nexport interface AudioSkinProps extends BaseSkinProps {}\n\nexport function AudioSkin(props: AudioSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,UAAU,OAAuB;CAC/C,OAAO,oBAACA,kBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/background/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/presets/background/index.ts"],"sourcesContent":["/** Ambient background video preset with no user controls. */\n'use client';\n\nexport { backgroundFeatures } from '@videojs/core/dom';\nexport { BackgroundVideo, type BackgroundVideoProps } from '@/media/background-video';\nexport { BackgroundVideoPlayer, usePlayer } from './player';\nexport * from './skin';\n"],"mappings":""}

package/dist/default/presets/background/player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/background/player.ts"],"sourcesContent":["'use client';\n\nimport { backgroundFeatures } from '@videojs/core/dom';\n\nimport { createPlayer } from '../../player/create-player';\n\n/** Preconfigured player with the background video features. */\nexport const {\n  Player: BackgroundVideoPlayer,\n  /** Access the background video player store or select a value from it. */\n  usePlayer,\n} = createPlayer({ features: backgroundFeatures, displayName: 'BackgroundVideoPlayer' });\n"],"mappings":";;;;;AAOA,MAAa,EACX,QAAQ,uBAER,cACE,aAAa;CAAE,UAAU;CAAoB,aAAa;AAAwB,CAAC"}

package/dist/default/presets/background/skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@videojs/utils/style';\n\nimport type { BaseSkinProps } from '../types';\n\nexport type BackgroundVideoSkinProps = BaseSkinProps;\n\nexport function BackgroundVideoSkin(props: BackgroundVideoSkinProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <div className={cn('media-background-skin', className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,SAAS;EAAG,GAAI;EACzD;CACE,CAAA;AAET"}

package/dist/default/presets/live-audio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/presets/live-audio/index.ts"],"sourcesContent":["/**\n * Live audio player preset — `audio` minus playback rate, plus the live feature, with a skin that swaps the time slider\n * and time displays for a Live button.\n */\n'use client';\n\nexport { liveAudioFeatures } from '@videojs/core/dom';\nexport { Audio, type AudioProps } from '@/media/audio';\nexport * from './minimal-skin';\nexport { LiveAudioPlayer, type LiveAudioPlayerProps, usePlayer } from './player';\nexport * from './skin';\n"],"mappings":""}

package/dist/default/presets/live-audio/minimal-skin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-skin.js","names":["Skin"],"sources":["../../../../src/presets/live-audio/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { MinimalLiveAudioSkin as Skin } from '../../internal/skins/minimal-live-audio/skin';\nimport type { BaseSkinProps } from '../types';\n\nexport interface MinimalLiveAudioSkinProps extends BaseSkinProps {}\n\nexport function MinimalLiveAudioSkin(props: MinimalLiveAudioSkinProps) {\n  return <Skin {...props} />;\n}\n"],"mappings":";;;;AAOA,SAAgB,qBAAqB,OAAkC;CACrE,OAAO,oBAACA,wBAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B"}

package/dist/default/presets/live-audio/player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/live-audio/player.ts"],"sourcesContent":["'use client';\n\nimport { liveAudioFeatures } from '@videojs/core/dom';\nimport type { ComponentProps } from 'react';\n\nimport { createPlayer } from '../../player/create-player';\n\n/** Preconfigured player with the live audio features. */\nexport const {\n  Player: LiveAudioPlayer,\n  /** Access the live audio player store or select a value from it. */\n  usePlayer,\n} = createPlayer({ features: liveAudioFeatures, displayName: 'LiveAudioPlayer' });\n\n/** Props accepted by the preconfigured live-audio Player. */\nexport interface LiveAudioPlayerProps extends ComponentProps<typeof LiveAudioPlayer> {}\n"],"mappings":";;;;;AAQA,MAAa,EACX,QAAQ,iBAER,cACE,aAAa;CAAE,UAAU;CAAmB,aAAa;AAAkB,CAAC"}