use-scroll-animate 7.1.0 → 7.2.0

package/CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [7.2.0] - 2026-10-08
+
+### Added
+- **4 new components (7.2)** in `motionary/components/widgets` (also in `dist/widgets.umd.js`):
+  - `<usa-bar-chart>` — animated bar chart from `values` + `labels`, `<data>` children or the `data` property: bars grow in a stagger on first view, value labels show with `unit`; new data glides every bar (appearing bars grow, leaving bars shrink away); `horizontal`, `max`. A labelled `figure` with a list of “label: value” items.
+  - `<usa-gauge>` — semicircular gauge: the needle swings to `value` on a damped spring, the arc fills in the colour of its `zones` (`"60:#22c55e,85:#f59e0b,100:#ef4444"`), the number counts; `min` / `max` / `unit` / `label`; `role="meter"` with `aria-valuetext`.
+  - `<usa-sparkline>` — inline trend line (`values` or `data`): draws on first view, area fades in, the last point pulses, new data morphs point by point; `variant="line | area | bars"`, `color`; hover tooltip; text summary as `aria-label`. `SPARK_VARIANTS`, `sparkPoints()`.
+  - `<usa-kpi>` — KPI card: the value counts up keeping prefix / suffix / decimals, the `delta` chip slides in with a ▲ / ▼ coloured by sign (`invert` when down is good), optional `trend` sparkline, `caption`; setting `value` rolls from the old number and flashes the card.
+- **Data-viz motion — `motionary/fx/chart`** (= `motionary/components/fx-chart`, `registerChartPack()`, also in `registerEffectPacks()`): entrances for charts you already have (any SVG / HTML chart library) — `bars-grow`, `line-draw`, `ring-sweep`, `dots-pop`, `number-roll` (enter) and `sankey-flow` (loop). `parseFigure()`.
+- Showcase: 7 new gallery cards with copyable code and live “new data” buttons; Animation Store 292 → 299 items.
+
+### Accessibility
+- Bar chart = `figure` + list items labelled “label: value”; gauge = `meter` with `aria-valuenow` / `aria-valuetext`; sparkline = `img` with a trend summary; KPI = labelled `group`. Reduced motion: no growth, glide, swing, count, draw, morph, pulse or flash — final values are shown at once; chart effects end in their final state with a short fade and `sankey-flow` is static.
+
 ## [7.1.0] - 2026-10-08
 
 ### Added

package/dist/components/fx-chart.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var registry = require('../chunks/registry-DehBVRDV.cjs');
+var shared = require('../chunks/shared-jkgRH-Hx.cjs');
+require('../chunks/base-BaQV-2ha.cjs');
+
+const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
+const pick = (el, sel) => Array.from(el.querySelectorAll(sel));
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+function parseFigure(s) {
+    const m = /^(\D*?)(-?[\d,]*\.?\d+)(.*)$/.exec(s.trim());
+    if (!m)
+        return null;
+    const raw = m[2].replace(/,/g, '');
+    return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };
+}
+const CHART_FX = [
+    {
+        name: 'bars-grow',
+        kind: 'enter',
+        description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',
+        defaults: { axis: 'y', stagger: 60, duration: 700 },
+        run: (el, o, ctx) => {
+            let bars = pick(el, '[data-bar]');
+            if (!bars.length)
+                bars = pick(el, 'rect');
+            if (!bars.length)
+                bars = Array.from(el.children);
+            if (ctx.reduced)
+                return fade(el, ctx);
+            const x = o.axis === 'x';
+            return shared.all(bars.map((b, i) => {
+                b.style.transformOrigin = x ? '0% 50%' : '50% 100%';
+                b.style.transformBox = 'fill-box';
+                return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'line-draw',
+        kind: 'enter',
+        description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',
+        defaults: { duration: 1100, stagger: 120 },
+        run: (el, o, ctx) => {
+            const lines = pick(el, 'path, polyline, line');
+            if (ctx.reduced || !lines.length)
+                return fade(el, ctx);
+            return shared.all(lines.map((p, i) => {
+                const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;
+                const fill = getComputedStyle(p).fill;
+                const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';
+                return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'ring-sweep',
+        kind: 'enter',
+        description: "SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).",
+        defaults: { duration: 1000, stagger: 150 },
+        run: (el, o, ctx) => {
+            const rings = pick(el, 'circle');
+            if (ctx.reduced || !rings.length)
+                return fade(el, ctx);
+            return shared.all(rings.map((c, i) => {
+                const r = Number(c.getAttribute('r')) || 0;
+                const len = 2 * Math.PI * r || 100;
+                const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;
+                const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;
+                return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'sankey-flow',
+        kind: 'loop',
+        description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',
+        defaults: { speed: 1, dash: '6 10' },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            let links = pick(el, '[data-flow]');
+            if (!links.length)
+                links = pick(el, 'path');
+            const prev = links.map((l) => l.getAttribute('stroke-dasharray'));
+            links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));
+            const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));
+            const stop = () => {
+                anims.forEach((a) => a?.cancel());
+                links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i])));
+            };
+            ctx.onCleanup(stop);
+            return stop;
+        },
+    },
+    {
+        name: 'number-roll',
+        kind: 'enter',
+        description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',
+        defaults: { duration: 1200, locale: undefined },
+        run: (el, o, ctx) => {
+            const targets = pick(el, '[data-value]');
+            const list = targets.length ? targets : [el];
+            const jobs = list.map((t) => {
+                const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');
+                return f && Number.isFinite(f.n) ? { t, f } : null;
+            }).filter(Boolean);
+            const out = (f, v) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;
+            if (ctx.reduced || typeof requestAnimationFrame !== 'function') {
+                jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));
+                return fade(el, ctx);
+            }
+            return new Promise((resolve) => {
+                const t0 = performance.now();
+                let raf = 0;
+                const step = (now) => {
+                    const k = Math.min(1, (now - t0) / o.duration);
+                    const e = 1 - Math.pow(1 - k, 3);
+                    jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));
+                    if (k < 1)
+                        raf = requestAnimationFrame(step);
+                    else
+                        resolve();
+                };
+                raf = requestAnimationFrame(step);
+                ctx.onCleanup(() => cancelAnimationFrame(raf));
+            });
+        },
+    },
+    {
+        name: 'dots-pop',
+        kind: 'enter',
+        description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',
+        defaults: { stagger: 40, duration: 420 },
+        run: (el, o, ctx) => {
+            let dots = pick(el, '[data-dot]');
+            if (!dots.length)
+                dots = pick(el, 'circle');
+            if (ctx.reduced || !dots.length)
+                return fade(el, ctx);
+            const xOf = (d) => Number(d.getAttribute('cx')) || d.offsetLeft || 0;
+            const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));
+            return shared.all(sorted.map((d, i) => {
+                d.style.transformBox = 'fill-box';
+                d.style.transformOrigin = '50% 50%';
+                return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });
+            }));
+        },
+    },
+];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+function registerChartPack() {
+    registry.registerEffects(CHART_FX);
+}
+
+exports.CHART_FX = CHART_FX;
+exports.parseFigure = parseFigure;
+exports.registerChartPack = registerChartPack;
+//# sourceMappingURL=fx-chart.cjs.map

