@therealtinhtute/baroiplayer 1.0.5 → 1.0.7

package/src/components/icons/index.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import BackwardIcon from "./svg-icons/BackwardIcon";
-import CameraIcon from "./svg-icons/CameraIcon";
-import ForwardIcon from "./svg-icons/ForwardIcon";
-import FullscreenEnterIcon from "./svg-icons/FullscreenEnterIcon";
-import FullscreenExitIcon from "./svg-icons/FullscreenExitIcon";
-import LoadingIcon from "./svg-icons/LoadingIcon";
-import PauseIcon from "./svg-icons/PauseIcon";
-import PlayIcon from "./svg-icons/PlayIcon";
-import PlaybackSpeedIcon from "./svg-icons/PlaybackSpeedIcon";
-import SettingsIcon from "./svg-icons/SettingsIcon";
-import SubtitleIconSVG from "./svg-icons/SubtitleIcon";
-import VolumeMutedIcon from "./svg-icons/VolumeMutedIcon";
-import VolumeTwoIcon from "./svg-icons/VolumeTwoIcon";
-// Minimal Play Icon
-export const MinimalPlayIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(PlayIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Pause Icon
-export const MinimalPauseIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(PauseIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Volume Icon
-export const MinimalVolumeIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(VolumeTwoIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Volume Muted Icon
-export const MinimalVolumeMutedIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(VolumeMutedIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Fullscreen Icon
-export const MinimalFullscreenIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(FullscreenEnterIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Exit Fullscreen Icon
-export const MinimalExitFullscreenIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(FullscreenExitIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Settings Icon
-export const MinimalSettingsIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(SettingsIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Loading Spinner
-export const MinimalSpinner = ({ size = 24, className = "", color = "currentColor" }) => (_jsx(LoadingIcon, { width: size, height: size, className: `animate-spin ${className}`, style: { color } }));
-// Minimal Forward Icon (using backward design)
-export const MinimalForwardIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(BackwardIcon, { width: size, height: size, className: className, style: { color } });
-// Minimal Backward Icon
-export const MinimalBackwardIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(ForwardIcon, { width: size, height: size, className: className, style: { color } });
-// Forward 10 seconds icon
-export const MinimalForward10Icon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(ForwardIcon, { width: size, height: size, className: className, style: { color } });
-// Backward 10 seconds icon
-export const MinimalBackward10Icon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(BackwardIcon, { width: size, height: size, className: className, style: { color } });
-// Subtitle/Caption icon
-export const MinimalSubtitleIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(SubtitleIconSVG, { width: size, height: size, className: className, style: { color } });
-// Screenshot/Camera icon
-export const MinimalScreenshotIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(CameraIcon, { width: size, height: size, className: className, style: { color } });
-// Speed icon
-export const MinimalSpeedIcon = ({ size = 24, className = "", color = "currentColor" }) => _jsx(PlaybackSpeedIcon, { width: size, height: size, className: className, style: { color } });
-// Default Icon Set
-export const defaultMinimalIcons = {
-    play: MinimalPlayIcon,
-    pause: MinimalPauseIcon,
-    volume: MinimalVolumeIcon,
-    volumeMuted: MinimalVolumeMutedIcon,
-    fullscreen: MinimalFullscreenIcon,
-    exitFullscreen: MinimalExitFullscreenIcon,
-    settings: MinimalSettingsIcon,
-    forward: MinimalForwardIcon,
-    backward: MinimalBackwardIcon,
-    spinner: MinimalSpinner,
-    subtitle: MinimalSubtitleIcon
-};

package/src/components/icons/svg-icons/ArrowLeftIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowLeftIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z' }) }));
-export default ArrowLeftIcon;

package/src/components/icons/svg-icons/ArrowRightIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowRightIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z' }) }));
-export default ArrowRightIcon;

package/src/components/icons/svg-icons/AudioIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AudioIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '1em', height: '1em', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07a4.007 4.007 0 0 0 4.59 4.65c1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2z' }) }));
-const Memo = AudioIcon;
-export default Memo;

package/src/components/icons/svg-icons/BackwardIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const BackwardIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.435 9.435 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.435 11.435 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1ZM9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0v-8Zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11Zm-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682c.676 0 1.038.26 1.288.682c.296.498.462 1.287.462 2.318c0 1.031-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318Z' }) }));
-export default BackwardIcon;

package/src/components/icons/svg-icons/CameraIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CameraIcon = (props) => (_jsx("svg", { width: 32, height: 32, viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M12 18q2.075 0 3.538-1.462Q17 15.075 17 13q0-2.075-1.462-3.538Q14.075 8 12 8 9.925 8 8.463 9.462 7 10.925 7 13q0 2.075 1.463 3.538Q9.925 18 12 18Zm0-2q-1.25 0-2.125-.875T9 13q0-1.25.875-2.125T12 10q1.25 0 2.125.875T15 13q0 1.25-.875 2.125T12 16Zm6-6q.425 0 .712-.288Q19 9.425 19 9t-.288-.713Q18.425 8 18 8t-.712.287Q17 8.575 17 9t.288.712Q17.575 10 18 10ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L8.7 3.325q.15-.15.337-.238Q9.225 3 9.425 3h5.15q.2 0 .388.087.187.088.337.238L16.85 5H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Zm16-2V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Zm-8-6Z' }) }));
-const Memo = CameraIcon;
-export default Memo;

package/src/components/icons/svg-icons/CheckIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const CheckIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--mdi', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7Z' }) }));
-const Memo = CheckIcon;
-export default Memo;

package/src/components/icons/svg-icons/EnablePiPIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function EnablePiPIcon(props) {
-    return (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { d: 'M13 17c0-1.886 0-2.828.586-3.414C14.172 13 15.114 13 17 13h1c1.886 0 2.828 0 3.414.586C22 14.172 22 15.114 22 17c0 1.886 0 2.828-.586 3.414C20.828 21 19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586C13 19.828 13 18.886 13 17Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M10 3h4c3.771 0 5.657 0 6.828 1.172c.95.949 1.13 2.694 1.164 5.328c.012.937.018 1.405-.275 1.703c-.294.297-.768.297-1.717.297h-2.5c-2.828 0-4.243 0-5.121.879c-.879.878-.879 2.293-.879 5.121v2c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54C10.699 21 10.466 21 10 21c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13v-2c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3ZM8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19L8.03 6.97Z', clipRule: 'evenodd' })] }) }));
-}
-export default EnablePiPIcon;

package/src/components/icons/svg-icons/ForwardIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ForwardIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 2.25a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-5.25a1 1 0 0 1 0-2h3.387c-.985-1.179-2.208-2.113-3.682-2.57a9.435 9.435 0 0 0-6.106.16c-1.981.738-3.81 2.232-4.722 3.894a1 1 0 0 1-1.754-.961C4.048 6.38 6.288 4.596 8.652 3.716a11.435 11.435 0 0 1 7.394-.196c1.576.488 2.886 1.38 3.954 2.459V3.25a1 1 0 0 1 1-1ZM9.095 11.061A1 1 0 0 1 9.75 12v8a1 1 0 0 1-2 0v-5.507c-.346.283-.752.575-1.235.864a1 1 0 1 1-1.03-1.715c1.203-.721 1.766-1.4 2.281-2.024c.074-.09.148-.178.222-.265a1 1 0 0 1 1.107-.292Zm4.147 1.6C13.85 11.635 14.864 11 16.25 11s2.4.635 3.008 1.661c.564.95.742 2.161.742 3.339s-.178 2.39-.742 3.339C18.65 20.365 17.636 21 16.25 21s-2.4-.636-3.008-1.661c-.564-.95-.742-2.161-.742-3.339s.178-2.39.742-3.339Zm1.72 1.021c-.296.498-.462 1.287-.462 2.318c0 1.031.166 1.82.461 2.318c.251.422.613.682 1.289.682c.676 0 1.038-.26 1.288-.682c.296-.498.462-1.287.462-2.318c0-1.031-.166-1.82-.462-2.318c-.25-.422-.612-.682-1.288-.682s-1.038.26-1.289.682Z' }) }));
-export default ForwardIcon;

package/src/components/icons/svg-icons/FullscreenEnterIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const FullscreenEnterIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "data-uia": 'control-fullscreen-enter', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M0 5a2 2 0 0 1 2-2h7v2H2v4H0V5Zm22 0h-7V3h7a2 2 0 0 1 2 2v4h-2V5ZM2 15v4h7v2H2a2 2 0 0 1-2-2v-4h2Zm20 4v-4h2v4a2 2 0 0 1-2 2h-7v-2h7Z', fill: 'currentColor' }) }));
-export default FullscreenEnterIcon;

package/src/components/icons/svg-icons/FullscreenExitIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const FullscreenExitIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "data-uia": 'control-fullscreen-exit', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M24 8h-5V3h-2v7h7V8ZM0 16h5v5h2v-7H0v2Zm7-6H0V8h5V3h2v7Zm12 11v-5h5v-2h-7v7h2Z', fill: 'currentColor' }) }));
-export default FullscreenExitIcon;

package/src/components/icons/svg-icons/LoadingIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const LoadingIcon = (props) => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'svg-icon-nfplayerPlay', style: { width: '100%', height: '100%' }, ...props, children: [_jsx("path", { fill: 'currentColor', d: 'M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z', opacity: '.5' }), _jsx("path", { fill: 'currentColor', d: 'M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z', children: _jsx("animateTransform", { attributeName: 'transform', dur: '1s', from: '0 12 12', repeatCount: 'indefinite', to: '360 12 12', type: 'rotate' }) })] }));
-export default LoadingIcon;

package/src/components/icons/svg-icons/PauseIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const PauseIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'svg-icon-nfplayerPause', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M4.5 3a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Zm10 0a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-5Z', fill: 'currentColor' }) }));
-export default PauseIcon;

package/src/components/icons/svg-icons/PlayIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const PlayIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'svg-icon-nfplayerPlay', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { d: 'M4 2.691a1 1 0 0 1 1.482-.876l16.925 9.309a1 1 0 0 1 0 1.752L5.482 22.185A1 1 0 0 1 4 21.309V2.69Z', fill: 'currentColor' }) }));
-export default PlayIcon;

