@videojs/react 10.0.0-beta.9 → 10.0.0-rc.1

package/dist/dev/internal/skins/minimal-audio/components/menus/radio-item.js

@@ -0,0 +1,22 @@
+import { MenuItemIndicator } from "../../../../../ui/menu/menu-item-indicator.js";
+import { MenuRadioItem } from "../../../../../ui/menu/menu-radio-item.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/check.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-audio/components/menus/radio-item.tsx
+/** @jsxImportSource react */
+function RadioItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(MenuRadioItem, {
+		className: (state) => cn("media-menu-radio-item", resolveClassName(className, state)),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(MenuItemIndicator, {
+			forceMount: true,
+			className: "media-menu-item-indicator",
+			children: /* @__PURE__ */ jsx(ForwardRef, { className: "media-menu-radio-item-icon" })
+		})]
+	});
+}
+//#endregion
+export { RadioItem };
+
+//# sourceMappingURL=radio-item.js.map

package/dist/dev/internal/skins/minimal-audio/components/menus/radio-item.js.map

@@ -0,0 +1 @@
+{"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 type RadioItemProps = Menu.RadioItemProps;\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":";;;;;;;AASA,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/dev/internal/skins/minimal-audio/controls.js

@@ -0,0 +1,74 @@
+import { ControlsContent } from "../../../ui/controls/controls-content.js";
+import { ControlsGroup } from "../../../ui/controls/controls-group.js";
+import { ControlsRoot } from "../../../ui/controls/controls-root.js";
+import { Group } from "../../../ui/time/time-group.js";
+import { Separator } from "../../../ui/time/time-separator.js";
+import { Value } from "../../../ui/time/time-value.js";
+import { TooltipProvider } from "../../../ui/tooltip/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/dev/internal/skins/minimal-audio/controls.js.map

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-audio/skin.js

@@ -0,0 +1,28 @@
+import { StatusAnnouncer } from "../shared/components/feedback/status-announcer.js";
+import { Container } from "../shared/components/layout/container.js";
+import { AudioErrorDialog } from "../shared/skins/shared/audio/error-dialog.js";
+import { PlaybackHotkeys } from "../shared/skins/shared/playback-hotkeys.js";
+import { MinimalAudioControls } from "./controls.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-audio/skin.tsx
+/** @jsxImportSource react */
+function MinimalAudioSkin({ children, className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(Container, {
+		className: cn("audio-skin", className),
+		"data-theme": "minimal",
+		"data-preset": "audio",
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(AudioErrorDialog, {}),
+			/* @__PURE__ */ jsx(MinimalAudioControls, {}),
+			/* @__PURE__ */ jsx(PlaybackHotkeys, {}),
+			/* @__PURE__ */ jsx(StatusAnnouncer, {})
+		]
+	});
+}
+//#endregion
+export { MinimalAudioSkin };
+
+//# sourceMappingURL=skin.js.map

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

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-audio/skins/shared/audio/play-button.js

@@ -0,0 +1,22 @@
+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/dev/internal/skins/minimal-audio/skins/shared/audio/play-button.js.map

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-audio/skins/shared/audio/settings-menu.js

@@ -0,0 +1,44 @@
+import { MenuContent } from "../../../../../../ui/menu/menu-content.js";
+import { MenuPopup } from "../../../../../../ui/menu/menu-popup.js";
+import { MenuRoot } from "../../../../../../ui/menu/menu-root.js";
+import { MenuTrigger } from "../../../../../../ui/menu/menu-trigger.js";
+import { PlaybackRateRadioGroupOptions, PlaybackRateRadioGroupRoot } from "../../../../../../ui/playback-rate-radio-group/playback-rate-radio-group.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/dev/internal/skins/minimal-audio/skins/shared/audio/settings-menu.js.map

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-live-audio/components/buttons/mute-button.js

@@ -0,0 +1,25 @@
+import { MuteButton as MuteButton$1 } from "../../../../../ui/mute-button/mute-button.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 { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-audio/components/buttons/mute-button.tsx
+/** @jsxImportSource react */
+function MuteButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(MuteButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-mute-button", resolveClassName(className, state)),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-mute-button-off-icon") }),
+			/* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-mute-button-low-icon") }),
+			/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-mute-button-high-icon") })
+		]
+	});
+}
+//#endregion
+export { MuteButton };
+
+//# sourceMappingURL=mute-button.js.map

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

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-live-audio/components/buttons/play-button.js

@@ -0,0 +1,25 @@
+import { PlayButton as PlayButton$1 } from "../../../../../ui/play-button/play-button.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/pause.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/minimal/play.js";
+import ForwardRef$2 from "../../../../../icons/dist/react/minimal/restart.js";
+import { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-audio/components/buttons/play-button.tsx
+/** @jsxImportSource react */
+function PlayButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(PlayButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-play-button", resolveClassName(className, state)),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ForwardRef$2, { className: cn("media-button-icon", "media-play-button-restart-icon") }),
+			/* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-play-button-play-icon") }),
+			/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-play-button-pause-icon") })
+		]
+	});
+}
+//#endregion
+export { PlayButton };
+
+//# sourceMappingURL=play-button.js.map

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

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-live-audio/components/controls/volume-popover.js

@@ -0,0 +1,32 @@
+import { VolumePopoverPopup } from "../../../../../ui/volume-popover/volume-popover-popup.js";
+import { VolumePopoverRoot } from "../../../../../ui/volume-popover/volume-popover-root.js";
+import { VolumePopoverTrigger } from "../../../../../ui/volume-popover/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/dev/internal/skins/minimal-live-audio/components/controls/volume-popover.js.map

@@ -0,0 +1 @@
+{"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/dev/internal/skins/minimal-live-audio/components/feedback/buffering-indicator.js

@@ -0,0 +1,17 @@
+import { BufferingIndicator as BufferingIndicator$1 } from "../../../../../ui/buffering-indicator/buffering-indicator.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/dev/internal/skins/minimal-live-audio/components/feedback/buffering-indicator.js.map

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,42 @@
+import { ControlsContent } from "../../../ui/controls/controls-content.js";
+import { ControlsGroup } from "../../../ui/controls/controls-group.js";
+import { ControlsRoot } from "../../../ui/controls/controls-root.js";
+import { TooltipProvider } from "../../../ui/tooltip/tooltip-provider.js";
+import { LiveButton } from "../shared/components/buttons/live-button.js";
+import { VolumePopover } from "./components/controls/volume-popover.js";
+import { AudioPlayButton } from "./skins/shared/audio/play-button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-audio/controls.tsx
+/** @jsxImportSource react */
+function MinimalLiveAudioControls() {
+	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(LiveButton, {})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					"aria-hidden": "true",
+					className: "audio-controls-spacer"
+				}),
+				/* @__PURE__ */ jsx(ControlsGroup, {
+					className: "audio-controls-end",
+					children: /* @__PURE__ */ jsx(VolumePopover, {
+						boundary: "viewport",
+						showTooltip: true,
+						side: "left",
+						orientation: "horizontal"
+					})
+				})
+			] })
+		})
+	});
+}
+//#endregion
+export { MinimalLiveAudioControls };
+
+//# sourceMappingURL=controls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","names":["Controls.Root","Controls.Content","Tooltip.Provider","Controls.Group"],"sources":["../../../../../src/internal/skins/minimal-live-audio/controls.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn } from '@videojs/utils/style';\n\nimport { Controls, Tooltip } from '../../skin-primitives';\nimport { LiveButton } from '../shared/components/buttons/live-button';\nimport { VolumePopover } from './components/controls/volume-popover';\nimport { AudioPlayButton } from './skins/shared/audio/play-button';\n\nexport function MinimalLiveAudioControls() {\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            <LiveButton />\n          </Controls.Group>\n\n          <div aria-hidden=\"true\" className={'audio-controls-spacer'} />\n\n          <Controls.Group className={'audio-controls-end'}>\n            <VolumePopover boundary=\"viewport\" showTooltip side=\"left\" orientation=\"horizontal\" />\n          </Controls.Group>\n        </Tooltip.Provider>\n      </Controls.Content>\n    </Controls.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;AASA,SAAgB,2BAA2B;CACzC,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,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,oBAAC,YAAD,CAAa,CAAA,CACC;;IAEhB,oBAAC,OAAD;KAAK,eAAY;KAAO,WAAW;IAA0B,CAAA;IAE7D,oBAACA,eAAD;KAAgB,WAAW;KACzB,UAAA,oBAAC,eAAD;MAAe,UAAS;MAAW,aAAA;MAAY,MAAK;MAAO,aAAY;KAAc,CAAA;IACvE,CAAA;GACA,EAAA,CAAA;EACF,CAAA;CACL,CAAA;AAEnB"}

