use-scroll-animate 6.2.0 → 6.4.0

package/dist/components/fx-text.d.cts

@@ -0,0 +1,70 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through
+ * `registerEffect()`:
+ *
+ * - `liquid-text` (loop) — the text ripples like liquid (animated SVG
+ *   turbulence + displacement filter).
+ * - `neon-write` (text) — letters flicker on one by one like a neon sign
+ *   being switched on, then keep a soft glow.
+ * - `particle-text` (text) — particles fly in from around the element and
+ *   assemble into the glyphs, then hand over to the real text.
+ * - `glitch-text` (text) — RGB-split slices jump sideways for a moment.
+ * - `text-trail` (cursor) — the letters of a word fall off the pointer.
+ * - `font-breathe` (loop) — a variable-font weight wave breathes through the text.
+ * - `flip-chars` (text) — every character flips up in 3D, staggered.
+ *
+ * Splitting keeps a visually hidden copy for screen readers (the animated
+ * characters are `aria-hidden`). Reduced motion: loops and the trail are
+ * skipped, one-shot effects show the final state without movement.
+ */
+
+/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */
+declare function splitChars(el: HTMLElement): HTMLElement[];
+declare const TEXT3_FX: EffectDefinition[];
+/** Register the 6.3 text pack (idempotent). */
+declare function registerTextEffects3(): void;
+
+export { TEXT3_FX, registerTextEffects3, splitChars };

package/dist/components/fx-text.d.ts

@@ -0,0 +1,70 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through
+ * `registerEffect()`:
+ *
+ * - `liquid-text` (loop) — the text ripples like liquid (animated SVG
+ *   turbulence + displacement filter).
+ * - `neon-write` (text) — letters flicker on one by one like a neon sign
+ *   being switched on, then keep a soft glow.
+ * - `particle-text` (text) — particles fly in from around the element and
+ *   assemble into the glyphs, then hand over to the real text.
+ * - `glitch-text` (text) — RGB-split slices jump sideways for a moment.
+ * - `text-trail` (cursor) — the letters of a word fall off the pointer.
+ * - `font-breathe` (loop) — a variable-font weight wave breathes through the text.
+ * - `flip-chars` (text) — every character flips up in 3D, staggered.
+ *
+ * Splitting keeps a visually hidden copy for screen readers (the animated
+ * characters are `aria-hidden`). Reduced motion: loops and the trail are
+ * skipped, one-shot effects show the final state without movement.
+ */
+
+/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */
+declare function splitChars(el: HTMLElement): HTMLElement[];
+declare const TEXT3_FX: EffectDefinition[];
+/** Register the 6.3 text pack (idempotent). */
+declare function registerTextEffects3(): void;
+
+export { TEXT3_FX, registerTextEffects3, splitChars };

package/dist/components/fx-text.js

