@videojs/react 10.0.0-beta.17 → 10.0.0-beta.21

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

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

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

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

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

@@ -5,13 +5,13 @@ import { mediaProps } from "../../utils/media-props.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { HlsMedia, HlsMediaDelegate } from "@videojs/core/dom/media/hls";
+import { HlsMedia } from "@videojs/core/dom/media/hls";
 //#region src/media/hls-video/index.tsx
 const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
 	const mediaApi = useMediaInstance(HlsMedia);
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, HlsMediaDelegate, props),
+		...mediaProps(mediaApi, HlsMedia, props),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { InferDelegateProps } from '@videojs/core';\nimport { HlsMedia, HlsMediaDelegate } from '@videojs/core/dom/media/hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferDelegateProps<typeof HlsMediaDelegate>;\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(HlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, HlsMediaDelegate, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiB,SAAS;AAI3C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,kBAAkB,MAAM;EACvE;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { HlsMedia } from '@videojs/core/dom/media/hls';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof HlsMedia>;\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(HlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, HlsMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiB,SAAS;AAI3C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,UAAU,MAAM;EAC/D;EACK,CAAA;EAEV"}

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

@@ -1,13 +1,13 @@
-import { InferDelegateProps } from "@videojs/core";
 import * as react from "react";
 import { AudioHTMLAttributes, PropsWithChildren } from "react";
-import { MuxMediaDelegate } from "@videojs/core/dom/media/mux";
+import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
+import { InferClassProps } from "@videojs/utils/types";
 
 //#region src/media/mux-audio/index.d.ts
-type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> & InferDelegateProps<typeof MuxMediaDelegate>;
+type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> & InferClassProps<typeof MuxAudioMedia>;
 declare const MuxAudio: react.ForwardRefExoticComponent<AudioHTMLAttributes<HTMLAudioElement> & {
   children?: react.ReactNode | undefined;
-} & Partial<Pick<MuxMediaDelegate, "preload" | "src" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "playbackId" | "customDomain" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLAudioElement>>;
+} & Partial<Pick<MuxAudioMedia, "src" | "currentTime" | "volume" | "muted" | "playbackRate" | "preload" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLAudioElement>>;
 //#endregion
 export { MuxAudio, MuxAudio as default, MuxAudioProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/media/mux-audio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"mappings":";;;;;;KASY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,kBAAA,QAA0B,gBAAA;AAAA,cAEf,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"mappings":";;;;;;KASY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,eAAA,QAAuB,aAAA;AAAA,cAEZ,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA"}

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

@@ -4,13 +4,13 @@ import { mediaProps } from "../../utils/media-props.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { MuxAudio as MuxAudio$1, MuxMediaDelegate } from "@videojs/core/dom/media/mux";
+import { MuxAudioMedia } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-audio/index.tsx
 const MuxAudio = forwardRef(({ children, ...props }, ref) => {
-	const mediaApi = useMediaInstance(MuxAudio$1);
+	const mediaApi = useMediaInstance(MuxAudioMedia);
 	return /* @__PURE__ */ jsx("audio", {
 		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, MuxMediaDelegate, props),
+		...mediaProps(mediaApi, MuxAudioMedia, props),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MuxAudioApi"],"sources":["../../../../src/media/mux-audio/index.tsx"],"sourcesContent":["import type { InferDelegateProps } from '@videojs/core';\nimport { MuxAudio as MuxAudioApi, MuxMediaDelegate } from '@videojs/core/dom/media/mux';\nimport type { AudioHTMLAttributes, PropsWithChildren } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> &\n  InferDelegateProps<typeof MuxMediaDelegate>;\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMediaInstance(MuxAudioApi);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <audio ref={composedRef} {...mediaProps(mediaApi, MuxMediaDelegate, props)}>\n      {children}\n    </audio>\n  );\n});\n\nexport default MuxAudio;\n"],"mappings":";;;;;;;;AAYA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,iBAAiBA,WAAY;AAI9C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,kBAAkB,MAAM;EACvE;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-audio/index.tsx"],"sourcesContent":["import { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { AudioHTMLAttributes, PropsWithChildren } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxAudioProps = PropsWithChildren<AudioHTMLAttributes<HTMLAudioElement>> &\n  InferClassProps<typeof MuxAudioMedia>;\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMediaInstance(MuxAudioMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <audio ref={composedRef} {...mediaProps(mediaApi, MuxAudioMedia, props)}>\n      {children}\n    </audio>\n  );\n});\n\nexport default MuxAudio;\n"],"mappings":";;;;;;;;AAYA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,iBAAiB,cAAc;AAIhD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,eAAe,MAAM;EACpE;EACK,CAAA;EAEV"}

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

