@therealtinhtute/baroiplayer 1.0.6 → 1.0.8

package/dist/src/components/ui/media-resource-preloader.js

@@ -1,295 +0,0 @@
-/**
- * Media Resource Preloader using React 19's resource preloading APIs
- * Implements intelligent preloading strategies based on user behavior and network conditions
- */
-import { useEffect, useRef, useMemo } from 'react';
-import { prefetchDNS, preconnect, preload, preinit } from 'react-dom';
-export const MediaResourcePreloader = ({ sources, enableIntelligentPreloading = true, adaptToNetworkConditions = true, priority = 'auto', strategy = 'adaptive', }) => {
-    const networkInfoRef = useRef(null);
-    const userBehaviorRef = useRef(null);
-    const preloadingHistoryRef = useRef(new Map());
-    // Analyze sources and determine preloading configuration
-    const preloadingConfig = useMemo(() => {
-        const config = {
-            dnsPrefetch: [],
-            preconnect: [],
-            preload: [],
-            preinit: [],
-        };
-        sources.forEach((source) => {
-            const url = new URL(source.src);
-            const domain = url.origin;
-            // DNS prefetch for CDN domains
-            if (isCDNDomain(domain)) {
-                config.dnsPrefetch.push(domain);
-            }
-            // Preconnect to media domains
-            if (shouldPreconnect(source.type, strategy)) {
-                config.preconnect.push(domain);
-            }
-            // Preload media files based on strategy
-            if (shouldPreload(source, priority, strategy)) {
-                config.preload.push({
-                    url: source.src,
-                    type: getPreloadType(source.type),
-                });
-            }
-            // Preinit critical resources
-            if (shouldPreinit(source, strategy)) {
-                config.preinit.push({
-                    url: source.src,
-                    type: 'script',
-                });
-            }
-        });
-        return config;
-    }, [sources, priority, strategy]);
-    // Initialize network monitoring
-    useEffect(() => {
-        if (adaptToNetworkConditions && 'connection' in navigator) {
-            networkInfoRef.current = navigator.connection;
-            const handleNetworkChange = () => {
-                adjustPreloadingStrategy();
-            };
-            networkInfoRef.current.addEventListener('change', handleNetworkChange);
-            return () => {
-                networkInfoRef.current?.removeEventListener('change', handleNetworkChange);
-            };
-        }
-    }, [adaptToNetworkConditions]);
-    // Initialize user behavior tracking
-    useEffect(() => {
-        if (enableIntelligentPreloading) {
-            userBehaviorRef.current = new UserBehaviorTracker();
-            userBehaviorRef.current.startTracking();
-            return () => {
-                userBehaviorRef.current?.stopTracking();
-            };
-        }
-    }, [enableIntelligentPreloading]);
-    // Apply DNS prefetching
-    useEffect(() => {
-        preloadingConfig.dnsPrefetch.forEach((domain) => {
-            prefetchDNS(domain);
-        });
-    }, [preloadingConfig.dnsPrefetch]);
-    // Apply preconnections
-    useEffect(() => {
-        preloadingConfig.preconnect.forEach((origin) => {
-            preconnect(origin, { crossOrigin: 'anonymous' });
-        });
-    }, [preloadingConfig.preconnect]);
-    // Apply preloading
-    useEffect(() => {
-        preloadingConfig.preload.forEach(({ url, type }) => {
-            const crossOrigin = shouldUseCrossOrigin(url) ? 'anonymous' : undefined;
-            preload(url, {
-                as: type,
-                crossOrigin,
-                integrity: getAssetIntegrity(url),
-                priority,
-            });
-        });
-    }, [preloadingConfig.preload, priority]);
-    // Apply preinit for critical resources
-    useEffect(() => {
-        preloadingConfig.preinit.forEach(({ url, type }) => {
-            const crossOrigin = shouldUseCrossOrigin(url) ? 'anonymous' : undefined;
-            preinit(url, {
-                as: type,
-                crossOrigin,
-            });
-        });
-    }, [preloadingConfig.preinit]);
-    // Intelligent preloading based on user behavior
-    useEffect(() => {
-        if (!enableIntelligentPreloading || !userBehaviorRef.current)
-            return;
-        const handleUserBehavior = (behavior) => {
-            if (behavior.isLikelyToInteract) {
-                preloadLikelyContent(behavior.predictedSources);
-            }
-        };
-        userBehaviorRef.current.onBehaviorChange(handleUserBehavior);
-    }, [enableIntelligentPreloading]);
-    // Helper functions
-    function isCDNDomain(domain) {
-        const cdnDomains = [
-            'cdn.jsdelivr.net',
-            'cdnjs.cloudflare.com',
-            'unpkg.com',
-            'cloudflare.com',
-            'fastly.net',
-            'akamaized.net',
-        ];
-        return cdnDomains.some((cdn) => domain.includes(cdn));
-    }
-    function shouldPreconnect(mediaType, strategy) {
-        if (strategy === 'aggressive')
-            return true;
-        if (strategy === 'conservative')
-            return ['hls', 'm3u8'].includes(mediaType);
-        return ['hls', 'm3u8', 'mp4'].includes(mediaType);
-    }
-    function shouldPreload(source, priority, strategy) {
-        // Check if already preloaded recently
-        const lastPreload = preloadingHistoryRef.current.get(source.src);
-        if (lastPreload && Date.now() - lastPreload < 300000)
-            return false; // 5 minutes
-        // Strategy-based decision
-        if (strategy === 'conservative') {
-            return priority === 'high' && source.type === 'hls';
-        }
-        if (strategy === 'aggressive') {
-            return true;
-        }
-        // Adaptive strategy
-        return shouldAdaptivePreload(source, priority);
-    }
-    function shouldAdaptivePreload(source, priority) {
-        // Consider network conditions
-        if (networkInfoRef.current) {
-            const { effectiveType, saveData } = networkInfoRef.current;
-            if (saveData)
-                return false;
-            if (effectiveType === 'slow-2g' || effectiveType === '2g') {
-                return priority === 'high' && source.type === 'hls';
-            }
-            if (effectiveType === '3g') {
-                return ['hls', 'm3u8'].includes(source.type);
-            }
-        }
-        // Consider user behavior
-        if (userBehaviorRef.current) {
-            const behavior = userBehaviorRef.current.getCurrentBehavior();
-            if (behavior.engagementScore > 0.7) {
-                return true;
-            }
-        }
-        return priority !== 'low';
-    }
-    function shouldPreinit(source, strategy) {
-        return strategy === 'aggressive' && source.type === 'hls';
-    }
-    function getPreloadType(mediaType) {
-        switch (mediaType) {
-            case 'hls':
-            case 'm3u8':
-                return 'fetch';
-            case 'mp4':
-            case 'webm':
-                return 'video';
-            case 'mp3':
-            case 'wav':
-                return 'audio';
-            default:
-                return 'fetch';
-        }
-    }
-    function shouldUseCrossOrigin(url) {
-        return !url.includes(window.location.origin);
-    }
-    function getAssetIntegrity(url) {
-        // Return integrity hash if available for the asset
-        // This would typically come from a build process or asset manifest
-        return undefined;
-    }
-    function adjustPreloadingStrategy() {
-        // Adjust preloading based on network conditions
-        if (!networkInfoRef.current)
-            return;
-        const { effectiveType, downlink } = networkInfoRef.current;
-        // This would update the preloading configuration
-        // Implementation depends on specific requirements
-    }
-    function preloadLikelyContent(sources) {
-        sources.forEach((url) => {
-            // Mark as preloaded
-            preloadingHistoryRef.current.set(url, Date.now());
-            // Preload the content
-            preload(url, {
-                as: 'fetch',
-                crossOrigin: 'anonymous',
-                priority: 'high',
-            });
-        });
-    }
-    // This component doesn't render anything visible
-    return null;
-};
-/**
- * User behavior tracker for intelligent preloading
- */
-class UserBehaviorTracker {
-    behaviorData = {
-        isLikelyToInteract: false,
-        engagementScore: 0,
-        predictedSources: [],
-        interactionHistory: [],
-    };
-    listeners = [];
-    mouseMoveTimer = null;
-    startTracking() {
-        // Track mouse movements as interaction indicators
-        document.addEventListener('mousemove', this.handleMouseMove);
-        document.addEventListener('scroll', this.handleScroll);
-        document.addEventListener('keydown', this.handleKeydown);
-        // Track focus events
-        document.addEventListener('focusin', this.handleFocus);
-        document.addEventListener('visibilitychange', this.handleVisibilityChange);
-    }
-    stopTracking() {
-        document.removeEventListener('mousemove', this.handleMouseMove);
-        document.removeEventListener('scroll', this.handleScroll);
-        document.removeEventListener('keydown', this.handleKeydown);
-        document.removeEventListener('focusin', this.handleFocus);
-        document.removeEventListener('visibilitychange', this.handleVisibilityChange);
-        if (this.mouseMoveTimer) {
-            clearTimeout(this.mouseMoveTimer);
-        }
-    }
-    onBehaviorChange(listener) {
-        this.listeners.push(listener);
-    }
-    getCurrentBehavior() {
-        return this.behaviorData;
-    }
-    handleMouseMove = () => {
-        if (this.mouseMoveTimer)
-            return;
-        this.mouseMoveTimer = window.setTimeout(() => {
-            this.updateEngagementScore(0.1);
-            this.mouseMoveTimer = null;
-        }, 100);
-    };
-    handleScroll = () => {
-        this.updateEngagementScore(0.2);
-    };
-    handleKeydown = () => {
-        this.updateEngagementScore(0.3);
-        this.behaviorData.isLikelyToInteract = true;
-    };
-    handleFocus = () => {
-        this.updateEngagementScore(0.4);
-        this.behaviorData.isLikelyToInteract = true;
-    };
-    handleVisibilityChange = () => {
-        if (!document.hidden) {
-            this.updateEngagementScore(0.5);
-            this.behaviorData.isLikelyToInteract = true;
-        }
-    };
-    updateEngagementScore(increment) {
-        this.behaviorData.engagementScore = Math.min(1, this.behaviorData.engagementScore + increment);
-        // Decay engagement score over time
-        setTimeout(() => {
-            this.behaviorData.engagementScore = Math.max(0, this.behaviorData.engagementScore - increment * 0.5);
-            this.notifyListeners();
-        }, 30000); // 30 seconds decay
-        this.notifyListeners();
-    }
-    notifyListeners() {
-        this.listeners.forEach((listener) => listener(this.behaviorData));
-    }
-}
-export default MediaResourcePreloader;

package/dist/src/components/ui/play-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-button.d.ts","sourceRoot":"","sources":["play-button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AASxD,eAAO,MAAM,UAAU,+GA0FtB,CAAA"}

package/dist/src/components/ui/play-button.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pause, Play } from "lucide-react";
-import { forwardRef } from "react";
-import { cn } from "../../lib/utils";
-const sizeVariants = {
-    sm: { button: "size-8", icon: 16 },
-    md: { button: "size-10", icon: 20 },
-    lg: { button: "size-12", icon: 24 },
-    xl: { button: "size-16", icon: 32 }
-};
-export const PlayButton = forwardRef(({ isPlaying, onToggle, disabled = false, size = "lg", className }, ref) => {
-    const sizeConfig = sizeVariants[size] || sizeVariants.lg;
-    return (_jsxs("button", { ref: ref, type: "button", onClick: onToggle, disabled: disabled, "data-state": isPlaying ? "playing" : "paused", className: cn(
-        // Base styles with new design system
-        "group relative inline-flex items-center justify-center", "glass-strong media-control rounded-full contain-layout", "focus-ring touch-manipulation", sizeConfig.button, 
-        // Color transitions with OKLCH
-        "text-[color:var(--media-text)] transition-all duration-300", "bg-[color:var(--media-control-bg)] backdrop-blur-sm", "border border-[color:var(--media-border)]/30", 
-        // Interactive states
-        "hover:bg-[color:var(--media-control-hover)]", "hover:border-[color:var(--media-border)]/50", "hover:shadow-[color:var(--media-bg)]/20 hover:shadow-lg", "hover:-translate-y-0.5 hover:scale-105", "active:bg-[color:var(--media-control-active)]", "active:translate-y-0 active:scale-100", 
-        // Focus state
-        "focus-visible:ring-2 focus-visible:ring-[color:var(--media-focus)]", "focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--media-bg)]", 
-        // Disabled state
-        "disabled:cursor-not-allowed disabled:opacity-50", "disabled:hover:translate-y-0 disabled:hover:scale-100", "disabled:hover:bg-[color:var(--media-control-bg)]", className), "aria-label": isPlaying ? "Pause media" : "Play media", "aria-pressed": isPlaying, children: [_jsx("div", { className: cn("absolute inset-0 rounded-full opacity-0 transition-opacity duration-300", "bg-gradient-to-br from-[color:var(--color-media-play)] to-[color:var(--color-media-pause)]", "blur-sm group-hover:opacity-20", isPlaying && "opacity-10") }), isPlaying ? (_jsx(Pause, { size: sizeConfig.icon, className: cn("relative z-10 fill-current transition-all duration-200", "text-[color:var(--color-media-pause)]", "group-hover:scale-110 group-active:scale-95", "drop-shadow-sm") })) : (_jsx(Play, { size: sizeConfig.icon, className: cn("relative z-10 fill-current transition-all duration-200", "ml-0.5 text-[color:var(--color-media-play)]", "group-hover:scale-110 group-active:scale-95", "drop-shadow-sm") })), _jsx("div", { className: cn("absolute inset-0 rounded-full opacity-0", "scale-75 bg-[color:var(--media-text)]/10", "group-active:scale-100 group-active:opacity-100", "transition-all duration-150 ease-out") })] }));
-});
-PlayButton.displayName = "PlayButton";