@@ -0,0 +1,263 @@
+import { c as registerEffects } from '../chunks/registry-Bu5NrAyA.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';
+
+/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */
+function splitChars(el) {
+    if (el.dataset.usaChars)
+        return Array.from(el.querySelectorAll(':scope > .usa-ch'));
+    const text = el.textContent || '';
+    el.textContent = '';
+    for (const ch of Array.from(text)) {
+        const s = document.createElement('span');
+        s.className = 'usa-ch';
+        s.setAttribute('aria-hidden', 'true');
+        s.style.cssText = 'display:inline-block;white-space:pre';
+        s.textContent = ch;
+        el.appendChild(s);
+    }
+    el.appendChild(srText(text.trim()));
+    el.dataset.usaChars = '1';
+    return Array.from(el.querySelectorAll(':scope > .usa-ch'));
+}
+const raf = (fn) => (typeof requestAnimationFrame === 'function' ? requestAnimationFrame(fn) : 0);
+const caf = (h) => {
+    if (h && typeof cancelAnimationFrame === 'function')
+        cancelAnimationFrame(h);
+};
+let fid = 0;
+const TEXT3_FX = [
+    {
+        name: 'liquid-text',
+        kind: 'loop',
+        description: 'The text ripples like liquid: an animated SVG turbulence + displacement filter (`strength`, `speed`).',
+        defaults: { strength: 7, speed: 1 },
+        run: (el, o) => {
+            const id = `usa-liquid-${++fid}`;
+            const ns = 'http://www.w3.org/2000/svg';
+            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="-10%" y="-20%" width="120%" height="140%"><feTurbulence type="fractalNoise" baseFrequency="0.012 0.06" numOctaves="2" seed="3" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="${Number(o.strength) || 7}" xChannelSelector="R" yChannelSelector="G"/></filter>`;
+            document.body.appendChild(svg);
+            const turb = svg.querySelector('feTurbulence');
+            const prev = el.style.filter;
+            el.style.filter = `url(#${id})`;
+            let h = 0;
+            const t0 = performance.now();
+            const tick = (now) => {
+                const t = ((now - t0) / 1000) * (Number(o.speed) || 1);
+                turb?.setAttribute('baseFrequency', `${(0.012 + 0.004 * Math.sin(t * 1.3)).toFixed(4)} ${(0.06 + 0.02 * Math.cos(t)).toFixed(4)}`);
+                h = raf(tick);
+            };
+            h = raf(tick);
+            return () => {
+                caf(h);
+                el.style.filter = prev;
+                svg.remove();
+            };
+        },
+    },
+    {
+        name: 'neon-write',
+        kind: 'text',
+        description: 'Letters flicker on one by one like a neon sign being switched on, then keep a soft glow (`color`, `stagger`).',
+        defaults: { color: '#ff4fd8', stagger: 70, duration: 520 },
+        run: (el, o, ctx) => {
+            var _a;
+            const glow = `0 0 4px #fff,0 0 10px ${o.color},0 0 22px ${o.color},0 0 42px ${o.color}`;
+            el.style.textShadow = glow;
+            (_a = el.style).color || (_a.color = '#fff');
+            if (ctx.reduced)
+                return;
+            const cs = splitChars(el);
+            return all(cs.map((c, i) => ctx.animate(c, [
+                { opacity: 0.08, textShadow: 'none' },
+                { opacity: 1, textShadow: glow, offset: 0.2 },
+                { opacity: 0.2, textShadow: 'none', offset: 0.32 },
+                { opacity: 1, textShadow: glow, offset: 0.46 },
+                { opacity: 0.55, offset: 0.6 },
+                { opacity: 1, textShadow: glow },
+            ], { duration: o.duration, delay: i * o.stagger + rand(0, 60), easing: 'steps(6, end)', fill: 'backwards' })));
+        },
+    },
+    {
+        name: 'particle-text',
+        kind: 'text',
+        description: 'Particles fly in from around the element and assemble into the glyphs, then hand over to the real text (`gap` px between samples, `duration`, `colors`).',
+        defaults: { gap: 3, duration: 1300, colors: ['#7c5cff', '#22d3ee', '#ff5c8a'], spread: 120 },
+        reduced: 'skip',
+        run: (el, o) => {
+            const cs = splitChars(el);
+            const r = el.getBoundingClientRect();
+            if (!r.width || !r.height)
+                return;
+            const pad = Number(o.spread) || 120;
+            const W = Math.ceil(r.width + pad * 2);
+            const H = Math.ceil(r.height + pad * 2);
+            const canvas = document.createElement('canvas');
+            canvas.setAttribute('aria-hidden', 'true');
+            canvas.width = W;
+            canvas.height = H;
+            canvas.style.cssText = `position:absolute;left:${r.left - pad}px;top:${r.top - pad}px;width:${W}px;height:${H}px`;
+            const g = canvas.getContext('2d');
+            if (!g)
+                return;
+            // rasterise each character where the browser laid it out
+            const cs0 = getComputedStyle(el);
+            g.font = `${cs0.fontStyle} ${cs0.fontWeight} ${cs0.fontSize} ${cs0.fontFamily}`;
+            g.textBaseline = 'middle';
+            g.fillStyle = '#000';
+            for (const c of cs) {
+                const b = c.getBoundingClientRect();
+                g.fillText(c.textContent || '', b.left - r.left + pad, b.top - r.top + pad + b.height / 2);
+            }
+            const img = g.getImageData(0, 0, W, H);
+            const gap = Math.max(2, Math.round(Number(o.gap) || 3));
+            const pts = [];
+            for (let y = 0; y < H; y += gap)
+                for (let x = 0; x < W; x += gap)
+                    if (img.data[(y * W + x) * 4 + 3] > 128) {
+                        const a = rand(0, Math.PI * 2);
+                        const rr = rand(pad * 0.6, pad * 1.4);
+                        pts.push({ x, y, sx: W / 2 + Math.cos(a) * (W / 2 + rr * 0.3), sy: H / 2 + Math.sin(a) * (H / 2 + rr * 0.3), c: o.colors[pts.length % o.colors.length], d: rand(0, 0.35) });
+                    }
+            fxLayer().appendChild(canvas);
+            cs.forEach((c) => (c.style.opacity = '0'));
+            const t0 = performance.now();
+            const dur = Number(o.duration) || 1300;
+            return new Promise((done) => {
+                const finish = () => {
+                    canvas.remove();
+                    cs.forEach((c) => (c.style.opacity = ''));
+                    done();
+                };
+                const tick = (now) => {
+                    const k = (now - t0) / dur;
+                    g.clearRect(0, 0, W, H);
+                    for (const p of pts) {
+                        const e = Math.min(1, Math.max(0, (k - p.d) / (1 - p.d)));
+                        const q = 1 - Math.pow(1 - e, 3);
+                        g.globalAlpha = k > 1 ? Math.max(0, 1 - (k - 1) * 4) : 0.25 + 0.75 * q;
+                        g.fillStyle = p.c;
+                        g.fillRect(p.sx + (p.x - p.sx) * q, p.sy + (p.y - p.sy) * q, gap - 0.5, gap - 0.5);
+                    }
+                    if (k > 1)
+                        cs.forEach((c) => (c.style.opacity = String(Math.min(1, (k - 1) * 4))));
+                    if (k < 1.25)
+                        raf(tick);
+                    else
+                        finish();
+                };
+                if (!raf(tick))
+                    finish();
+            });
+        },
+    },
+    {
+        name: 'glitch-text',
+        kind: 'text',
+        description: 'RGB-split slices of the text jump sideways for a moment (`duration`, `colors` of the two channels).',
+        defaults: { duration: 650, colors: ['#22d3ee', '#ff3d81'] },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 1 }, { opacity: 0.6 }, { opacity: 1 }], { duration: 200 });
+            if (getComputedStyle(el).position === 'static')
+                el.style.position = 'relative';
+            const text = el.textContent || '';
+            const steps = 8;
+            const mk = (color, dir) => {
+                const s = document.createElement('span');
+                s.setAttribute('aria-hidden', 'true');
+                s.textContent = text;
+                s.style.cssText = `position:absolute;inset:0;color:${color};mix-blend-mode:screen;pointer-events:none;white-space:inherit`;
+                el.appendChild(s);
+                const frames = [];
+                for (let i = 0; i <= steps; i++) {
+                    const top = Math.round(rand(0, 80));
+                    frames.push({ clipPath: `inset(${top}% 0 ${Math.max(0, 100 - top - rand(8, 30)).toFixed(0)}% 0)`, transform: `translateX(${(dir * rand(2, 9)).toFixed(1)}px)` });
+                }
+                frames.push({ clipPath: 'inset(50% 0 50% 0)', transform: 'none' });
+                const a = ctx.animate(s, frames, { duration: o.duration, easing: `steps(${steps}, end)` });
+                const rm = () => s.remove();
+                if (a)
+                    a.finished.then(rm, rm);
+                else
+                    rm();
+                return a;
+            };
+            return all([
+                mk(o.colors[0], -1),
+                mk(o.colors[1], 1),
+                ctx.animate(el, [{ transform: 'none' }, { transform: 'translate(-2px,1px) skewX(-4deg)' }, { transform: 'translate(2px,-1px)' }, { transform: 'skewX(3deg)' }, { transform: 'none' }], { duration: o.duration, easing: 'steps(5, end)' }),
+            ]);
+        },
+    },
+    {
+        name: 'text-trail',
+        kind: 'cursor',
+        description: 'The letters of a word fall off the pointer as it moves over the element (persistent; `text`, `color`, `spacing` px).',
+        defaults: { text: 'MOTIONARY', color: '#7c5cff', spacing: 22, size: 18 },
+        run: (el, o, ctx) => {
+            const word = Array.from(String(o.text || '✦'));
+            let i = 0;
+            let lx = -1e4;
+            let ly = -1e4;
+            const move = (e) => {
+                if (Math.hypot(e.clientX - lx, e.clientY - ly) < o.spacing)
+                    return;
+                lx = e.clientX;
+                ly = e.clientY;
+                const ch = word[i++ % word.length];
+                spawn(e.clientX - o.size / 2, e.clientY - o.size / 2, `font:800 ${o.size}px/1 system-ui,sans-serif;color:${o.color};text-shadow:0 2px 8px rgba(0,0,0,.25)`, ctx, [
+                    { transform: 'translateY(0) rotate(0) scale(1)', opacity: 1 },
+                    { transform: `translateY(${rand(30, 60).toFixed(0)}px) rotate(${rand(-60, 60).toFixed(0)}deg) scale(.6)`, opacity: 0 },
+                ], { duration: rand(700, 1000), easing: 'cubic-bezier(.3,.1,.7,1)' }, ch);
+            };
+            el.addEventListener('pointermove', move);
+            return () => el.removeEventListener('pointermove', move);
+        },
+    },
+    {
+        name: 'font-breathe',
+        kind: 'loop',
+        description: 'A variable-font weight wave breathes through the text (`min` / `max` weight, `period` ms, `stagger`). Best with a variable font.',
+        defaults: { min: 200, max: 900, period: 2400, stagger: 90 },
+        run: (el, o, ctx) => {
+            const cs = splitChars(el);
+            const anims = cs.map((c, i) => ctx.animate(c, [
+                { fontWeight: o.min, fontVariationSettings: `'wght' ${o.min}` },
+                { fontWeight: o.max, fontVariationSettings: `'wght' ${o.max}` },
+            ], { duration: o.period / 2, delay: i * o.stagger, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' }));
+            return () => anims.forEach((a) => a?.cancel());
+        },
+    },
+    {
+        name: 'flip-chars',
+        kind: 'text',
+        description: 'Every character flips up in 3D around its baseline, staggered (`stagger`, `duration`, `axis` x | y).',
+        defaults: { stagger: 45, duration: 700, axis: 'x' },
+        run: (el, o, ctx) => {
+            var _a;
+            const cs = splitChars(el);
+            (_a = el.style).perspective || (_a.perspective = '600px');
+            const rot = o.axis === 'y' ? 'rotateY' : 'rotateX';
+            return all(cs.map((c, i) => {
+                c.style.transformOrigin = '50% 70% -0.4em';
+                c.style.backfaceVisibility = 'hidden';
+                return ctx.reduced
+                    ? ctx.animate(c, [{ opacity: 0 }, { opacity: 1 }], { duration: 200, delay: i * 10, fill: 'backwards' })
+                    : ctx.animate(c, [{ transform: `${rot}(-100deg)`, opacity: 0 }, { transform: `${rot}(12deg)`, opacity: 1, offset: 0.7 }, { transform: `${rot}(0)`, opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+];
+/** Register the 6.3 text pack (idempotent). */
+function registerTextEffects3() {
+    registerEffects(TEXT3_FX);
+}
+
+export { TEXT3_FX, registerTextEffects3, splitChars };
+//# sourceMappingURL=fx-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-text.js","sources":["../../src/components/fx2/text3.ts"],"sourcesContent":["/**\n * 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through\n * `registerEffect()`:\n *\n * - `liquid-text` (loop) — the text ripples like liquid (animated SVG\n *   turbulence + displacement filter).\n * - `neon-write` (text) — letters flicker on one by one like a neon sign\n *   being switched on, then keep a soft glow.\n * - `particle-text` (text) — particles fly in from around the element and\n *   assemble into the glyphs, then hand over to the real text.\n * - `glitch-text` (text) — RGB-split slices jump sideways for a moment.\n * - `text-trail` (cursor) — the letters of a word fall off the pointer.\n * - `font-breathe` (loop) — a variable-font weight wave breathes through the text.\n * - `flip-chars` (text) — every character flips up in 3D, staggered.\n *\n * Splitting keeps a visually hidden copy for screen readers (the animated\n * characters are `aria-hidden`). Reduced motion: loops and the trail are\n * skipped, one-shot effects show the final state without movement.\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { srText } from '../base';\nimport { fxLayer, spawn, rand, all } from '../effects/shared';\n\n/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */\nexport function splitChars(el: HTMLElement): HTMLElement[] {\n  if (el.dataset.usaChars) return Array.from(el.querySelectorAll<HTMLElement>(':scope > .usa-ch'));\n  const text = el.textContent || '';\n  el.textContent = '';\n  for (const ch of Array.from(text)) {\n    const s = document.createElement('span');\n    s.className = 'usa-ch';\n    s.setAttribute('aria-hidden', 'true');\n    s.style.cssText = 'display:inline-block;white-space:pre';\n    s.textContent = ch;\n    el.appendChild(s);\n  }\n  el.appendChild(srText(text.trim()));\n  el.dataset.usaChars = '1';\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > .usa-ch'));\n}\n\nconst raf = (fn: FrameRequestCallback): number => (typeof requestAnimationFrame === 'function' ? requestAnimationFrame(fn) : 0);\nconst caf = (h: number): void => {\n  if (h && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(h);\n};\nlet fid = 0;\n\nexport const TEXT3_FX: EffectDefinition[] = [\n  {\n    name: 'liquid-text',\n    kind: 'loop',\n    description: 'The text ripples like liquid: an animated SVG turbulence + displacement filter (`strength`, `speed`).',\n    defaults: { strength: 7, speed: 1 },\n    run: (el: HTMLElement, o: any) => {\n      const id = `usa-liquid-${++fid}`;\n      const ns = 'http://www.w3.org/2000/svg';\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=\"-10%\" y=\"-20%\" width=\"120%\" height=\"140%\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012 0.06\" numOctaves=\"2\" seed=\"3\" result=\"n\"/><feDisplacementMap in=\"SourceGraphic\" in2=\"n\" scale=\"${Number(o.strength) || 7}\" xChannelSelector=\"R\" yChannelSelector=\"G\"/></filter>`;\n      document.body.appendChild(svg);\n      const turb = svg.querySelector('feTurbulence');\n      const prev = el.style.filter;\n      el.style.filter = `url(#${id})`;\n      let h = 0;\n      const t0 = performance.now();\n      const tick = (now: number) => {\n        const t = ((now - t0) / 1000) * (Number(o.speed) || 1);\n        turb?.setAttribute('baseFrequency', `${(0.012 + 0.004 * Math.sin(t * 1.3)).toFixed(4)} ${(0.06 + 0.02 * Math.cos(t)).toFixed(4)}`);\n        h = raf(tick);\n      };\n      h = raf(tick);\n      return () => {\n        caf(h);\n        el.style.filter = prev;\n        svg.remove();\n      };\n    },\n  },\n  {\n    name: 'neon-write',\n    kind: 'text',\n    description: 'Letters flicker on one by one like a neon sign being switched on, then keep a soft glow (`color`, `stagger`).',\n    defaults: { color: '#ff4fd8', stagger: 70, duration: 520 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const glow = `0 0 4px #fff,0 0 10px ${o.color},0 0 22px ${o.color},0 0 42px ${o.color}`;\n      el.style.textShadow = glow;\n      el.style.color ||= '#fff';\n      if (ctx.reduced) return;\n      const cs = splitChars(el);\n      return all(cs.map((c, i) => ctx.animate(c, [\n        { opacity: 0.08, textShadow: 'none' },\n        { opacity: 1, textShadow: glow, offset: 0.2 },\n        { opacity: 0.2, textShadow: 'none', offset: 0.32 },\n        { opacity: 1, textShadow: glow, offset: 0.46 },\n        { opacity: 0.55, offset: 0.6 },\n        { opacity: 1, textShadow: glow },\n      ], { duration: o.duration, delay: i * o.stagger + rand(0, 60), easing: 'steps(6, end)', fill: 'backwards' })));\n    },\n  },\n  {\n    name: 'particle-text',\n    kind: 'text',\n    description: 'Particles fly in from around the element and assemble into the glyphs, then hand over to the real text (`gap` px between samples, `duration`, `colors`).',\n    defaults: { gap: 3, duration: 1300, colors: ['#7c5cff', '#22d3ee', '#ff5c8a'], spread: 120 },\n    reduced: 'skip',\n    run: (el: HTMLElement, o: any) => {\n      const cs = splitChars(el);\n      const r = el.getBoundingClientRect();\n      if (!r.width || !r.height) return;\n      const pad = Number(o.spread) || 120;\n      const W = Math.ceil(r.width + pad * 2);\n      const H = Math.ceil(r.height + pad * 2);\n      const canvas = document.createElement('canvas');\n      canvas.setAttribute('aria-hidden', 'true');\n      canvas.width = W;\n      canvas.height = H;\n      canvas.style.cssText = `position:absolute;left:${r.left - pad}px;top:${r.top - pad}px;width:${W}px;height:${H}px`;\n      const g = canvas.getContext('2d');\n      if (!g) return;\n      // rasterise each character where the browser laid it out\n      const cs0 = getComputedStyle(el);\n      g.font = `${cs0.fontStyle} ${cs0.fontWeight} ${cs0.fontSize} ${cs0.fontFamily}`;\n      g.textBaseline = 'middle';\n      g.fillStyle = '#000';\n      for (const c of cs) {\n        const b = c.getBoundingClientRect();\n        g.fillText(c.textContent || '', b.left - r.left + pad, b.top - r.top + pad + b.height / 2);\n      }\n      const img = g.getImageData(0, 0, W, H);\n      const gap = Math.max(2, Math.round(Number(o.gap) || 3));\n      const pts: { x: number; y: number; sx: number; sy: number; c: string; d: number }[] = [];\n      for (let y = 0; y < H; y += gap) for (let x = 0; x < W; x += gap) if (img.data[(y * W + x) * 4 + 3] > 128) {\n        const a = rand(0, Math.PI * 2);\n        const rr = rand(pad * 0.6, pad * 1.4);\n        pts.push({ x, y, sx: W / 2 + Math.cos(a) * (W / 2 + rr * 0.3), sy: H / 2 + Math.sin(a) * (H / 2 + rr * 0.3), c: o.colors[pts.length % o.colors.length], d: rand(0, 0.35) });\n      }\n      fxLayer().appendChild(canvas);\n      cs.forEach((c) => (c.style.opacity = '0'));\n      const t0 = performance.now();\n      const dur = Number(o.duration) || 1300;\n      return new Promise<void>((done) => {\n        const finish = () => {\n          canvas.remove();\n          cs.forEach((c) => (c.style.opacity = ''));\n          done();\n        };\n        const tick = (now: number) => {\n          const k = (now - t0) / dur;\n          g.clearRect(0, 0, W, H);\n          for (const p of pts) {\n            const e = Math.min(1, Math.max(0, (k - p.d) / (1 - p.d)));\n            const q = 1 - Math.pow(1 - e, 3);\n            g.globalAlpha = k > 1 ? Math.max(0, 1 - (k - 1) * 4) : 0.25 + 0.75 * q;\n            g.fillStyle = p.c;\n            g.fillRect(p.sx + (p.x - p.sx) * q, p.sy + (p.y - p.sy) * q, gap - 0.5, gap - 0.5);\n          }\n          if (k > 1) cs.forEach((c) => (c.style.opacity = String(Math.min(1, (k - 1) * 4))));\n          if (k < 1.25) raf(tick);\n          else finish();\n        };\n        if (!raf(tick)) finish();\n      });\n    },\n  },\n  {\n    name: 'glitch-text',\n    kind: 'text',\n    description: 'RGB-split slices of the text jump sideways for a moment (`duration`, `colors` of the two channels).',\n    defaults: { duration: 650, colors: ['#22d3ee', '#ff3d81'] },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 1 }, { opacity: 0.6 }, { opacity: 1 }], { duration: 200 });\n      if (getComputedStyle(el).position === 'static') el.style.position = 'relative';\n      const text = el.textContent || '';\n      const steps = 8;\n      const mk = (color: string, dir: number) => {\n        const s = document.createElement('span');\n        s.setAttribute('aria-hidden', 'true');\n        s.textContent = text;\n        s.style.cssText = `position:absolute;inset:0;color:${color};mix-blend-mode:screen;pointer-events:none;white-space:inherit`;\n        el.appendChild(s);\n        const frames: Keyframe[] = [];\n        for (let i = 0; i <= steps; i++) {\n          const top = Math.round(rand(0, 80));\n          frames.push({ clipPath: `inset(${top}% 0 ${Math.max(0, 100 - top - rand(8, 30)).toFixed(0)}% 0)`, transform: `translateX(${(dir * rand(2, 9)).toFixed(1)}px)` });\n        }\n        frames.push({ clipPath: 'inset(50% 0 50% 0)', transform: 'none' });\n        const a = ctx.animate(s, frames, { duration: o.duration, easing: `steps(${steps}, end)` });\n        const rm = () => s.remove();\n        if (a) a.finished.then(rm, rm);\n        else rm();\n        return a;\n      };\n      return all([\n        mk(o.colors[0], -1),\n        mk(o.colors[1], 1),\n        ctx.animate(el, [{ transform: 'none' }, { transform: 'translate(-2px,1px) skewX(-4deg)' }, { transform: 'translate(2px,-1px)' }, { transform: 'skewX(3deg)' }, { transform: 'none' }], { duration: o.duration, easing: 'steps(5, end)' }),\n      ]);\n    },\n  },\n  {\n    name: 'text-trail',\n    kind: 'cursor',\n    description: 'The letters of a word fall off the pointer as it moves over the element (persistent; `text`, `color`, `spacing` px).',\n    defaults: { text: 'MOTIONARY', color: '#7c5cff', spacing: 22, size: 18 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const word = Array.from(String(o.text || '✦'));\n      let i = 0;\n      let lx = -1e4;\n      let ly = -1e4;\n      const move = (e: PointerEvent) => {\n        if (Math.hypot(e.clientX - lx, e.clientY - ly) < o.spacing) return;\n        lx = e.clientX;\n        ly = e.clientY;\n        const ch = word[i++ % word.length];\n        spawn(e.clientX - o.size / 2, e.clientY - o.size / 2, `font:800 ${o.size}px/1 system-ui,sans-serif;color:${o.color};text-shadow:0 2px 8px rgba(0,0,0,.25)`, ctx, [\n          { transform: 'translateY(0) rotate(0) scale(1)', opacity: 1 },\n          { transform: `translateY(${rand(30, 60).toFixed(0)}px) rotate(${rand(-60, 60).toFixed(0)}deg) scale(.6)`, opacity: 0 },\n        ], { duration: rand(700, 1000), easing: 'cubic-bezier(.3,.1,.7,1)' }, ch);\n      };\n      el.addEventListener('pointermove', move);\n      return () => el.removeEventListener('pointermove', move);\n    },\n  },\n  {\n    name: 'font-breathe',\n    kind: 'loop',\n    description: 'A variable-font weight wave breathes through the text (`min` / `max` weight, `period` ms, `stagger`). Best with a variable font.',\n    defaults: { min: 200, max: 900, period: 2400, stagger: 90 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const cs = splitChars(el);\n      const anims = cs.map((c, i) => ctx.animate(c, [\n        { fontWeight: o.min, fontVariationSettings: `'wght' ${o.min}` },\n        { fontWeight: o.max, fontVariationSettings: `'wght' ${o.max}` },\n      ], { duration: o.period / 2, delay: i * o.stagger, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' }));\n      return () => anims.forEach((a) => a?.cancel());\n    },\n  },\n  {\n    name: 'flip-chars',\n    kind: 'text',\n    description: 'Every character flips up in 3D around its baseline, staggered (`stagger`, `duration`, `axis` x | y).',\n    defaults: { stagger: 45, duration: 700, axis: 'x' },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const cs = splitChars(el);\n      el.style.perspective ||= '600px';\n      const rot = o.axis === 'y' ? 'rotateY' : 'rotateX';\n      return all(cs.map((c, i) => {\n        c.style.transformOrigin = '50% 70% -0.4em';\n        c.style.backfaceVisibility = 'hidden';\n        return ctx.reduced\n          ? ctx.animate(c, [{ opacity: 0 }, { opacity: 1 }], { duration: 200, delay: i * 10, fill: 'backwards' })\n          : ctx.animate(c, [{ transform: `${rot}(-100deg)`, opacity: 0 }, { transform: `${rot}(12deg)`, opacity: 1, offset: 0.7 }, { transform: `${rot}(0)`, opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });\n      }));\n    },\n  },\n];\n\n/** Register the 6.3 text pack (idempotent). */\nexport function registerTextEffects3(): void {\n  registerEffects(TEXT3_FX);\n}\n\n"],"names":[],"mappings":";;;;AAwBA;AACM,SAAU,UAAU,CAAC,EAAe,EAAA;AACxC,IAAA,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC;AAChG,IAAA,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,IAAI,EAAE;AACjC,IAAA,EAAE,CAAC,WAAW,GAAG,EAAE;IACnB,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACjC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACxC,QAAA,CAAC,CAAC,SAAS,GAAG,QAAQ;AACtB,QAAA,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACrC,QAAA,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AACxD,QAAA,CAAC,CAAC,WAAW,GAAG,EAAE;AAClB,QAAA,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IACnB;IACA,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AACnC,IAAA,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,GAAG;IACzB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC;AACzE;AAEA,MAAM,GAAG,GAAG,CAAC,EAAwB,MAAc,OAAO,qBAAqB,KAAK,UAAU,GAAG,qBAAqB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAC/H,MAAM,GAAG,GAAG,CAAC,CAAS,KAAU;AAC9B,IAAA,IAAI,CAAC,IAAI,OAAO,oBAAoB,KAAK,UAAU;QAAE,oBAAoB,CAAC,CAAC,CAAC;AAC9E,CAAC;AACD,IAAI,GAAG,GAAG,CAAC;AAEJ,MAAM,QAAQ,GAAuB;AAC1C,IAAA;AACE,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,uGAAuG;QACpH,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;AACnC,QAAA,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,KAAI;AAC/B,YAAA,MAAM,EAAE,GAAG,CAAA,WAAA,EAAc,EAAE,GAAG,EAAE;YAChC,MAAM,EAAE,GAAG,4BAA4B;YACvC,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,EAAE,EAAE,KAAK,CAAC;AAC/C,YAAA,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACvC,YAAA,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC;AAC9B,YAAA,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC;AAC/B,YAAA,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,oDAAoD;AACxE,YAAA,GAAG,CAAC,SAAS,GAAG,CAAA,YAAA,EAAe,EAAE,CAAA,qMAAA,EAAwM,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,wDAAwD;AACxT,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;YAC9B,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC;AAC9C,YAAA,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM;YAC5B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,KAAA,EAAQ,EAAE,GAAG;YAC/B,IAAI,CAAC,GAAG,CAAC;AACT,YAAA,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;AAC5B,YAAA,MAAM,IAAI,GAAG,CAAC,GAAW,KAAI;gBAC3B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACtD,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE,CAAA,EAAG,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC;AAClI,gBAAA,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACf,YAAA,CAAC;AACD,YAAA,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACb,YAAA,OAAO,MAAK;gBACV,GAAG,CAAC,CAAC,CAAC;AACN,gBAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;gBACtB,GAAG,CAAC,MAAM,EAAE;AACd,YAAA,CAAC;QACH,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,+GAA+G;AAC5H,QAAA,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC1D,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;;AACnD,YAAA,MAAM,IAAI,GAAG,CAAA,sBAAA,EAAyB,CAAC,CAAC,KAAK,CAAA,UAAA,EAAa,CAAC,CAAC,KAAK,CAAA,UAAA,EAAa,CAAC,CAAC,KAAK,EAAE;AACvF,YAAA,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI;YAC1B,CAAA,EAAA,GAAA,EAAE,CAAC,KAAK,EAAC,KAAK,KAAA,EAAA,CAAL,KAAK,GAAK,MAAM,CAAA;YACzB,IAAI,GAAG,CAAC,OAAO;gBAAE;AACjB,YAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AACzB,YAAA,OAAO,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE;AACzC,gBAAA,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACrC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;gBAC7C,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;gBAClD,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;AAC9C,gBAAA,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;AAC9B,gBAAA,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE;AACjC,aAAA,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QAChH,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,0JAA0J;QACvK,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE;AAC5F,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,KAAI;AAC/B,YAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AACzB,YAAA,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;YACpC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;gBAAE;YAC3B,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG;AACnC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AACtC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;YACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,YAAA,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AAC1C,YAAA,MAAM,CAAC,KAAK,GAAG,CAAC;AAChB,YAAA,MAAM,CAAC,MAAM,GAAG,CAAC;YACjB,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,CAAA,uBAAA,EAA0B,CAAC,CAAC,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,GAAG,YAAY,CAAC,CAAA,UAAA,EAAa,CAAC,CAAA,EAAA,CAAI;YACjH,MAAM,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACjC,YAAA,IAAI,CAAC,CAAC;gBAAE;;AAER,YAAA,MAAM,GAAG,GAAG,gBAAgB,CAAC,EAAE,CAAC;YAChC,CAAC,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,UAAU,CAAA,CAAA,EAAI,GAAG,CAAC,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAC,UAAU,EAAE;AAC/E,YAAA,CAAC,CAAC,YAAY,GAAG,QAAQ;AACzB,YAAA,CAAC,CAAC,SAAS,GAAG,MAAM;AACpB,YAAA,KAAK,MAAM,CAAC,IAAI,EAAE,EAAE;AAClB,gBAAA,MAAM,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAE;AACnC,gBAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YAC5F;AACA,YAAA,MAAM,GAAG,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;YACvD,MAAM,GAAG,GAA6E,EAAE;YACxF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG;gBAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG;AAAE,oBAAA,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;AACzG,wBAAA,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAC9B,wBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC;AACrC,wBAAA,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;oBAC7K;AACA,YAAA,OAAO,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC;AAC7B,YAAA,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC;AAC1C,YAAA,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI;AACtC,YAAA,OAAO,IAAI,OAAO,CAAO,CAAC,IAAI,KAAI;gBAChC,MAAM,MAAM,GAAG,MAAK;oBAClB,MAAM,CAAC,MAAM,EAAE;AACf,oBAAA,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;AACzC,oBAAA,IAAI,EAAE;AACR,gBAAA,CAAC;AACD,gBAAA,MAAM,IAAI,GAAG,CAAC,GAAW,KAAI;oBAC3B,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,IAAI,GAAG;oBAC1B,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACvB,oBAAA,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;AACnB,wBAAA,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,wBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAChC,wBAAA,CAAC,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;AACtE,wBAAA,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;AACjB,wBAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC;oBACpF;oBACA,IAAI,CAAC,GAAG,CAAC;AAAE,wBAAA,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClF,IAAI,CAAC,GAAG,IAAI;wBAAE,GAAG,CAAC,IAAI,CAAC;;AAClB,wBAAA,MAAM,EAAE;AACf,gBAAA,CAAC;AACD,gBAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AAAE,oBAAA,MAAM,EAAE;AAC1B,YAAA,CAAC,CAAC;QACJ,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,qGAAqG;AAClH,QAAA,QAAQ,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE;QAC3D,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;YACnD,IAAI,GAAG,CAAC,OAAO;AAAE,gBAAA,OAAO,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAC9G,YAAA,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,QAAQ;AAAE,gBAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAC9E,YAAA,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,IAAI,EAAE;YACjC,MAAM,KAAK,GAAG,CAAC;AACf,YAAA,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,GAAW,KAAI;gBACxC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACxC,gBAAA,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACrC,gBAAA,CAAC,CAAC,WAAW,GAAG,IAAI;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,CAAA,gCAAA,EAAmC,KAAK,gEAAgE;AAC1H,gBAAA,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;gBACjB,MAAM,MAAM,GAAe,EAAE;AAC7B,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,EAAE;AAC/B,oBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBACnC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA,MAAA,EAAS,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,IAAA,CAAM,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA,GAAA,CAAK,EAAE,CAAC;gBAClK;AACA,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;gBAClE,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,KAAK,CAAA,MAAA,CAAQ,EAAE,CAAC;gBAC1F,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,MAAM,EAAE;AAC3B,gBAAA,IAAI,CAAC;oBAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;;AACzB,oBAAA,EAAE,EAAE;AACT,gBAAA,OAAO,CAAC;AACV,YAAA,CAAC;AACD,YAAA,OAAO,GAAG,CAAC;gBACT,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;gBACnB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAClB,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,kCAAkC,EAAE,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AAC1O,aAAA,CAAC;QACJ,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,sHAAsH;AACnI,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACxE,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;AACnD,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;YAC9C,IAAI,CAAC,GAAG,CAAC;AACT,YAAA,IAAI,EAAE,GAAG,IAAI;AACb,YAAA,IAAI,EAAE,GAAG,IAAI;AACb,YAAA,MAAM,IAAI,GAAG,CAAC,CAAe,KAAI;AAC/B,gBAAA,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO;oBAAE;AAC5D,gBAAA,EAAE,GAAG,CAAC,CAAC,OAAO;AACd,gBAAA,EAAE,GAAG,CAAC,CAAC,OAAO;gBACd,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;AAClC,gBAAA,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,EAAE,CAAA,SAAA,EAAY,CAAC,CAAC,IAAI,CAAA,gCAAA,EAAmC,CAAC,CAAC,KAAK,CAAA,sCAAA,CAAwC,EAAE,GAAG,EAAE;AAC/J,oBAAA,EAAE,SAAS,EAAE,kCAAkC,EAAE,OAAO,EAAE,CAAC,EAAE;AAC7D,oBAAA,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,cAAA,CAAgB,EAAE,OAAO,EAAE,CAAC,EAAE;AACvH,iBAAA,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,0BAA0B,EAAE,EAAE,EAAE,CAAC;AAC3E,YAAA,CAAC;AACD,YAAA,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC;YACxC,OAAO,MAAM,EAAE,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC;QAC1D,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,kIAAkI;AAC/I,QAAA,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3D,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;AACnD,YAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AACzB,YAAA,MAAM,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE;AAC5C,gBAAA,EAAE,UAAU,EAAE,CAAC,CAAC,GAAG,EAAE,qBAAqB,EAAE,CAAA,OAAA,EAAU,CAAC,CAAC,GAAG,EAAE,EAAE;AAC/D,gBAAA,EAAE,UAAU,EAAE,CAAC,CAAC,GAAG,EAAE,qBAAqB,EAAE,CAAA,OAAA,EAAU,CAAC,CAAC,GAAG,EAAE,EAAE;AAChE,aAAA,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC;AAC1H,YAAA,OAAO,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAChD,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,sGAAsG;AACnH,QAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACnD,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;;AACnD,YAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;YACzB,CAAA,EAAA,GAAA,EAAE,CAAC,KAAK,EAAC,WAAW,KAAA,EAAA,CAAX,WAAW,GAAK,OAAO,CAAA;AAChC,YAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,GAAG,SAAS,GAAG,SAAS;YAClD,OAAO,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACzB,gBAAA,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,gBAAgB;AAC1C,gBAAA,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ;gBACrC,OAAO,GAAG,CAAC;AACT,sBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;AACtG,sBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,SAAA,CAAW,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,GAAG,CAAA,OAAA,CAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,GAAA,CAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,0BAA0B,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;YAC5Q,CAAC,CAAC,CAAC;QACL,CAAC;AACF,KAAA;;AAGH;SACgB,oBAAoB,GAAA;IAClC,eAAe,CAAC,QAAQ,CAAC;AAC3B;;;;"}

package/dist/components/fx.js

@@ -1,8 +1,8 @@
-import { x as defineElement } from '../chunks/base-C_3cAoRz.js';
-import { p as playEffect, b as bindEffect, a as EFFECT_TRIGGERS, c as registerEffects } from '../chunks/registry-CKNLQpwd.js';
-export { E as EFFECT_KINDS, g as getEffect, h as hasEffect, l as listEffects, r as registerEffect } from '../chunks/registry-CKNLQpwd.js';
-import { T as TIMELINE_PRESETS } from '../chunks/core-VEBw36QK.js';
-import { b as burst, c as confetti, s as shake } from '../chunks/fx-Bs6IrV4Q.js';
+import { y as defineElement } from '../chunks/base-DchG4q_S.js';
+import { p as playEffect, b as bindEffect, a as EFFECT_TRIGGERS, c as registerEffects } from '../chunks/registry-Bu5NrAyA.js';
+export { E as EFFECT_KINDS, g as getEffect, h as hasEffect, l as listEffects, r as registerEffect } from '../chunks/registry-Bu5NrAyA.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 './tokens.js';
 
 function defineFx(tag = 'usa-fx') {

package/dist/components/fx2.cjs

@@ -1,17 +1,24 @@
 'use strict';
 
-var components_fxGpu = require('../chunks/gpu-CenK2l6b.cjs');
+var components_fxGpu = require('../chunks/gpu-BBRLgEzM.cjs');
+var components_fxText = require('./fx-text.cjs');
+var components_fxLight = require('./fx-light.cjs');
 require('../chunks/registry-DehBVRDV.cjs');
 require('../chunks/base-BaQV-2ha.cjs');
-require('../chunks/generative-DzIZq-_g.cjs');
+require('../chunks/generative-BHIj-NU0.cjs');
+require('../chunks/shared-jkgRH-Hx.cjs');
 
 /** The 6.x effect packs by name. */
 const FX2_PACKS = {
     gpu: components_fxGpu.GPU_FX,
+    text: components_fxText.TEXT3_FX,
+    light: components_fxLight.LIGHT_FX,
 };
 /** Register every 6.x pack (idempotent). */
 function registerFx2() {
     components_fxGpu.registerGpuEffects();
+    components_fxText.registerTextEffects3();
+    components_fxLight.registerLightEffects();
 }
 
 exports.GLSL_HEAD = components_fxGpu.GLSL_HEAD;
@@ -20,6 +27,12 @@ exports.fieldFallback = components_fxGpu.fieldFallback;
 exports.registerGpuEffects = components_fxGpu.registerGpuEffects;
 exports.shaderBackground = components_fxGpu.shaderBackground;
 exports.supportsWebGL2 = components_fxGpu.supportsWebGL2;
+exports.TEXT3_FX = components_fxText.TEXT3_FX;
+exports.registerTextEffects3 = components_fxText.registerTextEffects3;
+exports.splitChars = components_fxText.splitChars;
+exports.LIGHT_FX = components_fxLight.LIGHT_FX;
+exports.registerLightEffects = components_fxLight.registerLightEffects;
+exports.trackPointer = components_fxLight.trackPointer;
 exports.FX2_PACKS = FX2_PACKS;
 exports.registerFx2 = registerFx2;
 //# 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';\nimport { GPU_FX, registerGpuEffects } from './gpu';\n\nexport { GPU_FX, registerGpuEffects };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n  registerGpuEffects();\n}\n"],"names":["GPU_FX","registerGpuEffects"],"mappings":";;;;;;;AAYA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAEA,uBAAM;;AAGb;SACgB,WAAW,GAAA;AACzB,IAAAC,mCAAkB,EAAE;AACtB;;;;;;;;;;;"}
+{"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';\nimport { GPU_FX, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightEffects, trackPointer } from './light';\n\nexport { GPU_FX, registerGpuEffects, TEXT3_FX, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightEffects, trackPointer };\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n  registerGpuEffects();\n  registerTextEffects3();\n  registerLightEffects();\n}\n"],"names":["GPU_FX","TEXT3_FX","LIGHT_FX","registerGpuEffects","registerTextEffects3","registerLightEffects"],"mappings":";;;;;;;;;;AAgBA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAEA,uBAAM;AACX,IAAA,IAAI,EAAEC,0BAAQ;AACd,IAAA,KAAK,EAAEC,2BAAQ;;AAGjB;SACgB,WAAW,GAAA;AACzB,IAAAC,mCAAkB,EAAE;AACpB,IAAAC,sCAAoB,EAAE;AACtB,IAAAC,uCAAoB,EAAE;AACxB;;;;;;;;;;;;;;;;;"}

package/dist/components/fx2.d.cts

@@ -60,6 +60,60 @@ declare const GPU_FX: EffectDefinition[];
 /** Register the 6.2 GPU pack (idempotent). */
 declare function registerGpuEffects(): void;
 
+/**
+ * 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through
+ * `registerEffect()`:
+ *
+ * - `liquid-text` (loop) — the text ripples like liquid (animated SVG
+ *   turbulence + displacement filter).
+ * - `neon-write` (text) — letters flicker on one by one like a neon sign
+ *   being switched on, then keep a soft glow.
+ * - `particle-text` (text) — particles fly in from around the element and
+ *   assemble into the glyphs, then hand over to the real text.
+ * - `glitch-text` (text) — RGB-split slices jump sideways for a moment.
+ * - `text-trail` (cursor) — the letters of a word fall off the pointer.
+ * - `font-breathe` (loop) — a variable-font weight wave breathes through the text.
+ * - `flip-chars` (text) — every character flips up in 3D, staggered.
+ *
+ * Splitting keeps a visually hidden copy for screen readers (the animated
+ * characters are `aria-hidden`). Reduced motion: loops and the trail are
+ * skipped, one-shot effects show the final state without movement.
+ */
+
+/** Split `el`'s text into `aria-hidden` inline-block characters (idempotent). Returns them. */
+declare function splitChars(el: HTMLElement): HTMLElement[];
+declare const TEXT3_FX: EffectDefinition[];
+/** Register the 6.3 text pack (idempotent). */
+declare function registerTextEffects3(): void;
+
+/**
+ * 6.4 — Light & materials (`motionary/components/fx-light`), registered
+ * through `registerEffect()`. Persistent effects (use `trigger="load"`)
+ * that return a cleanup:
+ *
+ * - `light-follow` (hover) — a soft point light + specular highlight that
+ *   follows the pointer over the surface.
+ * - `refraction` (hover) — a glass lens that bends and magnifies what is
+ *   behind it as it follows the pointer (backdrop filter, chromatic rim).
+ * - `brushed-metal` (card) — fine brushed lines with an anisotropic sheen
+ *   that turns with the pointer angle.
+ * - `pearlescent` (card) — a nacre / holographic film whose hues shift with
+ *   the pointer position.
+ * - `god-rays` (background) — volumetric light shafts from a source point
+ *   (Canvas 2D, additive).
+ * - `pointer-shadow` (hover) — the pointer is the light: the element casts
+ *   a soft real-time shadow away from it.
+ *
+ * Reduced motion: surfaces stay lit from a fixed angle (no tracking),
+ * `god-rays` draws one still frame.
+ */
+
+/** Track the pointer over `el` as 0–1 coordinates (`fn(x, y, inside)`); starts at (`x0`, `y0`). Returns a remover. */
+declare function trackPointer(el: HTMLElement, ctx: EffectContext, fn: (x: number, y: number, inside: boolean) => void, x0?: number, y0?: number): () => void;
+declare const LIGHT_FX: EffectDefinition[];
+/** Register the 6.4 light & materials pack (idempotent). */
+declare function registerLightEffects(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -132,5 +186,5 @@ declare const FX2_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x pack (idempotent). */
 declare function registerFx2(): void;
 
-export { FX2_PACKS, GLSL_HEAD, GPU_FX, fieldFallback, registerFx2, registerGpuEffects, shaderBackground, supportsWebGL2 };
+export { FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, TEXT3_FX, fieldFallback, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3, shaderBackground, splitChars, supportsWebGL2, trackPointer };
 export type { ShaderSpec };