motionary 6.5.0 → 6.7.0

package/dist/components/fx-morph.js

@@ -0,0 +1,287 @@
+import { registerEffects } from '../chunks/registry-D23neB4M.js';
+import { a as all } from '../chunks/shared-CkKHWrtJ.js';
+import '../chunks/base-DchG4q_S.js';
+
+const NS = 'http://www.w3.org/2000/svg';
+const raf = (f) => (typeof requestAnimationFrame === 'function' ? requestAnimationFrame(f) : 0);
+const caf = (h) => {
+    if (h && typeof cancelAnimationFrame === 'function')
+        cancelAnimationFrame(h);
+};
+/** Sample `d` into `n` points (needs SVG geometry support; `null` without it). */
+function samplePath(d, n = 64) {
+    const p = document.createElementNS(NS, 'path');
+    p.setAttribute('d', d);
+    const svg = document.createElementNS(NS, 'svg');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden';
+    svg.appendChild(p);
+    document.body.appendChild(svg);
+    try {
+        if (typeof p.getTotalLength !== 'function')
+            return null;
+        const L = p.getTotalLength();
+        if (!L)
+            return null;
+        const out = [];
+        for (let i = 0; i < n; i++) {
+            const pt = p.getPointAtLength((i / n) * L);
+            out.push([pt.x, pt.y]);
+        }
+        return out;
+    }
+    catch {
+        return null;
+    }
+    finally {
+        svg.remove();
+    }
+}
+/** Points → closed path `d`. */
+const pointsToPath = (pts) => (pts.length ? `M${pts.map(([x, y]) => `${x.toFixed(2)} ${y.toFixed(2)}`).join('L')}Z` : '');
+/** Rotate `b` so its start point is the one closest to `a[0]` (less twisting). */
+function align(a, b) {
+    let best = 0;
+    let bd = Infinity;
+    for (let i = 0; i < b.length; i++) {
+        const d = (b[i][0] - a[0][0]) ** 2 + (b[i][1] - a[0][1]) ** 2;
+        if (d < bd) {
+            bd = d;
+            best = i;
+        }
+    }
+    return b.slice(best).concat(b.slice(0, best));
+}
+const ease = (t) => (t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2);
+const MORPH2_FX = [
+    {
+        name: 'path-morph',
+        kind: 'loop',
+        description: 'An SVG `<path>` flows between shapes (`paths`: `d` strings; `duration` per shape, `hold` ms). Shapes are resampled, so any two paths morph.',
+        defaults: { paths: [], duration: 1200, hold: 600, points: 72 },
+        run: (el, o) => {
+            const path = (el.localName === 'path' ? el : el.querySelector('path'));
+            if (!path)
+                return;
+            const ds = [path.getAttribute('d') || '', ...(o.paths || [])].filter(Boolean);
+            const shapes = ds.map((d) => samplePath(d, o.points)).filter(Boolean);
+            if (shapes.length < 2)
+                return;
+            for (let i = 1; i < shapes.length; i++)
+                shapes[i] = align(shapes[i - 1], shapes[i]);
+            const orig = path.getAttribute('d');
+            let i = 0;
+            let t0 = performance.now();
+            let h = 0;
+            const tick = (now) => {
+                const a = shapes[i % shapes.length];
+                const b = shapes[(i + 1) % shapes.length];
+                const k = Math.min(1, Math.max(0, (now - t0) / o.duration));
+                const e = ease(k);
+                path.setAttribute('d', pointsToPath(a.map(([x, y], j) => [x + (b[j][0] - x) * e, y + (b[j][1] - y) * e])));
+                if (now - t0 > o.duration + o.hold) {
+                    i++;
+                    t0 = now;
+                }
+                h = raf(tick);
+            };
+            h = raf(tick);
+            return () => {
+                caf(h);
+                if (orig !== null)
+                    path.setAttribute('d', orig);
+            };
+        },
+    },
+    {
+        name: 'blob-button',
+        kind: 'hover',
+        reduced: 'run',
+        description: 'A liquid blob behind the element wobbles and bulges toward the pointer (persistent; `color`, `wobble` 0–1, `bulge` px).',
+        defaults: { color: '#7c5cff', wobble: 0.5, bulge: 10, points: 10 },
+        run: (el, o, ctx) => {
+            if (getComputedStyle(el).position === 'static')
+                el.style.position = 'relative';
+            const prevZ = el.style.isolation;
+            el.style.isolation = 'isolate';
+            const svg = document.createElementNS(NS, 'svg');
+            svg.setAttribute('aria-hidden', 'true');
+            svg.setAttribute('width', '100%');
+            svg.setAttribute('height', '100%');
+            svg.style.cssText = 'position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);z-index:-1;pointer-events:none;overflow:visible';
+            const path = document.createElementNS(NS, 'path');
+            path.setAttribute('fill', o.color);
+            svg.appendChild(path);
+            el.prepend(svg);
+            const n = Math.max(6, o.points | 0);
+            let px = 0.5;
+            let py = 0.5;
+            let hover = 0;
+            let target = 0;
+            let h = 0;
+            const t0 = performance.now();
+            const draw = (now) => {
+                const w = el.offsetWidth + 28 || 128;
+                const hh = el.offsetHeight + 28 || 72;
+                const t = ctx.reduced ? 0 : (now - t0) / 1000;
+                hover += (target - hover) * 0.12;
+                const pts = [];
+                for (let i = 0; i < n; i++) {
+                    const a = (i / n) * Math.PI * 2;
+                    const cx = Math.cos(a);
+                    const cy = Math.sin(a);
+                    const toward = Math.max(0, cx * (px - 0.5) * 2 + cy * (py - 0.5) * 2);
+                    const r = 1 + (ctx.reduced ? 0 : o.wobble * 0.06 * Math.sin(t * 2.2 + i * 1.7)) + (toward * o.bulge * hover) / Math.min(w, hh);
+                    pts.push([w / 2 + cx * (w / 2 - 12) * r, hh / 2 + cy * (hh / 2 - 12) * r]);
+                }
+                // smooth closed curve through the points (Catmull-Rom → cubic Bézier)
+                let d = `M${pts[0][0].toFixed(1)} ${pts[0][1].toFixed(1)}`;
+                for (let i = 0; i < n; i++) {
+                    const p0 = pts[(i - 1 + n) % n];
+                    const p1 = pts[i];
+                    const p2 = pts[(i + 1) % n];
+                    const p3 = pts[(i + 2) % n];
+                    d += `C${(p1[0] + (p2[0] - p0[0]) / 6).toFixed(1)} ${(p1[1] + (p2[1] - p0[1]) / 6).toFixed(1)} ${(p2[0] - (p3[0] - p1[0]) / 6).toFixed(1)} ${(p2[1] - (p3[1] - p1[1]) / 6).toFixed(1)} ${p2[0].toFixed(1)} ${p2[1].toFixed(1)}`;
+                }
+                path.setAttribute('d', d + 'Z');
+                h = !ctx.reduced && (target || Math.abs(hover) > 0.01 || o.wobble) ? raf(draw) : 0;
+            };
+            const kick = () => {
+                if (!h)
+                    h = raf(draw);
+            };
+            const move = (e) => {
+                const r = el.getBoundingClientRect();
+                px = r.width ? (e.clientX - r.left) / r.width : 0.5;
+                py = r.height ? (e.clientY - r.top) / r.height : 0.5;
+                target = 1;
+                kick();
+            };
+            const leave = () => {
+                target = 0;
+                kick();
+            };
+            draw(t0);
+            el.addEventListener('pointermove', move);
+            el.addEventListener('pointerleave', leave);
+            return () => {
+                caf(h);
+                el.removeEventListener('pointermove', move);
+                el.removeEventListener('pointerleave', leave);
+                svg.remove();
+                el.style.isolation = prevZ;
+            };
+        },
+    },
+    {
+        name: 'stroke-draw',
+        kind: 'enter',
+        description: 'Every stroke of an inline SVG draws itself, staggered, then the fills fade in (`duration`, `stagger`).',
+        defaults: { duration: 1200, stagger: 120 },
+        run: (el, o, ctx) => {
+            const shapes = Array.from(el.querySelectorAll('path, line, polyline, polygon, circle, ellipse, rect'));
+            return all(shapes.map((s, i) => {
+                let L = 0;
+                try {
+                    L = typeof s.getTotalLength === 'function' ? s.getTotalLength() : 0;
+                }
+                catch {
+                    L = 0;
+                }
+                if (ctx.reduced || !L)
+                    return ctx.animate(s, [{ opacity: 0 }, { opacity: 1 }], { duration: 300, delay: i * 40, fill: 'backwards' });
+                const fill = getComputedStyle(s).fillOpacity || '1';
+                return ctx.animate(s, [
+                    { strokeDasharray: `${L}`, strokeDashoffset: `${L}`, fillOpacity: 0 },
+                    { strokeDasharray: `${L}`, strokeDashoffset: '0', fillOpacity: 0, offset: 0.75 },
+                    { strokeDasharray: `${L}`, strokeDashoffset: '0', fillOpacity: fill },
+                ], { duration: o.duration, delay: i * o.stagger, easing: 'ease-in-out', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'noise-reveal',
+        kind: 'enter',
+        description: 'The element condenses out of SVG turbulence — displacement and blur settle to zero (`duration`, `strength`). An SVG-filter transition.',
+        defaults: { duration: 1100, strength: 60 },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 300 });
+            const id = `usa-noise-${Math.random().toString(36).slice(2, 8)}`;
+            const svg = document.createElementNS(NS, 'svg');
+            svg.setAttribute('aria-hidden', 'true');
+            svg.setAttribute('width', '0');
+            svg.setAttribute('height', '0');
+            svg.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden';
+            svg.innerHTML = `<filter id="${id}" x="-20%" y="-20%" width="140%" height="140%"><feTurbulence type="fractalNoise" baseFrequency="0.035" numOctaves="2" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="${o.strength}" xChannelSelector="R" yChannelSelector="G"/><feGaussianBlur stdDeviation="0"/></filter>`;
+            document.body.appendChild(svg);
+            const disp = svg.querySelector('feDisplacementMap');
+            const blur = svg.querySelector('feGaussianBlur');
+            const prev = el.style.filter;
+            el.style.filter = `url(#${id})`;
+            const fade = ctx.animate(el, [{ opacity: 0 }, { opacity: 1, offset: 0.4 }, { opacity: 1 }], { duration: o.duration, easing: 'ease-out' });
+            const t0 = performance.now();
+            return new Promise((done) => {
+                const end = () => {
+                    el.style.filter = prev;
+                    svg.remove();
+                    done();
+                };
+                const tick = (now) => {
+                    const k = Math.min(1, (now - t0) / o.duration);
+                    const e = 1 - Math.pow(1 - k, 3);
+                    disp?.setAttribute('scale', ((1 - e) * o.strength).toFixed(2));
+                    blur?.setAttribute('stdDeviation', ((1 - e) * 4).toFixed(2));
+                    if (k < 1)
+                        raf(tick);
+                    else
+                        end();
+                };
+                if (!raf(tick))
+                    (fade ? fade.finished.then(end, end) : end());
+            });
+        },
+    },
+    {
+        name: 'icon-swap',
+        kind: 'click',
+        description: 'Cycles through the element\'s child icons with a gooey morph — blur, scale and rotate crossfade (`duration`). The visible icon is the only one not `aria-hidden`.',
+        defaults: { duration: 420 },
+        run: (el, o, ctx) => {
+            const icons = Array.from(el.children);
+            if (icons.length < 2)
+                return null;
+            if (!el.dataset.usaSwap) {
+                el.dataset.usaSwap = '0';
+                el.style.display = el.style.display || 'inline-grid';
+                icons.forEach((ic, i) => {
+                    ic.style.gridArea = '1 / 1';
+                    ic.style.opacity = i ? '0' : '1';
+                    ic.setAttribute('aria-hidden', String(i !== 0));
+                });
+            }
+            const cur = Number(el.dataset.usaSwap) || 0;
+            const nxt = (cur + 1) % icons.length;
+            el.dataset.usaSwap = String(nxt);
+            const a = icons[cur];
+            const b = icons[nxt];
+            a.setAttribute('aria-hidden', 'true');
+            b.setAttribute('aria-hidden', 'false');
+            a.style.opacity = '0';
+            b.style.opacity = '1';
+            if (ctx.reduced)
+                return all([ctx.animate(a, [{ opacity: 1 }, { opacity: 0 }], { duration: 150 }), ctx.animate(b, [{ opacity: 0 }, { opacity: 1 }], { duration: 150 })]);
+            return all([
+                ctx.animate(a, [{ opacity: 1, transform: 'none', filter: 'blur(0)' }, { opacity: 0, transform: 'scale(.3) rotate(-90deg)', filter: 'blur(6px)' }], { duration: o.duration, easing: 'cubic-bezier(.5,0,.75,0)' }),
+                ctx.animate(b, [{ opacity: 0, transform: 'scale(.3) rotate(90deg)', filter: 'blur(6px)' }, { opacity: 1, transform: 'scale(1.15) rotate(-8deg)', filter: 'blur(0)', offset: 0.7 }, { opacity: 1, transform: 'none', filter: 'blur(0)' }], { duration: o.duration * 1.3, easing: 'cubic-bezier(.2,.8,.3,1.2)' }),
+            ]);
+        },
+    },
+];
+/** Register the 6.6 morph & SVG pack (idempotent). */
+function registerMorphEffects2() {
+    registerEffects(MORPH2_FX);
+}
+
+export { MORPH2_FX, pointsToPath, registerMorphEffects2, samplePath };
+//# sourceMappingURL=fx-morph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-morph.js","sources":["../../src/components/fx2/morph2.ts"],"sourcesContent":["/**\n * 6.6 — Morph & SVG 2.0 (`motionary/components/fx-morph`), registered\n * through `registerEffect()`:\n *\n * - `path-morph` (loop) — an SVG `<path>` flows between shapes (`paths`, any\n *   number of `d` strings): both shapes are resampled to the same number of\n *   points, so paths with different commands still morph smoothly.\n * - `blob-button` (hover, persistent) — a liquid blob behind the element\n *   wobbles and bulges toward the pointer.\n * - `stroke-draw` (enter) — every stroke in an inline SVG draws itself,\n *   staggered, then the fills fade in.\n * - `noise-reveal` (enter) — the element condenses out of SVG turbulence\n *   (displacement + blur) — an SVG-filter transition.\n * - `icon-swap` (click) — cycles through the element's child icons with a\n *   gooey morph (blur + scale + rotate crossfade).\n *\n * Reduced motion: no loops / wobble; enter effects and swaps fade.\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { all } from '../effects/shared';\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst raf = (f: FrameRequestCallback): number => (typeof requestAnimationFrame === 'function' ? requestAnimationFrame(f) : 0);\nconst caf = (h: number): void => {\n  if (h && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(h);\n};\n\n/** Sample `d` into `n` points (needs SVG geometry support; `null` without it). */\nexport function samplePath(d: string, n = 64): [number, number][] | null {\n  const p = document.createElementNS(NS, 'path') as SVGPathElement;\n  p.setAttribute('d', d);\n  const svg = document.createElementNS(NS, 'svg');\n  svg.setAttribute('aria-hidden', 'true');\n  svg.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden';\n  svg.appendChild(p);\n  document.body.appendChild(svg);\n  try {\n    if (typeof p.getTotalLength !== 'function') return null;\n    const L = p.getTotalLength();\n    if (!L) return null;\n    const out: [number, number][] = [];\n    for (let i = 0; i < n; i++) {\n      const pt = p.getPointAtLength((i / n) * L);\n      out.push([pt.x, pt.y]);\n    }\n    return out;\n  } catch {\n    return null;\n  } finally {\n    svg.remove();\n  }\n}\n\n/** Points → closed path `d`. */\nexport const pointsToPath = (pts: [number, number][]): string => (pts.length ? `M${pts.map(([x, y]) => `${x.toFixed(2)} ${y.toFixed(2)}`).join('L')}Z` : '');\n\n/** Rotate `b` so its start point is the one closest to `a[0]` (less twisting). */\nfunction align(a: [number, number][], b: [number, number][]): [number, number][] {\n  let best = 0;\n  let bd = Infinity;\n  for (let i = 0; i < b.length; i++) {\n    const d = (b[i][0] - a[0][0]) ** 2 + (b[i][1] - a[0][1]) ** 2;\n    if (d < bd) {\n      bd = d;\n      best = i;\n    }\n  }\n  return b.slice(best).concat(b.slice(0, best));\n}\n\nconst ease = (t: number) => (t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2);\n\nexport const MORPH2_FX: EffectDefinition[] = [\n  {\n    name: 'path-morph',\n    kind: 'loop',\n    description: 'An SVG `<path>` flows between shapes (`paths`: `d` strings; `duration` per shape, `hold` ms). Shapes are resampled, so any two paths morph.',\n    defaults: { paths: [] as string[], duration: 1200, hold: 600, points: 72 },\n    run: (el: HTMLElement, o: any) => {\n      const path = ((el as Element).localName === 'path' ? el : el.querySelector('path')) as unknown as SVGPathElement | null;\n      if (!path) return;\n      const ds: string[] = [path.getAttribute('d') || '', ...(o.paths || [])].filter(Boolean);\n      const shapes = ds.map((d) => samplePath(d, o.points)).filter(Boolean) as [number, number][][];\n      if (shapes.length < 2) return;\n      for (let i = 1; i < shapes.length; i++) shapes[i] = align(shapes[i - 1], shapes[i]);\n      const orig = path.getAttribute('d');\n      let i = 0;\n      let t0 = performance.now();\n      let h = 0;\n      const tick = (now: number) => {\n        const a = shapes[i % shapes.length];\n        const b = shapes[(i + 1) % shapes.length];\n        const k = Math.min(1, Math.max(0, (now - t0) / o.duration));\n        const e = ease(k);\n        path.setAttribute('d', pointsToPath(a.map(([x, y], j) => [x + (b[j][0] - x) * e, y + (b[j][1] - y) * e])));\n        if (now - t0 > o.duration + o.hold) {\n          i++;\n          t0 = now;\n        }\n        h = raf(tick);\n      };\n      h = raf(tick);\n      return () => {\n        caf(h);\n        if (orig !== null) path.setAttribute('d', orig);\n      };\n    },\n  },\n  {\n    name: 'blob-button',\n    kind: 'hover',\n    reduced: 'run',\n    description: 'A liquid blob behind the element wobbles and bulges toward the pointer (persistent; `color`, `wobble` 0–1, `bulge` px).',\n    defaults: { color: '#7c5cff', wobble: 0.5, bulge: 10, points: 10 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (getComputedStyle(el).position === 'static') el.style.position = 'relative';\n      const prevZ = el.style.isolation;\n      el.style.isolation = 'isolate';\n      const svg = document.createElementNS(NS, 'svg');\n      svg.setAttribute('aria-hidden', 'true');\n      svg.setAttribute('width', '100%');\n      svg.setAttribute('height', '100%');\n      svg.style.cssText = 'position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);z-index:-1;pointer-events:none;overflow:visible';\n      const path = document.createElementNS(NS, 'path');\n      path.setAttribute('fill', o.color);\n      svg.appendChild(path);\n      el.prepend(svg);\n      const n = Math.max(6, o.points | 0);\n      let px = 0.5;\n      let py = 0.5;\n      let hover = 0;\n      let target = 0;\n      let h = 0;\n      const t0 = performance.now();\n      const draw = (now: number) => {\n        const w = el.offsetWidth + 28 || 128;\n        const hh = el.offsetHeight + 28 || 72;\n        const t = ctx.reduced ? 0 : (now - t0) / 1000;\n        hover += (target - hover) * 0.12;\n        const pts: [number, number][] = [];\n        for (let i = 0; i < n; i++) {\n          const a = (i / n) * Math.PI * 2;\n          const cx = Math.cos(a);\n          const cy = Math.sin(a);\n          const toward = Math.max(0, cx * (px - 0.5) * 2 + cy * (py - 0.5) * 2);\n          const r = 1 + (ctx.reduced ? 0 : o.wobble * 0.06 * Math.sin(t * 2.2 + i * 1.7)) + (toward * o.bulge * hover) / Math.min(w, hh);\n          pts.push([w / 2 + cx * (w / 2 - 12) * r, hh / 2 + cy * (hh / 2 - 12) * r]);\n        }\n        // smooth closed curve through the points (Catmull-Rom → cubic Bézier)\n        let d = `M${pts[0][0].toFixed(1)} ${pts[0][1].toFixed(1)}`;\n        for (let i = 0; i < n; i++) {\n          const p0 = pts[(i - 1 + n) % n];\n          const p1 = pts[i];\n          const p2 = pts[(i + 1) % n];\n          const p3 = pts[(i + 2) % n];\n          d += `C${(p1[0] + (p2[0] - p0[0]) / 6).toFixed(1)} ${(p1[1] + (p2[1] - p0[1]) / 6).toFixed(1)} ${(p2[0] - (p3[0] - p1[0]) / 6).toFixed(1)} ${(p2[1] - (p3[1] - p1[1]) / 6).toFixed(1)} ${p2[0].toFixed(1)} ${p2[1].toFixed(1)}`;\n        }\n        path.setAttribute('d', d + 'Z');\n        h = !ctx.reduced && (target || Math.abs(hover) > 0.01 || o.wobble) ? raf(draw) : 0;\n      };\n      const kick = () => {\n        if (!h) h = raf(draw);\n      };\n      const move = (e: PointerEvent) => {\n        const r = el.getBoundingClientRect();\n        px = r.width ? (e.clientX - r.left) / r.width : 0.5;\n        py = r.height ? (e.clientY - r.top) / r.height : 0.5;\n        target = 1;\n        kick();\n      };\n      const leave = () => {\n        target = 0;\n        kick();\n      };\n      draw(t0);\n      el.addEventListener('pointermove', move);\n      el.addEventListener('pointerleave', leave);\n      return () => {\n        caf(h);\n        el.removeEventListener('pointermove', move);\n        el.removeEventListener('pointerleave', leave);\n        svg.remove();\n        el.style.isolation = prevZ;\n      };\n    },\n  },\n  {\n    name: 'stroke-draw',\n    kind: 'enter',\n    description: 'Every stroke of an inline SVG draws itself, staggered, then the fills fade in (`duration`, `stagger`).',\n    defaults: { duration: 1200, stagger: 120 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const shapes = Array.from(el.querySelectorAll<SVGGeometryElement>('path, line, polyline, polygon, circle, ellipse, rect'));\n      return all(shapes.map((s, i) => {\n        let L = 0;\n        try {\n          L = typeof s.getTotalLength === 'function' ? s.getTotalLength() : 0;\n        } catch {\n          L = 0;\n        }\n        if (ctx.reduced || !L) return ctx.animate(s, [{ opacity: 0 }, { opacity: 1 }], { duration: 300, delay: i * 40, fill: 'backwards' });\n        const fill = getComputedStyle(s).fillOpacity || '1';\n        return ctx.animate(s, [\n          { strokeDasharray: `${L}`, strokeDashoffset: `${L}`, fillOpacity: 0 },\n          { strokeDasharray: `${L}`, strokeDashoffset: '0', fillOpacity: 0, offset: 0.75 },\n          { strokeDasharray: `${L}`, strokeDashoffset: '0', fillOpacity: fill },\n        ], { duration: o.duration, delay: i * o.stagger, easing: 'ease-in-out', fill: 'backwards' });\n      }));\n    },\n  },\n  {\n    name: 'noise-reveal',\n    kind: 'enter',\n    description: 'The element condenses out of SVG turbulence — displacement and blur settle to zero (`duration`, `strength`). An SVG-filter transition.',\n    defaults: { duration: 1100, strength: 60 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 300 });\n      const id = `usa-noise-${Math.random().toString(36).slice(2, 8)}`;\n      const svg = document.createElementNS(NS, 'svg');\n      svg.setAttribute('aria-hidden', 'true');\n      svg.setAttribute('width', '0');\n      svg.setAttribute('height', '0');\n      svg.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden';\n      svg.innerHTML = `<filter id=\"${id}\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.035\" numOctaves=\"2\" result=\"n\"/><feDisplacementMap in=\"SourceGraphic\" in2=\"n\" scale=\"${o.strength}\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feGaussianBlur stdDeviation=\"0\"/></filter>`;\n      document.body.appendChild(svg);\n      const disp = svg.querySelector('feDisplacementMap');\n      const blur = svg.querySelector('feGaussianBlur');\n      const prev = el.style.filter;\n      el.style.filter = `url(#${id})`;\n      const fade = ctx.animate(el, [{ opacity: 0 }, { opacity: 1, offset: 0.4 }, { opacity: 1 }], { duration: o.duration, easing: 'ease-out' });\n      const t0 = performance.now();\n      return new Promise<void>((done) => {\n        const end = () => {\n          el.style.filter = prev;\n          svg.remove();\n          done();\n        };\n        const tick = (now: number) => {\n          const k = Math.min(1, (now - t0) / o.duration);\n          const e = 1 - Math.pow(1 - k, 3);\n          disp?.setAttribute('scale', ((1 - e) * o.strength).toFixed(2));\n          blur?.setAttribute('stdDeviation', ((1 - e) * 4).toFixed(2));\n          if (k < 1) raf(tick);\n          else end();\n        };\n        if (!raf(tick)) (fade ? fade.finished.then(end, end) : end());\n      });\n    },\n  },\n  {\n    name: 'icon-swap',\n    kind: 'click',\n    description: 'Cycles through the element\\'s child icons with a gooey morph — blur, scale and rotate crossfade (`duration`). The visible icon is the only one not `aria-hidden`.',\n    defaults: { duration: 420 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const icons = Array.from(el.children) as HTMLElement[];\n      if (icons.length < 2) return null;\n      if (!el.dataset.usaSwap) {\n        el.dataset.usaSwap = '0';\n        el.style.display = el.style.display || 'inline-grid';\n        icons.forEach((ic, i) => {\n          ic.style.gridArea = '1 / 1';\n          ic.style.opacity = i ? '0' : '1';\n          ic.setAttribute('aria-hidden', String(i !== 0));\n        });\n      }\n      const cur = Number(el.dataset.usaSwap) || 0;\n      const nxt = (cur + 1) % icons.length;\n      el.dataset.usaSwap = String(nxt);\n      const a = icons[cur];\n      const b = icons[nxt];\n      a.setAttribute('aria-hidden', 'true');\n      b.setAttribute('aria-hidden', 'false');\n      a.style.opacity = '0';\n      b.style.opacity = '1';\n      if (ctx.reduced) return all([ctx.animate(a, [{ opacity: 1 }, { opacity: 0 }], { duration: 150 }), ctx.animate(b, [{ opacity: 0 }, { opacity: 1 }], { duration: 150 })]);\n      return all([\n        ctx.animate(a, [{ opacity: 1, transform: 'none', filter: 'blur(0)' }, { opacity: 0, transform: 'scale(.3) rotate(-90deg)', filter: 'blur(6px)' }], { duration: o.duration, easing: 'cubic-bezier(.5,0,.75,0)' }),\n        ctx.animate(b, [{ opacity: 0, transform: 'scale(.3) rotate(90deg)', filter: 'blur(6px)' }, { opacity: 1, transform: 'scale(1.15) rotate(-8deg)', filter: 'blur(0)', offset: 0.7 }, { opacity: 1, transform: 'none', filter: 'blur(0)' }], { duration: o.duration * 1.3, easing: 'cubic-bezier(.2,.8,.3,1.2)' }),\n      ]);\n    },\n  },\n];\n\n/** Register the 6.6 morph & SVG pack (idempotent). */\nexport function registerMorphEffects2(): void {\n  registerEffects(MORPH2_FX);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/fx-text.js

@@ -1,4 +1,4 @@
-import { c as registerEffects } from '../chunks/registry-Bu5NrAyA.js';
+import { registerEffects } from '../chunks/registry-D23neB4M.js';
 import { u as srText } from '../chunks/base-DchG4q_S.js';
 import { a as all, r as rand, f as fxLayer, s as spawn } from '../chunks/shared-CkKHWrtJ.js';
 

package/dist/components/fx-transitions.cjs

@@ -0,0 +1,249 @@
+'use strict';
+
+var registry = require('../chunks/registry-DehBVRDV.cjs');
+var base = require('../chunks/base-BaQV-2ha.cjs');
+var shared = require('../chunks/shared-jkgRH-Hx.cjs');
+
+const fade = (el, ctx, out) => ctx.animate(el, out ? [{ opacity: 1 }, { opacity: 0 }] : [{ opacity: 0 }, { opacity: 1 }], { duration: 200, fill: out ? 'forwards' : 'none' });
+const isOut = (o) => o.mode === 'out';
+const dir = (frames, out) => (out ? [...frames].reverse().map((f) => ({ ...f, offset: undefined })).map(({ offset, ...f }) => f) : frames);
+/** Clipped copies of `el` laid over it (the original is hidden meanwhile). */
+function pieces(el, clips) {
+    if (getComputedStyle(el).position === 'static')
+        el.style.position = 'relative';
+    const prevVis = el.style.visibility;
+    const wrap = document.createElement('div');
+    wrap.setAttribute('aria-hidden', 'true');
+    wrap.style.cssText = 'position:absolute;inset:0;pointer-events:none;perspective:900px;visibility:visible;z-index:1';
+    const parts = clips.map((c) => {
+        const p = el.cloneNode(true);
+        p.removeAttribute('id');
+        p.querySelectorAll('[id]').forEach((x) => x.removeAttribute('id'));
+        p.style.cssText += `;position:absolute;inset:0;margin:0;width:100%;height:100%;box-sizing:border-box;clip-path:${c};visibility:visible`;
+        wrap.appendChild(p);
+        return p;
+    });
+    el.style.visibility = 'hidden';
+    el.appendChild(wrap);
+    return {
+        parts,
+        done: () => {
+            wrap.remove();
+            el.style.visibility = prevVis;
+        },
+    };
+}
+const TRANSITIONS2_FX = [
+    {
+        name: 'ripple-dissolve',
+        kind: 'page',
+        description: 'A circle with a ripple ring grows from the pointer (or `x` / `y` 0–1) and reveals (`mode: "in"`) or hides (`"out"`) the element.',
+        defaults: { mode: 'in', duration: 900, x: 0.5, y: 0.5 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const r = el.getBoundingClientRect();
+            const p = ctx.event ? shared.origin(el, ctx) : { x: r.left + r.width * o.x, y: r.top + r.height * o.y };
+            const at = `${(p.x - r.left).toFixed(0)}px ${(p.y - r.top).toFixed(0)}px`;
+            const f = [
+                { clipPath: `circle(0% at ${at})`, filter: 'blur(2px)' },
+                { clipPath: `circle(38% at ${at})`, filter: 'blur(0)', offset: 0.45 },
+                { clipPath: `circle(150% at ${at})`, filter: 'blur(0)' },
+            ];
+            return ctx.animate(el, out ? [f[2], f[0]] : f, { duration: o.duration, easing: 'cubic-bezier(.6,.05,.3,1)', fill: out ? 'forwards' : 'none' });
+        },
+    },
+    {
+        name: 'shatter',
+        kind: 'page',
+        description: 'The element breaks into shards that fly apart (`mode: "out"`) or fly together (`"in"`) (`pieces`, `duration`).',
+        defaults: { mode: 'out', duration: 900, pieces: 12 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const n = Math.max(4, Math.min(24, o.pieces | 0));
+            const cols = Math.ceil(Math.sqrt(n / 2));
+            const rows = Math.ceil(n / 2 / cols);
+            const clips = [];
+            for (let r = 0; r < rows; r++)
+                for (let c = 0; c < cols; c++) {
+                    const x0 = (c / cols) * 100;
+                    const x1 = ((c + 1) / cols) * 100;
+                    const y0 = (r / rows) * 100;
+                    const y1 = ((r + 1) / rows) * 100;
+                    clips.push(`polygon(${x0}% ${y0}%,${x1}% ${y0}%,${x0}% ${y1}%)`, `polygon(${x1}% ${y0}%,${x1}% ${y1}%,${x0}% ${y1}%)`);
+                }
+            const { parts, done } = pieces(el, clips);
+            const anims = parts.map((p, i) => {
+                const a = (i * 2.399) % (Math.PI * 2);
+                const d = 80 + (i % 5) * 30;
+                const scattered = { transform: `translate(${(Math.cos(a) * d).toFixed(0)}px,${(Math.sin(a) * d + 40).toFixed(0)}px) rotate(${((i % 7) - 3) * 35}deg) rotateX(${(i % 3) * 40}deg)`, opacity: 0 };
+                const whole = { transform: 'none', opacity: 1 };
+                return ctx.animate(p, out ? [whole, scattered] : [scattered, whole], { duration: o.duration, delay: (i % 6) * 25, easing: out ? 'cubic-bezier(.4,0,.9,.6)' : 'cubic-bezier(.1,.6,.3,1)', fill: 'both' });
+            });
+            return shared.all(anims).then(() => {
+                done();
+                if (out)
+                    el.style.visibility = 'hidden';
+            });
+        },
+    },
+    {
+        name: 'mosaic-flip',
+        kind: 'page',
+        description: 'A grid of tiles flips over in a diagonal wave (`cols`, `rows`, `duration` per tile).',
+        defaults: { mode: 'in', cols: 6, rows: 4, duration: 520 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const C = Math.max(2, Math.min(12, o.cols | 0));
+            const R = Math.max(2, Math.min(10, o.rows | 0));
+            const clips = [];
+            for (let r = 0; r < R; r++)
+                for (let c = 0; c < C; c++)
+                    clips.push(`inset(${((r / R) * 100).toFixed(2)}% ${(100 - ((c + 1) / C) * 100).toFixed(2)}% ${(100 - ((r + 1) / R) * 100).toFixed(2)}% ${((c / C) * 100).toFixed(2)}%)`);
+            const { parts, done } = pieces(el, clips);
+            const anims = parts.map((p, i) => {
+                const r = Math.floor(i / C);
+                const c = i % C;
+                p.style.transformOrigin = `${((c + 0.5) / C) * 100}% ${((r + 0.5) / R) * 100}%`;
+                p.style.backfaceVisibility = 'hidden';
+                const f = [{ transform: 'rotateY(-90deg)', opacity: 0 }, { transform: 'rotateY(0)', opacity: 1 }];
+                return ctx.animate(p, out ? [f[1], f[0]] : f, { duration: o.duration, delay: (r + c) * 45, easing: 'cubic-bezier(.3,.7,.3,1)', fill: 'both' });
+            });
+            return shared.all(anims).then(() => {
+                done();
+                if (out)
+                    el.style.visibility = 'hidden';
+            });
+        },
+    },
+    {
+        name: 'liquid-wipe',
+        kind: 'page',
+        description: 'A wavy liquid edge sweeps across the element (`direction` left | right | up | down, `waves`, `duration`).',
+        defaults: { mode: 'in', direction: 'right', waves: 3, duration: 1000 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const N = 24;
+            const shape = (k) => {
+                const pts = [];
+                const amp = 6 * Math.sin(Math.PI * k);
+                for (let i = 0; i <= N; i++) {
+                    const t = (i / N) * 100;
+                    const edge = k * 120 - 10 + amp * Math.sin((i / N) * Math.PI * 2 * o.waves + k * 6);
+                    pts.push(o.direction === 'up' || o.direction === 'down' ? `${t.toFixed(1)}% ${(o.direction === 'down' ? edge : 100 - edge).toFixed(1)}%` : `${(o.direction === 'left' ? 100 - edge : edge).toFixed(1)}% ${t.toFixed(1)}%`);
+                }
+                const tail = o.direction === 'up' ? ['100% 100%', '0% 100%'] : o.direction === 'down' ? ['100% 0%', '0% 0%'] : o.direction === 'left' ? ['100% 100%', '100% 0%'] : ['0% 100%', '0% 0%'];
+                if (o.direction === 'up' || o.direction === 'down')
+                    return `polygon(${[...pts, ...tail].join(',')})`;
+                return `polygon(${[...pts, ...tail].join(',')})`;
+            };
+            const frames = Array.from({ length: 9 }, (_, i) => ({ clipPath: shape(i / 8) }));
+            return ctx.animate(el, out ? frames.reverse() : frames, { duration: o.duration, easing: 'cubic-bezier(.65,.05,.35,1)', fill: out ? 'forwards' : 'none' });
+        },
+    },
+    {
+        name: 'page-curl',
+        kind: 'page',
+        description: 'The element turns like a page around its left edge, with a moving shade (`duration`).',
+        defaults: { mode: 'in', duration: 900 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const prev = el.style.transformOrigin;
+            el.style.transformOrigin = '0% 50%';
+            const f = [
+                { transform: 'perspective(1400px) rotateY(-100deg) skewY(-4deg)', filter: 'brightness(.55)', boxShadow: '30px 0 40px rgba(0,0,0,.35)', opacity: 0.4 },
+                { transform: 'perspective(1400px) rotateY(-40deg) skewY(-2deg)', filter: 'brightness(.8)', boxShadow: '20px 0 30px rgba(0,0,0,.25)', opacity: 1, offset: 0.5 },
+                { transform: 'perspective(1400px) rotateY(0) skewY(0)', filter: 'brightness(1)', boxShadow: '0 0 0 rgba(0,0,0,0)', opacity: 1 },
+            ];
+            const a = ctx.animate(el, dir(f, out), { duration: o.duration, easing: 'cubic-bezier(.45,.05,.3,1)', fill: out ? 'forwards' : 'none' });
+            const reset = () => (el.style.transformOrigin = prev);
+            if (a)
+                a.finished.then(reset, reset);
+            else
+                reset();
+            return a;
+        },
+    },
+    {
+        name: 'camera-dolly',
+        kind: 'page',
+        description: 'A dolly zoom: the element moves in from (or out to) depth with a depth-of-field blur (`scale`, `duration`).',
+        defaults: { mode: 'in', duration: 900, scale: 1.35 },
+        run: (el, o, ctx) => {
+            const out = isOut(o);
+            if (ctx.reduced)
+                return fade(el, ctx, out);
+            const f = [
+                { transform: `perspective(900px) translateZ(-260px) scale(${o.scale})`, filter: 'blur(10px)', opacity: 0 },
+                { transform: 'perspective(900px) translateZ(0) scale(1)', filter: 'blur(0)', opacity: 1 },
+            ];
+            return ctx.animate(el, out ? [f[1], { ...f[0], transform: `perspective(900px) translateZ(260px) scale(${(1 / o.scale).toFixed(3)})` }] : f, { duration: o.duration, easing: 'cubic-bezier(.2,.7,.2,1)', fill: out ? 'forwards' : 'none' });
+        },
+    },
+];
+/** CSS keyframes for the `::view-transition-new(root)` snapshot of each effect (cross-document transitions). */
+const VT_CSS = {
+    'ripple-dissolve': 'from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}',
+    'liquid-wipe': 'from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}',
+    'page-curl': 'from{transform:perspective(1400px) rotateY(-100deg);transform-origin:0 50%;filter:brightness(.6)}to{transform:none;transform-origin:0 50%}',
+    'camera-dolly': 'from{transform:scale(1.35);filter:blur(10px);opacity:0}to{transform:none;filter:none;opacity:1}',
+    'mosaic-flip': 'from{transform:perspective(900px) rotateY(-90deg);opacity:0}to{transform:none;opacity:1}',
+    shatter: 'from{transform:scale(.85) rotate(-3deg);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:none}',
+};
+/**
+ * Run `update` (a DOM change) as a transition: inside `document.startViewTransition`
+ * when supported (the new snapshot plays `effect`), otherwise `update()` then the
+ * effect on `target` (default `document.body`'s first element).
+ */
+async function pageTransition(update, effect = 'ripple-dissolve', options = {}, target) {
+    const doc = document;
+    const def = registry.getEffect(effect);
+    if (typeof doc.startViewTransition === 'function' && !base.prefersReducedMotion()) {
+        const vt = doc.startViewTransition(update);
+        await vt.ready.catch(() => undefined);
+        const css = VT_CSS[effect];
+        if (css) {
+            const dur = Number(options.duration) || Number(def?.defaults?.duration) || 800;
+            const m = /from\{([^}]*)\}to\{([^}]*)\}/.exec(css);
+            const toObj = (s) => Object.fromEntries(s.split(';').filter(Boolean).map((d) => { const i = d.indexOf(':'); return [d.slice(0, i).replace(/-([a-z])/g, (_, c) => c.toUpperCase()), d.slice(i + 1)]; }));
+            if (m)
+                document.documentElement.animate([toObj(m[1]), toObj(m[2])], { duration: dur, easing: 'cubic-bezier(.6,.05,.3,1)', pseudoElement: '::view-transition-new(root)' });
+        }
+        await vt.finished.catch(() => undefined);
+        return;
+    }
+    await update();
+    const el = target || document.body.firstElementChild;
+    if (el && def) {
+        const { playEffect } = await Promise.resolve().then(function () { return require('../chunks/registry-DehBVRDV.cjs'); });
+        await playEffect(el, effect, { ...options, mode: 'in' });
+    }
+}
+/** Opt a multi-page site into cross-document view transitions with an effect's look. Returns a remover. */
+function crossDocumentTransitions(effect = 'ripple-dissolve', duration = 700) {
+    const style = document.createElement('style');
+    style.setAttribute('data-usa-vt', effect);
+    const kf = VT_CSS[effect] || VT_CSS['camera-dolly'];
+    style.textContent = `@view-transition{navigation:auto}@keyframes usa-vt-in{${kf}}::view-transition-new(root){animation:usa-vt-in ${duration}ms cubic-bezier(.6,.05,.3,1) both}::view-transition-old(root){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation-duration:1ms}}`;
+    document.head.appendChild(style);
+    return () => style.remove();
+}
+/** Register the 6.7 transitions pack (idempotent). */
+function registerTransitionEffects2() {
+    registry.registerEffects(TRANSITIONS2_FX);
+}
+
+exports.TRANSITIONS2_FX = TRANSITIONS2_FX;
+exports.crossDocumentTransitions = crossDocumentTransitions;
+exports.pageTransition = pageTransition;
+exports.registerTransitionEffects2 = registerTransitionEffects2;
+//# sourceMappingURL=fx-transitions.cjs.map