@therealtinhtute/baroiplayer 1.2.1 → 2.0.0-beta.1

package/README.md

@@ -6,9 +6,9 @@
 
 - 🎬 **Multiple Formats**: MP4, HLS/m3u8, MOV, and audio support
 - 🎨 **Beautiful Design**: Tailwind CSS v4 with OKLCH colors and modern CSS
-- ♿ **Accessible**: WCAG 2.1 AA compliant with keyboard navigation and screen reader support
+- ♿ **Accessible**: ARIA attributes, keyboard navigation and screen reader support; the seek and volume controls expose `role="slider"` with the accessible names "Seek" and "Volume" and full keyboard support
 - ⚡ **Performance Optimized**: Bundle splitting, lazy loading, and size monitoring
-- 🔧 **Plugin System**: Extensible architecture with custom plugins
+- 🔧 **Plugin System**: Extensible internal plugin registry (not yet part of the public package exports)
 - 🎯 **React 19 Ready**: Modern concurrent features, suspense boundaries, and optimistic updates
 - 📱 **Responsive**: Mobile-first design with touch gestures
 - 🌙 **Dark Mode**: Built-in dark mode support
@@ -25,6 +25,24 @@ bun add @therealtinhtute/baroiplayer
 yarn add @therealtinhtute/baroiplayer
 ```
 
+## ⚠️ Known limitation
+
+**TypeScript consumers cannot type-check this package today.**
+
+`package.json` points `types` at `./src/index.ts` in two places — as the top-level `types` field, and inside `exports["."]` ahead of `import`. TypeScript therefore resolves types to raw source, not to `dist`, on a *normal* install; it is not opt-in. That source imports the internal `@rp/ui` package at 15 sites across 10 files, and `@rp/ui` is `private: true` and unpublished.
+
+The consequences, measured against a real install (tarball contents in `node_modules`, no workspace symlink, `moduleResolution: "Bundler"`):
+
+- **Runtime works.** `dist/` bundles the `@rp/ui` primitives, so `import { SimpleMinimalPlayer } from "@therealtinhtute/baroiplayer"` runs correctly in a JS build.
+- **`tsc` fails** with `TS2307: Cannot find module '@rp/ui/components/button'` (and `/slider`, `/hooks/use-mobile`, …).
+- **`skipLibCheck` does not help**, because `src/index.ts` is a `.ts` file, not a `.d.ts`.
+
+The same applies to the `development` export condition and to the deep-import paths (`./components/*`, `./hooks/*`, `./lib/*`, `./types/*`), which all resolve to source by design.
+
+Workaround until this is fixed: map the specifier in your own `tsconfig.json`, e.g. `"paths": { "@rp/ui/*": ["./types/rp-ui-shim.d.ts"] }`, or set `"skipDefaultLibCheck"`-style suppression for the package.
+
+The real fix is to emit `.d.ts` files and repoint `types` at `dist` — tracked as P0-1 in `docs/plans/active/v2-videojs10-skin-layer.md`.
+
 ## 🚀 Quick Start
 
 ### Basic Usage
@@ -80,24 +98,25 @@ function App() {
 ### HLS Streaming
 
 ```jsx
-import { SimpleMinimalPlayer } from '@therealtinhtute/baroiplayer';
+import { MediaPlayerHLS } from '@therealtinhtute/baroiplayer';
 
 function App() {
   return (
-    <SimpleMinimalPlayer
-      src="https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8"
-      config={{
-        file: {
-          attributes: {
-            crossOrigin: "anonymous"
-          }
+    <MediaPlayerHLS
+      sources={[
+        {
+          src: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
+          type: 'application/x-mpegURL'
         }
-      }}
+      ]}
     />
   );
 }
 ```
 
+`MediaPlayerHLS` takes a `sources` array and plays HLS through the video.js adapter
+(`hlsConfig`, `enableQualitySelector` and `enableSubtitles` are also supported).
+
 ## 🎨 Styling
 
 ### Global Styles
@@ -142,8 +161,6 @@ The easiest way to get started with a beautiful, accessible player:
 <SimpleMinimalPlayer
   src="video.mp4"
   poster="poster.jpg"
-  autoPlay={false}
-  muted={false}
   subtitleTracks={subtitleTracks}
   crossOrigin="anonymous"
 />
@@ -151,14 +168,16 @@ The easiest way to get started with a beautiful, accessible player:
 
 ### MediaPlayer
 
-The main player component with full customization:
+Renders a native `<video>`/`<audio>` element inside an overlay container. It does not
+ship custom play/volume/seek/settings UI: native browser controls are used by default
+(`showControls`, with `customControls={false}`), and the overlay is reserved for loading,
+buffering and error states plus any `children` you pass. It supplies its own media store
+when there is no `MediaProvider` above it, so it renders standalone.
 
 ```jsx
-import { MediaPlayer, MediaPlayerControls } from '@therealtinhtute/baroiplayer';
+import { MediaPlayer } from '@therealtinhtute/baroiplayer';
 
-<MediaPlayer src="video.mp4">
-  <MediaPlayerControls />
-</MediaPlayer>
+<MediaPlayer src="video.mp4" showControls />
 ```
 
 ### AudioPlayer
@@ -177,13 +196,13 @@ import { AudioPlayer } from '@therealtinhtute/baroiplayer';
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `src` | `string` | Required | Media source URL |
+| `src` | `string \| string[]` | Required | Media source URL(s) |
 | `poster` | `string` | - | Poster image for video |
 | `autoPlay` | `boolean` | `false` | Auto-play media |
 | `muted` | `boolean` | `false` | Start muted |
 | `loop` | `boolean` | `false` | Loop media |
-| `controls` | `boolean` | `true` | Show controls |
-| `subtitleTracks` | `array` | `[]` | Subtitle track objects |
+| `showControls` | `boolean` | `true` | Show controls (`MediaPlayer`, `VideoPlayer`, `AudioPlayer`) |
+| `subtitleTracks` | `array` | `[]` | Subtitle track objects (`SimpleMinimalPlayer`) |
 | `crossOrigin` | `string` | - | CORS setting |
 
 ### Subtitle Tracks
@@ -192,8 +211,9 @@ import { AudioPlayer } from '@therealtinhtute/baroiplayer';
 interface SubtitleTrack {
   id: string;
   label: string;
-  language: string;
-  src: string;
+  language?: string;
+  src?: string;
+  kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
   default?: boolean;
 }
 ```
@@ -202,61 +222,58 @@ interface SubtitleTrack {
 
 ### Custom Controls
 
+`useMediaPlayer` returns `{ state, controls, mediaRef, containerRef }`; attach `mediaRef`
+to your own media element and drive it through `controls`:
+
 ```jsx
-import { MediaPlayer, useMediaPlayer } from '@therealtinhtute/baroiplayer';
+import { useMediaPlayer } from '@therealtinhtute/baroiplayer';
 
-function CustomControls() {
-  const { playing, togglePlay, seek, volume } = useMediaPlayer();
+function CustomPlayer() {
+  const { state, controls, mediaRef } = useMediaPlayer({ src: 'video.mp4' });
 
   return (
-    <div className="flex items-center gap-4">
-      <button onClick={togglePlay}>
-        {playing ? 'Pause' : 'Play'}
-      </button>
-      <input
-        type="range"
-        min={0}
-        max={100}
-        value={volume * 100}
-        onChange={(e) => setVolume(e.target.value / 100)}
-      />
+    <div className="relative">
+      <video ref={mediaRef} className="w-full" />
+      <div className="flex items-center gap-4">
+        <button onClick={controls.toggle}>
+          {state.isPlaying ? 'Pause' : 'Play'}
+        </button>
+        <input
+          type="range"
+          min={0}
+          max={state.duration || 0}
+          value={state.currentTime}
+          onChange={(e) => controls.seek(parseFloat(e.target.value))}
+        />
+        <input
+          type="range"
+          min={0}
+          max={1}
+          step={0.1}
+          value={state.volume}
+          onChange={(e) => controls.setVolume(parseFloat(e.target.value))}
+        />
+      </div>
     </div>
   );
 }
-
-function App() {
-  return (
-    <MediaPlayer src="video.mp4">
-      <CustomControls />
-    </MediaPlayer>
-  );
-}
 ```
 
 ### Plugins
 
-```jsx
-import { MediaPlayer, AnalyticsPlugin } from '@therealtinhtute/baroiplayer';
-
-const analytics = new AnalyticsPlugin({
-  trackingId: 'your-tracking-id'
-});
-
-<MediaPlayer src="video.mp4" plugins={[analytics]} />
-```
+The plugin system (`base-plugin`, registry) is currently internal: plugins are not
+re-exported from the package root, so the player components have no public `plugins`
+prop yet.
 
 ### Custom Themes
 
-```jsx
-import { SimpleMinimalPlayer } from '@therealtinhtute/baroiplayer';
+Theming is done with CSS custom properties (there is no `theme` object prop):
 
-<SimpleMinimalPlayer
-  src="video.mp4"
-  theme={{
-    primary: 'oklch(70% 0.15 30)', // Orange
-    bg: 'oklch(15% 0.01 30)',    // Dark orange background
-  }}
-/>
+```css
+.player-container {
+  --media-primary: oklch(70% 0.15 30); /* Orange */
+  --media-bg: oklch(15% 0.01 30);      /* Dark orange background */
+}
 ```
 
 ## 🎹 Keyboard Shortcuts
@@ -290,7 +307,7 @@ The player is fully responsive and adapts to different screen sizes:
 
 ```bash
 # Clone the repository
