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

package/dist/dev/utils/media-props.d.ts

@@ -0,0 +1,307 @@
+import { MediaApi } from "@videojs/core/dom";
+import * as react from "react";
+import { VideoHTMLAttributes } from "react";
+
+//#region src/utils/media-props.d.ts
+interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
+declare function mediaProps(media: MediaApi, props: VideoProps): {
+  height?: number | string | undefined;
+  playsInline?: boolean | undefined;
+  poster?: string | undefined;
+  width?: number | string | undefined;
+  disablePictureInPicture?: boolean | undefined;
+  disableRemotePlayback?: boolean | undefined;
+  onResize?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onResizeCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  autoPlay?: boolean | undefined;
+  controls?: boolean | undefined;
+  controlsList?: string | undefined;
+  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+  loop?: boolean | undefined;
+  mediaGroup?: string | undefined;
+  muted?: boolean | undefined;
+  preload?: string | undefined;
+  defaultChecked?: boolean | undefined;
+  defaultValue?: string | number | readonly string[] | undefined;
+  suppressContentEditableWarning?: boolean | undefined;
+  suppressHydrationWarning?: boolean | undefined;
+  accessKey?: string | undefined;
+  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+  autoFocus?: boolean | undefined;
+  className?: string | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: (boolean | "true" | "false") | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
+  id?: string | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  slot?: string | undefined;
+  spellCheck?: (boolean | "true" | "false") | undefined;
+  style?: react.CSSProperties | undefined;
+  tabIndex?: number | undefined;
+  title?: string | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  role?: react.AriaRole | undefined;
+  about?: string | undefined;
+  content?: string | undefined;
+  datatype?: string | undefined;
+  inlist?: any;
+  prefix?: string | undefined;
+  property?: string | undefined;
+  rel?: string | undefined;
+  resource?: string | undefined;
+  rev?: string | undefined;
+  typeof?: string | undefined;
+  vocab?: string | undefined;
+  autoCorrect?: string | undefined;
+  autoSave?: string | undefined;
+  color?: string | undefined;
+  itemProp?: string | undefined;
+  itemScope?: boolean | undefined;
+  itemType?: string | undefined;
+  itemID?: string | undefined;
+  itemRef?: string | undefined;
+  results?: number | undefined;
+  security?: string | undefined;
+  unselectable?: "on" | "off" | undefined;
+  popover?: "" | "auto" | "manual" | "hint" | undefined;
+  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+  popoverTarget?: string | undefined;
+  inert?: boolean | undefined;
+  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+  is?: string | undefined;
+  exportparts?: string | undefined;
+  part?: string | undefined;
+  "aria-activedescendant"?: string | undefined;
+  "aria-atomic"?: (boolean | "true" | "false") | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+  "aria-braillelabel"?: string | undefined;
+  "aria-brailleroledescription"?: string | undefined;
+  "aria-busy"?: (boolean | "true" | "false") | undefined;
+  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-colcount"?: number | undefined;
+  "aria-colindex"?: number | undefined;
+  "aria-colindextext"?: string | undefined;
+  "aria-colspan"?: number | undefined;
+  "aria-controls"?: string | undefined;
+  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+  "aria-describedby"?: string | undefined;
+  "aria-description"?: string | undefined;
+  "aria-details"?: string | undefined;
+  "aria-disabled"?: (boolean | "true" | "false") | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+  "aria-errormessage"?: string | undefined;
+  "aria-expanded"?: (boolean | "true" | "false") | undefined;
+  "aria-flowto"?: string | undefined;
+  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+  "aria-hidden"?: (boolean | "true" | "false") | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+  "aria-keyshortcuts"?: string | undefined;
+  "aria-label"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-level"?: number | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined;
+  "aria-modal"?: (boolean | "true" | "false") | undefined;
+  "aria-multiline"?: (boolean | "true" | "false") | undefined;
+  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+  "aria-orientation"?: "horizontal" | "vertical" | undefined;
+  "aria-owns"?: string | undefined;
+  "aria-placeholder"?: string | undefined;
+  "aria-posinset"?: number | undefined;
+  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-readonly"?: (boolean | "true" | "false") | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+  "aria-required"?: (boolean | "true" | "false") | undefined;
+  "aria-roledescription"?: string | undefined;
+  "aria-rowcount"?: number | undefined;
+  "aria-rowindex"?: number | undefined;
+  "aria-rowindextext"?: string | undefined;
+  "aria-rowspan"?: number | undefined;
+  "aria-selected"?: (boolean | "true" | "false") | undefined;
+  "aria-setsize"?: number | undefined;
+  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+  "aria-valuemax"?: number | undefined;
+  "aria-valuemin"?: number | undefined;
+  "aria-valuenow"?: number | undefined;
+  "aria-valuetext"?: string | undefined;
+  children?: react.ReactNode | undefined;
+  dangerouslySetInnerHTML?: {
+    __html: string | TrustedHTML;
+  } | undefined;
+  onCopy?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onCopyCapture?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onCut?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onCutCapture?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onPaste?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onPasteCapture?: react.ClipboardEventHandler<HTMLVideoElement> | undefined;
+  onCompositionEnd?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onCompositionEndCapture?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onCompositionStart?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onCompositionStartCapture?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onCompositionUpdate?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLVideoElement> | undefined;
+  onFocus?: react.FocusEventHandler<HTMLVideoElement> | undefined;
+  onFocusCapture?: react.FocusEventHandler<HTMLVideoElement> | undefined;
+  onBlur?: react.FocusEventHandler<HTMLVideoElement> | undefined;
+  onBlurCapture?: react.FocusEventHandler<HTMLVideoElement> | undefined;
+  onChange?: react.ChangeEventHandler<HTMLVideoElement, Element> | undefined;
+  onChangeCapture?: react.ChangeEventHandler<HTMLVideoElement, Element> | undefined;
+  onBeforeInput?: react.InputEventHandler<HTMLVideoElement> | undefined;
+  onBeforeInputCapture?: react.InputEventHandler<HTMLVideoElement> | undefined;
+  onInput?: react.InputEventHandler<HTMLVideoElement> | undefined;
+  onInputCapture?: react.InputEventHandler<HTMLVideoElement> | undefined;
+  onReset?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onResetCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSubmit?: react.SubmitEventHandler<HTMLVideoElement> | undefined;
+  onSubmitCapture?: react.SubmitEventHandler<HTMLVideoElement> | undefined;
+  onInvalid?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onInvalidCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoad?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onError?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onErrorCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onKeyDown?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onKeyDownCapture?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onKeyPress?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onKeyPressCapture?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onKeyUp?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onKeyUpCapture?: react.KeyboardEventHandler<HTMLVideoElement> | undefined;
+  onAbort?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onAbortCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onCanPlay?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onCanPlayCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onCanPlayThrough?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onCanPlayThroughCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onDurationChange?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onDurationChangeCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEmptied?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEmptiedCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEncrypted?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEncryptedCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEnded?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onEndedCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadedData?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadedDataCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadedMetadata?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadedMetadataCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadStart?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onLoadStartCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPause?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPauseCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPlay?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPlayCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPlaying?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onPlayingCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onProgress?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onProgressCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onRateChange?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onRateChangeCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSeeked?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSeekedCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSeeking?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSeekingCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onStalled?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onStalledCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSuspend?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSuspendCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onTimeUpdate?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onTimeUpdateCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onVolumeChange?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onVolumeChangeCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onWaiting?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onWaitingCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onAuxClick?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onAuxClickCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onClick?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onClickCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onContextMenu?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onContextMenuCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onDoubleClick?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onDoubleClickCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onDrag?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragEnd?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragEndCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragEnter?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragEnterCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragExit?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragExitCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragLeave?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragLeaveCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragOver?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragOverCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragStart?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDragStartCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDrop?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onDropCapture?: react.DragEventHandler<HTMLVideoElement> | undefined;
+  onMouseDown?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseDownCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseEnter?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseLeave?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseMove?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseMoveCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseOut?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseOutCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseOver?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseOverCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseUp?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onMouseUpCapture?: react.MouseEventHandler<HTMLVideoElement> | undefined;
+  onSelect?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onSelectCapture?: react.ReactEventHandler<HTMLVideoElement> | undefined;
+  onTouchCancel?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchCancelCapture?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchEnd?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchEndCapture?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchMove?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchMoveCapture?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchStart?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onTouchStartCapture?: react.TouchEventHandler<HTMLVideoElement> | undefined;
+  onPointerDown?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerDownCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerMove?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerMoveCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerUp?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerUpCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerCancel?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerCancelCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerEnter?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerLeave?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerOver?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerOverCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerOut?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onPointerOutCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onGotPointerCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onLostPointerCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLVideoElement> | undefined;
+  onScroll?: react.UIEventHandler<HTMLVideoElement> | undefined;
+  onScrollCapture?: react.UIEventHandler<HTMLVideoElement> | undefined;
+  onScrollEnd?: react.UIEventHandler<HTMLVideoElement> | undefined;
+  onScrollEndCapture?: react.UIEventHandler<HTMLVideoElement> | undefined;
+  onWheel?: react.WheelEventHandler<HTMLVideoElement> | undefined;
+  onWheelCapture?: react.WheelEventHandler<HTMLVideoElement> | undefined;
+  onAnimationStart?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onAnimationStartCapture?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onAnimationEnd?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onAnimationEndCapture?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onAnimationIteration?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onAnimationIterationCapture?: react.AnimationEventHandler<HTMLVideoElement> | undefined;
+  onToggle?: react.ToggleEventHandler<HTMLVideoElement> | undefined;
+  onBeforeToggle?: react.ToggleEventHandler<HTMLVideoElement> | undefined;
+  onTransitionCancel?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionCancelCapture?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionEnd?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionEndCapture?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionRun?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionRunCapture?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionStart?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+  onTransitionStartCapture?: react.TransitionEventHandler<HTMLVideoElement> | undefined;
+};
+//#endregion
+export { mediaProps };
+//# sourceMappingURL=media-props.d.ts.map

