@flipdish/ui-library 0.21.0 → 0.23.0

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

@@ -2,40 +2,21 @@ 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 { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useRef, useState, useImperativeHandle, useCallback, useEffect } from 'react';
+import { useRef, useImperativeHandle } from 'react';
 import { TooltipTrigger, Focusable, Tooltip } from 'react-aria-components';
 import { PlayIcon, PauseIcon } from './components/icons.js';
+import { useVideoPlayback } from './hooks/useVideoPlayback.js';
+import { useVideoVolume } from './hooks/useVideoVolume.js';
 
 const VideoPlayer = ({ src, type = 'video/mp4', autoPlay = false, thumbnailUrl, thumbnailAlt, showThumbnailOverlay, className, thumbnailButtonClassName, size = 'md', ref, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'video-player', rootName: 'video-player' });
     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);
+    const { progressRef, isPlaying, currentTime, duration, buffered, hoverTime, hoverPosition, showThumbnail, isFullscreen, playbackRate, formatTime, play, pause, togglePlay, handleProgressClick, handleProgressHover, toggleFullscreen, toggleSpeed, } = useVideoPlayback({ videoRef });
+    const { volume, isMuted, toggleMute, handleVolumeChange } = useVideoVolume({ videoRef });
     useImperativeHandle(ref, () => ({
-        play: () => {
-            // `play()` rejects (e.g. blocked by the browser's autoplay policy) if the
-            // element isn't ready or playback isn't permitted — swallow that rejection
-            // rather than leaving it unhandled; `isPlaying` still reflects user intent.
-            videoRef.current?.play().catch(() => { });
-            setIsPlaying(true);
-            setShowThumbnail(false);
-        },
-        pause: () => {
-            videoRef.current?.pause();
-            setIsPlaying(false);
-        },
+        play,
+        pause,
         get paused() {
             return videoRef.current?.paused ?? true;
         },
@@ -43,150 +24,6 @@ const VideoPlayer = ({ src, type = 'video/mp4', autoPlay = false, thumbnailUrl,
             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) => {
-            // See the note on the imperative `play()` handle re: swallowing the rejection.
-            prevPlaying ? videoRef.current?.pause() : videoRef.current?.play().catch(() => { });
-            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 === 'KeyF') {
-                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;
@@ -202,20 +39,10 @@ const VideoPlayer = ({ src, type = 'video/mp4', autoPlay = false, thumbnailUrl,
         return segments;
     };
     const canShowTrickPlayTime = hoverTime !== null && hoverPosition !== null;
-    return (jsxs("div", { ref: containerRef, "data-testid": testId, 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, "data-testid": joinTestId(testId, 'thumbnail-play'), 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, "data-testid": joinTestId(testId, 'video'), 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', "data-testid": joinTestId(testId, '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', "data-testid": joinTestId(testId, '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', "data-testid": joinTestId(testId, '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, "aria-label": "Volume", "data-testid": joinTestId(testId, 'volume'), 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: {
+    return (jsxs("div", { ref: containerRef, "data-testid": testId, className: cx('group/video relative', 'outline-focus-ring has-[video:focus-visible]:outline-2 has-[video:focus-visible]:outline-offset-4', className), children: [jsxs("div", { onClick: togglePlay, "data-testid": joinTestId(testId, 'thumbnail-play'), 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, "data-testid": joinTestId(testId, 'video'), 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', 'group-hover/video:translate-y-0 group-hover/video:opacity-100 group-hover/video:duration-200 group-hover/video:ease-out', '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', 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', "data-testid": joinTestId(testId, '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', "data-testid": joinTestId(testId, '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', "data-testid": joinTestId(testId, '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, "aria-label": "Volume", "data-testid": joinTestId(testId, 'volume'), 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, "data-testid": joinTestId(testId, 'progress'), 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: {
+                                    } })] })), jsxs("div", { className: cx('flex min-w-0 flex-1 items-center gap-2 px-2', 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, "data-testid": joinTestId(testId, 'progress'), 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,

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

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

@@ -17,7 +17,7 @@ const screens = {
  *
  * @returns A boolean indicating whether the viewport size applies.
  */
-const useBreakpoint = (size) => {
+const useBreakpoints = (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);
@@ -34,6 +34,9 @@ const useBreakpoint = (size) => {
     }, [query]);
     return matches;
 };
+/** @deprecated Use `useBreakpoints` instead — the export name now matches its subpath, `hooks/useBreakpoints`. */
+const useBreakpoint = useBreakpoints;
 
 exports.useBreakpoint = useBreakpoint;
+exports.useBreakpoints = useBreakpoints;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAIA,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;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAIA,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,cAAc,GAAG,CAAC,IAAgB,KAAI;IACjD,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;AAEA;AACO,MAAM,aAAa,GAAG;;;;;"}

package/dist/hooks/useBreakpoints/index.d.ts

@@ -14,6 +14,8 @@ type Breakpoint = keyof typeof screens;
  *
  * @returns A boolean indicating whether the viewport size applies.
  */
+export declare const useBreakpoints: (size: Breakpoint) => boolean;
+/** @deprecated Use `useBreakpoints` instead — the export name now matches its subpath, `hooks/useBreakpoints`. */
 export declare const useBreakpoint: (size: Breakpoint) => boolean;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/useBreakpoints/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoints/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO;;;;;;CAMH,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,UAAU,YAwB7C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoints/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO;;;;;;CAMH,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,UAAU,YAwB9C,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,aAAa,SA3BW,UAAU,YA2BJ,CAAC"}

package/dist/hooks/useBreakpoints/index.js

@@ -15,7 +15,7 @@ const screens = {
  *
  * @returns A boolean indicating whether the viewport size applies.
  */
-const useBreakpoint = (size) => {
+const useBreakpoints = (size) => {
     const query = `(min-width: ${screens[size]})`;
     const getMatches = () => (typeof window !== 'undefined' && typeof window.matchMedia === 'function' ? window.matchMedia(query).matches : false);
     const [matches, setMatches] = useState(getMatches);
@@ -32,6 +32,8 @@ const useBreakpoint = (size) => {
     }, [query]);
     return matches;
 };
+/** @deprecated Use `useBreakpoints` instead — the export name now matches its subpath, `hooks/useBreakpoints`. */
+const useBreakpoint = useBreakpoints;
 
-export { useBreakpoint };
+export { useBreakpoint, useBreakpoints };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIA,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,GAAG,QAAQ,CAAC,UAAU,CAAC;IAElD,SAAS,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIA,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,cAAc,GAAG,CAAC,IAAgB,KAAI;IACjD,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,GAAG,QAAQ,CAAC,UAAU,CAAC;IAElD,SAAS,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;AAEA;AACO,MAAM,aAAa,GAAG;;;;"}

package/dist/native/components/atoms/Dot/Dot.styles.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
+ * (web only), `r` the radius. Numbers rather than Tailwind classes because the native
+ * implementation needs them as `style` values: React Native has no SVG host element, so it
+ * draws the circle as a `View` with a half-width `borderRadius`.
+ *
+ * `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
+ * `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
+ * `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
+ * swapping the prefix: utilities are generated from property-specific token namespaces (see the
+ * header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
+ * another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
+ * generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
+ * `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
+ * `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
+ *
+ * Complete literal class names, never template literals — Tailwind scans source for whole
+ * candidates and will not generate a class assembled at runtime.
+ */
+export declare const styles: {
+    sizes: {
+        sm: {
+            wh: number;
+            c: number;
+            r: number;
+        };
+        md: {
+            wh: number;
+            c: number;
+            r: number;
+        };
+    };
+    colors: {
+        'brand-solid': {
+            web: string;
+            native: string;
+        };
+        'fg-primary': {
+            web: string;
+            native: string;
+        };
+        'fg-quaternary': {
+            web: string;
+            native: string;
+        };
+        'fg-success-secondary': {
+            web: string;
+            native: string;
+        };
+        'border-primary': {
+            web: string;
+            native: string;
+        };
+        'utility-neutral-500': {
+            web: string;
+            native: string;
+        };
+        'utility-brand-500': {
+            web: string;
+            native: string;
+        };
+        'utility-red-500': {
+            web: string;
+            native: string;
+        };
+        'utility-yellow-500': {
+            web: string;
+            native: string;
+        };
+        'utility-green-500': {
+            web: string;
+            native: string;
+        };
+        'utility-slate-500': {
+            web: string;
+            native: string;
+        };
+        'utility-sky-500': {
+            web: string;
+            native: string;
+        };
+        'utility-blue-500': {
+            web: string;
+            native: string;
+        };
+        'utility-indigo-500': {
+            web: string;
+            native: string;
+        };
+        'utility-purple-500': {
+            web: string;
+            native: string;
+        };
+        'utility-pink-500': {
+            web: string;
+            native: string;
+        };
+        'utility-orange-500': {
+            web: string;
+            native: string;
+        };
+    };
+};
+export type DotSize = keyof typeof styles.sizes;
+export type DotColor = keyof typeof styles.colors;
+export declare const dotColorNames: DotColor[];
+//# sourceMappingURL=Dot.styles.d.ts.map

package/dist/native/components/atoms/Dot/Dot.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/Dot.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,EAAiC,QAAQ,EAAE,CAAC"}

package/dist/native/components/atoms/Dot/Dot.styles.js

@@ -0,0 +1,49 @@
+/**
+ * Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
+ * (web only), `r` the radius. Numbers rather than Tailwind classes because the native
+ * implementation needs them as `style` values: React Native has no SVG host element, so it
+ * draws the circle as a `View` with a half-width `borderRadius`.
+ *
+ * `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
+ * `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
+ * `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
+ * swapping the prefix: utilities are generated from property-specific token namespaces (see the
+ * header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
+ * another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
+ * generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
+ * `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
+ * `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
+ *
+ * Complete literal class names, never template literals — Tailwind scans source for whole
+ * candidates and will not generate a class assembled at runtime.
+ */
+const styles = {
+    sizes: {
+        sm: { wh: 8, c: 4, r: 2.5 },
+        md: { wh: 10, c: 5, r: 4 },
+    },
+    colors: {
+        'brand-solid': { web: 'text-fg-brand-primary', native: 'bg-brand-solid' },
+        'fg-primary': { web: 'text-fg-primary', native: 'bg-fg-primary' },
+        'fg-quaternary': { web: 'text-fg-quaternary', native: 'bg-fg-quaternary' },
+        'fg-success-secondary': { web: 'text-fg-success-secondary', native: 'bg-fg-success-secondary' },
+        'border-primary': { web: 'text-border-primary', native: 'bg-border-primary' },
+        'utility-neutral-500': { web: 'text-utility-neutral-500', native: 'bg-utility-neutral-500' },
+        'utility-brand-500': { web: 'text-utility-brand-500', native: 'bg-utility-brand-500' },
+        'utility-red-500': { web: 'text-utility-red-500', native: 'bg-utility-red-500' },
+        'utility-yellow-500': { web: 'text-utility-yellow-500', native: 'bg-utility-yellow-500' },
+        'utility-green-500': { web: 'text-utility-green-500', native: 'bg-utility-green-500' },
+        'utility-slate-500': { web: 'text-utility-slate-500', native: 'bg-utility-slate-500' },
+        'utility-sky-500': { web: 'text-utility-sky-500', native: 'bg-utility-sky-500' },
+        'utility-blue-500': { web: 'text-utility-blue-500', native: 'bg-utility-blue-500' },
+        'utility-indigo-500': { web: 'text-utility-indigo-500', native: 'bg-utility-indigo-500' },
+        'utility-purple-500': { web: 'text-utility-purple-500', native: 'bg-utility-purple-500' },
+        'utility-pink-500': { web: 'text-utility-pink-500', native: 'bg-utility-pink-500' },
+        'utility-orange-500': { web: 'text-utility-orange-500', native: 'bg-utility-orange-500' },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=Dot.styles.js.map

package/dist/native/components/atoms/Dot/Dot.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.styles.js","sources":["../../../../../../src/components/atoms/Dot/Dot.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;AAoBG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC3B,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,aAAa,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACzE,YAAY,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;QACjE,eAAe,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAC1E,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,gBAAgB,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE;QAC7E,qBAAqB,EAAE,EAAE,GAAG,EAAE,0BAA0B,EAAE,MAAM,EAAE,wBAAwB,EAAE;QAC5F,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;AAC1F,KAAA;;;;;"}

package/dist/native/components/atoms/Dot/index.d.ts

@@ -1,12 +1,28 @@
+import { type DotColor, type DotSize } from './Dot.styles';
+export type { DotColor, DotSize } from './Dot.styles';
+export interface DotProps {
+    size?: DotSize;
+    /**
+     * Semantic fill colour, resolved per platform (`Dot.styles.ts`). Takes the same values as
+     * web. Defaults to `fg-primary` because React Native cannot inherit a colour the way web's
+     * `currentColor` does — without a default the circle would render fully transparent.
+     */
+    color?: DotColor;
+    /** Layout classes only. Colour goes through `color`, which a `View` needs as a `bg-*` utility. */
+    className?: string;
+    /** Overrides the generated `testID` (defaults to `fd-dot`). */
+    'data-testid'?: string;
+}
 /**
- * `Dot` has no React Native implementation.
+ * React Native `Dot` — a filled circle drawn as a `View` with a half-width `borderRadius`,
+ * inside a fixed-size box matching web's SVG bounding box, since React Native has no SVG
+ * host element.
  *
- * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
- * that importing `@flipdish/ui-library/components/atoms/Dot` from React Native fails at
- * compile time rather than resolving to the web build's types. There is no
- * matching `index.js`, so Metro cannot bundle this module either.
+ * `View` `className` styling is confirmed working on-device (see `Avatar`'s root `View`),
+ * unlike the `Text` `className` bug, so colour stays token-driven here rather than falling
+ * back to a hardcoded hex.
  *
- * To make `Dot` available on React Native, add an `index.native.tsx` beside
- * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ * @summary status/list marker dot (React Native)
  */
-export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;
+export declare const Dot: ({ size, color, className, "data-testid": dataTestId }: DotProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/components/atoms/Dot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/index.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAU,MAAM,cAAc,CAAC;AAEnE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,GAAI,uDAA6E,QAAQ,gCASxG,CAAC"}

package/dist/native/components/atoms/Dot/index.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../../utilities/cx/index.js';
+import { useResolvedTestId } from '../../../utilities/testIdUtils/index.js';
+import { View } from 'react-native';
+import { styles } from './Dot.styles.js';
+
+/**
+ * React Native `Dot` — a filled circle drawn as a `View` with a half-width `borderRadius`,
+ * inside a fixed-size box matching web's SVG bounding box, since React Native has no SVG
+ * host element.
+ *
+ * `View` `className` styling is confirmed working on-device (see `Avatar`'s root `View`),
+ * unlike the `Text` `className` bug, so colour stays token-driven here rather than falling
+ * back to a hardcoded hex.
+ *
+ * @summary status/list marker dot (React Native)
+ */
+const Dot = ({ size = 'md', color = 'fg-primary', className, 'data-testid': dataTestId }) => {
+    const dotTestId = useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
+    const { wh, r } = styles.sizes[size];
+    return (jsx(View, { testID: dotTestId, className: cx('items-center justify-center', className), style: { width: wh, height: wh }, children: jsx(View, { className: styles.colors[color].native, style: { width: r * 2, height: r * 2, borderRadius: r } }) }));
+};
+
+export { Dot };
+//# sourceMappingURL=index.js.map

package/dist/native/components/atoms/Dot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/atoms/Dot/index.native.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAqBA;;;;;;;;;;AAUG;MACU,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAY,KAAI;AAC3G,IAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC5F,IAAA,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAEpC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAA,QAAA,EAChHA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CAAI,EAAA,CACpG;AAEX;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {