@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/video-player.cjs

@@ -0,0 +1,383 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaPlayer = MediaPlayer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MediaPlayer — a `<video>` with a full transport: play/pause, seek, skip,
+ * volume, captions, speed, quality, picture-in-picture and fullscreen.
+ *
+ * The `<video>` element is the platform primitive — there is no reimplementing
+ * decode or buffering in userland — wrapped in a `@hanzo/gui` frame that supplies
+ * layout, theming and the overlay chrome. The transport itself is plain state
+ * plus the DOM media/fullscreen/PiP APIs the element already exposes.
+ *
+ * Progress and volume are both the existing `Slider`, not a hand-rolled bar —
+ * one control, two uses, so a caller learns its keyboard and touch behaviour
+ * once. Speed and quality are the existing `DropdownMenu` for the same reason.
+ */
+const React = __importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const button_1 = require("./button.cjs");
+const slider_1 = require("./slider.cjs");
+const dropdown_menu_1 = require("./dropdown-menu.cjs");
+const spinner_1 = require("./spinner.cjs");
+const slot_1 = require("./slot.cjs");
+const MAX_WIDTH = {
+    sm: 448,
+    md: 672,
+    lg: 896,
+};
+const SKIP_SECONDS = 10;
+const HIDE_AFTER_MS = 3000;
+const HIDE_ON_LEAVE_MS = 1000;
+const SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+const Frame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'MediaPlayer',
+    position: 'relative',
+    width: '100%',
+    aspectRatio: 16 / 9,
+    bg: '#000000',
+    rounded: '$4',
+    overflow: 'hidden',
+    variants: {
+        size: {
+            sm: { maxWidth: MAX_WIDTH.sm },
+            md: { maxWidth: MAX_WIDTH.md },
+            lg: { maxWidth: MAX_WIDTH.lg },
+            full: {},
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+/** mm:ss, or h:mm:ss once the clip runs past an hour. */
+const formatTime = (time) => {
+    if (!Number.isFinite(time))
+        return '0:00';
+    const hours = Math.floor(time / 3600);
+    const minutes = Math.floor((time % 3600) / 60);
+    const seconds = Math.floor(time % 60);
+    if (hours > 0)
+        return `${hours}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    return `${minutes}:${String(seconds).padStart(2, '0')}`;
+};
+const overlayButton = {
+    variant: 'ghost',
+    size: 'icon-sm',
+    color: 'white',
+    hoverStyle: { bg: 'rgba(255,255,255,0.2)' },
+};
+function MediaPlayer({ sources, poster, subtitles = [], size = 'md', autoPlay = false, loop = false, muted = false, preload = 'metadata', controls = true, disableKeyboard = false, disablePictureInPicture = false, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onQualityChange, onSpeedChange, ...props }) {
+    const videoRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const hideTimer = React.useRef(undefined);
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [currentTime, setCurrentTime] = React.useState(0);
+    const [duration, setDuration] = React.useState(0);
+    const [volume, setVolume] = React.useState(1);
+    const [isMuted, setIsMuted] = React.useState(muted);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const [showControls, setShowControls] = React.useState(true);
+    const [playbackSpeed, setPlaybackSpeed] = React.useState(1);
+    const [currentQuality, setCurrentQuality] = React.useState(sources.find((s) => s.quality)?.quality ?? 'auto');
+    const [showSubtitles, setShowSubtitles] = React.useState(false);
+    const [isBuffering, setIsBuffering] = React.useState(false);
+    const [isPictureInPicture, setIsPictureInPicture] = React.useState(false);
+    const qualityOptions = React.useMemo(() => {
+        const seen = new Set();
+        for (const s of sources)
+            if (s.quality)
+                seen.add(s.quality);
+        return ['auto', ...seen];
+    }, [sources]);
+    const togglePlayPause = React.useCallback(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (isPlaying)
+            video.pause();
+        else
+            void video.play();
+    }, [isPlaying]);
+    const seekTo = React.useCallback((time) => {
+        if (videoRef.current)
+            videoRef.current.currentTime = time;
+    }, []);
+    const skip = React.useCallback((seconds) => {
+        seekTo(Math.max(0, Math.min(duration, currentTime + seconds)));
+    }, [currentTime, duration, seekTo]);
+    const toggleMute = React.useCallback(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (isMuted) {
+            video.volume = volume;
+            setIsMuted(false);
+        }
+        else {
+            video.volume = 0;
+            setIsMuted(true);
+        }
+    }, [isMuted, volume]);
+    const changeVolume = React.useCallback((next) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const clamped = Math.max(0, Math.min(1, next));
+        video.volume = clamped;
+        setVolume(clamped);
+        setIsMuted(clamped === 0);
+        onVolumeChange?.(clamped);
+    }, [onVolumeChange]);
+    const toggleFullscreen = React.useCallback(async () => {
+        if (!containerRef.current)
+            return;
+        try {
+            if (!document.fullscreenElement) {
+                await containerRef.current.requestFullscreen();
+            }
+            else {
+                await document.exitFullscreen();
+            }
+        }
+        catch {
+            // Fullscreen can be refused by the browser (no gesture, disabled by
+            // policy) — the button simply has no effect, nothing to recover.
+        }
+    }, []);
+    const togglePictureInPicture = React.useCallback(async () => {
+        const video = videoRef.current;
+        if (!video || disablePictureInPicture)
+            return;
+        try {
+            if (document.pictureInPictureElement)
+                await document.exitPictureInPicture();
+            else
+                await video.requestPictureInPicture();
+        }
+        catch {
+            // Same as fullscreen: an unsupported browser or a refused request just
+            // leaves picture-in-picture off.
+        }
+    }, [disablePictureInPicture]);
+    const changePlaybackSpeed = React.useCallback((speed) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.playbackRate = speed;
+        setPlaybackSpeed(speed);
+        onSpeedChange?.(speed);
+    }, [onSpeedChange]);
+    const changeQuality = React.useCallback((quality) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const at = video.currentTime;
+        const wasPlaying = !video.paused;
+        const next = quality === 'auto' ? sources[0]?.src : sources.find((s) => s.quality === quality)?.src;
+        if (next)
+            video.src = next;
+        video.addEventListener('loadedmetadata', () => {
+            video.currentTime = at;
+            if (wasPlaying)
+                void video.play();
+        }, { once: true });
+        setCurrentQuality(quality);
+        onQualityChange?.(quality);
+    }, [sources, onQualityChange]);
+    const hideControlsAfterTimeout = React.useCallback(() => {
+        if (hideTimer.current)
+            clearTimeout(hideTimer.current);
+        hideTimer.current = setTimeout(() => {
+            setIsPlaying((playing) => {
+                if (playing)
+                    setShowControls(false);
+                return playing;
+            });
+        }, HIDE_AFTER_MS);
+    }, []);
+    const showControlsTemporarily = React.useCallback(() => {
+        setShowControls(true);
+        hideControlsAfterTimeout();
+    }, [hideControlsAfterTimeout]);
+    // Keyboard shortcuts, active only while focus is inside this player.
+    React.useEffect(() => {
+        if (disableKeyboard)
+            return;
+        const handleKeyDown = (e) => {
+            if (!containerRef.current?.contains(document.activeElement))
+                return;
+            switch (e.code) {
+                case 'Space':
+                    e.preventDefault();
+                    togglePlayPause();
+                    break;
+                case 'KeyF':
+                    e.preventDefault();
+                    void toggleFullscreen();
+                    break;
+                case 'KeyM':
+                    e.preventDefault();
+                    toggleMute();
+                    break;
+                case 'ArrowLeft':
+                    e.preventDefault();
+                    skip(-SKIP_SECONDS);
+                    break;
+                case 'ArrowRight':
+                    e.preventDefault();
+                    skip(SKIP_SECONDS);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    changeVolume(volume + 0.1);
+                    break;
+                case 'ArrowDown':
+                    e.preventDefault();
+                    changeVolume(volume - 0.1);
+                    break;
+                case 'KeyC':
+                    e.preventDefault();
+                    setShowSubtitles((v) => !v);
+                    break;
+                case 'KeyP':
+                    e.preventDefault();
+                    void togglePictureInPicture();
+                    break;
+            }
+            showControlsTemporarily();
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [
+        disableKeyboard,
+        togglePlayPause,
+        toggleFullscreen,
+        toggleMute,
+        skip,
+        changeVolume,
+        volume,
+        togglePictureInPicture,
+        showControlsTemporarily,
+    ]);
+    // Media element events.
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handlePlay = () => {
+            setIsPlaying(true);
+            setIsBuffering(false);
+            onPlay?.();
+            hideControlsAfterTimeout();
+        };
+        const handlePause = () => {
+            setIsPlaying(false);
+            setIsBuffering(false);
+            onPause?.();
+            setShowControls(true);
+        };
+        const handleTimeUpdate = () => {
+            setCurrentTime(video.currentTime);
+            setDuration(video.duration);
+            onTimeUpdate?.(video.currentTime, video.duration);
+        };
+        const handleLoadedMetadata = () => {
+            setDuration(video.duration);
+            setIsBuffering(false);
+        };
+        const handleWaiting = () => setIsBuffering(true);
+        const handleCanPlay = () => setIsBuffering(false);
+        const handleEnded = () => {
+            setIsPlaying(false);
+            setShowControls(true);
+            onEnded?.();
+        };
+        const handleVolumeChange = () => {
+            setVolume(video.volume);
+            setIsMuted(video.muted);
+        };
+        const handleEnter = () => setIsPictureInPicture(true);
+        const handleLeave = () => setIsPictureInPicture(false);
+        video.addEventListener('play', handlePlay);
+        video.addEventListener('pause', handlePause);
+        video.addEventListener('timeupdate', handleTimeUpdate);
+        video.addEventListener('loadedmetadata', handleLoadedMetadata);
+        video.addEventListener('waiting', handleWaiting);
+        video.addEventListener('canplay', handleCanPlay);
+        video.addEventListener('ended', handleEnded);
+        video.addEventListener('volumechange', handleVolumeChange);
+        video.addEventListener('enterpictureinpicture', handleEnter);
+        video.addEventListener('leavepictureinpicture', handleLeave);
+        return () => {
+            video.removeEventListener('play', handlePlay);
+            video.removeEventListener('pause', handlePause);
+            video.removeEventListener('timeupdate', handleTimeUpdate);
+            video.removeEventListener('loadedmetadata', handleLoadedMetadata);
+            video.removeEventListener('waiting', handleWaiting);
+            video.removeEventListener('canplay', handleCanPlay);
+            video.removeEventListener('ended', handleEnded);
+            video.removeEventListener('volumechange', handleVolumeChange);
+            video.removeEventListener('enterpictureinpicture', handleEnter);
+            video.removeEventListener('leavepictureinpicture', handleLeave);
+        };
+    }, [onPlay, onPause, onTimeUpdate, onEnded, hideControlsAfterTimeout]);
+    React.useEffect(() => {
+        const handleFullscreenChange = () => setIsFullscreen(!!document.fullscreenElement);
+        document.addEventListener('fullscreenchange', handleFullscreenChange);
+        return () => document.removeEventListener('fullscreenchange', handleFullscreenChange);
+    }, []);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleMouseMove = () => showControlsTemporarily();
+        const handleMouseLeave = () => {
+            if (!isPlaying || !hideTimer.current)
+                return;
+            clearTimeout(hideTimer.current);
+            hideTimer.current = setTimeout(() => setShowControls(false), HIDE_ON_LEAVE_MS);
+        };
+        container.addEventListener('mousemove', handleMouseMove);
+        container.addEventListener('mouseleave', handleMouseLeave);
+        return () => {
+            container.removeEventListener('mousemove', handleMouseMove);
+            container.removeEventListener('mouseleave', handleMouseLeave);
+        };
+    }, [isPlaying, showControlsTemporarily]);
+    return ((0, jsx_runtime_1.jsxs)(Frame, { ref: containerRef, size: size, tabIndex: 0, ...(0, slot_1.slot)('media-player'), ...props, children: [(0, jsx_runtime_1.jsxs)("video", { ref: videoRef, "data-slot": "media-player-video", poster: poster, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, playsInline: true, onClick: togglePlayPause, style: { width: '100%', height: '100%', objectFit: 'contain' }, children: [sources.map((source) => ((0, jsx_runtime_1.jsx)("source", { src: source.src, type: source.type }, source.src))), subtitles.map((track, index) => ((0, jsx_runtime_1.jsx)("track", { kind: "subtitles", src: track.src, srcLang: track.srcLang, label: track.label, default: track.default ?? index === 0 }, track.src))), "Your browser does not support the video tag."] }), isBuffering && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('media-player-buffering'), position: "absolute", l: 0, r: 0, t: 0, b: 0, items: "center", justify: "center", bg: "rgba(0,0,0,0.5)", pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, { size: 32, color: "white" }) })), controls && ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('media-player-controls'), position: "absolute", l: 0, r: 0, b: 0, t: 0, justify: "flex-end", bg: "rgba(0,0,0,0.55)", opacity: showControls ? 1 : 0, pointerEvents: showControls ? 'auto' : 'none', style: { transition: 'opacity 200ms ease' }, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$4", pb: "$2", children: (0, jsx_runtime_1.jsx)(slider_1.Slider, { "aria-label": "Seek", value: [duration > 0 ? currentTime : 0], max: duration || 1, step: 0.1, onValueChange: ([value]) => seekTo(value) }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { px: "$4", pb: "$3", items: "center", justify: "space-between", gap: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": "Rewind 10 seconds", onClick: () => skip(-SKIP_SECONDS), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RotateCcw, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, size: "icon", "aria-label": isPlaying ? 'Pause' : 'Play', onClick: togglePlayPause, children: isPlaying ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Pause, { size: 18 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Play, { size: 18 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": "Forward 10 seconds", onClick: () => skip(SKIP_SECONDS), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.SkipForward, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": isMuted ? 'Unmute' : 'Mute', onClick: toggleMute, children: isMuted || volume === 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.VolumeX, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Volume2, { size: 16 }) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 80, children: (0, jsx_runtime_1.jsx)(slider_1.Slider, { "aria-label": "Volume", value: [isMuted ? 0 : volume], max: 1, step: 0.1, onValueChange: ([value]) => changeVolume(value) }) }), (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { color: "white", fontSize: "$1", ml: "$2", children: [formatTime(currentTime), " / ", formatTime(duration)] })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [subtitles.length > 0 && ((0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": "Toggle captions", bg: showSubtitles ? 'rgba(255,255,255,0.2)' : undefined, onClick: () => setShowSubtitles((v) => !v), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Captions, { size: 16 }) })), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { ...overlayButton, size: "sm", "aria-label": "Playback speed", children: [playbackSpeed, "x"] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { align: "end", children: SPEEDS.map((speed) => ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onSelect: () => changePlaybackSpeed(speed), children: [speed, "x"] }, speed))) })] }), qualityOptions.length > 1 && ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": "Quality", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Settings, { size: 16 }) }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { align: "end", children: qualityOptions.map((quality) => ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onSelect: () => changeQuality(quality), children: quality }, quality))) })] })), !disablePictureInPicture && ((0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": "Picture in picture", bg: isPictureInPicture ? 'rgba(255,255,255,0.2)' : undefined, onClick: () => void togglePictureInPicture(), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PictureInPicture, { size: 16 }) })), (0, jsx_runtime_1.jsx)(button_1.Button, { ...overlayButton, "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', onClick: () => void toggleFullscreen(), children: isFullscreen ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Minimize, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Maximize, { size: 16 }) })] })] })] }))] }));
+}

package/dist/backends/gui/video-player.d.ts

@@ -0,0 +1,54 @@
+/**
+ * MediaPlayer — a `<video>` with a full transport: play/pause, seek, skip,
+ * volume, captions, speed, quality, picture-in-picture and fullscreen.
+ *
+ * The `<video>` element is the platform primitive — there is no reimplementing
+ * decode or buffering in userland — wrapped in a `@hanzo/gui` frame that supplies
+ * layout, theming and the overlay chrome. The transport itself is plain state
+ * plus the DOM media/fullscreen/PiP APIs the element already exposes.
+ *
+ * Progress and volume are both the existing `Slider`, not a hand-rolled bar —
+ * one control, two uses, so a caller learns its keyboard and touch behaviour
+ * once. Speed and quality are the existing `DropdownMenu` for the same reason.
+ */
+import * as React from 'react';
+export type MediaSource = {
+    src: string;
+    type: string;
+    quality?: string;
+};
+export type MediaSubtitleTrack = {
+    src: string;
+    label: string;
+    srcLang: string;
+    default?: boolean;
+};
+export type MediaPlayerSize = 'sm' | 'md' | 'lg' | 'full';
+declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    size?: "full" | "lg" | "md" | "sm" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type MediaPlayerProps = Omit<React.ComponentPropsWithoutRef<typeof Frame>, 'onPlay' | 'onPause' | 'onEnded' | 'children'> & {
+    sources: MediaSource[];
+    poster?: string;
+    subtitles?: MediaSubtitleTrack[];
+    size?: MediaPlayerSize;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: 'auto' | 'metadata' | 'none';
+    controls?: boolean;
+    disableKeyboard?: boolean;
+    disablePictureInPicture?: boolean;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+    onVolumeChange?: (volume: number) => void;
+    onQualityChange?: (quality: string) => void;
+    onSpeedChange?: (speed: number) => void;
+};
+export declare function MediaPlayer({ sources, poster, subtitles, size, autoPlay, loop, muted, preload, controls, disableKeyboard, disablePictureInPicture, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onQualityChange, onSpeedChange, ...props }: MediaPlayerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=video-player.d.ts.map

package/dist/backends/gui/video-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/video-player.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAazD,QAAA,MAAM,KAAK;;;;8CAmBT,CAAA;AAmBF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,EAC5C,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAC9C,GAAG;IACF,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,SAAc,EACd,IAAW,EACX,QAAgB,EAChB,IAAY,EACZ,KAAa,EACb,OAAoB,EACpB,QAAe,EACf,eAAuB,EACvB,uBAA+B,EAC/B,MAAM,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAkdlB"}