@videojs/react 10.0.0-beta.31 → 10.0.0-beta.32

package/docs/reference/time-slider.md

@@ -2,6 +2,14 @@
 
 A slider component for seeking through media playback time
 
+## Import
+
+tsx
+
+```
+import { TimeSlider } from '@videojs/react';
+```
+
 ## Anatomy
 
 tsx
@@ -20,7 +28,7 @@ tsx
 </TimeSlider.Root>
 ```
 
-Add `Chapters` to progressively divide the track when a default `kind="chapters"` text track is available.
+Add `Chapters` to divide the slider track into sections. Each cue in the default `kind="chapters"` text track marks a chapter. Without chapter cues, one section covers the full slider.
 
 tsx
 
@@ -436,7 +444,7 @@ Whether the slider is non-interactive.
 
 `label`
 
-`Text | string | Text) | function`
+`object`
 
 `''`
 
@@ -448,7 +456,7 @@ Custom label for the slider.
 
 Type
 
-`Text | string | ((state: SliderState) => string | Text)`
+`{ key: string; text: string } | string | ((state: SliderState) => Text | string)`
 
 `largeStep`
 
@@ -538,16 +546,6 @@ Type
 
 Details
 
-`bufferPercent`
-
-`number`
-
-▸
-
-Description
-
-Buffered amount as a percentage of duration (0–100).
-
 `value`
 
 `number`
@@ -648,6 +646,16 @@ Description
 
 Current playback position in seconds.
 
+`duration`
+
+`number`
+
+▸
+
+Description
+
+Total duration in seconds (0 if unknown).
+
 `seeking`
 
 `boolean`
@@ -658,7 +666,7 @@ Description
 
 Whether a seek operation is in progress.
 
-`duration`
+`bufferPercent`
 
 `number`
 
@@ -666,7 +674,7 @@ Whether a seek operation is in progress.
 
 Description
 
-Total duration in seconds (0 if unknown).
+Buffered amount as a percentage of duration (0–100).
 
 #### Data attributes
 
@@ -720,6 +728,52 @@ ChapterTitle
 
 Displays the chapter title at the current pointer or keyboard position.
 
+#### Props
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`className`
+
+`string | ((state: TimeSliderChapterTitleState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: TimeSliderChapterTitleState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: TimeSliderChapterTitleState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Chapters
@@ -736,9 +790,33 @@ Default
 
 Details
 
+`className`
+
+`string | ((state: TimeSliderChaptersState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: TimeSliderChaptersState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
 `renderChapter`
 
-`(props: Omit<HTMLProps<HTMLElement>, 'ref'>, state: TimeSliderChapterState) => ReactElement`
+`((props: Omit<HTMLProps<HTMLElement>, 'ref'>, state: TimeSliderChapterState) => ReactElement)`
 
 `—`
 
@@ -748,18 +826,122 @@ Description
 
 Render one consumer-owned subtree for every normalized chapter range.
 
+`style`
+
+`CSSProperties | ((state: TimeSliderChaptersState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Buffer
 
 Displays the buffered range on the slider track.
 
+#### Props
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Fill
 
 Displays the filled portion from start to the current value.
 
+#### Props
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Preview
@@ -776,9 +958,33 @@ Default
 
 Details
 
-`overflow`
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
 
-`SliderPreviewOverflow`
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
 
 `—`
 
@@ -786,7 +992,7 @@ Details
 
 Description
 
-Whether the preview is clamped to the slider bounds.
+Style or function returning style from state.
 
 #### Data attributes
 
@@ -844,6 +1050,52 @@ Thumb
 
 Draggable handle for setting the slider value. Receives focus and handles keyboard interaction.
 
+#### Props
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 #### Data attributes
 
 Attribute
@@ -900,6 +1152,52 @@ Track
 
 Contains the slider's visual track and interactive hit zone.
 
+#### Props
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Value
@@ -916,6 +1214,18 @@ Default
 
 Details
 
+`className`
+
+`string | ((state: SliderState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
 `format`
 
 `((value: number) => string)`
@@ -928,9 +1238,33 @@ Description
 
 Custom formatter for the displayed value. Overrides the root's `formatValue`.
 
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SliderState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SliderState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 `type`
 
-`"current" | "pointer"`
+`'current' | 'pointer'`
 
 `—`
 

package/docs/reference/time.md

@@ -2,6 +2,14 @@
 
 Time display components for showing current time, duration, and remaining time in a video player
 
+## Import
+
+tsx
+
+```
+import { Time } from '@videojs/react';
+```
+
 ## Anatomy
 
 tsx
@@ -338,7 +346,7 @@ Details
 
 `label`
 
-`Text | string | Text) | function`
+`object`
 
 `''`
 
@@ -350,7 +358,7 @@ Custom label for accessibility.
 
 Type
 
-`Text | string | ((state: TimeState) => string | Text)`
+`{ key: string; text: string } | string | ((state: TimeState) => Text | string)`
 
 `negativeSign`
 
@@ -504,6 +512,42 @@ Description
 
 Time value components to render inside the group.
 
+`className`
+
+`string | ((state: GroupState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: GroupState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: GroupState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.
+
 ### 
 
 Separator
@@ -530,4 +574,40 @@ Details
 
 Description
 
-Separator content. Defaults to "/".
+Separator content. Defaults to "/".
+
+`className`
+
+`string | ((state: SeparatorState) => string | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Class name or function returning class name from state.
+
+`render`
+
+`ReactElement | ((props: HTMLProps, state: SeparatorState) => ReactElement | null)`
+
+`—`
+
+▸
+
+Description
+
+Render prop for custom element.
+
+`style`
+
+`CSSProperties | ((state: SeparatorState) => CSSProperties | undefined)`
+
+`—`
+
+▸
+
+Description
+
+Style or function returning style from state.

package/docs/reference/title.md

@@ -2,6 +2,14 @@
 
 Displays the resolved content title for the current media
 
+## Import
+
+tsx
+
+```
+import { Title } from '@videojs/react';
+```
+
 ## Anatomy
 
 tsx
@@ -173,7 +181,7 @@ Details
 
 `title`
 
-`string`
+`MediaMetadataState['title']`
 
 ▸