package/dist/src/components/ui/seek-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["seek-bar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,eAAO,MAAM,OAAO,yGAqJnB,CAAA"}

package/dist/src/components/ui/seek-bar.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Slider from "@radix-ui/react-slider";
-import * as Tooltip from "@radix-ui/react-tooltip";
-import { forwardRef, useState, useMemo, useTransition, useDeferredValue, useRef } from "react";
-import { formatTime } from "../../lib/format-time";
-import { cn } from "../../lib/utils";
-export const SeekBar = forwardRef(({ currentTime, duration, buffered, onSeek, size = "sm", className }, ref) => {
-    // React 19 concurrent features
-    const [isPending, startTransition] = useTransition();
-    const [isDragging, setIsDragging] = useState(false);
-    const [previewTime, setPreviewTime] = useState(0);
-    const [isHovering, setIsHovering] = useState(false);
-    // Defer non-critical updates for better performance
-    const deferredHovering = useDeferredValue(isHovering);
-    const deferredPreviewTime = useDeferredValue(previewTime);
-    // Memoize expensive calculations
-    const progress = useMemo(() => duration > 0 ? (currentTime / duration) * 100 : 0, [currentTime, duration]);
-    // Calculate buffered ranges with memoization
-    const bufferedRanges = useMemo(() => {
-        const ranges = [];
-        if (buffered && duration > 0) {
-            for (let i = 0; i < buffered.length; i++) {
-                const start = (buffered.start(i) / duration) * 100;
-                const end = (buffered.end(i) / duration) * 100;
-                ranges.push({ start, end });
-            }
-        }
-        return ranges;
-    }, [buffered, duration]);
-    // Throttled seek handler with React 19 transitions
-    const seekTimeoutRef = useRef();
-    const lastSeekTime = useRef(0);
-    const handleValueChange = ([value]) => {
-        const time = ((value ?? 0) / 100) * duration;
-        setPreviewTime(time);
-        if (isDragging) {
-            onSeek(time);
-        }
-    };
-    const handleValueCommit = ([value]) => {
-        const time = ((value ?? 0) / 100) * duration;
-        onSeek(time);
-        setIsDragging(false);
-    };
-    const handlePointerDown = () => {
-        setIsDragging(true);
-    };
-    return (_jsx("div", { ref: ref, className: cn("media-container relative w-full text-[color:var(--media-text)]", "touch-manipulation contain-layout", className), onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), children: _jsx(Tooltip.Provider, { children: _jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { className: "relative animate-enter", children: _jsxs(Slider.Root, { className: cn("group relative flex w-full touch-none select-none items-center", "media-md:h-4 media-sm:h-3 media-xs:h-2", "focus-ring cursor-pointer"), value: [progress], max: 100, step: 0.1, onValueChange: handleValueChange, onValueCommit: handleValueCommit, onPointerDown: handlePointerDown, "aria-label": "Seek to position", children: [_jsxs(Slider.Track, { className: cn("relative grow overflow-hidden rounded-full", "bg-[color:var(--media-control-bg)]/40 backdrop-blur-sm", "border border-[color:var(--media-border)]/20", "shadow-inner transition-all duration-300 ease-out", "h-1 group-focus-within:h-1.5 group-hover:h-1.5", "group-hover:bg-[color:var(--media-control-bg)]/60", "group-hover:border-[color:var(--media-border)]/40"), children: [bufferedRanges.map((range, index) => (_jsx("div", { className: cn("absolute h-full rounded-full transition-all duration-500", "bg-[color:var(--color-media-buffered)] shadow-inner", "opacity-60 group-hover:opacity-80"), style: {
-                                                    left: `${range.start}%`,
-                                                    width: `${range.end - range.start}%`
-                                                } }, index))), _jsx(Slider.Range, { className: cn("absolute h-full rounded-full transition-all duration-300", "bg-gradient-to-r from-[color:var(--color-media-progress)] to-[color:var(--color-brand-accent)]", "shadow-[color:var(--color-brand-primary)]/20 shadow-lg", "group-hover:shadow-xl") })] }), _jsx(Slider.Thumb, { className: cn("block size-4 rounded-full border-white/20 bg-white", "shadow-lg hover:shadow-xl", "opacity-0 group-hover:opacity-100", "hover:scale-110 hover:bg-white/95 active:scale-95", "focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-white/50", "focus:ring-offset-2 focus:ring-offset-black/20", "transition-all duration-300 ease-out", isDragging && "opacity-100"), "aria-label": "Seek" })] }) }) }), isDragging && (_jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { className: cn("rounded bg-black/80 px-2 py-1 text-sm text-white", "fade-in-0 zoom-in-95 animate-in"), sideOffset: 10, children: [formatTime(previewTime), _jsx(Tooltip.Arrow, { className: "fill-black/80" })] }) }))] }) }) }));
-});
-SeekBar.displayName = "SeekBar";

