@codellyson/framely 0.1.0

package/dist/transitions/presets/zoom.js

@@ -0,0 +1,110 @@
+/**
+ * Zoom Transition
+ *
+ * Scale-based transition that zooms scenes in and out.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={zoom()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Zoom out on exit
+ *   <TransitionSeries.Transition
+ *     presentation={zoom({ exitDirection: 'out' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { Easing } from '../../Easing';
+/**
+ * Create a zoom transition presentation.
+ */
+export function zoom(options = {}) {
+    const { enterDirection = 'in', exitDirection = 'in', scale = 0.5, withFade = true, easing = Easing.easeOutCubic, } = options;
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            let scaleValue;
+            if (enterDirection === 'in') {
+                // Start small, zoom in to full size
+                scaleValue = scale + (1 - scale) * easedProgress;
+            }
+            else {
+                // Start large, zoom out to full size
+                scaleValue = (2 - scale) - (1 - scale) * easedProgress;
+            }
+            return {
+                transform: `scale(${scaleValue})`,
+                ...(withFade ? { opacity: easedProgress } : {}),
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            let scaleValue;
+            if (exitDirection === 'in') {
+                // Zoom in and fade out
+                scaleValue = 1 + (1 - scale) * easedProgress;
+            }
+            else {
+                // Zoom out and fade out
+                scaleValue = 1 - (1 - scale) * easedProgress;
+            }
+            return {
+                transform: `scale(${scaleValue})`,
+                ...(withFade ? { opacity: 1 - easedProgress } : {}),
+            };
+        },
+    };
+}
+/**
+ * Zoom in on enter, zoom out on exit.
+ */
+export function zoomInOut(options = {}) {
+    return zoom({ ...options, enterDirection: 'in', exitDirection: 'out' });
+}
+/**
+ * Zoom out on enter, zoom in on exit.
+ */
+export function zoomOutIn(options = {}) {
+    return zoom({ ...options, enterDirection: 'out', exitDirection: 'in' });
+}
+/**
+ * Ken Burns style zoom - subtle zoom during the entire sequence.
+ * Note: This is different from a transition, it's an effect.
+ */
+export function kenBurns(options = {}) {
+    const { startScale = 1, endScale = 1.1, origin = 'center', } = options;
+    // This returns a style generator for use with interpolate
+    return (progress) => ({
+        transform: `scale(${startScale + (endScale - startScale) * progress})`,
+        transformOrigin: origin,
+    });
+}
+/**
+ * Zoom with rotation.
+ */
+export function zoomRotate(options = {}) {
+    const { scale = 0.5, rotation = 90, withFade = true, easing = Easing.easeOutBack, } = options;
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            const scaleValue = scale + (1 - scale) * easedProgress;
+            const rotateValue = rotation * (1 - easedProgress);
+            return {
+                transform: `scale(${scaleValue}) rotate(${rotateValue}deg)`,
+                ...(withFade ? { opacity: easedProgress } : {}),
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            const scaleValue = 1 - (1 - scale) * easedProgress;
+            const rotateValue = -rotation * easedProgress;
+            return {
+                transform: `scale(${scaleValue}) rotate(${rotateValue}deg)`,
+                ...(withFade ? { opacity: 1 - easedProgress } : {}),
+            };
+        },
+    };
+}
+export default zoom;
+//# sourceMappingURL=zoom.js.map

package/dist/transitions/presets/zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.js","sourceRoot":"","sources":["../../../src/transitions/presets/zoom.ts"],"names":[],"mappings":"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"}

package/dist/useAudioData.d.ts

@@ -0,0 +1,112 @@
+/**
+ * Audio Visualization Hooks
+ *
+ * Provides frequency and waveform data from audio elements
+ * for creating audio-reactive animations.
+ */
+import { RefObject } from 'react';
+/**
+ * Options for configuring the audio analyser node.
+ */
+export interface AudioDataOptions {
+    /** FFT size (power of 2, 32-32768). Defaults to 256. */
+    fftSize?: number;
+    /** Smoothing time constant (0-1). Defaults to 0.8. */
+    smoothingTimeConstant?: number;
+    /** Minimum decibels for frequency data. Defaults to -100. */
+    minDecibels?: number;
+    /** Maximum decibels for frequency data. Defaults to -30. */
+    maxDecibels?: number;
+}
+/**
+ * Return value of the useAudioData hook.
+ */
+export interface AudioDataResult {
+    /** Frequency amplitude data (0-255 per bin). */
+    frequencyData: Uint8Array;
+    /** Waveform (time-domain) data (0-255 per sample). */
+    waveformData: Uint8Array;
+    /** RMS volume level normalized to 0-1. */
+    volume: number;
+    /** Whether the audio analyser has been successfully connected. */
+    isReady: boolean;
+}
+/**
+ * A mapping of band names to [minHz, maxHz] frequency ranges.
+ */
+export type FrequencyBandRanges<K extends string = string> = Record<K, [number, number]>;
+/**
+ * Result of getFrequencyBands, mapping each band name to its average amplitude (0-1).
+ */
+export type FrequencyBandValues<K extends string = string> = Record<K, number>;
+/** Augment the global Window interface for Framely render mode flag. */
+declare global {
+    interface Window {
+        __FRAMELY_RENDER_MODE?: boolean;
+        webkitAudioContext?: typeof AudioContext;
+    }
+}
+/**
+ * Extract audio frequency and waveform data from an audio element.
+ *
+ * In browser preview mode, connects to the Web Audio API to analyze
+ * audio in real-time. In render mode (Playwright), returns empty data
+ * since audio is not available during headless rendering.
+ *
+ * @param {RefObject<HTMLAudioElement>} audioRef - Ref to an audio element
+ * @param {AudioDataOptions} [options]
+ * @param {number} [options.fftSize=256] - FFT size (power of 2, 32-32768)
+ * @param {number} [options.smoothingTimeConstant=0.8] - Smoothing (0-1)
+ * @param {number} [options.minDecibels=-100] - Min dB for frequency data
+ * @param {number} [options.maxDecibels=-30] - Max dB for frequency data
+ * @returns {AudioDataResult}
+ *
+ * @example
+ * const audioRef = useRef(null);
+ * const { frequencyData, volume } = useAudioData(audioRef);
+ *
+ * // Use volume to drive animation
+ * const scale = 1 + volume * 0.5;
+ *
+ * // Use frequency bands for visualizer bars
+ * {Array.from(frequencyData).slice(0, 32).map((val, i) => (
+ *   <div key={i} style={{ height: val }} />
+ * ))}
+ */
+export declare function useAudioData(audioRef: RefObject<HTMLAudioElement | null>, options?: AudioDataOptions): AudioDataResult;
+/**
+ * Extract frequency bands from raw frequency data.
+ *
+ * Groups frequency bins into named bands based on frequency ranges.
+ * Each band value is the average amplitude (0-1) of bins in that range.
+ *
+ * @param {Uint8Array} frequencyData - Raw frequency data from useAudioData
+ * @param {FrequencyBandRanges<K>} bands - Named frequency ranges in Hz
+ * @param {number} [sampleRate=44100] - Audio sample rate
+ * @returns {FrequencyBandValues<K>} Object with same keys as bands, values 0-1
+ *
+ * @example
+ * const { bass, mid, treble } = getFrequencyBands(frequencyData, {
+ *   bass: [20, 250],
+ *   mid: [250, 4000],
+ *   treble: [4000, 20000],
+ * });
+ *
+ * @example
+ * const bands = getFrequencyBands(frequencyData, {
+ *   sub: [20, 60],
+ *   bass: [60, 250],
+ *   lowMid: [250, 500],
+ *   mid: [500, 2000],
+ *   highMid: [2000, 4000],
+ *   presence: [4000, 6000],
+ *   brilliance: [6000, 20000],
+ * });
+ */
+export declare function getFrequencyBands<K extends string>(frequencyData: Uint8Array, bands: FrequencyBandRanges<K>, sampleRate?: number): FrequencyBandValues<K>;
+declare const _default: {
+    useAudioData: typeof useAudioData;
+    getFrequencyBands: typeof getFrequencyBands;
+};
+export default _default;
+//# sourceMappingURL=useAudioData.d.ts.map

