@therealtinhtute/baroiplayer 1.0.6 → 1.0.7

package/dist/src/components/variants/minimal/MinimalMediaPlayer.js

@@ -1,135 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { MediaPlayerRoot } from "../../media-player-root";
-import { MediaPlayerVideo } from "../../media-player-video";
-import { MinimalControls } from "./MinimalControls";
-import { MinimalOverlay } from "./MinimalOverlay";
-import { MinimalLoading } from "./MinimalLoading";
-import { cn } from "../../../lib/utils";
-import { defaultMinimalIcons } from "../../icons";
-export function MinimalMediaPlayer({ src, poster, autoPlay = false, muted = false, loop = false, autoHideControls = true, hideDelay = 2500, theme = "dark", customIcons, showCenterPlayButton = true, showLoadingSpinner = true, className, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onSeek, onError, watermark, qualities, showQualitySelector = false, showSpeedControl = false, thumbnails, }) {
-    const [controlsVisible, setControlsVisible] = useState(true);
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const hideTimeoutRef = useRef(null);
-    const containerRef = useRef(null);
-    const [isHovered, setIsHovered] = useState(false);
-    const [userInteracting, setUserInteracting] = useState(false);
-    // Merge default icons with custom icons
-    const icons = { ...defaultMinimalIcons, ...customIcons };
-    // Auto-hide controls logic
-    const resetHideTimer = () => {
-        if (!autoHideControls)
-            return;
-        if (hideTimeoutRef.current) {
-            clearTimeout(hideTimeoutRef.current);
-        }
-        setControlsVisible(true);
-        if (!userInteracting && isPlaying) {
-            hideTimeoutRef.current = setTimeout(() => {
-                setControlsVisible(false);
-            }, hideDelay);
-        }
-    };
-    // Handle mouse movement
-    const handleMouseMove = () => {
-        resetHideTimer();
-    };
-    // Handle mouse enter/leave
-    const handleMouseEnter = () => {
-        setIsHovered(true);
-        setControlsVisible(true);
-        if (hideTimeoutRef.current) {
-            clearTimeout(hideTimeoutRef.current);
-        }
-    };
-    const handleMouseLeave = () => {
-        setIsHovered(false);
-        if (isPlaying && autoHideControls && !userInteracting) {
-            hideTimeoutRef.current = setTimeout(() => {
-                setControlsVisible(false);
-            }, 500);
-        }
-    };
-    // Handle user interaction
-    const handleUserInteractionStart = () => {
-        setUserInteracting(true);
-        setControlsVisible(true);
-        if (hideTimeoutRef.current) {
-            clearTimeout(hideTimeoutRef.current);
-        }
-    };
-    const handleUserInteractionEnd = () => {
-        setUserInteracting(false);
-        resetHideTimer();
-    };
-    // Handle play state changes
-    const handlePlayStateChange = (playing) => {
-        setIsPlaying(playing);
-        if (playing) {
-            onPlay?.();
-            resetHideTimer();
-        }
-        else {
-            onPause?.();
-            setControlsVisible(true);
-            if (hideTimeoutRef.current) {
-                clearTimeout(hideTimeoutRef.current);
-            }
-        }
-    };
-    // Handle loading state
-    const handleLoadStart = () => {
-        setIsLoading(true);
-        setError(null);
-    };
-    const handleLoadedData = () => {
-        setIsLoading(false);
-    };
-    // Handle errors
-    const handleError = (e) => {
-        setIsLoading(false);
-        setError(e.message || "An error occurred");
-        onError?.(e);
-    };
-    // Cleanup on unmount
-    useEffect(() => {
-        return () => {
-            if (hideTimeoutRef.current) {
-                clearTimeout(hideTimeoutRef.current);
-            }
-        };
-    }, []);
-    // Determine video source
-    const videoSrc = qualities && qualities.length > 0
-        ? qualities.find(q => q.default)?.src || qualities[0]?.src || (typeof src === 'string' ? src : src[0])
-        : (typeof src === 'string' ? src : src[0]);
-    return (_jsx("div", { ref: containerRef, className: cn("minimal-player theme-minimal relative overflow-hidden rounded-lg bg-black", `theme-minimal-${theme}`, className), "data-theme": theme, onMouseMove: handleMouseMove, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsxs(MediaPlayerRoot, { className: "relative h-full w-full", autoHide: false, enableGestures: true, enableMobileOptimizations: true, children: [_jsx(MediaPlayerVideo, { src: videoSrc, poster: poster, autoPlay: autoPlay, muted: muted, loop: loop, playsInline: true, crossOrigin: "anonymous", onPlay: () => handlePlayStateChange(true), onPause: () => handlePlayStateChange(false), onEnded: onEnded, onTimeUpdate: (e) => {
-                        const video = e.currentTarget;
-                        onTimeUpdate?.(video.currentTime);
-                    }, onVolumeChange: (e) => {
-                        const video = e.currentTarget;
-                        onVolumeChange?.(video.volume);
-                    }, onLoadStart: handleLoadStart, onLoadedData: handleLoadedData, onError: (e) => handleError(new Error("Failed to load video")) }), showLoadingSpinner && isLoading && (_jsx(MinimalLoading, { icon: icons.spinner })), error && (_jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/80", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "mb-4 text-red-500", children: _jsx("svg", { className: "mx-auto h-12 w-12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }), _jsx("p", { className: "mb-2 text-lg text-white", children: "Playback Error" }), _jsx("p", { className: "text-gray-400 text-sm", children: error })] }) })), watermark && (_jsx("div", { className: cn("pointer-events-none absolute z-20", {
-                        "top-4 left-4": watermark.position === "top-left",
-                        "top-4 right-4": watermark.position === "top-right",
-                        "bottom-16 left-4": watermark.position === "bottom-left",
-                        "right-4 bottom-16": watermark.position === "bottom-right",
-                    }), style: { opacity: watermark.opacity || 0.7 }, children: _jsx("img", { src: watermark.src, alt: "", className: cn("object-contain", {
-                            "h-8": watermark.size === "small",
-                            "h-12": watermark.size === "medium" || !watermark.size,
-                            "h-16": watermark.size === "large",
-                        }) }) })), showCenterPlayButton && !isPlaying && !isLoading && (_jsx(MinimalOverlay, { visible: true, showCenterButton: true, isPlaying: isPlaying, icons: icons, onPlayPause: () => {
-                        const video = containerRef.current?.querySelector("video");
-                        if (video) {
-                            if (isPlaying) {
-                                video.pause();
-                            }
-                            else {
-                                video.play();
-                            }
-                        }
-                    } })), _jsx(MinimalControls, { visible: controlsVisible || !isPlaying || isHovered, icons: icons, isPlaying: isPlaying, showQualitySelector: showQualitySelector, showSpeedControl: showSpeedControl, qualities: qualities, thumbnails: thumbnails, onUserInteractionStart: handleUserInteractionStart, onUserInteractionEnd: handleUserInteractionEnd, onSeek: onSeek })] }) }));
-}

package/dist/src/components/variants/minimal/MinimalOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalOverlay.d.ts","sourceRoot":"","sources":["MinimalOverlay.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,gBAAwB,EACxB,SAAiB,EACjB,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,mBAAmB,kDAyCrB"}

package/dist/src/components/variants/minimal/MinimalOverlay.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils";
-export function MinimalOverlay({ visible, showCenterButton = false, isPlaying = false, icons, onPlayPause, className, }) {
-    if (!visible || !showCenterButton)
-        return null;
-    const PlayIcon = icons.play;
-    const PauseIcon = icons.pause;
-    if (!PlayIcon || !PauseIcon)
-        return null;
-    return (_jsx("div", { className: cn("absolute inset-0 z-30 flex items-center justify-center", "bg-black/20 transition-opacity duration-200", className), onClick: onPlayPause, children: _jsx("button", { className: cn("minimal-center-play", "h-20 w-20 rounded-full", "flex items-center justify-center", "text-white", "transition-all duration-200", "hover:scale-110", "active:scale-95"), onClick: (e) => {
-                e.stopPropagation();
-                onPlayPause?.();
-            }, "aria-label": isPlaying ? "Pause" : "Play", children: isPlaying ? (_jsx(PauseIcon, { size: 48 })) : (_jsx(PlayIcon, { size: 48, className: "ml-1" })) }) }));
-}

package/dist/src/components/variants/minimal/MinimalPlayButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalPlayButton.d.ts","sourceRoot":"","sources":["MinimalPlayButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,IAAW,EACX,SAAS,GACV,EAAE,sBAAsB,kDA6CxB"}

package/dist/src/components/variants/minimal/MinimalPlayButton.js

@@ -1,29 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMediaDispatch, MediaActionTypes } from "../../../context/media-context";
-import { cn } from "../../../lib/utils";
-export function MinimalPlayButton({ isPlaying, icons, size = "md", className, }) {
-    const dispatch = useMediaDispatch();
-    const handleClick = () => {
-        dispatch({
-            type: isPlaying ? MediaActionTypes.PAUSE : MediaActionTypes.PLAY
-        });
-    };
-    const sizeClasses = {
-        sm: "h-10 w-10",
-        md: "h-12 w-12 minimal-btn",
-        lg: "h-16 w-16 minimal-btn-lg",
-        xl: "h-20 w-20 minimal-btn-lg",
-    };
-    const iconSizes = {
-        sm: 27,
-        md: 30,
-        lg: 36,
-        xl: 42,
-    };
-    const PlayIcon = icons.play;
-    const PauseIcon = icons.pause;
-    if (!PlayIcon || !PauseIcon)
-        return null;
-    return (_jsx("button", { className: cn("minimal-btn", sizeClasses[size], className), onClick: handleClick, "aria-label": isPlaying ? "Pause" : "Play", children: isPlaying ? (_jsx(PauseIcon, { size: iconSizes[size] })) : (_jsx(PlayIcon, { size: iconSizes[size] })) }));
-}

package/dist/src/components/variants/minimal/MinimalSeekBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalSeekBar.d.ts","sourceRoot":"","sources":["MinimalSeekBar.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,SAAS,GACV,EAAE,mBAAmB,2CAoIrB"}

package/dist/src/components/variants/minimal/MinimalSeekBar.js