@@ -1,13 +1,13 @@
-import { InferDelegateProps } from "@videojs/core";
 import * as react from "react";
 import { PropsWithChildren, VideoHTMLAttributes } from "react";
-import { MuxMediaDelegate } from "@videojs/core/dom/media/mux";
+import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
+import { InferClassProps } from "@videojs/utils/types";
 
 //#region src/media/mux-video/index.d.ts
-type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferDelegateProps<typeof MuxMediaDelegate>;
+type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> & InferClassProps<typeof MuxVideoMedia>;
 declare const MuxVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
   children?: react.ReactNode | undefined;
-} & Partial<Pick<MuxMediaDelegate, "preload" | "src" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "playbackId" | "customDomain" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLVideoElement>>;
+} & Partial<Pick<MuxVideoMedia, "src" | "currentTime" | "volume" | "muted" | "playbackRate" | "preload" | "type" | "preferPlayback" | "config" | "debug" | "metadata" | "MuxDataSdk" | "beaconCollectionDomain" | "disableCookies" | "envKey" | "playerSoftwareName" | "playerSoftwareVersion" | "playerInitTime">> & react.RefAttributes<HTMLVideoElement>>;
 declare namespace MuxVideo {
   type Props = MuxVideoProps;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"mappings":";;;;;;KAWY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,kBAAA,QAA0B,gBAAA;AAAA,cAEf,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAYJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"mappings":";;;;;;KAWY,aAAA,GAAgB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KAChE,eAAA,QAAuB,aAAA;AAAA,cAEZ,QAAA,QAAQ,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAYJ,QAAA;EAAA,KACH,KAAA,GAAQ,aAAA;AAAA"}

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

@@ -5,13 +5,13 @@ import { mediaProps } from "../../utils/media-props.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { MuxMediaDelegate, MuxVideo as MuxVideo$1 } from "@videojs/core/dom/media/mux";
+import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-video/index.tsx
 const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
-	const mediaApi = useMediaInstance(MuxVideo$1);
+	const mediaApi = useMediaInstance(MuxVideoMedia);
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, MuxMediaDelegate, props),
+		...mediaProps(mediaApi, MuxVideoMedia, props),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MuxVideoApi"],"sources":["../../../../src/media/mux-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { InferDelegateProps } from '@videojs/core';\nimport { MuxMediaDelegate, MuxVideo as MuxVideoApi } from '@videojs/core/dom/media/mux';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferDelegateProps<typeof MuxMediaDelegate>;\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(MuxVideoApi);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, MuxMediaDelegate, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiBA,WAAY;AAI9C,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,kBAAkB,MAAM;EACvE;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { MuxVideoMedia } from '@videojs/core/dom/media/mux';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type MuxVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferClassProps<typeof MuxVideoMedia>;\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const mediaApi = useMediaInstance(MuxVideoMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, MuxVideoMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,WAAW,iBAAiB,cAAc;AAIhD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,eAAe,MAAM;EACpE;EACK,CAAA;EAEV"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"mappings":";;;;;;KAWY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KACtE,kBAAA,QAA0B,sBAAA;AAAA,cAEf,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAeV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"mappings":";;;;;;KAWY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA,KACtE,eAAA,QAAuB,cAAA;AAAA,cAEZ,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAeV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}

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

@@ -5,13 +5,13 @@ import { mediaProps } from "../../utils/media-props.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { NativeHlsMedia, NativeHlsMediaDelegate } from "@videojs/core/dom/media/native-hls";
+import { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
 //#region src/media/native-hls-video/index.tsx
 const NativeHlsVideo = forwardRef(function NativeHlsVideo({ children, ...props }, ref) {
 	const mediaApi = useMediaInstance(NativeHlsMedia);
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, NativeHlsMediaDelegate, props),
+		...mediaProps(mediaApi, NativeHlsMedia, props),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { InferDelegateProps } from '@videojs/core';\nimport { NativeHlsMedia, NativeHlsMediaDelegate } from '@videojs/core/dom/media/native-hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type NativeHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferDelegateProps<typeof NativeHlsMediaDelegate>;\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const mediaApi = useMediaInstance(NativeHlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, NativeHlsMediaDelegate, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,iBAAiB,eAAe;AAIjD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,wBAAwB,MAAM;EAC7E;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { NativeHlsMedia } from '@videojs/core/dom/media/native-hls';\nimport type { InferClassProps } from '@videojs/utils/types';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type NativeHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>> &\n  InferClassProps<typeof NativeHlsMedia>;\n\nexport const NativeHlsVideo = forwardRef<HTMLVideoElement, NativeHlsVideoProps>(function NativeHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const mediaApi = useMediaInstance(NativeHlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, NativeHlsMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace NativeHlsVideo {\n  export type Props = NativeHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,iBAAiB,eAAe;AAIjD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,gBAAgB,MAAM;EACrE;EACK,CAAA;EAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"mappings":";;;;KAWY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA;AAAA,cAE3D,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAeV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"mappings":";;;;KAUY,mBAAA,GAAsB,iBAAA,CAAkB,mBAAA,CAAoB,gBAAA;AAAA,cAE3D,cAAA,QAAc,yBAAA,CAAA,mBAAA,CAAA,gBAAA;aAAA,KAAA,CAAA,SAAA;AAAA;kBAeV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;AAAA"}

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

@@ -6,13 +6,12 @@ import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
-import { SpfMedia } from "@videojs/spf/dom";
 //#region src/media/simple-hls-video/index.tsx
 const SimpleHlsVideo = forwardRef(function SimpleHlsVideo({ children, ...props }, ref) {
 	const mediaApi = useMediaInstance(SimpleHlsMedia);
 	return /* @__PURE__ */ jsx("video", {
 		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, SpfMedia, props),
+		...mediaProps(mediaApi, SimpleHlsMedia, props),
 		children
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';\nimport { SpfMedia } from '@videojs/spf/dom';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type SimpleHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(function SimpleHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const mediaApi = useMediaInstance(SimpleHlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, SpfMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace SimpleHlsVideo {\n  export type Props = SimpleHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAaA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,iBAAiB,eAAe;AAIjD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,UAAU,MAAM;EAC/D;EACK,CAAA;EAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\n\nexport type SimpleHlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(function SimpleHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const mediaApi = useMediaInstance(SimpleHlsMedia);\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, SimpleHlsMedia, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace SimpleHlsVideo {\n  export type Props = SimpleHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,iBAAiB,eAAe;AAIjD,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,gBAAgB,MAAM;EACrE;EACK,CAAA;EAEV"}

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

@@ -1,13 +1,14 @@
-import { Media, MediaContainer } from "@videojs/core/dom";
+import { MediaContainer } from "@videojs/core/dom";
 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";
 
 //#region src/player/context.d.ts
 interface PlayerContextValue {
   store: UnknownStore;
-  media: Media | null;
-  setMedia: Dispatch<SetStateAction<Media | null>>;
+  media: Media$1 | null;
+  setMedia: Dispatch<SetStateAction<Media$1 | null>>;
   container: MediaContainer | null;
   setContainer: Dispatch<SetStateAction<HTMLElement | null>>;
 }
@@ -37,11 +38,11 @@ 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 | null;
+declare function useMedia(): Media$1 | null;
 /** Access the container element from within a Player Provider. */
 declare function useContainer(): MediaContainer | null;
 /** Access the media attach setter for connecting a media element to the player. */
-declare function useMediaAttach(): Dispatch<SetStateAction<Media | null>> | undefined;
+declare function useMediaAttach(): Dispatch<SetStateAction<Media$1 | 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> {

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;;UAUiB,kBAAA;EACf,KAAA,EAAO,YAAA;EACP,KAAA,EAAO,KAAA;EACP,QAAA,EAAU,QAAA,CAAS,cAAA,CAAe,KAAA;EAClC,SAAA,EAAW,cAAA;EACX,YAAA,EAAc,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA;;iBAqBxB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;;;;;;;iBAapD,iBAAA,CAAA,GAAqB,YAAA;;iBAErB,iBAAA,GAAA,CAAqB,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAS5D,QAAA,CAAA,GAAY,KAAA;AA/B5B;AAAA,iBAqCgB,YAAA,CAAA,GAAgB,cAAA;;iBAMhB,cAAA,CAAA,GAAkB,QAAA,CAAS,cAAA,CAAe,KAAA;;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,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,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":";;;;;;;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;AAAA;;iBAqBxB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;;;;;;;iBAapD,iBAAA,CAAA,GAAqB,YAAA;;iBAErB,iBAAA,GAAA,CAAqB,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAS5D,QAAA,CAAA,GAAY,OAAA;AA/B5B;AAAA,iBAqCgB,YAAA,CAAA,GAAgB,cAAA;;iBAMhB,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,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBA8BL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.tsx"],"sourcesContent":["'use client';\n\nimport type { Media, MediaContainer } from '@videojs/core/dom';\nimport type { UnknownState, UnknownStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport type { Dispatch, HTMLAttributes, ReactNode, PointerEvent as ReactPointerEvent, SetStateAction } from 'react';\nimport { createContext, forwardRef, useContext, useEffect, useRef } from 'react';\n\nimport { useComposedRefs } from '../utils/use-composed-refs';\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 Provider. */\nexport function usePlayerContext(): PlayerContextValue {\n  const ctx = useContext(PlayerContext);\n  if (!ctx) throw new Error('usePlayerContext must be used within a Player Provider');\n  return ctx;\n}\n\n/**\n * Access the player store from within a Player Provider.\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 * @label With Selector\n * @param selector - Derives a value from the player store state.\n */\nexport function usePlayer<R>(selector: (state: UnknownState) => R): R;\nexport function usePlayer<R>(selector?: (state: UnknownState) => R) {\n  const { store } = usePlayerContext();\n  return useStore(store, selector as any);\n}\n\n/**\n * Access player state when available, but return `undefined` outside Provider.\n *\n * This is useful for components that can operate without player context\n * (e.g. they accept fully explicit props as a fallback).\n */\n/** @label Without Selector */\nexport function useOptionalPlayer(): UnknownStore | undefined;\n/** @label With Selector */\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  return ctx ? value : undefined;\n}\n\n/** Access the media element from within a Player Provider. */\nexport function useMedia(): Media | null {\n  const { media } = usePlayerContext();\n  return media;\n}\n\n/** Access the container element from within a Player Provider. */\nexport function useContainer(): MediaContainer | null {\n  const { container } = usePlayerContext();\n  return container;\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  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  return ctx?.setContainer;\n}\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container(\n  { children, tabIndex = 0, ...props },\n  ref\n) {\n  const setContainer = useContainerAttach();\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 = (event: ReactPointerEvent<HTMLDivElement>) => {\n    props.onPointerUp?.(event);\n    const el = internalRef.current;\n    if (!el) return;\n    // If nothing inside has focus, grab it so keyboard events reach hotkey listeners.\n    if (!el.contains(document.activeElement) || document.activeElement === document.body) {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  return (\n    <div ref={composedRef} tabIndex={tabIndex} {...props} onPointerUp={handlePointerUp}>\n      {children}\n    </div>\n  );\n});\n\nexport namespace Container {\n  export type Props = ContainerProps;\n}\n"],"mappings":";;;;;;AAkBA,MAAM,gBAAgB,cAAyC,KAAK;AACpE,MAAM,0BAA0B;AAChC,MAAM,cAAc;CAClB,OAAO,EAAE;CACT,iBAAiB;CAClB;AAED,SAAgB,sBAAsB,EACpC,OACA,YAIY;AACZ,QAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA;;;AAIlF,SAAgB,mBAAuC;CACrD,MAAM,MAAM,WAAW,cAAc;AACrC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,QAAO;;AAgBT,SAAgB,UAAa,UAAuC;CAClE,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO,SAAS,OAAO,SAAgB;;AAazC,SAAgB,kBAAqB,UAAuC;CAC1E,MAAM,MAAM,WAAW,cAAc;CAErC,MAAM,QAAQ,SADC,KAAK,SAAU,aACC,MAAM,WAAW,KAAA,EAAkB;AAClE,QAAO,MAAM,QAAQ,KAAA;;;AAIvB,SAAgB,WAAyB;CACvC,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO;;;AAIT,SAAgB,eAAsC;CACpD,MAAM,EAAE,cAAc,kBAAkB;AACxC,QAAO;;;AAIT,SAAgB,iBAAqE;AAEnF,QADY,WAAW,cAAc,EACzB;;;AAId,SAAgB,qBAA+E;AAE7F,QADY,WAAW,cAAc,EACzB;;AAOd,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,UAAU,WAAW,GAAG,GAAG,SAC7B,KACA;CACA,MAAM,eAAe,oBAAoB;CACzC,MAAM,cAAc,OAAuB,KAAK;CAChD,MAAM,cAAc,gBAAgB,KAAK,YAAY;AAErD,iBAAgB;AACd,iBAAe,YAAY,QAAQ;AACnC,eAAa,eAAe,KAAK;IAChC,CAAC,aAAa,CAAC;CAElB,MAAM,mBAAmB,UAA6C;AACpE,QAAM,cAAc,MAAM;EAC1B,MAAM,KAAK,YAAY;AACvB,MAAI,CAAC,GAAI;AAET,MAAI,CAAC,GAAG,SAAS,SAAS,cAAc,IAAI,SAAS,kBAAkB,SAAS,KAC9E,IAAG,MAAM,EAAE,eAAe,MAAM,CAAC;;AAIrC,QACE,oBAAC,OAAD;EAAK,KAAK;EAAuB;EAAU,GAAI;EAAO,aAAa;EAChE;EACG,CAAA;EAER"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.tsx"],"sourcesContent":["'use client';\n\nimport type { Media } from '@videojs/core';\nimport type { MediaContainer } from '@videojs/core/dom';\nimport type { UnknownState, UnknownStore } from '@videojs/store';\nimport { useStore } from '@videojs/store/react';\nimport type { Dispatch, HTMLAttributes, ReactNode, PointerEvent as ReactPointerEvent, SetStateAction } from 'react';\nimport { createContext, forwardRef, useContext, useEffect, useRef } from 'react';\n\nimport { useComposedRefs } from '../utils/use-composed-refs';\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 Provider. */\nexport function usePlayerContext(): PlayerContextValue {\n  const ctx = useContext(PlayerContext);\n  if (!ctx) throw new Error('usePlayerContext must be used within a Player Provider');\n  return ctx;\n}\n\n/**\n * Access the player store from within a Player Provider.\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 * @label With Selector\n * @param selector - Derives a value from the player store state.\n */\nexport function usePlayer<R>(selector: (state: UnknownState) => R): R;\nexport function usePlayer<R>(selector?: (state: UnknownState) => R) {\n  const { store } = usePlayerContext();\n  return useStore(store, selector as any);\n}\n\n/**\n * Access player state when available, but return `undefined` outside Provider.\n *\n * This is useful for components that can operate without player context\n * (e.g. they accept fully explicit props as a fallback).\n */\n/** @label Without Selector */\nexport function useOptionalPlayer(): UnknownStore | undefined;\n/** @label With Selector */\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  return ctx ? value : undefined;\n}\n\n/** Access the media element from within a Player Provider. */\nexport function useMedia(): Media | null {\n  const { media } = usePlayerContext();\n  return media;\n}\n\n/** Access the container element from within a Player Provider. */\nexport function useContainer(): MediaContainer | null {\n  const { container } = usePlayerContext();\n  return container;\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  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  return ctx?.setContainer;\n}\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container(\n  { children, tabIndex = 0, ...props },\n  ref\n) {\n  const setContainer = useContainerAttach();\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 = (event: ReactPointerEvent<HTMLDivElement>) => {\n    props.onPointerUp?.(event);\n    const el = internalRef.current;\n    if (!el) return;\n    // If nothing inside has focus, grab it so keyboard events reach hotkey listeners.\n    if (!el.contains(document.activeElement) || document.activeElement === document.body) {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  return (\n    <div ref={composedRef} tabIndex={tabIndex} {...props} onPointerUp={handlePointerUp}>\n      {children}\n    </div>\n  );\n});\n\nexport namespace Container {\n  export type Props = ContainerProps;\n}\n"],"mappings":";;;;;;AAmBA,MAAM,gBAAgB,cAAyC,KAAK;AACpE,MAAM,0BAA0B;AAChC,MAAM,cAAc;CAClB,OAAO,EAAE;CACT,iBAAiB;CAClB;AAED,SAAgB,sBAAsB,EACpC,OACA,YAIY;AACZ,QAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA;;;AAIlF,SAAgB,mBAAuC;CACrD,MAAM,MAAM,WAAW,cAAc;AACrC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,QAAO;;AAgBT,SAAgB,UAAa,UAAuC;CAClE,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO,SAAS,OAAO,SAAgB;;AAazC,SAAgB,kBAAqB,UAAuC;CAC1E,MAAM,MAAM,WAAW,cAAc;CAErC,MAAM,QAAQ,SADC,KAAK,SAAU,aACC,MAAM,WAAW,KAAA,EAAkB;AAClE,QAAO,MAAM,QAAQ,KAAA;;;AAIvB,SAAgB,WAAyB;CACvC,MAAM,EAAE,UAAU,kBAAkB;AACpC,QAAO;;;AAIT,SAAgB,eAAsC;CACpD,MAAM,EAAE,cAAc,kBAAkB;AACxC,QAAO;;;AAIT,SAAgB,iBAAqE;AAEnF,QADY,WAAW,cAAc,EACzB;;;AAId,SAAgB,qBAA+E;AAE7F,QADY,WAAW,cAAc,EACzB;;AAOd,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,UAAU,WAAW,GAAG,GAAG,SAC7B,KACA;CACA,MAAM,eAAe,oBAAoB;CACzC,MAAM,cAAc,OAAuB,KAAK;CAChD,MAAM,cAAc,gBAAgB,KAAK,YAAY;AAErD,iBAAgB;AACd,iBAAe,YAAY,QAAQ;AACnC,eAAa,eAAe,KAAK;IAChC,CAAC,aAAa,CAAC;CAElB,MAAM,mBAAmB,UAA6C;AACpE,QAAM,cAAc,MAAM;EAC1B,MAAM,KAAK,YAAY;AACvB,MAAI,CAAC,GAAI;AAET,MAAI,CAAC,GAAG,SAAS,SAAS,cAAc,IAAI,SAAS,kBAAkB,SAAS,KAC9E,IAAG,MAAM,EAAE,eAAe,MAAM,CAAC;;AAIrC,QACE,oBAAC,OAAD;EAAK,KAAK;EAAuB;EAAU,GAAI;EAAO,aAAa;EAChE;EACG,CAAA;EAER"}

package/dist/dev/ui/alert-dialog/alert-dialog-close.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { AlertDialogCore } from "@videojs/core";
 import * as react from "react";
+import { AlertDialogCore } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-close.d.ts
 interface AlertDialogCloseProps extends UIComponentProps<'button', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-description.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { AlertDialogCore } from "@videojs/core";
 import * as react from "react";
+import { AlertDialogCore } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-description.d.ts
 interface AlertDialogDescriptionProps extends UIComponentProps<'p', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-popup.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { AlertDialogCore } from "@videojs/core";
 import * as react from "react";
+import { AlertDialogCore } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-popup.d.ts
 interface AlertDialogPopupProps extends UIComponentProps<'div', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-root.d.ts

@@ -1,5 +1,5 @@
-import { AlertDialogProps } from "@videojs/core";
 import { ReactNode } from "react";
+import { AlertDialogProps } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-root.d.ts
 interface AlertDialogRootProps extends AlertDialogProps {

package/dist/dev/ui/alert-dialog/alert-dialog-root.js

@@ -3,11 +3,11 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { AlertDialogContextProvider } from "./context.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 import { createAlertDialog, createTransition } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 //#region src/ui/alert-dialog/alert-dialog-root.tsx
 function AlertDialogRoot({ open: controlledOpen, defaultOpen = AlertDialogCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, children }) {
 	const [core] = useState(() => new AlertDialogCore());

package/dist/dev/ui/alert-dialog/alert-dialog-title.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { AlertDialogCore } from "@videojs/core";
 import * as react from "react";
+import { AlertDialogCore } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-title.d.ts
 interface AlertDialogTitleProps extends UIComponentProps<'h2', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/context.d.ts

@@ -1,11 +1,12 @@
-import { AlertDialogCore, StateAttrMap } from "@videojs/core";
 import { AlertDialogApi } from "@videojs/core/dom";
+import { AlertDialogCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
+
 //#region src/ui/alert-dialog/context.d.ts
 interface AlertDialogContextValue {
   core: AlertDialogCore;
   dialog: AlertDialogApi;
   state: AlertDialogCore.State;
-  stateAttrMap: StateAttrMap<AlertDialogCore.State>;
+  stateAttrMap: StateAttrMap$1<AlertDialogCore.State>;
 }
 declare function useAlertDialogContext(): AlertDialogContextValue;
 //#endregion

package/dist/dev/ui/alert-dialog/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"mappings":";;;UAMiB,uBAAA;EACf,IAAA,EAAM,eAAA;EACN,MAAA,EAAQ,cAAA;EACR,KAAA,EAAO,eAAA,CAAgB,KAAA;EACvB,YAAA,EAAc,YAAA,CAAa,eAAA,CAAgB,KAAA;AAAA;AAAA,iBAO7B,qBAAA,CAAA,GAAyB,uBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"mappings":";;;;UAMiB,uBAAA;EACf,IAAA,EAAM,eAAA;EACN,MAAA,EAAQ,cAAA;EACR,KAAA,EAAO,eAAA,CAAgB,KAAA;EACvB,YAAA,EAAc,cAAA,CAAa,eAAA,CAAgB,KAAA;AAAA;AAAA,iBAO7B,qBAAA,CAAA,GAAyB,uBAAA"}

package/dist/dev/ui/buffering-indicator/buffering-indicator.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { BufferingIndicatorCore } from "@videojs/core";
 import * as react from "react";
+import { BufferingIndicatorCore } from "@videojs/core";
 
 //#region src/ui/buffering-indicator/buffering-indicator.d.ts
 interface BufferingIndicatorProps extends UIComponentProps<'div', BufferingIndicatorCore.State>, BufferingIndicatorCore.Props {}

package/dist/dev/ui/buffering-indicator/buffering-indicator.js

@@ -2,9 +2,9 @@
 import { usePlayer } from "../../player/context.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { renderElement } from "../../utils/use-render.js";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 import { logMissingFeature, selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState, useSyncExternalStore } from "react";
+import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 //#region src/ui/buffering-indicator/buffering-indicator.tsx
 /**
 * Displays a buffering indicator when media is waiting for data.

package/dist/dev/ui/captions-button/captions-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { CaptionsButtonCore } from "@videojs/core";
 import * as react from "react";
+import { CaptionsButtonCore } from "@videojs/core";
 
 //#region src/ui/captions-button/captions-button.d.ts
 interface CaptionsButtonProps extends UIComponentProps<'button', CaptionsButtonCore.State>, CaptionsButtonCore.Props {}

package/dist/dev/ui/captions-button/captions-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { createMediaButton } from "../create-media-button.js";
-import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
 import { selectTextTrack } from "@videojs/core/dom";
+import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
 //#region src/ui/captions-button/captions-button.tsx
 /** A button that toggles captions. */
 const CaptionsButton = createMediaButton({

package/dist/dev/ui/controls/controls-group.d.ts

@@ -1,7 +1,7 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { ControlsCore } from "@videojs/core";
 import * as react from "react";
 import { ReactNode } from "react";
+import { ControlsCore } from "@videojs/core";
 
 //#region src/ui/controls/controls-group.d.ts
 interface ControlsGroupProps extends UIComponentProps<'div', ControlsCore.State> {

package/dist/dev/ui/controls/controls-root.d.ts

@@ -1,7 +1,7 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { ControlsCore } from "@videojs/core";
 import * as react from "react";
 import { ReactNode } from "react";
+import { ControlsCore } from "@videojs/core";
 
 //#region src/ui/controls/controls-root.d.ts
 interface ControlsRootProps extends UIComponentProps<'div', ControlsCore.State> {

package/dist/dev/ui/controls/controls-root.js

@@ -2,10 +2,10 @@
 import { usePlayer } from "../../player/context.js";
 import { renderElement } from "../../utils/use-render.js";
 import { ControlsContextProvider } from "./context.js";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 import { logMissingFeature, selectControls } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 //#region src/ui/controls/controls-root.tsx
 /** Root container for player controls state and rendered control content. */
 const ControlsRoot = forwardRef(function ControlsRoot(componentProps, forwardedRef) {

package/dist/dev/ui/error-dialog/context.d.ts

@@ -1,4 +1,5 @@
 import { MediaError } from "@videojs/core";
+
 //#region src/ui/error-dialog/context.d.ts
 interface ErrorDialogContextValue {
   lastError: MediaError | null;

package/dist/dev/ui/error-dialog/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/error-dialog/context.tsx"],"mappings":";;UAKiB,uBAAA;EACf,SAAA,EAAW,UAAA;AAAA;AAAA,iBAOG,qBAAA,CAAA,GAAyB,uBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/error-dialog/context.tsx"],"mappings":";;;UAKiB,uBAAA;EACf,SAAA,EAAW,UAAA;AAAA;AAAA,iBAOG,qBAAA,CAAA,GAAyB,uBAAA"}

package/dist/dev/ui/error-dialog/error-dialog-description.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { AlertDialogCore } from "@videojs/core";
 import * as react from "react";
+import { AlertDialogCore } from "@videojs/core";
 
 //#region src/ui/error-dialog/error-dialog-description.d.ts
 interface ErrorDialogDescriptionProps extends UIComponentProps<'p', AlertDialogCore.State> {}

package/dist/dev/ui/error-dialog/error-dialog-root.js

@@ -5,11 +5,11 @@ import { useDestroy } from "../../utils/use-destroy.js";
 import { AlertDialogContextProvider } from "../alert-dialog/context.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
 import { ErrorDialogContextProvider } from "./context.js";
-import { AlertDialogDataAttrs, ErrorDialogCore } from "@videojs/core";
 import { createAlertDialog, createTransition, selectError } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { AlertDialogDataAttrs, ErrorDialogCore } from "@videojs/core";
 //#region src/ui/error-dialog/error-dialog-root.tsx
 function ErrorDialogRoot({ children }) {
 	const [core] = useState(() => new ErrorDialogCore());

package/dist/dev/ui/fullscreen-button/fullscreen-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { FullscreenButtonCore } from "@videojs/core";
 import * as react from "react";
+import { FullscreenButtonCore } from "@videojs/core";
 
 //#region src/ui/fullscreen-button/fullscreen-button.d.ts
 interface FullscreenButtonProps extends UIComponentProps<'button', FullscreenButtonCore.State>, FullscreenButtonCore.Props {}

package/dist/dev/ui/fullscreen-button/fullscreen-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { createMediaButton } from "../create-media-button.js";
-import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
 import { selectFullscreen } from "@videojs/core/dom";
+import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
 //#region src/ui/fullscreen-button/fullscreen-button.tsx
 /** A button that toggles fullscreen. */
 const FullscreenButton = createMediaButton({

package/dist/dev/ui/hooks/use-slider.d.ts

@@ -1,5 +1,5 @@
-import { SliderInput, SliderState } from "@videojs/core";
 import { SliderOptions, SliderRootProps, SliderRootStyle, SliderThumbProps } from "@videojs/core/dom";
+import { SliderInput, SliderState } from "@videojs/core";
 
 //#region src/ui/hooks/use-slider.d.ts
 interface UseSliderOptions<State extends SliderState = SliderState> extends Pick<SliderOptions, 'getPercent' | 'getStepPercent' | 'getLargeStepPercent' | 'changeThrottle' | 'onValueChange' | 'onValueCommit' | 'onDragStart' | 'onDragEnd'> {

package/dist/dev/ui/mute-button/mute-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { MuteButtonCore } from "@videojs/core";
 import * as react from "react";
+import { MuteButtonCore } from "@videojs/core";
 
 //#region src/ui/mute-button/mute-button.d.ts
 interface MuteButtonProps extends UIComponentProps<'button', MuteButtonCore.State>, MuteButtonCore.Props {}

package/dist/dev/ui/mute-button/mute-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { createMediaButton } from "../create-media-button.js";
-import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
 import { selectVolume } from "@videojs/core/dom";
+import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
 //#region src/ui/mute-button/mute-button.tsx
 /** A button that toggles mute state. */
 const MuteButton = createMediaButton({

package/dist/dev/ui/pip-button/pip-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { PiPButtonCore } from "@videojs/core";
 import * as react from "react";
+import { PiPButtonCore } from "@videojs/core";
 
 //#region src/ui/pip-button/pip-button.d.ts
 interface PiPButtonProps extends UIComponentProps<'button', PiPButtonCore.State>, PiPButtonCore.Props {}

package/dist/dev/ui/pip-button/pip-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { createMediaButton } from "../create-media-button.js";
-import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
 import { selectPiP } from "@videojs/core/dom";
+import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
 //#region src/ui/pip-button/pip-button.tsx
 /** A button that toggles picture-in-picture. */
 const PiPButton = createMediaButton({

package/dist/dev/ui/play-button/play-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import { PlayButtonCore } from "@videojs/core";
 import * as react from "react";
+import { PlayButtonCore } from "@videojs/core";
 
 //#region src/ui/play-button/play-button.d.ts
 interface PlayButtonProps extends UIComponentProps<'button', PlayButtonCore.State>, PlayButtonCore.Props {}