package/dist/dev/utils/media-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-props.d.ts","names":[],"sources":["../../../src/utils/media-props.ts"],"mappings":";;;;;UAGU,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,iBAEjC,UAAA,CAAW,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,UAAA"}

package/dist/dev/utils/use-composed-refs.d.ts

@@ -0,0 +1,29 @@
+import { Ref, RefCallback } from "react";
+
+//#region src/utils/use-composed-refs.d.ts
+type OptionalRef<T> = Ref<T> | undefined;
+/**
+ * Compose multiple refs into a single callback ref.
+ *
+ * @example
+ * ```tsx
+ * const composedRef = composeRefs(ref1, ref2, ref3);
+ * return <div ref={composedRef} />;
+ * ```
+ */
+declare function composeRefs<T>(...refs: (OptionalRef<T> | OptionalRef<T>[])[]): RefCallback<T>;
+/**
+ * Hook that composes multiple refs into a single callback ref.
+ *
+ * Memoized for stable reference.
+ *
+ * @example
+ * ```tsx
+ * const composedRef = useComposedRefs(forwardedRef, localRef);
+ * return <div ref={composedRef} />;
+ * ```
+ */
+declare function useComposedRefs<T>(...refs: OptionalRef<T>[]): RefCallback<T>;
+//#endregion
+export { composeRefs, useComposedRefs };
+//# sourceMappingURL=use-composed-refs.d.ts.map

