npm - @videojs/react - Versions diffs - 10.0.0-beta.31 → 10.0.0-beta.32 - Mend

@videojs/react 10.0.0-beta.31 → 10.0.0-beta.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1552) hide show

package/dist/dev/presets/live-video/minimal-skin.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minimal-skin.d.ts","names":[],"sources":["../../../../src/presets/live-video/minimal-skin.tsx"],"mappings":";;;~~KAuDY~~,4BAA4B;~~iBAmHxB~~,qBAAqB,OAAO,4BAA4B"}
1	+ {"version":3,"file":"minimal-skin.d.ts","names":[],"sources":["../../../../src/presets/live-video/minimal-skin.tsx"],"mappings":";;;KAyDY,4BAA4B;iBAmIxB,qBAAqB,OAAO,4BAA4B"}

package/dist/dev/presets/live-video/minimal-skin.js CHANGED Viewed

@@ -3,12 +3,15 @@ import { useTranslator } from "../../i18n/context.js";
 import { usePlayer } from "../../player/context.js";
 import { Container } from "../../player/container.js";
 import { AirPlayButton } from "../../ui/airplay-button/airplay-button.js";
-import { AlertDialogPopup } from "../../ui/alert-dialog/alert-dialog-popup.js";
+import { DialogBackdrop } from "../../ui/dialog/dialog-backdrop.js";
+import { DialogPopup } from "../../ui/dialog/dialog-popup.js";
 import { MenuRadioGroup } from "../../ui/menu/menu-radio-group.js";
 import { BufferingIndicator } from "../../ui/buffering-indicator/buffering-indicator.js";
 import { CaptionsButton } from "../../ui/captions-button/captions-button.js";
 import { useCaptionsOptions } from "../../ui/captions-radio-group/use-captions-options.js";
 import { CastButton } from "../../ui/cast-button/cast-button.js";
+import { ControlsBackdrop } from "../../ui/controls/controls-backdrop.js";
+import { ControlsContent } from "../../ui/controls/controls-content.js";
 import { ControlsRoot } from "../../ui/controls/controls-root.js";
 import { ErrorDialogClose } from "../../ui/error-dialog/error-dialog-close.js";
 import { ErrorDialogDescription } from "../../ui/error-dialog/error-dialog-description.js";
@@ -20,6 +23,7 @@ import { Hotkey } from "../../ui/hotkey/hotkey.js";
 import { LiveButton } from "../../ui/live-button/live-button.js";
 import { MenuContent } from "../../ui/menu/menu-content.js";
 import { MenuItemIndicator } from "../../ui/menu/menu-item-indicator.js";
+import { MenuPopup } from "../../ui/menu/menu-popup.js";
 import { MenuRadioItem } from "../../ui/menu/menu-radio-item.js";
 import { MenuRoot } from "../../ui/menu/menu-root.js";
 import { MenuTrigger } from "../../ui/menu/menu-trigger.js";
@@ -46,24 +50,24 @@ import { VolumeIndicatorFill } from "../../ui/volume-indicator/volume-indicator-
 import { VolumeIndicatorRoot } from "../../ui/volume-indicator/volume-indicator-root.js";
 import { VolumeIndicatorValue } from "../../ui/volume-indicator/volume-indicator-value.js";
 import { VolumeSliderRoot } from "../../ui/volume-slider/volume-slider-root.js";
-import AirPlayEnterIcon from "../../icons/dist/react/minimal/airplay-enter.js";
-import AirPlayExitIcon from "../../icons/dist/react/minimal/airplay-exit.js";
-import CaptionsOffIcon from "../../icons/dist/react/minimal/captions-off.js";
-import CaptionsOnIcon from "../../icons/dist/react/minimal/captions-on.js";
-import CastEnterIcon from "../../icons/dist/react/minimal/cast-enter.js";
-import CastExitIcon from "../../icons/dist/react/minimal/cast-exit.js";
-import CheckIcon from "../../icons/dist/react/minimal/check.js";
-import FullscreenEnterIcon from "../../icons/dist/react/minimal/fullscreen-enter.js";
-import FullscreenExitIcon from "../../icons/dist/react/minimal/fullscreen-exit.js";
-import PauseIcon from "../../icons/dist/react/minimal/pause.js";
-import PipEnterIcon from "../../icons/dist/react/minimal/pip-enter.js";
-import PipExitIcon from "../../icons/dist/react/minimal/pip-exit.js";
-import PlayIcon from "../../icons/dist/react/minimal/play.js";
-import RestartIcon from "../../icons/dist/react/minimal/restart.js";
-import SpinnerIcon from "../../icons/dist/react/minimal/spinner.js";
-import VolumeHighIcon from "../../icons/dist/react/minimal/volume-high.js";
-import VolumeLowIcon from "../../icons/dist/react/minimal/volume-low.js";
-import VolumeOffIcon from "../../icons/dist/react/minimal/volume-off.js";
+import ForwardRef from "../../icons/dist/react/minimal/airplay-enter.js";
+import ForwardRef$1 from "../../icons/dist/react/minimal/airplay-exit.js";
+import ForwardRef$2 from "../../icons/dist/react/minimal/captions-off.js";
+import ForwardRef$3 from "../../icons/dist/react/minimal/captions-on.js";
+import ForwardRef$4 from "../../icons/dist/react/minimal/cast-enter.js";
+import ForwardRef$5 from "../../icons/dist/react/minimal/cast-exit.js";
+import ForwardRef$6 from "../../icons/dist/react/minimal/check.js";
+import ForwardRef$7 from "../../icons/dist/react/minimal/fullscreen-enter.js";
+import ForwardRef$8 from "../../icons/dist/react/minimal/fullscreen-exit.js";
+import ForwardRef$9 from "../../icons/dist/react/minimal/pause.js";
+import ForwardRef$10 from "../../icons/dist/react/minimal/pip-enter.js";
+import ForwardRef$11 from "../../icons/dist/react/minimal/pip-exit.js";
+import ForwardRef$12 from "../../icons/dist/react/minimal/play.js";
+import ForwardRef$13 from "../../icons/dist/react/minimal/restart.js";
+import ForwardRef$14 from "../../icons/dist/react/minimal/spinner.js";
+import ForwardRef$15 from "../../icons/dist/react/minimal/volume-high.js";
+import ForwardRef$16 from "../../icons/dist/react/minimal/volume-low.js";
+import ForwardRef$17 from "../../icons/dist/react/minimal/volume-off.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@videojs/utils/style";
@@ -89,18 +93,34 @@ function VolumePopover() {
 		className: "media-button--mute",
 		render: /* @__PURE__ */ jsx(Button, {}),
 		children: [
-			/* @__PURE__ */ jsx(VolumeOffIcon, { className: "media-icon media-icon--volume-off" }),
-			/* @__PURE__ */ jsx(VolumeLowIcon, { className: "media-icon media-icon--volume-low" }),
-			/* @__PURE__ */ jsx(VolumeHighIcon, { className: "media-icon media-icon--volume-high" })
+			/* @__PURE__ */ jsx(ForwardRef$17, { className: "media-icon media-icon--volume-off" }),
+			/* @__PURE__ */ jsx(ForwardRef$16, { className: "media-icon media-icon--volume-low" }),
+			/* @__PURE__ */ jsx(ForwardRef$15, { className: "media-icon media-icon--volume-high" })
 		]
 	});
