@glitchlab/vue-video-player 1.4.0 → 1.6.0

package/README.md

@@ -15,16 +15,28 @@ A lightweight, HLS-capable Vue 3 video player with a polished overlay UI, device
 
 - **HLS streaming** via `hls.js` with automatic native fallback (Safari)
 - **YouTube support** — pass a YouTube URL and it embeds automatically, no extra config
-- **Custom control bar** (default) — play/seek/time/speed/quality/captions/volume/PiP/fullscreen, consistent across every browser and OS. Or use `"native"` controls, or none.
+- **Custom control bar** (default) — a clean YouTube-style layout: full-width seek bar, playback controls on the left, utilities on the right. Or use `"native"` controls, or none.
+- **Settings menu** — one gear button with a two-level menu for speed, quality, subtitles and audio track
+- **Thumbnail seek preview** — hover the seek bar to see a frame preview from a WebVTT storyboard sprite
+- **Chapters** — named timeline segments with tick marks on the seek bar, from a WebVTT file or an inline array
+- **Playlist** — play a list of videos in sequence with auto-advance and prev/next buttons
 - **Quality selector** — `Auto` + per-resolution switching for multi-rendition HLS streams
 - **Audio-track switcher** — pick between multiple audio tracks (e.g. languages) when the stream provides them
-- **Captions** — `<track>` subtitles/captions with an in-bar menu
-- **Keyboard shortcuts** — space, arrows, `M`, `F`, `P`
+- **Captions** — `<track>` subtitles/captions, with optional cue styling (font size, colors, background)
+- **Live stream UX** — a LIVE badge for live HLS, with click-to-jump-to-edge
+- **Mini-player** — floats to a viewport corner when scrolled out of view while playing
+- **Ambient mode** — an optional soft, blurred color glow behind the player
+- **Loading & error states** — a buffering spinner and a styled error overlay with a retry button
+- **Event emits** — `play`, `pause`, `ended`, `time-update`, `seeked`, `volume-change`, `milestone`, `error`
+- **Persisted preferences** — opt-in volume, speed and resume-position memory via `localStorage`
+- **Theming** — rebrand with a `theme` prop (accent color, radius) or `--gvp-*` CSS variables
+- **Keyboard shortcuts** + double-click to toggle fullscreen
+- **Accessible** — focus rings, ARIA on every control, screen-reader announcements, `prefers-reduced-motion`
 - **Nuxt 3 module** — `modules: ["@glitchlab/vue-video-player/nuxt"]` and you're done
 - **Scoped CSS, no preflight** — all styles live under `.gvp-root`. No `*` resets, no theme tokens leaked into your design system
 - **Device-mode toggle** — flip between desktop (16:9) and mobile (9:16) presets
 - **Hover-to-play** with safe play/pause race handling
-- Lightweight: ~2 KB CSS + ~13 KB JS gzipped (hls.js is a peer dependency, loaded once)
+- Lightweight: ~3.5 KB CSS + ~19 KB JS gzipped (hls.js is a peer dependency, loaded once)
 - Fully typed; SSR-safe
 
 ---
@@ -95,8 +107,13 @@ Then use the component anywhere — no manual import required:
 
 | Prop                | Type                                              | Default                                 | Description                                                                              |
 |---------------------|---------------------------------------------------|-----------------------------------------|------------------------------------------------------------------------------------------|
-| `src`               | `string`                                          | —                                       | **Required.** Video URL. `.m3u8` is routed through HLS automatically.                    |
+| `src`               | `string`                                          | —                                       | Video URL. `.m3u8` is routed through HLS automatically. Optional when `playlist` is set. |
 | `poster`            | `string`                                          | —                                       | Poster image shown before playback starts.                                               |
