@videojs/react 10.0.0-beta.10 → 10.0.0-beta.11

package/dist/default/index.js

@@ -1,6 +1,9 @@
 'use client';
 
-import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext } from "./player/context.js";
+import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
+import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { useLatestRef } from "./utils/use-latest-ref.js";
+import { useDestroy } from "./utils/use-destroy.js";
 import { createPlayer } from "./player/create-player.js";
 import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { mergeProps } from "./utils/merge-props.js";
@@ -27,9 +30,13 @@ import { index_parts_exports as index_parts_exports$5 } from "./ui/time-slider/i
 import { useTooltipContext } from "./ui/tooltip/context.js";
 import { index_parts_exports as index_parts_exports$6 } from "./ui/tooltip/index.parts.js";
 import { index_parts_exports as index_parts_exports$7 } from "./ui/volume-slider/index.parts.js";
+import { attachMediaElement } from "./utils/attach-media-element.js";
+import { mediaProps } from "./utils/media-props.js";
+import { useMediaInstance } from "./utils/use-media-instance.js";
+import { DelegateMixin } from "@videojs/core";
 import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 
 export * from "@videojs/core/dom"
 
-export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, Container, index_parts_exports$1 as Controls, FullscreenButton, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$2 as Popover, Poster, SeekButton, index_parts_exports$3 as Slider, Thumbnail, index_parts_exports$4 as Time, index_parts_exports$5 as TimeSlider, index_parts_exports$6 as Tooltip, index_parts_exports$7 as VolumeSlider, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };
+export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, Container, index_parts_exports$1 as Controls, DelegateMixin, FullscreenButton, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$2 as Popover, Poster, SeekButton, index_parts_exports$3 as Slider, Thumbnail, index_parts_exports$4 as Time, index_parts_exports$5 as TimeSlider, index_parts_exports$6 as Tooltip, index_parts_exports$7 as VolumeSlider, attachMediaElement, composeRefs, createPlayer, createSelector, mediaProps, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useOptionalPlayer, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };

package/dist/default/ui/alert-dialog/alert-dialog-root.js

@@ -4,11 +4,11 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { AlertDialogContextProvider } from "./context.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
+import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 import { createAlertDialog, createTransition } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-root.tsx
 function AlertDialogRoot({ open: controlledOpen, defaultOpen = AlertDialogCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, children }) {

package/dist/default/ui/buffering-indicator/buffering-indicator.js

@@ -3,9 +3,9 @@
 import { usePlayer } from "../../player/context.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { renderElement } from "../../utils/use-render.js";
+import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 import { selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState, useSyncExternalStore } from "react";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 
 //#region src/ui/buffering-indicator/buffering-indicator.tsx
 /**

package/dist/default/ui/captions-button/captions-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectTextTrack } from "@videojs/core/dom";
 import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
+import { selectTextTrack } from "@videojs/core/dom";
 
 //#region src/ui/captions-button/captions-button.tsx
 /** A button that toggles captions. */

package/dist/default/ui/controls/controls-root.js

@@ -3,10 +3,10 @@
 import { usePlayer } from "../../player/context.js";
 import { renderElement } from "../../utils/use-render.js";
 import { ControlsContextProvider } from "./context.js";
+import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 import { selectControls } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 
 //#region src/ui/controls/controls-root.tsx
 /** Root container for player controls state and rendered control content. */

package/dist/default/ui/fullscreen-button/fullscreen-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectFullscreen } from "@videojs/core/dom";
 import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
+import { selectFullscreen } from "@videojs/core/dom";
 
 //#region src/ui/fullscreen-button/fullscreen-button.tsx
 /** A button that toggles fullscreen. */

package/dist/default/ui/mute-button/mute-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectVolume } from "@videojs/core/dom";
 import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
+import { selectVolume } from "@videojs/core/dom";
 
 //#region src/ui/mute-button/mute-button.tsx
 /** A button that toggles mute state. */