package/dist/components/fx-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fx-chart.cjs","sources":["../../src/components/fx2/chart.ts"],"sourcesContent":["/**\n * 7.2 — Data-viz motion (`motionary/fx/chart`, also\n * `motionary/components/fx-chart`): entrances for the charts you already\n * have (any SVG or HTML chart library), registered through `registerEffect()`:\n *\n * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow\n *   from the baseline in a stagger.\n * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.\n * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.\n * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or\n *   every stroked `path`) to show direction and volume.\n * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up\n *   with locale formatting.\n * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.\n *\n * Reduced motion: final state with a short fade (sankey-flow is static).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { all } from '../effects/shared';\n\nconst fade = (el: Element, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });\nconst pick = <T extends Element>(el: Element, sel: string): T[] => Array.from(el.querySelectorAll<T>(sel));\n\n/** Parse a number out of text like \"$1,234.5k\" → { n, pre, post, dec }. */\nexport function parseFigure(s: string): { n: number; pre: string; post: string; dec: number } | null {\n  const m = /^(\\D*?)(-?[\\d,]*\\.?\\d+)(.*)$/.exec(s.trim());\n  if (!m) return null;\n  const raw = m[2].replace(/,/g, '');\n  return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };\n}\n\nexport const CHART_FX: EffectDefinition[] = [\n  {\n    name: 'bars-grow',\n    kind: 'enter',\n    description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',\n    defaults: { axis: 'y', stagger: 60, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let bars = pick<HTMLElement>(el, '[data-bar]');\n      if (!bars.length) bars = pick<HTMLElement>(el, 'rect');\n      if (!bars.length) bars = Array.from(el.children) as HTMLElement[];\n      if (ctx.reduced) return fade(el, ctx);\n      const x = o.axis === 'x';\n      return all(\n        bars.map((b, i) => {\n          (b.style as CSSStyleDeclaration).transformOrigin = x ? '0% 50%' : '50% 100%';\n          (b.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'line-draw',\n    kind: 'enter',\n    description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',\n    defaults: { duration: 1100, stagger: 120 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lines = pick<SVGGeometryElement>(el, 'path, polyline, line');\n      if (ctx.reduced || !lines.length) return fade(el, ctx);\n      return all(\n        lines.map((p, i) => {\n          const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;\n          const fill = getComputedStyle(p).fill;\n          const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';\n          return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'ring-sweep',\n    kind: 'enter',\n    description: \"SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).\",\n    defaults: { duration: 1000, stagger: 150 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const rings = pick<SVGCircleElement>(el, 'circle');\n      if (ctx.reduced || !rings.length) return fade(el, ctx);\n      return all(\n        rings.map((c, i) => {\n          const r = Number(c.getAttribute('r')) || 0;\n          const len = 2 * Math.PI * r || 100;\n          const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;\n          const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;\n          return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'sankey-flow',\n    kind: 'loop',\n    description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',\n    defaults: { speed: 1, dash: '6 10' },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let links = pick<SVGPathElement>(el, '[data-flow]');\n      if (!links.length) links = pick<SVGPathElement>(el, 'path');\n      const prev = links.map((l) => l.getAttribute('stroke-dasharray'));\n      links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));\n      const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));\n      const stop = () => {\n        anims.forEach((a) => a?.cancel());\n        links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i]!)));\n      };\n      ctx.onCleanup(stop);\n      return stop;\n    },\n  },\n  {\n    name: 'number-roll',\n    kind: 'enter',\n    description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',\n    defaults: { duration: 1200, locale: undefined },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const targets = pick<HTMLElement>(el, '[data-value]');\n      const list = targets.length ? targets : [el];\n      const jobs = list.map((t) => {\n        const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');\n        return f && Number.isFinite(f.n) ? { t, f } : null;\n      }).filter(Boolean) as { t: HTMLElement; f: NonNullable<ReturnType<typeof parseFigure>> }[];\n      const out = (f: NonNullable<ReturnType<typeof parseFigure>>, v: number) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;\n      if (ctx.reduced || typeof requestAnimationFrame !== 'function') {\n        jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));\n        return fade(el, ctx);\n      }\n      return new Promise<void>((resolve) => {\n        const t0 = performance.now();\n        let raf = 0;\n        const step = (now: number) => {\n          const k = Math.min(1, (now - t0) / o.duration);\n          const e = 1 - Math.pow(1 - k, 3);\n          jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));\n          if (k < 1) raf = requestAnimationFrame(step);\n          else resolve();\n        };\n        raf = requestAnimationFrame(step);\n        ctx.onCleanup(() => cancelAnimationFrame(raf));\n      });\n    },\n  },\n  {\n    name: 'dots-pop',\n    kind: 'enter',\n    description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',\n    defaults: { stagger: 40, duration: 420 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let dots = pick<SVGElement>(el, '[data-dot]');\n      if (!dots.length) dots = pick<SVGElement>(el, 'circle');\n      if (ctx.reduced || !dots.length) return fade(el, ctx);\n      const xOf = (d: Element) => Number(d.getAttribute('cx')) || (d as HTMLElement).offsetLeft || 0;\n      const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));\n      return all(\n        sorted.map((d, i) => {\n          (d.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          (d.style as CSSStyleDeclaration).transformOrigin = '50% 50%';\n          return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });\n        })\n      );\n    },\n  },\n];\n\n/** Register the 7.2 data-viz motion pack (idempotent). */\nexport function registerChartPack(): void {\n  registerEffects(CHART_FX);\n}\n"],"names":["all","registerEffects"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+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>;
+}
+
+/**
+ * 7.2 — Data-viz motion (`motionary/fx/chart`, also
+ * `motionary/components/fx-chart`): entrances for the charts you already
+ * have (any SVG or HTML chart library), registered through `registerEffect()`:
+ *
+ * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow
+ *   from the baseline in a stagger.
+ * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.
+ * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.
+ * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or
+ *   every stroked `path`) to show direction and volume.
+ * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up
+ *   with locale formatting.
+ * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.
+ *
+ * Reduced motion: final state with a short fade (sankey-flow is static).
+ */
+
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+declare function parseFigure(s: string): {
+    n: number;
+    pre: string;
+    post: string;
+    dec: number;
+} | null;
+declare const CHART_FX: EffectDefinition[];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+declare function registerChartPack(): void;
+
+export { CHART_FX, parseFigure, registerChartPack };

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

