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

package/dist/dev/internal/skins/default-live-video/layout/controls.js

@@ -0,0 +1,119 @@
+import { ControlsBackdrop } from "../../../../ui/controls/backdrop.js";
+import { ControlsContent } from "../../../../ui/controls/content.js";
+import { ControlsGroup } from "../../../../ui/controls/group.js";
+import { ControlsRoot } from "../../../../ui/controls/root.js";
+import { TooltipProvider } from "../../../../ui/tooltip/provider.js";
+import { ButtonTooltip } from "../../shared/components/buttons/button-tooltip.js";
+import { LiveButton } from "../../shared/components/buttons/live-button.js";
+import { AirPlayButton } from "../components/buttons/airplay-button.js";
+import { CastButton } from "../components/buttons/cast-button.js";
+import { FullscreenButton } from "../components/buttons/fullscreen-button.js";
+import { PiPButton } from "../components/buttons/pip-button.js";
+import { PlayButton } from "../components/buttons/play-button.js";
+import { CaptionsMenu } from "../components/menus/captions-menu.js";
+import { VolumePopover } from "../components/menus/volume-popover.js";
+import { c } from "react-compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@videojs/utils/style";
+//#region src/internal/skins/default-live-video/layout/controls.tsx
+/** @jsxImportSource react */
+function DefaultLiveVideoControls() {
+	const $ = c(12);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ControlsBackdrop, { className: "video-controls-backdrop" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = cn("video-controls", "video-controls-content", "video-controls-spaced");
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = cn("video-controls-primary", "video-controls-spaced");
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(ButtonTooltip, {
+			side: "top",
+			children: /* @__PURE__ */ jsx(PlayButton, {})
+		});
+		t4 = /* @__PURE__ */ jsx(LiveButton, {});
+		t5 = /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "video-controls-spacer"
+		});
+		t6 = /* @__PURE__ */ jsx(VolumePopover, {});
+		t7 = /* @__PURE__ */ jsx(CaptionsMenu, { className: "video-controls-captions-menu" });
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+		t7 = $[7];
+	}
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(ButtonTooltip, {
+			side: "top",
+			children: /* @__PURE__ */ jsx(CastButton, {})
+		});
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ButtonTooltip, {
+			side: "top",
+			children: /* @__PURE__ */ jsx(AirPlayButton, {})
+		});
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(ButtonTooltip, {
+			side: "top",
+			children: /* @__PURE__ */ jsx(PiPButton, {})
+		});
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsxs(ControlsRoot, { children: [t0, /* @__PURE__ */ jsx(ControlsContent, {
+			className: t1,
+			children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(ControlsGroup, {
+				className: t2,
+				children: [
+					t3,
+					t4,
+					t5,
+					t6,
+					t7,
+					t8,
+					t9,
+					t10,
+					/* @__PURE__ */ jsx(ButtonTooltip, {
+						side: "top",
+						children: /* @__PURE__ */ jsx(FullscreenButton, {})
+					})
+				]
+			}) })
+		})] });
+		$[11] = t11;
+	} else t11 = $[11];
+	return t11;
+}
+//#endregion
+export { DefaultLiveVideoControls };
+
+//# sourceMappingURL=controls.js.map

