@effect-tui/react 0.9.1 → 0.9.3

package/dist/src/motion/use-sequence.js

@@ -0,0 +1,35 @@
+// useSequence - Timed discrete state sequences (motion.dev-style keyframes)
+// For animating through discrete values like emojis, strings, or any non-numeric state
+import { useEffect, useState } from "react";
+/**
+ * Animate through a sequence of discrete values with precise timing.
+ *
+ * @example
+ * ```tsx
+ * // Emoji sequence: camera → flash → camera
+ * const emoji = useSequence({
+ *   keyframes: ["📷", "📸", "📷"],
+ *   times: [0, 0.08, 0.2],  // Flash at 8%, back at 20%
+ *   duration: 2500,
+ * })
+ *
+ * return <text>{emoji}</text>
+ * ```
+ */
+export function useSequence(options) {
+    const { keyframes, times, duration, autoPlay = true } = options;
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        if (!autoPlay || keyframes.length <= 1)
+            return;
+        const timers = [];
+        // Schedule each keyframe transition
+        for (let i = 1; i < keyframes.length; i++) {
+            const delayMs = times[i] * duration;
+            timers.push(setTimeout(() => setIndex(i), delayMs));
+        }
+        return () => timers.forEach(clearTimeout);
+    }, [keyframes, times, duration, autoPlay]);
+    return keyframes[index];
+}
+//# sourceMappingURL=use-sequence.js.map

package/dist/src/motion/use-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sequence.js","sourceRoot":"","sources":["../../../src/motion/use-sequence.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uFAAuF;AAEvF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAa3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAI,OAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,OAAO,CAAA;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;YAAE,OAAM;QAE9C,MAAM,MAAM,GAAqB,EAAE,CAAA;QAEnC,oCAAoC;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAE,GAAG,QAAQ,CAAA;YACpC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;QACpD,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1C,OAAO,SAAS,CAAC,KAAK,CAAE,CAAA;AACzB,CAAC"}