@@ -1,73 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import { useMediaSelector, useMediaDispatch, MediaActionTypes } from "../../../context/media-context";
-import { formatTime } from "../../../lib/format-time";
-import { cn } from "../../../lib/utils";
-export function MinimalSeekBar({ thumbnails, onSeek, className, }) {
-    const dispatch = useMediaDispatch();
-    const currentTime = useMediaSelector((state) => state.currentTime);
-    const duration = useMediaSelector((state) => state.duration);
-    const buffered = useMediaSelector((state) => state.buffered);
-    const [isDragging, setIsDragging] = useState(false);
-    const [hoverTime, setHoverTime] = useState(0);
-    const [hoverPosition, setHoverPosition] = useState(0);
-    const seekBarRef = useRef(null);
-    const progress = duration > 0 ? (currentTime / duration) * 100 : 0;
-    const bufferedProgress = buffered && buffered.length > 0 && duration > 0
-        ? (buffered.end(buffered.length - 1) / duration) * 100
-        : 0;
-    const handleSeek = (clientX) => {
-        if (!seekBarRef.current || duration === 0)
-            return;
-        const rect = seekBarRef.current.getBoundingClientRect();
-        const position = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-        const newTime = position * duration;
-        dispatch({
-            type: MediaActionTypes.SEEK,
-            detail: newTime
-        });
-        onSeek?.(newTime);
-    };
-    const handleMouseDown = (e) => {
-        e.preventDefault();
-        setIsDragging(true);
-        handleSeek(e.clientX);
-    };
-    const handleMouseMove = (e) => {
-        if (!seekBarRef.current || duration === 0)
-            return;
-        const rect = seekBarRef.current.getBoundingClientRect();
-        const position = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
-        const time = position * duration;
-        setHoverTime(time);
-        setHoverPosition((e.clientX - rect.left));
-        if (isDragging) {
-            handleSeek(e.clientX);
-        }
-    };
-    const handleMouseUp = () => {
-        setIsDragging(false);
-    };
-    const handleMouseLeave = () => {
-        setIsDragging(false);
-        setHoverTime(0);
-    };
-    React.useEffect(() => {
-        if (isDragging) {
-            const handleGlobalMouseMove = (e) => {
-                handleSeek(e.clientX);
-            };
-            const handleGlobalMouseUp = () => {
-                setIsDragging(false);
-            };
-            document.addEventListener("mousemove", handleGlobalMouseMove);
-            document.addEventListener("mouseup", handleGlobalMouseUp);
-            return () => {
-                document.removeEventListener("mousemove", handleGlobalMouseMove);
-                document.removeEventListener("mouseup", handleGlobalMouseUp);
-            };
-        }
-    }, [isDragging]);
-    return (_jsxs("div", { className: cn("group relative", className), children: [hoverTime > 0 && (_jsxs("div", { className: "pointer-events-none absolute bottom-full z-50 mb-2", style: { left: `${hoverPosition}px`, transform: "translateX(-50%)" }, children: [thumbnails && (_jsx("div", { className: "mb-1 rounded bg-black/90 p-1", children: _jsx("div", { className: "h-18 w-32 rounded bg-gray-800" }) })), _jsx("div", { className: "whitespace-nowrap rounded bg-black/90 px-2 py-1 text-white text-xs", children: formatTime(hoverTime) })] })), _jsxs("div", { ref: seekBarRef, className: "minimal-seekbar", onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave, children: [_jsx("div", { className: "minimal-seekbar-buffered", style: { width: `${bufferedProgress}%` } }), _jsx("div", { className: "minimal-seekbar-progress", style: { width: `${progress}%` } }), _jsx("div", { className: cn("minimal-seekbar-thumb", isDragging && "active"), style: { left: `${progress}%` } })] })] }));
-}

package/dist/src/components/variants/minimal/MinimalVolumeControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalVolumeControl.d.ts","sourceRoot":"","sources":["MinimalVolumeControl.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,kDAgE3B"}

package/dist/src/components/variants/minimal/MinimalVolumeControl.js

@@ -1,29 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useMediaSelector, useMediaDispatch, MediaActionTypes } from "../../../context/media-context";
-import { cn } from "../../../lib/utils";
-export function MinimalVolumeControl({ icons, className, }) {
-    const dispatch = useMediaDispatch();
-    const volume = useMediaSelector((state) => state.volume);
-    const isMuted = useMediaSelector((state) => state.isMuted);
-    const [isExpanded, setIsExpanded] = useState(false);
-    const handleVolumeChange = (e) => {
-        const newVolume = parseFloat(e.target.value);
-        dispatch({
-            type: MediaActionTypes.SET_VOLUME,
-            detail: newVolume
-        });
-    };
-    const handleMuteToggle = () => {
-        dispatch({
-            type: MediaActionTypes.TOGGLE_MUTE
-        });
-    };
-    const VolumeIcon = isMuted || volume === 0 ? icons.volumeMuted : icons.volume;
-    if (!VolumeIcon)
-        return null;
-    return (_jsxs("div", { className: cn("minimal-volume-group flex items-center gap-2", className), onMouseEnter: () => setIsExpanded(true), onMouseLeave: () => setIsExpanded(false), children: [_jsx("button", { className: "minimal-btn inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/20 bg-white/10 text-white transition-all duration-150 hover:border-white/30 hover:bg-white/20", onClick: handleMuteToggle, "aria-label": isMuted ? "Unmute" : "Mute", children: _jsx(VolumeIcon, { size: 18 }) }), _jsx("div", { className: cn("overflow-hidden transition-all duration-250", isExpanded ? "w-20 opacity-100" : "w-0 opacity-0"), children: _jsx("input", { type: "range", min: "0", max: "1", step: "0.01", value: isMuted ? 0 : volume, onChange: handleVolumeChange, className: "minimal-volume-slider h-1 w-full cursor-pointer appearance-none rounded-full bg-white/20", style: {
-                        background: `linear-gradient(to right, rgb(59 130 246) 0%, rgb(59 130 246) ${(isMuted ? 0 : volume) * 100}%, rgba(255,255,255,0.2) ${(isMuted ? 0 : volume) * 100}%, rgba(255,255,255,0.2) 100%)`
-                    } }) })] }));
-}

package/dist/src/components/variants/minimal/SimpleMinimalPlayer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleMinimalPlayer.d.ts","sourceRoot":"","sources":["SimpleMinimalPlayer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,MAAM,WAAW,wBAAwB;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC;QACtB,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAC,CAAA;IACF,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAA;IAC7C,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAC7C,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;KAAE,CAAC,CAAA;IACxF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;CACzC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8KlE"}