package/dist/dev/internal/skins/default-live-video/layout/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","names":["<Controls.Backdrop className={'video-controls-backdrop'} />","Controls.Backdrop","cn('video-controls', 'video-controls-content', 'video-controls-spaced')","cn('video-controls-primary', 'video-controls-spaced')","<ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>","<LiveButton />","<div aria-hidden=\"true\" className={'video-controls-spacer'} />","<VolumePopover />","<CaptionsMenu className={'video-controls-captions-menu'} />","<ButtonTooltip side=\"top\">\n              <CastButton />\n            </ButtonTooltip>","<ButtonTooltip side=\"top\">\n              <AirPlayButton />\n            </ButtonTooltip>","<ButtonTooltip side=\"top\">\n              <PiPButton />\n            </ButtonTooltip>","<Controls.Root>\n      <Controls.Backdrop className={'video-controls-backdrop'} />\n      <Controls.Content className={cn('video-controls', 'video-controls-content', 'video-controls-spaced')}>\n        <Tooltip.Provider>\n          <Controls.Group className={cn('video-controls-primary', 'video-controls-spaced')}>\n            <ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>\n            <LiveButton />\n            <div aria-hidden=\"true\" className={'video-controls-spacer'} />\n            <VolumePopover />\n            <CaptionsMenu className={'video-controls-captions-menu'} />\n            <ButtonTooltip side=\"top\">\n              <CastButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <AirPlayButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <PiPButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <FullscreenButton />\n            </ButtonTooltip>\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>","Controls.Root","Controls.Content","Tooltip.Provider","Controls.Group"],"sources":["../../../../../../src/internal/skins/default-live-video/layout/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Tooltip } from '../../../skin-primitives';\nimport { ButtonTooltip } from '../../shared/components/buttons/button-tooltip';\nimport { LiveButton } from '../../shared/components/buttons/live-button';\nimport { AirPlayButton } from '../components/buttons/airplay-button';\nimport { CastButton } from '../components/buttons/cast-button';\nimport { FullscreenButton } from '../components/buttons/fullscreen-button';\nimport { PiPButton } from '../components/buttons/pip-button';\nimport { PlayButton } from '../components/buttons/play-button';\nimport { CaptionsMenu } from '../components/menus/captions-menu';\nimport { VolumePopover } from '../components/menus/volume-popover';\n\nexport function DefaultLiveVideoControls() {\n  return (\n    <Controls.Root>\n      <Controls.Backdrop className={'video-controls-backdrop'} />\n      <Controls.Content className={cn('video-controls', 'video-controls-content', 'video-controls-spaced')}>\n        <Tooltip.Provider>\n          <Controls.Group className={cn('video-controls-primary', 'video-controls-spaced')}>\n            <ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>\n            <LiveButton />\n            <div aria-hidden=\"true\" className={'video-controls-spacer'} />\n            <VolumePopover />\n            <CaptionsMenu className={'video-controls-captions-menu'} />\n            <ButtonTooltip side=\"top\">\n              <CastButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <AirPlayButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <PiPButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <FullscreenButton />\n            </ButtonTooltip>\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,SAAgB,2BAA2B;;CAGrCA,IAAAA;;EAACC,KAAAA,oBAAAA,kBAAD,EAAmB,WAAW,0BAA4B,CAAA;;;CAC7BC,IAAAA;;EAAG,KAAA,GAAA,kBAAkB,0BAA0B,uBAAuB;;;CAEpEC,IAAAA;;EAAG,KAAA,GAAA,0BAA0B,uBAAuB;;;CAC7EC,IAAAA;CAGAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;;EANA,KAAA,oBAAC,eAAD;GAAe,MAAK;GAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;EACA,CAAA;EACf,KAAA,oBAAC,YAAD,CAAa,CAAA;EACb,KAAA,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAW;EAA0B,CAAA;EAC7D,KAAA,oBAAC,eAAD,CAAgB,CAAA;EAChB,KAAA,oBAAC,cAAD,EAAc,WAAW,+BAAiC,CAAA;;;;;;;;;;;;;CAC1DC,IAAAA;;EAAC,KAAA,oBAAA,eAAD;GAAe,MAAK;GAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;EACA,CAAA;;;CACfC,IAAAA;;EAAC,KAAA,oBAAA,eAAD;GAAe,MAAK;GAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;EACH,CAAA;;;CACfC,IAAAA;;EAAC,MAAA,oBAAA,eAAD;GAAe,MAAK;GAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;EACC,CAAA;;;CApBvBC,IAAAA;;EAACC,MAAAA,qBAAAA,cAAD,EAAA,UAAA,CACEb,IACA,oBAACc,iBAAD;GAAkB,WAAWZ;GAC3B,UAAA,oBAACa,iBAAD,EAAA,UACE,qBAACC,eAAD;IAAgB,WAAWb;IAA3B,UAAA;KACEC;KAGAC;KACAC;KACAC;KACAC;KACAC;KAGAC;KAGAC;KAGA,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;KACN,CAAA;IACD;GACA,CAAA,EAAA,CAAA;EACF,CAAA,CACL,EAAA,CAAA;;;CA5BjB,OACEC;AA6BJ"}

package/dist/dev/internal/skins/default-live-video/skin.js

@@ -1,34 +1,113 @@
 import { Container } from "../shared/components/layout/container.js";