package/dist/src/components/ui/time-display.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["time-display.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,eAAO,MAAM,WAAW,6GA8BvB,CAAA"}

package/dist/src/components/ui/time-display.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { formatTime } from "../../lib/format-time";
-import { cn } from "../../lib/utils";
-export const TimeDisplay = forwardRef(({ currentTime, duration, showRemaining = false, size = "sm", className }, ref) => {
-    const current = formatTime(currentTime);
-    const total = formatTime(duration);
-    const remaining = formatTime(duration - currentTime);
-    const sizeClasses = {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base",
-        xl: "text-lg"
-    };
-    return (_jsxs("div", { ref: ref, className: cn("flex items-center font-mono text-white text-xs", "rounded-lg backdrop-blur-sm", "px-3 py-1.5", sizeClasses[size], "select-none", className), children: [_jsx("span", { className: "tabular-nums", children: current }), _jsx("span", { className: "mx-1 text-white", children: "/" }), _jsx("span", { className: "tabular-nums", children: showRemaining ? `-${remaining}` : total })] }));
-});
-TimeDisplay.displayName = "TimeDisplay";

package/dist/src/components/ui/volume-control.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["volume-control.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AA0B3D,eAAO,MAAM,aAAa,+GA2GzB,CAAA"}

package/dist/src/components/ui/volume-control.js

