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

package/dist/dev/ui/slider/slider-thumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../../src/ui/slider/slider-thumb.tsx"],"sourcesContent":["'use client';\n\nimport type { SliderState } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSliderContext } from './context';\n\nexport interface SliderThumbProps extends UIComponentProps<'div', SliderState> {}\n\n/** Draggable handle for setting the slider value. Receives focus and handles keyboard interaction. */\nexport const SliderThumb = forwardRef(function SliderThumb(\n  componentProps: SliderThumbProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const { render, className, style, ...elementProps } = componentProps;\n\n  const context = useSliderContext();\n  const { state, thumbRef, thumbProps, getAttrs } = context;\n  const attrs = getAttrs(state);\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: context.stateAttrMap,\n      ref: [forwardedRef, thumbRef],\n      props: [attrs, thumbProps, elementProps],\n    }\n  );\n});\n\nexport namespace SliderThumb {\n  export type Props = SliderThumbProps;\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,GAAG,iBAAiB;CAEtD,MAAM,UAAU,kBAAkB;CAClC,MAAM,EAAE,OAAO,UAAU,YAAY,aAAa;CAClD,MAAM,QAAQ,SAAS,MAAM;AAE7B,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK,CAAC,cAAc,SAAS;EAC7B,OAAO;GAAC;GAAO;GAAY;GAAa;EACzC,CACF;EACD"}

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

@@ -1,14 +0,0 @@
-import { ThumbnailProps } from "../thumbnail/thumbnail.js";
-import * as react from "react";
-import { ThumbnailCore } from "@videojs/core";
-
-//#region src/ui/slider/slider-thumbnail.d.ts
-interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}
-declare const SliderThumbnail: react.ForwardRefExoticComponent<Omit<SliderThumbnailProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace SliderThumbnail {
-  type Props = SliderThumbnailProps;
-  type State = ThumbnailCore.State;
-}
-//#endregion
-export { SliderThumbnail, SliderThumbnailProps };
-//# sourceMappingURL=slider-thumbnail.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumbnail.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail.tsx"],"mappings":";;;;;UAQiB,oBAAA,SAA6B,IAAA,CAAK,cAAA;AAAA,cAEtC,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,oBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAOX,eAAA;EAAA,KACH,KAAA,GAAQ,oBAAA;EAAA,KACR,KAAA,GAAQ,aAAA,CAAc,KAAA;AAAA"}

package/dist/dev/ui/slider/slider-thumbnail.js

@@ -1,20 +0,0 @@
-'use client';
-
-import { useSliderContext } from "./context.js";
-import { Thumbnail } from "../thumbnail/thumbnail.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/ui/slider/slider-thumbnail.tsx
-const SliderThumbnail = forwardRef(function SliderThumbnail(componentProps, forwardedRef) {
-	const { pointerValue } = useSliderContext();
-	return /* @__PURE__ */ jsx(Thumbnail, {
-		ref: forwardedRef,
-		...componentProps,
-		time: pointerValue
-	});
-});
-
-//#endregion
-export { SliderThumbnail };
-//# sourceMappingURL=slider-thumbnail.js.map