package/dist/src/components/variants/minimal/SimpleMinimalPlayer.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import { cn } from "../../../lib/utils";
-import { useVideoPlayer } from "../../../hooks/useVideoPlayer";
-import { useEnhancedSubtitles } from "../../../hooks/useEnhancedSubtitles";
-import { useMediaControls } from "../../../hooks/useMediaControls";
-import { useKeyboardShortcuts } from "../../../hooks/useKeyboardShortcuts";
-import { useScreenshot } from "../../../hooks/useScreenshot";
-import { VideoElement } from "./components/VideoElement";
-import { SubtitleDisplay } from "./components/SubtitleDisplay";
-import { CenterPlayButton } from "./components/CenterPlayButton";
-import { ControlBar } from "./components/ControlBar";
-import { CustomLoading, LoadingPresets } from "../../LoadingState";
-export function SimpleMinimalPlayer(props) {
-    const { src, poster, className, subtitleSrc, subtitleTracks, crossOrigin, volumeOrientation = "horizontal", loadingComponent: LoadingComponent = undefined, showLoadingState = true, loadingProps = {} } = props;
-    const containerRef = useRef(null);
-    const [showSettings, setShowSettings] = useState(false);
-    const [playbackRate, setPlaybackRate] = useState(1);
-    const { videoRef, state: videoState, controls: videoControls } = useVideoPlayer(containerRef);
-    const { subtitlesEnabled, currentSubtitle, toggleSubtitles, getCurrentSubtitle, setCurrentSubtitle, selectSubtitleTrack, availableTracks, currentTrackId, loadError, hasSubtitles } = useEnhancedSubtitles({
-        subtitleSrc,
-        subtitleTracks,
-        onLoadError: (error) => console.error("Subtitle load error:", error)
-    });
-    const { takeScreenshot } = useScreenshot(videoRef);
-    const { controlsVisible, showVolumeSlider, setShowVolumeSlider, handleMouseMove, handleMouseEnter, handleMouseLeave } = useMediaControls(videoState.isPlaying, showSettings);
-    // Update subtitle display based on current time
-    useEffect(() => {
-        if (subtitlesEnabled) {
-            const subtitle = getCurrentSubtitle(videoState.currentTime);
-            setCurrentSubtitle(subtitle);
-        }
-    }, [videoState.currentTime, subtitlesEnabled, getCurrentSubtitle, setCurrentSubtitle]);
-    // Change playback rate
-    const changePlaybackRate = (rate) => {
-        if (!videoRef.current)
-            return;
-        videoRef.current.playbackRate = rate;
-        setPlaybackRate(rate);
-        setShowSettings(false);
-    };
-    // Keyboard shortcuts
-    useKeyboardShortcuts({
-        videoControls,
-        toggleSubtitles,
-        takeScreenshot,
-        duration: videoState.duration
-    });
-    return (_jsxs("div", { ref: containerRef, className: cn("minimal-player relative rounded-lg bg-black", className), style: { overflow: "hidden" }, onMouseMove: handleMouseMove, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(VideoElement, { videoRef: videoRef, src: src, poster: poster, subtitleSrc: subtitleSrc, subtitlesEnabled: subtitlesEnabled, crossOrigin: crossOrigin, onTogglePlay: videoControls.togglePlay }), _jsx(SubtitleDisplay, { subtitlesEnabled: subtitlesEnabled, subtitleText: currentSubtitle }), !videoState.isLoading && (_jsx(CenterPlayButton, { isPlaying: videoState.isPlaying, onTogglePlay: videoControls.togglePlay })), _jsx(ControlBar, { controlsVisible: controlsVisible, currentTime: videoState.currentTime, duration: videoState.duration, isPlaying: videoState.isPlaying, volume: videoState.volume, isMuted: videoState.isMuted, showVolumeSlider: showVolumeSlider, isFullscreen: videoState.isFullscreen, showSettings: showSettings, playbackRate: playbackRate, subtitleSrc: subtitleSrc, subtitlesEnabled: subtitlesEnabled, subtitleTracks: availableTracks, currentTrackId: currentTrackId, hasSubtitles: hasSubtitles, subtitleLoadError: loadError, volumeOrientation: volumeOrientation, bufferedRanges: videoState.bufferedRanges, isSeeking: videoState.isSeeking, onSeek: videoControls.seekTo, onTogglePlay: videoControls.togglePlay, onSeekBackward: videoControls.seekBackward, onSeekForward: videoControls.seekForward, onToggleMute: videoControls.toggleMute, onVolumeChange: videoControls.setVolume, onShowVolumeSlider: setShowVolumeSlider, onToggleSubtitles: toggleSubtitles, onSelectSubtitleTrack: selectSubtitleTrack, onTakeScreenshot: takeScreenshot, onToggleFullscreen: videoControls.toggleFullscreen, onToggleSettings: () => setShowSettings(!showSettings), onChangePlaybackRate: changePlaybackRate }), showLoadingState && (_jsxs(_Fragment, { children: [videoState.isLoading && !videoState.isSeeking && !videoState.isBuffering && (LoadingComponent ? (_jsx(CustomLoading, { context: "initial", children: _jsx(LoadingComponent, { context: "initial" }) })) : (_jsx(LoadingPresets.Initial, { ...loadingProps }))), videoState.isSeeking && (LoadingComponent ? (_jsx(CustomLoading, { context: "seeking", children: _jsx(LoadingComponent, { context: "seeking" }) })) : (_jsx(LoadingPresets.Seeking, { ...loadingProps }))), videoState.isBuffering && !videoState.isSeeking && (LoadingComponent ? (_jsx(CustomLoading, { context: "buffering", children: _jsx(LoadingComponent, { context: "buffering" }) })) : (_jsx(LoadingPresets.Buffering, { ...loadingProps })))] }))] }));
-}