-import { ErrorDialog } from "../shared/components/feedback/error-dialog.js";
-import { Poster } from "../shared/components/layout/poster.js";
-import { LiveVideoGestures } from "../shared/skins/shared/live-video/gestures.js";
-import { LiveVideoHotkeys } from "../shared/skins/shared/live-video/hotkeys.js";
-import { BufferingIndicator } from "./components/feedback/buffering-indicator.js";
-import { DefaultLiveVideoControls } from "./controls.js";
-import { LiveVideoStatusIndicators } from "./skins/shared/live-video/status-indicators.js";
+import { ErrorDialog } from "../shared/components/dialogs/error-dialog.js";
+import { Poster } from "../shared/components/display/poster.js";
+import { Title } from "../shared/components/display/title.js";
+import { LiveVideoGestures } from "../shared/skins/shared/live-video/behaviors/gestures.js";
+import { LiveVideoHotkeys } from "../shared/skins/shared/live-video/behaviors/hotkeys.js";
+import { BufferingIndicator } from "./components/display/buffering-indicator.js";
+import { DefaultLiveVideoControls } from "./layout/controls.js";
+import { LiveVideoStatusIndicators } from "./skins/shared/live-video/display/status-indicators.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
 //#region src/internal/skins/default-live-video/skin.tsx
 /** @jsxImportSource react */
