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

package/dist/dev/internal/skins/minimal-live-audio/skins/shared/audio/play-button.js

@@ -1,22 +0,0 @@
-import { ButtonTooltip } from "../../../../shared/components/buttons/button-tooltip.js";
-import { PlayButton } from "../../../components/buttons/play-button.js";
-import { BufferingIndicator } from "../../../components/feedback/buffering-indicator.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-audio/skins/shared/audio/play-button.tsx
-/** @jsxImportSource react */
-function AudioPlayButton({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("audio-play-button", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(BufferingIndicator, { className: "audio-play-button-buffering-indicator" }), /* @__PURE__ */ jsx(ButtonTooltip, {
-			boundary: "viewport",
-			side: "top",
-			children: /* @__PURE__ */ jsx(PlayButton, {})
-		})]
-	});
-}
-//#endregion
-export { AudioPlayButton };
-
-//# sourceMappingURL=play-button.js.map

package/dist/dev/internal/skins/minimal-live-audio/skins/shared/audio/play-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-button.js","names":[],"sources":["../../../../../../../../src/internal/skins/minimal-live-audio/skins/shared/audio/play-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\nimport { ButtonTooltip } from '../../../../shared/components/buttons/button-tooltip';\nimport { PlayButton } from '../../../components/buttons/play-button';\nimport { BufferingIndicator } from '../../../components/feedback/buffering-indicator';\n\nexport type AudioPlayButtonProps = Omit<ComponentProps<'div'>, 'children'>;\n\nexport function AudioPlayButton({ className, ...props }: AudioPlayButtonProps = {}) {\n  return (\n    <div className={cn('audio-play-button', className)} {...props}>\n      <BufferingIndicator className={'audio-play-button-buffering-indicator'} />\n      <ButtonTooltip boundary=\"viewport\" side=\"top\">\n        <PlayButton />\n      </ButtonTooltip>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;EAAxD,UAAA,CACE,oBAAC,oBAAD,EAAoB,WAAW,wCAA0C,CAAA,GACzE,oBAAC,eAAD;GAAe,UAAS;GAAW,MAAK;GACtC,UAAA,oBAAC,YAAD,CAAa,CAAA;EACA,CAAA,CACZ;;AAET"}

package/dist/dev/internal/skins/minimal-live-video/components/controls/volume-popover.js

@@ -1,32 +0,0 @@
-import { VolumePopoverPopup } from "../../../../../ui/volume-popover/popup.js";
-import { VolumePopoverRoot } from "../../../../../ui/volume-popover/root.js";
-import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/trigger.js";
-import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
-import { VolumeSlider } from "../../../shared/components/sliders/volume-slider.js";
-import { MuteButton } from "../buttons/mute-button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/components/controls/volume-popover.tsx
-function VolumePopover({ className, showTooltip = false, side = "top", orientation = "vertical", ...props } = {}) {
-	return /* @__PURE__ */ jsxs(VolumePopoverRoot, {
-		openOnHover: true,
-		delay: 200,
-		closeDelay: 100,
-		side,
-		...props,
-		children: [/* @__PURE__ */ jsx(ButtonTooltip, {
-			delay: 0,
-			disabled: !showTooltip,
-			sticky: true,
-			side: "top",
-			children: /* @__PURE__ */ jsx(VolumePopoverTrigger, { render: /* @__PURE__ */ jsx(MuteButton, { className: cn(className) }) })
-		}), /* @__PURE__ */ jsx(VolumePopoverPopup, {
-			className: cn("media-popup", "media-popup-safe-area", "media-popup-transition", "media-popup-surface", "media-volume-popover"),
-			children: /* @__PURE__ */ jsx(VolumeSlider, { orientation })
-		})]
-	});
-}
-//#endregion
-export { VolumePopover };
-
-//# sourceMappingURL=volume-popover.js.map

package/dist/dev/internal/skins/minimal-live-video/components/controls/volume-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover.js","names":["VolumePopoverPrimitive.Root","VolumePopoverPrimitive.Trigger","VolumePopoverPrimitive.Popup"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/controls/volume-popover.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { VolumeSliderProps as CoreVolumeSliderProps } from '@videojs/core';\nimport { cn } from '@videojs/utils/style';\n\nimport { VolumePopover as VolumePopoverPrimitive } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\nimport { VolumeSlider } from '../../../shared/components/sliders/volume-slider';\nimport { MuteButton } from '../buttons/mute-button';\n\nexport interface VolumePopoverProps extends Omit<VolumePopoverPrimitive.RootProps, 'children'> {\n  className?: ClassValue;\n  orientation?: CoreVolumeSliderProps['orientation'];\n  showTooltip?: boolean;\n}\n\nexport function VolumePopover({\n  className,\n  showTooltip = false,\n  side = 'top',\n  orientation = 'vertical',\n  ...props\n}: VolumePopoverProps = {}) {\n  return (\n    <VolumePopoverPrimitive.Root openOnHover delay={200} closeDelay={100} side={side} {...props}>\n      <ButtonTooltip delay={0} disabled={!showTooltip} sticky side=\"top\">\n        <VolumePopoverPrimitive.Trigger render={<MuteButton className={cn(className)} />} />\n      </ButtonTooltip>\n      <VolumePopoverPrimitive.Popup\n        className={cn(\n          'media-popup',\n          'media-popup-safe-area',\n          'media-popup-transition',\n          'media-popup-surface',\n          'media-volume-popover'\n        )}\n      >\n        <VolumeSlider orientation={orientation} />\n      </VolumePopoverPrimitive.Popup>\n    </VolumePopoverPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,WACA,cAAc,OACd,OAAO,OACP,cAAc,YACd,GAAG,UACmB,CAAC,GAAG;CAC1B,OACE,qBAACA,mBAAD;EAA6B,aAAA;EAAY,OAAO;EAAK,YAAY;EAAW;EAAM,GAAI;EAAtF,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO;GAAG,UAAU,CAAC;GAAa,QAAA;GAAO,MAAK;GAC3D,UAAA,oBAACC,sBAAD,EAAgC,QAAQ,oBAAC,YAAD,EAAY,WAAW,GAAG,SAAS,EAAI,CAAA,EAAI,CAAA;EACtE,CAAA,GACf,oBAACC,oBAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,sBACF;GAEA,UAAA,oBAAC,cAAD,EAA2B,YAAc,CAAA;EACb,CAAA,CACH;;AAEjC"}