-git clone https://github.com/yourusername/baroiplayer.git
+git clone https://github.com/ryanphanrp/baroiplayer.git
 cd baroiplayer
 
 # Install dependencies
@@ -336,10 +353,12 @@ npm publish
 
 ### Core Components
 
-- **MediaPlayer**: Main player component
-- **MediaPlayerControls**: Control panel component
+- **MediaPlayer**: Native `<video>`/`<audio>` player with overlay states
+- **MediaPlayerRoot**: Headless root that supplies the media store
+- **MediaPlayerHLS**: HLS player built on the video.js adapter
 - **AudioPlayer**: Audio-specific player
-- **SimpleMinimalPlayer**: Easy-to-use minimal player
+- **SimpleMinimalPlayer**: Easy-to-use minimal player with built-in controls
+- **MinimalMediaPlayer**: Configurable minimal player
 
 ### Features
 
@@ -350,7 +369,7 @@ npm publish
 
 ## 🤝 Contributing
 
-We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+We welcome contributions! Please see our [Contributing Guide](../../CONTRIBUTING.md) for details.
 
 ### Development Workflow
 
@@ -374,9 +393,9 @@ MIT License - see [LICENSE](LICENSE) file for details.
 
 ## 📞 Support
 
-- 📚 [Documentation](https://github.com/yourusername/baroiplayer/wiki)
-- 🐛 [Issue Tracker](https://github.com/yourusername/baroiplayer/issues)
-- 💬 [Discussions](https://github.com/yourusername/baroiplayer/discussions)
+- 📚 [Documentation](https://github.com/ryanphanrp/baroiplayer#readme)
+- 🐛 [Issue Tracker](https://github.com/ryanphanrp/baroiplayer/issues)
+- 💬 [Discussions](https://github.com/ryanphanrp/baroiplayer/discussions)
 
 ---
 

package/dist/components/icons/index.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface IconProps {
+    size?: number;
+    className?: string;
+    color?: string;
+}
+export declare const MinimalPlayIcon: React.FC<IconProps>;
+export declare const MinimalPauseIcon: React.FC<IconProps>;
+export declare const MinimalVolumeIcon: React.FC<IconProps>;
+export declare const MinimalVolumeMutedIcon: React.FC<IconProps>;
+export declare const MinimalFullscreenIcon: React.FC<IconProps>;
+export declare const MinimalExitFullscreenIcon: React.FC<IconProps>;
+export declare const MinimalSettingsIcon: React.FC<IconProps>;
+export declare const MinimalSpinner: React.FC<IconProps>;
+export declare const MinimalForwardIcon: React.FC<IconProps>;
+export declare const MinimalBackwardIcon: React.FC<IconProps>;
+export declare const MinimalForward10Icon: React.FC<IconProps>;
+export declare const MinimalBackward10Icon: React.FC<IconProps>;
+export declare const MinimalSubtitleIcon: React.FC<IconProps>;
+export declare const MinimalScreenshotIcon: React.FC<IconProps>;
+export declare const MinimalSpeedIcon: React.FC<IconProps>;
+export interface IconSet {
+    play?: React.FC<IconProps>;
+    pause?: React.FC<IconProps>;
+    volume?: React.FC<IconProps>;
+    volumeMuted?: React.FC<IconProps>;
+    fullscreen?: React.FC<IconProps>;
+    exitFullscreen?: React.FC<IconProps>;
+    settings?: React.FC<IconProps>;
+    forward?: React.FC<IconProps>;
+    backward?: React.FC<IconProps>;
+    spinner?: React.FC<IconProps>;
+    subtitle?: React.FC<IconProps>;
+}
+export declare const defaultMinimalIcons: IconSet;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,WAAW,SAAS;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGrF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGtF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIwC,CAAA;AAG1F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAG5F,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI0C,CAAA;AAGhG,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAG/F,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIqC,CAAA;AAGzF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAW9C,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIsC,CAAA;AAGzF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIoC,CAAA;AAGxF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAImC,CAAA;AAGxF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAImC,CAAA;AAGzF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIwC,CAAA;AAG5F,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIiC,CAAA;AAGvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI6C,CAAA;AAG9F,MAAM,WAAW,OAAO;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;CAC9B;AAGD,eAAO,MAAM,mBAAmB,EAAE,OAYjC,CAAA"}

package/dist/components/icons/svg-icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as React, SVGProps } from 'react';
+declare const ArrowLeftIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ArrowLeftIcon;
+//# sourceMappingURL=ArrowLeftIcon.d.ts.map

package/dist/components/icons/svg-icons/ArrowLeftIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/ArrowLeftIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,QAAA,MAAM,aAAa,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAYpD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/icons/svg-icons/ArrowRightIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const ArrowRightIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ArrowRightIcon;
+//# sourceMappingURL=ArrowRightIcon.d.ts.map

package/dist/components/icons/svg-icons/ArrowRightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/ArrowRightIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAYrD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/icons/svg-icons/AudioIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const Memo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default Memo;
+//# sourceMappingURL=AudioIcon.d.ts.map

package/dist/components/icons/svg-icons/AudioIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/AudioIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAmBtC,QAAA,MAAM,IAAI,UAjBgB,QAAQ,CAAC,aAAa,CAAC,sBAiB3B,CAAA;AACtB,eAAe,IAAI,CAAA"}

package/dist/components/icons/svg-icons/BackwardIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const BackwardIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default BackwardIcon;
+//# sourceMappingURL=BackwardIcon.d.ts.map

package/dist/components/icons/svg-icons/BackwardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackwardIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/BackwardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAMnD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/icons/svg-icons/CameraIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const Memo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default Memo;
+//# sourceMappingURL=CameraIcon.d.ts.map

package/dist/components/icons/svg-icons/CameraIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/CameraIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAgBtC,QAAA,MAAM,IAAI,UAdiB,QAAQ,CAAC,aAAa,CAAC,sBAc3B,CAAA;AACvB,eAAe,IAAI,CAAA"}

package/dist/components/icons/svg-icons/CheckIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const Memo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default Memo;
+//# sourceMappingURL=CheckIcon.d.ts.map

package/dist/components/icons/svg-icons/CheckIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAgBtC,QAAA,MAAM,IAAI,UAdgB,QAAQ,CAAC,aAAa,CAAC,sBAc3B,CAAA;AACtB,eAAe,IAAI,CAAA"}

package/dist/components/icons/svg-icons/EnablePiPIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as React, SVGProps } from 'react';
+declare function EnablePiPIcon(props: SVGProps<SVGSVGElement>): React.JSX.Element;
+export default EnablePiPIcon;
+//# sourceMappingURL=EnablePiPIcon.d.ts.map

package/dist/components/icons/svg-icons/EnablePiPIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnablePiPIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/EnablePiPIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,qBAYpD;AACD,eAAe,aAAa,CAAA"}

package/dist/components/icons/svg-icons/ForwardIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const ForwardIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ForwardIcon;
+//# sourceMappingURL=ForwardIcon.d.ts.map

package/dist/components/icons/svg-icons/ForwardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/ForwardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAMlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/icons/svg-icons/FullscreenEnterIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const FullscreenEnterIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default FullscreenEnterIcon;
+//# sourceMappingURL=FullscreenEnterIcon.d.ts.map

package/dist/components/icons/svg-icons/FullscreenEnterIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenEnterIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/FullscreenEnterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,mBAAmB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAiB1D,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/icons/svg-icons/FullscreenExitIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const FullscreenExitIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default FullscreenExitIcon;
+//# sourceMappingURL=FullscreenExitIcon.d.ts.map

package/dist/components/icons/svg-icons/FullscreenExitIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenExitIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/FullscreenExitIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,kBAAkB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAiBzD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/icons/svg-icons/LoadingIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const LoadingIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default LoadingIcon;
+//# sourceMappingURL=LoadingIcon.d.ts.map

package/dist/components/icons/svg-icons/LoadingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/LoadingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBA0BlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/icons/svg-icons/PauseIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const PauseIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default PauseIcon;
+//# sourceMappingURL=PauseIcon.d.ts.map

package/dist/components/icons/svg-icons/PauseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/PauseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAiBhD,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/icons/svg-icons/PlayIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const PlayIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default PlayIcon;
+//# sourceMappingURL=PlayIcon.d.ts.map

package/dist/components/icons/svg-icons/PlayIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/PlayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,QAAQ,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAe/C,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/icons/svg-icons/PlaybackSpeedIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const PlaybackSpeedIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default PlaybackSpeedIcon;
+//# sourceMappingURL=PlaybackSpeedIcon.d.ts.map

package/dist/components/icons/svg-icons/PlaybackSpeedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/PlaybackSpeedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,iBAAiB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAiBxD,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/icons/svg-icons/QualityIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const QualityIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default QualityIcon;
+//# sourceMappingURL=QualityIcon.d.ts.map

package/dist/components/icons/svg-icons/QualityIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualityIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/QualityIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAelD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/icons/svg-icons/SettingsIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const SettingsIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SettingsIcon;
+//# sourceMappingURL=SettingsIcon.d.ts.map

package/dist/components/icons/svg-icons/SettingsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/SettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAMnD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/icons/svg-icons/SliderIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const SliderIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SliderIcon;
+//# sourceMappingURL=SliderIcon.d.ts.map

package/dist/components/icons/svg-icons/SliderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/SliderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAejD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/icons/svg-icons/SubtitleIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const SubtitleIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SubtitleIcon;
+//# sourceMappingURL=SubtitleIcon.d.ts.map

package/dist/components/icons/svg-icons/SubtitleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitleIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/SubtitleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAenD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/icons/svg-icons/SubtitleOffIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const SubtitleOffIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SubtitleOffIcon;
+//# sourceMappingURL=SubtitleOffIcon.d.ts.map

package/dist/components/icons/svg-icons/SubtitleOffIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitleOffIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/SubtitleOffIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAmBtD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/icons/svg-icons/UnPiPIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as React, SVGProps } from 'react';
+export declare function UnPiPIcon(props: SVGProps<SVGSVGElement>): React.JSX.Element;
+export default UnPiPIcon;
+//# sourceMappingURL=UnPiPIcon.d.ts.map

package/dist/components/icons/svg-icons/UnPiPIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnPiPIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/UnPiPIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,qBAYvD;AACD,eAAe,SAAS,CAAA"}

package/dist/components/icons/svg-icons/VolumeMutedIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const VolumeMutedIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default VolumeMutedIcon;
+//# sourceMappingURL=VolumeMutedIcon.d.ts.map

package/dist/components/icons/svg-icons/VolumeMutedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeMutedIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/VolumeMutedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAUtD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/icons/svg-icons/VolumeOneIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const VolumeOneIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default VolumeOneIcon;
+//# sourceMappingURL=VolumeOneIcon.d.ts.map

package/dist/components/icons/svg-icons/VolumeOneIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeOneIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/VolumeOneIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,aAAa,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAgBpD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/icons/svg-icons/VolumeThreeIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const VolumeThreeIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default VolumeThreeIcon;
+//# sourceMappingURL=VolumeThreeIcon.d.ts.map

package/dist/components/icons/svg-icons/VolumeThreeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeThreeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/VolumeThreeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAUtD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/icons/svg-icons/VolumeTwoIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+import * as React from "react";
+declare const VolumeTwoIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default VolumeTwoIcon;
+//# sourceMappingURL=VolumeTwoIcon.d.ts.map

package/dist/components/icons/svg-icons/VolumeTwoIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeTwoIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/svg-icons/VolumeTwoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAQ,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,aAAa,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,sBAUpD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/variants/gradient/gradient-audio.d.ts

@@ -0,0 +1,13 @@
+export interface GradientAudioProps {
+    src: string;
+    className?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    title?: string;
+}
+/**
+ * Gradient audio skin on Video.js v10 — `AudioPlayer` + `Audio` from the preset, with the
+ * same ejected skin layer and glyph bindings as `GradientVideo`.
+ */
+export declare function GradientAudio({ src, className, autoPlay, loop, title }: GradientAudioProps): import('react').JSX.Element;
+//# sourceMappingURL=gradient-audio.d.ts.map

package/dist/components/variants/gradient/gradient-audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-audio.d.ts","sourceRoot":"","sources":["../../../../src/components/variants/gradient/gradient-audio.tsx"],"names":[],"mappings":"AAEA,OAAO,+BAA+B,CAAA;AACtC,OAAO,qBAAqB,CAAA;AAM5B,MAAM,WAAW,kBAAkB;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAyB1F"}

package/dist/components/variants/gradient/gradient-controls.d.ts

@@ -0,0 +1,4 @@
+export declare function GradientControls({ audio }: {
+    audio?: boolean;
+}): import('react').JSX.Element;
+//# sourceMappingURL=gradient-controls.d.ts.map

package/dist/components/variants/gradient/gradient-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/variants/gradient/gradient-controls.tsx"],"names":[],"mappings":"AA6IA,wBAAgB,gBAAgB,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAgHtE"}