package/src/components/icons/svg-icons/PlaybackSpeedIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const PlaybackSpeedIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M17.643 7.438c-3.122-3.25-8.164-3.25-11.286 0-3.143 3.273-3.143 8.596 0 11.87l-1.442 1.385c-3.887-4.048-3.887-10.593 0-14.64 3.908-4.07 10.262-4.07 14.17 0 3.887 4.047 3.887 10.592 0 14.64l-1.442-1.386c3.143-3.273 3.143-8.596 0-11.87ZM14 14a2 2 0 1 1-1.482-1.932l3.275-3.275 1.414 1.414-3.275 3.275c.044.165.068.339.068.518Z', fill: 'currentColor' }) }));
-export default PlaybackSpeedIcon;

package/src/components/icons/svg-icons/QualityIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const QualityIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--ic', width: '24', height: '24', viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V6h14v12zM7.5 13h2v2H11V9H9.5v2.5h-2V9H6v6h1.5zm6.5 2h.75v1.5h1.5V15H17c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm.5-4.5h2v3h-2v-3z' }) }));
-export default QualityIcon;

package/src/components/icons/svg-icons/SettingsIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SettingsIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: 'currentColor', d: 'M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505a3 3 0 0 0 5.348 0a9.99 9.99 0 0 1 4.335 2.505a3 3 0 0 0 2.675 4.63a10.036 10.036 0 0 1 0 5.007a3 3 0 0 0-2.675 4.629a9.99 9.99 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a9.99 9.99 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63A10.056 10.056 0 0 1 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524c.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274c.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25a8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524a7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274a7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25a8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2z' }) }));
-export default SettingsIcon;

package/src/components/icons/svg-icons/SliderIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SliderIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', "aria-hidden": 'true', className: 'iconify iconify--uil', width: 32, height: 32, viewBox: '0 0 24 24', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M21 11h-3.184a2.982 2.982 0 0 0-5.632 0H3a1 1 0 0 0 0 2h9.184a2.982 2.982 0 0 0 5.632 0H21a1 1 0 0 0 0-2Zm-6 2a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1Z' }) }));
-export default SliderIcon;

package/src/components/icons/svg-icons/SubtitleIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SubtitleIcon = (props) => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: _jsx("path", { fill: 'currentColor', d: 'M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6zm0 4h8v2H6zm10 0h2v2h-2zm-6-4h8v2h-8z' }) }));
-export default SubtitleIcon;

package/src/components/icons/svg-icons/SubtitleOffIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SubtitleOffIcon = (props) => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'Hawkins-Icon Hawkins-Icon-Standard', style: { width: '100%', height: '100%' }, ...props, children: [_jsx("path", { fill: 'currentColor', d: 'M20 4H6.83l2 2H20v11.17l1.76 1.76c.15-.28.24-.59.24-.93V6c0-1.1-.9-2-2-2z' }), _jsx("path", { fill: 'currentColor', d: 'M18 10h-5.17l2 2H18zM1.04 3.87l1.2 1.2C2.09 5.35 2 5.66 2 6v12c0 1.1.9 2 2 2h13.17l2.96 2.96 1.41-1.41L2.45 2.45 1.04 3.87zM4 6.83 7.17 10H6v2h2v-1.17L11.17 14H6v2h7.17l2 2H4V6.83z' })] }));
-export default SubtitleOffIcon;

package/src/components/icons/svg-icons/UnPiPIcon.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function UnPiPIcon(props) {
-    return (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { fillRule: 'evenodd', d: 'M10 3h4c3.771 0 5.657 0 6.828 1.172c.95.949 1.13 2.694 1.164 5.328c.012.937.018 1.405-.275 1.703c-.294.297-.768.297-1.717.297h-2.5c-2.828 0-4.243 0-5.121.879c-.879.878-.879 2.293-.879 5.121v2c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54C10.699 21 10.466 21 10 21c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13v-2c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3Zm.97 9.03a.75.75 0 1 0 1.06-1.06L9.31 8.25h1.19a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0V9.31l2.72 2.72Z', clipRule: 'evenodd' }), _jsx("path", { d: 'M13.586 13.586C13 14.172 13 15.114 13 17c0 1.886 0 2.828.586 3.414C14.172 21 15.114 21 17 21h1c1.886 0 2.828 0 3.414-.586C22 19.828 22 18.886 22 17c0-1.886 0-2.828-.586-3.414C20.828 13 19.886 13 18 13h-1c-1.886 0-2.828 0-3.414.586Z' })] }) }));
-}
-export default UnPiPIcon;

