@therealtinhtute/baroiplayer 1.0.0 → 1.0.1

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

@@ -0,0 +1,18 @@
+/**
+ * Base Media Player - Core unified functionality for video and audio
+ * This consolidates the logic from MediaPlayer, VideoPlayer, and AudioPlayer
+ */
+import type { MediaPlayerProps } from "../../types";
+export interface BaseMediaPlayerProps extends Omit<MediaPlayerProps, 'poster' | 'aspectRatio' | 'width' | 'height'> {
+    mediaType?: 'video' | 'audio' | 'auto';
+    poster?: string;
+    aspectRatio?: string;
+    width?: string | number;
+    height?: string | number;
+    enablePerformanceMonitoring?: boolean;
+    bufferingStrategy?: 'adaptive' | 'conservative' | 'aggressive';
+    preloadStrategy?: 'progressive' | 'eager' | 'lazy';
+    enableOptimizations?: boolean;
+}
+export declare const BaseMediaPlayer: import("react").ForwardRefExoticComponent<BaseMediaPlayerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=base-media-player.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,104 @@
+/**
+ * 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/base-media-player.tsx

@@ -0,0 +1,246 @@
+/**
+ * Base Media Player - Core unified functionality for video and audio
+ * This consolidates the logic from MediaPlayer, VideoPlayer, and AudioPlayer
+ */
+
+"use client"
+
+import { forwardRef, useMemo, useTransition, startTransition } 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"
+import type { MediaPlayerProps } from "../../types"
+
+export interface BaseMediaPlayerProps extends Omit<MediaPlayerProps, 'poster' | 'aspectRatio' | 'width' | 'height'> {
+	// Media type detection
+	mediaType?: 'video' | 'audio' | 'auto'
+
+	// Video-specific props (only used for video content)
+	poster?: string
+	aspectRatio?: string
+	width?: string | number
+	height?: string | number
+
+	// Enhanced features
+	enablePerformanceMonitoring?: boolean
+	bufferingStrategy?: 'adaptive' | 'conservative' | 'aggressive'
+	preloadStrategy?: 'progressive' | 'eager' | 'lazy'
+	enableOptimizations?: boolean
+}
+
+export const BaseMediaPlayer = forwardRef<HTMLDivElement, BaseMediaPlayerProps>(
+	(
+		{
+			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: any) => controls.setVolume(e.target.volume),
+				onTimeUpdate: (e: any) => controls.setCurrentTime(e.target.currentTime),
+				onSeeked: (e: any) => controls.setCurrentTime(e.target.currentTime),
+				crossOrigin
+			}
+
+			if (detectedMediaType === 'audio') {
+				return (
+					<audio {...commonProps} controls={!customControls && showControls}>
+						{src && <source src={typeof src === 'string' ? src : src.src} />}
+						Your browser does not support the audio element.
+					</audio>
+				)
+			}
+
+			// Video (default)
+			return (
+				<video
+					{...commonProps}
+					poster={poster}
+					muted={state.isMuted}
+					playsInline
+					controls={!customControls && showControls}
+				>
+					{Array.isArray(src) ? (
+						src.map((source, index) => (
+							<source key={index} src={source.src} type={source.type} />
+						))
+					) : src ? (
+						<source src={typeof src === 'string' ? src : src.src} />
+					) : null}
+					Your browser does not support the video element.
+				</video>
+			)
+		}, [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 (
+			<EnhancedMediaWrapper>
+				<div
+					ref={containerRef}
+					className={containerStyles}
+					style={aspectRatioStyles}
+					data-media-type={detectedMediaType}
+					data-enhanced={isEnhanced}
+				>
+					{MediaElement}
+
+					{/* Loading state */}
+					{state.isLoading && (
+						<div className="absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm">
+							<div className="text-center">
+								<div className="mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-4 border-white/20 border-t-white"></div>
+								<p className="font-medium text-sm text-white">
+									{state.isBuffering ? "Buffering..." : "Loading..."}
+								</p>
+							</div>
+						</div>
+					)}
+
+					{/* Error state */}
+					{state.error && (
+						<div className="absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm">
+							<div className="p-4 text-center text-white">
+								<div className="mb-2 text-lg text-red-400">⚠️</div>
+								<p className="text-sm">Failed to load media</p>
+								<p className="mt-1 text-xs opacity-75">{state.error.message}</p>
+							</div>
+						</div>
+					)}
+
+					{/* Custom controls or children */}
+					{children && (
+						<div className="pointer-events-none absolute inset-0">
+							{typeof children === "function"
+								? children({ state, controls, mediaType: detectedMediaType })
+								: children
+							}
+						</div>
+					)}
+
+					{/* Performance indicator for development */}
+					{process.env.NODE_ENV === 'development' && enablePerformanceMonitoring && (
+						<div className="absolute bottom-2 left-2 rounded bg-black/50 px-2 py-1 text-white text-xs">
+							<div>FPS: {performanceMetrics.frameRate || 0}</div>
+							<div>Memory: {memoryStats.usage.toFixed(1)}MB</div>
+							<div>Type: {detectedMediaType}</div>
+							{isEnhanced && <div>Enhanced ✓</div>}
+						</div>
+					)}
+				</div>
+			</EnhancedMediaWrapper>
+		)
+	}
+)
+
+BaseMediaPlayer.displayName = "BaseMediaPlayer"

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