package/dist/dev/internal/skins/minimal-live-video/components/feedback/buffering-indicator.js

@@ -1,17 +0,0 @@
-import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/component.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/spinner.js";
-import { jsx } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/components/feedback/buffering-indicator.tsx
-/** @jsxImportSource react */
-function BufferingIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(BufferingIndicator$1, {
-		className: (state) => cn("media-buffering-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsx(ForwardRef, { className: "media-buffering-indicator-spinner-icon" })
-	});
-}
-//#endregion
-export { BufferingIndicator };
-
-//# sourceMappingURL=buffering-indicator.js.map

package/dist/dev/internal/skins/minimal-live-video/components/feedback/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":["BufferingIndicatorPrimitive","SpinnerIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/feedback/buffering-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/minimal/index';\nimport { BufferingIndicator as BufferingIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type BufferingIndicatorProps = Omit<BufferingIndicatorPrimitive.Props, 'children'>;\n\nexport function BufferingIndicator({ className, ...props }: BufferingIndicatorProps = {}) {\n  return (\n    <BufferingIndicatorPrimitive\n      className={(state) => cn('media-buffering-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <SpinnerIconPrimitive className={'media-buffering-indicator-spinner-icon'} />\n    </BufferingIndicatorPrimitive>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,UAAmC,CAAC,GAAG;CACxF,OACE,oBAACA,sBAAD;EACE,YAAY,UAAU,GAAG,6BAA6B,iBAAiB,WAAW,KAAK,CAAC;EACxF,GAAI;EAEJ,UAAA,oBAACC,YAAD,EAAsB,WAAW,yCAA2C,CAAA;CACjD,CAAA;AAEjC"}

package/dist/dev/internal/skins/minimal-live-video/components/feedback/status-indicator.js

@@ -1,51 +0,0 @@
-import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/root.js";
-import { StatusIndicatorValue } from "../../../../../ui/status-indicator/value.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
-import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
-import ForwardRef$2 from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";
-import ForwardRef$3 from "../../../../../icons/dist/react/minimal/fullscreen-exit.js";
-import ForwardRef$4 from "../../../../../icons/dist/react/minimal/pause.js";
-import ForwardRef$5 from "../../../../../icons/dist/react/minimal/pip-enter.js";
-import ForwardRef$6 from "../../../../../icons/dist/react/minimal/pip-exit.js";
-import ForwardRef$7 from "../../../../../icons/dist/react/minimal/play.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/components/feedback/status-indicator.tsx
-/** @jsxImportSource react */
-const TOP_STATUS_ACTIONS = [
-	"toggleSubtitles",
-	"toggleFullscreen",
-	"togglePictureInPicture"
-];
-const PLAYBACK_STATUS_ACTIONS = ["togglePaused"];
-function StatusIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(StatusIndicatorRoot, {
-		actions: TOP_STATUS_ACTIONS,
-		className: (state) => cn("media-indicator", "media-status-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("media-indicator-content", "media-status-indicator-content"),
-			children: [
-				/* @__PURE__ */ jsx(ForwardRef$1, { className: "media-status-indicator-captions-on-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-status-indicator-captions-off-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-status-indicator-fullscreen-enter-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$3, { className: "media-status-indicator-fullscreen-exit-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$5, { className: "media-status-indicator-pip-enter-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$6, { className: "media-status-indicator-pip-exit-icon" }),
-				/* @__PURE__ */ jsx(StatusIndicatorValue, { className: "media-status-indicator-value" })
-			]
-		})
-	});
-}
-function PlaybackStatusIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(StatusIndicatorRoot, {
-		actions: PLAYBACK_STATUS_ACTIONS,
-		className: (state) => cn("media-playback-status-indicator", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef$7, { className: "media-playback-status-indicator-play-icon" }), /* @__PURE__ */ jsx(ForwardRef$4, { className: "media-playback-status-indicator-pause-icon" })]
-	});
-}
-//#endregion
-export { PlaybackStatusIndicator, StatusIndicator };
-
-//# sourceMappingURL=status-indicator.js.map

package/dist/dev/internal/skins/minimal-live-video/components/feedback/status-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-indicator.js","names":["StatusIndicatorPrimitive.Root","CaptionsOnIconPrimitive","CaptionsOffIconPrimitive","FullscreenEnterIconPrimitive","FullscreenExitIconPrimitive","PipEnterIconPrimitive","PipExitIconPrimitive","StatusIndicatorPrimitive.Value","PlayIconPrimitive","PauseIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/feedback/status-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  FullscreenEnterIcon as FullscreenEnterIconPrimitive,\n  FullscreenExitIcon as FullscreenExitIconPrimitive,\n  PipEnterIcon as PipEnterIconPrimitive,\n  PipExitIcon as PipExitIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { StatusIndicator as StatusIndicatorPrimitive } from '../../../../skin-primitives';\n\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\n\nconst PLAYBACK_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type StatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function StatusIndicator({ className, ...props }: StatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={TOP_STATUS_ACTIONS}\n      className={(state) => cn('media-indicator', 'media-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <div className={cn('media-indicator-content', 'media-status-indicator-content')}>\n        <CaptionsOnIconPrimitive className={'media-status-indicator-captions-on-icon'} />\n        <CaptionsOffIconPrimitive className={'media-status-indicator-captions-off-icon'} />\n        <FullscreenEnterIconPrimitive className={'media-status-indicator-fullscreen-enter-icon'} />\n        <FullscreenExitIconPrimitive className={'media-status-indicator-fullscreen-exit-icon'} />\n        <PipEnterIconPrimitive className={'media-status-indicator-pip-enter-icon'} />\n        <PipExitIconPrimitive className={'media-status-indicator-pip-exit-icon'} />\n        <StatusIndicatorPrimitive.Value className={'media-status-indicator-value'} />\n      </div>\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n\nexport type PlaybackStatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function PlaybackStatusIndicator({ className, ...props }: PlaybackStatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={PLAYBACK_STATUS_ACTIONS}\n      className={(state) => cn('media-playback-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <PlayIconPrimitive className={'media-playback-status-indicator-play-icon'} />\n      <PauseIconPrimitive className={'media-playback-status-indicator-pause-icon'} />\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,qBAAqB;CAAC;CAAmB;CAAoB;AAAwB;AAE3F,MAAM,0BAA0B,CAAC,cAAc;AAI/C,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,oBAACA,qBAAD;EACE,SAAS;EACT,YAAY,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EACxG,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,2BAA2B,gCAAgC;GAA9E,UAAA;IACE,oBAACC,cAAD,EAAyB,WAAW,0CAA4C,CAAA;IAChF,oBAACC,YAAD,EAA0B,WAAW,2CAA6C,CAAA;IAClF,oBAACC,cAAD,EAA8B,WAAW,+CAAiD,CAAA;IAC1F,oBAACC,cAAD,EAA6B,WAAW,8CAAgD,CAAA;IACxF,oBAACC,cAAD,EAAuB,WAAW,wCAA0C,CAAA;IAC5E,oBAACC,cAAD,EAAsB,WAAW,uCAAyC,CAAA;IAC1E,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GACzE;;CACwB,CAAA;AAEnC;AAIA,SAAgB,wBAAwB,EAAE,WAAW,GAAG,UAAwC,CAAC,GAAG;CAClG,OACE,qBAACP,qBAAD;EACE,SAAS;EACT,YAAY,UAAU,GAAG,mCAAmC,iBAAiB,WAAW,KAAK,CAAC;EAC9F,GAAI;EAHN,UAAA,CAKE,oBAACQ,cAAD,EAAmB,WAAW,4CAA8C,CAAA,GAC5E,oBAACC,cAAD,EAAoB,WAAW,6CAA+C,CAAA,CACjD;;AAEnC"}

package/dist/dev/internal/skins/minimal-live-video/components/feedback/volume-indicator.js

@@ -1,29 +0,0 @@
-import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/fill.js";
-import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/root.js";
-import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/value.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
-import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
-import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/components/feedback/volume-indicator.tsx
-/** @jsxImportSource react */
-function VolumeIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(VolumeIndicatorRoot, {
-		className: (state) => cn("media-indicator", "media-volume-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsxs(VolumeIndicatorFill, {
-			className: cn("media-indicator-content", "media-volume-indicator-fill"),
-			children: [
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-volume-indicator-high-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$1, { className: "media-volume-indicator-low-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-volume-indicator-off-icon" }),
-				/* @__PURE__ */ jsx(VolumeIndicatorValue, { className: "media-volume-indicator-value" })
-			]
-		})
-	});
-}
-//#endregion
-export { VolumeIndicator };
-
-//# sourceMappingURL=volume-indicator.js.map

