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

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

package/dist/default/internal/skins/default-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/default-video/components/menus/quality-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { qualityText } from '@videojs/core/i18n/text/menu';\n\nimport { SwitchesIcon as SwitchesIconPrimitive } from '../../../../../icons/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/default-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/default-video/components/menus/radio-item.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { CheckIcon as CheckIconPrimitive } from '../../../../../icons/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/default-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/default-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/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/default-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/default-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/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/default-video/controls.js

@@ -1,79 +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 { 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/default-video/controls.tsx
-/** @jsxImportSource react */
-function DefaultVideoControls() {
-	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-primary",
-			children: [
-				/* @__PURE__ */ jsx(ButtonTooltip, {
-					side: "top",
-					children: /* @__PURE__ */ jsx(PlayButton, {})
-				}),
-				/* @__PURE__ */ jsx(VolumePopover, { className: "video-controls-volume-button" }),
-				/* @__PURE__ */ jsxs(ControlsGroup, {
-					className: "video-time-slider-group",
-					children: [
-						/* @__PURE__ */ jsx(Value, {
-							className: cn("media-time-value", "video-time-value"),
-							type: "current"
-						}),
-						/* @__PURE__ */ jsx(TimeSlider, {}),
-						/* @__PURE__ */ jsx(Value, {
-							className: cn("media-time-toggle", "video-time-value"),
-							type: "remaining",
-							toggle: true
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx(ButtonTooltip, {
-					side: "top",
-					children: /* @__PURE__ */ jsx(CaptionsButton, { className: "video-controls-captions-button" })
-				}),
-				/* @__PURE__ */ jsx(VideoSettingsMenu, { className: "video-controls-settings-button" })
-			]
-		}), /* @__PURE__ */ jsxs(ControlsGroup, {
-			className: "video-controls-secondary",
-			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 { DefaultVideoControls };
-
-//# sourceMappingURL=controls.js.map

package/dist/default/internal/skins/default-video/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","names":["Controls.Root","Controls.Backdrop","Controls.Content","Tooltip.Provider","Controls.Group","Time.Value"],"sources":["../../../../../src/internal/skins/default-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 DefaultVideoControls() {\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-primary'}>\n            <ButtonTooltip side=\"top\">\n              <PlayButton />\n            </ButtonTooltip>\n            <VolumePopover className={'video-controls-volume-button'} />\n\n            <Controls.Group className={'video-time-slider-group'}>\n              <Time.Value className={cn('media-time-value', 'video-time-value')} type=\"current\" />\n              <TimeSlider />\n              <Time.Value className={cn('media-time-toggle', 'video-time-value')} type=\"remaining\" toggle />\n            </Controls.Group>\n\n            <ButtonTooltip side=\"top\">\n              <CaptionsButton className={'video-controls-captions-button'} />\n            </ButtonTooltip>\n            <VideoSettingsMenu className={'video-controls-settings-button'} />\n          </Controls.Group>\n\n          <Controls.Group className={'video-controls-secondary'}>\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":";;;;;;;;;;;;;;;;;;;;AAgBA,SAAgB,uBAAuB;CACrC,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,CACE,qBAACC,eAAD;GAAgB,WAAW;GAA3B,UAAA;IACE,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA;IACf,oBAAC,eAAD,EAAe,WAAW,+BAAiC,CAAA;IAE3D,qBAACA,eAAD;KAAgB,WAAW;KAA3B,UAAA;MACE,oBAACC,OAAD;OAAY,WAAW,GAAG,oBAAoB,kBAAkB;OAAG,MAAK;MAAW,CAAA;MACnF,oBAAC,YAAD,CAAa,CAAA;MACb,oBAACA,OAAD;OAAY,WAAW,GAAG,qBAAqB,kBAAkB;OAAG,MAAK;OAAY,QAAA;MAAQ,CAAA;KAC/E;;IAEhB,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,gBAAD,EAAgB,WAAW,iCAAmC,CAAA;IACjD,CAAA;IACf,oBAAC,mBAAD,EAAmB,WAAW,iCAAmC,CAAA;GACnD;EAEhB,CAAA,GAAA,qBAACD,eAAD;GAAgB,WAAW;GAA3B,UAAA;IACE,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA;IACf,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,eAAD,CAAgB,CAAA;IACH,CAAA;IACf,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,WAAD,CAAY,CAAA;IACC,CAAA;IACf,oBAAC,eAAD;KAAe,MAAK;KAClB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;IACN,CAAA;GACD;EACA,CAAA,CAAA,EAAA,CAAA;CACF,CAAA,CACL,EAAA,CAAA;AAEnB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/default-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 { DefaultVideoControls } from './controls';\nimport { VideoStatusIndicators } from './skins/shared/video/status-indicators';\n\nexport interface DefaultVideoSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n  renderPoster?: NonNullable<ComponentProps<typeof Poster>>['renderImage'];\n}\n\nexport function DefaultVideoSkin({ children, className, renderPoster, ...props }: DefaultVideoSkinProps = {}) {\n  return (\n    <Container className={cn('video-skin', className)} data-theme=\"default\" data-preset=\"video\" {...props}>\n      {children}\n      <Poster renderImage={renderPoster} />\n      <BufferingIndicator />\n      <ErrorDialog />\n\n      <DefaultVideoControls />\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/default-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/default-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/default-video/skins/shared/video/settings-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-menu.js","names":[],"sources":["../../../../../../../../src/internal/skins/default-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/default-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/default-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/default-video/skins/shared/video/status-indicators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-indicators.js","names":[],"sources":["../../../../../../../../src/internal/skins/default-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/minimal-audio/components/buttons/mute-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mute-button.js","names":["MuteButtonPrimitive","VolumeOffIconPrimitive","VolumeLowIconPrimitive","VolumeHighIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-audio/components/buttons/mute-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeOffIcon as VolumeOffIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeHighIcon as VolumeHighIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { MuteButton as MuteButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type MuteButtonProps = Omit<MuteButtonPrimitive.Props, 'children'>;\n\nexport function MuteButton({ className, ...props }: MuteButtonProps = {}) {\n  return (\n    <MuteButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-mute-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />\n      <VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />\n      <VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />\n    </MuteButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,YAAD,EAAyB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;EAC1E;;AAEzB"}

package/dist/default/internal/skins/minimal-audio/components/buttons/play-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-button.js","names":["PlayButtonPrimitive","RestartIconPrimitive","PlayIconPrimitive","PauseIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-audio/components/buttons/play-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  RestartIcon as RestartIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { PlayButton as PlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type PlayButtonProps = Omit<PlayButtonPrimitive.Props, 'children'>;\n\nexport function PlayButton({ className, ...props }: PlayButtonProps = {}) {\n  return (\n    <PlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-play-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />\n      <PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />\n      <PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />\n    </PlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAsB,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;GAC7F,oBAACC,cAAD,EAAmB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;GACvF,oBAACC,YAAD,EAAoB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA;EACtE;;AAEzB"}

package/dist/default/internal/skins/minimal-audio/components/buttons/seek-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-button.js","names":["SeekButtonPrimitive","SeekIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-audio/components/buttons/seek-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport { SeekIcon as SeekIconPrimitive } from '../../../../../icons/minimal/index';\nimport { SeekButton as SeekButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type SeekButtonProps = Omit<SeekButtonPrimitive.Props, 'children'>;\n\nexport function SeekButton({ className, seconds = 10, ...props }: SeekButtonProps = {}) {\n  return (\n    <SeekButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-seek-button', resolveClassName(className, state))}\n      seconds={seconds}\n      {...props}\n    >\n      <div className={'media-seek-button-content'}>\n        <SeekIconPrimitive className={cn('media-button-icon', seconds < 0 && 'media-seek-button-backward-icon')} />\n        <span\n          className={cn(\n            'media-seek-button-label',\n            seconds < 0 ? 'media-seek-button-backward-label' : 'media-seek-button-forward-label'\n          )}\n        >\n          {Math.abs(seconds)}\n        </span>\n      </div>\n    </SeekButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,WAAW,EAAE,WAAW,UAAU,IAAI,GAAG,UAA2B,CAAC,GAAG;CACtF,OACE,oBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EACvE;EACT,GAAI;EAEJ,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACE,oBAACC,YAAD,EAAmB,WAAW,GAAG,qBAAqB,UAAU,KAAK,iCAAiC,EAAI,CAAA,GAC1G,oBAAC,QAAD;IACE,WAAW,GACT,2BACA,UAAU,IAAI,qCAAqC,iCACrD;IAEC,UAAA,KAAK,IAAI,OAAO;GACb,CAAA,CACH;;CACc,CAAA;AAEzB"}

package/dist/default/internal/skins/minimal-audio/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-audio/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/default/internal/skins/minimal-audio/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-audio/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/default/internal/skins/minimal-audio/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-audio/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/default/internal/skins/minimal-audio/components/feedback/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":["BufferingIndicatorPrimitive","SpinnerIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-audio/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/default/internal/skins/minimal-audio/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-audio/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-audio/controls.js

@@ -1,74 +0,0 @@
-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 { AudioTimeSlider } from "../shared/skins/shared/audio/time-slider.js";
-import { SeekButton } from "./components/buttons/seek-button.js";
-import { VolumePopover } from "./components/controls/volume-popover.js";
-import { AudioPlayButton } from "./skins/shared/audio/play-button.js";
-import { AudioSettingsMenu } from "./skins/shared/audio/settings-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-audio/controls.tsx
-/** @jsxImportSource react */
-function MinimalAudioControls() {
-	return /* @__PURE__ */ jsx(ControlsRoot, {
-		visibility: "always",
-		children: /* @__PURE__ */ jsx(ControlsContent, {
-			className: cn("audio-controls", "audio-controls-content"),
-			children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
-				/* @__PURE__ */ jsxs(ControlsGroup, {
-					className: "audio-controls-start",
-					children: [
-						/* @__PURE__ */ jsx(AudioPlayButton, {}),
-						/* @__PURE__ */ jsx(ButtonTooltip, {
-							boundary: "viewport",
-							side: "top",
-							children: /* @__PURE__ */ jsx(SeekButton, { seconds: -10 })
-						}),
-						/* @__PURE__ */ jsx(ButtonTooltip, {
-							boundary: "viewport",
-							side: "top",
-							children: /* @__PURE__ */ jsx(SeekButton, { seconds: 10 })
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs(ControlsGroup, {
-					className: "audio-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(AudioTimeSlider, {})]
-				}),
-				/* @__PURE__ */ jsxs(ControlsGroup, {
-					className: "audio-controls-end",
-					children: [/* @__PURE__ */ jsx(VolumePopover, {
-						boundary: "viewport",
-						showTooltip: true,
-						side: "left",
-						orientation: "horizontal"
-					}), /* @__PURE__ */ jsx(AudioSettingsMenu, {})]
-				})
-			] })
-		})
-	});
-}
-//#endregion
-export { MinimalAudioControls };
-
-//# sourceMappingURL=controls.js.map

package/dist/default/internal/skins/minimal-audio/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","names":["Controls.Root","Controls.Content","Tooltip.Provider","Controls.Group","Time.Group","Time.Value","Time.Separator"],"sources":["../../../../../src/internal/skins/minimal-audio/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 { AudioTimeSlider } from '../shared/skins/shared/audio/time-slider';\nimport { SeekButton } from './components/buttons/seek-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { AudioPlayButton } from './skins/shared/audio/play-button';\nimport { AudioSettingsMenu } from './skins/shared/audio/settings-menu';\n\nexport function MinimalAudioControls() {\n  return (\n    <Controls.Root visibility=\"always\">\n      <Controls.Content className={cn('audio-controls', 'audio-controls-content')}>\n        <Tooltip.Provider>\n          <Controls.Group className={'audio-controls-start'}>\n            <AudioPlayButton />\n            <ButtonTooltip boundary=\"viewport\" side=\"top\">\n              <SeekButton seconds={-10} />\n            </ButtonTooltip>\n            <ButtonTooltip boundary=\"viewport\" side=\"top\">\n              <SeekButton seconds={10} />\n            </ButtonTooltip>\n          </Controls.Group>\n\n          <Controls.Group className={'audio-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            <AudioTimeSlider />\n          </Controls.Group>\n\n          <Controls.Group className={'audio-controls-end'}>\n            <VolumePopover boundary=\"viewport\" showTooltip side=\"left\" orientation=\"horizontal\" />\n            <AudioSettingsMenu />\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,SAAgB,uBAAuB;CACrC,OACE,oBAACA,cAAD;EAAe,YAAW;EACxB,UAAA,oBAACC,iBAAD;GAAkB,WAAW,GAAG,kBAAkB,wBAAwB;GACxE,UAAA,qBAACC,iBAAD,EAAA,UAAA;IACE,qBAACC,eAAD;KAAgB,WAAW;KAA3B,UAAA;MACE,oBAAC,iBAAD,CAAkB,CAAA;MAClB,oBAAC,eAAD;OAAe,UAAS;OAAW,MAAK;OACtC,UAAA,oBAAC,YAAD,EAAY,SAAS,IAAM,CAAA;MACd,CAAA;MACf,oBAAC,eAAD;OAAe,UAAS;OAAW,MAAK;OACtC,UAAA,oBAAC,YAAD,EAAY,SAAS,GAAK,CAAA;MACb,CAAA;KACD;;IAEhB,qBAACA,eAAD;KAAgB,WAAW;KAA3B,UAAA,CACE,qBAACC,OAAD;MAAY,WAAW;MAAvB,UAAA;OACE,oBAACC,OAAD;QAAY,WAAW,GAAG,qBAAqB,0BAA0B;QAAG,MAAK;QAAU,QAAA;OAAQ,CAAA;OACnG,oBAACC,WAAD,EAAgB,WAAW,uBAAyB,CAAA;OACpD,oBAACD,OAAD;QAAY,WAAW;QAA6B,MAAK;OAAY,CAAA;MAC3D;KACZ,CAAA,GAAA,oBAAC,iBAAD,CAAkB,CAAA,CACJ;;IAEhB,qBAACF,eAAD;KAAgB,WAAW;KAA3B,UAAA,CACE,oBAAC,eAAD;MAAe,UAAS;MAAW,aAAA;MAAY,MAAK;MAAO,aAAY;KAAc,CAAA,GACrF,oBAAC,mBAAD,CAAoB,CAAA,CACN;;GACA,EAAA,CAAA;EACF,CAAA;CACL,CAAA;AAEnB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-audio/skin.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { StatusAnnouncer } from '../shared/components/feedback/status-announcer';\nimport { Container } from '../shared/components/layout/container';\nimport { AudioErrorDialog } from '../shared/skins/shared/audio/error-dialog';\nimport { PlaybackHotkeys } from '../shared/skins/shared/playback-hotkeys';\nimport { MinimalAudioControls } from './controls';\n\nexport interface MinimalAudioSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n}\n\nexport function MinimalAudioSkin({ children, className, ...props }: MinimalAudioSkinProps = {}) {\n  return (\n    <Container className={cn('audio-skin', className)} data-theme=\"minimal\" data-preset=\"audio\" {...props}>\n      {children}\n      <AudioErrorDialog />\n      <MinimalAudioControls />\n      <PlaybackHotkeys />\n      <StatusAnnouncer />\n    </Container>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,GAAG,UAAiC,CAAC,GAAG;CAC9F,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAQ,GAAI;EAAhG,UAAA;GACG;GACD,oBAAC,kBAAD,CAAmB,CAAA;GACnB,oBAAC,sBAAD,CAAuB,CAAA;GACvB,oBAAC,iBAAD,CAAkB,CAAA;GAClB,oBAAC,iBAAD,CAAkB,CAAA;EACT;;AAEf"}

package/dist/default/internal/skins/minimal-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-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/default/internal/skins/minimal-audio/skins/shared/audio/play-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-button.js","names":[],"sources":["../../../../../../../../src/internal/skins/minimal-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/default/internal/skins/minimal-audio/skins/shared/audio/settings-menu.js

@@ -1,44 +0,0 @@
-import { MenuContent } from "../../../../../../ui/menu/content.js";
-import { MenuPopup } from "../../../../../../ui/menu/popup.js";
-import { MenuRoot } from "../../../../../../ui/menu/root.js";
-import { MenuTrigger } from "../../../../../../ui/menu/trigger.js";
-import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot } from "../../../../../../ui/playback-rate-radio-group/component.js";
-import { ButtonTooltip } from "../../../../shared/components/buttons/button-tooltip.js";
-import { PlaybackRateButton } from "../../../../shared/components/buttons/playback-rate-button.js";
-import { RadioItem } from "../../../components/menus/radio-item.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@videojs/utils/style";
-//#region src/internal/skins/minimal-audio/skins/shared/audio/settings-menu.tsx
-/** @jsxImportSource react */
-function AudioSettingsMenu({ className, ...props } = {}) {
-	return /* @__PURE__ */ jsx(MenuRoot, {
-		side: "top",
-		align: "center",
-		boundary: "viewport",
-		...props,
-		children: /* @__PURE__ */ jsxs(PlaybackRateRadioGroupRoot, { children: [/* @__PURE__ */ jsx(ButtonTooltip, {
-			boundary: "viewport",
-			side: "top",
-			children: /* @__PURE__ */ jsx(MenuTrigger, {
-				render: /* @__PURE__ */ jsx(PlaybackRateButton, {}),
-				className
-			})
-		}), /* @__PURE__ */ jsx(MenuPopup, {
-			className: cn("media-popup", "media-popup-surface", "media-menu-popup", "audio-settings-menu-popup"),
-			children: /* @__PURE__ */ jsx(MenuContent, {
-				className: "media-menu-content",
-				children: /* @__PURE__ */ jsx(PlaybackRateRadioGroupOptions, {
-					className: "media-menu-radio-group",
-					renderItem: (props, item) => /* @__PURE__ */ jsx(RadioItem, {
-						...props,
-						children: /* @__PURE__ */ jsx("span", { children: item.label })
-					})
-				})
-			})
-		})] })
-	});
-}
-//#endregion
-export { AudioSettingsMenu };
-
-//# sourceMappingURL=settings-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"settings-menu.js","names":["MenuPrimitive.Root","PlaybackRateRadioGroup.Root","MenuPrimitive.Trigger","MenuPrimitive.Popup","MenuPrimitive.Content","PlaybackRateRadioGroup.Options"],"sources":["../../../../../../../../src/internal/skins/minimal-audio/skins/shared/audio/settings-menu.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Menu as MenuPrimitive } from '../../../../../skin-primitives';\nimport { PlaybackRateRadioGroup } from '../../../../../skin-primitives';\nimport { ButtonTooltip } from '../../../../shared/components/buttons/button-tooltip';\nimport { PlaybackRateButton } from '../../../../shared/components/buttons/playback-rate-button';\nimport { RadioItem } from '../../../components/menus/radio-item';\n\nexport interface AudioSettingsMenuProps extends Omit<MenuPrimitive.RootProps, 'children'> {\n  className?: MenuPrimitive.TriggerProps['className'];\n}\n\nexport function AudioSettingsMenu({ className, ...props }: AudioSettingsMenuProps = {}) {\n  return (\n    <MenuPrimitive.Root side=\"top\" align=\"center\" boundary=\"viewport\" {...props}>\n      <PlaybackRateRadioGroup.Root>\n        <ButtonTooltip boundary=\"viewport\" side=\"top\">\n          <MenuPrimitive.Trigger render={<PlaybackRateButton />} className={className} />\n        </ButtonTooltip>\n        <MenuPrimitive.Popup\n          className={cn('media-popup', 'media-popup-surface', 'media-menu-popup', 'audio-settings-menu-popup')}\n        >\n          <MenuPrimitive.Content className={'media-menu-content'}>\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          </MenuPrimitive.Content>\n        </MenuPrimitive.Popup>\n      </PlaybackRateRadioGroup.Root>\n    </MenuPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,UAAkC,CAAC,GAAG;CACtF,OACE,oBAACA,UAAD;EAAoB,MAAK;EAAM,OAAM;EAAS,UAAS;EAAW,GAAI;EACpE,UAAA,qBAACC,4BAAD,EAAA,UAAA,CACE,oBAAC,eAAD;GAAe,UAAS;GAAW,MAAK;GACtC,UAAA,oBAACC,aAAD;IAAuB,QAAQ,oBAAC,oBAAD,CAAqB,CAAA;IAAc;GAAY,CAAA;EACjE,CAAA,GACf,oBAACC,WAAD;GACE,WAAW,GAAG,eAAe,uBAAuB,oBAAoB,2BAA2B;GAEnG,UAAA,oBAACC,aAAD;IAAuB,WAAW;IAChC,UAAA,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;GACZ,CAAA;EACJ,CAAA,CACM,EAAA,CAAA;CACX,CAAA;AAExB"}

package/dist/default/internal/skins/minimal-live-audio/components/buttons/mute-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mute-button.js","names":["MuteButtonPrimitive","VolumeOffIconPrimitive","VolumeLowIconPrimitive","VolumeHighIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-audio/components/buttons/mute-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  VolumeOffIcon as VolumeOffIconPrimitive,\n  VolumeLowIcon as VolumeLowIconPrimitive,\n  VolumeHighIcon as VolumeHighIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { MuteButton as MuteButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type MuteButtonProps = Omit<MuteButtonPrimitive.Props, 'children'>;\n\nexport function MuteButton({ className, ...props }: MuteButtonProps = {}) {\n  return (\n    <MuteButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-mute-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <VolumeOffIconPrimitive className={cn('media-button-icon', 'media-mute-button-off-icon')} />\n      <VolumeLowIconPrimitive className={cn('media-button-icon', 'media-mute-button-low-icon')} />\n      <VolumeHighIconPrimitive className={cn('media-button-icon', 'media-mute-button-high-icon')} />\n    </MuteButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,cAAD,EAAwB,WAAW,GAAG,qBAAqB,4BAA4B,EAAI,CAAA;GAC3F,oBAACC,YAAD,EAAyB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;EAC1E;;AAEzB"}

package/dist/default/internal/skins/minimal-live-audio/components/buttons/play-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-button.js","names":["PlayButtonPrimitive","RestartIconPrimitive","PlayIconPrimitive","PauseIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-audio/components/buttons/play-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  RestartIcon as RestartIconPrimitive,\n  PlayIcon as PlayIconPrimitive,\n  PauseIcon as PauseIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { PlayButton as PlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type PlayButtonProps = Omit<PlayButtonPrimitive.Props, 'children'>;\n\nexport function PlayButton({ className, ...props }: PlayButtonProps = {}) {\n  return (\n    <PlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-play-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <RestartIconPrimitive className={cn('media-button-icon', 'media-play-button-restart-icon')} />\n      <PlayIconPrimitive className={cn('media-button-icon', 'media-play-button-play-icon')} />\n      <PauseIconPrimitive className={cn('media-button-icon', 'media-play-button-pause-icon')} />\n    </PlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EAAE,WAAW,GAAG,UAA2B,CAAC,GAAG;CACxE,OACE,qBAACA,cAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,qBAAqB,iBAAiB,WAAW,KAAK,CAAC;EAChF,GAAI;EAHN,UAAA;GAKE,oBAACC,cAAD,EAAsB,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA;GAC7F,oBAACC,cAAD,EAAmB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA;GACvF,oBAACC,YAAD,EAAoB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA;EACtE;;AAEzB"}

package/dist/default/internal/skins/minimal-live-audio/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-audio/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/default/internal/skins/minimal-live-audio/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-audio/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/default/internal/skins/minimal-live-audio/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-audio/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/default/internal/skins/minimal-live-audio/components/feedback/buffering-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator.js","names":["BufferingIndicatorPrimitive","SpinnerIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-audio/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"}