-	if (volumeUnavailable) return muteButton;
+	if (volumeUnavailable) return /* @__PURE__ */ jsxs(TooltipRoot, {
+		side: "top",
+		delay: 0,
+		sticky: true,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: muteButton }), /* @__PURE__ */ jsxs(TooltipPopup, {
+			className: "media-tooltip",
+			children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
+		})]
+	});
 	return /* @__PURE__ */ jsxs(PopoverRoot, {
 		openOnHover: true,
 		delay: 200,
 		closeDelay: 100,
 		side: "right",
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: muteButton }), /* @__PURE__ */ jsx(PopoverPopup, {
+		children: [/* @__PURE__ */ jsxs(TooltipRoot, {
+			side: "top",
+			delay: 0,
+			sticky: true,
+			children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(PopoverTrigger, { render: muteButton }) }), /* @__PURE__ */ jsxs(TooltipPopup, {
+				className: "media-tooltip",
+				children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
+			})]
+		}), /* @__PURE__ */ jsx(PopoverPopup, {
 			className: "media-popover media-popover--volume",
 			children: /* @__PURE__ */ jsxs(VolumeSliderRoot, {
 				className: "media-slider",
@@ -115,11 +135,9 @@ function VolumePopover() {
 	});
 }
 /**
-* Minimal video skin configured for live playback. Mirrors
-* {@link MinimalVideoSkin} but omits the time slider and the current /
-* duration / remaining time displays. A flexible spacer stretches between
-* the start and end button groups so they sit at opposite edges of the
-* control bar.
+* Minimal video skin configured for live playback. Mirrors {@link MinimalVideoSkin} but omits the time slider and the
+* current / duration / remaining time displays. A flexible spacer stretches between the start and end button groups so
+* they sit at opposite edges of the control bar.
 */
 function CaptionsTrigger() {
 	const t = useTranslator();
@@ -131,7 +149,7 @@ function CaptionsTrigger() {
 		children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(CaptionsButton, {
 			className: "media-button--captions",
 			render: /* @__PURE__ */ jsx(Button, {}),
-			children: [/* @__PURE__ */ jsx(CaptionsOffIcon, { className: "media-icon media-icon--captions-off" }), /* @__PURE__ */ jsx(CaptionsOnIcon, { className: "media-icon media-icon--captions-on" })]
+			children: [/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-icon media-icon--captions-off" }), /* @__PURE__ */ jsx(ForwardRef$3, { className: "media-icon media-icon--captions-on" })]
 		}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 			className: "media-tooltip",
 			children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
@@ -145,29 +163,32 @@ function CaptionsTrigger() {
 			render: /* @__PURE__ */ jsxs(CaptionsButton, {
 				className: "media-button--captions",
 				render: /* @__PURE__ */ jsx(Button, {}),
-				children: [/* @__PURE__ */ jsx(CaptionsOffIcon, { className: "media-icon media-icon--captions-off" }), /* @__PURE__ */ jsx(CaptionsOnIcon, { className: "media-icon media-icon--captions-on" })]
+				children: [/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-icon media-icon--captions-off" }), /* @__PURE__ */ jsx(ForwardRef$3, { className: "media-icon media-icon--captions-on" })]
 			})
-		}), /* @__PURE__ */ jsx(MenuContent, {
+		}), /* @__PURE__ */ jsx(MenuPopup, {
 			className: "media-popover media-menu media-menu--captions",
-			children: /* @__PURE__ */ jsx(MenuRadioGroup, {
-				className: "media-menu__group",
-				value: captions.value,
-				onValueChange: captions.setValue,
-				"aria-label": t(captionsText),
-				children: captions.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
-					className: "media-menu__item",
-					value: option.value,
-					disabled: option.disabled,
-					children: [/* @__PURE__ */ jsx("bdi", {
-						dir: "auto",
-						children: option.label
-					}), /* @__PURE__ */ jsx(MenuItemIndicator, {
-						checked: option.value === captions.value,
-						forceMount: true,
-						className: "media-menu__indicator",
-						children: /* @__PURE__ */ jsx(CheckIcon, { className: "media-icon" })
-					})]
-				}, option.value))
+			children: /* @__PURE__ */ jsx(MenuContent, {
+				className: "media-menu__content",
+				children: /* @__PURE__ */ jsx(MenuRadioGroup, {
+					className: "media-menu__group",
+					value: captions.value,
+					onValueChange: captions.setValue,
+					"aria-label": t(captionsText),
+					children: captions.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
+						className: "media-menu__item",
+						value: option.value,
+						disabled: option.disabled,
+						children: [/* @__PURE__ */ jsx("bdi", {
+							dir: "auto",
+							children: option.label
+						}), /* @__PURE__ */ jsx(MenuItemIndicator, {
+							checked: option.value === captions.value,
+							forceMount: true,
+							className: "media-menu__indicator",
+							children: /* @__PURE__ */ jsx(ForwardRef$6, { className: "media-icon" })
+						})]
+					}, option.value))
+				})
 			})
 		})]
 	});
@@ -184,22 +205,19 @@ function MinimalLiveVideoSkin(props) {
 			/* @__PURE__ */ jsx(BufferingIndicator, { render: (props) => /* @__PURE__ */ jsx("div", {
 				...props,
 				className: "media-buffering-indicator",
-				children: /* @__PURE__ */ jsx(SpinnerIcon, { className: "media-icon" })
-			}) }),
-			/* @__PURE__ */ jsx(ErrorDialogRoot, { children: /* @__PURE__ */ jsx(AlertDialogPopup, {
-				className: "media-error",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "media-error__dialog",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "media-error__content",
-						children: [/* @__PURE__ */ jsx(ErrorDialogTitle, { className: "media-error__title" }), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "media-error__description" })]
-					}), /* @__PURE__ */ jsx("div", {
-						className: "media-error__actions",
-						children: /* @__PURE__ */ jsx(ErrorDialogClose, { className: "media-button media-button--primary" })
-					})]
-				})
+				children: /* @__PURE__ */ jsx(ForwardRef$14, { className: "media-icon" })
 			}) }),