package/dist/dev/internal/skins/minimal-live-video/components/feedback/volume-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator.js","names":["VolumeIndicatorPrimitive.Root","VolumeIndicatorPrimitive.Fill","VolumeHighIconPrimitive","VolumeLowIconPrimitive","VolumeOffIconPrimitive","VolumeIndicatorPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/feedback/volume-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeHighIcon as VolumeHighIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeOffIcon as VolumeOffIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { VolumeIndicator as VolumeIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type VolumeIndicatorProps = Omit<VolumeIndicatorPrimitive.RootProps, 'children'>;\n\nexport function VolumeIndicator({ className, ...props }: VolumeIndicatorProps = {}) {\n  return (\n    <VolumeIndicatorPrimitive.Root\n      className={(state) => cn('media-indicator', 'media-volume-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeIndicatorPrimitive.Fill className={cn('media-indicator-content', 'media-volume-indicator-fill')}>\n        <VolumeHighIconPrimitive className={'media-volume-indicator-high-icon'} />\n        <VolumeLowIconPrimitive className={'media-volume-indicator-low-icon'} />\n        <VolumeOffIconPrimitive className={'media-volume-indicator-off-icon'} />\n        <VolumeIndicatorPrimitive.Value className={'media-volume-indicator-value'} />\n      </VolumeIndicatorPrimitive.Fill>\n    </VolumeIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,oBAACA,qBAAD;EACE,YAAY,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EACxG,GAAI;EAEJ,UAAA,qBAACC,qBAAD;GAA+B,WAAW,GAAG,2BAA2B,6BAA6B;GAArG,UAAA;IACE,oBAACC,YAAD,EAAyB,WAAW,mCAAqC,CAAA;IACzE,oBAACC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAACC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GAC/C;;CACF,CAAA;AAEnC"}

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

@@ -1,70 +0,0 @@
-import { ControlsBackdrop } from "../../../ui/controls/backdrop.js";
-import { ControlsContent } from "../../../ui/controls/content.js";
-import { ControlsGroup } from "../../../ui/controls/group.js";
-import { ControlsRoot } from "../../../ui/controls/root.js";
-import { TooltipProvider } from "../../../ui/tooltip/provider.js";
-import { ButtonTooltip } from "../shared/components/buttons/button-tooltip.js";
-import { LiveButton } from "../shared/components/buttons/live-button.js";
-import { AirPlayButton } from "./components/buttons/airplay-button.js";
-import { CastButton } from "./components/buttons/cast-button.js";
-import { FullscreenButton } from "./components/buttons/fullscreen-button.js";
-import { PiPButton } from "./components/buttons/pip-button.js";
-import { PlayButton } from "./components/buttons/play-button.js";
-import { VolumePopover } from "./components/controls/volume-popover.js";
-import { CaptionsMenu } from "./components/menus/captions-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/controls.tsx
-/** @jsxImportSource react */
-function MinimalLiveVideoControls() {
-	return /* @__PURE__ */ jsxs(ControlsRoot, { children: [/* @__PURE__ */ jsx(ControlsBackdrop, { className: "video-controls-backdrop" }), /* @__PURE__ */ jsx(ControlsContent, {
-		className: cn("video-controls", "video-controls-content"),
-		children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
-			/* @__PURE__ */ jsxs(ControlsGroup, {
-				className: "video-controls-start",
-				children: [
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(PlayButton, {})
-					}),
-					/* @__PURE__ */ jsx(LiveButton, {}),
-					/* @__PURE__ */ jsx(VolumePopover, {
-						showTooltip: true,
-						side: "right",
-						orientation: "horizontal"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				"aria-hidden": "true",
-				className: "video-controls-spacer"
-			}),
-			/* @__PURE__ */ jsxs(ControlsGroup, {
-				className: "video-controls-end",
-				children: [
-					/* @__PURE__ */ jsx(CaptionsMenu, {}),
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(CastButton, {})
-					}),
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(AirPlayButton, {})
-					}),
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(PiPButton, {})
-					}),
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(FullscreenButton, {})
-					})
-				]
-			})
-		] })
-	})] });
-}
-//#endregion
-export { MinimalLiveVideoControls };
-
-//# sourceMappingURL=controls.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","names":["Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","Controls.Group"],"sources":["../../../../../src/internal/skins/minimal-live-video/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Tooltip } from '../../skin-primitives';\nimport { ButtonTooltip } from '../shared/components/buttons/button-tooltip';\nimport { LiveButton } from '../shared/components/buttons/live-button';\nimport { AirPlayButton } from './components/buttons/airplay-button';\nimport { CastButton } from './components/buttons/cast-button';\nimport { FullscreenButton } from './components/buttons/fullscreen-button';\nimport { PiPButton } from './components/buttons/pip-button';\nimport { PlayButton } from './components/buttons/play-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { CaptionsMenu } from './components/menus/captions-menu';\n\nexport function MinimalLiveVideoControls() {\n  return (\n    <Controls.Root>\n      <Controls.Backdrop className={'video-controls-backdrop'} />\n      <Controls.Content className={cn('video-controls', 'video-controls-content')}>\n        <Tooltip.Provider>\n          <Controls.Group className={'video-controls-start'}>\n            <ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>\n            <LiveButton />\n            <VolumePopover showTooltip side=\"right\" orientation=\"horizontal\" />\n          </Controls.Group>\n\n          <div aria-hidden=\"true\" className={'video-controls-spacer'} />\n\n          <Controls.Group className={'video-controls-end'}>\n            <CaptionsMenu />\n            <ButtonTooltip side=\"top\">\n              <CastButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <AirPlayButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <PiPButton />\n            </ButtonTooltip>\n            <ButtonTooltip side=\"top\">\n              <FullscreenButton />\n            </ButtonTooltip>\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,SAAgB,2BAA2B;CACzC,OACE,qBAACA,cAAD,EAAA,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,0BAA4B,CAAA,GAC1D,oBAACC,iBAAD;EAAkB,WAAW,GAAG,kBAAkB,wBAAwB;EACxE,UAAA,qBAACC,iBAAD,EAAA,UAAA;GACE,qBAACC,eAAD;IAAgB,WAAW;IAA3B,UAAA;KACE,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;KACA,CAAA;KACf,oBAAC,YAAD,CAAa,CAAA;KACb,oBAAC,eAAD;MAAe,aAAA;MAAY,MAAK;MAAQ,aAAY;KAAc,CAAA;IACpD;;GAEhB,oBAAC,OAAD;IAAK,eAAY;IAAO,WAAW;GAA0B,CAAA;GAE7D,qBAACA,eAAD;IAAgB,WAAW;IAA3B,UAAA;KACE,oBAAC,cAAD,CAAe,CAAA;KACf,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;KACA,CAAA;KACf,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;KACH,CAAA;KACf,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;KACC,CAAA;KACf,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;KACN,CAAA;IACD;;EACA,EAAA,CAAA;CACF,CAAA,CACL,EAAA,CAAA;AAEnB"}

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