@@ -1,71 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Slider from "@radix-ui/react-slider";
-import * as Tooltip from "@radix-ui/react-tooltip";
-import { Volume1, Volume2, VolumeX } from "lucide-react";
-import { forwardRef } from "react";
-import { cn } from "../../lib/utils";
-const sizeConfig = {
-    md: {
-        button: "size-10",
-        icon: 18,
-        slider: "h-6",
-        thumb: "size-3",
-        track: "h-1"
-    },
-    lg: {
-        button: "size-12",
-        icon: 22,
-        slider: "h-7",
-        thumb: "size-4",
-        track: "h-1.5"
-    },
-    xl: {
-        button: "size-14",
-        icon: 26,
-        slider: "h-8",
-        thumb: "size-5",
-        track: "h-2"
-    }
-};
-export const VolumeControl = forwardRef(({ volume, isMuted, onVolumeChange, onToggleMute, size = "lg", className }, ref) => {
-    const getVolumeIcon = () => {
-        if (isMuted || volume === 0) {
-            return VolumeX;
-        }
-        else if (volume < 0.5) {
-            return Volume1;
-        }
-        else {
-            return Volume2;
-        }
-    };
-    const VolumeIcon = getVolumeIcon();
-    const buttonSizes = {
-        md: "h-11 w-11",
-        lg: "h-12 w-12",
-        xl: "h-14 w-14"
-    };
-    const iconSizes = {
-        md: "h-5 w-5",
-        lg: "h-6 w-6",
-        xl: "h-7 w-7"
-    };
-    const sliderHeight = {
-        md: "h-6",
-        lg: "h-7",
-        xl: "h-8"
-    };
-    const thumbSize = {
-        md: "h-4 w-4",
-        lg: "h-4 w-4",
-        xl: "h-5 w-5"
-    };
-    const trackHeight = {
-        md: "h-1.5",
-        lg: "h-2",
-        xl: "h-2.5"
-    };
-    return (_jsxs("div", { ref: ref, className: cn("flex items-center space-x-3 text-white", className), children: [_jsx(Tooltip.Provider, { children: _jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onToggleMute, className: cn("inline-flex items-center justify-center rounded-lg bg-transparent p-0 text-white transition-all hover:text-cyan-700 active:scale-95", "focus:outline-none focus:ring-2 focus:ring-white/50 focus:ring-offset-2 focus:ring-offset-black/20", buttonSizes[size]), "aria-label": isMuted ? "Unmute" : "Mute", children: _jsx(VolumeIcon, { className: cn(iconSizes[size]) }) }) }), _jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { className: cn("rounded bg-black/80 px-2 py-1 text-sm text-white", "fade-in-0 zoom-in-95 animate-in"), sideOffset: 5, children: [isMuted ? "Unmute" : "Mute", _jsx(Tooltip.Arrow, { className: "fill-black/80" })] }) })] }) }), _jsx("div", { className: "w-32", children: _jsxs(Slider.Root, { className: cn("group relative flex w-full touch-none select-none items-center", sliderHeight[size]), value: [isMuted ? 0 : volume], max: 1, step: 0.01, onValueChange: ([value]) => onVolumeChange(value ?? 0), "aria-label": "Volume", children: [_jsx(Slider.Track, { className: cn("relative grow rounded-full bg-white/20 shadow-inner transition-all duration-300 group-hover:bg-white/30", "border border-white/10", trackHeight[size]), children: _jsx(Slider.Range, { className: "absolute h-full rounded-full bg-white shadow-sm" }) }), _jsx(Slider.Thumb, { className: cn("block rounded-full border-2 border-white/20 bg-white shadow-lg", "transition-all duration-300 ease-out hover:scale-110 hover:bg-white/95 active:scale-95", "focus:outline-none focus:ring-2 focus:ring-white/50 focus:ring-offset-2 focus:ring-offset-black/20", thumbSize[size]), "aria-label": "Volume" })] }) }), _jsx("span", { className: "w-10 text-right text-sm text-white", children: Math.round((isMuted ? 0 : volume) * 100) })] }));
-});
-VolumeControl.displayName = "VolumeControl";

