motionary 7.0.0 → 7.1.0

package/dist/components/fx-music.js

@@ -0,0 +1,174 @@
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { c as canvasBackground } from '../chunks/generative-2LhxG5BJ.js';
+import { g as getAudio } from '../chunks/audio-DcPvT2Kh.js';
+import '../chunks/base-2-yYc93C.js';
+import '../chunks/shared-CkKHWrtJ.js';
+
+/** A smooth, deterministic fake analyser frame at time `t` (s). */
+function syntheticSample(t, bins = 64) {
+    const freq = new Uint8Array(bins);
+    const wave = new Uint8Array(128);
+    const beat = Math.pow(Math.max(0, Math.sin(t * Math.PI * 2 * 1.9)), 8);
+    for (let i = 0; i < bins; i++) {
+        const k = i / bins;
+        const v = (0.75 - k * 0.55) * (0.55 + 0.25 * Math.sin(t * 3.1 + i * 0.45) + 0.2 * Math.sin(t * 5.3 - i * 0.9)) + (k < 0.12 ? beat * 0.45 : 0);
+        freq[i] = Math.max(0, Math.min(255, Math.round(v * 255)));
+    }
+    for (let i = 0; i < 128; i++)
+        wave[i] = Math.round(128 + 70 * (0.6 * Math.sin(i * 0.19 + t * 9) + 0.3 * Math.sin(i * 0.53 - t * 13) + 0.25 * beat * Math.sin(i * 0.05)));
+    const bass = Array.from(freq.slice(0, Math.max(1, Math.round(bins * 0.08)))).reduce((a, b) => a + b, 0) / (Math.max(1, Math.round(bins * 0.08)) * 255);
+    return { level: 0.35 + beat * 0.3, bass, freq, wave };
+}
+/** The live analyser frame, or the synthetic one. */
+const musicSample = (t) => getAudio()?.sample() ?? syntheticSample(t);
+const bg = (name, description, defaults, spec) => ({
+    name,
+    kind: 'background',
+    description,
+    reduced: 'run',
+    defaults: { speed: 1, quality: 1, colors: ['#22d3ee', '#7c5cff', '#f472b6'], ...defaults },
+    run: (el, o, ctx) => {
+        const stop = canvasBackground(el, ctx, spec, o);
+        ctx.onCleanup(stop);
+        return stop;
+    },
+});
+const grad = (ctx, x0, y0, x1, y1, colors) => {
+    const g = ctx.createLinearGradient(x0, y0, x1, y1);
+    colors.forEach((c, i) => g.addColorStop(i / Math.max(1, colors.length - 1), c));
+    return g;
+};
+/** A loop effect driven by the music sample each frame. */
+const loop = (name, description, defaults, apply) => ({
+    name,
+    kind: 'loop',
+    description,
+    defaults,
+    reduced: 'skip',
+    run: (el, o, ctx) => {
+        const prev = el.style.transform;
+        const st = {};
+        let raf = 0;
+        const t0 = performance.now();
+        const f = (now) => {
+            const t = (now - t0) / 1000;
+            apply(el, musicSample(t), t, o, st);
+            raf = requestAnimationFrame(f);
+        };
+        if (typeof requestAnimationFrame === 'function')
+            raf = requestAnimationFrame(f);
+        const stop = () => {
+            cancelAnimationFrame(raf);
+            el.style.transform = prev;
+        };
+        ctx.onCleanup(stop);
+        return stop;
+    },
+});
+const MUSIC_FX = [
+    bg('waveform-scope', 'An oscilloscope line of the waveform with a soft glow (Canvas 2D; live analyser or synthetic).', { width: 2.5 }, {
+        draw: ({ ctx, w, h, t, o }) => {
+            const s = musicSample(t);
+            ctx.clearRect(0, 0, w, h);
+            ctx.lineWidth = o.width;
+            ctx.strokeStyle = grad(ctx, 0, 0, w, 0, o.colors);
+            ctx.shadowColor = o.colors[0];
+            ctx.shadowBlur = 10;
+            ctx.beginPath();
+            const n = s.wave.length;
+            for (let i = 0; i < n; i++) {
+                const x = (i / (n - 1)) * w;
+                const y = h / 2 + ((s.wave[i] - 128) / 128) * h * 0.4;
+                if (i)
+                    ctx.lineTo(x, y);
+                else
+                    ctx.moveTo(x, y);
+            }
+            ctx.stroke();
+            ctx.shadowBlur = 0;
+        },
+    }),
+    bg('radial-spectrum', 'Spectrum bars around a circle that breathes with the bass (Canvas 2D).', { bars: 48 }, {
+        draw: ({ ctx, w, h, t, o }) => {
+            const s = musicSample(t);
+            ctx.clearRect(0, 0, w, h);
+            const cx = w / 2;
+            const cy = h / 2;
+            const r0 = Math.min(w, h) * (0.18 + s.bass * 0.06);
+            const n = o.bars;
+            ctx.lineCap = 'round';
+            ctx.lineWidth = Math.max(2, (Math.PI * 2 * r0) / n / 2);
+            for (let i = 0; i < n; i++) {
+                const v = s.freq[Math.floor((i / n) * s.freq.length * 0.8)] / 255;
+                const a = (i / n) * Math.PI * 2 - Math.PI / 2;
+                const len = Math.min(w, h) * 0.28 * v + 2;
+                ctx.strokeStyle = o.colors[i % o.colors.length];
+                ctx.beginPath();
+                ctx.moveTo(cx + Math.cos(a) * r0, cy + Math.sin(a) * r0);
+                ctx.lineTo(cx + Math.cos(a) * (r0 + len), cy + Math.sin(a) * (r0 + len));
+                ctx.stroke();
+            }
+        },
+    }),
+    bg('spectrum-mirror', 'Mirrored spectrum bars with a reflection on the floor (Canvas 2D).', { bars: 32, gap: 3 }, {
+        draw: ({ ctx, w, h, t, o }) => {
+            const s = musicSample(t);
+            ctx.clearRect(0, 0, w, h);
+            const n = o.bars;
+            const bw = Math.max(1, (w - o.gap * (n - 1)) / n);
+            const base = h * 0.68;
+            ctx.fillStyle = grad(ctx, 0, base - h * 0.6, 0, base, o.colors);
+            for (let i = 0; i < n; i++) {
+                const v = s.freq[Math.floor((Math.abs(i - n / 2) / (n / 2)) * s.freq.length * 0.7)] / 255;
+                const bh = Math.max(2, v * h * 0.6);
+                const x = i * (bw + o.gap);
+                ctx.globalAlpha = 1;
+                ctx.fillRect(x, base - bh, bw, bh);
+                ctx.globalAlpha = 0.22;
+                ctx.fillRect(x, base + 2, bw, bh * 0.45);
+            }
+            ctx.globalAlpha = 1;
+        },
+    }),
+    bg('sound-particles', 'Particles launched upward by the bass, coloured by pitch (Canvas 2D).', { max: 140 }, {
+        init: () => ({ p: [] }),
+        draw: ({ ctx, w, h, t, state, o }) => {
+            const s = musicSample(t);
+            const dt = state.last ? Math.min(0.05, t - state.last) : 0;
+            state.last = t;
+            ctx.clearRect(0, 0, w, h);
+            const spawn = Math.round(s.bass * 6);
+            for (let i = 0; i < spawn && state.p.length < o.max; i++)
+                state.p.push({ x: Math.random() * w, y: h + 4, vx: (Math.random() - 0.5) * 40, vy: -(80 + s.bass * 260 + Math.random() * 60), life: 1, c: o.colors[Math.floor(Math.random() * o.colors.length)] });
+            state.p = state.p.filter((p) => {
+                p.x += p.vx * dt;
+                p.y += p.vy * dt;
+                p.vy += 120 * dt;
+                p.life -= dt * 0.6;
+                ctx.globalAlpha = Math.max(0, p.life);
+                ctx.fillStyle = p.c;
+                ctx.beginPath();
+                ctx.arc(p.x, p.y, 2.5, 0, Math.PI * 2);
+                ctx.fill();
+                return p.life > 0 && p.y < h + 10;
+            });
+            ctx.globalAlpha = 1;
+        },
+    }),
+    loop('beat-bounce', 'The element pumps with the bass (`amount`).', { amount: 0.12 }, (el, s, _t, o) => {
+        el.style.transform = `scale(${(1 + s.bass * o.amount).toFixed(4)})`;
+    }),
+    loop('vinyl-spin', 'The element turns like a record at 33⅓ rpm; the level speeds it up (`rpm`).', { rpm: 33.3 }, (el, s, t, o, st) => {
+        const dt = st.last ? Math.min(0.05, t - st.last) : 0;
+        st.last = t;
+        st.a = ((st.a || 0) + (o.rpm / 60) * 360 * dt * (0.8 + s.level * 0.6)) % 360;
+        el.style.transform = `rotate(${st.a.toFixed(2)}deg)`;
+    }),
+];
+/** Register the 7.1 music visualization pack (idempotent). */
+function registerMusicPack() {
+    registerEffects(MUSIC_FX);
+}
+
+export { MUSIC_FX, musicSample, registerMusicPack, syntheticSample };
+//# sourceMappingURL=fx-music.js.map