@@ -1,22 +0,0 @@
-import { StatusAnnouncer } from "../../../../shared/components/feedback/status-announcer.js";
-import { PlaybackStatusIndicator, StatusIndicator } from "../../../components/feedback/status-indicator.js";
-import { VolumeIndicator } from "../../../components/feedback/volume-indicator.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-live-video/skins/shared/live-video/status-indicators.tsx
-/** @jsxImportSource react */
-function LiveVideoStatusIndicators({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StatusAnnouncer, {}), /* @__PURE__ */ jsxs("div", {
-		className: cn("video-status-indicators", className),
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(VolumeIndicator, {}),
-			/* @__PURE__ */ jsx(StatusIndicator, {}),
-			/* @__PURE__ */ jsx(PlaybackStatusIndicator, {})
-		]
-	})] });
-}
-//#endregion
-export { LiveVideoStatusIndicators };
-
-//# sourceMappingURL=status-indicators.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"status-indicators.js","names":[],"sources":["../../../../../../../../src/internal/skins/minimal-live-video/skins/shared/live-video/status-indicators.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\nimport { StatusAnnouncer } from '../../../../shared/components/feedback/status-announcer';\nimport { PlaybackStatusIndicator, StatusIndicator } from '../../../components/feedback/status-indicator';\nimport { VolumeIndicator } from '../../../components/feedback/volume-indicator';\n\nexport type LiveVideoStatusIndicatorsProps = Omit<ComponentProps<'div'>, 'children'>;\n\nexport function LiveVideoStatusIndicators({ className, ...props }: LiveVideoStatusIndicatorsProps = {}) {\n  return (\n    <>\n      <StatusAnnouncer />\n      <div className={cn('video-status-indicators', className)} {...props}>\n        <VolumeIndicator />\n        <StatusIndicator />\n        <PlaybackStatusIndicator />\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,0BAA0B,EAAE,WAAW,GAAG,UAA0C,CAAC,GAAG;CACtG,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,qBAAC,OAAD;EAAK,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;EAA9D,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,yBAAD,CAA0B,CAAA;EACvB;CACL,CAAA,CAAA,EAAA,CAAA;AAEN"}

package/dist/dev/internal/skins/minimal-video/components/controls/volume-popover.js

@@ -1,32 +0,0 @@
-import { VolumePopoverPopup } from "../../../../../ui/volume-popover/popup.js";
-import { VolumePopoverRoot } from "../../../../../ui/volume-popover/root.js";
-import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/trigger.js";
-import { ButtonTooltip } from "../../../shared/components/buttons/button-tooltip.js";
-import { VolumeSlider } from "../../../shared/components/sliders/volume-slider.js";
-import { MuteButton } from "../buttons/mute-button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/components/controls/volume-popover.tsx
-function VolumePopover({ className, showTooltip = false, side = "top", orientation = "vertical", ...props } = {}) {
-	return /* @__PURE__ */ jsxs(VolumePopoverRoot, {
-		openOnHover: true,
-		delay: 200,
-		closeDelay: 100,
-		side,
-		...props,
-		children: [/* @__PURE__ */ jsx(ButtonTooltip, {
-			delay: 0,
-			disabled: !showTooltip,
-			sticky: true,
-			side: "top",
-			children: /* @__PURE__ */ jsx(VolumePopoverTrigger, { render: /* @__PURE__ */ jsx(MuteButton, { className: cn(className) }) })
-		}), /* @__PURE__ */ jsx(VolumePopoverPopup, {
-			className: cn("media-popup", "media-popup-safe-area", "media-popup-transition", "media-popup-surface", "media-volume-popover"),
-			children: /* @__PURE__ */ jsx(VolumeSlider, { orientation })
-		})]
-	});
-}
-//#endregion
-export { VolumePopover };
-
-//# sourceMappingURL=volume-popover.js.map