@@ -0,0 +1,73 @@
+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>;
+}
+
+/**
+ * 7.2 — Data-viz motion (`motionary/fx/chart`, also
+ * `motionary/components/fx-chart`): entrances for the charts you already
+ * have (any SVG or HTML chart library), registered through `registerEffect()`:
+ *
+ * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow
+ *   from the baseline in a stagger.
+ * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.
+ * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.
+ * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or
+ *   every stroked `path`) to show direction and volume.
+ * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up
+ *   with locale formatting.
+ * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.
+ *
+ * Reduced motion: final state with a short fade (sankey-flow is static).
+ */
+
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+declare function parseFigure(s: string): {
+    n: number;
+    pre: string;
+    post: string;
+    dec: number;
+} | null;
+declare const CHART_FX: EffectDefinition[];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+declare function registerChartPack(): void;
+
+export { CHART_FX, parseFigure, registerChartPack };

package/dist/components/fx-chart.js

@@ -0,0 +1,154 @@
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { a as all } from '../chunks/shared-CkKHWrtJ.js';
+import '../chunks/base-2-yYc93C.js';
+
+const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
+const pick = (el, sel) => Array.from(el.querySelectorAll(sel));
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+function parseFigure(s) {
+    const m = /^(\D*?)(-?[\d,]*\.?\d+)(.*)$/.exec(s.trim());
+    if (!m)
+        return null;
+    const raw = m[2].replace(/,/g, '');
+    return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };
+}
+const CHART_FX = [
+    {
+        name: 'bars-grow',
+        kind: 'enter',
+        description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',
+        defaults: { axis: 'y', stagger: 60, duration: 700 },
+        run: (el, o, ctx) => {
+            let bars = pick(el, '[data-bar]');
+            if (!bars.length)
+                bars = pick(el, 'rect');
+            if (!bars.length)
+                bars = Array.from(el.children);
+            if (ctx.reduced)
+                return fade(el, ctx);
+            const x = o.axis === 'x';
+            return all(bars.map((b, i) => {
+                b.style.transformOrigin = x ? '0% 50%' : '50% 100%';
+                b.style.transformBox = 'fill-box';
+                return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'line-draw',
+        kind: 'enter',
+        description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',
+        defaults: { duration: 1100, stagger: 120 },
+        run: (el, o, ctx) => {
+            const lines = pick(el, 'path, polyline, line');
+            if (ctx.reduced || !lines.length)
+                return fade(el, ctx);
+            return all(lines.map((p, i) => {
+                const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;
+                const fill = getComputedStyle(p).fill;
+                const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';
+                return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'ring-sweep',
+        kind: 'enter',
+        description: "SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).",
+        defaults: { duration: 1000, stagger: 150 },
+        run: (el, o, ctx) => {
+            const rings = pick(el, 'circle');
+            if (ctx.reduced || !rings.length)
+                return fade(el, ctx);
+            return all(rings.map((c, i) => {
+                const r = Number(c.getAttribute('r')) || 0;
+                const len = 2 * Math.PI * r || 100;
+                const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;
+                const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;
+                return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'sankey-flow',
+        kind: 'loop',
+        description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',
+        defaults: { speed: 1, dash: '6 10' },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            let links = pick(el, '[data-flow]');
+            if (!links.length)
+                links = pick(el, 'path');
+            const prev = links.map((l) => l.getAttribute('stroke-dasharray'));
+            links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));
+            const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));
+            const stop = () => {
+                anims.forEach((a) => a?.cancel());
+                links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i])));
+            };
+            ctx.onCleanup(stop);
+            return stop;
+        },
+    },
+    {
+        name: 'number-roll',
+        kind: 'enter',
+        description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',
+        defaults: { duration: 1200, locale: undefined },
+        run: (el, o, ctx) => {
+            const targets = pick(el, '[data-value]');
+            const list = targets.length ? targets : [el];
+            const jobs = list.map((t) => {
+                const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');
+                return f && Number.isFinite(f.n) ? { t, f } : null;
+            }).filter(Boolean);
+            const out = (f, v) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;
+            if (ctx.reduced || typeof requestAnimationFrame !== 'function') {
+                jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));
+                return fade(el, ctx);
+            }
+            return new Promise((resolve) => {
+                const t0 = performance.now();
+                let raf = 0;
+                const step = (now) => {
+                    const k = Math.min(1, (now - t0) / o.duration);
+                    const e = 1 - Math.pow(1 - k, 3);
+                    jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));
+                    if (k < 1)
+                        raf = requestAnimationFrame(step);
+                    else
+                        resolve();
+                };
+                raf = requestAnimationFrame(step);
+                ctx.onCleanup(() => cancelAnimationFrame(raf));
+            });
+        },
+    },
+    {
+        name: 'dots-pop',
+        kind: 'enter',
+        description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',
+        defaults: { stagger: 40, duration: 420 },
+        run: (el, o, ctx) => {
+            let dots = pick(el, '[data-dot]');
+            if (!dots.length)
+                dots = pick(el, 'circle');
+            if (ctx.reduced || !dots.length)
+                return fade(el, ctx);
+            const xOf = (d) => Number(d.getAttribute('cx')) || d.offsetLeft || 0;
+            const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));
+            return all(sorted.map((d, i) => {
+                d.style.transformBox = 'fill-box';
+                d.style.transformOrigin = '50% 50%';
+                return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });
+            }));
+        },
+    },
+];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+function registerChartPack() {
+    registerEffects(CHART_FX);
+}
+
+export { CHART_FX, parseFigure, registerChartPack };
+//# sourceMappingURL=fx-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-chart.js","sources":["../../src/components/fx2/chart.ts"],"sourcesContent":["/**\n * 7.2 — Data-viz motion (`motionary/fx/chart`, also\n * `motionary/components/fx-chart`): entrances for the charts you already\n * have (any SVG or HTML chart library), registered through `registerEffect()`:\n *\n * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow\n *   from the baseline in a stagger.\n * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.\n * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.\n * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or\n *   every stroked `path`) to show direction and volume.\n * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up\n *   with locale formatting.\n * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.\n *\n * Reduced motion: final state with a short fade (sankey-flow is static).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { all } from '../effects/shared';\n\nconst fade = (el: Element, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });\nconst pick = <T extends Element>(el: Element, sel: string): T[] => Array.from(el.querySelectorAll<T>(sel));\n\n/** Parse a number out of text like \"$1,234.5k\" → { n, pre, post, dec }. */\nexport function parseFigure(s: string): { n: number; pre: string; post: string; dec: number } | null {\n  const m = /^(\\D*?)(-?[\\d,]*\\.?\\d+)(.*)$/.exec(s.trim());\n  if (!m) return null;\n  const raw = m[2].replace(/,/g, '');\n  return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };\n}\n\nexport const CHART_FX: EffectDefinition[] = [\n  {\n    name: 'bars-grow',\n    kind: 'enter',\n    description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',\n    defaults: { axis: 'y', stagger: 60, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let bars = pick<HTMLElement>(el, '[data-bar]');\n      if (!bars.length) bars = pick<HTMLElement>(el, 'rect');\n      if (!bars.length) bars = Array.from(el.children) as HTMLElement[];\n      if (ctx.reduced) return fade(el, ctx);\n      const x = o.axis === 'x';\n      return all(\n        bars.map((b, i) => {\n          (b.style as CSSStyleDeclaration).transformOrigin = x ? '0% 50%' : '50% 100%';\n          (b.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'line-draw',\n    kind: 'enter',\n    description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',\n    defaults: { duration: 1100, stagger: 120 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lines = pick<SVGGeometryElement>(el, 'path, polyline, line');\n      if (ctx.reduced || !lines.length) return fade(el, ctx);\n      return all(\n        lines.map((p, i) => {\n          const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;\n          const fill = getComputedStyle(p).fill;\n          const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';\n          return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'ring-sweep',\n    kind: 'enter',\n    description: \"SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).\",\n    defaults: { duration: 1000, stagger: 150 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const rings = pick<SVGCircleElement>(el, 'circle');\n      if (ctx.reduced || !rings.length) return fade(el, ctx);\n      return all(\n        rings.map((c, i) => {\n          const r = Number(c.getAttribute('r')) || 0;\n          const len = 2 * Math.PI * r || 100;\n          const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;\n          const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;\n          return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'sankey-flow',\n    kind: 'loop',\n    description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',\n    defaults: { speed: 1, dash: '6 10' },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let links = pick<SVGPathElement>(el, '[data-flow]');\n      if (!links.length) links = pick<SVGPathElement>(el, 'path');\n      const prev = links.map((l) => l.getAttribute('stroke-dasharray'));\n      links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));\n      const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));\n      const stop = () => {\n        anims.forEach((a) => a?.cancel());\n        links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i]!)));\n      };\n      ctx.onCleanup(stop);\n      return stop;\n    },\n  },\n  {\n    name: 'number-roll',\n    kind: 'enter',\n    description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',\n    defaults: { duration: 1200, locale: undefined },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const targets = pick<HTMLElement>(el, '[data-value]');\n      const list = targets.length ? targets : [el];\n      const jobs = list.map((t) => {\n        const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');\n        return f && Number.isFinite(f.n) ? { t, f } : null;\n      }).filter(Boolean) as { t: HTMLElement; f: NonNullable<ReturnType<typeof parseFigure>> }[];\n      const out = (f: NonNullable<ReturnType<typeof parseFigure>>, v: number) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;\n      if (ctx.reduced || typeof requestAnimationFrame !== 'function') {\n        jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));\n        return fade(el, ctx);\n      }\n      return new Promise<void>((resolve) => {\n        const t0 = performance.now();\n        let raf = 0;\n        const step = (now: number) => {\n          const k = Math.min(1, (now - t0) / o.duration);\n          const e = 1 - Math.pow(1 - k, 3);\n          jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));\n          if (k < 1) raf = requestAnimationFrame(step);\n          else resolve();\n        };\n        raf = requestAnimationFrame(step);\n        ctx.onCleanup(() => cancelAnimationFrame(raf));\n      });\n    },\n  },\n  {\n    name: 'dots-pop',\n    kind: 'enter',\n    description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',\n    defaults: { stagger: 40, duration: 420 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let dots = pick<SVGElement>(el, '[data-dot]');\n      if (!dots.length) dots = pick<SVGElement>(el, 'circle');\n      if (ctx.reduced || !dots.length) return fade(el, ctx);\n      const xOf = (d: Element) => Number(d.getAttribute('cx')) || (d as HTMLElement).offsetLeft || 0;\n      const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));\n      return all(\n        sorted.map((d, i) => {\n          (d.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          (d.style as CSSStyleDeclaration).transformOrigin = '50% 50%';\n          return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });\n        })\n      );\n    },\n  },\n];\n\n/** Register the 7.2 data-viz motion pack (idempotent). */\nexport function registerChartPack(): void {\n  registerEffects(CHART_FX);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/fx2.cjs