package/dist/dev/internal/skins/minimal-live-audio/skin.js

@@ -0,0 +1,28 @@
+import { StatusAnnouncer } from "../shared/components/feedback/status-announcer.js";
+import { Container } from "../shared/components/layout/container.js";
+import { AudioErrorDialog } from "../shared/skins/shared/audio/error-dialog.js";
+import { LivePlaybackHotkeys } from "../shared/skins/shared/live-playback-hotkeys.js";
+import { MinimalLiveAudioControls } from "./controls.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-audio/skin.tsx
+/** @jsxImportSource react */
+function MinimalLiveAudioSkin({ children, className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(Container, {
+		className: cn("audio-skin", className),
+		"data-theme": "minimal",
+		"data-preset": "live-audio",
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(AudioErrorDialog, {}),
+			/* @__PURE__ */ jsx(MinimalLiveAudioControls, {}),
+			/* @__PURE__ */ jsx(LivePlaybackHotkeys, {}),
+			/* @__PURE__ */ jsx(StatusAnnouncer, {})
+		]
+	});
+}
+//#endregion
+export { MinimalLiveAudioSkin };
+
+//# sourceMappingURL=skin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":[],"sources":["../../../../../src/internal/skins/minimal-live-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 { LivePlaybackHotkeys } from '../shared/skins/shared/live-playback-hotkeys';\nimport { MinimalLiveAudioControls } from './controls';\n\nexport interface MinimalLiveAudioSkinProps extends Omit<NonNullable<ComponentProps<typeof Container>>, 'children'> {\n  children?: ReactNode;\n}\n\nexport function MinimalLiveAudioSkin({ children, className, ...props }: MinimalLiveAudioSkinProps = {}) {\n  return (\n    <Container className={cn('audio-skin', className)} data-theme=\"minimal\" data-preset=\"live-audio\" {...props}>\n      {children}\n      <AudioErrorDialog />\n      <MinimalLiveAudioControls />\n      <LivePlaybackHotkeys />\n      <StatusAnnouncer />\n    </Container>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,GAAG,UAAqC,CAAC,GAAG;CACtG,OACE,qBAAC,WAAD;EAAW,WAAW,GAAG,cAAc,SAAS;EAAG,cAAW;EAAU,eAAY;EAAa,GAAI;EAArG,UAAA;GACG;GACD,oBAAC,kBAAD,CAAmB,CAAA;GACnB,oBAAC,0BAAD,CAA2B,CAAA;GAC3B,oBAAC,qBAAD,CAAsB,CAAA;GACtB,oBAAC,iBAAD,CAAkB,CAAA;EACT;;AAEf"}

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

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

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

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