package/dist/useAudioData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioData.d.ts","sourceRoot":"","sources":["../src/useAudioData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,aAAa,EAAE,UAAU,CAAC;IAC1B,sDAAsD;IACtD,YAAY,EAAE,UAAU,CAAC;IACzB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEzF;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/E,wEAAwE;AACxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,qBAAqB,CAAC,EAAE,OAAO,CAAC;QAChC,kBAAkB,CAAC,EAAE,OAAO,YAAY,CAAC;KAC1C;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,OAAO,GAAE,gBAAqB,GAC7B,eAAe,CAsGjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAChD,aAAa,EAAE,UAAU,EACzB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC7B,UAAU,GAAE,MAAc,GACzB,mBAAmB,CAAC,CAAC,CAAC,CAkCxB;;;;;AAED,wBAAmD"}

package/dist/useAudioData.js

@@ -0,0 +1,183 @@
+/**
+ * Audio Visualization Hooks
+ *
+ * Provides frequency and waveform data from audio elements
+ * for creating audio-reactive animations.
+ */
+import { useState, useEffect, useRef } from 'react';
+import { useTimeline } from './context';
+/**
+ * Extract audio frequency and waveform data from an audio element.
+ *
+ * In browser preview mode, connects to the Web Audio API to analyze
+ * audio in real-time. In render mode (Playwright), returns empty data
+ * since audio is not available during headless rendering.
+ *
+ * @param {RefObject<HTMLAudioElement>} audioRef - Ref to an audio element
+ * @param {AudioDataOptions} [options]
+ * @param {number} [options.fftSize=256] - FFT size (power of 2, 32-32768)
+ * @param {number} [options.smoothingTimeConstant=0.8] - Smoothing (0-1)
+ * @param {number} [options.minDecibels=-100] - Min dB for frequency data
+ * @param {number} [options.maxDecibels=-30] - Max dB for frequency data
+ * @returns {AudioDataResult}
+ *
+ * @example
+ * const audioRef = useRef(null);
+ * const { frequencyData, volume } = useAudioData(audioRef);
+ *
+ * // Use volume to drive animation
+ * const scale = 1 + volume * 0.5;
+ *
+ * // Use frequency bands for visualizer bars
+ * {Array.from(frequencyData).slice(0, 32).map((val, i) => (
+ *   <div key={i} style={{ height: val }} />
+ * ))}
+ */
+export function useAudioData(audioRef, options = {}) {
+    const { fftSize = 256, smoothingTimeConstant = 0.8, minDecibels = -100, maxDecibels = -30, } = options;
+    const { frame } = useTimeline();
+    const analyserRef = useRef(null);
+    const contextRef = useRef(null);
+    const sourceRef = useRef(null);
+    const [isReady, setIsReady] = useState(false);
+    const frequencyBufferRef = useRef(null);
+    const waveformBufferRef = useRef(null);
+    const [frequencyData, setFrequencyData] = useState(() => new Uint8Array(fftSize / 2));
+    const [waveformData, setWaveformData] = useState(() => new Uint8Array(fftSize));
+    const [volume, setVolume] = useState(0);
+    // Set up audio context and analyser
+    useEffect(() => {
+        const audio = audioRef?.current;
+        if (!audio)
+            return;
+        // Don't set up in render mode
+        if (typeof window !== 'undefined' && window.__FRAMELY_RENDER_MODE) {
+            return;
+        }
+        let ctx;
+        try {
+            ctx = new (window.AudioContext || window.webkitAudioContext)();
+        }
+        catch {
+            return;
+        }
+        const analyser = ctx.createAnalyser();
+        analyser.fftSize = fftSize;
+        analyser.smoothingTimeConstant = smoothingTimeConstant;
+        analyser.minDecibels = minDecibels;
+        analyser.maxDecibels = maxDecibels;
+        let source;
+        try {
+            source = ctx.createMediaElementSource(audio);
+            source.connect(analyser);
+            analyser.connect(ctx.destination);
+        }
+        catch {
+            // Source may already be connected
+            return;
+        }
+        contextRef.current = ctx;
+        analyserRef.current = analyser;
+        sourceRef.current = source;
+        frequencyBufferRef.current = new Uint8Array(analyser.frequencyBinCount);
+        waveformBufferRef.current = new Uint8Array(analyser.fftSize);
+        setIsReady(true);
+        return () => {
+            try {
+                source.disconnect();
+                analyser.disconnect();
+                ctx.close();
+            }
+            catch {
+                // Ignore cleanup errors
+            }
+            contextRef.current = null;
+            analyserRef.current = null;
+            sourceRef.current = null;
+            setIsReady(false);
+        };
+    }, [audioRef?.current, fftSize, smoothingTimeConstant, minDecibels, maxDecibels]);
+    // Update data on each frame
+    useEffect(() => {
+        const analyser = analyserRef.current;
+        if (!analyser || !frequencyBufferRef.current || !waveformBufferRef.current)
+            return;
+        // Get frequency data
+        analyser.getByteFrequencyData(frequencyBufferRef.current);
+        const freqCopy = new Uint8Array(frequencyBufferRef.current.length);
+        freqCopy.set(frequencyBufferRef.current);
+        setFrequencyData(freqCopy);
+        // Get waveform data
+        analyser.getByteTimeDomainData(waveformBufferRef.current);
+        const waveCopy = new Uint8Array(waveformBufferRef.current.length);
+        waveCopy.set(waveformBufferRef.current);
+        setWaveformData(waveCopy);
+        // Calculate RMS volume (0-1)
+        let sum = 0;
+        for (let i = 0; i < frequencyBufferRef.current.length; i++) {
+            const normalized = frequencyBufferRef.current[i] / 255;
+            sum += normalized * normalized;
+        }
+        setVolume(Math.sqrt(sum / frequencyBufferRef.current.length));
+    }, [frame]);
+    return { frequencyData, waveformData, volume, isReady };
+}
+/**
+ * Extract frequency bands from raw frequency data.
+ *
+ * Groups frequency bins into named bands based on frequency ranges.
+ * Each band value is the average amplitude (0-1) of bins in that range.
+ *
+ * @param {Uint8Array} frequencyData - Raw frequency data from useAudioData
+ * @param {FrequencyBandRanges<K>} bands - Named frequency ranges in Hz
+ * @param {number} [sampleRate=44100] - Audio sample rate
+ * @returns {FrequencyBandValues<K>} Object with same keys as bands, values 0-1
+ *
+ * @example
+ * const { bass, mid, treble } = getFrequencyBands(frequencyData, {
+ *   bass: [20, 250],
+ *   mid: [250, 4000],
+ *   treble: [4000, 20000],
+ * });
+ *
+ * @example
+ * const bands = getFrequencyBands(frequencyData, {
+ *   sub: [20, 60],
+ *   bass: [60, 250],
+ *   lowMid: [250, 500],
+ *   mid: [500, 2000],
+ *   highMid: [2000, 4000],
+ *   presence: [4000, 6000],
+ *   brilliance: [6000, 20000],
+ * });
+ */
+export function getFrequencyBands(frequencyData, bands, sampleRate = 44100) {
+    if (!frequencyData || frequencyData.length === 0) {
+        const result = {};
+        for (const key of Object.keys(bands)) {
+            result[key] = 0;
+        }
+        return result;
+    }
+    const binCount = frequencyData.length;
+    const binWidth = sampleRate / 2 / binCount; // Hz per bin
+    const result = {};
+    for (const [name, [minHz, maxHz]] of Object.entries(bands)) {
+        const startBin = Math.max(0, Math.floor(minHz / binWidth));
+        const endBin = Math.min(binCount - 1, Math.ceil(maxHz / binWidth));
+        if (startBin >= binCount || endBin < 0 || startBin > endBin) {
+            result[name] = 0;
+            continue;
+        }
+        let sum = 0;
+        let count = 0;
+        for (let i = startBin; i <= endBin; i++) {
+            sum += frequencyData[i] / 255;
+            count++;
+        }
+        result[name] = count > 0 ? sum / count : 0;
+    }
+    return result;
+}
+export default { useAudioData, getFrequencyBands };
+//# sourceMappingURL=useAudioData.js.map