package/dist/dev/ui/slider/slider-thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumbnail.js","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail.tsx"],"sourcesContent":["'use client';\n\nimport type { ThumbnailCore } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport { Thumbnail, type ThumbnailProps } from '../thumbnail/thumbnail';\nimport { useSliderContext } from './context';\n\nexport interface SliderThumbnailProps extends Omit<ThumbnailProps, 'time'> {}\n\nexport const SliderThumbnail = forwardRef<HTMLDivElement, SliderThumbnailProps>(\n  function SliderThumbnail(componentProps, forwardedRef) {\n    const { pointerValue } = useSliderContext();\n    return <Thumbnail ref={forwardedRef} {...componentProps} time={pointerValue} />;\n  }\n);\n\nexport namespace SliderThumbnail {\n  export type Props = SliderThumbnailProps;\n  export type State = ThumbnailCore.State;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,gBAAgB,cAAc;CACrD,MAAM,EAAE,iBAAiB,kBAAkB;AAC3C,QAAO,oBAAC;EAAU,KAAK;EAAc,GAAI;EAAgB,MAAM;GAAgB;EAElF"}

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

@@ -1,14 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { SliderState } from "@videojs/core";
-
-//#region src/ui/slider/slider-track.d.ts
-interface SliderTrackProps extends UIComponentProps<'div', SliderState> {}
-/** Contains the slider's visual track and interactive hit zone. */
-declare const SliderTrack: react.ForwardRefExoticComponent<SliderTrackProps>;
-declare namespace SliderTrack {
-  type Props = SliderTrackProps;
-}
-//#endregion
-export { SliderTrack, SliderTrackProps };
-//# sourceMappingURL=slider-track.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-track.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-track.tsx"],"mappings":";;;;;UAQiB,gBAAA,SAAyB,gBAAA,QAAwB,WAAA;;cAGrD,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA;AAAA,kBAMP,WAAA;EAAA,KACH,KAAA,GAAQ,gBAAA;AAAA"}

package/dist/dev/ui/slider/slider-track.js

@@ -1,16 +0,0 @@
-'use client';
-
-import { createContextPart } from "../create-context-part.js";
-import { useSliderContext } from "./context.js";
-
-//#region src/ui/slider/slider-track.tsx
-/** Contains the slider's visual track and interactive hit zone. */
-const SliderTrack = createContextPart({
-	displayName: "SliderTrack",
-	tag: "div",
-	useContext: useSliderContext
-});
-
-//#endregion
-export { SliderTrack };
-//# sourceMappingURL=slider-track.js.map

package/dist/dev/ui/slider/slider-track.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-track.js","names":[],"sources":["../../../../src/ui/slider/slider-track.tsx"],"sourcesContent":["'use client';\n\nimport type { SliderState } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { useSliderContext } from './context';\n\nexport interface SliderTrackProps extends UIComponentProps<'div', SliderState> {}\n\n/** Contains the slider's visual track and interactive hit zone. */\nexport const SliderTrack = createContextPart<SliderTrackProps, SliderState>({\n  displayName: 'SliderTrack',\n  tag: 'div',\n  useContext: useSliderContext,\n});\n\nexport namespace SliderTrack {\n  export type Props = SliderTrackProps;\n}\n"],"mappings":";;;;;;;AAWA,MAAa,cAAc,kBAAiD;CAC1E,aAAa;CACb,KAAK;CACL,YAAY;CACb,CAAC"}

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

@@ -1,19 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { SliderState } from "@videojs/core";
-
-//#region src/ui/slider/slider-value.d.ts
-interface SliderValueProps extends UIComponentProps<'output', SliderState> {
-  /** Which slider value to display: the current position or the pointer position. */
-  type?: 'current' | 'pointer' | undefined;
-  /** Custom formatter for the displayed value. Overrides the root's `formatValue`. */
-  format?: ((value: number) => string) | undefined;
-}
-/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */
-declare const SliderValue: react.ForwardRefExoticComponent<Omit<SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>>;
-declare namespace SliderValue {
-  type Props = SliderValueProps;
-}
-//#endregion
-export { SliderValue, SliderValueProps };
-//# sourceMappingURL=slider-value.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-value.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-value.tsx"],"mappings":";;;;;UAUiB,gBAAA,SAAyB,gBAAA,WAA2B,WAAA;;EAEnE,IAAA;EAFe;EAIf,MAAA,KAAW,KAAA;AAAA;;cAIA,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,gBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAyBP,WAAA;EAAA,KACH,KAAA,GAAQ,gBAAA;AAAA"}

package/dist/dev/ui/slider/slider-value.js

@@ -1,32 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { useSliderContext } from "./context.js";
-import { forwardRef } from "react";
-
-//#region src/ui/slider/slider-value.tsx
-/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */
-const SliderValue = forwardRef(function SliderValue(componentProps, forwardedRef) {
-	const { render, className, style, type = "current", format, ...elementProps } = componentProps;
-	const context = useSliderContext();
-	const { state, pointerValue, formatValue } = context;
-	const rawValue = type === "pointer" ? pointerValue : state.value;
-	const text = format ? format(rawValue) : formatValue ? formatValue(rawValue, type) : String(Math.round(rawValue));
-	return renderElement("output", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: context.stateAttrMap,
-		ref: forwardedRef,
-		props: [{
-			"aria-live": "off",
-			children: text
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { SliderValue };
-//# sourceMappingURL=slider-value.js.map

package/dist/dev/ui/slider/slider-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-value.js","names":[],"sources":["../../../../src/ui/slider/slider-value.tsx"],"sourcesContent":["'use client';\n\nimport type { SliderState } from '@videojs/core';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSliderContext } from './context';\n\nexport interface SliderValueProps extends UIComponentProps<'output', SliderState> {\n  /** Which slider value to display: the current position or the pointer position. */\n  type?: 'current' | 'pointer' | undefined;\n  /** Custom formatter for the displayed value. Overrides the root's `formatValue`. */\n  format?: ((value: number) => string) | undefined;\n}\n\n/** Displays a formatted text representation of the slider value. Renders an `<output>` element. */\nexport const SliderValue = forwardRef(function SliderValue(\n  componentProps: SliderValueProps,\n  forwardedRef: ForwardedRef<HTMLOutputElement>\n) {\n  const { render, className, style, type = 'current', format, ...elementProps } = componentProps;\n\n  const context = useSliderContext();\n  const { state, pointerValue, formatValue } = context;\n\n  const rawValue = type === 'pointer' ? pointerValue : state.value;\n\n  const text = format ? format(rawValue) : formatValue ? formatValue(rawValue, type) : String(Math.round(rawValue));\n\n  return renderElement(\n    'output',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: context.stateAttrMap,\n      ref: forwardedRef,\n      props: [{ 'aria-live': 'off', children: text }, elementProps],\n    }\n  );\n});\n\nexport namespace SliderValue {\n  export type Props = SliderValueProps;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAa,cAAc,WAAW,SAAS,YAC7C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,OAAO,WAAW,QAAQ,GAAG,iBAAiB;CAEhF,MAAM,UAAU,kBAAkB;CAClC,MAAM,EAAE,OAAO,cAAc,gBAAgB;CAE7C,MAAM,WAAW,SAAS,YAAY,eAAe,MAAM;CAE3D,MAAM,OAAO,SAAS,OAAO,SAAS,GAAG,cAAc,YAAY,UAAU,KAAK,GAAG,OAAO,KAAK,MAAM,SAAS,CAAC;AAEjH,QAAO,cACL,UACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc,QAAQ;EACtB,KAAK;EACL,OAAO,CAAC;GAAE,aAAa;GAAO,UAAU;GAAM,EAAE,aAAa;EAC9D,CACF;EACD"}

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

@@ -1,17 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
-
-//#region src/ui/thumbnail/thumbnail.d.ts
-interface ThumbnailProps extends UIComponentProps<'div', ThumbnailCore.State>, ThumbnailCore.Props {
-  /** Pre-parsed thumbnail images — bypasses the automatic `<track>` detection. */
-  thumbnails?: ThumbnailImage[] | undefined;
-}
-declare const Thumbnail: react.ForwardRefExoticComponent<Omit<ThumbnailProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace Thumbnail {
-  type Props = ThumbnailProps;
-  type State = ThumbnailCore.State;
-}
-//#endregion
-export { Thumbnail, ThumbnailProps };
-//# sourceMappingURL=thumbnail.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail.d.ts","names":[],"sources":["../../../../src/ui/thumbnail/thumbnail.tsx"],"mappings":";;;;;UAkBiB,cAAA,SAAuB,gBAAA,QAAwB,aAAA,CAAc,KAAA,GAAQ,aAAA,CAAc,KAAA;;EAElG,UAAA,GAAa,cAAA;AAAA;AAAA,cAGF,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAqGL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;EAAA,KACR,KAAA,GAAQ,aAAA,CAAc,KAAA;AAAA"}

package/dist/dev/ui/thumbnail/thumbnail.js

@@ -1,85 +0,0 @@
-'use client';
-
-import { useOptionalPlayer } from "../../player/context.js";
-import { useDestroy } from "../../utils/use-destroy.js";
-import { renderElement } from "../../utils/use-render.js";
-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) {
-	const { render, className, style, time = 0, thumbnails: externalThumbnails, crossOrigin, loading, fetchPriority, ...elementProps } = componentProps;
-	const [core] = useState(() => new ThumbnailCore());
-	const divRef = useRef(null);
-	const imgRef = useRef(null);
-	const textTrack = useOptionalPlayer(selectTextTrack);
-	const [, setRenderToken] = useState(0);
-	const [handle] = useState(() => createThumbnail({
-		getContainer: () => divRef.current,
-		getImg: () => imgRef.current,
-		onStateChange: () => setRenderToken((n) => n + 1)
-	}));
-	useDestroy(handle, () => handle.connect());
-	const thumbnails = useMemo(() => {
-		if (externalThumbnails && externalThumbnails.length > 0) return externalThumbnails;
-		if (!textTrack?.thumbnailCues.length) return [];
-		return mapCuesToThumbnails(textTrack.thumbnailCues, textTrack.thumbnailTrackSrc ?? void 0);
-	}, [externalThumbnails, textTrack]);
-	const thumbnail = useMemo(() => core.findActiveThumbnail(thumbnails, time), [
-		core,
-		thumbnails,
-		time
-	]);
-	handle.updateSrc(thumbnail?.url);
-	const state = core.getState(handle.loading, handle.error, thumbnail);
-	let containerStyle = { overflow: "hidden" };
-	let imgStyle;
-	if (thumbnail && handle.naturalWidth && handle.naturalHeight) {
-		const constraints = handle.readConstraints();
-		const result = core.resize(thumbnail, handle.naturalWidth, handle.naturalHeight, constraints);
-		if (result) {
-			containerStyle = {
-				overflow: "hidden",
-				width: result.containerWidth,
-				height: result.containerHeight
-			};
-			imgStyle = {
-				width: result.imageWidth,
-				height: result.imageHeight,
-				maxWidth: "none",
-				transform: result.offsetX || result.offsetY ? `translate(-${result.offsetX}px, -${result.offsetY}px)` : void 0
-			};
-		}
-	}
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: ThumbnailDataAttrs,
-		ref: [forwardedRef, divRef],
-		props: [
-			core.getAttrs(state),
-			{ style: containerStyle },
-			elementProps,
-			{ children: /* @__PURE__ */ jsx("img", {
-				ref: imgRef,
-				alt: "",
-				"aria-hidden": "true",
-				decoding: "async",
-				src: thumbnail?.url,
-				crossOrigin: crossOrigin === "" || crossOrigin === null ? void 0 : crossOrigin,
-				loading,
-				style: imgStyle,
-				fetchPriority
-			}) }
-		]
-	});
-});
-
-//#endregion
-export { Thumbnail };
-//# sourceMappingURL=thumbnail.js.map

package/dist/dev/ui/thumbnail/thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../src/ui/thumbnail/thumbnail.tsx"],"sourcesContent":["'use client';\n\nimport {\n  mapCuesToThumbnails,\n  ThumbnailCore,\n  ThumbnailDataAttrs,\n  type ThumbnailFetchPriority,\n  type ThumbnailImage,\n} from '@videojs/core';\nimport { createThumbnail, selectTextTrack } from '@videojs/core/dom';\nimport type { CSSProperties } from 'react';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useOptionalPlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface ThumbnailProps extends UIComponentProps<'div', ThumbnailCore.State>, ThumbnailCore.Props {\n  /** Pre-parsed thumbnail images — bypasses the automatic `<track>` detection. */\n  thumbnails?: ThumbnailImage[] | undefined;\n}\n\nexport const Thumbnail = forwardRef<HTMLDivElement, ThumbnailProps>(function Thumbnail(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    time = 0,\n    thumbnails: externalThumbnails,\n    crossOrigin,\n    loading,\n    fetchPriority,\n    ...elementProps\n  } = componentProps;\n\n  const [core] = useState(() => new ThumbnailCore());\n  const divRef = useRef<HTMLDivElement>(null);\n  const imgRef = useRef<HTMLImageElement>(null);\n  const textTrack = useOptionalPlayer(selectTextTrack);\n\n  // Force re-render when the handle's state changes (img load/error, resize).\n  const [, setRenderToken] = useState(0);\n\n  const [handle] = useState(() =>\n    createThumbnail({\n      getContainer: () => divRef.current,\n      getImg: () => imgRef.current,\n      onStateChange: () => setRenderToken((n) => n + 1),\n    })\n  );\n\n  useDestroy(handle, () => handle.connect());\n\n  // Resolve thumbnails: external prop takes priority over auto <track> path.\n  const thumbnails = useMemo(() => {\n    if (externalThumbnails && externalThumbnails.length > 0) return externalThumbnails;\n    if (!textTrack?.thumbnailCues.length) return [];\n    return mapCuesToThumbnails(textTrack.thumbnailCues, textTrack.thumbnailTrackSrc ?? undefined);\n  }, [externalThumbnails, textTrack]);\n\n  const thumbnail = useMemo(() => core.findActiveThumbnail(thumbnails, time), [core, thumbnails, time]);\n\n  // Track src changes via the handle.\n  handle.updateSrc(thumbnail?.url);\n\n  const state = core.getState(handle.loading, handle.error, thumbnail);\n\n  // Compute styles declaratively from resize result.\n  let containerStyle: CSSProperties = { overflow: 'hidden' };\n  let imgStyle: CSSProperties | undefined;\n\n  if (thumbnail && handle.naturalWidth && handle.naturalHeight) {\n    const constraints = handle.readConstraints();\n    const result = core.resize(thumbnail, handle.naturalWidth, handle.naturalHeight, constraints);\n\n    if (result) {\n      containerStyle = {\n        overflow: 'hidden',\n        width: result.containerWidth,\n        height: result.containerHeight,\n      };\n      imgStyle = {\n        width: result.imageWidth,\n        height: result.imageHeight,\n        maxWidth: 'none',\n        transform:\n          result.offsetX || result.offsetY ? `translate(-${result.offsetX}px, -${result.offsetY}px)` : undefined,\n      };\n    }\n  }\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: ThumbnailDataAttrs,\n      ref: [forwardedRef, divRef],\n      props: [\n        core.getAttrs(state),\n        { style: containerStyle },\n        elementProps,\n        {\n          children: (\n            <img\n              ref={imgRef}\n              alt=\"\"\n              aria-hidden=\"true\"\n              decoding=\"async\"\n              src={thumbnail?.url}\n              crossOrigin={crossOrigin === '' || crossOrigin === null ? undefined : crossOrigin}\n              loading={loading}\n              style={imgStyle}\n              // React's types omit `| undefined` from fetchPriority — cast to satisfy exactOptionalPropertyTypes.\n              fetchPriority={fetchPriority as ThumbnailFetchPriority}\n            />\n          ),\n        },\n      ],\n    }\n  );\n});\n\nexport namespace Thumbnail {\n  export type Props = ThumbnailProps;\n  export type State = ThumbnailCore.State;\n}\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,YAAY,WAA2C,SAAS,UAAU,gBAAgB,cAAc;CACnH,MAAM,EACJ,QACA,WACA,OACA,OAAO,GACP,YAAY,oBACZ,aACA,SACA,eACA,GAAG,iBACD;CAEJ,MAAM,CAAC,QAAQ,eAAe,IAAI,eAAe,CAAC;CAClD,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,SAAS,OAAyB,KAAK;CAC7C,MAAM,YAAY,kBAAkB,gBAAgB;CAGpD,MAAM,GAAG,kBAAkB,SAAS,EAAE;CAEtC,MAAM,CAAC,UAAU,eACf,gBAAgB;EACd,oBAAoB,OAAO;EAC3B,cAAc,OAAO;EACrB,qBAAqB,gBAAgB,MAAM,IAAI,EAAE;EAClD,CAAC,CACH;AAED,YAAW,cAAc,OAAO,SAAS,CAAC;CAG1C,MAAM,aAAa,cAAc;AAC/B,MAAI,sBAAsB,mBAAmB,SAAS,EAAG,QAAO;AAChE,MAAI,CAAC,WAAW,cAAc,OAAQ,QAAO,EAAE;AAC/C,SAAO,oBAAoB,UAAU,eAAe,UAAU,qBAAqB,OAAU;IAC5F,CAAC,oBAAoB,UAAU,CAAC;CAEnC,MAAM,YAAY,cAAc,KAAK,oBAAoB,YAAY,KAAK,EAAE;EAAC;EAAM;EAAY;EAAK,CAAC;AAGrG,QAAO,UAAU,WAAW,IAAI;CAEhC,MAAM,QAAQ,KAAK,SAAS,OAAO,SAAS,OAAO,OAAO,UAAU;CAGpE,IAAI,iBAAgC,EAAE,UAAU,UAAU;CAC1D,IAAI;AAEJ,KAAI,aAAa,OAAO,gBAAgB,OAAO,eAAe;EAC5D,MAAM,cAAc,OAAO,iBAAiB;EAC5C,MAAM,SAAS,KAAK,OAAO,WAAW,OAAO,cAAc,OAAO,eAAe,YAAY;AAE7F,MAAI,QAAQ;AACV,oBAAiB;IACf,UAAU;IACV,OAAO,OAAO;IACd,QAAQ,OAAO;IAChB;AACD,cAAW;IACT,OAAO,OAAO;IACd,QAAQ,OAAO;IACf,UAAU;IACV,WACE,OAAO,WAAW,OAAO,UAAU,cAAc,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO;IAChG;;;AAIL,QAAO,cACL,OACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc;EACd,KAAK,CAAC,cAAc,OAAO;EAC3B,OAAO;GACL,KAAK,SAAS,MAAM;GACpB,EAAE,OAAO,gBAAgB;GACzB;GACA,EACE,UACE,oBAAC;IACC,KAAK;IACL,KAAI;IACJ,eAAY;IACZ,UAAS;IACT,KAAK,WAAW;IAChB,aAAa,gBAAgB,MAAM,gBAAgB,OAAO,SAAY;IAC7D;IACT,OAAO;IAEQ;KACf,EAEL;GACF;EACF,CACF;EACD"}

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

@@ -1,29 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { ReactNode } from "react";
-
-//#region src/ui/time/time-group.d.ts
-type GroupState = Record<string, never>;
-interface GroupProps extends UIComponentProps<'span', GroupState> {
-  /** Time value components to render inside the group. */
-  children?: ReactNode | undefined;
-}
-/**
- * Container for composed time displays. Renders a `<span>` element.
- *
- * @example
- * ```tsx
- * <Time.Group>
- *   <Time.Value type="current" />
- *   <Time.Separator />
- *   <Time.Value type="duration" />
- * </Time.Group>
- * ```
- */
-declare const Group: react.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
-declare namespace Group {
-  type Props = GroupProps;
-}
-//#endregion
-export { Group, GroupProps };
-//# sourceMappingURL=time-group.d.ts.map

package/dist/dev/ui/time/time-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-group.d.ts","names":[],"sources":["../../../../src/ui/time/time-group.tsx"],"mappings":";;;;;KASK,UAAA,GAAa,MAAA;AAAA,UAED,UAAA,SAAmB,gBAAA,SAAyB,UAAA;;EAE3D,QAAA,GAAW,SAAA;AAAA;;;;AAFb;;;;;;;;;cAiBa,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,UAAA,WAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,kBAmBD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}

package/dist/dev/ui/time/time-group.js

@@ -1,34 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { forwardRef } from "react";
-
-//#region src/ui/time/time-group.tsx
-/**
-* Container for composed time displays. Renders a `<span>` element.
-*
-* @example
-* ```tsx
-* <Time.Group>
-*   <Time.Value type="current" />
-*   <Time.Separator />
-*   <Time.Value type="duration" />
-* </Time.Group>
-* ```
-*/
-const Group = forwardRef(function Group(componentProps, forwardedRef) {
-	const { render, className, style, children, ...elementProps } = componentProps;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state: {},
-		ref: [forwardedRef],
-		props: [{ children }, elementProps]
-	});
-});
-
-//#endregion
-export { Group };
-//# sourceMappingURL=time-group.js.map