+| `playlist`          | `PlaylistItem[]`                                  | —                                       | A list of videos to play in sequence. Auto-advances on end; prev/next buttons appear. Takes precedence over `src`. See [Playlist](#playlist). |
+| `defaultIndex`      | `number`                                          | `0`                                     | Index of the playlist item to start on.                                                  |
+| `autoAdvance`       | `boolean`                                         | `true`                                  | Auto-advance to the next playlist item when one ends.                                    |
+| `thumbnails`        | `string`                                          | —                                       | URL of a WebVTT storyboard for seek-bar thumbnail previews. See [Thumbnails](#thumbnail-seek-preview). |
+| `chapters`          | `string \| Chapter[]`                             | —                                       | WebVTT chapters URL, or an inline array of `{ start, title }`. See [Chapters](#chapters). |
 | `showDeviceToggle`  | `boolean`                                         | `true`                                  | Show the desktop/mobile toggle pill in the top-left.                                     |
 | `defaultDevice`     | `"desktop" \| "mobile"`                           | `"desktop"`                             | Initial device mode.                                                                     |
 | `hoverPlay`         | `boolean`                                         | `false`                                 | Start playback on mouse-enter, pause on mouse-leave.                                     |
@@ -111,14 +128,27 @@ Then use the component anywhere — no manual import required:
 | `aspectRatio`       | `{ desktop?: AspectRatio; mobile?: AspectRatio }` | `{ desktop: "16/9", mobile: "9/16" }`   | Aspect ratio per device mode. `AspectRatio` is `` `${number}/${number}` ``.              |
 | `hlsConfig`         | `Hls.HlsConfig`                                   | —                                       | Optional hls.js config. Use a stable reference (e.g. `shallowRef`) to avoid HLS rebuilds.|
 | `isHls`             | `boolean`                                         | `false`                                 | Force HLS routing even when the URL doesn't end in `.m3u8`.                              |
+| `theme`             | `PlayerTheme`                                     | —                                       | `{ accent?, radius? }` — rebrand via CSS variables. See [Theming](#theming).             |
+| `captionStyle`      | `CaptionStyle`                                    | —                                       | `{ fontSize?, textColor?, backgroundColor?, backgroundOpacity? }` — style caption cues.  |
+| `miniPlayer`        | `boolean`                                         | `false`                                 | Float to a viewport corner when scrolled out of view while playing. See [Mini-player](#mini-player). |
+| `miniPlayerPosition`| `"bottom-right" \| "bottom-left" \| "top-right" \| "top-left"` | `"bottom-right"`        | Corner the mini-player docks to.                                                         |
+| `ambientMode`       | `boolean`                                         | `false`                                 | Show a soft, blurred color glow behind the player. See [Ambient mode](#ambient-mode).    |
+| `persistKey`        | `string`                                          | —                                       | When set, persists volume, speed and resume position to `localStorage` under this key.   |
 
 ## Events
 
-| Event   | Payload | Description                                                          |
-|---------|---------|----------------------------------------------------------------------|
-| `close` | —       | Emitted when the close button is clicked. Requires `closable=true`.  |
-| `play`  | —       | Emitted when playback starts.                                        |
-| `pause` | —       | Emitted when playback pauses.                                        |
+| Event             | Payload                       | Description                                                          |
+|-------------------|-------------------------------|----------------------------------------------------------------------|
+| `close`           | —                             | Emitted when the close button is clicked. Requires `closable=true`.  |
+| `play`            | —                             | Emitted when playback starts or resumes.                             |
+| `pause`           | —                             | Emitted when playback pauses.                                        |
+| `ended`           | —                             | Emitted when the current video reaches its end.                      |
+| `time-update`     | `(currentTime, duration)`     | Emitted on every `timeupdate` (~4×/sec); times in seconds.           |
+| `seeked`          | `(currentTime)`               | Emitted after a seek completes, with the new time in seconds.        |
+| `volume-change`   | `(volume, muted)`             | Emitted when volume or mute state changes.                           |
+| `milestone`       | `(percent)`                   | Emitted once when watch progress crosses 25%, 50%, 75% and 100%.     |
+| `error`           | —                             | Emitted when the underlying media element reports an error.          |
+| `playlist-change` | `(index, item)`               | Emitted when the active playlist item changes.                       |
 
 ## Slots
 
@@ -146,19 +176,14 @@ The branded control bar is **on by default** — it looks and behaves the same a
 <VueVideoPlayer src="/videos/movie.m3u8" :controls="false" />
 ```
 
-The bar includes, left to right:
+The bar uses a YouTube-style layout — a **full-width seek bar** on top, then a button row:
 
-- **Play / pause**
-- **Seek bar** with a buffered indicator (live scrub — the video previews as you drag)
-- **Time** — `current / duration`
-- **Playback speed** — `0.5×` to `2×` menu
-- **Quality** — resolution selector (`Auto` + each height) — appears only for HLS streams with more than one quality level
-- **Captions** — appears only when the source has `<track>` subtitle/caption tracks
-- **Volume** — mute toggle + slider (slider expands on hover)
-- **Picture-in-Picture** — appears only where the browser supports it
-- **Fullscreen**
+- **Left group** — play/pause, prev/next (when a playlist is active), volume (mute toggle + slider that expands on hover), and the time / LIVE badge
+- **Right group** — the settings gear, Picture-in-Picture, and fullscreen
 
-It **auto-hides 3 seconds** after the last interaction during playback and reappears on mouse move; it stays visible while paused. Clicking anywhere on the video toggles play/pause.
+The **settings gear** opens a two-level menu grouping **playback speed**, **quality** (resolution), **subtitles** and **audio track**. Rows for unavailable settings (e.g. no extra audio tracks) are hidden, so the menu never shows a dead option.
+
+It **auto-hides 3 seconds** after the last interaction during playback and reappears on mouse move; it stays visible while paused. **Single-click** the video toggles play/pause; **double-click** toggles fullscreen.
 
 ### Keyboard shortcuts
 
@@ -173,6 +198,8 @@ When the player has focus (`controls="custom"`):
 | `F`            | Fullscreen toggle |
 | `P`            | Picture-in-Picture |
 
+Double-clicking the video surface also toggles fullscreen.
+
 ### Platform notes
 
 The bar degrades gracefully where a platform can't support a control:
@@ -194,6 +221,186 @@ Every part has a `.gvp-*` class hook — override what you need:
 
 ---
 
+## Thumbnail seek preview
+
+Hover the seek bar to see a frame preview. Pass `thumbnails` a URL to a **WebVTT storyboard** file — the format YouTube and Vimeo use. Each cue maps a time range to a region of a sprite image:
+
+```
+WEBVTT
+
+00:00:00.000 --> 00:00:05.000
+storyboard.jpg#xywh=0,0,160,90
+
+00:00:05.000 --> 00:00:10.000
+storyboard.jpg#xywh=160,0,160,90
+```
+
+```vue
+<VueVideoPlayer src="/videos/movie.m3u8" thumbnails="/videos/storyboard.vtt" />
+```
+
+The `#xywh=x,y,w,h` fragment crops a tile out of the sprite; relative image paths resolve against the VTT's own URL. A cue with no `#xywh` uses the whole image. You can generate a storyboard from a video with `ffmpeg`:
+
+```bash
+ffmpeg -i video.mp4 -vf "fps=1/5,scale=160:90,tile=5x100" storyboard.jpg
+```
+
+Only used with the custom control bar.
+
+---
+
+## Chapters
+
+Segment the timeline into named chapters. They add tick marks to the seek bar and show the chapter title in the hover preview. Pass either a WebVTT chapters URL or an inline array:
+
+```vue
+<!-- Inline -->
+<VueVideoPlayer
+  src="/videos/tutorial.m3u8"
+  :chapters="[
+    { start: 0, title: 'Introduction' },
+    { start: 150, title: 'Getting started' },
+    { start: 600, title: 'Advanced topics' },
+  ]"
+/>
+
+<!-- From a WebVTT chapters file -->
+<VueVideoPlayer src="/videos/tutorial.m3u8" chapters="/videos/chapters.vtt" />
+```
+
+Inline items may omit `end` — it's filled from the next chapter's `start` (or the video duration). Only used with the custom control bar.
+
+---
+
+## Playlist
+
+Pass `playlist` an array of items to play videos in sequence. The player auto-advances when one ends and shows prev/next buttons in the control bar. Each item can carry its own `poster`, `thumbnails` and `chapters`:
+
+```vue
+<VueVideoPlayer
+  :playlist="[
+    { src: '/videos/ep1.m3u8', title: 'Episode 1', thumbnails: '/videos/ep1.vtt' },
+    { src: '/videos/ep2.m3u8', title: 'Episode 2' },
+    { src: '/videos/ep3.m3u8', title: 'Episode 3' },
+  ]"
+  :default-index="0"
+  auto-advance
+  @playlist-change="(index, item) => console.log('Now playing', item.title)"
+/>
+```
+
+`playlist` takes precedence over `src`. Set `:auto-advance="false"` to require a manual next click. `PlaylistItem` is exported for typing.
+
+---
+
+## Event emits
+
+Wire the player's playback events into your own analytics or UI without a separate timer:
+
+```vue
+<VueVideoPlayer
+  src="/videos/movie.m3u8"
+  @play="track('video_play')"
+  @pause="track('video_pause')"
+  @ended="track('video_complete')"
+  @time-update="(time, duration) => (progress = time / duration)"
+  @seeked="(time) => track('video_seek', { time })"
+  @volume-change="(volume, muted) => console.log(volume, muted)"
+  @milestone="(percent) => track(`watched_${percent}`)"
+  @error="showRetry()"
+/>
+```
+
+`milestone` fires exactly once each as watch progress crosses 25%, 50%, 75% and 100% — handy for completion analytics. Milestone tracking resets per source (including playlist advances).
+
+---
+
+## Theming
+
+Rebrand the player without overriding component classes. Pass a `theme` prop — it maps to CSS custom properties on the player root:
+
+```vue
+<VueVideoPlayer
+  src="/videos/movie.m3u8"
+  :theme="{ accent: '#e11d48', radius: '0.5rem' }"
+/>
+```
+
+| Field    | Maps to            | Description                                          |
+|----------|--------------------|------------------------------------------------------|
+| `accent` | `--gvp-accent`     | Seek progress, play button, active states. Any CSS color. |
+| `radius` | `--gvp-radius`     | Corner radius of the player frame.                   |
+
+For deeper control, set the `--gvp-*` variables (or override `.gvp-*` classes) directly in your own CSS:
+
+```css
+.gvp-root { --gvp-accent-rgb: 225 29 72; --gvp-radius: 0.5rem; }
+```
+
+---
+
+## Mini-player
+
+Set `miniPlayer` and the player floats to a corner of the viewport when it scrolls out of view **while playing** — so viewers keep watching as they read the rest of the page. It returns when scrolled back; a close button dismisses it.
+
+```vue
+<VueVideoPlayer
+  src="/videos/movie.m3u8"
+  miniPlayer
+  miniPlayerPosition="bottom-right"
+/>
+```
+
+---
+
+## Ambient mode
+
+`ambientMode` adds a soft, blurred color glow behind the player that samples the current video frame (YouTube's "ambient mode"). Give the player some surrounding padding so the glow is visible.
+
+```vue
+<VueVideoPlayer src="/videos/movie.m3u8" ambientMode />
+```
+
+---
+
+## Live streams
+
+Live HLS streams are detected automatically (via hls.js's live flag). The control bar shows a **LIVE badge** instead of a duration — red and pulsing at the live edge, dimmed when behind. Clicking the badge jumps back to the live edge. No prop needed.
+
+---
+
+## Persisted preferences
+
+Pass a `persistKey` and the player remembers volume, mute, playback speed and the **resume position** across reloads and revisits, via `localStorage`:
+
+```vue
+<VueVideoPlayer src="/videos/course-1.m3u8" persistKey="my-course" />
+```
+
+Resume position is tracked per source URL, so one key can resume many videos independently. Omit `persistKey` to disable persistence entirely.
+
+---
+
+## Caption styling
+
+Style subtitle/caption cue text with `captionStyle` — applied via the `::cue` pseudo-element:
+
+```vue
+<VueVideoPlayer
+  src="/videos/talk.m3u8"
+  :caption-style="{
+    fontSize: '1.4em',
+    textColor: '#fde047',
+    backgroundColor: '#000000',
+    backgroundOpacity: 0.75,
+  }"
+>
+  <track kind="subtitles" src="/subs/en.vtt" srclang="en" label="English" default />
+</VueVideoPlayer>
+```
+
+---
+
 ## YouTube URLs
 
 Pass any common YouTube URL as `src` and the player swaps the `<video>` element for a privacy-enhanced (`youtube-nocookie.com`) embed inside the same styled frame — no extra prop needed:

package/dist/HLSPlayer.vue.d.ts

@@ -35,6 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     play: () => void;
     pause: () => void;
+    ended: () => void;
+    "fatal-error": () => void;
+    "live-change": (isLive: boolean) => void;
     "audio-tracks": (tracks: AudioTrackInfo[]) => void;
     "quality-levels": (levels: QualityLevelInfo[]) => void;
     "current-level": (index: number) => void;
@@ -66,6 +69,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>>> & Readonly<{
     onPlay?: (() => any) | undefined;
     onPause?: (() => any) | undefined;
+    onEnded?: (() => any) | undefined;
+    "onFatal-error"?: (() => any) | undefined;
+    "onLive-change"?: ((isLive: boolean) => any) | undefined;
     "onAudio-tracks"?: ((tracks: AudioTrackInfo[]) => any) | undefined;
     "onQuality-levels"?: ((levels: QualityLevelInfo[]) => any) | undefined;
     "onCurrent-level"?: ((index: number) => any) | undefined;

package/dist/HLSPlayer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HLSPlayer.vue.d.ts","sourceRoot":"","sources":["../src/HLSPlayer.vue"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAqOlF,iBAAS,cAAc;qBAoDO,GAAG;EAGhC;AA2BD,QAAA,MAAM,eAAe;SAOZ,MAAM;gBACC,SAAS;YACb,OAAO;YACP,OAAO;WACR,OAAO;eACH,OAAO;eACP,OAAO;kBACJ,OAAO;cACX,MAAM;aACP,MAAM;YACP,MAAM;IACd,kFAAkF;sBAChE,MAAM;IACxB,oEAAoE;wBAChD,MAAM;;;;;;;;;;;;;;;;;;;SAdrB,MAAM;gBACC,SAAS;YACb,OAAO;YACP,OAAO;WACR,OAAO;eACH,OAAO;eACP,OAAO;kBACJ,OAAO;cACX,MAAM;aACP,MAAM;YACP,MAAM;IACd,kFAAkF;sBAChE,MAAM;IACxB,oEAAoE;wBAChD,MAAM;;;;;;;;;;;;;;;;;WAXlB,OAAO;UACR,OAAO;cACH,OAAO;cACP,OAAO;iBACJ,OAAO;aACX,MAAM;qBAIE,MAAM;uBAEJ,MAAM;4EAG5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"HLSPlayer.vue.d.ts","sourceRoot":"","sources":["../src/HLSPlayer.vue"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAyPlF,iBAAS,cAAc;qBA2DO,GAAG;EAGhC;AA2BD,QAAA,MAAM,eAAe;SAOZ,MAAM;gBACC,SAAS;YACb,OAAO;YACP,OAAO;WACR,OAAO;eACH,OAAO;eACP,OAAO;kBACJ,OAAO;cACX,MAAM;aACP,MAAM;YACP,MAAM;IACd,kFAAkF;sBAChE,MAAM;IACxB,oEAAoE;wBAChD,MAAM;;;;;;;;;;;;;;;;;;;;;;SAdrB,MAAM;gBACC,SAAS;YACb,OAAO;YACP,OAAO;WACR,OAAO;eACH,OAAO;eACP,OAAO;kBACJ,OAAO;cACX,MAAM;aACP,MAAM;YACP,MAAM;IACd,kFAAkF;sBAChE,MAAM;IACxB,oEAAoE;wBAChD,MAAM;;;;;;;;;;;;;;;;;;;;WAXlB,OAAO;UACR,OAAO;cACH,OAAO;cACP,OAAO;iBACJ,OAAO;aACX,MAAM;qBAIE,MAAM;uBAEJ,MAAM;4EAG5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/VideoPlayer.vue.d.ts

@@ -1,4 +1,4 @@
-import { DeviceMode, VideoPlayerProps } from './utils/types';
+import { DeviceMode, PlaylistItem, VideoPlayerProps } from './utils/types';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -15,11 +15,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     controls: boolean;
     autoPlay: boolean;
     closable: boolean;
+    defaultIndex: number;
+    autoAdvance: boolean;
+    miniPlayer: boolean;
+    miniPlayerPosition: string;
+    ambientMode: boolean;
     class: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     play: () => void;
     pause: () => void;
+    ended: () => void;
     close: () => void;
+    error: () => void;
+    seeked: (currentTime: number) => void;
+    "time-update": (currentTime: number, duration: number) => void;
+    "volume-change": (volume: number, muted: boolean) => void;
+    milestone: (percent: 100 | 25 | 50 | 75) => void;
+    "playlist-change": (index: number, item: PlaylistItem) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoPlayerProps & {
     class?: string;
     closable?: boolean;
@@ -32,20 +44,37 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     controls: boolean;
     autoPlay: boolean;
     closable: boolean;
+    defaultIndex: number;
+    autoAdvance: boolean;
+    miniPlayer: boolean;
+    miniPlayerPosition: string;
+    ambientMode: boolean;
     class: string;
 }>>> & Readonly<{
     onPlay?: (() => any) | undefined;
     onPause?: (() => any) | undefined;
+    onEnded?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onError?: (() => any) | undefined;
+    onSeeked?: ((currentTime: number) => any) | undefined;
+    "onTime-update"?: ((currentTime: number, duration: number) => any) | undefined;
+    "onVolume-change"?: ((volume: number, muted: boolean) => any) | undefined;
+    onMilestone?: ((percent: 100 | 25 | 50 | 75) => any) | undefined;
+    "onPlaylist-change"?: ((index: number, item: PlaylistItem) => any) | undefined;
 }>, {
     muted: boolean;
     loop: boolean;
     controls: boolean | "custom" | "native";
     autoPlay: boolean;
     class: string;
+    defaultIndex: number;
+    autoAdvance: boolean;
     showDeviceToggle: boolean;
     defaultDevice: DeviceMode;
     hoverPlay: boolean;
+    miniPlayer: boolean;
+    miniPlayerPosition: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    ambientMode: boolean;
     closable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/VideoPlayer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.vue.d.ts","sourceRoot":"","sources":["../src/VideoPlayer.vue"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA4PlE,iBAAS,cAAc;qBAqcO,GAAG;EAGhC;AAkDD,QAAA,MAAM,eAAe;YAKsE,MAAM;eAAa,OAAO;;;;;;;;;;;;;;;;YAA1B,MAAM;eAAa,OAAO;;;;;;;;;;;;;;;;;;;;WAA1B,MAAM;;;;cAAa,OAAO;4EAEnH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"VideoPlayer.vue.d.ts","sourceRoot":"","sources":["../src/VideoPlayer.vue"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAilBhF,iBAAS,cAAc;qBAgrBO,GAAG;EAGhC;AA4ED,QAAA,MAAM,eAAe;YAKsE,MAAM;eAAa,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAA1B,MAAM;eAAa,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA1B,MAAM;;;;;;;;;cAAa,OAAO;4EAEnH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/ControlBar.vue.d.ts

@@ -1,4 +1,5 @@
 import { QualityLevelInfo } from '../utils/quality-levels';
+import { AudioTrackInfo } from '../utils/audio-tracks';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     video: HTMLVideoElement | null;
@@ -11,12 +12,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     currentLevel?: number;
     /** Selected level: -1 = Auto, >=0 pins a level. */
     selectedLevel?: number;
+    /** URL of a WebVTT storyboard for seek-bar thumbnail previews. */
+    thumbnails?: string;
+    /** Timeline chapters: a WebVTT chapters URL or an inline array. */
+    chapters?: string | Array<{
+        start: number;
+        end?: number;
+        title: string;
+    }>;
+    /** Whether a previous playlist item exists. Shows the prev button. */
+    hasPrev?: boolean;
+    /** Whether a next playlist item exists. Shows the next button. */
+    hasNext?: boolean;
+    /** Whether the source is a live stream (from hls.js's live flag). */
+    isLive?: boolean;
+    /** Available audio tracks (empty / single hides the audio submenu). */
+    audioTracks?: AudioTrackInfo[];
+    /** Index of the active audio track, or -1 for the source default. */
+    audioTrackIndex?: number;
 }>, {
     qualityLevels: () => never[];
     currentLevel: number;
     selectedLevel: number;
+    hasPrev: boolean;
+    hasNext: boolean;
+    isLive: boolean;
+    audioTracks: () => never[];
+    audioTrackIndex: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "select-level": (index: number) => void;
+    "select-audio-track": (index: number) => void;
+    prev: () => void;
+    next: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     video: HTMLVideoElement | null;
     isPlaying: boolean;
@@ -28,16 +55,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     currentLevel?: number;
     /** Selected level: -1 = Auto, >=0 pins a level. */
     selectedLevel?: number;
+    /** URL of a WebVTT storyboard for seek-bar thumbnail previews. */
+    thumbnails?: string;
+    /** Timeline chapters: a WebVTT chapters URL or an inline array. */
+    chapters?: string | Array<{
+        start: number;
+        end?: number;
+        title: string;
+    }>;
+    /** Whether a previous playlist item exists. Shows the prev button. */
+    hasPrev?: boolean;
+    /** Whether a next playlist item exists. Shows the next button. */
+    hasNext?: boolean;
+    /** Whether the source is a live stream (from hls.js's live flag). */
+    isLive?: boolean;
+    /** Available audio tracks (empty / single hides the audio submenu). */
+    audioTracks?: AudioTrackInfo[];
+    /** Index of the active audio track, or -1 for the source default. */
+    audioTrackIndex?: number;
 }>, {
     qualityLevels: () => never[];
     currentLevel: number;
     selectedLevel: number;
+    hasPrev: boolean;
+    hasNext: boolean;
+    isLive: boolean;
+    audioTracks: () => never[];
+    audioTrackIndex: number;
 }>>> & Readonly<{
     "onSelect-level"?: ((index: number) => any) | undefined;
+    "onSelect-audio-track"?: ((index: number) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
 }>, {
+    audioTrackIndex: number;
     currentLevel: number;
+    audioTracks: AudioTrackInfo[];
     qualityLevels: QualityLevelInfo[];
     selectedLevel: number;
+    hasPrev: boolean;
+    hasNext: boolean;
+    isLive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/ControlBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ControlBar.vue"],"names":[],"mappings":"AAeA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;WA6iCnE,gBAAgB,GAAG,IAAI;eACnB,OAAO;eACP,WAAW,GAAG,IAAI;kBACf,MAAM,IAAI;IACxB,sDAAsD;oBACtC,gBAAgB,EAAE;IAClC,uEAAuE;mBACxD,MAAM;IACrB,mDAAmD;oBACnC,MAAM;;;;;;;;WATf,gBAAgB,GAAG,IAAI;eACnB,OAAO;eACP,WAAW,GAAG,IAAI;kBACf,MAAM,IAAI;IACxB,sDAAsD;oBACtC,gBAAgB,EAAE;IAClC,uEAAuE;mBACxD,MAAM;IACrB,mDAAmD;oBACnC,MAAM;;;;;;;;kBAFP,MAAM;mBAFL,gBAAgB,EAAE;mBAIlB,MAAM;;AAf1B,wBAkBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ControlBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ControlBar.vue"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;WAs/BjD,gBAAgB,GAAG,IAAI;eACnB,OAAO;eACP,WAAW,GAAG,IAAI;kBACf,MAAM,IAAI;IACxB,sDAAsD;oBACtC,gBAAgB,EAAE;IAClC,uEAAuE;mBACxD,MAAM;IACrB,mDAAmD;oBACnC,MAAM;IACtB,kEAAkE;iBACrD,MAAM;IACnB,mEAAmE;eACxD,MAAM,GAAG,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,sEAAsE;cAC5D,OAAO;IACjB,kEAAkE;cACxD,OAAO;IACjB,qEAAqE;aAC5D,OAAO;IAChB,uEAAuE;kBACzD,cAAc,EAAE;IAC9B,qEAAqE;sBACnD,MAAM;;;;;;;;;;;;;;;;WAvBjB,gBAAgB,GAAG,IAAI;eACnB,OAAO;eACP,WAAW,GAAG,IAAI;kBACf,MAAM,IAAI;IACxB,sDAAsD;oBACtC,gBAAgB,EAAE;IAClC,uEAAuE;mBACxD,MAAM;IACrB,mDAAmD;oBACnC,MAAM;IACtB,kEAAkE;iBACrD,MAAM;IACnB,mEAAmE;eACxD,MAAM,GAAG,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,sEAAsE;cAC5D,OAAO;IACjB,kEAAkE;cACxD,OAAO;IACjB,qEAAqE;aAC5D,OAAO;IAChB,uEAAuE;kBACzD,cAAc,EAAE;IAC9B,qEAAqE;sBACnD,MAAM;;;;;;;;;;;;;;;;qBAAN,MAAM;kBAhBT,MAAM;iBAcP,cAAc,EAAE;mBAhBd,gBAAgB,EAAE;mBAIlB,MAAM;aAMZ,OAAO;aAEP,OAAO;YAER,OAAO;;AAzBpB,wBAgCG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/{IconQuality.vue.d.ts → IconAlert.vue.d.ts}

@@ -13,4 +13,4 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=IconQuality.vue.d.ts.map
+//# sourceMappingURL=IconAlert.vue.d.ts.map

package/dist/components/IconAlert.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAlert.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconAlert.vue"],"names":[],"mappings":";YA+DqD,MAAM;;YAAN,MAAM;;AA3D3D,wBA6DI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/IconCheck.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=IconCheck.vue.d.ts.map

package/dist/components/IconCheck.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCheck.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconCheck.vue"],"names":[],"mappings":";YA+DqD,MAAM;;YAAN,MAAM;;AA3D3D,wBA6DI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/IconChevronRight.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=IconChevronRight.vue.d.ts.map

package/dist/components/IconChevronRight.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconChevronRight.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconChevronRight.vue"],"names":[],"mappings":";YA+DqD,MAAM;;YAAN,MAAM;;AA3D3D,wBA6DI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/IconGear.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=IconGear.vue.d.ts.map

package/dist/components/IconGear.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconGear.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconGear.vue"],"names":[],"mappings":";YAuEqD,MAAM;;YAAN,MAAM;;AAnE3D,wBAqEI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/IconNext.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=IconNext.vue.d.ts.map

package/dist/components/IconNext.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconNext.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconNext.vue"],"names":[],"mappings":";YAuEqD,MAAM;;YAAN,MAAM;;AAnE3D,wBAqEI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/IconPrev.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=IconPrev.vue.d.ts.map

package/dist/components/IconPrev.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPrev.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconPrev.vue"],"names":[],"mappings":";YAuEqD,MAAM;;YAAN,MAAM;;AAnE3D,wBAqEI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}