package/dist/default/ui/pip-button/pip-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectPiP } from "@videojs/core/dom";
 import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
+import { selectPiP } from "@videojs/core/dom";
 
 //#region src/ui/pip-button/pip-button.tsx
 /** A button that toggles picture-in-picture. */

package/dist/default/ui/play-button/play-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectPlayback } from "@videojs/core/dom";
 import { PlayButtonCore, PlayButtonDataAttrs } from "@videojs/core";
+import { selectPlayback } from "@videojs/core/dom";
 
 //#region src/ui/play-button/play-button.tsx
 /**

package/dist/default/ui/playback-rate-button/playback-rate-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectPlaybackRate } from "@videojs/core/dom";
 import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
+import { selectPlaybackRate } from "@videojs/core/dom";
 
 //#region src/ui/playback-rate-button/playback-rate-button.tsx
 /**

package/dist/default/ui/popover/popover-root.js

@@ -4,11 +4,11 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
 import { PopoverContextProvider } from "./context.js";
+import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
 import { createPopover, createTransition } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
 
 //#region src/ui/popover/popover-root.tsx
 function PopoverRoot({ open: controlledOpen, defaultOpen = PopoverCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, openOnHover = PopoverCore.defaultProps.openOnHover, delay = PopoverCore.defaultProps.delay, closeDelay = PopoverCore.defaultProps.closeDelay, children, ...coreProps }) {

package/dist/default/ui/poster/poster.js

@@ -2,9 +2,9 @@
 
 import { usePlayer } from "../../player/context.js";
 import { renderElement } from "../../utils/use-render.js";
+import { PosterCore, PosterDataAttrs } from "@videojs/core";
 import { selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
-import { PosterCore, PosterDataAttrs } from "@videojs/core";
 
 //#region src/ui/poster/poster.tsx
 /**

package/dist/default/ui/seek-button/seek-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectTime } from "@videojs/core/dom";
 import { SeekButtonCore, SeekButtonDataAttrs } from "@videojs/core";
+import { selectTime } from "@videojs/core/dom";
 
 //#region src/ui/seek-button/seek-button.tsx
 /**

package/dist/default/ui/slider/slider-root.js

@@ -3,10 +3,10 @@
 import { renderElement } from "../../utils/use-render.js";
 import { useSlider } from "../hooks/use-slider.js";
 import { SliderProvider } from "./context.js";
+import { SliderCore, SliderDataAttrs } from "@videojs/core";
 import { getSliderCSSVars } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { SliderCore, SliderDataAttrs } from "@videojs/core";
 
 //#region src/ui/slider/slider-root.tsx
 const SliderRoot = forwardRef(function SliderRoot(componentProps, forwardedRef) {

package/dist/default/ui/thumbnail/thumbnail.js

@@ -3,10 +3,10 @@
 import { useOptionalPlayer } from "../../player/context.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { renderElement } from "../../utils/use-render.js";
+import { ThumbnailCore, ThumbnailDataAttrs, mapCuesToThumbnails } from "@videojs/core";
 import { createThumbnail, selectTextTrack } from "@videojs/core/dom";
 import { forwardRef, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { ThumbnailCore, ThumbnailDataAttrs, mapCuesToThumbnails } from "@videojs/core";
 
 //#region src/ui/thumbnail/thumbnail.tsx
 const Thumbnail = forwardRef(function Thumbnail(componentProps, forwardedRef) {

package/dist/default/ui/time/time-value.js

@@ -2,10 +2,10 @@
 
 import { usePlayer } from "../../player/context.js";
 import { renderElement } from "../../utils/use-render.js";
+import { TimeCore, TimeDataAttrs } from "@videojs/core";
 import { selectTime } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { TimeCore, TimeDataAttrs } from "@videojs/core";
 
 //#region src/ui/time/time-value.tsx
 /**

package/dist/default/ui/time-slider/time-slider-root.js

@@ -5,10 +5,10 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { renderElement } from "../../utils/use-render.js";
 import { useSlider } from "../hooks/use-slider.js";
 import { SliderProvider } from "../slider/context.js";
+import { TimeSliderCore, TimeSliderDataAttrs } from "@videojs/core";
 import { getTimeSliderCSSVars, selectBuffer, selectTime } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { TimeSliderCore, TimeSliderDataAttrs } from "@videojs/core";
 import { formatTime } from "@videojs/utils/time";
 
 //#region src/ui/time-slider/time-slider-root.tsx

package/dist/default/ui/tooltip/tooltip-popup.js

@@ -3,9 +3,9 @@
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
 import { renderElement } from "../../utils/use-render.js";
 import { useTooltipContext } from "./context.js";
+import { TooltipCSSVars } from "@videojs/core";
 import { getAnchorPositionStyle, getPopupPositionRect, resolveOffsets } from "@videojs/core/dom";
 import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { TooltipCSSVars } from "@videojs/core";
 import { supportsAnchorPositioning } from "@videojs/utils/dom";
 
 //#region src/ui/tooltip/tooltip-popup.tsx

package/dist/default/ui/tooltip/tooltip-provider.js

@@ -1,9 +1,9 @@
 'use client';
 
 import { TooltipGroupContextProvider } from "./group-context.js";
+import { TooltipGroupCore } from "@videojs/core";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { TooltipGroupCore } from "@videojs/core";
 
 //#region src/ui/tooltip/tooltip-provider.tsx
 function TooltipProvider({ delay, closeDelay, timeout, children }) {

package/dist/default/ui/tooltip/tooltip-root.js

@@ -5,11 +5,11 @@ import { useDestroy } from "../../utils/use-destroy.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
 import { TooltipContextProvider } from "./context.js";
 import { useTooltipGroup } from "./group-context.js";
+import { TooltipCore, TooltipDataAttrs } from "@videojs/core";
 import { createTooltip, createTransition } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { TooltipCore, TooltipDataAttrs } from "@videojs/core";
 
 //#region src/ui/tooltip/tooltip-root.tsx
 function TooltipRoot({ open: controlledOpen, defaultOpen = TooltipCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, delay = TooltipCore.defaultProps.delay, closeDelay = TooltipCore.defaultProps.closeDelay, disableHoverablePopup = TooltipCore.defaultProps.disableHoverablePopup, disabled = TooltipCore.defaultProps.disabled, children, ...coreProps }) {

package/dist/default/ui/volume-slider/volume-slider-root.js

@@ -5,10 +5,10 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { renderElement } from "../../utils/use-render.js";
 import { useSlider } from "../hooks/use-slider.js";
 import { SliderProvider } from "../slider/context.js";
+import { VolumeSliderCore, VolumeSliderDataAttrs } from "@videojs/core";
 import { getSliderCSSVars, selectVolume } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { VolumeSliderCore, VolumeSliderDataAttrs } from "@videojs/core";
 
 //#region src/ui/volume-slider/volume-slider-root.tsx
 const noopVolume = {

package/dist/dev/index.d.ts

@@ -1,4 +1,4 @@
-import { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext } from "./player/context.js";
+import { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
 import { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer } from "./player/create-player.js";
 import { AlertDialogContextValue, useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { HTMLProps, RenderFunction, RenderProp, UIComponentProps } from "./utils/types.js";
@@ -33,9 +33,16 @@ import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/time-slid
 import { TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
 import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/tooltip/index.parts.js";
 import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/volume-slider/index.parts.js";
+import { attachMediaElement } from "./utils/attach-media-element.js";
+import { mediaProps } from "./utils/media-props.js";
 import { mergeProps } from "./utils/merge-props.js";
+import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
+import { useDestroy } from "./utils/use-destroy.js";
+import { useLatestRef } from "./utils/use-latest-ref.js";
+import { useMediaInstance } from "./utils/use-media-instance.js";
 import { renderElement } from "./utils/use-render.js";
+import { Delegate, DelegateMixin } from "@videojs/core";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
-export { index_parts_d_exports as AlertDialog, type AlertDialogContextValue, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreatePlayerConfig, type CreatePlayerResult, FullscreenButton, type FullscreenButtonProps, type HTMLProps, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlayerContextValue, index_parts_d_exports$2 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, type Selector, index_parts_d_exports$3 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$4 as Time, index_parts_d_exports$5 as TimeSlider, index_parts_d_exports$6 as Tooltip, type TooltipContextValue, type UIComponentProps, index_parts_d_exports$7 as VolumeSlider, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };
+export { index_parts_d_exports as AlertDialog, type AlertDialogContextValue, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreatePlayerConfig, type CreatePlayerResult, type Delegate, DelegateMixin, FullscreenButton, type FullscreenButtonProps, type HTMLProps, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlayerContextValue, index_parts_d_exports$2 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, type Selector, index_parts_d_exports$3 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$4 as Time, index_parts_d_exports$5 as TimeSlider, index_parts_d_exports$6 as Tooltip, type TooltipContextValue, type UIComponentProps, index_parts_d_exports$7 as VolumeSlider, attachMediaElement, composeRefs, createPlayer, createSelector, mediaProps, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useOptionalPlayer, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };

package/dist/dev/index.js

@@ -1,6 +1,9 @@
 'use client';
 
-import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext } from "./player/context.js";
+import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
+import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { useLatestRef } from "./utils/use-latest-ref.js";
+import { useDestroy } from "./utils/use-destroy.js";
 import { createPlayer } from "./player/create-player.js";
 import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { mergeProps } from "./utils/merge-props.js";
@@ -27,9 +30,13 @@ import { index_parts_exports as index_parts_exports$5 } from "./ui/time-slider/i
 import { useTooltipContext } from "./ui/tooltip/context.js";
 import { index_parts_exports as index_parts_exports$6 } from "./ui/tooltip/index.parts.js";
 import { index_parts_exports as index_parts_exports$7 } from "./ui/volume-slider/index.parts.js";
+import { attachMediaElement } from "./utils/attach-media-element.js";
+import { mediaProps } from "./utils/media-props.js";
+import { useMediaInstance } from "./utils/use-media-instance.js";
+import { DelegateMixin } from "@videojs/core";
 import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 
 export * from "@videojs/core/dom"
 
-export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, Container, index_parts_exports$1 as Controls, FullscreenButton, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$2 as Popover, Poster, SeekButton, index_parts_exports$3 as Slider, Thumbnail, index_parts_exports$4 as Time, index_parts_exports$5 as TimeSlider, index_parts_exports$6 as Tooltip, index_parts_exports$7 as VolumeSlider, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };
+export { index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, Container, index_parts_exports$1 as Controls, DelegateMixin, FullscreenButton, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$2 as Popover, Poster, SeekButton, index_parts_exports$3 as Slider, Thumbnail, index_parts_exports$4 as Time, index_parts_exports$5 as TimeSlider, index_parts_exports$6 as Tooltip, index_parts_exports$7 as VolumeSlider, attachMediaElement, composeRefs, createPlayer, createSelector, mediaProps, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useButton, useComposedRefs, useContainer, useContainerAttach, useDestroy, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useOptionalPlayer, usePlayer, usePlayerContext, usePopoverContext, useSelector, useSlider, useStore, useTooltipContext };

package/dist/dev/player/context.d.ts

@@ -26,6 +26,16 @@ declare function usePlayer(): UnknownStore;
  * @param selector - Derives a value from the player store state.
  */
 declare function usePlayer<R>(selector: (state: UnknownState) => R): R;
