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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/mux-video/media.tsx"],"mappings":";;;;UAaiB,sBACP,KAAK,oBAAoB,yBAAyB,sBAAsB,gBAC9E,QAAQ,gBACR,QAAQ;EACV,WAAW;;cAKA,0BAAQ,0BAAA,gCAAA,cAAA;kBAcJ;OACH,QAAQ"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { NativeHlsMediaProps } from "@videojs/media/dom/native-hls";
+//#region src/media/native-hls-video/media.d.ts
+interface NativeHlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>, Partial<NativeHlsMediaProps> {
+  children?: ReactNode;
+}
+declare const NativeHlsVideo: import("react").ForwardRefExoticComponent<NativeHlsVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace NativeHlsVideo {
+  type Props = NativeHlsVideoProps;
+}
+//#endregion
+export { NativeHlsVideo, NativeHlsVideoProps };
+//# sourceMappingURL=media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/media.tsx"],"mappings":";;;UAWiB,4BACP,KAAK,oBAAoB,yBAAyB,sBACxD,QAAQ;EACV,WAAW;;cAGA,gCAAc,0BAAA,sCAAA,cAAA;kBAgBV;OACH,QAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/native-hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { NativeHlsMediaProps } from '@videojs/media/dom/native-hls';\nimport { NativeHlsMedia, nativeHlsMediaDefaultProps } from '@videojs/media/dom/native-hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface NativeHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof NativeHlsMediaProps>,\n    Partial<NativeHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(NativeHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, nativeHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAK7C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,0BAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

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

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

