fix(player/react): include all events in react export

Author: mihar-22

packages/react/src/index.ts

@@ -1,35 +1,37 @@
 export * from 'vidstack/exports/core.ts';
+export * from 'vidstack/exports/events.ts';
 export * from 'vidstack/exports/foundation.ts';
 export * from 'vidstack/exports/maverick.ts';
 export * from 'vidstack/exports/providers.ts';
 export * from 'vidstack/exports/utils.ts';
 
 export {
-  type TimeState,
-  type SliderState,
-  type PosterState,
+  DEFAULT_AUDIO_GAINS,
+  DEFAULT_PLAYBACK_RATES,
   sliderState,
-  type ThumbnailState,
-  type TimeSliderState,
+  type AudioGainSliderState,
+  type GestureAction,
+  type MediaAnnouncerState,
+  type MediaAnnouncerTranslations,
+  type MediaAnnouncerWord,
+  type MediaProviderState,
+  type MenuPlacement,
+  type MenuPlacementAlign,
+  type MenuPlacementSide,
+  type PosterState,
+  type QualitySliderState,
+  type SliderCSSVars,
+  type SliderOrientation,
+  type SliderState,
   type SliderVideoState,
   type SpeedSliderState,
-  type VolumeSliderState,
-  type QualitySliderState,
-  type MediaProviderState,
+  type ThumbnailState,
+  type TimeSliderState,
+  type TimeState,
   type TooltipPlacement,
   type TooltipPlacementAlign,
   type TooltipPlacementSide,
-  type MenuPlacement,
-  type MenuPlacementSide,
-  type MenuPlacementAlign,
-  type MediaAnnouncerState,
-  type AudioGainSliderState,
-  type GestureEventType,
-  type GestureAction,
-  type MediaAnnouncerTranslations,
-  type MediaAnnouncerWord,
-  DEFAULT_AUDIO_GAINS,
-  DEFAULT_PLAYBACK_RATES,
+  type VolumeSliderState,
 } from 'vidstack/exports/components.ts';
 
 // Primitives

packages/vidstack/src/components/player.ts

@@ -47,7 +47,7 @@ import { MediaStateSync } from '../core/state/media-state-sync';
 import { LocalMediaStorage, type MediaStorage } from '../core/state/media-storage';
 import { NavigatorMediaSession } from '../core/state/navigator-media-session';
 import { MediaRemoteControl } from '../core/state/remote-control';
-import { AudioTrackList } from '../core/tracks/audio-tracks';
+import { AudioTrackList } from '../core/tracks/audio/audio-tracks';
 import { TextRenderers } from '../core/tracks/text/render/text-renderer';
 import { TextTrackSymbol } from '../core/tracks/text/symbols';
 import { isTrackCaptionKind } from '../core/tracks/text/text-track';

packages/vidstack/src/components/ui/menu/radio-groups/audio-radio-group.ts

@@ -2,7 +2,7 @@ import { Component, effect, hasProvidedContext, method, prop, useContext } from
 import type { DOMEvent } from 'maverick.js/std';
 
 import { useMediaContext, type MediaContext } from '../../../../core/api/media-context';
-import type { AudioTrack } from '../../../../core/tracks/audio-tracks';
+import type { AudioTrack } from '../../../../core/tracks/audio/audio-tracks';
 import { menuContext, type MenuContext } from '../menu-context';
 import type { RadioOption } from '../radio/radio';
 import { RadioGroupController } from '../radio/radio-group-controller';

packages/vidstack/src/core/api/media-context.ts

@@ -14,7 +14,7 @@ import type { VideoQualityList } from '../quality/video-quality';
 import type { MediaPlayerDelegate } from '../state/media-player-delegate';
 import type { MediaStorage } from '../state/media-storage';
 import type { MediaRemoteControl } from '../state/remote-control';
-import type { AudioTrackList } from '../tracks/audio-tracks';
+import type { AudioTrackList } from '../tracks/audio/audio-tracks';
 import type { TextRenderers } from '../tracks/text/render/text-renderer';
 import type { TextTrackList } from '../tracks/text/text-tracks';
 import type { MediaPlayerProps } from './player-props';

packages/vidstack/src/core/api/media-events.ts

@@ -4,7 +4,7 @@ import type { MediaPlayer } from '../../components/player';
 import type { ScreenOrientationChangeEvent } from '../../foundation/orientation/events';
 import type { MediaProviderAdapter, MediaProviderLoader } from '../../providers/types';
 import type { VideoQuality } from '../quality/video-quality';