package/src/components/icons/svg-icons/VolumeMutedIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VolumeMutedIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { fillRule: 'evenodd', d: 'M20.515 6.316a.75.75 0 0 1 .991.376c.468 1.035.994 2.768.994 5.308c0 2.192-.392 3.783-.8 4.844a7.72 7.72 0 0 1-.572 1.195a4.73 4.73 0 0 1-.289.425l-.007.01l-.003.003l-.002.002L20.25 18l.576.48a.75.75 0 0 1-1.156-.956l.003-.004l.031-.041a3.27 3.27 0 0 0 .137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75 0 0 1 .375-.992Zm-2.101 2.95a.75.75 0 0 1 .887.582c.11.53.199 1.24.199 2.152c0 1.11-.132 1.923-.273 2.474a5.172 5.172 0 0 1-.203.631a2.977 2.977 0 0 1-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.657-.363l.656.364a.75.75 0 0 1-1.317-.719l.005-.01a1.85 1.85 0 0 0 .038-.087a3.66 3.66 0 0 0 .141-.447c.11-.424.227-1.111.227-2.101a9.17 9.17 0 0 0-.168-1.848a.75.75 0 0 1 .582-.886Z', clipRule: 'evenodd' }), _jsx("path", { d: 'M21.78 3.53a.75.75 0 0 0-1.06-1.06l-4.45 4.449a11.265 11.265 0 0 0-.193-1.39c-.172-.788-.477-1.473-1.116-1.923a3.066 3.066 0 0 0-.769-.39c-.818-.28-1.631-.057-2.457.345c-.814.395-1.8 1.046-3.032 1.857l-.267.176c-.447.295-.602.394-.76.464a2.17 2.17 0 0 1-.535.16c-.171.03-.354.032-.89.032h-.162c-1.217 0-2.062-.001-2.814.347A3.962 3.962 0 0 0 1.548 8.22c-.392.729-.438 1.491-.504 2.575l-.008.13C1.014 11.294 1 11.658 1 12c0 .342.014.706.036 1.074l.008.13c.066 1.084.112 1.846.504 2.575a3.962 3.962 0 0 0 1.727 1.624c.61.283 1.283.336 2.166.345L2.72 20.47a.75.75 0 1 0 1.06 1.06l18-18ZM16.5 12a.75.75 0 0 0-1.255-.554l-.071.074l-6 6.274A.778.778 0 0 0 9.34 19c1.039.68 1.899 1.225 2.631 1.549c.743.328 1.48.489 2.222.236a3.08 3.08 0 0 0 .769-.391c.706-.497 1.005-1.28 1.167-2.18c.159-.884.213-2.056.281-3.516l.003-.058a68.23 68.23 0 0 0 .088-2.64Z' })] }) }));
-export default VolumeMutedIcon;

package/src/components/icons/svg-icons/VolumeOneIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VolumeOneIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { d: 'M2.003 11.716c.037-1.843.056-2.764.668-3.552a3.18 3.18 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092c.07-.02.14-.042.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073a70.58 70.58 0 0 1 .08 2.555c0 .521-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.109 2.109 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a2.61 2.61 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3.145 3.145 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.553a14.06 14.06 0 0 1 0-.569Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M19.49 5.552a.66.66 0 0 1 .97.094l-.53.471l.53-.47h.002v.002l.004.004l.007.009a2.572 2.572 0 0 1 .078.112a4.6 4.6 0 0 1 .187.305c.149.265.339.652.526 1.171C21.64 8.291 22 9.851 22 12c0 2.15-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a4.605 4.605 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.972.094a.77.77 0 0 1-.091-1.03l.003-.005l.028-.04a3.2 3.2 0 0 0 .126-.208c.11-.195.264-.506.422-.943c.314-.871.643-2.252.643-4.222c0-1.969-.329-3.35-.643-4.222a6.268 6.268 0 0 0-.422-.942a3.208 3.208 0 0 0-.126-.207l-.028-.041l-.003-.004', clipRule: 'evenodd', opacity: '.4' }), _jsx("path", { fillRule: 'evenodd', d: 'M17.757 8.416c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053c.018.042.042.099.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3.036 3.036 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01a3.774 3.774 0 0 0 .165-.523c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.061a3.772 3.772 0 0 0-.165-.523l-.004-.01c-.179-.354-.058-.796.272-.991Z', clipRule: 'evenodd', opacity: '.7' })] }) }));
-export default VolumeOneIcon;

package/src/components/icons/svg-icons/VolumeThreeIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VolumeThreeIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { d: 'M2.003 11.716c.037-1.843.056-2.764.668-3.552a3.18 3.18 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092c.07-.02.14-.042.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073a70.58 70.58 0 0 1 .08 2.555c0 .521-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.109 2.109 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a2.61 2.61 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3.145 3.145 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.553a14.06 14.06 0 0 1 0-.569Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M19.49 5.552a.66.66 0 0 1 .97.094l-.529.471l.53-.47l.002.002l.003.004l.007.009a2.572 2.572 0 0 1 .079.112c.047.071.111.173.186.305c.149.264.339.652.526 1.171C21.64 8.291 22 9.851 22 12c0 2.15-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a4.655 4.655 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.971.094a.77.77 0 0 1-.09-1.035l.03-.041c.026-.04.07-.11.125-.207a6.28 6.28 0 0 0 .422-.943c.314-.871.644-2.253.644-4.222c0-1.97-.33-3.35-.644-4.222a6.28 6.28 0 0 0-.422-.942a3.152 3.152 0 0 0-.157-.253m-1.641 1.833c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053c.018.042.042.099.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3.04 3.04 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.06a3.757 3.757 0 0 0-.165-.524l-.004-.01a.76.76 0 0 1 .272-.991Z', clipRule: 'evenodd' })] }) }));
-export default VolumeThreeIcon;