package/dist/src/components/variants/minimal/components/CenterPlayButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CenterPlayButton.d.ts","sourceRoot":"","sources":["CenterPlayButton.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,GAA6B,6BAGvD,qBAAqB,mDAUvB,CAAA"}

package/dist/src/components/variants/minimal/components/CenterPlayButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { defaultMinimalIcons } from "../../../icons";
-export const CenterPlayButton = function CenterPlayButton({ isPlaying, onTogglePlay }) {
-    if (isPlaying)
-        return null;
-    const PlayIcon = defaultMinimalIcons.play;
-    return (_jsx("div", { className: "minimal-center-play cursor-pointer", onClick: onTogglePlay, children: PlayIcon && _jsx(PlayIcon, { size: 60 }) }));
-};

package/dist/src/components/variants/minimal/components/ControlBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlBar.d.ts","sourceRoot":"","sources":["ControlBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAErE,UAAU,eAAe;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC;QACtB,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAC,CAAA;IACF,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAC7C,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,eAAO,MAAM,UAAU,GAAuB,ifAiC3C,eAAe,4CA+DjB,CAAA"}

package/dist/src/components/variants/minimal/components/ControlBar.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../lib/utils";
-import { SeekBar } from "./SeekBar";
-import { PlaybackControls } from "./PlaybackControls";
-import { VolumeControl } from "./VolumeControl";
-import { TimeDisplay } from "./TimeDisplay";
-import { RightControls } from "./RightControls";
-export const ControlBar = function ControlBar({ controlsVisible, currentTime, duration, isPlaying, volume, isMuted, showVolumeSlider, isFullscreen, showSettings, playbackRate, subtitleSrc, subtitlesEnabled, subtitleTracks, currentTrackId, hasSubtitles, subtitleLoadError, volumeOrientation = "horizontal", bufferedRanges, isSeeking, onSeek, onTogglePlay, onSeekBackward, onSeekForward, onToggleMute, onVolumeChange, onShowVolumeSlider, onToggleSubtitles, onSelectSubtitleTrack, onTakeScreenshot, onToggleFullscreen, onToggleSettings, onChangePlaybackRate }) {
-    return (_jsxs("div", { className: cn("minimal-control-bar", "absolute right-0 bottom-0 left-0 z-40", "px-6 py-3 transition-all duration-200", controlsVisible ? "minimal-controls-visible" : "minimal-controls-hidden"), children: [_jsx(SeekBar, { currentTime: currentTime, duration: duration, bufferedRanges: bufferedRanges, isSeeking: isSeeking, onSeek: onSeek }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(PlaybackControls, { isPlaying: isPlaying, onTogglePlay: onTogglePlay, onSeekBackward: onSeekBackward, onSeekForward: onSeekForward }), _jsx(VolumeControl, { volume: volume, isMuted: isMuted, showVolumeSlider: showVolumeSlider, onToggleMute: onToggleMute, onVolumeChange: onVolumeChange, onShowVolumeSlider: onShowVolumeSlider, orientation: volumeOrientation }), _jsx(TimeDisplay, { currentTime: currentTime, duration: duration })] }), _jsx(RightControls, { subtitleSrc: subtitleSrc, subtitlesEnabled: subtitlesEnabled, subtitleTracks: subtitleTracks, currentTrackId: currentTrackId, hasSubtitles: hasSubtitles, subtitleLoadError: subtitleLoadError, isFullscreen: isFullscreen, showSettings: showSettings, playbackRate: playbackRate, onToggleSubtitles: onToggleSubtitles, onSelectSubtitleTrack: onSelectSubtitleTrack, onTakeScreenshot: onTakeScreenshot, onToggleFullscreen: onToggleFullscreen, onToggleSettings: onToggleSettings, onChangePlaybackRate: onChangePlaybackRate })] })] }));
-};

package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedSettingsMenu.d.ts","sourceRoot":"","sources":["EnhancedSettingsMenu.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,UAAU,yBAAyB;IACjC,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,wBAAwB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;CACvE;AAID,eAAO,MAAM,oBAAoB,GAAiC,uPAc/D,yBAAyB,4CA6T3B,CAAA"}