-import type { AudioTrack } from '../tracks/audio-tracks';
+import type { AudioTrack } from '../tracks/audio/audio-tracks';
 import type { TextTrack } from '../tracks/text/text-track';
 import type { Src } from './src-types';
 import type {

packages/vidstack/src/core/api/player-state.ts

@@ -6,7 +6,7 @@ import type { MediaProviderLoader } from '../../providers/types';
 import { canOrientScreen, IS_IPHONE } from '../../utils/support';
 import type { VideoQuality } from '../quality/video-quality';
 import { getTimeRangesEnd, getTimeRangesStart, TimeRange } from '../time-ranges';
-import type { AudioTrack } from '../tracks/audio-tracks';
+import type { AudioTrack } from '../tracks/audio/audio-tracks';
 import { isTrackCaptionKind, type TextTrack } from '../tracks/text/text-track';
 import type { Src } from './src-types';
 import type {

packages/vidstack/src/core/quality/events.ts

@@ -0,0 +1,48 @@
+import type { DOMEvent } from 'maverick.js/std';
+
+import type { ListReadonlyChangeEvent } from '../../foundation/list/list';
+import type { VideoQuality, VideoQualityList } from './video-quality';
+
+export interface VideoQualityListEvents {
+  add: VideoQualityAddEvent;
+  remove: VideoQualityRemoveEvent;
+  change: VideoQualityChangeEvent;
+  'auto-change': VideoQualityAutoChangeEvent;
+  'readonly-change': ListReadonlyChangeEvent;
+}
+
+export interface VideoQualityListEvent<T> extends DOMEvent<T> {
+  target: VideoQualityList;
+}
+
+/**
+ * Fired when a video quality has been added to the list.
+ *
+ * @detail newQuality
+ */
+export interface VideoQualityAddEvent extends VideoQualityListEvent<VideoQuality> {}
+
+/**
+ * Fired when a video quality has been removed from the list.
+ *
+ * @detail removedQuality
+ */
+export interface VideoQualityRemoveEvent extends VideoQualityListEvent<VideoQuality> {}
+
+/**
+ * Fired when the selected video quality has changed.
+ *
+ * @detail change
+ */
+export interface VideoQualityChangeEvent
+  extends VideoQualityListEvent<VideoQualityChangeEventDetail> {}
+
+export interface VideoQualityChangeEventDetail {
+  prev: VideoQuality | null;
+  current: VideoQuality;
+}
+
+/**
+ * Fired when auto quality selection is enabled or disabled.
+ */
+export interface VideoQualityAutoChangeEvent extends VideoQualityListEvent<boolean> {}

packages/vidstack/src/core/quality/video-quality.ts

@@ -1,8 +1,8 @@
 import { DOMEvent } from 'maverick.js/std';
 
-import type { ListReadonlyChangeEvent } from '../../foundation/list/list';
 import { SelectList, type SelectListItem } from '../../foundation/list/select-list';
 import { ListSymbol } from '../../foundation/list/symbols';
+import type { VideoQualityListEvents } from './events';
 import { QualitySymbol } from './symbols';
 
 /**
@@ -84,47 +84,3 @@ export interface VideoQuality extends SelectListItem {
   readonly bitrate: number | null;
   readonly codec: string | null;
 }
-
-export interface VideoQualityListEvents {
-  add: VideoQualityAddEvent;
-  remove: VideoQualityRemoveEvent;
-  change: VideoQualityChangeEvent;
-  'auto-change': VideoQualityAutoChangeEvent;
-  'readonly-change': ListReadonlyChangeEvent;
-}
-
-export interface VideoQualityListEvent<T> extends DOMEvent<T> {
-  target: VideoQualityList;
-}
-
-/**
- * Fired when a video quality has been added to the list.
- *
- * @detail newQuality
- */
-export interface VideoQualityAddEvent extends VideoQualityListEvent<VideoQuality> {}
-
-/**
- * Fired when a video quality has been removed from the list.
- *
- * @detail removedQuality
- */
-export interface VideoQualityRemoveEvent extends VideoQualityListEvent<VideoQuality> {}
-
-/**
- * Fired when the selected video quality has changed.
- *
- * @detail change
- */
-export interface VideoQualityChangeEvent
-  extends VideoQualityListEvent<VideoQualityChangeEventDetail> {}
-
-export interface VideoQualityChangeEventDetail {
-  prev: VideoQuality | null;
-  current: VideoQuality;
-}
-
-/**
- * Fired when auto quality selection is enabled or disabled.
- */
-export interface VideoQualityAutoChangeEvent extends VideoQualityListEvent<boolean> {}

packages/vidstack/src/core/state/media-state-manager.ts

@@ -10,13 +10,13 @@ import * as ME from '../api/media-events';
 import { MediaPlayerController } from '../api/player-controller';
 import { softResetMediaState } from '../api/player-state';
 import { isVideoQualitySrc, type Src } from '../api/src-types';
-import { QualitySymbol } from '../quality/symbols';
 import type {
-  VideoQuality,
   VideoQualityAddEvent,
   VideoQualityChangeEvent,
   VideoQualityRemoveEvent,
-} from '../quality/video-quality';
+} from '../quality/events';
+import { QualitySymbol } from '../quality/symbols';
+import type { VideoQuality } from '../quality/video-quality';
 import {
   getTimeRangesEnd,
   TimeRange,
@@ -27,7 +27,7 @@ import type {
   AudioTrackAddEvent,
   AudioTrackChangeEvent,
   AudioTrackRemoveEvent,
-} from '../tracks/audio-tracks';
+} from '../tracks/audio/events';
 import { TextTrackSymbol } from '../tracks/text/symbols';
 import type {
   TextTrackAddEvent,