package/src/components/icons/svg-icons/VolumeTwoIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VolumeTwoIcon = (props) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '1em', height: '1em', viewBox: '0 0 24 24', ...props, children: _jsxs("g", { fill: 'currentColor', children: [_jsx("path", { d: 'M2.003 11.716c.037-1.843.056-2.764.668-3.552a3.18 3.18 0 0 1 .413-.431c.752-.636 1.746-.636 3.733-.636c.71 0 1.065 0 1.403-.092c.07-.02.14-.042.209-.067c.33-.121.627-.33 1.22-.746c2.338-1.645 3.508-2.467 4.489-2.11c.188.069.37.168.533.29c.848.635.913 2.115 1.042 5.073a70.58 70.58 0 0 1 .08 2.555c0 .521-.032 1.46-.08 2.555c-.13 2.958-.194 4.438-1.042 5.073a2.109 2.109 0 0 1-.533.29c-.982.357-2.15-.465-4.49-2.11c-.592-.416-.889-.625-1.22-.746a2.61 2.61 0 0 0-.208-.067c-.338-.092-.693-.092-1.403-.092c-1.987 0-2.98 0-3.733-.636a3.145 3.145 0 0 1-.413-.43c-.612-.79-.63-1.71-.668-3.553a14.06 14.06 0 0 1 0-.569Z' }), _jsx("path", { fillRule: 'evenodd', d: 'M19.49 5.552a.66.66 0 0 1 .97.094l-.529.471l.53-.47l.002.002l.003.004l.007.009a2.572 2.572 0 0 1 .079.112c.047.071.111.173.186.305c.149.264.339.652.526 1.171C21.64 8.291 22 9.851 22 12c0 2.15-.36 3.71-.736 4.75c-.187.52-.377.907-.526 1.172a4.655 4.655 0 0 1-.265.417l-.007.009l-.003.003l-.001.002s-.001.001-.531-.47l.53.471a.66.66 0 0 1-.971.094a.77.77 0 0 1-.09-1.035l.03-.041c.026-.04.07-.11.125-.207a6.28 6.28 0 0 0 .422-.943c.314-.871.644-2.253.644-4.222c0-1.97-.33-3.35-.644-4.222a6.28 6.28 0 0 0-.422-.942a3.152 3.152 0 0 0-.157-.253m-1.641 1.833c.333-.197.753-.07.938.286l-.603.357l.603-.357l.001.002l.002.003l.003.007l.01.018l.024.053c.018.042.042.099.07.17c.053.145.12.35.185.62c.13.54.252 1.337.252 2.425c0 1.089-.122 1.886-.252 2.426c-.065.27-.132.475-.186.619a3.04 3.04 0 0 1-.094.223l-.009.018l-.003.007l-.002.003v.002s-.001.001-.604-.356l.603.357c-.185.355-.605.483-.938.286c-.33-.196-.45-.638-.272-.991l.004-.01l.035-.085c.032-.086.08-.23.13-.438c.1-.416.208-1.09.208-2.06c0-.971-.108-1.645-.208-2.06a3.757 3.757 0 0 0-.165-.524l-.004-.01a.76.76 0 0 1 .272-.991Z', clipRule: 'evenodd' })] }) }));
-export default VolumeTwoIcon;

package/src/components/legacy.js

@@ -1,52 +0,0 @@
-/**
- * Legacy Components (Deprecated)
- * These components are wrapped with deprecation warnings
- */
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { showDeprecationWarning } from "../lib/deprecation";
-import { PlayButton } from "./ui/play-button";
-import { SeekBar } from "./ui/seek-bar";
-import { TimeDisplay } from "./ui/time-display";
-import { VolumeControl } from "./ui/volume-control";
-import { FullscreenButton } from "./ui/fullscreen-button";
-import { ModernMediaPlayer as ReactPlayerWrapper } from "./react-player-wrapper";
-import { SimpleVideoPlayer as SimpleVideoPlayerBase } from "./simple-video-player";
-// Legacy component wrappers with deprecation warnings
-export const ModernMediaPlayer = React.forwardRef((props, ref) => {
-    showDeprecationWarning("ModernMediaPlayer", "MediaPlayer (the primary media player component)");
-    return _jsx(ReactPlayerWrapper, { ...props, ref: ref });
-});
-ModernMediaPlayer.displayName = "DeprecatedModernMediaPlayer";
-export const SimpleVideoPlayer = React.forwardRef((props, ref) => {
-    showDeprecationWarning("SimpleVideoPlayer", "VideoPlayer (the primary video player component)");
-    return _jsx(SimpleVideoPlayerBase, { ...props, ref: ref });
-});
-SimpleVideoPlayer.displayName = "DeprecatedSimpleVideoPlayer";
-// Legacy UI components with deprecation warnings
-export const LegacyPlayButton = React.forwardRef((props, ref) => {
-    showDeprecationWarning("PlayButton", "Use MediaPlayer compound components or MediaPlayer (all-in-one)");
-    return _jsx(PlayButton, { ...props, ref: ref });
-});
-LegacyPlayButton.displayName = "DeprecatedPlayButton";
-export const LegacySeekBar = React.forwardRef((props, ref) => {
-    showDeprecationWarning("SeekBar", "Use MediaPlayer compound components or MediaPlayer (all-in-one)");
-    return _jsx(SeekBar, { ...props, ref: ref });
-});
-LegacySeekBar.displayName = "DeprecatedSeekBar";
-export const LegacyTimeDisplay = React.forwardRef((props, ref) => {
-    showDeprecationWarning("TimeDisplay", "Use MediaPlayer compound components or MediaPlayer (all-in-one)");
-    return _jsx(TimeDisplay, { ...props, ref: ref });
-});
-LegacyTimeDisplay.displayName = "DeprecatedTimeDisplay";
-export const LegacyVolumeControl = React.forwardRef((props, ref) => {
-    showDeprecationWarning("VolumeControl", "Use MediaPlayer compound components or MediaPlayer (all-in-one)");
-    return _jsx(VolumeControl, { ...props, ref: ref });
-});
-LegacyVolumeControl.displayName = "DeprecatedVolumeControl";
-export const LegacyFullscreenButton = React.forwardRef((props, ref) => {
-    showDeprecationWarning("FullscreenButton", "Use MediaPlayer compound components or MediaPlayer (all-in-one)");
-    return _jsx(FullscreenButton, { ...props, ref: ref });
-});
-LegacyFullscreenButton.displayName = "DeprecatedFullscreenButton";

