@paul-portfolio/react 0.4.3 → 0.5.0

package/dist/index.js

@@ -15,5 +15,22 @@ export { Badge } from './Badge';
 export { Skeleton } from './Skeleton';
 export { Spinner } from './Spinner';
 export { Divider } from './Divider';
+export { Ticker } from './Ticker';
+export { TiltCard } from './TiltCard';
+export { GradientBackground } from './GradientBackground';
+export { Spotlight } from './Spotlight';
+export { Sparkline } from './Sparkline';
+export { BarChart } from './BarChart';
+export { DonutChart } from './DonutChart';
+export { FunnelChart } from './FunnelChart';
+export { ScatterPlot } from './ScatterPlot';
+export { RadarChart } from './RadarChart';
+export { ParetoChart } from './ParetoChart';
+export { HeatmapChart } from './HeatmapChart';
+export { GaugeChart } from './GaugeChart';
+export { StackedLineChart } from './StackedLineChart';
+export { WordCloud } from './WordCloud';
+export * as chartGeometry from './chartGeometry';
 export { VisuallyHidden } from './VisuallyHidden';
+export { usePrefersReducedMotion } from './usePrefersReducedMotion';
 export { cx } from './cx';

package/dist/usePrefersReducedMotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tracks `prefers-reduced-motion`. Defaults to false so the server and the
+ * first client render agree (SSR-stable), then updates once mounted. Shared by
+ * every motion-driven component so they honour the preference identically.
+ */
+export declare function usePrefersReducedMotion(): boolean;

package/dist/usePrefersReducedMotion.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+/**
+ * Tracks `prefers-reduced-motion`. Defaults to false so the server and the
+ * first client render agree (SSR-stable), then updates once mounted. Shared by
+ * every motion-driven component so they honour the preference identically.
+ */
+export function usePrefersReducedMotion() {
+    const [reduced, setReduced] = useState(false);
+    useEffect(() => {
+        if (typeof window === 'undefined' ||
+            typeof window.matchMedia !== 'function') {
+            return;
+        }
+        const query = window.matchMedia('(prefers-reduced-motion: reduce)');
+        // Microtask defer keeps the effect from setting state synchronously.
+        queueMicrotask(() => setReduced(query.matches));
+        const onChange = (e) => setReduced(e.matches);
+        query.addEventListener('change', onChange);
+        return () => query.removeEventListener('change', onChange);
+    }, []);
+    return reduced;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paul-portfolio/react",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "React components for the Paul Design System",
   "license": "MIT",
   "repository": {