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

package/dist/dev/media/dash-video/adapter.js

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { DashAdapter } from "@videojs/dash-video";
 //#region src/media/dash-video/adapter.tsx
-const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
+const DashVideo = forwardRef(function DashVideo(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(DashAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, DashAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("video", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("video", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { DashVideo };

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

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/dash-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { DashAdapter, type DashAdapterProps } from '@videojs/dash-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashAdapterProps>, Partial<DashAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, DashAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,WAAW;CAC1C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,YAAY,YAAY;CAErE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...props }","<video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>"],"sources":["../../../../src/media/dash-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { DashAdapter, type DashAdapterProps } from '@videojs/dash-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashAdapterProps>, Partial<DashAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, DashAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,YAAY,WAA6C,SAAS,UAAA,IAAkC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACvF,MAAM,QAAQ,iBAAiB,WAAW;CAC1C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,YAAY,YAAY;CAGnEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

package/dist/dev/media/hls-audio/adapter.js

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { HlsAudioAdapter } from "@videojs/spf/hls-audio";
 //#region src/media/hls-audio/adapter.tsx
-const HlsAudio = forwardRef(function HlsAudio({ children, ...props }, ref) {
+const HlsAudio = forwardRef(function HlsAudio(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(HlsAudioAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, HlsAudioAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("audio", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { HlsAudio };

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

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-audio/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsAudioAdapter, type HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps>, Partial<HlsAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsAudio = forwardRef<HTMLAudioElement, HlsAudioProps>(function HlsAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace HlsAudio {\n  export type Props = HlsAudioProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...props }","<audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>"],"sources":["../../../../src/media/hls-audio/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsAudioAdapter, type HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps>, Partial<HlsAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsAudio = forwardRef<HTMLAudioElement, HlsAudioProps>(function HlsAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace HlsAudio {\n  export type Props = HlsAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAA,IAAiC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACpF,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAGvEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

package/dist/dev/media/hls-background-video/adapter.js

@@ -3,6 +3,7 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { HlsBackgroundVideoAdapter } from "@videojs/spf/hls-background-video";
@@ -26,28 +27,60 @@ import { HlsBackgroundVideoAdapter } from "@videojs/spf/hls-background-video";
 *
 * `MuxBackgroundVideo` is this same component under the name the package it replaces used — an alias, not a variant.
 */
-const HlsBackgroundVideo = forwardRef(function HlsBackgroundVideo({ children, ...props }, ref) {
+const HlsBackgroundVideo = forwardRef(function HlsBackgroundVideo(t0, ref) {
+	const $ = c(10);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(HlsBackgroundVideoAdapter);
 	const videoRef = useRef(null);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, videoRef, ref);
 	const htmlProps = useSyncProps(media, props, HlsBackgroundVideoAdapter.defaultProps);
-	useEffect(() => {
-		const forward = () => videoRef.current?.dispatchEvent(new Event("error"));
-		media.addEventListener("error", forward);
-		return () => media.removeEventListener("error", forward);
-	}, [media]);
-	return /* @__PURE__ */ jsx("video", {
-		...htmlProps,
-		ref: composedRef,
-		muted: true,
-		autoPlay: true,
-		loop: true,
-		playsInline: true,
-		disableRemotePlayback: true,
-		disablePictureInPicture: true,
-		children
-	});
+	let t1;
+	let t2;
+	if ($[3] !== media) {
+		t1 = () => {
+			const forward = () => videoRef.current?.dispatchEvent(new Event("error"));
+			media.addEventListener("error", forward);
+			return () => media.removeEventListener("error", forward);
+		};
+		t2 = [media];
+		$[3] = media;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[6] !== children || $[7] !== composedRef || $[8] !== htmlProps) {
+		t3 = /* @__PURE__ */ jsx("video", {
+			...htmlProps,
+			ref: composedRef,
+			muted: true,
+			autoPlay: true,
+			loop: true,
+			playsInline: true,
+			disableRemotePlayback: true,
+			disablePictureInPicture: true,
+			children
+		});
+		$[6] = children;
+		$[7] = composedRef;
+		$[8] = htmlProps;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 });
 //#endregion
 export { HlsBackgroundVideo };

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

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

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

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { HlsVideoAdapter } from "@videojs/spf/hls-video";
 //#region src/media/hls-video/adapter.tsx
-const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
+const HlsVideo = forwardRef(function HlsVideo(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(HlsVideoAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, HlsVideoAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("video", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("video", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { HlsVideo };

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

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsVideoAdapter, type HlsVideoAdapterProps } from '@videojs/spf/hls-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps>, Partial<HlsVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsVideoAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...props }","<video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>"],"sources":["../../../../src/media/hls-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsVideoAdapter, type HlsVideoAdapterProps } from '@videojs/spf/hls-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps>, Partial<HlsVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsVideoAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,WAAW,WAA4C,SAAS,SAAA,IAAiC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACpF,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAGvEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

package/dist/dev/media/hlsjs-video/adapter.js

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { HlsJsAdapter } from "@videojs/hlsjs-video";
 //#region src/media/hlsjs-video/adapter.tsx
-const HlsJsVideo = forwardRef(function HlsJsVideo({ children, ...props }, ref) {
+const HlsJsVideo = forwardRef(function HlsJsVideo(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(HlsJsAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, HlsJsAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("video", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("video", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { HlsJsVideo };

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

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hlsjs-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsJsAdapter, type HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsJsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsJsAdapterProps>, Partial<HlsJsAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsJsVideo = forwardRef<HTMLVideoElement, HlsJsVideoProps>(function HlsJsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsJsAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsJsAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsJsVideo {\n  export type Props = HlsJsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,aAAa,YAAY;CAEtE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...props }","<video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>"],"sources":["../../../../src/media/hlsjs-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { HlsJsAdapter, type HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsJsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsJsAdapterProps>, Partial<HlsJsAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const HlsJsVideo = forwardRef<HTMLVideoElement, HlsJsVideoProps>(function HlsJsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsJsAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, HlsJsAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsJsVideo {\n  export type Props = HlsJsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,aAAa,WAA8C,SAAS,WAAA,IAE/E,KACA;;CAFE,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CAGA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,aAAa,YAAY;CAGpEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

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

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MuxAudioAdapter } from "@videojs/mux-audio";
 //#region src/media/mux-audio/hls-js.tsx
-const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+const MuxAudio = forwardRef(function MuxAudio(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(MuxAudioAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("audio", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { MuxAudio };

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

@@ -1 +1 @@
-{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxAudioAdapter, type MuxAudioAdapterProps } from '@videojs/mux-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `source` comes from `MuxAudioAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsJsAdapterProps | keyof MuxAudioAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;AAqBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"hls-js.js","names":["{ children, ...props }","<audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>"],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxAudioAdapter, type MuxAudioAdapterProps } from '@videojs/mux-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `source` comes from `MuxAudioAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsJsAdapterProps | keyof MuxAudioAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxAudioAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,WAAW,WAA4C,SAAS,SAAA,IAAiC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACpF,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAGvEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

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

@@ -2,7 +2,7 @@ import { AudioHTMLAttributes, ReactNode } from "react";
 import { HlsAudioAdapterProps } from "@videojs/spf/hls-audio";
 import { MuxAdapterProps } from "@videojs/mux-audio/spf";
 //#region src/media/mux-audio/spf.d.ts
-interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps | keyof MuxAdapterProps>, Partial<Omit<HlsAudioAdapterProps, 'src'>>, Partial<MuxAdapterProps> {
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps | keyof MuxAdapterProps>, Partial<Omit<HlsAudioAdapterProps, 'src' | 'source'>>, Partial<MuxAdapterProps> {
   children?: ReactNode;
 }
 declare const MuxAudio: import("react").ForwardRefExoticComponent<MuxAudioProps & import("react").RefAttributes<HTMLAudioElement>>;

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

@@ -3,20 +3,41 @@ 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 { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MuxAudioAdapter } from "@videojs/mux-audio/spf";
 //#region src/media/mux-audio/spf.tsx
-const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+const MuxAudio = forwardRef(function MuxAudio(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(MuxAudioAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: composedRef,
-		...htmlProps,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== htmlProps) {
+		t1 = /* @__PURE__ */ jsx("audio", {
+			ref: composedRef,
+			...htmlProps,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = htmlProps;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { MuxAudio };

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

@@ -1 +1 @@
-{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"sourcesContent":["'use client';\n\nimport { type MuxAdapterProps, MuxAudioAdapter } from '@videojs/mux-audio/spf';\nimport type { HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` and `source` come from `MuxAdapterProps`: the Mux Media owns both, and its\n// `source` is the structured Mux one rather than the generic engine's.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps | keyof MuxAdapterProps>,\n    Partial<Omit<HlsAudioAdapterProps, 'src'>>,\n    Partial<MuxAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;AAqBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"spf.js","names":["{ children, ...props }","<audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>"],"sources":["../../../../src/media/mux-audio/spf.tsx"],"sourcesContent":["'use client';\n\nimport { type MuxAdapterProps, MuxAudioAdapter } from '@videojs/mux-audio/spf';\nimport type { HlsAudioAdapterProps } from '@videojs/spf/hls-audio';\nimport { type AudioHTMLAttributes, forwardRef, type ReactNode } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` and `source` come from `MuxAdapterProps`: the Mux Adapter owns both, and its\n// `source` is the structured Mux one rather than the generic engine's. Both are\n// omitted from the base rather than intersected with it — the two `source` types\n// describe different things, and an intersection satisfies neither.\nexport interface MuxAudioProps\n  extends\n    Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioAdapterProps | keyof MuxAdapterProps>,\n    Partial<Omit<HlsAudioAdapterProps, 'src' | 'source'>>,\n    Partial<MuxAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxAudioAdapter.defaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAuBA,MAAa,WAAW,WAA4C,SAAS,SAAA,IAAiC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACpF,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAGvEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,WAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

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

@@ -4,20 +4,48 @@ 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 { MuxStoryboard } from "./storyboard.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MuxVideoAdapter } from "@videojs/mux-video";
 //#region src/media/mux-video/hls-js.tsx
-const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
+const MuxVideo = forwardRef(function MuxVideo(t0, ref) {
+	const $ = c(10);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(MuxVideoAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);
-	return /* @__PURE__ */ jsxs("video", {
-		ref: composedRef,
-		...htmlProps,
-		children: [/* @__PURE__ */ jsx(MuxStoryboard, { media }), children]
-	});
+	let t1;
+	if ($[3] !== media) {
+		t1 = /* @__PURE__ */ jsx(MuxStoryboard, { media });
+		$[3] = media;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== children || $[6] !== composedRef || $[7] !== htmlProps || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("video", {
+			ref: composedRef,
+			...htmlProps,
+			children: [t1, children]
+		});
+		$[5] = children;
+		$[6] = composedRef;
+		$[7] = htmlProps;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 });
 //#endregion
 export { MuxVideo };

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

@@ -1 +1 @@
-{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-video/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxVideoAdapter, type MuxVideoAdapterProps } from '@videojs/mux-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\nimport { MuxStoryboard } from './storyboard';\n\n// `source` comes from `MuxVideoAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxVideoProps\n  extends\n    Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsJsAdapterProps | keyof MuxVideoAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      <MuxStoryboard media={media} />\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAEzE,OACE,qBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAA7B,UAAA,CACE,oBAAC,eAAD,EAAsB,MAAQ,CAAA,GAC7B,QACI;;AAEX,CAAC"}
+{"version":3,"file":"hls-js.js","names":["{ children, ...props }","<MuxStoryboard media={media} />","<video ref={composedRef} {...htmlProps}>\n      <MuxStoryboard media={media} />\n      {children}\n    </video>"],"sources":["../../../../src/media/mux-video/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsJsAdapterProps } from '@videojs/hlsjs-video';\nimport { MuxVideoAdapter, type MuxVideoAdapterProps } from '@videojs/mux-video';\nimport { forwardRef, type ReactNode, type VideoHTMLAttributes } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\nimport { MuxStoryboard } from './storyboard';\n\n// `source` comes from `MuxVideoAdapterProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxVideoProps\n  extends\n    Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsJsAdapterProps | keyof MuxVideoAdapterProps>,\n    Partial<Omit<HlsJsAdapterProps, 'source'>>,\n    Partial<MuxVideoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxVideoAdapter);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      <MuxStoryboard media={media} />\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,WAAW,WAA4C,SAAS,SAAA,IAAiC,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CACpF,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,YAAY,eAAe,KAAK;CACtC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,YAAY,aAAa,OAAO,OAAO,gBAAgB,YAAY;CAIrEC,IAAAA;CAAsB,IAAA,EAAA,OAAA,OAAA;EAAtB,KAAA,oBAAC,eAAD,EAAsB,MAAQ,CAAA;EAAR,EAAA,KAAA;;;CADxBC,IAAAA;CAEG,IAAA,EAAA,OAAA,YAAA,EAAA,OAFS,eAAA,EAAA,OAAiB,aAAA,EAAA,OAC3BD,IAAAA;EADF,KAAA,qBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAA7B,UAAA,CACEA,IACC,QACI;;EADJ,EAAA,KAAA;EAFS,EAAA,KAAA;EAAiB,EAAA,KAAA;EAC3BA,EAAAA,KAAAA;;;CAFJ,OACEC;AAKJ,CAAC"}

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

@@ -2,7 +2,7 @@ import { ReactNode, VideoHTMLAttributes } from "react";
 import { HlsVideoAdapterProps } from "@videojs/spf/hls-video";
 import { MuxAdapterProps } from "@videojs/mux-video/spf";
 //#region src/media/mux-video/spf.d.ts
-interface MuxVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps | keyof MuxAdapterProps>, Partial<Omit<HlsVideoAdapterProps, 'src'>>, Partial<MuxAdapterProps> {
+interface MuxVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoAdapterProps | keyof MuxAdapterProps>, Partial<Omit<HlsVideoAdapterProps, 'src' | 'source'>>, Partial<MuxAdapterProps> {
   children?: ReactNode;
 }
 declare const MuxVideo: import("react").ForwardRefExoticComponent<MuxVideoProps & import("react").RefAttributes<HTMLVideoElement>>;

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

@@ -4,20 +4,48 @@ 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 { MuxStoryboard } from "./storyboard.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MuxVideoAdapter } from "@videojs/mux-video/spf";
 //#region src/media/mux-video/spf.tsx
-const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
+const MuxVideo = forwardRef(function MuxVideo(t0, ref) {
+	const $ = c(10);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const media = useMediaInstance(MuxVideoAdapter);
 	const attachRef = useAttachMedia(media);
 	const composedRef = useComposedRefs(attachRef, ref);
 	const htmlProps = useSyncProps(media, props, MuxVideoAdapter.defaultProps);
-	return /* @__PURE__ */ jsxs("video", {
-		ref: composedRef,
-		...htmlProps,
-		children: [/* @__PURE__ */ jsx(MuxStoryboard, { media }), children]
-	});
+	let t1;
+	if ($[3] !== media) {
+		t1 = /* @__PURE__ */ jsx(MuxStoryboard, { media });
+		$[3] = media;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== children || $[6] !== composedRef || $[7] !== htmlProps || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("video", {
+			ref: composedRef,
+			...htmlProps,
+			children: [t1, children]
+		});
+		$[5] = children;
+		$[6] = composedRef;
+		$[7] = htmlProps;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 });
 //#endregion
 export { MuxVideo };