-			/* @__PURE__ */ jsx(ControlsRoot, {
+			/* @__PURE__ */ jsxs(ErrorDialogRoot, { children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "media-dialog__backdrop" }), /* @__PURE__ */ jsxs(DialogPopup, {
+				className: "media-dialog__popup media-surface",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "media-dialog__content",
+					children: [/* @__PURE__ */ jsx(ErrorDialogTitle, { className: "media-dialog__title" }), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "media-dialog__description" })]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "media-dialog__actions",
+					children: /* @__PURE__ */ jsx(ErrorDialogClose, { className: "media-button media-button--primary" })
+				})]
+			})] }),
+			/* @__PURE__ */ jsxs(ControlsRoot, { children: [/* @__PURE__ */ jsx(ControlsBackdrop, { className: "media-controls__backdrop" }), /* @__PURE__ */ jsx(ControlsContent, {
 				className: "media-controls",
 				children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
 					/* @__PURE__ */ jsxs("div", {
@@ -211,9 +229,9 @@ function MinimalLiveVideoSkin(props) {
 									className: "media-button--play",
 									render: /* @__PURE__ */ jsx(Button, {}),
 									children: [
-										/* @__PURE__ */ jsx(RestartIcon, { className: "media-icon media-icon--restart" }),
-										/* @__PURE__ */ jsx(PlayIcon, { className: "media-icon media-icon--play" }),
-										/* @__PURE__ */ jsx(PauseIcon, { className: "media-icon media-icon--pause" })
+										/* @__PURE__ */ jsx(ForwardRef$13, { className: "media-icon media-icon--restart" }),
+										/* @__PURE__ */ jsx(ForwardRef$12, { className: "media-icon media-icon--play" }),
+										/* @__PURE__ */ jsx(ForwardRef$9, { className: "media-icon media-icon--pause" })
 									]
 								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 									className: "media-tooltip",
@@ -237,7 +255,7 @@ function MinimalLiveVideoSkin(props) {
 								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(CastButton, {
 									className: "media-button--cast",
 									render: /* @__PURE__ */ jsx(Button, {}),
-									children: [/* @__PURE__ */ jsx(CastEnterIcon, { className: "media-icon media-icon--cast-enter" }), /* @__PURE__ */ jsx(CastExitIcon, { className: "media-icon media-icon--cast-exit" })]
+									children: [/* @__PURE__ */ jsx(ForwardRef$4, { className: "media-icon media-icon--cast-enter" }), /* @__PURE__ */ jsx(ForwardRef$5, { className: "media-icon media-icon--cast-exit" })]
 								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 									className: "media-tooltip",
 									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
@@ -248,7 +266,7 @@ function MinimalLiveVideoSkin(props) {
 								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(AirPlayButton, {
 									className: "media-button--airplay",
 									render: /* @__PURE__ */ jsx(Button, {}),
-									children: [/* @__PURE__ */ jsx(AirPlayEnterIcon, { className: "media-icon media-icon--airplay-enter" }), /* @__PURE__ */ jsx(AirPlayExitIcon, { className: "media-icon media-icon--airplay-exit" })]
+									children: [/* @__PURE__ */ jsx(ForwardRef, { className: "media-icon media-icon--airplay-enter" }), /* @__PURE__ */ jsx(ForwardRef$1, { className: "media-icon media-icon--airplay-exit" })]
 								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 									className: "media-tooltip",
 									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
@@ -259,7 +277,7 @@ function MinimalLiveVideoSkin(props) {
 								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(PiPButton, {
 									className: "media-button--pip",
 									render: /* @__PURE__ */ jsx(Button, {}),
-									children: [/* @__PURE__ */ jsx(PipEnterIcon, { className: "media-icon media-icon--pip-enter" }), /* @__PURE__ */ jsx(PipExitIcon, { className: "media-icon media-icon--pip-exit" })]
+									children: [/* @__PURE__ */ jsx(ForwardRef$10, { className: "media-icon media-icon--pip-enter" }), /* @__PURE__ */ jsx(ForwardRef$11, { className: "media-icon media-icon--pip-exit" })]
 								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 									className: "media-tooltip",
 									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
@@ -270,7 +288,7 @@ function MinimalLiveVideoSkin(props) {
 								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(FullscreenButton, {
 									className: "media-button--fullscreen",
 									render: /* @__PURE__ */ jsx(Button, {}),
-									children: [/* @__PURE__ */ jsx(FullscreenEnterIcon, { className: "media-icon media-icon--fullscreen-enter" }), /* @__PURE__ */ jsx(FullscreenExitIcon, { className: "media-icon media-icon--fullscreen-exit" })]
+									children: [/* @__PURE__ */ jsx(ForwardRef$7, { className: "media-icon media-icon--fullscreen-enter" }), /* @__PURE__ */ jsx(ForwardRef$8, { className: "media-icon media-icon--fullscreen-exit" })]
 								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
 									className: "media-tooltip",
 									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
@@ -279,8 +297,7 @@ function MinimalLiveVideoSkin(props) {
 						]
 					})
 				] })
-			}),
-			/* @__PURE__ */ jsx("div", { className: "media-overlay" }),
+			})] }),
 			/* @__PURE__ */ jsx(Hotkey, {
 				keys: "Space",
 				action: "togglePaused"
@@ -333,16 +350,16 @@ function MinimalLiveVideoSkin(props) {
 			}),
 			/* @__PURE__ */ jsx(StatusAnnouncer, { className: "media-sr-only" }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "media-input-indicator-overlay",
+				className: "media-input-indicator",
 				children: [
 					/* @__PURE__ */ jsx(VolumeIndicatorRoot, {
 						className: "media-volume-indicator",
 						children: /* @__PURE__ */ jsxs(VolumeIndicatorFill, {
 							className: "media-volume-indicator__content",
 							children: [
-								/* @__PURE__ */ jsx(VolumeHighIcon, { className: "media-icon media-icon--volume-high" }),
-								/* @__PURE__ */ jsx(VolumeLowIcon, { className: "media-icon media-icon--volume-low" }),
-								/* @__PURE__ */ jsx(VolumeOffIcon, { className: "media-icon media-icon--volume-off" }),
+								/* @__PURE__ */ jsx(ForwardRef$15, { className: "media-icon media-icon--volume-high" }),
+								/* @__PURE__ */ jsx(ForwardRef$16, { className: "media-icon media-icon--volume-low" }),
+								/* @__PURE__ */ jsx(ForwardRef$17, { className: "media-icon media-icon--volume-off" }),
 								/* @__PURE__ */ jsx("div", {
 									className: "media-volume-indicator__progress",
 									"aria-hidden": "true"
@@ -357,12 +374,12 @@ function MinimalLiveVideoSkin(props) {
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "media-status-indicator__content",
 							children: [
-								/* @__PURE__ */ jsx(CaptionsOnIcon, { className: "media-icon media-icon--captions-on" }),
-								/* @__PURE__ */ jsx(CaptionsOffIcon, { className: "media-icon media-icon--captions-off" }),
-								/* @__PURE__ */ jsx(FullscreenEnterIcon, { className: "media-icon media-icon--fullscreen-enter" }),
-								/* @__PURE__ */ jsx(FullscreenExitIcon, { className: "media-icon media-icon--fullscreen-exit" }),
-								/* @__PURE__ */ jsx(PipEnterIcon, { className: "media-icon media-icon--pip-enter" }),
-								/* @__PURE__ */ jsx(PipExitIcon, { className: "media-icon media-icon--pip-exit" }),
+								/* @__PURE__ */ jsx(ForwardRef$3, { className: "media-icon media-icon--captions-on" }),
+								/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-icon media-icon--captions-off" }),
+								/* @__PURE__ */ jsx(ForwardRef$7, { className: "media-icon media-icon--fullscreen-enter" }),
+								/* @__PURE__ */ jsx(ForwardRef$8, { className: "media-icon media-icon--fullscreen-exit" }),
+								/* @__PURE__ */ jsx(ForwardRef$10, { className: "media-icon media-icon--pip-enter" }),
+								/* @__PURE__ */ jsx(ForwardRef$11, { className: "media-icon media-icon--pip-exit" }),
 								/* @__PURE__ */ jsx(StatusIndicatorValue, { className: "media-status-indicator__value" })
 							]
 						})
@@ -370,7 +387,7 @@ function MinimalLiveVideoSkin(props) {
 					/* @__PURE__ */ jsxs(StatusIndicatorRoot, {
 						actions: CENTER_STATUS_ACTIONS,
 						className: "media-status-indicator media-status-indicator--playback",
-						children: [/* @__PURE__ */ jsx(PlayIcon, { className: "media-icon media-icon--play" }), /* @__PURE__ */ jsx(PauseIcon, { className: "media-icon media-icon--pause" })]
+						children: [/* @__PURE__ */ jsx(ForwardRef$12, { className: "media-icon media-icon--play" }), /* @__PURE__ */ jsx(ForwardRef$9, { className: "media-icon media-icon--pause" })]
 					})
 				]
 			})

package/dist/dev/presets/live-video/minimal-skin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minimal-skin.js","names":["Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut","Menu.Root","Menu.Trigger","Menu.Content","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Tooltip.Provider","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value"],"sources":["../../../../src/presets/live-video/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { captionsText } from '@videojs/core/i18n/text/menu';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, forwardRef, type ReactNode } from 'react';\nimport { useTranslator } from '@/i18n/context';\nimport {\n AirPlayEnterIcon,\n AirPlayExitIcon,\n CaptionsOffIcon,\n CaptionsOnIcon,\n CastEnterIcon,\n CastExitIcon,\n CheckIcon,\n FullscreenEnterIcon,\n FullscreenExitIcon,\n PauseIcon,\n PipEnterIcon,\n PipExitIcon,\n PlayIcon,\n RestartIcon,\n SpinnerIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons/minimal';\nimport { Container } from '@/player/container';\nimport { usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { CaptionsButton } from '@/ui/captions-button';\nimport { useCaptionsOptions } from '@/ui/captions-radio-group';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { LiveButton } from '@/ui/live-button';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\nimport type { BaseVideoSkinProps } from '../types';\n\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type MinimalLiveVideoSkinProps = BaseVideoSkinProps;\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n return (\n <button\n ref={ref}\n type=\"button\"\n className={cn('media-button media-button--subtle media-button--icon', className)}\n {...props}\n />\n );\n});\n\nfunction VolumePopover(): ReactNode {\n const volumeUnavailable = usePlayer((s) => s.volumeAvailability !== 'available');\n\n const muteButton = (\n <MuteButton className=\"media-button--mute\" render={<Button />}>\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n </MuteButton>\n );\n\n if (volumeUnavailable) return muteButton;\n\n return (\n <Popover.Root openOnHover delay={200} closeDelay={100} side=\"right\">\n <Popover.Trigger render={muteButton} />\n <Popover.Popup className=\"media-popover media-popover--volume\">\n <VolumeSlider.Root className=\"media-slider\" orientation=\"horizontal\" thumbAlignment=\"edge\">\n <VolumeSlider.Track className=\"media-slider__track\">\n <VolumeSlider.Fill className=\"media-slider__fill\" />\n </VolumeSlider.Track>\n <VolumeSlider.Thumb className=\"media-slider__thumb media-slider__thumb--persistent\" />\n </VolumeSlider.Root>\n </Popover.Popup>\n </Popover.Root>\n );\n}\n\n/*\n Minimal video skin configured for live playback. Mirrors\n * {@link MinimalVideoSkin} but omits the time slider and the current /\n * duration / remaining time displays. A flexible spacer stretches between\n * the start and end button groups so they sit at opposite edges of the\n * control bar.\n /\nfunction CaptionsTrigger(): ReactNode {\n const t = useTranslator();\n const captions = useCaptionsOptions();\n if (!captions) return null;\n\n const { disabled } = captions;\n\n if (!captions.showMenu) {\n return (\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CaptionsButton className=\"media-button--captions\" render={<Button />}>\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n </CaptionsButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n );\n }\n\n return (\n <Menu.Root side=\"top\" align=\"center\">\n <Menu.Trigger\n disabled={disabled}\n render={\n <CaptionsButton className=\"media-button--captions\" render={<Button />}>\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n </CaptionsButton>\n }\n />\n <Menu.Content className=\"media-popover media-menu media-menu--captions\">\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={captions.value}\n onValueChange={captions.setValue}\n aria-label={t(captionsText)}\n >\n {captions.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <bdi dir=\"auto\">{option.label}</bdi>\n <Menu.ItemIndicator\n checked={option.value === captions.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n );\n}\n\nexport function MinimalLiveVideoSkin(props: MinimalLiveVideoSkinProps): ReactNode {\n const { children, className, renderPoster, style, ...rest } = props;\n\n return (\n <Container className={cn('media-minimal-skin media-minimal-skin--video', className)} style={style} {...rest}>\n {children}\n\n <Poster render={renderPoster} />\n\n <BufferingIndicator\n render={(props) => (\n <div {...props} className=\"media-buffering-indicator\">\n <SpinnerIcon className=\"media-icon\" />\n </div>\n )}\n />\n\n <ErrorDialog.Root>\n <ErrorDialog.Popup className=\"media-error\">\n <div className=\"media-error__dialog\">\n <div className=\"media-error__content\">\n <ErrorDialog.Title className=\"media-error__title\"></ErrorDialog.Title>\n <ErrorDialog.Description className=\"media-error__description\" />\n </div>\n <div className=\"media-error__actions\">\n <ErrorDialog.Close className=\"media-button media-button--primary\"></ErrorDialog.Close>\n </div>\n </div>\n </ErrorDialog.Popup>\n </ErrorDialog.Root>\n\n <Controls.Root className=\"media-controls\">\n <Tooltip.Provider>\n <div className=\"media-button-group\">\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PlayButton className=\"media-button--play\" render={<Button />}>\n <RestartIcon className=\"media-icon media-icon--restart\" />\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </PlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <LiveButton className=\"media-button media-button--subtle media-button--live\" />\n\n <VolumePopover />\n </div>\n\n <div className=\"media-time-controls\" aria-hidden=\"true\" />\n\n <div className=\"media-button-group\">\n <CaptionsTrigger />\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CastButton className=\"media-button--cast\" render={<Button />}>\n <CastEnterIcon className=\"media-icon media-icon--cast-enter\" />\n <CastExitIcon className=\"media-icon media-icon--cast-exit\" />\n </CastButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <AirPlayButton className=\"media-button--airplay\" render={<Button />}>\n <AirPlayEnterIcon className=\"media-icon media-icon--airplay-enter\" />\n <AirPlayExitIcon className=\"media-icon media-icon--airplay-exit\" />\n </AirPlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PiPButton className=\"media-button--pip\" render={<Button />}>\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n </PiPButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <FullscreenButton className=\"media-button--fullscreen\" render={<Button />}>\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n </FullscreenButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n </div>\n </Tooltip.Provider>\n </Controls.Root>\n\n <div className=\"media-overlay\" />\n\n {/ Hotkeys /}\n <Hotkey keys=\"Space\" action=\"togglePaused\" />\n <Hotkey keys=\"k\" action=\"togglePaused\" />\n <Hotkey keys=\"m\" action=\"toggleMuted\" />\n <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n\n {/ Gestures /}\n <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n\n {/ Input Indicators */}\n <StatusAnnouncer className=\"media-sr-only\" />\n <div className=\"media-input-indicator-overlay\">\n <VolumeIndicator.Root className=\"media-volume-indicator\">\n <VolumeIndicator.Fill className=\"media-volume-indicator__content\">\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <div className=\"media-volume-indicator__progress\" aria-hidden=\"true\" />\n <VolumeIndicator.Value className=\"media-volume-indicator__value\" />\n </VolumeIndicator.Fill>\n </VolumeIndicator.Root>\n\n <StatusIndicator.Root\n actions={TOP_STATUS_ACTIONS}\n className=\"media-status-indicator media-status-indicator--state\"\n >\n <div className=\"media-status-indicator__content\">\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n <StatusIndicator.Value className=\"media-status-indicator__value\" />\n </div>\n </StatusIndicator.Root>\n\n <StatusIndicator.Root\n actions={CENTER_STATUS_ACTIONS}\n className=\"media-status-indicator media-status-indicator--playback\"\n >\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </StatusIndicator.Root>\n </div>\n </Container>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"minimal-skin.js","names":["VolumeOffIcon","VolumeLowIcon","VolumeHighIcon","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut","Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","CaptionsOffIcon","CaptionsOnIcon","Menu.Root","Menu.Trigger","Menu.Popup","Menu.Content","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","CheckIcon","SpinnerIcon","ErrorDialog.Root","ErrorDialog.Backdrop","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","RestartIcon","PlayIcon","PauseIcon","CastEnterIcon","CastExitIcon","AirPlayEnterIcon","AirPlayExitIcon","PipEnterIcon","PipExitIcon","FullscreenEnterIcon","FullscreenExitIcon","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value"],"sources":["../../../../src/presets/live-video/minimal-skin.tsx"],"sourcesContent":["'use client';\n\nimport { captionsText } from '@videojs/core/i18n/text/menu';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, forwardRef, type ReactNode } from 'react';\n\nimport { useTranslator } from '@/i18n/context';\nimport {\n AirPlayEnterIcon,\n AirPlayExitIcon,\n CaptionsOffIcon,\n CaptionsOnIcon,\n CastEnterIcon,\n CastExitIcon,\n CheckIcon,\n FullscreenEnterIcon,\n FullscreenExitIcon,\n PauseIcon,\n PipEnterIcon,\n PipExitIcon,\n PlayIcon,\n RestartIcon,\n SpinnerIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons/minimal';\nimport { Container } from '@/player/container';\nimport { usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { CaptionsButton } from '@/ui/captions-button';\nimport { useCaptionsOptions } from '@/ui/captions-radio-group';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { LiveButton } from '@/ui/live-button';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\n\nimport type { BaseVideoSkinProps } from '../types';\n\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type MinimalLiveVideoSkinProps = BaseVideoSkinProps;\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n return (\n <button\n ref={ref}\n type=\"button\"\n className={cn('media-button media-button--subtle media-button--icon', className)}\n {...props}\n />\n );\n});\n\nfunction VolumePopover(): ReactNode {\n const volumeUnavailable = usePlayer((s) => s.volumeAvailability !== 'available');\n\n const muteButton = (\n <MuteButton className=\"media-button--mute\" render={<Button />}>\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n </MuteButton>\n );\n\n if (volumeUnavailable) {\n return (\n <Tooltip.Root side=\"top\" delay={0} sticky>\n <Tooltip.Trigger render={muteButton} />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n );\n }\n\n return (\n <Popover.Root openOnHover delay={200} closeDelay={100} side=\"right\">\n <Tooltip.Root side=\"top\" delay={0} sticky>\n <Tooltip.Trigger render={<Popover.Trigger render={muteButton} />} />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n <Popover.Popup className=\"media-popover media-popover--volume\">\n <VolumeSlider.Root className=\"media-slider\" orientation=\"horizontal\" thumbAlignment=\"edge\">\n <VolumeSlider.Track className=\"media-slider__track\">\n <VolumeSlider.Fill className=\"media-slider__fill\" />\n </VolumeSlider.Track>\n <VolumeSlider.Thumb className=\"media-slider__thumb media-slider__thumb--persistent\" />\n </VolumeSlider.Root>\n </Popover.Popup>\n </Popover.Root>\n );\n}\n\n/*\n Minimal video skin configured for live playback. Mirrors {@link MinimalVideoSkin} but omits the time slider and the\n * current / duration / remaining time displays. A flexible spacer stretches between the start and end button groups so\n * they sit at opposite edges of the control bar.\n /\nfunction CaptionsTrigger(): ReactNode {\n const t = useTranslator();\n const captions = useCaptionsOptions();\n if (!captions) return null;\n\n const { disabled } = captions;\n\n if (!captions.showMenu) {\n return (\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CaptionsButton className=\"media-button--captions\" render={<Button />}>\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n </CaptionsButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n );\n }\n\n return (\n <Menu.Root side=\"top\" align=\"center\">\n <Menu.Trigger\n disabled={disabled}\n render={\n <CaptionsButton className=\"media-button--captions\" render={<Button />}>\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n </CaptionsButton>\n }\n />\n <Menu.Popup className=\"media-popover media-menu media-menu--captions\">\n <Menu.Content className=\"media-menu__content\">\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={captions.value}\n onValueChange={captions.setValue}\n aria-label={t(captionsText)}\n >\n {captions.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <bdi dir=\"auto\">{option.label}</bdi>\n <Menu.ItemIndicator\n checked={option.value === captions.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Popup>\n </Menu.Root>\n );\n}\n\nexport function MinimalLiveVideoSkin(props: MinimalLiveVideoSkinProps): ReactNode {\n const { children, className, renderPoster, style, ...rest } = props;\n\n return (\n <Container className={cn('media-minimal-skin media-minimal-skin--video', className)} style={style} {...rest}>\n {children}\n\n <Poster render={renderPoster} />\n\n <BufferingIndicator\n render={(props) => (\n <div {...props} className=\"media-buffering-indicator\">\n <SpinnerIcon className=\"media-icon\" />\n </div>\n )}\n />\n\n <ErrorDialog.Root>\n <ErrorDialog.Backdrop className=\"media-dialog__backdrop\" />\n <ErrorDialog.Popup className=\"media-dialog__popup media-surface\">\n <div className=\"media-dialog__content\">\n <ErrorDialog.Title className=\"media-dialog__title\"></ErrorDialog.Title>\n <ErrorDialog.Description className=\"media-dialog__description\" />\n </div>\n <div className=\"media-dialog__actions\">\n <ErrorDialog.Close className=\"media-button media-button--primary\"></ErrorDialog.Close>\n </div>\n </ErrorDialog.Popup>\n </ErrorDialog.Root>\n\n <Controls.Root>\n <Controls.Backdrop className=\"media-controls__backdrop\" />\n <Controls.Content className=\"media-controls\">\n <Tooltip.Provider>\n <div className=\"media-button-group\">\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PlayButton className=\"media-button--play\" render={<Button />}>\n <RestartIcon className=\"media-icon media-icon--restart\" />\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </PlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <LiveButton className=\"media-button media-button--subtle media-button--live\" />\n\n <VolumePopover />\n </div>\n\n <div className=\"media-time-controls\" aria-hidden=\"true\" />\n\n <div className=\"media-button-group\">\n <CaptionsTrigger />\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CastButton className=\"media-button--cast\" render={<Button />}>\n <CastEnterIcon className=\"media-icon media-icon--cast-enter\" />\n <CastExitIcon className=\"media-icon media-icon--cast-exit\" />\n </CastButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <AirPlayButton className=\"media-button--airplay\" render={<Button />}>\n <AirPlayEnterIcon className=\"media-icon media-icon--airplay-enter\" />\n <AirPlayExitIcon className=\"media-icon media-icon--airplay-exit\" />\n </AirPlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PiPButton className=\"media-button--pip\" render={<Button />}>\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n </PiPButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <FullscreenButton className=\"media-button--fullscreen\" render={<Button />}>\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n </FullscreenButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n </div>\n </Tooltip.Provider>\n </Controls.Content>\n </Controls.Root>\n\n {/ Hotkeys /}\n <Hotkey keys=\"Space\" action=\"togglePaused\" />\n <Hotkey keys=\"k\" action=\"togglePaused\" />\n <Hotkey keys=\"m\" action=\"toggleMuted\" />\n <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n\n {/ Gestures /}\n <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n\n {/ Input Indicators */}\n <StatusAnnouncer className=\"media-sr-only\" />\n <div className=\"media-input-indicator\">\n <VolumeIndicator.Root className=\"media-volume-indicator\">\n <VolumeIndicator.Fill className=\"media-volume-indicator__content\">\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <div className=\"media-volume-indicator__progress\" aria-hidden=\"true\" />\n <VolumeIndicator.Value className=\"media-volume-indicator__value\" />\n </VolumeIndicator.Fill>\n </VolumeIndicator.Root>\n\n <StatusIndicator.Root\n actions={TOP_STATUS_ACTIONS}\n className=\"media-status-indicator media-status-indicator--state\"\n >\n <div className=\"media-status-indicator__content\">\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n <StatusIndicator.Value className=\"media-status-indicator__value\" />\n </div>\n </StatusIndicator.Root>\n\n <StatusIndicator.Root\n actions={CENTER_STATUS_ACTIONS}\n className=\"media-status-indicator media-status-indicator--playback\"\n >\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </StatusIndicator.Root>\n </div>\n </Container>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAM,qBAAqB;CAAC;CAAmB;CAAoB;AAAwB;AAC3F,MAAM,wBAAwB,CAAC,cAAc;AAI7C,MAAM,SAAS,WAAwD,SAAS,OAAO,EAAE,WAAW,GAAG,SAAS,KAAK;CACnH,OACE,oBAAC,UAAD;EACO;EACL,MAAK;EACL,WAAW,GAAG,wDAAwD,SAAS;EAC/E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,SAAS,gBAA2B;CAClC,MAAM,oBAAoB,WAAW,MAAM,EAAE,uBAAuB,WAAW;CAE/E,MAAM,aACJ,qBAAC,YAAD;EAAY,WAAU;EAAqB,QAAQ,oBAAC,QAAD,CAAS,CAAA;EAA5D,UAAA;GACE,oBAACA,eAAD,EAAe,WAAU,oCAAqC,CAAA;GAC9D,oBAACC,eAAD,EAAe,WAAU,oCAAqC,CAAA;GAC9D,oBAACC,eAAD,EAAgB,WAAU,qCAAsC,CAAA;EACtD;;CAGd,IAAI,mBACF,OACE,qBAACC,aAAD;EAAc,MAAK;EAAM,OAAO;EAAG,QAAA;EAAnC,UAAA,CACE,oBAACC,gBAAD,EAAiB,QAAQ,WAAa,CAAA,GACtC,qBAACC,cAAD;GAAe,WAAU;GAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;EACH,CAAA,CAAA;;CAIlB,OACE,qBAACC,aAAD;EAAc,aAAA;EAAY,OAAO;EAAK,YAAY;EAAK,MAAK;EAA5D,UAAA,CACE,qBAACL,aAAD;GAAc,MAAK;GAAM,OAAO;GAAG,QAAA;GAAnC,UAAA,CACE,oBAACC,gBAAD,EAAiB,QAAQ,oBAACK,gBAAD,EAAiB,QAAQ,WAAa,CAAA,EAAI,CAAA,GACnE,qBAACJ,cAAD;IAAe,WAAU;IAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;GACH,CAAA,CAAA;EACd,CAAA,GAAA,oBAACG,cAAD;GAAe,WAAU;GACvB,UAAA,qBAACC,kBAAD;IAAmB,WAAU;IAAe,aAAY;IAAa,gBAAe;IAApF,UAAA,CACE,oBAACC,aAAD;KAAoB,WAAU;KAC5B,UAAA,oBAACC,YAAD,EAAmB,WAAU,qBAAsB,CAAA;IACjC,CAAA,GACpB,oBAACC,aAAD,EAAoB,WAAU,sDAAuD,CAAA,CACpE;;EACN,CAAA,CACH;;AAElB;;;;;;AAOA,SAAS,kBAA6B;CACpC,MAAM,IAAI,cAAc;CACxB,MAAM,WAAW,mBAAmB;CACpC,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,aAAa;CAErB,IAAI,CAAC,SAAS,UACZ,OACE,qBAACX,aAAD;EAAc,MAAK;EAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,gBAAD;GAAgB,WAAU;GAAyB,QAAQ,oBAAC,QAAD,CAAS,CAAA;GAApE,UAAA,CACE,oBAACW,cAAD,EAAiB,WAAU,sCAAuC,CAAA,GAClE,oBAACC,cAAD,EAAgB,WAAU,qCAAsC,CAAA,CAClD;EAEnB,CAAA,EAAA,CAAA,GACD,qBAACX,cAAD;GAAe,WAAU;GAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;EACH,CAAA,CAAA;;CAIlB,OACE,qBAACU,UAAD;EAAW,MAAK;EAAM,OAAM;EAA5B,UAAA,CACE,oBAACC,aAAD;GACY;GACV,QACE,qBAAC,gBAAD;IAAgB,WAAU;IAAyB,QAAQ,oBAAC,QAAD,CAAS,CAAA;IAApE,UAAA,CACE,oBAACH,cAAD,EAAiB,WAAU,sCAAuC,CAAA,GAClE,oBAACC,cAAD,EAAgB,WAAU,qCAAsC,CAAA,CAClD;;EAEnB,CAAA,GACD,oBAACG,WAAD;GAAY,WAAU;GACpB,UAAA,oBAACC,aAAD;IAAc,WAAU;IACtB,UAAA,oBAACC,gBAAD;KACE,WAAU;KACV,OAAO,SAAS;KAChB,eAAe,SAAS;KACxB,cAAY,EAAE,YAAY;KAEzB,UAAA,SAAS,QAAQ,KAAK,WACrB,qBAACC,eAAD;MAEE,WAAU;MACV,OAAO,OAAO;MACd,UAAU,OAAO;MAJnB,UAAA,CAME,oBAAC,OAAD;OAAK,KAAI;OAAQ,UAAA,OAAO;MAAW,CAAA,GACnC,oBAACC,mBAAD;OACE,SAAS,OAAO,UAAU,SAAS;OACnC,YAAA;OACA,WAAU;OAEV,UAAA,oBAACC,cAAD,EAAW,WAAU,aAAc,CAAA;MACjB,CAAA,CACN;KAbT,GAAA,OAAO,KAaE,CACjB;IACc,CAAA;GACL,CAAA;EACJ,CAAA,CACH;;AAEf;AAEA,SAAgB,qBAAqB,OAA6C;CAChF,MAAM,EAAE,UAAU,WAAW,cAAc,OAAO,GAAG,SAAS;CAE9D,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,gDAAgD,SAAS;EAAU;EAAO,GAAI;EAAvG,UAAA;GACG;GAED,oBAAC,QAAD,EAAQ,QAAQ,aAAe,CAAA;GAE/B,oBAAC,oBAAD,EACE,SAAS,UACP,oBAAC,OAAD;IAAK,GAAI;IAAO,WAAU;IACxB,UAAA,oBAACC,eAAD,EAAa,WAAU,aAAc,CAAA;GAClC,CAAA,EAER,CAAA;GAED,qBAACC,iBAAD,EAAA,UAAA,CACE,oBAACC,gBAAD,EAAsB,WAAU,yBAA0B,CAAA,GAC1D,qBAACC,aAAD;IAAmB,WAAU;IAA7B,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAU,sBAAyC,CAAA,GACtE,oBAACC,wBAAD,EAAyB,WAAU,4BAA6B,CAAA,CAC7D;IACL,CAAA,GAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAACC,kBAAD,EAAmB,WAAU,qCAAwD,CAAA;IAClF,CAAA,CACY;GACH,CAAA,CAAA,EAAA,CAAA;GAElB,qBAACC,cAAD,EAAA,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAU,2BAA4B,CAAA,GACzD,oBAACC,iBAAD;IAAkB,WAAU;IAC1B,UAAA,qBAACC,iBAAD,EAAA,UAAA;KACE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,qBAAChC,aAAD;QAAc,MAAK;QAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,YAAD;SAAY,WAAU;SAAqB,QAAQ,oBAAC,QAAD,CAAS,CAAA;SAA5D,UAAA;UACE,oBAACgC,eAAD,EAAa,WAAU,iCAAkC,CAAA;UACzD,oBAACC,eAAD,EAAU,WAAU,8BAA+B,CAAA;UACnD,oBAACC,cAAD,EAAW,WAAU,+BAAgC,CAAA;SAC3C;QAEf,CAAA,EAAA,CAAA,GACD,qBAACjC,cAAD;SAAe,WAAU;SAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;QACH,CAAA,CAAA;;OAEd,oBAAC,YAAD,EAAY,WAAU,uDAAwD,CAAA;OAE9E,oBAAC,eAAD,CAAgB,CAAA;MACb;;KAEL,oBAAC,OAAD;MAAK,WAAU;MAAsB,eAAY;KAAQ,CAAA;KAEzD,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,oBAAC,iBAAD,CAAkB,CAAA;OAElB,qBAACJ,aAAD;QAAc,MAAK;QAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,YAAD;SAAY,WAAU;SAAqB,QAAQ,oBAAC,QAAD,CAAS,CAAA;SAA5D,UAAA,CACE,oBAACmC,cAAD,EAAe,WAAU,oCAAqC,CAAA,GAC9D,oBAACC,cAAD,EAAc,WAAU,mCAAoC,CAAA,CAClD;QAEf,CAAA,EAAA,CAAA,GACD,qBAACnC,cAAD;SAAe,WAAU;SAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;QACH,CAAA,CAAA;;OAEd,qBAACJ,aAAD;QAAc,MAAK;QAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,eAAD;SAAe,WAAU;SAAwB,QAAQ,oBAAC,QAAD,CAAS,CAAA;SAAlE,UAAA,CACE,oBAACqC,YAAD,EAAkB,WAAU,uCAAwC,CAAA,GACpE,oBAACC,cAAD,EAAiB,WAAU,sCAAuC,CAAA,CACrD;QAElB,CAAA,EAAA,CAAA,GACD,qBAACrC,cAAD;SAAe,WAAU;SAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;QACH,CAAA,CAAA;;OAEd,qBAACJ,aAAD;QAAc,MAAK;QAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,WAAD;SAAW,WAAU;SAAoB,QAAQ,oBAAC,QAAD,CAAS,CAAA;SAA1D,UAAA,CACE,oBAACuC,eAAD,EAAc,WAAU,mCAAoC,CAAA,GAC5D,oBAACC,eAAD,EAAa,WAAU,kCAAmC,CAAA,CACjD;QAEd,CAAA,EAAA,CAAA,GACD,qBAACvC,cAAD;SAAe,WAAU;SAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;QACH,CAAA,CAAA;;OAEd,qBAACJ,aAAD;QAAc,MAAK;QAAnB,UAAA,CACE,oBAACC,gBAAD,EACE,QACE,qBAAC,kBAAD;SAAkB,WAAU;SAA2B,QAAQ,oBAAC,QAAD,CAAS,CAAA;SAAxE,UAAA,CACE,oBAACyC,cAAD,EAAqB,WAAU,0CAA2C,CAAA,GAC1E,oBAACC,cAAD,EAAoB,WAAU,yCAA0C,CAAA,CACxD;QAErB,CAAA,EAAA,CAAA,GACD,qBAACzC,cAAD;SAAe,WAAU;SAAzB,UAAA,CACE,oBAACC,cAAD,CAAgB,CAAA,GAChB,oBAACC,iBAAD,EAAkB,WAAU,qBAAsB,CAAA,CACrC;QACH,CAAA,CAAA;;MACX;;IACW,EAAA,CAAA;GACF,CAAA,CACL,EAAA,CAAA;GAGf,oBAAC,QAAD;IAAQ,MAAK;IAAQ,QAAO;GAAgB,CAAA;GAC5C,oBAAC,QAAD;IAAQ,MAAK;IAAI,QAAO;GAAgB,CAAA;GACxC,oBAAC,QAAD;IAAQ,MAAK;IAAI,QAAO;GAAe,CAAA;GACvC,oBAAC,QAAD;IAAQ,MAAK;IAAI,QAAO;GAAoB,CAAA;GAC5C,oBAAC,QAAD;IAAQ,MAAK;IAAI,QAAO;GAAmB,CAAA;GAC3C,oBAAC,QAAD;IAAQ,MAAK;IAAI,QAAO;GAA0B,CAAA;GAClD,oBAAC,QAAD;IAAQ,MAAK;IAAU,QAAO;IAAa,OAAO;GAAO,CAAA;GACzD,oBAAC,QAAD;IAAQ,MAAK;IAAY,QAAO;IAAa,OAAO;GAAQ,CAAA;GAG5D,oBAAC,SAAD;IAAS,MAAK;IAAM,QAAO;IAAe,SAAQ;IAAQ,QAAO;GAAU,CAAA;GAC3E,oBAAC,SAAD;IAAS,MAAK;IAAM,QAAO;IAAiB,SAAQ;GAAS,CAAA;GAC7D,oBAAC,SAAD;IAAS,MAAK;IAAY,QAAO;IAAmB,QAAO;GAAU,CAAA;GAGrE,oBAAC,iBAAD,EAAiB,WAAU,gBAAiB,CAAA;GAC5C,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAACwC,qBAAD;MAAsB,WAAU;MAC9B,UAAA,qBAACC,qBAAD;OAAsB,WAAU;OAAhC,UAAA;QACE,oBAAC9C,eAAD,EAAgB,WAAU,qCAAsC,CAAA;QAChE,oBAACD,eAAD,EAAe,WAAU,oCAAqC,CAAA;QAC9D,oBAACD,eAAD,EAAe,WAAU,oCAAqC,CAAA;QAC9D,oBAAC,OAAD;SAAK,WAAU;SAAmC,eAAY;QAAQ,CAAA;QACtE,oBAACiD,sBAAD,EAAuB,WAAU,gCAAiC,CAAA;OAC9C;;KACF,CAAA;KAEtB,oBAACC,qBAAD;MACE,SAAS;MACT,WAAU;MAEV,UAAA,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACE,oBAAClC,cAAD,EAAgB,WAAU,qCAAsC,CAAA;QAChE,oBAACD,cAAD,EAAiB,WAAU,sCAAuC,CAAA;QAClE,oBAAC8B,cAAD,EAAqB,WAAU,0CAA2C,CAAA;QAC1E,oBAACC,cAAD,EAAoB,WAAU,yCAA0C,CAAA;QACxE,oBAACH,eAAD,EAAc,WAAU,mCAAoC,CAAA;QAC5D,oBAACC,eAAD,EAAa,WAAU,kCAAmC,CAAA;QAC1D,oBAACO,sBAAD,EAAuB,WAAU,gCAAiC,CAAA;OAC/D;;KACe,CAAA;KAEtB,qBAACD,qBAAD;MACE,SAAS;MACT,WAAU;MAFZ,UAAA,CAIE,oBAACb,eAAD,EAAU,WAAU,8BAA+B,CAAA,GACnD,oBAACC,cAAD,EAAW,WAAU,+BAAgC,CAAA,CACjC;;IACnB;;EACI;;AAEf"}

package/dist/dev/presets/live-video/minimal-skin.tailwind.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minimal-skin.tailwind.d.ts","names":[],"sources":["../../../../src/presets/live-video/minimal-skin.tailwind.tsx"],"mappings":";;;~~iBA4MgB~~,6BAA6B,OAAO,4BAA4B"}
1	+ {"version":3,"file":"minimal-skin.tailwind.d.ts","names":[],"sources":["../../../../src/presets/live-video/minimal-skin.tailwind.tsx"],"mappings":";;;iBAgOgB,6BAA6B,OAAO,4BAA4B"}