package/dist/dev/ui/time/time-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-group.js","names":[],"sources":["../../../../src/ui/time/time-group.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\n// Empty state for Group (no dynamic state)\ntype GroupState = Record<string, never>;\n\nexport interface GroupProps extends UIComponentProps<'span', GroupState> {\n  /** Time value components to render inside the group. */\n  children?: ReactNode | undefined;\n}\n\n/**\n * Container for composed time displays. Renders a `<span>` element.\n *\n * @example\n * ```tsx\n * <Time.Group>\n *   <Time.Value type=\"current\" />\n *   <Time.Separator />\n *   <Time.Value type=\"duration\" />\n * </Time.Group>\n * ```\n */\nexport const Group = forwardRef(function Group(\n  componentProps: GroupProps,\n  forwardedRef: ForwardedRef<HTMLSpanElement>\n) {\n  const { render, className, style, children, ...elementProps } = componentProps;\n\n  const state: GroupState = {};\n\n  return renderElement(\n    'span',\n    { render, className, style },\n    {\n      state,\n      ref: [forwardedRef],\n      props: [{ children }, elementProps],\n    }\n  );\n});\n\nexport namespace Group {\n  export type Props = GroupProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,MAAa,QAAQ,WAAW,SAAS,MACvC,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,UAAU,GAAG,iBAAiB;AAIhE,QAAO,cACL,QACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE,OANsB,EAAE;EAOxB,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC,EAAE,UAAU,EAAE,aAAa;EACpC,CACF;EACD"}

