@vidstack/react - npm Package Compare versions

Comparing version 1.0.5 to 1.1.0

dist/dev/player/vidstack-default-components.js

 "use client"
 
 import * as React from 'react';
-import { u as useMediaState, b8 as usePlayerQuery, bh as Root, bi as Trigger, bj as Content, A as PlayButton, B as MuteButton, aK as isTrackCaptionKind, C as CaptionButton, D as PIPButton, F as FullscreenButton, S as SeekButton, bk as Root$1, bl as Track, bm as TrackFill, bn as Thumb, bo as Preview, bp as Value, bq as Root$2, br as Chapters, bs as Progress, bt as Thumbnail, bu as ChapterTitle, bv as Value$1, N as ChapterTitle$1, U as Time, be as useChapterOptions, bw as Items, bx as Root$3, by as Item, bz as Root$4, bA as Img, bB as Root$5, bC as Button, bD as Portal, bc as useAudioOptions, bg as usePlaybackRateOptions, bf as useVideoQualityOptions, bd as useCaptionOptions, R as Captions, bE as Root$6, bF as Group, O as Gesture } from '../chunks/vidstack-c29e91e8.js';
+import { u as useMediaState, b9 as usePlayerQuery, bi as Root, bj as Trigger, bk as Content, z as PlayButton, A as MuteButton, aK as isTrackCaptionKind, C as CaptionButton, B as PIPButton, F as FullscreenButton, S as SeekButton, bl as Root$1, bm as Track, bn as TrackFill, bo as Thumb, bp as Preview, bq as Value, br as Root$2, bs as Chapters, bt as Progress, bu as Thumbnail, bv as ChapterTitle, bw as Value$1, N as ChapterTitle$1, D as LiveButton, U as Time, bf as useChapterOptions, bx as Items, by as Root$3, bz as Item, bA as Root$4, bB as Img, bC as Root$5, bD as Button, bE as Portal, bd as useAudioOptions, bh as usePlaybackRateOptions, bg as useVideoQualityOptions, be as useCaptionOptions, R as Captions, bF as Root$6, bG as Group, O as Gesture } from '../chunks/vidstack-28f83630.js';
 import { i as isString } from '../chunks/vidstack-3c37b28b.js';
@@ -35,3 +35,3 @@ import 'media-captions';
   }, forwardRef) => {
-    const $canLoad = useMediaState("canLoad"), $viewType = useMediaState("viewType"), isMatch = $viewType === type, isForcedLayout = typeof smallLayoutWhen === "boolean", isSmallLayoutMatch = usePlayerQuery(isString(smallLayoutWhen) ? smallLayoutWhen : ""), isSmallLayout = isForcedLayout ? smallLayoutWhen : isSmallLayoutMatch;
+    const $canLoad = useMediaState("canLoad"), $viewType = useMediaState("viewType"), $streamType = useMediaState("streamType"), isMatch = $viewType === type && $streamType !== "unknown", isForcedLayout = typeof smallLayoutWhen === "boolean", isSmallLayoutMatch = usePlayerQuery(isString(smallLayoutWhen) ? smallLayoutWhen : ""), isSmallLayout = isForcedLayout ? smallLayoutWhen : isSmallLayoutMatch;
     return /* @__PURE__ */ React.createElement(
@@ -122,2 +122,7 @@ "div",
 DefaultChapterTitle.displayName = "DefaultChapterTitle";
+function DefaultLiveButton() {
+  const live = useMediaState("live");
+  return live ? /* @__PURE__ */ React.createElement(LiveButton, { className: "vds-live-button" }, /* @__PURE__ */ React.createElement("span", { className: "vds-live-button-text" }, "LIVE")) : null;
+}
+DefaultLiveButton.displayName = "DefaultLiveButton";
 function DefaultTimeGroup() {
@@ -127,2 +132,7 @@ return /* @__PURE__ */ React.createElement("div", { className: "vds-time-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-time-divider" }, "/"), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" }));
 DefaultTimeGroup.displayName = "DefaultTimeGroup";
+function DefaultTimeInfo() {
+  const live = useMediaState("live");
+  return live ? /* @__PURE__ */ React.createElement(DefaultLiveButton, null) : /* @__PURE__ */ React.createElement(DefaultTimeGroup, null);
+}
+DefaultTimeInfo.displayName = "DefaultTimeInfo";
 function DefaultChaptersMenu({ tooltip, placement, portalClass }) {
@@ -304,23 +314,41 @@ const { showMenuDelay, noModal, isSmallLayout, Icons } = React.useContext(DefaultLayoutContext), chaptersText = useDefaultLayoutLang("Chapters"), options = useChapterOptions(), disabled = !options.length, { thumbnails } = React.useContext(DefaultLayoutContext);
 
-const DefaultAudioLayout = createDefaultMediaLayout({
-  type: "audio",
-  smLayoutWhen: "(width < 576)",
-  SmallLayout: DefaultAudioLayoutSmall,
-  LargeLayout: DefaultAudioLayoutLarge
-});
-DefaultAudioLayout.displayName = "DefaultAudioLayout";
+function DefaultAudioMenus() {
+  const { isSmallLayout, noModal } = React.useContext(DefaultLayoutContext), placement = noModal ? "top end" : !isSmallLayout ? "top end" : null;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultChaptersMenu, { tooltip: "top", placement, portalClass: "vds-audio-layout" }), /* @__PURE__ */ React.createElement(DefaultSettingsMenu, { tooltip: "top end", placement, portalClass: "vds-audio-layout" }));
+}
+DefaultAudioMenus.displayName = "DefaultAudioMenus";
+
 function DefaultAudioLayoutLarge() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null))));
 }
 DefaultAudioLayoutLarge.displayName = "DefaultAudioLayoutLarge";
+
 function DefaultAudioLayoutSmall() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultLivePlayButton, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultLiveButton, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(DefaultTimeControlsGroup, null), /* @__PURE__ */ React.createElement(DefaultBottomControlsGroup, null)));
 }
 DefaultAudioLayoutSmall.displayName = "DefaultAudioLayoutSmall";
-function DefaultAudioMenus() {
-  const { isSmallLayout, noModal } = React.useContext(DefaultLayoutContext), placement = noModal ? "top end" : !isSmallLayout ? "top end" : null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultChaptersMenu, { tooltip: "top", placement, portalClass: "vds-audio-layout" }), /* @__PURE__ */ React.createElement(DefaultSettingsMenu, { tooltip: "top end", placement, portalClass: "vds-audio-layout" }));
+function DefaultLivePlayButton() {
+  const live = useMediaState("live"), canSeek = useMediaState("canSeek");
+  return live && !canSeek ? /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }) : null;
 }
-DefaultAudioMenus.displayName = "DefaultAudioMenus";
+DefaultLivePlayButton.displayName = "DefaultLivePlayButton";
+function DefaultTimeControlsGroup() {
+  const live = useMediaState("live");
+  return !live ? /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })) : null;
+}
+DefaultTimeControlsGroup.displayName = "DefaultTimeControlsGroup";
+function DefaultBottomControlsGroup() {
+  const canSeek = useMediaState("canSeek");
+  return canSeek ? /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" })) : null;
+}
+DefaultBottomControlsGroup.displayName = "DefaultBottomControlsGroup";
 
+const DefaultAudioLayout = createDefaultMediaLayout({
+  type: "audio",
+  smLayoutWhen: "(width < 576)",
+  SmallLayout: DefaultAudioLayoutSmall,
+  LargeLayout: DefaultAudioLayoutLarge
+});
+DefaultAudioLayout.displayName = "DefaultAudioLayout";
+
 const DefaultVideoLayout = createDefaultMediaLayout({
@@ -335,7 +363,7 @@ type: "video",
   const { menuGroup } = React.useContext(DefaultLayoutContext);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), menuGroup === "top" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null)), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top" }), menuGroup === "bottom" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultPIPButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), menuGroup === "top" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null)), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top" }), menuGroup === "bottom" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultPIPButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" }))));
 }
 DefaultVideoLayoutLarge.displayName = "DefaultVideoLayoutLarge";
 function DefaultVideoLayoutSmall() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "bottom" }), /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "bottom end" })), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null))), /* @__PURE__ */ React.createElement("div", { className: "vds-start-duration" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "bottom" }), /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "bottom end" })), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null))), /* @__PURE__ */ React.createElement("div", { className: "vds-start-duration" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })));
 }
@@ -376,2 +404,2 @@ DefaultVideoLayoutSmall.displayName = "DefaultVideoLayoutSmall";
 
-export { DefaultLayoutContext as D, DefaultAudioLayout, DefaultAudioLayoutLarge, DefaultAudioLayoutSmall, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, useDefaultLayoutLang as u };
+export { DefaultLayoutContext as D, DefaultAudioLayout, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, DefaultLiveButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeInfo, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, useDefaultLayoutLang as u };

dist/dev/player/vidstack-default-layout.js

 "use client"
 
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
-export { DefaultAudioLayout, DefaultAudioLayoutLarge, DefaultAudioLayoutSmall, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, D as DefaultLayoutContext, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, u as useDefaultLayoutLang } from './vidstack-default-components.js';
+export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, D as DefaultLayoutContext, DefaultLiveButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeInfo, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, u as useDefaultLayoutLang } from './vidstack-default-components.js';
 import 'react';
 import '../chunks/vidstack-5a3d3c1b.js';
-import '../chunks/vidstack-c29e91e8.js';
+import '../chunks/vidstack-28f83630.js';
 import '../chunks/vidstack-3c37b28b.js';
 import 'media-captions';
 import 'react-dom';

dist/dev/vidstack.js

 "use client"
 
