@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/organisms/VideoPlayer/index.cjs

@@ -0,0 +1,226 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var icons = require('./components/icons.cjs');
+
+const VideoPlayer = ({ src, type = 'video/mp4', autoPlay = false, thumbnailUrl, thumbnailAlt, showThumbnailOverlay, className, thumbnailButtonClassName, size = 'md', ref, }) => {
+    const videoRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const progressRef = React.useRef(null);
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [currentTime, setCurrentTime] = React.useState(0);
+    const [duration, setDuration] = React.useState(0);
+    const [buffered, setBuffered] = React.useState(null);
+    const [hoverTime, setHoverTime] = React.useState(null);
+    const [hoverPosition, setHoverPosition] = React.useState(null);
+    const [showThumbnail, setShowThumbnail] = React.useState(true);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const [volume, setVolume] = React.useState(1);
+    const [isMuted, setIsMuted] = React.useState(false);
+    const [previousVolume, setPreviousVolume] = React.useState(1);
+    const [playbackRate, setPlaybackRate] = React.useState(1);
+    React.useImperativeHandle(ref, () => ({
+        play: () => {
+            videoRef.current?.play();
+            setIsPlaying(true);
+            setShowThumbnail(false);
+        },
+        pause: () => {
+            videoRef.current?.pause();
+            setIsPlaying(false);
+        },
+        get paused() {
+            return videoRef.current?.paused ?? true;
+        },
+        get videoElement() {
+            return videoRef.current;
+        },
+    }));
+    const playbackSpeeds = [1, 1.25, 1.5, 1.75, 2];
+    const formatTime = (time) => {
+        const minutes = Math.max(Math.floor(time / 60), 0);
+        const seconds = Math.max(Math.floor(time % 60), 0);
+        return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+    };
+    const togglePlay = () => {
+        setIsPlaying((prevPlaying) => {
+            prevPlaying ? videoRef.current?.pause() : videoRef.current?.play();
+            return !prevPlaying;
+        });
+        setShowThumbnail(false);
+    };
+    const handleProgressClick = (e) => {
+        if (progressRef.current && videoRef.current) {
+            const rect = progressRef.current.getBoundingClientRect();
+            const pos = (e.clientX - rect.left) / rect.width;
+            videoRef.current.currentTime = pos * duration;
+        }
+    };
+    const handleProgressHover = (e) => {
+        if (progressRef.current && videoRef.current) {
+            const rect = progressRef.current.getBoundingClientRect();
+            const pos = (e.clientX - rect.left) / rect.width;
+            setHoverTime(pos * duration);
+            setHoverPosition(e.clientX - rect.left);
+        }
+    };
+    const handleProgress = () => {
+        if (videoRef.current) {
+            setBuffered(videoRef.current.buffered);
+        }
+    };
+    const toggleFullscreen = () => {
+        if (!document.fullscreenElement) {
+            videoRef.current?.parentElement?.requestFullscreen();
+        }
+        else {
+            document.exitFullscreen();
+        }
+    };
+    const toggleMute = React.useCallback(() => {
+        if (isMuted) {
+            setVolume(previousVolume);
+            if (videoRef.current) {
+                videoRef.current.volume = previousVolume;
+            }
+        }
+        else {
+            setPreviousVolume(volume);
+            setVolume(0);
+            if (videoRef.current) {
+                videoRef.current.volume = 0;
+            }
+        }
+        setIsMuted(!isMuted);
+    }, [isMuted, previousVolume, volume]);
+    const toggleSpeed = () => {
+        const currentIndex = playbackSpeeds.indexOf(playbackRate);
+        const nextIndex = (currentIndex + 1) % playbackSpeeds.length;
+        const nextSpeed = playbackSpeeds[nextIndex];
+        setPlaybackRate(nextSpeed);
+        if (videoRef.current) {
+            videoRef.current.playbackRate = nextSpeed;
+        }
+    };
+    const handleVolumeChange = (e) => {
+        const newVolume = parseFloat(e.target.value);
+        setVolume(newVolume);
+        if (videoRef.current) {
+            videoRef.current.volume = newVolume;
+        }
+        setIsMuted(newVolume === 0);
+    };
+    // biome-ignore lint/correctness/useExhaustiveDependencies: this is a side effect
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handleTimeUpdate = () => setCurrentTime(video.currentTime);
+        const handleDurationChange = () => setDuration(video.duration);
+        const handleEnded = () => {
+            setIsPlaying(false);
+            setShowThumbnail(true);
+        };
+        const handleKeyDown = (e) => {
+            if (e.code === 'Space' || e.code === 'KeyK') {
+                e.preventDefault();
+                togglePlay();
+            }
+            if (e.code === 'F') {
+                e.preventDefault();
+                toggleFullscreen();
+            }
+            if (e.code === 'KeyM') {
+                e.preventDefault();
+                toggleMute();
+            }
+            if (e.code === 'ArrowUp') {
+                e.preventDefault();
+                const newVolume = Math.min(video.volume + 0.1, 1);
+                video.volume = newVolume;
+                setVolume(newVolume);
+                setIsMuted(newVolume === 0);
+            }
+            if (e.code === 'ArrowDown') {
+                e.preventDefault();
+                const newVolume = Math.max(video.volume - 0.1, 0);
+                video.volume = newVolume;
+                setVolume(newVolume);
+                setIsMuted(newVolume === 0);
+            }
+            if (e.code === 'ArrowLeft') {
+                e.preventDefault();
+                video.currentTime = Math.max(video.currentTime - 10, 0);
+            }
+            if (e.code === 'ArrowRight') {
+                e.preventDefault();
+                video.currentTime = Math.min(video.currentTime + 10, video.duration);
+            }
+        };
+        video.addEventListener('timeupdate', handleTimeUpdate);
+        video.addEventListener('durationchange', handleDurationChange);
+        video.addEventListener('ended', handleEnded);
+        video.addEventListener('progress', handleProgress);
+        video.addEventListener('keydown', handleKeyDown);
+        return () => {
+            video.removeEventListener('timeupdate', handleTimeUpdate);
+            video.removeEventListener('durationchange', handleDurationChange);
+            video.removeEventListener('ended', handleEnded);
+            video.removeEventListener('progress', handleProgress);
+            video.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [toggleMute]);
+    React.useEffect(() => {
+        const handleFullscreenChange = () => {
+            setIsFullscreen(!!document.fullscreenElement);
+        };
+        document.addEventListener('fullscreenchange', handleFullscreenChange);
+        return () => {
+            document.removeEventListener('fullscreenchange', handleFullscreenChange);
+        };
+    }, []);
+    const renderBuffered = () => {
+        if (!buffered)
+            return null;
+        const segments = [];
+        for (let i = 0; i < buffered.length; i++) {
+            const start = (buffered.start(i) / duration) * 100;
+            const end = (buffered.end(i) / duration) * 100;
+            segments.push(jsxRuntime.jsx("div", { className: "pointer-events-none absolute h-full min-w-2 rounded-full bg-fg-white/50", style: {
+                    left: `${start}%`,
+                    width: `${end - start}%`,
+                } }, i));
+        }
+        return segments;
+    };
+    const canShowTrickPlayTime = hoverTime !== null && hoverPosition !== null;
+    return (jsxRuntime.jsxs("div", { ref: containerRef, className: cx.cx('group/video relative', 
+        // Add focus ring when video is focused
+        'outline-focus-ring has-[video:focus-visible]:outline-2 has-[video:focus-visible]:outline-offset-4', className), children: [jsxRuntime.jsxs("div", { onClick: togglePlay, className: cx.cx('group absolute inset-0 z-10 cursor-pointer rounded-[inherit] transition-all duration-300 ease-in', thumbnailUrl && showThumbnail ? 'visible opacity-100' : 'pointer-events-none invisible opacity-0'), children: [jsxRuntime.jsx("img", { src: thumbnailUrl, alt: thumbnailAlt, className: "size-full object-cover" }), jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: jsxRuntime.jsx("div", { className: cx.cx('flex size-16 items-center justify-center', size !== 'sm' &&
+                                'rounded-full bg-alpha-white/30 backdrop-blur transition duration-100 ease-linear group-hover:bg-alpha-white/40 hover:bg-alpha-white/40', thumbnailUrl && showThumbnail ? 'scale-100' : 'scale-90 duration-500', thumbnailButtonClassName), children: jsxRuntime.jsx(icons.PlayIcon, { className: "size-5 text-fg-white" }) }) }), showThumbnailOverlay && jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-[inherit] bg-black/10 outline-2 -outline-offset-1 outline-black/10" })] }), jsxRuntime.jsxs("video", { ref: videoRef, tabIndex: 0, autoPlay: autoPlay, className: "h-full w-full cursor-pointer rounded-[inherit] bg-black outline-1 -outline-offset-1 outline-black/10", onClick: togglePlay, onDoubleClick: toggleFullscreen, children: [jsxRuntime.jsx("source", { src: src, type: type }), "Your browser does not support the video tag."] }), jsxRuntime.jsx("div", { className: cx.cx('absolute right-0 bottom-0 left-0 translate-y-4 transform bg-linear-to-t from-black/20 to-transparent opacity-0 transition duration-150 ease-in will-change-transform', 
+                // Make it visible when video is hovered
+                'group-hover/video:translate-y-0 group-hover/video:opacity-100 group-hover/video:duration-200 group-hover/video:ease-out', 
+                // Make it visible when video is focused
+                'group-has-[video:focus-visible]/video:translate-y-0 group-has-[video:focus-visible]/video:opacity-100 group-has-[video:focus-visible]/video:duration-200 group-has-[video:focus-visible]/video:ease-out', 
+                // Sizes
+                size === 'sm' && 'px-1 pt-6 pb-1', size === 'md' && 'px-5 pt-10 pb-4', size === 'lg' && 'px-8 pt-12 pb-6'), children: jsxRuntime.jsxs("div", { className: cx.cx('flex items-center', size === 'lg' ? 'gap-1' : 'gap-0.5'), children: [jsxRuntime.jsxs(VideoPlayerButton, { crossOffset: -12, tooltipPlacement: "top start", tooltipTitle: isPlaying ? 'Pause' : 'Play', tooltipDescription: "Space", tabIndex: -1, onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', className: "group/play relative", children: [jsxRuntime.jsx(icons.PauseIcon, { className: cx.cx('size-4 transition duration-100 ease-linear group-active/play:scale-[0.8]', isPlaying ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.8] opacity-0') }), jsxRuntime.jsx(icons.PlayIcon, { className: cx.cx('absolute size-4 transition duration-100 ease-linear group-active/play:scale-[0.8]', isPlaying ? 'pointer-events-none scale-[0.8] opacity-0' : 'scale-100 opacity-100') })] }), size !== 'lg' && (jsxRuntime.jsx(VideoPlayerButton, { tooltipPlacement: "top", tooltipTitle: isMuted ? 'Unmute' : 'Mute', tooltipDescription: "M", tabIndex: -1, onClick: toggleMute, "aria-label": isMuted ? 'Unmute' : 'Mute', className: "group/play relative", children: isMuted || volume === 0 ? jsxRuntime.jsx(uiIcons.VolumeX, { className: "size-4" }) : jsxRuntime.jsx(uiIcons.VolumeMax, { className: "size-4" }) })), size === 'lg' && (jsxRuntime.jsxs("div", { className: "flex items-center rounded-md pr-2 outline-hidden transition duration-100 ease-linear hover:bg-alpha-white/20 hover:backdrop-blur-sm focus-visible:outline-offset-2 focus-visible:outline-white", children: [jsxRuntime.jsx("button", { tabIndex: -1, onClick: toggleMute, "aria-label": isMuted ? 'Unmute' : 'Mute', className: "flex size-8 cursor-pointer items-center justify-center", children: isMuted || volume === 0 ? jsxRuntime.jsx(uiIcons.VolumeX, { className: "size-4 text-fg-white" }) : jsxRuntime.jsx(uiIcons.VolumeMax, { className: "size-4 text-fg-white" }) }), jsxRuntime.jsx("input", { type: "range", min: "0", max: "1", step: "0.1", value: volume, tabIndex: -1, onChange: handleVolumeChange, className: "h-1 w-11 cursor-pointer appearance-none rounded-full bg-alpha-white/30 [&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-white [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:translate-x-0 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-fg-white", style: {
+                                        backgroundImage: `linear-gradient(to right, white ${volume * 100}%, transparent ${volume * 100}%)`,
+                                    } })] })), jsxRuntime.jsxs("div", { className: cx.cx('flex min-w-0 flex-1 items-center gap-2 px-2', 
+                            // Visually hide progress bar when size is sm
+                            size === 'sm' && 'pointer-events-none invisible opacity-0'), children: [jsxRuntime.jsx("span", { className: "pointer-events-none text-xs font-semibold text-white", children: formatTime(currentTime) }), jsxRuntime.jsx("div", { ref: progressRef, onClick: handleProgressClick, onMouseMove: handleProgressHover, className: "group/progress -my-8 flex-1 cursor-pointer py-8", children: jsxRuntime.jsxs("div", { className: "relative h-2 flex-1 rounded-full bg-fg-white/30", children: [renderBuffered(), jsxRuntime.jsx("div", { className: "pointer-events-none absolute h-full min-w-2 rounded-full bg-fg-white", style: { width: `${(currentTime / duration) * 100}%` } }), jsxRuntime.jsx("div", { className: "pointer-events-none absolute top-1/2 h-8 w-px -translate-y-1/2 bg-fg-white/30 opacity-0 transition duration-100 ease-linear group-hover/progress:opacity-100", style: {
+                                                    left: hoverPosition || 0,
+                                                } }), jsxRuntime.jsx("div", { className: "pointer-events-none absolute bottom-6 -translate-x-1/2 translate-y-2 transform text-xs font-semibold text-fg-white opacity-0 group-hover/progress:translate-y-0 group-hover/progress:opacity-100", style: {
+                                                    left: hoverPosition || 0,
+                                                    transition: 'opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .3s cubic-bezier(0.4, 0, 0.6, 1), translate .3s cubic-bezier(0.4, 0, 0.6, 1)',
+                                                }, children: canShowTrickPlayTime ? formatTime(hoverTime) : '' })] }) }), jsxRuntime.jsxs("span", { className: "pointer-events-none text-xs font-semibold text-white", children: ["-", formatTime(duration - currentTime)] })] }), size === 'lg' && (jsxRuntime.jsxs(VideoPlayerButton, { tooltipPlacement: "top", tooltipTitle: "Playback speed", tooltipDescription: "\u2190 \u2192", tabIndex: -1, onClick: toggleSpeed, "aria-label": `Change playback speed. Current speed: ${playbackRate}x`, className: "flex items-center", children: [jsxRuntime.jsx("span", { className: "text-xs font-semibold", children: playbackRate }), jsxRuntime.jsx("svg", { viewBox: "0 0 8 8", fill: "none", className: "mt-0.5 size-2", children: jsxRuntime.jsx("path", { d: "M6 2L2 6M2 2L6 6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })), jsxRuntime.jsx(VideoPlayerButton, { tooltipPlacement: "top end", crossOffset: 16, tooltipTitle: isFullscreen ? 'Minimize' : 'Fullscreen', tooltipDescription: isFullscreen ? 'Escape' : 'F', tabIndex: -1, onClick: toggleFullscreen, "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: isFullscreen ? jsxRuntime.jsx(uiIcons.Minimize01, { className: "size-4" }) : jsxRuntime.jsx(uiIcons.Maximize01, { className: "size-4" }) })] }) })] }));
+};
+const VideoPlayerButton = ({ children, tooltipPlacement = 'top', tooltipTitle, tooltipDescription, crossOffset, ...props }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.TooltipTrigger, { delay: 350, closeDelay: 0, children: [jsxRuntime.jsx(reactAriaComponents.Focusable, { children: jsxRuntime.jsx("button", { ...props, className: cx.cx('flex h-8 min-w-8 cursor-pointer items-center justify-center rounded-md p-2 text-white outline-hidden transition duration-100 ease-linear before:absolute before:size-6 hover:bg-alpha-white/20 hover:backdrop-blur-sm focus-visible:outline-offset-2 focus-visible:outline-white', props.className), children: children }) }), jsxRuntime.jsxs(reactAriaComponents.Tooltip, { offset: 8, placement: tooltipPlacement, crossOffset: crossOffset, className: ({ isEntering, isExiting }) => cx.cx('dark-mode pointer-events-none flex gap-1.5 rounded-lg bg-alpha-white/20 p-1 pl-2 shadow-lg ring-1 ring-alpha-white/10 backdrop-blur-sm ring-inset', isEntering && 'origin-bottom ease-out animate-in fade-in slide-in-from-bottom-0.5 zoom-in-95', isExiting && 'origin-bottom ease-in animate-out fade-out slide-out-to-bottom-0.5 zoom-out-95'), children: [jsxRuntime.jsx("div", { className: "text-sm font-semibold text-white", children: tooltipTitle }), jsxRuntime.jsx("div", { className: "rounded bg-alpha-white/30 px-[3px] py-[1px] font-sans text-xs font-semibold text-white shadow-xs ring-1 ring-alpha-white/10 ring-inset", children: tooltipDescription })] })] }));
+};
+
+exports.VideoPlayer = VideoPlayer;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/VideoPlayer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/VideoPlayer/index.tsx"],"sourcesContent":[null],"names":["useRef","useState","useImperativeHandle","useCallback","useEffect","_jsx","_jsxs","cx","PlayIcon","PauseIcon","VolumeX","VolumeMax","Minimize01","Maximize01","AriaTooltipTrigger","AriaFocusable","AriaTooltip"],"mappings":"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"}