package/dist/dev/internal/skins/minimal-live-video/components/buttons/airplay-button.js

@@ -0,0 +1,20 @@
+import { AirPlayButton as AirPlayButton$1 } from "../../../../../ui/airplay-button/airplay-button.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/airplay-enter.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/minimal/airplay-exit.js";
+import { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-video/components/buttons/airplay-button.tsx
+/** @jsxImportSource react */
+function AirPlayButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(AirPlayButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-airplay-button", resolveClassName(className, state)),
+		...props,
+		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-airplay-button-enter-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-airplay-button-exit-icon") })]
+	});
+}
+//#endregion
+export { AirPlayButton };
+
+//# sourceMappingURL=airplay-button.js.map

package/dist/dev/internal/skins/minimal-live-video/components/buttons/airplay-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"airplay-button.js","names":["AirPlayButtonPrimitive","AirPlayEnterIconPrimitive","AirPlayExitIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/buttons/airplay-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  AirPlayEnterIcon as AirPlayEnterIconPrimitive,\n  AirPlayExitIcon as AirPlayExitIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { AirPlayButton as AirPlayButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type AirPlayButtonProps = Omit<AirPlayButtonPrimitive.Props, 'children'>;\n\nexport function AirPlayButton({ className, ...props }: AirPlayButtonProps = {}) {\n  return (\n    <AirPlayButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-airplay-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <AirPlayEnterIconPrimitive className={cn('media-button-icon', 'media-airplay-button-enter-icon')} />\n      <AirPlayExitIconPrimitive className={cn('media-button-icon', 'media-airplay-button-exit-icon')} />\n    </AirPlayButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,cAAc,EAAE,WAAW,GAAG,UAA8B,CAAC,GAAG;CAC9E,OACE,qBAACA,iBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,wBAAwB,iBAAiB,WAAW,KAAK,CAAC;EACnF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAA2B,WAAW,GAAG,qBAAqB,iCAAiC,EAAI,CAAA,GACnG,oBAACC,cAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA,CAC3E;;AAE5B"}

