@unpunnyfuns/swatchbook-blocks 0.20.0 → 0.20.1

package/dist/index.mjs

@@ -2068,13 +2068,31 @@ function GradientPalette({ filter, caption, sortBy = "path", sortDir = "asc" })
 //#endregion
 //#region src/internal/prefers-reduced-motion.ts
 /**
+* True when rendering inside Chromatic's snapshot runner. Chromatic's
+* browser ships a recognisable user-agent string; checked here so
+* motion-looping components can fall back to their static state for
+* deterministic snapshots without needing a global Chromatic parameter
+* (globally forcing `prefersReducedMotion: true` broke Chromatic's
+* verification parser in our setup — see commit 893331f).
+*/
+function isChromatic() {
+	if (typeof navigator === "undefined") return false;
+	return navigator.userAgent.includes("Chromatic");
+}
+/**
 * Reactive `prefers-reduced-motion: reduce` detector. Returns the current
-* match and updates if the user toggles the OS-level preference.
+* match and updates if the user toggles the OS-level preference. Also
+* returns `true` under Chromatic to keep animated samples deterministic
+* during visual regression capture.
 */
 function usePrefersReducedMotion() {
 	const [reduced, setReduced] = useState(false);
 	useEffect(() => {
 		if (typeof window === "undefined") return;
+		if (isChromatic()) {
+			setReduced(true);
+			return;
+		}
 		const query = window.matchMedia("(prefers-reduced-motion: reduce)");
 		setReduced(query.matches);
 		const onChange = (e) => setReduced(e.matches);