package/dist/components/organisms/VideoPlayer/index.d.ts

@@ -0,0 +1,53 @@
+import { type Ref } from 'react';
+export interface VideoPlayerRef {
+    /** Start playing the video. */
+    play: () => void;
+    /** Pause the video. */
+    pause: () => void;
+    /** Whether the video is currently paused. */
+    readonly paused: boolean;
+    /** The underlying HTMLVideoElement. */
+    readonly videoElement: HTMLVideoElement | null;
+}
+interface VideoPlayerProps {
+    /**
+     * The URL of the video.
+     */
+    src: string;
+    /**
+     * The MIME type of the video.
+     */
+    type?: string;
+    /**
+     * Whether the video should start playing as soon as it's ready.
+     */
+    autoPlay?: boolean;
+    /**
+     * URL of the thumbnail image to show before the video starts playing.
+     */
+    thumbnailUrl?: string;
+    /**
+     * Alt text for the thumbnail image.
+     */
+    thumbnailAlt?: string;
+    /**
+     * Whether to show a semi-transparent overlay on top of the thumbnail image.
+     */
+    showThumbnailOverlay?: boolean;
+    /**
+     * Class name for the thumbnail button.
+     */
+    thumbnailButtonClassName?: string;
+    /**
+     * Size of the video player.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Ref to access imperative methods (play, pause, etc.).
+     */
+    ref?: Ref<VideoPlayerRef>;
+    className?: string;
+}
+export declare const VideoPlayer: ({ src, type, autoPlay, thumbnailUrl, thumbnailAlt, showThumbnailOverlay, className, thumbnailButtonClassName, size, ref, }: VideoPlayerProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/VideoPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/VideoPlayer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,GAAG,EAAiE,MAAM,OAAO,CAAC;AAK7I,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,4HAWzB,gBAAgB,gCA6blB,CAAC"}

package/dist/components/organisms/VideoPlayer/index.js

@@ -0,0 +1,224 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VolumeX, VolumeMax, Minimize01, Maximize01 } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useRef, useState, useImperativeHandle, useCallback, useEffect } from 'react';
+import { TooltipTrigger, Focusable, Tooltip } from 'react-aria-components';
+import { PlayIcon, PauseIcon } from './components/icons.js';
+
+const VideoPlayer = ({ src, type = 'video/mp4', autoPlay = false, thumbnailUrl, thumbnailAlt, showThumbnailOverlay, className, thumbnailButtonClassName, size = 'md', ref, }) => {
+    const videoRef = useRef(null);
+    const containerRef = useRef(null);
+    const progressRef = useRef(null);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [buffered, setBuffered] = useState(null);
+    const [hoverTime, setHoverTime] = useState(null);
+    const [hoverPosition, setHoverPosition] = useState(null);
+    const [showThumbnail, setShowThumbnail] = useState(true);
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const [volume, setVolume] = useState(1);
+    const [isMuted, setIsMuted] = useState(false);
+    const [previousVolume, setPreviousVolume] = useState(1);
+    const [playbackRate, setPlaybackRate] = useState(1);
+    useImperativeHandle(ref, () => ({
+        play: () => {
+            videoRef.current?.play();
+            setIsPlaying(true);
+            setShowThumbnail(false);
+        },
+        pause: () => {
+            videoRef.current?.pause();
+            setIsPlaying(false);
+        },
+        get paused() {
+            return videoRef.current?.paused ?? true;
+        },
+        get videoElement() {
+            return videoRef.current;
+        },
+    }));
+    const playbackSpeeds = [1, 1.25, 1.5, 1.75, 2];
+    const formatTime = (time) => {
+        const minutes = Math.max(Math.floor(time / 60), 0);
+        const seconds = Math.max(Math.floor(time % 60), 0);
+        return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+    };
+    const togglePlay = () => {
+        setIsPlaying((prevPlaying) => {
+            prevPlaying ? videoRef.current?.pause() : videoRef.current?.play();
+            return !prevPlaying;
+        });
+        setShowThumbnail(false);
+    };
+    const handleProgressClick = (e) => {
+        if (progressRef.current && videoRef.current) {
+            const rect = progressRef.current.getBoundingClientRect();
+            const pos = (e.clientX - rect.left) / rect.width;
+            videoRef.current.currentTime = pos * duration;
+        }
+    };
+    const handleProgressHover = (e) => {
+        if (progressRef.current && videoRef.current) {
+            const rect = progressRef.current.getBoundingClientRect();
+            const pos = (e.clientX - rect.left) / rect.width;
+            setHoverTime(pos * duration);
+            setHoverPosition(e.clientX - rect.left);
+        }
+    };
+    const handleProgress = () => {
+        if (videoRef.current) {
+            setBuffered(videoRef.current.buffered);
+        }
+    };
+    const toggleFullscreen = () => {
+        if (!document.fullscreenElement) {
+            videoRef.current?.parentElement?.requestFullscreen();
+        }
+        else {
+            document.exitFullscreen();
+        }
+    };
+    const toggleMute = useCallback(() => {
+        if (isMuted) {
+            setVolume(previousVolume);
+            if (videoRef.current) {
+                videoRef.current.volume = previousVolume;
+            }
+        }
+        else {
+            setPreviousVolume(volume);
+            setVolume(0);
+            if (videoRef.current) {
+                videoRef.current.volume = 0;
+            }
+        }
+        setIsMuted(!isMuted);
+    }, [isMuted, previousVolume, volume]);
+    const toggleSpeed = () => {
+        const currentIndex = playbackSpeeds.indexOf(playbackRate);
+        const nextIndex = (currentIndex + 1) % playbackSpeeds.length;
+        const nextSpeed = playbackSpeeds[nextIndex];
+        setPlaybackRate(nextSpeed);
+        if (videoRef.current) {
+            videoRef.current.playbackRate = nextSpeed;
+        }
+    };
+    const handleVolumeChange = (e) => {
+        const newVolume = parseFloat(e.target.value);
+        setVolume(newVolume);
+        if (videoRef.current) {
+            videoRef.current.volume = newVolume;
+        }
+        setIsMuted(newVolume === 0);
+    };
+    // biome-ignore lint/correctness/useExhaustiveDependencies: this is a side effect
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handleTimeUpdate = () => setCurrentTime(video.currentTime);
+        const handleDurationChange = () => setDuration(video.duration);
+        const handleEnded = () => {
+            setIsPlaying(false);
+            setShowThumbnail(true);
+        };
+        const handleKeyDown = (e) => {
+            if (e.code === 'Space' || e.code === 'KeyK') {
+                e.preventDefault();
+                togglePlay();
+            }
+            if (e.code === 'F') {
+                e.preventDefault();
+                toggleFullscreen();
+            }
+            if (e.code === 'KeyM') {
+                e.preventDefault();
+                toggleMute();
+            }
+            if (e.code === 'ArrowUp') {
+                e.preventDefault();
+                const newVolume = Math.min(video.volume + 0.1, 1);
+                video.volume = newVolume;
+                setVolume(newVolume);
+                setIsMuted(newVolume === 0);
+            }
+            if (e.code === 'ArrowDown') {
+                e.preventDefault();
+                const newVolume = Math.max(video.volume - 0.1, 0);
+                video.volume = newVolume;
+                setVolume(newVolume);
+                setIsMuted(newVolume === 0);
+            }
+            if (e.code === 'ArrowLeft') {
+                e.preventDefault();
+                video.currentTime = Math.max(video.currentTime - 10, 0);
+            }
+            if (e.code === 'ArrowRight') {
+                e.preventDefault();
+                video.currentTime = Math.min(video.currentTime + 10, video.duration);
+            }
+        };
+        video.addEventListener('timeupdate', handleTimeUpdate);
+        video.addEventListener('durationchange', handleDurationChange);
+        video.addEventListener('ended', handleEnded);
+        video.addEventListener('progress', handleProgress);
+        video.addEventListener('keydown', handleKeyDown);
+        return () => {
+            video.removeEventListener('timeupdate', handleTimeUpdate);
+            video.removeEventListener('durationchange', handleDurationChange);
+            video.removeEventListener('ended', handleEnded);
+            video.removeEventListener('progress', handleProgress);
+            video.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [toggleMute]);
+    useEffect(() => {
+        const handleFullscreenChange = () => {
+            setIsFullscreen(!!document.fullscreenElement);
+        };
+        document.addEventListener('fullscreenchange', handleFullscreenChange);
+        return () => {
+            document.removeEventListener('fullscreenchange', handleFullscreenChange);
+        };
+    }, []);
+    const renderBuffered = () => {
+        if (!buffered)
+            return null;
+        const segments = [];
+        for (let i = 0; i < buffered.length; i++) {
+            const start = (buffered.start(i) / duration) * 100;
+            const end = (buffered.end(i) / duration) * 100;
+            segments.push(jsx("div", { className: "pointer-events-none absolute h-full min-w-2 rounded-full bg-fg-white/50", style: {
+                    left: `${start}%`,
+                    width: `${end - start}%`,
+                } }, i));
+        }
+        return segments;
+    };
+    const canShowTrickPlayTime = hoverTime !== null && hoverPosition !== null;
+    return (jsxs("div", { ref: containerRef, className: cx('group/video relative', 
+        // Add focus ring when video is focused
+        'outline-focus-ring has-[video:focus-visible]:outline-2 has-[video:focus-visible]:outline-offset-4', className), children: [jsxs("div", { onClick: togglePlay, className: cx('group absolute inset-0 z-10 cursor-pointer rounded-[inherit] transition-all duration-300 ease-in', thumbnailUrl && showThumbnail ? 'visible opacity-100' : 'pointer-events-none invisible opacity-0'), children: [jsx("img", { src: thumbnailUrl, alt: thumbnailAlt, className: "size-full object-cover" }), jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: jsx("div", { className: cx('flex size-16 items-center justify-center', size !== 'sm' &&
+                                'rounded-full bg-alpha-white/30 backdrop-blur transition duration-100 ease-linear group-hover:bg-alpha-white/40 hover:bg-alpha-white/40', thumbnailUrl && showThumbnail ? 'scale-100' : 'scale-90 duration-500', thumbnailButtonClassName), children: jsx(PlayIcon, { className: "size-5 text-fg-white" }) }) }), showThumbnailOverlay && jsx("div", { className: "absolute inset-0 rounded-[inherit] bg-black/10 outline-2 -outline-offset-1 outline-black/10" })] }), jsxs("video", { ref: videoRef, tabIndex: 0, autoPlay: autoPlay, className: "h-full w-full cursor-pointer rounded-[inherit] bg-black outline-1 -outline-offset-1 outline-black/10", onClick: togglePlay, onDoubleClick: toggleFullscreen, children: [jsx("source", { src: src, type: type }), "Your browser does not support the video tag."] }), jsx("div", { className: cx('absolute right-0 bottom-0 left-0 translate-y-4 transform bg-linear-to-t from-black/20 to-transparent opacity-0 transition duration-150 ease-in will-change-transform', 
+                // Make it visible when video is hovered
+                'group-hover/video:translate-y-0 group-hover/video:opacity-100 group-hover/video:duration-200 group-hover/video:ease-out', 
+                // Make it visible when video is focused
+                'group-has-[video:focus-visible]/video:translate-y-0 group-has-[video:focus-visible]/video:opacity-100 group-has-[video:focus-visible]/video:duration-200 group-has-[video:focus-visible]/video:ease-out', 
+                // Sizes
+                size === 'sm' && 'px-1 pt-6 pb-1', size === 'md' && 'px-5 pt-10 pb-4', size === 'lg' && 'px-8 pt-12 pb-6'), children: jsxs("div", { className: cx('flex items-center', size === 'lg' ? 'gap-1' : 'gap-0.5'), children: [jsxs(VideoPlayerButton, { crossOffset: -12, tooltipPlacement: "top start", tooltipTitle: isPlaying ? 'Pause' : 'Play', tooltipDescription: "Space", tabIndex: -1, onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', className: "group/play relative", children: [jsx(PauseIcon, { className: cx('size-4 transition duration-100 ease-linear group-active/play:scale-[0.8]', isPlaying ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.8] opacity-0') }), jsx(PlayIcon, { className: cx('absolute size-4 transition duration-100 ease-linear group-active/play:scale-[0.8]', isPlaying ? 'pointer-events-none scale-[0.8] opacity-0' : 'scale-100 opacity-100') })] }), size !== 'lg' && (jsx(VideoPlayerButton, { tooltipPlacement: "top", tooltipTitle: isMuted ? 'Unmute' : 'Mute', tooltipDescription: "M", tabIndex: -1, onClick: toggleMute, "aria-label": isMuted ? 'Unmute' : 'Mute', className: "group/play relative", children: isMuted || volume === 0 ? jsx(VolumeX, { className: "size-4" }) : jsx(VolumeMax, { className: "size-4" }) })), size === 'lg' && (jsxs("div", { className: "flex items-center rounded-md pr-2 outline-hidden transition duration-100 ease-linear hover:bg-alpha-white/20 hover:backdrop-blur-sm focus-visible:outline-offset-2 focus-visible:outline-white", children: [jsx("button", { tabIndex: -1, onClick: toggleMute, "aria-label": isMuted ? 'Unmute' : 'Mute', className: "flex size-8 cursor-pointer items-center justify-center", children: isMuted || volume === 0 ? jsx(VolumeX, { className: "size-4 text-fg-white" }) : jsx(VolumeMax, { className: "size-4 text-fg-white" }) }), jsx("input", { type: "range", min: "0", max: "1", step: "0.1", value: volume, tabIndex: -1, onChange: handleVolumeChange, className: "h-1 w-11 cursor-pointer appearance-none rounded-full bg-alpha-white/30 [&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-white [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:translate-x-0 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-fg-white", style: {
+                                        backgroundImage: `linear-gradient(to right, white ${volume * 100}%, transparent ${volume * 100}%)`,
+                                    } })] })), jsxs("div", { className: cx('flex min-w-0 flex-1 items-center gap-2 px-2', 
+                            // Visually hide progress bar when size is sm
+                            size === 'sm' && 'pointer-events-none invisible opacity-0'), children: [jsx("span", { className: "pointer-events-none text-xs font-semibold text-white", children: formatTime(currentTime) }), jsx("div", { ref: progressRef, onClick: handleProgressClick, onMouseMove: handleProgressHover, className: "group/progress -my-8 flex-1 cursor-pointer py-8", children: jsxs("div", { className: "relative h-2 flex-1 rounded-full bg-fg-white/30", children: [renderBuffered(), jsx("div", { className: "pointer-events-none absolute h-full min-w-2 rounded-full bg-fg-white", style: { width: `${(currentTime / duration) * 100}%` } }), jsx("div", { className: "pointer-events-none absolute top-1/2 h-8 w-px -translate-y-1/2 bg-fg-white/30 opacity-0 transition duration-100 ease-linear group-hover/progress:opacity-100", style: {
+                                                    left: hoverPosition || 0,
+                                                } }), jsx("div", { className: "pointer-events-none absolute bottom-6 -translate-x-1/2 translate-y-2 transform text-xs font-semibold text-fg-white opacity-0 group-hover/progress:translate-y-0 group-hover/progress:opacity-100", style: {
+                                                    left: hoverPosition || 0,
+                                                    transition: 'opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .3s cubic-bezier(0.4, 0, 0.6, 1), translate .3s cubic-bezier(0.4, 0, 0.6, 1)',
+                                                }, children: canShowTrickPlayTime ? formatTime(hoverTime) : '' })] }) }), jsxs("span", { className: "pointer-events-none text-xs font-semibold text-white", children: ["-", formatTime(duration - currentTime)] })] }), size === 'lg' && (jsxs(VideoPlayerButton, { tooltipPlacement: "top", tooltipTitle: "Playback speed", tooltipDescription: "\u2190 \u2192", tabIndex: -1, onClick: toggleSpeed, "aria-label": `Change playback speed. Current speed: ${playbackRate}x`, className: "flex items-center", children: [jsx("span", { className: "text-xs font-semibold", children: playbackRate }), jsx("svg", { viewBox: "0 0 8 8", fill: "none", className: "mt-0.5 size-2", children: jsx("path", { d: "M6 2L2 6M2 2L6 6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })), jsx(VideoPlayerButton, { tooltipPlacement: "top end", crossOffset: 16, tooltipTitle: isFullscreen ? 'Minimize' : 'Fullscreen', tooltipDescription: isFullscreen ? 'Escape' : 'F', tabIndex: -1, onClick: toggleFullscreen, "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: isFullscreen ? jsx(Minimize01, { className: "size-4" }) : jsx(Maximize01, { className: "size-4" }) })] }) })] }));
+};
+const VideoPlayerButton = ({ children, tooltipPlacement = 'top', tooltipTitle, tooltipDescription, crossOffset, ...props }) => {
+    return (jsxs(TooltipTrigger, { delay: 350, closeDelay: 0, children: [jsx(Focusable, { children: jsx("button", { ...props, className: cx('flex h-8 min-w-8 cursor-pointer items-center justify-center rounded-md p-2 text-white outline-hidden transition duration-100 ease-linear before:absolute before:size-6 hover:bg-alpha-white/20 hover:backdrop-blur-sm focus-visible:outline-offset-2 focus-visible:outline-white', props.className), children: children }) }), jsxs(Tooltip, { offset: 8, placement: tooltipPlacement, crossOffset: crossOffset, className: ({ isEntering, isExiting }) => cx('dark-mode pointer-events-none flex gap-1.5 rounded-lg bg-alpha-white/20 p-1 pl-2 shadow-lg ring-1 ring-alpha-white/10 backdrop-blur-sm ring-inset', isEntering && 'origin-bottom ease-out animate-in fade-in slide-in-from-bottom-0.5 zoom-in-95', isExiting && 'origin-bottom ease-in animate-out fade-out slide-out-to-bottom-0.5 zoom-out-95'), children: [jsx("div", { className: "text-sm font-semibold text-white", children: tooltipTitle }), jsx("div", { className: "rounded bg-alpha-white/30 px-[3px] py-[1px] font-sans text-xs font-semibold text-white shadow-xs ring-1 ring-alpha-white/10 ring-inset", children: tooltipDescription })] })] }));
+};
+
+export { VideoPlayer };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/VideoPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/VideoPlayer/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaTooltipTrigger","AriaFocusable","AriaTooltip"],"mappings":"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"}

package/dist/hooks/useBreakpoints/index.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+const screens = {
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+    '2xl': '1536px',
+};
+/**
+ * Checks whether a particular Tailwind CSS viewport size applies.
+ *
+ * @param size The size to check, which must either be included in Tailwind CSS's
+ * list of default screen sizes, or added to the Tailwind CSS config file.
+ *
+ * @returns A boolean indicating whether the viewport size applies.
+ */
+const useBreakpoint = (size) => {
+    const query = `(min-width: ${screens[size]})`;
+    const getMatches = () => (typeof window !== 'undefined' && typeof window.matchMedia === 'function' ? window.matchMedia(query).matches : false);
+    const [matches, setMatches] = React.useState(getMatches);
+    React.useEffect(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+            setMatches(false);
+            return;
+        }
+        const breakpoint = window.matchMedia(query);
+        setMatches(breakpoint.matches);
+        const handleChange = (value) => setMatches(value.matches);
+        breakpoint.addEventListener('change', handleChange);
+        return () => breakpoint.removeEventListener('change', handleChange);
+    }, [query]);
+    return matches;
+};
+
+exports.useBreakpoint = useBreakpoint;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useBreakpoints/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAEA,MAAM,OAAO,GAAG;AACd,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,KAAK,EAAE,QAAQ;CACP;AAIV;;;;;;;AAOG;AACI,MAAM,aAAa,GAAG,CAAC,IAAgB,KAAI;IAChD,MAAM,KAAK,GAAG,CAAA,YAAA,EAAe,OAAO,CAAC,IAAI,CAAC,GAAG;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;IAE9I,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,UAAU,CAAC;IAElDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE;YAC5E,UAAU,CAAC,KAAK,CAAC;YACjB;QACF;QAEA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AAE3C,QAAA,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;AAE9B,QAAA,MAAM,YAAY,GAAG,CAAC,KAA0B,KAAK,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;AAE9E,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;QACnD,OAAO,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,OAAO,OAAO;AAChB;;;;"}