use-scroll-animate 5.8.0 → 6.0.0

package/dist/components/effects.d.cts

@@ -414,6 +414,70 @@ interface UsaThemeElement extends UsaElement {
 /** `<usa-theme name="neon | paper | glass | retro | brutalist">` — a themed subtree. */
 declare function defineTheme(tag?: string): CustomElementConstructor | undefined;
 
+interface AnimationTrack {
+    /** Selector inside the player (`:scope` = the player). */
+    target?: string;
+    /** Start time in ms. */
+    start?: number;
+    duration?: number;
+    /** A timeline preset (`fade-up`, `scale`, `blur`…). */
+    preset?: string;
+    keyframes?: Keyframe[];
+    easing?: string;
+    /** A registered effect fired at `start` (instead of keyframes). */
+    effect?: string;
+    options?: Record<string, unknown>;
+    label?: string;
+}
+interface AnimationJSON {
+    format?: string;
+    version?: number;
+    name?: string;
+    loop?: boolean;
+    /** Total length; defaults to the end of the last track. */
+    duration?: number;
+    tracks: AnimationTrack[];
+}
+declare const ANIMATION_FORMAT = "use-scroll-animate/animation";
+/** Validate / normalise an animation (object or JSON text). Throws on anything unusable. */
+declare function normalizeAnimation(input: string | AnimationJSON | Record<string, any>): Required<Pick<AnimationJSON, 'tracks' | 'duration' | 'loop' | 'name'>>;
+interface Player {
+    readonly duration: number;
+    readonly currentTime: number;
+    readonly playing: boolean;
+    play(): void;
+    pause(): void;
+    /** Jump to `ms` (effects between are not replayed). */
+    seek(ms: number): void;
+    /** Playback rate (default 1). */
+    rate: number;
+    /** Resolves each time the animation reaches its end (not when looping). */
+    readonly finished: Promise<void>;
+    destroy(): void;
+}
+/** Bind an animation to `root` and return its controller (paused at 0 unless `autoplay`). */
+declare function createPlayer(root: HTMLElement, animation: string | AnimationJSON, o?: {
+    autoplay?: boolean;
+    loop?: boolean;
+    rate?: number;
+    onFinish?: () => void;
+}): Player;
+interface UsaPlayerElement extends UsaElement {
+    readonly player: Player | null;
+    /** Load an animation (object or JSON text) and restart. */
+    load(animation: string | AnimationJSON): void;
+    play(): void;
+    pause(): void;
+    seek(ms: number): void;
+}
+/**
+ * `<usa-player src="hero.json" | <script type="application/json"> child
+ * trigger="load | view | scroll | click | manual" loop rate controls>`.
+ * Emits `usa-player-ready` and `usa-player-finish`; sets `data-error` when the
+ * animation cannot be loaded.
+ */
+declare function definePlayer(tag?: string): CustomElementConstructor | undefined;
+
 /**
  * 5.4 — `<usa-story template="…">` scroll-storytelling templates.
  *
@@ -477,5 +541,5 @@ declare function defineEffectElements(): void;
 /** Register the built-ins and every pack (idempotent). */
 declare function registerAllEffects(): void;
 
-export { AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, defineAudio, defineEffectElements, defineGestureFx, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
-export type { AudioInput, AudioReactive, AudioSample, BeatOptions, GenFrame, GenerativeSpec, GestureDetail, GestureFxOptions, GestureName, SpringOptions, StoryTemplate, ThemePack, ThemeRole, UsaAudioElement, UsaGestureFxElement, UsaStoryElement, UsaThemeElement };
+export { ANIMATION_FORMAT, AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, createPlayer, defineAudio, defineEffectElements, defineGestureFx, definePlayer, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, normalizeAnimation, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
+export type { AnimationJSON, AnimationTrack, AudioInput, AudioReactive, AudioSample, BeatOptions, GenFrame, GenerativeSpec, GestureDetail, GestureFxOptions, GestureName, Player, SpringOptions, StoryTemplate, ThemePack, ThemeRole, UsaAudioElement, UsaGestureFxElement, UsaPlayerElement, UsaStoryElement, UsaThemeElement };

package/dist/components/effects.d.ts

@@ -414,6 +414,70 @@ interface UsaThemeElement extends UsaElement {
 /** `<usa-theme name="neon | paper | glass | retro | brutalist">` — a themed subtree. */
 declare function defineTheme(tag?: string): CustomElementConstructor | undefined;
 
+interface AnimationTrack {
+    /** Selector inside the player (`:scope` = the player). */
+    target?: string;
+    /** Start time in ms. */
+    start?: number;
+    duration?: number;
+    /** A timeline preset (`fade-up`, `scale`, `blur`…). */
+    preset?: string;
+    keyframes?: Keyframe[];
+    easing?: string;
+    /** A registered effect fired at `start` (instead of keyframes). */
+    effect?: string;
+    options?: Record<string, unknown>;
+    label?: string;
+}
+interface AnimationJSON {
+    format?: string;
+    version?: number;
+    name?: string;
+    loop?: boolean;
+    /** Total length; defaults to the end of the last track. */
+    duration?: number;
+    tracks: AnimationTrack[];
+}
+declare const ANIMATION_FORMAT = "use-scroll-animate/animation";
+/** Validate / normalise an animation (object or JSON text). Throws on anything unusable. */
+declare function normalizeAnimation(input: string | AnimationJSON | Record<string, any>): Required<Pick<AnimationJSON, 'tracks' | 'duration' | 'loop' | 'name'>>;
+interface Player {
+    readonly duration: number;
+    readonly currentTime: number;
+    readonly playing: boolean;
+    play(): void;
+    pause(): void;
+    /** Jump to `ms` (effects between are not replayed). */
+    seek(ms: number): void;
+    /** Playback rate (default 1). */
+    rate: number;
+    /** Resolves each time the animation reaches its end (not when looping). */
+    readonly finished: Promise<void>;
+    destroy(): void;
+}
+/** Bind an animation to `root` and return its controller (paused at 0 unless `autoplay`). */
+declare function createPlayer(root: HTMLElement, animation: string | AnimationJSON, o?: {
+    autoplay?: boolean;
+    loop?: boolean;
+    rate?: number;
+    onFinish?: () => void;
+}): Player;
+interface UsaPlayerElement extends UsaElement {
+    readonly player: Player | null;
+    /** Load an animation (object or JSON text) and restart. */
+    load(animation: string | AnimationJSON): void;
+    play(): void;
+    pause(): void;
+    seek(ms: number): void;
+}
+/**
+ * `<usa-player src="hero.json" | <script type="application/json"> child
+ * trigger="load | view | scroll | click | manual" loop rate controls>`.
+ * Emits `usa-player-ready` and `usa-player-finish`; sets `data-error` when the
+ * animation cannot be loaded.
+ */
+declare function definePlayer(tag?: string): CustomElementConstructor | undefined;
+
 /**
  * 5.4 — `<usa-story template="…">` scroll-storytelling templates.
  *
@@ -477,5 +541,5 @@ declare function defineEffectElements(): void;
 /** Register the built-ins and every pack (idempotent). */
 declare function registerAllEffects(): void;
 
-export { AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, defineAudio, defineEffectElements, defineGestureFx, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
-export type { AudioInput, AudioReactive, AudioSample, BeatOptions, GenFrame, GenerativeSpec, GestureDetail, GestureFxOptions, GestureName, SpringOptions, StoryTemplate, ThemePack, ThemeRole, UsaAudioElement, UsaGestureFxElement, UsaStoryElement, UsaThemeElement };
+export { ANIMATION_FORMAT, AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, createPlayer, defineAudio, defineEffectElements, defineGestureFx, definePlayer, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, normalizeAnimation, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
+export type { AnimationJSON, AnimationTrack, AudioInput, AudioReactive, AudioSample, BeatOptions, GenFrame, GenerativeSpec, GestureDetail, GestureFxOptions, GestureName, Player, SpringOptions, StoryTemplate, ThemePack, ThemeRole, UsaAudioElement, UsaGestureFxElement, UsaPlayerElement, UsaStoryElement, UsaThemeElement };

package/dist/components/effects.js

@@ -1,7 +1,7 @@
 import { playEffect, bindEffect, registerBuiltinEffects, registerEffects } from './fx.js';
 import { x as defineElement, p as prefersReducedMotion, u as adoptStyles } from '../chunks/base-C3Sw9sAO.js';
 import { applyMotionTokens, motionTokensToVars, mergeMotionTokens } from './tokens.js';
-import '../chunks/core-DN3hHbHh.js';
+import { T as TIMELINE_PRESETS } from '../chunks/core-DN3hHbHh.js';
 import '../chunks/fx-ChjxrMBo.js';
 
 let layer = null;
@@ -2160,6 +2160,306 @@ function defineTheme(tag = 'usa-theme') {
     }, { id: 'usa-theme-el', text: 'usa-theme{display:block}' });
 }
 
+/**
+ * 5.9 — `<usa-player>`: plays JSON animations.
+ *
+ * Format `use-scroll-animate/animation` v1:
+ *
+ * ```json
+ * { "format": "use-scroll-animate/animation", "version": 1, "name": "Hero",
+ *   "loop": false,
+ *   "tracks": [
+ *     { "target": "h1", "start": 0, "duration": 600, "preset": "fade-up" },
+ *     { "target": ".cta", "start": 500, "duration": 500, "keyframes": [{ "opacity": 0 }, { "opacity": 1 }], "easing": "ease-out" },
+ *     { "target": ".cta", "start": 1100, "effect": "jelly", "options": {} }
+ *   ] }
+ * ```
+ *
+ * A track animates `target` (a selector inside the player; `:scope` for the
+ * player itself) with a timeline preset, its own keyframes, or fires any
+ * registered effect at `start`. Playground presets (format
+ * `use-scroll-animate/playground`) are accepted too — their tracks map to the
+ * player's children in order.
+ *
+ * Keyframe tracks are WAAPI animations driven by one clock, so the player can
+ * play, pause, seek, change rate and be scrubbed by scroll
+ * (`trigger="scroll"`). Reduced motion: jumps to the end state, effects skipped.
+ */
+const ANIMATION_FORMAT = 'use-scroll-animate/animation';
+function decodePlayground(state) {
+    try {
+        const b64 = state.replace(/-/g, '+').replace(/_/g, '/');
+        const json = decodeURIComponent(escape(atob(b64)));
+        const t = (JSON.parse(json).t || []);
+        return t.map(([preset, start, duration, label], i) => ({ target: `:scope > :nth-child(${i + 1})`, preset, start, duration, label }));
+    }
+    catch {
+        return [];
+    }
+}
+/** Validate / normalise an animation (object or JSON text). Throws on anything unusable. */
+function normalizeAnimation(input) {
+    const d = typeof input === 'string' ? JSON.parse(input) : input;
+    if (!d || typeof d !== 'object')
+        throw new Error('[use-scroll-animate] animation: expected an object');
+    let tracks;
+    if (d.format === 'use-scroll-animate/playground')
+        tracks = decodePlayground(String(d.state || ''));
+    else if (Array.isArray(d.tracks))
+        tracks = d.tracks;
+    else
+        throw new Error('[use-scroll-animate] animation: missing "tracks"');
+    if (d.format && d.format !== ANIMATION_FORMAT && d.format !== 'use-scroll-animate/playground')
+        throw new Error(`[use-scroll-animate] animation: unknown format "${d.format}"`);
+    if (d.version && d.version > 1 && d.format === ANIMATION_FORMAT)
+        throw new Error(`[use-scroll-animate] animation: version ${d.version} needs a newer use-scroll-animate`);
+    const out = tracks
+        .filter((t) => t && (t.effect || t.preset || Array.isArray(t.keyframes)))
+        .map((t) => ({ ...t, target: t.target || ':scope', start: Math.max(0, Number(t.start) || 0), duration: t.effect ? 0 : Math.max(1, Number(t.duration) || 600) }));
+    const end = out.reduce((m, t) => Math.max(m, t.start + t.duration), 0);
+    return { tracks: out, duration: Math.max(end, Number(d.duration) || 0), loop: !!d.loop, name: String(d.name || 'animation') };
+}
+const pick = (root, sel) => {
+    if (sel === ':scope')
+        return [root];
+    try {
+        return Array.from(root.querySelectorAll(sel));
+    }
+    catch {
+        return [];
+    }
+};
+/** Bind an animation to `root` and return its controller (paused at 0 unless `autoplay`). */
+function createPlayer(root, animation, o = {}) {
+    const a = normalizeAnimation(animation);
+    const loop = o.loop ?? a.loop;
+    const anims = [];
+    const effects = [];
+    for (const t of a.tracks) {
+        const els = pick(root, t.target);
+        if (t.effect)
+            effects.push({ els, t, fired: false });
+        else {
+            const kf = t.keyframes || TIMELINE_PRESETS[t.preset] || TIMELINE_PRESETS.fade;
+            for (const el of els) {
+                if (typeof el.animate !== 'function')
+                    continue;
+                const an = el.animate(kf, { duration: t.duration, delay: t.start, easing: t.easing || 'cubic-bezier(0.22, 1, 0.36, 1)', fill: 'both' });
+                an.pause();
+                an.currentTime = 0;
+                anims.push(an);
+            }
+        }
+    }
+    let time = 0;
+    let playing = false;
+    let raf = 0;
+    let last = 0;
+    let resolve;
+    let finished = new Promise((r) => (resolve = r));
+    const set = (ms) => {
+        time = Math.min(a.duration, Math.max(0, ms));
+        for (const an of anims)
+            an.currentTime = time;
+    };
+    const fireDue = () => {
+        if (prefersReducedMotion())
+            return;
+        for (const e of effects)
+            if (!e.fired && time >= e.t.start) {
+                e.fired = true;
+                for (const el of e.els)
+                    playEffect(el, e.t.effect, e.t.options || {}).catch(() => undefined);
+            }
+    };
+    const done = () => {
+        resolve();
+        o.onFinish?.();
+        finished = new Promise((r) => (resolve = r));
+    };
+    const frame = (now) => {
+        raf = 0;
+        if (!playing)
+            return;
+        set(time + (now - last) * player.rate);
+        last = now;
+        fireDue();
+        if (time >= a.duration) {
+            if (loop) {
+                effects.forEach((e) => (e.fired = false));
+                set(0);
+            }
+            else {
+                playing = false;
+                done();
+                return;
+            }
+        }
+        raf = requestAnimationFrame(frame);
+    };
+    const player = {
+        get duration() {
+            return a.duration;
+        },
+        get currentTime() {
+            return time;
+        },
+        get playing() {
+            return playing;
+        },
+        rate: o.rate ?? 1,
+        get finished() {
+            return finished;
+        },
+        play() {
+            if (prefersReducedMotion()) {
+                set(a.duration);
+                effects.forEach((e) => (e.fired = true));
+                done();
+                return;
+            }
+            if (playing)
+                return;
+            if (time >= a.duration) {
+                effects.forEach((e) => (e.fired = false));
+                set(0);
+            }
+            playing = true;
+            last = performance.now();
+            fireDue();
+            raf = requestAnimationFrame(frame);
+        },
+        pause() {
+            playing = false;
+            cancelAnimationFrame(raf);
+            raf = 0;
+        },
+        seek(ms) {
+            set(ms);
+            effects.forEach((e) => (e.fired = e.t.start < time));
+        },
+        destroy() {
+            player.pause();
+            anims.forEach((an) => an.cancel());
+        },
+    };
+    if (o.autoplay)
+        player.play();
+    return player;
+}
+/**
+ * `<usa-player src="hero.json" | <script type="application/json"> child
+ * trigger="load | view | scroll | click | manual" loop rate controls>`.
+ * Emits `usa-player-ready` and `usa-player-finish`; sets `data-error` when the
+ * animation cannot be loaded.
+ */
+function definePlayer(tag = 'usa-player') {
+    return defineElement(tag, (Base) => class UsaPlayer extends Base {
+        constructor() {
+            super(...arguments);
+            this.player = null;
+            this.json = null;
+        }
+        static get observedAttributes() {
+            return ['src', 'trigger', 'loop', 'rate'];
+        }
+        load(animation) {
+            this.json = animation;
+            this.start();
+        }
+        play() {
+            this.player?.play();
+        }
+        pause() {
+            this.player?.pause();
+        }
+        seek(ms) {
+            this.player?.seek(ms);
+        }
+        start() {
+            this.player?.destroy();
+            this.player = null;
+            if (!this.json)
+                return;
+            try {
+                this.player = createPlayer(this, this.json, {
+                    loop: this.hasAttribute('loop') ? true : undefined,
+                    rate: this.num('rate', 1),
+                    onFinish: () => this.dispatchEvent(new CustomEvent('usa-player-finish', { bubbles: true })),
+                });
+                this.removeAttribute('data-error');
+            }
+            catch (err) {
+                this.setAttribute('data-error', String(err.message || err));
+                return;
+            }
+            const p = this.player;
+            this.dispatchEvent(new CustomEvent('usa-player-ready', { detail: { duration: p.duration }, bubbles: true }));
+            const trig = this.str('trigger', 'view');
+            if (trig === 'load')
+                p.play();
+            else if (trig === 'view')
+                this.inView((v) => v && p.play(), { threshold: 0.25 });
+            else if (trig === 'click')
+                this.listen(this, 'click', () => (p.playing ? p.pause() : p.play()));
+            else if (trig === 'scroll') {
+                let f = 0;
+                const upd = () => {
+                    f = 0;
+                    p.seek(storyProgress(this) * p.duration);
+                };
+                const kick = () => void (f || (f = requestAnimationFrame(upd)));
+                this.listen(window, 'scroll', kick, { passive: true });
+                this.listen(window, 'resize', kick);
+                this.onCleanup(() => cancelAnimationFrame(f));
+                upd();
+            }
+            if (this.flag('controls'))
+                this.mountControls(p);
+        }
+        mountControls(p) {
+            const b = document.createElement('button');
+            b.type = 'button';
+            b.setAttribute('data-player-toggle', '');
+            b.textContent = '▶︎ / ❚❚';
+            b.setAttribute('aria-label', 'Play / pause animation');
+            this.listen(b, 'click', (e) => {
+                e.stopPropagation();
+                if (p.playing)
+                    p.pause();
+                else
+                    p.play();
+                b.setAttribute('aria-pressed', String(p.playing));
+            });
+            this.append(b);
+            this.onCleanup(() => b.remove());
+        }
+        changed(name) {
+            if (name === 'src')
+                this.json = null;
+            super.changed(name);
+        }
+        mount() {
+            this.onCleanup(() => {
+                this.player?.destroy();
+                this.player = null;
+            });
+            const inline = this.querySelector('script[type="application/json"]');
+            const src = this.str('src');
+            if (inline && !this.json)
+                this.json = inline.textContent || '';
+            if (src && !this.json) {
+                fetch(src)
+                    .then((r) => (r.ok ? r.text() : Promise.reject(new Error(`HTTP ${r.status}`))))
+                    .then((t) => this.isConnected && this.load(t))
+                    .catch((err) => this.setAttribute('data-error', String(err.message || err)));
+                return;
+            }
+            this.start();
+        }
+    }, { id: 'usa-player', text: 'usa-player{display:block;position:relative}usa-player>script{display:none}usa-player [data-player-toggle]{position:absolute;right:8px;bottom:8px}' });
+}
+
 /**
  * use-scroll-animate/components/effects — the 5.x effect packs, all
  * registered through `registerEffect()` (5.0) and playable with
@@ -2218,6 +2518,7 @@ function defineEffectElements() {
     defineAudio();
     defineGestureFx();
     defineTheme();
+    definePlayer();
 }
 /** Register the built-ins and every pack (idempotent). */
 function registerAllEffects() {
@@ -2226,5 +2527,5 @@ function registerAllEffects() {
         registerEffects(defs);
 }
 
-export { AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, defineAudio, defineEffectElements, defineGestureFx, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
+export { ANIMATION_FORMAT, AUDIO_FX, CARD_FX, CLICK_FX, CURSOR_FX, EFFECT_PACKS, GENERATIVE_FX, GESTURES, MICRO_FX, PAGE_FX, PHYSICS_FX, STORY_TEMPLATES, THEMES, THEME_FX, THEME_NAMES, THEME_ROLES, angleDelta, applyTheme, bindBeat, bindGesture, bounceKeyframes, bumpCount, canvasBackground, createBeatDetector, createPlayer, defineAudio, defineEffectElements, defineGestureFx, definePlayer, defineStory, defineTheme, disableAudio, enableAudio, flingVelocity, formatCount, fxLayer, getAudio, hexRgb, noise2, normalizeAnimation, onBeat, playThemeEffect, registerAllEffects, registerAudioEffects, registerCardClickEffects, registerCursorEffects, registerGenerativeEffects, registerMicroEffects, registerPageEffects, registerPhysicsEffects, solveSpring, springKeyframes, storyProgress, swapLabel, themeCss, themePreset, themeVars, togglePressed };
 //# sourceMappingURL=effects.js.map