-import { P as Primitive, M as MediaPlayer$1, k as MediaProvider$1, m as mediaState, T as TextTrack, n as mediaContext, o as ToggleButton$1, q as LiveButton$1, u as useMediaState, r as Poster$1, s as MediaRemoteControl, t as findActiveCue, v as ThumbnailsLoader, w as sliderState, x as updateSliderPreviewPlacement } from './chunks/vidstack-c29e91e8.js';
-export { W as ARIAKeyShortcuts, X as AudioProviderLoader, Y as AudioRadioGroup, Z as AudioTrackList, C as CaptionButton, aU as CaptionButtonInstance, R as Captions, b4 as CaptionsInstance, _ as CaptionsRadioGroup, N as ChapterTitle, $ as ChaptersRadioGroup, y as Controls, a0 as ControlsGroup, a0 as ControlsGroupInstance, aT as ControlsInstance, a1 as DefaultAudioLayout, a2 as DefaultLayout, a3 as DefaultVideoLayout, F as FullscreenButton, aV as FullscreenButtonInstance, a4 as FullscreenController, O as Gesture, b5 as GestureInstance, a5 as HLSProviderLoader, a6 as LibASSTextRenderer, a7 as List, a8 as MEDIA_KEY_SHORTCUTS, a9 as MediaControls, K as Menu, aa as MenuButton, aa as MenuButtonInstance, b2 as MenuInstance, ab as MenuItem, ab as MenuItemInstance, ac as MenuItems, ac as MenuItemsInstance, ad as MenuPortal, ad as MenuPortalInstance, B as MuteButton, aW as MuteButtonInstance, D as PIPButton, aX as PIPButtonInstance, A as PlayButton, aY as PlayButtonInstance, ae as PlayerQueryList, af as QualityRadioGroup, ag as Radio, J as RadioGroup, b3 as RadioGroupInstance, ag as RadioInstance, ah as ScreenOrientationController, S as SeekButton, aZ as SeekButtonInstance, E as Slider, ai as SliderChapters, ai as SliderChaptersInstance, aj as SliderController, a$ as SliderInstance, ak as SliderPreview, ak as SliderPreviewInstance, al as SliderThumbnail, al as SliderThumbnailInstance, am as SliderValue, am as SliderValueInstance, an as SliderVideo, an as SliderVideoInstance, ao as SpeedRadioGroup, ap as TextRenderers, aq as TextTrackList, V as Thumbnail, b6 as ThumbnailInstance, U as Time, b7 as TimeInstance, ar as TimeRange, H as TimeSlider, b0 as TimeSliderInstance, z as Tooltip, as as TooltipContent, as as TooltipContentInstance, a_ as TooltipInstance, at as TooltipTrigger, at as TooltipTriggerInstance, au as VideoProviderLoader, av as VideoQualityList, G as VolumeSlider, b1 as VolumeSliderInstance, aw as canChangeVolume, ax as canFullscreen, ay as canOrientScreen, e as canPlayHLSNatively, aS as canRotateScreen, d as canUsePictureInPicture, b as canUseVideoPresentation, az as defaultLayoutContext, aA as formatSpokenTime, aB as formatTime, aC as getTimeRangesEnd, aD as getTimeRangesStart, aE as isAudioProvider, aF as isCueActive, aG as isHLSProvider, aH as isHTMLAudioElement, aI as isHTMLMediaElement, aJ as isHTMLVideoElement, aK as isTrackCaptionKind, aL as isVideoProvider, aM as menuPortalContext, aN as observeActiveTextTrack, aO as sliderContext, aP as softResetMediaState, ba as useActiveTextCues, bb as useActiveTextTrack, bc as useAudioOptions, bd as useCaptionOptions, be as useChapterOptions, aQ as useDefaultLayoutContext, aR as useDefaultLayoutLang, b9 as useMediaStore, bg as usePlaybackRateOptions, b8 as usePlayerQuery, bf as useVideoQualityOptions } from './chunks/vidstack-c29e91e8.js';
+import { P as Primitive, M as MediaPlayer$1, k as MediaProvider$1, m as mediaState, T as TextTrack, n as mediaContext, o as ToggleButton$1, u as useMediaState, q as Poster$1, r as MediaRemoteControl, s as findActiveCue, t as ThumbnailsLoader, v as sliderState, w as updateSliderPreviewPlacement } from './chunks/vidstack-28f83630.js';
+export { W as ARIAKeyShortcuts, X as AudioProviderLoader, Y as AudioRadioGroup, Z as AudioTrackList, C as CaptionButton, aU as CaptionButtonInstance, R as Captions, b5 as CaptionsInstance, _ as CaptionsRadioGroup, N as ChapterTitle, $ as ChaptersRadioGroup, x as Controls, a0 as ControlsGroup, a0 as ControlsGroupInstance, aT as ControlsInstance, a1 as DefaultAudioLayout, a2 as DefaultLayout, a3 as DefaultVideoLayout, F as FullscreenButton, aV as FullscreenButtonInstance, a4 as FullscreenController, O as Gesture, b6 as GestureInstance, a5 as HLSProviderLoader, a6 as LibASSTextRenderer, a7 as List, D as LiveButton, aW as LiveButtonInstance, a8 as MEDIA_KEY_SHORTCUTS, a9 as MediaControls, K as Menu, aa as MenuButton, aa as MenuButtonInstance, b3 as MenuInstance, ab as MenuItem, ab as MenuItemInstance, ac as MenuItems, ac as MenuItemsInstance, ad as MenuPortal, ad as MenuPortalInstance, A as MuteButton, aX as MuteButtonInstance, B as PIPButton, aY as PIPButtonInstance, z as PlayButton, aZ as PlayButtonInstance, ae as PlayerQueryList, af as QualityRadioGroup, ag as Radio, J as RadioGroup, b4 as RadioGroupInstance, ag as RadioInstance, ah as ScreenOrientationController, S as SeekButton, a_ as SeekButtonInstance, E as Slider, ai as SliderChapters, ai as SliderChaptersInstance, aj as SliderController, b0 as SliderInstance, ak as SliderPreview, ak as SliderPreviewInstance, al as SliderThumbnail, al as SliderThumbnailInstance, am as SliderValue, am as SliderValueInstance, an as SliderVideo, an as SliderVideoInstance, ao as SpeedRadioGroup, ap as TextRenderers, aq as TextTrackList, V as Thumbnail, b7 as ThumbnailInstance, U as Time, b8 as TimeInstance, ar as TimeRange, H as TimeSlider, b1 as TimeSliderInstance, y as Tooltip, as as TooltipContent, as as TooltipContentInstance, a$ as TooltipInstance, at as TooltipTrigger, at as TooltipTriggerInstance, au as VideoProviderLoader, av as VideoQualityList, G as VolumeSlider, b2 as VolumeSliderInstance, aw as canChangeVolume, ax as canFullscreen, ay as canOrientScreen, e as canPlayHLSNatively, aS as canRotateScreen, d as canUsePictureInPicture, b as canUseVideoPresentation, az as defaultLayoutContext, aA as formatSpokenTime, aB as formatTime, aC as getTimeRangesEnd, aD as getTimeRangesStart, aE as isAudioProvider, aF as isCueActive, aG as isHLSProvider, aH as isHTMLAudioElement, aI as isHTMLMediaElement, aJ as isHTMLVideoElement, aK as isTrackCaptionKind, aL as isVideoProvider, aM as menuPortalContext, aN as observeActiveTextTrack, aO as sliderContext, aP as softResetMediaState, bb as useActiveTextCues, bc as useActiveTextTrack, bd as useAudioOptions, be as useCaptionOptions, bf as useChapterOptions, aQ as useDefaultLayoutContext, aR as useDefaultLayoutLang, ba as useMediaStore, bh as usePlaybackRateOptions, b9 as usePlayerQuery, bg as useVideoQualityOptions } from './chunks/vidstack-28f83630.js';
 import * as React from 'react';
@@ -99,10 +99,2 @@ import React__default from 'react';
 
-const LiveButtonBridge = createReactComponent(LiveButton$1);
-const LiveButton = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(LiveButtonBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(Primitive.button, { type: "button", ...props2, ref: composeRefs(props2.ref, forwardRef) }, children));
-  }
-);
-LiveButton.displayName = "LiveButton";
-
 const Root = React.forwardRef(({ children, ...props }, forwardRef) => {
@@ -403,2 +395,2 @@ return /* @__PURE__ */ React.createElement(
 
-export { caption as Caption, LiveButton, LiveButton$1 as LiveButtonInstance, MediaPlayer, MediaPlayer$1 as MediaPlayerInstance, MediaProvider, MediaProvider$1 as MediaProviderInstance, MediaRemoteControl, Poster, Poster$1 as PosterInstance, TextTrack, ThumbnailsLoader, ToggleButton, ToggleButton$1 as ToggleButtonInstance, Track, createTextTrack, findActiveCue, mediaContext, mediaState, sliderState, updateSliderPreviewPlacement, useActiveThumbnail, useMediaPlayer, useMediaProvider, useMediaRemote, useMediaState, useSliderPreview, useSliderState, useSliderStore, useState, useStore, useThumbnails };
+export { caption as Caption, MediaPlayer, MediaPlayer$1 as MediaPlayerInstance, MediaProvider, MediaProvider$1 as MediaProviderInstance, MediaRemoteControl, Poster, Poster$1 as PosterInstance, TextTrack, ThumbnailsLoader, ToggleButton, ToggleButton$1 as ToggleButtonInstance, Track, createTextTrack, findActiveCue, mediaContext, mediaState, sliderState, updateSliderPreviewPlacement, useActiveThumbnail, useMediaPlayer, useMediaProvider, useMediaRemote, useMediaState, useSliderPreview, useSliderState, useSliderStore, useState, useStore, useThumbnails };

dist/prod/player/vidstack-default-components.js

 "use client"
 
 import * as React from 'react';
-import { u as useMediaState, b8 as usePlayerQuery, bh as Root, bi as Trigger, bj as Content, A as PlayButton, B as MuteButton, aK as isTrackCaptionKind, C as CaptionButton, D as PIPButton, F as FullscreenButton, S as SeekButton, bk as Root$1, bl as Track, bm as TrackFill, bn as Thumb, bo as Preview, bp as Value, bq as Root$2, br as Chapters, bs as Progress, bt as Thumbnail, bu as ChapterTitle, bv as Value$1, N as ChapterTitle$1, U as Time, be as useChapterOptions, bw as Items, bx as Root$3, by as Item, bz as Root$4, bA as Img, bB as Root$5, bC as Button, bD as Portal, bc as useAudioOptions, bg as usePlaybackRateOptions, bf as useVideoQualityOptions, bd as useCaptionOptions, R as Captions, bE as Root$6, bF as Group, O as Gesture } from '../chunks/vidstack-ebfae8ee.js';
+import { u as useMediaState, b9 as usePlayerQuery, bi as Root, bj as Trigger, bk as Content, z as PlayButton, A as MuteButton, aK as isTrackCaptionKind, C as CaptionButton, B as PIPButton, F as FullscreenButton, S as SeekButton, bl as Root$1, bm as Track, bn as TrackFill, bo as Thumb, bp as Preview, bq as Value, br as Root$2, bs as Chapters, bt as Progress, bu as Thumbnail, bv as ChapterTitle, bw as Value$1, N as ChapterTitle$1, D as LiveButton, U as Time, bf as useChapterOptions, bx as Items, by as Root$3, bz as Item, bA as Root$4, bB as Img, bC as Root$5, bD as Button, bE as Portal, bd as useAudioOptions, bh as usePlaybackRateOptions, bg as useVideoQualityOptions, be as useCaptionOptions, R as Captions, bF as Root$6, bG as Group, O as Gesture } from '../chunks/vidstack-04b55fb7.js';
 import { i as isString } from '../chunks/vidstack-760efdd5.js';
@@ -35,3 +35,3 @@ import 'media-captions';
   }, forwardRef) => {
-    const $canLoad = useMediaState("canLoad"), $viewType = useMediaState("viewType"), isMatch = $viewType === type, isForcedLayout = typeof smallLayoutWhen === "boolean", isSmallLayoutMatch = usePlayerQuery(isString(smallLayoutWhen) ? smallLayoutWhen : ""), isSmallLayout = isForcedLayout ? smallLayoutWhen : isSmallLayoutMatch;
+    const $canLoad = useMediaState("canLoad"), $viewType = useMediaState("viewType"), $streamType = useMediaState("streamType"), isMatch = $viewType === type && $streamType !== "unknown", isForcedLayout = typeof smallLayoutWhen === "boolean", isSmallLayoutMatch = usePlayerQuery(isString(smallLayoutWhen) ? smallLayoutWhen : ""), isSmallLayout = isForcedLayout ? smallLayoutWhen : isSmallLayoutMatch;
     return /* @__PURE__ */ React.createElement(
@@ -122,2 +122,7 @@ "div",
 DefaultChapterTitle.displayName = "DefaultChapterTitle";
+function DefaultLiveButton() {
+  const live = useMediaState("live");
+  return live ? /* @__PURE__ */ React.createElement(LiveButton, { className: "vds-live-button" }, /* @__PURE__ */ React.createElement("span", { className: "vds-live-button-text" }, "LIVE")) : null;
+}
+DefaultLiveButton.displayName = "DefaultLiveButton";
 function DefaultTimeGroup() {
@@ -127,2 +132,7 @@ return /* @__PURE__ */ React.createElement("div", { className: "vds-time-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-time-divider" }, "/"), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" }));
 DefaultTimeGroup.displayName = "DefaultTimeGroup";
+function DefaultTimeInfo() {
+  const live = useMediaState("live");
+  return live ? /* @__PURE__ */ React.createElement(DefaultLiveButton, null) : /* @__PURE__ */ React.createElement(DefaultTimeGroup, null);
+}
+DefaultTimeInfo.displayName = "DefaultTimeInfo";
 function DefaultChaptersMenu({ tooltip, placement, portalClass }) {
@@ -304,23 +314,41 @@ const { showMenuDelay, noModal, isSmallLayout, Icons } = React.useContext(DefaultLayoutContext), chaptersText = useDefaultLayoutLang("Chapters"), options = useChapterOptions(), disabled = !options.length, { thumbnails } = React.useContext(DefaultLayoutContext);
 
-const DefaultAudioLayout = createDefaultMediaLayout({
-  type: "audio",
-  smLayoutWhen: "(width < 576)",
-  SmallLayout: DefaultAudioLayoutSmall,
-  LargeLayout: DefaultAudioLayoutLarge
-});
-DefaultAudioLayout.displayName = "DefaultAudioLayout";
+function DefaultAudioMenus() {
+  const { isSmallLayout, noModal } = React.useContext(DefaultLayoutContext), placement = noModal ? "top end" : !isSmallLayout ? "top end" : null;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultChaptersMenu, { tooltip: "top", placement, portalClass: "vds-audio-layout" }), /* @__PURE__ */ React.createElement(DefaultSettingsMenu, { tooltip: "top end", placement, portalClass: "vds-audio-layout" }));
+}
+DefaultAudioMenus.displayName = "DefaultAudioMenus";
+
 function DefaultAudioLayoutLarge() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null))));
 }
 DefaultAudioLayoutLarge.displayName = "DefaultAudioLayoutLarge";