package/src/components/media-metadata-display.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense } from 'react';
-import { useMediaMetadata, formatTime } from '../hooks/use-media-metadata';
-function MetadataSkeleton() {
-    return (_jsxs("div", { className: "animate-pulse space-y-2", children: [_jsx("div", { className: "h-4 w-3/4 rounded bg-gray-700" }), _jsx("div", { className: "h-3 w-1/2 rounded bg-gray-700" }), _jsx("div", { className: "h-3 w-2/3 rounded bg-gray-700" })] }));
-}
-function MediaMetadataContent({ src }) {
-    // Use the use() hook for async data - this will suspend until data loads
-    const metadata = useMediaMetadata(src);
-    return (_jsxs("div", { className: "media-metadata space-y-2 text-white", children: [_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 text-sm", children: "Duration: " }), _jsx("span", { children: formatTime(metadata.duration) })] }), _jsxs("div", { children: [_jsx("span", { className: "text-gray-400 text-sm", children: "Format: " }), _jsx("span", { children: metadata.format })] }), metadata.width && metadata.height && (_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 text-sm", children: "Resolution: " }), _jsxs("span", { children: [metadata.width, " x ", metadata.height] })] })), metadata.title && (_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 text-sm", children: "Title: " }), _jsx("span", { children: metadata.title })] })), metadata.artist && (_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 text-sm", children: "Artist: " }), _jsx("span", { children: metadata.artist })] }))] }));
-}
-export function MediaMetadataDisplay({ src }) {
-    return (_jsxs("div", { className: "rounded-lg bg-gray-800 p-4", children: [_jsx("h4", { className: "mb-3 font-medium text-white", children: "Media Information" }), _jsx(Suspense, { fallback: _jsx(MetadataSkeleton, {}), children: _jsx(MediaMetadataContent, { src: src }) })] }));
-}
-function MediaErrorFallback({ error, retry }) {
-    return (_jsxs("div", { className: "rounded-lg border border-red-700 bg-red-900/20 p-4", children: [_jsx("h4", { className: "mb-2 font-medium text-red-400", children: "Failed to load metadata" }), _jsx("p", { className: "mb-3 text-red-300 text-sm", children: error.message }), _jsx("button", { onClick: retry, className: "rounded bg-red-700 px-3 py-1 text-sm text-white transition-colors hover:bg-red-600", children: "Retry" })] }));
-}
-export function MediaInfo({ src, title }) {
-    return (_jsxs("div", { className: "space-y-4", children: [title && (_jsx("h3", { className: "font-semibold text-white text-xl", children: title })), _jsx(MediaMetadataDisplay, { src: src })] }));
-}

package/src/components/media-player-audio.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { useMediaContext } from "../context/media-context";
-export function MediaPlayerAudio({ asChild = false, className, children, ...props }) {
-    const context = useMediaContext();
-    if (asChild) {
-        // When asChild is true, clone the child element and add our props
-        const child = React.Children.only(children);
-        return React.cloneElement(child, {
-            ...props,
-            ref: context.mediaRef,
-            "data-slot": "media-player-audio"
-        });
-    }
-    return (_jsx("audio", { ref: context.mediaRef, "data-slot": "media-player-audio", className: className, ...props, children: children }));
-}
-MediaPlayerAudio.displayName = "MediaPlayerAudio";

package/src/components/media-player-controls.js

