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

package/dist/dev/internal/skins/shared/components/display/title.js

@@ -0,0 +1,47 @@
+import { Title as Title$1 } from "../../../../../ui/title/component.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/shared/components/display/title.tsx
+/** @jsxImportSource react */
+function Title(t0) {
+	const $ = c(10);
+	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-title", resolveClassName(className, state));
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Title$1, {
+			className: t2,
+			...props
+		});
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+//#endregion
+export { Title };
+
+//# sourceMappingURL=title.js.map

package/dist/dev/internal/skins/shared/components/display/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","names":["{ className, ...props }: TitleProps = {}","(state) => cn('media-title', resolveClassName(className, state))","<TitlePrimitive className={(state) => cn('media-title', resolveClassName(className, state))} {...props} />"],"sources":["../../../../../../../src/internal/skins/shared/components/display/title.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport { Title as TitlePrimitive } from '../../../../skin-primitives';\n\nexport type TitleProps = Omit<TitlePrimitive.Props, 'children'>;\n\nexport function Title({ className, ...props }: TitleProps = {}) {\n  return <TitlePrimitive className={(state) => cn('media-title', resolveClassName(className, state))} {...props} />;\n}\n"],"mappings":";;;;;;AASA,SAAgB,MAAA,IAAgD;;CAA1CA,IAAAA;;EAAsC,KAAA,OAAA,KAAA,IAAA,CAAC,IAAvCA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CACcC,IAAAA;CAA8C,IAAA,EAAA,OAAA,WAAA;EAA9C,MAAC,UAAU,GAAG,eAAe,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAAzEC,IAAAA;CAAiG,IAAA,EAAA,OAAA,SAAA,EAAA,OAAtED,IAAAA;EAA3B,KAAA,oBAAC,SAAD;GAAgB,WAAWA;GAAkE,GAAI;EAAQ,CAAA;EAAR,EAAA,KAAA;EAAtEA,EAAAA,KAAAA;;;CAAlC,OAAOC;AACT"}

package/dist/dev/internal/skins/shared/components/layout/container.js

@@ -1,14 +1,44 @@
 import { Container as Container$1 } from "../../../../../player/container.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
 //#region src/internal/skins/shared/components/layout/container.tsx
 /** @jsxImportSource react */