package/dist/dev/utils/use-composed-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composed-refs.d.ts","names":[],"sources":["../../../src/utils/use-composed-refs.ts"],"mappings":";;;KAOK,WAAA,MAAiB,GAAA,CAAI,CAAA;;AAJoB;;;;;;;;iBA8B9B,WAAA,GAAA,CAAA,GAAkB,IAAA,GAAO,WAAA,CAAY,CAAA,IAAK,WAAA,CAAY,CAAA,SAAU,WAAA,CAAY,CAAA;AAA5F;;;;;;;;;;;AAAA,iBAkCgB,eAAA,GAAA,CAAA,GAAsB,IAAA,EAAM,WAAA,CAAY,CAAA,MAAO,WAAA,CAAY,CAAA"}

package/dist/dev/utils/use-destroy.d.ts

@@ -0,0 +1,22 @@
+//#region src/utils/use-destroy.d.ts
+interface Destroyable {
+  destroy(): void;
+}
+/**
+ * Destroy an instance on unmount, deferring destruction to survive React
+ * StrictMode's simulated unmount/re-mount cycle.
+ *
+ * StrictMode runs effects, then immediately runs cleanup, then re-runs
+ * effects — all synchronously. By deferring `destroy()` to a macrotask,
+ * the re-mount effect can cancel it before it fires.
+ *
+ * @param instance - Object with a `destroy()` method.
+ * @param setup - Optional setup called on first mount. Skipped on StrictMode
+ *   re-mount since the previous setup was never torn down.
+ * @param teardown - Optional teardown called right before `destroy()` on real
+ *   unmount. Skipped on StrictMode simulated unmount.
+ */
+declare function useDestroy(instance: Destroyable, setup?: () => void, teardown?: () => void): void;
+//#endregion
+export { useDestroy };
+//# sourceMappingURL=use-destroy.d.ts.map