package/dist/dev/ui/time/time-separator.d.ts

@@ -1,26 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { ReactNode } from "react";
-
-//#region src/ui/time/time-separator.d.ts
-type SeparatorState = Record<string, never>;
-interface SeparatorProps extends UIComponentProps<'span', SeparatorState> {
-  /** Separator content. Defaults to "/". */
-  children?: ReactNode | undefined;
-}
-/**
- * Divider between time values. Hidden from screen readers.
- *
- * @example
- * ```tsx
- * <Time.Separator />
- * <Time.Separator> of </Time.Separator>
- * ```
- */
-declare const Separator: react.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
-declare namespace Separator {
-  type Props = SeparatorProps;
-}
-//#endregion
-export { Separator, SeparatorProps };
-//# sourceMappingURL=time-separator.d.ts.map

package/dist/dev/ui/time/time-separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-separator.d.ts","names":[],"sources":["../../../../src/ui/time/time-separator.tsx"],"mappings":";;;;;KASK,cAAA,GAAiB,MAAA;AAAA,UAEL,cAAA,SAAuB,gBAAA,SAAyB,cAAA;;EAE/D,QAAA,GAAW,SAAA;AAAA;;;;AAFb;;;;;;cAca,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,kBAmBL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;AAAA"}

package/dist/dev/ui/time/time-separator.js