package/dist/dev/internal/skins/minimal-live-video/components/buttons/captions-button.js

@@ -0,0 +1,20 @@
+import { CaptionsButton as CaptionsButton$1 } from "../../../../../ui/captions-button/captions-button.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/captions-off.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/minimal/captions-on.js";
+import { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-video/components/buttons/captions-button.tsx
+/** @jsxImportSource react */
+function CaptionsButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(CaptionsButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-captions-button", resolveClassName(className, state)),
+		...props,
+		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-captions-button-off-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-captions-button-on-icon") })]
+	});
+}
+//#endregion
+export { CaptionsButton };
+
+//# sourceMappingURL=captions-button.js.map

package/dist/dev/internal/skins/minimal-live-video/components/buttons/captions-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"captions-button.js","names":["CaptionsButtonPrimitive","CaptionsOffIconPrimitive","CaptionsOnIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/buttons/captions-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CaptionsOffIcon as CaptionsOffIconPrimitive,\n  CaptionsOnIcon as CaptionsOnIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { CaptionsButton as CaptionsButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CaptionsButtonProps = Omit<CaptionsButtonPrimitive.Props, 'children'>;\n\nexport function CaptionsButton({ className, ...props }: CaptionsButtonProps = {}) {\n  return (\n    <CaptionsButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-captions-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CaptionsOffIconPrimitive className={cn('media-button-icon', 'media-captions-button-off-icon')} />\n      <CaptionsOnIconPrimitive className={cn('media-button-icon', 'media-captions-button-on-icon')} />\n    </CaptionsButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,eAAe,EAAE,WAAW,GAAG,UAA+B,CAAC,GAAG;CAChF,OACE,qBAACA,kBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,yBAAyB,iBAAiB,WAAW,KAAK,CAAC;EACpF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAA0B,WAAW,GAAG,qBAAqB,gCAAgC,EAAI,CAAA,GACjG,oBAACC,cAAD,EAAyB,WAAW,GAAG,qBAAqB,+BAA+B,EAAI,CAAA,CACxE;;AAE7B"}

package/dist/dev/internal/skins/minimal-live-video/components/buttons/cast-button.js

@@ -0,0 +1,20 @@
+import { CastButton as CastButton$1 } from "../../../../../ui/cast-button/cast-button.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/cast-enter.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/minimal/cast-exit.js";
+import { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-video/components/buttons/cast-button.tsx
+/** @jsxImportSource react */
+function CastButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(CastButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-cast-button", resolveClassName(className, state)),
+		...props,
+		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-cast-button-enter-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-cast-button-exit-icon") })]
+	});
+}
+//#endregion
+export { CastButton };
+
+//# sourceMappingURL=cast-button.js.map