package/dist/dev/utils/use-destroy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-destroy.d.ts","names":[],"sources":["../../../src/utils/use-destroy.ts"],"mappings":";UAMU,WAAA;EACR,OAAA;AAAA;;;;AAiBF;;;;;;;;;;;iBAAgB,UAAA,CAAW,QAAA,EAAU,WAAA,EAAa,KAAA,eAAoB,QAAA"}

package/dist/dev/utils/use-latest-ref.d.ts

@@ -0,0 +1,18 @@
+//#region src/utils/use-latest-ref.d.ts
+/**
+ * Keep a ref that always points to the latest value.
+ *
+ * Useful for capturing callbacks or derived values inside closures
+ * that are created once (e.g. factory callbacks) without stale reads.
+ */
+declare function useLatestRef<Value>(value: Value): Readonly<{
+  current: Value;
+}>;
+declare namespace useLatestRef {
+  type Result<Value> = Readonly<{
+    current: Value;
+  }>;
+}
+//#endregion
+export { useLatestRef };
+//# sourceMappingURL=use-latest-ref.d.ts.map

package/dist/dev/utils/use-latest-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-latest-ref.d.ts","names":[],"sources":["../../../src/utils/use-latest-ref.ts"],"mappings":";;AAUA;;;;;iBAAgB,YAAA,OAAA,CAAoB,KAAA,EAAO,KAAA,GAAQ,QAAA;EAAW,OAAA,EAAS,KAAA;AAAA;AAAA,kBAMtD,YAAA;EAAA,KACH,MAAA,UAAgB,QAAA;IAAW,OAAA,EAAS,KAAA;EAAA;AAAA"}

package/dist/dev/utils/use-media-instance.d.ts

@@ -0,0 +1,16 @@
+import { Media } from "@videojs/core/dom";
+
+//#region src/utils/use-media-instance.d.ts
+/**
+ * Create and manage a media instance lifecycle within a player context.
+ *
+ * Instantiates the media class once, attaches it to the player on mount,
+ * and safely detaches on unmount using a functional updater to avoid race
+ * conditions when swapping media components (e.g. DashVideo → HlsVideo).
+ */
+declare function useMediaInstance<Instance extends Media & {
+  destroy(): void;
+}>(MediaClass: new () => Instance): Instance;
+//#endregion
+export { useMediaInstance };
+//# sourceMappingURL=use-media-instance.d.ts.map

package/dist/dev/utils/use-media-instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-instance.d.ts","names":[],"sources":["../../../src/utils/use-media-instance.ts"],"mappings":";;;;;AAeA;;;;;iBAAgB,gBAAA,kBAAkC,KAAA;EAAU,OAAA;AAAA,EAAA,CAC1D,UAAA,YAAsB,QAAA,GACrB,QAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "10.0.0-beta.10",
+  "version": "10.0.0-beta.11",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -65,10 +65,10 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@videojs/core": "10.0.0-beta.10",
-    "@videojs/spf": "10.0.0-beta.10",
-    "@videojs/store": "10.0.0-beta.10",
-    "@videojs/utils": "10.0.0-beta.10"
+    "@videojs/core": "10.0.0-beta.11",
+    "@videojs/spf": "10.0.0-beta.11",
+    "@videojs/store": "10.0.0-beta.11",
+    "@videojs/utils": "10.0.0-beta.11"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -77,10 +77,10 @@
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "tsdown": "^0.20.3",
-    "typescript": "^5.9.3",
-    "vitest": "^3.2.4",
-    "@videojs/icons": "10.0.0-beta.10",
-    "@videojs/skins": "10.0.0-beta.10"
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.0",
+    "@videojs/icons": "10.0.0-beta.11",
+    "@videojs/skins": "10.0.0-beta.11"
   },
   "publishConfig": {
     "access": "public"