@@ -1,34 +0,0 @@
-'use client';
-
-import { renderElement } from "../../utils/use-render.js";
-import { forwardRef } from "react";
-
-//#region src/ui/time/time-separator.tsx
-/**
-* Divider between time values. Hidden from screen readers.
-*
-* @example
-* ```tsx
-* <Time.Separator />
-* <Time.Separator> of </Time.Separator>
-* ```
-*/
-const Separator = forwardRef(function Separator(componentProps, forwardedRef) {
-	const { render, className, style, children = "/", ...elementProps } = componentProps;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state: {},
-		ref: [forwardedRef],
-		props: [{
-			"aria-hidden": "true",
-			children
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { Separator };
-//# sourceMappingURL=time-separator.js.map

package/dist/dev/ui/time/time-separator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-separator.js","names":[],"sources":["../../../../src/ui/time/time-separator.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\n// Empty state for Separator (no dynamic state)\ntype SeparatorState = Record<string, never>;\n\nexport interface SeparatorProps extends UIComponentProps<'span', SeparatorState> {\n  /** Separator content. Defaults to \"/\". */\n  children?: ReactNode | undefined;\n}\n\n/**\n * Divider between time values. Hidden from screen readers.\n *\n * @example\n * ```tsx\n * <Time.Separator />\n * <Time.Separator> of </Time.Separator>\n * ```\n */\nexport const Separator = forwardRef(function Separator(\n  componentProps: SeparatorProps,\n  forwardedRef: ForwardedRef<HTMLSpanElement>\n) {\n  const { render, className, style, children = '/', ...elementProps } = componentProps;\n\n  const state: SeparatorState = {};\n\n  return renderElement(\n    'span',\n    { render, className, style },\n    {\n      state,\n      ref: [forwardedRef],\n      props: [{ 'aria-hidden': 'true', children }, elementProps],\n    }\n  );\n});\n\nexport namespace Separator {\n  export type Props = SeparatorProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAa,YAAY,WAAW,SAAS,UAC3C,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,WAAW,KAAK,GAAG,iBAAiB;AAItE,QAAO,cACL,QACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE,OAN0B,EAAE;EAO5B,KAAK,CAAC,aAAa;EACnB,OAAO,CAAC;GAAE,eAAe;GAAQ;GAAU,EAAE,aAAa;EAC3D,CACF;EACD"}

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

@@ -1,24 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { TimeCore } from "@videojs/core";
-
-//#region src/ui/time/time-value.d.ts
-interface ValueProps extends Omit<UIComponentProps<'time', TimeCore.State>, 'children'>, TimeCore.Props {}
-/**
- * Displays a formatted time value (current, duration, or remaining).
- *
- * @example
- * ```tsx
- * <Time.Value />
- * <Time.Value type="duration" />
- * <Time.Value type="remaining" negativeSign="−" />
- * ```
- */
-declare const Value: react.ForwardRefExoticComponent<Omit<ValueProps, "ref"> & react.RefAttributes<HTMLTimeElement>>;
-declare namespace Value {
-  type Props = ValueProps;
-  type State = TimeCore.State;
-}
-//#endregion
-export { Value, ValueProps };
-//# sourceMappingURL=time-value.d.ts.map

package/dist/dev/ui/time/time-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-value.d.ts","names":[],"sources":["../../../../src/ui/time/time-value.tsx"],"mappings":";;;;;UAWiB,UAAA,SAAmB,IAAA,CAAK,gBAAA,SAAyB,QAAA,CAAS,KAAA,gBAAqB,QAAA,CAAS,KAAA;;AAAzG;;;;;;;;;cAYa,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,UAAA,WAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,kBA+CD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;EAAA,KACR,KAAA,GAAQ,QAAA,CAAS,KAAA;AAAA"}

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

@@ -1,58 +0,0 @@
-'use client';
-
-import { usePlayer } from "../../player/context.js";
-import { renderElement } from "../../utils/use-render.js";
-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
-/**
-* Displays a formatted time value (current, duration, or remaining).
-*
-* @example
-* ```tsx
-* <Time.Value />
-* <Time.Value type="duration" />
-* <Time.Value type="remaining" negativeSign="−" />
-* ```
-*/
-const Value = forwardRef(function Value(componentProps, forwardedRef) {
-	const { render, className, style, type, negativeSign, label, ...elementProps } = componentProps;
-	const time = usePlayer(selectTime);
-	const [core] = useState(() => new TimeCore());
-	core.setProps({
-		type,
-		negativeSign,
-		label
-	});
-	if (!time) {
-		logMissingFeature("Time.Value", "time");
-		return null;
-	}
-	core.setMedia(time);
-	const state = core.getState();
-	const content = state.negative ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-		"aria-hidden": "true",
-		children: negativeSign ?? TimeCore.defaultProps.negativeSign
-	}), state.text] }) : state.text;
-	return renderElement("time", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap: TimeDataAttrs,
-		ref: [forwardedRef],
-		props: [{
-			dateTime: state.datetime,
-			children: content,
-			...core.getAttrs(state)
-		}, elementProps]
-	});
-});
-
-//#endregion
-export { Value };
-//# sourceMappingURL=time-value.js.map