package/dist/dev/internal/skins/minimal-live-video/components/buttons/cast-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast-button.js","names":["CastButtonPrimitive","CastEnterIconPrimitive","CastExitIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/buttons/cast-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  CastEnterIcon as CastEnterIconPrimitive,\n  CastExitIcon as CastExitIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { CastButton as CastButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type CastButtonProps = Omit<CastButtonPrimitive.Props, 'children'>;\n\nexport function CastButton({ className, ...props }: CastButtonProps = {}) {\n  return (\n    <CastButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-cast-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <CastEnterIconPrimitive className={cn('media-button-icon', 'media-cast-button-enter-icon')} />\n      <CastExitIconPrimitive className={cn('media-button-icon', 'media-cast-button-exit-icon')} />\n    </CastButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,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,CAKE,oBAACC,YAAD,EAAwB,WAAW,GAAG,qBAAqB,8BAA8B,EAAI,CAAA,GAC7F,oBAACC,cAAD,EAAuB,WAAW,GAAG,qBAAqB,6BAA6B,EAAI,CAAA,CACxE;;AAEzB"}

package/dist/dev/internal/skins/minimal-live-video/components/buttons/fullscreen-button.js

@@ -0,0 +1,20 @@
+import { FullscreenButton as FullscreenButton$1 } from "../../../../../ui/fullscreen-button/fullscreen-button.js";
+import ForwardRef from "../../../../../icons/dist/react/minimal/fullscreen-enter.js";
+import ForwardRef$1 from "../../../../../icons/dist/react/minimal/fullscreen-exit.js";
+import { Button } from "../../../shared/components/buttons/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, resolveClassName } from "@videojs/utils/style";
+//#region src/internal/skins/minimal-live-video/components/buttons/fullscreen-button.tsx
+/** @jsxImportSource react */
+function FullscreenButton({ className, ...props } = {}) {
+	return /* @__PURE__ */ jsxs(FullscreenButton$1, {
+		render: /* @__PURE__ */ jsx(Button, {}),
+		className: (state) => cn("media-fullscreen-button", resolveClassName(className, state)),
+		...props,
+		children: [/* @__PURE__ */ jsx(ForwardRef, { className: cn("media-button-icon", "media-fullscreen-button-enter-icon") }), /* @__PURE__ */ jsx(ForwardRef$1, { className: cn("media-button-icon", "media-fullscreen-button-exit-icon") })]
+	});
+}
+//#endregion
+export { FullscreenButton };
+
+//# sourceMappingURL=fullscreen-button.js.map

package/dist/dev/internal/skins/minimal-live-video/components/buttons/fullscreen-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen-button.js","names":["FullscreenButtonPrimitive","FullscreenEnterIconPrimitive","FullscreenExitIconPrimitive"],"sources":["../../../../../../../src/internal/skins/minimal-live-video/components/buttons/fullscreen-button.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nimport { cn, resolveClassName } from '@videojs/utils/style';\n\nimport {\n  FullscreenEnterIcon as FullscreenEnterIconPrimitive,\n  FullscreenExitIcon as FullscreenExitIconPrimitive,\n} from '../../../../../icons/minimal/index';\nimport { FullscreenButton as FullscreenButtonPrimitive } from '../../../../skin-primitives';\nimport { Button } from '../../../shared/components/buttons/button';\n\nexport type FullscreenButtonProps = Omit<FullscreenButtonPrimitive.Props, 'children'>;\n\nexport function FullscreenButton({ className, ...props }: FullscreenButtonProps = {}) {\n  return (\n    <FullscreenButtonPrimitive\n      render={<Button />}\n      className={(state) => cn('media-fullscreen-button', resolveClassName(className, state))}\n      {...props}\n    >\n      <FullscreenEnterIconPrimitive className={cn('media-button-icon', 'media-fullscreen-button-enter-icon')} />\n      <FullscreenExitIconPrimitive className={cn('media-button-icon', 'media-fullscreen-button-exit-icon')} />\n    </FullscreenButtonPrimitive>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,iBAAiB,EAAE,WAAW,GAAG,UAAiC,CAAC,GAAG;CACpF,OACE,qBAACA,oBAAD;EACE,QAAQ,oBAAC,QAAD,CAAS,CAAA;EACjB,YAAY,UAAU,GAAG,2BAA2B,iBAAiB,WAAW,KAAK,CAAC;EACtF,GAAI;EAHN,UAAA,CAKE,oBAACC,YAAD,EAA8B,WAAW,GAAG,qBAAqB,oCAAoC,EAAI,CAAA,GACzG,oBAACC,cAAD,EAA6B,WAAW,GAAG,qBAAqB,mCAAmC,EAAI,CAAA,CAC9E;;AAE/B"}