@@ -1,150 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { useMediaSelector } from "../context/media-context";
-import { useDeviceInfo, useContainerQuery } from "@rp/ui/hooks/use-mobile";
-import { cn } from "../lib/utils";
-export function MediaPlayerControls({ children, className, asChild = false, variant, adaptiveLayout = true, ...props }) {
-    const isFullscreen = useMediaSelector((state) => state.isFullscreen);
-    const disabled = useMediaSelector((state) => state.error !== null);
-    const { isMobile, isTablet, isTouchDevice, orientation } = useDeviceInfo();
-    // Container ref for responsive queries
-    const containerRef = React.useRef(null);
-    const isCompactContainer = useContainerQuery(containerRef, '(max-width: 480px)');
-    // Determine the effective variant
-    const effectiveVariant = React.useMemo(() => {
-        if (variant)
-            return variant;
-        if (!adaptiveLayout)
-            return 'default';
-        // Auto-detect based on device and container size
-        if (isMobile || isCompactContainer)
-            return 'mobile';
-        if (isTablet)
-            return 'compact';
-        return 'default';
-    }, [variant, adaptiveLayout, isMobile, isTablet, isCompactContainer]);
-    // Get mobile-optimized classes
-    const getMobileClasses = () => {
-        const baseClasses = [
-            // Base mobile-first classes
-            "pointer-events-none absolute right-0 bottom-0 left-0 z-50",
-            "opacity-0 transition-opacity duration-200",
-            "data-[visible]:pointer-events-auto data-[visible]:opacity-100"
-        ];
-        switch (effectiveVariant) {
-            case 'mobile':
-                return [
-                    ...baseClasses,
-                    // Mobile-first layout with larger touch targets
-                    "flex flex-col gap-3 px-4 py-4",
-                    // Larger padding for better thumb reach
-                    "[@container(min-width:360px)]:px-6 [@container(min-width:360px)]:py-5",
-                    // Portrait orientation adjustments
-                    orientation === 'portrait' && "pb-6",
-                    // Fullscreen mobile adjustments
-                    "[:fullscreen_&]:px-8 [:fullscreen_&]:py-6",
-                    // Ensure minimum touch target sizes (44px)
-                    "[&_button]:min-h-[44px] [&_button]:min-w-[44px]",
-                    "[&_[role=slider]]:min-h-[44px]",
-                    // Better spacing for touch
-                    "[&>*]:gap-4",
-                ];
-            case 'compact':
-                return [
-                    ...baseClasses,
-                    // Tablet-optimized compact layout
-                    "flex items-center gap-2 px-4 py-3",
-                    "[:fullscreen_&]:px-6 [:fullscreen_&]:py-4",
-                    // Medium-sized touch targets (40px)
-                    "[&_button]:min-h-[40px] [&_button]:min-w-[40px]",
-                    "[&_[role=slider]]:min-h-[40px]",
-                ];
-            default:
-                return [
-                    ...baseClasses,
-                    // Desktop default layout
-                    "flex items-center gap-2 px-4 py-3",
-                    "[:fullscreen_&]:px-6 [:fullscreen_&]:py-4",
-                    // Standard button sizes for desktop
-                    "[&_button]:min-h-[36px] [&_button]:min-w-[36px]",
-                ];
-        }
-    };
-    if (asChild) {
-        const child = React.Children.only(children);
-        return React.cloneElement(child, {
-            ...props,
-            ref: containerRef,
-            "data-slot": "media-player-controls",
-            "data-state": isFullscreen ? "fullscreen" : "inline",
-            "data-disabled": disabled ? "" : undefined,
-            "data-variant": effectiveVariant,
-            "data-touch": isTouchDevice ? "" : undefined,
-            className: cn(getMobileClasses(), 
-            // Add container query support
-            "@container", className)
-        });
-    }
-    return (_jsx("div", { ref: containerRef, "data-slot": "media-player-controls", "data-state": isFullscreen ? "fullscreen" : "inline", "data-disabled": disabled ? "" : undefined, "data-variant": effectiveVariant, "data-touch": isTouchDevice ? "" : undefined, className: cn("dark", getMobileClasses(), 
-        // Add container query support
-        "@container", className), ...props, children: children }));
-}
-MediaPlayerControls.displayName = "MediaPlayerControls";
-export function MediaPlayerControlsOverlay({ className, asChild = false, children, variant, ...props }) {
-    const isFullscreen = useMediaSelector((state) => state.isFullscreen);
-    const { isMobile, isTablet, isTouchDevice } = useDeviceInfo();
-    // Determine the effective variant
-    const effectiveVariant = React.useMemo(() => {
-        if (variant)
-            return variant;
-        if (isMobile)
-            return 'mobile';
-        if (isTablet)
-            return 'compact';
-        return 'default';
-    }, [variant, isMobile, isTablet]);
-    // Get mobile-optimized gradient classes
-    const getOverlayClasses = () => {
-        const baseClasses = [
-            "-z-10 pointer-events-none absolute inset-0",
-            "opacity-0 transition-opacity duration-200 data-[visible]:opacity-100"
-        ];
-        switch (effectiveVariant) {
-            case 'mobile':
-                return [
-                    ...baseClasses,
-                    // Enhanced gradient for better readability on mobile
-                    "bg-gradient-to-t from-black/90 via-black/60 to-transparent",
-                    // Larger gradient area for mobile controls
-                    "from-0% via-40% to-70%"
-                ];
-            case 'compact':
-                return [
-                    ...baseClasses,
-                    // Medium gradient for tablet
-                    "bg-gradient-to-t from-black/85 via-black/40 to-transparent",
-                    "from-0% via-30% to-60%"
-                ];
-            default:
-                return [
-                    ...baseClasses,
-                    // Standard desktop gradient
-                    "bg-gradient-to-t from-black/80 to-transparent"
-                ];
-        }
-    };
-    if (asChild) {
-        const child = React.Children.only(children);
-        return React.cloneElement(child, {
-            ...props,
-            "data-slot": "media-player-controls-overlay",
-            "data-state": isFullscreen ? "fullscreen" : "inline",
-            "data-variant": effectiveVariant,
-            "data-touch": isTouchDevice ? "" : undefined,
-            className: cn(getOverlayClasses(), className)
-        });
-    }
-    return (_jsx("div", { "data-slot": "media-player-controls-overlay", "data-state": isFullscreen ? "fullscreen" : "inline", "data-variant": effectiveVariant, "data-touch": isTouchDevice ? "" : undefined, className: cn(getOverlayClasses(), className), ...props }));
-}
-MediaPlayerControlsOverlay.displayName = "MediaPlayerControlsOverlay";