package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { cn } from "../../../../lib/utils";
-import { defaultMinimalIcons } from "../../../icons";
-export const EnhancedSettingsMenu = function EnhancedSettingsMenu({ showSettings, playbackRate, subtitlesEnabled, subtitleTracks, currentSubtitleTrack, subtitleFontSize = "medium", hasSubtitles, subtitleLoadError, onToggleSettings, onChangePlaybackRate, onToggleSubtitles, onSelectSubtitleTrack, onChangeSubtitleFontSize }) {
-    const [currentView, setCurrentView] = useState("main");
-    const playbackRates = [0.5, 0.75, 1, 1.25, 1.5, 2];
-    const fontSizes = [
-        { value: "small", label: "Small", size: "12px" },
-        { value: "medium", label: "Medium", size: "16px" },
-        { value: "large", label: "Large", size: "20px" }
-    ];
-    // Reset to main menu when settings close
-    useEffect(() => {
-        if (!showSettings) {
-            setCurrentView("main");
-        }
-    }, [showSettings]);
-    const handleSettingsClick = useCallback((e) => {
-        e.stopPropagation();
-        onToggleSettings();
-    }, [onToggleSettings]);
-    const handleDropdownClick = useCallback((e) => {
-        e.stopPropagation();
-    }, []);
-    const handleBackClick = useCallback(() => {
-        setCurrentView("main");
-    }, []);
-    const handleSelectSpeed = useCallback((rate) => {
-        onChangePlaybackRate(rate);
-        setCurrentView("main");
-    }, [onChangePlaybackRate]);
-    const handleSelectFontSize = useCallback((size) => {
-        onChangeSubtitleFontSize(size);
-        setCurrentView("main");
-    }, [onChangeSubtitleFontSize]);
-    const handleSelectSubtitle = useCallback((trackId) => {
-        if (trackId === null) {
-            // Turn off subtitles
-            if (subtitlesEnabled) {
-                onToggleSubtitles();
-            }
-        }
-        else {
-            // Select track and enable if needed
-            if (!subtitlesEnabled) {
-                onToggleSubtitles();
-            }
-            onSelectSubtitleTrack?.(trackId);
-        }
-        setCurrentView("main");
-    }, [subtitlesEnabled, onToggleSubtitles, onSelectSubtitleTrack]);
-    const renderMainMenu = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-gray-700 border-b px-3 py-2 font-semibold text-gray-400 text-xs uppercase tracking-wider", children: "Settings" }), _jsxs("div", { className: "py-1", children: [_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", !hasSubtitles && "cursor-not-allowed opacity-50"), onClick: () => hasSubtitles && setCurrentView("subtitles"), disabled: !hasSubtitles, children: [_jsxs("div", { className: "flex items-center gap-2", children: [defaultMinimalIcons.subtitle && _jsx(defaultMinimalIcons.subtitle, { size: 16 }), _jsx("span", { children: "Subtitles" })] }), _jsxs("div", { className: "flex items-center gap-1 text-gray-400 text-xs", children: [!hasSubtitles ? (_jsx("span", { className: "text-gray-500", children: "Unavailable" })) : subtitleLoadError ? (_jsx("span", { className: "text-red-400", children: "Error" })) : subtitlesEnabled ? (_jsx("span", { className: "text-cyan-400", children: "On" })) : (_jsx("span", { children: "Off" })), hasSubtitles && (_jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }))] })] }), hasSubtitles && (_jsxs("button", { className: "flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", onClick: () => setCurrentView("fontSize"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7h16M4 7v10m0-10l4 10m8-10l4 10m-4-10v10" }) }), _jsx("span", { children: "Font Size" })] }), _jsxs("div", { className: "flex items-center gap-1 text-gray-400 text-xs", children: [_jsx("span", { className: "capitalize", children: subtitleFontSize }), _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] })] })), _jsxs("button", { className: "flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", onClick: () => setCurrentView("speed"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), _jsx("span", { children: "Playback Speed" })] }), _jsxs("div", { className: "flex items-center gap-1 text-gray-400 text-xs", children: [_jsx("span", { children: playbackRate === 1 ? "Normal" : `${playbackRate}x` }), _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] })] })] })] }));
-    const renderSubtitlesMenu = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between border-gray-700 border-b px-3 py-2", children: [_jsx("button", { onClick: handleBackClick, className: "text-gray-400 transition-colors hover:text-white", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("span", { className: "font-semibold text-gray-300 text-sm", children: "Subtitles" }), _jsx("div", { className: "w-4" })] }), _jsxs("div", { className: "py-1", children: [_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", !subtitlesEnabled && "bg-cyan-700/20 text-cyan-400"), onClick: () => handleSelectSubtitle(null), children: [_jsx("span", { children: "Off" }), !subtitlesEnabled && (_jsx("svg", { className: "h-4 w-4 text-cyan-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" }) }))] }), subtitleTracks.length > 0 ? (subtitleTracks.map((track) => (_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", subtitlesEnabled && currentSubtitleTrack === track.id && "bg-cyan-700/20 text-cyan-400"), onClick: () => handleSelectSubtitle(track.id), children: [_jsx("span", { children: track.label }), subtitlesEnabled && currentSubtitleTrack === track.id && (_jsx("svg", { className: "h-4 w-4 text-cyan-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" }) }))] }, track.id)))) : (_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", subtitlesEnabled && "bg-cyan-700/20 text-cyan-400"), onClick: () => {
-                            if (!subtitlesEnabled) {
-                                onToggleSubtitles();
-                            }
-                            setCurrentView("main");
-                        }, children: [_jsx("span", { children: "Default" }), subtitlesEnabled && (_jsx("svg", { className: "h-4 w-4 text-cyan-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" }) }))] }))] })] }));
-    const renderFontSizeMenu = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between border-gray-700 border-b px-3 py-2", children: [_jsx("button", { onClick: handleBackClick, className: "text-gray-400 transition-colors hover:text-white", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("span", { className: "font-semibold text-gray-300 text-sm", children: "Font Size" }), _jsx("div", { className: "w-4" })] }), _jsx("div", { className: "py-1", children: fontSizes.map((size) => (_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", subtitleFontSize === size.value && "bg-cyan-700/20 text-cyan-400"), onClick: () => handleSelectFontSize(size.value), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-gray-400", style: { fontSize: size.size }, children: "Aa" }), _jsx("span", { children: size.label })] }), subtitleFontSize === size.value && (_jsx("svg", { className: "h-4 w-4 text-cyan-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" }) }))] }, size.value))) })] }));
-    const renderSpeedMenu = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between border-gray-700 border-b px-3 py-2", children: [_jsx("button", { onClick: handleBackClick, className: "text-gray-400 transition-colors hover:text-white", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("span", { className: "font-semibold text-gray-300 text-sm", children: "Playback Speed" }), _jsx("div", { className: "w-4" })] }), _jsx("div", { className: "py-1", children: playbackRates.map((rate) => (_jsxs("button", { className: cn("flex w-full items-center justify-between px-3 py-2 text-left text-sm transition-colors hover:bg-gray-800", playbackRate === rate && "bg-cyan-700/20 text-cyan-400"), onClick: () => handleSelectSpeed(rate), children: [_jsx("span", { children: rate === 1 ? "Normal" : `${rate}x` }), playbackRate === rate && (_jsx("svg", { className: "h-4 w-4 text-cyan-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" }) }))] }, rate))) })] }));
-    return (_jsxs("div", { className: "relative", style: { zIndex: showSettings ? 60 : "auto" }, children: [_jsx("button", { className: cn("minimal-btn h-9 w-9", showSettings && "text-cyan-500"), onClick: handleSettingsClick, "aria-label": "Settings", title: "Settings", children: defaultMinimalIcons.settings && _jsx(defaultMinimalIcons.settings, { size: 18 }) }), showSettings && (_jsxs("div", { className: "absolute right-0 mb-2 min-w-[240px] overflow-hidden rounded-lg border border-gray-700 bg-gray-900 shadow-xl", style: {
-                    bottom: "100%",
-                    zIndex: 1000,
-                    maxHeight: "400px",
-                    overflowY: "auto"
-                }, onClick: handleDropdownClick, children: [currentView === "main" && renderMainMenu(), currentView === "subtitles" && renderSubtitlesMenu(), currentView === "fontSize" && renderFontSizeMenu(), currentView === "speed" && renderSpeedMenu()] }))] }));
-};