-function DefaultLiveVideoSkin({ children, className, renderPoster, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(Container, {
-		className: cn("video-skin", className),
-		"data-theme": "default",
-		"data-preset": "live-video",
-		...props,
-		children: [
-			children,
-			/* @__PURE__ */ jsx(Poster, { renderImage: renderPoster }),
-			/* @__PURE__ */ jsx(BufferingIndicator, {}),
-			/* @__PURE__ */ jsx(ErrorDialog, {}),
-			/* @__PURE__ */ jsx(DefaultLiveVideoControls, {}),
-			/* @__PURE__ */ jsx(LiveVideoHotkeys, {}),
-			/* @__PURE__ */ jsx(LiveVideoGestures, {}),
-			/* @__PURE__ */ jsx(LiveVideoStatusIndicators, {})
-		]
-	});
+function LiveVideoSkin(t0) {
+	const $ = c(23);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let children;
+	let className;
+	let props;
+	let renderPoster;
+	if ($[2] !== t1) {
+		({children, className, renderPoster, ...props} = t1);
+		$[2] = t1;
+		$[3] = children;
+		$[4] = className;
+		$[5] = props;
+		$[6] = renderPoster;
+	} else {
+		children = $[3];
+		className = $[4];
+		props = $[5];
+		renderPoster = $[6];
+	}
+	let t2;
+	if ($[7] !== className) {
+		t2 = cn("video-skin", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== renderPoster) {
+		t3 = /* @__PURE__ */ jsx(Poster, { renderImage: renderPoster });
+		$[9] = renderPoster;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t10;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(BufferingIndicator, {});
+		t5 = /* @__PURE__ */ jsx(ErrorDialog, {});
+		t6 = /* @__PURE__ */ jsx(Title, {});
+		t7 = /* @__PURE__ */ jsx(DefaultLiveVideoControls, {});
+		t8 = /* @__PURE__ */ jsx(LiveVideoHotkeys, {});
+		t9 = /* @__PURE__ */ jsx(LiveVideoGestures, {});
+		t10 = /* @__PURE__ */ jsx(LiveVideoStatusIndicators, {});
+		$[11] = t10;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+		$[17] = t9;
+	} else {
+		t10 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		t6 = $[14];
+		t7 = $[15];
+		t8 = $[16];
+		t9 = $[17];
+	}
+	let t11;
+	if ($[18] !== children || $[19] !== props || $[20] !== t2 || $[21] !== t3) {
+		t11 = /* @__PURE__ */ jsxs(Container, {
+			className: t2,
+			"data-theme": "default",
+			"data-preset": "live-video",
+			...props,
+			children: [
+				children,
+				t3,
+				t4,
+				t5,
+				t6,
+				t7,
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[18] = children;
+		$[19] = props;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t11;
+	} else t11 = $[22];
+	return t11;
 }
 //#endregion
-export { DefaultLiveVideoSkin };
+export { LiveVideoSkin };
 
 //# sourceMappingURL=skin.js.map

package/dist/dev/internal/skins/default-live-video/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/default-live-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { LiveVideoGestures } from '../shared/skins/shared/live-video/gestures';\nimport { LiveVideoHotkeys } from '../shared/skins/shared/live-video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { DefaultLiveVideoControls } from './controls';\nimport { LiveVideoStatusIndicators } from './skins/shared/live-video/status-indicators';\n\nexport interface DefaultLiveVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n  renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function DefaultLiveVideoSkin({ children, className, renderPoster, ...props }: DefaultLiveVideoSkinProps = {}) {\n  return (\n    <Container className={cn('video-skin', className)} data-theme=\"default\" data-preset=\"live-video\" {...props}>\n      {children}\n      <Poster renderImage={renderPoster} />\n      <BufferingIndicator />\n      <ErrorDialog />\n      <DefaultLiveVideoControls />\n      <LiveVideoHotkeys />\n      <LiveVideoGestures />\n      <LiveVideoStatusIndicators />\n    </Container>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAqC,CAAC,GAAG;CACpH,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAa,GAAI;EAArG,UAAA;GACG;GACD,oBAAC,QAAD,EAAQ,aAAa,aAAe,CAAA;GACpC,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GACd,oBAAC,0BAAD,CAA2B,CAAA;GAC3B,oBAAC,kBAAD,CAAmB,CAAA;GACnB,oBAAC,mBAAD,CAAoB,CAAA;GACpB,oBAAC,2BAAD,CAA4B,CAAA;EACnB;;AAEf"}
+{"version":3,"file":"skin.js","names":["{ children, className, renderPoster, ...props }: LiveVideoSkinProps = {}","cn('video-skin', className)","<Poster renderImage={renderPoster} />","<LiveVideoStatusIndicators />","<BufferingIndicator />","<ErrorDialog />","<Title />","<DefaultLiveVideoControls />","<LiveVideoHotkeys />","<LiveVideoGestures />","<Container className={cn('video-skin', className)} data-theme=\"default\" data-preset=\"live-video\" {...props}>\n      {children}\n      <Poster renderImage={renderPoster} />\n      <BufferingIndicator />\n      <ErrorDialog />\n      <Title />\n      <DefaultLiveVideoControls />\n      <LiveVideoHotkeys />\n      <LiveVideoGestures />\n      <LiveVideoStatusIndicators />\n    </Container>"],"sources":["../../../../../src/internal/skins/default-live-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/dialogs/error-dialog';\nimport { Poster } from '../shared/components/display/poster';\nimport { Title } from '../shared/components/display/title';\nimport { Container } from '../shared/components/layout/container';\nimport { LiveVideoGestures } from '../shared/skins/shared/live-video/behaviors/gestures';\nimport { LiveVideoHotkeys } from '../shared/skins/shared/live-video/behaviors/hotkeys';\nimport { BufferingIndicator } from './components/display/buffering-indicator';\nimport { DefaultLiveVideoControls } from './layout/controls';\nimport { LiveVideoStatusIndicators } from './skins/shared/live-video/display/status-indicators';\n\nexport interface LiveVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n  renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function LiveVideoSkin({ children, className, renderPoster, ...props }: LiveVideoSkinProps = {}) {\n  return (\n    <Container className={cn('video-skin', className)} data-theme=\"default\" data-preset=\"live-video\" {...props}>\n      {children}\n      <Poster renderImage={renderPoster} />\n      <BufferingIndicator />\n      <ErrorDialog />\n      <Title />\n      <DefaultLiveVideoControls />\n      <LiveVideoHotkeys />\n      <LiveVideoGestures />\n      <LiveVideoStatusIndicators />\n    </Container>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAgB,cAAA,IAAwF;;CAA1EA,IAAAA;;EAAsE,KAAA,OAAA,KAAA,IAAA,CAAC,IAAvEA;;;;CAAE,IAAA;CAAU,IAAA;CAA4B,IAAA;CAAjB,IAAA;CAAvBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,UAAU,WAAW,iBAAc,SAArCA;;;;;;;;;;;;CAEJC,IAAAA;CAAiB,IAAA,EAAA,OAAA,WAAA;EAAjB,KAAA,GAAG,cAAc,SAAS;EAAT,EAAA,KAAA;;;CAErCC,IAAAA;CAAqB,IAAA,EAAA,OAAA,cAAA;EAArB,KAAA,oBAAC,QAAD,EAAQ,aAAa,aAAe,CAAA;EAAf,EAAA,KAAA;;;CAOrBC,IAAAA;CANAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;;EALA,KAAA,oBAAC,oBAAD,CAAqB,CAAA;EACrB,KAAA,oBAAC,aAAD,CAAc,CAAA;EACd,KAAA,oBAAC,OAAD,CAAQ,CAAA;EACR,KAAA,oBAAC,0BAAD,CAA2B,CAAA;EAC3B,KAAA,oBAAC,kBAAD,CAAmB,CAAA;EACnB,KAAA,oBAAC,mBAAD,CAAoB,CAAA;EACpB,MAAA,oBAAC,2BAAD,CAA4B,CAAA;;;;;;;;;;;;;;;;;CAT9BC,IAAAA;CACG,IAAA,EAAA,QAAA,YAAA,EAAA,QADkG,SAAA,EAAA,QAA/ET,MAAAA,EAAAA,QAEpBC,IAAAA;EAFF,MAAA,qBAAC,WAAD;GAAW,WAAWD;GAA6B,cAAW;GAAU,eAAY;GAAa,GAAI;GAArG,UAAA;IACG;IACDC;IACAE;IACAC;IACAC;IACAC;IACAC;IACAC;IACAN;GACS;;EATR,EAAA,MAAA;EADkG,EAAA,MAAA;EAA/EF,EAAAA,MAAAA;EAEpBC,EAAAA,MAAAA;;;CAHJ,OACEQ;AAYJ"}

package/dist/dev/internal/skins/default-live-video/skins/shared/live-video/display/status-indicators.js

@@ -0,0 +1,74 @@
+import { StatusAnnouncer } from "../../../../../shared/components/behaviors/status-announcer.js";
+import { PlaybackStatusIndicator, StatusIndicator } from "../../../../components/display/status-indicator.js";
+import { VolumeIndicator } from "../../../../components/display/volume-indicator.js";
+import { c } from "react-compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@videojs/utils/style";
+//#region src/internal/skins/default-live-video/skins/shared/live-video/display/status-indicators.tsx
+/** @jsxImportSource react */
+function LiveVideoStatusIndicators(t0) {
+	const $ = c(14);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(StatusAnnouncer, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = cn("video-status-indicators", className);
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	let t5;
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(VolumeIndicator, {});
+		t5 = /* @__PURE__ */ jsx(StatusIndicator, {});
+		t6 = /* @__PURE__ */ jsx(PlaybackStatusIndicator, {});
+		$[8] = t4;
+		$[9] = t5;
+		$[10] = t6;
+	} else {
+		t4 = $[8];
+		t5 = $[9];
+		t6 = $[10];
+	}
+	let t7;
+	if ($[11] !== props || $[12] !== t3) {
+		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			...props,
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		})] });
+		$[11] = props;
+		$[12] = t3;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+//#endregion
+export { LiveVideoStatusIndicators };
+
+//# sourceMappingURL=status-indicators.js.map

package/dist/dev/internal/skins/default-live-video/skins/shared/live-video/display/status-indicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicators.js","names":["{ className, ...props }: LiveVideoStatusIndicatorsProps = {}","<StatusAnnouncer />","cn('video-status-indicators', className)","<VolumeIndicator />","<StatusIndicator />","<PlaybackStatusIndicator />","<>\n      <StatusAnnouncer />\n      <div className={cn('video-status-indicators', className)} {...props}>\n        <VolumeIndicator />\n        <StatusIndicator />\n        <PlaybackStatusIndicator />\n      </div>\n    </>"],"sources":["../../../../../../../../../src/internal/skins/default-live-video/skins/shared/live-video/display/status-indicators.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\nimport { StatusAnnouncer } from '../../../../../shared/components/behaviors/status-announcer';\nimport { PlaybackStatusIndicator, StatusIndicator } from '../../../../components/display/status-indicator';\nimport { VolumeIndicator } from '../../../../components/display/volume-indicator';\n\nexport type LiveVideoStatusIndicatorsProps = Omit<ComponentProps<'div'>, 'children'>;\n\nexport function LiveVideoStatusIndicators({ className, ...props }: LiveVideoStatusIndicatorsProps = {}) {\n  return (\n    <>\n      <StatusAnnouncer />\n      <div className={cn('video-status-indicators', className)} {...props}>\n        <VolumeIndicator />\n        <StatusIndicator />\n        <PlaybackStatusIndicator />\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,0BAAA,IAAwF;;CAA9DA,IAAAA;;EAA0D,KAAA,OAAA,KAAA,IAAA,CAAC,IAA3DA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGpCC,IAAAA;;EAAC,KAAA,oBAAA,iBAAD,CAAkB,CAAA;;;CACFC,IAAAA;CAA8B,IAAA,EAAA,OAAA,WAAA;EAA9B,KAAA,GAAG,2BAA2B,SAAS;EAAT,EAAA,KAAA;;;CAC5CC,IAAAA;CACAC,IAAAA;CACAC,IAAAA;;EAFA,KAAA,oBAAC,iBAAD,CAAkB,CAAA;EAClB,KAAA,oBAAC,iBAAD,CAAkB,CAAA;EAClB,KAAA,oBAAC,yBAAD,CAA0B,CAAA;;;;;;;;;CAL9BC,IAAAA;CAEgE,IAAA,EAAA,QAAA,SAAA,EAAA,QAA9CJ,IAAAA;EAFlB,KAAA,qBAAA,UAAA,EAAA,UAAA,CACED,IACA,qBAAC,OAAD;GAAK,WAAWC;GAA0C,GAAI;GAA9D,UAAA;IACEC;IACAC;IACAC;GACG;EACL,CAAA,CAAA,EAAA,CAAA;EAL8D,EAAA,MAAA;EAA9CH,EAAAA,MAAAA;;;CAHpB,OACEI;AASJ"}

package/dist/dev/internal/skins/default-video/components/buttons/airplay-button.js

@@ -2,17 +2,64 @@ import { AirPlayButton as AirPlayButton$1 } from "../../../../../ui/airplay-butt
 import ForwardRef from "../../../../../icons/dist/react/default/airplay-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/default/airplay-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-video/components/buttons/airplay-button.tsx
 /** @jsxImportSource react */
-function AirPlayButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(AirPlayButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-airplay-button", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-airplay-button-enter-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-airplay-button-exit-icon") })]
-	});
+function AirPlayButton(t0) {
+	const $ = c(13);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-airplay-button", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-airplay-button-enter-icon") });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-airplay-button-exit-icon") });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== props || $[11] !== t3) {
+		t6 = /* @__PURE__ */ jsxs(AirPlayButton$1, {
+			render: t2,
+			className: t3,
+			...props,
+			children: [t4, t5]
+		});
+		$[10] = props;
+		$[11] = t3;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 //#endregion
 export { AirPlayButton };