package/dist/components/fx-music.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fx-music.js","sources":["../../src/components/fx2/music.ts"],"sourcesContent":["/**\n * 7.1 — Music visualization (`motionary/fx/music`, also\n * `motionary/components/fx-music`), registered through `registerEffect()`.\n * Every effect reads the running analyser (`enableAudio()` / `<usa-audio>`);\n * without one it plays a gentle synthetic signal (`syntheticSample()`), so\n * the visuals work as decoration too.\n *\n * - `waveform-scope` (background) — an oscilloscope line of the waveform.\n * - `radial-spectrum` (background) — spectrum bars around a circle.\n * - `spectrum-mirror` (background) — mirrored bars with a reflection.\n * - `sound-particles` (background) — particles launched by the bass.\n * - `beat-bounce` (loop) — the element pumps with the bass.\n * - `vinyl-spin` (loop) — the element turns like a record; level speeds it.\n *\n * Reduced motion: backgrounds draw one static frame, loops do nothing.\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { canvasBackground, type GenerativeSpec } from '../effects/generative';\nimport { getAudio, type AudioSample } from '../effects/audio';\n\n/** A smooth, deterministic fake analyser frame at time `t` (s). */\nexport function syntheticSample(t: number, bins = 64): AudioSample {\n  const freq = new Uint8Array(bins);\n  const wave = new Uint8Array(128);\n  const beat = Math.pow(Math.max(0, Math.sin(t * Math.PI * 2 * 1.9)), 8);\n  for (let i = 0; i < bins; i++) {\n    const k = i / bins;\n    const v = (0.75 - k * 0.55) * (0.55 + 0.25 * Math.sin(t * 3.1 + i * 0.45) + 0.2 * Math.sin(t * 5.3 - i * 0.9)) + (k < 0.12 ? beat * 0.45 : 0);\n    freq[i] = Math.max(0, Math.min(255, Math.round(v * 255)));\n  }\n  for (let i = 0; i < 128; i++) wave[i] = Math.round(128 + 70 * (0.6 * Math.sin(i * 0.19 + t * 9) + 0.3 * Math.sin(i * 0.53 - t * 13) + 0.25 * beat * Math.sin(i * 0.05)));\n  const bass = Array.from(freq.slice(0, Math.max(1, Math.round(bins * 0.08)))).reduce((a, b) => a + b, 0) / (Math.max(1, Math.round(bins * 0.08)) * 255);\n  return { level: 0.35 + beat * 0.3, bass, freq, wave };\n}\n\n/** The live analyser frame, or the synthetic one. */\nexport const musicSample = (t: number): AudioSample => getAudio()?.sample() ?? syntheticSample(t);\n\nconst bg = (name: string, description: string, defaults: Record<string, unknown>, spec: GenerativeSpec): EffectDefinition => ({\n  name,\n  kind: 'background',\n  description,\n  reduced: 'run',\n  defaults: { speed: 1, quality: 1, colors: ['#22d3ee', '#7c5cff', '#f472b6'], ...defaults },\n  run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n    const stop = canvasBackground(el, ctx, spec, o);\n    ctx.onCleanup(stop);\n    return stop;\n  },\n});\n\nconst grad = (ctx: CanvasRenderingContext2D, x0: number, y0: number, x1: number, y1: number, colors: string[]) => {\n  const g = ctx.createLinearGradient(x0, y0, x1, y1);\n  colors.forEach((c, i) => g.addColorStop(i / Math.max(1, colors.length - 1), c));\n  return g;\n};\n\n/** A loop effect driven by the music sample each frame. */\nconst loop = (name: string, description: string, defaults: Record<string, unknown>, apply: (el: HTMLElement, s: AudioSample, t: number, o: any, st: any) => void): EffectDefinition => ({\n  name,\n  kind: 'loop',\n  description,\n  defaults,\n  reduced: 'skip',\n  run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n    const prev = el.style.transform;\n    const st: any = {};\n    let raf = 0;\n    const t0 = performance.now();\n    const f = (now: number) => {\n      const t = (now - t0) / 1000;\n      apply(el, musicSample(t), t, o, st);\n      raf = requestAnimationFrame(f);\n    };\n    if (typeof requestAnimationFrame === 'function') raf = requestAnimationFrame(f);\n    const stop = () => {\n      cancelAnimationFrame(raf);\n      el.style.transform = prev;\n    };\n    ctx.onCleanup(stop);\n    return stop;\n  },\n});\n\nexport const MUSIC_FX: EffectDefinition[] = [\n  bg('waveform-scope', 'An oscilloscope line of the waveform with a soft glow (Canvas 2D; live analyser or synthetic).', { width: 2.5 }, {\n    draw: ({ ctx, w, h, t, o }) => {\n      const s = musicSample(t);\n      ctx.clearRect(0, 0, w, h);\n      ctx.lineWidth = o.width;\n      ctx.strokeStyle = grad(ctx, 0, 0, w, 0, o.colors);\n      ctx.shadowColor = o.colors[0];\n      ctx.shadowBlur = 10;\n      ctx.beginPath();\n      const n = s.wave.length;\n      for (let i = 0; i < n; i++) {\n        const x = (i / (n - 1)) * w;\n        const y = h / 2 + ((s.wave[i] - 128) / 128) * h * 0.4;\n        if (i) ctx.lineTo(x, y);\n        else ctx.moveTo(x, y);\n      }\n      ctx.stroke();\n      ctx.shadowBlur = 0;\n    },\n  }),\n  bg('radial-spectrum', 'Spectrum bars around a circle that breathes with the bass (Canvas 2D).', { bars: 48 }, {\n    draw: ({ ctx, w, h, t, o }) => {\n      const s = musicSample(t);\n      ctx.clearRect(0, 0, w, h);\n      const cx = w / 2;\n      const cy = h / 2;\n      const r0 = Math.min(w, h) * (0.18 + s.bass * 0.06);\n      const n = o.bars;\n      ctx.lineCap = 'round';\n      ctx.lineWidth = Math.max(2, (Math.PI * 2 * r0) / n / 2);\n      for (let i = 0; i < n; i++) {\n        const v = s.freq[Math.floor((i / n) * s.freq.length * 0.8)] / 255;\n        const a = (i / n) * Math.PI * 2 - Math.PI / 2;\n        const len = Math.min(w, h) * 0.28 * v + 2;\n        ctx.strokeStyle = o.colors[i % o.colors.length];\n        ctx.beginPath();\n        ctx.moveTo(cx + Math.cos(a) * r0, cy + Math.sin(a) * r0);\n        ctx.lineTo(cx + Math.cos(a) * (r0 + len), cy + Math.sin(a) * (r0 + len));\n        ctx.stroke();\n      }\n    },\n  }),\n  bg('spectrum-mirror', 'Mirrored spectrum bars with a reflection on the floor (Canvas 2D).', { bars: 32, gap: 3 }, {\n    draw: ({ ctx, w, h, t, o }) => {\n      const s = musicSample(t);\n      ctx.clearRect(0, 0, w, h);\n      const n = o.bars;\n      const bw = Math.max(1, (w - o.gap * (n - 1)) / n);\n      const base = h * 0.68;\n      ctx.fillStyle = grad(ctx, 0, base - h * 0.6, 0, base, o.colors);\n      for (let i = 0; i < n; i++) {\n        const v = s.freq[Math.floor((Math.abs(i - n / 2) / (n / 2)) * s.freq.length * 0.7)] / 255;\n        const bh = Math.max(2, v * h * 0.6);\n        const x = i * (bw + o.gap);\n        ctx.globalAlpha = 1;\n        ctx.fillRect(x, base - bh, bw, bh);\n        ctx.globalAlpha = 0.22;\n        ctx.fillRect(x, base + 2, bw, bh * 0.45);\n      }\n      ctx.globalAlpha = 1;\n    },\n  }),\n  bg('sound-particles', 'Particles launched upward by the bass, coloured by pitch (Canvas 2D).', { max: 140 }, {\n    init: () => ({ p: [] as { x: number; y: number; vx: number; vy: number; life: number; c: string }[] }),\n    draw: ({ ctx, w, h, t, state, o }) => {\n      const s = musicSample(t);\n      const dt = state.last ? Math.min(0.05, t - state.last) : 0;\n      state.last = t;\n      ctx.clearRect(0, 0, w, h);\n      const spawn = Math.round(s.bass * 6);\n      for (let i = 0; i < spawn && state.p.length < o.max; i++) state.p.push({ x: Math.random() * w, y: h + 4, vx: (Math.random() - 0.5) * 40, vy: -(80 + s.bass * 260 + Math.random() * 60), life: 1, c: o.colors[Math.floor(Math.random() * o.colors.length)] });\n      state.p = state.p.filter((p: any) => {\n        p.x += p.vx * dt;\n        p.y += p.vy * dt;\n        p.vy += 120 * dt;\n        p.life -= dt * 0.6;\n        ctx.globalAlpha = Math.max(0, p.life);\n        ctx.fillStyle = p.c;\n        ctx.beginPath();\n        ctx.arc(p.x, p.y, 2.5, 0, Math.PI * 2);\n        ctx.fill();\n        return p.life > 0 && p.y < h + 10;\n      });\n      ctx.globalAlpha = 1;\n    },\n  }),\n  loop('beat-bounce', 'The element pumps with the bass (`amount`).', { amount: 0.12 }, (el, s, _t, o) => {\n    el.style.transform = `scale(${(1 + s.bass * o.amount).toFixed(4)})`;\n  }),\n  loop('vinyl-spin', 'The element turns like a record at 33⅓ rpm; the level speeds it up (`rpm`).', { rpm: 33.3 }, (el, s, t, o, st) => {\n    const dt = st.last ? Math.min(0.05, t - st.last) : 0;\n    st.last = t;\n    st.a = ((st.a || 0) + (o.rpm / 60) * 360 * dt * (0.8 + s.level * 0.6)) % 360;\n    el.style.transform = `rotate(${st.a.toFixed(2)}deg)`;\n  }),\n];\n\n/** Register the 7.1 music visualization pack (idempotent). */\nexport function registerMusicPack(): void {\n  registerEffects(MUSIC_FX);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/fx-physics.js

@@ -1,6 +1,6 @@
-import { registerEffects } from '../chunks/registry-D23neB4M.js';
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
 import { c as canvasBackground } from '../chunks/generative-2LhxG5BJ.js';
-import '../chunks/base-DchG4q_S.js';
+import '../chunks/base-2-yYc93C.js';
 import '../chunks/shared-CkKHWrtJ.js';
 
 /** A minimal Verlet world: points, distance sticks, gravity, damping. */

package/dist/components/fx-text.js

@@ -1,5 +1,5 @@
-import { registerEffects } from '../chunks/registry-D23neB4M.js';
-import { u as srText } from '../chunks/base-DchG4q_S.js';
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { v as srText } from '../chunks/base-2-yYc93C.js';
 import { a as all, r as rand, f as fxLayer, s as spawn } from '../chunks/shared-CkKHWrtJ.js';
 
 /** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */

package/dist/components/fx-transitions.js

@@ -1,5 +1,5 @@
-import { getEffect, registerEffects } from '../chunks/registry-D23neB4M.js';
-import { p as prefersReducedMotion } from '../chunks/base-DchG4q_S.js';
+import { getEffect, registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { p as prefersReducedMotion } from '../chunks/base-2-yYc93C.js';
 import { b as origin, a as all } from '../chunks/shared-CkKHWrtJ.js';
 
 const fade = (el, ctx, out) => ctx.animate(el, out ? [{ opacity: 1 }, { opacity: 0 }] : [{ opacity: 0 }, { opacity: 1 }], { duration: 200, fill: out ? 'forwards' : 'none' });
@@ -222,7 +222,7 @@ async function pageTransition(update, effect = 'ripple-dissolve', options = {},
     await update();
     const el = target || document.body.firstElementChild;
     if (el && def) {
-        const { playEffect } = await import('../chunks/registry-D23neB4M.js');
+        const { playEffect } = await import('../chunks/registry-CyKExAmE.js');
         await playEffect(el, effect, { ...options, mode: 'in' });
     }
 }

package/dist/components/fx-weather.js

@@ -1,7 +1,7 @@
-import { registerEffects } from '../chunks/registry-D23neB4M.js';
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
 import { c as canvasBackground } from '../chunks/generative-2LhxG5BJ.js';
 import { r as rand } from '../chunks/shared-CkKHWrtJ.js';
-import '../chunks/base-DchG4q_S.js';
+import '../chunks/base-2-yYc93C.js';
 
 const bg = (name, description, defaults, spec) => ({
     name,

package/dist/components/fx.js

@@ -1,8 +1,8 @@
-import { y as defineElement } from '../chunks/base-DchG4q_S.js';
-import { playEffect, bindEffect, EFFECT_TRIGGERS, registerEffects } from '../chunks/registry-D23neB4M.js';
-export { EFFECT_KINDS, getEffect, hasEffect, listEffects, registerEffect } from '../chunks/registry-D23neB4M.js';
-import { T as TIMELINE_PRESETS } from '../chunks/core-DVyTlo9Q.js';
-import { b as burst, c as confetti, s as shake } from '../chunks/fx-DUMVKSvg.js';
+import { u as defineElement } from '../chunks/base-2-yYc93C.js';
+import { playEffect, bindEffect, EFFECT_TRIGGERS, registerEffects } from '../chunks/registry-CyKExAmE.js';
+export { EFFECT_KINDS, getEffect, hasEffect, listEffects, registerEffect } from '../chunks/registry-CyKExAmE.js';
+import { T as TIMELINE_PRESETS } from '../chunks/core-D5rU0CV6.js';
+import { b as burst, c as confetti, s as shake } from '../chunks/fx-CMxWNwH8.js';
 import './tokens.js';
 
 function defineFx(tag = 'usa-fx') {

package/dist/components/fx2.cjs

@@ -10,10 +10,12 @@ var components_fxTransitions = require('./fx-transitions.cjs');
 var components_fxWeather = require('./fx-weather.cjs');
 var components_fxPhysics = require('./fx-physics.cjs');
 var components_fxFocus = require('./fx-focus.cjs');
+var components_fxMusic = require('./fx-music.cjs');
 require('../chunks/registry-DehBVRDV.cjs');
 require('../chunks/base-BaQV-2ha.cjs');
 require('../chunks/generative-BHIj-NU0.cjs');
 require('../chunks/shared-jkgRH-Hx.cjs');
+require('../chunks/audio-EXUoijsG.cjs');
 
 /** The 6.x effect packs by name. */
 const EFFECT_PACKS = {
@@ -26,6 +28,7 @@ const EFFECT_PACKS = {
     weather: components_fxWeather.WEATHER_FX,
     physics: components_fxPhysics.PHYSICS2_FX,
     focus: components_fxFocus.FOCUS_FX,
+    music: components_fxMusic.MUSIC_FX,
 };
 /** Register every 6.x effect pack (idempotent). */
 function registerEffectPacks() {
@@ -38,6 +41,7 @@ function registerEffectPacks() {
     components_fxWeather.registerWeatherPack();
     components_fxPhysics.registerPhysicsPack();
     components_fxFocus.registerFocusPack();
+    components_fxMusic.registerMusicPack();
 }
 
 exports.EFFECT_PACK_FORMAT = components_marketplace.EFFECT_PACK_FORMAT;
@@ -79,6 +83,10 @@ exports.VerletWorld = components_fxPhysics.VerletWorld;
 exports.registerPhysicsPack = components_fxPhysics.registerPhysicsPack;
 exports.FOCUS_FX = components_fxFocus.FOCUS_FX;
 exports.registerFocusPack = components_fxFocus.registerFocusPack;
+exports.MUSIC_FX = components_fxMusic.MUSIC_FX;
+exports.musicSample = components_fxMusic.musicSample;
+exports.registerMusicPack = components_fxMusic.registerMusicPack;
+exports.syntheticSample = components_fxMusic.syntheticSample;
 exports.EFFECT_PACKS = EFFECT_PACKS;
 exports.registerEffectPacks = registerEffectPacks;
 //# sourceMappingURL=fx2.cjs.map

package/dist/components/fx2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fx2.cjs","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack } from './gpu';\nimport { TEXT3_FX, registerTextPack, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack } from './depth3';\nimport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\n\nexport { GPU_FX, registerGpuPack, TEXT3_FX, registerTextPack, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport { supportsWebGPU, glslToWgsl, wgslModule, webgpuBackground, WGSL_HEAD } from './webgpu';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, trackPointer };\n\nexport { DEPTH3_FX, register3dPack };\n\nexport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n  depth: DEPTH3_FX,\n  morph: MORPH2_FX,\n  transitions: TRANSITIONS2_FX,\n  weather: WEATHER_FX,\n  physics: PHYSICS2_FX,\n  focus: FOCUS_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n  registerGpuPack();\n  registerTextPack();\n  registerLightPack();\n  register3dPack();\n  registerMorphPack();\n  registerTransitionsPack();\n  registerWeatherPack();\n  registerPhysicsPack();\n  registerFocusPack();\n}\n\n\n"],"names":["GPU_FX","TEXT3_FX","LIGHT_FX","DEPTH3_FX","MORPH2_FX","TRANSITIONS2_FX","WEATHER_FX","PHYSICS2_FX","FOCUS_FX","registerGpuPack","registerTextPack","registerLightPack","register3dPack","registerMorphPack","registerTransitionsPack","registerWeatherPack","registerPhysicsPack","registerFocusPack"],"mappings":";;;;;;;;;;;;;;;;;AAqCA;AACO,MAAM,YAAY,GAAuC;AAC9D,IAAA,GAAG,EAAEA,uBAAM;AACX,IAAA,IAAI,EAAEC,0BAAQ;AACd,IAAA,KAAK,EAAEC,2BAAQ;AACf,IAAA,KAAK,EAAEC,yBAAS;AAChB,IAAA,KAAK,EAAEC,4BAAS;AAChB,IAAA,WAAW,EAAEC,wCAAe;AAC5B,IAAA,OAAO,EAAEC,+BAAU;AACnB,IAAA,OAAO,EAAEC,gCAAW;AACpB,IAAA,KAAK,EAAEC,2BAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAAC,gCAAe,EAAE;AACjB,IAAAC,kCAAgB,EAAE;AAClB,IAAAC,oCAAiB,EAAE;AACnB,IAAAC,8BAAc,EAAE;AAChB,IAAAC,oCAAiB,EAAE;AACnB,IAAAC,gDAAuB,EAAE;AACzB,IAAAC,wCAAmB,EAAE;AACrB,IAAAC,wCAAmB,EAAE;AACrB,IAAAC,oCAAiB,EAAE;AACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fx2.cjs","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack } from './gpu';\nimport { TEXT3_FX, registerTextPack, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack } from './depth3';\nimport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\nimport { MUSIC_FX, registerMusicPack, syntheticSample, musicSample } from './music';\n\nexport { GPU_FX, registerGpuPack, TEXT3_FX, registerTextPack, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport { supportsWebGPU, glslToWgsl, wgslModule, webgpuBackground, WGSL_HEAD } from './webgpu';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, trackPointer };\n\nexport { DEPTH3_FX, register3dPack };\n\nexport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\nexport { MUSIC_FX, registerMusicPack, syntheticSample, musicSample };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n  depth: DEPTH3_FX,\n  morph: MORPH2_FX,\n  transitions: TRANSITIONS2_FX,\n  weather: WEATHER_FX,\n  physics: PHYSICS2_FX,\n  focus: FOCUS_FX,\n  music: MUSIC_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n  registerGpuPack();\n  registerTextPack();\n  registerLightPack();\n  register3dPack();\n  registerMorphPack();\n  registerTransitionsPack();\n  registerWeatherPack();\n  registerPhysicsPack();\n  registerFocusPack();\n  registerMusicPack();\n}\n\n\n"],"names":["GPU_FX","TEXT3_FX","LIGHT_FX","DEPTH3_FX","MORPH2_FX","TRANSITIONS2_FX","WEATHER_FX","PHYSICS2_FX","FOCUS_FX","MUSIC_FX","registerGpuPack","registerTextPack","registerLightPack","register3dPack","registerMorphPack","registerTransitionsPack","registerWeatherPack","registerPhysicsPack","registerFocusPack","registerMusicPack"],"mappings":";;;;;;;;;;;;;;;;;;;AAwCA;AACO,MAAM,YAAY,GAAuC;AAC9D,IAAA,GAAG,EAAEA,uBAAM;AACX,IAAA,IAAI,EAAEC,0BAAQ;AACd,IAAA,KAAK,EAAEC,2BAAQ;AACf,IAAA,KAAK,EAAEC,yBAAS;AAChB,IAAA,KAAK,EAAEC,4BAAS;AAChB,IAAA,WAAW,EAAEC,wCAAe;AAC5B,IAAA,OAAO,EAAEC,+BAAU;AACnB,IAAA,OAAO,EAAEC,gCAAW;AACpB,IAAA,KAAK,EAAEC,2BAAQ;AACf,IAAA,KAAK,EAAEC,2BAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAAC,gCAAe,EAAE;AACjB,IAAAC,kCAAgB,EAAE;AAClB,IAAAC,oCAAiB,EAAE;AACnB,IAAAC,8BAAc,EAAE;AAChB,IAAAC,oCAAiB,EAAE;AACnB,IAAAC,gDAAuB,EAAE;AACzB,IAAAC,wCAAmB,EAAE;AACrB,IAAAC,wCAAmB,EAAE;AACrB,IAAAC,oCAAiB,EAAE;AACnB,IAAAC,oCAAiB,EAAE;AACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/fx2.d.cts

@@ -354,6 +354,64 @@ declare const FOCUS_FX: EffectDefinition[];
 /** Register the 6.9 focus & feedback pack (idempotent). */
 declare function registerFocusPack(): void;
 
+/**
+ * 5.6 — sound-reactive effects (Web Audio).
+ *
+ * - `enableAudio(input)` — start analysing the microphone (`'mic'`), an
+ *   `<audio>` / `<video>` element (or a selector for one) or a `MediaStream`.
+ *   Browsers only allow an `AudioContext` to start inside a user gesture, so
+ *   call it from a click handler (or use `<usa-audio>`, which renders the
+ *   toggle button for you).
+ * - Background effects (kind `background`, Canvas 2D through
+ *   `canvasBackground()`): `spectrum-bars`, `pulse-ring`, `wave-ring`. Before
+ *   audio is enabled they idle gently.
+ * - Beat detection: `createBeatDetector()` (pure: energy → beat?), `onBeat(cb)`
+ *   and `bindBeat(el, effect, options)`, which plays any registered effect on
+ *   every beat. `<usa-audio>` does the same for `[data-usa-beat="effect"]`
+ *   children and emits `usa-beat`.
+ * - While audio runs, `--usa-audio-level` and `--usa-audio-bass` (0–1) are set
+ *   on `<html>` for CSS-driven reactions.
+ *
+ * Reduced motion: the visual effects are skipped, beats play no effects and
+ * the CSS variables stay at 0 — audio itself keeps playing.
+ */
+
+interface AudioSample {
+    /** Overall loudness (RMS of the waveform), 0–1. */
+    level: number;
+    /** Low-frequency energy (first ~8 % of the spectrum), 0–1. */
+    bass: number;
+    /** Frequency bins, 0–255 each. */
+    freq: Uint8Array;
+    /** Time-domain waveform, 0–255 (128 = silence). */
+    wave: Uint8Array;
+}
+
+/**
+ * 7.1 — Music visualization (`motionary/fx/music`, also
+ * `motionary/components/fx-music`), registered through `registerEffect()`.
+ * Every effect reads the running analyser (`enableAudio()` / `<usa-audio>`);
+ * without one it plays a gentle synthetic signal (`syntheticSample()`), so
+ * the visuals work as decoration too.
+ *
+ * - `waveform-scope` (background) — an oscilloscope line of the waveform.
+ * - `radial-spectrum` (background) — spectrum bars around a circle.
+ * - `spectrum-mirror` (background) — mirrored bars with a reflection.
+ * - `sound-particles` (background) — particles launched by the bass.
+ * - `beat-bounce` (loop) — the element pumps with the bass.
+ * - `vinyl-spin` (loop) — the element turns like a record; level speeds it.
+ *
+ * Reduced motion: backgrounds draw one static frame, loops do nothing.
+ */
+
+/** A smooth, deterministic fake analyser frame at time `t` (s). */
+declare function syntheticSample(t: number, bins?: number): AudioSample;
+/** The live analyser frame, or the synthetic one. */
+declare const musicSample: (t: number) => AudioSample;
+declare const MUSIC_FX: EffectDefinition[];
+/** Register the 7.1 music visualization pack (idempotent). */
+declare function registerMusicPack(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -463,5 +521,5 @@ declare const EFFECT_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x effect pack (idempotent). */
 declare function registerEffectPacks(): void;
 
-export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, WGSL_HEAD, crossDocumentTransitions, fieldFallback, glslToWgsl, loadEffectPack, packManifest, pageTransition, pointsToPath, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, supportsWebGPU, trackPointer, validateManifest, webgpuBackground, wgslModule };
+export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, MUSIC_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, WGSL_HEAD, crossDocumentTransitions, fieldFallback, glslToWgsl, loadEffectPack, musicSample, packManifest, pageTransition, pointsToPath, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerMusicPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, supportsWebGPU, syntheticSample, trackPointer, validateManifest, webgpuBackground, wgslModule };
 export type { EffectPackManifest, ShaderSpec };

package/dist/components/fx2.d.ts

@@ -354,6 +354,64 @@ declare const FOCUS_FX: EffectDefinition[];
 /** Register the 6.9 focus & feedback pack (idempotent). */
 declare function registerFocusPack(): void;
 
+/**
+ * 5.6 — sound-reactive effects (Web Audio).
+ *
+ * - `enableAudio(input)` — start analysing the microphone (`'mic'`), an
+ *   `<audio>` / `<video>` element (or a selector for one) or a `MediaStream`.
+ *   Browsers only allow an `AudioContext` to start inside a user gesture, so
+ *   call it from a click handler (or use `<usa-audio>`, which renders the
+ *   toggle button for you).
+ * - Background effects (kind `background`, Canvas 2D through
+ *   `canvasBackground()`): `spectrum-bars`, `pulse-ring`, `wave-ring`. Before
+ *   audio is enabled they idle gently.
+ * - Beat detection: `createBeatDetector()` (pure: energy → beat?), `onBeat(cb)`
+ *   and `bindBeat(el, effect, options)`, which plays any registered effect on
+ *   every beat. `<usa-audio>` does the same for `[data-usa-beat="effect"]`
+ *   children and emits `usa-beat`.
+ * - While audio runs, `--usa-audio-level` and `--usa-audio-bass` (0–1) are set
+ *   on `<html>` for CSS-driven reactions.
+ *
+ * Reduced motion: the visual effects are skipped, beats play no effects and
+ * the CSS variables stay at 0 — audio itself keeps playing.
+ */
+
+interface AudioSample {
+    /** Overall loudness (RMS of the waveform), 0–1. */
+    level: number;
+    /** Low-frequency energy (first ~8 % of the spectrum), 0–1. */
+    bass: number;
+    /** Frequency bins, 0–255 each. */
+    freq: Uint8Array;
+    /** Time-domain waveform, 0–255 (128 = silence). */
+    wave: Uint8Array;
+}
+
+/**
+ * 7.1 — Music visualization (`motionary/fx/music`, also
+ * `motionary/components/fx-music`), registered through `registerEffect()`.
+ * Every effect reads the running analyser (`enableAudio()` / `<usa-audio>`);
+ * without one it plays a gentle synthetic signal (`syntheticSample()`), so
+ * the visuals work as decoration too.
+ *
+ * - `waveform-scope` (background) — an oscilloscope line of the waveform.
+ * - `radial-spectrum` (background) — spectrum bars around a circle.
+ * - `spectrum-mirror` (background) — mirrored bars with a reflection.
+ * - `sound-particles` (background) — particles launched by the bass.
+ * - `beat-bounce` (loop) — the element pumps with the bass.
+ * - `vinyl-spin` (loop) — the element turns like a record; level speeds it.
+ *
+ * Reduced motion: backgrounds draw one static frame, loops do nothing.
+ */
+
+/** A smooth, deterministic fake analyser frame at time `t` (s). */
+declare function syntheticSample(t: number, bins?: number): AudioSample;
+/** The live analyser frame, or the synthetic one. */
+declare const musicSample: (t: number) => AudioSample;
+declare const MUSIC_FX: EffectDefinition[];
+/** Register the 7.1 music visualization pack (idempotent). */
+declare function registerMusicPack(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -463,5 +521,5 @@ declare const EFFECT_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x effect pack (idempotent). */
 declare function registerEffectPacks(): void;
 
-export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, WGSL_HEAD, crossDocumentTransitions, fieldFallback, glslToWgsl, loadEffectPack, packManifest, pageTransition, pointsToPath, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, supportsWebGPU, trackPointer, validateManifest, webgpuBackground, wgslModule };
+export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, MUSIC_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, WGSL_HEAD, crossDocumentTransitions, fieldFallback, glslToWgsl, loadEffectPack, musicSample, packManifest, pageTransition, pointsToPath, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerMusicPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, supportsWebGPU, syntheticSample, trackPointer, validateManifest, webgpuBackground, wgslModule };
 export type { EffectPackManifest, ShaderSpec };

package/dist/components/fx2.js

@@ -1,6 +1,6 @@
 export { EFFECT_PACK_FORMAT, loadEffectPack, packManifest, validateManifest } from './marketplace.js';
-import { G as GPU_FX, r as registerGpuPack } from '../chunks/gpu-Bkw605Ds.js';
-export { a as GLSL_HEAD, W as WGSL_HEAD, f as fieldFallback, g as glslToWgsl, s as shaderBackground, b as supportsWebGL2, c as supportsWebGPU, w as webgpuBackground, d as wgslModule } from '../chunks/gpu-Bkw605Ds.js';
+import { G as GPU_FX, r as registerGpuPack } from '../chunks/gpu-DLPghVWr.js';
+export { a as GLSL_HEAD, W as WGSL_HEAD, f as fieldFallback, g as glslToWgsl, s as shaderBackground, b as supportsWebGL2, c as supportsWebGPU, w as webgpuBackground, d as wgslModule } from '../chunks/gpu-DLPghVWr.js';
 import { TEXT3_FX, registerTextPack } from './fx-text.js';
 export { splitChars } from './fx-text.js';
 import { LIGHT_FX, registerLightPack } from './fx-light.js';
@@ -15,10 +15,13 @@ export { skyAt } from './fx-weather.js';
 import { PHYSICS2_FX, registerPhysicsPack } from './fx-physics.js';
 export { VerletWorld } from './fx-physics.js';
 import { FOCUS_FX, registerFocusPack } from './fx-focus.js';
-import '../chunks/registry-D23neB4M.js';
-import '../chunks/base-DchG4q_S.js';
+import { MUSIC_FX, registerMusicPack } from './fx-music.js';
+export { musicSample, syntheticSample } from './fx-music.js';
+import '../chunks/registry-CyKExAmE.js';
+import '../chunks/base-2-yYc93C.js';
 import '../chunks/generative-2LhxG5BJ.js';
 import '../chunks/shared-CkKHWrtJ.js';
+import '../chunks/audio-DcPvT2Kh.js';
 
 /** The 6.x effect packs by name. */
 const EFFECT_PACKS = {
@@ -31,6 +34,7 @@ const EFFECT_PACKS = {
     weather: WEATHER_FX,
     physics: PHYSICS2_FX,
     focus: FOCUS_FX,
+    music: MUSIC_FX,
 };
 /** Register every 6.x effect pack (idempotent). */
 function registerEffectPacks() {
@@ -43,7 +47,8 @@ function registerEffectPacks() {
     registerWeatherPack();
     registerPhysicsPack();
     registerFocusPack();
+    registerMusicPack();
 }
 
-export { DEPTH3_FX, EFFECT_PACKS, FOCUS_FX, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, WEATHER_FX, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack };
+export { DEPTH3_FX, EFFECT_PACKS, FOCUS_FX, GPU_FX, LIGHT_FX, MORPH2_FX, MUSIC_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, WEATHER_FX, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerMusicPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack };
 //# sourceMappingURL=fx2.js.map

package/dist/components/fx2.js.map

@@ -1 +1 @@
-{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack } from './gpu';\nimport { TEXT3_FX, registerTextPack, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack } from './depth3';\nimport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\n\nexport { GPU_FX, registerGpuPack, TEXT3_FX, registerTextPack, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport { supportsWebGPU, glslToWgsl, wgslModule, webgpuBackground, WGSL_HEAD } from './webgpu';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, trackPointer };\n\nexport { DEPTH3_FX, register3dPack };\n\nexport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n  depth: DEPTH3_FX,\n  morph: MORPH2_FX,\n  transitions: TRANSITIONS2_FX,\n  weather: WEATHER_FX,\n  physics: PHYSICS2_FX,\n  focus: FOCUS_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n  registerGpuPack();\n  registerTextPack();\n  registerLightPack();\n  register3dPack();\n  registerMorphPack();\n  registerTransitionsPack();\n  registerWeatherPack();\n  registerPhysicsPack();\n  registerFocusPack();\n}\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCA;AACO,MAAM,YAAY,GAAuC;AAC9D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAA,eAAe,EAAE;AACjB,IAAA,gBAAgB,EAAE;AAClB,IAAA,iBAAiB,EAAE;AACnB,IAAA,cAAc,EAAE;AAChB,IAAA,iBAAiB,EAAE;AACnB,IAAA,uBAAuB,EAAE;AACzB,IAAA,mBAAmB,EAAE;AACrB,IAAA,mBAAmB,EAAE;AACrB,IAAA,iBAAiB,EAAE;AACrB;;;;"}
+{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack } from './gpu';\nimport { TEXT3_FX, registerTextPack, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack } from './depth3';\nimport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\nimport { MUSIC_FX, registerMusicPack, syntheticSample, musicSample } from './music';\n\nexport { GPU_FX, registerGpuPack, TEXT3_FX, registerTextPack, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport { supportsWebGPU, glslToWgsl, wgslModule, webgpuBackground, WGSL_HEAD } from './webgpu';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, trackPointer };\n\nexport { DEPTH3_FX, register3dPack };\n\nexport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\nexport { MUSIC_FX, registerMusicPack, syntheticSample, musicSample };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n  depth: DEPTH3_FX,\n  morph: MORPH2_FX,\n  transitions: TRANSITIONS2_FX,\n  weather: WEATHER_FX,\n  physics: PHYSICS2_FX,\n  focus: FOCUS_FX,\n  music: MUSIC_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n  registerGpuPack();\n  registerTextPack();\n  registerLightPack();\n  register3dPack();\n  registerMorphPack();\n  registerTransitionsPack();\n  registerWeatherPack();\n  registerPhysicsPack();\n  registerFocusPack();\n  registerMusicPack();\n}\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACO,MAAM,YAAY,GAAuC;AAC9D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAA,eAAe,EAAE;AACjB,IAAA,gBAAgB,EAAE;AAClB,IAAA,iBAAiB,EAAE;AACnB,IAAA,cAAc,EAAE;AAChB,IAAA,iBAAiB,EAAE;AACnB,IAAA,uBAAuB,EAAE;AACzB,IAAA,mBAAmB,EAAE;AACrB,IAAA,mBAAmB,EAAE;AACrB,IAAA,iBAAiB,EAAE;AACnB,IAAA,iBAAiB,EAAE;AACrB;;;;"}

package/dist/components/gesture.js

@@ -1,7 +1,7 @@
-import { y as defineElement, k as clamp } from '../chunks/base-DchG4q_S.js';
-import { c as createSpring } from '../chunks/spring-BhoT09Qb.js';
-import { g as gesture } from '../chunks/core-D2vF8kZb.js';
-export { p as pinchScale, s as swipeDirection } from '../chunks/core-D2vF8kZb.js';
+import { u as defineElement, k as clamp } from '../chunks/base-2-yYc93C.js';
+import { c as createSpring } from '../chunks/spring-BK8DiezC.js';
+import { g as gesture } from '../chunks/core-DuO-AVXL.js';
+export { p as pinchScale, s as swipeDirection } from '../chunks/core-DuO-AVXL.js';
 
 var css = "usa-swipeable{display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}usa-swipeable[axis=\"y\"]{touch-action:pan-x}usa-swipeable>*{transform:translate3d(var(--usa-swipe,0px),0,0);opacity:calc(1 - var(--usa-swipe-p,0) * 0.5)}usa-swipeable[axis=\"y\"]>*{transform:translate3d(0,var(--usa-swipe,0px),0)}usa-swipeable:focus-visible{outline:2px solid currentColor;outline-offset:2px}usa-pinch-zoom{display:block;overflow:hidden;touch-action:none;position:relative}usa-pinch-zoom>*{transform:translate3d(var(--usa-zoom-x,0px),var(--usa-zoom-y,0px),0) scale(var(--usa-zoom,1));transform-origin:50% 50%}usa-pinch-zoom[data-zoomed]{cursor:grab}usa-pinch-zoom:focus-visible{outline:2px solid currentColor;outline-offset:2px}";
 

package/dist/components/interaction.js

@@ -1,4 +1,4 @@
-import { y as defineElement, z as EASE_OUT, r as raf, l as caf, k as clamp, E as EASE_SPRING } from '../chunks/base-DchG4q_S.js';
+import { u as defineElement, z as EASE_OUT, r as raf, l as caf, k as clamp, E as EASE_SPRING } from '../chunks/base-2-yYc93C.js';
 
 var css$4 = "usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}";
 

package/dist/components/layout.js

@@ -1,4 +1,4 @@
-import { p as prefersReducedMotion, z as EASE_OUT, m as motionScale, y as defineElement } from '../chunks/base-DchG4q_S.js';
+import { p as prefersReducedMotion, z as EASE_OUT, m as motionScale, u as defineElement } from '../chunks/base-2-yYc93C.js';
 
 /** FLIP keyframes from a previous box to the current one (pure). */
 function flipFrames(from, to, scale = true) {

package/dist/components/marketplace.js

@@ -1,5 +1,5 @@
-import { hasEffect, registerEffect, EFFECT_KINDS } from '../chunks/registry-D23neB4M.js';
-import '../chunks/base-DchG4q_S.js';
+import { hasEffect, registerEffect, EFFECT_KINDS } from '../chunks/registry-CyKExAmE.js';
+import '../chunks/base-2-yYc93C.js';
 
 const EFFECT_PACK_FORMAT = 'motionary/effect-pack';
 const SEMVER = /^\d+\.\d+\.\d+(?:-[\w.]+)?$/;

package/dist/components/packs.js

@@ -1,4 +1,4 @@
-import { p as prefersReducedMotion, q as now, m as motionScale, r as raf, z as EASE_OUT, k as clamp, E as EASE_SPRING, y as defineElement } from '../chunks/base-DchG4q_S.js';
+import { p as prefersReducedMotion, q as now, m as motionScale, r as raf, z as EASE_OUT, k as clamp, E as EASE_SPRING, u as defineElement } from '../chunks/base-2-yYc93C.js';
 
 const anim = (el, frames, o) => {
     if (typeof el.animate !== 'function')

package/dist/components/page.js

@@ -1,6 +1,6 @@
-import { y as defineElement, l as caf, r as raf, p as prefersReducedMotion, q as now, i as getMotionSensitivity, h as getMotionIntensity, g as configureComponents, v as adoptStyles } from '../chunks/base-DchG4q_S.js';
-export { M as MOTION_SCALE } from '../chunks/base-DchG4q_S.js';
-import { e as springSamples } from '../chunks/spring-BhoT09Qb.js';
+import { u as defineElement, l as caf, r as raf, p as prefersReducedMotion, q as now, i as getMotionSensitivity, h as getMotionIntensity, g as configureComponents, x as adoptStyles } from '../chunks/base-2-yYc93C.js';
+export { M as MOTION_SCALE } from '../chunks/base-2-yYc93C.js';
+import { e as springSamples } from '../chunks/spring-BK8DiezC.js';
 
 var css$8 = "usa-cursor{--usa-cursor-color:var(--usa-accent,#7c5cff);--usa-cursor-size:28px;position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;transition:opacity 0.2s ease;contain:strict}usa-cursor[data-active]{opacity:1}usa-cursor .usa-cursor-ring{position:absolute;left:0;top:0;width:var(--usa-cursor-size);height:var(--usa-cursor-size);margin:calc(var(--usa-cursor-size) / -2) 0 0 calc(var(--usa-cursor-size) / -2);border:1.5px solid var(--usa-cursor-color);border-radius:999px;box-sizing:border-box;transition:width 0.25s cubic-bezier(0.34,1.56,0.64,1),height 0.25s cubic-bezier(0.34,1.56,0.64,1),margin 0.25s ease,border-radius 0.25s ease,background-color 0.2s ease;will-change:transform}usa-cursor[data-hover] .usa-cursor-ring:first-child{width:calc(var(--usa-cursor-size) * 1.6);height:calc(var(--usa-cursor-size) * 1.6);margin:calc(var(--usa-cursor-size) * -0.8) 0 0 calc(var(--usa-cursor-size) * -0.8);background:color-mix(in srgb,var(--usa-cursor-color) 15%,transparent)}usa-cursor[data-snapped] .usa-cursor-ring{border-radius:12px;background:color-mix(in srgb,var(--usa-cursor-color) 12%,transparent);translate:-50% -50%;margin:0}usa-cursor[data-down] .usa-cursor-ring:first-child{scale:0.8}usa-cursor .usa-cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--usa-cursor-color)}usa-cursor[data-snapped] .usa-cursor-dot{opacity:0}usa-cursor .usa-cursor-glow{position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--usa-cursor-color) 35%,transparent),transparent 65%);mix-blend-mode:screen}.usa-cursor-none,.usa-cursor-none *{cursor:none !important}@media (pointer:coarse),(prefers-reduced-motion:reduce){usa-cursor{display:none}.usa-cursor-none,.usa-cursor-none *{cursor:auto !important}}";
 

package/dist/components/perf.js

@@ -1,5 +1,5 @@
-import { o as onFrame, t as setStyleLoader, f as animationBudget, h as getMotionIntensity, g as configureComponents, j as setAnimationBudget, b as activeAnimations } from '../chunks/base-DchG4q_S.js';
-export { s as schedulerStats } from '../chunks/base-DchG4q_S.js';
+import { o as onFrame, t as setStyleLoader, f as animationBudget, h as getMotionIntensity, g as configureComponents, j as setAnimationBudget, b as activeAnimations } from '../chunks/base-2-yYc93C.js';
+export { s as schedulerStats } from '../chunks/base-2-yYc93C.js';
 import { C as COMPONENT_CATEGORIES } from '../chunks/index-tags-C04JP8g4.js';
 
 /**