+
 function DefaultAudioLayoutSmall() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultLivePlayButton, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultLiveButton, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultAudioMenus, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(DefaultTimeControlsGroup, null), /* @__PURE__ */ React.createElement(DefaultBottomControlsGroup, null)));
 }
 DefaultAudioLayoutSmall.displayName = "DefaultAudioLayoutSmall";
-function DefaultAudioMenus() {
-  const { isSmallLayout, noModal } = React.useContext(DefaultLayoutContext), placement = noModal ? "top end" : !isSmallLayout ? "top end" : null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultChaptersMenu, { tooltip: "top", placement, portalClass: "vds-audio-layout" }), /* @__PURE__ */ React.createElement(DefaultSettingsMenu, { tooltip: "top end", placement, portalClass: "vds-audio-layout" }));
+function DefaultLivePlayButton() {
+  const live = useMediaState("live"), canSeek = useMediaState("canSeek");
+  return live && !canSeek ? /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }) : null;
 }
-DefaultAudioMenus.displayName = "DefaultAudioMenus";
+DefaultLivePlayButton.displayName = "DefaultLivePlayButton";
+function DefaultTimeControlsGroup() {
+  const live = useMediaState("live");
+  return !live ? /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "current" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })) : null;
+}
+DefaultTimeControlsGroup.displayName = "DefaultTimeControlsGroup";
+function DefaultBottomControlsGroup() {
+  const canSeek = useMediaState("canSeek");
+  return canSeek ? /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: -10, tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top center" }), /* @__PURE__ */ React.createElement(DefaultSeekButton, { seconds: 10, tooltip: "top center" }), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" })) : null;
+}
+DefaultBottomControlsGroup.displayName = "DefaultBottomControlsGroup";
 
+const DefaultAudioLayout = createDefaultMediaLayout({
+  type: "audio",
+  smLayoutWhen: "(width < 576)",
+  SmallLayout: DefaultAudioLayoutSmall,
+  LargeLayout: DefaultAudioLayoutLarge
+});
+DefaultAudioLayout.displayName = "DefaultAudioLayout";
+
 const DefaultVideoLayout = createDefaultMediaLayout({
@@ -335,7 +363,7 @@ type: "video",
   const { menuGroup } = React.useContext(DefaultLayoutContext);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), menuGroup === "top" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null)), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top" }), menuGroup === "bottom" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultPIPButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), menuGroup === "top" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null)), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null)), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top start" }), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultVolumeSlider, null), /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "top" }), menuGroup === "bottom" && /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultPIPButton, { tooltip: "top" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" }))));
 }
 DefaultVideoLayoutLarge.displayName = "DefaultVideoLayoutLarge";
 function DefaultVideoLayoutSmall() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "bottom" }), /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "bottom end" })), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeGroup, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null))), /* @__PURE__ */ React.createElement("div", { className: "vds-start-duration" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DefaultVideoGestures, null), /* @__PURE__ */ React.createElement(DefaultBufferingIndicator, null), /* @__PURE__ */ React.createElement(Captions, { className: "vds-captions" }), /* @__PURE__ */ React.createElement(Root$6, { className: "vds-controls" }, /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultCaptionButton, { tooltip: "bottom" }), /* @__PURE__ */ React.createElement(DefaultVideoMenus, null), /* @__PURE__ */ React.createElement(DefaultMuteButton, { tooltip: "bottom end" })), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultPlayButton, { tooltip: "top" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeInfo, null), /* @__PURE__ */ React.createElement(DefaultChapterTitle, null), /* @__PURE__ */ React.createElement("div", { className: "vds-controls-spacer" }), /* @__PURE__ */ React.createElement(DefaultFullscreenButton, { tooltip: "top end" })), /* @__PURE__ */ React.createElement(Group, { className: "vds-controls-group" }, /* @__PURE__ */ React.createElement(DefaultTimeSlider, null))), /* @__PURE__ */ React.createElement("div", { className: "vds-start-duration" }, /* @__PURE__ */ React.createElement(Time, { className: "vds-time", type: "duration" })));
 }
@@ -376,2 +404,2 @@ DefaultVideoLayoutSmall.displayName = "DefaultVideoLayoutSmall";
 
-export { DefaultLayoutContext as D, DefaultAudioLayout, DefaultAudioLayoutLarge, DefaultAudioLayoutSmall, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, useDefaultLayoutLang as u };
+export { DefaultLayoutContext as D, DefaultAudioLayout, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, DefaultLiveButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeInfo, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, useDefaultLayoutLang as u };

dist/prod/player/vidstack-default-layout.js

 "use client"
 
 export { defaultLayoutIcons } from './vidstack-default-icons.js';
-export { DefaultAudioLayout, DefaultAudioLayoutLarge, DefaultAudioLayoutSmall, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, D as DefaultLayoutContext, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, u as useDefaultLayoutLang } from './vidstack-default-components.js';
+export { DefaultAudioLayout, DefaultBufferingIndicator, DefaultCaptionButton, DefaultChapterTitle, DefaultChaptersMenu, DefaultFullscreenButton, D as DefaultLayoutContext, DefaultLiveButton, DefaultMuteButton, DefaultPIPButton, DefaultPlayButton, DefaultSeekButton, DefaultSettingsMenu, DefaultSubmenuButton, DefaultTimeGroup, DefaultTimeInfo, DefaultTimeSlider, DefaultTooltip, DefaultVideoGestures, DefaultVideoLayout, DefaultVideoLayoutLarge, DefaultVideoLayoutSmall, DefaultVolumeSlider, createDefaultMediaLayout, u as useDefaultLayoutLang } from './vidstack-default-components.js';
 import 'react';
 import '../chunks/vidstack-5a3d3c1b.js';
-import '../chunks/vidstack-ebfae8ee.js';
+import '../chunks/vidstack-04b55fb7.js';
 import '../chunks/vidstack-760efdd5.js';
 import 'media-captions';
 import 'react-dom';

dist/prod/vidstack.js

 "use client"
 