@@ -0,0 +1,37 @@
+/**
+ * Unified MediaPlayer - The primary media player component
+ * Consolidates MediaPlayer, VideoPlayer, and AudioPlayer into one component
+ */
+import type { MediaPlayerProps } from "../../types";
+export interface UnifiedMediaPlayerProps extends MediaPlayerProps {
+    mediaType?: 'video' | 'audio' | 'auto';
+    poster?: string;
+    aspectRatio?: string;
+    width?: string | number;
+    height?: string | number;
+}
+/**
+ * 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 declare const MediaPlayer: import("react").ForwardRefExoticComponent<UnifiedMediaPlayerProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Video-specific component with video defaults
+ */
+export declare const VideoPlayer: import("react").ForwardRefExoticComponent<UnifiedMediaPlayerProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Audio-specific component with audio defaults
+ */
+export declare const AudioPlayer: import("react").ForwardRefExoticComponent<UnifiedMediaPlayerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=media-player.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,41 @@
+/**
+ * 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/unified/media-player.tsx

@@ -0,0 +1,75 @@
+/**
+ * Unified MediaPlayer - The primary media player component
+ * Consolidates MediaPlayer, VideoPlayer, and AudioPlayer into one component
+ */
+
+"use client"
+
+import { forwardRef } from "react"
+import { BaseMediaPlayer } from "./base-media-player"
+import type { MediaPlayerProps } from "../../types"
+
+export interface UnifiedMediaPlayerProps extends MediaPlayerProps {
+	// Media type - auto-detect if not specified
+	mediaType?: 'video' | 'audio' | 'auto'
+
+	// Video-specific props (ignored for audio)
+	poster?: string
+	aspectRatio?: string
+	width?: string | number
+	height?: string | number
+}
+
+/**
+ * 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<HTMLDivElement, UnifiedMediaPlayerProps>((props, ref) => {
+	return <BaseMediaPlayer {...props} ref={ref} />
+})
+
+MediaPlayer.displayName = "MediaPlayer"
+
+/**
+ * Video-specific component with video defaults
+ */
+export const VideoPlayer = forwardRef<HTMLDivElement, UnifiedMediaPlayerProps>((props, ref) => {
+	return (
+		<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<HTMLDivElement, UnifiedMediaPlayerProps>((props, ref) => {
+	return (
+		<BaseMediaPlayer
+			{...props}
+			ref={ref}
+			mediaType="audio"
+			showControls={props.showControls ?? true}
+		/>
+	)
+})
+
+AudioPlayer.displayName = "AudioPlayer"

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

@@ -0,0 +1,42 @@
+import type { IconSet } from "../../icons";
+export interface AccessibleMinimalPlayerProps {
+    src: string | string[];
+    poster?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    autoHideControls?: boolean;
+    hideDelay?: number;
+    theme?: "dark" | "light" | "transparent";
+    customIcons?: IconSet;
+    showCenterPlayButton?: boolean;
+    showLoadingSpinner?: boolean;
+    className?: string;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    onVolumeChange?: (volume: number) => void;
+    onSeek?: (time: number) => void;
+    onError?: (error: Error) => void;
+    watermark?: {
+        src: string;
+        position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        opacity?: number;
+        size?: "small" | "medium" | "large";
+    };
+    qualities?: Array<{
+        src: string;
+        quality: string;
+        default?: boolean;
+    }>;
+    showQualitySelector?: boolean;
+    showSpeedControl?: boolean;
+    thumbnails?: string;
+    enableKeyboardShortcuts?: boolean;
+    showKeyboardHelpButton?: boolean;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+}
+export declare function AccessibleMinimalPlayer({ src, poster, autoPlay, muted, loop, autoHideControls, hideDelay, theme, customIcons, showCenterPlayButton, showLoadingSpinner, className, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onSeek, onError, watermark, qualities, showQualitySelector, showSpeedControl, thumbnails, enableKeyboardShortcuts, showKeyboardHelpButton, ariaLabel, ariaDescribedBy, }: AccessibleMinimalPlayerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccessibleMinimalPlayer.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}