package/dist/dev/internal/skins/minimal-video/components/controls/volume-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover.js","names":["VolumePopoverPrimitive.Root","VolumePopoverPrimitive.Trigger","VolumePopoverPrimitive.Popup"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/controls/volume-popover.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { VolumeSliderProps as CoreVolumeSliderProps } from '@videojs/core';\nimport { cn } from '@videojs/utils/style';\n\nimport { VolumePopover as VolumePopoverPrimitive } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\nimport { VolumeSlider } from '../../../shared/components/sliders/volume-slider';\nimport { MuteButton } from '../buttons/mute-button';\n\nexport interface VolumePopoverProps extends Omit<VolumePopoverPrimitive.RootProps, 'children'> {\n  className?: ClassValue;\n  orientation?: CoreVolumeSliderProps['orientation'];\n  showTooltip?: boolean;\n}\n\nexport function VolumePopover({\n  className,\n  showTooltip = false,\n  side = 'top',\n  orientation = 'vertical',\n  ...props\n}: VolumePopoverProps = {}) {\n  return (\n    <VolumePopoverPrimitive.Root openOnHover delay={200} closeDelay={100} side={side} {...props}>\n      <ButtonTooltip delay={0} disabled={!showTooltip} sticky side=\"top\">\n        <VolumePopoverPrimitive.Trigger render={<MuteButton className={cn(className)} />} />\n      </ButtonTooltip>\n      <VolumePopoverPrimitive.Popup\n        className={cn(\n          'media-popup',\n          'media-popup-safe-area',\n          'media-popup-transition',\n          'media-popup-surface',\n          'media-volume-popover'\n        )}\n      >\n        <VolumeSlider orientation={orientation} />\n      </VolumePopoverPrimitive.Popup>\n    </VolumePopoverPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,WACA,cAAc,OACd,OAAO,OACP,cAAc,YACd,GAAG,UACmB,CAAC,GAAG;CAC1B,OACE,qBAACA,mBAAD;EAA6B,aAAA;EAAY,OAAO;EAAK,YAAY;EAAW;EAAM,GAAI;EAAtF,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO;GAAG,UAAU,CAAC;GAAa,QAAA;GAAO,MAAK;GAC3D,UAAA,oBAACC,sBAAD,EAAgC,QAAQ,oBAAC,YAAD,EAAY,WAAW,GAAG,SAAS,EAAI,CAAA,EAAI,CAAA;EACtE,CAAA,GACf,oBAACC,oBAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,sBACF;GAEA,UAAA,oBAAC,cAAD,EAA2B,YAAc,CAAA;EACb,CAAA,CACH;;AAEjC"}

package/dist/dev/internal/skins/minimal-video/components/feedback/buffering-indicator.js

@@ -1,17 +0,0 @@
-import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/component.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/spinner.js";
-import { jsx } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/components/feedback/buffering-indicator.tsx
-/** @jsxImportSource react */
-function BufferingIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(BufferingIndicator$1, {
-		className: (state) => cn("media-buffering-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsx(ForwardRef, { className: "media-buffering-indicator-spinner-icon" })
-	});
-}
-//#endregion
-export { BufferingIndicator };
-
-//# sourceMappingURL=buffering-indicator.js.map

package/dist/dev/internal/skins/minimal-video/components/feedback/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":["BufferingIndicatorPrimitive","SpinnerIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/feedback/buffering-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/minimal/index';\nimport { BufferingIndicator as BufferingIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type BufferingIndicatorProps = Omit<BufferingIndicatorPrimitive.Props, 'children'>;\n\nexport function BufferingIndicator({ className, ...props }: BufferingIndicatorProps = {}) {\n  return (\n    <BufferingIndicatorPrimitive\n      className={(state) => cn('media-buffering-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <SpinnerIconPrimitive className={'media-buffering-indicator-spinner-icon'} />\n    </BufferingIndicatorPrimitive>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,UAAmC,CAAC,GAAG;CACxF,OACE,oBAACA,sBAAD;EACE,YAAY,UAAU,GAAG,6BAA6B,iBAAiB,WAAW,KAAK,CAAC;EACxF,GAAI;EAEJ,UAAA,oBAACC,YAAD,EAAsB,WAAW,yCAA2C,CAAA;CACjD,CAAA;AAEjC"}

package/dist/dev/internal/skins/minimal-video/components/feedback/seek-indicator.js

@@ -1,18 +0,0 @@
-import { SeekIndicatorRoot } from "../../../../../ui/seek-indicator/root.js";
-import { SeekIndicatorValue } from "../../../../../ui/seek-indicator/value.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/chevron.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/components/feedback/seek-indicator.tsx
-/** @jsxImportSource react */
-function SeekIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(SeekIndicatorRoot, {
-		className: (state) => cn("media-seek-indicator", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef, { className: "media-seek-indicator-icon" }), /* @__PURE__ */ jsx(SeekIndicatorValue, { className: "media-seek-indicator-value" })]
-	});
-}
-//#endregion
-export { SeekIndicator };
-
-//# sourceMappingURL=seek-indicator.js.map