package/dist/dev/ui/time/time-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-value.js","names":[],"sources":["../../../../src/ui/time/time-value.tsx"],"sourcesContent":["'use client';\n\nimport { TimeCore, TimeDataAttrs } from '@videojs/core';\nimport { logMissingFeature, selectTime } from '@videojs/core/dom';\nimport type { ForwardedRef } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { usePlayer } from '../../player/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\n\nexport interface ValueProps extends Omit<UIComponentProps<'time', TimeCore.State>, 'children'>, TimeCore.Props {}\n\n/**\n * Displays a formatted time value (current, duration, or remaining).\n *\n * @example\n * ```tsx\n * <Time.Value />\n * <Time.Value type=\"duration\" />\n * <Time.Value type=\"remaining\" negativeSign=\"−\" />\n * ```\n */\nexport const Value = forwardRef(function Value(\n  componentProps: ValueProps,\n  forwardedRef: ForwardedRef<HTMLTimeElement>\n) {\n  const { render, className, style, type, negativeSign, label, ...elementProps } = componentProps;\n\n  const time = usePlayer(selectTime);\n\n  const [core] = useState(() => new TimeCore());\n  core.setProps({ type, negativeSign, label });\n\n  if (!time) {\n    if (__DEV__) logMissingFeature('Time.Value', 'time');\n    return null;\n  }\n\n  core.setMedia(time);\n  const state = core.getState();\n\n  const content = state.negative ? (\n    <>\n      <span aria-hidden=\"true\">{negativeSign ?? TimeCore.defaultProps.negativeSign}</span>\n      {state.text}\n    </>\n  ) : (\n    state.text\n  );\n\n  return renderElement(\n    'time',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap: TimeDataAttrs,\n      ref: [forwardedRef],\n      props: [\n        {\n          dateTime: state.datetime,\n          children: content,\n          ...core.getAttrs(state),\n        },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace Value {\n  export type Props = ValueProps;\n  export type State = TimeCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,QAAQ,WAAW,SAAS,MACvC,gBACA,cACA;CACA,MAAM,EAAE,QAAQ,WAAW,OAAO,MAAM,cAAc,OAAO,GAAG,iBAAiB;CAEjF,MAAM,OAAO,UAAU,WAAW;CAElC,MAAM,CAAC,QAAQ,eAAe,IAAI,UAAU,CAAC;AAC7C,MAAK,SAAS;EAAE;EAAM;EAAc;EAAO,CAAC;AAE5C,KAAI,CAAC,MAAM;AACI,oBAAkB,cAAc,OAAO;AACpD,SAAO;;AAGT,MAAK,SAAS,KAAK;CACnB,MAAM,QAAQ,KAAK,UAAU;CAE7B,MAAM,UAAU,MAAM,WACpB,4CACE,oBAAC;EAAK,eAAY;YAAQ,gBAAgB,SAAS,aAAa;GAAoB,EACnF,MAAM,QACN,GAEH,MAAM;AAGR,QAAO,cACL,QACA;EAAE;EAAQ;EAAW;EAAO,EAC5B;EACE;EACA,cAAc;EACd,KAAK,CAAC,aAAa;EACnB,OAAO,CACL;GACE,UAAU,MAAM;GAChB,UAAU;GACV,GAAG,KAAK,SAAS,MAAM;GACxB,EACD,aACD;EACF,CACF;EACD"}

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

