@once-ui-system/core 1.6.2 → 1.6.4

package/dist/components/Particle.js

@@ -2,8 +2,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
 import { Flex } from ".";
-const Particle = React.forwardRef(({ density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, mode = "repel", intensity = 20, opacity = 100, children, className, style, ...rest }, forwardedRef) => {
+import { useInViewport } from "../hooks/useInViewport";
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const Particle = React.forwardRef(({ density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, mode = "repel", intensity = 20, opacity = 100, reducedMotion = "auto", children, className, style, ...rest }, forwardedRef) => {
     const containerRef = useRef(null);
+    const isInViewport = useInViewport(containerRef);
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
     useEffect(() => {
         if (forwardedRef && "current" in forwardedRef) {
             forwardedRef.current = containerRef.current;
@@ -14,118 +18,122 @@ const Particle = React.forwardRef(({ density = 100, color = "brand-on-background
     }, [forwardedRef]);
     useEffect(() => {
         const container = containerRef.current;
-        const particles = [];
-        const particleTargets = new Map();
-        const initialPositions = new Map();
+        if (!container)
+            return;
+        // If reduced motion, render static particles with no animation loop
+        const effectiveDensity = shouldAnimate ? density : Math.min(density, 30);
+        const particleEls = [];
+        // Flat arrays for fast iteration — no Map lookups or style parsing per frame
+        const currentX = new Float32Array(effectiveDensity);
+        const currentY = new Float32Array(effectiveDensity);
+        const initialX = new Float32Array(effectiveDensity);
+        const initialY = new Float32Array(effectiveDensity);
+        const targetX = new Float32Array(effectiveDensity);
+        const targetY = new Float32Array(effectiveDensity);
         let mousePosition = { x: -1000, y: -1000 };
-        let animationFrameId;
+        let animationFrameId = null;
         const parsedSize = `var(--static-space-${size})`;
         const parsedOpacity = `${opacity}%`;
         const movementSpeed = speed * 0.08;
         const repulsionStrength = 0.15 * (speed || 1);
         const handleMouseMove = (e) => {
-            const rect = container?.getBoundingClientRect();
-            if (!rect)
-                return;
+            const rect = container.getBoundingClientRect();
             mousePosition = {
                 x: ((e.clientX - rect.left) / rect.width) * 100,
                 y: ((e.clientY - rect.top) / rect.height) * 100,
             };
         };
-        const createParticle = () => {
-            const particleEl = document.createElement("div");
-            particleEl.style.position = "absolute";
-            particleEl.style.width = parsedSize;
-            particleEl.style.height = parsedSize;
-            particleEl.style.background = `var(--${color})`;
-            particleEl.style.borderRadius = "50%";
-            particleEl.style.pointerEvents = "none";
-            particleEl.style.opacity = parsedOpacity;
-            particleEl.style.transition = "transform 0.4s ease-out, opacity 0.6s ease-out";
-            const initialX = 10 + Math.random() * 80;
-            const initialY = 10 + Math.random() * 80;
-            particleEl.style.left = `${initialX}%`;
-            particleEl.style.top = `${initialY}%`;
-            initialPositions.set(particleEl, { x: initialX, y: initialY });
-            particleTargets.set(particleEl, { x: initialX, y: initialY });
-            container?.appendChild(particleEl);
-            particles.push(particleEl);
-            return particleEl;
-        };
+        // Create particles using translate3d instead of left/top
+        for (let i = 0; i < effectiveDensity; i++) {
+            const el = document.createElement("div");
+            el.style.cssText = `
+          position:absolute;left:0;top:0;
+          width:${parsedSize};height:${parsedSize};
+          background:var(--${color});
+          border-radius:50%;
+          pointer-events:none;
+          opacity:${parsedOpacity};
+          will-change:transform;
+        `;
+            const ix = 10 + Math.random() * 80;
+            const iy = 10 + Math.random() * 80;
+            initialX[i] = ix;
+            initialY[i] = iy;
+            currentX[i] = ix;
+            currentY[i] = iy;
+            targetX[i] = ix;
+            targetY[i] = iy;
+            el.style.transform = `translate3d(${ix}cqw, ${iy}cqh, 0)`;
+            container.appendChild(el);
+            particleEls.push(el);
+        }
+        // If reduced motion or not in viewport initially, just place them statically
+        if (!shouldAnimate)
+            return () => cleanup();
         const updateParticles = () => {
-            particles.forEach((particleEl, index) => {
-                const currentTarget = particleTargets.get(particleEl);
-                const initial = initialPositions.get(particleEl);
-                if (!currentTarget || !initial)
-                    return;
-                const currentX = parseFloat(particleEl.style.left);
-                const currentY = parseFloat(particleEl.style.top);
-                const time = Date.now() * 0.001 * speed;
-                const baseNoiseX = Math.sin(time + index) * 0.5;
-                const baseNoiseY = Math.cos(time + index * 1.2) * 0.5;
-                let targetX = initial.x + baseNoiseX;
-                let targetY = initial.y + baseNoiseY;
-                let isCloseToMouse = false;
+            const time = Date.now() * 0.001 * speed;
+            for (let i = 0; i < effectiveDensity; i++) {
+                const cx = currentX[i];
+                const cy = currentY[i];
+                const baseNoiseX = Math.sin(time + i) * 0.5;
+                const baseNoiseY = Math.cos(time + i * 1.2) * 0.5;
+                let tx = initialX[i] + baseNoiseX;
+                let ty = initialY[i] + baseNoiseY;
                 if (interactive) {
-                    const dx = mousePosition.x - currentX;
-                    const dy = mousePosition.y - currentY;
+                    const dx = mousePosition.x - cx;
+                    const dy = mousePosition.y - cy;
                     const distance = Math.sqrt(dx * dx + dy * dy);
                     if (distance < intensity) {
                         const angle = Math.atan2(dy, dx);
                         if (mode === "attract") {
-                            // Attract: move towards cursor
                             const minDistance = 8;
                             if (distance <= minDistance) {
-                                // Particle is close - freeze it at cursor position (no noise, no movement)
-                                targetX = mousePosition.x;
-                                targetY = mousePosition.y;
-                                isCloseToMouse = true;
+                                tx = mousePosition.x;
+                                ty = mousePosition.y;
                             }
                             else {
-                                // Force is proportional to distance (strong when far, weak when close)
                                 const normalizedDistance = Math.min(distance / intensity, 1);
                                 const force = distance * repulsionStrength * normalizedDistance * 0.3;
-                                targetX = currentX + Math.cos(angle) * force;
-                                targetY = currentY + Math.sin(angle) * force;
+                                tx = cx + Math.cos(angle) * force;
+                                ty = cy + Math.sin(angle) * force;
                             }
                         }
                         else {
-                            // Repel: move away from cursor (original behavior)
                             const force = (intensity - distance) * repulsionStrength;
-                            targetX -= Math.cos(angle) * force;
-                            targetY -= Math.sin(angle) * force;
+                            tx -= Math.cos(angle) * force;
+                            ty -= Math.sin(angle) * force;
                         }
                     }
                 }
-                targetX = Math.max(5, Math.min(95, targetX));
-                targetY = Math.max(5, Math.min(95, targetY));
-                particleTargets.set(particleEl, {
-                    x: targetX,
-                    y: targetY,
-                });
-                particleEl.style.left = `${currentX + (targetX - currentX) * movementSpeed}%`;
-                particleEl.style.top = `${currentY + (targetY - currentY) * movementSpeed}%`;
-            });
+                tx = Math.max(5, Math.min(95, tx));
+                ty = Math.max(5, Math.min(95, ty));
+                targetX[i] = tx;
+                targetY[i] = ty;
+                const nx = cx + (tx - cx) * movementSpeed;
+                const ny = cy + (ty - cy) * movementSpeed;
+                currentX[i] = nx;
+                currentY[i] = ny;
+                particleEls[i].style.transform = `translate3d(${nx}cqw, ${ny}cqh, 0)`;
+            }
             animationFrameId = requestAnimationFrame(updateParticles);
         };
         if (interactive) {
-            document.addEventListener("mousemove", handleMouseMove);
+            container.addEventListener("mousemove", handleMouseMove, { passive: true });
         }
-        for (let i = 0; i < density; i++) {
-            createParticle();
+        // Start animation only if in viewport
+        if (isInViewport) {
+            animationFrameId = requestAnimationFrame(updateParticles);
         }
-        updateParticles();
-        return () => {
-            document.removeEventListener("mousemove", handleMouseMove);
-            cancelAnimationFrame(animationFrameId);
-            particles.forEach((particleEl) => {
-                particleEl.remove();
-                particleTargets.delete(particleEl);
-                initialPositions.delete(particleEl);
-            });
-        };
-    }, [color, size, speed, interactive, intensity, opacity, density, containerRef]);
-    return (_jsx(Flex, { ref: containerRef, fill: true, pointerEvents: "none", className: className, style: style, ...rest, children: children }));
+        function cleanup() {
+            container.removeEventListener("mousemove", handleMouseMove);
+            if (animationFrameId != null) {
+                cancelAnimationFrame(animationFrameId);
+            }
+            particleEls.forEach((el) => el.remove());
+        }
+        return () => cleanup();
+    }, [color, size, speed, interactive, intensity, opacity, density, mode, shouldAnimate, isInViewport]);
+    return (_jsx(Flex, { ref: containerRef, fill: true, position: "relative", pointerEvents: interactive ? "auto" : "none", className: className, style: { containerType: "size", ...style }, ...rest, children: children }));
 });
 Particle.displayName = "Particle";
 export { Particle };

package/dist/components/Particle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Particle.js","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Particle.js","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"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"}

package/dist/components/ShineFx.d.ts

@@ -5,6 +5,7 @@ export interface ShineFxProps extends React.ComponentProps<typeof Text> {
     disabled?: boolean;
     inverse?: boolean;
     baseOpacity?: number;
+    reducedMotion?: boolean | "auto";
     children?: React.ReactNode;
 }
 declare const ShineFx: React.FC<ShineFxProps>;

package/dist/components/ShineFx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShineFx.d.ts","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBnC,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"ShineFx.d.ts","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4BnC,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/ShineFx.js

@@ -3,9 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from ".";
 import styles from "./ShineFx.module.scss";
 import classNames from "classnames";
-const ShineFx = ({ speed = 1, disabled = false, inverse = false, baseOpacity = 0.3, children, className, style, ...text }) => {
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const ShineFx = ({ speed = 1, disabled = false, inverse = false, baseOpacity = 0.3, reducedMotion = "auto", children, className, style, ...text }) => {
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
+    const isDisabled = disabled || !shouldAnimate;
     const animationDuration = `${speed}s`;
-    return (_jsx(Text, { ...text, className: classNames(styles.shineFx, disabled ? styles.disabled : "", inverse ? styles.inverse : styles.default, className), style: {
+    return (_jsx(Text, { ...text, className: classNames(styles.shineFx, isDisabled ? styles.disabled : "", inverse ? styles.inverse : styles.default, className), style: {
             ...style,
             animationDuration,
             ["--shine-base-opacity"]: baseOpacity,

package/dist/components/ShineFx.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShineFx.js","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,GAAG,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,GAAG,KAAK,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAC5H,KAAK,EAAE;YACL,GAAG,KAAK;YACR,iBAAiB;YACjB,CAAC,sBAAgC,CAAC,EAAE,WAAW;SAChD,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"ShineFx.js","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAW7D,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,GAAG,EACjB,aAAa,GAAG,MAAM,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,aAAa,CAAC;IAC9C,MAAM,iBAAiB,GAAG,GAAG,KAAK,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAC9H,KAAK,EAAE;YACL,GAAG,KAAK;YACR,iBAAiB;YACjB,CAAC,sBAAgC,CAAC,EAAE,WAAW;SAChD,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/TiltFx.d.ts

@@ -3,6 +3,7 @@ import { Flex } from ".";
 interface TiltFxProps extends React.ComponentProps<typeof Flex> {
     children: React.ReactNode;
     intensity?: number;
+    reducedMotion?: boolean | "auto";
 }
 declare const TiltFx: React.FC<TiltFxProps>;
 export { TiltFx };

package/dist/components/TiltFx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4DjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAGzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+EjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/TiltFx.js

@@ -1,20 +1,29 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import { useEffect, useRef } from "react";
 import styles from "./TiltFx.module.scss";
 import { Flex } from ".";
-const TiltFx = ({ children, intensity = 1, ...rest }) => {
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const TiltFx = ({ children, intensity = 1, reducedMotion = "auto", ...rest }) => {
     const ref = useRef(null);
-    let lastCall = 0;
-    let resetTimeout;
+    const lastCallRef = useRef(0);
+    const resetTimeoutRef = useRef(null);
+    const isTouchDeviceRef = useRef(false);
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
+    useEffect(() => {
+        isTouchDeviceRef.current = "ontouchstart" in window;
+    }, []);
     const handleMouseMove = (e) => {
-        if ("ontouchstart" in window)
+        if (isTouchDeviceRef.current || !shouldAnimate)
             return;
-        clearTimeout(resetTimeout);
+        if (resetTimeoutRef.current) {
+            clearTimeout(resetTimeoutRef.current);
+            resetTimeoutRef.current = null;
+        }
         const now = Date.now();
-        if (now - lastCall < 16)
+        if (now - lastCallRef.current < 16)
             return;
-        lastCall = now;
+        lastCallRef.current = now;
         const element = ref.current;
         if (!element)
             return;
@@ -33,16 +42,24 @@ const TiltFx = ({ children, intensity = 1, ...rest }) => {
         });
     };
     const handleMouseLeave = () => {
-        if ("ontouchstart" in window)
+        if (isTouchDeviceRef.current || !shouldAnimate)
             return;
         const element = ref.current;
         if (element) {
-            resetTimeout = setTimeout(() => {
+            resetTimeoutRef.current = setTimeout(() => {
                 element.style.transform =
                     "perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg)";
+                resetTimeoutRef.current = null;
             }, 100);
         }
     };
+    useEffect(() => {
+        return () => {
+            if (resetTimeoutRef.current) {
+                clearTimeout(resetTimeoutRef.current);
+            }
+        };
+    }, []);
     return (_jsx(Flex, { ref: ref, overflow: "hidden", className: styles.tiltFx, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, ...rest, children: children }));
 };
 export { TiltFx };

package/dist/components/TiltFx.js.map

@@ -1 +1 @@
-{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAOzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;QAElC,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,yCAAyC,UAAU,eAAe,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACnI,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,KAC1B,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"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"}

package/dist/components/WeatherFx.d.ts

@@ -10,6 +10,7 @@ interface WeatherFxProps extends React.ComponentProps<typeof Flex> {
     duration?: number;
     trigger?: "mount" | "hover" | "click" | "manual";
     active?: boolean;
+    reducedMotion?: boolean | "auto";
     children?: React.ReactNode;
 }
 declare const WeatherFx: React.ForwardRefExoticComponent<Omit<WeatherFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/WeatherFx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeatherFx.d.ts","sourceRoot":"","sources":["../../src/components/WeatherFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE5D,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgED,QAAA,MAAM,SAAS,oGA04Bd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"WeatherFx.d.ts","sourceRoot":"","sources":["../../src/components/WeatherFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAGzB,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE5D,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgED,QAAA,MAAM,SAAS,oGA0+Bd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/WeatherFx.js

@@ -2,7 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
 import { Flex } from ".";
-const WeatherFx = React.forwardRef(({ type = "rain", speed = 1, colors = ["brand-solid-medium"], intensity = 50, angle = 0, duration, trigger = "mount", active = false, children, ...rest }, forwardedRef) => {
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const WeatherFx = React.forwardRef(({ type = "rain", speed = 1, colors = ["brand-solid-medium"], intensity = 50, angle = 0, duration, trigger = "mount", active = false, reducedMotion = "auto", children, ...rest }, forwardedRef) => {
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
     const containerRef = useRef(null);
     const canvasRef = useRef(null);
     const animationRef = useRef(undefined);
@@ -532,6 +534,12 @@ const WeatherFx = React.forwardRef(({ type = "rain", speed = 1, colors = ["brand
             ctx.globalAlpha = 1;
             animationRef.current = requestAnimationFrame(animate);
         };
+        if (!shouldAnimate) {
+            // When reduced motion is active, don't start the animation loop at all
+            return () => {
+                window.removeEventListener("resize", updateSize);
+            };
+        }
         animate();
         return () => {
             window.removeEventListener("resize", updateSize);
@@ -539,7 +547,7 @@ const WeatherFx = React.forwardRef(({ type = "rain", speed = 1, colors = ["brand
                 cancelAnimationFrame(animationRef.current);
             }
         };
-    }, [type, colors, speed, intensity, angle, duration, trigger]);
+    }, [type, colors, speed, intensity, angle, duration, trigger, shouldAnimate]);
     // Respond to external control in manual mode
     useEffect(() => {
         if (trigger !== "manual")
@@ -647,6 +655,93 @@ const WeatherFx = React.forwardRef(({ type = "rain", speed = 1, colors = ["brand
             isHoveredRef.current = true;
             isEmittingRef.current = true;
             emitStartTimeRef.current = Date.now();
+            // Initialize particles if none exist yet
+            if (particlesRef.current.length === 0) {
+                const canvas = canvasRef.current;
+                const container = containerRef.current;
+                if (canvas && container) {
+                    const cw = canvas.width / 2;
+                    const ch = canvas.height / 2;
+                    const parsedColors = colors.map((color) => {
+                        const computedColor = getComputedStyle(container).getPropertyValue(`--${color}`);
+                        return computedColor || color;
+                    });
+                    const angleRad = (angle * Math.PI) / 180;
+                    const horizontalOffset = Math.abs(Math.tan(angleRad) * ch);
+                    if (type === "rain") {
+                        const particles = [];
+                        for (let i = 0; i < intensity; i++) {
+                            const spawnWidth = cw + horizontalOffset * 2;
+                            const spawnX = Math.random() * spawnWidth - horizontalOffset;
+                            particles.push({
+                                x: spawnX,
+                                y: Math.random() * ch - ch,
+                                length: 10 + Math.random() * 20,
+                                speed: (2 + Math.random() * 3) * speed,
+                                color: parsedColors[Math.floor(Math.random() * parsedColors.length)],
+                                opacity: 0.3 + Math.random() * 0.5,
+                                thickness: 1 + Math.random() * 1.5,
+                            });
+                        }
+                        particlesRef.current = particles;
+                    }
+                    else if (type === "snow") {
+                        const particles = [];
+                        for (let i = 0; i < intensity; i++) {
+                            const depth = Math.random();
+                            const size = 2 + depth * 4;
+                            const spawnWidth = cw + horizontalOffset * 2;
+                            const spawnX = Math.random() * spawnWidth - horizontalOffset;
+                            particles.push({
+                                x: spawnX,
+                                y: Math.random() * ch - ch,
+                                size,
+                                speed: (0.3 + depth * 0.7) * speed,
+                                color: parsedColors[Math.floor(Math.random() * parsedColors.length)],
+                                opacity: 0.4 + depth * 0.5,
+                                swayAmplitude: 20 + Math.random() * 30,
+                                swaySpeed: 0.5 + Math.random() * 1,
+                                swayOffset: Math.random() * Math.PI * 2,
+                                depth,
+                            });
+                        }
+                        particlesRef.current = particles;
+                    }
+                    else if (type === "leaves") {
+                        const particles = [];
+                        for (let i = 0; i < intensity; i++) {
+                            const depth = Math.random();
+                            const width = 8 + depth * 12;
+                            const height = width * (0.6 + Math.random() * 0.4);
+                            const spawnWidth = cw + horizontalOffset * 2;
+                            const spawnX = Math.random() * spawnWidth - horizontalOffset;
+                            const colorIndex = Math.floor(Math.random() * parsedColors.length);
+                            const color1 = parsedColors[colorIndex];
+                            const color2 = parsedColors[Math.min(colorIndex + 1, parsedColors.length - 1)];
+                            particles.push({
+                                x: spawnX,
+                                y: Math.random() * ch - ch,
+                                width,
+                                height,
+                                speed: (0.4 + depth * 0.8) * speed,
+                                color1,
+                                color2,
+                                opacity: 0.6 + depth * 0.3,
+                                swayAmplitude: 30 + Math.random() * 50,
+                                swaySpeed: 0.3 + Math.random() * 0.7,
+                                swayOffset: Math.random() * Math.PI * 2,
+                                rotation: Math.random() * Math.PI * 2,
+                                rotationSpeed: (Math.random() - 0.5) * 0.08,
+                                rotation3D: Math.random() * Math.PI * 2,
+                                rotation3DSpeed: (Math.random() - 0.5) * 0.06,
+                                depth,
+                            });
+                        }
+                        particlesRef.current = particles;
+                    }
+                    // Lightning doesn't need pre-initialization (spawns dynamically)
+                }
+            }
         }
     };
     const handleMouseLeave = () => {