package/src/components/media-player-error.js

@@ -1,85 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@rp/ui/components/button";
-import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "lucide-react";
-import React from "react";
-import { useMediaContext, useMediaSelector } from "../context/media-context";
-import { cn } from "../lib/utils";
-export function MediaPlayerError({ error: errorProp, label, description, onRetry: onRetryProp, onReload: onReloadProp, className, asChild = false, children, ...props }) {
-    const context = useMediaContext();
-    const stateError = useMediaSelector((state) => state.error);
-    const error = errorProp || stateError;
-    const [actionState, setActionState] = React.useState({
-        retryPending: false,
-        reloadPending: false
-    });
-    const handleRetry = React.useCallback(() => {
-        setActionState((prev) => ({ ...prev, retryPending: true }));
-        requestAnimationFrame(() => {
-            const mediaElement = context.mediaRef.current;
-            if (!mediaElement) {
-                setActionState((prev) => ({ ...prev, retryPending: false }));
-                return;
-            }
-            if (onRetryProp) {
-                onRetryProp();
-            }
-            else {
-                const currentSrc = mediaElement.src;
-                if (currentSrc) {
-                    mediaElement.load();
-                }
-            }
-            setActionState((prev) => ({ ...prev, retryPending: false }));
-        });
-    }, [context.mediaRef, onRetryProp]);
-    const handleReload = React.useCallback(() => {
-        setActionState((prev) => ({ ...prev, reloadPending: true }));
-        requestAnimationFrame(() => {
-            if (onReloadProp) {
-                onReloadProp();
-            }
-            else {
-                window.location.reload();
-            }
-        });
-    }, [onReloadProp]);
-    const errorLabel = React.useMemo(() => {
-        if (label)
-            return label;
-        if (error instanceof Error) {
-            return "Media Error";
-        }
-        return "Playback Error";
-    }, [label, error]);
-    const errorDescription = React.useMemo(() => {
-        if (description)
-            return description;
-        if (error instanceof Error) {
-            return error.message;
-        }
-        if (typeof error === "string") {
-            return error;
-        }
-        return "An error occurred while loading the media";
-    }, [description, error]);
-    if (!error)
-        return null;
-    const errorProps = {
-        role: "alert",
-        "aria-describedby": `${context.mediaId}-error-description`,
-        "aria-labelledby": `${context.mediaId}-error-label`,
-        "aria-live": "assertive",
-        "data-slot": "media-player-error",
-        "data-state": "error",
-        className: cn("pointer-events-auto absolute inset-0 z-50 flex flex-col items-center justify-center bg-black/80 text-white backdrop-blur-sm", className),
-        ...props
-    };
-    const content = (_jsxs("div", { className: "flex flex-col items-center gap-4 p-6 text-center", children: [_jsx(AlertTriangleIcon, { className: "size-12 text-red-400" }), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { id: `${context.mediaId}-error-label`, className: "font-semibold text-lg", children: errorLabel }), _jsx("p", { id: `${context.mediaId}-error-description`, className: "text-sm text-white/80", children: errorDescription })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleRetry, disabled: actionState.retryPending, children: [actionState.retryPending ? (_jsx(RefreshCcwIcon, { className: "mr-2 size-4 animate-spin" })) : (_jsx(RefreshCcwIcon, { className: "mr-2 size-4" })), "Try again"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleReload, disabled: actionState.reloadPending, children: [actionState.reloadPending ? (_jsx(RotateCcwIcon, { className: "mr-2 size-4 animate-spin" })) : (_jsx(RotateCcwIcon, { className: "mr-2 size-4" })), "Reload page"] })] })] }));
-    if (asChild) {
-        const child = React.Children.only(children);
-        return React.cloneElement(child, errorProps, content);
-    }
-    return _jsx("div", { ...errorProps, children: content });
-}
-MediaPlayerError.displayName = "MediaPlayerError";