@@ -1,17 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import * as react from "react";
-import { TimeSliderCore } from "@videojs/core";
-
-//#region src/ui/time-slider/time-slider-root.d.ts
-interface TimeSliderRootProps extends UIComponentProps<'div', TimeSliderCore.State>, TimeSliderCore.Props {
-  onDragStart?: (() => void) | undefined;
-  onDragEnd?: (() => void) | undefined;
-}
-declare const TimeSliderRoot: react.ForwardRefExoticComponent<Omit<TimeSliderRootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare namespace TimeSliderRoot {
-  type Props = TimeSliderRootProps;
-  type State = TimeSliderCore.State;
-}
-//#endregion
-export { TimeSliderRoot, TimeSliderRootProps };
-//# sourceMappingURL=time-slider-root.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slider-root.d.ts","names":[],"sources":["../../../../src/ui/time-slider/time-slider-root.tsx"],"mappings":";;;;;UAgBiB,mBAAA,SAA4B,gBAAA,QAAwB,cAAA,CAAe,KAAA,GAAQ,cAAA,CAAe,KAAA;EACzG,WAAA;EACA,SAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,mBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBAgGV,cAAA;EAAA,KACH,KAAA,GAAQ,mBAAA;EAAA,KACR,KAAA,GAAQ,cAAA,CAAe,KAAA;AAAA"}