package/dist/useAudioData.js.map

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

package/dist/useSpring.d.ts

@@ -0,0 +1,79 @@
+/**
+ * useSpring Hook
+ *
+ * Declarative spring animation driven by the current frame.
+ * Automatically animates between values using physics-based spring dynamics.
+ */
+/** Options for configuring spring physics behavior. */
+export interface UseSpringOptions {
+    /** Initial value (defaults to 0 on first render, then tracks previous) */
+    from?: number;
+    /** Spring mass */
+    mass?: number;
+    /** Spring stiffness */
+    stiffness?: number;
+    /** Damping coefficient */
+    damping?: number;
+    /** Clamp overshoot */
+    overshootClamping?: boolean;
+}
+/** Options for configuring spring physics on a sequence of values. */
+export interface UseSpringSequenceOptions {
+    /** Initial values (defaults to all 0s on first render, then tracks previous) */
+    from?: number[];
+    /** Spring mass */
+    mass?: number;
+    /** Spring stiffness */
+    stiffness?: number;
+    /** Damping coefficient */
+    damping?: number;
+    /** Clamp overshoot */
+    overshootClamping?: boolean;
+}
+/**
+ * Animate a value using spring physics.
+ *
+ * When the target value changes, the spring animates from the current
+ * position to the new target starting from that frame.
+ *
+ * @param {number} target - The target value to spring toward
+ * @param {object} [options]
+ * @param {number} [options.from] - Initial value (defaults to 0 on first render, then tracks previous)
+ * @param {number} [options.mass=1] - Spring mass
+ * @param {number} [options.stiffness=100] - Spring stiffness
+ * @param {number} [options.damping=10] - Damping coefficient
+ * @param {boolean} [options.overshootClamping=false] - Clamp overshoot
+ * @returns {number} Current animated value
+ *
+ * @example
+ * const scale = useSpring(isVisible ? 1 : 0, { stiffness: 200, damping: 15 });
+ *
+ * @example
+ * // Animate position based on frame
+ * const frame = useCurrentFrame();
+ * const x = useSpring(frame >= 30 ? 200 : 0, { damping: 12 });
+ */
+export declare function useSpring(target: number, options?: UseSpringOptions): number;
+/**
+ * Animate multiple values using spring physics.
+ *
+ * Same as useSpring but for an array of values. All values share
+ * the same spring configuration.
+ *
+ * @param {number[]} targets - Array of target values
+ * @param {object} [options] - Same as useSpring options
+ * @returns {number[]} Array of animated values
+ *
+ * @example
+ * const [x, y, rotation] = useSpringSequence(
+ *   isActive ? [200, 100, 45] : [0, 0, 0],
+ *   { stiffness: 150, damping: 12 }
+ * );
+ */
+export declare function useSpringSequence(targets: number[], options?: UseSpringSequenceOptions): number[];
+declare const _default: {
+    useSpring: typeof useSpring;
+    useSpringSequence: typeof useSpringSequence;
+};
+export default _default;
+//# sourceMappingURL=useSpring.d.ts.map

