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

package/dist/default/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/default/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/default/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/default/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/default/internal/skins/minimal-video/components/menus/audio-track-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio-track-menu.js","names":["Menu.Root","AudioTrackRadioGroup.Root","Menu.Trigger","SpeechIconPrimitive","TextPrimitive","AudioTrackRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","AudioTrackRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/audio-track-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { audioText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeechIcon as SpeechIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { AudioTrackRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type AudioTrackMenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function AudioTrackMenu({ ...props }: AudioTrackMenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <AudioTrackRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeechIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <AudioTrackRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={audioText.key}>{audioText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <AudioTrackRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></AudioTrackRadioGroup.Options>\n        </Menu.Content>\n      </AudioTrackRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,eAAe,EAAE,GAAG,UAA+B,CAAC,GAAG;CACrE,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,0BAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAAqB,WAAW,+BAAiC,CAAA;IACjE,oBAACC,MAAD;KAAe,OAAO,UAAU;KAAM,UAAA,UAAU;IAAoB,CAAA;IACpE,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,2BAAD,EAA4B,WAAW,wBAA0B,CAAA,GACjE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,6BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEgB,CAAA;GACnB;EACW,CAAA,CAAA,EAAA,CAAA;CAClB,CAAA;AAEf"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"captions-submenu.js","names":["Menu.Root","CaptionsRadioGroup.Root","Menu.Trigger","CaptionsOffIconPrimitive","TextPrimitive","CaptionsRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","CaptionsRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/captions-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { captionsText } from '@videojs/core/i18n/text/menu';\n\nimport { CaptionsOffIcon as CaptionsOffIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { CaptionsRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type CaptionsSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function CaptionsSubmenu({ ...props }: CaptionsSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <CaptionsRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <CaptionsOffIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <CaptionsRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={captionsText.key}>{captionsText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <CaptionsRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></CaptionsRadioGroup.Options>\n        </Menu.Content>\n      </CaptionsRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,gBAAgB,EAAE,GAAG,UAAgC,CAAC,GAAG;CACvE,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,wBAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAA0B,WAAW,+BAAiC,CAAA;IACtE,oBAACC,MAAD;KAAe,OAAO,aAAa;KAAM,UAAA,aAAa;IAAoB,CAAA;IAC1E,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,yBAAD,EAA0B,WAAW,wBAA0B,CAAA,GAC/D,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,aAAa;MAAM,UAAA,aAAa;KAAoB,CAAA,CACjE;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,2BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEc,CAAA;GACjB;EACS,CAAA,CAAA,EAAA,CAAA;CAChB,CAAA;AAEf"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-chevron.js","names":["ChevronIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/menu-chevron.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { ChevronIcon as ChevronIconPrimitive } from '../../../../../icons/minimal/index';\nimport type { ClassValue } from '../../../../skin-primitives';\n\nexport interface MenuChevronProps {\n  back?: boolean;\n  className?: ClassValue;\n}\n\nexport function MenuChevron({ back = false, className }: MenuChevronProps = {}) {\n  return (\n    <ChevronIconPrimitive className={cn(back ? 'media-menu-back-chevron' : 'media-menu-forward-chevron', className)} />\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,YAAY,EAAE,OAAO,OAAO,cAAgC,CAAC,GAAG;CAC9E,OACE,oBAACA,YAAD,EAAsB,WAAW,GAAG,OAAO,4BAA4B,8BAA8B,SAAS,EAAI,CAAA;AAEtH"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-submenu.js","names":["Menu.Root","PlaybackRateRadioGroup.Root","Menu.Trigger","SpeedIconPrimitive","TextPrimitive","PlaybackRateRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","PlaybackRateRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/playback-rate-submenu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { speedText } from '@videojs/core/i18n/text/menu';\n\nimport { SpeedIcon as SpeedIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { PlaybackRateRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type PlaybackRateSubmenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function PlaybackRateSubmenu({ ...props }: PlaybackRateSubmenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <PlaybackRateRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SpeedIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <PlaybackRateRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={speedText.key}>{speedText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <PlaybackRateRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>{item.label}</span>\n              </RadioItem>\n            )}\n          ></PlaybackRateRadioGroup.Options>\n        </Menu.Content>\n      </PlaybackRateRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,oBAAoB,EAAE,GAAG,UAAoC,CAAC,GAAG;CAC/E,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,4BAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAAoB,WAAW,+BAAiC,CAAA;IAChE,oBAACC,MAAD;KAAe,OAAO,UAAU;KAAM,UAAA,UAAU;IAAoB,CAAA;IACpE,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,6BAAD,EAA8B,WAAW,wBAA0B,CAAA,GACnE,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,UAAU;MAAM,UAAA,UAAU;KAAoB,CAAA,CAC3D;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,+BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,oBAAC,WAAD;MAAW,GAAI;MACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA;KACf,CAAA;IAEkB,CAAA;GACrB;EACa,CAAA,CAAA,EAAA,CAAA;CACpB,CAAA;AAEf"}

package/dist/default/internal/skins/minimal-video/components/menus/quality-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quality-menu.js","names":["Menu.Root","QualityRadioGroup.Root","Menu.Trigger","SwitchesIconPrimitive","TextPrimitive","QualityRadioGroup.Value","Menu.Content","Menu.Item","Menu.Separator","QualityRadioGroup.Options"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/quality-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { qualityText } from '@videojs/core/i18n/text/menu';\n\nimport { SwitchesIcon as SwitchesIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { QualityRadioGroup } from '../../../../skin-primitives';\nimport { MenuChevron } from './menu-chevron';\nimport { RadioItem } from './radio-item';\n\nexport type QualityMenuProps = Omit<Menu.RootProps, 'children'>;\n\nexport function QualityMenu({ ...props }: QualityMenuProps = {}) {\n  return (\n    <Menu.Root {...props}>\n      <QualityRadioGroup.Root>\n        <Menu.Trigger className={'media-menu-trigger-item'}>\n          <SwitchesIconPrimitive className={'media-menu-trigger-item-icon'} />\n          <TextPrimitive token={qualityText.key}>{qualityText.text}</TextPrimitive>\n          <span className={'media-menu-hint'}>\n            <QualityRadioGroup.Value className={'media-menu-hint-label'} />\n            <MenuChevron />\n          </span>\n        </Menu.Trigger>\n        <Menu.Content className={'media-menu-content'}>\n          <Menu.Item className={'media-menu-back-item'}>\n            <MenuChevron back />\n            <TextPrimitive token={qualityText.key}>{qualityText.text}</TextPrimitive>\n          </Menu.Item>\n          <Menu.Separator className={'media-menu-separator'} />\n          <QualityRadioGroup.Options\n            className={'media-menu-radio-group'}\n            renderItem={(props, item) => (\n              <RadioItem {...props}>\n                <span>\n                  <span>{item.label}</span>\n                  {item.tier ? <sup className={'media-menu-tier'}>{item.tier}</sup> : null}\n                </span>\n                {item.badge ? <span className={'media-menu-badge'}>{item.badge}</span> : null}\n              </RadioItem>\n            )}\n          ></QualityRadioGroup.Options>\n        </Menu.Content>\n      </QualityRadioGroup.Root>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,YAAY,EAAE,GAAG,UAA4B,CAAC,GAAG;CAC/D,OACE,oBAACA,UAAD;EAAW,GAAI;EACb,UAAA,qBAACC,uBAAD,EAAA,UAAA,CACE,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,oBAACC,YAAD,EAAuB,WAAW,+BAAiC,CAAA;IACnE,oBAACC,MAAD;KAAe,OAAO,YAAY;KAAM,UAAA,YAAY;IAAoB,CAAA;IACxE,qBAAC,QAAD;KAAM,WAAW;KAAjB,UAAA,CACE,oBAACC,wBAAD,EAAyB,WAAW,wBAA0B,CAAA,GAC9D,oBAAC,aAAD,CAAc,CAAA,CACV;;GACM;EACd,CAAA,GAAA,qBAACC,aAAD;GAAc,WAAW;GAAzB,UAAA;IACE,qBAACC,UAAD;KAAW,WAAW;KAAtB,UAAA,CACE,oBAAC,aAAD,EAAa,MAAA,KAAM,CAAA,GACnB,oBAACH,MAAD;MAAe,OAAO,YAAY;MAAM,UAAA,YAAY;KAAoB,CAAA,CAC/D;;IACX,oBAACI,eAAD,EAAgB,WAAW,uBAAyB,CAAA;IACpD,oBAACC,0BAAD;KACE,WAAW;KACX,aAAa,OAAO,SAClB,qBAAC,WAAD;MAAW,GAAI;MAAf,UAAA,CACE,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA,GACvB,KAAK,OAAO,oBAAC,OAAD;OAAK,WAAW;OAAoB,UAAA,KAAK;MAAU,CAAA,IAAI,IAChE,EAAA,CAAA,GACL,KAAK,QAAQ,oBAAC,QAAD;OAAM,WAAW;OAAqB,UAAA,KAAK;MAAY,CAAA,IAAI,IAChE;;IAEa,CAAA;GAChB;EACQ,CAAA,CAAA,EAAA,CAAA;CACf,CAAA;AAEf"}

package/dist/default/internal/skins/minimal-video/components/menus/radio-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-item.js","names":["Menu.RadioItem","Menu.ItemIndicator","CheckIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\n\nexport interface RadioItemProps extends Omit<Menu.RadioItemProps, 'children'> {\n  children?: Menu.RadioItemProps['children'];\n}\n\nexport function RadioItem({ children, className, ...props }: RadioItemProps) {\n  return (\n    <Menu.RadioItem className={(state) => cn('media-menu-radio-item', resolveClassName(className, state))} {...props}>\n      {children}\n      <Menu.ItemIndicator forceMount className={'media-menu-item-indicator'}>\n        <CheckIconPrimitive className={'media-menu-radio-item-icon'} />\n      </Menu.ItemIndicator>\n    </Menu.RadioItem>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,qBAACA,eAAD;EAAgB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EAAG,GAAI;EAA3G,UAAA,CACG,UACD,oBAACC,mBAAD;GAAoB,YAAA;GAAW,WAAW;GACxC,UAAA,oBAACC,YAAD,EAAoB,WAAW,6BAA+B,CAAA;EAC5C,CAAA,CACN;;AAEpB"}

package/dist/default/internal/skins/minimal-video/components/menus/settings-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-menu.js","names":["Menu.Root","TextPrimitive","Menu.Trigger","GearIconPrimitive","Menu.Popup","Menu.Content"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/menus/settings-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { settingsText } from '@videojs/core/i18n/text/menu';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { GearIcon as GearIconPrimitive } from '../../../../../icons/minimal/index';\nimport { Menu } from '../../../../skin-primitives';\nimport type { ClassValue } from '../../../../skin-primitives';\nimport { Text as TextPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\nimport { ButtonTooltip } from '../../../shared/components/buttons/button-tooltip';\n\nexport interface SettingsMenuProps extends Omit<Menu.RootProps, 'children'> {\n  className?: ClassValue;\n\n  children?: Menu.ContentProps['children'];\n}\n\nexport function SettingsMenu({ children, className, ...props }: SettingsMenuProps) {\n  return (\n    <Menu.Root side=\"top\" align=\"center\" {...props}>\n      <ButtonTooltip label={<TextPrimitive token={settingsText.key}>{settingsText.text}</TextPrimitive>} side=\"top\">\n        <Menu.Trigger\n          render={<Button />}\n          className={(state) => cn('media-settings-menu-trigger', resolveClassName(className, state))}\n        >\n          <GearIconPrimitive className={cn('media-button-icon', 'media-settings-menu-trigger-icon')} />\n          <TextPrimitive className={'media-settings-menu-trigger-label'} token={settingsText.key}>\n            {settingsText.text}\n          </TextPrimitive>\n        </Menu.Trigger>\n      </ButtonTooltip>\n      <Menu.Popup\n        keepMounted\n        className={cn('media-popup', 'media-popup-surface', 'media-menu-popup', 'media-menu-resizable-popup')}\n      >\n        <Menu.Content className={'media-menu-content'}>{children}</Menu.Content>\n      </Menu.Popup>\n    </Menu.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;CACjF,OACE,qBAACA,UAAD;EAAW,MAAK;EAAM,OAAM;EAAS,GAAI;EAAzC,UAAA,CACE,oBAAC,eAAD;GAAe,OAAO,oBAACC,MAAD;IAAe,OAAO,aAAa;IAAM,UAAA,aAAa;GAAoB,CAAA;GAAG,MAAK;GACtG,UAAA,qBAACC,aAAD;IACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;IACjB,YAAY,UAAU,GAAG,+BAA+B,iBAAiB,WAAW,KAAK,CAAC;IAF5F,UAAA,CAIE,oBAACC,YAAD,EAAmB,WAAW,GAAG,qBAAqB,kCAAkC,EAAI,CAAA,GAC5F,oBAACF,MAAD;KAAe,WAAW;KAAqC,OAAO,aAAa;KAChF,UAAA,aAAa;IACD,CAAA,CACH;;EACD,CAAA,GACf,oBAACG,WAAD;GACE,aAAA;GACA,WAAW,GAAG,eAAe,uBAAuB,oBAAoB,4BAA4B;GAEpG,UAAA,oBAACC,aAAD;IAAc,WAAW;IAAuB;GAAuB,CAAA;EAC7D,CAAA,CACH;;AAEf"}

package/dist/default/internal/skins/minimal-video/components/sliders/time-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slider.js","names":["TimeSliderPrimitive.Root","TimeSliderPrimitive.Chapters","TimeSliderPrimitive.Track","SliderTrack","TimeSliderPrimitive.Buffer","SliderBuffer","TimeSliderPrimitive.Fill","SliderFill","TimeSliderPrimitive.Thumb","SliderThumb","TimeSliderPrimitive.Preview","Slider.Thumbnail.Root","Slider.Thumbnail.Image","SpinnerIconPrimitive","TimeSliderPrimitive.ChapterTitle","TimeSliderPrimitive.Value"],"sources":["../../../../../../../src/internal/skins/minimal-video/components/sliders/time-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { SliderPreviewOverflow } from '@videojs/core';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SpinnerIcon as SpinnerIconPrimitive } from '../../../../../icons/minimal/index';\nimport { TimeSlider as TimeSliderPrimitive } from '../../../../skin-primitives';\nimport { Slider } from '../../../../skin-primitives';\nimport { SliderBuffer, SliderFill, SliderThumb, SliderTrack } from '../../../shared/components/sliders/slider';\n\nexport interface TimeSliderProps extends Omit<TimeSliderPrimitive.RootProps, 'children'> {\n  previewOverflow?: SliderPreviewOverflow | undefined;\n}\n\nexport function TimeSlider({ className, previewOverflow = 'visible', ...props }: TimeSliderProps = {}) {\n  return (\n    <TimeSliderPrimitive.Root\n      className={(state) => cn('media-slider', 'media-time-slider', resolveClassName(className, state))}\n      {...props}\n    >\n      <TimeSliderPrimitive.Chapters\n        className={'media-time-slider-chapters'}\n        renderChapter={(props) => (\n          <div className={'media-time-slider-chapter'} {...props}>\n            <TimeSliderPrimitive.Track render={<SliderTrack />} className={'media-time-slider-chapter-track'}>\n              <TimeSliderPrimitive.Buffer render={<SliderBuffer />} />\n              <TimeSliderPrimitive.Fill render={<SliderFill />} />\n            </TimeSliderPrimitive.Track>\n          </div>\n        )}\n      ></TimeSliderPrimitive.Chapters>\n      <TimeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-time-slider-thumb'} />\n      <TimeSliderPrimitive.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n        <Slider.Thumbnail.Root\n          className={cn('media-slider-preview-content', 'media-popup-surface', 'media-slider-thumbnail')}\n        >\n          <Slider.Thumbnail.Image className={'media-slider-thumbnail-image'} />\n          <SpinnerIconPrimitive className={'media-slider-thumbnail-spinner-icon'} />\n        </Slider.Thumbnail.Root>\n        <div className={cn('media-slider-preview-content', 'media-time-slider-preview-content')}>\n          <TimeSliderPrimitive.ChapterTitle className={'media-time-slider-chapter-title'} />\n          <TimeSliderPrimitive.Value className={'media-time-slider-value'} type=\"pointer\" />\n        </div>\n      </TimeSliderPrimitive.Preview>\n    </TimeSliderPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,WAAW,EAAE,WAAW,kBAAkB,WAAW,GAAG,UAA2B,CAAC,GAAG;CACrG,OACE,qBAACA,gBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChG,GAAI;EAFN,UAAA;GAIE,oBAACC,oBAAD;IACE,WAAW;IACX,gBAAgB,UACd,oBAAC,OAAD;KAAK,WAAW;KAA6B,GAAI;KAC/C,UAAA,qBAACC,aAAD;MAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;MAAG,WAAW;MAA/D,UAAA,CACE,oBAACC,cAAD,EAA4B,QAAQ,oBAACC,gBAAD,CAAe,CAAA,EAAI,CAAA,GACvD,oBAACC,YAAD,EAA0B,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA,CAC1B;;IACxB,CAAA;GAEsB,CAAA;GAC/B,oBAACC,aAAD;IAA2B,QAAQ,oBAACC,eAAD,CAAc,CAAA;IAAG,WAAW;GAA4B,CAAA;GAC3F,qBAACC,eAAD;IAA6B,WAAW;IAAwB,UAAU;IAA1E,UAAA,CACE,qBAACC,qBAAD;KACE,WAAW,GAAG,gCAAgC,uBAAuB,wBAAwB;KAD/F,UAAA,CAGE,oBAACC,gBAAD,EAAwB,WAAW,+BAAiC,CAAA,GACpE,oBAACC,YAAD,EAAsB,WAAW,sCAAwC,CAAA,CACpD;IACvB,CAAA,GAAA,qBAAC,OAAD;KAAK,WAAW,GAAG,gCAAgC,mCAAmC;KAAtF,UAAA,CACE,oBAACC,wBAAD,EAAkC,WAAW,kCAAoC,CAAA,GACjF,oBAACC,aAAD;MAA2B,WAAW;MAA2B,MAAK;KAAW,CAAA,CAC9E;IACsB,CAAA,CAAA;;EACL;;AAE9B"}

package/dist/default/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/default/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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-video/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ErrorDialog } from '../shared/components/feedback/error-dialog';\nimport { Container } from '../shared/components/layout/container';\nimport { Poster } from '../shared/components/layout/poster';\nimport { VideoGestures } from '../shared/skins/shared/video/gestures';\nimport { VideoHotkeys } from '../shared/skins/shared/video/hotkeys';\nimport { BufferingIndicator } from './components/feedback/buffering-indicator';\nimport { MinimalVideoControls } from './controls';\nimport { VideoStatusIndicators } from './skins/shared/video/status-indicators';\n\nexport interface MinimalVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n  renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function MinimalVideoSkin({ children, className, renderPoster, ...props }: MinimalVideoSkinProps = {}) {\n  return (\n    <Container className={cn('video-skin', className)} data-theme=\"minimal\" data-preset=\"video\" {...props}>\n      {children}\n      <Poster renderImage={renderPoster} />\n      <BufferingIndicator />\n      <ErrorDialog />\n\n      <MinimalVideoControls />\n\n      <VideoHotkeys />\n      <VideoGestures />\n      <VideoStatusIndicators />\n    </Container>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,cAAc,GAAG,UAAiC,CAAC,GAAG;CAC5G,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAQ,GAAI;EAAhG,UAAA;GACG;GACD,oBAAC,QAAD,EAAQ,aAAa,aAAe,CAAA;GACpC,oBAAC,oBAAD,CAAqB,CAAA;GACrB,oBAAC,aAAD,CAAc,CAAA;GAEd,oBAAC,sBAAD,CAAuB,CAAA;GAEvB,oBAAC,cAAD,CAAe,CAAA;GACf,oBAAC,eAAD,CAAgB,CAAA;GAChB,oBAAC,uBAAD,CAAwB,CAAA;EACf;;AAEf"}

package/dist/default/internal/skins/minimal-video/skins/shared/video/settings-menu.js

@@ -1,22 +0,0 @@
-import { AudioTrackMenu } from "../../../components/menus/audio-track-menu.js";
-import { CaptionsSubmenu } from "../../../components/menus/captions-submenu.js";
-import { PlaybackRateSubmenu } from "../../../components/menus/playback-rate-submenu.js";
-import { QualityMenu } from "../../../components/menus/quality-menu.js";
-import { SettingsMenu } from "../../../components/menus/settings-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/minimal-video/skins/shared/video/settings-menu.tsx
-function VideoSettingsMenu(props = {}) {
-	return /* @__PURE__ */ jsxs(SettingsMenu, {
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(QualityMenu, {}),
-			/* @__PURE__ */ jsx(AudioTrackMenu, {}),
-			/* @__PURE__ */ jsx(PlaybackRateSubmenu, {}),
-			/* @__PURE__ */ jsx(CaptionsSubmenu, {})
-		]
-	});
-}
-//#endregion
-export { VideoSettingsMenu };
-
-//# sourceMappingURL=settings-menu.js.map

package/dist/default/internal/skins/minimal-video/skins/shared/video/settings-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-menu.js","names":[],"sources":["../../../../../../../../src/internal/skins/minimal-video/skins/shared/video/settings-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport type { ComponentProps } from 'react';\n\nimport { AudioTrackMenu } from '../../../components/menus/audio-track-menu';\nimport { CaptionsSubmenu } from '../../../components/menus/captions-submenu';\nimport { PlaybackRateSubmenu } from '../../../components/menus/playback-rate-submenu';\nimport { QualityMenu } from '../../../components/menus/quality-menu';\nimport { SettingsMenu } from '../../../components/menus/settings-menu';\n\nexport type VideoSettingsMenuProps = Omit<NonNullable<ComponentProps<typeof SettingsMenu>>, 'children'>;\n\nexport function VideoSettingsMenu(props: VideoSettingsMenuProps = {}) {\n  return (\n    <SettingsMenu {...props}>\n      <QualityMenu />\n      <AudioTrackMenu />\n      <PlaybackRateSubmenu />\n      <CaptionsSubmenu />\n    </SettingsMenu>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,kBAAkB,QAAgC,CAAC,GAAG;CACpE,OACE,qBAAC,cAAD;EAAc,GAAI;EAAlB,UAAA;GACE,oBAAC,aAAD,CAAc,CAAA;GACd,oBAAC,gBAAD,CAAiB,CAAA;GACjB,oBAAC,qBAAD,CAAsB,CAAA;GACtB,oBAAC,iBAAD,CAAkB,CAAA;EACN;;AAElB"}

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

@@ -1,24 +0,0 @@
-import { StatusAnnouncer } from "../../../../shared/components/feedback/status-announcer.js";
-import { SeekIndicator } from "../../../components/feedback/seek-indicator.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-video/skins/shared/video/status-indicators.tsx
-/** @jsxImportSource react */
-function VideoStatusIndicators({ 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(SeekIndicator, {}),
-			/* @__PURE__ */ jsx(PlaybackStatusIndicator, {})
-		]
-	})] });
-}
-//#endregion
-export { VideoStatusIndicators };
-
-//# sourceMappingURL=status-indicators.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"status-indicators.js","names":[],"sources":["../../../../../../../../src/internal/skins/minimal-video/skins/shared/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 { SeekIndicator } from '../../../components/feedback/seek-indicator';\nimport { PlaybackStatusIndicator, StatusIndicator } from '../../../components/feedback/status-indicator';\nimport { VolumeIndicator } from '../../../components/feedback/volume-indicator';\n\nexport type VideoStatusIndicatorsProps = Omit<ComponentProps<'div'>, 'children'>;\n\nexport function VideoStatusIndicators({ className, ...props }: VideoStatusIndicatorsProps = {}) {\n  return (\n    <>\n      <StatusAnnouncer />\n      <div className={cn('video-status-indicators', className)} {...props}>\n        <VolumeIndicator />\n        <StatusIndicator />\n        <SeekIndicator />\n        <PlaybackStatusIndicator />\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,sBAAsB,EAAE,WAAW,GAAG,UAAsC,CAAC,GAAG;CAC9F,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,eAAD,CAAgB,CAAA;GAChB,oBAAC,yBAAD,CAA0B,CAAA;EACvB;CACL,CAAA,CAAA,EAAA,CAAA;AAEN"}

package/dist/default/internal/skins/shared/components/buttons/button-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-tooltip.js","names":["Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut"],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/button-tooltip.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { Tooltip } from '../../../../skin-primitives';\n\nexport interface ButtonTooltipProps extends Omit<Tooltip.RootProps, 'children'> {\n  children: ReactElement;\n  label?: ReactNode;\n}\n\nexport function ButtonTooltip({ children, label, ...props }: ButtonTooltipProps) {\n  return (\n    <Tooltip.Root {...props}>\n      <Tooltip.Trigger render={children} />\n      <Tooltip.Popup\n        className={cn(\n          'media-popup',\n          'media-popup-safe-area',\n          'media-popup-transition',\n          'media-popup-surface',\n          'media-tooltip'\n        )}\n      >\n        {label ?? <Tooltip.Label />}\n        {!label && <Tooltip.Shortcut className={'media-tooltip-shortcut'} />}\n      </Tooltip.Popup>\n    </Tooltip.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,cAAc,EAAE,UAAU,OAAO,GAAG,SAA6B;CAC/E,OACE,qBAACA,aAAD;EAAc,GAAI;EAAlB,UAAA,CACE,oBAACC,gBAAD,EAAiB,QAAQ,SAAW,CAAA,GACpC,qBAACC,cAAD;GACE,WAAW,GACT,eACA,yBACA,0BACA,uBACA,eACF;GAPF,UAAA,CASG,SAAS,oBAACC,cAAD,CAAgB,CAAA,GACzB,CAAC,SAAS,oBAACC,iBAAD,EAAkB,WAAW,yBAA2B,CAAA,CACtD;EACH,CAAA,CAAA;;AAElB"}

package/dist/default/internal/skins/shared/components/buttons/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/button.tsx"],"sourcesContent":["import { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\n/** Shared button carrying the base interactive styles used by media controls. */\nexport type ButtonProps = ComponentProps<'button'>;\n\nexport function Button({ className, ...props }: ButtonProps) {\n  return <button className={cn('media-button', className)} {...props} />;\n}\n"],"mappings":";;;AAMA,SAAgB,OAAO,EAAE,WAAW,GAAG,SAAsB;CAC3D,OAAO,oBAAC,UAAD;EAAQ,WAAW,GAAG,gBAAgB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACvE"}

package/dist/default/internal/skins/shared/components/buttons/live-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-button.js","names":["LiveButtonPrimitive"],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/live-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { LiveButton as LiveButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from './button';\n\nexport type LiveButtonProps = Omit<LiveButtonPrimitive.Props, 'children'>;\n\nexport function LiveButton({ className, ...props }: LiveButtonProps = {}) {\n  return (\n    <LiveButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-live-button', resolveClassName(className, state))}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,oBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;CACL,CAAA;AAEL"}

package/dist/default/internal/skins/shared/components/buttons/playback-rate-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-button.js","names":["PlaybackRateButtonPrimitive"],"sources":["../../../../../../../src/internal/skins/shared/components/buttons/playback-rate-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { PlaybackRateButton as PlaybackRateButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from './button';\n\nexport type PlaybackRateButtonProps = Omit<PlaybackRateButtonPrimitive.Props, 'children'>;\n\nexport function PlaybackRateButton({ className, ...props }: PlaybackRateButtonProps = {}) {\n  return (\n    <PlaybackRateButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-playback-rate-button', resolveClassName(className, state))}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,UAAmC,CAAC,GAAG;CACxF,OACE,oBAACA,sBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,8BAA8B,iBAAiB,WAAW,KAAK,CAAC;EACzF,GAAI;CACL,CAAA;AAEL"}

package/dist/default/internal/skins/shared/components/feedback/error-dialog.js

@@ -1,29 +0,0 @@
-import { DialogBackdrop } from "../../../../../ui/dialog/backdrop.js";
-import { DialogPopup } from "../../../../../ui/dialog/popup.js";
-import { ErrorDialogClose } from "../../../../../ui/error-dialog/close.js";
-import { ErrorDialogDescription } from "../../../../../ui/error-dialog/description.js";
-import { ErrorDialogRoot } from "../../../../../ui/error-dialog/root.js";
-import { ErrorDialogTitle } from "../../../../../ui/error-dialog/title.js";
-import { Button } from "../buttons/button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/components/feedback/error-dialog.tsx
-/** @jsxImportSource react */
-function ErrorDialog() {
-	return /* @__PURE__ */ jsxs(ErrorDialogRoot, { children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "media-dialog-backdrop" }), /* @__PURE__ */ jsxs(DialogPopup, {
-		className: "media-dialog-popup",
-		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, {
-				render: /* @__PURE__ */ jsx(Button, {}),
-				className: "media-dialog-close"
-			})
-		})]
-	})] });
-}
-//#endregion
-export { ErrorDialog };
-
-//# sourceMappingURL=error-dialog.js.map

package/dist/default/internal/skins/shared/components/feedback/error-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-dialog.js","names":["ErrorDialogPrimitive.Root","ErrorDialogPrimitive.Backdrop","ErrorDialogPrimitive.Popup","ErrorDialogPrimitive.Title","ErrorDialogPrimitive.Description","ErrorDialogPrimitive.Close"],"sources":["../../../../../../../src/internal/skins/shared/components/feedback/error-dialog.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { ErrorDialog as ErrorDialogPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../buttons/button';\n\nexport function ErrorDialog() {\n  return (\n    <ErrorDialogPrimitive.Root>\n      <ErrorDialogPrimitive.Backdrop className={'media-dialog-backdrop'} />\n      <ErrorDialogPrimitive.Popup className={'media-dialog-popup'}>\n        <div className={'media-dialog-content'}>\n          <ErrorDialogPrimitive.Title className={'media-dialog-title'} />\n          <ErrorDialogPrimitive.Description className={'media-dialog-description'} />\n        </div>\n        <div className={'media-dialog-actions'}>\n          <ErrorDialogPrimitive.Close render={<Button />} className={'media-dialog-close'} />\n        </div>\n      </ErrorDialogPrimitive.Popup>\n    </ErrorDialogPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;AAKA,SAAgB,cAAc;CAC5B,OACE,qBAACA,iBAAD,EAAA,UAAA,CACE,oBAACC,gBAAD,EAA+B,WAAW,wBAA0B,CAAA,GACpE,qBAACC,aAAD;EAA4B,WAAW;EAAvC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAACC,kBAAD,EAA4B,WAAW,qBAAuB,CAAA,GAC9D,oBAACC,wBAAD,EAAkC,WAAW,2BAA6B,CAAA,CACvE;EACL,CAAA,GAAA,oBAAC,OAAD;GAAK,WAAW;GACd,UAAA,oBAACC,kBAAD;IAA4B,QAAQ,oBAAC,QAAD,CAAS,CAAA;IAAG,WAAW;GAAuB,CAAA;EAC/E,CAAA,CACqB;CACH,CAAA,CAAA,EAAA,CAAA;AAE/B"}

package/dist/default/internal/skins/shared/components/feedback/status-announcer.js

@@ -1,15 +0,0 @@
-import { StatusAnnouncer as StatusAnnouncer$1 } from "../../../../../ui/status-announcer/component.js";
-import { jsx } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/shared/components/feedback/status-announcer.tsx
-/** @jsxImportSource react */
-function StatusAnnouncer({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(StatusAnnouncer$1, {
-		className: (state) => cn("media-status-announcer", resolveClassName(className, state)),
-		...props
-	});
-}
-//#endregion
-export { StatusAnnouncer };
-
-//# sourceMappingURL=status-announcer.js.map

package/dist/default/internal/skins/shared/components/feedback/status-announcer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-announcer.js","names":["StatusAnnouncerPrimitive"],"sources":["../../../../../../../src/internal/skins/shared/components/feedback/status-announcer.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { StatusAnnouncer as StatusAnnouncerPrimitive } from '../../../../skin-primitives';\n\nexport type StatusAnnouncerProps = Omit<StatusAnnouncerPrimitive.Props, 'children'>;\n\nexport function StatusAnnouncer({ className, ...props }: StatusAnnouncerProps = {}) {\n  return (\n    <StatusAnnouncerPrimitive\n      className={(state) => cn('media-status-announcer', resolveClassName(className, state))}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,UAAgC,CAAC,GAAG;CAClF,OACE,oBAACA,mBAAD;EACE,YAAY,UAAU,GAAG,0BAA0B,iBAAiB,WAAW,KAAK,CAAC;EACrF,GAAI;CACL,CAAA;AAEL"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","names":["ContainerPrimitive"],"sources":["../../../../../../../src/internal/skins/shared/components/layout/container.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Container as ContainerPrimitive } from '../../../../skin-primitives';\n\nexport interface ContainerProps extends Omit<ContainerPrimitive.Props, 'children'> {\n  children?: ContainerPrimitive.Props['children'];\n}\n\nexport function Container({ children, className, ...props }: ContainerProps) {\n  return (\n    <ContainerPrimitive className={cn('media-skin', 'media-container', className)} {...props}>\n      {children}\n    </ContainerPrimitive>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;CAC3E,OACE,oBAACA,aAAD;EAAoB,WAAW,GAAG,cAAc,mBAAmB,SAAS;EAAG,GAAI;EAChF;CACiB,CAAA;AAExB"}

package/dist/default/internal/skins/shared/components/layout/poster.js

@@ -1,20 +0,0 @@
-import { PosterImage } from "../../../../../ui/poster/image.js";
-import { PosterRoot } from "../../../../../ui/poster/root.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/shared/components/layout/poster.tsx
-/** @jsxImportSource react */
-function Poster({ children, className, renderImage, ...props } = {}) {
-	return /* @__PURE__ */ jsxs(PosterRoot, {
-		className: (state) => cn("media-poster", resolveClassName(className, state)),
-		children: [/* @__PURE__ */ jsx(PosterImage, {
-			render: renderImage,
-			className: "media-poster-image",
-			...props
-		}), children]
-	});
-}
-//#endregion
-export { Poster };
-
-//# sourceMappingURL=poster.js.map

package/dist/default/internal/skins/shared/components/layout/poster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.js","names":["PosterPrimitive.Root","PosterPrimitive.Image"],"sources":["../../../../../../../src/internal/skins/shared/components/layout/poster.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { Poster as PosterPrimitive } from '../../../../skin-primitives';\n\nexport interface PosterProps extends Omit<PosterPrimitive.ImageProps, 'children' | 'render'> {\n  /** Draws the poster image in place of the one the skin renders. */\n  renderImage?: PosterPrimitive.ImageProps['render'];\n\n  children?: PosterPrimitive.RootProps['children'];\n}\n\nexport function Poster({ children, className, renderImage, ...props }: PosterProps = {}) {\n  return (\n    <PosterPrimitive.Root className={(state) => cn('media-poster', resolveClassName(className, state))}>\n      <PosterPrimitive.Image render={renderImage} className={'media-poster-image'} {...props} />\n\n      {children}\n    </PosterPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,OAAO,EAAE,UAAU,WAAW,aAAa,GAAG,UAAuB,CAAC,GAAG;CACvF,OACE,qBAACA,YAAD;EAAsB,YAAY,UAAU,GAAG,gBAAgB,iBAAiB,WAAW,KAAK,CAAC;EAAjG,UAAA,CACE,oBAACC,aAAD;GAAuB,QAAQ;GAAa,WAAW;GAAsB,GAAI;EAAQ,CAAA,GAExF,QACmB;;AAE1B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/slider.tsx"],"sourcesContent":["import { cn } from '@videojs/utils/style';\nimport type { ComponentProps } from 'react';\n\n/** Shared slider track. */\nexport type SliderTrackProps = ComponentProps<'div'>;\n\nexport function SliderTrack({ className, ...props }: SliderTrackProps) {\n  return <div className={cn('media-slider-track', className)} {...props} />;\n}\n\n/** Shared slider fill. */\nexport type SliderFillProps = ComponentProps<'div'>;\n\nexport function SliderFill({ className, ...props }: SliderFillProps) {\n  return <div className={cn('media-slider-fill', className)} {...props} />;\n}\n\n/** Shared slider buffer. */\nexport type SliderBufferProps = ComponentProps<'div'>;\n\nexport function SliderBuffer({ className, ...props }: SliderBufferProps) {\n  return <div className={cn('media-slider-buffer', className)} {...props} />;\n}\n\n/** Shared slider thumb. */\nexport type SliderThumbProps = ComponentProps<'div'>;\n\nexport function SliderThumb({ className, ...props }: SliderThumbProps) {\n  return <div className={cn('media-slider-thumb', className)} {...props} />;\n}\n"],"mappings":";;;AAMA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,sBAAsB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E;AAKA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAA0B;CACnE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzE;AAKA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA4B;CACvE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3E;AAKA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,sBAAsB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"volume-slider.js","names":["VolumeSliderPrimitive.Root","VolumeSliderPrimitive.Track","SliderTrack","VolumeSliderPrimitive.Fill","SliderFill","VolumeSliderPrimitive.Thumb","SliderThumb"],"sources":["../../../../../../../src/internal/skins/shared/components/sliders/volume-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { VolumeSlider as VolumeSliderPrimitive } from '../../../../skin-primitives';\nimport { SliderFill, SliderThumb, SliderTrack } from './slider';\n\nexport type VolumeSliderProps = Omit<VolumeSliderPrimitive.RootProps, 'children'>;\n\nexport function VolumeSlider({ className, ...props }: VolumeSliderProps = {}) {\n  return (\n    <VolumeSliderPrimitive.Root\n      className={(state) => cn('media-slider', 'media-volume-slider', resolveClassName(className, state))}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <VolumeSliderPrimitive.Track render={<SliderTrack />}>\n        <VolumeSliderPrimitive.Fill render={<SliderFill />} />\n      </VolumeSliderPrimitive.Track>\n      <VolumeSliderPrimitive.Thumb render={<SliderThumb />} className={'media-volume-slider-thumb'} />\n    </VolumeSliderPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,aAAa,EAAE,WAAW,GAAG,UAA6B,CAAC,GAAG;CAC5E,OACE,qBAACA,kBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,uBAAuB,iBAAiB,WAAW,KAAK,CAAC;EAClG,gBAAe;EACf,GAAI;EAHN,UAAA,CAKE,oBAACC,aAAD;GAA6B,QAAQ,oBAACC,eAAD,CAAc,CAAA;GACjD,UAAA,oBAACC,YAAD,EAA4B,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA;EAC1B,CAAA,GAC7B,oBAACC,aAAD;GAA6B,QAAQ,oBAACC,eAAD,CAAc,CAAA;GAAG,WAAW;EAA8B,CAAA,CACrE;;AAEhC"}

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

@@ -1,29 +0,0 @@
-import { DialogBackdrop } from "../../../../../../ui/dialog/backdrop.js";
-import { DialogPopup } from "../../../../../../ui/dialog/popup.js";
-import { ErrorDialogClose } from "../../../../../../ui/error-dialog/close.js";
-import { ErrorDialogDescription } from "../../../../../../ui/error-dialog/description.js";
-import { ErrorDialogRoot } from "../../../../../../ui/error-dialog/root.js";
-import { ErrorDialogTitle } from "../../../../../../ui/error-dialog/title.js";
-import { Button } from "../../../components/buttons/button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/internal/skins/shared/skins/shared/audio/error-dialog.tsx
-/** @jsxImportSource react */
-function AudioErrorDialog() {
-	return /* @__PURE__ */ jsxs(ErrorDialogRoot, { children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "audio-dialog-backdrop" }), /* @__PURE__ */ jsxs(DialogPopup, {
-		className: "audio-dialog-popup",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "audio-dialog-content",
-			children: [/* @__PURE__ */ jsx(ErrorDialogTitle, { className: "audio-dialog-title" }), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "audio-dialog-description" })]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "audio-dialog-actions",
-			children: /* @__PURE__ */ jsx(ErrorDialogClose, {
-				render: /* @__PURE__ */ jsx(Button, {}),
-				className: "audio-dialog-close"
-			})
-		})]
-	})] });
-}
-//#endregion
-export { AudioErrorDialog };
-
-//# sourceMappingURL=error-dialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"error-dialog.js","names":["ErrorDialog.Root","ErrorDialog.Backdrop","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close"],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/audio/error-dialog.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { ErrorDialog } from '../../../../../skin-primitives';\nimport { Button } from '../../../components/buttons/button';\n\nexport function AudioErrorDialog() {\n  return (\n    <ErrorDialog.Root>\n      <ErrorDialog.Backdrop className={'audio-dialog-backdrop'} />\n      <ErrorDialog.Popup className={'audio-dialog-popup'}>\n        <div className={'audio-dialog-content'}>\n          <ErrorDialog.Title className={'audio-dialog-title'} />\n          <ErrorDialog.Description className={'audio-dialog-description'} />\n        </div>\n        <div className={'audio-dialog-actions'}>\n          <ErrorDialog.Close render={<Button />} className={'audio-dialog-close'} />\n        </div>\n      </ErrorDialog.Popup>\n    </ErrorDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;AAKA,SAAgB,mBAAmB;CACjC,OACE,qBAACA,iBAAD,EAAA,UAAA,CACE,oBAACC,gBAAD,EAAsB,WAAW,wBAA0B,CAAA,GAC3D,qBAACC,aAAD;EAAmB,WAAW;EAA9B,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAACC,kBAAD,EAAmB,WAAW,qBAAuB,CAAA,GACrD,oBAACC,wBAAD,EAAyB,WAAW,2BAA6B,CAAA,CAC9D;EACL,CAAA,GAAA,oBAAC,OAAD;GAAK,WAAW;GACd,UAAA,oBAACC,kBAAD;IAAmB,QAAQ,oBAAC,QAAD,CAAS,CAAA;IAAG,WAAW;GAAuB,CAAA;EACtE,CAAA,CACY;CACH,CAAA,CAAA,EAAA,CAAA;AAEtB"}

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

@@ -1,42 +0,0 @@
-import { SliderBuffer } from "../../../../../../ui/slider/buffer.js";
-import { SliderFill } from "../../../../../../ui/slider/fill.js";
-import { SliderPreview } from "../../../../../../ui/slider/preview.js";
-import { SliderThumb } from "../../../../../../ui/slider/thumb.js";
-import { SliderTrack } from "../../../../../../ui/slider/track.js";
-import { SliderValue } from "../../../../../../ui/slider/value.js";
-import { TimeSliderRoot } from "../../../../../../ui/time-slider/root.js";
-import { SliderBuffer as SliderBuffer$1, SliderFill as SliderFill$1, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1 } from "../../../components/sliders/slider.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn, resolveClassName } from "@videojs/utils/style";
-//#region src/internal/skins/shared/skins/shared/audio/time-slider.tsx
-function AudioTimeSlider({ className, previewOverflow = "clamp", ...props } = {}) {
-	return /* @__PURE__ */ jsxs(TimeSliderRoot, {
-		className: (state) => cn("media-slider", "audio-time-slider", resolveClassName(className, state)),
-		...props,
-		children: [
-			/* @__PURE__ */ jsxs(SliderTrack, {
-				render: /* @__PURE__ */ jsx(SliderTrack$1, {}),
-				children: [/* @__PURE__ */ jsx(SliderBuffer, { render: /* @__PURE__ */ jsx(SliderBuffer$1, {}) }), /* @__PURE__ */ jsx(SliderFill, { render: /* @__PURE__ */ jsx(SliderFill$1, {}) })]
-			}),
-			/* @__PURE__ */ jsx(SliderThumb, {
-				render: /* @__PURE__ */ jsx(SliderThumb$1, {}),
-				className: "audio-time-slider-thumb"
-			}),
-			/* @__PURE__ */ jsx(SliderPreview, {
-				className: "media-slider-preview",
-				overflow: previewOverflow,
-				children: /* @__PURE__ */ jsx("div", {
-					className: cn("media-slider-preview-content", "media-popup-surface", "media-tooltip", "audio-time-slider-preview-content"),
-					children: /* @__PURE__ */ jsx(SliderValue, {
-						className: "audio-time-slider-value",
-						type: "pointer"
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { AudioTimeSlider };
-
-//# sourceMappingURL=time-slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slider.js","names":["TimeSlider.Root","TimeSlider.Track","SliderTrack","TimeSlider.Buffer","SliderBuffer","TimeSlider.Fill","SliderFill","TimeSlider.Thumb","SliderThumb","TimeSlider.Preview","TimeSlider.Value"],"sources":["../../../../../../../../src/internal/skins/shared/skins/shared/audio/time-slider.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport type { SliderPreviewOverflow } from '@videojs/core';\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { TimeSlider } from '../../../../../skin-primitives';\nimport { SliderBuffer, SliderFill, SliderThumb, SliderTrack } from '../../../components/sliders/slider';\n\nexport interface AudioTimeSliderProps extends Omit<TimeSlider.RootProps, 'children'> {\n  previewOverflow?: SliderPreviewOverflow | undefined;\n}\n\nexport function AudioTimeSlider({ className, previewOverflow = 'clamp', ...props }: AudioTimeSliderProps = {}) {\n  return (\n    <TimeSlider.Root\n      className={(state) => cn('media-slider', 'audio-time-slider', resolveClassName(className, state))}\n      {...props}\n    >\n      <TimeSlider.Track render={<SliderTrack />}>\n        <TimeSlider.Buffer render={<SliderBuffer />} />\n        <TimeSlider.Fill render={<SliderFill />} />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb render={<SliderThumb />} className={'audio-time-slider-thumb'} />\n      <TimeSlider.Preview className={'media-slider-preview'} overflow={previewOverflow}>\n        <div\n          className={cn(\n            'media-slider-preview-content',\n            'media-popup-surface',\n            'media-tooltip',\n            'audio-time-slider-preview-content'\n          )}\n        >\n          <TimeSlider.Value className={'audio-time-slider-value'} type=\"pointer\" />\n        </div>\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,GAAG,UAAgC,CAAC,GAAG;CAC7G,OACE,qBAACA,gBAAD;EACE,YAAY,UAAU,GAAG,gBAAgB,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChG,GAAI;EAFN,UAAA;GAIE,qBAACC,aAAD;IAAkB,QAAQ,oBAACC,eAAD,CAAc,CAAA;IAAxC,UAAA,CACE,oBAACC,cAAD,EAAmB,QAAQ,oBAACC,gBAAD,CAAe,CAAA,EAAI,CAAA,GAC9C,oBAACC,YAAD,EAAiB,QAAQ,oBAACC,cAAD,CAAa,CAAA,EAAI,CAAA,CAC1B;;GAClB,oBAACC,aAAD;IAAkB,QAAQ,oBAACC,eAAD,CAAc,CAAA;IAAG,WAAW;GAA4B,CAAA;GAClF,oBAACC,eAAD;IAAoB,WAAW;IAAwB,UAAU;IAC/D,UAAA,oBAAC,OAAD;KACE,WAAW,GACT,gCACA,uBACA,iBACA,mCACF;KAEA,UAAA,oBAACC,aAAD;MAAkB,WAAW;MAA2B,MAAK;KAAW,CAAA;IACrE,CAAA;GACa,CAAA;EACL;;AAErB"}