-import { P as Primitive, M as MediaPlayer$1, k as MediaProvider$1, m as mediaState, T as TextTrack, n as mediaContext, o as ToggleButton$1, q as LiveButton$1, u as useMediaState, r as Poster$1, s as MediaRemoteControl, t as findActiveCue, v as ThumbnailsLoader, w as sliderState, x as updateSliderPreviewPlacement } from './chunks/vidstack-ebfae8ee.js';
-export { W as ARIAKeyShortcuts, X as AudioProviderLoader, Y as AudioRadioGroup, Z as AudioTrackList, C as CaptionButton, aU as CaptionButtonInstance, R as Captions, b4 as CaptionsInstance, _ as CaptionsRadioGroup, N as ChapterTitle, $ as ChaptersRadioGroup, y as Controls, a0 as ControlsGroup, a0 as ControlsGroupInstance, aT as ControlsInstance, a1 as DefaultAudioLayout, a2 as DefaultLayout, a3 as DefaultVideoLayout, F as FullscreenButton, aV as FullscreenButtonInstance, a4 as FullscreenController, O as Gesture, b5 as GestureInstance, a5 as HLSProviderLoader, a6 as LibASSTextRenderer, a7 as List, a8 as MEDIA_KEY_SHORTCUTS, a9 as MediaControls, K as Menu, aa as MenuButton, aa as MenuButtonInstance, b2 as MenuInstance, ab as MenuItem, ab as MenuItemInstance, ac as MenuItems, ac as MenuItemsInstance, ad as MenuPortal, ad as MenuPortalInstance, B as MuteButton, aW as MuteButtonInstance, D as PIPButton, aX as PIPButtonInstance, A as PlayButton, aY as PlayButtonInstance, ae as PlayerQueryList, af as QualityRadioGroup, ag as Radio, J as RadioGroup, b3 as RadioGroupInstance, ag as RadioInstance, ah as ScreenOrientationController, S as SeekButton, aZ as SeekButtonInstance, E as Slider, ai as SliderChapters, ai as SliderChaptersInstance, aj as SliderController, a$ as SliderInstance, ak as SliderPreview, ak as SliderPreviewInstance, al as SliderThumbnail, al as SliderThumbnailInstance, am as SliderValue, am as SliderValueInstance, an as SliderVideo, an as SliderVideoInstance, ao as SpeedRadioGroup, ap as TextRenderers, aq as TextTrackList, V as Thumbnail, b6 as ThumbnailInstance, U as Time, b7 as TimeInstance, ar as TimeRange, H as TimeSlider, b0 as TimeSliderInstance, z as Tooltip, as as TooltipContent, as as TooltipContentInstance, a_ as TooltipInstance, at as TooltipTrigger, at as TooltipTriggerInstance, au as VideoProviderLoader, av as VideoQualityList, G as VolumeSlider, b1 as VolumeSliderInstance, aw as canChangeVolume, ax as canFullscreen, ay as canOrientScreen, e as canPlayHLSNatively, aS as canRotateScreen, d as canUsePictureInPicture, b as canUseVideoPresentation, az as defaultLayoutContext, aA as formatSpokenTime, aB as formatTime, aC as getTimeRangesEnd, aD as getTimeRangesStart, aE as isAudioProvider, aF as isCueActive, aG as isHLSProvider, aH as isHTMLAudioElement, aI as isHTMLMediaElement, aJ as isHTMLVideoElement, aK as isTrackCaptionKind, aL as isVideoProvider, aM as menuPortalContext, aN as observeActiveTextTrack, aO as sliderContext, aP as softResetMediaState, ba as useActiveTextCues, bb as useActiveTextTrack, bc as useAudioOptions, bd as useCaptionOptions, be as useChapterOptions, aQ as useDefaultLayoutContext, aR as useDefaultLayoutLang, b9 as useMediaStore, bg as usePlaybackRateOptions, b8 as usePlayerQuery, bf as useVideoQualityOptions } from './chunks/vidstack-ebfae8ee.js';
+import { P as Primitive, M as MediaPlayer$1, k as MediaProvider$1, m as mediaState, T as TextTrack, n as mediaContext, o as ToggleButton$1, u as useMediaState, q as Poster$1, r as MediaRemoteControl, s as findActiveCue, t as ThumbnailsLoader, v as sliderState, w as updateSliderPreviewPlacement } from './chunks/vidstack-04b55fb7.js';
+export { W as ARIAKeyShortcuts, X as AudioProviderLoader, Y as AudioRadioGroup, Z as AudioTrackList, C as CaptionButton, aU as CaptionButtonInstance, R as Captions, b5 as CaptionsInstance, _ as CaptionsRadioGroup, N as ChapterTitle, $ as ChaptersRadioGroup, x as Controls, a0 as ControlsGroup, a0 as ControlsGroupInstance, aT as ControlsInstance, a1 as DefaultAudioLayout, a2 as DefaultLayout, a3 as DefaultVideoLayout, F as FullscreenButton, aV as FullscreenButtonInstance, a4 as FullscreenController, O as Gesture, b6 as GestureInstance, a5 as HLSProviderLoader, a6 as LibASSTextRenderer, a7 as List, D as LiveButton, aW as LiveButtonInstance, a8 as MEDIA_KEY_SHORTCUTS, a9 as MediaControls, K as Menu, aa as MenuButton, aa as MenuButtonInstance, b3 as MenuInstance, ab as MenuItem, ab as MenuItemInstance, ac as MenuItems, ac as MenuItemsInstance, ad as MenuPortal, ad as MenuPortalInstance, A as MuteButton, aX as MuteButtonInstance, B as PIPButton, aY as PIPButtonInstance, z as PlayButton, aZ as PlayButtonInstance, ae as PlayerQueryList, af as QualityRadioGroup, ag as Radio, J as RadioGroup, b4 as RadioGroupInstance, ag as RadioInstance, ah as ScreenOrientationController, S as SeekButton, a_ as SeekButtonInstance, E as Slider, ai as SliderChapters, ai as SliderChaptersInstance, aj as SliderController, b0 as SliderInstance, ak as SliderPreview, ak as SliderPreviewInstance, al as SliderThumbnail, al as SliderThumbnailInstance, am as SliderValue, am as SliderValueInstance, an as SliderVideo, an as SliderVideoInstance, ao as SpeedRadioGroup, ap as TextRenderers, aq as TextTrackList, V as Thumbnail, b7 as ThumbnailInstance, U as Time, b8 as TimeInstance, ar as TimeRange, H as TimeSlider, b1 as TimeSliderInstance, y as Tooltip, as as TooltipContent, as as TooltipContentInstance, a$ as TooltipInstance, at as TooltipTrigger, at as TooltipTriggerInstance, au as VideoProviderLoader, av as VideoQualityList, G as VolumeSlider, b2 as VolumeSliderInstance, aw as canChangeVolume, ax as canFullscreen, ay as canOrientScreen, e as canPlayHLSNatively, aS as canRotateScreen, d as canUsePictureInPicture, b as canUseVideoPresentation, az as defaultLayoutContext, aA as formatSpokenTime, aB as formatTime, aC as getTimeRangesEnd, aD as getTimeRangesStart, aE as isAudioProvider, aF as isCueActive, aG as isHLSProvider, aH as isHTMLAudioElement, aI as isHTMLMediaElement, aJ as isHTMLVideoElement, aK as isTrackCaptionKind, aL as isVideoProvider, aM as menuPortalContext, aN as observeActiveTextTrack, aO as sliderContext, aP as softResetMediaState, bb as useActiveTextCues, bc as useActiveTextTrack, bd as useAudioOptions, be as useCaptionOptions, bf as useChapterOptions, aQ as useDefaultLayoutContext, aR as useDefaultLayoutLang, ba as useMediaStore, bh as usePlaybackRateOptions, b9 as usePlayerQuery, bg as useVideoQualityOptions } from './chunks/vidstack-04b55fb7.js';
 import * as React from 'react';
@@ -99,10 +99,2 @@ import React__default from 'react';
 
-const LiveButtonBridge = createReactComponent(LiveButton$1);
-const LiveButton = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(LiveButtonBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(Primitive.button, { type: "button", ...props2, ref: composeRefs(props2.ref, forwardRef) }, children));
-  }
-);
-LiveButton.displayName = "LiveButton";
-
 const Root = React.forwardRef(({ children, ...props }, forwardRef) => {
@@ -378,2 +370,2 @@ return /* @__PURE__ */ React.createElement(
 
-export { caption as Caption, LiveButton, LiveButton$1 as LiveButtonInstance, MediaPlayer, MediaPlayer$1 as MediaPlayerInstance, MediaProvider, MediaProvider$1 as MediaProviderInstance, MediaRemoteControl, Poster, Poster$1 as PosterInstance, TextTrack, ThumbnailsLoader, ToggleButton, ToggleButton$1 as ToggleButtonInstance, Track, createTextTrack, findActiveCue, mediaContext, mediaState, sliderState, updateSliderPreviewPlacement, useActiveThumbnail, useMediaPlayer, useMediaProvider, useMediaRemote, useMediaState, useSliderPreview, useSliderState, useSliderStore, useState, useStore, useThumbnails };
+export { caption as Caption, MediaPlayer, MediaPlayer$1 as MediaPlayerInstance, MediaProvider, MediaProvider$1 as MediaProviderInstance, MediaRemoteControl, Poster, Poster$1 as PosterInstance, TextTrack, ThumbnailsLoader, ToggleButton, ToggleButton$1 as ToggleButtonInstance, Track, createTextTrack, findActiveCue, mediaContext, mediaState, sliderState, updateSliderPreviewPlacement, useActiveThumbnail, useMediaPlayer, useMediaProvider, useMediaRemote, useMediaState, useSliderPreview, useSliderState, useSliderStore, useState, useStore, useThumbnails };

icons.d.ts

@@ -1,2 +0,2 @@
-export { ha as AddIcon, h7 as AddNoteIcon, h8 as AddPlaylistIcon, h9 as AddUserIcon, hb as AirplayIcon, hd as ArrowCollapseIcon, hc as ArrowCollapseInIcon, he as ArrowDownIcon, hg as ArrowExpandIcon, hf as ArrowExpandOutIcon, hh as ArrowLeftIcon, hi as ArrowRightIcon, hj as ArrowUpIcon, hk as BookmarkIcon, hl as CameraIcon, hm as ChaptersIcon, hn as ChatCollapseIcon, ho as ChatIcon, hp as ChevronDownIcon, hq as ChevronLeftIcon, hr as ChevronRightIcon, hs as ChevronUpIcon, ht as ChromecastIcon, hu as ClipIcon, hw as ClosedCaptionsIcon, hv as ClosedCaptionsOnIcon, hx as CommentIcon, hy as ComputerIcon, hz as DeviceIcon, hA as DownloadIcon, hB as EpisodesIcon, hC as EyeIcon, hD as FastBackwardIcon, hE as FastForwardIcon, hF as FlagIcon, hG as FullscreenArrowExitIcon, hH as FullscreenArrowIcon, hI as FullscreenExitIcon, hJ as FullscreenIcon, hK as HeartIcon, hL as InfoIcon, hM as LanguageIcon, hN as LinkIcon, hO as LockClosedIcon, hP as LockOpenIcon, hQ as MenuHorizontalIcon, hR as MenuVerticalIcon, hS as MicrophoneIcon, hT as MobileIcon, hU as MoonIcon, hW as MusicIcon, hV as MusicOffIcon, hX as MuteIcon, hY as NextIcon, hZ as NotificationIcon, h_ as OdometerIcon, h$ as PauseIcon, i0 as PictureInPictureExitIcon, i1 as PictureInPictureIcon, i2 as PlayIcon, i3 as PlaybackSpeedCircleIcon, i4 as PlaylistIcon, i5 as PreviousIcon, i6 as QuestionMarkIcon, i7 as QueueListIcon, i9 as RadioButtonIcon, i8 as RadioButtonSelectedIcon, id as RepeatIcon, ia as RepeatOnIcon, ic as RepeatSquareIcon, ib as RepeatSquareOnIcon, ie as ReplayIcon, ig as RotateIcon, ih as SearchIcon, ii as SeekBackward10Icon, ij as SeekBackward15Icon, ik as SeekBackward30Icon, il as SeekBackwardIcon, im as SeekForward10Icon, io as SeekForward15Icon, ip as SeekForward30Icon, iq as SeekForwardIcon, ir as SendIcon, iu as SettingsIcon, is as SettingsMenuIcon, it as SettingsSwitchIcon, iv as ShareArrowIcon, iw as ShareIcon, iy as ShuffleIcon, ix as ShuffleOnIcon, iz as StopIcon, iA as SubtitlesIcon, iB as SunIcon, iC as TheatreModeExitIcon, iD as TheatreModeIcon, iE as ThumbsDownIcon, iF as ThumbsUpIcon, iG as TimerIcon, iH as TranscriptIcon, iI as TvIcon, iJ as UserIcon, iK as VolumeHighIcon, iL as VolumeLowIcon, iM as XMarkIcon } from './dist/types/vidstack.d.js';
+export { h9 as AddIcon, h6 as AddNoteIcon, h7 as AddPlaylistIcon, h8 as AddUserIcon, ha as AirplayIcon, hc as ArrowCollapseIcon, hb as ArrowCollapseInIcon, hd as ArrowDownIcon, hf as ArrowExpandIcon, he as ArrowExpandOutIcon, hg as ArrowLeftIcon, hh as ArrowRightIcon, hi as ArrowUpIcon, hj as BookmarkIcon, hk as CameraIcon, hl as ChaptersIcon, hm as ChatCollapseIcon, hn as ChatIcon, ho as ChevronDownIcon, hp as ChevronLeftIcon, hq as ChevronRightIcon, hr as ChevronUpIcon, hs as ChromecastIcon, ht as ClipIcon, hv as ClosedCaptionsIcon, hu as ClosedCaptionsOnIcon, hw as CommentIcon, hx as ComputerIcon, hy as DeviceIcon, hz as DownloadIcon, hA as EpisodesIcon, hB as EyeIcon, hC as FastBackwardIcon, hD as FastForwardIcon, hE as FlagIcon, hF as FullscreenArrowExitIcon, hG as FullscreenArrowIcon, hH as FullscreenExitIcon, hI as FullscreenIcon, hJ as HeartIcon, hK as InfoIcon, hL as LanguageIcon, hM as LinkIcon, hN as LockClosedIcon, hO as LockOpenIcon, hP as MenuHorizontalIcon, hQ as MenuVerticalIcon, hR as MicrophoneIcon, hS as MobileIcon, hT as MoonIcon, hV as MusicIcon, hU as MusicOffIcon, hW as MuteIcon, hX as NextIcon, hY as NotificationIcon, hZ as OdometerIcon, h_ as PauseIcon, h$ as PictureInPictureExitIcon, i0 as PictureInPictureIcon, i1 as PlayIcon, i2 as PlaybackSpeedCircleIcon, i3 as PlaylistIcon, i4 as PreviousIcon, i5 as QuestionMarkIcon, i6 as QueueListIcon, i8 as RadioButtonIcon, i7 as RadioButtonSelectedIcon, ic as RepeatIcon, i9 as RepeatOnIcon, ib as RepeatSquareIcon, ia as RepeatSquareOnIcon, id as ReplayIcon, ie as RotateIcon, ig as SearchIcon, ih as SeekBackward10Icon, ii as SeekBackward15Icon, ij as SeekBackward30Icon, ik as SeekBackwardIcon, il as SeekForward10Icon, im as SeekForward15Icon, io as SeekForward30Icon, ip as SeekForwardIcon, iq as SendIcon, it as SettingsIcon, ir as SettingsMenuIcon, is as SettingsSwitchIcon, iu as ShareArrowIcon, iv as ShareIcon, ix as ShuffleIcon, iw as ShuffleOnIcon, iy as StopIcon, iz as SubtitlesIcon, iA as SunIcon, iB as TheatreModeExitIcon, iC as TheatreModeIcon, iD as ThumbsDownIcon, iE as ThumbsUpIcon, iF as TimerIcon, iG as TranscriptIcon, iH as TvIcon, iI as UserIcon, iJ as VolumeHighIcon, iK as VolumeLowIcon, iL as XMarkIcon } from './dist/types/vidstack.d.js';
 import 'react';
@@ -3,0 +3,0 @@ import './dist/types/vidstack-framework.d.js';

index.d.ts

@@ -1,2 +0,2 @@
-export { ag as ARIAKeyShortcuts, ah as AnyMediaProvider, gT as AudioOption, gS as AudioOptions, ai as AudioProvider, aj as AudioProviderLoader, ak as AudioRadioGroup, al as AudioRadioGroupChangeEvent, am as AudioRadioGroupEvents, an as AudioRadioGroupProps, ao as AudioRadioOption, ap as AudioTrack, aq as AudioTrackAddEvent, ar as AudioTrackChangeEvent, as as AudioTrackList, at as AudioTrackListEvent, au as AudioTrackListEvents, av as AudioTrackRemoveEvent, a6 as Caption, n as CaptionButton, gh as CaptionButtonInstance, m as CaptionButtonProps, gX as CaptionOption, gW as CaptionOptions, a7 as CaptionProps, a8 as CaptionTextProps, a4 as Captions, gu as CaptionsInstance, a5 as CaptionsProps, aw as CaptionsRadioGroup, ax as CaptionsRadioGroupChangeEvent, ay as CaptionsRadioGroupEvents, az as CaptionsRadioGroupProps, aA as CaptionsRadioOption, aB as ChangeAudioTrackEventDetail, g_ as ChapterOption, gZ as ChapterOptions, aC as ChapterRadioGroupProps, a0 as ChapterTitle, a1 as ChapterTitleProps, aD as ChaptersRadioGroup, aE as ChaptersRadioGroupChangeEvent, aF as ChaptersRadioGroupEvents, aG as ChaptersRadioOption, g as Controls, aH as ControlsChangeEvent, aI as ControlsEvents, aJ as ControlsGroup, aJ as ControlsGroupInstance, G as ControlsGroupProps, gf as ControlsInstance, R as ControlsProps, aK as DefaultAudioLayout, aL as DefaultLayout, aM as DefaultLayoutContext, aN as DefaultLayoutProps, aO as DefaultLayoutTranslations, aP as DefaultVideoLayout, aQ as FindMediaPlayerEvent, aR as FindMediaPlayerEventDetail, aS as FullscreenAdapter, o as FullscreenButton, gi as FullscreenButtonInstance, F as FullscreenButtonProps, aT as FullscreenChangeEvent, aU as FullscreenController, aV as FullscreenErrorEvent, aW as FullscreenEvents, a3 as Gesture, aX as GestureAction, aY as GestureEventType, gv as GestureInstance, a2 as GestureProps, aZ as HLSAudioTrackLoadedEvent, a_ as HLSAudioTrackLoadingEvent, a$ as HLSAudioTrackSwitchedEvent, b0 as HLSAudioTrackSwitchingEvent, b1 as HLSAudioTracksUpdatedEvent, b2 as HLSBackBufferReachedEvent, b3 as HLSBufferAppendedEvent, b4 as HLSBufferAppendingEvent, b5 as HLSBufferCodecsEvent, b6 as HLSBufferCreatedEvent, b7 as HLSBufferEosEvent, b8 as HLSBufferFlushedEvent, b9 as HLSBufferFlushingEvent, ba as HLSBufferResetEvent, bb as HLSConstructor, bc as HLSConstructorLoader, bd as HLSCuesParsedEvent, be as HLSDestroyingEvent, bf as HLSErrorEvent, bg as HLSFpsDropEvent, bh as HLSFpsDropLevelCappingEvent, bi as HLSFragBufferedDataEvent, bj as HLSFragChangedEvent, bk as HLSFragDecryptedEvent, bl as HLSFragLoadEmergencyAbortedEvent, bm as HLSFragLoadedEvent, bn as HLSFragLoadingEvent, bo as HLSFragParsedEvent, bp as HLSFragParsingInitSegmentEvent, bq as HLSFragParsingMetadataEvent, br as HLSFragParsingUserdataEvent, bs as HLSInitPtsFoundEvent, bt as HLSInstanceCallback, bu as HLSInstanceEvent, bv as HLSKeyLoadedEvent, bw as HLSKeyLoadingEvent, bx as HLSLevelLoadedEvent, by as HLSLevelLoadingEvent, bz as HLSLevelPtsUpdatedEvent, bA as HLSLevelSwitchedEvent, bB as HLSLevelSwitchingEvent, bC as HLSLevelUpdatedEvent, bD as HLSLevelsUpdatedEvent, bE as HLSLibLoadErrorEvent, bF as HLSLibLoadStartEvent, bG as HLSLibLoadedEvent, bH as HLSLibrary, bI as HLSManifestLoadedEvent, bJ as HLSManifestLoadingEvent, bK as HLSManifestParsedEvent, bL as HLSMediaAttachedEvent, bM as HLSMediaAttachingEvent, bN as HLSMediaDetachedEvent, bO as HLSMediaDetachingEvent, bP as HLSMediaEvent, bQ as HLSNonNativeTextTracksFoundEvent, bR as HLSProvider, bS as HLSProviderEvents, bT as HLSProviderLoader, bU as HLSSubtitleFragProcessedEvent, bV as HLSSubtitleTrackLoadedEvent, bW as HLSSubtitleTrackLoadingEvent, bX as HLSSubtitleTrackSwitchEvent, bY as HLSSubtitleTracksClearedEvent, bZ as HLSSubtitleTracksUpdatedEvent, b_ as HLSUnsupportedEvent, d as Icon, e as IconComponent, I as IconProps, b$ as LibASSConfig, c0 as LibASSConstructor, c1 as LibASSErrorEvent, c2 as LibASSInstance, c3 as LibASSInstanceEvents, c4 as LibASSModuleLoader, c5 as LibASSReadyEvent, c6 as LibASSTextRenderer, c7 as List, c8 as ListAddEvent, c9 as ListEvents, ca as ListItem, cb as ListReadonlyChangeEvent, cc as ListRemoveEvent, v as LiveButton, gj as LiveButtonInstance, L as LiveButtonProps, cd as LiveIndicatorProps, ce as LogEvent, cf as LogEventDetail, cg as LoggerEvents, ch as MEDIA_KEY_SHORTCUTS, ci as MediaAbortEvent, cj as MediaAudioTrackChangeEvent, ck as MediaAudioTrackChangeRequestEvent, cl as MediaAudioTracksChangeEvent, cm as MediaAutoplayChangeEvent, cn as MediaAutoplayEvent, co as MediaAutoplayFailEvent, cp as MediaCanLoadEvent, cq as MediaCanPlayDetail, cr as MediaCanPlayEvent, cs as MediaCanPlayThroughEvent, ct as MediaContext, cu as MediaControls, cv as MediaControlsChangeEvent, cw as MediaDestroyEvent, cx as MediaDurationChangeEvent, cy as MediaEmptiedEvent, cz as MediaEndEvent, cA as MediaEndedEvent, cB as MediaEnterFullscreenRequestEvent, cC as MediaEnterPIPRequestEvent, cD as MediaErrorCode, cE as MediaErrorDetail, cF as MediaErrorEvent, cG as MediaEvent, cH as MediaEvents, cI as MediaExitFullscreenRequestEvent, cJ as MediaExitPIPRequestEvent, cK as MediaFullscreenAdapter, cL as MediaFullscreenChangeEvent, cM as MediaFullscreenErrorEvent, cN as MediaFullscreenRequestTarget, cO as MediaHidePosterRequestEvent, cP as MediaKeyShortcut, cQ as MediaKeyShortcuts, cR as MediaKeyTarget, cS as MediaLiveChangeEvent, cT as MediaLiveEdgeChangeEvent, cU as MediaLiveEdgeRequestEvent, cV as MediaLoadStartEvent, cW as MediaLoadedDataEvent, cX as MediaLoadedMetadataEvent, cY as MediaLoadingStrategy, cZ as MediaLoopChangeEvent, c_ as MediaLoopRequestEvent, c$ as MediaMuteRequestEvent, d0 as MediaOrientationChangeEvent, d1 as MediaPIPChangeEvent, d2 as MediaPIPErrorEvent, d3 as MediaPauseControlsRequestEvent, d4 as MediaPauseEvent, d5 as MediaPauseRequestEvent, d6 as MediaPlayEvent, d7 as MediaPlayFailEvent, d8 as MediaPlayRequestEvent, a as MediaPlayer, d9 as MediaPlayerConnectEvent, da as MediaPlayerEvents, gd as MediaPlayerInstance, M as MediaPlayerProps, db as MediaPlayerState, dc as MediaPlayingEvent, dd as MediaPlaysinlineChangeEvent, de as MediaPosterChangeEvent, df as MediaProgressEvent, c as MediaProvider, dg as MediaProviderAdapter, dh as MediaProviderChangeEvent, ge as MediaProviderInstance, di as MediaProviderLoader, dj as MediaProviderLoaderChangeEvent, b as MediaProviderProps, dk as MediaProviderSetupEvent, dl as MediaProviderState, dm as MediaQualitiesChangeEvent, dn as MediaQualityChangeEvent, dp as MediaQualityChangeRequestEvent, dq as MediaRateChangeEvent, dr as MediaRateChangeRequestEvent, ds as MediaRemoteControl, dt as MediaReplayEvent, du as MediaRequestEvents, dv as MediaResource, dw as MediaResumeControlsRequestEvent, dx as MediaSeekRequestEvent, dy as MediaSeekedEvent, dz as MediaSeekingEvent, dA as MediaSeekingRequestEvent, dB as MediaSetupContext, dC as MediaShowPosterRequestEvent, dD as MediaSourceChangeEvent, dE as MediaSourcesChangeEvent, dF as MediaSrc, dG as MediaStalledEvent, dH as MediaStartLoadingRequestEvent, dI as MediaStartedEvent, dJ as MediaState, dK as MediaStateAccessors, dL as MediaStore, dM as MediaStreamType, dN as MediaStreamTypeChangeEvent, dO as MediaSuspendEvent, dP as MediaTextTrackChangeEvent, dQ as MediaTextTrackChangeRequestEvent, dR as MediaTextTracksChangeEvent, dS as MediaTimeUpdateEvent, dT as MediaType, dU as MediaTypeChangeEvent, dV as MediaUnmuteRequestEvent, dW as MediaUserEvents, dX as MediaViewType, dY as MediaViewTypeChangeEvent, dZ as MediaVolumeChange, d_ as MediaVolumeChangeEvent, d$ as MediaVolumeChangeRequestEvent, e0 as MediaWaitingEvent, W as Menu, e1 as MenuButton, e2 as MenuButtonEvents, e1 as MenuButtonInstance, Y as MenuButtonProps, e3 as MenuButtonSelectEvent, e4 as MenuCloseEvent, _ as MenuContentProps, e5 as MenuEvents, gs as MenuInstance, e6 as MenuItem, e6 as MenuItemInstance, $ as MenuItemProps, e7 as MenuItems, e7 as MenuItemsInstance, _ as MenuItemsProps, e8 as MenuOpenEvent, e9 as MenuPlacement, ea as MenuPlacementAlign, eb as MenuPlacementSide, ec as MenuPortal, ed as MenuPortalContext, ec as MenuPortalInstance, Z as MenuPortalProps, X as MenuProps, Q as MenuRadioGroupProps, U as MenuRadioProps, q as MuteButton, gk as MuteButtonInstance, p as MuteButtonProps, s as PIPButton, gl as PIPButtonInstance, r as PIPButtonProps, l as PlayButton, gm as PlayButtonInstance, P as PlayButtonProps, h6 as PlaybackRateOption, h5 as PlaybackRateOptions, ee as PlayerQueryList, ef as PlayerQueryListChangeEvent, eg as PlayerQueryListEvents, eh as PlayerStore, aa as Poster, gw as PosterInstance, a9 as PosterProps, ei as PosterState, ej as QualityRadioGroup, ek as QualityRadioGroupChangeEvent, el as QualityRadioGroupEvents, em as QualityRadioGroupProps, en as QualityRadioOption, eo as Radio, ep as RadioChangeEvent, eq as RadioEvents, O as RadioGroup, er as RadioGroupChangeEvent, es as RadioGroupEvents, gt as RadioGroupInstance, Q as RadioGroupProps, eo as RadioInstance, et as RadioOption, U as RadioProps, eu as RadioSelectEvent, ev as ScreenOrientationChangeEvent, ew as ScreenOrientationChangeEventDetail, ex as ScreenOrientationController, ey as ScreenOrientationEvents, ez as ScreenOrientationLockType, eA as ScreenOrientationType, u as SeekButton, gn as SeekButtonInstance, S as SeekButtonProps, w as Slider, eB as SliderCSSVars, E as SliderChapterProps, H as SliderChapterTitleProps, eC as SliderChapters, eC as SliderChaptersInstance, eD as SliderChaptersProps, eE as SliderContext, eF as SliderController, eG as SliderControllerProps, eH as SliderDelegate, eI as SliderDragEndEvent, eJ as SliderDragStartEvent, eK as SliderDragValueChangeEvent, eL as SliderEvent, eM as SliderEvents, gp as SliderInstance, eN as SliderOrientation, eO as SliderPointerValueChangeEvent, eP as SliderPreview, eP as SliderPreviewInstance, A as SliderPreviewProps, z as SliderProps, eQ as SliderState, eR as SliderStore, eS as SliderThumbnail, K as SliderThumbnailImgProps, eS as SliderThumbnailInstance, J as SliderThumbnailProps, eT as SliderValue, eU as SliderValueChangeEvent, eT as SliderValueInstance, V as SliderValueProps, eV as SliderVideo, eW as SliderVideoCanPlayEvent, eX as SliderVideoErrorEvent, eY as SliderVideoEvents, eV as SliderVideoInstance, N as SliderVideoProps, eZ as SliderVideoState, e_ as SpeedRadioGroup, e$ as SpeedRadioGroupChangeEvent, f0 as SpeedRadioGroupEvents, f1 as SpeedRadioGroupProps, f2 as TextRenderer, f3 as TextRenderers, f4 as TextTrack, f5 as TextTrackAddCueEvent, f6 as TextTrackAddEvent, f7 as TextTrackCueChangeEvent, f8 as TextTrackErrorEvent, f9 as TextTrackEvent, fa as TextTrackEvents, fb as TextTrackInit, fc as TextTrackList, fd as TextTrackListEvent, fe as TextTrackListEvents, ff as TextTrackListModeChangeEvent, fg as TextTrackLoadEvent, fh as TextTrackLoadStartEvent, fi as TextTrackModeChangeEvent, fj as TextTrackReadyState, fk as TextTrackRemoveCueEvent, fl as TextTrackRemoveEvent, ad as Thumbnail, fm as ThumbnailCoords, gH as ThumbnailData, af as ThumbnailImgProps, gx as ThumbnailInstance, ae as ThumbnailProps, fn as ThumbnailState, fo as ThumbnailsLoader, ac as Time, gy as TimeInstance, ab as TimeProps, fp as TimeRange, y as TimeSlider, fq as TimeSliderCSSVars, gq as TimeSliderInstance, D as TimeSliderProps, fr as TimeState, k as ToggleButton, gg as ToggleButtonInstance, j as ToggleButtonProps, t as Tooltip, fs as TooltipContent, fs as TooltipContentInstance, C as TooltipContentProps, go as TooltipInstance, ft as TooltipPlacement, fu as TooltipPlacementAlign, fv as TooltipPlacementSide, h as TooltipProps, fw as TooltipTrigger, fw as TooltipTriggerInstance, i as TooltipTriggerProps, T as Track, f as TrackProps, gV as UseCaptionOptions, h4 as UsePlaybackRateOptions, gN as UseSliderPreview, h0 as UseVideoQualityOptions, fx as VideoPresentationChangeEvent, fy as VideoPresentationEvents, fz as VideoProvider, fA as VideoProviderLoader, fB as VideoQuality, fC as VideoQualityAddEvent, fD as VideoQualityAutoChangeEvent, fE as VideoQualityChangeEvent, fF as VideoQualityChangeEventDetail, fG as VideoQualityList, fH as VideoQualityListEvent, fI as VideoQualityListEvents, h2 as VideoQualityOption, h1 as VideoQualityOptions, fJ as VideoQualityRemoveEvent, x as VolumeSlider, gr as VolumeSliderInstance, B as VolumeSliderProps, fK as canChangeVolume, fL as canFullscreen, fM as canOrientScreen, fN as canPlayHLSNatively, fO as canRotateScreen, fP as canUsePictureInPicture, fQ as canUseVideoPresentation, gQ as createTextTrack, fR as defaultLayoutContext, fS as findActiveCue, fT as formatSpokenTime, fU as formatTime, fV as getTimeRangesEnd, fW as getTimeRangesStart, fX as isAudioProvider, fY as isCueActive, fZ as isHLSProvider, f_ as isHTMLAudioElement, f$ as isHTMLMediaElement, g0 as isHTMLVideoElement, g1 as isTrackCaptionKind, g2 as isVideoProvider, g3 as mediaContext, g4 as mediaState, g5 as menuPortalContext, g6 as observeActiveTextTrack, g7 as sliderContext, g8 as sliderState, g9 as softResetMediaState, ga as updateSliderPreviewPlacement, gO as useActiveTextCues, gP as useActiveTextTrack, gJ as useActiveThumbnail, gR as useAudioOptions, gU as useCaptionOptions, gY as useChapterOptions, gb as useDefaultLayoutContext, gc as useDefaultLayoutLang, gB as useMediaPlayer, gD as useMediaProvider, gE as useMediaRemote, gF as useMediaState, gG as useMediaStore, h3 as usePlaybackRateOptions, gC as usePlayerQuery, gM as useSliderPreview, gK as useSliderState, gL as useSliderStore, gz as useState, gA as useStore, gI as useThumbnails, g$ as useVideoQualityOptions } from './dist/types/vidstack.d.js';
+export { ag as ARIAKeyShortcuts, ah as AnyMediaProvider, gS as AudioOption, gR as AudioOptions, ai as AudioProvider, aj as AudioProviderLoader, ak as AudioRadioGroup, al as AudioRadioGroupChangeEvent, am as AudioRadioGroupEvents, an as AudioRadioGroupProps, ao as AudioRadioOption, ap as AudioTrack, aq as AudioTrackAddEvent, ar as AudioTrackChangeEvent, as as AudioTrackList, at as AudioTrackListEvent, au as AudioTrackListEvents, av as AudioTrackRemoveEvent, a6 as Caption, n as CaptionButton, gg as CaptionButtonInstance, m as CaptionButtonProps, gW as CaptionOption, gV as CaptionOptions, a7 as CaptionProps, a8 as CaptionTextProps, a4 as Captions, gt as CaptionsInstance, a5 as CaptionsProps, aw as CaptionsRadioGroup, ax as CaptionsRadioGroupChangeEvent, ay as CaptionsRadioGroupEvents, az as CaptionsRadioGroupProps, aA as CaptionsRadioOption, aB as ChangeAudioTrackEventDetail, gZ as ChapterOption, gY as ChapterOptions, aC as ChapterRadioGroupProps, a0 as ChapterTitle, a1 as ChapterTitleProps, aD as ChaptersRadioGroup, aE as ChaptersRadioGroupChangeEvent, aF as ChaptersRadioGroupEvents, aG as ChaptersRadioOption, g as Controls, aH as ControlsChangeEvent, aI as ControlsEvents, aJ as ControlsGroup, aJ as ControlsGroupInstance, G as ControlsGroupProps, ge as ControlsInstance, R as ControlsProps, aK as DefaultAudioLayout, aL as DefaultLayout, aM as DefaultLayoutContext, aN as DefaultLayoutProps, aO as DefaultLayoutTranslations, aP as DefaultVideoLayout, aQ as FindMediaPlayerEvent, aR as FindMediaPlayerEventDetail, aS as FullscreenAdapter, o as FullscreenButton, gh as FullscreenButtonInstance, F as FullscreenButtonProps, aT as FullscreenChangeEvent, aU as FullscreenController, aV as FullscreenErrorEvent, aW as FullscreenEvents, a3 as Gesture, aX as GestureAction, aY as GestureEventType, gu as GestureInstance, a2 as GestureProps, aZ as HLSAudioTrackLoadedEvent, a_ as HLSAudioTrackLoadingEvent, a$ as HLSAudioTrackSwitchedEvent, b0 as HLSAudioTrackSwitchingEvent, b1 as HLSAudioTracksUpdatedEvent, b2 as HLSBackBufferReachedEvent, b3 as HLSBufferAppendedEvent, b4 as HLSBufferAppendingEvent, b5 as HLSBufferCodecsEvent, b6 as HLSBufferCreatedEvent, b7 as HLSBufferEosEvent, b8 as HLSBufferFlushedEvent, b9 as HLSBufferFlushingEvent, ba as HLSBufferResetEvent, bb as HLSConstructor, bc as HLSConstructorLoader, bd as HLSCuesParsedEvent, be as HLSDestroyingEvent, bf as HLSErrorEvent, bg as HLSFpsDropEvent, bh as HLSFpsDropLevelCappingEvent, bi as HLSFragBufferedDataEvent, bj as HLSFragChangedEvent, bk as HLSFragDecryptedEvent, bl as HLSFragLoadEmergencyAbortedEvent, bm as HLSFragLoadedEvent, bn as HLSFragLoadingEvent, bo as HLSFragParsedEvent, bp as HLSFragParsingInitSegmentEvent, bq as HLSFragParsingMetadataEvent, br as HLSFragParsingUserdataEvent, bs as HLSInitPtsFoundEvent, bt as HLSInstanceCallback, bu as HLSInstanceEvent, bv as HLSKeyLoadedEvent, bw as HLSKeyLoadingEvent, bx as HLSLevelLoadedEvent, by as HLSLevelLoadingEvent, bz as HLSLevelPtsUpdatedEvent, bA as HLSLevelSwitchedEvent, bB as HLSLevelSwitchingEvent, bC as HLSLevelUpdatedEvent, bD as HLSLevelsUpdatedEvent, bE as HLSLibLoadErrorEvent, bF as HLSLibLoadStartEvent, bG as HLSLibLoadedEvent, bH as HLSLibrary, bI as HLSManifestLoadedEvent, bJ as HLSManifestLoadingEvent, bK as HLSManifestParsedEvent, bL as HLSMediaAttachedEvent, bM as HLSMediaAttachingEvent, bN as HLSMediaDetachedEvent, bO as HLSMediaDetachingEvent, bP as HLSMediaEvent, bQ as HLSNonNativeTextTracksFoundEvent, bR as HLSProvider, bS as HLSProviderEvents, bT as HLSProviderLoader, bU as HLSSubtitleFragProcessedEvent, bV as HLSSubtitleTrackLoadedEvent, bW as HLSSubtitleTrackLoadingEvent, bX as HLSSubtitleTrackSwitchEvent, bY as HLSSubtitleTracksClearedEvent, bZ as HLSSubtitleTracksUpdatedEvent, b_ as HLSUnsupportedEvent, d as Icon, e as IconComponent, I as IconProps, b$ as LibASSConfig, c0 as LibASSConstructor, c1 as LibASSErrorEvent, c2 as LibASSInstance, c3 as LibASSInstanceEvents, c4 as LibASSModuleLoader, c5 as LibASSReadyEvent, c6 as LibASSTextRenderer, c7 as List, c8 as ListAddEvent, c9 as ListEvents, ca as ListItem, cb as ListReadonlyChangeEvent, cc as ListRemoveEvent, v as LiveButton, gi as LiveButtonInstance, L as LiveButtonProps, cd as LogEvent, ce as LogEventDetail, cf as LoggerEvents, cg as MEDIA_KEY_SHORTCUTS, ch as MediaAbortEvent, ci as MediaAudioTrackChangeEvent, cj as MediaAudioTrackChangeRequestEvent, ck as MediaAudioTracksChangeEvent, cl as MediaAutoplayChangeEvent, cm as MediaAutoplayEvent, cn as MediaAutoplayFailEvent, co as MediaCanLoadEvent, cp as MediaCanPlayDetail, cq as MediaCanPlayEvent, cr as MediaCanPlayThroughEvent, cs as MediaContext, ct as MediaControls, cu as MediaControlsChangeEvent, cv as MediaDestroyEvent, cw as MediaDurationChangeEvent, cx as MediaEmptiedEvent, cy as MediaEndEvent, cz as MediaEndedEvent, cA as MediaEnterFullscreenRequestEvent, cB as MediaEnterPIPRequestEvent, cC as MediaErrorCode, cD as MediaErrorDetail, cE as MediaErrorEvent, cF as MediaEvent, cG as MediaEvents, cH as MediaExitFullscreenRequestEvent, cI as MediaExitPIPRequestEvent, cJ as MediaFullscreenAdapter, cK as MediaFullscreenChangeEvent, cL as MediaFullscreenErrorEvent, cM as MediaFullscreenRequestTarget, cN as MediaHidePosterRequestEvent, cO as MediaKeyShortcut, cP as MediaKeyShortcuts, cQ as MediaKeyTarget, cR as MediaLiveChangeEvent, cS as MediaLiveEdgeChangeEvent, cT as MediaLiveEdgeRequestEvent, cU as MediaLoadStartEvent, cV as MediaLoadedDataEvent, cW as MediaLoadedMetadataEvent, cX as MediaLoadingStrategy, cY as MediaLoopChangeEvent, cZ as MediaLoopRequestEvent, c_ as MediaMuteRequestEvent, c$ as MediaOrientationChangeEvent, d0 as MediaPIPChangeEvent, d1 as MediaPIPErrorEvent, d2 as MediaPauseControlsRequestEvent, d3 as MediaPauseEvent, d4 as MediaPauseRequestEvent, d5 as MediaPlayEvent, d6 as MediaPlayFailEvent, d7 as MediaPlayRequestEvent, a as MediaPlayer, d8 as MediaPlayerConnectEvent, d9 as MediaPlayerEvents, gc as MediaPlayerInstance, M as MediaPlayerProps, da as MediaPlayerState, db as MediaPlayingEvent, dc as MediaPlaysinlineChangeEvent, dd as MediaPosterChangeEvent, de as MediaProgressEvent, c as MediaProvider, df as MediaProviderAdapter, dg as MediaProviderChangeEvent, gd as MediaProviderInstance, dh as MediaProviderLoader, di as MediaProviderLoaderChangeEvent, b as MediaProviderProps, dj as MediaProviderSetupEvent, dk as MediaProviderState, dl as MediaQualitiesChangeEvent, dm as MediaQualityChangeEvent, dn as MediaQualityChangeRequestEvent, dp as MediaRateChangeEvent, dq as MediaRateChangeRequestEvent, dr as MediaRemoteControl, ds as MediaReplayEvent, dt as MediaRequestEvents, du as MediaResource, dv as MediaResumeControlsRequestEvent, dw as MediaSeekRequestEvent, dx as MediaSeekedEvent, dy as MediaSeekingEvent, dz as MediaSeekingRequestEvent, dA as MediaSetupContext, dB as MediaShowPosterRequestEvent, dC as MediaSourceChangeEvent, dD as MediaSourcesChangeEvent, dE as MediaSrc, dF as MediaStalledEvent, dG as MediaStartLoadingRequestEvent, dH as MediaStartedEvent, dI as MediaState, dJ as MediaStateAccessors, dK as MediaStore, dL as MediaStreamType, dM as MediaStreamTypeChangeEvent, dN as MediaSuspendEvent, dO as MediaTextTrackChangeEvent, dP as MediaTextTrackChangeRequestEvent, dQ as MediaTextTracksChangeEvent, dR as MediaTimeUpdateEvent, dS as MediaType, dT as MediaTypeChangeEvent, dU as MediaUnmuteRequestEvent, dV as MediaUserEvents, dW as MediaViewType, dX as MediaViewTypeChangeEvent, dY as MediaVolumeChange, dZ as MediaVolumeChangeEvent, d_ as MediaVolumeChangeRequestEvent, d$ as MediaWaitingEvent, W as Menu, e0 as MenuButton, e1 as MenuButtonEvents, e0 as MenuButtonInstance, Y as MenuButtonProps, e2 as MenuButtonSelectEvent, e3 as MenuCloseEvent, _ as MenuContentProps, e4 as MenuEvents, gr as MenuInstance, e5 as MenuItem, e5 as MenuItemInstance, $ as MenuItemProps, e6 as MenuItems, e6 as MenuItemsInstance, _ as MenuItemsProps, e7 as MenuOpenEvent, e8 as MenuPlacement, e9 as MenuPlacementAlign, ea as MenuPlacementSide, eb as MenuPortal, ec as MenuPortalContext, eb as MenuPortalInstance, Z as MenuPortalProps, X as MenuProps, Q as MenuRadioGroupProps, U as MenuRadioProps, q as MuteButton, gj as MuteButtonInstance, p as MuteButtonProps, s as PIPButton, gk as PIPButtonInstance, r as PIPButtonProps, l as PlayButton, gl as PlayButtonInstance, P as PlayButtonProps, h5 as PlaybackRateOption, h4 as PlaybackRateOptions, ed as PlayerQueryList, ee as PlayerQueryListChangeEvent, ef as PlayerQueryListEvents, eg as PlayerStore, aa as Poster, gv as PosterInstance, a9 as PosterProps, eh as PosterState, ei as QualityRadioGroup, ej as QualityRadioGroupChangeEvent, ek as QualityRadioGroupEvents, el as QualityRadioGroupProps, em as QualityRadioOption, en as Radio, eo as RadioChangeEvent, ep as RadioEvents, O as RadioGroup, eq as RadioGroupChangeEvent, er as RadioGroupEvents, gs as RadioGroupInstance, Q as RadioGroupProps, en as RadioInstance, es as RadioOption, U as RadioProps, et as RadioSelectEvent, eu as ScreenOrientationChangeEvent, ev as ScreenOrientationChangeEventDetail, ew as ScreenOrientationController, ex as ScreenOrientationEvents, ey as ScreenOrientationLockType, ez as ScreenOrientationType, u as SeekButton, gm as SeekButtonInstance, S as SeekButtonProps, w as Slider, eA as SliderCSSVars, E as SliderChapterProps, H as SliderChapterTitleProps, eB as SliderChapters, eB as SliderChaptersInstance, eC as SliderChaptersProps, eD as SliderContext, eE as SliderController, eF as SliderControllerProps, eG as SliderDelegate, eH as SliderDragEndEvent, eI as SliderDragStartEvent, eJ as SliderDragValueChangeEvent, eK as SliderEvent, eL as SliderEvents, go as SliderInstance, eM as SliderOrientation, eN as SliderPointerValueChangeEvent, eO as SliderPreview, eO as SliderPreviewInstance, A as SliderPreviewProps, z as SliderProps, eP as SliderState, eQ as SliderStore, eR as SliderThumbnail, K as SliderThumbnailImgProps, eR as SliderThumbnailInstance, J as SliderThumbnailProps, eS as SliderValue, eT as SliderValueChangeEvent, eS as SliderValueInstance, V as SliderValueProps, eU as SliderVideo, eV as SliderVideoCanPlayEvent, eW as SliderVideoErrorEvent, eX as SliderVideoEvents, eU as SliderVideoInstance, N as SliderVideoProps, eY as SliderVideoState, eZ as SpeedRadioGroup, e_ as SpeedRadioGroupChangeEvent, e$ as SpeedRadioGroupEvents, f0 as SpeedRadioGroupProps, f1 as TextRenderer, f2 as TextRenderers, f3 as TextTrack, f4 as TextTrackAddCueEvent, f5 as TextTrackAddEvent, f6 as TextTrackCueChangeEvent, f7 as TextTrackErrorEvent, f8 as TextTrackEvent, f9 as TextTrackEvents, fa as TextTrackInit, fb as TextTrackList, fc as TextTrackListEvent, fd as TextTrackListEvents, fe as TextTrackListModeChangeEvent, ff as TextTrackLoadEvent, fg as TextTrackLoadStartEvent, fh as TextTrackModeChangeEvent, fi as TextTrackReadyState, fj as TextTrackRemoveCueEvent, fk as TextTrackRemoveEvent, ad as Thumbnail, fl as ThumbnailCoords, gG as ThumbnailData, af as ThumbnailImgProps, gw as ThumbnailInstance, ae as ThumbnailProps, fm as ThumbnailState, fn as ThumbnailsLoader, ac as Time, gx as TimeInstance, ab as TimeProps, fo as TimeRange, y as TimeSlider, fp as TimeSliderCSSVars, gp as TimeSliderInstance, D as TimeSliderProps, fq as TimeState, k as ToggleButton, gf as ToggleButtonInstance, j as ToggleButtonProps, t as Tooltip, fr as TooltipContent, fr as TooltipContentInstance, C as TooltipContentProps, gn as TooltipInstance, fs as TooltipPlacement, ft as TooltipPlacementAlign, fu as TooltipPlacementSide, h as TooltipProps, fv as TooltipTrigger, fv as TooltipTriggerInstance, i as TooltipTriggerProps, T as Track, f as TrackProps, gU as UseCaptionOptions, h3 as UsePlaybackRateOptions, gM as UseSliderPreview, g$ as UseVideoQualityOptions, fw as VideoPresentationChangeEvent, fx as VideoPresentationEvents, fy as VideoProvider, fz as VideoProviderLoader, fA as VideoQuality, fB as VideoQualityAddEvent, fC as VideoQualityAutoChangeEvent, fD as VideoQualityChangeEvent, fE as VideoQualityChangeEventDetail, fF as VideoQualityList, fG as VideoQualityListEvent, fH as VideoQualityListEvents, h1 as VideoQualityOption, h0 as VideoQualityOptions, fI as VideoQualityRemoveEvent, x as VolumeSlider, gq as VolumeSliderInstance, B as VolumeSliderProps, fJ as canChangeVolume, fK as canFullscreen, fL as canOrientScreen, fM as canPlayHLSNatively, fN as canRotateScreen, fO as canUsePictureInPicture, fP as canUseVideoPresentation, gP as createTextTrack, fQ as defaultLayoutContext, fR as findActiveCue, fS as formatSpokenTime, fT as formatTime, fU as getTimeRangesEnd, fV as getTimeRangesStart, fW as isAudioProvider, fX as isCueActive, fY as isHLSProvider, fZ as isHTMLAudioElement, f_ as isHTMLMediaElement, f$ as isHTMLVideoElement, g0 as isTrackCaptionKind, g1 as isVideoProvider, g2 as mediaContext, g3 as mediaState, g4 as menuPortalContext, g5 as observeActiveTextTrack, g6 as sliderContext, g7 as sliderState, g8 as softResetMediaState, g9 as updateSliderPreviewPlacement, gN as useActiveTextCues, gO as useActiveTextTrack, gI as useActiveThumbnail, gQ as useAudioOptions, gT as useCaptionOptions, gX as useChapterOptions, ga as useDefaultLayoutContext, gb as useDefaultLayoutLang, gA as useMediaPlayer, gC as useMediaProvider, gD as useMediaRemote, gE as useMediaState, gF as useMediaStore, h2 as usePlaybackRateOptions, gB as usePlayerQuery, gL as useSliderPreview, gJ as useSliderState, gK as useSliderStore, gy as useState, gz as useStore, gH as useThumbnails, g_ as useVideoQualityOptions } from './dist/types/vidstack.d.js';
 export { j as appendTriggerEvent, k as findTriggerEvent, l as hasTriggerEvent, m as isKeyboardClick, n as isKeyboardEvent, o as isPointerEvent, w as walkTriggerEventChain } from './dist/types/vidstack-framework.d.js';
@@ -3,0 +3,0 @@ import 'react';

package.json

 {
   "name": "@vidstack/react",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "UI component library for building high-quality, accessible video and audio experiences on the web.",
@@ -5,0 +5,0 @@ "license": "MIT",

player/layouts/default.d.ts

@@ -1,2 +0,2 @@
-export { ja as CreateDefaultMediaLayout, iN as DefaultAudioLayout, iO as DefaultAudioLayoutLarge, iQ as DefaultAudioLayoutProps, iP as DefaultAudioLayoutSmall, iV as DefaultBufferingIndicator, i_ as DefaultCaptionButton, j4 as DefaultChapterTitle, j6 as DefaultChaptersMenu, j0 as DefaultFullscreenButton, ji as DefaultLayoutContext, jg as DefaultLayoutIcon, jf as DefaultLayoutIconProps, jh as DefaultLayoutIcons, j9 as DefaultMediaLayoutProps, iZ as DefaultMuteButton, i$ as DefaultPIPButton, iY as DefaultPlayButton, j1 as DefaultSeekButton, j7 as DefaultSettingsMenu, j8 as DefaultSubmenuButton, jd as DefaultSubmenuButtonProps, j5 as DefaultTimeGroup, j3 as DefaultTimeSlider, iX as DefaultTooltip, jc as DefaultTooltipProps, iU as DefaultVideoGestures, iR as DefaultVideoLayout, iS as DefaultVideoLayoutLarge, iW as DefaultVideoLayoutProps, iT as DefaultVideoLayoutSmall, j2 as DefaultVolumeSlider, jb as createDefaultMediaLayout, je as defaultLayoutIcons, jj as useDefaultLayoutLang } from '../../dist/types/vidstack.d.js';
+export { j9 as CreateDefaultMediaLayout, iM as DefaultAudioLayout, iN as DefaultAudioLayoutProps, iS as DefaultBufferingIndicator, iX as DefaultCaptionButton, j1 as DefaultChapterTitle, j5 as DefaultChaptersMenu, iZ as DefaultFullscreenButton, jh as DefaultLayoutContext, jf as DefaultLayoutIcon, je as DefaultLayoutIconProps, jg as DefaultLayoutIcons, j2 as DefaultLiveButton, j8 as DefaultMediaLayoutProps, iW as DefaultMuteButton, iY as DefaultPIPButton, iV as DefaultPlayButton, i_ as DefaultSeekButton, j6 as DefaultSettingsMenu, j7 as DefaultSubmenuButton, jc as DefaultSubmenuButtonProps, j3 as DefaultTimeGroup, j4 as DefaultTimeInfo, j0 as DefaultTimeSlider, iU as DefaultTooltip, jb as DefaultTooltipProps, iR as DefaultVideoGestures, iO as DefaultVideoLayout, iP as DefaultVideoLayoutLarge, iT as DefaultVideoLayoutProps, iQ as DefaultVideoLayoutSmall, i$ as DefaultVolumeSlider, ja as createDefaultMediaLayout, jd as defaultLayoutIcons, ji as useDefaultLayoutLang } from '../../dist/types/vidstack.d.js';
 import 'react';
@@ -3,0 +3,0 @@ import '../../dist/types/vidstack-framework.d.js';

README.md

@@ -20,5 +20,5 @@ # Vidstack React
 [package]: https://www.npmjs.com/package/@vidstack/react
-[package-badge]: https://img.shields.io/npm/v/@vidstack/react?style=flat-square
+[package-badge]: https://img.shields.io/npm/v/@vidstack/react/next?style=flat-square
 [discord]: https://discord.gg/QAjfh2gZE4
 [discord-badge]: https://img.shields.io/discord/742612686679965696?color=%235865F2&label=%20&logo=discord&logoColor=white&style=flat-square
 [discussions]: https://github.com/vidstack/vidstack/discussions

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1376383

increased by0.4%

Lines of code

39189

increased by0.34%

No dependency changes