chore(root): prepare workspace for alpha (#276)

examples/react/src/App.tsx

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
-import { VideoProvider } from '@videojs/react';
+import { VideoProvider } from '@videojs/react-preview';
 import clsx from 'clsx';
 import { useEffect, useMemo, useRef } from 'react';
 import { Link as LinkPrimitive, Redirect, Route, Switch, useLocation } from 'wouter';

examples/react/src/components/VideoElement.tsx

@@ -1,4 +1,4 @@
-import { HlsVideo } from '@videojs/react';
+import { HlsVideo } from '@videojs/react-preview';
 
 export function VideoElement(): JSX.Element {
   return (

examples/react/src/skins/custom/base-ui/CustomBaseUISkin.tsx

@@ -25,8 +25,8 @@ import {
   usePlayButtonState,
   useTimeSliderRootState,
   useVolumeSliderRootState,
-} from '@videojs/react';
-import { formatDisplayTime } from '@videojs/utils';
+} from '@videojs/react-preview';
+import { formatDisplayTime } from '@videojs/utils-preview';
 
 import clsx from 'clsx';
 import { useCallback, useState } from 'react';

examples/react/src/skins/custom/native/CustomNativeSkin.tsx

@@ -9,7 +9,7 @@ import {
   PlayButton,
   TimeSlider,
   VolumeSlider,
-} from '@videojs/react';
+} from '@videojs/react-preview';
 import {
   FullscreenEnterIcon,
   FullscreenExitIcon,
@@ -18,7 +18,7 @@ import {
   VolumeHighIcon,
   VolumeLowIcon,
   VolumeOffIcon,
-} from '@videojs/react/icons';
+} from '@videojs/react-preview/icons';
 import styles from './styles';
 
 type SkinProps = PropsWithChildren<{

examples/react/src/skins/ejected/frosted/FrostedSkin.tsx

@@ -12,7 +12,7 @@ import {
   TimeSlider,
   Tooltip,
   VolumeSlider,
-} from '@videojs/react';
+} from '@videojs/react-preview';
 import {
   FullscreenEnterIcon,
   FullscreenExitIcon,
@@ -21,7 +21,7 @@ import {
   VolumeHighIcon,
   VolumeLowIcon,
   VolumeOffIcon,
-} from '@videojs/react/icons';
+} from '@videojs/react-preview/icons';
 
 import './frosted.css';
 

examples/react/src/skins/ejected/minimal/MinimalSkin.tsx

@@ -12,7 +12,7 @@ import {
   TimeSlider,
   Tooltip,
   VolumeSlider,
-} from '@videojs/react';
+} from '@videojs/react-preview';
 import {
   FullscreenEnterAltIcon,
   FullscreenExitAltIcon,
@@ -21,7 +21,7 @@ import {
   VolumeHighIcon,
   VolumeLowIcon,
   VolumeOffIcon,
-} from '@videojs/react/icons';
+} from '@videojs/react-preview/icons';
 
 import './minimal.css';
 

examples/react/src/skins/imported/FrostedSkin.tsx

@@ -1,3 +1,3 @@
-import '@videojs/react/skins/frosted.css';
+import '@videojs/react-preview/skins/frosted.css';
 
-export { FrostedSkin as default } from '@videojs/react';
+export { FrostedSkin as default } from '@videojs/react-preview';

examples/react/src/skins/imported/MinimalSkin.tsx

@@ -1,3 +1,3 @@
-import '@videojs/react/skins/minimal.css';
+import '@videojs/react-preview/skins/minimal.css';
 
-export { MinimalSkin as default } from '@videojs/react';
+export { MinimalSkin as default } from '@videojs/react-preview';