package/dist/src/components/variants/minimal/components/PlaybackControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaybackControls.d.ts","sourceRoot":"","sources":["PlaybackControls.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,gBAAgB,GAA6B,4DAKvD,qBAAqB,4CAmCvB,CAAA"}

package/dist/src/components/variants/minimal/components/PlaybackControls.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { defaultMinimalIcons, MinimalBackward10Icon, MinimalForward10Icon } from "../../../icons";
-export const PlaybackControls = function PlaybackControls({ isPlaying, onTogglePlay, onSeekBackward, onSeekForward }) {
-    const PlayIcon = defaultMinimalIcons.play;
-    const PauseIcon = defaultMinimalIcons.pause;
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { className: "minimal-btn size-15", onClick: onTogglePlay, "aria-label": isPlaying ? "Pause" : "Play", children: isPlaying
-                    ? PauseIcon && _jsx(PauseIcon, { size: 32 })
-                    : PlayIcon && _jsx(PlayIcon, { size: 32 }) }), _jsx("button", { className: "minimal-btn h-9 w-9", onClick: onSeekBackward, "aria-label": "Backward 10 seconds", title: "Backward 10s (J)", children: _jsx(MinimalBackward10Icon, { size: 18 }) }), _jsx("button", { className: "minimal-btn h-9 w-9", onClick: onSeekForward, "aria-label": "Forward 10 seconds", title: "Forward 10s (L)", children: _jsx(MinimalForward10Icon, { size: 18 }) })] }));
-};

package/dist/src/components/variants/minimal/components/RightControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightControls.d.ts","sourceRoot":"","sources":["RightControls.tsx"],"names":[],"mappings":"AASA,UAAU,kBAAkB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC;QACtB,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAC,CAAA;IACF,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,eAAO,MAAM,aAAa,GAA0B,sQAgBjD,kBAAkB,4CA4HpB,CAAA"}

package/dist/src/components/variants/minimal/components/RightControls.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { cn } from "../../../../lib/utils";
-import { MinimalSubtitleIcon, MinimalScreenshotIcon, defaultMinimalIcons } from "../../../icons";
-import { SettingsDropdown } from "./SettingsDropdown";
-export const RightControls = function RightControls({ subtitleSrc, subtitlesEnabled, subtitleTracks, currentTrackId, hasSubtitles, subtitleLoadError, isFullscreen, showSettings, playbackRate, onToggleSubtitles, onSelectSubtitleTrack, onTakeScreenshot, onToggleFullscreen, onToggleSettings, onChangePlaybackRate }) {
-    const [showSubtitleMenu, setShowSubtitleMenu] = useState(false);
-    const subtitleMenuRef = useRef(null);
-    const FullscreenIcon = defaultMinimalIcons.fullscreen;
-    const ExitFullscreenIcon = defaultMinimalIcons.exitFullscreen;
-    // Close subtitle menu when clicking outside
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (subtitleMenuRef.current && !subtitleMenuRef.current.contains(event.target)) {
-                setShowSubtitleMenu(false);
-            }
-        };
-        if (showSubtitleMenu) {
-            document.addEventListener("mousedown", handleClickOutside);
-            return () => document.removeEventListener("mousedown", handleClickOutside);
-        }
-    }, [showSubtitleMenu]);
-    const handleSubtitleClick = () => {
-        if (subtitleTracks && subtitleTracks.length > 0) {
-            setShowSubtitleMenu(!showSubtitleMenu);
-        }
-        else {
-            onToggleSubtitles();
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [hasSubtitles && (_jsxs("div", { className: "relative", ref: subtitleMenuRef, children: [_jsx("button", { className: cn("minimal-btn h-9 w-9", subtitlesEnabled && "text-cyan-500", subtitleLoadError && "text-red-500"), onClick: handleSubtitleClick, "aria-label": "Subtitles", title: subtitleLoadError ? "Subtitle Error" : "Subtitles (C)", children: _jsx(MinimalSubtitleIcon, { size: 18 }) }), showSubtitleMenu && subtitleTracks && subtitleTracks.length > 0 && (_jsxs("div", { className: "absolute right-0 bottom-full mb-2 w-48 rounded-md bg-gray-900/95 py-2 shadow-lg backdrop-blur-sm", children: [_jsx("div", { className: "px-3 py-1 font-semibold text-gray-400 text-xs", children: "Subtitles" }), _jsx("button", { className: cn("flex w-full items-center px-3 py-1.5 text-gray-300 text-sm hover:bg-gray-800", !subtitlesEnabled && "bg-gray-800 text-cyan-500"), onClick: () => {
-                                    onSelectSubtitleTrack?.(null);
-                                    setShowSubtitleMenu(false);
-                                }, children: "Off" }), subtitleTracks.map((track) => (_jsxs("button", { className: cn("flex w-full items-center px-3 py-1.5 text-gray-300 text-sm hover:bg-gray-800", currentTrackId === track.id && "bg-gray-800 text-cyan-500"), onClick: () => {
-                                    onSelectSubtitleTrack?.(track.id);
-                                    setShowSubtitleMenu(false);
-                                }, children: [_jsx("span", { children: track.label }), track.language && (_jsxs("span", { className: "ml-2 text-gray-500 text-xs", children: ["(", track.language, ")"] }))] }, track.id))), subtitleLoadError && (_jsx("div", { className: "mt-2 border-gray-800 border-t px-3 py-2", children: _jsx("p", { className: "text-red-400 text-xs", children: "Failed to load subtitles" }) }))] }))] })), _jsx("button", { className: "minimal-btn h-9 w-9", onClick: (e) => onTakeScreenshot(e.ctrlKey || e.metaKey), "aria-label": "Take Screenshot", title: "Screenshot (S) - Ctrl+Click to copy", children: _jsx(MinimalScreenshotIcon, { size: 18 }) }), _jsx(SettingsDropdown, { showSettings: showSettings, playbackRate: playbackRate, onToggleSettings: onToggleSettings, onChangePlaybackRate: onChangePlaybackRate }), _jsx("button", { className: "minimal-btn h-9 w-9", onClick: onToggleFullscreen, "aria-label": isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen", title: "Fullscreen (F)", children: isFullscreen
-                    ? ExitFullscreenIcon && _jsx(ExitFullscreenIcon, { size: 18 })
-                    : FullscreenIcon && _jsx(FullscreenIcon, { size: 18 }) })] }));
-};

package/dist/src/components/variants/minimal/components/SeekBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeekBar.d.ts","sourceRoot":"","sources":["SeekBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAErE,UAAU,YAAY;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAED,eAAO,MAAM,OAAO,GAAoB,8DAMrC,YAAY,4CAgHd,CAAA"}

package/dist/src/components/variants/minimal/components/SeekBar.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from "react";
-import { cn } from "../../../../lib/utils";
-export const SeekBar = function SeekBar({ currentTime, duration, bufferedRanges = [], isSeeking = false, onSeek }) {
-    const [isHovering, setIsHovering] = useState(false);
-    const [hoverPosition, setHoverPosition] = useState(0);
-    const [showRipple, setShowRipple] = useState(false);
-    const [ripplePosition, setRipplePosition] = useState({ x: 0, y: 0 });
-    const seekBarRef = useRef(null);
-    const progress = duration > 0 ? (currentTime / duration) * 100 : 0;
-    const handleClick = (e) => {
-        if (duration === 0)
-            return;
-        const rect = e.currentTarget.getBoundingClientRect();
-        const position = (e.clientX - rect.left) / rect.width;
-        const newTime = Math.max(0, Math.min(duration, position * duration));
-        // Add ripple effect
-        setRipplePosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
-        setShowRipple(true);
-        setTimeout(() => setShowRipple(false), 600);
-        onSeek(newTime);
-    };
-    const handleMouseMove = (e) => {
-        if (!seekBarRef.current)
-            return;
-        const rect = seekBarRef.current.getBoundingClientRect();
-        const position = ((e.clientX - rect.left) / rect.width) * 100;
-        setHoverPosition(Math.max(0, Math.min(100, position)));
-    };
-    const handleMouseEnter = () => setIsHovering(true);
-    const handleMouseLeave = () => setIsHovering(false);
-    return (_jsxs("div", { className: "relative mb-3", children: [_jsxs("div", { ref: seekBarRef, className: cn("minimal-seekbar group relative cursor-pointer", isSeeking && "minimal-seekbar-seeking"), onClick: handleClick, onMouseMove: handleMouseMove, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [bufferedRanges.map((range, index) => {
-                        const startPercent = duration > 0 ? (range.start / duration) * 100 : 0;
-                        const widthPercent = duration > 0 ? ((range.end - range.start) / duration) * 100 : 0;
-                        return (_jsx("div", { className: "minimal-seekbar-buffered", style: {
-                                left: `${startPercent}%`,
-                                width: `${widthPercent}%`
-                            } }, index));
-                    }), _jsx("div", { className: cn("minimal-seekbar-progress", isSeeking && "minimal-seekbar-progress-seeking"), style: { width: `${progress}%` } }), isHovering && !isSeeking && (_jsx("div", { className: "minimal-seekbar-hover-indicator", style: { left: `${hoverPosition}%` } })), _jsx("div", { className: cn("minimal-seekbar-thumb", (isHovering || isSeeking) && "opacity-100", isSeeking && "minimal-seekbar-thumb-seeking"), style: { left: `${progress}%` } }), showRipple && (_jsx("div", { className: "minimal-seekbar-ripple", style: {
-                            left: ripplePosition.x,
-                            top: ripplePosition.y
-                        } }))] }), isSeeking && (_jsx("div", { className: "-top-6 -translate-x-1/2 absolute left-1/2 transform", children: _jsx("div", { className: "rounded bg-black/80 px-2 py-1 text-white text-xs backdrop-blur-sm", children: "Seeking..." }) }))] }));
-};

package/dist/src/components/variants/minimal/components/SettingsDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsDropdown.d.ts","sourceRoot":"","sources":["SettingsDropdown.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC9B,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,eAAO,MAAM,gBAAgB,GAA6B,wEAKvD,qBAAqB,4CAqDvB,CAAA"}