package/dist/dev/internal/skins/default-video/components/buttons/airplay-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"airplay-button.js","names":["AirPlayButtonPrimitive","AirPlayEnterIconPrimitive","AirPlayExitIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/airplay-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  AirPlayEnterIcon as AirPlayEnterIconPrimitive,\n  AirPlayExitIcon as AirPlayExitIconPrimitive,\n} from '../../../../../icons/index';\nimport { AirPlayButton as AirPlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type AirPlayButtonProps = Omit<AirPlayButtonPrimitive.Props, 'children'>;\n\nexport function AirPlayButton({ className, ...props }: AirPlayButtonProps = {}) {\n  return (\n    <AirPlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-airplay-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <AirPlayEnterIconPrimitive className={cn('media-button-icon', 'media-airplay-button-enter-icon')} />\n      <AirPlayExitIconPrimitive className={cn('media-button-icon', 'media-airplay-button-exit-icon')} />\n    </AirPlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,cAAc,EAAE,WAAW,GAAG,UAA8B,CAAC,GAAG;CAC9E,OACE,qBAACA,iBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,wBAAwB,iBAAiB,WAAW,KAAK,CAAC;EACnF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAA2B,WAAW,GAAG,qBAAqB,iCAAiC,EAAI,CAAA,GACnG,oBAACC,cAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA,CAC3E;;AAE5B"}
+{"version":3,"file":"airplay-button.js","names":["{ className, ...props }: AirPlayButtonProps = {}","<Button />","(state) => cn('media-airplay-button', resolveClassName(className, state))","<AirPlayEnterIconPrimitive className={cn('media-button-icon', 'media-airplay-button-enter-icon')} />","<AirPlayExitIconPrimitive className={cn('media-button-icon', 'media-airplay-button-exit-icon')} />","<AirPlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-airplay-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <AirPlayEnterIconPrimitive className={cn('media-button-icon', 'media-airplay-button-enter-icon')} />\n      <AirPlayExitIconPrimitive className={cn('media-button-icon', 'media-airplay-button-exit-icon')} />\n    </AirPlayButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/airplay-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  AirPlayEnterIcon as AirPlayEnterIconPrimitive,\n  AirPlayExitIcon as AirPlayExitIconPrimitive,\n} from '../../../../../icons/index';\nimport { AirPlayButton as AirPlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type AirPlayButtonProps = Omit<AirPlayButtonPrimitive.Props, 'children'>;\n\nexport function AirPlayButton({ className, ...props }: AirPlayButtonProps = {}) {\n  return (\n    <AirPlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-airplay-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <AirPlayEnterIconPrimitive className={cn('media-button-icon', 'media-airplay-button-enter-icon')} />\n      <AirPlayExitIconPrimitive className={cn('media-button-icon', 'media-airplay-button-exit-icon')} />\n    </AirPlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,cAAA,IAAgE;;CAAlDA,IAAAA;;EAA8C,KAAA,OAAA,KAAA,IAAA,CAAC,IAA/CA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGhBC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAuD,IAAA,EAAA,OAAA,WAAA;EAAvD,MAAC,UAAU,GAAG,wBAAwB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGlEC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAA2B,WAAW,GAAG,qBAAqB,iCAAiC,EAAI,CAAA;;;CACnGC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;;;CANnGC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOH,IAAAA;EAFb,KAAA,qBAAC,iBAAD;GACE,QAAQD;GACR,WAAWC;GACX,GAAI;GAHN,UAAA,CAKEC,IACAC,EACsB;;EAJlB,EAAA,MAAA;EADOF,EAAAA,MAAAA;;;CAHf,OACEG;AASJ"}

package/dist/dev/internal/skins/default-video/components/buttons/captions-button.js

@@ -2,17 +2,64 @@ import { CaptionsButton as CaptionsButton$1 } from "../../../../../ui/captions-b
 import ForwardRef from "../../../../../icons/dist/react/default/captions-off.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/default/captions-on.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-video/components/buttons/captions-button.tsx
 /** @jsxImportSource react */
-function CaptionsButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(CaptionsButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-captions-button", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-captions-button-off-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-captions-button-on-icon") })]
-	});
+function CaptionsButton(t0) {
+	const $ = c(13);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-captions-button", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-captions-button-off-icon") });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-captions-button-on-icon") });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== props || $[11] !== t3) {
+		t6 = /* @__PURE__ */ jsxs(CaptionsButton$1, {
+			render: t2,
+			className: t3,
+			...props,
+			children: [t4, t5]
+		});
+		$[10] = props;
+		$[11] = t3;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 //#endregion
 export { CaptionsButton };