+/**
+ * Access player state when available, but return `undefined` outside Provider.
+ *
+ * This is useful for components that can operate without player context
+ * (e.g. they accept fully explicit props as a fallback).
+ */
+/** @label Without Selector */
+declare function useOptionalPlayer(): UnknownStore | undefined;
+/** @label With Selector */
+declare function useOptionalPlayer<R>(selector: (state: UnknownState) => R): R | undefined;
 /** Access the media element from within a Player Provider. */
 declare function useMedia(): Media | null;
 /** Access the container element from within a Player Provider. */
@@ -42,5 +52,5 @@ declare namespace Container {
   type Props = ContainerProps;
 }
 //#endregion
-export { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, usePlayer, usePlayerContext };
+export { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalPlayer, usePlayer, usePlayerContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/dev/player/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;;UAUiB,kBAAA;EACf,KAAA,EAAO,YAAA;EACP,KAAA,EAAO,KAAA;EACP,QAAA,EAAU,QAAA,CAAS,cAAA,CAAe,KAAA;EAClC,SAAA,EAAW,cAAA;EACX,YAAA,EAAc,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA;;iBAqBxB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAwBpD,QAAA,CAAA,GAAY,KAAA;AA/B5B;AAAA,iBAqCgB,YAAA,CAAA,GAAgB,cAAA;;iBAMhB,cAAA,CAAA,GAAkB,QAAA,CAAS,cAAA,CAAe,KAAA;;iBAM1C,kBAAA,CAAA,GAAsB,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA,UAK7C,cAAA,SAAuB,cAAA,CAAe,cAAA;EACrD,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAiBL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/player/context.tsx"],"mappings":";;;;;;UAUiB,kBAAA;EACf,KAAA,EAAO,YAAA;EACP,KAAA,EAAO,KAAA;EACP,QAAA,EAAU,QAAA,CAAS,cAAA,CAAe,KAAA;EAClC,SAAA,EAAW,cAAA;EACX,YAAA,EAAc,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA;;iBAqBxB,gBAAA,CAAA,GAAoB,kBAAA;;;;;;iBAWpB,SAAA,CAAA,GAAa,YAAA;;;;;;;iBAOb,SAAA,GAAA,CAAa,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;;;;;;;iBAapD,iBAAA,CAAA,GAAqB,YAAA;;iBAErB,iBAAA,GAAA,CAAqB,QAAA,GAAW,KAAA,EAAO,YAAA,KAAiB,CAAA,GAAI,CAAA;;iBAS5D,QAAA,CAAA,GAAY,KAAA;AA/B5B;AAAA,iBAqCgB,YAAA,CAAA,GAAgB,cAAA;;iBAMhB,cAAA,CAAA,GAAkB,QAAA,CAAS,cAAA,CAAe,KAAA;;iBAM1C,kBAAA,CAAA,GAAsB,QAAA,CAAS,cAAA,CAAe,WAAA;AAAA,UAK7C,cAAA,SAAuB,cAAA,CAAe,cAAA;EACrD,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAiBL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-close.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { AlertDialogCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/alert-dialog/alert-dialog-close.d.ts
 interface AlertDialogCloseProps extends UIComponentProps<'button', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-description.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { AlertDialogCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/alert-dialog/alert-dialog-description.d.ts
 interface AlertDialogDescriptionProps extends UIComponentProps<'p', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-popup.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { AlertDialogCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/alert-dialog/alert-dialog-popup.d.ts
 interface AlertDialogPopupProps extends UIComponentProps<'div', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/alert-dialog-root.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { AlertDialogProps } from "@videojs/core";
+import { ReactNode } from "react";
 
 //#region src/ui/alert-dialog/alert-dialog-root.d.ts
 interface AlertDialogRootProps extends AlertDialogProps {

package/dist/dev/ui/alert-dialog/alert-dialog-root.js

@@ -4,11 +4,11 @@ import { useLatestRef } from "../../utils/use-latest-ref.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { AlertDialogContextProvider } from "./context.js";
 import { useSafeId } from "../../utils/use-safe-id.js";
+import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 import { createAlertDialog, createTransition } from "@videojs/core/dom";
 import { useSnapshot } from "@videojs/store/react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-root.tsx
 function AlertDialogRoot({ open: controlledOpen, defaultOpen = AlertDialogCore.defaultProps.defaultOpen, onOpenChange: onOpenChangeProp, onOpenChangeComplete: onOpenChangeCompleteProp, children }) {

package/dist/dev/ui/alert-dialog/alert-dialog-title.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { AlertDialogCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/alert-dialog/alert-dialog-title.d.ts
 interface AlertDialogTitleProps extends UIComponentProps<'h2', AlertDialogCore.State> {}

package/dist/dev/ui/alert-dialog/context.d.ts

@@ -1,12 +1,11 @@
+import { AlertDialogCore, StateAttrMap } from "@videojs/core";
 import { AlertDialogApi } from "@videojs/core/dom";
-import { AlertDialogCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
-
 //#region src/ui/alert-dialog/context.d.ts
 interface AlertDialogContextValue {
   core: AlertDialogCore;
   dialog: AlertDialogApi;
   state: AlertDialogCore.State;
-  stateAttrMap: StateAttrMap$1<AlertDialogCore.State>;
+  stateAttrMap: StateAttrMap<AlertDialogCore.State>;
 }
 declare function useAlertDialogContext(): AlertDialogContextValue;
 //#endregion

package/dist/dev/ui/alert-dialog/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"mappings":";;;;UAMiB,uBAAA;EACf,IAAA,EAAM,eAAA;EACN,MAAA,EAAQ,cAAA;EACR,KAAA,EAAO,eAAA,CAAgB,KAAA;EACvB,YAAA,EAAc,cAAA,CAAa,eAAA,CAAgB,KAAA;AAAA;AAAA,iBAO7B,qBAAA,CAAA,GAAyB,uBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.tsx"],"mappings":";;;UAMiB,uBAAA;EACf,IAAA,EAAM,eAAA;EACN,MAAA,EAAQ,cAAA;EACR,KAAA,EAAO,eAAA,CAAgB,KAAA;EACvB,YAAA,EAAc,YAAA,CAAa,eAAA,CAAgB,KAAA;AAAA;AAAA,iBAO7B,qBAAA,CAAA,GAAyB,uBAAA"}

package/dist/dev/ui/buffering-indicator/buffering-indicator.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { BufferingIndicatorCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/buffering-indicator/buffering-indicator.d.ts
 interface BufferingIndicatorProps extends UIComponentProps<'div', BufferingIndicatorCore.State>, BufferingIndicatorCore.Props {}

package/dist/dev/ui/buffering-indicator/buffering-indicator.js

@@ -3,9 +3,9 @@
 import { usePlayer } from "../../player/context.js";
 import { useDestroy } from "../../utils/use-destroy.js";
 import { renderElement } from "../../utils/use-render.js";
+import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 import { logMissingFeature, selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState, useSyncExternalStore } from "react";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 
 //#region src/ui/buffering-indicator/buffering-indicator.tsx
 /**

package/dist/dev/ui/captions-button/captions-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { CaptionsButtonCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/captions-button/captions-button.d.ts
 interface CaptionsButtonProps extends UIComponentProps<'button', CaptionsButtonCore.State>, CaptionsButtonCore.Props {}

package/dist/dev/ui/captions-button/captions-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectTextTrack } from "@videojs/core/dom";
 import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
+import { selectTextTrack } from "@videojs/core/dom";
 
 //#region src/ui/captions-button/captions-button.tsx
 /** A button that toggles captions. */

package/dist/dev/ui/controls/controls-group.d.ts

@@ -1,7 +1,7 @@
 import { UIComponentProps } from "../../utils/types.js";
+import { ControlsCore } from "@videojs/core";
 import * as react from "react";
 import { ReactNode } from "react";
-import { ControlsCore } from "@videojs/core";
 
 //#region src/ui/controls/controls-group.d.ts
 interface ControlsGroupProps extends UIComponentProps<'div', ControlsCore.State> {

package/dist/dev/ui/controls/controls-root.d.ts

@@ -1,7 +1,7 @@
 import { UIComponentProps } from "../../utils/types.js";
+import { ControlsCore } from "@videojs/core";
 import * as react from "react";
 import { ReactNode } from "react";
-import { ControlsCore } from "@videojs/core";
 
 //#region src/ui/controls/controls-root.d.ts
 interface ControlsRootProps extends UIComponentProps<'div', ControlsCore.State> {

package/dist/dev/ui/controls/controls-root.js

@@ -3,10 +3,10 @@
 import { usePlayer } from "../../player/context.js";
 import { renderElement } from "../../utils/use-render.js";
 import { ControlsContextProvider } from "./context.js";
+import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 import { logMissingFeature, selectControls } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 
 //#region src/ui/controls/controls-root.tsx
 /** Root container for player controls state and rendered control content. */

package/dist/dev/ui/fullscreen-button/fullscreen-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { FullscreenButtonCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/fullscreen-button/fullscreen-button.d.ts
 interface FullscreenButtonProps extends UIComponentProps<'button', FullscreenButtonCore.State>, FullscreenButtonCore.Props {}

package/dist/dev/ui/fullscreen-button/fullscreen-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectFullscreen } from "@videojs/core/dom";
 import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
+import { selectFullscreen } from "@videojs/core/dom";
 
 //#region src/ui/fullscreen-button/fullscreen-button.tsx
 /** A button that toggles fullscreen. */

package/dist/dev/ui/hooks/use-slider.d.ts

@@ -1,5 +1,5 @@
-import { SliderOptions, SliderRootProps, SliderRootStyle, SliderThumbProps } from "@videojs/core/dom";
 import { SliderInput, SliderState } from "@videojs/core";
+import { SliderOptions, SliderRootProps, SliderRootStyle, SliderThumbProps } from "@videojs/core/dom";
 
 //#region src/ui/hooks/use-slider.d.ts
 interface UseSliderOptions<State extends SliderState = SliderState> extends Pick<SliderOptions, 'getPercent' | 'getStepPercent' | 'getLargeStepPercent' | 'commitThrottle' | 'onValueChange' | 'onValueCommit' | 'onDragStart' | 'onDragEnd'> {

package/dist/dev/ui/mute-button/mute-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { MuteButtonCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/mute-button/mute-button.d.ts
 interface MuteButtonProps extends UIComponentProps<'button', MuteButtonCore.State>, MuteButtonCore.Props {}

package/dist/dev/ui/mute-button/mute-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectVolume } from "@videojs/core/dom";
 import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
+import { selectVolume } from "@videojs/core/dom";
 
 //#region src/ui/mute-button/mute-button.tsx
 /** A button that toggles mute state. */

package/dist/dev/ui/pip-button/pip-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { PiPButtonCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/pip-button/pip-button.d.ts
 interface PiPButtonProps extends UIComponentProps<'button', PiPButtonCore.State>, PiPButtonCore.Props {}

package/dist/dev/ui/pip-button/pip-button.js

@@ -1,8 +1,8 @@
 'use client';
 
 import { createMediaButton } from "../create-media-button.js";
-import { selectPiP } from "@videojs/core/dom";
 import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
+import { selectPiP } from "@videojs/core/dom";
 
 //#region src/ui/pip-button/pip-button.tsx
 /** A button that toggles picture-in-picture. */

package/dist/dev/ui/play-button/play-button.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { PlayButtonCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/play-button/play-button.d.ts
 interface PlayButtonProps extends UIComponentProps<'button', PlayButtonCore.State>, PlayButtonCore.Props {}