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

package/dist/dev/internal/skins/default-video/components/display/status-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.js","names":["{ className, ...props }: StatusIndicatorProps = {}","(state) => cn('media-indicator', 'media-status-indicator', resolveClassName(className, state))","<div className={cn('media-indicator-content', 'media-status-indicator-content')}>\n        <CaptionsOnIconPrimitive className={'media-status-indicator-captions-on-icon'} />\n        <CaptionsOffIconPrimitive className={'media-status-indicator-captions-off-icon'} />\n        <FullscreenEnterIconPrimitive className={'media-status-indicator-fullscreen-enter-icon'} />\n        <FullscreenExitIconPrimitive className={'media-status-indicator-fullscreen-exit-icon'} />\n        <PipEnterIconPrimitive className={'media-status-indicator-pip-enter-icon'} />\n        <PipExitIconPrimitive className={'media-status-indicator-pip-exit-icon'} />\n        <StatusIndicatorPrimitive.Value className={'media-status-indicator-value'} />\n      </div>","StatusIndicatorPrimitive.Value","<StatusIndicatorPrimitive.Root\n      actions={TOP_STATUS_ACTIONS}\n      className={(state) => cn('media-indicator', 'media-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <div className={cn('media-indicator-content', 'media-status-indicator-content')}>\n        <CaptionsOnIconPrimitive className={'media-status-indicator-captions-on-icon'} />\n        <CaptionsOffIconPrimitive className={'media-status-indicator-captions-off-icon'} />\n        <FullscreenEnterIconPrimitive className={'media-status-indicator-fullscreen-enter-icon'} />\n        <FullscreenExitIconPrimitive className={'media-status-indicator-fullscreen-exit-icon'} />\n        <PipEnterIconPrimitive className={'media-status-indicator-pip-enter-icon'} />\n        <PipExitIconPrimitive className={'media-status-indicator-pip-exit-icon'} />\n        <StatusIndicatorPrimitive.Value className={'media-status-indicator-value'} />\n      </div>\n    </StatusIndicatorPrimitive.Root>","StatusIndicatorPrimitive.Root","{ className, ...props }: PlaybackStatusIndicatorProps = {}","(state) => cn('media-playback-status-indicator', resolveClassName(className, state))","<PlayIconPrimitive className={'media-playback-status-indicator-play-icon'} />","<PauseIconPrimitive className={'media-playback-status-indicator-pause-icon'} />","<StatusIndicatorPrimitive.Root\n      actions={PLAYBACK_STATUS_ACTIONS}\n      className={(state) => cn('media-playback-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <PlayIconPrimitive className={'media-playback-status-indicator-play-icon'} />\n      <PauseIconPrimitive className={'media-playback-status-indicator-pause-icon'} />\n    </StatusIndicatorPrimitive.Root>"],"sources":["../../../../../../../src/internal/skins/default-video/components/display/status-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  FullscreenEnterIcon as FullscreenEnterIconPrimitive,\n  FullscreenExitIcon as FullscreenExitIconPrimitive,\n  PipEnterIcon as PipEnterIconPrimitive,\n  PipExitIcon as PipExitIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/index';\nimport { StatusIndicator as StatusIndicatorPrimitive } from '../../../../skin-primitives';\n\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\n\nconst PLAYBACK_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type StatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function StatusIndicator({ className, ...props }: StatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={TOP_STATUS_ACTIONS}\n      className={(state) => cn('media-indicator', 'media-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <div className={cn('media-indicator-content', 'media-status-indicator-content')}>\n        <CaptionsOnIconPrimitive className={'media-status-indicator-captions-on-icon'} />\n        <CaptionsOffIconPrimitive className={'media-status-indicator-captions-off-icon'} />\n        <FullscreenEnterIconPrimitive className={'media-status-indicator-fullscreen-enter-icon'} />\n        <FullscreenExitIconPrimitive className={'media-status-indicator-fullscreen-exit-icon'} />\n        <PipEnterIconPrimitive className={'media-status-indicator-pip-enter-icon'} />\n        <PipExitIconPrimitive className={'media-status-indicator-pip-exit-icon'} />\n        <StatusIndicatorPrimitive.Value className={'media-status-indicator-value'} />\n      </div>\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n\nexport type PlaybackStatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function PlaybackStatusIndicator({ className, ...props }: PlaybackStatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={PLAYBACK_STATUS_ACTIONS}\n      className={(state) => cn('media-playback-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <PlayIconPrimitive className={'media-playback-status-indicator-play-icon'} />\n      <PauseIconPrimitive className={'media-playback-status-indicator-pause-icon'} />\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,qBAAqB;CAAC;CAAmB;CAAoB;AAAwB;AAE3F,MAAM,0BAA0B,CAAC,cAAc;AAI/C,SAAgB,gBAAA,IAAoE;;CAApDA,IAAAA;;EAAgD,KAAA,OAAA,KAAA,IAAA,CAAC,IAAjDA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAIfC,IAAAA;CAA4E,IAAA,EAAA,OAAA,WAAA;EAA5E,MAAC,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGvFC,IAAAA;;EAAC,KAAA,qBAAA,OAAD;GAAK,WAAW,GAAG,2BAA2B,gCAAgC;GAA9E,UAAA;IACE,oBAAC,cAAD,EAAyB,WAAW,0CAA4C,CAAA;IAChF,oBAAC,YAAD,EAA0B,WAAW,2CAA6C,CAAA;IAClF,oBAAC,cAAD,EAA8B,WAAW,+CAAiD,CAAA;IAC1F,oBAAC,cAAD,EAA6B,WAAW,8CAAgD,CAAA;IACxF,oBAAC,cAAD,EAAuB,WAAW,wCAA0C,CAAA;IAC5E,oBAAC,cAAD,EAAsB,WAAW,uCAAyC,CAAA;IAC1E,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GACzE;;;;CAbPC,IAAAA;CAGM,IAAA,EAAA,OAAA,SAAA,EAAA,OADOH,IAAAA;EAFb,KAAA,oBAACI,qBAAD;GACE,SAAS;GACT,WAAWJ;GACX,GAAI;GAEJC,UAAAA;EAS6B,CAAA;EAXzB,EAAA,KAAA;EADOD,EAAAA,KAAAA;;;CAHf,OACEG;AAgBJ;AAIA,SAAgB,wBAAA,IAAoF;;CAA5DE,IAAAA;;EAAwD,KAAA,OAAA,KAAA,IAAA,CAAC,IAAzDA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAIvBC,IAAAA;CAAkE,IAAA,EAAA,OAAA,WAAA;EAAlE,MAAC,UAAU,GAAG,mCAAmC,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAG7EC,IAAAA;CACAC,IAAAA;;EADA,KAAA,oBAAC,cAAD,EAAmB,WAAW,4CAA8C,CAAA;EAC5E,KAAA,oBAAC,cAAD,EAAoB,WAAW,6CAA+C,CAAA;;;;;;;CANhFC,IAAAA;CAGM,IAAA,EAAA,OAAA,SAAA,EAAA,QADOH,IAAAA;EAFb,KAAA,qBAACF,qBAAD;GACE,SAAS;GACT,WAAWE;GACX,GAAI;GAHN,UAAA,CAKEC,IACAC,EAC6B;;EAJzB,EAAA,KAAA;EADOF,EAAAA,MAAAA;;;CAHf,OACEG;AASJ"}

package/dist/dev/internal/skins/default-video/components/display/volume-indicator.js

@@ -0,0 +1,66 @@
+import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/fill.js";
+import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/root.js";
+import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/value.js";
+import ForwardRef from "../../../../../icons/dist/react/default/volume-high.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/default/volume-low.js";
+import ForwardRef$2 from "../../../../../icons/dist/react/default/volume-off.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/display/volume-indicator.tsx
+/** @jsxImportSource react */
+function VolumeIndicator(t0) {
+	const $ = c(11);
+	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] !== className) {
+		t2 = (state) => cn("media-indicator", "media-volume-indicator", resolveClassName(className, state));
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs(VolumeIndicatorFill, {
+			className: cn("media-indicator-content", "media-volume-indicator-fill"),
+			children: [
+				/* @__PURE__ */ jsx(ForwardRef, { className: "media-volume-indicator-high-icon" }),
+				/* @__PURE__ */ jsx(ForwardRef$1, { className: "media-volume-indicator-low-icon" }),
+				/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-volume-indicator-off-icon" }),
+				/* @__PURE__ */ jsx(VolumeIndicatorValue, { className: "media-volume-indicator-value" })
+			]
+		});
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== props || $[9] !== t2) {
+		t4 = /* @__PURE__ */ jsx(VolumeIndicatorRoot, {
+			className: t2,
+			...props,
+			children: t3
+		});
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { VolumeIndicator };
+
+//# sourceMappingURL=volume-indicator.js.map

package/dist/dev/internal/skins/default-video/components/display/volume-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-indicator.js","names":["{ className, ...props }: VolumeIndicatorProps = {}","(state) => cn('media-indicator', 'media-volume-indicator', resolveClassName(className, state))","<VolumeIndicatorPrimitive.Fill className={cn('media-indicator-content', 'media-volume-indicator-fill')}>\n        <VolumeHighIconPrimitive className={'media-volume-indicator-high-icon'} />\n        <VolumeLowIconPrimitive className={'media-volume-indicator-low-icon'} />\n        <VolumeOffIconPrimitive className={'media-volume-indicator-off-icon'} />\n        <VolumeIndicatorPrimitive.Value className={'media-volume-indicator-value'} />\n      </VolumeIndicatorPrimitive.Fill>","VolumeIndicatorPrimitive.Fill","VolumeIndicatorPrimitive.Value","<VolumeIndicatorPrimitive.Root\n      className={(state) => cn('media-indicator', 'media-volume-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeIndicatorPrimitive.Fill className={cn('media-indicator-content', 'media-volume-indicator-fill')}>\n        <VolumeHighIconPrimitive className={'media-volume-indicator-high-icon'} />\n        <VolumeLowIconPrimitive className={'media-volume-indicator-low-icon'} />\n        <VolumeOffIconPrimitive className={'media-volume-indicator-off-icon'} />\n        <VolumeIndicatorPrimitive.Value className={'media-volume-indicator-value'} />\n      </VolumeIndicatorPrimitive.Fill>\n    </VolumeIndicatorPrimitive.Root>","VolumeIndicatorPrimitive.Root"],"sources":["../../../../../../../src/internal/skins/default-video/components/display/volume-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeHighIcon as VolumeHighIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeOffIcon as VolumeOffIconPrimitive,\n} from '../../../../../icons/index';\nimport { VolumeIndicator as VolumeIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type VolumeIndicatorProps = Omit<VolumeIndicatorPrimitive.RootProps, 'children'>;\n\nexport function VolumeIndicator({ className, ...props }: VolumeIndicatorProps = {}) {\n  return (\n    <VolumeIndicatorPrimitive.Root\n      className={(state) => cn('media-indicator', 'media-volume-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeIndicatorPrimitive.Fill className={cn('media-indicator-content', 'media-volume-indicator-fill')}>\n        <VolumeHighIconPrimitive className={'media-volume-indicator-high-icon'} />\n        <VolumeLowIconPrimitive className={'media-volume-indicator-low-icon'} />\n        <VolumeOffIconPrimitive className={'media-volume-indicator-off-icon'} />\n        <VolumeIndicatorPrimitive.Value className={'media-volume-indicator-value'} />\n      </VolumeIndicatorPrimitive.Fill>\n    </VolumeIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,gBAAA,IAAoE;;CAApDA,IAAAA;;EAAgD,KAAA,OAAA,KAAA,IAAA,CAAC,IAAjDA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGfC,IAAAA;CAA4E,IAAA,EAAA,OAAA,WAAA;EAA5E,MAAC,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGvFC,IAAAA;;EAACC,KAAAA,qBAAAA,qBAAD;GAA+B,WAAW,GAAG,2BAA2B,6BAA6B;GAArG,UAAA;IACE,oBAAC,YAAD,EAAyB,WAAW,mCAAqC,CAAA;IACzE,oBAAC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAAC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GAC/C;;;;CATjCC,IAAAA;CAEM,IAAA,EAAA,OAAA,SAAA,EAAA,OADOJ,IAAAA;EADb,KAAA,oBAACK,qBAAD;GACE,WAAWL;GACX,GAAI;GAEJC,UAAAA;EAM6B,CAAA;EARzB,EAAA,KAAA;EADOD,EAAAA,KAAAA;;;CAFf,OACEI;AAYJ"}

package/dist/dev/internal/skins/default-video/components/menus/audio-track-menu.js

@@ -1,34 +1,64 @@
 import { Text } from "../../../../../i18n/text.js";
-import { AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue } from "../../../../../ui/audio-track-radio-group/audio-track-radio-group.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { AudioTrackRadioGroupOptions, AudioTrackRadioGroupRoot, AudioTrackRadioGroupValue } from "../../../../../ui/audio-track-radio-group/component.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import ForwardRef from "../../../../../icons/dist/react/default/speech.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { audioText } from "@videojs/core/i18n/text/menu";
 //#region src/internal/skins/default-video/components/menus/audio-track-menu.tsx
 /** @jsxImportSource react */
-function AudioTrackMenu({ ...props } = {}) {
-	return /* @__PURE__ */ jsx(MenuRoot, {
-		...props,
-		children: /* @__PURE__ */ jsxs(AudioTrackRadioGroupRoot, { children: [/* @__PURE__ */ jsxs(MenuTrigger, {
+function AudioTrackMenu(t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let props;
+	if ($[2] !== t1) {
+		({...props} = t1);
+		$[2] = t1;
+		$[3] = props;
+	} else props = $[3];
+	let t2;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" });
+		t3 = /* @__PURE__ */ jsx(Text, {
+			token: audioText.key,
+			children: audioText.text
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs(MenuTrigger, {
 			className: "media-menu-trigger-item",
 			children: [
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" }),
-				/* @__PURE__ */ jsx(Text, {
-					token: audioText.key,
-					children: audioText.text
-				}),
+				t2,
+				t3,
 				/* @__PURE__ */ jsxs("span", {
 					className: "media-menu-hint",
 					children: [/* @__PURE__ */ jsx(AudioTrackRadioGroupValue, { className: "media-menu-hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
 				})
 			]
-		}), /* @__PURE__ */ jsxs(MenuContent, {
+		});
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs(AudioTrackRadioGroupRoot, { children: [t4, /* @__PURE__ */ jsxs(MenuContent, {
 			className: "media-menu-content",
 			children: [
 				/* @__PURE__ */ jsxs(MenuItem, {
@@ -41,13 +71,27 @@ function AudioTrackMenu({ ...props } = {}) {
 				/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu-separator" }),
 				/* @__PURE__ */ jsx(AudioTrackRadioGroupOptions, {
 					className: "media-menu-radio-group",
-					renderItem: (props, item) => /* @__PURE__ */ jsx(RadioItem, {
-						...props,
-						children: /* @__PURE__ */ jsx("span", { children: item.label })
-					})
+					renderItem: _temp
 				})
 			]
-		})] })
+		})] });
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== props) {
+		t6 = /* @__PURE__ */ jsx(MenuRoot, {
+			...props,
+			children: t5
+		});
+		$[8] = props;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
+}
+function _temp(props_0, item) {
+	return /* @__PURE__ */ jsx(RadioItem, {
+		...props_0,
+		children: /* @__PURE__ */ jsx("span", { children: item.label })
 	});
 }
 //#endregion

package/dist/dev/internal/skins/default-video/components/menus/audio-track-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-track-menu.js","names":["Menu.Root","AudioTrackRadioGroup.Root","Menu.Trigger","SpeechIconPrimitive","TextPrimitive","AudioTrackRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","AudioTrackRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/audio-track-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { audioText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeechIcon as SpeechIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { AudioTrackRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type AudioTrackMenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function AudioTrackMenu({ ...props }: AudioTrackMenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <AudioTrackRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <AudioTrackRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></AudioTrackRadioGroup.Options>\n        </Menu.Content>\n      </AudioTrackRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,eAAe,EAAE,GAAG,UAA+B,CAAC,GAAG;CACrE,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,0BAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAAqB,WAAW,+BAAiC,CAAA;IACjE,oBAACC,MAAD;KAAe,OAAO,UAAU;KAAM,UAAA,UAAU;IAAoB,CAAA;IACpE,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,2BAAD,EAA4B,WAAW,wBAA0B,CAAA,GACjE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,6BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEgB,CAAA;GACnB;EACW,CAAA,CAAA,EAAA,CAAA;CAClB,CAAA;AAEf"}
+{"version":3,"file":"audio-track-menu.js","names":["{ ...props }: AudioTrackMenuProps = {}","<SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />","<TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>","<Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>","Menu.Trigger","AudioTrackRadioGroup.Value","<AudioTrackRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <AudioTrackRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></AudioTrackRadioGroup.Options>\n        </Menu.Content>\n      </AudioTrackRadioGroup.Root>","AudioTrackRadioGroup.Root","Menu.Content","Menu.Item","Menu.Separator","AudioTrackRadioGroup.Options","(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )","<Menu.Root {...props}>\n      <AudioTrackRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <AudioTrackRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></AudioTrackRadioGroup.Options>\n        </Menu.Content>\n      </AudioTrackRadioGroup.Root>\n    </Menu.Root>","Menu.Root","props"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/audio-track-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { audioText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeechIcon as SpeechIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { AudioTrackRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type AudioTrackMenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function AudioTrackMenu({ ...props }: AudioTrackMenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <AudioTrackRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <AudioTrackRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></AudioTrackRadioGroup.Options>\n        </Menu.Content>\n      </AudioTrackRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgB,eAAA,IAAuD;;CAAxCA,IAAAA;;EAAoC,KAAA,OAAA,KAAA,IAAA,CAAC,IAArCA;;;;CAAK,IAAA;CAALA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,IAAA,SAAFA;;;;CAKrBC,IAAAA;CACAC,IAAAA;;EADA,KAAA,oBAAC,YAAD,EAAqB,WAAW,+BAAiC,CAAA;EACjE,KAAA,oBAAC,MAAD;GAAe,OAAO,UAAU;GAAM,UAAA,UAAU;EAAoB,CAAA;;;;;;;CAFtEC,IAAAA;;EAACC,KAAAA,qBAAAA,aAAD;GAAc,WAAW;GAAzB,UAAA;IACEH;IACAC;IACA,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACG,2BAAD,EAA4B,WAAW,wBAA0B,CAAA,GACjE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;;;;CARhBC,IAAAA;;EAACC,KAAAA,qBAAAA,0BAAD,EAAA,UAAA,CACEJ,IAQA,qBAACK,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAAC,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACC,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,6BAAD;KACE,WAAW;KACX,YAAYC;IAKiB,CAAA;GACnB;EACW,CAAA,CAAA,EAAA,CAAA;;;CAzB7BC,IAAAA;CAAe,IAAA,EAAA,OAAA,OAAA;EAAf,KAAA,oBAACC,UAAD;GAAW,GAAI;GACbR,UAAAA;EAyBS,CAAA;EA1BI,EAAA,KAAA;;;CADjB,OACEO;AA4BJ;AAVwB,SAAA,MAAC,SAAO,MAAA;CAClB,OAAA,oBAAC,WAAD;EAAW,GAAIE;EACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;CACf,CAAA"}

package/dist/dev/internal/skins/default-video/components/menus/captions-submenu.js

@@ -1,34 +1,64 @@
 import { Text } from "../../../../../i18n/text.js";
-import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot, CaptionsRadioGroupValue } from "../../../../../ui/captions-radio-group/captions-radio-group.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
+import { CaptionsRadioGroupOptions, CaptionsRadioGroupRoot, CaptionsRadioGroupValue } from "../../../../../ui/captions-radio-group/component.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
 import ForwardRef from "../../../../../icons/dist/react/default/captions-off.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { captionsText } from "@videojs/core/i18n/text/menu";
 //#region src/internal/skins/default-video/components/menus/captions-submenu.tsx
 /** @jsxImportSource react */
-function CaptionsSubmenu({ ...props } = {}) {
-	return /* @__PURE__ */ jsx(MenuRoot, {
-		...props,
-		children: /* @__PURE__ */ jsxs(CaptionsRadioGroupRoot, { children: [/* @__PURE__ */ jsxs(MenuTrigger, {
+function CaptionsSubmenu(t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let props;
+	if ($[2] !== t1) {
+		({...props} = t1);
+		$[2] = t1;
+		$[3] = props;
+	} else props = $[3];
+	let t2;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" });
+		t3 = /* @__PURE__ */ jsx(Text, {
+			token: captionsText.key,
+			children: captionsText.text
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs(MenuTrigger, {
 			className: "media-menu-trigger-item",
 			children: [
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" }),
-				/* @__PURE__ */ jsx(Text, {
-					token: captionsText.key,
-					children: captionsText.text
-				}),
+				t2,
+				t3,
 				/* @__PURE__ */ jsxs("span", {
 					className: "media-menu-hint",
 					children: [/* @__PURE__ */ jsx(CaptionsRadioGroupValue, { className: "media-menu-hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
 				})
 			]
-		}), /* @__PURE__ */ jsxs(MenuContent, {
+		});
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs(CaptionsRadioGroupRoot, { children: [t4, /* @__PURE__ */ jsxs(MenuContent, {
 			className: "media-menu-content",
 			children: [
 				/* @__PURE__ */ jsxs(MenuItem, {
@@ -41,13 +71,27 @@ function CaptionsSubmenu({ ...props } = {}) {
 				/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu-separator" }),
 				/* @__PURE__ */ jsx(CaptionsRadioGroupOptions, {
 					className: "media-menu-radio-group",
-					renderItem: (props, item) => /* @__PURE__ */ jsx(RadioItem, {
-						...props,
-						children: /* @__PURE__ */ jsx("span", { children: item.label })
-					})
+					renderItem: _temp
 				})
 			]
-		})] })
+		})] });
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== props) {
+		t6 = /* @__PURE__ */ jsx(MenuRoot, {
+			...props,
+			children: t5
+		});
+		$[8] = props;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
+}
+function _temp(props_0, item) {
+	return /* @__PURE__ */ jsx(RadioItem, {
+		...props_0,
+		children: /* @__PURE__ */ jsx("span", { children: item.label })
 	});
 }
 //#endregion

package/dist/dev/internal/skins/default-video/components/menus/captions-submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"captions-submenu.js","names":["Menu.Root","CaptionsRadioGroup.Root","Menu.Trigger","CaptionsOffIconPrimitive","TextPrimitive","CaptionsRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","CaptionsRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/captions-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { captionsText } from '@videojs/core/i18n/text/menu';\n\nimport { CaptionsOffIcon as CaptionsOffIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { CaptionsRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type CaptionsSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function CaptionsSubmenu({ ...props }: CaptionsSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <CaptionsRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <CaptionsRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></CaptionsRadioGroup.Options>\n        </Menu.Content>\n      </CaptionsRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,gBAAgB,EAAE,GAAG,UAAgC,CAAC,GAAG;CACvE,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,wBAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAA0B,WAAW,+BAAiC,CAAA;IACtE,oBAACC,MAAD;KAAe,OAAO,aAAa;KAAM,UAAA,aAAa;IAAoB,CAAA;IAC1E,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,yBAAD,EAA0B,WAAW,wBAA0B,CAAA,GAC/D,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,aAAa;MAAM,UAAA,aAAa;KAAoB,CAAA,CACjE;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,2BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEc,CAAA;GACjB;EACS,CAAA,CAAA,EAAA,CAAA;CAChB,CAAA;AAEf"}
+{"version":3,"file":"captions-submenu.js","names":["{ ...props }: CaptionsSubmenuProps = {}","<CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />","<TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>","<Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>","Menu.Trigger","CaptionsRadioGroup.Value","<CaptionsRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <CaptionsRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></CaptionsRadioGroup.Options>\n        </Menu.Content>\n      </CaptionsRadioGroup.Root>","CaptionsRadioGroup.Root","Menu.Content","Menu.Item","Menu.Separator","CaptionsRadioGroup.Options","(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )","<Menu.Root {...props}>\n      <CaptionsRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <CaptionsRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></CaptionsRadioGroup.Options>\n        </Menu.Content>\n      </CaptionsRadioGroup.Root>\n    </Menu.Root>","Menu.Root","props"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/captions-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { captionsText } from '@videojs/core/i18n/text/menu';\n\nimport { CaptionsOffIcon as CaptionsOffIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { CaptionsRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type CaptionsSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function CaptionsSubmenu({ ...props }: CaptionsSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <CaptionsRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <CaptionsRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></CaptionsRadioGroup.Options>\n        </Menu.Content>\n      </CaptionsRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgB,gBAAA,IAAyD;;CAAzCA,IAAAA;;EAAqC,KAAA,OAAA,KAAA,IAAA,CAAC,IAAtCA;;;;CAAK,IAAA;CAALA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,IAAA,SAAFA;;;;CAKtBC,IAAAA;CACAC,IAAAA;;EADA,KAAA,oBAAC,YAAD,EAA0B,WAAW,+BAAiC,CAAA;EACtE,KAAA,oBAAC,MAAD;GAAe,OAAO,aAAa;GAAM,UAAA,aAAa;EAAoB,CAAA;;;;;;;CAF5EC,IAAAA;;EAACC,KAAAA,qBAAAA,aAAD;GAAc,WAAW;GAAzB,UAAA;IACEH;IACAC;IACA,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACG,yBAAD,EAA0B,WAAW,wBAA0B,CAAA,GAC/D,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;;;;CARhBC,IAAAA;;EAACC,KAAAA,qBAAAA,wBAAD,EAAA,UAAA,CACEJ,IAQA,qBAACK,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAAC,MAAD;MAAe,OAAO,aAAa;MAAM,UAAA,aAAa;KAAoB,CAAA,CACjE;;IACX,oBAACC,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,2BAAD;KACE,WAAW;KACX,YAAYC;IAKe,CAAA;GACjB;EACS,CAAA,CAAA,EAAA,CAAA;;;CAzB3BC,IAAAA;CAAe,IAAA,EAAA,OAAA,OAAA;EAAf,KAAA,oBAACC,UAAD;GAAW,GAAI;GACbR,UAAAA;EAyBS,CAAA;EA1BI,EAAA,KAAA;;;CADjB,OACEO;AA4BJ;AAVwB,SAAA,MAAC,SAAO,MAAA;CAClB,OAAA,oBAAC,WAAD;EAAW,GAAIE;EACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;CACf,CAAA"}

package/dist/dev/internal/skins/default-video/components/menus/menu-chevron.js

@@ -1,10 +1,33 @@
 import ForwardRef from "../../../../../icons/dist/react/default/chevron.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
 //#region src/internal/skins/default-video/components/menus/menu-chevron.tsx
 /** @jsxImportSource react */
-function MenuChevron({ back = false, className } = {}) {
-	return /* @__PURE__ */ jsx(ForwardRef, { className: cn(back ? "media-menu-back-chevron" : "media-menu-forward-chevron", className) });
+function MenuChevron(t0) {
+	const $ = c(7);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { back: t2, className } = t1;
+	const t3 = (t2 === void 0 ? false : t2) ? "media-menu-back-chevron" : "media-menu-forward-chevron";
+	let t4;
+	if ($[2] !== className || $[3] !== t3) {
+		t4 = cn(t3, className);
+		$[2] = className;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== t4) {
+		t5 = /* @__PURE__ */ jsx(ForwardRef, { className: t4 });
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	return t5;
 }
 //#endregion
 export { MenuChevron };

package/dist/dev/internal/skins/default-video/components/menus/menu-chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-chevron.js","names":["ChevronIconPrimitive"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/menu-chevron.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { ChevronIcon as ChevronIconPrimitive } from '../../../../../icons/index';\nimport type { ClassValue } from '../../../../skin-primitives';\n\nexport interface MenuChevronProps {\n  back?: boolean;\n  className?: ClassValue;\n}\n\nexport function MenuChevron({ back = false, className }: MenuChevronProps = {}) {\n  return (\n    <ChevronIconPrimitive className={cn(back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron', className)} />\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,YAAY,EAAE,OAAO,OAAO,cAAgC,CAAC,GAAG;CAC9E,OACE,oBAACA,YAAD,EAAsB,WAAW,GAAG,OAAO,4BAA4B,8BAA8B,SAAS,EAAI,CAAA;AAEtH"}
+{"version":3,"file":"menu-chevron.js","names":["{ back = false, className }: MenuChevronProps = {}","back = false","cn(back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron', className)","back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron'","<ChevronIconPrimitive className={cn(back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron', className)} />"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/menu-chevron.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { ChevronIcon as ChevronIconPrimitive } from '../../../../../icons/index';\nimport type { ClassValue } from '../../../../skin-primitives';\n\nexport interface MenuChevronProps {\n  back?: boolean;\n  className?: ClassValue;\n}\n\nexport function MenuChevron({ back = false, className }: MenuChevronProps = {}) {\n  return (\n    <ChevronIconPrimitive className={cn(back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron', className)} />\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,YAAA,IAAgE;;CAApDA,IAAAA;;EAAgD,KAAA,OAAA,KAAA,IAAA,CAAC,IAAjDA;;;;CAAE,MAAA,EAAA,MAAA,IAAc,cAAhBA;CAEY,MAAA,MAFV,OAAA,KAAA,IAAO,QAAPC,MAEiB,4BAA4B;CAAtCC,IAAAA;CAAoE,IAAA,EAAA,OAAA,aAAA,EAAA,OAAjEC,IAAAA;EAAH,KAAA,GAAGA,IAAiE,SAAS;EAAT,EAAA,KAAA;EAAjEA,EAAAA,KAAAA;;;CAApCC,IAAAA;CAAiCF,IAAAA,EAAAA,OAAAA,IAAAA;EAAjC,KAAA,oBAAC,YAAD,EAAsB,WAAWA,GAAiF,CAAA;EAAjFA,EAAAA,KAAAA;;;CADnC,OACEE;AAEJ"}

package/dist/dev/internal/skins/default-video/components/menus/playback-rate-submenu.js

@@ -1,34 +1,64 @@
 import { Text } from "../../../../../i18n/text.js";
-import { MenuContent } from "../../../../../ui/menu/menu-content.js";
-import { MenuItem } from "../../../../../ui/menu/menu-item.js";
-import { MenuRoot } from "../../../../../ui/menu/menu-root.js";
-import { MenuSeparator } from "../../../../../ui/menu/menu-separator.js";
-import { MenuTrigger } from "../../../../../ui/menu/menu-trigger.js";
-import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue } from "../../../../../ui/playback-rate-radio-group/playback-rate-radio-group.js";
+import { MenuContent } from "../../../../../ui/menu/content.js";
+import { MenuItem } from "../../../../../ui/menu/item.js";
+import { MenuRoot } from "../../../../../ui/menu/root.js";
+import { MenuSeparator } from "../../../../../ui/menu/separator.js";
+import { MenuTrigger } from "../../../../../ui/menu/trigger.js";
+import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot, PlaybackRateRadioGroupValue } from "../../../../../ui/playback-rate-radio-group/component.js";
 import ForwardRef from "../../../../../icons/dist/react/default/speed.js";
 import { MenuChevron } from "./menu-chevron.js";
 import { RadioItem } from "./radio-item.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { speedText } from "@videojs/core/i18n/text/menu";
 //#region src/internal/skins/default-video/components/menus/playback-rate-submenu.tsx
 /** @jsxImportSource react */
-function PlaybackRateSubmenu({ ...props } = {}) {
-	return /* @__PURE__ */ jsx(MenuRoot, {
-		...props,
-		children: /* @__PURE__ */ jsxs(PlaybackRateRadioGroupRoot, { children: [/* @__PURE__ */ jsxs(MenuTrigger, {
+function PlaybackRateSubmenu(t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let props;
+	if ($[2] !== t1) {
+		({...props} = t1);
+		$[2] = t1;
+		$[3] = props;
+	} else props = $[3];
+	let t2;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" });
+		t3 = /* @__PURE__ */ jsx(Text, {
+			token: speedText.key,
+			children: speedText.text
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs(MenuTrigger, {
 			className: "media-menu-trigger-item",
 			children: [
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-trigger-item-icon" }),
-				/* @__PURE__ */ jsx(Text, {
-					token: speedText.key,
-					children: speedText.text
-				}),
+				t2,
+				t3,
 				/* @__PURE__ */ jsxs("span", {
 					className: "media-menu-hint",
 					children: [/* @__PURE__ */ jsx(PlaybackRateRadioGroupValue, { className: "media-menu-hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
 				})
 			]
-		}), /* @__PURE__ */ jsxs(MenuContent, {
+		});
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs(PlaybackRateRadioGroupRoot, { children: [t4, /* @__PURE__ */ jsxs(MenuContent, {
 			className: "media-menu-content",
 			children: [
 				/* @__PURE__ */ jsxs(MenuItem, {
@@ -41,13 +71,27 @@ function PlaybackRateSubmenu({ ...props } = {}) {
 				/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu-separator" }),
 				/* @__PURE__ */ jsx(PlaybackRateRadioGroupOptions, {
 					className: "media-menu-radio-group",
-					renderItem: (props, item) => /* @__PURE__ */ jsx(RadioItem, {
-						...props,
-						children: /* @__PURE__ */ jsx("span", { children: item.label })
-					})
+					renderItem: _temp
 				})
 			]
-		})] })
+		})] });
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== props) {
+		t6 = /* @__PURE__ */ jsx(MenuRoot, {
+			...props,
+			children: t5
+		});
+		$[8] = props;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
+}
+function _temp(props_0, item) {
+	return /* @__PURE__ */ jsx(RadioItem, {
+		...props_0,
+		children: /* @__PURE__ */ jsx("span", { children: item.label })
 	});
 }
 //#endregion

package/dist/dev/internal/skins/default-video/components/menus/playback-rate-submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"playback-rate-submenu.js","names":["Menu.Root","PlaybackRateRadioGroup.Root","Menu.Trigger","SpeedIconPrimitive","TextPrimitive","PlaybackRateRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","PlaybackRateRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/playback-rate-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { speedText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeedIcon as SpeedIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { PlaybackRateRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type PlaybackRateSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function PlaybackRateSubmenu({ ...props }: PlaybackRateSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <PlaybackRateRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <PlaybackRateRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></PlaybackRateRadioGroup.Options>\n        </Menu.Content>\n      </PlaybackRateRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,oBAAoB,EAAE,GAAG,UAAoC,CAAC,GAAG;CAC/E,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,4BAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAAoB,WAAW,+BAAiC,CAAA;IAChE,oBAACC,MAAD;KAAe,OAAO,UAAU;KAAM,UAAA,UAAU;IAAoB,CAAA;IACpE,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,6BAAD,EAA8B,WAAW,wBAA0B,CAAA,GACnE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,+BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEkB,CAAA;GACrB;EACa,CAAA,CAAA,EAAA,CAAA;CACpB,CAAA;AAEf"}
+{"version":3,"file":"playback-rate-submenu.js","names":["{ ...props }: PlaybackRateSubmenuProps = {}","<SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />","<TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>","<Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>","Menu.Trigger","PlaybackRateRadioGroup.Value","<PlaybackRateRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <PlaybackRateRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></PlaybackRateRadioGroup.Options>\n        </Menu.Content>\n      </PlaybackRateRadioGroup.Root>","PlaybackRateRadioGroup.Root","Menu.Content","Menu.Item","Menu.Separator","PlaybackRateRadioGroup.Options","(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )","<Menu.Root {...props}>\n      <PlaybackRateRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <PlaybackRateRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></PlaybackRateRadioGroup.Options>\n        </Menu.Content>\n      </PlaybackRateRadioGroup.Root>\n    </Menu.Root>","Menu.Root","props"],"sources":["../../../../../../../src/internal/skins/default-video/components/menus/playback-rate-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { speedText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeedIcon as SpeedIconPrimitive } from '../../../../../icons/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { PlaybackRateRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type PlaybackRateSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function PlaybackRateSubmenu({ ...props }: PlaybackRateSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <PlaybackRateRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <PlaybackRateRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></PlaybackRateRadioGroup.Options>\n        </Menu.Content>\n      </PlaybackRateRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgB,oBAAA,IAAiE;;CAA7CA,IAAAA;;EAAyC,KAAA,OAAA,KAAA,IAAA,CAAC,IAA1CA;;;;CAAK,IAAA;CAALA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,IAAA,SAAFA;;;;CAK1BC,IAAAA;CACAC,IAAAA;;EADA,KAAA,oBAAC,YAAD,EAAoB,WAAW,+BAAiC,CAAA;EAChE,KAAA,oBAAC,MAAD;GAAe,OAAO,UAAU;GAAM,UAAA,UAAU;EAAoB,CAAA;;;;;;;CAFtEC,IAAAA;;EAACC,KAAAA,qBAAAA,aAAD;GAAc,WAAW;GAAzB,UAAA;IACEH;IACAC;IACA,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACG,6BAAD,EAA8B,WAAW,wBAA0B,CAAA,GACnE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;;;;CARhBC,IAAAA;;EAACC,KAAAA,qBAAAA,4BAAD,EAAA,UAAA,CACEJ,IAQA,qBAACK,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAAC,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACC,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,+BAAD;KACE,WAAW;KACX,YAAYC;IAKmB,CAAA;GACrB;EACa,CAAA,CAAA,EAAA,CAAA;;;CAzB/BC,IAAAA;CAAe,IAAA,EAAA,OAAA,OAAA;EAAf,KAAA,oBAACC,UAAD;GAAW,GAAI;GACbR,UAAAA;EAyBS,CAAA;EA1BI,EAAA,KAAA;;;CADjB,OACEO;AA4BJ;AAVwB,SAAA,MAAC,SAAO,MAAA;CAClB,OAAA,oBAAC,WAAD;EAAW,GAAIE;EACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;CACf,CAAA"}