package/dist/useSpring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpring.d.ts","sourceRoot":"","sources":["../src/useSpring.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,sEAAsE;AACtE,MAAM,WAAW,wBAAwB;IACvC,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,CAqDhF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE,wBAA6B,GAAG,MAAM,EAAE,CA+DrG;;;;;AAED,wBAAgD"}

package/dist/useSpring.js

@@ -0,0 +1,140 @@
+/**
+ * useSpring Hook
+ *
+ * Declarative spring animation driven by the current frame.
+ * Automatically animates between values using physics-based spring dynamics.
+ */
+import { useRef, useMemo } from 'react';
+import { useTimeline } from './context';
+import { spring } from './interpolate';
+/**
+ * Animate a value using spring physics.
+ *
+ * When the target value changes, the spring animates from the current
+ * position to the new target starting from that frame.
+ *
+ * @param {number} target - The target value to spring toward
+ * @param {object} [options]
+ * @param {number} [options.from] - Initial value (defaults to 0 on first render, then tracks previous)
+ * @param {number} [options.mass=1] - Spring mass
+ * @param {number} [options.stiffness=100] - Spring stiffness
+ * @param {number} [options.damping=10] - Damping coefficient
+ * @param {boolean} [options.overshootClamping=false] - Clamp overshoot
+ * @returns {number} Current animated value
+ *
+ * @example
+ * const scale = useSpring(isVisible ? 1 : 0, { stiffness: 200, damping: 15 });
+ *
+ * @example
+ * // Animate position based on frame
+ * const frame = useCurrentFrame();
+ * const x = useSpring(frame >= 30 ? 200 : 0, { damping: 12 });
+ */
+export function useSpring(target, options = {}) {
+    const { from: initialFrom, mass = 1, stiffness = 100, damping = 10, overshootClamping = false, } = options;
+    const { frame, fps } = useTimeline();
+    // Track when the target changes and from what value
+    const state = useRef({
+        prevTarget: undefined,
+        triggerFrame: 0,
+        fromValue: initialFrom ?? 0,
+        initialized: false,
+    });
+    // Detect target changes
+    if (!state.current.initialized) {
+        state.current.prevTarget = target;
+        state.current.fromValue = initialFrom ?? 0;
+        state.current.triggerFrame = 0;
+        state.current.initialized = true;
+    }
+    else if (target !== state.current.prevTarget) {
+        // Target changed — compute current value as the new "from"
+        const elapsed = frame - state.current.triggerFrame;
+        state.current.fromValue = spring(elapsed, {
+            from: state.current.fromValue,
+            to: state.current.prevTarget,
+            fps,
+            mass,
+            stiffness,
+            damping,
+            overshootClamping,
+        });
+        state.current.prevTarget = target;
+        state.current.triggerFrame = frame;
+    }
+    // Compute spring value
+    const elapsed = frame - state.current.triggerFrame;
+    return spring(elapsed, {
+        from: state.current.fromValue,
+        to: target,
+        fps,
+        mass,
+        stiffness,
+        damping,
+        overshootClamping,
+    });
+}
+/**
+ * Animate multiple values using spring physics.
+ *
+ * Same as useSpring but for an array of values. All values share
+ * the same spring configuration.
+ *
+ * @param {number[]} targets - Array of target values
+ * @param {object} [options] - Same as useSpring options
+ * @returns {number[]} Array of animated values
+ *
+ * @example
+ * const [x, y, rotation] = useSpringSequence(
+ *   isActive ? [200, 100, 45] : [0, 0, 0],
+ *   { stiffness: 150, damping: 12 }
+ * );
+ */
+export function useSpringSequence(targets, options = {}) {
+    const { from: initialFroms, mass = 1, stiffness = 100, damping = 10, overshootClamping = false, } = options;
+    const { frame, fps } = useTimeline();
+    const state = useRef({
+        prevTargets: undefined,
+        triggerFrame: 0,
+        fromValues: null,
+        initialized: false,
+    });
+    if (!state.current.initialized) {
+        state.current.prevTargets = [...targets];
+        state.current.fromValues = initialFroms
+            ? [...initialFroms]
+            : targets.map(() => 0);
+        state.current.triggerFrame = 0;
+        state.current.initialized = true;
+    }
+    else {
+        // Check if any target changed
+        const changed = targets.some((t, i) => t !== state.current.prevTargets[i]);
+        if (changed) {
+            const elapsed = frame - state.current.triggerFrame;
+            state.current.fromValues = state.current.prevTargets.map((prevTarget, i) => spring(elapsed, {
+                from: state.current.fromValues[i],
+                to: prevTarget,
+                fps,
+                mass,
+                stiffness,
+                damping,
+                overshootClamping,
+            }));
+            state.current.prevTargets = [...targets];
+            state.current.triggerFrame = frame;
+        }
+    }
+    const elapsed = frame - state.current.triggerFrame;
+    return useMemo(() => targets.map((target, i) => spring(elapsed, {
+        from: state.current.fromValues[i],
+        to: target,
+        fps,
+        mass,
+        stiffness,
+        damping,
+        overshootClamping,
+    })), [elapsed, ...targets, fps, mass, stiffness, damping, overshootClamping]);
+}
+export default { useSpring, useSpringSequence };
+//# sourceMappingURL=useSpring.js.map

package/dist/useSpring.js.map

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