package/dist/src/components/unified/base-media-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-media-player.d.ts","sourceRoot":"","sources":["base-media-player.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;IAElH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAGtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGxB,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,iBAAiB,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,YAAY,CAAA;IAC9D,eAAe,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IAClD,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,eAAe,iHAmN3B,CAAA"}

package/dist/src/components/unified/base-media-player.js

@@ -1,104 +0,0 @@
-/**
- * Base Media Player - Core unified functionality for video and audio
- * This consolidates the logic from MediaPlayer, VideoPlayer, and AudioPlayer
- */
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, useTransition } from "react";
-import { useKeyboardControls } from "../../hooks/use-keyboard-controls";
-import { useEnhancedMediaPlayer } from "../../hooks/use-enhanced-media-player";
-import { useMemoryOptimization } from "../../hooks/use-memory-optimization";
-import { EnhancedMediaWrapper } from "../media-suspense";
-import { cn } from "../../lib/utils";
-export const BaseMediaPlayer = forwardRef(({ src, mediaType = 'auto', className, children, keyboardControls = true, showControls = true, customControls = false, crossOrigin, enablePerformanceMonitoring = true, bufferingStrategy = "adaptive", preloadStrategy = "progressive", enableOptimizations = true, 
-// Video-specific props
-poster, aspectRatio = "16/9", width = "100%", height = "auto", ...options }, ref) => {
-    // React 19 concurrent features
-    const [isPending] = useTransition();
-    // Auto-detect media type if not specified
-    const detectedMediaType = useMemo(() => {
-        if (mediaType !== 'auto')
-            return mediaType;
-        // Simple detection based on file extension
-        if (typeof src === 'string') {
-            const videoExtensions = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv'];
-            const audioExtensions = ['.mp3', '.wav', '.ogg', '.aac', '.flac', '.m4a'];
-            const extension = src.toLowerCase().split('.').pop();
-            if (extension && videoExtensions.some(ext => extension.endsWith(ext))) {
-                return 'video';
-            }
-            if (extension && audioExtensions.some(ext => extension.endsWith(ext))) {
-                return 'audio';
-            }
-        }
-        // Default to video for unknown types
-        return 'video';
-    }, [src, mediaType]);
-    // Enhanced media player with optimizations
-    const { state, controls, mediaRef, containerRef, performanceMetrics, isEnhanced } = useEnhancedMediaPlayer({
-        src,
-        crossOrigin,
-        enablePerformanceMonitoring,
-        bufferingStrategy,
-        preloadStrategy,
-        enableTimeUpdateThrottling: true,
-        timeUpdateThrottleMs: 100,
-        enableSeekPreview: true,
-        ...options
-    });
-    // Memory optimization
-    const { memoryStats, addEventListener } = useMemoryOptimization({
-        maxMemoryUsage: 50, // 50MB for media player
-        cleanupInterval: 15000, // 15 seconds
-        enableGC: true,
-        monitorMemory: enableOptimizations
-    });
-    // Keyboard controls
-    useKeyboardControls({
-        enabled: keyboardControls,
-        state,
-        controls
-    });
-    // Determine the media element based on type
-    const MediaElement = useMemo(() => {
-        const commonProps = {
-            ref: mediaRef,
-            src,
-            className: cn("w-full h-full", state.isLoading && "opacity-0", !customControls && showControls && "cursor-pointer"),
-            onPlay: controls.play,
-            onPause: controls.pause,
-            onVolumeChange: (e) => controls.setVolume(e.target.volume),
-            onTimeUpdate: (e) => controls.setCurrentTime(e.target.currentTime),
-            onSeeked: (e) => controls.setCurrentTime(e.target.currentTime),
-            crossOrigin
-        };
-        if (detectedMediaType === 'audio') {
-            return (_jsxs("audio", { ...commonProps, controls: !customControls && showControls, children: [src && _jsx("source", { src: typeof src === 'string' ? src : src.src }), "Your browser does not support the audio element."] }));
-        }
-        // Video (default)
-        return (_jsxs("video", { ...commonProps, poster: poster, muted: state.isMuted, playsInline: true, controls: !customControls && showControls, children: [Array.isArray(src) ? (src.map((source, index) => (_jsx("source", { src: source.src, type: source.type }, index)))) : src ? (_jsx("source", { src: typeof src === 'string' ? src : src.src })) : null, "Your browser does not support the video element."] }));
-    }, [detectedMediaType, src, mediaRef, state, controls, customControls, showControls, poster]);
-    // Container styles based on media type
-    const containerStyles = useMemo(() => {
-        if (detectedMediaType === 'audio') {
-            return cn("relative bg-gradient-to-br from-gray-900 to-gray-800 rounded-lg overflow-hidden", "flex items-center justify-center p-8", className);
-        }
-        // Video styles
-        return cn("relative bg-black rounded-lg overflow-hidden", className);
-    }, [detectedMediaType, className]);
-    // Video-specific aspect ratio
-    const aspectRatioStyles = useMemo(() => {
-        if (detectedMediaType === 'video' && aspectRatio) {
-            return {
-                aspectRatio,
-                width: typeof width === 'number' ? `${width}px` : width,
-                height: typeof height === 'number' ? `${height}px` : height
-            };
-        }
-        return {};
-    }, [detectedMediaType, aspectRatio, width, height]);
-    return (_jsx(EnhancedMediaWrapper, { children: _jsxs("div", { ref: containerRef, className: containerStyles, style: aspectRatioStyles, "data-media-type": detectedMediaType, "data-enhanced": isEnhanced, children: [MediaElement, state.isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-white" }), _jsx("p", { className: "font-medium text-sm text-white", children: state.isBuffering ? "Buffering..." : "Loading..." })] }) })), state.error && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm", children: _jsxs("div", { className: "p-4 text-center text-white", children: [_jsx("div", { className: "mb-2 text-lg text-red-400", children: "\u26A0\uFE0F" }), _jsx("p", { className: "text-sm", children: "Failed to load media" }), _jsx("p", { className: "mt-1 text-xs opacity-75", children: state.error.message })] }) })), children && (_jsx("div", { className: "pointer-events-none absolute inset-0", children: typeof children === "function"
-                        ? children({ state, controls, mediaType: detectedMediaType })
-                        : children })), process.env.NODE_ENV === 'development' && enablePerformanceMonitoring && (_jsxs("div", { className: "absolute bottom-2 left-2 rounded bg-black/50 px-2 py-1 text-white text-xs", children: [_jsxs("div", { children: ["FPS: ", performanceMetrics.frameRate || 0] }), _jsxs("div", { children: ["Memory: ", memoryStats.usage.toFixed(1), "MB"] }), _jsxs("div", { children: ["Type: ", detectedMediaType] }), isEnhanced && _jsx("div", { children: "Enhanced \u2713" })] }))] }) }));
-});
-BaseMediaPlayer.displayName = "BaseMediaPlayer";