package/dist/dev/internal/skins/minimal-video/components/feedback/seek-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-indicator.js","names":["SeekIndicatorPrimitive.Root","ChevronIconPrimitive","SeekIndicatorPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/feedback/seek-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { ChevronIcon as ChevronIconPrimitive } from '../../../../../icons/minimal/index';\nimport { SeekIndicator as SeekIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type SeekIndicatorProps = Omit<SeekIndicatorPrimitive.RootProps, 'children'>;\n\nexport function SeekIndicator({ className, ...props }: SeekIndicatorProps = {}) {\n  return (\n    <SeekIndicatorPrimitive.Root\n      className={(state) => cn('media-seek-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <ChevronIconPrimitive className={'media-seek-indicator-icon'} />\n      <SeekIndicatorPrimitive.Value className={'media-seek-indicator-value'} />\n    </SeekIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,cAAc,EAAE,WAAW,GAAG,UAA8B,CAAC,GAAG;CAC9E,OACE,qBAACA,mBAAD;EACE,YAAY,UAAU,GAAG,wBAAwB,iBAAiB,WAAW,KAAK,CAAC;EACnF,GAAI;EAFN,UAAA,CAIE,oBAACC,YAAD,EAAsB,WAAW,4BAA8B,CAAA,GAC/D,oBAACC,oBAAD,EAA8B,WAAW,6BAA+B,CAAA,CAC7C;;AAEjC"}

package/dist/dev/internal/skins/minimal-video/components/feedback/status-indicator.js

@@ -1,51 +0,0 @@
-import { StatusIndicatorRoot } from "../../../../../ui/status-indicator/root.js";
-import { StatusIndicatorValue } from "../../../../../ui/status-indicator/value.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
-import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
-import ForwardRef$2 from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";
-import ForwardRef$3 from "../../../../../icons/dist/react/minimal/fullscreen-exit.js";
-import ForwardRef$4 from "../../../../../icons/dist/react/minimal/pause.js";
-import ForwardRef$5 from "../../../../../icons/dist/react/minimal/pip-enter.js";
-import ForwardRef$6 from "../../../../../icons/dist/react/minimal/pip-exit.js";
-import ForwardRef$7 from "../../../../../icons/dist/react/minimal/play.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/components/feedback/status-indicator.tsx
-/** @jsxImportSource react */
-const TOP_STATUS_ACTIONS = [
-	"toggleSubtitles",
-	"toggleFullscreen",
-	"togglePictureInPicture"
-];
-const PLAYBACK_STATUS_ACTIONS = ["togglePaused"];
-function StatusIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(StatusIndicatorRoot, {
-		actions: TOP_STATUS_ACTIONS,
-		className: (state) => cn("media-indicator", "media-status-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("media-indicator-content", "media-status-indicator-content"),
-			children: [
-				/* @__PURE__ */ jsx(ForwardRef$1, { className: "media-status-indicator-captions-on-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-status-indicator-captions-off-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-status-indicator-fullscreen-enter-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$3, { className: "media-status-indicator-fullscreen-exit-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$5, { className: "media-status-indicator-pip-enter-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$6, { className: "media-status-indicator-pip-exit-icon" }),
-				/* @__PURE__ */ jsx(StatusIndicatorValue, { className: "media-status-indicator-value" })
-			]
-		})
-	});
-}
-function PlaybackStatusIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(StatusIndicatorRoot, {
-		actions: PLAYBACK_STATUS_ACTIONS,
-		className: (state) => cn("media-playback-status-indicator", resolveClassName(className, state)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ForwardRef$7, { className: "media-playback-status-indicator-play-icon" }), /* @__PURE__ */ jsx(ForwardRef$4, { className: "media-playback-status-indicator-pause-icon" })]
-	});
-}
-//#endregion
-export { PlaybackStatusIndicator, StatusIndicator };
-
-//# sourceMappingURL=status-indicator.js.map

package/dist/dev/internal/skins/minimal-video/components/feedback/status-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-indicator.js","names":["StatusIndicatorPrimitive.Root","CaptionsOnIconPrimitive","CaptionsOffIconPrimitive","FullscreenEnterIconPrimitive","FullscreenExitIconPrimitive","PipEnterIconPrimitive","PipExitIconPrimitive","StatusIndicatorPrimitive.Value","PlayIconPrimitive","PauseIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/feedback/status-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  FullscreenEnterIcon as FullscreenEnterIconPrimitive,\n  FullscreenExitIcon as FullscreenExitIconPrimitive,\n  PipEnterIcon as PipEnterIconPrimitive,\n  PipExitIcon as PipExitIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { StatusIndicator as StatusIndicatorPrimitive } from '../../../../skin-primitives';\n\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\n\nconst PLAYBACK_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type StatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function StatusIndicator({ className, ...props }: StatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={TOP_STATUS_ACTIONS}\n      className={(state) => cn('media-indicator', 'media-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <div className={cn('media-indicator-content', 'media-status-indicator-content')}>\n        <CaptionsOnIconPrimitive className={'media-status-indicator-captions-on-icon'} />\n        <CaptionsOffIconPrimitive className={'media-status-indicator-captions-off-icon'} />\n        <FullscreenEnterIconPrimitive className={'media-status-indicator-fullscreen-enter-icon'} />\n        <FullscreenExitIconPrimitive className={'media-status-indicator-fullscreen-exit-icon'} />\n        <PipEnterIconPrimitive className={'media-status-indicator-pip-enter-icon'} />\n        <PipExitIconPrimitive className={'media-status-indicator-pip-exit-icon'} />\n        <StatusIndicatorPrimitive.Value className={'media-status-indicator-value'} />\n      </div>\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n\nexport type PlaybackStatusIndicatorProps = Omit<StatusIndicatorPrimitive.RootProps, 'children'>;\n\nexport function PlaybackStatusIndicator({ className, ...props }: PlaybackStatusIndicatorProps = {}) {\n  return (\n    <StatusIndicatorPrimitive.Root\n      actions={PLAYBACK_STATUS_ACTIONS}\n      className={(state) => cn('media-playback-status-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <PlayIconPrimitive className={'media-playback-status-indicator-play-icon'} />\n      <PauseIconPrimitive className={'media-playback-status-indicator-pause-icon'} />\n    </StatusIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,qBAAqB;CAAC;CAAmB;CAAoB;AAAwB;AAE3F,MAAM,0BAA0B,CAAC,cAAc;AAI/C,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,oBAACA,qBAAD;EACE,SAAS;EACT,YAAY,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EACxG,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,2BAA2B,gCAAgC;GAA9E,UAAA;IACE,oBAACC,cAAD,EAAyB,WAAW,0CAA4C,CAAA;IAChF,oBAACC,YAAD,EAA0B,WAAW,2CAA6C,CAAA;IAClF,oBAACC,cAAD,EAA8B,WAAW,+CAAiD,CAAA;IAC1F,oBAACC,cAAD,EAA6B,WAAW,8CAAgD,CAAA;IACxF,oBAACC,cAAD,EAAuB,WAAW,wCAA0C,CAAA;IAC5E,oBAACC,cAAD,EAAsB,WAAW,uCAAyC,CAAA;IAC1E,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GACzE;;CACwB,CAAA;AAEnC;AAIA,SAAgB,wBAAwB,EAAE,WAAW,GAAG,UAAwC,CAAC,GAAG;CAClG,OACE,qBAACP,qBAAD;EACE,SAAS;EACT,YAAY,UAAU,GAAG,mCAAmC,iBAAiB,WAAW,KAAK,CAAC;EAC9F,GAAI;EAHN,UAAA,CAKE,oBAACQ,cAAD,EAAmB,WAAW,4CAA8C,CAAA,GAC5E,oBAACC,cAAD,EAAoB,WAAW,6CAA+C,CAAA,CACjD;;AAEnC"}

package/dist/dev/internal/skins/minimal-video/components/feedback/volume-indicator.js

@@ -1,29 +0,0 @@
-import { VolumeIndicatorFill } from "../../../../../ui/volume-indicator/fill.js";
-import { VolumeIndicatorRoot } from "../../../../../ui/volume-indicator/root.js";
-import { VolumeIndicatorValue } from "../../../../../ui/volume-indicator/value.js";
-import ForwardRef from "../../../../../icons/dist/react/minimal/volume-high.js";
-import ForwardRef$1 from "../../../../../icons/dist/react/minimal/volume-low.js";
-import ForwardRef$2 from "../../../../../icons/dist/react/minimal/volume-off.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/components/feedback/volume-indicator.tsx
-/** @jsxImportSource react */
-function VolumeIndicator({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(VolumeIndicatorRoot, {
-		className: (state) => cn("media-indicator", "media-volume-indicator", resolveClassName(className, state)),
-		...props,
-		children: /* @__PURE__ */ jsxs(VolumeIndicatorFill, {
-			className: cn("media-indicator-content", "media-volume-indicator-fill"),
-			children: [
-				/* @__PURE__ */ jsx(ForwardRef, { className: "media-volume-indicator-high-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$1, { className: "media-volume-indicator-low-icon" }),
-				/* @__PURE__ */ jsx(ForwardRef$2, { className: "media-volume-indicator-off-icon" }),
-				/* @__PURE__ */ jsx(VolumeIndicatorValue, { className: "media-volume-indicator-value" })
-			]
-		})
-	});
-}
-//#endregion
-export { VolumeIndicator };
-
-//# sourceMappingURL=volume-indicator.js.map

package/dist/dev/internal/skins/minimal-video/components/feedback/volume-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator.js","names":["VolumeIndicatorPrimitive.Root","VolumeIndicatorPrimitive.Fill","VolumeHighIconPrimitive","VolumeLowIconPrimitive","VolumeOffIconPrimitive","VolumeIndicatorPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/feedback/volume-indicator.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeHighIcon as VolumeHighIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeOffIcon as VolumeOffIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { VolumeIndicator as VolumeIndicatorPrimitive } from '../../../../skin-primitives';\n\nexport type VolumeIndicatorProps = Omit<VolumeIndicatorPrimitive.RootProps, 'children'>;\n\nexport function VolumeIndicator({ className, ...props }: VolumeIndicatorProps = {}) {\n  return (\n    <VolumeIndicatorPrimitive.Root\n      className={(state) => cn('media-indicator', 'media-volume-indicator', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeIndicatorPrimitive.Fill className={cn('media-indicator-content', 'media-volume-indicator-fill')}>\n        <VolumeHighIconPrimitive className={'media-volume-indicator-high-icon'} />\n        <VolumeLowIconPrimitive className={'media-volume-indicator-low-icon'} />\n        <VolumeOffIconPrimitive className={'media-volume-indicator-off-icon'} />\n        <VolumeIndicatorPrimitive.Value className={'media-volume-indicator-value'} />\n      </VolumeIndicatorPrimitive.Fill>\n    </VolumeIndicatorPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,oBAACA,qBAAD;EACE,YAAY,UAAU,GAAG,mBAAmB,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EACxG,GAAI;EAEJ,UAAA,qBAACC,qBAAD;GAA+B,WAAW,GAAG,2BAA2B,6BAA6B;GAArG,UAAA;IACE,oBAACC,YAAD,EAAyB,WAAW,mCAAqC,CAAA;IACzE,oBAACC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAACC,cAAD,EAAwB,WAAW,kCAAoC,CAAA;IACvE,oBAACC,sBAAD,EAAgC,WAAW,+BAAiC,CAAA;GAC/C;;CACF,CAAA;AAEnC"}

package/dist/dev/internal/skins/minimal-video/controls.js

@@ -1,93 +0,0 @@
-import { ControlsBackdrop } from "../../../ui/controls/backdrop.js";
-import { ControlsContent } from "../../../ui/controls/content.js";
-import { ControlsGroup } from "../../../ui/controls/group.js";
-import { ControlsRoot } from "../../../ui/controls/root.js";
-import { Group } from "../../../ui/time/group.js";
-import { Separator } from "../../../ui/time/separator.js";
-import { Value } from "../../../ui/time/value.js";
-import { TooltipProvider } from "../../../ui/tooltip/provider.js";
-import { ButtonTooltip } from "../shared/components/buttons/button-tooltip.js";
-import { AirPlayButton } from "./components/buttons/airplay-button.js";
-import { CaptionsButton } from "./components/buttons/captions-button.js";
-import { CastButton } from "./components/buttons/cast-button.js";
-import { FullscreenButton } from "./components/buttons/fullscreen-button.js";
-import { PiPButton } from "./components/buttons/pip-button.js";
-import { PlayButton } from "./components/buttons/play-button.js";
-import { VolumePopover } from "./components/controls/volume-popover.js";
-import { TimeSlider } from "./components/sliders/time-slider.js";
-import { VideoSettingsMenu } from "./skins/shared/video/settings-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-video/controls.tsx
-/** @jsxImportSource react */
-function MinimalVideoControls() {
-	return /* @__PURE__ */ jsxs(ControlsRoot, { children: [/* @__PURE__ */ jsx(ControlsBackdrop, { className: "video-controls-backdrop" }), /* @__PURE__ */ jsx(ControlsContent, {
-		className: cn("video-controls", "video-controls-content", "video-controls-wrap"),
-		children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
-			/* @__PURE__ */ jsxs(ControlsGroup, {
-				className: "video-controls-start",
-				children: [/* @__PURE__ */ jsx(ButtonTooltip, {
-					side: "top",
-					children: /* @__PURE__ */ jsx(PlayButton, {})
-				}), /* @__PURE__ */ jsx(VolumePopover, {
-					showTooltip: true,
-					side: "right",
-					orientation: "horizontal"
-				})]
-			}),
-			/* @__PURE__ */ jsxs(ControlsGroup, {
-				className: "video-time-slider-group",
-				children: [/* @__PURE__ */ jsxs(Group, {
-					className: "media-time-group",
-					children: [
-						/* @__PURE__ */ jsx(Value, {
-							className: cn("media-time-toggle", "media-time-current-value"),
-							type: "current",
-							toggle: true
-						}),
-						/* @__PURE__ */ jsx(Separator, { className: "media-time-separator" }),
-						/* @__PURE__ */ jsx(Value, {
-							className: "media-time-duration-value",
-							type: "duration"
-						})
-					]
-				}), /* @__PURE__ */ jsx(TimeSlider, { previewOverflow: "clamp" })]
-			}),
-			/* @__PURE__ */ jsxs(ControlsGroup, {
-				className: "video-controls-end",
-				children: [
-					/* @__PURE__ */ jsx(ButtonTooltip, {
-						side: "top",
-						children: /* @__PURE__ */ jsx(CaptionsButton, { className: "video-controls-captions-button" })
-					}),
-					/* @__PURE__ */ jsx(VideoSettingsMenu, {}),
-					/* @__PURE__ */ jsxs(ControlsGroup, {
-						className: "video-controls-trailing",
-						children: [
-							/* @__PURE__ */ jsx(ButtonTooltip, {
-								side: "top",
-								children: /* @__PURE__ */ jsx(CastButton, {})
-							}),
-							/* @__PURE__ */ jsx(ButtonTooltip, {
-								side: "top",
-								children: /* @__PURE__ */ jsx(AirPlayButton, {})
-							}),
-							/* @__PURE__ */ jsx(ButtonTooltip, {
-								side: "top",
-								children: /* @__PURE__ */ jsx(PiPButton, {})
-							}),
-							/* @__PURE__ */ jsx(ButtonTooltip, {
-								side: "top",
-								children: /* @__PURE__ */ jsx(FullscreenButton, {})
-							})
-						]
-					})
-				]
-			})
-		] })
-	})] });
-}
-//#endregion
-export { MinimalVideoControls };
-
-//# sourceMappingURL=controls.js.map

package/dist/dev/internal/skins/minimal-video/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","names":["Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","Controls.Group","Time.Group","Time.Value","Time.Separator"],"sources":["../../../../../src/internal/skins/minimal-video/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Time, Tooltip } from '../../skin-primitives';\nimport { ButtonTooltip } from '../shared/components/buttons/button-tooltip';\nimport { AirPlayButton } from './components/buttons/airplay-button';\nimport { CaptionsButton } from './components/buttons/captions-button';\nimport { CastButton } from './components/buttons/cast-button';\nimport { FullscreenButton } from './components/buttons/fullscreen-button';\nimport { PiPButton } from './components/buttons/pip-button';\nimport { PlayButton } from './components/buttons/play-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { TimeSlider } from './components/sliders/time-slider';\nimport { VideoSettingsMenu } from './skins/shared/video/settings-menu';\n\nexport function MinimalVideoControls() {\n  return (\n    <Controls.Root>\n      <Controls.Backdrop className={'video-controls-backdrop'} />\n      <Controls.Content className={cn('video-controls', 'video-controls-content', 'video-controls-wrap')}>\n        <Tooltip.Provider>\n          <Controls.Group className={'video-controls-start'}>\n            <ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>\n            <VolumePopover showTooltip side=\"right\" orientation=\"horizontal\" />\n          </Controls.Group>\n\n          <Controls.Group className={'video-time-slider-group'}>\n            <Time.Group className={'media-time-group'}>\n              <Time.Value className={cn('media-time-toggle', 'media-time-current-value')} type=\"current\" toggle />\n              <Time.Separator className={'media-time-separator'} />\n              <Time.Value className={'media-time-duration-value'} type=\"duration\" />\n            </Time.Group>\n            <TimeSlider previewOverflow=\"clamp\" />\n          </Controls.Group>\n\n          <Controls.Group className={'video-controls-end'}>\n            <ButtonTooltip side=\"top\">\n              <CaptionsButton className={'video-controls-captions-button'} />\n            </ButtonTooltip>\n            <VideoSettingsMenu />\n            <Controls.Group className={'video-controls-trailing'}>\n              <ButtonTooltip side=\"top\">\n                <CastButton />\n              </ButtonTooltip>\n              <ButtonTooltip side=\"top\">\n                <AirPlayButton />\n              </ButtonTooltip>\n              <ButtonTooltip side=\"top\">\n                <PiPButton />\n              </ButtonTooltip>\n              <ButtonTooltip side=\"top\">\n                <FullscreenButton />\n              </ButtonTooltip>\n            </Controls.Group>\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,SAAgB,uBAAuB;CACrC,OACE,qBAACA,cAAD,EAAA,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,0BAA4B,CAAA,GAC1D,oBAACC,iBAAD;EAAkB,WAAW,GAAG,kBAAkB,0BAA0B,qBAAqB;EAC/F,UAAA,qBAACC,iBAAD,EAAA,UAAA;GACE,qBAACC,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA,GACf,oBAAC,eAAD;KAAe,aAAA;KAAY,MAAK;KAAQ,aAAY;IAAc,CAAA,CACpD;;GAEhB,qBAACA,eAAD;IAAgB,WAAW;IAA3B,UAAA,CACE,qBAACC,OAAD;KAAY,WAAW;KAAvB,UAAA;MACE,oBAACC,OAAD;OAAY,WAAW,GAAG,qBAAqB,0BAA0B;OAAG,MAAK;OAAU,QAAA;MAAQ,CAAA;MACnG,oBAACC,WAAD,EAAgB,WAAW,uBAAyB,CAAA;MACpD,oBAACD,OAAD;OAAY,WAAW;OAA6B,MAAK;MAAY,CAAA;KAC3D;IACZ,CAAA,GAAA,oBAAC,YAAD,EAAY,iBAAgB,QAAS,CAAA,CACvB;;GAEhB,qBAACF,eAAD;IAAgB,WAAW;IAA3B,UAAA;KACE,oBAAC,eAAD;MAAe,MAAK;MAClB,UAAA,oBAAC,gBAAD,EAAgB,WAAW,iCAAmC,CAAA;KACjD,CAAA;KACf,oBAAC,mBAAD,CAAoB,CAAA;KACpB,qBAACA,eAAD;MAAgB,WAAW;MAA3B,UAAA;OACE,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;OACA,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;OACH,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;OACC,CAAA;OACf,oBAAC,eAAD;QAAe,MAAK;QAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;OACN,CAAA;MACD;;IACF;;EACA,EAAA,CAAA;CACF,CAAA,CACL,EAAA,CAAA;AAEnB"}