-function Container({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx(Container$1, {
-		className: cn("media-skin", "media-container", className),
-		...props,
-		children
-	});
+function Container(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({children, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("media-skin", "media-container", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Container$1, {
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 }
 //#endregion
 export { Container };

package/dist/dev/internal/skins/shared/components/layout/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":["ContainerPrimitive"],"sources":["../../../../../../../src/internal/skins/shared/components/layout/container.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Container as ContainerPrimitive } from '../../../../skin-primitives';\n\nexport interface ContainerProps extends Omit<ContainerPrimitive.Props, 'children'> {\n  children?: ContainerPrimitive.Props['children'];\n}\n\nexport function Container({ children, className, ...props }: ContainerProps) {\n  return (\n    <ContainerPrimitive className={cn('media-skin', 'media-container', className)} {...props}>\n      {children}\n    </ContainerPrimitive>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,oBAACA,aAAD;EAAoB,WAAW,GAAG,cAAc,mBAAmB,SAAS;EAAG,GAAI;EAChF;CACiB,CAAA;AAExB"}
+{"version":3,"file":"container.js","names":["{ children, className, ...props }: ContainerProps","cn('media-skin', 'media-container', className)","<ContainerPrimitive className={cn('media-skin', 'media-container', className)} {...props}>\n      {children}\n    </ContainerPrimitive>"],"sources":["../../../../../../../src/internal/skins/shared/components/layout/container.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Container as ContainerPrimitive } from '../../../../skin-primitives';\n\nexport interface ContainerProps extends Omit<ContainerPrimitive.Props, 'children'> {\n  children?: ContainerPrimitive.Props['children'];\n}\n\nexport function Container({ children, className, ...props }: ContainerProps) {\n  return (\n    <ContainerPrimitive className={cn('media-skin', 'media-container', className)} {...props}>\n      {children}\n    </ContainerPrimitive>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,UAAA,IAA6D;;CAAjD,IAAA;CAAU,IAAA;CAAc,IAAA;CAA1BA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,UAAU,cAAW,SAAvBA;;;;;;;;;;CAESC,IAAAA;CAAoC,IAAA,EAAA,OAAA,WAAA;EAApC,KAAA,GAAG,cAAc,mBAAmB,SAAS;EAAT,EAAA,KAAA;;;CAAnEC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADgF,SAAA,EAAA,OAApDD,IAAAA;EAA/B,KAAA,oBAAC,aAAD;GAAoB,WAAWA;GAAgD,GAAI;GAChF;EACiB,CAAA;EADjB,EAAA,KAAA;EADgF,EAAA,KAAA;EAApDA,EAAAA,KAAAA;;;CADjC,OACEC;AAIJ"}

package/dist/dev/internal/skins/shared/components/sliders/slider.js

@@ -1,29 +1,130 @@
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
 //#region src/internal/skins/shared/components/sliders/slider.tsx
-function SliderTrack({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("media-slider-track", className),
-		...props
-	});
+function SliderTrack(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("media-slider-track", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function SliderFill({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("media-slider-fill", className),
-		...props
-	});
+function SliderFill(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("media-slider-fill", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function SliderBuffer({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("media-slider-buffer", className),
-		...props
-	});
+function SliderBuffer(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("media-slider-buffer", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function SliderThumb({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("media-slider-thumb", className),
-		...props
-	});
+function SliderThumb(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("media-slider-thumb", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 //#endregion
 export { SliderBuffer, SliderFill, SliderThumb, SliderTrack };

package/dist/dev/internal/skins/shared/components/sliders/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/slider.tsx"],"sourcesContent":["import { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\n/** Shared slider track. */\nexport type SliderTrackProps = ComponentProps<'div'>;\n\nexport function SliderTrack({ className, ...props }: SliderTrackProps) {\n  return <div className={cn('media-slider-track', className)} {...props} />;\n}\n\n/** Shared slider fill. */\nexport type SliderFillProps = ComponentProps<'div'>;\n\nexport function SliderFill({ className, ...props }: SliderFillProps) {\n  return <div className={cn('media-slider-fill', className)} {...props} />;\n}\n\n/** Shared slider buffer. */\nexport type SliderBufferProps = ComponentProps<'div'>;\n\nexport function SliderBuffer({ className, ...props }: SliderBufferProps) {\n  return <div className={cn('media-slider-buffer', className)} {...props} />;\n}\n\n/** Shared slider thumb. */\nexport type SliderThumbProps = ComponentProps<'div'>;\n\nexport function SliderThumb({ className, ...props }: SliderThumbProps) {\n  return <div className={cn('media-slider-thumb', className)} {...props} />;\n}\n"],"mappings":";;;AAMA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,sBAAsB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E;AAKA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAA0B;CACnE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzE;AAKA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA4B;CACvE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3E;AAKA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,sBAAsB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E"}
+{"version":3,"file":"slider.js","names":["{ className, ...props }: SliderTrackProps","cn('media-slider-track', className)","<div className={cn('media-slider-track', className)} {...props} />","{ className, ...props }: SliderFillProps","cn('media-slider-fill', className)","<div className={cn('media-slider-fill', className)} {...props} />","{ className, ...props }: SliderBufferProps","cn('media-slider-buffer', className)","<div className={cn('media-slider-buffer', className)} {...props} />","{ className, ...props }: SliderThumbProps","cn('media-slider-thumb', className)","<div className={cn('media-slider-thumb', className)} {...props} />"],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/slider.tsx"],"sourcesContent":["import { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\n/** Shared slider track. */\nexport type SliderTrackProps = ComponentProps<'div'>;\n\nexport function SliderTrack({ className, ...props }: SliderTrackProps) {\n  return <div className={cn('media-slider-track', className)} {...props} />;\n}\n\n/** Shared slider fill. */\nexport type SliderFillProps = ComponentProps<'div'>;\n\nexport function SliderFill({ className, ...props }: SliderFillProps) {\n  return <div className={cn('media-slider-fill', className)} {...props} />;\n}\n\n/** Shared slider buffer. */\nexport type SliderBufferProps = ComponentProps<'div'>;\n\nexport function SliderBuffer({ className, ...props }: SliderBufferProps) {\n  return <div className={cn('media-slider-buffer', className)} {...props} />;\n}\n\n/** Shared slider thumb. */\nexport type SliderThumbProps = ComponentProps<'div'>;\n\nexport function SliderThumb({ className, ...props }: SliderThumbProps) {\n  return <div className={cn('media-slider-thumb', className)} {...props} />;\n}\n"],"mappings":";;;;AAMA,SAAgB,YAAA,IAAuD;;CAAzC,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CACHC,IAAAA;CAAyB,IAAA,EAAA,OAAA,WAAA;EAAzB,KAAA,GAAG,sBAAsB,SAAS;EAAT,EAAA,KAAA;;;CAAzCC,IAAAA;CAAyD,IAAA,EAAA,OAAA,SAAA,EAAA,OAAzCD,IAAAA;EAAhB,KAAA,oBAAC,OAAD;GAAK,WAAWA;GAAqC,GAAI;EAAQ,CAAA;EAAR,EAAA,KAAA;EAAzCA,EAAAA,KAAAA;;;CAAvB,OAAOC;AACT;AAKA,SAAgB,WAAA,IAAqD;;CAAxC,IAAA;CAAc,IAAA;CAAhBC,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CACFC,IAAAA;CAAwB,IAAA,EAAA,OAAA,WAAA;EAAxB,KAAA,GAAG,qBAAqB,SAAS;EAAT,EAAA,KAAA;;;CAAxCC,IAAAA;CAAwD,IAAA,EAAA,OAAA,SAAA,EAAA,OAAxCD,IAAAA;EAAhB,KAAA,oBAAC,OAAD;GAAK,WAAWA;GAAoC,GAAI;EAAQ,CAAA;EAAR,EAAA,KAAA;EAAxCA,EAAAA,KAAAA;;;CAAvB,OAAOC;AACT;AAKA,SAAgB,aAAA,IAAyD;;CAA1C,IAAA;CAAc,IAAA;CAAhBC,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CACJC,IAAAA;CAA0B,IAAA,EAAA,OAAA,WAAA;EAA1B,KAAA,GAAG,uBAAuB,SAAS;EAAT,EAAA,KAAA;;;CAA1CC,IAAAA;CAA0D,IAAA,EAAA,OAAA,SAAA,EAAA,OAA1CD,IAAAA;EAAhB,KAAA,oBAAC,OAAD;GAAK,WAAWA;GAAsC,GAAI;EAAQ,CAAA;EAAR,EAAA,KAAA;EAA1CA,EAAAA,KAAAA;;;CAAvB,OAAOC;AACT;AAKA,SAAgB,YAAA,IAAuD;;CAAzC,IAAA;CAAc,IAAA;CAAhBC,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CACHC,IAAAA;CAAyB,IAAA,EAAA,OAAA,WAAA;EAAzB,KAAA,GAAG,sBAAsB,SAAS;EAAT,EAAA,KAAA;;;CAAzCC,IAAAA;CAAyD,IAAA,EAAA,OAAA,SAAA,EAAA,OAAzCD,IAAAA;EAAhB,KAAA,oBAAC,OAAD;GAAK,WAAWA;GAAqC,GAAI;EAAQ,CAAA;EAAR,EAAA,KAAA;EAAzCA,EAAAA,KAAAA;;;CAAvB,OAAOC;AACT"}

package/dist/dev/internal/skins/shared/components/sliders/volume-slider.js

@@ -3,23 +3,70 @@ import { SliderThumb } from "../../../../../ui/slider/thumb.js";
 import { SliderTrack } from "../../../../../ui/slider/track.js";
 import { VolumeSliderRoot } from "../../../../../ui/volume-slider/root.js";
 import { SliderFill as SliderFill$1, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1 } from "./slider.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/shared/components/sliders/volume-slider.tsx
 /** @jsxImportSource react */
-function VolumeSlider({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(VolumeSliderRoot, {
-		className: (state) => cn("media-slider", "media-volume-slider", resolveClassName(className, state)),
-		thumbAlignment: "edge",
-		...props,
-		children: [/* @__PURE__ */ jsx(SliderTrack, {
-			render: /* @__PURE__ */ jsx(SliderTrack$1, {}),
+function VolumeSlider(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] !== className) {
+		t2 = (state) => cn("media-slider", "media-volume-slider", resolveClassName(className, state));
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(SliderTrack$1, {});
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(SliderTrack, {
+			render: t3,
 			children: /* @__PURE__ */ jsx(SliderFill, { render: /* @__PURE__ */ jsx(SliderFill$1, {}) })
-		}), /* @__PURE__ */ jsx(SliderThumb, {
+		});
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(SliderThumb, {
 			render: /* @__PURE__ */ jsx(SliderThumb$1, {}),
 			className: "media-volume-slider-thumb"
-		})]
-	});
+		});
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== props || $[11] !== t2) {
+		t6 = /* @__PURE__ */ jsxs(VolumeSliderRoot, {
+			className: t2,
+			thumbAlignment: "edge",
+			...props,
+			children: [t4, t5]
+		});
+		$[10] = props;
+		$[11] = t2;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 //#endregion
 export { VolumeSlider };

package/dist/dev/internal/skins/shared/components/sliders/volume-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume-slider.js","names":["VolumeSliderPrimitive.Root","VolumeSliderPrimitive.Track","SliderTrack","VolumeSliderPrimitive.Fill","SliderFill","VolumeSliderPrimitive.Thumb","SliderThumb"],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/volume-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { VolumeSlider as VolumeSliderPrimitive } from '../../../../skin-primitives';\nimport { SliderFill, SliderThumb, SliderTrack } from './slider';\n\nexport type VolumeSliderProps = Omit<VolumeSliderPrimitive.RootProps, 'children'>;\n\nexport function VolumeSlider({ className, ...props }: VolumeSliderProps = {}) {\n  return (\n    <VolumeSliderPrimitive.Root\n      className={(state) => cn('media-slider', 'media-volume-slider', resolveClassName(className, state))}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <VolumeSliderPrimitive.Track render={<SliderTrack />}>\n        <VolumeSliderPrimitive.Fill render={<SliderFill />} />\n      </VolumeSliderPrimitive.Track>\n      <VolumeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-volume-slider-thumb'} />\n    </VolumeSliderPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,aAAa,EAAE,WAAW,GAAG,UAA6B,CAAC,GAAG;CAC5E,OACE,qBAACA,kBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,uBAAuB,iBAAiB,WAAW,KAAK,CAAC;EAClG,gBAAe;EACf,GAAI;EAHN,UAAA,CAKE,oBAACC,aAAD;GAA6B,QAAQ,oBAACC,eAAD,CAAc,CAAA;GACjD,UAAA,oBAACC,YAAD,EAA4B,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA;EAC1B,CAAA,GAC7B,oBAACC,aAAD;GAA6B,QAAQ,oBAACC,eAAD,CAAc,CAAA;GAAG,WAAW;EAA8B,CAAA,CACrE;;AAEhC"}
+{"version":3,"file":"volume-slider.js","names":["{ className, ...props }: VolumeSliderProps = {}","(state) => cn('media-slider', 'media-volume-slider', resolveClassName(className, state))","<SliderTrack />","<VolumeSliderPrimitive.Track render={<SliderTrack />}>\n        <VolumeSliderPrimitive.Fill render={<SliderFill />} />\n      </VolumeSliderPrimitive.Track>","VolumeSliderPrimitive.Track","VolumeSliderPrimitive.Fill","<VolumeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-volume-slider-thumb'} />","VolumeSliderPrimitive.Thumb","<VolumeSliderPrimitive.Root\n      className={(state) => cn('media-slider', 'media-volume-slider', resolveClassName(className, state))}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <VolumeSliderPrimitive.Track render={<SliderTrack />}>\n        <VolumeSliderPrimitive.Fill render={<SliderFill />} />\n      </VolumeSliderPrimitive.Track>\n      <VolumeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-volume-slider-thumb'} />\n    </VolumeSliderPrimitive.Root>","VolumeSliderPrimitive.Root"],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/volume-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport { VolumeSlider as VolumeSliderPrimitive } from '../../../../skin-primitives';\nimport { SliderFill, SliderThumb, SliderTrack } from './slider';\n\nexport type VolumeSliderProps = Omit<VolumeSliderPrimitive.RootProps, 'children'>;\n\nexport function VolumeSlider({ className, ...props }: VolumeSliderProps = {}) {\n  return (\n    <VolumeSliderPrimitive.Root\n      className={(state) => cn('media-slider', 'media-volume-slider', resolveClassName(className, state))}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <VolumeSliderPrimitive.Track render={<SliderTrack />}>\n        <VolumeSliderPrimitive.Fill render={<SliderFill />} />\n      </VolumeSliderPrimitive.Track>\n      <VolumeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-volume-slider-thumb'} />\n    </VolumeSliderPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,aAAA,IAA8D;;CAAjDA,IAAAA;;EAA6C,KAAA,OAAA,KAAA,IAAA,CAAC,IAA9CA;;;;CAAE,IAAA;CAAc,IAAA;CAAhBA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,cAAW,SAAbA;;;;;;;;CAGZC,IAAAA;CAAsE,IAAA,EAAA,OAAA,WAAA;EAAtE,MAAC,UAAU,GAAG,gBAAgB,uBAAuB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAI5CC,IAAAA;;EAAC,KAAA,oBAAA,eAAD,CAAc,CAAA;;;CAAnDC,IAAAA;;EAACC,KAAAA,oBAAAA,aAAD;GAA6B,QAAQF;GACnC,UAAA,oBAACG,YAAD,EAA4B,QAAQ,oBAAC,cAAD,CAAa,CAAA,EAAI,CAAA;EAC1B,CAAA;;;CAC7BC,IAAAA;;EAACC,KAAAA,oBAAAA,aAAD;GAA6B,QAAQ,oBAAC,eAAD,CAAc,CAAA;GAAG,WAAW;EAA8B,CAAA;;;CARjGC,IAAAA;CAGM,IAAA,EAAA,QAAA,SAAA,EAAA,QAFOP,IAAAA;EADb,KAAA,qBAACQ,kBAAD;GACE,WAAWR;GACX,gBAAe;GACf,GAAI;GAHN,UAAA,CAKEE,IAGAG,EAC0B;;EANtB,EAAA,MAAA;EAFOL,EAAAA,MAAAA;;;CAFf,OACEO;AAWJ"}

package/dist/dev/internal/skins/shared/skins/shared/audio/dialogs/error-dialog.js

@@ -0,0 +1,46 @@
+import { DialogBackdrop } from "../../../../../../../ui/dialog/backdrop.js";
+import { DialogPopup } from "../../../../../../../ui/dialog/popup.js";
+import { ErrorDialogClose } from "../../../../../../../ui/error-dialog/close.js";
+import { ErrorDialogDescription } from "../../../../../../../ui/error-dialog/description.js";
+import { ErrorDialogRoot } from "../../../../../../../ui/error-dialog/root.js";
+import { ErrorDialogTitle } from "../../../../../../../ui/error-dialog/title.js";
+import { Button } from "../../../../components/buttons/button.js";
+import { c } from "react-compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/internal/skins/shared/skins/shared/audio/dialogs/error-dialog.tsx
+/** @jsxImportSource react */
+function AudioErrorDialog() {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "audio-dialog-backdrop" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("div", {
+			className: "audio-dialog-content",
+			children: [/* @__PURE__ */ jsx(ErrorDialogTitle, { className: "audio-dialog-title" }), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "audio-dialog-description" })]
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs(ErrorDialogRoot, { children: [t0, /* @__PURE__ */ jsxs(DialogPopup, {
+			className: "audio-dialog-popup",
+			children: [t1, /* @__PURE__ */ jsx("div", {
+				className: "audio-dialog-actions",
+				children: /* @__PURE__ */ jsx(ErrorDialogClose, {
+					render: /* @__PURE__ */ jsx(Button, {}),
+					className: "audio-dialog-close"
+				})
+			})]
+		})] });
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+//#endregion
+export { AudioErrorDialog };
+
+//# sourceMappingURL=error-dialog.js.map

package/dist/dev/internal/skins/shared/skins/shared/audio/dialogs/error-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-dialog.js","names":["<ErrorDialog.Backdrop className={'audio-dialog-backdrop'} />","ErrorDialog.Backdrop","<div className={'audio-dialog-content'}>\n          <ErrorDialog.Title className={'audio-dialog-title'} />\n          <ErrorDialog.Description className={'audio-dialog-description'} />\n        </div>","ErrorDialog.Title","ErrorDialog.Description","<ErrorDialog.Root>\n      <ErrorDialog.Backdrop className={'audio-dialog-backdrop'} />\n      <ErrorDialog.Popup className={'audio-dialog-popup'}>\n        <div className={'audio-dialog-content'}>\n          <ErrorDialog.Title className={'audio-dialog-title'} />\n          <ErrorDialog.Description className={'audio-dialog-description'} />\n        </div>\n        <div className={'audio-dialog-actions'}>\n          <ErrorDialog.Close render={<Button />} className={'audio-dialog-close'} />\n        </div>\n      </ErrorDialog.Popup>\n    </ErrorDialog.Root>","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Close"],"sources":["../../../../../../../../../src/internal/skins/shared/skins/shared/audio/dialogs/error-dialog.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { ErrorDialog } from '../../../../../../skin-primitives';\nimport { Button } from '../../../../components/buttons/button';\n\nexport function AudioErrorDialog() {\n  return (\n    <ErrorDialog.Root>\n      <ErrorDialog.Backdrop className={'audio-dialog-backdrop'} />\n      <ErrorDialog.Popup className={'audio-dialog-popup'}>\n        <div className={'audio-dialog-content'}>\n          <ErrorDialog.Title className={'audio-dialog-title'} />\n          <ErrorDialog.Description className={'audio-dialog-description'} />\n        </div>\n        <div className={'audio-dialog-actions'}>\n          <ErrorDialog.Close render={<Button />} className={'audio-dialog-close'} />\n        </div>\n      </ErrorDialog.Popup>\n    </ErrorDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAKA,SAAgB,mBAAmB;;CAG7BA,IAAAA;;EAACC,KAAAA,oBAAAA,gBAAD,EAAsB,WAAW,wBAA0B,CAAA;;;CAEzDC,IAAAA;;EAAC,KAAA,qBAAA,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,qBAAuB,CAAA,GACrD,oBAACC,wBAAD,EAAyB,WAAW,2BAA6B,CAAA,CAC9D;;;;CANTC,IAAAA;;EAACC,KAAAA,qBAAAA,iBAAD,EAAA,UAAA,CACEN,IACA,qBAACO,aAAD;GAAmB,WAAW;GAA9B,UAAA,CACEL,IAIA,oBAAC,OAAD;IAAK,WAAW;IACd,UAAA,oBAACM,kBAAD;KAAmB,QAAQ,oBAAC,QAAD,CAAS,CAAA;KAAG,WAAW;IAAuB,CAAA;GACtE,CAAA,CACY;EACH,CAAA,CAAA,EAAA,CAAA;;;CAZpB,OACEH;AAaJ"}

package/dist/dev/internal/skins/shared/skins/shared/audio/sliders/time-slider.js

@@ -0,0 +1,110 @@
+import { SliderBuffer } from "../../../../../../../ui/slider/buffer.js";
+import { SliderFill } from "../../../../../../../ui/slider/fill.js";
+import { SliderPreview } from "../../../../../../../ui/slider/preview.js";
+import { SliderThumb } from "../../../../../../../ui/slider/thumb.js";
+import { SliderTrack } from "../../../../../../../ui/slider/track.js";
+import { SliderValue } from "../../../../../../../ui/slider/value.js";
+import { TimeSliderRoot } from "../../../../../../../ui/time-slider/root.js";
+import { SliderBuffer as SliderBuffer$1, SliderFill as SliderFill$1, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1 } from "../../../../components/sliders/slider.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/shared/skins/shared/audio/sliders/time-slider.tsx
+function AudioTimeSlider(t0) {
+	const $ = c(19);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let className;
+	let props;
+	let t2;
+	if ($[2] !== t1) {
+		({className, previewOverflow: t2, ...props} = t1);
+		$[2] = t1;
+		$[3] = className;
+		$[4] = props;
+		$[5] = t2;
+	} else {
+		className = $[3];
+		props = $[4];
+		t2 = $[5];
+	}
+	const previewOverflow = t2 === void 0 ? "clamp" : t2;
+	let t3;
+	if ($[6] !== className) {
+		t3 = (state) => cn("media-slider", "audio-time-slider", resolveClassName(className, state));
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(SliderTrack$1, {});
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(SliderBuffer, { render: /* @__PURE__ */ jsx(SliderBuffer$1, {}) });
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsxs(SliderTrack, {
+			render: t4,
+			children: [t5, /* @__PURE__ */ jsx(SliderFill, { render: /* @__PURE__ */ jsx(SliderFill$1, {}) })]
+		});
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(SliderThumb, {
+			render: /* @__PURE__ */ jsx(SliderThumb$1, {}),
+			className: "audio-time-slider-thumb"
+		});
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: cn("media-slider-preview-content", "media-popup-surface", "media-tooltip", "audio-time-slider-preview-content"),
+			children: /* @__PURE__ */ jsx(SliderValue, {
+				className: "audio-time-slider-value",
+				type: "pointer"
+			})
+		});
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== previewOverflow) {
+		t9 = /* @__PURE__ */ jsx(SliderPreview, {
+			className: "media-slider-preview",
+			overflow: previewOverflow,
+			children: t8
+		});
+		$[13] = previewOverflow;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== props || $[16] !== t3 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(TimeSliderRoot, {
+			className: t3,
+			...props,
+			children: [
+				t6,
+				t7,
+				t9
+			]
+		});
+		$[15] = props;
+		$[16] = t3;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	return t10;
+}
+//#endregion
+export { AudioTimeSlider };
+
+//# sourceMappingURL=time-slider.js.map

package/dist/dev/internal/skins/shared/skins/shared/audio/sliders/time-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-slider.js","names":["{ className, previewOverflow = 'clamp', ...props }: AudioTimeSliderProps = {}","previewOverflow = 'clamp'","(state) => cn('media-slider', 'audio-time-slider', resolveClassName(className, state))","<SliderTrack />","<TimeSlider.Buffer render={<SliderBuffer />} />","TimeSlider.Buffer","<TimeSlider.Track render={<SliderTrack />}>\n        <TimeSlider.Buffer render={<SliderBuffer />} />\n        <TimeSlider.Fill render={<SliderFill />} />\n      </TimeSlider.Track>","TimeSlider.Track","TimeSlider.Fill","<TimeSlider.Thumb render={<SliderThumb />} className={'audio-time-slider-thumb'} />","TimeSlider.Thumb","<div\n          className={cn(\n            'media-slider-preview-content',\n            'media-popup-surface',\n            'media-tooltip',\n            'audio-time-slider-preview-content'\n          )}\n        >\n          <TimeSlider.Value className={'audio-time-slider-value'} type=\"pointer\" />\n        </div>","TimeSlider.Value","<TimeSlider.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n        <div\n          className={cn(\n            'media-slider-preview-content',\n            'media-popup-surface',\n            'media-tooltip',\n            'audio-time-slider-preview-content'\n          )}\n        >\n          <TimeSlider.Value className={'audio-time-slider-value'} type=\"pointer\" />\n        </div>\n      </TimeSlider.Preview>","TimeSlider.Preview","<TimeSlider.Root\n      className={(state) => cn('media-slider', 'audio-time-slider', resolveClassName(className, state))}\n      {...props}\n    >\n      <TimeSlider.Track render={<SliderTrack />}>\n        <TimeSlider.Buffer render={<SliderBuffer />} />\n        <TimeSlider.Fill render={<SliderFill />} />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb render={<SliderThumb />} className={'audio-time-slider-thumb'} />\n      <TimeSlider.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n        <div\n          className={cn(\n            'media-slider-preview-content',\n            'media-popup-surface',\n            'media-tooltip',\n            'audio-time-slider-preview-content'\n          )}\n        >\n          <TimeSlider.Value className={'audio-time-slider-value'} type=\"pointer\" />\n        </div>\n      </TimeSlider.Preview>\n    </TimeSlider.Root>","TimeSlider.Root"],"sources":["../../../../../../../../../src/internal/skins/shared/skins/shared/audio/sliders/time-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { SliderPreviewOverflow } from '@videojs/core';\nimport { cn } from '@videojs/utils/style';\nimport { resolveClassName } from '@videojs/utils/style';\n\nimport { TimeSlider } from '../../../../../../skin-primitives';\nimport { SliderBuffer, SliderFill, SliderThumb, SliderTrack } from '../../../../components/sliders/slider';\n\nexport interface AudioTimeSliderProps extends Omit<TimeSlider.RootProps, 'children'> {\n  previewOverflow?: SliderPreviewOverflow | undefined;\n}\n\nexport function AudioTimeSlider({ className, previewOverflow = 'clamp', ...props }: AudioTimeSliderProps = {}) {\n  return (\n    <TimeSlider.Root\n      className={(state) => cn('media-slider', 'audio-time-slider', resolveClassName(className, state))}\n      {...props}\n    >\n      <TimeSlider.Track render={<SliderTrack />}>\n        <TimeSlider.Buffer render={<SliderBuffer />} />\n        <TimeSlider.Fill render={<SliderFill />} />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb render={<SliderThumb />} className={'audio-time-slider-thumb'} />\n      <TimeSlider.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n        <div\n          className={cn(\n            'media-slider-preview-content',\n            'media-popup-surface',\n            'media-tooltip',\n            'audio-time-slider-preview-content'\n          )}\n        >\n          <TimeSlider.Value className={'audio-time-slider-value'} type=\"pointer\" />\n        </div>\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,gBAAA,IAA+F;;CAA/EA,IAAAA;;EAA2E,KAAA,OAAA,KAAA,IAAA,CAAC,IAA5EA;;;;CAAE,IAAA;CAAyC,IAAA;CAA9BC,IAAAA;CAAbD,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,WAAW,iBAAA,OAA2B,SAAxCA;;;;;;;;;;CAAa,MAAA,kBAAA,OAAA,KAAA,IAAkB,UAAlBC;CAG5BC,IAAAA;CAAoE,IAAA,EAAA,OAAA,WAAA;EAApE,MAAC,UAAU,GAAG,gBAAgB,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAAjB,EAAA,KAAA;;;CAGrDC,IAAAA;;EAAC,KAAA,oBAAA,eAAD,CAAc,CAAA;;;CACtCC,IAAAA;;EAACC,KAAAA,oBAAAA,cAAD,EAAmB,QAAQ,oBAAC,gBAAD,CAAe,CAAA,EAAI,CAAA;;;CADhDC,IAAAA;;EAACC,KAAAA,qBAAAA,aAAD;GAAkB,QAAQJ;GAA1B,UAAA,CACEC,IACA,oBAACI,YAAD,EAAiB,QAAQ,oBAAC,cAAD,CAAa,CAAA,EAAI,CAAA,CAC1B;;;;CAClBC,IAAAA;;EAACC,KAAAA,oBAAAA,aAAD;GAAkB,QAAQ,oBAAC,eAAD,CAAc,CAAA;GAAG,WAAW;EAA4B,CAAA;;;CAEhFC,IAAAA;;EAAC,KAAA,oBAAA,OAAD;GACE,WAAW,GACT,gCACA,uBACA,iBACA,mCACF;GAEA,UAAA,oBAACC,aAAD;IAAkB,WAAW;IAA2B,MAAK;GAAW,CAAA;EACrE,CAAA;;;CAVPC,IAAAA;CAAiE,IAAA,EAAA,QAAA,iBAAA;EAAjE,KAAA,oBAACC,eAAD;GAAoB,WAAW;GAAwB,UAAU;GAC/DH,UAAAA;EAUkB,CAAA;EAX6C,EAAA,MAAA;;;CATnEI,IAAAA;CAEM,IAAA,EAAA,QAAA,SAAA,EAAA,QADOb,MAAAA,EAAAA,QAQXW,IAAAA;EATF,MAAA,qBAACG,gBAAD;GACE,WAAWd;GACX,GAAI;GAFN,UAAA;IAIEI;IAIAG;IACAI;GAYe;;EAnBX,EAAA,MAAA;EADOX,EAAAA,MAAAA;EAQXW,EAAAA,MAAAA;;;CAVJ,OACEE;AAuBJ"}

package/dist/dev/internal/skins/shared/skins/shared/behaviors/live-playback-hotkeys.js

@@ -0,0 +1,53 @@
+import { Hotkey } from "../../../../../../ui/hotkey/component.js";
+import { c } from "react-compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/internal/skins/shared/skins/shared/behaviors/live-playback-hotkeys.tsx
+/** @jsxImportSource react */
+function LivePlaybackHotkeys(t0) {
+	const $ = c(4);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { disabled: t2 } = t1;
+	const disabled = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[2] !== disabled) {
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(Hotkey, {
+				disabled,
+				keys: "Space",
+				action: "togglePaused"
+			}),
+			/* @__PURE__ */ jsx(Hotkey, {
+				disabled,
+				keys: "k",
+				action: "togglePaused"
+			}),
+			/* @__PURE__ */ jsx(Hotkey, {
+				disabled,
+				keys: "m",
+				action: "toggleMuted"
+			}),
+			/* @__PURE__ */ jsx(Hotkey, {
+				disabled,
+				keys: "ArrowUp",
+				action: "volumeStep"
+			}),
+			/* @__PURE__ */ jsx(Hotkey, {
+				disabled,
+				keys: "ArrowDown",
+				action: "volumeStep"
+			})
+		] });
+		$[2] = disabled;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+}
+//#endregion
+export { LivePlaybackHotkeys };
+
+//# sourceMappingURL=live-playback-hotkeys.js.map

package/dist/dev/internal/skins/shared/skins/shared/behaviors/live-playback-hotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-playback-hotkeys.js","names":["{ disabled = false }: LivePlaybackHotkeysProps = {}","disabled = false","<>\n      <Hotkey disabled={disabled} keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"k\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey disabled={disabled} keys=\"ArrowUp\" action=\"volumeStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowDown\" action=\"volumeStep\" />\n    </>"],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/behaviors/live-playback-hotkeys.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { Hotkey } from '../../../../../skin-primitives';\n\nexport interface LivePlaybackHotkeysProps {\n  disabled?: boolean | undefined;\n}\n\nexport function LivePlaybackHotkeys({ disabled = false }: LivePlaybackHotkeysProps = {}) {\n  return (\n    <>\n      <Hotkey disabled={disabled} keys=\"Space\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"k\" action=\"togglePaused\" />\n      <Hotkey disabled={disabled} keys=\"m\" action=\"toggleMuted\" />\n      <Hotkey disabled={disabled} keys=\"ArrowUp\" action=\"volumeStep\" />\n      <Hotkey disabled={disabled} keys=\"ArrowDown\" action=\"volumeStep\" />\n    </>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,oBAAA,IAAyE;;CAArDA,IAAAA;;EAAiD,KAAA,OAAA,KAAA,IAAA,CAAC,IAAlDA;;;;CAAE,MAAA,EAAA,UAAA,OAAFA;CAAE,MAAA,WAAA,OAAA,KAAA,IAAW,QAAXC;CAElCC,IAAAA;CACoB,IAAA,EAAA,OAAA,UAAA;EADpB,KAAA,qBAAA,UAAA,EAAA,UAAA;GACE,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAQ,QAAO;GAAgB,CAAA;GAChE,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAI,QAAO;GAAgB,CAAA;GAC5D,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAI,QAAO;GAAe,CAAA;GAC3D,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAU,QAAO;GAAc,CAAA;GAChE,oBAAC,QAAD;IAAkB;IAAU,MAAK;IAAY,QAAO;GAAc,CAAA;EAClE,EAAA,CAAA;EALkB,EAAA,KAAA;;;CAFtB,OACEA;AAQJ"}