@@ -1,22 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAttachMedia } from "../../utils/use-attach-media.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { SimpleHlsAudioOnlyMedia } from "@videojs/core/dom/media/simple-hls-audio-only";
-import { simpleHlsAudioOnlyMediaDefaultProps } from "@videojs/spf/hls";
-//#region src/media/simple-hls-audio-only/index.tsx
-const SimpleHlsAudioOnly = forwardRef(function SimpleHlsAudioOnly({ children, ...props }, ref) {
-	const media = useMediaInstance(SimpleHlsAudioOnlyMedia);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { SimpleHlsAudioOnly } from "./media.js";
 export { SimpleHlsAudioOnly };
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/simple-hls-audio-only/media.tsx"],"mappings":";;;UAYiB,gCACP,KAAK,oBAAoB,yBAAyB,+BACxD,QAAQ;EACV,WAAW;;cAGA,oCAAkB,0BAAA,0CAAA,cAAA;kBAgBd;OACH,QAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/simple-hls-audio-only/media.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsAudioOnlyMedia } from '@videojs/media/dom/simple-hls-audio-only';\nimport type { SimpleHlsAudioOnlyMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsAudioOnlyMediaDefaultProps } from '@videojs/spf/hls';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SimpleHlsAudioOnlyProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof SimpleHlsAudioOnlyMediaProps>,\n    Partial<SimpleHlsAudioOnlyMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsAudioOnly = forwardRef<HTMLAudioElement, SimpleHlsAudioOnlyProps>(function SimpleHlsAudioOnly(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsAudioOnlyMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace SimpleHlsAudioOnly {\n  export type Props = SimpleHlsAudioOnlyProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,uBAAuB;CAKtD,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,mCAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

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

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

@@ -1,22 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAttachMedia } from "../../utils/use-attach-media.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { simpleHlsMediaDefaultProps } from "@videojs/spf/hls";
-import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
-//#region src/media/simple-hls-video/index.tsx
-const SimpleHlsVideo = forwardRef(function SimpleHlsVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(SimpleHlsMedia);
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, simpleHlsMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { SimpleHlsVideo } from "./media.js";
 export { SimpleHlsVideo };
-
-//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { SimpleHlsMediaProps } from "@videojs/spf/hls";
+//#region src/media/simple-hls-video/media.d.ts
+interface SimpleHlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof SimpleHlsMediaProps>, Partial<SimpleHlsMediaProps> {
+  children?: ReactNode;
+}
+declare const SimpleHlsVideo: import("react").ForwardRefExoticComponent<SimpleHlsVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace SimpleHlsVideo {
+  type Props = SimpleHlsVideoProps;
+}
+//#endregion
+export { SimpleHlsVideo, SimpleHlsVideoProps };
+//# sourceMappingURL=media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/media.tsx"],"mappings":";;;UAYiB,4BACP,KAAK,oBAAoB,yBAAyB,sBACxD,QAAQ;EACV,WAAW;;cAGA,gCAAc,0BAAA,sCAAA,cAAA;kBAgBV;OACH,QAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/simple-hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsMedia } from '@videojs/media/dom/simple-hls';\nimport type { SimpleHlsMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsMediaDefaultProps } from '@videojs/spf/hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SimpleHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof SimpleHlsMediaProps>,\n    Partial<SimpleHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(function SimpleHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace SimpleHlsVideo {\n  export type Props = SimpleHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAK7C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,0BAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"video.js","names":[],"sources":["../../../src/media/video.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\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":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;AAIxG,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,gBAAgB,CACiB;EAGvB,GAAI;EAC1B;EACK,CAAA;EAEV"}
+{"version":3,"file":"video.js","names":[],"sources":["../../../src/media/video.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\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":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAIxG,OACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,eAC+B,CAGxB;EAAG,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

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

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

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

@@ -1,37 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { useAttachIframe } from "../../utils/use-attach-iframe.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { VimeoMedia, buildVimeoIframeSrc, vimeoMediaDefaultProps } from "@videojs/core/dom/media/vimeo";
-//#region src/media/vimeo-video/index.tsx
-const VimeoVideo = forwardRef(function VimeoVideo({ children, ...rawProps }, ref) {
-	const media = useMediaInstance(VimeoMedia);
-	const props = { ...rawProps };
-	const composedRef = useComposedRefs(useAttachIframe(media), ref);
-	const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src ?? "", {
-		...vimeoMediaDefaultProps,
-		...props
-	}));
-	const iframeProps = useSyncProps(media, props, vimeoMediaDefaultProps);
-	return /* @__PURE__ */ jsx("iframe", {
-		title: "Vimeo video player",
-		src: initialSrc,
-		"data-cross-origin-frame": true,
-		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
-		allowFullScreen: true,
-		frameBorder: 0,
-		width: "100%",
-		height: "100%",
-		referrerPolicy: props.config?.referrerPolicy,
-		...iframeProps,
-		ref: composedRef,
-		children
-	});
-});
-//#endregion
+import { VimeoVideo } from "./media.js";
 export { VimeoVideo };
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/vimeo-video/media.tsx"],"mappings":";;;UAWiB,wBAAwB,QAAQ;EAC/C,WAAW;;cAGA,4BAAU,0BAAA,kCAAA,cAAA;kBA8BN;OACH,QAAQ"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { forwardRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { VimeoMedia, buildVimeoIframeSrc, vimeoMediaDefaultProps } from "@videojs/media/dom/vimeo";
+//#region src/media/vimeo-video/media.tsx
+const VimeoVideo = forwardRef(function VimeoVideo({ children, ...rawProps }, ref) {
+	const media = useMediaInstance(VimeoMedia);
+	const props = { ...rawProps };
+	const composedRef = useComposedRefs(useAttachIframe(media), ref);
+	const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src ?? "", {
+		...vimeoMediaDefaultProps,
+		...props
+	}));
+	const iframeProps = useSyncProps(media, props, vimeoMediaDefaultProps);
+	return /* @__PURE__ */ jsx("iframe", {
+		title: "Vimeo video player",
+		src: initialSrc,
+		"data-cross-origin-frame": true,
+		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
+		allowFullScreen: true,
+		frameBorder: 0,
+		width: "100%",
+		height: "100%",
+		referrerPolicy: props.config?.referrerPolicy,
+		...iframeProps,
+		ref: composedRef,
+		children
+	});
+});
+//#endregion
+export { VimeoVideo };
+
+//# sourceMappingURL=media.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/vimeo-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { VimeoMediaProps } from '@videojs/media/dom/vimeo';\nimport { buildVimeoIframeSrc, VimeoMedia, vimeoMediaDefaultProps } from '@videojs/media/dom/vimeo';\nimport type { ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface VimeoVideoProps extends Partial<VimeoMediaProps> {\n  children?: ReactNode;\n}\n\nexport const VimeoVideo = forwardRef<HTMLIFrameElement, VimeoVideoProps>(function VimeoVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(VimeoMedia);\n  const props: Partial<VimeoMediaProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src ?? '', { ...vimeoMediaDefaultProps, ...props }));\n  const iframeProps = useSyncProps<VimeoMediaProps, Record<string, unknown>>(media, props, vimeoMediaDefaultProps);\n\n  return (\n    <iframe\n      title=\"Vimeo video player\"\n      src={initialSrc}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.config?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace VimeoVideo {\n  export type Props = VimeoVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,UAAU;CACzC,MAAM,QAA4D,EAAE,GAAG,SAAS;CAEhF,MAAM,cAAc,gBADF,gBAAgB,KACU,GAAG,GAAG;CAClD,MAAM,CAAC,cAAc,eAAe,oBAAoB,MAAM,OAAO,IAAI;EAAE,GAAG;EAAwB,GAAG;CAAM,CAAC,CAAC;CACjH,MAAM,cAAc,aAAuD,OAAO,OAAO,sBAAsB;CAE/G,OACE,oBAAC,UAAD;EACE,OAAM;EACN,KAAK;EACL,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ;EAC9B,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/player/container.d.ts
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace Container {
+  type Props = ContainerProps;
+}
+//#endregion
+export { Container, ContainerProps };
+//# sourceMappingURL=container.d.ts.map

package/dist/dev/player/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","names":[],"sources":["../../../src/player/container.tsx"],"mappings":";;UASiB,uBAAuB,eAAe;EACrD,WAAW;;cAGA,2BAAS,0BAAA,iCAAA,cAAA;kBA+CL;OACH,QAAQ"}

package/dist/dev/player/container.js

@@ -0,0 +1,41 @@
+"use client";
+import { useTranslator } from "../i18n/context.js";
+import { useComposedRefs } from "../utils/use-composed-refs.js";
+import { useContainerAttach } from "./context.js";
+import { DEFAULT_CONTAINER_ROLE, DEFAULT_CONTAINER_TAB_INDEX, focusContainer } from "@videojs/core/dom";
+import { forwardRef, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { labelText } from "@videojs/core/i18n/text/container";
+//#region src/player/container.tsx
+const Container = forwardRef(function Container({ children, tabIndex = DEFAULT_CONTAINER_TAB_INDEX, role = DEFAULT_CONTAINER_ROLE, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
+	const setContainer = useContainerAttach();
+	const translator = useTranslator();
+	const internalRef = useRef(null);
+	const composedRef = useComposedRefs(ref, internalRef);
+	useEffect(() => {
+		setContainer?.(internalRef.current);
+		return () => setContainer?.(null);
+	}, [setContainer]);
+	const handlePointerUp = (event) => {
+		props.onPointerUp?.(event);
+		const el = internalRef.current;
+		if (!el) return;
+		focusContainer(el);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref: composedRef,
+		role,
+		tabIndex,
+		...ariaLabel !== void 0 || ariaLabelledBy !== void 0 ? {
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy
+		} : { "aria-label": translator(labelText) },
+		...props,
+		onPointerUp: handlePointerUp,
+		children
+	});
+});
+//#endregion
+export { Container };
+
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","names":[],"sources":["../../../src/player/container.tsx"],"sourcesContent":["'use client';\n\nimport { DEFAULT_CONTAINER_ROLE, DEFAULT_CONTAINER_TAB_INDEX, focusContainer } from '@videojs/core/dom';\nimport { labelText } from '@videojs/core/i18n/text/container';\nimport { forwardRef, type HTMLAttributes, type PointerEventHandler, type ReactNode, useEffect, useRef } from 'react';\nimport { useTranslator } from '../i18n/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\nimport { useContainerAttach } from './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    ...props\n  },\n  ref\n) {\n  const setContainer = useContainerAttach();\n  const translator = useTranslator();\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    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\n  return (\n    <div\n      ref={composedRef}\n      role={role}\n      tabIndex={tabIndex}\n      {...accessibleNameProps}\n      {...props}\n      onPointerUp={handlePointerUp}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport namespace Container {\n  export type Props = ContainerProps;\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EACE,UACA,WAAW,6BACX,OAAO,wBACP,cAAc,WACd,mBAAmB,gBACnB,GAAG,SAEL,KACA;CACA,MAAM,eAAe,mBAAmB;CACxC,MAAM,aAAa,cAAc;CACjC,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;EACT,eAAe,EAAE;CACnB;CAOA,OACE,oBAAC,OAAD;EACE,KAAK;EACC;EACI;EACV,GATF,cAAc,KAAA,KAAa,mBAAmB,KAAA,IAC1C;GAAE,cAAc;GAAW,mBAAmB;EAAe,IAC7D,EAAE,cAAc,WAAW,SAAS,EAAE;EAQxC,GAAI;EACJ,aAAa;EAEZ;CACE,CAAA;AAET,CAAC"}

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

@@ -1,14 +1,12 @@
 import { MediaContainer, PopupGroup } from "@videojs/core/dom";
+import { Media } from "@videojs/media";
 import { UnknownState, UnknownStore } from "@videojs/store";
-import * as _$react from "react";
-import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from "react";
-import { Media as Media$1 } from "@videojs/core";
-
+import { Dispatch, ReactNode, SetStateAction } from "react";
 //#region src/player/context.d.ts
 interface PlayerContextValue {
   store: UnknownStore;
-  media: Media$1 | null;
-  setMedia: Dispatch<SetStateAction<Media$1 | null>>;
+  media: Media | null;
+  setMedia: Dispatch<SetStateAction<Media | null>>;
   container: MediaContainer | null;
   setContainer: Dispatch<SetStateAction<HTMLElement | null>>;
   popupGroup?: PopupGroup;
@@ -47,22 +45,15 @@ declare function useOptionalPlayer(): UnknownStore | undefined;
 /** @label With Selector */
 declare function useOptionalPlayer<R>(selector: (state: UnknownState) => R): R | undefined;
 /** Access the media element from within a Player Provider. */
-declare function useMedia(): Media$1 | null;
+declare function useMedia(): Media | null;
 /** Access the container element from within a Player Provider. */
 declare function useContainer(): MediaContainer | null;
 /** Access the container element when a Player Provider is available. */
 declare function useOptionalContainer(): MediaContainer | null;
 /** Access the media attach setter for connecting a media element to the player. */
-declare function useMediaAttach(): Dispatch<SetStateAction<Media$1 | null>> | undefined;
+declare function useMediaAttach(): Dispatch<SetStateAction<Media | null>> | undefined;
 /** Access the container attach setter for connecting a container element to the player. */
 declare function useContainerAttach(): Dispatch<SetStateAction<HTMLElement | null>> | undefined;
-interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
-  children?: ReactNode;
-}
-declare const Container: _$react.ForwardRefExoticComponent<ContainerProps & _$react.RefAttributes<HTMLDivElement>>;
-declare namespace Container {
-  type Props = ContainerProps;
-}
 //#endregion
-export { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext };
+export { PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;;;UAWiB,kBAAA;EACf,KAAA,EAAO,YAAA;EACP,KAAA,EAAO,OAAA;EACP,QAAA,EAAU,QAAA,CAAS,cAAA,CAAe,OAAA;EAClC,SAAA,EAAW,cAAA;EACX,YAAA,EAAc,QAAA,CAAS,cAAA,CAAe,WAAA;EACtC,UAAA,GAAa,UAAA;AAAA;;iBAqBC,gBAAA,CAAA,GAAoB,kBAAA;;;;;;;;;;;iBAgBpB,SAAA,CAAA,GAAa,YAAA;;;;;;;;;;iBAUb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;AA1BpE;;;;;AAgBA;AAAA,iBAuBgB,iBAAA,CAAA,GAAqB,YAAA;;iBAErB,iBAAA,GAAA,CAAqB,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAS5D,QAAA,CAAA,GAAY,OAAA;;iBAMZ,YAAA,CAAA,GAAgB,cAAA;;iBAMhB,oBAAA,CAAA,GAAwB,cAAA;;iBAYxB,cAAA,CAAA,GAAkB,QAAA,CAAS,cAAA,CAAe,OAAA;;iBAM1C,kBAAA,CAAA,GAAsB,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA,UAK7C,cAAA,SAAuB,cAAA,CAAe,cAAA;EACrD,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBA8BL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;UASiB;EACf,OAAO;EACP,OAAO;EACP,UAAU,SAAS,eAAe;EAClC,WAAW;EACX,cAAc,SAAS,eAAe;EACtC,aAAa;;;iBAqBC,oBAAoB;;;;;;;;;;;iBAgBpB,aAAa;;;;;;;;;;iBAUb,UAAU,GAAG,WAAW,OAAO,iBAAiB,IAAI;;;;;;;;iBAapD,qBAAqB;;iBAErB,kBAAkB,GAAG,WAAW,OAAO,iBAAiB,IAAI;;iBAS5D,YAAY;;iBAMZ,gBAAgB;;iBAMhB,wBAAwB;;iBAYxB,kBAAkB,SAAS,eAAe;;iBAM1C,sBAAsB,SAAS,eAAe"}