package/dist/src/components/unified/media-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-player.d.ts","sourceRoot":"","sources":["media-player.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAEhE,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAGtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,oHAEtB,CAAA;AAIF;;GAEG;AACH,eAAO,MAAM,WAAW,oHAUtB,CAAA;AAIF;;GAEG;AACH,eAAO,MAAM,WAAW,oHAStB,CAAA"}

package/dist/src/components/unified/media-player.js

@@ -1,41 +0,0 @@
-/**
- * Unified MediaPlayer - The primary media player component
- * Consolidates MediaPlayer, VideoPlayer, and AudioPlayer into one component
- */
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { BaseMediaPlayer } from "./base-media-player";
-/**
- * The primary MediaPlayer component
- *
- * @example
- * // Video player (auto-detected)
- * <MediaPlayer src="/video.mp4" poster="/poster.jpg" />
- *
- * @example
- * // Audio player (auto-detected)
- * <MediaPlayer src="/audio.mp3" />
- *
- * @example
- * // Explicit media type
- * <MediaPlayer src="/media.mp4" mediaType="video" />
- */
-export const MediaPlayer = forwardRef((props, ref) => {
-    return _jsx(BaseMediaPlayer, { ...props, ref: ref });
-});
-MediaPlayer.displayName = "MediaPlayer";
-/**
- * Video-specific component with video defaults
- */
-export const VideoPlayer = forwardRef((props, ref) => {
-    return (_jsx(BaseMediaPlayer, { ...props, ref: ref, mediaType: "video", aspectRatio: props.aspectRatio || "16/9", showControls: props.showControls ?? true }));
-});
-VideoPlayer.displayName = "VideoPlayer";
-/**
- * Audio-specific component with audio defaults
- */
-export const AudioPlayer = forwardRef((props, ref) => {
-    return (_jsx(BaseMediaPlayer, { ...props, ref: ref, mediaType: "audio", showControls: props.showControls ?? true }));
-});
-AudioPlayer.displayName = "AudioPlayer";

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccessibleMinimalPlayer.d.ts","sourceRoot":"","sources":["AccessibleMinimalPlayer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAY1C,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAAA;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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,KAAK,IAAI,CAAA;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE;QACV,GAAG,EAAE,MAAM,CAAA;QACX,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;QACpE,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC,CAAA;IACD,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAC,CAAA;IACF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,GAAG,EACH,MAAM,EACN,QAAgB,EAChB,KAAa,EACb,IAAY,EACZ,gBAAuB,EACvB,SAAgB,EAChB,KAAc,EACd,WAAW,EACX,oBAA2B,EAC3B,kBAAyB,EACzB,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,mBAA2B,EAC3B,gBAAwB,EACxB,UAAU,EACV,uBAA8B,EAC9B,sBAA6B,EAC7B,SAA0B,EAC1B,eAAe,GAChB,EAAE,4BAA4B,2CAqd9B"}