@hanifhan1f/vidstack-react 1.12.13 → 1.12.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dev/chunks/vidstack-B-FM4-oZ.js +668 -0
- package/dev/chunks/vidstack-B92UncBI.js +61 -0
- package/dev/chunks/vidstack-BDiAEW1N.js +11691 -0
- package/dev/chunks/vidstack-BZIhWvGa.js +1371 -0
- package/dev/chunks/vidstack-Bfi_jCvb.js +476 -0
- package/dev/chunks/vidstack-CBF7iUqu.js +22 -0
- package/dev/chunks/vidstack-CFZ0rYJz.js +34 -0
- package/dev/chunks/vidstack-CM82l-7o.js +551 -0
- package/dev/chunks/vidstack-CvWDiSTs.js +84 -0
- package/dev/chunks/vidstack-CzU-uC5f.js +189 -0
- package/dev/chunks/vidstack-D-hQD1eE.js +9 -0
- package/dev/chunks/vidstack-D6_9yy0x.js +643 -0
- package/dev/chunks/vidstack-DJQOTrl6.js +180 -0
- package/dev/chunks/vidstack-DNbKNc4R.js +288 -0
- package/dev/chunks/vidstack-D_bWd66h.js +2023 -0
- package/dev/chunks/vidstack-Dm1xEU9Q.js +36 -0
- package/dev/chunks/vidstack-f6WXkmfP.js +375 -0
- package/dev/chunks/vidstack-krOAtKMi.js +34 -0
- package/dev/chunks/vidstack-lYFZKRUc.js +401 -0
- package/dev/player/vidstack-default-components.js +14 -0
- package/dev/player/vidstack-default-icons.js +88 -0
- package/dev/player/vidstack-default-layout.js +14 -0
- package/dev/player/vidstack-plyr-icons.js +62 -0
- package/dev/player/vidstack-plyr-layout.js +636 -0
- package/dev/player/vidstack-remotion.js +345 -0
- package/dev/vidstack.js +587 -0
- package/dom.d.ts +91 -0
- package/google-cast.d.ts +1422 -0
- package/icons.d.ts +5 -0
- package/index.d.ts +8 -0
- package/package.json +9 -60
- package/player/layouts/default.d.ts +11392 -0
- package/player/layouts/plyr.d.ts +5 -0
- package/player/remotion.d.ts +5 -0
- package/player/styles/base.css +153 -0
- package/player/styles/default/buffering.css +55 -0
- package/player/styles/default/buttons.css +175 -0
- package/player/styles/default/captions.css +181 -0
- package/player/styles/default/chapter-title.css +26 -0
- package/player/styles/default/controls.css +56 -0
- package/player/styles/default/gestures.css +19 -0
- package/player/styles/default/icons.css +6 -0
- package/player/styles/default/keyboard.css +148 -0
- package/player/styles/default/layouts/audio.css +417 -0
- package/player/styles/default/layouts/video.css +1082 -0
- package/player/styles/default/menus.css +959 -0
- package/player/styles/default/poster.css +52 -0
- package/player/styles/default/sliders.css +391 -0
- package/player/styles/default/theme.css +2461 -0
- package/player/styles/default/thumbnail.css +40 -0
- package/player/styles/default/time.css +45 -0
- package/player/styles/default/tooltips.css +141 -0
- package/player/styles/plyr/theme.css +1237 -0
- package/prod/chunks/vidstack-0Foyib2F.js +34 -0
- package/prod/chunks/vidstack-BbPEqH3g.js +11196 -0
- package/prod/chunks/vidstack-Bh7M8kL6.js +663 -0
- package/prod/chunks/vidstack-BlPINAXN.js +189 -0
- package/prod/chunks/vidstack-C5Rzkyfp.js +375 -0
- package/prod/chunks/vidstack-CBF7iUqu.js +22 -0
- package/prod/chunks/vidstack-CZNlvfmV.js +288 -0
- package/prod/chunks/vidstack-CZgUA94N.js +1979 -0
- package/prod/chunks/vidstack-D0XCUWbp.js +159 -0
- package/prod/chunks/vidstack-DTyDOhwS.js +504 -0
- package/prod/chunks/vidstack-DhC5F6c8.js +470 -0
- package/prod/chunks/vidstack-Dm1xEU9Q.js +36 -0
- package/prod/chunks/vidstack-Ma9rwtR0.js +386 -0
- package/prod/chunks/vidstack-WsodkLQg.js +1371 -0
- package/prod/chunks/vidstack-jIPoNqhj.js +545 -0
- package/prod/chunks/vidstack-krOAtKMi.js +34 -0
- package/prod/chunks/vidstack-vqp2QaHR.js +9 -0
- package/prod/chunks/vidstack-xo_SmgiV.js +84 -0
- package/prod/chunks/vidstack-xvxeRtaN.js +61 -0
- package/prod/player/vidstack-default-components.js +14 -0
- package/prod/player/vidstack-default-icons.js +88 -0
- package/prod/player/vidstack-default-layout.js +14 -0
- package/prod/player/vidstack-plyr-icons.js +62 -0
- package/prod/player/vidstack-plyr-layout.js +636 -0
- package/prod/player/vidstack-remotion.js +335 -0
- package/prod/vidstack-icons.js +435 -0
- package/prod/vidstack.js +648 -0
- package/server/chunks/vidstack-2zMSe4ym.js +1371 -0
- package/server/chunks/vidstack-BtqWstSj.js +375 -0
- package/server/chunks/vidstack-C-HdFsZi.js +84 -0
- package/server/chunks/vidstack-C4iWXMC-.js +545 -0
- package/server/chunks/vidstack-C5zFBMwg.js +386 -0
- package/server/chunks/vidstack-CBF7iUqu.js +22 -0
- package/server/chunks/vidstack-CEh38XpD.js +288 -0
- package/server/chunks/vidstack-CkMAeO-e.js +34 -0
- package/server/chunks/vidstack-Cm0qnRvu.js +11196 -0
- package/server/chunks/vidstack-CoGzBr_V.js +663 -0
- package/server/chunks/vidstack-CyFwkPiu.js +470 -0
- package/server/chunks/vidstack-D-hQD1eE.js +9 -0
- package/server/chunks/vidstack-D_bWd66h.js +2023 -0
- package/server/chunks/vidstack-Dm1xEU9Q.js +36 -0
- package/server/chunks/vidstack-DtQSvsQr.js +189 -0
- package/server/chunks/vidstack-jlaBqZq5.js +61 -0
- package/server/chunks/vidstack-krOAtKMi.js +34 -0
- package/server/chunks/vidstack-rWs25cS9.js +159 -0
- package/server/chunks/vidstack-uyCXITen.js +504 -0
- package/server/player/vidstack-default-components.js +14 -0
- package/server/player/vidstack-default-icons.js +88 -0
- package/server/player/vidstack-default-layout.js +14 -0
- package/server/player/vidstack-plyr-icons.js +62 -0
- package/server/player/vidstack-plyr-layout.js +636 -0
- package/server/player/vidstack-remotion.js +335 -0
- package/server/vidstack.js +648 -0
- package/tailwind.cjs +101 -0
- package/tailwind.d.cts +15 -0
- package/.templates/sandbox/document.css +0 -27
- package/.templates/sandbox/favicon-32x32.png +0 -0
- package/.templates/sandbox/index.html +0 -21
- package/.templates/sandbox/main.tsx +0 -12
- package/.templates/sandbox/player.css +0 -39
- package/.templates/sandbox/player.tsx +0 -121
- package/.templates/sandbox/tracks.ts +0 -23
- package/analyze.config.ts +0 -7
- package/build/build-icons.js +0 -62
- package/rollup.config.ts +0 -256
- package/src/components/announcer.tsx +0 -47
- package/src/components/layouts/default/audio-layout.tsx +0 -231
- package/src/components/layouts/default/context.ts +0 -28
- package/src/components/layouts/default/hooks.ts +0 -13
- package/src/components/layouts/default/icons.tsx +0 -225
- package/src/components/layouts/default/index.ts +0 -11
- package/src/components/layouts/default/media-layout.tsx +0 -259
- package/src/components/layouts/default/slots.tsx +0 -98
- package/src/components/layouts/default/ui/announcer.tsx +0 -22
- package/src/components/layouts/default/ui/buttons.tsx +0 -301
- package/src/components/layouts/default/ui/captions.tsx +0 -16
- package/src/components/layouts/default/ui/controls.tsx +0 -12
- package/src/components/layouts/default/ui/keyboard-display.tsx +0 -132
- package/src/components/layouts/default/ui/menus/accessibility-menu.tsx +0 -100
- package/src/components/layouts/default/ui/menus/audio-menu.tsx +0 -167
- package/src/components/layouts/default/ui/menus/captions-menu.tsx +0 -61
- package/src/components/layouts/default/ui/menus/chapters-menu.tsx +0 -132
- package/src/components/layouts/default/ui/menus/font-menu.tsx +0 -331
- package/src/components/layouts/default/ui/menus/items/menu-checkbox.tsx +0 -72
- package/src/components/layouts/default/ui/menus/items/menu-items.tsx +0 -135
- package/src/components/layouts/default/ui/menus/items/menu-slider.tsx +0 -92
- package/src/components/layouts/default/ui/menus/playback-menu.tsx +0 -232
- package/src/components/layouts/default/ui/menus/settings-menu.tsx +0 -114
- package/src/components/layouts/default/ui/menus/utils.ts +0 -12
- package/src/components/layouts/default/ui/sliders.tsx +0 -136
- package/src/components/layouts/default/ui/time.tsx +0 -73
- package/src/components/layouts/default/ui/title.tsx +0 -24
- package/src/components/layouts/default/ui/tooltip.tsx +0 -27
- package/src/components/layouts/default/ui.ts +0 -8
- package/src/components/layouts/default/video-layout.tsx +0 -344
- package/src/components/layouts/plyr/context.ts +0 -26
- package/src/components/layouts/plyr/icons/plyr-airplay.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-captions-off.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-captions-on.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-download.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-enter-fullscreen.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-exit-fullscreen.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-fast-forward.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-muted.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-pause.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-pip.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-play.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-restart.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-rewind.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-settings.js +0 -1
- package/src/components/layouts/plyr/icons/plyr-volume.js +0 -1
- package/src/components/layouts/plyr/icons.tsx +0 -71
- package/src/components/layouts/plyr/index.ts +0 -11
- package/src/components/layouts/plyr/layout.tsx +0 -1024
- package/src/components/layouts/plyr/props.ts +0 -104
- package/src/components/layouts/plyr/slots.tsx +0 -52
- package/src/components/layouts/remotion-ui.ts +0 -13
- package/src/components/layouts/utils.ts +0 -17
- package/src/components/player-callbacks.ts +0 -67
- package/src/components/player.tsx +0 -67
- package/src/components/primitives/instances.ts +0 -92
- package/src/components/primitives/nodes.tsx +0 -58
- package/src/components/primitives/slot.tsx +0 -132
- package/src/components/provider.tsx +0 -187
- package/src/components/text-track.tsx +0 -106
- package/src/components/ui/buttons/airplay-button.tsx +0 -53
- package/src/components/ui/buttons/caption-button.tsx +0 -55
- package/src/components/ui/buttons/fullscreen-button.tsx +0 -55
- package/src/components/ui/buttons/google-cast-button.tsx +0 -53
- package/src/components/ui/buttons/live-button.tsx +0 -56
- package/src/components/ui/buttons/mute-button.tsx +0 -60
- package/src/components/ui/buttons/pip-button.tsx +0 -54
- package/src/components/ui/buttons/play-button.tsx +0 -53
- package/src/components/ui/buttons/seek-button.tsx +0 -55
- package/src/components/ui/buttons/toggle-button.tsx +0 -51
- package/src/components/ui/caption.tsx +0 -70
- package/src/components/ui/captions.tsx +0 -41
- package/src/components/ui/chapter-title.tsx +0 -40
- package/src/components/ui/controls.tsx +0 -90
- package/src/components/ui/gesture.tsx +0 -43
- package/src/components/ui/menu.tsx +0 -251
- package/src/components/ui/poster.tsx +0 -101
- package/src/components/ui/radio-group.tsx +0 -88
- package/src/components/ui/sliders/audio-gain-slider.tsx +0 -55
- package/src/components/ui/sliders/quality-slider.tsx +0 -54
- package/src/components/ui/sliders/slider-callbacks.ts +0 -14
- package/src/components/ui/sliders/slider-value.tsx +0 -13
- package/src/components/ui/sliders/slider.tsx +0 -254
- package/src/components/ui/sliders/speed-slider.tsx +0 -54
- package/src/components/ui/sliders/time-slider.tsx +0 -379
- package/src/components/ui/sliders/volume-slider.tsx +0 -55
- package/src/components/ui/spinner.tsx +0 -105
- package/src/components/ui/thumbnail.tsx +0 -82
- package/src/components/ui/time.tsx +0 -77
- package/src/components/ui/title.tsx +0 -32
- package/src/components/ui/tooltip.tsx +0 -135
- package/src/globals.d.ts +0 -3
- package/src/hooks/create-text-track.ts +0 -22
- package/src/hooks/options/use-audio-gain-options.ts +0 -75
- package/src/hooks/options/use-audio-options.ts +0 -71
- package/src/hooks/options/use-caption-options.ts +0 -95
- package/src/hooks/options/use-chapter-options.ts +0 -97
- package/src/hooks/options/use-playback-rate-options.ts +0 -75
- package/src/hooks/options/use-video-quality-options.ts +0 -123
- package/src/hooks/use-active-text-cues.ts +0 -28
- package/src/hooks/use-active-text-track.ts +0 -19
- package/src/hooks/use-chapter-title.ts +0 -12
- package/src/hooks/use-dom.ts +0 -121
- package/src/hooks/use-media-context.ts +0 -6
- package/src/hooks/use-media-player.ts +0 -19
- package/src/hooks/use-media-provider.ts +0 -31
- package/src/hooks/use-media-remote.ts +0 -37
- package/src/hooks/use-media-state.ts +0 -58
- package/src/hooks/use-signals.ts +0 -24
- package/src/hooks/use-slider-preview.ts +0 -126
- package/src/hooks/use-slider-state.ts +0 -63
- package/src/hooks/use-state.ts +0 -47
- package/src/hooks/use-text-cues.ts +0 -33
- package/src/hooks/use-thumbnails.ts +0 -69
- package/src/icon.ts +0 -37
- package/src/icons.ts +0 -754
- package/src/index.ts +0 -181
- package/src/providers/remotion/index.ts +0 -10
- package/src/providers/remotion/layout-engine.ts +0 -123
- package/src/providers/remotion/loader.ts +0 -35
- package/src/providers/remotion/playback-engine.ts +0 -142
- package/src/providers/remotion/provider.tsx +0 -514
- package/src/providers/remotion/type-check.ts +0 -13
- package/src/providers/remotion/types.ts +0 -94
- package/src/providers/remotion/ui/context.tsx +0 -120
- package/src/providers/remotion/ui/error-boundary.tsx +0 -57
- package/src/providers/remotion/ui/poster.tsx +0 -33
- package/src/providers/remotion/ui/slider-thumbnail.tsx +0 -41
- package/src/providers/remotion/ui/thumbnail.tsx +0 -166
- package/src/providers/remotion/validate.ts +0 -220
- package/src/source.ts +0 -5
- package/src/utils.ts +0 -27
- package/tsconfig.build.json +0 -10
- package/tsconfig.json +0 -11
- package/types/react/src/components/announcer.d.ts +0 -16
- package/types/react/src/components/layouts/default/audio-layout.d.ts +0 -27
- package/types/react/src/components/layouts/default/context.d.ts +0 -14
- package/types/react/src/components/layouts/default/hooks.d.ts +0 -2
- package/types/react/src/components/layouts/default/icons.d.ts +0 -95
- package/types/react/src/components/layouts/default/index.d.ts +0 -5
- package/types/react/src/components/layouts/default/media-layout.d.ts +0 -133
- package/types/react/src/components/layouts/default/slots.d.ts +0 -22
- package/types/react/src/components/layouts/default/ui/announcer.d.ts +0 -6
- package/types/react/src/components/layouts/default/ui/buttons.d.ts +0 -54
- package/types/react/src/components/layouts/default/ui/captions.d.ts +0 -6
- package/types/react/src/components/layouts/default/ui/controls.d.ts +0 -6
- package/types/react/src/components/layouts/default/ui/keyboard-display.d.ts +0 -8
- package/types/react/src/components/layouts/default/ui/menus/accessibility-menu.d.ts +0 -10
- package/types/react/src/components/layouts/default/ui/menus/audio-menu.d.ts +0 -10
- package/types/react/src/components/layouts/default/ui/menus/captions-menu.d.ts +0 -10
- package/types/react/src/components/layouts/default/ui/menus/chapters-menu.d.ts +0 -7
- package/types/react/src/components/layouts/default/ui/menus/font-menu.d.ts +0 -6
- package/types/react/src/components/layouts/default/ui/menus/items/menu-checkbox.d.ts +0 -13
- package/types/react/src/components/layouts/default/ui/menus/items/menu-items.d.ts +0 -49
- package/types/react/src/components/layouts/default/ui/menus/items/menu-slider.d.ts +0 -26
- package/types/react/src/components/layouts/default/ui/menus/playback-menu.d.ts +0 -10
- package/types/react/src/components/layouts/default/ui/menus/settings-menu.d.ts +0 -15
- package/types/react/src/components/layouts/default/ui/menus/utils.d.ts +0 -1
- package/types/react/src/components/layouts/default/ui/sliders.d.ts +0 -24
- package/types/react/src/components/layouts/default/ui/time.d.ts +0 -30
- package/types/react/src/components/layouts/default/ui/title.d.ts +0 -6
- package/types/react/src/components/layouts/default/ui/tooltip.d.ts +0 -12
- package/types/react/src/components/layouts/default/ui.d.ts +0 -8
- package/types/react/src/components/layouts/default/video-layout.d.ts +0 -47
- package/types/react/src/components/layouts/plyr/context.d.ts +0 -12
- package/types/react/src/components/layouts/plyr/icons/plyr-airplay.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-captions-off.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-captions-on.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-download.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-enter-fullscreen.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-exit-fullscreen.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-fast-forward.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-muted.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-pause.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-pip.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-play.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-restart.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-rewind.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-settings.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons/plyr-volume.d.ts +0 -2
- package/types/react/src/components/layouts/plyr/icons.d.ts +0 -25
- package/types/react/src/components/layouts/plyr/index.d.ts +0 -6
- package/types/react/src/components/layouts/plyr/layout.d.ts +0 -17
- package/types/react/src/components/layouts/plyr/props.d.ts +0 -71
- package/types/react/src/components/layouts/plyr/slots.d.ts +0 -9
- package/types/react/src/components/layouts/remotion-ui.d.ts +0 -3
- package/types/react/src/components/layouts/utils.d.ts +0 -1
- package/types/react/src/components/player-callbacks.d.ts +0 -6
- package/types/react/src/components/player.d.ts +0 -32
- package/types/react/src/components/primitives/instances.d.ts +0 -83
- package/types/react/src/components/primitives/nodes.d.ts +0 -15
- package/types/react/src/components/primitives/slot.d.ts +0 -11
- package/types/react/src/components/provider.d.ts +0 -26
- package/types/react/src/components/text-track.d.ts +0 -100
- package/types/react/src/components/ui/buttons/airplay-button.d.ts +0 -22
- package/types/react/src/components/ui/buttons/caption-button.d.ts +0 -24
- package/types/react/src/components/ui/buttons/fullscreen-button.d.ts +0 -24
- package/types/react/src/components/ui/buttons/google-cast-button.d.ts +0 -22
- package/types/react/src/components/ui/buttons/live-button.d.ts +0 -26
- package/types/react/src/components/ui/buttons/mute-button.d.ts +0 -30
- package/types/react/src/components/ui/buttons/pip-button.d.ts +0 -24
- package/types/react/src/components/ui/buttons/play-button.d.ts +0 -23
- package/types/react/src/components/ui/buttons/seek-button.d.ts +0 -25
- package/types/react/src/components/ui/buttons/toggle-button.d.ts +0 -22
- package/types/react/src/components/ui/caption.d.ts +0 -11
- package/types/react/src/components/ui/captions.d.ts +0 -20
- package/types/react/src/components/ui/chapter-title.d.ts +0 -20
- package/types/react/src/components/ui/controls.d.ts +0 -40
- package/types/react/src/components/ui/gesture.d.ts +0 -20
- package/types/react/src/components/ui/menu.d.ts +0 -102
- package/types/react/src/components/ui/poster.d.ts +0 -25
- package/types/react/src/components/ui/radio-group.d.ts +0 -39
- package/types/react/src/components/ui/sliders/audio-gain-slider.d.ts +0 -29
- package/types/react/src/components/ui/sliders/quality-slider.d.ts +0 -28
- package/types/react/src/components/ui/sliders/slider-callbacks.d.ts +0 -6
- package/types/react/src/components/ui/sliders/slider-value.d.ts +0 -9
- package/types/react/src/components/ui/sliders/slider.d.ts +0 -134
- package/types/react/src/components/ui/sliders/speed-slider.d.ts +0 -28
- package/types/react/src/components/ui/sliders/time-slider.d.ts +0 -124
- package/types/react/src/components/ui/sliders/volume-slider.d.ts +0 -29
- package/types/react/src/components/ui/spinner.d.ts +0 -31
- package/types/react/src/components/ui/thumbnail.d.ts +0 -26
- package/types/react/src/components/ui/time.d.ts +0 -20
- package/types/react/src/components/ui/title.d.ts +0 -15
- package/types/react/src/components/ui/tooltip.d.ts +0 -63
- package/types/react/src/hooks/create-text-track.d.ts +0 -7
- package/types/react/src/hooks/options/use-audio-gain-options.d.ts +0 -22
- package/types/react/src/hooks/options/use-audio-options.d.ts +0 -17
- package/types/react/src/hooks/options/use-caption-options.d.ts +0 -24
- package/types/react/src/hooks/options/use-chapter-options.d.ts +0 -18
- package/types/react/src/hooks/options/use-playback-rate-options.d.ts +0 -22
- package/types/react/src/hooks/options/use-video-quality-options.d.ts +0 -35
- package/types/react/src/hooks/use-active-text-cues.d.ts +0 -6
- package/types/react/src/hooks/use-active-text-track.d.ts +0 -5
- package/types/react/src/hooks/use-chapter-title.d.ts +0 -4
- package/types/react/src/hooks/use-dom.d.ts +0 -9
- package/types/react/src/hooks/use-media-context.d.ts +0 -1
- package/types/react/src/hooks/use-media-player.d.ts +0 -7
- package/types/react/src/hooks/use-media-provider.d.ts +0 -7
- package/types/react/src/hooks/use-media-remote.d.ts +0 -12
- package/types/react/src/hooks/use-media-state.d.ts +0 -15
- package/types/react/src/hooks/use-signals.d.ts +0 -5
- package/types/react/src/hooks/use-slider-preview.d.ts +0 -27
- package/types/react/src/hooks/use-slider-state.d.ts +0 -16
- package/types/react/src/hooks/use-state.d.ts +0 -18
- package/types/react/src/hooks/use-text-cues.d.ts +0 -6
- package/types/react/src/hooks/use-thumbnails.d.ts +0 -16
- package/types/react/src/icon.d.ts +0 -17
- package/types/react/src/icons.d.ts +0 -215
- package/types/react/src/index.d.ts +0 -78
- package/types/react/src/providers/remotion/index.d.ts +0 -7
- package/types/react/src/providers/remotion/layout-engine.d.ts +0 -8
- package/types/react/src/providers/remotion/loader.d.ts +0 -9
- package/types/react/src/providers/remotion/playback-engine.d.ts +0 -11
- package/types/react/src/providers/remotion/provider.d.ts +0 -26
- package/types/react/src/providers/remotion/type-check.d.ts +0 -6
- package/types/react/src/providers/remotion/types.d.ts +0 -91
- package/types/react/src/providers/remotion/ui/context.d.ts +0 -17
- package/types/react/src/providers/remotion/ui/error-boundary.d.ts +0 -21
- package/types/react/src/providers/remotion/ui/poster.d.ts +0 -18
- package/types/react/src/providers/remotion/ui/slider-thumbnail.d.ts +0 -17
- package/types/react/src/providers/remotion/ui/thumbnail.d.ts +0 -32
- package/types/react/src/providers/remotion/validate.d.ts +0 -12
- package/types/react/src/source.d.ts +0 -3
- package/types/react/src/utils.d.ts +0 -3
- package/types/vidstack/src/core/api/src-types.d.ts +0 -50
- package/types/vidstack/src/utils/mime.d.ts +0 -15
- package/types/vidstack/src/utils/network.d.ts +0 -17
- package/types/vidstack/src/utils/support.d.ts +0 -72
- package/vite.config.ts +0 -23
- /package/{npm/analyze.json.d.ts → analyze.json.d.ts} +0 -0
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import { SliderInstance, SliderPreviewInstance } from '../../primitives/instances';
|
|
4
|
-
import { type PrimitivePropsWithRef } from '../../primitives/nodes';
|
|
5
|
-
import { type SliderValueProps } from './slider-value';
|
|
6
|
-
export interface RootProps extends ReactElementProps<SliderInstance> {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
ref?: React.Ref<SliderInstance>;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Versatile and user-friendly input control designed for seamless cross-browser compatibility and
|
|
13
|
-
* accessibility with ARIA support. It offers a smooth user experience for both mouse and touch
|
|
14
|
-
* interactions and is highly customizable in terms of styling. Users can effortlessly input numeric
|
|
15
|
-
* values within a specified range, defined by a minimum and maximum value.
|
|
16
|
-
*
|
|
17
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/sliders/slider}
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <Slider.Root>
|
|
21
|
-
* <Slider.Track>
|
|
22
|
-
* <Slider.TrackFill />
|
|
23
|
-
* </Slider.Track>
|
|
24
|
-
* <Slider.Thumb />
|
|
25
|
-
* </Slider.Root>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<SliderInstance>>;
|
|
29
|
-
export interface ThumbProps extends PrimitivePropsWithRef<'div'> {
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Purely visual element used to display a draggable handle to the user for adjusting the value
|
|
33
|
-
* on the slider component.
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* ```tsx
|
|
37
|
-
* <Slider.Root>
|
|
38
|
-
* <Slider.Thumb />
|
|
39
|
-
* </Slider.Root>
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
42
|
-
declare const Thumb: React.ForwardRefExoticComponent<Omit<ThumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
43
|
-
export interface TrackProps extends PrimitivePropsWithRef<'div'> {
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Visual element inside the slider that serves as a horizontal or vertical bar, providing a
|
|
47
|
-
* visual reference for the range or values that can be selected by moving the slider thumb along
|
|
48
|
-
* it. Users can interact with the slider by dragging the thumb along the track to set a specific
|
|
49
|
-
* value.
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```tsx
|
|
53
|
-
* <Slider.Root>
|
|
54
|
-
* <Slider.Track>
|
|
55
|
-
* <Slider.TrackFill />
|
|
56
|
-
* </Slider.Track>
|
|
57
|
-
* </Slider.Root>
|
|
58
|
-
* ```
|
|
59
|
-
*/
|
|
60
|
-
declare const Track: React.ForwardRefExoticComponent<Omit<TrackProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
61
|
-
export interface TrackFillProps extends PrimitivePropsWithRef<'div'> {
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* Portion of the slider track that is visually filled or highlighted to indicate the selected or
|
|
65
|
-
* currently chosen range or value. As the slider thumb is moved along the track, the track
|
|
66
|
-
* fill dynamically adjusts to visually represent the portion of the track that corresponds to the
|
|
67
|
-
* selected value or range, providing users with a clear visual indication of their selection.
|
|
68
|
-
*
|
|
69
|
-
* @example
|
|
70
|
-
* ```tsx
|
|
71
|
-
* <Slider.Root>
|
|
72
|
-
* <Slider.Track>
|
|
73
|
-
* <Slider.TrackFill />
|
|
74
|
-
* </Slider.Track>
|
|
75
|
-
* </Slider.Root>
|
|
76
|
-
* ```
|
|
77
|
-
*/
|
|
78
|
-
declare const TrackFill: React.ForwardRefExoticComponent<Omit<TrackFillProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
79
|
-
export interface PreviewProps extends ReactElementProps<SliderPreviewInstance> {
|
|
80
|
-
asChild?: boolean;
|
|
81
|
-
children?: React.ReactNode;
|
|
82
|
-
ref?: React.Ref<HTMLElement>;
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Used to provide users with a real-time or interactive preview of the value or selection they
|
|
86
|
-
* are making as they move the slider thumb. This can include displaying the current pointer
|
|
87
|
-
* value numerically, or displaying a thumbnail over the time slider.
|
|
88
|
-
*
|
|
89
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/slider#preview}
|
|
90
|
-
* @example
|
|
91
|
-
* ```tsx
|
|
92
|
-
* <Slider.Root>
|
|
93
|
-
* <Slider.Preview>
|
|
94
|
-
* <Slider.Value />
|
|
95
|
-
* </Slider.Preview>
|
|
96
|
-
* </Slider.Root>
|
|
97
|
-
* ```
|
|
98
|
-
*/
|
|
99
|
-
declare const Preview: React.ForwardRefExoticComponent<Omit<PreviewProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
100
|
-
export interface ValueProps extends SliderValueProps {
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* Displays the specific numeric representation of the current or pointer value of the slider.
|
|
104
|
-
* When a user interacts with a slider by moving its thumb along the track, the slider value
|
|
105
|
-
* changes accordingly.
|
|
106
|
-
*
|
|
107
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/slider#preview}
|
|
108
|
-
* @example
|
|
109
|
-
* ```tsx
|
|
110
|
-
* <Slider.Root>
|
|
111
|
-
* <Slider.Preview>
|
|
112
|
-
* <Slider.Value />
|
|
113
|
-
* </Slider.Preview>
|
|
114
|
-
* </Slider.Root>
|
|
115
|
-
* ```
|
|
116
|
-
*/
|
|
117
|
-
declare const Value: React.ForwardRefExoticComponent<Omit<ValueProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
118
|
-
export interface StepsProps extends Omit<PrimitivePropsWithRef<'div'>, 'children'> {
|
|
119
|
-
children: (step: number) => React.ReactNode;
|
|
120
|
-
}
|
|
121
|
-
/**
|
|
122
|
-
* Visual markers that can be used to indicate value steps on the slider track.
|
|
123
|
-
*
|
|
124
|
-
* @example
|
|
125
|
-
* ```tsx
|
|
126
|
-
* <Slider.Root>
|
|
127
|
-
* <Slider.Steps className="steps">
|
|
128
|
-
* {(step) => <div className="step" key={String(step)}></div>}
|
|
129
|
-
* </Slider.Steps>
|
|
130
|
-
* </Slider.Root>
|
|
131
|
-
* ```
|
|
132
|
-
*/
|
|
133
|
-
declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
134
|
-
export { Root, Thumb, Track, TrackFill, Preview, Value, Steps };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import { SpeedSliderInstance } from '../../primitives/instances';
|
|
4
|
-
import { Value } from './slider';
|
|
5
|
-
export interface RootProps extends ReactElementProps<SpeedSliderInstance> {
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
ref?: React.Ref<SpeedSliderInstance>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Versatile and user-friendly input playback rate control designed for seamless cross-browser and
|
|
12
|
-
* provider compatibility and accessibility with ARIA support. It offers a smooth user experience
|
|
13
|
-
* for both mouse and touch interactions and is highly customizable in terms of styling.
|
|
14
|
-
*
|
|
15
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/sliders/speed-slider}
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <SpeedSlider.Root>
|
|
19
|
-
* <SpeedSlider.Track>
|
|
20
|
-
* <SpeedSlider.TrackFill />
|
|
21
|
-
* </SpeedSlider.Track>
|
|
22
|
-
* <SpeedSlider.Thumb />
|
|
23
|
-
* </SpeedSlider.Root>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<SpeedSliderInstance>>;
|
|
27
|
-
export * from './slider';
|
|
28
|
-
export { Root, Value };
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import type { VTTCue } from 'media-captions';
|
|
4
|
-
import { SliderChaptersInstance, SliderThumbnailInstance, SliderVideoInstance, TimeSliderInstance } from '../../primitives/instances';
|
|
5
|
-
import { type PrimitivePropsWithRef } from '../../primitives/nodes';
|
|
6
|
-
import * as ThumbnailBase from '../thumbnail';
|
|
7
|
-
export interface RootProps extends ReactElementProps<TimeSliderInstance> {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
ref?: React.Ref<TimeSliderInstance>;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Versatile and user-friendly input time control designed for seamless cross-browser and provider
|
|
14
|
-
* compatibility and accessibility with ARIA support. It offers a smooth user experience for both
|
|
15
|
-
* mouse and touch interactions and is highly customizable in terms of styling. Users can
|
|
16
|
-
* effortlessly change the current playback time within the range 0 to seekable end.
|
|
17
|
-
*
|
|
18
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/sliders/time-slider}
|
|
19
|
-
* @example
|
|
20
|
-
* ```tsx
|
|
21
|
-
* <TimeSlider.Root>
|
|
22
|
-
* <TimeSlider.Track>
|
|
23
|
-
* <TimeSlider.TrackFill />
|
|
24
|
-
* <TimeSlider.Progress />
|
|
25
|
-
* </TimeSlider.Track>
|
|
26
|
-
* <TimeSlider.Thumb />
|
|
27
|
-
* </TimeSlider.Root>
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<TimeSliderInstance>>;
|
|
31
|
-
export interface ChaptersProps extends Omit<ReactElementProps<SliderChaptersInstance>, 'children'> {
|
|
32
|
-
children: (cues: VTTCue[], forwardRef: React.RefCallback<HTMLElement>) => React.ReactNode;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Used to create predefined sections within a time slider interface based on the currently
|
|
36
|
-
* active chapters text track.
|
|
37
|
-
*
|
|
38
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/slider-chapters}
|
|
39
|
-
* @example
|
|
40
|
-
* ```tsx
|
|
41
|
-
* <TimeSlider.Root>
|
|
42
|
-
* <TimeSlider.Chapters>
|
|
43
|
-
* {(cues, forwardRef) =>
|
|
44
|
-
* cues.map((cue) => (
|
|
45
|
-
* <div key={cue.startTime} ref={forwardRef}>
|
|
46
|
-
* <TimeSlider.Track>
|
|
47
|
-
* <TimeSlider.TrackFill />
|
|
48
|
-
* <TimeSlider.Progress />
|
|
49
|
-
* </TimeSlider.Track>
|
|
50
|
-
* </div>
|
|
51
|
-
* ))}
|
|
52
|
-
* </TimeSlider.Chapters>
|
|
53
|
-
* </TimeSlider.Root>
|
|
54
|
-
* ```
|
|
55
|
-
*/
|
|
56
|
-
declare const Chapters: React.ForwardRefExoticComponent<ChaptersProps & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
export interface ChapterTitleProps extends PrimitivePropsWithRef<'div'> {
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Used to display the active cue text based on the slider value and preview value.
|
|
61
|
-
*
|
|
62
|
-
* @example
|
|
63
|
-
* ```tsx
|
|
64
|
-
* <TimeSlider.Root>
|
|
65
|
-
* <TimeSlider.Preview>
|
|
66
|
-
* <TimeSlider.Chapter />
|
|
67
|
-
* </TimeSlider.Preview>
|
|
68
|
-
* </TimeSlider.Root>
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
declare const ChapterTitle: React.ForwardRefExoticComponent<Omit<ChapterTitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
72
|
-
export interface ProgressProps extends PrimitivePropsWithRef<'div'> {
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Visual element inside the slider that serves as a horizontal or vertical bar, providing a
|
|
76
|
-
* visual reference for the range of playback that has buffered/loaded.
|
|
77
|
-
*
|
|
78
|
-
* @example
|
|
79
|
-
* ```tsx
|
|
80
|
-
* <TimeSlider.Root>
|
|
81
|
-
* <TimeSlider.Track>
|
|
82
|
-
* <TimeSlider.Progress />
|
|
83
|
-
* </TimeSlider.Track>
|
|
84
|
-
* </TimeSlider.Root>
|
|
85
|
-
* ```
|
|
86
|
-
*/
|
|
87
|
-
declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
88
|
-
export interface ThumbnailProps extends ReactElementProps<SliderThumbnailInstance, HTMLElement> {
|
|
89
|
-
asChild?: boolean;
|
|
90
|
-
children?: React.ReactNode;
|
|
91
|
-
ref?: React.Ref<HTMLElement>;
|
|
92
|
-
}
|
|
93
|
-
export type ThumbnailImgProps = ThumbnailBase.ImgProps;
|
|
94
|
-
declare const Thumbnail: {
|
|
95
|
-
readonly Root: React.ForwardRefExoticComponent<Omit<ThumbnailProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
96
|
-
readonly Img: React.ForwardRefExoticComponent<Omit<ThumbnailBase.ImgProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
97
|
-
};
|
|
98
|
-
export interface VideoProps extends ReactElementProps<SliderVideoInstance, HTMLVideoElement> {
|
|
99
|
-
asChild?: boolean;
|
|
100
|
-
children?: React.ReactNode;
|
|
101
|
-
ref?: React.Ref<HTMLVideoElement>;
|
|
102
|
-
}
|
|
103
|
-
/**
|
|
104
|
-
* Used to load a low-resolution video to be displayed when the user is hovering over or dragging
|
|
105
|
-
* the time slider. The preview video will automatically be updated to be in-sync with the current
|
|
106
|
-
* preview position, so ensure it has the same length as the original media (i.e., same duration).
|
|
107
|
-
*
|
|
108
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/sliders/slider-video}
|
|
109
|
-
* @example
|
|
110
|
-
* ```tsx
|
|
111
|
-
* <TimeSlider.Root>
|
|
112
|
-
* <TimeSlider.Preview>
|
|
113
|
-
* <TimeSlider.Video src="preview.mp4" />
|
|
114
|
-
* </TimeSlider.Preview>
|
|
115
|
-
* </TimeSlider.Root>
|
|
116
|
-
* ```
|
|
117
|
-
*/
|
|
118
|
-
declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<HTMLVideoElement>>;
|
|
119
|
-
export interface VideoProviderProps {
|
|
120
|
-
instance: SliderVideoInstance;
|
|
121
|
-
children?: React.ReactNode;
|
|
122
|
-
}
|
|
123
|
-
export * from './slider';
|
|
124
|
-
export { Root, Progress, Thumbnail, Video, Chapters, ChapterTitle };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import { VolumeSliderInstance } from '../../primitives/instances';
|
|
4
|
-
import { Value } from './slider';
|
|
5
|
-
export interface RootProps extends ReactElementProps<VolumeSliderInstance> {
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
ref?: React.Ref<VolumeSliderInstance>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Versatile and user-friendly input volume control designed for seamless cross-browser and provider
|
|
12
|
-
* compatibility and accessibility with ARIA support. It offers a smooth user experience for both
|
|
13
|
-
* mouse and touch interactions and is highly customizable in terms of styling. Users can
|
|
14
|
-
* effortlessly change the volume level within the range 0 (muted) to 100.
|
|
15
|
-
*
|
|
16
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/sliders/volume-slider}
|
|
17
|
-
* @example
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <VolumeSlider.Root>
|
|
20
|
-
* <VolumeSlider.Track>
|
|
21
|
-
* <VolumeSlider.TrackFill />
|
|
22
|
-
* </VolumeSlider.Track>
|
|
23
|
-
* <VolumeSlider.Thumb />
|
|
24
|
-
* </VolumeSlider.Root>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<VolumeSliderInstance>>;
|
|
28
|
-
export * from './slider';
|
|
29
|
-
export { Root, Value };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface RootProps extends React.PropsWithoutRef<React.SVGProps<SVGSVGElement>>, React.RefAttributes<SVGElement | SVGSVGElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The horizontal (width) and vertical (height) length of the spinner.
|
|
5
|
-
*
|
|
6
|
-
* @defaultValue 96
|
|
7
|
-
*/
|
|
8
|
-
size?: number;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/display/buffering-indicator}
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <Spinner.Root>
|
|
15
|
-
* <Spinner.Track />
|
|
16
|
-
* <Spinner.TrackFill />
|
|
17
|
-
* </Spinner>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<SVGSVGElement | SVGElement>>;
|
|
21
|
-
export interface TrackProps extends React.PropsWithoutRef<React.SVGProps<SVGCircleElement>>, React.RefAttributes<SVGCircleElement> {
|
|
22
|
-
}
|
|
23
|
-
declare const Track: React.ForwardRefExoticComponent<Omit<TrackProps, "ref"> & React.RefAttributes<SVGCircleElement>>;
|
|
24
|
-
export interface TrackFillProps extends React.PropsWithoutRef<React.SVGProps<SVGCircleElement>>, React.RefAttributes<SVGCircleElement> {
|
|
25
|
-
/**
|
|
26
|
-
* The percentage of the track that should be filled.
|
|
27
|
-
*/
|
|
28
|
-
fillPercent?: number;
|
|
29
|
-
}
|
|
30
|
-
declare const TrackFill: React.ForwardRefExoticComponent<Omit<TrackFillProps, "ref"> & React.RefAttributes<SVGCircleElement>>;
|
|
31
|
-
export { Root, Track, TrackFill };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import { ThumbnailInstance } from '../primitives/instances';
|
|
4
|
-
import { type PrimitivePropsWithRef } from '../primitives/nodes';
|
|
5
|
-
export interface RootProps extends ReactElementProps<ThumbnailInstance, HTMLElement> {
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
ref?: React.Ref<HTMLElement>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Used to load and display a preview thumbnail at the given `time`.
|
|
12
|
-
*
|
|
13
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/display/thumbnail}
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* <Thumbnail.Root src="thumbnails.vtt" time={10} >
|
|
17
|
-
* <Thumbnail.Img />
|
|
18
|
-
* </Thumbnail.Root>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<RootProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
22
|
-
export interface ImgProps extends PrimitivePropsWithRef<'img'> {
|
|
23
|
-
children?: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
declare const Img: React.ForwardRefExoticComponent<Omit<ImgProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
26
|
-
export { Root, Img };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps } from 'maverick.js/react';
|
|
3
|
-
import { TimeInstance } from '../primitives/instances';
|
|
4
|
-
export interface TimeProps extends ReactElementProps<TimeInstance> {
|
|
5
|
-
asChild?: boolean;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
ref?: React.Ref<HTMLElement>;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Outputs a media duration (eg: `currentTime`, `duration`, `bufferedAmount`, etc.) value as time
|
|
11
|
-
* formatted text.
|
|
12
|
-
*
|
|
13
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/display/time}
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* <Time type="current" />
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
declare const Time: React.ForwardRefExoticComponent<Omit<TimeProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
20
|
-
export { Time };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type PrimitivePropsWithRef } from '../primitives/nodes';
|
|
3
|
-
export interface TitleProps extends PrimitivePropsWithRef<'span'> {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* This component is used to load and display the current media title.
|
|
7
|
-
*
|
|
8
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/display/title}
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Title />
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
declare const Title: React.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
15
|
-
export { Title };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ReactElementProps, type ReactProps } from 'maverick.js/react';
|
|
3
|
-
import { TooltipContentInstance, TooltipInstance, TooltipTriggerInstance } from '../primitives/instances';
|
|
4
|
-
export interface RootProps extends ReactProps<TooltipInstance> {
|
|
5
|
-
asChild?: boolean;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* A contextual text bubble that displays a description for an element that appears on pointer
|
|
10
|
-
* hover or keyboard focus.
|
|
11
|
-
*
|
|
12
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/tooltip}
|
|
13
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role}
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* <Tooltip.Root>
|
|
17
|
-
* <Tooltip.Trigger></Tooltip.Trigger>
|
|
18
|
-
* <Tooltip.Content></Tooltip.Content>
|
|
19
|
-
* </Tooltip.Root>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
declare function Root({ children, ...props }: RootProps): React.JSX.Element;
|
|
23
|
-
declare namespace Root {
|
|
24
|
-
var displayName: string;
|
|
25
|
-
}
|
|
26
|
-
export interface TriggerProps extends ReactElementProps<TooltipTriggerInstance> {
|
|
27
|
-
asChild?: boolean;
|
|
28
|
-
children?: React.ReactNode;
|
|
29
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Wraps the element that will trigger showing/hiding the tooltip on hover or keyboard focus. The
|
|
33
|
-
* tooltip content is positioned relative to this element.
|
|
34
|
-
*
|
|
35
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/tooltip}
|
|
36
|
-
* @example
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <Tooltip.Root>
|
|
39
|
-
* <Tooltip.Trigger></Tooltip.Trigger>
|
|
40
|
-
* <Tooltip.Content></Tooltip.Content>
|
|
41
|
-
* </Tooltip.Root>
|
|
42
|
-
* ```
|
|
43
|
-
*/
|
|
44
|
-
declare const Trigger: React.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
45
|
-
export interface ContentProps extends ReactElementProps<TooltipContentInstance> {
|
|
46
|
-
asChild?: boolean;
|
|
47
|
-
children?: React.ReactNode;
|
|
48
|
-
ref?: React.Ref<HTMLElement>;
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* This component contains the content that is visible when the tooltip trigger is interacted with.
|
|
52
|
-
*
|
|
53
|
-
* @docs {@link https://www.vidstack.io/docs/player/components/tooltip}
|
|
54
|
-
* @example
|
|
55
|
-
* ```tsx
|
|
56
|
-
* <Tooltip.Root>
|
|
57
|
-
* <Tooltip.Trigger></Tooltip.Trigger>
|
|
58
|
-
* <Tooltip.Content></Tooltip.Content>
|
|
59
|
-
* </Tooltip.Root>
|
|
60
|
-
* ```
|
|
61
|
-
*/
|
|
62
|
-
declare const Content: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
63
|
-
export { Root, Trigger, Content };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TextTrack, type TextTrackInit } from 'vidstack';
|
|
2
|
-
/**
|
|
3
|
-
* Creates a new `TextTrack` object and adds it to the player.
|
|
4
|
-
*
|
|
5
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/create-text-track}
|
|
6
|
-
*/
|
|
7
|
-
export declare function createTextTrack(init: TextTrackInit): TextTrack;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-audio-gain-options}
|
|
3
|
-
*/
|
|
4
|
-
export declare function useAudioGainOptions({ gains, disabledLabel, }?: UseAudioGainOptions): AudioGainOptions;
|
|
5
|
-
export interface UseAudioGainOptions {
|
|
6
|
-
gains?: (number | {
|
|
7
|
-
label: string;
|
|
8
|
-
gain: number;
|
|
9
|
-
})[];
|
|
10
|
-
disabledLabel?: string | null;
|
|
11
|
-
}
|
|
12
|
-
export type AudioGainOptions = AudioGainOption[] & {
|
|
13
|
-
readonly disabled: boolean;
|
|
14
|
-
readonly selectedValue: string | undefined;
|
|
15
|
-
};
|
|
16
|
-
export interface AudioGainOption {
|
|
17
|
-
readonly label: string;
|
|
18
|
-
readonly value: string;
|
|
19
|
-
readonly gain: number;
|
|
20
|
-
readonly selected: boolean;
|
|
21
|
-
select(trigger?: Event): void;
|
|
22
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type AudioTrack } from 'vidstack';
|
|
2
|
-
/**
|
|
3
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-audio-options}
|
|
4
|
-
*/
|
|
5
|
-
export declare function useAudioOptions(): AudioOptions;
|
|
6
|
-
export type AudioOptions = AudioOption[] & {
|
|
7
|
-
readonly disabled: boolean;
|
|
8
|
-
readonly selectedTrack: AudioTrack | null;
|
|
9
|
-
readonly selectedValue: string | undefined;
|
|
10
|
-
};
|
|
11
|
-
export interface AudioOption {
|
|
12
|
-
readonly track: AudioTrack;
|
|
13
|
-
readonly label: string;
|
|
14
|
-
readonly value: string;
|
|
15
|
-
readonly selected: boolean;
|
|
16
|
-
select(trigger?: Event): void;
|
|
17
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { type TextTrack } from 'vidstack';
|
|
2
|
-
/**
|
|
3
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-caption-options}
|
|
4
|
-
*/
|
|
5
|
-
export declare function useCaptionOptions({ off }?: UseCaptionOptions): CaptionOptions;
|
|
6
|
-
export interface UseCaptionOptions {
|
|
7
|
-
/**
|
|
8
|
-
* Whether an option should be included for turning off all captions. A string can be provided
|
|
9
|
-
* to specify the label.
|
|
10
|
-
*/
|
|
11
|
-
off?: boolean | string;
|
|
12
|
-
}
|
|
13
|
-
export type CaptionOptions = CaptionOption[] & {
|
|
14
|
-
readonly disabled: boolean;
|
|
15
|
-
readonly selectedTrack: TextTrack | null;
|
|
16
|
-
readonly selectedValue: string;
|
|
17
|
-
};
|
|
18
|
-
export interface CaptionOption {
|
|
19
|
-
readonly track: TextTrack | null;
|
|
20
|
-
readonly label: string;
|
|
21
|
-
readonly value: string;
|
|
22
|
-
readonly selected: boolean;
|
|
23
|
-
select(trigger?: Event): void;
|
|
24
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { VTTCue } from 'media-captions';
|
|
2
|
-
/**
|
|
3
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-chapter-options}
|
|
4
|
-
*/
|
|
5
|
-
export declare function useChapterOptions(): ChapterOptions;
|
|
6
|
-
export type ChapterOptions = ChapterOption[] & {
|
|
7
|
-
readonly selectedValue: string | undefined;
|
|
8
|
-
};
|
|
9
|
-
export interface ChapterOption {
|
|
10
|
-
readonly cue: VTTCue;
|
|
11
|
-
readonly label: string;
|
|
12
|
-
readonly value: string;
|
|
13
|
-
readonly selected: boolean;
|
|
14
|
-
readonly startTimeText: string;
|
|
15
|
-
readonly durationText: string;
|
|
16
|
-
select(trigger?: Event): void;
|
|
17
|
-
setProgressVar(ref: HTMLElement | null): void;
|
|
18
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-playback-rate-options}
|
|
3
|
-
*/
|
|
4
|
-
export declare function usePlaybackRateOptions({ rates, normalLabel, }?: UsePlaybackRateOptions): PlaybackRateOptions;
|
|
5
|
-
export interface UsePlaybackRateOptions {
|
|
6
|
-
rates?: (number | {
|
|
7
|
-
label: string;
|
|
8
|
-
rate: number;
|
|
9
|
-
})[];
|
|
10
|
-
normalLabel?: string | null;
|
|
11
|
-
}
|
|
12
|
-
export type PlaybackRateOptions = PlaybackRateOption[] & {
|
|
13
|
-
readonly disabled: boolean;
|
|
14
|
-
readonly selectedValue: string | undefined;
|
|
15
|
-
};
|
|
16
|
-
export interface PlaybackRateOption {
|
|
17
|
-
readonly label: string;
|
|
18
|
-
readonly value: string;
|
|
19
|
-
readonly rate: number;
|
|
20
|
-
readonly selected: boolean;
|
|
21
|
-
select(trigger?: Event): void;
|
|
22
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { type VideoQuality } from 'vidstack';
|
|
2
|
-
/**
|
|
3
|
-
* @docs {@link https://www.vidstack.io/docs/player/api/hooks/use-video-quality-options}
|
|
4
|
-
*/
|
|
5
|
-
export declare function useVideoQualityOptions({ auto, sort, }?: UseVideoQualityOptions): VideoQualityOptions;
|
|
6
|
-
export interface UseVideoQualityOptions {
|
|
7
|
-
/**
|
|
8
|
-
* Whether an auto option should be included. A string can be provided to specify the label.
|
|
9
|
-
*/
|
|
10
|
-
auto?: boolean | string;
|
|
11
|
-
/**
|
|
12
|
-
* Specifies how the options should be sorted. The sorting algorithm looks at both the quality
|
|
13
|
-
* resolution and bitrate.
|
|
14
|
-
*
|
|
15
|
-
* - Ascending: 480p, 720p, 720p (higher bitrate), 1080p
|
|
16
|
-
* - Descending: 1080p, 720p (higher bitrate), 720p, 480p
|
|
17
|
-
*
|
|
18
|
-
* @default 'descending'
|
|
19
|
-
*/
|
|
20
|
-
sort?: 'ascending' | 'descending';
|
|
21
|
-
}
|
|
22
|
-
export type VideoQualityOptions = VideoQualityOption[] & {
|
|
23
|
-
readonly disabled: boolean;
|
|
24
|
-
readonly selectedQuality: VideoQuality | null;
|
|
25
|
-
readonly selectedValue: string;
|
|
26
|
-
};
|
|
27
|
-
export interface VideoQualityOption {
|
|
28
|
-
readonly quality: VideoQuality | null;
|
|
29
|
-
readonly label: string;
|
|
30
|
-
readonly value: string;
|
|
31
|
-
readonly selected: boolean;
|
|
32
|
-
readonly autoSelected: boolean;
|
|
33
|
-
readonly bitrateText: string | null;
|
|
34
|
-
select(trigger?: Event): void;
|
|
35
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare function useClassName(el: HTMLElement | null, className?: string): void;
|
|
2
|
-
export declare function useResizeObserver(el: Element | null | undefined, callback: () => void): void;
|
|
3
|
-
export declare function useTransitionActive(el: Element | null): boolean;
|
|
4
|
-
export declare function useMouseEnter(el: Element | null): boolean;
|
|
5
|
-
export declare function useFocusIn(el: Element | null): boolean;
|
|
6
|
-
export declare function useActive(el: Element | null): boolean;
|
|
7
|
-
export declare function useRectCSSVars(root: Element | null, el: Element | null, prefix: string): void;
|
|
8
|
-
export declare function setRectCSSVars(root: Element, el: Element, prefix: string): void;
|
|
9
|
-
export declare function useColorSchemePreference(): "light" | "dark";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useMediaContext(): import("vidstack").MediaContext;
|