@@ -11,6 +11,7 @@ var components_fxWeather = require('./fx-weather.cjs');
 var components_fxPhysics = require('./fx-physics.cjs');
 var components_fxFocus = require('./fx-focus.cjs');
 var components_fxMusic = require('./fx-music.cjs');
+var components_fxChart = require('./fx-chart.cjs');
 require('../chunks/registry-DehBVRDV.cjs');
 require('../chunks/base-BaQV-2ha.cjs');
 require('../chunks/generative-BHIj-NU0.cjs');
@@ -29,6 +30,7 @@ const EFFECT_PACKS = {
     physics: components_fxPhysics.PHYSICS2_FX,
     focus: components_fxFocus.FOCUS_FX,
     music: components_fxMusic.MUSIC_FX,
+    chart: components_fxChart.CHART_FX,
 };
 /** Register every 6.x effect pack (idempotent). */
 function registerEffectPacks() {
@@ -42,6 +44,7 @@ function registerEffectPacks() {
     components_fxPhysics.registerPhysicsPack();
     components_fxFocus.registerFocusPack();
     components_fxMusic.registerMusicPack();
+    components_fxChart.registerChartPack();
 }
 
 exports.EFFECT_PACK_FORMAT = components_marketplace.EFFECT_PACK_FORMAT;
@@ -87,6 +90,9 @@ exports.MUSIC_FX = components_fxMusic.MUSIC_FX;
 exports.musicSample = components_fxMusic.musicSample;
 exports.registerMusicPack = components_fxMusic.registerMusicPack;
 exports.syntheticSample = components_fxMusic.syntheticSample;
+exports.CHART_FX = components_fxChart.CHART_FX;
+exports.parseFigure = components_fxChart.parseFigure;
+exports.registerChartPack = components_fxChart.registerChartPack;
 exports.EFFECT_PACKS = EFFECT_PACKS;
 exports.registerEffectPacks = registerEffectPacks;
 //# sourceMappingURL=fx2.cjs.map

package/dist/components/fx2.cjs.map

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