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

package/dist/dev/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/dev/ui/playback-rate-button/playback-rate-button.d.ts

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

package/dist/dev/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/dev/ui/popover/context.d.ts

@@ -1,12 +1,11 @@
+import { PopoverCore, StateAttrMap } from "@videojs/core";
 import { PopoverApi } from "@videojs/core/dom";
-import { PopoverCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
-
 //#region src/ui/popover/context.d.ts
 interface PopoverContextValue {
   core: PopoverCore;
   popover: PopoverApi;
   state: PopoverCore.State;
-  stateAttrMap: StateAttrMap$1<PopoverCore.State>;
+  stateAttrMap: StateAttrMap<PopoverCore.State>;
   anchorName: string;
   popupId: string;
 }

package/dist/dev/ui/popover/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"mappings":";;;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,cAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"mappings":";;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,YAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}

package/dist/dev/ui/popover/popover-arrow.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { PopoverState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/popover/popover-arrow.d.ts
 interface PopoverArrowProps extends UIComponentProps<'div', PopoverState> {}

package/dist/dev/ui/popover/popover-popup.d.ts

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

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

@@ -1,6 +1,6 @@
+import { PopoverProps } from "@videojs/core";
 import { PopoverChangeDetails } from "@videojs/core/dom";
 import { ReactNode } from "react";
-import { PopoverProps } from "@videojs/core";
 
 //#region src/ui/popover/popover-root.d.ts
 interface PopoverRootProps extends PopoverProps {

package/dist/dev/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/dev/ui/popover/popover-trigger.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { PopoverState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/popover/popover-trigger.d.ts
 interface PopoverTriggerProps extends UIComponentProps<'button', PopoverState> {}

package/dist/dev/ui/poster/poster.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { PosterCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/poster/poster.d.ts
 interface PosterProps extends UIComponentProps<'img', PosterCore.State> {}

package/dist/dev/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 { logMissingFeature, selectPlayback } from "@videojs/core/dom";
 import { forwardRef, useState } from "react";
-import { PosterCore, PosterDataAttrs } from "@videojs/core";
 
 //#region src/ui/poster/poster.tsx
 /**

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

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

package/dist/dev/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/dev/ui/slider/slider-buffer.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { SliderState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-buffer.d.ts
 interface SliderBufferProps extends UIComponentProps<'div', SliderState> {}

package/dist/dev/ui/slider/slider-fill.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { SliderState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-fill.d.ts
 interface SliderFillProps extends UIComponentProps<'div', SliderState> {}

package/dist/dev/ui/slider/slider-preview.d.ts

@@ -1,7 +1,7 @@
 import { UIComponentProps } from "../../utils/types.js";
+import { SliderState } from "@videojs/core";
 import { SliderPreviewOverflow } from "@videojs/core/dom";
 import * as react from "react";
-import { SliderState } from "@videojs/core";
 
 //#region src/ui/slider/slider-preview.d.ts
 interface SliderPreviewProps extends UIComponentProps<'div', SliderState> {

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

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

package/dist/dev/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/dev/ui/slider/slider-thumb.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { SliderState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-thumb.d.ts
 interface SliderThumbProps extends UIComponentProps<'div', SliderState> {}

package/dist/dev/ui/slider/slider-thumbnail.d.ts

@@ -1,6 +1,6 @@
 import { ThumbnailProps } from "../thumbnail/thumbnail.js";
-import * as react from "react";
 import { ThumbnailCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-thumbnail.d.ts
 interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}

package/dist/dev/ui/slider/slider-track.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { SliderState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-track.d.ts
 interface SliderTrackProps extends UIComponentProps<'div', SliderState> {}

package/dist/dev/ui/slider/slider-value.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { SliderState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/slider/slider-value.d.ts
 interface SliderValueProps extends UIComponentProps<'output', SliderState> {

package/dist/dev/ui/thumbnail/thumbnail.d.ts

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

package/dist/dev/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/dev/ui/time/time-value.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { TimeCore } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/time/time-value.d.ts
 interface ValueProps extends Omit<UIComponentProps<'time', TimeCore.State>, 'children'>, TimeCore.Props {}

package/dist/dev/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 { logMissingFeature, 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/dev/ui/time-slider/time-slider-root.d.ts

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

package/dist/dev/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, logMissingFeature, 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/dev/ui/tooltip/context.d.ts

@@ -1,12 +1,11 @@
+import { StateAttrMap, TooltipCore } from "@videojs/core";
 import { TooltipApi } from "@videojs/core/dom";
-import { StateAttrMap as StateAttrMap$1, TooltipCore } from "@videojs/core";
-
 //#region src/ui/tooltip/context.d.ts
 interface TooltipContextValue {
   core: TooltipCore;
   tooltip: TooltipApi;
   state: TooltipCore.State;
-  stateAttrMap: StateAttrMap$1<TooltipCore.State>;
+  stateAttrMap: StateAttrMap<TooltipCore.State>;
   anchorName: string;
   popupId: string;
 }

package/dist/dev/ui/tooltip/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/tooltip/context.tsx"],"mappings":";;;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,cAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/tooltip/context.tsx"],"mappings":";;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,YAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}

package/dist/dev/ui/tooltip/tooltip-arrow.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { TooltipState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/tooltip/tooltip-arrow.d.ts
 interface TooltipArrowProps extends UIComponentProps<'div', TooltipState> {}

package/dist/dev/ui/tooltip/tooltip-popup.d.ts

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

package/dist/dev/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/dev/ui/tooltip/tooltip-provider.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { TooltipGroupProps } from "@videojs/core";
+import { ReactNode } from "react";
 
 //#region src/ui/tooltip/tooltip-provider.d.ts
 interface TooltipProviderProps extends TooltipGroupProps {

package/dist/dev/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/dev/ui/tooltip/tooltip-root.d.ts

@@ -1,6 +1,6 @@
+import { TooltipProps } from "@videojs/core";
 import { TooltipChangeDetails } from "@videojs/core/dom";
 import { ReactNode } from "react";
-import { TooltipProps } from "@videojs/core";
 
 //#region src/ui/tooltip/tooltip-root.d.ts
 interface TooltipRootProps extends TooltipProps {

package/dist/dev/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/dev/ui/tooltip/tooltip-trigger.d.ts

@@ -1,6 +1,6 @@
 import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
 import { TooltipState } from "@videojs/core";
+import * as react from "react";
 
 //#region src/ui/tooltip/tooltip-trigger.d.ts
 interface TooltipTriggerProps extends UIComponentProps<'button', TooltipState> {}

package/dist/dev/ui/volume-slider/volume-slider-root.d.ts

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

package/dist/dev/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, logMissingFeature, 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/utils/attach-media-element.d.ts

@@ -0,0 +1,9 @@
+//#region src/utils/attach-media-element.d.ts
+interface Attachable {
+  attach(target: EventTarget): void;
+  detach(): void;
+}
+declare function attachMediaElement<T extends HTMLVideoElement>(media: Attachable): (element: T | null) => void;
+//#endregion
+export { attachMediaElement };
+//# sourceMappingURL=attach-media-element.d.ts.map

package/dist/dev/utils/attach-media-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attach-media-element.d.ts","names":[],"sources":["../../../src/utils/attach-media-element.ts"],"mappings":";UAAU,UAAA;EACR,MAAA,CAAO,MAAA,EAAQ,WAAA;EACf,MAAA;AAAA;AAAA,iBAGc,kBAAA,WAA6B,gBAAA,CAAA,CAAkB,KAAA,EAAO,UAAA,IAAc,OAAA,EAAS,CAAA"}