diff --git a/README.md b/README.md
index aee04455..4f8cc222 100644
--- a/README.md
+++ b/README.md
@@ -36,25 +36,7 @@ import ReactPlayer from 'react-player'
 <ReactPlayer url='https://www.youtube.com/watch?v=LXb3EKWsInQ' />
 ```
 
-By default, ReactPlayer supports [many different types](#supported-media) of `url`. If you only ever use one type, use imports such as `react-player/youtube` to reduce your bundle size. See [config keys](#config-prop) for all player keys.
-
-```jsx
-import React from 'react'
-import ReactPlayer from 'react-player/youtube'
-
-// Only loads the YouTube player
-<ReactPlayer url='https://www.youtube.com/watch?v=LXb3EKWsInQ' />
-```
-
-If your build system supports `import()` statements, use `react-player/lazy` to lazy load the appropriate player for the `url` you pass in. This adds several `reactPlayer` chunks to your output, but reduces your main bundle size.
-
-```jsx
-import React from 'react'
-import ReactPlayer from 'react-player/lazy'
-
-// Lazy load the YouTube player
-<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' />
-```
+If your build system supports `import()` statements and code splitting enable this to lazy load the appropriate player for the `url` you pass in. This adds several `reactPlayer` chunks to your output, but reduces your main bundle size.
 
 Demo page: [`https://cookpete.github.io/react-player`](https://cookpete.github.io/react-player)
 
@@ -81,15 +63,12 @@ Prop | Description | Default
 `width` | Set the width of the player | `640px`
 `height` | Set the height of the player | `360px`
 `style` | Add [inline styles](https://facebook.github.io/react/tips/inline-styles.html) to the root element | `{}`
-`progressInterval` | The time between `onProgress` callbacks, in milliseconds | `1000`
-`playsinline` | Applies the `playsinline` attribute where supported | `false`
+`playsInline` | Applies the `playsInline` attribute where supported | `false`
 `pip` | Set to `true` or `false` to enable or disable [picture-in-picture mode](https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture)<br/>&nbsp; ◦ &nbsp;Only available when playing file URLs in [certain browsers](https://caniuse.com/#feat=picture-in-picture) | `false`
-`stopOnUnmount` | If you are using `pip` you may want to use `stopOnUnmount={false}` to continue playing in picture-in-picture mode even after ReactPlayer unmounts | `true`
 `fallback` | Element or component to use as a fallback if you are using lazy loading | `null`
 `wrapper` | Element or component to use as the container element | `div`
 `playIcon` | Element or component to use as the play icon in light mode
 `previewTabIndex` | Set the tab index to be used on light mode | 0
-`config` | Override options for the various players, see [config prop](#config-prop)
 
 #### Callback props
 
@@ -97,55 +76,21 @@ Callback props take a function that gets fired on various player events:
 
 Prop | Description
 ---- | -----------
+`onClickPreview` | Called when user clicks the `light` mode preview
 `onReady` | Called when media is loaded and ready to play. If `playing` is set to `true`, media will play immediately
 `onStart` | Called when media starts playing
 `onPlay` | Called when media starts or resumes playing after pausing or buffering
-`onProgress` | Callback containing `played` and `loaded` progress as a fraction, and `playedSeconds` and `loadedSeconds` in seconds<br />&nbsp; ◦ &nbsp;eg `{ played: 0.12, playedSeconds: 11.3, loaded: 0.34, loadedSeconds: 16.7 }`
+`onProgress` | Called when media data is loaded
+`onTimeUpdate` | Called when the media's current time changes
 `onDuration` | Callback containing duration of the media, in seconds
 `onPause` | Called when media is paused
-`onBuffer` | Called when media starts buffering
-`onBufferEnd` | Called when media has finished buffering<br />&nbsp; ◦ &nbsp;Works for files, YouTube and Facebook
-`onSeek` | Called when media seeks with `seconds` parameter
-`onPlaybackRateChange` | Called when playback rate of the player changed<br />&nbsp; ◦ &nbsp;Only supported by YouTube, Vimeo ([if enabled](https://developer.vimeo.com/player/sdk/reference#playbackratechange)), Wistia, and file paths
-`onPlaybackQualityChange` | Called when playback quality of the player changed<br />&nbsp; ◦ &nbsp;Only supported by YouTube ([if enabled](https://developers.google.com/youtube/iframe_api_reference#Events))
+`onSeeking` | Called when media is seeking
+`onSeeked` | Called when media has finished seeking
+`onRateChange` | Called when playback rate of the player changed<br />&nbsp; ◦ &nbsp;Only supported by YouTube, Vimeo ([if enabled](https://developer.vimeo.com/player/sdk/reference#playbackratechange)), Wistia, and file paths
 `onEnded` | Called when media finishes playing<br />&nbsp; ◦ &nbsp;Does not fire when `loop` is set to `true`
 `onError` | Called when an error occurs whilst attempting to play media
-`onClickPreview` | Called when user clicks the `light` mode preview
-`onEnablePIP` | Called when picture-in-picture mode is enabled
-`onDisablePIP` | Called when picture-in-picture mode is disabled
-
-#### Config prop
-
-There is a single `config` prop to override settings for each type of player:
-
-```jsx
-<ReactPlayer
-  url={url}
-  config={{
-    youtube: {
-      playerVars: { showinfo: 1 }
-    },
-    facebook: {
-      appId: '12345'
-    }
-  }}
-/>
-```
-
-Settings for each player live under different keys:
-
-Key | Options
---- | -------
-`youtube` | `playerVars`: Override the [default player vars](https://developers.google.com/youtube/player_parameters?playerVersion=HTML5)<br />`embedOptions`: Override the [default embed options](https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player)<br />`onUnstarted`: Called when state changes to `unstarted` (usually when video fails to autoplay)
-`facebook` | `appId`: Your own [Facebook app ID](https://developers.facebook.com/docs/apps/register#app-id)<br />`version`: Facebook SDK version<br />`playerId`: Override player ID for consistent server-side rendering (use with [`react-uid`](https://github.com/thearnica/react-uid))<br />`attributes`: Extra data attributes to pass to the `fb-video` element
-`soundcloud` | `options`: Override the [default player options](https://developers.soundcloud.com/docs/api/html5-widget#params)
-`vimeo` | `playerOptions`: Override the [default params](https://developer.vimeo.com/player/sdk/embed)<br />`title`: Set the player `iframe` title attribute
-`mux` | `attributes`: Apply [element attributes](https://github.com/muxinc/elements/blob/main/packages/mux-player/REFERENCE.md#attributes)<br />`version`: Mux player version
-`wistia` | `options`: Override the [default player options](https://wistia.com/doc/embed-options#options_list)<br />`playerId`: Override player ID for consistent server-side rendering (use with [`react-uid`](https://github.com/thearnica/react-uid))
-`mixcloud` | `options`: Override the [default player options](https://www.mixcloud.com/developers/widget/#methods)
-`dailymotion` | `params`: Override the [default player vars](https://developer.dailymotion.com/player#player-parameters)
-`twitch` | `options`: Override the [default player options](https://dev.twitch.tv/docs/embed)<br />`playerId`: Override player ID for consistent server-side rendering (use with [`react-uid`](https://github.com/thearnica/react-uid))
-`file` | `attributes`: Apply [element attributes](https://developer.mozilla.org/en/docs/Web/HTML/Element/video#Attributes)<br />`forceVideo`: Always render a `<video>` element<br />`forceAudio`: Always render an `<audio>` element<br />`forceHLS`: Use [hls.js](https://github.com/video-dev/hls.js) for HLS streams<br />`forceSafariHLS`: Use [hls.js](https://github.com/video-dev/hls.js) for HLS streams, [even on Safari](https://github.com/cookpete/react-player/pull/1560)<br />`forceDisableHLS`: Disable usage [hls.js](https://github.com/video-dev/hls.js) for HLS streams<br />`forceDASH`: Always use [dash.js](https://github.com/Dash-Industry-Forum/dash.js) for DASH streams<br />`forceFLV`: Always use [flv.js](https://github.com/Bilibili/flv.js)<br />`hlsOptions`: Override the [default `hls.js` options](https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning)<br />`hlsVersion`: Override the [`hls.js`](https://github.com/video-dev/hls.js) version loaded from [`jsdelivr`](https://www.jsdelivr.com/package/npm/hls.js), default: `0.13.1`<br />`dashVersion`: Override the [`dash.js`](https://github.com/Dash-Industry-Forum/dash.js) version loaded from [`cdnjs`](https://cdnjs.com/libraries/dashjs), default: `2.9.2`<br />`flvVersion`: Override the [`flv.js`](https://github.com/Bilibili/flv.js) version loaded from [`jsdelivr`](https://www.jsdelivr.com/package/npm/flv.js), default: `1.5.0`
+`onEnterPictureInPicture` | Called when entering picture-in-picture mode
+`onLeavePictureInPicture` | Called when leaving picture-in-picture mode
 
 ### Methods
 
@@ -154,22 +99,13 @@ Key | Options
 Method | Description
 ------ | -----------
 `ReactPlayer.canPlay(url)` | Determine if a URL can be played. This does *not* detect media that is unplayable due to privacy settings, streaming permissions, etc. In that case, the `onError` prop will be invoked after attempting to play. Any URL that does not match any patterns will fall back to a native HTML5 media player.
-`ReactPlayer.canEnablePiP(url)` | Determine if a URL can be played in [picture-in-picture mode](https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture)
 `ReactPlayer.addCustomPlayer(CustomPlayer)` | Add a custom player. See [Adding custom players](#adding-custom-players)
 `ReactPlayer.removeCustomPlayers()` | Remove any players that have been added using `addCustomPlayer()`
 
 #### Instance Methods
 
-Use [`ref`](https://facebook.github.io/react/docs/refs-and-the-dom.html) to call instance methods on the player. See [the demo app](examples/react/src/App.js) for an example of this.
-
-Method | Description
------- | -----------
-`seekTo(amount, type)` | Seek to the given number of seconds, or fraction if `amount` is between `0` and `1`<br />&nbsp; ◦ &nbsp;`type` parameter lets you specify `'seconds'` or `'fraction'` to override default behaviour
-`getCurrentTime()` | Returns the number of seconds that have been played<br />&nbsp; ◦ &nbsp;Returns `null` if unavailable
-`getSecondsLoaded()` | Returns the number of seconds that have been loaded<br />&nbsp; ◦ &nbsp;Returns `null` if unavailable or unsupported
-`getDuration()` | Returns the duration (in seconds) of the currently playing media<br />&nbsp; ◦ &nbsp;Returns `null` if duration is unavailable
-`getInternalPlayer()` | Returns the internal player of whatever is currently playing<br />&nbsp; ◦ &nbsp;eg the [YouTube player instance](https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player), or the [`<video>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/video) element when playing a video file<br />&nbsp; ◦ &nbsp;Use `getInternalPlayer('hls')` to get the [hls.js](https://github.com/video-dev/hls.js) player<br />&nbsp; ◦ &nbsp;Use `getInternalPlayer('dash')` to get the [dash.js](https://github.com/Dash-Industry-Forum/dash.js) player<br />&nbsp; ◦ &nbsp;Returns `null` if the internal player is unavailable
-`showPreview()` | When using `light` mode, returns to the preview overlay
+Use [`ref`](https://react.dev/learn/manipulating-the-dom-with-refs) to call instance methods on the player. See [the demo app](examples/react/src/App.js) for an example of this. Since `v3`, the instance methods aim to be compatible 
+with the [HTMLMediaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement) interface.
 
 ### Advanced Usage
 
@@ -227,26 +163,6 @@ See [`jsFiddle` example](https://jsfiddle.net/e6w3rtj1/)
 
 You can use your own version of any player SDK, assuming the correct `window` global is set before the player mounts. For example, to use a local version of [`hls.js`](https://cdnjs.com/libraries/hls.js), add `<script src='/path/hls.js'></script>` to your app. If `window.Hls` is available when ReactPlayer mounts, it will use that instead of loading `hls.js` from `cdnjs`. See [#605](https://github.com/cookpete/react-player/issues/605#issuecomment-492561909) for more information.
 
-#### Standalone player
-
-If you aren’t using React, you can still render a player using the standalone library:
-
-```html
-<script src='https://cdn.jsdelivr.net/npm/react-player/dist/ReactPlayer.standalone.js'></script>
-<script>
-  const container = document.getElementById('container')
-  const url = 'https://www.youtube.com/watch?v=d46Azg3Pm4c'
-
-  renderReactPlayer(container, { url, playing: true })
-
-  function pausePlayer () {
-    renderReactPlayer(container, { url, playing: false })
-  }
-</script>
-```
-
-See [`jsFiddle` example](https://jsfiddle.net/krkcvx9s/)
-
 #### Adding custom players
 
 If you have your own player that is compatible with ReactPlayer’s internal architecture, you can add it using `addCustomPlayer`:
@@ -272,71 +188,32 @@ Due to various restrictions, `ReactPlayer` is not guaranteed to function properl
 
 #### Multiple Sources and Tracks
 
-Passing an array of YouTube URLs to the `url` prop will load them as an untitled playlist.
+Since `v3` if the player supports multiple sources and / or tracks, it works the same as the native 
+`<source` and `<track>` elements in the HTML `<video>` or `<audio>` element. 
 
 ```jsx
-<ReactPlayer
-  url={[
-    'https://www.youtube.com/watch?v=oUFJJNQGwhk',
-    'https://www.youtube.com/watch?v=jNgP6d9HraI'
-  ]}
-/>
+<ReactPlayer controls>
+  <source src="foo.webm" type="video/webm">
+  <source src="foo.ogg" type="video/ogg">
+  <track kind="subtitles" src="subs/subtitles.en.vtt" srclang="en" default>
+  <track kind="subtitles" src="subs/subtitles.ja.vtt" srclang="ja">
+  <track kind="subtitles" src="subs/subtitles.de.vtt" srclang="de">
+</ReactPlayer>
 ```
 
-When playing file paths, an array of sources can be passed to the `url` prop to render multiple `<source>` tags.
-
-```jsx
-<ReactPlayer playing url={['foo.webm', 'foo.ogg']} />
-```
+### Migrating to `v2`
 
-You can also specify a `type` for each source by using objects with `src` and `type` properties.
-
-```jsx
-<ReactPlayer
-  playing
-  url={[
-    {src: 'foo.webm', type: 'video/webm'},
-    {src: 'foo.ogg', type: 'video/ogg'}
-  ]}
-/>
-```
-
-[`<track>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track) elements for subtitles can be added using `config.file`:
-
-```jsx
-<ReactPlayer
-  playing
-  url='foo.webm'
-  config={{ file: {
-    tracks: [
-      {kind: 'subtitles', src: 'subs/subtitles.en.vtt', srcLang: 'en', default: true},
-      {kind: 'subtitles', src: 'subs/subtitles.ja.vtt', srcLang: 'ja'},
-      {kind: 'subtitles', src: 'subs/subtitles.de.vtt', srcLang: 'de'}
-    ]
-  }}}
-/>
-```
-
-### Migrating to `v2.0`
-
-ReactPlayer `v2.0` changes single player imports and adds lazy loading players. Support for `preload` has also been removed, plus some other changes. See [`MIGRATING.md`](/MIGRATING.md) for information.
+ReactPlayer `v2` changes single player imports and adds lazy loading players. Support for `preload` has also been removed, plus some other changes. See [`MIGRATING.md`](/MIGRATING.md) for information.
 
 ### Supported media
 
+* [Supported file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats) are playing using [`<video>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/video) or [`<audio>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/audio) elements
+* HLS streams are played using [`hls.js`](https://github.com/video-dev/hls.js)
+* DASH streams are played using [`dash.js`](https://github.com/Dash-Industry-Forum/dash.js)
+* Mux videos use the [`<mux-player>`](https://github.com/muxinc/elements/blob/main/packages/mux-player/README.md) element
 * YouTube videos use the [YouTube iFrame Player API](https://developers.google.com/youtube/iframe_api_reference)
-* Facebook videos use the [Facebook Embedded Video Player API](https://developers.facebook.com/docs/plugins/embedded-video-player/api)
-* SoundCloud tracks use the [SoundCloud Widget API](https://developers.soundcloud.com/docs/api/html5-widget)
-* Streamable videos use [`Player.js`](https://github.com/embedly/player.js)
 * Vimeo videos use the [Vimeo Player API](https://developer.vimeo.com/player/sdk)
-* Mux videos use the [`<mux-player>`](https://github.com/muxinc/elements/blob/main/packages/mux-player/README.md) element
 * Wistia videos use the [Wistia Player API](https://wistia.com/doc/player-api)
-* Twitch videos use the [Twitch Interactive Frames API](https://dev.twitch.tv/docs/embed#interactive-frames-for-live-streams-and-vods)
-* DailyMotion videos use the [DailyMotion Player API](https://developer.dailymotion.com/player)
-* Vidyard videos use the [Vidyard Player API](https://knowledge.vidyard.com/hc/en-us/articles/360019034753-Using-the-Vidyard-Player-API)
-* Kaltura's `react-player` implementation uses the embed.ly [`Player.js`](https://github.com/embedly/player.js) API but Kaltura specific APIs are also available, see [Kaltura Player API](http://player.kaltura.com/docs/index.php?path=kwidget)
-* [Supported file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats) are playing using [`<video>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/video) or [`<audio>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/audio) elements
-  * HLS streams are played using [`hls.js`](https://github.com/video-dev/hls.js)
-  * DASH streams are played using [`dash.js`](https://github.com/Dash-Industry-Forum/dash.js)
 
 ### Contributing
 
diff --git a/biome.json b/biome.json
new file mode 100644
index 00000000..2d55f739
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,9 @@
+{
+  "files": {
+    "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"],
+    "ignore": ["dist/**"]
+  },
+  "formatter": {
+    "indentStyle": "space"
+  }
+}
diff --git a/examples/react/public/index.html b/examples/react/public/index.html
index a2f0444c..e81ff48a 100644
--- a/examples/react/public/index.html
+++ b/examples/react/public/index.html
@@ -8,7 +8,7 @@
     <link rel='stylesheet' href='./defaults.css'>
     <link rel='stylesheet' href='./range.css'>
     <link rel='stylesheet' href='./App.css'>
-    <script defer src='./index.js'></script>
+    <script type='module' src='./index.js'></script>
   </head>
   <body>
     <div id='app'></div>
diff --git a/examples/react/src/App.js b/examples/react/src/App.js
deleted file mode 100644
index 3ba82719..00000000
--- a/examples/react/src/App.js
+++ /dev/null
@@ -1,438 +0,0 @@
-import React, { Component } from 'react'
-import screenfull from 'screenfull'
-
-import { version } from '../../../package.json'
-import ReactPlayer from '../../..'
-import Duration from './Duration'
-
-class App extends Component {
-  state = {
-    url: null,
-    pip: false,
-    playing: true,
-    controls: false,
-    light: false,
-    volume: 0.8,
-    muted: false,
-    played: 0,
-    loaded: 0,
-    duration: 0,
-    playbackRate: 1.0,
-    loop: false
-  }
-
-  load = url => {
-    this.setState({
-      url,
-      played: 0,
-      loaded: 0,
-      pip: false
-    })
-  }
-
-  handlePlayPause = () => {
-    this.setState({ playing: !this.state.playing })
-  }
-
-  handleStop = () => {
-    this.setState({ url: null, playing: false })
-  }
-
-  handleToggleControls = () => {
-    const url = this.state.url
-    this.setState({
-      controls: !this.state.controls,
-      url: null
-    }, () => this.load(url))
-  }
-
-  handleToggleLight = () => {
-    this.setState({ light: !this.state.light })
-  }
-
-  handleToggleLoop = () => {
-    this.setState({ loop: !this.state.loop })
-  }
-
-  handleVolumeChange = e => {
-    this.setState({ volume: parseFloat(e.target.value) })
-  }
-
-  handleToggleMuted = () => {
-    this.setState({ muted: !this.state.muted })
-  }
-
-  handleSetPlaybackRate = e => {
-    this.setState({ playbackRate: parseFloat(e.target.value) })
-  }
-
-  handleOnPlaybackRateChange = (speed) => {
-    this.setState({ playbackRate: parseFloat(speed) })
-  }
-
-  handleTogglePIP = () => {
-    this.setState({ pip: !this.state.pip })
-  }
-
-  handlePlay = () => {
-    console.log('onPlay')
-    this.setState({ playing: true })
-  }
-
-  handleEnablePIP = () => {
-    console.log('onEnablePIP')
-    this.setState({ pip: true })
-  }
-
-  handleDisablePIP = () => {
-    console.log('onDisablePIP')
-    this.setState({ pip: false })
-  }
-
-  handlePause = () => {
-    console.log('onPause')
-    this.setState({ playing: false })
-  }
-
-  handleSeekMouseDown = e => {
-    this.setState({ seeking: true })
-  }
-
-  handleSeekChange = e => {
-    this.setState({ played: parseFloat(e.target.value) })
-  }
-
-  handleSeekMouseUp = e => {
-    this.setState({ seeking: false })
-    this.player.seekTo(parseFloat(e.target.value))
-  }
-
-  handleProgress = state => {
-    console.log('onProgress', state)
-    // We only want to update time slider if we are not currently seeking
-    if (!this.state.seeking) {
-      this.setState(state)
-    }
-  }
-
-  handleEnded = () => {
-    console.log('onEnded')
-    this.setState({ playing: this.state.loop })
-  }
-
-  handleDuration = (duration) => {
-    console.log('onDuration', duration)
-    this.setState({ duration })
-  }
-
-  handleClickFullscreen = () => {
-    screenfull.request(document.querySelector('.react-player'))
-  }
-
-  renderLoadButton = (url, label) => {
-    return (
-      <button onClick={() => this.load(url)}>
-        {label}
-      </button>
-    )
-  }
-
-  ref = player => {
-    this.player = player
-  }
-
-  render () {
-    const { url, playing, controls, light, volume, muted, loop, played, loaded, duration, playbackRate, pip } = this.state
-    const SEPARATOR = ' · '
-
-    return (
-      <div className='app'>
-        <section className='section'>
-          <h1>ReactPlayer Demo</h1>
-          <div className='player-wrapper'>
-            <ReactPlayer
-              ref={this.ref}
-              className='react-player'
-              width='100%'
-              height='100%'
-              url={url}
-              pip={pip}
-              playing={playing}
-              controls={controls}
-              light={light}
-              loop={loop}
-              playbackRate={playbackRate}
-              volume={volume}
-              muted={muted}
-              onReady={() => console.log('onReady')}
-              onStart={() => console.log('onStart')}
-              onPlay={this.handlePlay}
-              onEnablePIP={this.handleEnablePIP}
-              onDisablePIP={this.handleDisablePIP}
-              onPause={this.handlePause}
-              onBuffer={() => console.log('onBuffer')}
-              onPlaybackRateChange={this.handleOnPlaybackRateChange}
-              onSeek={e => console.log('onSeek', e)}
-              onEnded={this.handleEnded}
-              onError={e => console.log('onError', e)}
-              onProgress={this.handleProgress}
-              onDuration={this.handleDuration}
-              onPlaybackQualityChange={e => console.log('onPlaybackQualityChange', e)}
-            />
-          </div>
-
-          <table>
-            <tbody>
-              <tr>
-                <th>Controls</th>
-                <td>
-                  <button onClick={this.handleStop}>Stop</button>
-                  <button onClick={this.handlePlayPause}>{playing ? 'Pause' : 'Play'}</button>
-                  <button onClick={this.handleClickFullscreen}>Fullscreen</button>
-                  {light &&
-                    <button onClick={() => this.player.showPreview()}>Show preview</button>}
-                  {ReactPlayer.canEnablePIP(url) &&
-                    <button onClick={this.handleTogglePIP}>{pip ? 'Disable PiP' : 'Enable PiP'}</button>}
-                </td>
-              </tr>
-              <tr>
-                <th>Speed</th>
-                <td>
-                  <button onClick={this.handleSetPlaybackRate} value={1}>1x</button>
-                  <button onClick={this.handleSetPlaybackRate} value={1.5}>1.5x</button>
-                  <button onClick={this.handleSetPlaybackRate} value={2}>2x</button>
-                </td>
-              </tr>
-              <tr>
-                <th>Seek</th>
-                <td>
-                  <input
-                    type='range' min={0} max={0.999999} step='any'
-                    value={played}
-                    onMouseDown={this.handleSeekMouseDown}
-                    onChange={this.handleSeekChange}
-                    onMouseUp={this.handleSeekMouseUp}
-                  />
-                </td>
-              </tr>
-              <tr>
-                <th>Volume</th>
-                <td>
-                  <input type='range' min={0} max={1} step='any' value={volume} onChange={this.handleVolumeChange} />
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <label htmlFor='controls'>Controls</label>
-                </th>
-                <td>
-                  <input id='controls' type='checkbox' checked={controls} onChange={this.handleToggleControls} />
-                  <em>&nbsp; Requires player reload</em>
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <label htmlFor='muted'>Muted</label>
-                </th>
-                <td>
-                  <input id='muted' type='checkbox' checked={muted} onChange={this.handleToggleMuted} />
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <label htmlFor='loop'>Loop</label>
-                </th>
-                <td>
-                  <input id='loop' type='checkbox' checked={loop} onChange={this.handleToggleLoop} />
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <label htmlFor='light'>Light mode</label>
-                </th>
-                <td>
-                  <input id='light' type='checkbox' checked={light} onChange={this.handleToggleLight} />
-                </td>
-              </tr>
-              <tr>
-                <th>Played</th>
-                <td><progress max={1} value={played} /></td>
-              </tr>
-              <tr>
-                <th>Loaded</th>
-                <td><progress max={1} value={loaded} /></td>
-              </tr>
-            </tbody>
-          </table>
-        </section>
-        <section className='section'>
-          <table>
-            <tbody>
-              <tr>
-                <th>YouTube</th>
-                <td>
-                  {this.renderLoadButton('https://www.youtube.com/watch?v=oUFJJNQGwhk', 'Test A')}
-                  {this.renderLoadButton('https://www.youtube.com/watch?v=jNgP6d9HraI', 'Test B')}
-                  {this.renderLoadButton('https://www.youtube.com/playlist?list=PLogRWNZ498ETeQNYrOlqikEML3bKJcdcx', 'Playlist')}
-                </td>
-              </tr>
-              <tr>
-                <th>SoundCloud</th>
-                <td>
-                  {this.renderLoadButton('https://soundcloud.com/miami-nights-1984/accelerated', 'Test A')}
-                  {this.renderLoadButton('https://soundcloud.com/tycho/tycho-awake', 'Test B')}
-                  {this.renderLoadButton('https://soundcloud.com/yunghog/sets/doperaptraxxx', 'Playlist')}
-                </td>
-              </tr>
-              <tr>
-                <th>Facebook</th>
-                <td>
-                  {this.renderLoadButton('https://www.facebook.com/facebook/videos/10153231379946729/', 'Test A')}
-                  {this.renderLoadButton('https://www.facebook.com/FacebookDevelopers/videos/10152454700553553/', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Vimeo</th>
-                <td>
-                  {this.renderLoadButton('https://vimeo.com/90509568', 'Test A')}
-                  {this.renderLoadButton('https://vimeo.com/169599296', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Mux</th>
-                <td>
-                  {this.renderLoadButton('https://stream.mux.com/maVbJv2GSYNRgS02kPXOOGdJMWGU1mkA019ZUjYE7VU7k', 'Test A')}
-                  {this.renderLoadButton('https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Twitch</th>
-                <td>
-                  {this.renderLoadButton('https://www.twitch.tv/videos/106400740', 'Test A')}
-                  {this.renderLoadButton('https://www.twitch.tv/videos/12783852', 'Test B')}
-                  {this.renderLoadButton('https://www.twitch.tv/kronovi', 'Test C')}
-                </td>
-              </tr>
-              <tr>
-                <th>Streamable</th>
-                <td>
-                  {this.renderLoadButton('https://streamable.com/moo', 'Test A')}
-                  {this.renderLoadButton('https://streamable.com/ifjh', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Wistia</th>
-                <td>
-                  {this.renderLoadButton('https://home.wistia.com/medias/e4a27b971d', 'Test A')}
-                  {this.renderLoadButton('https://home.wistia.com/medias/29b0fbf547', 'Test B')}
-                  {this.renderLoadButton('https://home.wistia.com/medias/bq6epni33s', 'Test C')}
-                </td>
-              </tr>
-              <tr>
-                <th>DailyMotion</th>
-                <td>
-                  {this.renderLoadButton('https://www.dailymotion.com/video/x5e9eog', 'Test A')}
-                  {this.renderLoadButton('https://www.dailymotion.com/video/x61xx3z', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Mixcloud</th>
-                <td>
-                  {this.renderLoadButton('https://www.mixcloud.com/mixcloud/meet-the-curators/', 'Test A')}
-                  {this.renderLoadButton('https://www.mixcloud.com/mixcloud/mixcloud-curates-4-mary-anne-hobbs-in-conversation-with-dan-deacon/', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Vidyard</th>
-                <td>
-                  {this.renderLoadButton('https://video.vidyard.com/watch/YBvcF2BEfvKdowmfrRwk57', 'Test A')}
-                  {this.renderLoadButton('https://video.vidyard.com/watch/BLXgYCDGfwU62vdMWybNVJ', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Kaltura</th>
-                <td>
-                  {this.renderLoadButton('https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622074&entry_id=1_jz404fbl', 'Test A')}
-                  {this.renderLoadButton('https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622336&entry_id=1_i1jmzcn3', 'Test B')}
-                </td>
-              </tr>
-              <tr>
-                <th>Files</th>
-                <td>
-                  {this.renderLoadButton('https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4', 'mp4')}
-                  {this.renderLoadButton('https://test-videos.co.uk/vids/bigbuckbunny/webm/vp8/360/Big_Buck_Bunny_360_10s_1MB.webm', 'webm')}
-                  {this.renderLoadButton('https://filesamples.com/samples/video/ogv/sample_640x360.ogv', 'ogv')}
-                  {this.renderLoadButton('https://storage.googleapis.com/media-session/elephants-dream/the-wires.mp3', 'mp3')}
-                  <br />
-                  {this.renderLoadButton('https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8', 'HLS (m3u8)')}
-                  {this.renderLoadButton('https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps_640x360_800k.mpd', 'DASH (mpd)')}
-                </td>
-              </tr>
-              <tr>
-                <th>Custom URL</th>
-                <td>
-                  <input ref={input => { this.urlInput = input }} type='text' placeholder='Enter URL' />
-                  <button onClick={() => this.setState({ url: this.urlInput.value })}>Load</button>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-
-          <h2>State</h2>
-
-          <table>
-            <tbody>
-              <tr>
-                <th>url</th>
-                <td className={!url ? 'faded' : ''}>
-                  {(url instanceof Array ? 'Multiple' : url) || 'null'}
-                </td>
-              </tr>
-              <tr>
-                <th>playing</th>
-                <td>{playing ? 'true' : 'false'}</td>
-              </tr>
-              <tr>
-                <th>volume</th>
-                <td>{volume.toFixed(3)}</td>
-              </tr>
-              <tr>
-                <th>speed</th>
-                <td>{playbackRate}</td>
-              </tr>
-              <tr>
-                <th>played</th>
-                <td>{played.toFixed(3)}</td>
-              </tr>
-              <tr>
-                <th>loaded</th>
-                <td>{loaded.toFixed(3)}</td>
-              </tr>
-              <tr>
-                <th>duration</th>
-                <td><Duration seconds={duration} /></td>
-              </tr>
-              <tr>
-                <th>elapsed</th>
-                <td><Duration seconds={duration * played} /></td>
-              </tr>
-              <tr>
-                <th>remaining</th>
-                <td><Duration seconds={duration * (1 - played)} /></td>
-              </tr>
-            </tbody>
-          </table>
-        </section>
-        <footer className='footer'>
-          Version <strong>{version}</strong>
-          {SEPARATOR}
-          <a href='https://github.com/CookPete/react-player'>GitHub</a>
-          {SEPARATOR}
-          <a href='https://www.npmjs.com/package/react-player'>npm</a>
-        </footer>
-      </div>
-    )
-  }
-}
-
-export default App
diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx
new file mode 100644
index 00000000..75492139
--- /dev/null
+++ b/examples/react/src/App.tsx
@@ -0,0 +1,513 @@
+// biome-ignore lint/style/useImportType:
+import React, { Component } from 'react';
+import screenfull from 'screenfull';
+
+import { version } from '../../../package.json';
+import ReactPlayer from '../../../';
+import Duration from './Duration';
+
+class App extends Component {
+  player: HTMLVideoElement | null = null;
+  urlInput: HTMLInputElement | null = null;
+
+  state = {
+    src: '',
+    pip: false,
+    playing: false,
+    controls: false,
+    light: false,
+    volume: 1,
+    muted: false,
+    played: 0,
+    loaded: 0,
+    duration: 0,
+    playbackRate: 1.0,
+    loop: false,
+    seeking: false,
+  };
+
+  load = (src?: string) => {
+    this.setState({
+      src,
+      played: 0,
+      loaded: 0,
+      pip: false,
+    });
+  };
+
+  handlePlayPause = () => {
+    this.setState({ playing: !this.state.playing });
+  };
+
+  handleStop = () => {
+    this.setState({ src: '', playing: false });
+  };
+
+  handleToggleControls = () => {
+    this.setState({ controls: !this.state.controls });
+  };
+
+  handleToggleLight = () => {
+    this.setState({ light: !this.state.light });
+  };
+
+  handleToggleLoop = () => {
+    this.setState({ loop: !this.state.loop });
+  };
+
+  handleVolumeChange = (e: React.SyntheticEvent<HTMLInputElement>) => {
+    this.setState({ volume: Number.parseFloat(e.currentTarget.value) });
+  };
+
+  handleToggleMuted = () => {
+    this.setState({ muted: !this.state.muted });
+  };
+
+  handleSetPlaybackRate = (e: React.SyntheticEvent<HTMLButtonElement>) => {
+    this.setState({ playbackRate: Number.parseFloat(`${e.currentTarget.dataset.value}`) });
+  };
+
+  handleRateChange = () => {
+    this.setState({ playbackRate: this.player?.playbackRate });
+  };
+
+  handleTogglePIP = () => {
+    this.setState({ pip: !this.state.pip });
+  };
+
+  handlePlay = () => {
+    console.log('onPlay');
+    this.setState({ playing: true });
+  };
+
+  handleEnterPictureInPicture = () => {
+    console.log('onEnterPictureInPicture');
+    this.setState({ pip: true });
+  };
+
+  handleLeavePictureInPicture = () => {
+    console.log('onLeavePictureInPicture');
+    this.setState({ pip: false });
+  };
+
+  handlePause = () => {
+    console.log('onPause');
+    this.setState({ playing: false });
+  };
+
+  handleSeekMouseDown = () => {
+    this.setState({ seeking: true });
+  };
+
+  handleSeekChange = (e: React.SyntheticEvent<HTMLInputElement>) => {
+    this.setState({ played: Number.parseFloat(e.currentTarget.value) });
+  };
+
+  handleSeekMouseUp = (e: React.SyntheticEvent<HTMLInputElement>) => {
+    this.setState({ seeking: false });
+    if (this.player) {
+      this.player.currentTime = Number.parseFloat(e.currentTarget.value) * this.player.duration;
+    }
+  };
+
+  handleProgress = () => {
+    // We only want to update time slider if we are not currently seeking
+    if (!this.player || this.state.seeking) return;
+
+    console.log('onProgress');
+
+    this.setState({
+      loadedSeconds: this.player.buffered?.end(this.player.buffered?.length - 1),
+      loaded: this.player.buffered?.end(this.player.buffered?.length - 1) / this.player.duration,
+    });
+  };
+
+  handleTimeUpdate = () => {
+    // We only want to update time slider if we are not currently seeking
+    if (!this.player || this.state.seeking) return;
+
+    console.log('onTimeUpdate', this.player?.currentTime);
+
+    if (!this.player?.duration) return;
+
+    this.setState({
+      playedSeconds: this.player.currentTime,
+      played: this.player.currentTime / this.player.duration,
+    });
+  };
+
+  handleEnded = () => {
+    console.log('onEnded');
+    this.setState({ playing: this.state.loop });
+  };
+
+  handleDurationChange = () => {
+    if (!this.player) return;
+
+    console.log('onDuration', this.player.duration);
+    this.setState({ duration: this.player.duration });
+  };
+
+  handleClickFullscreen = () => {
+    const reactPlayer = document.querySelector('.react-player');
+    if (reactPlayer) screenfull.request(reactPlayer);
+  };
+
+  renderLoadButton = (src: string, label: string) => {
+    return (
+      <button type="button" onClick={() => this.load(src)}>
+        {label}
+      </button>
+    );
+  };
+
+  ref = (player: HTMLVideoElement) => {
+    this.player = player;
+    console.log(player);
+  };
+
+  render() {
+    const {
+      src,
+      playing,
+      controls,
+      light,
+      volume,
+      muted,
+      loop,
+      played,
+      loaded,
+      duration,
+      playbackRate,
+      pip,
+    } = this.state;
+    const SEPARATOR = ' · ';
+
+    return (
+      <div className="app">
+        <section className="section">
+          <h1>ReactPlayer Demo</h1>
+          <div className="player-wrapper">
+            <ReactPlayer
+              ref={this.ref}
+              className="react-player"
+              width="100%"
+              height="100%"
+              src={src}
+              pip={pip}
+              playing={playing}
+              controls={controls}
+              light={light}
+              loop={loop}
+              playbackRate={playbackRate}
+              volume={volume}
+              muted={muted}
+              onLoadStart={() => console.log('onLoadStart')}
+              onReady={() => console.log('onReady')}
+              onStart={(e) => console.log('onStart', e)}
+              onPlay={this.handlePlay}
+              onEnterPictureInPicture={this.handleEnterPictureInPicture}
+              onLeavePictureInPicture={this.handleLeavePictureInPicture}
+              onPause={this.handlePause}
+              onRateChange={this.handleRateChange}
+              onSeeking={(e) => console.log('onSeeking', e)}
+              onSeeked={(e) => console.log('onSeeked', e)}
+              onEnded={this.handleEnded}
+              onError={(e) => console.log('onError', e)}
+              onTimeUpdate={this.handleTimeUpdate}
+              onProgress={this.handleProgress}
+              onDurationChange={this.handleDurationChange}
+            />
+          </div>
+
+          <table>
+            <tbody>
+              <tr>
+                <th>Controls</th>
+                <td>
+                  <button type="button" onClick={this.handleStop}>
+                    Stop
+                  </button>
+                  <button type="button" onClick={this.handlePlayPause}>
+                    {playing ? 'Pause' : 'Play'}
+                  </button>
+                  <button type="button" onClick={this.handleClickFullscreen}>
+                    Fullscreen
+                  </button>
+                  {ReactPlayer.canEnablePIP?.(src) && (
+                    <button type="button" onClick={this.handleTogglePIP}>
+                      {pip ? 'Disable PiP' : 'Enable PiP'}
+                    </button>
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th>Speed</th>
+                <td>
+                  <button type="button" onClick={this.handleSetPlaybackRate} data-value={1}>
+                    1x
+                  </button>
+                  <button type="button" onClick={this.handleSetPlaybackRate} data-value={1.5}>
+                    1.5x
+                  </button>
+                  <button type="button" onClick={this.handleSetPlaybackRate} data-value={2}>
+                    2x
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <th>Seek</th>
+                <td>
+                  <input
+                    type="range"
+                    min={0}
+                    max={0.999999}
+                    step="any"
+                    value={played}
+                    onMouseDown={this.handleSeekMouseDown}
+                    onChange={this.handleSeekChange}
+                    onMouseUp={this.handleSeekMouseUp}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>Volume</th>
+                <td>
+                  <input
+                    type="range"
+                    min={0}
+                    max={1}
+                    step="any"
+                    value={volume}
+                    onChange={this.handleVolumeChange}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <label htmlFor="controls">Controls</label>
+                </th>
+                <td>
+                  <input
+                    id="controls"
+                    type="checkbox"
+                    checked={controls}
+                    onChange={this.handleToggleControls}
+                  />
+                  <em>&nbsp; Requires player reload for some players</em>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <label htmlFor="muted">Muted</label>
+                </th>
+                <td>
+                  <input
+                    id="muted"
+                    type="checkbox"
+                    checked={muted}
+                    onChange={this.handleToggleMuted}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <label htmlFor="loop">Loop</label>
+                </th>
+                <td>
+                  <input
+                    id="loop"
+                    type="checkbox"
+                    checked={loop}
+                    onChange={this.handleToggleLoop}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <label htmlFor="light">Light mode</label>
+                </th>
+                <td>
+                  <input
+                    id="light"
+                    type="checkbox"
+                    checked={light}
+                    onChange={this.handleToggleLight}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>Played</th>
+                <td>
+                  <progress max={1} value={played} />
+                </td>
+              </tr>
+              <tr>
+                <th>Loaded</th>
+                <td>
+                  <progress max={1} value={loaded} />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </section>
+        <section className="section">
+          <table>
+            <tbody>
+              <tr>
+                <th>HTML</th>
+                <td>
+                  {this.renderLoadButton(
+                    'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4',
+                    'mp4'
+                  )}
+                  {this.renderLoadButton(
+                    'https://test-videos.co.uk/vids/bigbuckbunny/webm/vp8/360/Big_Buck_Bunny_360_10s_1MB.webm',
+                    'webm'
+                  )}
+                  {this.renderLoadButton(
+                    'https://filesamples.com/samples/video/ogv/sample_640x360.ogv',
+                    'ogv'
+                  )}
+                  {this.renderLoadButton(
+                    'https://storage.googleapis.com/media-session/elephants-dream/the-wires.mp3',
+                    'mp3'
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th>HLS</th>
+                <td>
+                  {this.renderLoadButton(
+                    'https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
+                    'HLS (m3u8)'
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th>DASH</th>
+                <td>
+                  {this.renderLoadButton(
+                    'https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps_640x360_800k.mpd',
+                    'DASH (mpd)'
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th>Mux</th>
+                <td>
+                  {this.renderLoadButton(
+                    'https://stream.mux.com/maVbJv2GSYNRgS02kPXOOGdJMWGU1mkA019ZUjYE7VU7k',
+                    'Test A'
+                  )}
+                  {this.renderLoadButton(
+                    'https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008',
+                    'Test B'
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th>YouTube</th>
+                <td>
+                  {this.renderLoadButton('https://www.youtube.com/watch?v=oUFJJNQGwhk', 'Test A')}
+                  {this.renderLoadButton('https://www.youtube.com/watch?v=jNgP6d9HraI', 'Test B')}
+                </td>
+              </tr>
+              <tr>
+                <th>Vimeo</th>
+                <td>
+                  {this.renderLoadButton('https://vimeo.com/90509568', 'Test A')}
+                  {this.renderLoadButton('https://vimeo.com/169599296', 'Test B')}
+                </td>
+              </tr>
+              <tr>
+                <th>Wistia</th>
+                <td>
+                  {this.renderLoadButton('https://home.wistia.com/medias/e4a27b971d', 'Test A')}
+                  {this.renderLoadButton('https://home.wistia.com/medias/29b0fbf547', 'Test B')}
+                  {this.renderLoadButton('https://home.wistia.com/medias/bq6epni33s', 'Test C')}
+                </td>
+              </tr>
+              <tr>
+                <th>Custom</th>
+                <td>
+                  <input
+                    ref={(input) => {
+                      this.urlInput = input;
+                    }}
+                    type="text"
+                    placeholder="Enter URL"
+                  />
+                  <button
+                    type="button"
+                    onClick={() => this.setState({ src: this.urlInput?.value })}
+                  >
+                    Load
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+
+          <h2>State</h2>
+
+          <table>
+            <tbody>
+              <tr>
+                <th>src</th>
+                <td className={!src ? 'faded' : ''}>{src || 'null'}</td>
+              </tr>
+              <tr>
+                <th>playing</th>
+                <td>{playing ? 'true' : 'false'}</td>
+              </tr>
+              <tr>
+                <th>volume</th>
+                <td>{volume.toFixed(3)}</td>
+              </tr>
+              <tr>
+                <th>speed</th>
+                <td>{playbackRate}</td>
+              </tr>
+              <tr>
+                <th>played</th>
+                <td>{played.toFixed(3)}</td>
+              </tr>
+              <tr>
+                <th>loaded</th>
+                <td>{loaded.toFixed(3)}</td>
+              </tr>
+              <tr>
+                <th>duration</th>
+                <td>
+                  <Duration seconds={duration} />
+                </td>
+              </tr>
+              <tr>
+                <th>elapsed</th>
+                <td>
+                  <Duration seconds={duration * played} />
+                </td>
+              </tr>
+              <tr>
+                <th>remaining</th>
+                <td>
+                  <Duration seconds={duration * (1 - played)} />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </section>
+        <footer className="footer">
+          Version <strong>{version}</strong>
+          {SEPARATOR}
+          <a href="https://github.com/CookPete/react-player">GitHub</a>
+          {SEPARATOR}
+          <a href="https://www.npmjs.com/package/react-player">npm</a>
+        </footer>
+      </div>
+    );
+  }
+}
+
+export default App;
diff --git a/examples/react/src/Duration.js b/examples/react/src/Duration.js
deleted file mode 100644
index d8fcb6e7..00000000
--- a/examples/react/src/Duration.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react'
-
-export default function Duration ({ className, seconds }) {
-  return (
-    <time dateTime={`P${Math.round(seconds)}S`} className={className}>
-      {format(seconds)}
-    </time>
-  )
-}
-
-function format (seconds) {
-  const date = new Date(seconds * 1000)
-  const hh = date.getUTCHours()
-  const mm = date.getUTCMinutes()
-  const ss = pad(date.getUTCSeconds())
-  if (hh) {
-    return `${hh}:${pad(mm)}:${ss}`
-  }
-  return `${mm}:${ss}`
-}
-
-function pad (string) {
-  return ('0' + string).slice(-2)
-}
diff --git a/examples/react/src/Duration.tsx b/examples/react/src/Duration.tsx
new file mode 100644
index 00000000..dc1942ad
--- /dev/null
+++ b/examples/react/src/Duration.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+
+export default function Duration({ className, seconds }: { className?: string; seconds: number }) {
+  return (
+    <time dateTime={`P${Math.round(seconds)}S`} className={className}>
+      {format(seconds)}
+    </time>
+  );
+}
+
+function format(seconds: number) {
+  const date = new Date(seconds * 1000);
+  const hh = date.getUTCHours();
+  const mm = date.getUTCMinutes();
+  const ss = pad(date.getUTCSeconds());
+  if (hh) {
+    return `${hh}:${pad(mm)}:${ss}`;
+  }
+  return `${mm}:${ss}`;
+}
+
+function pad(string: string | number) {
+  return (`0${string}`).slice(-2);
+}
diff --git a/examples/react/src/index.js b/examples/react/src/index.js
deleted file mode 100644
index beff2361..00000000
--- a/examples/react/src/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react'
-import { render } from 'react-dom'
-import App from './App'
-
-const container = document.getElementById('app')
-
-render(<App />, container)
diff --git a/examples/react/src/index.tsx b/examples/react/src/index.tsx
new file mode 100644
index 00000000..2ce88183
--- /dev/null
+++ b/examples/react/src/index.tsx
@@ -0,0 +1,7 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+const container = document.getElementById('app');
+const root = createRoot(container!);
+root.render(<App />);
diff --git a/package-lock.json b/package-lock.json
index 57737553..68cd7b78 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,32 +9,35 @@
       "version": "2.16.0",
       "license": "MIT",
       "dependencies": {
+        "@mux/mux-player-react": "^2.7.0",
+        "cloudflare-video-element": "^1.1.6",
+        "dash-video-element": "^0.0.11",
         "deepmerge": "^4.0.0",
-        "load-script": "^1.0.0",
-        "memoize-one": "^5.1.1",
-        "prop-types": "^15.7.2",
-        "react-fast-compare": "^3.0.1"
+        "hls-video-element": "^1.2.7",
+        "vimeo-video-element": "^1.1.6",
+        "wistia-video-element": "^1.1.7",
+        "youtube-video-element": "^1.1.6"
       },
       "devDependencies": {
-        "@types/node": "^14.0.24",
-        "@types/react": "^18.2.79",
+        "@biomejs/biome": "1.8.2",
+        "@types/node": "^20.14.6",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
+        "@types/react-test-renderer": "^18.3.0",
         "auto-changelog": "^2.0.0",
         "builder": "file:./scripts/builder",
         "c8": "^8.0.1",
         "codecov": "^3.6.5",
         "cross-env": "^7.0.2",
-        "esbuild": "^0.19.4",
+        "esbuild": "^0.21.5",
         "npm-run-all": "^4.1.5",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-test-renderer": "^18.2.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-test-renderer": "^18.3.1",
         "rimraf": "^3.0.2",
         "screenfull": "^5.0.2",
         "sinon": "^16.0.0",
-        "snazzy": "^8.0.0",
-        "standard": "^17.1.0",
         "tester": "file:./scripts/tester",
-        "ts-standard": "^12.0.2",
         "typescript": "^5.4.5",
         "zora": "^5.2.0"
       },
@@ -44,29 +47,202 @@
         "react-dom": "^17.0.2 || ^18"
       }
     },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/@bcoe/v8-coverage": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
       "dev": true
     },
+    "node_modules/@biomejs/biome": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-1.8.2.tgz",
+      "integrity": "sha512-XafCzLgs0xbH0bCjYKxQ63ig2V86fZQMq1jiy5pyLToWk9aHxA8GAUxyBtklPHtPYZPGEPOYglQHj4jyfUp+Iw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT OR Apache-2.0",
+      "bin": {
+        "biome": "bin/biome"
+      },
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/biome"
+      },
+      "optionalDependencies": {
+        "@biomejs/cli-darwin-arm64": "1.8.2",
+        "@biomejs/cli-darwin-x64": "1.8.2",
+        "@biomejs/cli-linux-arm64": "1.8.2",
+        "@biomejs/cli-linux-arm64-musl": "1.8.2",
+        "@biomejs/cli-linux-x64": "1.8.2",
+        "@biomejs/cli-linux-x64-musl": "1.8.2",
+        "@biomejs/cli-win32-arm64": "1.8.2",
+        "@biomejs/cli-win32-x64": "1.8.2"
+      }
+    },
+    "node_modules/@biomejs/cli-darwin-arm64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-1.8.2.tgz",
+      "integrity": "sha512-l9msLsTcSIAPqMsPIhodQmb50sEfaXPLQ0YW4cdj6INmd8iaOh/V9NceQb2366vACTJgcWDQ2RzlvURek1T68g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-darwin-x64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-1.8.2.tgz",
+      "integrity": "sha512-Fc4y/FuIxRSiB3TJ+y27vFDE/HJt4QgBuymktsIKEcBZvnKfsRjxvzVDunccRn4xbKgepnp+fn6BoS+ZIg/I3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-arm64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-1.8.2.tgz",
+      "integrity": "sha512-Q99qwP0qibkZxm2kfnt37OxeIlliDYf5ogi3zX9ij2DULzc+KtPA9Uj0wCljcJofOBsBYaHc7597Q+Bf/251ww==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-arm64-musl": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-1.8.2.tgz",
+      "integrity": "sha512-WpT41QJJvkZa1eZq0WmD513zkC6AYaMI39HJKmKeiUeX2NZirG+bxv1YRDhqkns1NbBqo3+qrJqBkPmOW+xAVA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-x64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-1.8.2.tgz",
+      "integrity": "sha512-bjhhUVFchFid2gOjrvBe4fg8BShcpyFQTHuB/QQnfGxs1ddrGP30yq3fHfc6S6MoCcz9Tjd3Zzq1EfWfyy5iHA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-x64-musl": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-1.8.2.tgz",
+      "integrity": "sha512-rk1Wj4d3LIlAlIAS1m2jlyfOjkNbuY1lfwKvWIAeZC51yDMzwhRD7cReE5PE+jqLDtq60PX38hDPeKd7nA1S6A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-win32-arm64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-1.8.2.tgz",
+      "integrity": "sha512-EUbqmCmNWT5xhnxHrCAEBzJB1AnLqxTYoRjlxiCMzGvsy5jQzhCanJ8CT9kNsApW3pfPWBWkoTa7qrwWmwnEGA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-win32-x64": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-1.8.2.tgz",
+      "integrity": "sha512-n9H5oRUCk1uNezMgyJh9+hZdtfD8PXLLeq8DUzTycIhl0I1BulIoZ/uxWgRVDFDwAR1JHu1AykISCRFNGnc4iA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.4.tgz",
-      "integrity": "sha512-uBIbiYMeSsy2U0XQoOGVVcpIktjLMEKa7ryz2RLr7L/vTnANNEsPVAh4xOv7ondGz6ac1zVb0F8Jx20rQikffQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -76,13 +252,14 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.4.tgz",
-      "integrity": "sha512-mRsi2vJsk4Bx/AFsNBqOH2fqedxn5L/moT58xgg51DjX1la64Z3Npicut2VbhvDFO26qjWtPMsVxCd80YTFVeg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -92,13 +269,14 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.4.tgz",
-      "integrity": "sha512-4iPufZ1TMOD3oBlGFqHXBpa3KFT46aLl6Vy7gwed0ZSYgHaZ/mihbYb4t7Z9etjkC9Al3ZYIoOaHrU60gcMy7g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -108,13 +286,14 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.4.tgz",
-      "integrity": "sha512-Lviw8EzxsVQKpbS+rSt6/6zjn9ashUZ7Tbuvc2YENgRl0yZTktGlachZ9KMJUsVjZEGFVu336kl5lBgDN6PmpA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -124,13 +303,14 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.4.tgz",
-      "integrity": "sha512-YHbSFlLgDwglFn0lAO3Zsdrife9jcQXQhgRp77YiTDja23FrC2uwnhXMNkAucthsf+Psr7sTwYEryxz6FPAVqw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -140,13 +320,14 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.4.tgz",
-      "integrity": "sha512-vz59ijyrTG22Hshaj620e5yhs2dU1WJy723ofc+KUgxVCM6zxQESmWdMuVmUzxtGqtj5heHyB44PjV/HKsEmuQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -156,13 +337,14 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.4.tgz",
-      "integrity": "sha512-3sRbQ6W5kAiVQRBWREGJNd1YE7OgzS0AmOGjDmX/qZZecq8NFlQsQH0IfXjjmD0XtUYqr64e0EKNFjMUlPL3Cw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -172,13 +354,14 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.4.tgz",
-      "integrity": "sha512-z/4ArqOo9EImzTi4b6Vq+pthLnepFzJ92BnofU1jgNlcVb+UqynVFdoXMCFreTK7FdhqAzH0vmdwW5373Hm9pg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -188,13 +371,14 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.4.tgz",
-      "integrity": "sha512-ZWmWORaPbsPwmyu7eIEATFlaqm0QGt+joRE9sKcnVUG3oBbr/KYdNE2TnkzdQwX6EDRdg/x8Q4EZQTXoClUqqA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -204,13 +388,14 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.4.tgz",
-      "integrity": "sha512-EGc4vYM7i1GRUIMqRZNCTzJh25MHePYsnQfKDexD8uPTCm9mK56NIL04LUfX2aaJ+C9vyEp2fJ7jbqFEYgO9lQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -220,13 +405,14 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.4.tgz",
-      "integrity": "sha512-WVhIKO26kmm8lPmNrUikxSpXcgd6HDog0cx12BUfA2PkmURHSgx9G6vA19lrlQOMw+UjMZ+l3PpbtzffCxFDRg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -236,13 +422,14 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.4.tgz",
-      "integrity": "sha512-keYY+Hlj5w86hNp5JJPuZNbvW4jql7c1eXdBUHIJGTeN/+0QFutU3GrS+c27L+NTmzi73yhtojHk+lr2+502Mw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -252,13 +439,14 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.4.tgz",
-      "integrity": "sha512-tQ92n0WMXyEsCH4m32S21fND8VxNiVazUbU4IUGVXQpWiaAxOBvtOtbEt3cXIV3GEBydYsY8pyeRMJx9kn3rvw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -268,13 +456,14 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.4.tgz",
-      "integrity": "sha512-tRRBey6fG9tqGH6V75xH3lFPpj9E8BH+N+zjSUCnFOX93kEzqS0WdyJHkta/mmJHn7MBaa++9P4ARiU4ykjhig==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -284,13 +473,14 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.4.tgz",
-      "integrity": "sha512-152aLpQqKZYhThiJ+uAM4PcuLCAOxDsCekIbnGzPKVBRUDlgaaAfaUl5NYkB1hgY6WN4sPkejxKlANgVcGl9Qg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -300,13 +490,14 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.4.tgz",
-      "integrity": "sha512-Mi4aNA3rz1BNFtB7aGadMD0MavmzuuXNTaYL6/uiYIs08U7YMPETpgNn5oue3ICr+inKwItOwSsJDYkrE9ekVg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -316,13 +507,14 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.4.tgz",
-      "integrity": "sha512-9+Wxx1i5N/CYo505CTT7T+ix4lVzEdz0uCoYGxM5JDVlP2YdDC1Bdz+Khv6IbqmisT0Si928eAxbmGkcbiuM/A==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "netbsd"
@@ -332,13 +524,14 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.4.tgz",
-      "integrity": "sha512-MFsHleM5/rWRW9EivFssop+OulYVUoVcqkyOkjiynKBCGBj9Lihl7kh9IzrreDyXa4sNkquei5/DTP4uCk25xw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "openbsd"
@@ -348,13 +541,14 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.4.tgz",
-      "integrity": "sha512-6Xq8SpK46yLvrGxjp6HftkDwPP49puU4OF0hEL4dTxqCbfx09LyrbUj/D7tmIRMj5D5FCUPksBbxyQhp8tmHzw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "sunos"
@@ -364,13 +558,14 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.4.tgz",
-      "integrity": "sha512-PkIl7Jq4mP6ke7QKwyg4fD4Xvn8PXisagV/+HntWoDEdmerB2LTukRZg728Yd1Fj+LuEX75t/hKXE2Ppk8Hh1w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -380,13 +575,14 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.4.tgz",
-      "integrity": "sha512-ga676Hnvw7/ycdKB53qPusvsKdwrWzEyJ+AtItHGoARszIqvjffTwaaW3b2L6l90i7MO9i+dlAW415INuRhSGg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -396,13 +592,14 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.4.tgz",
-      "integrity": "sha512-HP0GDNla1T3ZL8Ko/SHAS2GgtjOg+VmWnnYLhuTksr++EnduYB0f3Y2LzHsUwb2iQ13JGoY6G3R8h6Du/WG6uA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -411,113 +608,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
-      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
-      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.50.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.50.0.tgz",
-      "integrity": "sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.11",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
     "node_modules/@istanbuljs/schema": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
@@ -552,39 +642,61 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
+    "node_modules/@mux/mux-player": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-2.7.0.tgz",
+      "integrity": "sha512-qml+HZGCcRjQoI+IlesmG8NvL87BQt/Tbcjnbm7xn9/Tas7cV21w8dOecsRCJxggB4YDbROHJzTKIjsvvtDW9g==",
+      "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
+        "@mux/mux-video": "0.19.0",
+        "@mux/playback-core": "0.24.0",
+        "media-chrome": "~3.2.1"
+      }
+    },
+    "node_modules/@mux/mux-player-react": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@mux/mux-player-react/-/mux-player-react-2.7.0.tgz",
+      "integrity": "sha512-QPPNowWVWXeg4vXwLzrqhCrQxLaUvR8je9ZPTtKpHzDwv705c7fiNLUlC7Dk0jF/eYTCQoGn3dBSjF9Yv1a0zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@mux/mux-player": "2.7.0",
+        "@mux/playback-core": "0.24.0",
+        "prop-types": "^15.7.2"
       },
-      "engines": {
-        "node": ">= 8"
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18",
+        "react": "^17.0.2 || ^18",
+        "react-dom": "^17.0.2 || ^18"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
+    "node_modules/@mux/mux-video": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.19.0.tgz",
+      "integrity": "sha512-PVFOd5ZZ9uWjiKpNveQv9yIzTFLsztVxFcH9ysw6/hsJOSrj0gHGu7J5VFnXxB20yjZ5Dk3EYanYdIMARYFsyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@mux/playback-core": "0.24.0",
+        "castable-video": "~1.0.6",
+        "custom-media-element": "~1.2.3",
+        "media-tracks": "~0.3.0"
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
+    "node_modules/@mux/playback-core": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.24.0.tgz",
+      "integrity": "sha512-OFBSlBwCvwb8fhOVLXwydbY/HQNMbp/pz9w/gGJxntt7ugup65UNrJlwuYzRs0wILnSmms6Oav4bWkjDKwYHIA==",
+      "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
+        "hls.js": "~1.5.8",
+        "mux-embed": "~5.2.0"
       }
     },
     "node_modules/@sinonjs/commons": {
@@ -646,281 +758,65 @@
       "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
       "dev": true
     },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.13",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
-      "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
     "node_modules/@types/node": {
-      "version": "14.18.63",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.63.tgz",
-      "integrity": "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==",
-      "dev": true
+      "version": "20.14.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.6.tgz",
+      "integrity": "sha512-JbA0XIJPL1IiNnU7PFxDXyfAwcwVVrOoqyzzyQTyMeVhBzkJVMSkC1LlVsRQ2lpqiY4n6Bb9oCS6lzDKVQxbZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.8",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
       "integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.79",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.79.tgz",
-      "integrity": "sha512-RwGAGXPl9kSXwdNTafkOEuFrTBD5SA2B3iEB96xi8+xu5ddUa/cpvyVCSNn+asgLCTHkb5ZxN8gbuibYJi4s1w==",
-      "dev": true,
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
+      "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
       }
     },
-    "node_modules/@types/semver": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
-      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
-      "dev": true
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+    "node_modules/@types/react-test-renderer": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-18.3.0.tgz",
+      "integrity": "sha512-HW4MuEYxfDbOHQsVlY/XtOvNHftCVEPhJF2pQXXwcUiUF+Oyb0usgp48HSgpK5rt8m9KZb22yqOeZm+rrVG8gw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@vimeo/player": {
+      "version": "2.23.0",
+      "resolved": "https://registry.npmjs.org/@vimeo/player/-/player-2.23.0.tgz",
+      "integrity": "sha512-WiLSyoioHdf8TFcSp8ptt8aW1WWEkFJNtZCZgiCopDS11UecGtwRib/OAf0uF7uDlVueeV4ru0AL4QsPD1Y2GA==",
+      "dependencies": {
+        "native-promise-only": "0.8.1",
+        "weakmap-polyfill": "2.0.4"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
       "dev": true,
       "dependencies": {
         "debug": "4"
@@ -929,31 +825,6 @@
         "node": ">= 6.0.0"
       }
     },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
-      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/ansi-styles": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -1001,102 +872,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
     "node_modules/arraybuffer.prototype.slice": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
@@ -1119,15 +894,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
     "node_modules/auto-changelog": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/auto-changelog/-/auto-changelog-2.4.0.tgz",
@@ -1168,6 +934,42 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/bcp-47": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/bcp-47/-/bcp-47-1.0.8.tgz",
+      "integrity": "sha512-Y9y1QNBBtYtv7hcmoX0tR+tUNSFZGZ6OL6vKPObq8BbOhkCoyayF6ogfLTgAli/KuAEbsYHYUNq2AQuY6IuLag==",
+      "dependencies": {
+        "is-alphabetical": "^1.0.0",
+        "is-alphanumerical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/bcp-47-match": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-1.0.3.tgz",
+      "integrity": "sha512-LggQ4YTdjWQSKELZF5JwchnBa1u0pIQSZf5lSdOHEdbVP55h0qICA/FUp3+W99q0xqxYa1ZQizTUH87gecII5w==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/bcp-47-normalize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/bcp-47-normalize/-/bcp-47-normalize-1.1.1.tgz",
+      "integrity": "sha512-jWZ1Jdu3cs0EZdfCkS0UE9Gg01PtxnChjEBySeB+Zo6nkqtFfnvtoQQgP1qU1Oo4qgJgxhTI6Sf9y/pZIhPs0A==",
+      "dependencies": {
+        "bcp-47": "^1.0.0",
+        "bcp-47-match": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -1178,37 +980,10 @@
         "concat-map": "0.0.1"
       }
     },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
     "node_modules/builder": {
       "resolved": "scripts/builder",
       "link": true
     },
-    "node_modules/builtins": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.0.1.tgz",
-      "integrity": "sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==",
-      "dev": true,
-      "dependencies": {
-        "semver": "^7.0.0"
-      }
-    },
     "node_modules/c8": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/c8/-/c8-8.0.1.tgz",
@@ -1254,15 +1029,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
+    "node_modules/castable-video": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.0.10.tgz",
+      "integrity": "sha512-tJgUv+8/zE191y8EKojvB0eKIyKA9obIttd6Wpdm6x2qBmuwZ7wDgzVCSmf5cN2v9jBiuu0s7O5poz8a8cFX/w==",
+      "license": "MIT",
+      "dependencies": {
+        "custom-media-element": "~1.3.2"
       }
     },
+    "node_modules/castable-video/node_modules/custom-media-element": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.3.2.tgz",
+      "integrity": "sha512-nDyMobZgoAVqz7mA8rsn7i1/6bjH6N9ab2Ge7LyyNxrvxAq7zQJPg8i3u2VH7wEB+Y1T1+C3/h1G774/D+ZLag==",
+      "license": "MIT"
+    },
     "node_modules/chalk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -1333,6 +1114,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/cloudflare-video-element": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/cloudflare-video-element/-/cloudflare-video-element-1.1.6.tgz",
+      "integrity": "sha512-7jUQEfBhC3pHewbCRegakzN5rtwz+P4WafTnIlRiU5iOXo0IMOMiE9r/Xvf6BkFyyclvVjprDz4M3fQUaK+y0g==",
+      "license": "MIT"
+    },
     "node_modules/codecov": {
       "version": "3.8.3",
       "resolved": "https://registry.npmjs.org/codecov/-/codecov-3.8.3.tgz",
@@ -1353,6 +1140,11 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/codem-isoboxer": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/codem-isoboxer/-/codem-isoboxer-0.3.9.tgz",
+      "integrity": "sha512-4XOTqEzBWrGOZaMd+sTED2hLpzfBbiQCf1W6OBGkIHqk1D8uwy8WFLazVbdQwfDpQ+vf39lqTGPa9IhWW0roTA=="
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -1383,21 +1175,6 @@
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
       "dev": true
     },
-    "node_modules/concat-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
-      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
-      "dev": true,
-      "engines": [
-        "node >= 6.0"
-      ],
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.0.2",
-        "typedarray": "^0.0.6"
-      }
-    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -1440,14 +1217,66 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
       "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
+      "devOptional": true
     },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
-      "dev": true,
-      "dependencies": {
+    "node_modules/custom-media-element": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.2.3.tgz",
+      "integrity": "sha512-xr9Hbrslkjm1fapJP5hL98pySeZmNepBSefQS/XTxynamqPTfRBK5MnhReMOiAj8xvJApVPrVnlYxIrknay8jg==",
+      "license": "MIT"
+    },
+    "node_modules/dash-video-element": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/dash-video-element/-/dash-video-element-0.0.11.tgz",
+      "integrity": "sha512-QwDJHpeBb+yp+nQxhCkZdIFmyE2yIa2+XsMbpIGEclZPvkOVOpNMfUXR0zW7CPGpWd839uHbg6PId/FmNWBHFw==",
+      "license": "MIT",
+      "dependencies": {
+        "custom-media-element": "^1.3.2",
+        "dashjs-esm": "^4.6.0"
+      }
+    },
+    "node_modules/dash-video-element/node_modules/custom-media-element": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.3.2.tgz",
+      "integrity": "sha512-nDyMobZgoAVqz7mA8rsn7i1/6bjH6N9ab2Ge7LyyNxrvxAq7zQJPg8i3u2VH7wEB+Y1T1+C3/h1G774/D+ZLag==",
+      "license": "MIT"
+    },
+    "node_modules/dashjs": {
+      "version": "4.7.4",
+      "resolved": "https://github.com/Dash-Industry-Forum/dash.js/tarball/master",
+      "integrity": "sha512-UWEXhHUuZNu6vmtKGE4Nv2j+V/Uewhc+U4NO24jGkTMnIp7ZKmAUEN/0YUoD3Wnfy7PJNdFgkDTIaTfhWGlokA==",
+      "dependencies": {
+        "bcp-47-match": "^1.0.3",
+        "bcp-47-normalize": "^1.1.1",
+        "codem-isoboxer": "0.3.9",
+        "es6-promise": "^4.2.8",
+        "fast-deep-equal": "2.0.1",
+        "html-entities": "^1.2.1",
+        "imsc": "^1.1.5",
+        "localforage": "^1.7.1",
+        "path-browserify": "^1.0.1",
+        "ua-parser-js": "^1.0.37"
+      }
+    },
+    "node_modules/dashjs-esm": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/dashjs-esm/-/dashjs-esm-4.6.0.tgz",
+      "integrity": "sha512-5gkDB4lvJn27C0aEVTZ9EDGxSSNWAQwC3eUMXsn1aPxEVaxXDRkeURUZ2EqleF5GQWq1+s67DZygyPdK5JjZxg==",
+      "dependencies": {
+        "dashjs": "https://github.com/Dash-Industry-Forum/dash.js/tarball/master"
+      }
+    },
+    "node_modules/dashjs/node_modules/fast-deep-equal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+      "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w=="
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dev": true,
+      "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
@@ -1510,12 +1339,6 @@
         }
       }
     },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -1567,30 +1390,6 @@
         "node": ">=0.3.1"
       }
     },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -1640,758 +1439,156 @@
         "is-negative-zero": "^2.0.3",
         "is-regex": "^1.1.4",
         "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.4",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.19.4",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.4.tgz",
-      "integrity": "sha512-x7jL0tbRRpv4QUyuDMjONtWFciygUxWaUM1kMX2zWxI0X2YWOt7MSA0g4UdeSiHM8fcYVzpQhKYOycZwxTdZkA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.19.4",
-        "@esbuild/android-arm64": "0.19.4",
-        "@esbuild/android-x64": "0.19.4",
-        "@esbuild/darwin-arm64": "0.19.4",
-        "@esbuild/darwin-x64": "0.19.4",
-        "@esbuild/freebsd-arm64": "0.19.4",
-        "@esbuild/freebsd-x64": "0.19.4",
-        "@esbuild/linux-arm": "0.19.4",
-        "@esbuild/linux-arm64": "0.19.4",
-        "@esbuild/linux-ia32": "0.19.4",
-        "@esbuild/linux-loong64": "0.19.4",
-        "@esbuild/linux-mips64el": "0.19.4",
-        "@esbuild/linux-ppc64": "0.19.4",
-        "@esbuild/linux-riscv64": "0.19.4",
-        "@esbuild/linux-s390x": "0.19.4",
-        "@esbuild/linux-x64": "0.19.4",
-        "@esbuild/netbsd-x64": "0.19.4",
-        "@esbuild/openbsd-x64": "0.19.4",
-        "@esbuild/sunos-x64": "0.19.4",
-        "@esbuild/win32-arm64": "0.19.4",
-        "@esbuild/win32-ia32": "0.19.4",
-        "@esbuild/win32-x64": "0.19.4"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.50.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.50.0.tgz",
-      "integrity": "sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.50.0",
-        "@humanwhocodes/config-array": "^0.11.11",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-standard": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz",
-      "integrity": "sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^8.0.1",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
-        "eslint-plugin-promise": "^6.0.0"
-      }
-    },
-    "node_modules/eslint-config-standard-jsx": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-standard-jsx/-/eslint-config-standard-jsx-11.0.0.tgz",
-      "integrity": "sha512-+1EV/R0JxEK1L0NGolAr8Iktm3Rgotx3BKwgaX+eAuSX8D952LULKtjgZD3F+e6SvibONnhLwoTi9DPxN5LvvQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "peerDependencies": {
-        "eslint": "^8.8.0",
-        "eslint-plugin-react": "^7.28.0"
-      }
-    },
-    "node_modules/eslint-config-standard-with-typescript": {
-      "version": "23.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-standard-with-typescript/-/eslint-config-standard-with-typescript-23.0.0.tgz",
-      "integrity": "sha512-iaaWifImn37Z1OXbNW1es7KI+S7D408F9ys0bpaQf2temeBWlvb0Nc5qHkOgYaRb5QxTZT32GGeN1gtswASOXA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint-config-standard": "17.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "eslint": "^8.0.1",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-n": "^15.0.0",
-        "eslint-plugin-promise": "^6.0.0",
-        "typescript": "*"
-      }
-    },
-    "node_modules/eslint-config-standard-with-typescript/node_modules/eslint-config-standard": {
-      "version": "17.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.0.0.tgz",
-      "integrity": "sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "peerDependencies": {
-        "eslint": "^8.0.1",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-n": "^15.0.0",
-        "eslint-plugin-promise": "^6.0.0"
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-es": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz",
-      "integrity": "sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==",
-      "dev": true,
-      "dependencies": {
-        "eslint-utils": "^2.0.0",
-        "regexpp": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=4.19.1"
-      }
-    },
-    "node_modules/eslint-plugin-es/node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/eslint-plugin-es/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
-      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.findlastindex": "^1.2.2",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
-        "eslint-module-utils": "^2.8.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.13.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.6",
-        "object.groupby": "^1.0.0",
-        "object.values": "^1.1.6",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-plugin-n": {
-      "version": "15.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.7.0.tgz",
-      "integrity": "sha512-jDex9s7D/Qial8AGVIHq4W7NswpUD5DPDL2RH8Lzd9EloWUuvUkHfv4FRLMipH5q2UtyurorBkPeNi1wVWNh3Q==",
-      "dev": true,
-      "dependencies": {
-        "builtins": "^5.0.1",
-        "eslint-plugin-es": "^4.1.0",
-        "eslint-utils": "^3.0.0",
-        "ignore": "^5.1.1",
-        "is-core-module": "^2.11.0",
-        "minimatch": "^3.1.2",
-        "resolve": "^1.22.1",
-        "semver": "^7.3.8"
-      },
-      "engines": {
-        "node": ">=12.22.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-promise": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.1.1.tgz",
-      "integrity": "sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.9.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.15"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
-      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
       "dev": true,
       "dependencies": {
-        "eslint-visitor-keys": "^2.0.0"
+        "get-intrinsic": "^1.2.4"
       },
       "engines": {
-        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=5"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "dev": true,
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
       "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      "dependencies": {
+        "es-errors": "^1.3.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
       "dev": true,
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
       },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/eslint/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
       "dev": true,
       "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/eslint/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
+    "node_modules/es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
     },
-    "node_modules/eslint/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
-      "engines": {
-        "node": ">=10"
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
+      "engines": {
+        "node": ">=12"
       },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
-    "node_modules/eslint/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
       "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
       "engines": {
-        "node": ">=8"
+        "node": ">=6"
       }
     },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=0.8.0"
       }
     },
     "node_modules/esprima": {
@@ -2407,94 +1604,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
     "node_modules/fast-url-parser": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
@@ -2510,39 +1619,6 @@
       "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
       "dev": true
     },
-    "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -2559,26 +1635,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/flat-cache": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
-      "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.7",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
-    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -2671,18 +1727,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-stdin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
-      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/get-symbol-description": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
@@ -2720,33 +1764,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/globalthis": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
@@ -2762,26 +1779,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -2800,12 +1797,6 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "dev": true
     },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
     "node_modules/handlebars": {
       "version": "4.7.8",
       "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
@@ -2917,12 +1908,40 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hls-video-element": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/hls-video-element/-/hls-video-element-1.2.7.tgz",
+      "integrity": "sha512-v7FHI/pZNqNU5YoPzclfj0PozXxuNSC8AbdGet/+rg1OUZIAbumL35PAcMqpS+59bBWunnvLyCHEbCAq1Lis8w==",
+      "license": "MIT",
+      "dependencies": {
+        "custom-media-element": "^1.3.2",
+        "hls.js": "^1.5.11",
+        "media-tracks": "^0.3.3"
+      }
+    },
+    "node_modules/hls-video-element/node_modules/custom-media-element": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.3.2.tgz",
+      "integrity": "sha512-nDyMobZgoAVqz7mA8rsn7i1/6bjH6N9ab2Ge7LyyNxrvxAq7zQJPg8i3u2VH7wEB+Y1T1+C3/h1G774/D+ZLag==",
+      "license": "MIT"
+    },
+    "node_modules/hls.js": {
+      "version": "1.5.11",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.5.11.tgz",
+      "integrity": "sha512-q3We1izi2+qkOO+TvZdHv+dx6aFzdtk3xc1/Qesrvto4thLTT/x/1FK85c5h1qZE4MmMBNgKg+MIW8nxQfxwBw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
+    "node_modules/html-entities": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+      "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA=="
+    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
@@ -2956,15 +1975,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/ignore-walk": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.4.tgz",
@@ -2974,29 +1984,17 @@
         "minimatch": "^3.0.4"
       }
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
+    "node_modules/imsc": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/imsc/-/imsc-1.1.5.tgz",
+      "integrity": "sha512-V8je+CGkcvGhgl2C1GlhqFFiUOIEdwXbXLiu1Fcubvvbo+g9inauqT3l0pNYXGoLPBj3jxtZz9t+wCopMkwadQ==",
+      "dependencies": {
+        "sax": "1.2.1"
       }
     },
     "node_modules/inflight": {
@@ -3029,6 +2027,28 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+      "dependencies": {
+        "is-alphabetical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
@@ -3051,21 +2071,6 @@
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
       "dev": true
     },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-bigint": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -3148,25 +2153,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
+    "node_modules/is-decimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+      "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
     "node_modules/is-fullwidth-code-point": {
@@ -3178,42 +2171,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-negative-zero": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
@@ -3226,15 +2183,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
     "node_modules/is-number-object": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
@@ -3250,15 +2198,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@@ -3275,15 +2214,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-shared-array-buffer": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
@@ -3344,15 +2274,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-weakref": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -3365,19 +2286,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/isarray": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
@@ -3426,19 +2334,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -3457,115 +2352,34 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
       "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
       "dev": true
     },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/just-extend": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
       "integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
       "dev": true
     },
-    "node_modules/keyv": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
-      "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
+    "node_modules/lie": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz",
+      "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==",
       "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
+        "immediate": "~3.0.5"
       }
     },
-    "node_modules/load-json-file": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-5.3.0.tgz",
-      "integrity": "sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw==",
-      "dev": true,
+    "node_modules/localforage": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz",
+      "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==",
       "dependencies": {
-        "graceful-fs": "^4.1.15",
-        "parse-json": "^4.0.0",
-        "pify": "^4.0.1",
-        "strip-bom": "^3.0.0",
-        "type-fest": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/load-json-file/node_modules/type-fest": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.3.1.tgz",
-      "integrity": "sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
+        "lie": "3.1.1"
       }
     },
-    "node_modules/load-script": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
-      "integrity": "sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA=="
-    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -3587,12 +2401,6 @@
       "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
       "dev": true
     },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -3604,18 +2412,6 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/make-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
@@ -3631,10 +2427,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/memoize-one": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
-      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    "node_modules/media-chrome": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-3.2.3.tgz",
+      "integrity": "sha512-DlOlyciT5YgOn5cwGvLWz+OVUVgvyxsRLtfpIQJ11F10+Ix7tDjEqMWsnkL81be9iD3uh/SN35TIk2pRvvEAig==",
+      "license": "MIT"
+    },
+    "node_modules/media-tracks": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.3.tgz",
+      "integrity": "sha512-9P2FuUHnZZ3iji+2RQk7Zkh5AmZTnOG5fODACnjhCVveX1McY3jmCRHofIEI+yTBqplz7LXy48c7fQ3Uigp88w==",
+      "license": "MIT"
     },
     "node_modules/memorystream": {
       "version": "0.3.1",
@@ -3645,28 +2448,6 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3694,17 +2475,16 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
+    "node_modules/mux-embed": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.2.1.tgz",
+      "integrity": "sha512-NukHw91xeEVDBeXVDBpi2BvXNix7gSuvdtyvOph5yR/ROn1hHbTlcYWoKQyCyJX9frsF00UROEul+S8wPzU3aQ==",
+      "license": "MIT"
     },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true
+    "node_modules/native-promise-only": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/native-promise-only/-/native-promise-only-0.8.1.tgz",
+      "integrity": "sha512-zkVhZUA3y8mbz652WrL5x0fB0ehrBkulWT3TomAQ9iDtyXZvzKeEA6GPxAItBYeNYl5yngKRX612qHOhvMkDeg=="
     },
     "node_modules/neo-async": {
       "version": "2.6.2",
@@ -3917,103 +2697,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
+      "dependencies": {
+        "wrappy": "1"
       }
     },
     "node_modules/p-limit": {
@@ -4046,27 +2736,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/parse-github-url": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-github-url/-/parse-github-url-1.0.2.tgz",
@@ -4092,6 +2761,11 @@
         "node": ">=4"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -4134,27 +2808,6 @@
         "isarray": "0.0.1"
       }
     },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/pidtree": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.1.tgz",
@@ -4167,89 +2820,6 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-conf": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/pkg-conf/-/pkg-conf-3.1.0.tgz",
-      "integrity": "sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^3.0.0",
-        "load-json-file": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-conf/node_modules/find-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-conf/node_modules/locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-conf/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-conf/node_modules/p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-conf/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/possible-typed-array-names": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
@@ -4259,15 +2829,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -4278,40 +2839,10 @@
         "react-is": "^16.13.1"
       }
     },
-    "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dev": true,
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -4320,23 +2851,17 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dev": true,
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "dependencies": {
         "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.23.2"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^18.3.1"
       }
     },
-    "node_modules/react-fast-compare": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
-      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
-    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -4356,23 +2881,23 @@
       }
     },
     "node_modules/react-test-renderer": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
-      "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.3.1.tgz",
+      "integrity": "sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==",
       "dev": true,
       "dependencies": {
-        "react-is": "^18.2.0",
+        "react-is": "^18.3.1",
         "react-shallow-renderer": "^16.15.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.23.2"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^18.3.1"
       }
     },
     "node_modules/react-test-renderer/node_modules/react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true
     },
     "node_modules/read-pkg": {
@@ -4425,40 +2950,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
@@ -4477,18 +2968,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regexpp": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -4515,25 +2994,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
@@ -4549,29 +3009,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
     "node_modules/safe-array-concat": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
@@ -4596,26 +3033,6 @@
       "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
       "dev": true
     },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/safe-regex-test": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
@@ -4633,11 +3050,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sax": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
+      "integrity": "sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA=="
+    },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dev": true,
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
@@ -4655,13 +3076,11 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
       "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -4768,33 +3187,6 @@
         "url": "https://opencollective.com/sinon"
       }
     },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/snazzy": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/snazzy/-/snazzy-8.0.0.tgz",
-      "integrity": "sha512-59GS69hQD8FvJoNGeDz8aZtbYhkCFxCPQB1BFzAWiVVwPmS/J6Vjaku0k6tGNsdSxQ0kAlButdkn8bPR2hLcBw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^2.3.0",
-        "inherits": "^2.0.1",
-        "minimist": "^1.1.1",
-        "readable-stream": "^3.0.2",
-        "standard-json": "^1.0.0",
-        "strip-ansi": "^4.0.0",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "snazzy": "bin/cmd.js"
-      }
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -4805,121 +3197,43 @@
       }
     },
     "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
-      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.17",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz",
-      "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==",
-      "dev": true
-    },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
-    },
-    "node_modules/standard": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/standard/-/standard-17.1.0.tgz",
-      "integrity": "sha512-jaDqlNSzLtWYW4lvQmU0EnxWMUGQiwHasZl5ZEIwx3S/ijZDjZOzs1y1QqKwKs5vqnFpGtizo4NOYX2s0Voq/g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "eslint": "^8.41.0",
-        "eslint-config-standard": "17.1.0",
-        "eslint-config-standard-jsx": "^11.0.0",
-        "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-n": "^15.7.0",
-        "eslint-plugin-promise": "^6.1.1",
-        "eslint-plugin-react": "^7.32.2",
-        "standard-engine": "^15.0.0",
-        "version-guard": "^1.1.1"
-      },
-      "bin": {
-        "standard": "bin/cmd.cjs"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/standard-engine": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/standard-engine/-/standard-engine-15.1.0.tgz",
-      "integrity": "sha512-VHysfoyxFu/ukT+9v49d4BRXIokFRZuH3z1VRxzFArZdjSCFpro6rEIU3ji7e4AoAtuSfKBkiOmsrDqKW5ZSRw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
       "dependencies": {
-        "get-stdin": "^8.0.0",
-        "minimist": "^1.2.6",
-        "pkg-conf": "^3.1.0",
-        "xdg-basedir": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
       }
     },
-    "node_modules/standard-json": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/standard-json/-/standard-json-1.1.0.tgz",
-      "integrity": "sha512-nkonX+n5g3pyVBvJZmvRlFtT/7JyLbNh4CtrYC3Qfxihgs8PKX52f6ONKQXORStuBWJ5PI83EUrNXme7LKfiTQ==",
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
       "dev": true,
       "dependencies": {
-        "concat-stream": "^2.0.0"
-      },
-      "bin": {
-        "standard-json": "bin.js"
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
       }
     },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.17",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz",
+      "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==",
+      "dev": true
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true
+    },
     "node_modules/stream-events": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
@@ -4929,15 +3243,6 @@
         "stubs": "^3.0.0"
       }
     },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -4973,26 +3278,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/string.prototype.padend": {
       "version": "3.1.6",
       "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.6.tgz",
@@ -5060,18 +3345,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-      "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -5081,24 +3354,18 @@
         "node": ">=4"
       }
     },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/stubs": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/stubs/-/stubs-3.0.0.tgz",
       "integrity": "sha512-PdHt7hHUJKxvTCgbKX9C1V/ftOcjJQgz8BZwNfV5c4B6dcGqlpelTbJ999jBGZ2jYiPAwcX5dP6oBwVlBlUbxw==",
       "dev": true
     },
+    "node_modules/super-media-element": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/super-media-element/-/super-media-element-1.4.2.tgz",
+      "integrity": "sha512-9pP/CVNp4NF2MNlRzLwQkjiTgKKe9WYXrLh9+8QokWmMxz+zt2mf1utkWLco26IuA3AfVcTb//qtlTIjY3VHxA==",
+      "license": "MIT"
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -5157,214 +3424,12 @@
       "resolved": "scripts/tester",
       "link": true
     },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
       "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
       "dev": true
     },
-    "node_modules/ts-standard": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/ts-standard/-/ts-standard-12.0.2.tgz",
-      "integrity": "sha512-XX2wrB9fKKTfBj4yD3ABm9iShzZcS2iWcPK8XzlBvuL20+wMiLgiz/k5tXgZwTaYq5wRhbks1Y9PelhujF/9ag==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^8.0.1",
-        "eslint-config-standard-jsx": "^11.0.0",
-        "eslint-config-standard-with-typescript": "^23.0.0",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-n": "^15.0.0",
-        "eslint-plugin-promise": "^6.0.0",
-        "eslint-plugin-react": "^7.28.0",
-        "minimist": "^1.2.6",
-        "pkg-conf": "^4.0.0",
-        "standard-engine": "^15.0.0"
-      },
-      "bin": {
-        "ts-standard": "cli.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      }
-    },
-    "node_modules/ts-standard/node_modules/find-up": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
-      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^7.1.0",
-        "path-exists": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/load-json-file": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-7.0.1.tgz",
-      "integrity": "sha512-Gnxj3ev3mB5TkVBGad0JM6dmLiQL+o0t23JPBZ9sd+yvSLk05mFoqKBw5N8gbbkU4TNXyqCgIrl/VM17OgUIgQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/locate-path": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
-      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^6.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/p-limit": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^1.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/p-locate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
-      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/path-exists": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
-      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/ts-standard/node_modules/pkg-conf": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-conf/-/pkg-conf-4.0.0.tgz",
-      "integrity": "sha512-7dmgi4UY4qk+4mj5Cd8v/GExPo0K+SlY+hulOSdfZ/T6jVH6//y7NtzZo5WrfhDBxuQ0jCa7fLZmNaNh7EWL/w==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^6.0.0",
-        "load-json-file": "^7.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ts-standard/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-      "dev": true,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/type-detect": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
@@ -5374,18 +3439,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
@@ -5459,12 +3512,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typedarray": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
-      "dev": true
-    },
     "node_modules/typescript": {
       "version": "5.4.5",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
@@ -5478,6 +3525,28 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/ua-parser-js": {
+      "version": "1.0.37",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.37.tgz",
+      "integrity": "sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/uglify-js": {
       "version": "3.17.4",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz",
@@ -5506,14 +3575,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
       "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
+      "license": "MIT"
     },
     "node_modules/urlgrey": {
       "version": "1.0.0",
@@ -5524,12 +3591,6 @@
         "fast-url-parser": "^1.1.3"
       }
     },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -5563,13 +3624,21 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "node_modules/version-guard": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/version-guard/-/version-guard-1.1.1.tgz",
-      "integrity": "sha512-MGQLX89UxmYHgDvcXyjBI0cbmoW+t/dANDppNPrno64rYr8nH4SHSuElQuSYdXGEs0mUzdQe1BY+FhVPNsAmJQ==",
-      "dev": true,
+    "node_modules/vimeo-video-element": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/vimeo-video-element/-/vimeo-video-element-1.1.6.tgz",
+      "integrity": "sha512-/YAbF2crxvNHVcoO9cie3QoJqmqFzFNelnPAF6Frp8p+81OkHL0IQco9BmouXRkOVNTb3ygRxUqLwMQX/ee3lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vimeo/player": "2.23.0"
+      }
+    },
+    "node_modules/weakmap-polyfill": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/weakmap-polyfill/-/weakmap-polyfill-2.0.4.tgz",
+      "integrity": "sha512-ZzxBf288iALJseijWelmECm/1x7ZwQn3sMYIkDr2VvZp7r6SEKuT8D0O9Wiq6L9Nl5mazrOMcmiZE/2NCenaxw==",
       "engines": {
-        "node": ">=0.10.48"
+        "node": ">=8.10.0"
       }
     },
     "node_modules/webidl-conversions": {
@@ -5619,53 +3688,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type/node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/which-typed-array": {
       "version": "1.1.15",
       "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
@@ -5685,6 +3707,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wistia-video-element": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/wistia-video-element/-/wistia-video-element-1.1.7.tgz",
+      "integrity": "sha512-pbgmdclu/or0pUDBAmRXTFhbDQ/b1m2+gGoz9DmK+T0q5zuob3mTihPYpNQXMFS8U2XrT9kbAIvPRroIYBym8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "super-media-element": "~1.4.2"
+      }
+    },
     "node_modules/wordwrap": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
@@ -5768,15 +3799,6 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
-    "node_modules/xdg-basedir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
-      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -5786,12 +3808,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
@@ -5831,6 +3847,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/youtube-video-element": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/youtube-video-element/-/youtube-video-element-1.1.6.tgz",
+      "integrity": "sha512-EaHyEh68twtuWn6S7cCEghJkLfaOD82wmJhczeWSTxT71yOG6lL7EXu6EAHADj6wPQJ9+lZpaos3f/Bh8Lzvjg==",
+      "license": "MIT"
+    },
     "node_modules/zora": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/zora/-/zora-5.2.0.tgz",
diff --git a/package.json b/package.json
index 3d5bd691..90afa812 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-player",
   "version": "2.16.0",
-  "description": "A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion",
+  "description": "A React component for playing a variety of URLs, including file paths, Mux, YouTube, Vimeo, and Wistia",
   "author": "Pete Cook (https://github.com/cookpete)",
   "license": "MIT",
   "homepage": "https://github.com/cookpete/react-player",
@@ -22,10 +22,6 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./lazy": {
-      "types": "./dist/lazy/index.d.ts",
-      "default": "./dist/lazy/index.js"
-    },
     "./*": {
       "types": "./dist/*.d.ts",
       "default": "./dist/*.js"
@@ -33,22 +29,19 @@
   },
   "scripts": {
     "clean": "rimraf dist demo coverage",
-    "start": "cp -r examples/react/public/ demo & npm run build:esm:main --watch=forever & builder examples/react/src/index.js --format=iife --bundle --outdir=demo --watch --servedir=demo --livereload",
-    "lint": "standard --verbose | snazzy",
-    "lint:fix": "standard --fix",
-    "lint:ts": "ts-standard --verbose types/*.d.ts | snazzy",
-    "lint:ts:fix": "ts-standard --fix types/*.d.ts",
-    "test": "tester test/*.js test/*/*.js --outdir=disttest --platform=node --format=esm --bundle --external:sinon --external:zora --target=esnext --sourcemap=inline",
+    "start": "run-p 'types -- -w' 'build:esm -- --watch=forever' 'build:demo -- --watch=forever --servedir=demo'",
+    "lint": "biome lint src/*",
+    "test": "tester test/*.tsx test/*.js test/*/*.js --outdir=disttest --platform=node --format=esm --bundle --external:sinon --external:zora --target=esnext --sourcemap=inline",
     "test:coverage": "c8 --src src --exclude 'test/**' --exclude 'node_modules/**' --exclude 'scripts/**' --exclude-after-remap npm test",
     "test:codecov": "npm run test:coverage && c8 report --reporter json && codecov -f coverage/coverage-final.json",
-    "build:demo": "cp -r examples/react/public demo && npm run build:esm:main && builder examples/react/src/index.js --format=iife --bundle --outdir=demo --minify --sourcemap",
-    "build": "run-s build:esm:*",
-    "build:esm:main": "builder src/*.js src/players/*.js --outdir=dist --format=esm",
-    "build:esm:lazy": "builder src/*.js src/players/*.js --outdir=dist/lazy --format=esm",
-    "build:esm:single": "node scripts/pre-publish.js",
-    "preversion": "npm run lint && npm run test",
+    "types": "tsc",
+    "build": "run-s types build:*",
+    "build:esm": "builder \"src/**/*.*s*\" --outdir=dist --format=esm",
+    "prebuild:demo": "rimraf demo && cp -r examples/react/public demo",
+    "build:demo": "builder ./examples/react/src/index.js --format=esm --splitting --bundle --outdir=demo --minify",
+    "preversion": "run-s lint test",
     "version": "auto-changelog -p && git add CHANGELOG.md",
-    "prepublishOnly": "npm run build && cp -r types/* dist",
+    "prepublishOnly": "npm run build",
     "postpublish": "npm run clean"
   },
   "peerDependencies": {
@@ -56,47 +49,43 @@
     "react": "^17.0.2 || ^18",
     "react-dom": "^17.0.2 || ^18"
   },
+  "dependencies": {
+    "@mux/mux-player-react": "^2.7.0",
+    "cloudflare-video-element": "^1.1.6",
+    "dash-video-element": "^0.0.11",
+    "deepmerge": "^4.0.0",
+    "hls-video-element": "^1.2.7",
+    "vimeo-video-element": "^1.1.6",
+    "wistia-video-element": "^1.1.7",
+    "youtube-video-element": "^1.1.6"
+  },
   "devDependencies": {
-    "@types/node": "^14.0.24",
-    "@types/react": "^18.2.79",
+    "@biomejs/biome": "1.8.2",
+    "@types/node": "^20.14.6",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
     "auto-changelog": "^2.0.0",
     "builder": "file:./scripts/builder",
     "c8": "^8.0.1",
     "codecov": "^3.6.5",
     "cross-env": "^7.0.2",
-    "esbuild": "^0.19.4",
+    "esbuild": "^0.21.5",
     "npm-run-all": "^4.1.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
     "rimraf": "^3.0.2",
     "screenfull": "^5.0.2",
     "sinon": "^16.0.0",
-    "snazzy": "^8.0.0",
-    "standard": "^17.1.0",
     "tester": "file:./scripts/tester",
-    "ts-standard": "^12.0.2",
     "typescript": "^5.4.5",
     "zora": "^5.2.0"
   },
-  "dependencies": {
-    "deepmerge": "^4.0.0",
-    "load-script": "^1.0.0",
-    "memoize-one": "^5.1.1",
-    "prop-types": "^15.7.2",
-    "react-fast-compare": "^3.0.1"
-  },
-  "standard": {
-    "ignore": [
-      "/dist/*",
-      "/examples/*"
-    ]
-  },
   "auto-changelog": {
     "breakingPattern": "Breaking changes:"
   },
   "sideEffects": [
-    "./src/standalone.js",
     "./test/**/*"
   ],
   "keywords": [
@@ -106,13 +95,8 @@
     "video",
     "audio",
     "youtube",
-    "facebook",
-    "twitch",
-    "soundcloud",
-    "streamable",
     "vimeo",
     "wistia",
-    "dailymotion",
     "hls",
     "dash",
     "react-component"
diff --git a/scripts/builder/builder.js b/scripts/builder/builder.js
index 1f147388..7c7adc20 100755
--- a/scripts/builder/builder.js
+++ b/scripts/builder/builder.js
@@ -59,6 +59,7 @@ export async function build (positionals, args) {
     format: args.format,
     platform: args.platform,
     sourcemap: args.sourcemap,
+    splitting: args.splitting,
     globalName: args['global-name'],
     external: argsArray(args, 'external'),
     outExtension: argsObject(args, 'out-extension'),
diff --git a/scripts/pre-publish.js b/scripts/pre-publish.js
deleted file mode 100644
index 4e0aec2f..00000000
--- a/scripts/pre-publish.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { join } from 'path'
-import { writeFile } from 'fs/promises'
-import players from '../src/players/index.js'
-
-const generateSinglePlayers = async () => {
-  for (const { key, name } of players) {
-    const file = `import { createReactPlayer } from './ReactPlayer.js'
-import Player from './players/${name}.js'
-export default createReactPlayer([{
-  key: '${key}',
-  canPlay: Player.canPlay,
-  lazyPlayer: Player
-}])
-`
-    await writeFile(join('./dist', `${key}.js`), file)
-  }
-}
-
-generateSinglePlayers()
diff --git a/scripts/tester/tester.js b/scripts/tester/tester.js
index 835daa5a..1ab897dd 100755
--- a/scripts/tester/tester.js
+++ b/scripts/tester/tester.js
@@ -1,61 +1,62 @@
 #!/usr/bin/env node
-import { parseArgs, promisify } from 'node:util'
-import process from 'node:process'
-import { realpath } from 'node:fs/promises'
-import { exec } from 'node:child_process'
-import { fileURLToPath } from 'node:url'
-import { build } from 'builder'
+import { parseArgs, promisify } from 'node:util';
+import process from 'node:process';
+import { realpath } from 'node:fs/promises';
+import { exec } from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import { build } from 'builder';
 
-const asyncExec = promisify(exec)
-const nodePath = await realpath(process.argv[1])
-const modulePath = await realpath(fileURLToPath(import.meta.url))
-const isCLI = nodePath === modulePath
+const asyncExec = promisify(exec);
+const nodePath = await realpath(process.argv[1]);
+const modulePath = await realpath(fileURLToPath(import.meta.url));
+const isCLI = nodePath === modulePath;
 
-if (isCLI) cliTest()
+if (isCLI) cliTest();
 
-export async function cliTest () {
-  console.time('\n⚡ Tested in')
+export async function cliTest() {
+  console.time('\n⚡ Tested in');
 
   const { values: args, positionals } = parseArgs({
     options: {},
     strict: false,
-    allowPositionals: true
-  })
+    allowPositionals: true,
+  });
 
-  await test(positionals, args)
+  await test(positionals, args);
 
-  console.timeEnd('\n⚡ Tested in')
+  console.timeEnd('\n⚡ Tested in');
 }
 
-export async function test (positionals, args) {
-  // Favor React production builds for testing.
-  args['define:process.env.NODE_ENV'] = '"production"'
+export async function test(positionals, args) {
+  // Set flag for running tests in development mode, required for `act()`.
+  args['define:process.env.NODE_ENV'] = '"development"';
 
   // Set flag for adding stubs used in tests.
-  args['define:globalThis.__TEST__'] = 'true'
+  args['define:globalThis.__TEST__'] = 'true';
 
-  await build(positionals, args)
+  await build(positionals, args);
 
-  await cmd(`echo '{"type": "module"}' > ${args.outdir}/package.json`)
+  await cmd(`echo '{"type": "module"}' > ${args.outdir}/package.json`);
 
   // Ignore test/helpers/ folder for running tests.
-  positionals = positionals.filter(p => !p.startsWith('test/helpers/'))
+  positionals = positionals.filter((p) => !p.startsWith('test/helpers/'));
 
-  await Promise.all(positionals.map(async file => {
-    console.log(await cmd(`node --enable-source-maps dist${file}`))
-  }))
+  for (let file of positionals) {
+    file = file.replace(/\.tsx?/, '.js');
+    console.log(await cmd(`node --enable-source-maps dist${file}`));
+  }
 }
 
-async function cmd (command, opts = {}) {
-  command = command.trim().replace(/\s+/g, ' ')
+async function cmd(command, opts = {}) {
+  command = command.trim().replace(/\s+/g, ' ');
 
-  if (opts.verbose) console.log(`${command}`)
+  if (opts.verbose) console.log(`${command}`);
 
-  const { stdout, stderr } = await asyncExec(command)
+  const { stdout, stderr } = await asyncExec(command);
 
   if (stderr) {
-    console.error(`\n${stderr}`)
+    console.error(`\n${stderr}`);
   }
 
-  return stdout.trim()
+  return stdout.trim();
 }
diff --git a/src/HtmlPlayer.tsx b/src/HtmlPlayer.tsx
new file mode 100644
index 00000000..76aa2e4a
--- /dev/null
+++ b/src/HtmlPlayer.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { AUDIO_EXTENSIONS } from './patterns.js';
+import type { VideoElementProps } from './types.js';
+
+const HtmlPlayer = React.forwardRef<HTMLVideoElement, VideoElementProps>((props, ref) => {
+  const Media = AUDIO_EXTENSIONS.test(`${props.src}`) ? 'audio' : 'video';
+
+  return (
+    <Media {...props} ref={ref}>
+      {props.children}
+    </Media>
+  );
+});
+
+export default HtmlPlayer;
diff --git a/src/Player.js b/src/Player.js
deleted file mode 100644
index c7f4513f..00000000
--- a/src/Player.js
+++ /dev/null
@@ -1,267 +0,0 @@
-import React, { Component } from 'react'
-import isEqual from 'react-fast-compare'
-
-import { propTypes, defaultProps } from './props.js'
-import { isMediaStream } from './utils.js'
-
-const SEEK_ON_PLAY_EXPIRY = 5000
-
-export default class Player extends Component {
-  static displayName = 'Player'
-  static propTypes = propTypes
-  static defaultProps = defaultProps
-
-  mounted = false
-  isReady = false
-  isPlaying = false // Track playing state internally to prevent bugs
-  isLoading = true // Use isLoading to prevent onPause when switching URL
-  loadOnReady = null
-  startOnPlay = true
-  seekOnPlay = null
-  onDurationCalled = false
-
-  componentDidMount () {
-    this.mounted = true
-  }
-
-  componentWillUnmount () {
-    clearTimeout(this.progressTimeout)
-    clearTimeout(this.durationCheckTimeout)
-    if (this.isReady && this.props.stopOnUnmount) {
-      this.player.stop()
-
-      if (this.player.disablePIP) {
-        this.player.disablePIP()
-      }
-    }
-    this.mounted = false
-  }
-
-  componentDidUpdate (prevProps) {
-    // If there isn’t a player available, don’t do anything
-    if (!this.player) {
-      return
-    }
-    // Invoke player methods based on changed props
-    const { url, playing, volume, muted, playbackRate, pip, loop, activePlayer, disableDeferredLoading } = this.props
-    if (!isEqual(prevProps.url, url)) {
-      if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !isMediaStream(url)) {
-        console.warn(`ReactPlayer: the attempt to load ${url} is being deferred until the player has loaded`)
-        this.loadOnReady = url
-        return
-      }
-      this.isLoading = true
-      this.startOnPlay = true
-      this.onDurationCalled = false
-      this.player.load(url, this.isReady)
-    }
-    if (!prevProps.playing && playing && !this.isPlaying) {
-      this.player.play()
-    }
-    if (prevProps.playing && !playing && this.isPlaying) {
-      this.player.pause()
-    }
-    if (!prevProps.pip && pip && this.player.enablePIP) {
-      this.player.enablePIP()
-    }
-    if (prevProps.pip && !pip && this.player.disablePIP) {
-      this.player.disablePIP()
-    }
-    if (prevProps.volume !== volume && volume !== null) {
-      this.player.setVolume(volume)
-    }
-    if (prevProps.muted !== muted) {
-      if (muted) {
-        this.player.mute()
-      } else {
-        this.player.unmute()
-        if (volume !== null) {
-          // Set volume next tick to fix a bug with DailyMotion
-          setTimeout(() => this.player.setVolume(volume))
-        }
-      }
-    }
-    if (prevProps.playbackRate !== playbackRate && this.player.setPlaybackRate) {
-      this.player.setPlaybackRate(playbackRate)
-    }
-    if (prevProps.loop !== loop && this.player.setLoop) {
-      this.player.setLoop(loop)
-    }
-  }
-
-  handlePlayerMount = player => {
-    if (this.player) {
-      this.progress() // Ensure onProgress is still called in strict mode
-      return // Return here to prevent loading twice in strict mode
-    }
-    this.player = player
-    this.player.load(this.props.url)
-    this.progress()
-  }
-
-  getDuration () {
-    if (!this.isReady) return null
-    return this.player.getDuration()
-  }
-
-  getCurrentTime () {
-    if (!this.isReady) return null
-    return this.player.getCurrentTime()
-  }
-
-  getSecondsLoaded () {
-    if (!this.isReady) return null
-    return this.player.getSecondsLoaded()
-  }
-
-  getInternalPlayer = (key) => {
-    if (!this.player) return null
-    return this.player[key]
-  }
-
-  progress = () => {
-    if (this.props.url && this.player && this.isReady) {
-      const playedSeconds = this.getCurrentTime() || 0
-      const loadedSeconds = this.getSecondsLoaded()
-      const duration = this.getDuration()
-      if (duration) {
-        const progress = {
-          playedSeconds,
-          played: playedSeconds / duration
-        }
-        if (loadedSeconds !== null) {
-          progress.loadedSeconds = loadedSeconds
-          progress.loaded = loadedSeconds / duration
-        }
-        // Only call onProgress if values have changed
-        if (progress.playedSeconds !== this.prevPlayed || progress.loadedSeconds !== this.prevLoaded) {
-          this.props.onProgress(progress)
-        }
-        this.prevPlayed = progress.playedSeconds
-        this.prevLoaded = progress.loadedSeconds
-      }
-    }
-    this.progressTimeout = setTimeout(this.progress, this.props.progressFrequency || this.props.progressInterval)
-  }
-
-  seekTo (amount, type, keepPlaying) {
-    // When seeking before player is ready, store value and seek later
-    if (!this.isReady) {
-      if (amount !== 0) {
-        this.seekOnPlay = amount
-        setTimeout(() => { this.seekOnPlay = null }, SEEK_ON_PLAY_EXPIRY)
-      }
-      return
-    }
-    const isFraction = !type ? (amount > 0 && amount < 1) : type === 'fraction'
-    if (isFraction) {
-      // Convert fraction to seconds based on duration
-      const duration = this.player.getDuration()
-      if (!duration) {
-        console.warn('ReactPlayer: could not seek using fraction – duration not yet available')
-        return
-      }
-      this.player.seekTo(duration * amount, keepPlaying)
-      return
-    }
-    this.player.seekTo(amount, keepPlaying)
-  }
-
-  handleReady = () => {
-    if (!this.mounted) return
-    this.isReady = true
-    this.isLoading = false
-    const { onReady, playing, volume, muted } = this.props
-    onReady()
-    if (!muted && volume !== null) {
-      this.player.setVolume(volume)
-    }
-    if (this.loadOnReady) {
-      this.player.load(this.loadOnReady, true)
-      this.loadOnReady = null
-    } else if (playing) {
-      this.player.play()
-    }
-    this.handleDurationCheck()
-  }
-
-  handlePlay = () => {
-    this.isPlaying = true
-    this.isLoading = false
-    const { onStart, onPlay, playbackRate } = this.props
-    if (this.startOnPlay) {
-      if (this.player.setPlaybackRate && playbackRate !== 1) {
-        this.player.setPlaybackRate(playbackRate)
-      }
-      onStart()
-      this.startOnPlay = false
-    }
-    onPlay()
-    if (this.seekOnPlay) {
-      this.seekTo(this.seekOnPlay)
-      this.seekOnPlay = null
-    }
-    this.handleDurationCheck()
-  }
-
-  handlePause = (e) => {
-    this.isPlaying = false
-    if (!this.isLoading) {
-      this.props.onPause(e)
-    }
-  }
-
-  handleEnded = () => {
-    const { activePlayer, loop, onEnded } = this.props
-    if (activePlayer.loopOnEnded && loop) {
-      this.seekTo(0)
-    }
-    if (!loop) {
-      this.isPlaying = false
-      onEnded()
-    }
-  }
-
-  handleError = (...args) => {
-    this.isLoading = false
-    this.props.onError(...args)
-  }
-
-  handleDurationCheck = () => {
-    clearTimeout(this.durationCheckTimeout)
-    const duration = this.getDuration()
-    if (duration) {
-      if (!this.onDurationCalled) {
-        this.props.onDuration(duration)
-        this.onDurationCalled = true
-      }
-    } else {
-      this.durationCheckTimeout = setTimeout(this.handleDurationCheck, 100)
-    }
-  }
-
-  handleLoaded = () => {
-    // Sometimes we know loading has stopped but onReady/onPlay are never called
-    // so this provides a way for players to avoid getting stuck
-    this.isLoading = false
-  }
-
-  render () {
-    const Player = this.props.activePlayer
-    if (!Player) {
-      return null
-    }
-    return (
-      <Player
-        {...this.props}
-        onMount={this.handlePlayerMount}
-        onReady={this.handleReady}
-        onPlay={this.handlePlay}
-        onPause={this.handlePause}
-        onEnded={this.handleEnded}
-        onLoaded={this.handleLoaded}
-        onError={this.handleError}
-      />
-    )
-  }
-}
diff --git a/src/Player.tsx b/src/Player.tsx
new file mode 100644
index 00000000..b306f80a
--- /dev/null
+++ b/src/Player.tsx
@@ -0,0 +1,109 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import type { SyntheticEvent } from 'react';
+import type { PlayerEntry } from './players.js';
+import type { ReactPlayerProps } from './types.js';
+
+type Player = React.ForwardRefExoticComponent<
+  ReactPlayerProps & {
+    activePlayer: PlayerEntry['player'];
+  }
+>;
+
+const Player: Player = React.forwardRef((props, ref) => {
+  const { playing, playbackRate, volume, muted, pip } = props;
+
+  const Player = props.activePlayer;
+  const playerRef = useRef<HTMLVideoElement | null>(null);
+  const startOnPlayRef = useRef(true);
+
+  useEffect(() => {
+    if (!playerRef.current) return;
+
+    if (playerRef.current.paused && playing) {
+      playerRef.current.play();
+    }
+    if (!playerRef.current.paused && !playing) {
+      playerRef.current.pause();
+    }
+
+    playerRef.current.playbackRate = playbackRate ?? 1;
+    playerRef.current.volume = volume ?? 1;
+    playerRef.current.muted = muted ?? false;
+  });
+
+  useEffect(() => {
+    if (!playerRef.current || !globalThis.document) return;
+
+    if (pip && !document.pictureInPictureElement) {
+      try {
+        playerRef.current.requestPictureInPicture?.();
+      } catch (err) {}
+    }
+
+    if (!pip && document.pictureInPictureElement) {
+      try {
+        // @ts-ignore
+        playerRef.current.exitPictureInPicture?.();
+        document.exitPictureInPicture?.();
+      } catch (err) {}
+    }
+  }, [pip]);
+
+  const handleLoadStart = (event: SyntheticEvent<HTMLVideoElement>) => {
+    startOnPlayRef.current = true;
+    props.onReady?.();
+    props.onLoadStart?.(event);
+  };
+
+  const handlePlay = (event: SyntheticEvent<HTMLVideoElement>) => {
+    if (startOnPlayRef.current) {
+      startOnPlayRef.current = false;
+      props.onStart?.(event);
+    }
+    props.onPlay?.(event);
+  };
+
+  if (!Player) {
+    return null;
+  }
+
+  const eventProps: Record<string, EventListenerOrEventListenerObject> = {};
+
+  for (const key in props) {
+    if (key.startsWith('on')) {
+      eventProps[key] = props[key as keyof ReactPlayerProps];
+    }
+  }
+
+  return (
+    <Player
+      {...eventProps}
+      style={props.style}
+      ref={useCallback(
+        (node: HTMLVideoElement) => {
+          playerRef.current = node;
+
+          if (typeof ref === 'function') {
+            ref(node);
+          } else if (ref !== null) {
+            ref.current = node;
+          }
+        },
+        [ref]
+      )}
+      src={props.src}
+      controls={props.controls}
+      muted={props.muted}
+      autoPlay={props.autoPlay}
+      loop={props.loop}
+      onLoadStart={handleLoadStart}
+      onPlay={handlePlay}
+    >
+      {props.children}
+    </Player>
+  );
+});
+
+Player.displayName = 'Player';
+
+export default Player;
diff --git a/src/Preview.js b/src/Preview.js
deleted file mode 100644
index b24f6b64..00000000
--- a/src/Preview.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import React, { Component } from 'react'
-
-const ICON_SIZE = '64px'
-
-const cache = {}
-
-export default class Preview extends Component {
-  mounted = false
-  state = {
-    image: null
-  }
-
-  componentDidMount () {
-    this.mounted = true
-    this.fetchImage(this.props)
-  }
-
-  componentDidUpdate (prevProps) {
-    const { url, light } = this.props
-    if (prevProps.url !== url || prevProps.light !== light) {
-      this.fetchImage(this.props)
-    }
-  }
-
-  componentWillUnmount () {
-    this.mounted = false
-  }
-
-  fetchImage ({ url, light, oEmbedUrl }) {
-    if (React.isValidElement(light)) {
-      return
-    }
-    if (typeof light === 'string') {
-      this.setState({ image: light })
-      return
-    }
-    if (cache[url]) {
-      this.setState({ image: cache[url] })
-      return
-    }
-    this.setState({ image: null })
-    return window.fetch(oEmbedUrl.replace('{url}', url))
-      .then(response => response.json())
-      .then(data => {
-        if (data.thumbnail_url && this.mounted) {
-          const image = data.thumbnail_url.replace('height=100', 'height=480').replace('-d_295x166', '-d_640')
-          this.setState({ image })
-          cache[url] = image
-        }
-      })
-  }
-
-  handleKeyPress = e => {
-    if (e.key === 'Enter' || e.key === ' ') {
-      this.props.onClick()
-    }
-  }
-
-  render () {
-    const { light, onClick, playIcon, previewTabIndex, previewAriaLabel } = this.props
-    const { image } = this.state
-    const isElement = React.isValidElement(light)
-    const flexCenter = {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-    const styles = {
-      preview: {
-        width: '100%',
-        height: '100%',
-        backgroundImage: image && !isElement ? `url(${image})` : undefined,
-        backgroundSize: 'cover',
-        backgroundPosition: 'center',
-        cursor: 'pointer',
-        ...flexCenter
-      },
-      shadow: {
-        background: 'radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)',
-        borderRadius: ICON_SIZE,
-        width: ICON_SIZE,
-        height: ICON_SIZE,
-        position: isElement ? 'absolute' : undefined,
-        ...flexCenter
-      },
-      playIcon: {
-        borderStyle: 'solid',
-        borderWidth: '16px 0 16px 26px',
-        borderColor: 'transparent transparent transparent white',
-        marginLeft: '7px'
-      }
-    }
-    const defaultPlayIcon = (
-      <div style={styles.shadow} className='react-player__shadow'>
-        <div style={styles.playIcon} className='react-player__play-icon' />
-      </div>
-    )
-    return (
-      <div
-        style={styles.preview}
-        className='react-player__preview'
-        onClick={onClick}
-        tabIndex={previewTabIndex}
-        onKeyPress={this.handleKeyPress}
-        {...(previewAriaLabel ? { 'aria-label': previewAriaLabel } : {})}
-      >
-        {isElement ? light : null}
-        {playIcon || defaultPlayIcon}
-      </div>
-    )
-  }
-}
diff --git a/src/Preview.tsx b/src/Preview.tsx
new file mode 100644
index 00000000..e5b06c74
--- /dev/null
+++ b/src/Preview.tsx
@@ -0,0 +1,124 @@
+import React, { useState, useEffect } from 'react';
+
+import type { PreviewProps } from './types';
+
+const ICON_SIZE = '64px';
+
+const cache: Record<string, string> = {};
+
+const Preview = ({
+  src,
+  light,
+  oEmbedUrl,
+  onClickPreview,
+  playIcon,
+  previewTabIndex,
+  previewAriaLabel,
+}: PreviewProps) => {
+  const [image, setImage] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!src || !light || !oEmbedUrl) return;
+    fetchImage({ src, light, oEmbedUrl });
+  }, [src, light, oEmbedUrl]);
+
+  const fetchImage = async ({
+    src,
+    light,
+    oEmbedUrl,
+  }: {
+    src: string;
+    light: boolean | string | React.ReactElement;
+    oEmbedUrl: string;
+  }) => {
+    if (React.isValidElement(light)) {
+      return;
+    }
+    if (typeof light === 'string') {
+      setImage(light);
+      return;
+    }
+    if (cache[src]) {
+      setImage(cache[src]);
+      return;
+    }
+    setImage(null);
+
+    const response = await fetch(oEmbedUrl.replace('{url}', src));
+    const data = await response.json();
+
+    if (data.thumbnail_url) {
+      const fetchedImage = data.thumbnail_url
+        .replace('height=100', 'height=480')
+        .replace('-d_295x166', '-d_640');
+      setImage(fetchedImage);
+      cache[src] = fetchedImage;
+    }
+  };
+
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLDivElement>) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      onClickPreview?.(e);
+    }
+  };
+
+  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {
+    onClickPreview?.(e);
+  };
+
+  const isElement = React.isValidElement(light);
+
+  const flexCenter = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  };
+
+  const styles = {
+    preview: {
+      width: '100%',
+      height: '100%',
+      backgroundImage: image && !isElement ? `url(${image})` : undefined,
+      backgroundSize: 'cover',
+      backgroundPosition: 'center',
+      cursor: 'pointer',
+      ...flexCenter,
+    },
+    shadow: {
+      background: 'radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)',
+      borderRadius: ICON_SIZE,
+      width: ICON_SIZE,
+      height: ICON_SIZE,
+      position: isElement ? 'absolute' as const : undefined,
+      ...flexCenter,
+    },
+    playIcon: {
+      borderStyle: 'solid',
+      borderWidth: '16px 0 16px 26px',
+      borderColor: 'transparent transparent transparent white',
+      marginLeft: '7px',
+    },
+  };
+
+  const defaultPlayIcon = (
+    <div style={styles.shadow} className="react-player__shadow">
+      <div style={styles.playIcon} className="react-player__play-icon" />
+    </div>
+  );
+
+  return (
+    <div
+      style={styles.preview}
+      className="react-player__preview"
+      tabIndex={previewTabIndex}
+      onClick={handleClick}
+      onKeyPress={handleKeyPress}
+      {...(previewAriaLabel ? { 'aria-label': previewAriaLabel } : {})}
+    >
+      {isElement ? light : null}
+      {playIcon || defaultPlayIcon}
+    </div>
+  );
+};
+
+export default Preview;
diff --git a/src/ReactPlayer.js b/src/ReactPlayer.js
deleted file mode 100644
index 1dcb0821..00000000
--- a/src/ReactPlayer.js
+++ /dev/null
@@ -1,183 +0,0 @@
-import React, { Component, Suspense } from 'react'
-import merge from 'deepmerge'
-import memoize from 'memoize-one'
-import isEqual from 'react-fast-compare'
-
-import { propTypes, defaultProps } from './props.js'
-import { omit, lazy } from './utils.js'
-import Player from './Player.js'
-
-const Preview = lazy(() => import(/* webpackChunkName: 'reactPlayerPreview' */'./Preview.js'))
-const SUPPORTED_PROPS = Object.keys(propTypes)
-const customPlayers = []
-
-export const createReactPlayer = (players, fallback) => {
-  return class ReactPlayer extends Component {
-    static displayName = 'ReactPlayer'
-    static propTypes = propTypes
-    static defaultProps = defaultProps
-    static addCustomPlayer = player => { customPlayers.push(player) }
-    static removeCustomPlayers = () => { customPlayers.length = 0 }
-
-    static canPlay = url => {
-      for (const Player of [...customPlayers, ...players]) {
-        if (Player.canPlay(url)) {
-          return true
-        }
-      }
-      return false
-    }
-
-    static canEnablePIP = url => {
-      for (const Player of [...customPlayers, ...players]) {
-        if (Player.canEnablePIP && Player.canEnablePIP(url)) {
-          return true
-        }
-      }
-      return false
-    }
-
-    state = {
-      showPreview: !!this.props.light
-    }
-
-    // Use references, as refs is used by React
-    references = {
-      wrapper: wrapper => { this.wrapper = wrapper },
-      player: player => { this.player = player }
-    }
-
-    shouldComponentUpdate (nextProps, nextState) {
-      return !isEqual(this.props, nextProps) || !isEqual(this.state, nextState)
-    }
-
-    componentDidUpdate (prevProps) {
-      const { light } = this.props
-      if (!prevProps.light && light) {
-        this.setState({ showPreview: true })
-      }
-      if (prevProps.light && !light) {
-        this.setState({ showPreview: false })
-      }
-    }
-
-    handleClickPreview = (e) => {
-      this.setState({ showPreview: false })
-      this.props.onClickPreview(e)
-    }
-
-    showPreview = () => {
-      this.setState({ showPreview: true })
-    }
-
-    getDuration = () => {
-      if (!this.player) return null
-      return this.player.getDuration()
-    }
-
-    getCurrentTime = () => {
-      if (!this.player) return null
-      return this.player.getCurrentTime()
-    }
-
-    getSecondsLoaded = () => {
-      if (!this.player) return null
-      return this.player.getSecondsLoaded()
-    }
-
-    getInternalPlayer = (key = 'player') => {
-      if (!this.player) return null
-      return this.player.getInternalPlayer(key)
-    }
-
-    seekTo = (fraction, type, keepPlaying) => {
-      if (!this.player) return null
-      this.player.seekTo(fraction, type, keepPlaying)
-    }
-
-    handleReady = () => {
-      this.props.onReady(this)
-    }
-
-    getActivePlayer = memoize(url => {
-      for (const player of [...customPlayers, ...players]) {
-        if (player.canPlay(url)) {
-          return player
-        }
-      }
-      if (fallback) {
-        return fallback
-      }
-      return null
-    })
-
-    getConfig = memoize((url, key) => {
-      const { config } = this.props
-      return merge.all([
-        defaultProps.config,
-        defaultProps.config[key] || {},
-        config,
-        config[key] || {}
-      ])
-    })
-
-    getAttributes = memoize(url => {
-      return omit(this.props, SUPPORTED_PROPS)
-    })
-
-    renderPreview (url) {
-      if (!url) return null
-      const { light, playIcon, previewTabIndex, oEmbedUrl, previewAriaLabel } = this.props
-      return (
-        <Preview
-          url={url}
-          light={light}
-          playIcon={playIcon}
-          previewTabIndex={previewTabIndex}
-          previewAriaLabel={previewAriaLabel}
-          oEmbedUrl={oEmbedUrl}
-          onClick={this.handleClickPreview}
-        />
-      )
-    }
-
-    renderActivePlayer = url => {
-      if (!url) return null
-      const player = this.getActivePlayer(url)
-      if (!player) return null
-      const config = this.getConfig(url, player.key)
-      return (
-        <Player
-          {...this.props}
-          key={player.key}
-          ref={this.references.player}
-          config={config}
-          activePlayer={player.lazyPlayer || player}
-          onReady={this.handleReady}
-        />
-      )
-    }
-
-    render () {
-      const { url, style, width, height, fallback, wrapper: Wrapper } = this.props
-      const { showPreview } = this.state
-      const attributes = this.getAttributes(url)
-      const wrapperRef = typeof Wrapper === 'string' ? this.references.wrapper : undefined
-
-      // Many React frameworks like Next.js support Suspense on the server but there are
-      // others like Fresh that don't plan to support it. Users can disable Suspense
-      // by setting the fallback prop to false.
-      const UniversalSuspense = fallback === false ? ({ children }) => children : Suspense
-
-      return (
-        <Wrapper ref={wrapperRef} style={{ ...style, width, height }} {...attributes}>
-          <UniversalSuspense fallback={fallback}>
-            {showPreview
-              ? this.renderPreview(url)
-              : this.renderActivePlayer(url)}
-          </UniversalSuspense>
-        </Wrapper>
-      )
-    }
-  }
-}
diff --git a/src/ReactPlayer.tsx b/src/ReactPlayer.tsx
new file mode 100644
index 00000000..aa9aeaaa
--- /dev/null
+++ b/src/ReactPlayer.tsx
@@ -0,0 +1,139 @@
+import React, { lazy, Suspense, useEffect, useState } from 'react';
+import merge from 'deepmerge';
+
+import { defaultProps } from './props.js';
+import Player from './Player.js';
+
+import type { ReactPlayerProps } from './types.js';
+import type { PlayerEntry } from './players.js';
+
+const Preview = lazy(() => import(/* webpackChunkName: 'reactPlayerPreview' */ './Preview.js'));
+const customPlayers: PlayerEntry[] = [];
+
+type ReactPlayer = React.ForwardRefExoticComponent<
+  Omit<ReactPlayerProps, 'ref'> & React.RefAttributes<HTMLVideoElement>
+> &
+  Partial<{
+    addCustomPlayer: (player: PlayerEntry) => void;
+    removeCustomPlayers: () => void;
+    canPlay: (src: string) => boolean;
+    canEnablePIP: (src: string) => boolean;
+  }>;
+
+export const createReactPlayer = (players: PlayerEntry[], playerFallback: PlayerEntry) => {
+  const getActivePlayer = (src: string) => {
+    for (const player of [...customPlayers, ...players]) {
+      if (player.canPlay(src)) {
+        return player;
+      }
+    }
+    if (playerFallback) {
+      return playerFallback;
+    }
+    return null;
+  };
+
+  const ReactPlayer: ReactPlayer = React.forwardRef((_props, ref) => {
+    const props = merge(defaultProps, _props);
+
+    const { className, src, style, width, height, fallback, wrapper } = props;
+    const [showPreview, setShowPreview] = useState(!!props.light);
+
+    useEffect(() => {
+      if (props.light) {
+        setShowPreview(true);
+      } else {
+        setShowPreview(false);
+      }
+    }, [props.light]);
+
+    const handleClickPreview = (e: React.SyntheticEvent) => {
+      setShowPreview(false);
+      props.onClickPreview?.(e);
+    };
+
+    const renderPreview = (src?: string) => {
+      if (!src) return null;
+
+      const { light, playIcon, previewTabIndex, oEmbedUrl, previewAriaLabel } = props;
+      return (
+        <Preview
+          src={src}
+          light={light}
+          playIcon={playIcon}
+          previewTabIndex={previewTabIndex}
+          previewAriaLabel={previewAriaLabel}
+          oEmbedUrl={oEmbedUrl}
+          onClickPreview={handleClickPreview}
+        />
+      );
+    };
+
+    const renderActivePlayer = (src?: string) => {
+      if (!src) return null;
+
+      const player = getActivePlayer(src);
+      if (!player) return null;
+
+      const { style, width, height, wrapper } = props;
+      const config = props.config?.[player.key as keyof ReactPlayerProps['config']] || {};
+
+      return (
+        <Player
+          {...props}
+          ref={ref}
+          activePlayer={player.player ?? (player as unknown as PlayerEntry['player'])}
+          style={wrapper ? { width: '100%', height: '100%' } : { ...style, width, height }}
+        />
+      );
+    };
+
+    const Wrapper: ReactPlayerProps['wrapper'] =
+      wrapper == null ? ({ children }: { children?: React.ReactNode }) => children : wrapper;
+
+    const UniversalSuspense =
+      fallback === false ? ({ children }: { children: React.ReactNode }) => children : Suspense;
+
+    return (
+      <Wrapper className={className} style={{ ...style, width, height }}>
+        <UniversalSuspense fallback={fallback}>
+          {showPreview ? renderPreview(src) : renderActivePlayer(src)}
+        </UniversalSuspense>
+      </Wrapper>
+    );
+  });
+
+  ReactPlayer.displayName = 'ReactPlayer';
+
+  ReactPlayer.addCustomPlayer = (player: PlayerEntry) => {
+    customPlayers.push(player);
+  };
+
+  ReactPlayer.removeCustomPlayers = () => {
+    customPlayers.length = 0;
+  };
+
+  ReactPlayer.canPlay = (src?: string) => {
+    if (src) {
+      for (const Player of [...customPlayers, ...players]) {
+        if (Player.canPlay(src)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  ReactPlayer.canEnablePIP = (src?: string) => {
+    if (src) {
+      for (const Player of [...customPlayers, ...players]) {
+        if (Player.canPlay(src) && Player.canEnablePIP?.()) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  return ReactPlayer;
+};
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index a866a503..00000000
--- a/src/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import players from './players/index.js'
-import { createReactPlayer } from './ReactPlayer.js'
-
-// Fall back to FilePlayer if nothing else can play the URL
-const fallback = players[players.length - 1]
-
-export default createReactPlayer(players, fallback)
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 00000000..bb51c72e
--- /dev/null
+++ b/src/index.ts
@@ -0,0 +1,9 @@
+'use client';
+
+import players from './players.js';
+import { createReactPlayer } from './ReactPlayer.js';
+
+// Fall back to FilePlayer if nothing else can play the URL
+const fallback = players[players.length - 1];
+
+export default createReactPlayer(players, fallback);
diff --git a/src/patterns.js b/src/patterns.js
deleted file mode 100644
index 9e806512..00000000
--- a/src/patterns.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { isMediaStream, isBlobUrl } from './utils.js'
-
-export const MATCH_URL_YOUTUBE = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//
-export const MATCH_URL_SOUNDCLOUD = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/
-export const MATCH_URL_VIMEO = /vimeo\.com\/(?!progressive_redirect).+/
-// Match Mux m3u8 URLs without the extension so users can use hls.js with Mux by adding the `.m3u8` extension. https://regexr.com/7um5f
-export const MATCH_URL_MUX = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/
-export const MATCH_URL_FACEBOOK = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/
-export const MATCH_URL_FACEBOOK_WATCH = /^https?:\/\/fb\.watch\/.+$/
-export const MATCH_URL_STREAMABLE = /streamable\.com\/([a-z0-9]+)$/
-export const MATCH_URL_WISTIA = /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/
-export const MATCH_URL_TWITCH_VIDEO = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/
-export const MATCH_URL_TWITCH_CHANNEL = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/
-export const MATCH_URL_DAILYMOTION = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/
-export const MATCH_URL_MIXCLOUD = /mixcloud\.com\/([^/]+\/[^/]+)/
-export const MATCH_URL_VIDYARD = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/
-export const MATCH_URL_KALTURA = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/
-export const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i
-export const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i
-export const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i
-export const DASH_EXTENSIONS = /\.(mpd)($|\?)/i
-export const FLV_EXTENSIONS = /\.(flv)($|\?)/i
-
-const canPlayFile = url => {
-  if (url instanceof Array) {
-    for (const item of url) {
-      if (typeof item === 'string' && canPlayFile(item)) {
-        return true
-      }
-      if (canPlayFile(item.src)) {
-        return true
-      }
-    }
-    return false
-  }
-  if (isMediaStream(url) || isBlobUrl(url)) {
-    return true
-  }
-  return (
-    AUDIO_EXTENSIONS.test(url) ||
-    VIDEO_EXTENSIONS.test(url) ||
-    HLS_EXTENSIONS.test(url) ||
-    DASH_EXTENSIONS.test(url) ||
-    FLV_EXTENSIONS.test(url)
-  )
-}
-
-export const canPlay = {
-  youtube: url => {
-    if (url instanceof Array) {
-      return url.every(item => MATCH_URL_YOUTUBE.test(item))
-    }
-    return MATCH_URL_YOUTUBE.test(url)
-  },
-  soundcloud: url => MATCH_URL_SOUNDCLOUD.test(url) && !AUDIO_EXTENSIONS.test(url),
-  vimeo: url => MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url),
-  mux: url => MATCH_URL_MUX.test(url),
-  facebook: url => MATCH_URL_FACEBOOK.test(url) || MATCH_URL_FACEBOOK_WATCH.test(url),
-  streamable: url => MATCH_URL_STREAMABLE.test(url),
-  wistia: url => MATCH_URL_WISTIA.test(url),
-  twitch: url => MATCH_URL_TWITCH_VIDEO.test(url) || MATCH_URL_TWITCH_CHANNEL.test(url),
-  dailymotion: url => MATCH_URL_DAILYMOTION.test(url),
-  mixcloud: url => MATCH_URL_MIXCLOUD.test(url),
-  vidyard: url => MATCH_URL_VIDYARD.test(url),
-  kaltura: url => MATCH_URL_KALTURA.test(url),
-  file: canPlayFile
-}
diff --git a/src/patterns.ts b/src/patterns.ts
new file mode 100644
index 00000000..bb15f072
--- /dev/null
+++ b/src/patterns.ts
@@ -0,0 +1,39 @@
+export const AUDIO_EXTENSIONS =
+  /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
+export const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+export const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
+export const DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
+// Match Mux m3u8 URLs without the extension so users can use hls.js with Mux by adding the `.m3u8` extension. https://regexr.com/7um5f
+export const MATCH_URL_MUX = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/;
+export const MATCH_URL_YOUTUBE =
+  /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})/;
+export const MATCH_URL_VIMEO = /vimeo\.com\/(?!progressive_redirect).+/;
+export const MATCH_URL_WISTIA =
+  /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/;
+
+const canPlayFile = (url: string, test: (u: string) => boolean) => {
+  if (Array.isArray(url)) {
+    for (const item of url) {
+      if (typeof item === 'string' && canPlayFile(item, test)) {
+        return true;
+      }
+      if (canPlayFile(item.src, test)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  return test(url);
+};
+
+export const canPlay = {
+  html: (url: string) =>
+    canPlayFile(url, (u: string) => AUDIO_EXTENSIONS.test(u) || VIDEO_EXTENSIONS.test(u)),
+  hls: (url: string) => canPlayFile(url, (u: string) => HLS_EXTENSIONS.test(u)),
+  dash: (url: string) => canPlayFile(url, (u: string) => DASH_EXTENSIONS.test(u)),
+  mux: (url: string) => MATCH_URL_MUX.test(url),
+  youtube: (url: string) => MATCH_URL_YOUTUBE.test(url),
+  vimeo: (url: string) =>
+    MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url),
+  wistia: (url: string) => MATCH_URL_WISTIA.test(url),
+};
diff --git a/src/players.ts b/src/players.ts
new file mode 100644
index 00000000..d7eefa1a
--- /dev/null
+++ b/src/players.ts
@@ -0,0 +1,76 @@
+import { lazy } from 'react';
+import { canPlay } from './patterns.js';
+import type { VideoElementProps } from './types.js';
+import HtmlPlayer from './HtmlPlayer.js';
+
+export type PlayerEntry = {
+  key: string;
+  name: string;
+  canPlay: (url: string) => boolean;
+  canEnablePIP?: () => boolean;
+  player?:
+    | React.ComponentType<VideoElementProps>
+    | React.LazyExoticComponent<React.ComponentType<VideoElementProps>>;
+};
+
+const Players: PlayerEntry[] = [
+  {
+    key: 'hls',
+    name: 'hls.js',
+    canPlay: canPlay.hls,
+    canEnablePIP: () => true,
+    player: lazy(() => import(/* webpackChunkName: 'reactPlayerHls' */ 'hls-video-element/react')),
+  },
+  {
+    key: 'dash',
+    name: 'dash.js',
+    canPlay: canPlay.dash,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(/* webpackChunkName: 'reactPlayerDash' */ 'dash-video-element/react')
+    ),
+  },
+  {
+    key: 'mux',
+    name: 'Mux',
+    canPlay: canPlay.mux,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(/* webpackChunkName: 'reactPlayerMux' */ '@mux/mux-player-react')
+    ) as React.LazyExoticComponent<React.ComponentType<VideoElementProps>>,
+  },
+  {
+    key: 'youtube',
+    name: 'YouTube',
+    canPlay: canPlay.youtube,
+    player: lazy(
+      () => import(/* webpackChunkName: 'reactPlayerYouTube' */ 'youtube-video-element/react')
+    ),
+  },
+  {
+    key: 'vimeo',
+    name: 'Vimeo',
+    canPlay: canPlay.vimeo,
+    player: lazy(
+      () => import(/* webpackChunkName: 'reactPlayerVimeo' */ 'vimeo-video-element/react')
+    ),
+  },
+  {
+    key: 'wistia',
+    name: 'Wistia',
+    canPlay: canPlay.wistia,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(/* webpackChunkName: 'reactPlayerWistia' */ 'wistia-video-element/react')
+    ),
+  },
+  {
+    key: 'html',
+    name: 'html',
+    canPlay: canPlay.html,
+    canEnablePIP: () => true,
+    player: HtmlPlayer,
+  },
+];
+
+export default Players;
diff --git a/src/players/DailyMotion.js b/src/players/DailyMotion.js
deleted file mode 100644
index b87b0c80..00000000
--- a/src/players/DailyMotion.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, parseStartTime } from '../utils.js'
-import { canPlay, MATCH_URL_DAILYMOTION } from '../patterns.js'
-
-const SDK_URL = 'https://api.dmcdn.net/all.js'
-const SDK_GLOBAL = 'DM'
-const SDK_GLOBAL_READY = 'dmAsyncInit'
-
-export default class DailyMotion extends Component {
-  static displayName = 'DailyMotion'
-  static canPlay = canPlay.dailymotion
-  static loopOnEnded = true
-  callPlayer = callPlayer
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    const { controls, config, onError, playing } = this.props
-    const [, id] = url.match(MATCH_URL_DAILYMOTION)
-    if (this.player) {
-      this.player.load(id, {
-        start: parseStartTime(url),
-        autoplay: playing
-      })
-      return
-    }
-    getSDK(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, DM => DM.player).then(DM => {
-      if (!this.container) return
-      const Player = DM.player
-      this.player = new Player(this.container, {
-        width: '100%',
-        height: '100%',
-        video: id,
-        params: {
-          controls,
-          autoplay: this.props.playing,
-          mute: this.props.muted,
-          start: parseStartTime(url),
-          origin: window.location.origin,
-          ...config.params
-        },
-        events: {
-          apiready: this.props.onReady,
-          seeked: () => this.props.onSeek(this.player.currentTime),
-          video_end: this.props.onEnded,
-          durationchange: this.onDurationChange,
-          pause: this.props.onPause,
-          playing: this.props.onPlay,
-          waiting: this.props.onBuffer,
-          error: event => onError(event)
-        }
-      })
-    }, onError)
-  }
-
-  onDurationChange = () => {
-    const duration = this.getDuration()
-    this.props.onDuration(duration)
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('seek', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  mute = () => {
-    this.callPlayer('setMuted', true)
-  }
-
-  unmute = () => {
-    this.callPlayer('setMuted', false)
-  }
-
-  getDuration () {
-    return this.player.duration || null
-  }
-
-  getCurrentTime () {
-    return this.player.currentTime
-  }
-
-  getSecondsLoaded () {
-    return this.player.bufferedTime
-  }
-
-  ref = container => {
-    this.container = container
-  }
-
-  render () {
-    const { display } = this.props
-    const style = {
-      width: '100%',
-      height: '100%',
-      display
-    }
-    return (
-      <div style={style}>
-        <div ref={this.ref} />
-      </div>
-    )
-  }
-}
diff --git a/src/players/Facebook.js b/src/players/Facebook.js
deleted file mode 100644
index 96c40b28..00000000
--- a/src/players/Facebook.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, randomString } from '../utils.js'
-import { canPlay } from '../patterns.js'
-
-const SDK_URL = 'https://connect.facebook.net/en_US/sdk.js'
-const SDK_GLOBAL = 'FB'
-const SDK_GLOBAL_READY = 'fbAsyncInit'
-const PLAYER_ID_PREFIX = 'facebook-player-'
-
-export default class Facebook extends Component {
-  static displayName = 'Facebook'
-  static canPlay = canPlay.facebook
-  static loopOnEnded = true
-  callPlayer = callPlayer
-  playerID = this.props.config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url, isReady) {
-    if (isReady) {
-      getSDK(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(FB => FB.XFBML.parse())
-      return
-    }
-    getSDK(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(FB => {
-      FB.init({
-        appId: this.props.config.appId,
-        xfbml: true,
-        version: this.props.config.version
-      })
-      FB.Event.subscribe('xfbml.render', msg => {
-        // Here we know the SDK has loaded, even if onReady/onPlay
-        // is not called due to a video that cannot be embedded
-        this.props.onLoaded()
-      })
-      FB.Event.subscribe('xfbml.ready', msg => {
-        if (msg.type === 'video' && msg.id === this.playerID) {
-          this.player = msg.instance
-          this.player.subscribe('startedPlaying', this.props.onPlay)
-          this.player.subscribe('paused', this.props.onPause)
-          this.player.subscribe('finishedPlaying', this.props.onEnded)
-          this.player.subscribe('startedBuffering', this.props.onBuffer)
-          this.player.subscribe('finishedBuffering', this.props.onBufferEnd)
-          this.player.subscribe('error', this.props.onError)
-          if (this.props.muted) {
-            this.callPlayer('mute')
-          } else {
-            this.callPlayer('unmute')
-          }
-          this.props.onReady()
-
-          // For some reason Facebook have added `visibility: hidden`
-          // to the iframe when autoplay fails, so here we set it back
-          document.getElementById(this.playerID).querySelector('iframe').style.visibility = 'visible'
-        }
-      })
-    })
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('seek', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  mute = () => {
-    this.callPlayer('mute')
-  }
-
-  unmute = () => {
-    this.callPlayer('unmute')
-  }
-
-  getDuration () {
-    return this.callPlayer('getDuration')
-  }
-
-  getCurrentTime () {
-    return this.callPlayer('getCurrentPosition')
-  }
-
-  getSecondsLoaded () {
-    return null
-  }
-
-  render () {
-    const { attributes } = this.props.config
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    return (
-      <div
-        style={style}
-        id={this.playerID}
-        className='fb-video'
-        data-href={this.props.url}
-        data-autoplay={this.props.playing ? 'true' : 'false'}
-        data-allowfullscreen='true'
-        data-controls={this.props.controls ? 'true' : 'false'}
-        {...attributes}
-      />
-    )
-  }
-}
diff --git a/src/players/FilePlayer.js b/src/players/FilePlayer.js
deleted file mode 100644
index 14fb5376..00000000
--- a/src/players/FilePlayer.js
+++ /dev/null
@@ -1,378 +0,0 @@
-import React, { Component } from 'react'
-
-import { getSDK, isMediaStream, supportsWebKitPresentationMode } from '../utils.js'
-import { canPlay, AUDIO_EXTENSIONS, HLS_EXTENSIONS, DASH_EXTENSIONS, FLV_EXTENSIONS } from '../patterns.js'
-
-const HAS_NAVIGATOR = typeof navigator !== 'undefined'
-const IS_IPAD_PRO = HAS_NAVIGATOR && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1
-const IS_IOS = HAS_NAVIGATOR && (/iPad|iPhone|iPod/.test(navigator.userAgent) || IS_IPAD_PRO) && !window.MSStream
-const IS_SAFARI = HAS_NAVIGATOR && (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) && !window.MSStream
-const HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js'
-const HLS_GLOBAL = 'Hls'
-const DASH_SDK_URL = 'https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js'
-const DASH_GLOBAL = 'dashjs'
-const FLV_SDK_URL = 'https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js'
-const FLV_GLOBAL = 'flvjs'
-const MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/
-const MATCH_CLOUDFLARE_STREAM = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/
-const REPLACE_CLOUDFLARE_STREAM = 'https://videodelivery.net/{id}/manifest/video.m3u8'
-
-export default class FilePlayer extends Component {
-  static displayName = 'FilePlayer'
-  static canPlay = canPlay.file
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-    this.addListeners(this.player)
-    const src = this.getSource(this.props.url) // Ensure src is set in strict mode
-    if (src) {
-      this.player.src = src
-    }
-    if (IS_IOS || this.props.config.forceDisableHls) {
-      this.player.load()
-    }
-  }
-
-  componentDidUpdate (prevProps) {
-    if (this.shouldUseAudio(this.props) !== this.shouldUseAudio(prevProps)) {
-      this.removeListeners(this.prevPlayer, prevProps.url)
-      this.addListeners(this.player)
-    }
-
-    if (
-      this.props.url !== prevProps.url &&
-      !isMediaStream(this.props.url) &&
-      !(this.props.url instanceof Array) // Avoid infinite loop
-    ) {
-      this.player.srcObject = null
-    }
-  }
-
-  componentWillUnmount () {
-    this.player.removeAttribute('src')
-    this.removeListeners(this.player)
-    if (this.hls) {
-      this.hls.destroy()
-    }
-  }
-
-  addListeners (player) {
-    const { url, playsinline } = this.props
-    player.addEventListener('play', this.onPlay)
-    player.addEventListener('waiting', this.onBuffer)
-    player.addEventListener('playing', this.onBufferEnd)
-    player.addEventListener('pause', this.onPause)
-    player.addEventListener('seeked', this.onSeek)
-    player.addEventListener('ended', this.onEnded)
-    player.addEventListener('error', this.onError)
-    player.addEventListener('ratechange', this.onPlayBackRateChange)
-    player.addEventListener('enterpictureinpicture', this.onEnablePIP)
-    player.addEventListener('leavepictureinpicture', this.onDisablePIP)
-    player.addEventListener('webkitpresentationmodechanged', this.onPresentationModeChange)
-    if (!this.shouldUseHLS(url)) { // onReady is handled by hls.js
-      player.addEventListener('canplay', this.onReady)
-    }
-    if (playsinline) {
-      player.setAttribute('playsinline', '')
-      player.setAttribute('webkit-playsinline', '')
-      player.setAttribute('x5-playsinline', '')
-    }
-  }
-
-  removeListeners (player, url) {
-    player.removeEventListener('canplay', this.onReady)
-    player.removeEventListener('play', this.onPlay)
-    player.removeEventListener('waiting', this.onBuffer)
-    player.removeEventListener('playing', this.onBufferEnd)
-    player.removeEventListener('pause', this.onPause)
-    player.removeEventListener('seeked', this.onSeek)
-    player.removeEventListener('ended', this.onEnded)
-    player.removeEventListener('error', this.onError)
-    player.removeEventListener('ratechange', this.onPlayBackRateChange)
-    player.removeEventListener('enterpictureinpicture', this.onEnablePIP)
-    player.removeEventListener('leavepictureinpicture', this.onDisablePIP)
-    player.removeEventListener('webkitpresentationmodechanged', this.onPresentationModeChange)
-    if (!this.shouldUseHLS(url)) { // onReady is handled by hls.js
-      player.removeEventListener('canplay', this.onReady)
-    }
-  }
-
-  // Proxy methods to prevent listener leaks
-  onReady = (...args) => this.props.onReady(...args)
-  onPlay = (...args) => this.props.onPlay(...args)
-  onBuffer = (...args) => this.props.onBuffer(...args)
-  onBufferEnd = (...args) => this.props.onBufferEnd(...args)
-  onPause = (...args) => this.props.onPause(...args)
-  onEnded = (...args) => this.props.onEnded(...args)
-  onError = (...args) => this.props.onError(...args)
-  onPlayBackRateChange = (event) => this.props.onPlaybackRateChange(event.target.playbackRate)
-  onEnablePIP = (...args) => this.props.onEnablePIP(...args)
-
-  onDisablePIP = e => {
-    const { onDisablePIP, playing } = this.props
-    onDisablePIP(e)
-    if (playing) {
-      this.play()
-    }
-  }
-
-  onPresentationModeChange = e => {
-    if (this.player && supportsWebKitPresentationMode(this.player)) {
-      const { webkitPresentationMode } = this.player
-      if (webkitPresentationMode === 'picture-in-picture') {
-        this.onEnablePIP(e)
-      } else if (webkitPresentationMode === 'inline') {
-        this.onDisablePIP(e)
-      }
-    }
-  }
-
-  onSeek = e => {
-    this.props.onSeek(e.target.currentTime)
-  }
-
-  shouldUseAudio (props) {
-    if (props.config.forceVideo) {
-      return false
-    }
-    if (props.config.attributes.poster) {
-      return false // Use <video> so that poster is shown
-    }
-    return AUDIO_EXTENSIONS.test(props.url) || props.config.forceAudio
-  }
-
-  shouldUseHLS (url) {
-    if ((IS_SAFARI && this.props.config.forceSafariHLS) || this.props.config.forceHLS) {
-      return true
-    }
-    if (IS_IOS || this.props.config.forceDisableHls) {
-      return false
-    }
-    return HLS_EXTENSIONS.test(url) || MATCH_CLOUDFLARE_STREAM.test(url)
-  }
-
-  shouldUseDASH (url) {
-    return DASH_EXTENSIONS.test(url) || this.props.config.forceDASH
-  }
-
-  shouldUseFLV (url) {
-    return FLV_EXTENSIONS.test(url) || this.props.config.forceFLV
-  }
-
-  load (url) {
-    const { hlsVersion, hlsOptions, dashVersion, flvVersion } = this.props.config
-    if (this.hls) {
-      this.hls.destroy()
-    }
-    if (this.dash) {
-      this.dash.reset()
-    }
-    if (this.shouldUseHLS(url)) {
-      getSDK(HLS_SDK_URL.replace('VERSION', hlsVersion), HLS_GLOBAL).then(Hls => {
-        this.hls = new Hls(hlsOptions)
-        this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          this.props.onReady()
-        })
-        this.hls.on(Hls.Events.ERROR, (e, data) => {
-          this.props.onError(e, data, this.hls, Hls)
-        })
-        if (MATCH_CLOUDFLARE_STREAM.test(url)) {
-          const id = url.match(MATCH_CLOUDFLARE_STREAM)[1]
-          this.hls.loadSource(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id))
-        } else {
-          this.hls.loadSource(url)
-        }
-        this.hls.attachMedia(this.player)
-        this.props.onLoaded()
-      })
-    }
-    if (this.shouldUseDASH(url)) {
-      getSDK(DASH_SDK_URL.replace('VERSION', dashVersion), DASH_GLOBAL).then(dashjs => {
-        this.dash = dashjs.MediaPlayer().create()
-        this.dash.initialize(this.player, url, this.props.playing)
-        this.dash.on('error', this.props.onError)
-        if (parseInt(dashVersion) < 3) {
-          this.dash.getDebug().setLogToBrowserConsole(false)
-        } else {
-          this.dash.updateSettings({ debug: { logLevel: dashjs.Debug.LOG_LEVEL_NONE } })
-        }
-        this.props.onLoaded()
-      })
-    }
-    if (this.shouldUseFLV(url)) {
-      getSDK(FLV_SDK_URL.replace('VERSION', flvVersion), FLV_GLOBAL).then(flvjs => {
-        this.flv = flvjs.createPlayer({ type: 'flv', url })
-        this.flv.attachMediaElement(this.player)
-        this.flv.on(flvjs.Events.ERROR, (e, data) => {
-          this.props.onError(e, data, this.flv, flvjs)
-        })
-        this.flv.load()
-        this.props.onLoaded()
-      })
-    }
-
-    if (url instanceof Array) {
-      // When setting new urls (<source>) on an already loaded video,
-      // HTMLMediaElement.load() is needed to reset the media element
-      // and restart the media resource. Just replacing children source
-      // dom nodes is not enough
-      this.player.load()
-    } else if (isMediaStream(url)) {
-      try {
-        this.player.srcObject = url
-      } catch (e) {
-        this.player.src = window.URL.createObjectURL(url)
-      }
-    }
-  }
-
-  play () {
-    const promise = this.player.play()
-    if (promise) {
-      promise.catch(this.props.onError)
-    }
-  }
-
-  pause () {
-    this.player.pause()
-  }
-
-  stop () {
-    this.player.removeAttribute('src')
-    if (this.dash) {
-      this.dash.reset()
-    }
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.player.currentTime = seconds
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.player.volume = fraction
-  }
-
-  mute = () => {
-    this.player.muted = true
-  }
-
-  unmute = () => {
-    this.player.muted = false
-  }
-
-  enablePIP () {
-    if (this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player) {
-      this.player.requestPictureInPicture()
-    } else if (supportsWebKitPresentationMode(this.player) && this.player.webkitPresentationMode !== 'picture-in-picture') {
-      this.player.webkitSetPresentationMode('picture-in-picture')
-    }
-  }
-
-  disablePIP () {
-    if (document.exitPictureInPicture && document.pictureInPictureElement === this.player) {
-      document.exitPictureInPicture()
-    } else if (supportsWebKitPresentationMode(this.player) && this.player.webkitPresentationMode !== 'inline') {
-      this.player.webkitSetPresentationMode('inline')
-    }
-  }
-
-  setPlaybackRate (rate) {
-    try {
-      this.player.playbackRate = rate
-    } catch (error) {
-      this.props.onError(error)
-    }
-  }
-
-  getDuration () {
-    if (!this.player) return null
-    const { duration, seekable } = this.player
-    // on iOS, live streams return Infinity for the duration
-    // so instead we use the end of the seekable timerange
-    if (duration === Infinity && seekable.length > 0) {
-      return seekable.end(seekable.length - 1)
-    }
-    return duration
-  }
-
-  getCurrentTime () {
-    if (!this.player) return null
-    return this.player.currentTime
-  }
-
-  getSecondsLoaded () {
-    if (!this.player) return null
-    const { buffered } = this.player
-    if (buffered.length === 0) {
-      return 0
-    }
-    const end = buffered.end(buffered.length - 1)
-    const duration = this.getDuration()
-    if (end > duration) {
-      return duration
-    }
-    return end
-  }
-
-  getSource (url) {
-    const useHLS = this.shouldUseHLS(url)
-    const useDASH = this.shouldUseDASH(url)
-    const useFLV = this.shouldUseFLV(url)
-    if (url instanceof Array || isMediaStream(url) || useHLS || useDASH || useFLV) {
-      return undefined
-    }
-    if (MATCH_DROPBOX_URL.test(url)) {
-      return url.replace('www.dropbox.com', 'dl.dropboxusercontent.com')
-    }
-    return url
-  }
-
-  renderSourceElement = (source, index) => {
-    if (typeof source === 'string') {
-      return <source key={index} src={source} />
-    }
-    return <source key={index} {...source} />
-  }
-
-  renderTrack = (track, index) => {
-    return <track key={index} {...track} />
-  }
-
-  ref = player => {
-    if (this.player) {
-      // Store previous player to be used by removeListeners()
-      this.prevPlayer = this.player
-    }
-    this.player = player
-  }
-
-  render () {
-    const { url, playing, loop, controls, muted, config, width, height } = this.props
-    const useAudio = this.shouldUseAudio(this.props)
-    const Element = useAudio ? 'audio' : 'video'
-    const style = {
-      width: width === 'auto' ? width : '100%',
-      height: height === 'auto' ? height : '100%'
-    }
-    return (
-      <Element
-        ref={this.ref}
-        src={this.getSource(url)}
-        style={style}
-        preload='auto'
-        autoPlay={playing || undefined}
-        controls={controls}
-        muted={muted}
-        loop={loop}
-        {...config.attributes}
-      >
-        {url instanceof Array &&
-          url.map(this.renderSourceElement)}
-        {config.tracks.map(this.renderTrack)}
-      </Element>
-    )
-  }
-}
diff --git a/src/players/Kaltura.js b/src/players/Kaltura.js
deleted file mode 100644
index 28d4aacf..00000000
--- a/src/players/Kaltura.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK } from '../utils.js'
-import { canPlay } from '../patterns.js'
-
-const SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js'
-const SDK_GLOBAL = 'playerjs'
-
-export default class Kaltura extends Component {
-  static displayName = 'Kaltura'
-  static canPlay = canPlay.kaltura
-  callPlayer = callPlayer
-  duration = null
-  currentTime = null
-  secondsLoaded = null
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    getSDK(SDK_URL, SDK_GLOBAL).then(playerjs => {
-      if (!this.iframe) return
-      this.player = new playerjs.Player(this.iframe)
-      this.player.on('ready', () => {
-        // An arbitrary timeout is required otherwise
-        // the event listeners won’t work
-        setTimeout(() => {
-          this.player.isReady = true
-          this.player.setLoop(this.props.loop)
-          if (this.props.muted) {
-            this.player.mute()
-          }
-          this.addListeners(this.player, this.props)
-          this.props.onReady()
-        }, 500)
-      })
-    }, this.props.onError)
-  }
-
-  addListeners (player, props) {
-    player.on('play', props.onPlay)
-    player.on('pause', props.onPause)
-    player.on('ended', props.onEnded)
-    player.on('error', props.onError)
-    player.on('timeupdate', ({ duration, seconds }) => {
-      this.duration = duration
-      this.currentTime = seconds
-    })
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('setCurrentTime', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  setLoop (loop) {
-    this.callPlayer('setLoop', loop)
-  }
-
-  mute = () => {
-    this.callPlayer('mute')
-  }
-
-  unmute = () => {
-    this.callPlayer('unmute')
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.currentTime
-  }
-
-  getSecondsLoaded () {
-    return this.secondsLoaded
-  }
-
-  ref = iframe => {
-    this.iframe = iframe
-  }
-
-  render () {
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    return (
-      <iframe
-        ref={this.ref}
-        src={this.props.url}
-        frameBorder='0'
-        scrolling='no'
-        style={style}
-        allow='encrypted-media; autoplay; fullscreen;'
-        referrerPolicy='no-referrer-when-downgrade'
-      />
-    )
-  }
-}
diff --git a/src/players/Mixcloud.js b/src/players/Mixcloud.js
deleted file mode 100644
index a81b437e..00000000
--- a/src/players/Mixcloud.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, queryString } from '../utils.js'
-import { canPlay, MATCH_URL_MIXCLOUD } from '../patterns.js'
-
-const SDK_URL = 'https://widget.mixcloud.com/media/js/widgetApi.js'
-const SDK_GLOBAL = 'Mixcloud'
-
-export default class Mixcloud extends Component {
-  static displayName = 'Mixcloud'
-  static canPlay = canPlay.mixcloud
-  static loopOnEnded = true
-  callPlayer = callPlayer
-  duration = null
-  currentTime = null
-  secondsLoaded = null
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    getSDK(SDK_URL, SDK_GLOBAL).then(Mixcloud => {
-      this.player = Mixcloud.PlayerWidget(this.iframe)
-      this.player.ready.then(() => {
-        this.player.events.play.on(this.props.onPlay)
-        this.player.events.pause.on(this.props.onPause)
-        this.player.events.ended.on(this.props.onEnded)
-        this.player.events.error.on(this.props.error)
-        this.player.events.progress.on((seconds, duration) => {
-          this.currentTime = seconds
-          this.duration = duration
-        })
-        this.props.onReady()
-      })
-    }, this.props.onError)
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('seek', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    // No volume support
-  }
-
-  mute = () => {
-    // No volume support
-  }
-
-  unmute = () => {
-    // No volume support
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.currentTime
-  }
-
-  getSecondsLoaded () {
-    return null
-  }
-
-  ref = iframe => {
-    this.iframe = iframe
-  }
-
-  render () {
-    const { url, config } = this.props
-    const id = url.match(MATCH_URL_MIXCLOUD)[1]
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    const query = queryString({
-      ...config.options,
-      feed: `/${id}/`
-    })
-    // We have to give the iframe a key here to prevent a
-    // weird dialog appearing when loading a new track
-    return (
-      <iframe
-        key={id}
-        ref={this.ref}
-        style={style}
-        src={`https://www.mixcloud.com/widget/iframe/?${query}`}
-        frameBorder='0'
-        allow='autoplay'
-      />
-    )
-  }
-}
diff --git a/src/players/Mux.js b/src/players/Mux.js
deleted file mode 100644
index cda916c9..00000000
--- a/src/players/Mux.js
+++ /dev/null
@@ -1,211 +0,0 @@
-import React, { Component } from 'react'
-
-import { canPlay, MATCH_URL_MUX } from '../patterns.js'
-
-const SDK_URL = 'https://cdn.jsdelivr.net/npm/@mux/mux-player@VERSION/dist/mux-player.mjs'
-
-export default class Mux extends Component {
-  static displayName = 'Mux'
-  static canPlay = canPlay.mux
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-    this.addListeners(this.player)
-    const playbackId = this.getPlaybackId(this.props.url) // Ensure src is set in strict mode
-    if (playbackId) {
-      this.player.playbackId = playbackId
-    }
-  }
-
-  componentWillUnmount () {
-    this.player.playbackId = null
-    this.removeListeners(this.player)
-  }
-
-  addListeners (player) {
-    const { playsinline } = this.props
-    player.addEventListener('play', this.onPlay)
-    player.addEventListener('waiting', this.onBuffer)
-    player.addEventListener('playing', this.onBufferEnd)
-    player.addEventListener('pause', this.onPause)
-    player.addEventListener('seeked', this.onSeek)
-    player.addEventListener('ended', this.onEnded)
-    player.addEventListener('error', this.onError)
-    player.addEventListener('ratechange', this.onPlayBackRateChange)
-    player.addEventListener('enterpictureinpicture', this.onEnablePIP)
-    player.addEventListener('leavepictureinpicture', this.onDisablePIP)
-    player.addEventListener('webkitpresentationmodechanged', this.onPresentationModeChange)
-    player.addEventListener('canplay', this.onReady)
-    if (playsinline) {
-      player.setAttribute('playsinline', '')
-    }
-  }
-
-  removeListeners (player) {
-    player.removeEventListener('canplay', this.onReady)
-    player.removeEventListener('play', this.onPlay)
-    player.removeEventListener('waiting', this.onBuffer)
-    player.removeEventListener('playing', this.onBufferEnd)
-    player.removeEventListener('pause', this.onPause)
-    player.removeEventListener('seeked', this.onSeek)
-    player.removeEventListener('ended', this.onEnded)
-    player.removeEventListener('error', this.onError)
-    player.removeEventListener('ratechange', this.onPlayBackRateChange)
-    player.removeEventListener('enterpictureinpicture', this.onEnablePIP)
-    player.removeEventListener('leavepictureinpicture', this.onDisablePIP)
-    player.removeEventListener('canplay', this.onReady)
-  }
-
-  // Proxy methods to prevent listener leaks
-  onReady = (...args) => this.props.onReady(...args)
-  onPlay = (...args) => this.props.onPlay(...args)
-  onBuffer = (...args) => this.props.onBuffer(...args)
-  onBufferEnd = (...args) => this.props.onBufferEnd(...args)
-  onPause = (...args) => this.props.onPause(...args)
-  onEnded = (...args) => this.props.onEnded(...args)
-  onError = (...args) => this.props.onError(...args)
-  onPlayBackRateChange = (event) => this.props.onPlaybackRateChange(event.target.playbackRate)
-  onEnablePIP = (...args) => this.props.onEnablePIP(...args)
-
-  onSeek = e => {
-    this.props.onSeek(e.target.currentTime)
-  }
-
-  async load (url) {
-    const { onError, config } = this.props
-
-    if (!globalThis.customElements?.get('mux-player')) {
-      try {
-        const sdkUrl = SDK_URL.replace('VERSION', config.version)
-        await import(/* webpackIgnore: true */ `${sdkUrl}`)
-        this.props.onLoaded()
-      } catch (error) {
-        onError(error)
-      }
-    }
-
-    const [, id] = url.match(MATCH_URL_MUX)
-    this.player.playbackId = id
-  }
-
-  onDurationChange = () => {
-    const duration = this.getDuration()
-    this.props.onDuration(duration)
-  }
-
-  play () {
-    const promise = this.player.play()
-    if (promise) {
-      promise.catch(this.props.onError)
-    }
-  }
-
-  pause () {
-    this.player.pause()
-  }
-
-  stop () {
-    this.player.playbackId = null
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.player.currentTime = seconds
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.player.volume = fraction
-  }
-
-  mute = () => {
-    this.player.muted = true
-  }
-
-  unmute = () => {
-    this.player.muted = false
-  }
-
-  enablePIP () {
-    if (this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player) {
-      this.player.requestPictureInPicture()
-    }
-  }
-
-  disablePIP () {
-    if (document.exitPictureInPicture && document.pictureInPictureElement === this.player) {
-      document.exitPictureInPicture()
-    }
-  }
-
-  setPlaybackRate (rate) {
-    try {
-      this.player.playbackRate = rate
-    } catch (error) {
-      this.props.onError(error)
-    }
-  }
-
-  getDuration () {
-    if (!this.player) return null
-    const { duration, seekable } = this.player
-    // on iOS, live streams return Infinity for the duration
-    // so instead we use the end of the seekable timerange
-    if (duration === Infinity && seekable.length > 0) {
-      return seekable.end(seekable.length - 1)
-    }
-    return duration
-  }
-
-  getCurrentTime () {
-    if (!this.player) return null
-    return this.player.currentTime
-  }
-
-  getSecondsLoaded () {
-    if (!this.player) return null
-    const { buffered } = this.player
-    if (buffered.length === 0) {
-      return 0
-    }
-    const end = buffered.end(buffered.length - 1)
-    const duration = this.getDuration()
-    if (end > duration) {
-      return duration
-    }
-    return end
-  }
-
-  getPlaybackId (url) {
-    const [, id] = url.match(MATCH_URL_MUX)
-    return id
-  }
-
-  ref = player => {
-    this.player = player
-  }
-
-  render () {
-    const { url, playing, loop, controls, muted, config, width, height } = this.props
-    const style = {
-      width: width === 'auto' ? width : '100%',
-      height: height === 'auto' ? height : '100%'
-    }
-    if (controls === false) {
-      style['--controls'] = 'none'
-    }
-    return (
-      <mux-player
-        ref={this.ref}
-        playback-id={this.getPlaybackId(url)}
-        style={style}
-        preload='auto'
-        autoPlay={playing || undefined}
-        muted={muted ? '' : undefined}
-        loop={loop ? '' : undefined}
-        {...config.attributes}
-      />
-    )
-  }
-}
diff --git a/src/players/SoundCloud.js b/src/players/SoundCloud.js
deleted file mode 100644
index a87e0d3e..00000000
--- a/src/players/SoundCloud.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK } from '../utils.js'
-import { canPlay } from '../patterns.js'
-
-const SDK_URL = 'https://w.soundcloud.com/player/api.js'
-const SDK_GLOBAL = 'SC'
-
-export default class SoundCloud extends Component {
-  static displayName = 'SoundCloud'
-  static canPlay = canPlay.soundcloud
-  static loopOnEnded = true
-  callPlayer = callPlayer
-  duration = null
-  currentTime = null
-  fractionLoaded = null
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url, isReady) {
-    getSDK(SDK_URL, SDK_GLOBAL).then(SC => {
-      if (!this.iframe) return
-      const { PLAY, PLAY_PROGRESS, PAUSE, FINISH, ERROR } = SC.Widget.Events
-      if (!isReady) {
-        this.player = SC.Widget(this.iframe)
-        this.player.bind(PLAY, this.props.onPlay)
-        this.player.bind(PAUSE, () => {
-          const remaining = this.duration - this.currentTime
-          if (remaining < 0.05) {
-            // Prevent onPause firing right before onEnded
-            return
-          }
-          this.props.onPause()
-        })
-        this.player.bind(PLAY_PROGRESS, e => {
-          this.currentTime = e.currentPosition / 1000
-          this.fractionLoaded = e.loadedProgress
-        })
-        this.player.bind(FINISH, () => this.props.onEnded())
-        this.player.bind(ERROR, e => this.props.onError(e))
-      }
-      this.player.load(url, {
-        ...this.props.config.options,
-        callback: () => {
-          this.player.getDuration(duration => {
-            this.duration = duration / 1000
-            this.props.onReady()
-          })
-        }
-      })
-    })
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('seekTo', seconds * 1000)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction * 100)
-  }
-
-  mute = () => {
-    this.setVolume(0)
-  }
-
-  unmute = () => {
-    if (this.props.volume !== null) {
-      this.setVolume(this.props.volume)
-    }
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.currentTime
-  }
-
-  getSecondsLoaded () {
-    return this.fractionLoaded * this.duration
-  }
-
-  ref = iframe => {
-    this.iframe = iframe
-  }
-
-  render () {
-    const { display } = this.props
-    const style = {
-      width: '100%',
-      height: '100%',
-      display
-    }
-    return (
-      <iframe
-        ref={this.ref}
-        src={`https://w.soundcloud.com/player/?url=${encodeURIComponent(this.props.url)}`}
-        style={style}
-        frameBorder={0}
-        allow='autoplay'
-      />
-    )
-  }
-}
diff --git a/src/players/Streamable.js b/src/players/Streamable.js
deleted file mode 100644
index 5a0d6b47..00000000
--- a/src/players/Streamable.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK } from '../utils.js'
-import { canPlay, MATCH_URL_STREAMABLE } from '../patterns.js'
-
-const SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js'
-const SDK_GLOBAL = 'playerjs'
-
-export default class Streamable extends Component {
-  static displayName = 'Streamable'
-  static canPlay = canPlay.streamable
-  callPlayer = callPlayer
-  duration = null
-  currentTime = null
-  secondsLoaded = null
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    getSDK(SDK_URL, SDK_GLOBAL).then(playerjs => {
-      if (!this.iframe) return
-      this.player = new playerjs.Player(this.iframe)
-      this.player.setLoop(this.props.loop)
-      this.player.on('ready', this.props.onReady)
-      this.player.on('play', this.props.onPlay)
-      this.player.on('pause', this.props.onPause)
-      this.player.on('seeked', this.props.onSeek)
-      this.player.on('ended', this.props.onEnded)
-      this.player.on('error', this.props.onError)
-      this.player.on('timeupdate', ({ duration, seconds }) => {
-        this.duration = duration
-        this.currentTime = seconds
-      })
-      this.player.on('buffered', ({ percent }) => {
-        if (this.duration) {
-          this.secondsLoaded = this.duration * percent
-        }
-      })
-      if (this.props.muted) {
-        this.player.mute()
-      }
-    }, this.props.onError)
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    // Nothing to do
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('setCurrentTime', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction * 100)
-  }
-
-  setLoop (loop) {
-    this.callPlayer('setLoop', loop)
-  }
-
-  mute = () => {
-    this.callPlayer('mute')
-  }
-
-  unmute = () => {
-    this.callPlayer('unmute')
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.currentTime
-  }
-
-  getSecondsLoaded () {
-    return this.secondsLoaded
-  }
-
-  ref = iframe => {
-    this.iframe = iframe
-  }
-
-  render () {
-    const id = this.props.url.match(MATCH_URL_STREAMABLE)[1]
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    return (
-      <iframe
-        ref={this.ref}
-        src={`https://streamable.com/o/${id}`}
-        frameBorder='0'
-        scrolling='no'
-        style={style}
-        allow='encrypted-media; autoplay; fullscreen;'
-      />
-    )
-  }
-}
diff --git a/src/players/Twitch.js b/src/players/Twitch.js
deleted file mode 100644
index bf933bd1..00000000
--- a/src/players/Twitch.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, parseStartTime, randomString } from '../utils.js'
-import { canPlay, MATCH_URL_TWITCH_CHANNEL, MATCH_URL_TWITCH_VIDEO } from '../patterns.js'
-
-const SDK_URL = 'https://player.twitch.tv/js/embed/v1.js'
-const SDK_GLOBAL = 'Twitch'
-const PLAYER_ID_PREFIX = 'twitch-player-'
-
-export default class Twitch extends Component {
-  static displayName = 'Twitch'
-  static canPlay = canPlay.twitch
-  static loopOnEnded = true
-  callPlayer = callPlayer
-  playerID = this.props.config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url, isReady) {
-    const { playsinline, onError, config, controls } = this.props
-    const isChannel = MATCH_URL_TWITCH_CHANNEL.test(url)
-    const id = isChannel ? url.match(MATCH_URL_TWITCH_CHANNEL)[1] : url.match(MATCH_URL_TWITCH_VIDEO)[1]
-    if (isReady) {
-      if (isChannel) {
-        this.player.setChannel(id)
-      } else {
-        this.player.setVideo('v' + id)
-      }
-      return
-    }
-    getSDK(SDK_URL, SDK_GLOBAL).then(Twitch => {
-      this.player = new Twitch.Player(this.playerID, {
-        video: isChannel ? '' : id,
-        channel: isChannel ? id : '',
-        height: '100%',
-        width: '100%',
-        playsinline,
-        autoplay: this.props.playing,
-        muted: this.props.muted,
-        // https://github.com/CookPete/react-player/issues/733#issuecomment-549085859
-        controls: isChannel ? true : controls,
-        time: parseStartTime(url),
-        ...config.options
-      })
-      const { READY, PLAYING, PAUSE, ENDED, ONLINE, OFFLINE, SEEK } = Twitch.Player
-      this.player.addEventListener(READY, this.props.onReady)
-      this.player.addEventListener(PLAYING, this.props.onPlay)
-      this.player.addEventListener(PAUSE, this.props.onPause)
-      this.player.addEventListener(ENDED, this.props.onEnded)
-      this.player.addEventListener(SEEK, this.props.onSeek)
-
-      // Prevent weird isLoading behaviour when streams are offline
-      this.player.addEventListener(ONLINE, this.props.onLoaded)
-      this.player.addEventListener(OFFLINE, this.props.onLoaded)
-    }, onError)
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    this.callPlayer('pause')
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('seek', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  mute = () => {
-    this.callPlayer('setMuted', true)
-  }
-
-  unmute = () => {
-    this.callPlayer('setMuted', false)
-  }
-
-  getDuration () {
-    return this.callPlayer('getDuration')
-  }
-
-  getCurrentTime () {
-    return this.callPlayer('getCurrentTime')
-  }
-
-  getSecondsLoaded () {
-    return null
-  }
-
-  render () {
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    return (
-      <div style={style} id={this.playerID} />
-    )
-  }
-}
diff --git a/src/players/Vidyard.js b/src/players/Vidyard.js
deleted file mode 100644
index c8c93917..00000000
--- a/src/players/Vidyard.js
+++ /dev/null
@@ -1,117 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK } from '../utils.js'
-import { canPlay, MATCH_URL_VIDYARD } from '../patterns.js'
-
-const SDK_URL = 'https://play.vidyard.com/embed/v4.js'
-const SDK_GLOBAL = 'VidyardV4'
-const SDK_GLOBAL_READY = 'onVidyardAPI'
-
-export default class Vidyard extends Component {
-  static displayName = 'Vidyard'
-  static canPlay = canPlay.vidyard
-  callPlayer = callPlayer
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    const { playing, config, onError, onDuration } = this.props
-    const id = url && url.match(MATCH_URL_VIDYARD)[1]
-    if (this.player) {
-      this.stop()
-    }
-    getSDK(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(Vidyard => {
-      if (!this.container) return
-      Vidyard.api.addReadyListener((data, player) => {
-        if (this.player) {
-          return
-        }
-        this.player = player
-        this.player.on('ready', this.props.onReady)
-        this.player.on('play', this.props.onPlay)
-        this.player.on('pause', this.props.onPause)
-        this.player.on('seek', this.props.onSeek)
-        this.player.on('playerComplete', this.props.onEnded)
-      }, id)
-      Vidyard.api.renderPlayer({
-        uuid: id,
-        container: this.container,
-        autoplay: playing ? 1 : 0,
-        ...config.options
-      })
-      Vidyard.api.getPlayerMetadata(id).then(meta => {
-        this.duration = meta.length_in_seconds
-        onDuration(meta.length_in_seconds)
-      })
-    }, onError)
-  }
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    window.VidyardV4.api.destroyPlayer(this.player)
-  }
-
-  seekTo (amount, keepPlaying = true) {
-    this.callPlayer('seek', amount)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  mute = () => {
-    this.setVolume(0)
-  }
-
-  unmute = () => {
-    if (this.props.volume !== null) {
-      this.setVolume(this.props.volume)
-    }
-  }
-
-  setPlaybackRate (rate) {
-    this.callPlayer('setPlaybackSpeed', rate)
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.callPlayer('currentTime')
-  }
-
-  getSecondsLoaded () {
-    return null
-  }
-
-  ref = container => {
-    this.container = container
-  }
-
-  render () {
-    const { display } = this.props
-    const style = {
-      width: '100%',
-      height: '100%',
-      display
-    }
-    return (
-      <div style={style}>
-        <div ref={this.ref} />
-      </div>
-    )
-  }
-}
diff --git a/src/players/Vimeo.js b/src/players/Vimeo.js
deleted file mode 100644
index a45d8715..00000000
--- a/src/players/Vimeo.js
+++ /dev/null
@@ -1,156 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK } from '../utils.js'
-import { canPlay } from '../patterns.js'
-
-const SDK_URL = 'https://player.vimeo.com/api/player.js'
-const SDK_GLOBAL = 'Vimeo'
-
-const cleanUrl = url => {
-  return url.replace('/manage/videos', '')
-}
-
-export default class Vimeo extends Component {
-  static displayName = 'Vimeo'
-  static canPlay = canPlay.vimeo
-  static forceLoad = true // Prevent checking isLoading when URL changes
-  callPlayer = callPlayer
-  duration = null
-  currentTime = null
-  secondsLoaded = null
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    this.duration = null
-    getSDK(SDK_URL, SDK_GLOBAL).then(Vimeo => {
-      if (!this.container) return
-      const { playerOptions, title } = this.props.config
-      this.player = new Vimeo.Player(this.container, {
-        url: cleanUrl(url),
-        autoplay: this.props.playing,
-        muted: this.props.muted,
-        loop: this.props.loop,
-        playsinline: this.props.playsinline,
-        controls: this.props.controls,
-        ...playerOptions
-      })
-      this.player.ready().then(() => {
-        const iframe = this.container.querySelector('iframe')
-        iframe.style.width = '100%'
-        iframe.style.height = '100%'
-        if (title) {
-          iframe.title = title
-        }
-      }).catch(this.props.onError)
-      this.player.on('loaded', () => {
-        this.props.onReady()
-        this.refreshDuration()
-      })
-      this.player.on('play', () => {
-        this.props.onPlay()
-        this.refreshDuration()
-      })
-      this.player.on('pause', this.props.onPause)
-      this.player.on('seeked', e => this.props.onSeek(e.seconds))
-      this.player.on('ended', this.props.onEnded)
-      this.player.on('error', this.props.onError)
-      this.player.on('timeupdate', ({ seconds }) => {
-        this.currentTime = seconds
-      })
-      this.player.on('progress', ({ seconds }) => {
-        this.secondsLoaded = seconds
-      })
-      this.player.on('bufferstart', this.props.onBuffer)
-      this.player.on('bufferend', this.props.onBufferEnd)
-      this.player.on('playbackratechange', e => this.props.onPlaybackRateChange(e.playbackRate))
-    }, this.props.onError)
-  }
-
-  refreshDuration () {
-    this.player.getDuration().then(duration => {
-      this.duration = duration
-    })
-  }
-
-  play () {
-    const promise = this.callPlayer('play')
-    if (promise) {
-      promise.catch(this.props.onError)
-    }
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    this.callPlayer('unload')
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('setCurrentTime', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction)
-  }
-
-  setMuted (muted) {
-    this.callPlayer('setMuted', muted)
-  }
-
-  setLoop (loop) {
-    this.callPlayer('setLoop', loop)
-  }
-
-  setPlaybackRate (rate) {
-    this.callPlayer('setPlaybackRate', rate)
-  }
-
-  mute = () => {
-    this.setMuted(true)
-  }
-
-  unmute = () => {
-    this.setMuted(false)
-  }
-
-  getDuration () {
-    return this.duration
-  }
-
-  getCurrentTime () {
-    return this.currentTime
-  }
-
-  getSecondsLoaded () {
-    return this.secondsLoaded
-  }
-
-  ref = container => {
-    this.container = container
-  }
-
-  render () {
-    const { display } = this.props
-    const style = {
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden',
-      display
-    }
-    return (
-      <div
-        key={this.props.url}
-        ref={this.ref}
-        style={style}
-      />
-    )
-  }
-}
diff --git a/src/players/Wistia.js b/src/players/Wistia.js
deleted file mode 100644
index daa17ca8..00000000
--- a/src/players/Wistia.js
+++ /dev/null
@@ -1,133 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, randomString } from '../utils.js'
-import { canPlay, MATCH_URL_WISTIA } from '../patterns.js'
-
-const SDK_URL = 'https://fast.wistia.com/assets/external/E-v1.js'
-const SDK_GLOBAL = 'Wistia'
-const PLAYER_ID_PREFIX = 'wistia-player-'
-
-export default class Wistia extends Component {
-  static displayName = 'Wistia'
-  static canPlay = canPlay.wistia
-  static loopOnEnded = true
-  callPlayer = callPlayer
-  playerID = this.props.config.playerId || `${PLAYER_ID_PREFIX}${randomString()}`
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  load (url) {
-    const { playing, muted, controls, onReady, config, onError } = this.props
-    getSDK(SDK_URL, SDK_GLOBAL).then(Wistia => {
-      if (config.customControls) {
-        config.customControls.forEach(control => Wistia.defineControl(control))
-      }
-      window._wq = window._wq || []
-      window._wq.push({
-        id: this.playerID,
-        options: {
-          autoPlay: playing,
-          silentAutoPlay: 'allow',
-          muted,
-          controlsVisibleOnLoad: controls,
-          fullscreenButton: controls,
-          playbar: controls,
-          playbackRateControl: controls,
-          qualityControl: controls,
-          volumeControl: controls,
-          settingsControl: controls,
-          smallPlayButton: controls,
-          ...config.options
-        },
-        onReady: player => {
-          this.player = player
-          this.unbind()
-          this.player.bind('play', this.onPlay)
-          this.player.bind('pause', this.onPause)
-          this.player.bind('seek', this.onSeek)
-          this.player.bind('end', this.onEnded)
-          this.player.bind('playbackratechange', this.onPlaybackRateChange)
-          onReady()
-        }
-      })
-    }, onError)
-  }
-
-  unbind () {
-    this.player.unbind('play', this.onPlay)
-    this.player.unbind('pause', this.onPause)
-    this.player.unbind('seek', this.onSeek)
-    this.player.unbind('end', this.onEnded)
-    this.player.unbind('playbackratechange', this.onPlaybackRateChange)
-  }
-
-  // Proxy methods to prevent listener leaks
-  onPlay = (...args) => this.props.onPlay(...args)
-  onPause = (...args) => this.props.onPause(...args)
-  onSeek = (...args) => this.props.onSeek(...args)
-  onEnded = (...args) => this.props.onEnded(...args)
-  onPlaybackRateChange = (...args) => this.props.onPlaybackRateChange(...args)
-
-  play () {
-    this.callPlayer('play')
-  }
-
-  pause () {
-    this.callPlayer('pause')
-  }
-
-  stop () {
-    this.unbind()
-    this.callPlayer('remove')
-  }
-
-  seekTo (seconds, keepPlaying = true) {
-    this.callPlayer('time', seconds)
-    if (!keepPlaying) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('volume', fraction)
-  }
-
-  mute = () => {
-    this.callPlayer('mute')
-  }
-
-  unmute = () => {
-    this.callPlayer('unmute')
-  }
-
-  setPlaybackRate (rate) {
-    this.callPlayer('playbackRate', rate)
-  }
-
-  getDuration () {
-    return this.callPlayer('duration')
-  }
-
-  getCurrentTime () {
-    return this.callPlayer('time')
-  }
-
-  getSecondsLoaded () {
-    return null
-  }
-
-  render () {
-    const { url } = this.props
-    const videoID = url && url.match(MATCH_URL_WISTIA)[1]
-    const className = `wistia_embed wistia_async_${videoID}`
-    const style = {
-      width: '100%',
-      height: '100%'
-    }
-    return (
-      <div id={this.playerID} key={videoID} className={className} style={style} />
-    )
-  }
-}
diff --git a/src/players/YouTube.js b/src/players/YouTube.js
deleted file mode 100644
index c6482fe8..00000000
--- a/src/players/YouTube.js
+++ /dev/null
@@ -1,203 +0,0 @@
-import React, { Component } from 'react'
-
-import { callPlayer, getSDK, parseStartTime, parseEndTime } from '../utils.js'
-import { canPlay, MATCH_URL_YOUTUBE } from '../patterns.js'
-
-const SDK_URL = 'https://www.youtube.com/iframe_api'
-const SDK_GLOBAL = 'YT'
-const SDK_GLOBAL_READY = 'onYouTubeIframeAPIReady'
-const MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/
-const MATCH_USER_UPLOADS = /user\/([a-zA-Z0-9_-]+)\/?/
-const MATCH_NOCOOKIE = /youtube-nocookie\.com/
-const NOCOOKIE_HOST = 'https://www.youtube-nocookie.com'
-
-export default class YouTube extends Component {
-  static displayName = 'YouTube'
-  static canPlay = canPlay.youtube
-  callPlayer = callPlayer
-
-  componentDidMount () {
-    this.props.onMount && this.props.onMount(this)
-  }
-
-  getID (url) {
-    if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {
-      return null
-    }
-    return url.match(MATCH_URL_YOUTUBE)[1]
-  }
-
-  load (url, isReady) {
-    const { playing, muted, playsinline, controls, loop, config, onError } = this.props
-    const { playerVars, embedOptions } = config
-    const id = this.getID(url)
-    if (isReady) {
-      if (MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url) || url instanceof Array) {
-        this.player.loadPlaylist(this.parsePlaylist(url))
-        return
-      }
-      this.player.cueVideoById({
-        videoId: id,
-        startSeconds: parseStartTime(url) || playerVars.start,
-        endSeconds: parseEndTime(url) || playerVars.end
-      })
-      return
-    }
-    getSDK(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, YT => YT.loaded).then(YT => {
-      if (!this.container) return
-      this.player = new YT.Player(this.container, {
-        width: '100%',
-        height: '100%',
-        videoId: id,
-        playerVars: {
-          autoplay: playing ? 1 : 0,
-          mute: muted ? 1 : 0,
-          controls: controls ? 1 : 0,
-          start: parseStartTime(url),
-          end: parseEndTime(url),
-          origin: window.location.origin,
-          playsinline: playsinline ? 1 : 0,
-          ...this.parsePlaylist(url),
-          ...playerVars
-        },
-        events: {
-          onReady: () => {
-            if (loop) {
-              this.player.setLoop(true) // Enable playlist looping
-            }
-            this.props.onReady()
-          },
-          onPlaybackRateChange: event => this.props.onPlaybackRateChange(event.data),
-          onPlaybackQualityChange: event => this.props.onPlaybackQualityChange(event),
-          onStateChange: this.onStateChange,
-          onError: event => onError(event.data)
-        },
-        host: MATCH_NOCOOKIE.test(url) ? NOCOOKIE_HOST : undefined,
-        ...embedOptions
-      })
-    }, onError)
-    if (embedOptions.events) {
-      console.warn('Using `embedOptions.events` will likely break things. Use ReactPlayer’s callback props instead, eg onReady, onPlay, onPause')
-    }
-  }
-
-  parsePlaylist = (url) => {
-    if (url instanceof Array) {
-      return {
-        listType: 'playlist',
-        playlist: url.map(this.getID).join(',')
-      }
-    }
-    if (MATCH_PLAYLIST.test(url)) {
-      const [, playlistId] = url.match(MATCH_PLAYLIST)
-      return {
-        listType: 'playlist',
-        list: playlistId.replace(/^UC/, 'UU')
-      }
-    }
-    if (MATCH_USER_UPLOADS.test(url)) {
-      const [, username] = url.match(MATCH_USER_UPLOADS)
-      return {
-        listType: 'user_uploads',
-        list: username
-      }
-    }
-    return {}
-  }
-
-  onStateChange = (event) => {
-    const { data } = event
-    const { onPlay, onPause, onBuffer, onBufferEnd, onEnded, onReady, loop, config: { playerVars, onUnstarted } } = this.props
-    const { UNSTARTED, PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState
-    if (data === UNSTARTED) onUnstarted()
-    if (data === PLAYING) {
-      onPlay()
-      onBufferEnd()
-    }
-    if (data === PAUSED) onPause()
-    if (data === BUFFERING) onBuffer()
-    if (data === ENDED) {
-      const isPlaylist = !!this.callPlayer('getPlaylist')
-      // Only loop manually if not playing a playlist
-      if (loop && !isPlaylist) {
-        if (playerVars.start) {
-          this.seekTo(playerVars.start)
-        } else {
-          this.play()
-        }
-      }
-      onEnded()
-    }
-    if (data === CUED) onReady()
-  }
-
-  play () {
-    this.callPlayer('playVideo')
-  }
-
-  pause () {
-    this.callPlayer('pauseVideo')
-  }
-
-  stop () {
-    if (!document.body.contains(this.callPlayer('getIframe'))) return
-    this.callPlayer('stopVideo')
-  }
-
-  seekTo (amount, keepPlaying = false) {
-    this.callPlayer('seekTo', amount)
-    if (!keepPlaying && !this.props.playing) {
-      this.pause()
-    }
-  }
-
-  setVolume (fraction) {
-    this.callPlayer('setVolume', fraction * 100)
-  }
-
-  mute = () => {
-    this.callPlayer('mute')
-  }
-
-  unmute = () => {
-    this.callPlayer('unMute')
-  }
-
-  setPlaybackRate (rate) {
-    this.callPlayer('setPlaybackRate', rate)
-  }
-
-  setLoop (loop) {
-    this.callPlayer('setLoop', loop)
-  }
-
-  getDuration () {
-    return this.callPlayer('getDuration')
-  }
-
-  getCurrentTime () {
-    return this.callPlayer('getCurrentTime')
-  }
-
-  getSecondsLoaded () {
-    return this.callPlayer('getVideoLoadedFraction') * this.getDuration()
-  }
-
-  ref = container => {
-    this.container = container
-  }
-
-  render () {
-    const { display } = this.props
-    const style = {
-      width: '100%',
-      height: '100%',
-      display
-    }
-    return (
-      <div style={style}>
-        <div ref={this.ref} />
-      </div>
-    )
-  }
-}
diff --git a/src/players/index.js b/src/players/index.js
deleted file mode 100644
index 06658717..00000000
--- a/src/players/index.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import { lazy, supportsWebKitPresentationMode } from '../utils.js'
-import { canPlay, AUDIO_EXTENSIONS } from '../patterns.js'
-
-export default [
-  {
-    key: 'youtube',
-    name: 'YouTube',
-    canPlay: canPlay.youtube,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerYouTube' */'./YouTube.js'))
-  },
-  {
-    key: 'soundcloud',
-    name: 'SoundCloud',
-    canPlay: canPlay.soundcloud,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerSoundCloud' */'./SoundCloud.js'))
-  },
-  {
-    key: 'vimeo',
-    name: 'Vimeo',
-    canPlay: canPlay.vimeo,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerVimeo' */'./Vimeo.js'))
-  },
-  {
-    key: 'mux',
-    name: 'Mux',
-    canPlay: canPlay.mux,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerMux' */'./Mux.js'))
-  },
-  {
-    key: 'facebook',
-    name: 'Facebook',
-    canPlay: canPlay.facebook,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerFacebook' */'./Facebook.js'))
-  },
-  {
-    key: 'streamable',
-    name: 'Streamable',
-    canPlay: canPlay.streamable,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerStreamable' */'./Streamable.js'))
-  },
-  {
-    key: 'wistia',
-    name: 'Wistia',
-    canPlay: canPlay.wistia,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerWistia' */'./Wistia.js'))
-  },
-  {
-    key: 'twitch',
-    name: 'Twitch',
-    canPlay: canPlay.twitch,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerTwitch' */'./Twitch.js'))
-  },
-  {
-    key: 'dailymotion',
-    name: 'DailyMotion',
-    canPlay: canPlay.dailymotion,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerDailyMotion' */'./DailyMotion.js'))
-  },
-  {
-    key: 'mixcloud',
-    name: 'Mixcloud',
-    canPlay: canPlay.mixcloud,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerMixcloud' */'./Mixcloud.js'))
-  },
-  {
-    key: 'vidyard',
-    name: 'Vidyard',
-    canPlay: canPlay.vidyard,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerVidyard' */'./Vidyard.js'))
-  },
-  {
-    key: 'kaltura',
-    name: 'Kaltura',
-    canPlay: canPlay.kaltura,
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerKaltura' */'./Kaltura.js'))
-  },
-  {
-    key: 'file',
-    name: 'FilePlayer',
-    canPlay: canPlay.file,
-    canEnablePIP: url => {
-      return canPlay.file(url) && (document.pictureInPictureEnabled || supportsWebKitPresentationMode()) && !AUDIO_EXTENSIONS.test(url)
-    },
-    lazyPlayer: lazy(() => import(/* webpackChunkName: 'reactPlayerFilePlayer' */'./FilePlayer.js'))
-  }
-]
diff --git a/src/props.js b/src/props.js
deleted file mode 100644
index 62c9b17a..00000000
--- a/src/props.js
+++ /dev/null
@@ -1,224 +0,0 @@
-import PropTypes from 'prop-types'
-
-const { string, bool, number, array, oneOfType, shape, object, func, node } = PropTypes
-
-export const propTypes = {
-  url: oneOfType([string, array, object]),
-  playing: bool,
-  loop: bool,
-  controls: bool,
-  volume: number,
-  muted: bool,
-  playbackRate: number,
-  width: oneOfType([string, number]),
-  height: oneOfType([string, number]),
-  style: object,
-  progressInterval: number,
-  playsinline: bool,
-  pip: bool,
-  stopOnUnmount: bool,
-  light: oneOfType([bool, string, object]),
-  playIcon: node,
-  previewTabIndex: number,
-  previewAriaLabel: string,
-  fallback: node,
-  oEmbedUrl: string,
-  wrapper: oneOfType([
-    string,
-    func,
-    shape({ render: func.isRequired })
-  ]),
-  config: shape({
-    soundcloud: shape({
-      options: object
-    }),
-    youtube: shape({
-      playerVars: object,
-      embedOptions: object,
-      onUnstarted: func
-    }),
-    facebook: shape({
-      appId: string,
-      version: string,
-      playerId: string,
-      attributes: object
-    }),
-    dailymotion: shape({
-      params: object
-    }),
-    vimeo: shape({
-      playerOptions: object,
-      title: string
-    }),
-    mux: shape({
-      attributes: object,
-      version: string
-    }),
-    file: shape({
-      attributes: object,
-      tracks: array,
-      forceVideo: bool,
-      forceAudio: bool,
-      forceHLS: bool,
-      forceSafariHLS: bool,
-      forceDisableHls: bool,
-      forceDASH: bool,
-      forceFLV: bool,
-      hlsOptions: object,
-      hlsVersion: string,
-      dashVersion: string,
-      flvVersion: string
-    }),
-    wistia: shape({
-      options: object,
-      playerId: string,
-      customControls: array
-    }),
-    mixcloud: shape({
-      options: object
-    }),
-    twitch: shape({
-      options: object,
-      playerId: string
-    }),
-    vidyard: shape({
-      options: object
-    })
-  }),
-  onReady: func,
-  onStart: func,
-  onPlay: func,
-  onPause: func,
-  onBuffer: func,
-  onBufferEnd: func,
-  onEnded: func,
-  onError: func,
-  onDuration: func,
-  onSeek: func,
-  onPlaybackRateChange: func,
-  onPlaybackQualityChange: func,
-  onProgress: func,
-  onClickPreview: func,
-  onEnablePIP: func,
-  onDisablePIP: func
-}
-
-const noop = () => {}
-
-export const defaultProps = {
-  playing: false,
-  loop: false,
-  controls: false,
-  volume: null,
-  muted: false,
-  playbackRate: 1,
-  width: '640px',
-  height: '360px',
-  style: {},
-  progressInterval: 1000,
-  playsinline: false,
-  pip: false,
-  stopOnUnmount: true,
-  light: false,
-  fallback: null,
-  wrapper: 'div',
-  previewTabIndex: 0,
-  previewAriaLabel: '',
-  oEmbedUrl: 'https://noembed.com/embed?url={url}',
-  config: {
-    soundcloud: {
-      options: {
-        visual: true, // Undocumented, but makes player fill container and look better
-        buying: false,
-        liking: false,
-        download: false,
-        sharing: false,
-        show_comments: false,
-        show_playcount: false
-      }
-    },
-    youtube: {
-      playerVars: {
-        playsinline: 1,
-        showinfo: 0,
-        rel: 0,
-        iv_load_policy: 3,
-        modestbranding: 1
-      },
-      embedOptions: {},
-      onUnstarted: noop
-    },
-    facebook: {
-      appId: '1309697205772819',
-      version: 'v3.3',
-      playerId: null,
-      attributes: {}
-    },
-    dailymotion: {
-      params: {
-        api: 1,
-        'endscreen-enable': false
-      }
-    },
-    vimeo: {
-      playerOptions: {
-        autopause: false,
-        byline: false,
-        portrait: false,
-        title: false
-      },
-      title: null
-    },
-    mux: {
-      attributes: {},
-      version: '2'
-    },
-    file: {
-      attributes: {},
-      tracks: [],
-      forceVideo: false,
-      forceAudio: false,
-      forceHLS: false,
-      forceDASH: false,
-      forceFLV: false,
-      hlsOptions: {},
-      hlsVersion: '1.1.4',
-      dashVersion: '3.1.3',
-      flvVersion: '1.5.0',
-      forceDisableHls: false
-    },
-    wistia: {
-      options: {},
-      playerId: null,
-      customControls: null
-    },
-    mixcloud: {
-      options: {
-        hide_cover: 1
-      }
-    },
-    twitch: {
-      options: {},
-      playerId: null
-    },
-    vidyard: {
-      options: {}
-    }
-  },
-  onReady: noop,
-  onStart: noop,
-  onPlay: noop,
-  onPause: noop,
-  onBuffer: noop,
-  onBufferEnd: noop,
-  onEnded: noop,
-  onError: noop,
-  onDuration: noop,
-  onSeek: noop,
-  onPlaybackRateChange: noop,
-  onPlaybackQualityChange: noop,
-  onProgress: noop,
-  onClickPreview: noop,
-  onEnablePIP: noop,
-  onDisablePIP: noop
-}
diff --git a/src/props.ts b/src/props.ts
new file mode 100644
index 00000000..3db1f897
--- /dev/null
+++ b/src/props.ts
@@ -0,0 +1,26 @@
+import type { ReactPlayerProps } from './types.js';
+
+export const defaultProps: ReactPlayerProps = {
+  // native video attrs
+  src: '',
+  muted: false,
+  loop: false,
+  controls: false,
+  playsInline: false,
+  width: '640px',
+  height: '360px',
+
+  // native video props
+  volume: 1,
+  playbackRate: 1,
+
+  // custom props
+  playing: false,
+  pip: false,
+  light: false,
+  fallback: null,
+  wrapper: 'div',
+  previewTabIndex: 0,
+  previewAriaLabel: '',
+  oEmbedUrl: 'https://noembed.com/embed?url={url}',
+};
diff --git a/src/standalone.js b/src/standalone.js
deleted file mode 100644
index ddf56597..00000000
--- a/src/standalone.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react'
-import { render } from 'react-dom'
-import ReactPlayer from './index.js'
-
-export default function renderReactPlayer (container, props) {
-  render(<ReactPlayer {...props} />, container)
-}
diff --git a/src/types.ts b/src/types.ts
new file mode 100644
index 00000000..aa8f0191
--- /dev/null
+++ b/src/types.ts
@@ -0,0 +1,48 @@
+import type { MediaHTMLAttributes, SyntheticEvent } from 'react';
+
+interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+  height?: number | string | undefined;
+  playsInline?: boolean | undefined;
+  poster?: string | undefined;
+  width?: number | string | undefined;
+  disablePictureInPicture?: boolean | undefined;
+  disableRemotePlayback?: boolean | undefined;
+  onEnterPictureInPicture?: ((this: HTMLVideoElement, ev: Event) => void) | undefined;
+  onLeavePictureInPicture?: ((this: HTMLVideoElement, ev: Event) => void) | undefined;
+}
+
+export interface VideoElementProps
+  extends React.DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
+  playbackRate?: number;
+  volume?: number;
+}
+
+export interface ReactPlayerProps extends PreviewProps, VideoElementProps {
+  config?: Config;
+  fallback?: React.ReactNode;
+  onReady?: () => void;
+  onStart?: (event: SyntheticEvent<HTMLVideoElement>) => void;
+  pip?: boolean;
+  playing?: boolean;
+  wrapper?: string | React.ComponentType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+export interface PreviewProps {
+  src?: string;
+  light?: boolean | string | React.ReactElement;
+  oEmbedUrl?: string;
+  onClickPreview?: (event: React.SyntheticEvent) => void;
+  playIcon?: React.ReactNode;
+  previewAriaLabel?: string;
+  previewTabIndex?: number;
+}
+
+export interface Config {
+  html: Record<string, unknown>;
+  hls: Record<string, unknown>;
+  dash: Record<string, unknown>;
+  mux: Record<string, unknown>;
+  youtube: Record<string, unknown>;
+  vimeo: Record<string, unknown>;
+  wistia: Record<string, unknown>;
+}
diff --git a/src/utils.js b/src/utils.js
deleted file mode 100644
index 1f23233c..00000000
--- a/src/utils.js
+++ /dev/null
@@ -1,183 +0,0 @@
-import React from 'react'
-import loadScript from 'load-script'
-import merge from 'deepmerge'
-
-/**
- * Dynamic import is supported in CJS modules but needs interop require default logic.
- */
-export const lazy = (componentImportFn) => React.lazy(async () => {
-  const obj = await componentImportFn()
-  return typeof obj.default === 'function' ? obj : obj.default
-})
-
-const MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/
-const MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/
-const MATCH_START_STAMP = /(\d+)(h|m|s)/g
-const MATCH_NUMERIC = /^\d+$/
-
-// Parse YouTube URL for a start time param, ie ?t=1h14m30s
-// and return the start time in seconds
-function parseTimeParam (url, pattern) {
-  if (url instanceof Array) {
-    return undefined
-  }
-  const match = url.match(pattern)
-  if (match) {
-    const stamp = match[1]
-    if (stamp.match(MATCH_START_STAMP)) {
-      return parseTimeString(stamp)
-    }
-    if (MATCH_NUMERIC.test(stamp)) {
-      return parseInt(stamp)
-    }
-  }
-  return undefined
-}
-
-function parseTimeString (stamp) {
-  let seconds = 0
-  let array = MATCH_START_STAMP.exec(stamp)
-  while (array !== null) {
-    const [, count, period] = array
-    if (period === 'h') seconds += parseInt(count, 10) * 60 * 60
-    if (period === 'm') seconds += parseInt(count, 10) * 60
-    if (period === 's') seconds += parseInt(count, 10)
-    array = MATCH_START_STAMP.exec(stamp)
-  }
-  return seconds
-}
-
-export function parseStartTime (url) {
-  return parseTimeParam(url, MATCH_START_QUERY)
-}
-
-export function parseEndTime (url) {
-  return parseTimeParam(url, MATCH_END_QUERY)
-}
-
-// http://stackoverflow.com/a/38622545
-export function randomString () {
-  return Math.random().toString(36).substr(2, 5)
-}
-
-export function queryString (object) {
-  return Object
-    .keys(object)
-    .map(key => `${key}=${object[key]}`)
-    .join('&')
-}
-
-function getGlobal (key) {
-  if (window[key]) {
-    return window[key]
-  }
-  if (window.exports && window.exports[key]) {
-    return window.exports[key]
-  }
-  if (window.module && window.module.exports && window.module.exports[key]) {
-    return window.module.exports[key]
-  }
-  return null
-}
-
-// Util function to load an external SDK
-// or return the SDK if it is already loaded
-const requests = {}
-export const getSDK = enableStubOn(function getSDK (url, sdkGlobal, sdkReady = null, isLoaded = () => true, fetchScript = loadScript) {
-  const existingGlobal = getGlobal(sdkGlobal)
-  if (existingGlobal && isLoaded(existingGlobal)) {
-    return Promise.resolve(existingGlobal)
-  }
-  return new Promise((resolve, reject) => {
-    // If we are already loading the SDK, add the resolve and reject
-    // functions to the existing array of requests
-    if (requests[url]) {
-      requests[url].push({ resolve, reject })
-      return
-    }
-    requests[url] = [{ resolve, reject }]
-    const onLoaded = sdk => {
-      // When loaded, resolve all pending request promises
-      requests[url].forEach(request => request.resolve(sdk))
-    }
-    if (sdkReady) {
-      const previousOnReady = window[sdkReady]
-      window[sdkReady] = function () {
-        if (previousOnReady) previousOnReady()
-        onLoaded(getGlobal(sdkGlobal))
-      }
-    }
-    fetchScript(url, err => {
-      if (err) {
-        // Loading the SDK failed – reject all requests and
-        // reset the array of requests for this SDK
-        requests[url].forEach(request => request.reject(err))
-        requests[url] = null
-      } else if (!sdkReady) {
-        onLoaded(getGlobal(sdkGlobal))
-      }
-    })
-  })
-})
-
-export function getConfig (props, defaultProps) {
-  return merge(defaultProps.config, props.config)
-}
-
-export function omit (object, ...arrays) {
-  const omitKeys = [].concat(...arrays)
-  const output = {}
-  const keys = Object.keys(object)
-  for (const key of keys) {
-    if (omitKeys.indexOf(key) === -1) {
-      output[key] = object[key]
-    }
-  }
-  return output
-}
-
-export function callPlayer (method, ...args) {
-  // Util method for calling a method on this.player
-  // but guard against errors and console.warn instead
-  if (!this.player || !this.player[method]) {
-    let message = `ReactPlayer: ${this.constructor.displayName} player could not call %c${method}%c – `
-    if (!this.player) {
-      message += 'The player was not available'
-    } else if (!this.player[method]) {
-      message += 'The method was not available'
-    }
-    console.warn(message, 'font-weight: bold', '')
-    return null
-  }
-  return this.player[method](...args)
-}
-
-export function isMediaStream (url) {
-  return (
-    typeof window !== 'undefined' &&
-    typeof window.MediaStream !== 'undefined' &&
-    url instanceof window.MediaStream
-  )
-}
-
-export function isBlobUrl (url) {
-  return /^blob:/.test(url)
-}
-
-export function supportsWebKitPresentationMode (video = document.createElement('video')) {
-  // Check if Safari supports PiP, and is not on mobile (other than iPad)
-  // iPhone safari appears to "support" PiP through the check, however PiP does not function
-  const notMobile = /iPhone|iPod/.test(navigator.userAgent) === false
-  return video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === 'function' && notMobile
-}
-
-// Workaround for being able to stub out functions in ESM exports.
-// https://github.com/evanw/esbuild/issues/412#issuecomment-723047255
-function enableStubOn (fn) {
-  if (globalThis.__TEST__) {
-    const wrap = (...args) => wrap.stub(...args)
-    wrap.stub = fn
-    return wrap
-  }
-  return fn
-}
diff --git a/test/Player.js b/test/Player.js
deleted file mode 100644
index a9cc7188..00000000
--- a/test/Player.js
+++ /dev/null
@@ -1,355 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import { create } from 'react-test-renderer'
-import React from 'react'
-import Player from '../src/Player'
-
-// Prevent from Node.Timeout to hang the process
-const oldSetTimeout = globalThis.setTimeout
-globalThis.setTimeout = (callback, delay) => oldSetTimeout(callback, delay).unref?.()
-
-const setProps = (wrapper, props) => {
-  const current = wrapper.toTree()
-  wrapper.update(React.createElement(current.type, {
-    ...current.props,
-    ...props
-  }))
-}
-
-test('componentWillUnmount()', t => {
-  const wrapper = create(<Player />)
-  const fake = sinon.fake()
-  wrapper.getInstance().isReady = true
-  wrapper.getInstance().player = { stop: fake }
-  wrapper.unmount()
-  t.ok(fake.calledOnce)
-})
-
-test('getInternalPlayer()', t => {
-  const wrapper = create(<Player />)
-  wrapper.getInstance().player = { abc: 123 }
-  t.ok(wrapper.getInstance().getInternalPlayer('abc') === 123)
-})
-
-test('getInternalPlayer() - null', t => {
-  const wrapper = create(<Player />)
-  wrapper.getInstance().player = null
-  t.ok(wrapper.getInstance().getInternalPlayer() === null)
-})
-
-test('player.load()', async t => {
-  const wrapper = create(<Player url='file.mp4' />)
-  const instance = wrapper.getInstance()
-  const fake = sinon.fake()
-  instance.handlePlayerMount({ load: fake })
-  instance.isLoading = false
-  instance.startOnPlay = false
-  instance.onDurationCalled = true
-  setProps(wrapper, { url: 'another-file.mp4' })
-  t.ok(fake.calledTwice)
-  t.ok(fake.calledWith('file.mp4'))
-  t.ok(fake.calledWith('another-file.mp4'))
-  t.ok(instance.isLoading)
-  t.ok(instance.startOnPlay)
-  t.notOk(instance.onDurationCalled)
-})
-
-test('set loadOnReady', t => {
-  const stub = sinon.stub(console, 'warn')
-  const wrapper = create(<Player url='file.mp4' activePlayer={() => null} />)
-  const instance = wrapper.getInstance()
-  instance.handlePlayerMount({ load: () => {} })
-  instance.isLoading = true
-  setProps(wrapper, { url: 'another-file.mp4' })
-  t.ok(stub.calledOnce)
-  t.ok(instance.loadOnReady === 'another-file.mp4')
-  stub.restore()
-})
-
-test('player.play()', t => {
-  const wrapper = create(<Player />)
-  const load = sinon.fake()
-  const play = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, play })
-  setProps(wrapper, { playing: true })
-  t.ok(play.calledOnce)
-})
-
-test('player.pause()', t => {
-  const wrapper = create(<Player playing />)
-  const load = sinon.fake()
-  const pause = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, pause })
-  wrapper.getInstance().isPlaying = true
-  setProps(wrapper, { playing: false })
-  t.ok(pause.calledOnce)
-})
-
-test('player.setVolume()', t => {
-  const wrapper = create(<Player volume={0.5} />)
-  const load = sinon.fake()
-  const setVolume = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, setVolume })
-  setProps(wrapper, { volume: 0.4 })
-  t.ok(setVolume.calledOnce)
-})
-
-test('player.mute()', t => {
-  const wrapper = create(<Player muted={false} />)
-  const load = sinon.fake()
-  const mute = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, mute })
-  setProps(wrapper, { muted: true })
-  t.ok(mute.calledOnce)
-})
-
-test('player.unmute()', async t => {
-  const wrapper = create(<Player muted volume={0.8} />)
-  const load = sinon.fake()
-  const unmute = sinon.fake()
-  const setVolume = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, unmute, setVolume })
-  setProps(wrapper, { muted: false })
-  t.ok(unmute.calledOnce)
-  return new Promise(resolve => setTimeout(() => {
-    t.ok(setVolume.calledOnceWith(0.8))
-    resolve()
-  }))
-})
-
-test('player.setPlaybackRate()', t => {
-  const wrapper = create(<Player playbackRate={1} />)
-  const load = sinon.fake()
-  const setPlaybackRate = sinon.fake()
-  wrapper.getInstance().handlePlayerMount({ load, setPlaybackRate })
-  setProps(wrapper, { playbackRate: 0.5 })
-  t.ok(setPlaybackRate.calledOnce)
-})
-
-const COMMON_METHODS = ['getDuration', 'getCurrentTime', 'getSecondsLoaded']
-
-for (const method of COMMON_METHODS) {
-  test(`${method}()`, t => {
-    const instance = create(<Player />).getInstance()
-    instance.player = { [method]: () => 123 }
-    instance.isReady = true
-    t.ok(instance[method]() === 123)
-  })
-
-  test(`${method}() - null`, t => {
-    const instance = create(<Player />).getInstance()
-    t.ok(instance[method]() === null)
-  })
-}
-
-test('progress()', t => {
-  const load = sinon.fake()
-  const onProgress = sinon.fake()
-  const instance = create(<Player url='file.mp4' onProgress={onProgress} />).getInstance()
-  instance.handlePlayerMount({
-    load,
-    getCurrentTime: sinon.fake.returns(10),
-    getSecondsLoaded: sinon.fake.returns(20),
-    getDuration: sinon.fake.returns(40)
-  })
-  instance.isReady = true
-  instance.progress()
-  instance.progress() // Call twice to ensure onProgress is not called again
-  t.ok(onProgress.calledOnceWith({
-    loaded: 0.5,
-    loadedSeconds: 20,
-    played: 0.25,
-    playedSeconds: 10
-  }))
-})
-
-test('progress() handlePlayerMount', t => {
-  const load = sinon.fake()
-  const onProgress = sinon.fake()
-  const instance = create(<Player url='file.mp4' onProgress={onProgress} />).getInstance()
-  instance.isReady = true
-  instance.handlePlayerMount({
-    load,
-    getCurrentTime: sinon.fake.returns(10),
-    getSecondsLoaded: sinon.fake.returns(20),
-    getDuration: sinon.fake.returns(40)
-  })
-  t.ok(onProgress.calledWith({
-    loaded: 0.5,
-    loadedSeconds: 20,
-    played: 0.25,
-    playedSeconds: 10
-  }))
-})
-
-test('seekTo() - seconds', t => {
-  const load = sinon.fake()
-  const seekTo = sinon.fake()
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({ load, seekTo })
-  instance.isReady = true
-  instance.seekTo(10)
-  t.ok(seekTo.calledOnceWith(10))
-})
-
-test('seekTo() - fraction', t => {
-  const load = sinon.fake()
-  const seekTo = sinon.fake()
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({
-    load,
-    seekTo,
-    getDuration: sinon.fake.returns(10)
-  })
-  instance.isReady = true
-  instance.seekTo(0.5)
-  t.ok(seekTo.calledOnceWith(5))
-})
-
-test('seekTo() - warning', t => {
-  const stub = sinon.stub(console, 'warn')
-  const load = sinon.fake()
-  const seekTo = sinon.fake()
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({
-    load,
-    seekTo,
-    getDuration: sinon.fake.returns(null)
-  })
-  instance.isReady = true
-  instance.seekTo(0.5)
-  t.ok(seekTo.notCalled)
-  t.ok(stub.calledOnce)
-  stub.restore()
-})
-
-test('seekTo() - set seekOnPlay', t => {
-  const load = sinon.fake()
-  const seekTo = sinon.fake()
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({ load, seekTo })
-  instance.isReady = false
-  instance.seekTo(10)
-  t.ok(seekTo.notCalled)
-  t.ok(instance.seekOnPlay === 10)
-})
-
-test('onReady()', t => {
-  const onReady = sinon.fake()
-  const load = sinon.fake()
-  const setVolume = sinon.fake()
-  const play = sinon.fake()
-  const instance = create(<Player onReady={onReady} playing volume={1} />).getInstance()
-  instance.handlePlayerMount({ load, setVolume, play })
-  instance.handleDurationCheck = sinon.fake()
-  instance.isReady = true
-  instance.handleReady()
-  t.ok(setVolume.calledOnceWith(1))
-  t.ok(play.calledOnce)
-})
-
-test('loadOnReady', t => {
-  const load = sinon.fake()
-  const play = sinon.fake()
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({ load, play })
-  instance.handleDurationCheck = sinon.fake()
-  instance.loadOnReady = 'file.mp4'
-  instance.handleReady()
-  t.ok(load.calledWith('file.mp4'))
-  t.ok(play.notCalled)
-})
-
-test('onPlay()', t => {
-  const onPlay = sinon.fake()
-  const instance = create(<Player onPlay={onPlay} />).getInstance()
-  instance.handlePlayerMount({ load: () => {} })
-  instance.handleDurationCheck = sinon.fake()
-  instance.handlePlay()
-  t.ok(onPlay.calledOnce)
-  t.ok(instance.isPlaying)
-  t.notOk(instance.isLoading)
-})
-
-test('onStart()', t => {
-  const onStart = sinon.fake()
-  const instance = create(<Player onStart={onStart} />).getInstance()
-  instance.handlePlayerMount({ load: () => {} })
-  instance.handleDurationCheck = sinon.fake()
-  instance.startOnPlay = true
-  instance.handlePlay()
-  t.ok(onStart.calledOnce)
-  t.notOk(instance.startOnPlay)
-})
-
-test('seekOnPlay', t => {
-  const seekTo = sinon.stub(Player.prototype, 'seekTo')
-  const instance = create(<Player />).getInstance()
-  instance.handlePlayerMount({ load: () => {} })
-  instance.handleDurationCheck = sinon.fake()
-  instance.seekOnPlay = 10
-  instance.handlePlay()
-  t.ok(seekTo.calledOnceWith(10))
-  t.ok(instance.seekOnPlay === null)
-  seekTo.restore()
-})
-
-test('onPause()', t => {
-  const onPause = sinon.fake()
-  const instance = create(<Player onPause={onPause} />).getInstance()
-  instance.isLoading = false
-  instance.handlePause()
-  t.ok(onPause.calledOnce)
-  t.notOk(instance.isPlaying)
-})
-
-test('onPause() - isLoading', t => {
-  const onPause = sinon.fake()
-  const instance = create(<Player onPause={onPause} />).getInstance()
-  instance.isLoading = true
-  instance.handlePause()
-  t.ok(onPause.notCalled)
-})
-
-test('onEnded()', t => {
-  const activePlayer = () => null
-  const onEnded = sinon.fake()
-  const instance = create(<Player activePlayer={activePlayer} onEnded={onEnded} />).getInstance()
-  instance.isPlaying = true
-  instance.handleEnded()
-  t.ok(onEnded.calledOnce)
-  t.notOk(instance.isPlaying)
-})
-
-test('loopOnEnded', t => {
-  const activePlayer = () => null
-  activePlayer.loopOnEnded = true
-  const seekTo = sinon.stub(Player.prototype, 'seekTo')
-  const instance = create(<Player loop activePlayer={activePlayer} />).getInstance()
-  instance.handlePlayerMount({ load: () => {} })
-  instance.isPlaying = true
-  instance.handleEnded()
-  t.ok(seekTo.calledOnceWith(0))
-  t.ok(instance.isPlaying)
-  seekTo.restore()
-})
-
-test('handleDurationCheck', t => {
-  const onDuration = sinon.fake()
-  const instance = create(<Player onDuration={onDuration} />).getInstance()
-  instance.getDuration = sinon.fake.returns(10)
-  instance.handleDurationCheck()
-  instance.handleDurationCheck() // Call twice to ensure onDuration is not called again
-  t.ok(onDuration.calledOnceWith(10))
-  t.ok(instance.onDurationCalled)
-})
-
-test('durationCheckTimeout', t => {
-  const onDuration = sinon.fake()
-  const instance = create(<Player onDuration={onDuration} />).getInstance()
-  instance.getDuration = sinon.fake.returns(null)
-  instance.durationCheckTimeout = null
-  instance.handleDurationCheck()
-  t.ok(onDuration.notCalled)
-  t.truthy(instance.durationCheckTimeout)
-})
diff --git a/test/Player.tsx b/test/Player.tsx
new file mode 100644
index 00000000..805ccc63
--- /dev/null
+++ b/test/Player.tsx
@@ -0,0 +1,329 @@
+import './helpers/server-safe-globals';
+import { test } from 'zora';
+import sinon from 'sinon';
+import { ReactTestRenderer, create, act } from 'react-test-renderer';
+import React from 'react';
+import Player from '../src/Player';
+import HtmlPlayer from '../src/HtmlPlayer';
+
+function render(comp: React.ReactElement): ReactTestRenderer {
+  let result;
+  act(() => {
+    result = create(comp, {
+      createNodeMock: (element) => {
+        if (element.type === 'video') {
+          const video = document.createElement('video');
+          video.setAttribute('src', element.props.src);
+          return video;
+        }
+      },
+    });
+  });
+  return result;
+}
+
+test('video.load()', async (t) => {
+  const videoRef: React.Ref<HTMLVideoElement> = React.createRef();
+  render(<Player ref={videoRef} src="file.mp4" activePlayer={HtmlPlayer} />);
+
+  const loadstart = sinon.fake();
+  videoRef.current?.addEventListener('loadstart', loadstart);
+
+  await Promise.resolve();
+  t.ok(loadstart.calledOnce);
+});
+
+test('video.play()', async (t) => {
+  const videoRef: React.Ref<HTMLVideoElement> = React.createRef();
+  const wrapper = render(<Player ref={videoRef} src="file.mp4" activePlayer={HtmlPlayer} />);
+
+  const play = sinon.fake();
+  videoRef.current?.addEventListener('play', play);
+
+  act(() => {
+    wrapper.update(<Player ref={videoRef} src="file.mp4" playing activePlayer={HtmlPlayer} />);
+  });
+  await Promise.resolve();
+
+  t.ok(play.calledOnce);
+  t.equal(videoRef.current?.paused, false);
+});
+
+// test('player.pause()', t => {
+//   const wrapper = create(<Player playing />)
+//   const load = sinon.fake()
+//   const pause = sinon.fake()
+//   wrapper.getInstance().handlePlayerMount({ load, pause })
+//   wrapper.getInstance().isPlaying = true
+//   setProps(wrapper, { playing: false })
+//   t.ok(pause.calledOnce)
+// })
+
+// test('player.setVolume()', t => {
+//   const wrapper = create(<Player volume={0.5} />)
+//   const load = sinon.fake()
+//   const setVolume = sinon.fake()
+//   wrapper.getInstance().handlePlayerMount({ load, setVolume })
+//   setProps(wrapper, { volume: 0.4 })
+//   t.ok(setVolume.calledOnce)
+// })
+
+// test('player.mute()', t => {
+//   const wrapper = create(<Player muted={false} />)
+//   const load = sinon.fake()
+//   const mute = sinon.fake()
+//   wrapper.getInstance().handlePlayerMount({ load, mute })
+//   setProps(wrapper, { muted: true })
+//   t.ok(mute.calledOnce)
+// })
+
+// test('player.unmute()', async t => {
+//   const wrapper = create(<Player muted volume={0.8} />)
+//   const load = sinon.fake()
+//   const unmute = sinon.fake()
+//   const setVolume = sinon.fake()
+//   wrapper.getInstance().handlePlayerMount({ load, unmute, setVolume })
+//   setProps(wrapper, { muted: false })
+//   t.ok(unmute.calledOnce)
+//   return new Promise(resolve => setTimeout(() => {
+//     t.ok(setVolume.calledOnceWith(0.8))
+//     resolve()
+//   }))
+// })
+
+// test('player.setPlaybackRate()', t => {
+//   const wrapper = create(<Player playbackRate={1} />)
+//   const load = sinon.fake()
+//   const setPlaybackRate = sinon.fake()
+//   wrapper.getInstance().handlePlayerMount({ load, setPlaybackRate })
+//   setProps(wrapper, { playbackRate: 0.5 })
+//   t.ok(setPlaybackRate.calledOnce)
+// })
+
+// const COMMON_METHODS = ['getDuration', 'getCurrentTime', 'getSecondsLoaded']
+
+// for (const method of COMMON_METHODS) {
+//   test(`${method}()`, t => {
+//     const instance = create(<Player />).getInstance()
+//     instance.player = { [method]: () => 123 }
+//     instance.isReady = true
+//     t.ok(instance[method]() === 123)
+//   })
+
+//   test(`${method}() - null`, t => {
+//     const instance = create(<Player />).getInstance()
+//     t.ok(instance[method]() === null)
+//   })
+// }
+
+// test('progress()', t => {
+//   const load = sinon.fake()
+//   const onProgress = sinon.fake()
+//   const instance = create(<Player url='file.mp4' onProgress={onProgress} />).getInstance()
+//   instance.handlePlayerMount({
+//     load,
+//     getCurrentTime: sinon.fake.returns(10),
+//     getSecondsLoaded: sinon.fake.returns(20),
+//     getDuration: sinon.fake.returns(40)
+//   })
+//   instance.isReady = true
+//   instance.progress()
+//   instance.progress() // Call twice to ensure onProgress is not called again
+//   t.ok(onProgress.calledOnceWith({
+//     loaded: 0.5,
+//     loadedSeconds: 20,
+//     played: 0.25,
+//     playedSeconds: 10
+//   }))
+// })
+
+// test('progress() handlePlayerMount', t => {
+//   const load = sinon.fake()
+//   const onProgress = sinon.fake()
+//   const instance = create(<Player url='file.mp4' onProgress={onProgress} />).getInstance()
+//   instance.isReady = true
+//   instance.handlePlayerMount({
+//     load,
+//     getCurrentTime: sinon.fake.returns(10),
+//     getSecondsLoaded: sinon.fake.returns(20),
+//     getDuration: sinon.fake.returns(40)
+//   })
+//   t.ok(onProgress.calledWith({
+//     loaded: 0.5,
+//     loadedSeconds: 20,
+//     played: 0.25,
+//     playedSeconds: 10
+//   }))
+// })
+
+// test('seekTo() - seconds', t => {
+//   const load = sinon.fake()
+//   const seekTo = sinon.fake()
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({ load, seekTo })
+//   instance.isReady = true
+//   instance.seekTo(10)
+//   t.ok(seekTo.calledOnceWith(10))
+// })
+
+// test('seekTo() - fraction', t => {
+//   const load = sinon.fake()
+//   const seekTo = sinon.fake()
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({
+//     load,
+//     seekTo,
+//     getDuration: sinon.fake.returns(10)
+//   })
+//   instance.isReady = true
+//   instance.seekTo(0.5)
+//   t.ok(seekTo.calledOnceWith(5))
+// })
+
+// test('seekTo() - warning', t => {
+//   const stub = sinon.stub(console, 'warn')
+//   const load = sinon.fake()
+//   const seekTo = sinon.fake()
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({
+//     load,
+//     seekTo,
+//     getDuration: sinon.fake.returns(null)
+//   })
+//   instance.isReady = true
+//   instance.seekTo(0.5)
+//   t.ok(seekTo.notCalled)
+//   t.ok(stub.calledOnce)
+//   stub.restore()
+// })
+
+// test('seekTo() - set seekOnPlay', t => {
+//   const load = sinon.fake()
+//   const seekTo = sinon.fake()
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({ load, seekTo })
+//   instance.isReady = false
+//   instance.seekTo(10)
+//   t.ok(seekTo.notCalled)
+//   t.ok(instance.seekOnPlay === 10)
+// })
+
+// test('onReady()', t => {
+//   const onReady = sinon.fake()
+//   const load = sinon.fake()
+//   const setVolume = sinon.fake()
+//   const play = sinon.fake()
+//   const instance = create(<Player onReady={onReady} playing volume={1} />).getInstance()
+//   instance.handlePlayerMount({ load, setVolume, play })
+//   instance.handleDurationCheck = sinon.fake()
+//   instance.isReady = true
+//   instance.handleReady()
+//   t.ok(setVolume.calledOnceWith(1))
+//   t.ok(play.calledOnce)
+// })
+
+// test('loadOnReady', t => {
+//   const load = sinon.fake()
+//   const play = sinon.fake()
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({ load, play })
+//   instance.handleDurationCheck = sinon.fake()
+//   instance.loadOnReady = 'file.mp4'
+//   instance.handleReady()
+//   t.ok(load.calledWith('file.mp4'))
+//   t.ok(play.notCalled)
+// })
+
+// test('onPlay()', t => {
+//   const onPlay = sinon.fake()
+//   const instance = create(<Player onPlay={onPlay} />).getInstance()
+//   instance.handlePlayerMount({ load: () => {} })
+//   instance.handleDurationCheck = sinon.fake()
+//   instance.handlePlay()
+//   t.ok(onPlay.calledOnce)
+//   t.ok(instance.isPlaying)
+//   t.notOk(instance.isLoading)
+// })
+
+// test('onStart()', t => {
+//   const onStart = sinon.fake()
+//   const instance = create(<Player onStart={onStart} />).getInstance()
+//   instance.handlePlayerMount({ load: () => {} })
+//   instance.handleDurationCheck = sinon.fake()
+//   instance.startOnPlay = true
+//   instance.handlePlay()
+//   t.ok(onStart.calledOnce)
+//   t.notOk(instance.startOnPlay)
+// })
+
+// test('seekOnPlay', t => {
+//   const seekTo = sinon.stub(Player.prototype, 'seekTo')
+//   const instance = create(<Player />).getInstance()
+//   instance.handlePlayerMount({ load: () => {} })
+//   instance.handleDurationCheck = sinon.fake()
+//   instance.seekOnPlay = 10
+//   instance.handlePlay()
+//   t.ok(seekTo.calledOnceWith(10))
+//   t.ok(instance.seekOnPlay === null)
+//   seekTo.restore()
+// })
+
+// test('onPause()', t => {
+//   const onPause = sinon.fake()
+//   const instance = create(<Player onPause={onPause} />).getInstance()
+//   instance.isLoading = false
+//   instance.handlePause()
+//   t.ok(onPause.calledOnce)
+//   t.notOk(instance.isPlaying)
+// })
+
+// test('onPause() - isLoading', t => {
+//   const onPause = sinon.fake()
+//   const instance = create(<Player onPause={onPause} />).getInstance()
+//   instance.isLoading = true
+//   instance.handlePause()
+//   t.ok(onPause.notCalled)
+// })
+
+// test('onEnded()', t => {
+//   const activePlayer = () => null
+//   const onEnded = sinon.fake()
+//   const instance = create(<Player activePlayer={activePlayer} onEnded={onEnded} />).getInstance()
+//   instance.isPlaying = true
+//   instance.handleEnded()
+//   t.ok(onEnded.calledOnce)
+//   t.notOk(instance.isPlaying)
+// })
+
+// test('loopOnEnded', t => {
+//   const activePlayer = () => null
+//   activePlayer.loopOnEnded = true
+//   const seekTo = sinon.stub(Player.prototype, 'seekTo')
+//   const instance = create(<Player loop activePlayer={activePlayer} />).getInstance()
+//   instance.handlePlayerMount({ load: () => {} })
+//   instance.isPlaying = true
+//   instance.handleEnded()
+//   t.ok(seekTo.calledOnceWith(0))
+//   t.ok(instance.isPlaying)
+//   seekTo.restore()
+// })
+
+// test('handleDurationCheck', t => {
+//   const onDuration = sinon.fake()
+//   const instance = create(<Player onDuration={onDuration} />).getInstance()
+//   instance.getDuration = sinon.fake.returns(10)
+//   instance.handleDurationCheck()
+//   instance.handleDurationCheck() // Call twice to ensure onDuration is not called again
+//   t.ok(onDuration.calledOnceWith(10))
+//   t.ok(instance.onDurationCalled)
+// })
+
+// test('durationCheckTimeout', t => {
+//   const onDuration = sinon.fake()
+//   const instance = create(<Player onDuration={onDuration} />).getInstance()
+//   instance.getDuration = sinon.fake.returns(null)
+//   instance.durationCheckTimeout = null
+//   instance.handleDurationCheck()
+//   t.ok(onDuration.notCalled)
+//   t.truthy(instance.durationCheckTimeout)
+// })
diff --git a/test/ReactPlayer/instanceMethods.js b/test/ReactPlayer/instanceMethods.js
index e84e6cdc..eddd189f 100644
--- a/test/ReactPlayer/instanceMethods.js
+++ b/test/ReactPlayer/instanceMethods.js
@@ -1,56 +1,56 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import ReactPlayer from '../../src/index'
-
-const COMMON_METHODS = ['getDuration', 'getCurrentTime', 'getSecondsLoaded', 'getInternalPlayer']
-
-for (const method of COMMON_METHODS) {
-  test(`${method}()`, t => {
-    const instance = create(<ReactPlayer />).getInstance()
-    instance.references.player({ [method]: () => 123 })
-    t.ok(instance[method]() === 123)
-  })
-
-  test(`${method}() - null`, t => {
-    const instance = create(<ReactPlayer />).getInstance()
-    t.ok(instance[method]() === null)
-  })
-}
-
-test('getInternalPlayer() - default', t => {
-  const instance = create(<ReactPlayer />).getInstance()
-  const getInternalPlayer = sinon.fake.returns('abc')
-  instance.references.player({ getInternalPlayer })
-  t.ok(instance.getInternalPlayer() === 'abc')
-  t.ok(getInternalPlayer.calledOnceWith('player'))
-})
-
-test('seekTo()', t => {
-  const instance = create(<ReactPlayer />).getInstance()
-  instance.references.player({ seekTo: sinon.fake() })
-  instance.seekTo(5)
-  t.ok(instance.player.seekTo.calledOnce)
-  t.ok(instance.player.seekTo.calledWith(5))
-})
-
-test('seekTo() - null', t => {
-  const instance = create(<ReactPlayer />).getInstance()
-  t.ok(instance.seekTo() === null)
-})
-
-test('onReady()', t => {
-  const onReady = sinon.fake()
-  const instance = create(<ReactPlayer onReady={onReady} />).getInstance()
-  instance.handleReady()
-  t.ok(onReady.calledWith(instance))
-})
-
-test('refs', t => {
-  const instance = create(<ReactPlayer />).getInstance()
-  instance.references.player('abc')
-  instance.references.wrapper('def')
-  t.ok(instance.player === 'abc')
-  t.ok(instance.wrapper === 'def')
-})
+import { test } from 'zora';
+import sinon from 'sinon';
+import React from 'react';
+import { create } from 'react-test-renderer';
+import ReactPlayer from '../../src/index';
+
+const COMMON_METHODS = ['getDuration', 'getCurrentTime', 'getSecondsLoaded', 'getInternalPlayer'];
+
+// for (const method of COMMON_METHODS) {
+//   test(`${method}()`, t => {
+//     const instance = create(<ReactPlayer />).getInstance()
+//     instance.references.player({ [method]: () => 123 })
+//     t.ok(instance[method]() === 123)
+//   })
+
+//   test(`${method}() - null`, t => {
+//     const instance = create(<ReactPlayer />).getInstance()
+//     t.ok(instance[method]() === null)
+//   })
+// }
+
+// test('getInternalPlayer() - default', t => {
+//   const instance = create(<ReactPlayer />).getInstance()
+//   const getInternalPlayer = sinon.fake.returns('abc')
+//   instance.references.player({ getInternalPlayer })
+//   t.ok(instance.getInternalPlayer() === 'abc')
+//   t.ok(getInternalPlayer.calledOnceWith('player'))
+// })
+
+// test('seekTo()', t => {
+//   const instance = create(<ReactPlayer />).getInstance()
+//   instance.references.player({ seekTo: sinon.fake() })
+//   instance.seekTo(5)
+//   t.ok(instance.player.seekTo.calledOnce)
+//   t.ok(instance.player.seekTo.calledWith(5))
+// })
+
+// test('seekTo() - null', t => {
+//   const instance = create(<ReactPlayer />).getInstance()
+//   t.ok(instance.seekTo() === null)
+// })
+
+// test('onReady()', t => {
+//   const onReady = sinon.fake()
+//   const instance = create(<ReactPlayer onReady={onReady} />).getInstance()
+//   instance.handleReady()
+//   t.ok(onReady.calledWith(instance))
+// })
+
+// test('refs', t => {
+//   const instance = create(<ReactPlayer />).getInstance()
+//   instance.references.player('abc')
+//   instance.references.wrapper('def')
+//   t.ok(instance.player === 'abc')
+//   t.ok(instance.wrapper === 'def')
+// })
diff --git a/test/ReactPlayer/props.js b/test/ReactPlayer/props.js
index 64896042..da218b4f 100644
--- a/test/ReactPlayer/props.js
+++ b/test/ReactPlayer/props.js
@@ -1,25 +1,25 @@
-import { test } from 'zora'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import ReactPlayer from '../../src/index'
+import { test } from 'zora';
+import React from 'react';
+import { create } from 'react-test-renderer';
+import ReactPlayer from '../../src/index';
 
-test('className', t => {
-  const wrapper = create(<ReactPlayer className='react-player' />)
-  t.equal(wrapper.getInstance().props.className, 'react-player')
-})
+test('className', (t) => {
+  const wrapper = create(<ReactPlayer className="react-player" />);
+  t.equal(wrapper.root.findByType('div').props.className, 'react-player');
+});
 
-test('style', t => {
-  const wrapper = create(<ReactPlayer style={{ marginTop: '1rem' }} />)
-  t.equal(wrapper.getInstance().props.style.marginTop, '1rem')
-})
+test('style', (t) => {
+  const wrapper = create(<ReactPlayer style={{ marginTop: '1rem' }} />);
+  t.equal(wrapper.root.findByType('div').props.style.marginTop, '1rem');
+});
 
-test('wrapper - string', t => {
-  const wrapper = create(<ReactPlayer wrapper='span' />)
-  t.equal(wrapper.toJSON().type, 'span')
-})
+test('wrapper - string', (t) => {
+  const wrapper = create(<ReactPlayer wrapper="span" />);
+  t.equal(wrapper.toJSON().type, 'span');
+});
 
-test('wrapper - element', t => {
-  const Element = () => null
-  const wrapper = create(<ReactPlayer wrapper={Element} />)
-  t.ok(wrapper.root.findByType(Element))
-})
+test('wrapper - element', (t) => {
+  const Element = () => null;
+  const wrapper = create(<ReactPlayer wrapper={Element} />);
+  t.ok(wrapper.root.findByType(Element));
+});
diff --git a/test/ReactPlayer/render.js b/test/ReactPlayer/render.js
index 93f57da1..00eddd8c 100644
--- a/test/ReactPlayer/render.js
+++ b/test/ReactPlayer/render.js
@@ -1,24 +1,22 @@
-import React from 'react'
-import { test } from 'zora'
-import { create } from 'react-test-renderer'
-import ReactPlayer from '../../src/index'
-import Player from '../../src/Player'
-import FilePlayer from '../../src/players/FilePlayer'
+import React from 'react';
+import { test } from 'zora';
+import { create } from 'react-test-renderer';
+import ReactPlayer from '../../src/index';
+import Player from '../../src/Player';
+import HtmlPlayer from '../../src/HtmlPlayer';
 
-globalThis.window = { MediaStream: Object }
+globalThis.window = { MediaStream: Object };
 
-test.skip('render', t => {
-  const wrapper = create(<ReactPlayer />)
-  t.ok(wrapper.equals(
-    <div style={{ width: '640px', height: '360px' }}>
-      {null}
-    </div>
-  ))
-})
+test.skip('render', (t) => {
+  const wrapper = create(<ReactPlayer />);
+  t.ok(wrapper.equals(<div style={{ width: '640px', height: '360px' }}>{null}</div>));
+});
 
-test.skip('fallback player', t => {
-  const wrapper = create(<ReactPlayer url='http://example.com/random/path' />)
-  t.ok(wrapper.childAt(0).matchesElement(
-    <Player activePlayer={FilePlayer} onReady={wrapper.instance().handleReady} />
-  ))
-})
+test.skip('fallback player', (t) => {
+  const wrapper = create(<ReactPlayer url="http://example.com/random/path" />);
+  t.ok(
+    wrapper
+      .childAt(0)
+      .matchesElement(<Player activePlayer={HtmlPlayer} onReady={wrapper.instance().handleReady} />)
+  );
+});
diff --git a/test/ReactPlayer/staticMethods.js b/test/ReactPlayer/staticMethods.js
index a720305a..af433dca 100644
--- a/test/ReactPlayer/staticMethods.js
+++ b/test/ReactPlayer/staticMethods.js
@@ -1,36 +1,30 @@
-import { test } from 'zora'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import ReactPlayer from '../../src/index'
-import Player from '../../src/Player'
+import { test } from 'zora';
+import React from 'react';
+import { create } from 'react-test-renderer';
+import '../helpers/server-safe-globals';
+import ReactPlayer from '../../src/index';
+import Player from '../../src/Player';
 
-test('canPlay()', t => {
-  t.ok(ReactPlayer.canPlay('https://www.youtube.com/watch?v=oUFJJNQGwhk'))
-  t.ok(ReactPlayer.canPlay('https://youtube.com/shorts/370kwJ-x5TY?feature=share'))
-  t.ok(ReactPlayer.canPlay('https://soundcloud.com/miami-nights-1984/accelerated'))
-  t.ok(ReactPlayer.canPlay('https://www.facebook.com/facebook/videos/10153231379946729'))
-  t.ok(ReactPlayer.canPlay('https://vimeo.com/90509568'))
-  t.ok(ReactPlayer.canPlay('https://www.twitch.tv/videos/106400740'))
-  t.ok(ReactPlayer.canPlay('https://streamable.com/moo'))
-  t.ok(ReactPlayer.canPlay('https://home.wistia.com/medias/e4a27b971d'))
-  t.ok(ReactPlayer.canPlay('https://www.dailymotion.com/video/x5e9eog'))
-  t.ok(ReactPlayer.canPlay('https://www.mixcloud.com/mixcloud/meet-the-curators'))
-  t.ok(ReactPlayer.canPlay('http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'))
-  t.ok(ReactPlayer.canPlay('http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4#t=1'))
-  t.notOk(ReactPlayer.canPlay('http://example.com/random/path'))
-})
+test('canPlay()', (t) => {
+  t.ok(ReactPlayer.canPlay('https://www.youtube.com/watch?v=oUFJJNQGwhk'));
+  t.ok(ReactPlayer.canPlay('https://youtube.com/shorts/370kwJ-x5TY?feature=share'));
+  t.ok(ReactPlayer.canPlay('https://vimeo.com/90509568'));
+  t.ok(ReactPlayer.canPlay('https://home.wistia.com/medias/e4a27b971d'));
+  t.ok(ReactPlayer.canPlay('http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'));
+  t.ok(ReactPlayer.canPlay('http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4#t=1'));
+  t.notOk(ReactPlayer.canPlay('http://example.com/random/path'));
+});
 
-test('addCustomPlayer()', t => {
-  const CustomPlayer = () => null
-  CustomPlayer.displayName = 'CustomPlayer'
-  CustomPlayer.canPlay = url => /example\.com/.test(url)
+test('addCustomPlayer()', (t) => {
+  const CustomPlayer = React.forwardRef(() => <video />);
+  CustomPlayer.displayName = 'CustomPlayer';
+  CustomPlayer.canPlay = (url) => /example\.com/.test(url);
 
-  ReactPlayer.addCustomPlayer(CustomPlayer)
-  const wrapper = create(<ReactPlayer url='http://example.com/random/path' />)
-  t.ok(ReactPlayer.canPlay('http://example.com/random/path'))
-  t.ok(wrapper.root.findByType(Player))
-  t.equal(wrapper.root.findByType(Player).props.activePlayer, CustomPlayer)
-  ReactPlayer.removeCustomPlayers()
-  t.notOk(ReactPlayer.canPlay('http://example.com/random/path'))
-})
+  ReactPlayer.addCustomPlayer(CustomPlayer);
+  const wrapper = create(<ReactPlayer src="http://example.com/random/path" />);
+  t.ok(ReactPlayer.canPlay('http://example.com/random/path'));
+  t.ok(wrapper.root.findByType(Player));
+  t.equal(wrapper.root.findByType(Player).props.activePlayer, CustomPlayer);
+  ReactPlayer.removeCustomPlayers();
+  t.notOk(ReactPlayer.canPlay('http://example.com/random/path'));
+});
diff --git a/test/helpers/server-safe-globals.js b/test/helpers/server-safe-globals.js
index f744209e..a8d0b0c7 100644
--- a/test/helpers/server-safe-globals.js
+++ b/test/helpers/server-safe-globals.js
@@ -1,7 +1,53 @@
+// Prevent from Node.Timeout to hang the process
+const oldSetTimeout = globalThis.setTimeout;
+// @ts-ignore
+globalThis.setTimeout = (callback, delay) => {
+  const timeout = oldSetTimeout(callback, delay);
+  oldSetTimeout(() => {
+    timeout.unref();
+  }, 100);
+};
+
 class Element extends EventTarget {
-  style = {}
-  querySelector = () => new Element()
-  contains = () => true
+  style = {};
+  querySelector = () => new Element();
+  contains = () => true;
+}
+
+class HTMLVideoElement extends Element {
+  constructor() {
+    super();
+    this.paused = true;
+    this.muted = false;
+    this.volume = 1;
+    this.currentTime = 0;
+    this.duration = NaN;
+    this.playbackRate = 1;
+  }
+
+  setAttribute(name, value) {
+    if (name === 'src') {
+      this.src = value;
+      this.load();
+    }
+  }
+
+  async load() {
+    await Promise.resolve();
+    this.dispatchEvent(new Event('loadstart'));
+  }
+
+  pause() {
+    this.paused = true;
+    this.dispatchEvent(new Event('pause'));
+  }
+
+  async play() {
+    this.paused = false;
+    this.dispatchEvent(new Event('play'));
+    await Promise.resolve();
+    this.dispatchEvent(new Event('playing'));
+  }
 }
 
 class MediaStream {}
@@ -9,18 +55,23 @@ class MediaStream {}
 const document = {
   head: new Element(),
   body: new Element(),
-  createElement: () => new Element(),
-  getElementById: () => new Element()
-}
+  createElement: (type) => {
+    if (type === 'video') {
+      return new HTMLVideoElement();
+    }
+    return new Element();
+  },
+  getElementById: () => new Element(),
+};
 
 const globalThisShim = {
   location: { origin: 'origin' },
   navigator: {},
   URL: { createObjectURL: () => 'mockObjectURL' },
   document,
-  MediaStream
-}
+  MediaStream,
+};
 
-globalThis.document = document
-globalThis.window = globalThisShim
-Object.assign(globalThis, globalThisShim)
+globalThis.document = document;
+globalThis.window = globalThisShim;
+Object.assign(globalThis, globalThisShim);
diff --git a/test/players/DailyMotion.js b/test/players/DailyMotion.js
deleted file mode 100644
index 0068d748..00000000
--- a/test/players/DailyMotion.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import DailyMotion from '../../src/players/DailyMotion'
-
-const TEST_URL = 'https://www.dailymotion.com/video/x5e9eog'
-const TEST_CONFIG = {
-  params: {}
-}
-
-testPlayerMethods(DailyMotion, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'seek',
-  setVolume: 'setVolume',
-  mute: 'setMuted',
-  unmute: 'setMuted'
-})
-
-test('load()', async t => {
-  class MockPlayer {
-    constructor (container, options) {
-      t.equal(container, 'abc')
-      t.equal(options.video, 'x5e9eog')
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ player: MockPlayer })
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.load(TEST_URL)
-  instance.ref('abc')
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('load() - no container', async t => {
-  class MockPlayer {
-    constructor (container, options) {
-      t.fail('Player constructor was called')
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ player: MockPlayer })
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.load(TEST_URL)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('load() - existing player', t => {
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.player = { load: sinon.fake() }
-  instance.load(TEST_URL)
-  t.ok(instance.player.load.calledOnceWith('x5e9eog'))
-})
-
-test('onDurationChange()', t => {
-  const onDuration = duration => {
-    t.ok(duration === 10)
-  }
-  const instance = create(<DailyMotion config={TEST_CONFIG} onDuration={onDuration} />).getInstance()
-  instance.player = { duration: 10 }
-  instance.onDurationChange()
-})
-
-test('getDuration()', t => {
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.player = { duration: 10 }
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.player = { currentTime: 5 }
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('getSecondsLoaded()', t => {
-  const instance = create(<DailyMotion config={TEST_CONFIG} />).getInstance()
-  instance.player = { bufferedTime: 5 }
-  t.ok(instance.getSecondsLoaded() === 5)
-})
-
-test('render()', t => {
-  const style = {
-    width: '100%',
-    height: '100%',
-    display: undefined
-  }
-  t.deepEqual(
-    create(<DailyMotion config={TEST_CONFIG} />).toJSON(),
-    create(
-      <div style={style}>
-        <div />
-      </div>
-    ).toJSON()
-  )
-})
diff --git a/test/players/Facebook.js b/test/players/Facebook.js
deleted file mode 100644
index fea56268..00000000
--- a/test/players/Facebook.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Facebook from '../../src/players/Facebook'
-
-const TEST_URL = 'https://www.facebook.com/facebook/videos/10153231379946729'
-const TEST_CONFIG = {
-  appId: '123'
-}
-
-Facebook.prototype.componentWillMount = function () {
-  this.playerID = 'mock-player-id'
-}
-
-testPlayerMethods(Facebook, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'seek',
-  setVolume: 'setVolume',
-  mute: 'mute',
-  unmute: 'unmute',
-  getDuration: 'getDuration',
-  getCurrentTime: 'getCurrentPosition',
-  getSecondsLoaded: null
-}, { config: TEST_CONFIG })
-
-test('load()', async t => {
-  const FB = {
-    init: () => null,
-    Event: {
-      subscribe: (event, fn) => {
-        if (event === 'xfbml.ready') {
-          fn({
-            type: 'video',
-            id: 'mock-player-id',
-            instance: {
-              subscribe: () => null,
-              unmute: () => null
-            }
-          })
-        }
-      }
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(FB)
-  const onReady = () => t.ok(true)
-  const instance = create(<Facebook config={TEST_CONFIG} onReady={onReady} />).getInstance()
-  instance.load(TEST_URL)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('load() when ready', async t => {
-  const FB = {
-    XFBML: {
-      parse: () => t.ok(true)
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(FB)
-  const onReady = () => t.ok(true)
-  const instance = create(<Facebook config={TEST_CONFIG} onReady={onReady} />).getInstance()
-  instance.load(TEST_URL, true)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('render()', t => {
-  const style = {
-    width: '100%',
-    height: '100%'
-  }
-  t.deepEqual(
-    create(<Facebook url={TEST_URL} config={TEST_CONFIG} />).toJSON(),
-    create(
-      <div
-        style={style}
-        id='mock-player-id'
-        className='fb-video'
-        data-href={TEST_URL}
-        data-autoplay='false'
-        data-allowfullscreen='true'
-        data-controls='false'
-      />
-    ).toJSON()
-  )
-})
diff --git a/test/players/FilePlayer.js b/test/players/FilePlayer.js
deleted file mode 100644
index 1158bb45..00000000
--- a/test/players/FilePlayer.js
+++ /dev/null
@@ -1,440 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { containsMatchingElement } from '../helpers/helpers'
-import { defaultProps } from '../../src/props'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import FilePlayer from '../../src/players/FilePlayer'
-
-test.skip = (name) => console.log(`Skipped ${name}`)
-
-const config = defaultProps.config.file
-
-const setProps = (wrapper, props) => {
-  const current = wrapper.toTree()
-  wrapper.update(React.createElement(current.type, {
-    ...current.props,
-    ...props
-  }))
-}
-
-const render = (comp) => {
-  return create(comp, {
-    createNodeMock: () => ({
-      addEventListener: () => null,
-      removeEventListener: () => null,
-      setAttribute: () => null,
-      removeAttribute: () => null
-    })
-  })
-}
-
-test('listeners', t => {
-  const addListeners = sinon.spy(FilePlayer.prototype, 'addListeners')
-  const removeListeners = sinon.spy(FilePlayer.prototype, 'removeListeners')
-  const wrapper = render(
-    <FilePlayer url='file.mp4' config={config} playsinline />
-  )
-  t.ok(addListeners.calledOnce)
-  t.ok(removeListeners.notCalled)
-  wrapper.getInstance().prevPlayer = { removeEventListener: () => null }
-  setProps(wrapper, { url: 'file.mp3' })
-  t.ok(addListeners.calledTwice)
-  wrapper.unmount()
-  t.ok(removeListeners.calledTwice)
-})
-
-test('onSeek', t => {
-  const onSeek = sinon.fake()
-  const instance = render(<FilePlayer url='file.mp4' config={config} onSeek={onSeek} />).getInstance()
-  instance.onSeek({ target: { currentTime: 10 } })
-  t.ok(onSeek.calledOnceWith(10))
-})
-
-test('load - hls', async t => {
-  class Hls {
-    static Events = { ERROR: 'ERROR' }
-    on = () => null
-    loadSource = () => null
-    attachMedia = () => null
-  }
-  const url = 'file.m3u8'
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(Hls)
-  const onLoaded = () => t.ok(true)
-  const instance = render(<FilePlayer url={url} config={config} onLoaded={onLoaded} />).getInstance()
-  instance.load(url)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('onError - hls', t => {
-  return new Promise(resolve => {
-    const onError = () => {
-      t.ok(true)
-      resolve()
-    }
-    class Hls {
-      static Events = { ERROR: 'ERROR' }
-      on = (event, cb) => {
-        if (event === 'ERROR') {
-          setTimeout(cb, 100)
-        }
-      }
-
-      loadSource = () => null
-      attachMedia = () => null
-    }
-    const url = 'file.m3u8'
-    const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(Hls)
-    const onLoaded = () => null
-    const instance = render(
-      <FilePlayer url={url} config={config} onLoaded={onLoaded} onError={onError} />
-    ).getInstance()
-    instance.load(url)
-    getSDK.restore()
-  })
-})
-
-test('onError - flv', t => {
-  return new Promise(resolve => {
-    const onError = () => {
-      t.ok(true)
-      resolve()
-    }
-
-    class FlvPlayer {
-      attachMediaElement () {
-
-      };
-
-      on = (event, cb) => {
-        if (event === 'error') {
-          setTimeout(cb, 100)
-        }
-      }
-
-      load = () => {}
-    }
-
-    class flvjs {
-      static Events = { ERROR: 'error' }
-
-      loadSource = () => null
-      attachMedia = () => null
-      static createPlayer = () => new FlvPlayer()
-    }
-    const url = 'file.flv'
-    const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(flvjs)
-    const onLoaded = () => null
-    const instance = render(
-      <FilePlayer url={url} config={config} onLoaded={onLoaded} onError={onError} />
-    ).getInstance()
-    instance.load(url)
-    getSDK.restore()
-  })
-})
-
-test('load - dash', async t => {
-  const dashjs = {
-    MediaPlayer: () => ({
-      create: () => ({
-        on: () => null,
-        initialize: () => null,
-        getDebug: () => ({
-          setLogToBrowserConsole: () => null
-        }),
-        updateSettings: () => null
-      })
-    }),
-    Debug: {
-      LOG_LEVEL_NONE: 0
-    }
-  }
-  const url = 'file.mpd'
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(dashjs)
-  const onLoaded = () => t.ok(true)
-  const instance = render(<FilePlayer url={url} config={config} onLoaded={onLoaded} />).getInstance()
-  instance.load(url)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('load - MediaStream', t => {
-  const url = new globalThis.MediaStream()
-  const instance = render(<FilePlayer url={url} config={config} />).getInstance()
-  instance.load(url)
-  t.ok(instance.player.srcObject === url)
-  t.falsy(instance.player.src)
-})
-
-test('load - MediaStream (srcObject not supported)', t => {
-  const url = new globalThis.MediaStream()
-  const instance = render(<FilePlayer url={url} config={config} />).getInstance()
-  Object.defineProperty(instance.player, 'srcObject', {
-    get: () => null,
-    set: () => {
-      throw new Error('Browser does not support srcObject')
-    }
-  })
-  instance.load(url)
-  t.ok(instance.player.src === 'mockObjectURL')
-  t.falsy(instance.player.srcObject)
-})
-
-test('load - Blob URI', t => {
-  const url = 'blob:http://example.com:ceeed153-91f1-4456-a4a7-cb4085810cc4"'
-  const wrapper = render(<FilePlayer url={url} config={config} />)
-
-  t.ok(containsMatchingElement(wrapper,
-    <video src={url}>{false}{[]}</video>
-  ))
-})
-
-test('forceVideo', t => {
-  const wrapper = render(
-    <FilePlayer
-      url='file.mp3' config={{
-        ...config,
-        forceVideo: true
-      }}
-    />
-  )
-  t.ok(containsMatchingElement(wrapper,
-    <video src='file.mp3'>{false}{[]}</video>
-  ))
-})
-
-test('forceAudio', t => {
-  const wrapper = render(
-    <FilePlayer
-      url='file.mp4' config={{
-        ...config,
-        forceAudio: true
-      }}
-    />
-  )
-  t.ok(containsMatchingElement(wrapper,
-    <audio src='file.mp4'>{false}{[]}</audio>
-  ))
-})
-
-test('render video poster', t => {
-  const wrapper = render(
-    <FilePlayer
-      url='file.mp3' config={{
-        ...config,
-        attributes: { poster: 'poster.png' }
-      }}
-    />
-  )
-  t.ok(containsMatchingElement(wrapper,
-    <video src='file.mp3' poster='poster.png'>{false}{[]}</video>
-  ))
-})
-
-test('play()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.play = sinon.fake()
-  instance.play()
-  t.ok(instance.player.play.calledOnce)
-})
-
-test('play() - promise', t => {
-  const onError = () => t.ok(true)
-  const instance = render(<FilePlayer url='file.mp4' config={config} onError={onError} />).getInstance()
-  instance.player.play = sinon.fake.returns({ catch: cb => cb() })
-  instance.play()
-  t.ok(instance.player.play.calledOnce)
-})
-
-test('pause()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.pause = sinon.fake()
-  instance.pause()
-  t.ok(instance.player.pause.calledOnce)
-})
-
-test('stop()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.removeAttribute = sinon.fake()
-  instance.stop()
-  t.ok(instance.player.removeAttribute.calledOnceWith('src'))
-})
-
-test('stop() - dash', t => {
-  const instance = render(<FilePlayer url='file.mpd' config={config} />).getInstance()
-  instance.dash = { reset: sinon.fake() }
-  instance.stop()
-  t.ok(instance.dash.reset.calledOnce)
-})
-
-test('seekTo()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.seekTo(10)
-  t.ok(instance.player.currentTime === 10)
-})
-
-test('setVolume()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.setVolume(0.5)
-  t.ok(instance.player.volume === 0.5)
-})
-
-test('mute()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.mute()
-  t.ok(instance.player.muted)
-})
-
-test('unmute()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.unmute()
-  t.notOk(instance.player.muted)
-})
-
-test('setPlaybackRate()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.setPlaybackRate(0.5)
-  t.ok(instance.player.playbackRate === 0.5)
-})
-
-test('getDuration()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.duration = 10
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.currentTime = 5
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('getSecondsLoaded()', t => {
-  const instance = render(<FilePlayer url='file.mp4' config={config} />).getInstance()
-  instance.player.buffered = []
-  t.ok(instance.getSecondsLoaded() === 0)
-  instance.player.buffered = { end: () => 10 }
-  instance.player.duration = 20
-  t.ok(instance.getSecondsLoaded() === 10)
-  instance.player.duration = 5
-  t.ok(instance.getSecondsLoaded() === 5)
-})
-
-test('render - video', t => {
-  const wrapper = render(<FilePlayer url='file.mp4' config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src='file.mp4'>{false}{[]}</video>
-  ))
-})
-
-test('render - audio', t => {
-  const wrapper = render(<FilePlayer url='file.mp3' config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <audio src='file.mp3'>{false}{[]}</audio>
-  ))
-})
-
-test('render - hls', t => {
-  const wrapper = render(<FilePlayer url='file.m3u8' config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src={undefined}>{false}{[]}</video>
-  ))
-})
-
-test('render - dash', t => {
-  const wrapper = render(<FilePlayer url='file.mpd' config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src={undefined}>{false}{[]}</video>
-  ))
-})
-
-test('render - dropbox', t => {
-  const url = 'https://www.dropbox.com/s/abc/file.mp4'
-  const wrapper = render(<FilePlayer url={url} config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src='https://dl.dropboxusercontent.com/s/abc/file.mp4'>
-      {false}{[]}
-    </video>
-  ))
-})
-
-test('render - string array', t => {
-  const url = ['file.mp4', 'file.ogg']
-  const wrapper = render(<FilePlayer url={url} config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src={undefined}>
-      {[
-        <source key={0} src='file.mp4' />,
-        <source key={1} src='file.ogg' />
-      ]}
-      {[]}
-    </video>
-  ))
-})
-
-test('render - object array', t => {
-  const url = [
-    { src: 'file.mp4', type: 'video/mp4', media: '(max-width:800px)' },
-    { src: 'file.mp4', type: 'video/mp4' },
-    { src: 'file.ogg', type: 'video/ogg' }
-  ]
-  const wrapper = render(<FilePlayer url={url} config={config} />)
-  t.ok(containsMatchingElement(wrapper,
-    <video src={undefined}>
-      {[
-        <source key={0} src='file.mp4' type='video/mp4' media='(max-width:800px)' />,
-        <source key={1} src='file.mp4' type='video/mp4' />,
-        <source key={1} src='file.ogg' type='video/ogg' />
-      ]}
-      {[]}
-    </video>
-  ))
-})
-
-test.skip('render tracks', t => {
-  const wrapper = render(
-    <FilePlayer
-      url='file.mp4' config={{
-        file: {
-          ...config.file,
-          tracks: [
-            { kind: 'subtitles', src: 'subtitles.en.vtt', srcLang: 'en', default: true },
-            { kind: 'subtitles', src: 'subtitles.ja.vtt', srcLang: 'ja' }
-          ]
-        }
-      }}
-    />
-  )
-  t.ok(containsMatchingElement(wrapper,
-    <video src='file.mp4'>
-      {false}
-      {[
-        <track key={0} kind='subtitles' src='subtitles.en.vtt' srcLang='en' default />,
-        <track key={1} kind='subtitles' src='subtitles.js.vtt' srcLang='js' />
-      ]}
-    </video>
-  ))
-})
-
-test('auto width/height', t => {
-  const wrapper = render(
-    <FilePlayer url='file.mp4' config={config} width='auto' height='auto' />
-  )
-  t.ok(containsMatchingElement(wrapper,
-    <video src='file.mp4' style={{ width: 'auto', height: 'auto' }}>
-      {false}{[]}
-    </video>
-  ))
-})
-
-test('clear srcObject on url change', t => {
-  const url = new globalThis.MediaStream()
-  const wrapper = render(<FilePlayer url={url} config={config} />)
-  const instance = wrapper.getInstance()
-  instance.load(url)
-  setProps(wrapper, { url: 'file.mpv' })
-  t.is(instance.player.srcObject, null)
-})
diff --git a/test/players/Kaltura.js b/test/players/Kaltura.js
deleted file mode 100644
index 5324508d..00000000
--- a/test/players/Kaltura.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Kaltura from '../../src/players/Kaltura'
-
-const TEST_URL = 'https://cdnapisec.kaltura.com/p/2507381/sp/250738100/embedIframeJs/uiconf_id/44372392/partner_id/2507381?iframeembed=true&playerId=kaltura_player_1605622336&entry_id=1_i1jmzcn3'
-const TEST_CONFIG = {
-  options: {}
-}
-
-testPlayerMethods(Kaltura, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'setCurrentTime',
-  setVolume: 'setVolume',
-  mute: 'mute',
-  unmute: 'unmute'
-}, { url: TEST_URL })
-
-test('load()', t => {
-  class Player {
-    constructor (iframe) {
-      t.ok(iframe === 'mock-iframe')
-    }
-
-    on = (event, fn) => {
-      if (event === 'ready') setTimeout(fn, 100)
-    }
-
-    setLoop = () => null
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ Player })
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <Kaltura url={TEST_URL} onReady={onReady} config={TEST_CONFIG} />
-    ).getInstance()
-    instance.iframe = 'mock-iframe'
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('getDuration()', t => {
-  const instance = create(<Kaltura url={TEST_URL} />).getInstance()
-  instance.duration = 10
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = create(<Kaltura url={TEST_URL} />).getInstance()
-  instance.currentTime = 5
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('getSecondsLoaded()', t => {
-  const instance = create(<Kaltura url={TEST_URL} />).getInstance()
-  instance.secondsLoaded = 5
-  t.ok(instance.getSecondsLoaded() === 5)
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%' }
-  t.deepEqual(
-    create(<Kaltura url={TEST_URL} />).toJSON(),
-    create(<iframe
-      src={TEST_URL}
-      frameBorder='0'
-      scrolling='no'
-      style={style}
-      allow='encrypted-media; autoplay; fullscreen;'
-      referrerPolicy='no-referrer-when-downgrade'
-           />).toJSON()
-  )
-})
diff --git a/test/players/Mixcloud.js b/test/players/Mixcloud.js
deleted file mode 100644
index 546e0c73..00000000
--- a/test/players/Mixcloud.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Mixcloud from '../../src/players/Mixcloud'
-
-const TEST_URL = 'https://www.mixcloud.com/mixcloud/meet-the-curators'
-const TEST_CONFIG = {
-  options: {}
-}
-
-testPlayerMethods(Mixcloud, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'seek',
-  setVolume: null,
-  mute: null,
-  unmute: null,
-  getSecondsLoaded: null
-}, {
-  url: 'https://www.mixcloud.com/mixcloud/meet-the-curators',
-  config: { mixcloud: { options: {} } }
-})
-
-test('load()', async t => {
-  const MixcloudSDK = {
-    PlayerWidget: () => ({
-      ready: Promise.resolve(),
-      events: {
-        play: { on: () => null },
-        pause: { on: () => null },
-        ended: { on: () => null },
-        error: { on: () => null },
-        progress: { on: () => null }
-      }
-    })
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(MixcloudSDK)
-  const onReady = () => t.ok(true)
-  const instance = create(
-    <Mixcloud url={TEST_URL} config={TEST_CONFIG} onReady={onReady} />
-  ).getInstance()
-  instance.load(TEST_URL)
-  t.ok(getSDK.calledOnce)
-  getSDK.restore()
-})
-
-test('getDuration()', t => {
-  const instance = create(<Mixcloud url={TEST_URL} config={TEST_CONFIG} />).getInstance()
-  instance.duration = 10
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = create(<Mixcloud url={TEST_URL} config={TEST_CONFIG} />).getInstance()
-  instance.currentTime = 5
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%' }
-  t.deepEqual(
-    create(<Mixcloud url={TEST_URL} config={TEST_CONFIG} />).toJSON(),
-    create(
-      <iframe
-        style={style}
-        src='https://www.mixcloud.com/widget/iframe/?feed=/mixcloud/meet-the-curators/'
-        frameBorder='0'
-        allow='autoplay'
-      />
-    ).toJSON()
-  )
-})
diff --git a/test/players/SoundCloud.js b/test/players/SoundCloud.js
deleted file mode 100644
index daefbfa8..00000000
--- a/test/players/SoundCloud.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import SoundCloud from '../../src/players/SoundCloud'
-
-const TEST_URL = 'https://soundcloud.com/miami-nights-1984/accelerated'
-const TEST_CONFIG = {
-  options: {}
-}
-
-testPlayerMethods(SoundCloud, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'seekTo',
-  setVolume: 'setVolume',
-  mute: 'setVolume',
-  unmute: 'setVolume'
-})
-
-test('load()', t => {
-  const Widget = iframe => {
-    t.ok(iframe === 'mock-iframe')
-    return {
-      bind: () => null,
-      getDuration: fn => fn(1000),
-      load: (url, options) => options.callback()
-    }
-  }
-  Widget.Events = {
-    PLAY: 'PLAY',
-    PLAY_PROGRESS: 'PLAY_PROGRESS',
-    PAUSE: 'PAUSE',
-    FINISH: 'FINISH',
-    ERROR: 'ERROR'
-  }
-  const SC = { Widget }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves(SC)
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(<SoundCloud onReady={onReady} config={TEST_CONFIG} />).getInstance()
-    instance.iframe = 'mock-iframe'
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('getDuration()', t => {
-  const instance = create(<SoundCloud />).getInstance()
-  instance.duration = 10
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = create(<SoundCloud />).getInstance()
-  instance.currentTime = 5
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('getSecondsLoaded()', t => {
-  const instance = create(<SoundCloud />).getInstance()
-  instance.duration = 10
-  instance.fractionLoaded = 0.5
-  t.ok(instance.getSecondsLoaded() === 5)
-})
-
-test('render()', t => {
-  const style = {
-    width: '100%',
-    height: '100%',
-    display: undefined
-  }
-  t.deepEqual(
-    create(<SoundCloud url={TEST_URL} />).toJSON(),
-    create(
-      <iframe
-        src='https://w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2Fmiami-nights-1984%2Faccelerated'
-        style={style}
-        frameBorder={0}
-        allow='autoplay'
-      />
-    ).toJSON()
-  )
-})
diff --git a/test/players/Streamable.js b/test/players/Streamable.js
deleted file mode 100644
index 7238f660..00000000
--- a/test/players/Streamable.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Streamable from '../../src/players/Streamable'
-
-const TEST_URL = 'https://streamable.com/moo'
-const TEST_CONFIG = {
-  options: {}
-}
-
-testPlayerMethods(Streamable, {
-  play: 'play',
-  pause: 'pause',
-  stop: null,
-  seekTo: 'setCurrentTime',
-  setVolume: 'setVolume',
-  mute: 'mute',
-  unmute: 'unmute'
-}, { url: 'https://streamable.com/moo' })
-
-test('load()', t => {
-  class Player {
-    constructor (iframe) {
-      t.ok(iframe === 'mock-iframe')
-    }
-
-    on = (event, fn) => {
-      if (event === 'ready') setTimeout(fn, 100)
-    }
-
-    setLoop = () => null
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ Player })
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <Streamable url={TEST_URL} onReady={onReady} config={TEST_CONFIG} />
-    ).getInstance()
-    instance.iframe = 'mock-iframe'
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('getDuration()', t => {
-  const instance = create(<Streamable url={TEST_URL} />).getInstance()
-  instance.duration = 10
-  t.ok(instance.getDuration() === 10)
-})
-
-test('getCurrentTime()', t => {
-  const instance = create(<Streamable url={TEST_URL} />).getInstance()
-  instance.currentTime = 5
-  t.ok(instance.getCurrentTime() === 5)
-})
-
-test('getSecondsLoaded()', t => {
-  const instance = create(<Streamable url={TEST_URL} />).getInstance()
-  instance.secondsLoaded = 5
-  t.ok(instance.getSecondsLoaded() === 5)
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%' }
-  t.deepEqual(
-    create(<Streamable url={TEST_URL} />).toJSON(),
-    create(
-      <iframe
-        src='https://streamable.com/o/moo'
-        frameBorder='0'
-        scrolling='no'
-        style={style}
-        allow='encrypted-media; autoplay; fullscreen;'
-      />
-    ).toJSON()
-  )
-})
diff --git a/test/players/Twitch.js b/test/players/Twitch.js
deleted file mode 100644
index a53a3c6b..00000000
--- a/test/players/Twitch.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Twitch from '../../src/players/Twitch'
-
-const TEST_URL = 'https://www.twitch.tv/videos/106400740'
-const TEST_CONFIG = {
-  options: {}
-}
-
-Twitch.prototype.componentWillMount = function () {
-  this.playerID = 'mock-player-id'
-}
-
-testPlayerMethods(Twitch, {
-  play: 'play',
-  pause: 'pause',
-  stop: 'pause',
-  seekTo: 'seek',
-  setVolume: 'setVolume',
-  mute: 'setMuted',
-  unmute: 'setMuted',
-  getDuration: 'getDuration',
-  getCurrentTime: 'getCurrentTime',
-  getSecondsLoaded: null
-}, { config: TEST_CONFIG })
-
-test('load()', t => {
-  class Player {
-    static READY = 'READY'
-    static PLAY = 'PLAY'
-    static PAUSE = 'PAUSE'
-    static ENDED = 'ENDED'
-    constructor (id, options) {
-      t.ok(id === 'mock-player-id')
-    }
-
-    addEventListener = (event, fn) => {
-      if (event === 'READY') setTimeout(fn, 100)
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ Player })
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <Twitch url={TEST_URL} onReady={onReady} config={TEST_CONFIG} />
-    ).getInstance()
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%' }
-  t.deepEqual(
-    create(<Twitch url={TEST_URL} config={TEST_CONFIG} />).toJSON(),
-    create(
-      <div style={style} id='mock-player-id' />
-    ).toJSON()
-  )
-})
diff --git a/test/players/Vimeo.js b/test/players/Vimeo.js
deleted file mode 100644
index 0c9b36b9..00000000
--- a/test/players/Vimeo.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Vimeo from '../../src/players/Vimeo'
-
-const TEST_URL = 'https://vimeo.com/90509568'
-const TEST_CONFIG = {
-  playerOptions: {}
-}
-
-testPlayerMethods(Vimeo, {
-  play: 'play',
-  pause: 'pause',
-  stop: 'unload',
-  seekTo: 'setCurrentTime',
-  setVolume: 'setVolume',
-  mute: 'setMuted',
-  unmute: 'setMuted',
-  getDuration: null,
-  getCurrentTime: null,
-  getSecondsLoaded: null
-})
-
-test('load()', t => {
-  class Player {
-    ready = () => Promise.resolve()
-    getDuration = () => Promise.resolve()
-    on = (event, fn) => {
-      if (event === 'loaded') setTimeout(fn, 100)
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ Player })
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <Vimeo url={TEST_URL} config={TEST_CONFIG} onReady={onReady} />
-    ).getInstance()
-    instance.container = {
-      querySelector: () => ({ style: {} })
-    }
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('render()', t => {
-  const style = {
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-    display: undefined
-  }
-  t.deepEqual(
-    create(<Vimeo url={TEST_URL} />).toJSON(),
-    create(
-      <div key={TEST_URL} style={style} />
-    ).toJSON()
-  )
-})
diff --git a/test/players/Wistia.js b/test/players/Wistia.js
deleted file mode 100644
index 9ac88b07..00000000
--- a/test/players/Wistia.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import Wistia from '../../src/players/Wistia'
-
-const TEST_URL = 'https://home.wistia.com/medias/e4a27b971d'
-const TEST_CONFIG = {
-  options: {}
-}
-
-Wistia.prototype.componentWillMount = function () {
-  this.playerID = 'mock-player-id'
-}
-
-testPlayerMethods(Wistia, {
-  play: 'play',
-  pause: 'pause',
-  // stop: 'remove',
-  seekTo: 'time',
-  setVolume: 'volume',
-  mute: 'mute',
-  unmute: 'unmute',
-  getDuration: 'duration',
-  getCurrentTime: 'time',
-  getSecondsLoaded: null,
-  setPlaybackRate: 'playbackRate'
-}, { config: TEST_CONFIG })
-
-test('load()', t => {
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves()
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <Wistia url={TEST_URL} config={TEST_CONFIG} onReady={onReady} />
-    ).getInstance()
-    instance.load(TEST_URL)
-    setTimeout(() => {
-      t.ok(window._wq instanceof Array)
-      t.ok(window._wq.length === 1)
-      window._wq[0].onReady({
-        bind: () => null,
-        unbind: () => null
-      })
-    }, 100)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%' }
-  t.deepEqual(
-    create(<Wistia url={TEST_URL} config={TEST_CONFIG} />).toJSON(),
-    create(
-      <div
-        id='mock-player-id'
-        key='e4a27b971d'
-        style={style}
-        className='wistia_embed wistia_async_e4a27b971d'
-      />
-    ).toJSON()
-  )
-})
diff --git a/test/players/YouTube.js b/test/players/YouTube.js
deleted file mode 100644
index f2c8c30f..00000000
--- a/test/players/YouTube.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import React from 'react'
-import { create } from 'react-test-renderer'
-import '../helpers/server-safe-globals'
-import { testPlayerMethods } from '../helpers/helpers'
-import { getSDK as originalGetSDK } from '../../src/utils'
-import YouTube from '../../src/players/YouTube'
-
-Object.assign(globalThis.window, {
-  YT: {
-    PlayerState: {
-      PLAYING: 'PLAYING',
-      PAUSED: 'PAUSED',
-      BUFFERING: 'BUFFERING',
-      ENDED: 'ENDED',
-      CUED: 'CUED'
-    }
-  }
-})
-
-const TEST_URL = 'https://www.youtube.com/watch?v=oUFJJNQGwhk'
-const TEST_CONFIG = {
-  playerVars: {},
-  embedOptions: {}
-}
-
-testPlayerMethods(YouTube, {
-  play: 'playVideo',
-  pause: 'pauseVideo',
-  stop: 'stopVideo',
-  seekTo: 'seekTo',
-  setVolume: 'setVolume',
-  mute: 'mute',
-  unmute: 'unMute',
-  getDuration: 'getDuration',
-  getCurrentTime: 'getCurrentTime',
-  getSecondsLoaded: 'getVideoLoadedFraction',
-  setPlaybackRate: 'setPlaybackRate'
-})
-
-test('load()', t => {
-  class Player {
-    constructor (container, options) {
-      t.ok(container === 'mock-container')
-      setTimeout(options.events.onReady, 100)
-    }
-  }
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves({ Player })
-  return new Promise(resolve => {
-    const onReady = () => {
-      t.ok(true)
-      resolve()
-    }
-    const instance = create(
-      <YouTube url={TEST_URL} config={TEST_CONFIG} onReady={onReady} />
-    ).getInstance()
-    instance.container = 'mock-container'
-    instance.load(TEST_URL)
-    t.ok(getSDK.calledOnce)
-    getSDK.restore()
-  })
-})
-
-test('load() when ready', t => {
-  const getSDK = sinon.stub(originalGetSDK, 'stub').resolves()
-  const instance = create(
-    <YouTube url={TEST_URL} config={TEST_CONFIG} />
-  ).getInstance()
-  instance.player = { cueVideoById: sinon.fake() }
-  instance.load(TEST_URL, true)
-  t.ok(instance.player.cueVideoById.calledOnceWith({
-    videoId: 'oUFJJNQGwhk',
-    startSeconds: undefined,
-    endSeconds: undefined
-  }))
-  t.ok(getSDK.notCalled)
-  getSDK.restore()
-})
-
-test('onStateChange() - play', t => {
-  const called = {}
-  const onPlay = () => { called.onPlay = true }
-  const onBufferEnd = () => { called.onBufferEnd = true }
-  const instance = create(<YouTube url={TEST_URL} onPlay={onPlay} onBufferEnd={onBufferEnd} config={{}} />).getInstance()
-  instance.onStateChange({ data: 'PLAYING' })
-  t.ok(called.onPlay && called.onBufferEnd)
-})
-
-test('onStateChange() - pause', async t => {
-  const onPause = () => t.ok(true)
-  const instance = create(<YouTube url={TEST_URL} onPause={onPause} config={{}} />).getInstance()
-  instance.onStateChange({ data: 'PAUSED' })
-})
-
-test('onStateChange() - buffer', async t => {
-  const onBuffer = () => t.ok(true)
-  const instance = create(<YouTube url={TEST_URL} onBuffer={onBuffer} config={{}} />).getInstance()
-  instance.onStateChange({ data: 'BUFFERING' })
-})
-
-test('onStateChange() - ended', async t => {
-  const onEnded = () => t.ok(true)
-  const instance = create(<YouTube url={TEST_URL} onEnded={onEnded} config={{}} />).getInstance()
-  instance.player = { getPlaylist: () => {} }
-  instance.onStateChange({ data: 'ENDED' })
-})
-
-test('onStateChange() - ready', async t => {
-  const onReady = () => t.ok(true)
-  const instance = create(<YouTube url={TEST_URL} onReady={onReady} config={{}} />).getInstance()
-  instance.onStateChange({ data: 'CUED' })
-})
-
-test('render()', t => {
-  const style = { width: '100%', height: '100%', display: undefined }
-  t.deepEqual(
-    create(<YouTube url={TEST_URL} />).toJSON(),
-    create(
-      <div style={style}>
-        <div />
-      </div>
-    ).toJSON()
-  )
-})
diff --git a/test/utils/callPlayer.js b/test/utils/callPlayer.js
deleted file mode 100644
index 1968602e..00000000
--- a/test/utils/callPlayer.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import { callPlayer } from '../../src/utils'
-
-test('calls a player method', t => {
-  const fakePlayer = {
-    player: {
-      testMethod: () => 'result'
-    }
-  }
-  t.is(callPlayer.call(fakePlayer, 'testMethod'), 'result')
-})
-
-test('returns null when player is not available', t => {
-  const stub = sinon.stub(console, 'warn')
-  const fakePlayer = {
-    constructor: {
-      displayName: 'TestPlayer'
-    },
-    player: null
-  }
-  t.is(callPlayer.call(fakePlayer, 'testMethod'), null)
-  t.ok(stub.calledOnce)
-  stub.restore()
-})
-
-test('returns null when method is not available', t => {
-  const stub = sinon.stub(console, 'warn')
-  const fakePlayer = {
-    constructor: {
-      displayName: 'TestPlayer'
-    },
-    player: {
-      testMethod: null
-    }
-  }
-  t.is(callPlayer.call(fakePlayer, 'testMethod'), null)
-  t.ok(stub.calledOnce)
-  stub.restore()
-})
diff --git a/test/utils/getSDK.js b/test/utils/getSDK.js
deleted file mode 100644
index c1c4daa0..00000000
--- a/test/utils/getSDK.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import { test } from 'zora'
-import sinon from 'sinon'
-import { getSDK } from '../../src/utils'
-
-const delay = ms => new Promise(resolve => setTimeout(resolve, ms))
-
-globalThis.window = {}
-
-const beforeEach = () => {
-  window.SDK = null
-  window.SDKReady = null
-}
-
-test('serial', async t => {
-  await t.test('loads script', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      await delay(15)
-      window.SDK = 'sdk'
-      cb()
-    })
-    const sdk = await getSDK('http://example.com/abc.js', 'SDK', undefined, undefined, loadScriptOverride)
-    t.is(sdk, 'sdk')
-    t.ok(loadScriptOverride.calledOnce)
-  })
-
-  await t.test('throws on error', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      await delay(15)
-      cb(new Error('Load error'))
-    })
-    try {
-      await getSDK('http://example.com/throws.js', 'SDK', undefined, undefined, loadScriptOverride)
-      t.fail('Should throw')
-    } catch (err) {
-      t.is(err.message, 'Load error')
-    }
-    t.ok(loadScriptOverride.calledOnce)
-  })
-
-  await t.test('does not fetch again when loaded', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake()
-    window.SDK = 'sdk'
-    const sdk = await getSDK('http://example.com/def.js', 'SDK', undefined, undefined, loadScriptOverride)
-    t.is(sdk, 'sdk')
-    t.ok(loadScriptOverride.notCalled)
-  })
-
-  await t.test('does not fetch again when loading', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      await delay(15)
-      window.SDK = 'sdk'
-      cb()
-    })
-    const result = await Promise.all([
-      getSDK('http://example.com/ghi.js', 'SDK', undefined, undefined, loadScriptOverride),
-      getSDK('http://example.com/ghi.js', 'SDK', undefined, undefined, loadScriptOverride)
-    ])
-    t.is(result[0], 'sdk')
-    t.is(result[1], 'sdk')
-    t.ok(loadScriptOverride.calledOnce)
-  })
-
-  await t.test('does fetch again after fetch error', async t => {
-    beforeEach()
-    const loadScriptOverrideError = sinon.fake(async (url, cb) => {
-      await delay(15)
-      cb(new Error('Load error'))
-    })
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      await delay(15)
-      window.SDK = 'sdk'
-      cb()
-    })
-    try {
-      await getSDK('http://example.com/pqr.js', 'SDK', undefined, undefined, loadScriptOverrideError)
-      t.fail('Should throw')
-    } catch (err) {
-      t.is(err.message, 'Load error')
-    }
-    const sdk = await getSDK('http://example.com/pqr.js', 'SDK', undefined, undefined, loadScriptOverride)
-    t.is(sdk, 'sdk')
-    t.ok(loadScriptOverrideError.calledOnce)
-    t.ok(loadScriptOverride.calledOnce)
-  })
-
-  await t.test('waits for sdkReady callback', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      cb()
-      await delay(15)
-      window.SDK = 'sdk'
-      window.SDKReady() // This doesn't work for some reason?
-    })
-    const sdk = await getSDK('http://example.com/jkl.js', 'SDK', 'SDKReady', undefined, loadScriptOverride)
-    t.is(sdk, 'sdk')
-    t.ok(loadScriptOverride.calledOnce)
-  })
-
-  await t.test('multiple sdkReady callbacks', async t => {
-    beforeEach()
-    const loadScriptOverride = sinon.fake(async (url, cb) => {
-      cb()
-      await delay(15)
-      window.SDK = 'sdk'
-      window.SDKReady()
-    })
-    const result = await Promise.all([
-      await getSDK('http://example.com/mno.js', 'SDK', 'SDKReady', undefined, loadScriptOverride),
-      await getSDK('http://example.com/mno.js', 'SDK', 'SDKReady', undefined, loadScriptOverride)
-    ])
-    t.is(result[0], 'sdk')
-    t.is(result[1], 'sdk')
-    t.ok(loadScriptOverride.calledOnce)
-  })
-})
diff --git a/test/utils/omit.js b/test/utils/omit.js
deleted file mode 100644
index c3e119f6..00000000
--- a/test/utils/omit.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { test } from 'zora'
-import { omit } from '../../src/utils'
-
-const object = {
-  a: 1,
-  b: 2,
-  c: 3,
-  d: 4,
-  e: 5
-}
-
-test('omits properties from an object', t => {
-  t.deepEqual(omit(object, ['a', 'b', 'c']), {
-    d: 4,
-    e: 5
-  })
-})
-
-test('handles multiple array parameters', t => {
-  t.deepEqual(omit(object, ['a'], ['b'], ['c']), {
-    d: 4,
-    e: 5
-  })
-})
diff --git a/test/utils/parseEndTime.js b/test/utils/parseEndTime.js
deleted file mode 100644
index 11d10d14..00000000
--- a/test/utils/parseEndTime.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { test } from 'zora'
-import { parseEndTime } from '../../src/utils'
-
-const YOUTUBE_URL = 'http://youtu.be/12345678901'
-
-test('parses seconds', t => {
-  t.is(parseEndTime(YOUTUBE_URL + '?end=162'), 162)
-})
-
-test('parses stamps', t => {
-  t.is(parseEndTime(YOUTUBE_URL + '?end=48s'), 48)
-  t.is(parseEndTime(YOUTUBE_URL + '?end=3m15s'), 195)
-  t.is(parseEndTime(YOUTUBE_URL + '?end=1h36m17s'), 5777)
-})
-
-test('parses with other params', t => {
-  t.is(parseEndTime(YOUTUBE_URL + '?param=1&end=32'), 32)
-})
-
-test('parses using a hash', t => {
-  t.is(parseEndTime(YOUTUBE_URL + '#end=32'), 32)
-})
-
-test('returns undefined for invalid stamps', t => {
-  t.is(parseEndTime(YOUTUBE_URL), undefined)
-  t.is(parseEndTime(YOUTUBE_URL + '?end='), undefined)
-  t.is(parseEndTime(YOUTUBE_URL + '?end=hms'), undefined)
-  t.is(parseEndTime(YOUTUBE_URL + '?end=invalid'), undefined)
-  t.is(parseEndTime(YOUTUBE_URL + '?strat=32'), undefined)
-  t.is(parseEndTime(YOUTUBE_URL + '#s=32'), undefined)
-})
diff --git a/test/utils/parseStartTime.js b/test/utils/parseStartTime.js
deleted file mode 100644
index ac9b7d08..00000000
--- a/test/utils/parseStartTime.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { test } from 'zora'
-import { parseStartTime } from '../../src/utils'
-
-const YOUTUBE_URL = 'http://youtu.be/12345678901'
-
-test('parses seconds', t => {
-  t.is(parseStartTime(YOUTUBE_URL + '?start=162'), 162)
-})
-
-test('parses stamps', t => {
-  t.is(parseStartTime(YOUTUBE_URL + '?start=48s'), 48)
-  t.is(parseStartTime(YOUTUBE_URL + '?start=3m15s'), 195)
-  t.is(parseStartTime(YOUTUBE_URL + '?start=1h36m17s'), 5777)
-})
-
-test('parses with other params', t => {
-  t.is(parseStartTime(YOUTUBE_URL + '?param=1&start=32'), 32)
-})
-
-test('parses using t', t => {
-  t.is(parseStartTime(YOUTUBE_URL + '?t=32'), 32)
-})
-
-test('parses using a hash', t => {
-  t.is(parseStartTime(YOUTUBE_URL + '#t=32'), 32)
-  t.is(parseStartTime(YOUTUBE_URL + '#start=32'), 32)
-})
-
-test('returns undefined for invalid stamps', t => {
-  t.is(parseStartTime(YOUTUBE_URL), undefined)
-  t.is(parseStartTime(YOUTUBE_URL + '?start='), undefined)
-  t.is(parseStartTime(YOUTUBE_URL + '?start=hms'), undefined)
-  t.is(parseStartTime(YOUTUBE_URL + '?start=invalid'), undefined)
-  t.is(parseStartTime(YOUTUBE_URL + '?strat=32'), undefined)
-  t.is(parseStartTime(YOUTUBE_URL + '#s=32'), undefined)
-})
diff --git a/test/utils/queryString.js b/test/utils/queryString.js
deleted file mode 100644
index ff9f4e4b..00000000
--- a/test/utils/queryString.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { test } from 'zora'
-import { queryString } from '../../src/utils'
-
-test('generates query string', t => {
-  const object = {
-    a: 1,
-    b: 'abc',
-    c: false
-  }
-  t.is(queryString(object), 'a=1&b=abc&c=false')
-})
diff --git a/test/utils/randomString.js b/test/utils/randomString.js
deleted file mode 100644
index 5001b733..00000000
--- a/test/utils/randomString.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { test } from 'zora'
-import { randomString } from '../../src/utils'
-
-test('returns a 5 character string', t => {
-  t.is(typeof randomString(), 'string')
-  t.is(randomString().length, 5)
-})
-
-test('returns different strings', t => {
-  const a = randomString()
-  const b = randomString()
-  const c = randomString()
-  t.isNot(a, b)
-  t.isNot(a, c)
-  t.isNot(b, c)
-})
diff --git a/tsconfig.json b/tsconfig.json
index a63ab527..21b7f6a9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,23 @@
 {
-  "include": ["types/*.d.ts"]
-}
\ No newline at end of file
+  "compilerOptions": {
+    "preserveWatchOutput": true,
+    "target": "es2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "incremental": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "rootDir": "src",
+    "outDir": "dist",
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
new file mode 100644
index 00000000..b3491903
--- /dev/null
+++ b/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"program":{"fileNames":["./node_modules/typescript/lib/lib.es5.d.ts","./node_modules/typescript/lib/lib.es2015.d.ts","./node_modules/typescript/lib/lib.es2016.d.ts","./node_modules/typescript/lib/lib.es2017.d.ts","./node_modules/typescript/lib/lib.es2018.d.ts","./node_modules/typescript/lib/lib.es2019.d.ts","./node_modules/typescript/lib/lib.es2020.d.ts","./node_modules/typescript/lib/lib.es2021.d.ts","./node_modules/typescript/lib/lib.es2022.d.ts","./node_modules/typescript/lib/lib.es2023.d.ts","./node_modules/typescript/lib/lib.esnext.d.ts","./node_modules/typescript/lib/lib.dom.d.ts","./node_modules/typescript/lib/lib.dom.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.core.d.ts","./node_modules/typescript/lib/lib.es2015.collection.d.ts","./node_modules/typescript/lib/lib.es2015.generator.d.ts","./node_modules/typescript/lib/lib.es2015.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.promise.d.ts","./node_modules/typescript/lib/lib.es2015.proxy.d.ts","./node_modules/typescript/lib/lib.es2015.reflect.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2016.array.include.d.ts","./node_modules/typescript/lib/lib.es2016.intl.d.ts","./node_modules/typescript/lib/lib.es2017.date.d.ts","./node_modules/typescript/lib/lib.es2017.object.d.ts","./node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2017.string.d.ts","./node_modules/typescript/lib/lib.es2017.intl.d.ts","./node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","./node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","./node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","./node_modules/typescript/lib/lib.es2018.intl.d.ts","./node_modules/typescript/lib/lib.es2018.promise.d.ts","./node_modules/typescript/lib/lib.es2018.regexp.d.ts","./node_modules/typescript/lib/lib.es2019.array.d.ts","./node_modules/typescript/lib/lib.es2019.object.d.ts","./node_modules/typescript/lib/lib.es2019.string.d.ts","./node_modules/typescript/lib/lib.es2019.symbol.d.ts","./node_modules/typescript/lib/lib.es2019.intl.d.ts","./node_modules/typescript/lib/lib.es2020.bigint.d.ts","./node_modules/typescript/lib/lib.es2020.date.d.ts","./node_modules/typescript/lib/lib.es2020.promise.d.ts","./node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2020.string.d.ts","./node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2020.intl.d.ts","./node_modules/typescript/lib/lib.es2020.number.d.ts","./node_modules/typescript/lib/lib.es2021.promise.d.ts","./node_modules/typescript/lib/lib.es2021.string.d.ts","./node_modules/typescript/lib/lib.es2021.weakref.d.ts","./node_modules/typescript/lib/lib.es2021.intl.d.ts","./node_modules/typescript/lib/lib.es2022.array.d.ts","./node_modules/typescript/lib/lib.es2022.error.d.ts","./node_modules/typescript/lib/lib.es2022.intl.d.ts","./node_modules/typescript/lib/lib.es2022.object.d.ts","./node_modules/typescript/lib/lib.es2022.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2022.string.d.ts","./node_modules/typescript/lib/lib.es2022.regexp.d.ts","./node_modules/typescript/lib/lib.es2023.array.d.ts","./node_modules/typescript/lib/lib.es2023.collection.d.ts","./node_modules/typescript/lib/lib.esnext.collection.d.ts","./node_modules/typescript/lib/lib.esnext.intl.d.ts","./node_modules/typescript/lib/lib.esnext.disposable.d.ts","./node_modules/typescript/lib/lib.esnext.promise.d.ts","./node_modules/typescript/lib/lib.esnext.decorators.d.ts","./node_modules/typescript/lib/lib.esnext.object.d.ts","./node_modules/typescript/lib/lib.decorators.d.ts","./node_modules/typescript/lib/lib.decorators.legacy.d.ts","./node_modules/@types/react/global.d.ts","./node_modules/csstype/index.d.ts","./node_modules/@types/prop-types/index.d.ts","./node_modules/@types/react/index.d.ts","./src/patterns.ts","./src/types.ts","./src/htmlplayer.tsx","./node_modules/hls-video-element/dist/react.d.ts","./node_modules/dash-video-element/dist/react.d.ts","./node_modules/hls.js/dist/hls.js.d.ts","./node_modules/@mux/playback-core/dist/types/hls.d.ts","./node_modules/@mux/playback-core/dist/types/errors.d.ts","./node_modules/@mux/playback-core/dist/types/types.d.ts","./node_modules/@mux/playback-core/dist/types/text-tracks.d.ts","./node_modules/@mux/playback-core/dist/types/pdt.d.ts","./node_modules/@mux/playback-core/dist/types/index.d.ts","./node_modules/media-chrome/dist/constants.d.ts","./node_modules/media-chrome/dist/labels/labels.d.ts","./node_modules/media-chrome/dist/utils/time.d.ts","./node_modules/media-chrome/dist/media-chrome-button.d.ts","./node_modules/media-chrome/dist/media-airplay-button.d.ts","./node_modules/media-chrome/dist/media-chrome-menu-item.d.ts","./node_modules/media-chrome/dist/media-chrome-menu.d.ts","./node_modules/media-chrome/dist/media-audio-track-menu.d.ts","./node_modules/media-chrome/dist/media-chrome-menu-button.d.ts","./node_modules/media-chrome/dist/media-audio-track-menu-button.d.ts","./node_modules/media-chrome/dist/media-captions-button.d.ts","./node_modules/media-chrome/dist/media-captions-menu.d.ts","./node_modules/media-chrome/dist/media-captions-menu-button.d.ts","./node_modules/media-chrome/dist/media-cast-button.d.ts","./node_modules/media-chrome/dist/media-chrome-dialog.d.ts","./node_modules/media-chrome/dist/media-chrome-range.d.ts","./node_modules/media-chrome/dist/media-control-bar.d.ts","./node_modules/media-chrome/dist/media-container.d.ts","./node_modules/media-chrome/dist/utils/attribute-token-list.d.ts","./node_modules/media-chrome/dist/media-controller.d.ts","./node_modules/media-chrome/dist/media-text-display.d.ts","./node_modules/media-chrome/dist/media-duration-display.d.ts","./node_modules/media-chrome/dist/media-fullscreen-button.d.ts","./node_modules/media-chrome/dist/media-gesture-receiver.d.ts","./node_modules/media-chrome/dist/media-live-button.d.ts","./node_modules/media-chrome/dist/media-loading-indicator.d.ts","./node_modules/media-chrome/dist/media-mute-button.d.ts","./node_modules/media-chrome/dist/media-pip-button.d.ts","./node_modules/media-chrome/dist/media-playback-rate-button.d.ts","./node_modules/media-chrome/dist/media-playback-rate-menu.d.ts","./node_modules/media-chrome/dist/media-playback-rate-menu-button.d.ts","./node_modules/media-chrome/dist/media-play-button.d.ts","./node_modules/media-chrome/dist/media-poster-image.d.ts","./node_modules/media-chrome/dist/media-preview-chapter-display.d.ts","./node_modules/media-chrome/dist/media-preview-thumbnail.d.ts","./node_modules/media-chrome/dist/media-preview-time-display.d.ts","./node_modules/media-chrome/dist/media-rendition-menu.d.ts","./node_modules/media-chrome/dist/media-rendition-menu-button.d.ts","./node_modules/media-chrome/dist/media-seek-backward-button.d.ts","./node_modules/media-chrome/dist/media-seek-forward-button.d.ts","./node_modules/media-chrome/dist/media-settings-menu.d.ts","./node_modules/media-chrome/dist/media-settings-menu-button.d.ts","./node_modules/media-chrome/dist/media-settings-menu-item.d.ts","./node_modules/media-chrome/dist/media-time-display.d.ts","./node_modules/media-chrome/dist/media-time-range.d.ts","./node_modules/media-chrome/dist/media-volume-range.d.ts","./node_modules/media-chrome/dist/index.d.ts","./node_modules/media-chrome/dist/experimental/media-chrome-listbox.d.ts","./node_modules/media-chrome/dist/experimental/media-chrome-option.d.ts","./node_modules/media-chrome/dist/experimental/media-chrome-selectmenu.d.ts","./node_modules/media-chrome/dist/experimental/media-captions-listbox.d.ts","./node_modules/media-chrome/dist/experimental/media-captions-selectmenu.d.ts","./node_modules/media-chrome/dist/experimental/media-playback-rate-listbox.d.ts","./node_modules/media-chrome/dist/experimental/media-playback-rate-selectmenu.d.ts","./node_modules/media-chrome/dist/experimental/media-rendition-listbox.d.ts","./node_modules/media-chrome/dist/experimental/media-rendition-selectmenu.d.ts","./node_modules/media-chrome/dist/experimental/media-audio-track-listbox.d.ts","./node_modules/media-chrome/dist/experimental/media-audio-track-selectmenu.d.ts","./node_modules/media-chrome/dist/experimental/index.d.ts","./node_modules/custom-media-element/custom-media-element.d.ts","./node_modules/media-tracks/dist/video-rendition.d.ts","./node_modules/media-tracks/dist/video-track.d.ts","./node_modules/media-tracks/dist/video-track-list.d.ts","./node_modules/media-tracks/dist/audio-rendition.d.ts","./node_modules/media-tracks/dist/audio-track.d.ts","./node_modules/media-tracks/dist/audio-track-list.d.ts","./node_modules/media-tracks/dist/video-rendition-list.d.ts","./node_modules/media-tracks/dist/audio-rendition-list.d.ts","./node_modules/media-tracks/dist/mixin.d.ts","./node_modules/media-tracks/dist/track-event.d.ts","./node_modules/media-tracks/dist/rendition-event.d.ts","./node_modules/media-tracks/dist/index.d.ts","./node_modules/@mux/mux-video/dist/types/index.d.ts","./node_modules/@mux/mux-player/dist/types/polyfills/index.d.ts","./node_modules/@mux/mux-player/dist/types/video-api.d.ts","./node_modules/@mux/mux-player/dist/types/helpers.d.ts","./node_modules/media-chrome/dist/utils/template-parts.d.ts","./node_modules/media-chrome/dist/media-theme-element.d.ts","./node_modules/@mux/mux-player/dist/types/themes/gerwig/index.d.ts","./node_modules/@mux/mux-player/dist/types/index.d.ts","./node_modules/@mux/mux-player-react/dist/types/index.d.ts","./node_modules/youtube-video-element/dist/react.d.ts","./node_modules/vimeo-video-element/dist/react.d.ts","./node_modules/wistia-video-element/dist/react.d.ts","./src/players.ts","./src/player.tsx","./src/preview.tsx","./node_modules/deepmerge/index.d.ts","./src/props.ts","./src/reactplayer.tsx","./src/index.ts","./node_modules/@types/istanbul-lib-coverage/index.d.ts","./node_modules/@types/node/assert.d.ts","./node_modules/@types/node/assert/strict.d.ts","./node_modules/undici-types/header.d.ts","./node_modules/undici-types/readable.d.ts","./node_modules/undici-types/file.d.ts","./node_modules/undici-types/fetch.d.ts","./node_modules/undici-types/formdata.d.ts","./node_modules/undici-types/connector.d.ts","./node_modules/undici-types/client.d.ts","./node_modules/undici-types/errors.d.ts","./node_modules/undici-types/dispatcher.d.ts","./node_modules/undici-types/global-dispatcher.d.ts","./node_modules/undici-types/global-origin.d.ts","./node_modules/undici-types/pool-stats.d.ts","./node_modules/undici-types/pool.d.ts","./node_modules/undici-types/handlers.d.ts","./node_modules/undici-types/balanced-pool.d.ts","./node_modules/undici-types/agent.d.ts","./node_modules/undici-types/mock-interceptor.d.ts","./node_modules/undici-types/mock-agent.d.ts","./node_modules/undici-types/mock-client.d.ts","./node_modules/undici-types/mock-pool.d.ts","./node_modules/undici-types/mock-errors.d.ts","./node_modules/undici-types/proxy-agent.d.ts","./node_modules/undici-types/api.d.ts","./node_modules/undici-types/cookies.d.ts","./node_modules/undici-types/patch.d.ts","./node_modules/undici-types/filereader.d.ts","./node_modules/undici-types/diagnostics-channel.d.ts","./node_modules/undici-types/websocket.d.ts","./node_modules/undici-types/content-type.d.ts","./node_modules/undici-types/cache.d.ts","./node_modules/undici-types/interceptors.d.ts","./node_modules/undici-types/index.d.ts","./node_modules/@types/node/globals.d.ts","./node_modules/@types/node/async_hooks.d.ts","./node_modules/@types/node/buffer.d.ts","./node_modules/@types/node/child_process.d.ts","./node_modules/@types/node/cluster.d.ts","./node_modules/@types/node/console.d.ts","./node_modules/@types/node/constants.d.ts","./node_modules/@types/node/crypto.d.ts","./node_modules/@types/node/dgram.d.ts","./node_modules/@types/node/diagnostics_channel.d.ts","./node_modules/@types/node/dns.d.ts","./node_modules/@types/node/dns/promises.d.ts","./node_modules/@types/node/domain.d.ts","./node_modules/@types/node/dom-events.d.ts","./node_modules/@types/node/events.d.ts","./node_modules/@types/node/fs.d.ts","./node_modules/@types/node/fs/promises.d.ts","./node_modules/@types/node/http.d.ts","./node_modules/@types/node/http2.d.ts","./node_modules/@types/node/https.d.ts","./node_modules/@types/node/inspector.d.ts","./node_modules/@types/node/module.d.ts","./node_modules/@types/node/net.d.ts","./node_modules/@types/node/os.d.ts","./node_modules/@types/node/path.d.ts","./node_modules/@types/node/perf_hooks.d.ts","./node_modules/@types/node/process.d.ts","./node_modules/@types/node/punycode.d.ts","./node_modules/@types/node/querystring.d.ts","./node_modules/@types/node/readline.d.ts","./node_modules/@types/node/readline/promises.d.ts","./node_modules/@types/node/repl.d.ts","./node_modules/@types/node/sea.d.ts","./node_modules/@types/node/stream.d.ts","./node_modules/@types/node/stream/promises.d.ts","./node_modules/@types/node/stream/consumers.d.ts","./node_modules/@types/node/stream/web.d.ts","./node_modules/@types/node/string_decoder.d.ts","./node_modules/@types/node/test.d.ts","./node_modules/@types/node/timers.d.ts","./node_modules/@types/node/timers/promises.d.ts","./node_modules/@types/node/tls.d.ts","./node_modules/@types/node/trace_events.d.ts","./node_modules/@types/node/tty.d.ts","./node_modules/@types/node/url.d.ts","./node_modules/@types/node/util.d.ts","./node_modules/@types/node/v8.d.ts","./node_modules/@types/node/vm.d.ts","./node_modules/@types/node/wasi.d.ts","./node_modules/@types/node/worker_threads.d.ts","./node_modules/@types/node/zlib.d.ts","./node_modules/@types/node/globals.global.d.ts","./node_modules/@types/node/index.d.ts","./node_modules/@types/react-dom/index.d.ts","./node_modules/@types/react-test-renderer/index.d.ts"],"fileInfos":[{"version":"824cb491a40f7e8fdeb56f1df5edf91b23f3e3ee6b4cde84d4a99be32338faee","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","5514e54f17d6d74ecefedc73c504eadffdeda79c7ea205cf9febead32d45c4bc","1c0cdb8dc619bc549c3e5020643e7cf7ae7940058e8c7e5aefa5871b6d86f44b","886e50ef125efb7878f744e86908884c0133e7a6d9d80013f421b0cd8fb2af94",{"version":"87d693a4920d794a73384b3c779cadcb8548ac6945aa7a925832fe2418c9527a","affectsGlobalScope":true},{"version":"76f838d5d49b65de83bc345c04aa54c62a3cfdb72a477dc0c0fce89a30596c30","affectsGlobalScope":true},{"version":"138fb588d26538783b78d1e3b2c2cc12d55840b97bf5e08bca7f7a174fbe2f17","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"b20fe0eca9a4e405f1a5ae24a2b3290b37cf7f21eba6cbe4fc3fab979237d4f3","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"49ed889be54031e1044af0ad2c603d627b8bda8b50c1a68435fe85583901d072","affectsGlobalScope":true},{"version":"e93d098658ce4f0c8a0779e6cab91d0259efb88a318137f686ad76f8410ca270","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"5e07ed3809d48205d5b985642a59f2eba47c402374a7cf8006b686f79efadcbd","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"8073890e29d2f46fdbc19b8d6d2eb9ea58db9a2052f8640af20baff9afbc8640","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"af3dd424cf267428f30ccfc376f47a2c0114546b55c44d8c0f1d57d841e28d74","affectsGlobalScope":true},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true},{"version":"51e547984877a62227042850456de71a5c45e7fe86b7c975c6e68896c86fa23b","affectsGlobalScope":true},{"version":"956d27abdea9652e8368ce029bb1e0b9174e9678a273529f426df4b3d90abd60","affectsGlobalScope":true},{"version":"4fa6ed14e98aa80b91f61b9805c653ee82af3502dc21c9da5268d3857772ca05","affectsGlobalScope":true},{"version":"e6633e05da3ff36e6da2ec170d0d03ccf33de50ca4dc6f5aeecb572cedd162fb","affectsGlobalScope":true},{"version":"d8670852241d4c6e03f2b89d67497a4bbefe29ecaa5a444e2c11a9b05e6fccc6","affectsGlobalScope":true},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true},{"version":"caccc56c72713969e1cfe5c3d44e5bab151544d9d2b373d7dbe5a1e4166652be","affectsGlobalScope":true},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true},{"version":"50d53ccd31f6667aff66e3d62adf948879a3a16f05d89882d1188084ee415bbc","affectsGlobalScope":true},{"version":"08a58483392df5fcc1db57d782e87734f77ae9eab42516028acbfe46f29a3ef7","affectsGlobalScope":true},{"version":"436aaf437562f276ec2ddbee2f2cdedac7664c1e4c1d2c36839ddd582eeb3d0a","affectsGlobalScope":true},{"version":"b1cb28af0c891c8c96b2d6b7be76bd394fddcfdb4709a20ba05a7c1605eea0f9","affectsGlobalScope":true},{"version":"13f6e6380c78e15e140243dc4be2fa546c287c6d61f4729bc2dd7cf449605471","affectsGlobalScope":true},{"version":"15b98a533864d324e5f57cd3cfc0579b231df58c1c0f6063ea0fcb13c3c74ff9","affectsGlobalScope":true},{"version":"ac77cb3e8c6d3565793eb90a8373ee8033146315a3dbead3bde8db5eaf5e5ec6","affectsGlobalScope":true},{"version":"d4b1d2c51d058fc21ec2629fff7a76249dec2e36e12960ea056e3ef89174080f","affectsGlobalScope":true},{"version":"2fef54945a13095fdb9b84f705f2b5994597640c46afeb2ce78352fab4cb3279","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},{"version":"36a2e4c9a67439aca5f91bb304611d5ae6e20d420503e96c230cf8fcdc948d94","affectsGlobalScope":true},"4c68749a564a6facdf675416d75789ee5a557afda8960e0803cf6711fa569288","60ecad5852d4d83edae430e597405132d278a79c10499e9363aecbe1ddc0eade",{"version":"8ca4709dbd22a34bcc1ebf93e1877645bdb02ebd3f3d9a211a299a8db2ee4ba1","affectsGlobalScope":true},{"version":"c7ed51c64c43c3e4a434be9c75b0d00f1a96aaf9b96cabec56873949ba66f578","signature":"81d24b515b435fa717d62088dbbb5815cdaf79d9dc9e202add50122ef78b74e1"},{"version":"21e9892dd443a624d2d6bdb25e1b7c33ba8cefd3bc1225b4c234d003ea57f3d5","signature":"296f5da8109991a48101b1f6f720c2558c8548415adff194aa1e048ce37f3a53"},{"version":"c4de15028b56424d7992b683528f4105d81f9a7d044c61ef2ad44db1ec32e189","signature":"e831e04869a64c4e01fbab6f910b5e3b0e690ee79d33523213a39c02112ff474"},"aea7c158a1c405f8dd44c61568b1fd8e2232312bc504470e16e05b5b5a35ca75","aea7c158a1c405f8dd44c61568b1fd8e2232312bc504470e16e05b5b5a35ca75","92361bb81bc685fd927aa2c6131a0a5e5c5e4a4e3c22ea1c25ce0d18d81a0f03","c13fb8c7fdb84f3c59470c672220c380ac26ffb099721ccebba3c53971cb700d","de64daa4e510abaaf4b4970c6dd37e39c3b8a263cccbeb80a41c69ae5a2a34ba","5c0f78ff3c941f455647f5ae40be17dd6992cf4b77838b3b4dbbc181c0a7f7a9","19afd7f4812facaa313356113070795a2fe90fcef4bfe6462db0dcbc503c92f1","dccea7b665fe08ed006acd191a7e68123ba7ec49848ac7c28a164962bf21254e","294f3ca7dd33d96cd06a1f9c3f4474abe61d58b94af8c208b892e7319d5568e3","4ee368e7c5a6ab58c3aad36d949cb83899b038ec2776c990d1c43ead88a2caea","1bca2772bfe6da518ab061f96c01d7d71485b9afe80ea04048d468b6f081889c","99e011a75eb8324b9b74758f5dea28ca280125c7faa8a276e9c44d1b16927451","779582ae7e3e16d96393d0ab1048188cd06eb2077127435b6cd482cceb7e6a3e","720bb96d9d1eeb678ec0cd05356b525772ecfe7823c76d11e678bfe3b396c472","3aba0c6bc9d29325b524171967f5835eb416fad617afcb2437b3b367dd9edaa0","a1ab22b1c8c5c7008e25685336e20ae035618e8fb8fe41f5ddb9333285f4651d","9e4133fe0a7d34a9a923f926c334e7e79dd2aff5ea5399791673088db588c34d","4bc94311c1c1701cfddbcf1742263c574569189030d847d2c05b6b6fa6f4b5b9","a8f4bd4ac4a54a0a445e7cb7c162172ae9b61c6294135b3c4769547501cbd54d","1caf9e59fb74032a9c1b48a4ad9cfb67bc870a51eff0c5459225bfd9adc92356","01bb00da869f5221550f426740073772b210dcc516adc2eb18a7850b5ae77603","673f1037fc38aeea081b6db2dfc7cadbd0cfccdf339e07e8885be6f4c56f403e","b40cae511027637a40e3bfee7fb80d3ae9b43ad05c86633f88b161a66faae53d","1f2e2d9d68590703908078c56ffe35377dc1dd5d4175d4eabaac50fa041bea6d","f7fee101c576c8c5c346952949a74dadd6759953186ba1648df70f4b70dc3822","3d45de32dd9a40289168a5dd02723a1bef365cf1ad181238d4cb5c0c8d251b15","e1ddcc2a738c6e7b236c6952c6d05d32ffc0ec5abb71ce50bfbe280ccba84f7b","af6673ff7d61e468206445654735d6d75de5fd4df5a867ed34fc48c76105f534","7426f835d218d98ebf61906685075cbc64572c129500ac9d77a62f9228038d25","61fe41f126c499a22b4ccb031402298d80d85e581fc491b45dadb916c45858d7","e02cb6cd62d5c1b91a37fc85dc4bf6d4a9ada21d43063fe4c3350544e804c5e5","46405387737f0730b5efa6a271386a0357bf833c0940dfe7023fcd796e3eb269","5944b5e138f0bfc9d8632ae755447a222ee1bae5e691f95f964155c742e7fc55","21a74057837664858b9e501dce325ea2c16c4009a3f8fa03841155182081eaef","163123dd1f14c0c3216ed7d67601c6fb71e369c72643c9864a23f9d7cf2ca8bb","1bea2c7ec5efef5f89cc6b40de1029b22e959ade5364ab8af32cce741a160a93","0d8f583a1845b587b219aaeb26c964b20f5dd06e3cbd173de3fa883cded0a2e8","fa22a5101aba0c01f6d17b0840eade09ed15080a520a365303b5a2bd5b5d251d","51d97696ce31cd3ea5b591f873a61cceddd1c248af712a66349b984fd503d1ef","6acd7661b619a087f5cb5d35a8318602f1c8881a123556fe42151c40c54e3c56","a18c0c85734df82f49e58da49ecdfba83c7a9b2eec84ad1ebc4b990ac2c21c69","d915f8caea7edb7cf74c66acc25f2542f204e9681e0adeda6ecb37f06bb8565c","43fdfcf05f404cde62f822af161d8b63d9c10d6f87b50c2f72cdfc19172c1ff9","15aa0c97eeb7e96e90ab1a2bd6322a2c77732ee5d3b0e673f3089f6ee2025e00","fdc69fed0d27eb9e587a5e239a0b2cd395d3db867c640acfabd9b15eabe40349","bc4fa204e48c9a9adb956be3be2b79c5d50299588de315728c0b1c96fcafbd5c","9201486d55dfcc5d0d054e3881b5e734fb7581e99b8e44376895615b22c2a1ad","0c044bac5d0f050328792a948845695913878ea72e25eeef980ef7774a85339e","d5baeacd8b2a19238067bb8dd2349bb7b21bd4f483a3cf3a513a1da8845a858e","db1ac1bb7811b17a48b65047d98e8e016029438215e11107ccd507497c0f1881","850366d990f24c550519e340c4d83723e8556bcd9adfc8c2ee3c7ec6bef3a56f","033f8bdc70a52f235cabf7bdc8defb3ba1538bc7b007d925368d96b563e1492d","021cf30079a41551deca6cf22a6e6447e98e3bac50254c7e610c97428f969285","e3770b52888f9155bb73fb1864703cadbbd93960b7bb3cfb3093c109cbb1b7eb","5e84c097e89491388284a6c629c8321fa07a7823367065c9399afa159b69f717","c37b42f3b5d052d9042d87c36ebed9eeacaef18115a8343c6a81526ac2bd32fc","2481f7e187c6b84300b5139e79c2119eea40034d853eb15ca95fdeb86dda635c","de0a1dd63b44f8aac7859330a0ac0d1e050e58fe898733a046bfe4969c300d50","553c002ab2998aa64cff676ef39ed54e557c793ba22a9d3cbf8a698dd0dde6aa","848aa410ea954835a59e06986c92c987166eff642b7c59b3232807a0a82b52f1","2391afe5ddc0ae68b9a117ed5a1a6b26f5ba484524edeb5108a6671bc4da41ab","39ed86c3b1a04255e4edee466f35cad837b6125bcb0930291095533265a0ccc4","1ce3c53099fbde6273c6ff4c774b2402a31160085c9882a3e803a0fd2a84e3d5","21e4691d6dfa0155d8e11b30a32231f6e33d684cbd61dd7499392b39fd9c68e5","98803688adaa2230d90a3514754aca936b3e4df1915475b6d4a0a65e141be8c3","9272ff556abd50bb2dcdc71021fffea831a45f0c4169bec6f4ada3e9dc01b494","b96a043c9943dba15c1c263666730efaf29ad8fb5c33479173bda6329da158cc","19004996c8f722db5a158a505de181ce42884d780ff2e1307e4c1c43b5684fcc","1ce9bee7c394636bf6eeba7d1aca1d56983691a1b4a756c04c9c1d7032bc5e91","2ed351b90f48ecae9c627d41e2614c6a4fe670f958e8a5a5d3bb4bc21980bdb6","8f358619bbe2b132a373c5e8381018bb1f11f55dbac8cb84c380d5279f18eb75","ba0b6859e73b5fb85f18160a3b0d741968b1c4122fdd3436398dc99a6a9736c9","9979bad516454ac2aaff1756fc7f664ca6ccfdd9b4077f306e99df3033edf0a2","323cfa8826348d6f5269abeed193b53c1ee351a9c178858bce4dee6e9b6c3ac9","24354cb3bc1d897f8321bce628352612d35d92a79dba42e6609f7f5ec7d3a697","2ad77fd12d9bf99057909e40fecb502cb4429c617161f373339f294dfaa5d6f5","8e4de702297e7c9173982f2e1af6bb29b5a0251811ac12de6beb48dba2288a9f","b3b2e1206c3037779459c39c896f282e22edb992458a118137066807f8dbb899","d86abfe8b121d0296f860e2165d243a46895e6a7fd089bc7fff4e779131acc15","f9955a6b47c6f2608087b111dca772554ef89d1ed302990104574f7cee41cb05","710bfef6f0be756ddb857985b7dd5d0cc831c67b6bdfbd1179b7dc4457819ff7",{"version":"1291a2c353b882d7db189d94eae470dc89d6b61b648358512ac683f17392c735","affectsGlobalScope":true},"2f39ccc3f2cad7f2a1e0ad14a744877ed08dae4ae75510109ac981ceb783b566","8f2162398fdfec4d2598d0e272c9dcbe6da483129365f5bc1d2a42739a17be1e","df74973a1543e7afb93d66eb338ff92b59ebf58e2b8c9d1702a62c7677332a2f","6775df6b9852c7af5dbdc7ae64a0865f0b699b0927074a610261852c58927646","b69bc6279522c19db5564fdccfaec94d7dd06781a2a908a9986b766bddc91a83","f6bda70e10a8b240d52a4b7a8f488cef7768d9c0d7c13677f7982bf1610e6016","860f237a21098961d859f3eeb55e8c499ff82de0a41c4c5dc32bd28652ff492d","5c356c2468fc6cd6848c701f937a0147d41aa9c7b4f605aa2e9a006254765f99","aea7c158a1c405f8dd44c61568b1fd8e2232312bc504470e16e05b5b5a35ca75","aea7c158a1c405f8dd44c61568b1fd8e2232312bc504470e16e05b5b5a35ca75","aea7c158a1c405f8dd44c61568b1fd8e2232312bc504470e16e05b5b5a35ca75",{"version":"9caf3cc3e892d3a3bcdd45c8afe8ad3cb86b1c7f79329c6a0105d3970d8a4abc","signature":"5d93216cf3a13f07b267c5cc081f9ae035900b0cf6f2dbd3925ac61330af1a4f"},{"version":"57b74d869b1ad9e15c7346f598cb26495af128452c28cfe491f35fcdbcf44188","signature":"744469780d6f2453e2c6928089275d05ffda71e97ff679a08d449666a532d224"},{"version":"97825a9fd3291bd58aea38d1a534000bb587ad4945d17c6d08ba59f3fcf27c4f","signature":"cb9064fc08c72e3e55bc7810c70b6252ac5e08c90d7c399cbd9fe62d3dc56a89"},"146ba4b99c5feb82663e17a671bf9f53bb39c704cd76345d6c5a801c26372f44",{"version":"b4de44dec0459d2463fe44783d9dd7782a97f9da96775ef41a7580381571a982","signature":"12f4e5bd65452d3960691823b58faaf7a52b6f5f18056c3e31f169bf4b75efa9"},{"version":"0a8a0b2e0b4fb1aeafda3d09bd9afd528455a41a2ec7f852ac18c4409d701f73","signature":"ab8190e5d9a73e5f8e6edccad1c1265560ea04edf5abde41e484417f98919369"},{"version":"3a567d460cf6b7f93ce1f637d3589b800be8a558a991a08f11c1f3a78268ffcb","signature":"c52588d93b65a123b0ee9e0130fe925483ae37159b2c9c2affd4eaa533099e9e"},"8b06ac3faeacb8484d84ddb44571d8f410697f98d7bfa86c0fda60373a9f5215","2db0dd3aaa2ed285950273ce96ae8a450b45423aa9da2d10e194570f1233fa6b","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","7180c03fd3cb6e22f911ce9ba0f8a7008b1a6ddbe88ccf16a9c8140ef9ac1686","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","54cb85a47d760da1c13c00add10d26b5118280d44d58e6908d8e89abbd9d7725","3e4825171442666d31c845aeb47fcd34b62e14041bb353ae2b874285d78482aa","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","a967bfe3ad4e62243eb604bf956101e4c740f5921277c60debaf325c1320bf88","e9775e97ac4877aebf963a0289c81abe76d1ec9a2a7778dbe637e5151f25c5f3","471e1da5a78350bc55ef8cef24eb3aca6174143c281b8b214ca2beda51f5e04a","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","db3435f3525cd785bf21ec6769bf8da7e8a776be1a99e2e7efb5f244a2ef5fee","c3b170c45fc031db31f782e612adf7314b167e60439d304b49e704010e7bafe5","40383ebef22b943d503c6ce2cb2e060282936b952a01bea5f9f493d5fb487cc7","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","3a84b7cb891141824bd00ef8a50b6a44596aded4075da937f180c90e362fe5f6","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","33203609eba548914dc83ddf6cadbc0bcb6e8ef89f6d648ca0908ae887f9fcc5","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","9f0a92164925aa37d4a5d9dd3e0134cff8177208dba55fd2310cd74beea40ee2","8bfdb79bf1a9d435ec48d9372dc93291161f152c0865b81fc0b2694aedb4578d","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","d32275be3546f252e3ad33976caf8c5e842c09cb87d468cb40d5f4cf092d1acc","4a0c3504813a3289f7fb1115db13967c8e004aa8e4f8a9021b95285502221bd1",{"version":"e7be367719c613d580d4b27fdf8fe64c9736f48217f4b322c0d63b2971460918","affectsGlobalScope":true},"3d77c73be94570813f8cadd1f05ebc3dc5e2e4fdefe4d340ca20cd018724ee36",{"version":"392eadc2af403dd10b4debfbc655c089a7fa6a9750caeb770cfb30051e55e848","affectsGlobalScope":true},"b67f9c5d42e7770ddf8b6d1747b531275c44617e8071d2602a2cffd2932ad95e","53f0960fdcc53d097918adfd8861ffbe0db989c56ffc16c052197bf115da5ed6",{"version":"662163e5327f260b23ca0a1a1ad8a74078aabb587c904fcb5ef518986987eaff","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"c48c503c6b3f63baf18257e9a87559b5602a4e960107c762586d2a6a62b64a18","affectsGlobalScope":true},"b0c0d1d13be149f790a75b381b413490f98558649428bb916fd2d71a3f47a134","3c884d9d9ec454bdf0d5a0b8465bf8297d2caa4d853851d92cc417ac6f30b969","0364f8bb461d6e84252412d4e5590feda4eb582f77d47f7a024a7a9ff105dfdc","5433f7f77cd1fd53f45bd82445a4e437b2f6a72a32070e907530a4fea56c30c8","d0ca5d7df114035258a9d01165be309371fcccf0cccd9d57b1453204686d1ed0",{"version":"ee1ee365d88c4c6c0c0a5a5701d66ebc27ccd0bcfcfaa482c6e2e7fe7b98edf7","affectsGlobalScope":true},{"version":"1493cc4d72bfaabe2ac13e987d026a5fc99a816f6289bfca7192834a396205cf","affectsGlobalScope":true},"173b6275a81ebdb283b180654890f46516c21199734fed01a773b1c168b8c45c","304f66274aa8119e8d65a49b1cff84cbf803def6afe1b2cc987386e9a9890e22","1b9adafe8a7fefaeaf9099a0e06f602903f6268438147b843a33a5233ac71745","98273274f2dbb79b0b2009b20f74eca4a7146a3447c912d580cd5d2d94a7ae30","c933f7ba4b201c98b14275fd11a14abb950178afd2074703250fe3654fc10cd2","2eaa31492906bc8525aff3c3ec2236e22d90b0dfeee77089f196cd0adf0b3e3b",{"version":"ea455cc68871b049bcecd9f56d4cf27b852d6dafd5e3b54468ca87cc11604e4d","affectsGlobalScope":true},"8f5814f29dbaf8bacd1764aebdf1c8a6eb86381f6a188ddbac0fcbaab855ce52","a63d03de72adfb91777784015bd3b4125abd2f5ef867fc5a13920b5649e8f52b","d20e003f3d518a7c1f749dbe27c6ab5e3be7b3c905a48361b04a9557de4a6900",{"version":"1d4d78c8b23c9ddaaaa49485e6adc2ec01086dfe5d8d4d36ca4cdc98d2f7e74a","affectsGlobalScope":true},{"version":"44fc16356b81c0463cc7d7b2b35dcf324d8144136f5bc5ce73ced86f2b3475b5","affectsGlobalScope":true},"575fb200043b11b464db8e42cc64379c5fd322b6d787638e005b5ee98a64486d","6de2f225d942562733e231a695534b30039bdf1875b377bb7255881f0df8ede8","56249fd3ef1f6b90888e606f4ea648c43978ef43a7263aafad64f8d83cd3b8aa","139ad1dc93a503da85b7a0d5f615bddbae61ad796bc68fedd049150db67a1e26","7b166975fdbd3b37afb64707b98bca88e46577bbc6c59871f9383a7df2daacd1","9eece5e586312581ccd106d4853e861aaaa1a39f8e3ea672b8c3847eedd12f6e","81505c54d7cad0009352eaa21bd923ab7cdee7ec3405357a54d9a5da033a2084","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","3c1f19c7abcda6b3a4cf9438a15c7307a080bd3b51dfd56b198d9f86baf19447","2ee1645e0df9d84467cfe1d67b0ad3003c2f387de55874d565094464ee6f2927",{"version":"abe61b580e030f1ca3ee548c8fd7b40fc686a97a056d5d1481f34c39c637345f","affectsGlobalScope":true},{"version":"9cf780e96b687e4bdfd1907ed26a688c18b89797490a00598fa8b8ab683335dd","affectsGlobalScope":true},"98e00f3613402504bc2a2c9a621800ab48e0a463d1eed062208a4ae98ad8f84c","9ae88ce9f73446c24b2d2452e993b676da1b31fca5ceb7276e7f36279f693ed1","e49d7625faff2a7842e4e7b9b197f972633fca685afcf6b4403400c97d087c36","b82c38abc53922b1b3670c3af6f333c21b735722a8f156e7d357a2da7c53a0a0",{"version":"b423f53647708043299ded4daa68d95c967a2ac30aa1437adc4442129d7d0a6c","affectsGlobalScope":true},{"version":"7245af181218216bacb01fbdf51095617a51661f20d77178c69a377e16fb69ed","affectsGlobalScope":true},"4f0fc7b7f54422bd97cfaf558ddb4bca86893839367b746a8f86b60ac7619673","4cdd8b6b51599180a387cc7c1c50f49eca5ce06595d781638fd0216520d98246","d91a7d8b5655c42986f1bdfe2105c4408f472831c8f20cf11a8c3345b6b56c8c",{"version":"8704423bf338bff381ebc951ed819935d0252d90cd6de7dffe5b0a5debb65d07","affectsGlobalScope":true},"7c6929fd7cbf38499b6a600b91c3b603d1d78395046dc3499b2b92d01418b94b",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"a42be67ed1ddaec743582f41fc219db96a1b69719fccac6d1464321178d610fc","adb17fea4d847e1267ae1241fa1ac3917c7e332999ebdab388a24d82d4f58240","a370e617fd7ec5ff8c99f3582001f7c9ebf03e3c5be4113d3a504d321aff48fd"],"root":[[74,76],[170,172],[174,176]],"options":{"allowJs":true,"declaration":true,"emitDeclarationOnly":true,"esModuleInterop":true,"jsx":2,"module":99,"outDir":"./dist","rootDir":"./src","skipLibCheck":true,"strict":true,"target":9},"fileIdsList":[[73,85,165],[85],[79,85,132,144,158,160,161,164],[163],[157,158,159],[79,85,145,157],[79],[80,81,82,83,84],[82],[80,82],[79,81],[178],[213],[214,219,248],[215,220,226,227,234,245,256],[215,216,226,234],[217,257],[218,219,227,235],[219,245,253],[220,222,226,234],[213,221],[222,223],[226],[224,226],[213,226],[226,227,228,245,256],[226,227,228,241,245,248],[211,214,261],[222,226,229,234,245,256],[226,227,229,230,234,245,253,256],[229,231,245,253,256],[178,179,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263],[226,232],[233,256,261],[222,226,234,245],[235],[236],[213,237],[234,235,238,255,261],[239],[240],[226,241,242],[241,243,257,259],[214,226,245,246,247,248],[214,245,247],[245,246],[248],[249],[213,245],[226,251,252],[251,252],[219,234,245,253],[254],[234,255],[214,229,240,256],[219,257],[245,258],[233,259],[260],[214,219,226,228,237,245,256,259,261],[245,262],[73],[70,71,72],[133,134,135,136,137,138,139,140,141,142,143],[133],[135],[104,133],[86,87,88,89,90,91,92,93,95,96,97,98,99,100,101,102,105,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131],[89],[94],[92],[91],[103,104],[106],[89,104],[94,104],[92,104],[162],[101],[149,150],[150],[149],[146,147,148,149,150,151,152,153,154,155,156],[147,148,150,151,152,153],[146,149],[147,150],[146,147],[147],[146],[188,192,256],[188,245,256],[183],[185,188,253,256],[234,253],[264],[183,264],[185,188,234,256],[180,181,184,187,214,226,245,256],[180,186],[184,188,214,248,256,264],[214,264],[204,214,264],[182,183,264],[188],[182,183,184,185,186,187,188,189,190,192,193,194,195,196,197,198,199,200,201,202,203,205,206,207,208,209,210],[188,195,196],[186,188,196,197],[187],[180,183,188],[188,192,196,197],[192],[186,188,191,256],[180,185,186,188,192,195],[214,245],[183,188,204,214,261,264],[73,74,75],[170,175],[73,75,170],[73,74,75,76,77,78,166,167,168,169],[73,75],[75],[73,75,170,171,172,173,174]],"referencedMap":[[166,1],[161,2],[165,3],[164,4],[160,5],[158,6],[80,7],[85,8],[84,9],[83,10],[82,11],[178,12],[179,12],[213,13],[214,14],[215,15],[216,16],[217,17],[218,18],[219,19],[220,20],[221,21],[222,22],[223,22],[225,23],[224,24],[226,25],[227,26],[228,27],[212,28],[229,29],[230,30],[231,31],[264,32],[232,33],[233,34],[234,35],[235,36],[236,37],[237,38],[238,39],[239,40],[240,41],[241,42],[242,42],[243,43],[245,44],[247,45],[246,46],[248,47],[249,48],[250,49],[251,50],[252,51],[253,52],[254,53],[255,54],[256,55],[257,56],[258,57],[259,58],[260,59],[261,60],[262,61],[265,62],[266,62],[73,63],[144,64],[142,65],[143,66],[136,65],[137,66],[138,67],[139,66],[140,65],[141,66],[132,68],[90,69],[95,70],[93,71],[96,69],[98,70],[97,71],[99,69],[94,69],[91,71],[92,72],[105,73],[107,74],[108,69],[110,69],[112,69],[113,69],[117,69],[114,75],[116,76],[115,77],[119,74],[121,74],[123,70],[122,71],[124,69],[125,69],[127,70],[128,72],[126,71],[163,78],[129,74],[130,79],[131,79],[153,80],[151,81],[150,82],[157,83],[154,84],[156,85],[155,86],[152,87],[148,88],[147,89],[195,90],[202,91],[194,90],[209,92],[186,93],[185,94],[208,95],[203,96],[206,97],[188,98],[187,99],[183,100],[182,101],[205,102],[184,103],[189,104],[193,104],[211,105],[210,104],[197,106],[198,107],[200,108],[196,109],[199,110],[204,95],[191,111],[192,112],[201,113],[181,114],[207,115],[76,116],[176,117],[171,118],[170,119],[172,120],[174,121],[175,122],[75,62]],"exportedModulesMap":[[166,1],[161,2],[165,3],[164,4],[160,5],[158,6],[80,7],[85,8],[84,9],[83,10],[82,11],[178,12],[179,12],[213,13],[214,14],[215,15],[216,16],[217,17],[218,18],[219,19],[220,20],[221,21],[222,22],[223,22],[225,23],[224,24],[226,25],[227,26],[228,27],[212,28],[229,29],[230,30],[231,31],[264,32],[232,33],[233,34],[234,35],[235,36],[236,37],[237,38],[238,39],[239,40],[240,41],[241,42],[242,42],[243,43],[245,44],[247,45],[246,46],[248,47],[249,48],[250,49],[251,50],[252,51],[253,52],[254,53],[255,54],[256,55],[257,56],[258,57],[259,58],[260,59],[261,60],[262,61],[265,62],[266,62],[73,63],[144,64],[142,65],[143,66],[136,65],[137,66],[138,67],[139,66],[140,65],[141,66],[132,68],[90,69],[95,70],[93,71],[96,69],[98,70],[97,71],[99,69],[94,69],[91,71],[92,72],[105,73],[107,74],[108,69],[110,69],[112,69],[113,69],[117,69],[114,75],[116,76],[115,77],[119,74],[121,74],[123,70],[122,71],[124,69],[125,69],[127,70],[128,72],[126,71],[163,78],[129,74],[130,79],[131,79],[153,80],[151,81],[150,82],[157,83],[154,84],[156,85],[155,86],[152,87],[148,88],[147,89],[195,90],[202,91],[194,90],[209,92],[186,93],[185,94],[208,95],[203,96],[206,97],[188,98],[187,99],[183,100],[182,101],[205,102],[184,103],[189,104],[193,104],[211,105],[210,104],[197,106],[198,107],[200,108],[196,109],[199,110],[204,95],[191,111],[192,112],[201,113],[181,114],[207,115],[76,120],[176,118],[171,118],[170,121],[172,120],[174,121],[175,118],[75,62]],"semanticDiagnosticsPerFile":[166,161,165,159,164,160,158,81,80,85,84,83,82,177,178,179,213,214,215,216,217,218,219,220,221,222,223,225,224,226,227,228,212,263,229,230,231,264,232,233,234,235,236,237,238,239,240,241,242,243,244,245,247,246,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,72,265,266,70,73,71,145,78,173,77,79,86,144,142,143,136,137,133,134,135,138,139,140,141,132,87,90,95,93,96,98,97,99,89,100,94,91,92,101,103,102,105,107,108,109,110,111,112,113,117,114,116,115,118,119,120,121,123,122,124,125,127,128,126,106,163,129,130,131,104,162,88,153,149,151,150,157,154,156,155,152,146,148,147,68,69,12,13,15,14,2,16,17,18,19,20,21,22,23,3,24,4,25,29,26,27,28,30,31,32,5,33,34,35,36,6,40,37,38,39,41,7,42,47,48,43,44,45,46,8,52,49,50,51,53,9,54,55,56,59,57,58,60,61,10,1,62,11,66,64,63,67,65,195,202,194,209,186,185,208,203,206,188,187,183,182,205,184,189,190,193,180,211,210,197,198,200,196,199,204,191,192,201,181,207,168,169,167,76,176,74,171,170,172,174,175,75]},"version":"5.4.5"}
\ No newline at end of file
diff --git a/types/base.d.ts b/types/base.d.ts
deleted file mode 100644
index 5076332c..00000000
--- a/types/base.d.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import {
-  Component,
-  ReactElement,
-  CSSProperties,
-  ComponentType,
-  ReactNode
-} from 'react'
-import ReactPlayer from './index.js'
-
-interface SourceProps {
-  media?: string
-  src: string
-  type?: string
-}
-
-export interface OnProgressProps {
-  played: number
-  playedSeconds: number
-  loaded: number
-  loadedSeconds: number
-}
-
-export interface BaseReactPlayerProps {
-  url?: string | string[] | SourceProps[] | MediaStream
-  playing?: boolean
-  loop?: boolean
-  controls?: boolean
-  volume?: number
-  muted?: boolean
-  playbackRate?: number
-  width?: string | number
-  height?: string | number
-  style?: CSSProperties
-  progressInterval?: number
-  playsinline?: boolean
-  playIcon?: ReactElement
-  previewTabIndex?: number | null
-  pip?: boolean
-  stopOnUnmount?: boolean
-  light?: boolean | string | ReactElement
-  fallback?: ReactElement
-  wrapper?: ComponentType<{ children: ReactNode }>
-  onReady?: (player: ReactPlayer) => void
-  onStart?: () => void
-  onPlay?: () => void
-  onPause?: () => void
-  onBuffer?: () => void
-  onBufferEnd?: () => void
-  onEnded?: () => void
-  onClickPreview?: (event: any) => void
-  onEnablePIP?: () => void
-  onDisablePIP?: () => void
-  onError?: (
-    error: any,
-    data?: any,
-    hlsInstance?: any,
-    hlsGlobal?: any
-  ) => void
-  onDuration?: (duration: number) => void
-  onSeek?: (seconds: number) => void
-  onProgress?: (state: OnProgressProps) => void
-  [otherProps: string]: any
-}
-
-export default class BaseReactPlayer<
-  T extends BaseReactPlayerProps
-> extends Component<T, any> {
-  static canPlay (url: string): boolean;
-  static canEnablePIP (url: string): boolean;
-  static addCustomPlayer (player: ReactPlayer): void;
-  static removeCustomPlayers (): void;
-  seekTo (amount: number, type?: 'seconds' | 'fraction'): void;
-  getCurrentTime (): number;
-  getSecondsLoaded (): number;
-  getDuration (): number;
-  getInternalPlayer (key?: string): Record<string, any>;
-  showPreview (): void;
-}
diff --git a/types/dailymotion.d.ts b/types/dailymotion.d.ts
deleted file mode 100644
index 067939ba..00000000
--- a/types/dailymotion.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface DailyMotionConfig {
-  params?: Record<string, any>
-}
-
-export interface DailyMotionPlayerProps extends BaseReactPlayerProps {
-  config?: DailyMotionConfig
-}
-
-export default class DailyMotionPlayer extends BaseReactPlayer<DailyMotionPlayerProps> {}
diff --git a/types/facebook.d.ts b/types/facebook.d.ts
deleted file mode 100644
index 767c7df0..00000000
--- a/types/facebook.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface FacebookConfig {
-  appId?: string
-  version?: string
-  playerId?: string
-  attributes?: object
-}
-
-export interface FacebookPlayerProps extends BaseReactPlayerProps {
-  config?: FacebookConfig
-}
-
-export default class FacebookPlayer extends BaseReactPlayer<FacebookPlayerProps> {}
diff --git a/types/file.d.ts b/types/file.d.ts
deleted file mode 100644
index 557a4396..00000000
--- a/types/file.d.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface TrackProps {
-  kind: string
-  src: string
-  srcLang: string
-  label: string
-  default?: boolean
-}
-
-export interface FileConfig {
-  attributes?: Record<string, any>
-  tracks?: TrackProps[]
-  forceVideo?: boolean
-  forceAudio?: boolean
-  forceHLS?: boolean
-  forceSafariHLS?: boolean
-  forceDisableHls?: boolean
-  forceDASH?: boolean
-  forceFLV?: boolean
-  hlsOptions?: Record<string, any>
-  hlsVersion?: string
-  dashVersion?: string
-  flvVersion?: string
-}
-
-export interface FilePlayerProps extends BaseReactPlayerProps {
-  config?: FileConfig
-}
-
-export default class FilePlayer extends BaseReactPlayer<FilePlayerProps> {}
diff --git a/types/index.d.ts b/types/index.d.ts
deleted file mode 100644
index f5e3f770..00000000
--- a/types/index.d.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-import { DailyMotionConfig } from './dailymotion.js'
-import { FacebookConfig } from './facebook.js'
-import { FileConfig } from './file.js'
-import { MixcloudConfig } from './mixcloud.js'
-import { SoundCloudConfig } from './soundcloud.js'
-import { TwitchConfig } from './twitch.js'
-import { VidyardConfig } from './vidyard.js'
-import { VimeoConfig } from './vimeo.js'
-import { WistiaConfig } from './wistia.js'
-import { YouTubeConfig } from './youtube.js'
-
-export interface Config {
-  soundcloud?: SoundCloudConfig
-  youtube?: YouTubeConfig
-  facebook?: FacebookConfig
-  dailymotion?: DailyMotionConfig
-  vimeo?: VimeoConfig
-  file?: FileConfig
-  wistia?: WistiaConfig
-  mixcloud?: MixcloudConfig
-  vidyard?: VidyardConfig
-  twitch?: TwitchConfig
-}
-
-export interface ReactPlayerProps extends BaseReactPlayerProps {
-  config?: Config
-}
-
-export default class ReactPlayer extends BaseReactPlayer<ReactPlayerProps> {}
diff --git a/types/kaltura.d.ts b/types/kaltura.d.ts
deleted file mode 100644
index 1db75804..00000000
--- a/types/kaltura.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface KalturaPlayerProps extends BaseReactPlayerProps {}
-
-export default class KalturaPlayer extends BaseReactPlayer<KalturaPlayerProps> {}
diff --git a/types/lazy/index.d.ts b/types/lazy/index.d.ts
deleted file mode 100644
index 3df15810..00000000
--- a/types/lazy/index.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from '../index.js'
-export { default } from '../index.js'
diff --git a/types/mixcloud.d.ts b/types/mixcloud.d.ts
deleted file mode 100644
index 0814e9db..00000000
--- a/types/mixcloud.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface MixcloudConfig {
-  options?: Record<string, any>
-}
-
-export interface MixcloudPlayerProps extends BaseReactPlayerProps {
-  config?: MixcloudConfig
-}
-
-export default class MixcloudPlayer extends BaseReactPlayer<MixcloudPlayerProps> {}
diff --git a/types/soundcloud.d.ts b/types/soundcloud.d.ts
deleted file mode 100644
index 20694a94..00000000
--- a/types/soundcloud.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface SoundCloudConfig {
-  options?: Record<string, any>
-}
-
-export interface SoundCloudPlayerProps extends BaseReactPlayerProps {
-  config?: SoundCloudConfig
-}
-
-export default class SoundCloudPlayer extends BaseReactPlayer<SoundCloudPlayerProps> {}
diff --git a/types/streamable.d.ts b/types/streamable.d.ts
deleted file mode 100644
index 17925bc6..00000000
--- a/types/streamable.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface StreamablePlayerProps extends BaseReactPlayerProps {}
-
-export default class StreamablePlayer extends BaseReactPlayer<StreamablePlayerProps> {}
diff --git a/types/twitch.d.ts b/types/twitch.d.ts
deleted file mode 100644
index 6c0778e3..00000000
--- a/types/twitch.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface TwitchConfig {
-  options?: Record<string, any>
-  playerId?: string
-}
-
-export interface TwitchPlayerProps extends BaseReactPlayerProps {
-  config?: TwitchConfig
-}
-
-export default class TwitchPlayer extends BaseReactPlayer<TwitchPlayerProps> {}
diff --git a/types/vidyard.d.ts b/types/vidyard.d.ts
deleted file mode 100644
index a7dc03eb..00000000
--- a/types/vidyard.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface VidyardConfig {
-  options?: Record<string, object>
-}
-
-export interface VidyardPlayerProps extends BaseReactPlayerProps {
-  config?: VidyardConfig
-}
-
-export default class VidyardPlayer extends BaseReactPlayer<VidyardPlayerProps> {}
diff --git a/types/vimeo.d.ts b/types/vimeo.d.ts
deleted file mode 100644
index 50bd5d06..00000000
--- a/types/vimeo.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface VimeoConfig {
-  playerOptions?: Record<string, any>
-  title?: string
-}
-
-export interface VimeoPlayerProps extends BaseReactPlayerProps {
-  config?: VimeoConfig
-}
-
-export default class VimeoPlayer extends BaseReactPlayer<VimeoPlayerProps> {}
diff --git a/types/wistia.d.ts b/types/wistia.d.ts
deleted file mode 100644
index bd433c41..00000000
--- a/types/wistia.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface WistiaConfig {
-  options?: Record<string, any>
-  playerId?: string
-  customControls?: any[]
-}
-
-export interface WistiaPlayerProps extends BaseReactPlayerProps {
-  config?: WistiaConfig
-}
-
-export default class WistiaPlayer extends BaseReactPlayer<WistiaPlayerProps> {}
diff --git a/types/youtube.d.ts b/types/youtube.d.ts
deleted file mode 100644
index 6fb55da6..00000000
--- a/types/youtube.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import BaseReactPlayer, { BaseReactPlayerProps } from './base.js'
-
-export interface YouTubeConfig {
-  playerVars?: Record<string, any>
-  embedOptions?: Record<string, any>
-  onUnstarted?: () => void
-}
-
-export interface YouTubePlayerProps extends BaseReactPlayerProps {
-  config?: YouTubeConfig
-}
-
-export default class YouTubePlayer extends BaseReactPlayer<YouTubePlayerProps> {}