package/dist/dev/internal/skins/default-video/components/buttons/captions-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"captions-button.js","names":["CaptionsButtonPrimitive","CaptionsOffIconPrimitive","CaptionsOnIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/captions-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n} from '../../../../../icons/index';\nimport { CaptionsButton as CaptionsButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CaptionsButtonProps = Omit<CaptionsButtonPrimitive.Props, 'children'>;\n\nexport function CaptionsButton({ className, ...props }: CaptionsButtonProps = {}) {\n  return (\n    <CaptionsButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-captions-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CaptionsOffIconPrimitive className={cn('media-button-icon', 'media-captions-button-off-icon')} />\n      <CaptionsOnIconPrimitive className={cn('media-button-icon', 'media-captions-button-on-icon')} />\n    </CaptionsButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,eAAe,EAAE,WAAW,GAAG,UAA+B,CAAC,GAAG;CAChF,OACE,qBAACA,kBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EACpF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA,GACjG,oBAACC,cAAD,EAAyB,WAAW,GAAG,qBAAqB,+BAA+B,EAAI,CAAA,CACxE;;AAE7B"}
+{"version":3,"file":"captions-button.js","names":["{ className, ...props }: CaptionsButtonProps = {}","<Button />","(state) => cn('media-captions-button', resolveClassName(className, state))","<CaptionsOffIconPrimitive className={cn('media-button-icon', 'media-captions-button-off-icon')} />","<CaptionsOnIconPrimitive className={cn('media-button-icon', 'media-captions-button-on-icon')} />","<CaptionsButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-captions-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CaptionsOffIconPrimitive className={cn('media-button-icon', 'media-captions-button-off-icon')} />\n      <CaptionsOnIconPrimitive className={cn('media-button-icon', 'media-captions-button-on-icon')} />\n    </CaptionsButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/captions-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n} from '../../../../../icons/index';\nimport { CaptionsButton as CaptionsButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CaptionsButtonProps = Omit<CaptionsButtonPrimitive.Props, 'children'>;\n\nexport function CaptionsButton({ className, ...props }: CaptionsButtonProps = {}) {\n  return (\n    <CaptionsButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-captions-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CaptionsOffIconPrimitive className={cn('media-button-icon', 'media-captions-button-off-icon')} />\n      <CaptionsOnIconPrimitive className={cn('media-button-icon', 'media-captions-button-on-icon')} />\n    </CaptionsButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,eAAA,IAAkE;;CAAnDA,IAAAA;;EAA+C,KAAA,OAAA,KAAA,IAAA,CAAC,IAAhDA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGjBC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAwD,IAAA,EAAA,OAAA,WAAA;EAAxD,MAAC,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGnEC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;;;CACjGC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAyB,WAAW,GAAG,qBAAqB,+BAA+B,EAAI,CAAA;;;CANjGC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOH,IAAAA;EAFb,KAAA,qBAAC,kBAAD;GACE,QAAQD;GACR,WAAWC;GACX,GAAI;GAHN,UAAA,CAKEC,IACAC,EACuB;;EAJnB,EAAA,MAAA;EADOF,EAAAA,MAAAA;;;CAHf,OACEG;AASJ"}

package/dist/dev/internal/skins/default-video/components/buttons/cast-button.js

@@ -2,17 +2,64 @@ import { CastButton as CastButton$1 } from "../../../../../ui/cast-button/compon
 import ForwardRef from "../../../../../icons/dist/react/default/cast-enter.js";
 import ForwardRef$1 from "../../../../../icons/dist/react/default/cast-exit.js";
 import { Button } from "../../../shared/components/buttons/button.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, resolveClassName } from "@videojs/utils/style";
 //#region src/internal/skins/default-video/components/buttons/cast-button.tsx
 /** @jsxImportSource react */
-function CastButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(CastButton$1, {
-		render: /* @__PURE__ */ jsx(Button, {}),
-		className: (state) => cn("media-cast-button", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-cast-button-enter-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-cast-button-exit-icon") })]
-	});
+function CastButton(t0) {
+	const $ = c(13);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	if ($[2] !== t1) {
+		({className, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		className = $[3];
+		props = $[4];
+	}
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-cast-button", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-cast-button-enter-icon") });
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-cast-button-exit-icon") });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== props || $[11] !== t3) {
+		t6 = /* @__PURE__ */ jsxs(CastButton$1, {
+			render: t2,
+			className: t3,
+			...props,
+			children: [t4, t5]
+		});
+		$[10] = props;
+		$[11] = t3;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 //#endregion
 export { CastButton };

package/dist/dev/internal/skins/default-video/components/buttons/cast-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-button.js","names":["CastButtonPrimitive","CastEnterIconPrimitive","CastExitIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/cast-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CastEnterIcon as CastEnterIconPrimitive,\n  CastExitIcon as CastExitIconPrimitive,\n} from '../../../../../icons/index';\nimport { CastButton as CastButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CastButtonProps = Omit<CastButtonPrimitive.Props, 'children'>;\n\nexport function CastButton({ className, ...props }: CastButtonProps = {}) {\n  return (\n    <CastButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-cast-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CastEnterIconPrimitive className={cn('media-button-icon', 'media-cast-button-enter-icon')} />\n      <CastExitIconPrimitive className={cn('media-button-icon', 'media-cast-button-exit-icon')} />\n    </CastButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAAwB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA,GAC7F,oBAACC,cAAD,EAAuB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA,CACxE;;AAEzB"}
+{"version":3,"file":"cast-button.js","names":["{ className, ...props }: CastButtonProps = {}","<Button />","(state) => cn('media-cast-button', resolveClassName(className, state))","<CastEnterIconPrimitive className={cn('media-button-icon', 'media-cast-button-enter-icon')} />","<CastExitIconPrimitive className={cn('media-button-icon', 'media-cast-button-exit-icon')} />","<CastButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-cast-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CastEnterIconPrimitive className={cn('media-button-icon', 'media-cast-button-enter-icon')} />\n      <CastExitIconPrimitive className={cn('media-button-icon', 'media-cast-button-exit-icon')} />\n    </CastButtonPrimitive>"],"sources":["../../../../../../../src/internal/skins/default-video/components/buttons/cast-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CastEnterIcon as CastEnterIconPrimitive,\n  CastExitIcon as CastExitIconPrimitive,\n} from '../../../../../icons/index';\nimport { CastButton as CastButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CastButtonProps = Omit<CastButtonPrimitive.Props, 'children'>;\n\nexport function CastButton({ className, ...props }: CastButtonProps = {}) {\n  return (\n    <CastButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-cast-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CastEnterIconPrimitive className={cn('media-button-icon', 'media-cast-button-enter-icon')} />\n      <CastExitIconPrimitive className={cn('media-button-icon', 'media-cast-button-exit-icon')} />\n    </CastButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAA,IAA0D;;CAA/CA,IAAAA;;EAA2C,KAAA,OAAA,KAAA,IAAA,CAAC,IAA5CA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGbC,IAAAA;;EAAC,KAAA,oBAAA,QAAD,CAAS,CAAA;;;CACNC,IAAAA;CAAoD,IAAA,EAAA,OAAA,WAAA;EAApD,MAAC,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAG/DC,IAAAA;;EAAC,KAAA,oBAAA,YAAD,EAAwB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA;;;CAC7FC,IAAAA;;EAAC,KAAA,oBAAA,cAAD,EAAuB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;;;CAN7FC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOH,IAAAA;EAFb,KAAA,qBAAC,cAAD;GACE,QAAQD;GACR,WAAWC;GACX,GAAI;GAHN,UAAA,CAKEC,IACAC,EACmB;;EAJf,EAAA,MAAA;EADOF,EAAAA,MAAAA;;;CAHf,OACEG;AASJ"}