use-scroll-animate 9.3.0 → 9.5.0

package/CHANGELOG.md

@@ -7,6 +7,34 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [9.5.0] - 2026-10-09
+
+### Added
+- **Accessible motion 2.0 — `motionary/fx/safe`** (= `motionary/components/fx-safe`, `registerSafePack()`, also in `registerEffectPacks()` and the marketplace): `vestibularSafe(keyframes)` (strip movement, keep opacity / colour), `flashCount()` / `isFlashSafe(keyframes, duration, iterations)` (WCAG 2.3.1 three-flashes check), `applyMotionPreferences(prefs)` / `loadMotionPreferences()` (sensitivity level, shared clock speed, `data-usa-pause-autoplay` / `data-usa-no-parallax` on `<html>`, persisted). Effects that never move: `safe-fade` (enter), `focus-glow` (attention), `color-pulse` (attention), `underline-sweep` (hover) — they run under reduced motion too.
+- **2 new components (9.5)** in `motionary/components/widgets`:
+  - `<usa-motion-prefs>` — motion preference panel: level (Full · Gentle · Minimal · None), speed 0.25–2×, pause autoplaying video, no parallax, live sample, Reset; applies instantly and persists; `prefs`, `reset()`; `usa:change` { prefs }.
+  - `<usa-pause-all>` — one button that pauses / resumes all motion (shared clock, CSS / Web animations, autoplaying media; WCAG 2.2.2), `aria-pressed`, synced with `motionClock`; `scope` limits it to a subtree; `paused`, `toggle()`; `usa:pause-all` { paused }.
+- Showcase: 3 new gallery cards with copyable code, live demos and live Store thumbnails.
+
+### Accessibility
+- The preference panel is a labelled `form` with a `fieldset` / `legend` of radio buttons, a labelled range with an `<output>`, and checkboxes; its sample is `aria-hidden`. The pause button is a real `button` with `aria-pressed` and a text label.
+
+### Fixed
+
+- Build: Rollup ran out of heap at the 4 GB cap (`npm run build` aborted with "JavaScript heap out of memory") once the 9.5 entries were added; the build script's `--max-old-space-size` is raised to 6144.
+
+## [9.4.0] - 2026-10-09
+
+### Added
+- **Video motion — `motionary/fx/video`** (= `motionary/components/fx-video`, `registerVideoPack()`, also in `registerEffectPacks()` and the marketplace): `scrubVideo(video, trigger?)` (scroll-driven video, eased `currentTime`), `frameSequence(canvas, { count, src | draw }, trigger?)` (Apple-style image sequences scrubbed by scroll, preloaded), `scrollProgress(el)`. Effects `film-burn` (enter) and `jump-cut` (attention).
+- **2 new components (9.4)** in `motionary/components/widgets`:
+  - `<usa-video-card>` — hover / focus plays a muted preview with a progress line, play badge and duration chip (`duration` or read from the video); poster Ken Burns drift when there is no playable video; click / Enter → `usa:open` { src }; `previewing`.
+  - `<usa-hero-video>` — full-bleed hero: poster (`poster`, `<img>` or gradient) cross-fades to the background video when it can play, scrim, always-present pause / play button, `scrub` for a scroll-driven video, poster drift when no video; `paused`, `toggle()`; `usa:play` / `usa:pause`.
+- Showcase: 3 new gallery cards with copyable code, live demos and live Store thumbnails.
+
+### Accessibility
+- The hero always offers a labelled pause / play button for moving video (WCAG 2.2.2) and is a labelled `region`; background videos are muted and `aria-hidden`. The video card is a focusable button labelled "Play <title>". Reduced motion: no autoplay or preview (poster only), scrubbing shows the first frame, `film-burn` fades, `jump-cut` does nothing.
+
 ## [9.3.0] - 2026-10-09
 
 ### Added

package/dist/components/fx-safe.cjs

@@ -0,0 +1,155 @@
+'use strict';
+
+var registry = require('../chunks/registry-BVklOepd.cjs');
+var base = require('../chunks/base-DoRUZBy-.cjs');
+
+const MOVE = /^(transform|translate|scale|rotate|offset|offsetPath|offsetDistance|clipPath|top|left|right|bottom|margin.*|perspective)$/;
+/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */
+function vestibularSafe(frames) {
+    return frames.map((f) => {
+        const o = {};
+        for (const [k, v] of Object.entries(f)) {
+            if (MOVE.test(k))
+                continue;
+            if (k === 'filter' && typeof v === 'string') {
+                const nf = v.replace(/blur\([^)]*\)/g, '').trim();
+                if (nf)
+                    o.filter = nf;
+                continue;
+            }
+            o[k] = v;
+        }
+        return o;
+    });
+}
+const lum = (f) => {
+    let l = f.opacity != null ? Number(f.opacity) : 1;
+    const m = typeof f.filter === 'string' ? f.filter.match(/brightness\(([\d.]+)\)/) : null;
+    if (m)
+        l *= Number(m[1]);
+    return l;
+};
+/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */
+function flashCount(frames) {
+    const ls = frames.map(lum);
+    let n = 0;
+    let dir = 0;
+    let ref = ls[0] ?? 1;
+    for (const l of ls.slice(1)) {
+        const d = l - ref;
+        if (Math.abs(d) >= 0.3) {
+            const s = Math.sign(d);
+            if (dir && s !== dir)
+                n++;
+            dir = s;
+            ref = l;
+        }
+    }
+    return n;
+}
+/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */
+function isFlashSafe(frames, duration, iterations = 1) {
+    const per = flashCount(frames);
+    if (!per)
+        return true;
+    const perSecond = (per * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / Math.max(0.001, (duration * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / 1000);
+    return perSecond <= 3;
+}
+const MOTION_PREFS_KEY = 'usa-motion-prefs';
+const DEFAULT_MOTION_PREFS = { sensitivity: 'full', speed: 1, pauseAutoplay: false, noParallax: false };
+/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */
+function applyMotionPreferences(p, persist = true) {
+    const prefs = { ...DEFAULT_MOTION_PREFS, ...p };
+    if (!['full', 'gentle', 'minimal', 'static'].includes(prefs.sensitivity))
+        prefs.sensitivity = 'full';
+    prefs.speed = Math.min(2, Math.max(0.25, Number(prefs.speed) || 1));
+    base.configureComponents({ motionSensitivity: prefs.sensitivity });
+    base.setClock({ rate: prefs.speed });
+    if (typeof document !== 'undefined') {
+        const h = document.documentElement;
+        h.toggleAttribute('data-usa-pause-autoplay', prefs.pauseAutoplay);
+        h.toggleAttribute('data-usa-no-parallax', prefs.noParallax);
+        if (prefs.pauseAutoplay)
+            document.querySelectorAll('video[autoplay], audio[autoplay]').forEach((m) => m.pause?.());
+    }
+    if (persist)
+        try {
+            localStorage.setItem(MOTION_PREFS_KEY, JSON.stringify(prefs));
+        }
+        catch {
+            /* storage blocked */
+        }
+    return prefs;
+}
+/** Saved preferences (or the defaults) (9.5). */
+function loadMotionPreferences() {
+    try {
+        const j = JSON.parse(localStorage.getItem(MOTION_PREFS_KEY) || 'null');
+        if (j && typeof j === 'object')
+            return { ...DEFAULT_MOTION_PREFS, ...j };
+    }
+    catch {
+        /* none */
+    }
+    return { ...DEFAULT_MOTION_PREFS };
+}
+const SAFE_FX = [
+    {
+        name: 'safe-fade',
+        kind: 'enter',
+        description: 'An entrance that never moves: opacity only (also used as the reduced-motion twin of other entrances).',
+        defaults: { duration: 500 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: o.duration, delay: o.delay, easing: 'ease-out', fill: 'backwards' })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'focus-glow',
+        kind: 'attention',
+        description: 'Draws attention with a pulsing focus-ring glow instead of movement (`color`).',
+        defaults: { color: '#6366f1', duration: 1200 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ boxShadow: `0 0 0 0 ${o.color}00` }, { boxShadow: `0 0 0 4px ${o.color}`, offset: 0.4 }, { boxShadow: `0 0 0 8px ${o.color}00` }], { duration: o.duration })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'color-pulse',
+        kind: 'attention',
+        description: 'Draws attention with a colour change instead of movement (`color`).',
+        defaults: { color: '#fde047', duration: 1000 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ backgroundColor: 'transparent' }, { backgroundColor: o.color, offset: 0.35 }, { backgroundColor: 'transparent' }], { duration: o.duration })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'underline-sweep',
+        kind: 'hover',
+        description: 'A text underline grows from the left on hover / focus — motion-light, no layout shift (`color`).',
+        defaults: { color: 'currentColor', duration: 300 },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            const prev = [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition];
+            Object.assign(el.style, { backgroundImage: `linear-gradient(${o.color}, ${o.color})`, backgroundRepeat: 'no-repeat', backgroundPosition: '0 100%' });
+            ctx.onCleanup(() => {
+                [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition] = prev;
+            });
+            if (ctx.reduced) {
+                el.style.backgroundSize = '100% 2px';
+                return;
+            }
+            return ctx.animate(el, [{ backgroundSize: '0% 2px' }, { backgroundSize: '100% 2px' }], { duration: o.duration, easing: 'ease-out', fill: 'forwards' })?.finished.catch(() => undefined);
+        },
+    },
+];
+/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */
+function registerSafePack() {
+    registry.registerEffects(SAFE_FX);
+}
+
+exports.DEFAULT_MOTION_PREFS = DEFAULT_MOTION_PREFS;
+exports.MOTION_PREFS_KEY = MOTION_PREFS_KEY;
+exports.SAFE_FX = SAFE_FX;
+exports.applyMotionPreferences = applyMotionPreferences;
+exports.flashCount = flashCount;
+exports.isFlashSafe = isFlashSafe;
+exports.loadMotionPreferences = loadMotionPreferences;
+exports.registerSafePack = registerSafePack;
+exports.vestibularSafe = vestibularSafe;
+//# sourceMappingURL=fx-safe.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-safe.cjs","sources":["../../src/components/fx2/safemotion.ts"],"sourcesContent":["/**\n * 9.5 — Accessible motion 2.0 (`motionary/fx/safe`, also `motionary/components/fx-safe`):\n *\n * - `vestibularSafe(keyframes)` — strips movement (translate / scale /\n *   rotate / skew / perspective, clip and blur) from keyframes, keeping\n *   opacity and colour, so any animation can get a vestibular-safe twin.\n * - `flashCount(keyframes, duration)` / `isFlashSafe(...)` — counts large\n *   opacity / brightness swings and checks WCAG 2.3.1's three-flashes-per-\n *   second limit.\n * - `applyMotionPreferences(prefs)` / `loadMotionPreferences()` — the\n *   settings behind `<usa-motion-prefs>`: sensitivity level, speed (shared\n *   clock rate), pause autoplay, no parallax; persisted in localStorage and\n *   exposed as `data-usa-*` attributes on `<html>` for your CSS.\n *\n * Effects that never move anything: `safe-fade` (enter), `focus-glow`\n * (attention), `color-pulse` (attention), `underline-sweep` (hover).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { configureComponents, setClock, type MotionSensitivity } from '../base';\n\nconst MOVE = /^(transform|translate|scale|rotate|offset|offsetPath|offsetDistance|clipPath|top|left|right|bottom|margin.*|perspective)$/;\n/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */\nexport function vestibularSafe(frames: Keyframe[]): Keyframe[] {\n  return frames.map((f) => {\n    const o: Keyframe = {};\n    for (const [k, v] of Object.entries(f)) {\n      if (MOVE.test(k)) continue;\n      if (k === 'filter' && typeof v === 'string') {\n        const nf = v.replace(/blur\\([^)]*\\)/g, '').trim();\n        if (nf) o.filter = nf;\n        continue;\n      }\n      (o as any)[k] = v;\n    }\n    return o;\n  });\n}\n\nconst lum = (f: Keyframe): number => {\n  let l = f.opacity != null ? Number(f.opacity) : 1;\n  const m = typeof f.filter === 'string' ? f.filter.match(/brightness\\(([\\d.]+)\\)/) : null;\n  if (m) l *= Number(m[1]);\n  return l;\n};\n/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */\nexport function flashCount(frames: Keyframe[]): number {\n  const ls = frames.map(lum);\n  let n = 0;\n  let dir = 0;\n  let ref = ls[0] ?? 1;\n  for (const l of ls.slice(1)) {\n    const d = l - ref;\n    if (Math.abs(d) >= 0.3) {\n      const s = Math.sign(d);\n      if (dir && s !== dir) n++;\n      dir = s;\n      ref = l;\n    }\n  }\n  return n;\n}\n/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */\nexport function isFlashSafe(frames: Keyframe[], duration: number, iterations = 1): boolean {\n  const per = flashCount(frames);\n  if (!per) return true;\n  const perSecond = (per * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / Math.max(0.001, (duration * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / 1000);\n  return perSecond <= 3;\n}\n\nexport interface MotionPreferences {\n  sensitivity: MotionSensitivity;\n  speed: number;\n  pauseAutoplay: boolean;\n  noParallax: boolean;\n}\nexport const MOTION_PREFS_KEY = 'usa-motion-prefs';\nexport const DEFAULT_MOTION_PREFS: MotionPreferences = { sensitivity: 'full', speed: 1, pauseAutoplay: false, noParallax: false };\n\n/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */\nexport function applyMotionPreferences(p: Partial<MotionPreferences>, persist = true): MotionPreferences {\n  const prefs: MotionPreferences = { ...DEFAULT_MOTION_PREFS, ...p };\n  if (!['full', 'gentle', 'minimal', 'static'].includes(prefs.sensitivity)) prefs.sensitivity = 'full';\n  prefs.speed = Math.min(2, Math.max(0.25, Number(prefs.speed) || 1));\n  configureComponents({ motionSensitivity: prefs.sensitivity });\n  setClock({ rate: prefs.speed });\n  if (typeof document !== 'undefined') {\n    const h = document.documentElement;\n    h.toggleAttribute('data-usa-pause-autoplay', prefs.pauseAutoplay);\n    h.toggleAttribute('data-usa-no-parallax', prefs.noParallax);\n    if (prefs.pauseAutoplay) document.querySelectorAll<HTMLMediaElement>('video[autoplay], audio[autoplay]').forEach((m) => m.pause?.());\n  }\n  if (persist)\n    try {\n      localStorage.setItem(MOTION_PREFS_KEY, JSON.stringify(prefs));\n    } catch {\n      /* storage blocked */\n    }\n  return prefs;\n}\n/** Saved preferences (or the defaults) (9.5). */\nexport function loadMotionPreferences(): MotionPreferences {\n  try {\n    const j = JSON.parse(localStorage.getItem(MOTION_PREFS_KEY) || 'null');\n    if (j && typeof j === 'object') return { ...DEFAULT_MOTION_PREFS, ...j };\n  } catch {\n    /* none */\n  }\n  return { ...DEFAULT_MOTION_PREFS };\n}\n\nexport const SAFE_FX: EffectDefinition[] = [\n  {\n    name: 'safe-fade',\n    kind: 'enter',\n    description: 'An entrance that never moves: opacity only (also used as the reduced-motion twin of other entrances).',\n    defaults: { duration: 500 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: o.duration, delay: o.delay, easing: 'ease-out', fill: 'backwards' })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'focus-glow',\n    kind: 'attention',\n    description: 'Draws attention with a pulsing focus-ring glow instead of movement (`color`).',\n    defaults: { color: '#6366f1', duration: 1200 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ boxShadow: `0 0 0 0 ${o.color}00` }, { boxShadow: `0 0 0 4px ${o.color}`, offset: 0.4 }, { boxShadow: `0 0 0 8px ${o.color}00` }], { duration: o.duration })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'color-pulse',\n    kind: 'attention',\n    description: 'Draws attention with a colour change instead of movement (`color`).',\n    defaults: { color: '#fde047', duration: 1000 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ backgroundColor: 'transparent' }, { backgroundColor: o.color, offset: 0.35 }, { backgroundColor: 'transparent' }], { duration: o.duration })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'underline-sweep',\n    kind: 'hover',\n    description: 'A text underline grows from the left on hover / focus — motion-light, no layout shift (`color`).',\n    defaults: { color: 'currentColor', duration: 300 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const prev = [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition];\n      Object.assign(el.style, { backgroundImage: `linear-gradient(${o.color}, ${o.color})`, backgroundRepeat: 'no-repeat', backgroundPosition: '0 100%' });\n      ctx.onCleanup(() => {\n        [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition] = prev;\n      });\n      if (ctx.reduced) {\n        el.style.backgroundSize = '100% 2px';\n        return;\n      }\n      return ctx.animate(el, [{ backgroundSize: '0% 2px' }, { backgroundSize: '100% 2px' }], { duration: o.duration, easing: 'ease-out', fill: 'forwards' })?.finished.catch(() => undefined);\n    },\n  },\n];\n\n/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */\nexport function registerSafePack(): void {\n  registerEffects(SAFE_FX);\n}\n"],"names":["configureComponents","setClock","registerEffects"],"mappings":"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"}

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

@@ -0,0 +1,85 @@
+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>;
+}
+
+/**
+ * 9.5 — Accessible motion 2.0 (`motionary/fx/safe`, also `motionary/components/fx-safe`):
+ *
+ * - `vestibularSafe(keyframes)` — strips movement (translate / scale /
+ *   rotate / skew / perspective, clip and blur) from keyframes, keeping
+ *   opacity and colour, so any animation can get a vestibular-safe twin.
+ * - `flashCount(keyframes, duration)` / `isFlashSafe(...)` — counts large
+ *   opacity / brightness swings and checks WCAG 2.3.1's three-flashes-per-
+ *   second limit.
+ * - `applyMotionPreferences(prefs)` / `loadMotionPreferences()` — the
+ *   settings behind `<usa-motion-prefs>`: sensitivity level, speed (shared
+ *   clock rate), pause autoplay, no parallax; persisted in localStorage and
+ *   exposed as `data-usa-*` attributes on `<html>` for your CSS.
+ *
+ * Effects that never move anything: `safe-fade` (enter), `focus-glow`
+ * (attention), `color-pulse` (attention), `underline-sweep` (hover).
+ */
+
+/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */
+declare function vestibularSafe(frames: Keyframe[]): Keyframe[];
+/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */
+declare function flashCount(frames: Keyframe[]): number;
+/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */
+declare function isFlashSafe(frames: Keyframe[], duration: number, iterations?: number): boolean;
+interface MotionPreferences {
+    sensitivity: MotionSensitivity;
+    speed: number;
+    pauseAutoplay: boolean;
+    noParallax: boolean;
+}
+declare const MOTION_PREFS_KEY = "usa-motion-prefs";
+declare const DEFAULT_MOTION_PREFS: MotionPreferences;
+/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */
+declare function applyMotionPreferences(p: Partial<MotionPreferences>, persist?: boolean): MotionPreferences;
+/** Saved preferences (or the defaults) (9.5). */
+declare function loadMotionPreferences(): MotionPreferences;
+declare const SAFE_FX: EffectDefinition[];
+/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */
+declare function registerSafePack(): void;
+
+export { DEFAULT_MOTION_PREFS, MOTION_PREFS_KEY, SAFE_FX, applyMotionPreferences, flashCount, isFlashSafe, loadMotionPreferences, registerSafePack, vestibularSafe };
+export type { MotionPreferences };

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

@@ -0,0 +1,85 @@
+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>;
+}
+
+/**
+ * 9.5 — Accessible motion 2.0 (`motionary/fx/safe`, also `motionary/components/fx-safe`):
+ *
+ * - `vestibularSafe(keyframes)` — strips movement (translate / scale /
+ *   rotate / skew / perspective, clip and blur) from keyframes, keeping
+ *   opacity and colour, so any animation can get a vestibular-safe twin.
+ * - `flashCount(keyframes, duration)` / `isFlashSafe(...)` — counts large
+ *   opacity / brightness swings and checks WCAG 2.3.1's three-flashes-per-
+ *   second limit.
+ * - `applyMotionPreferences(prefs)` / `loadMotionPreferences()` — the
+ *   settings behind `<usa-motion-prefs>`: sensitivity level, speed (shared
+ *   clock rate), pause autoplay, no parallax; persisted in localStorage and
+ *   exposed as `data-usa-*` attributes on `<html>` for your CSS.
+ *
+ * Effects that never move anything: `safe-fade` (enter), `focus-glow`
+ * (attention), `color-pulse` (attention), `underline-sweep` (hover).
+ */
+
+/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */
+declare function vestibularSafe(frames: Keyframe[]): Keyframe[];
+/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */
+declare function flashCount(frames: Keyframe[]): number;
+/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */
+declare function isFlashSafe(frames: Keyframe[], duration: number, iterations?: number): boolean;
+interface MotionPreferences {
+    sensitivity: MotionSensitivity;
+    speed: number;
+    pauseAutoplay: boolean;
+    noParallax: boolean;
+}
+declare const MOTION_PREFS_KEY = "usa-motion-prefs";
+declare const DEFAULT_MOTION_PREFS: MotionPreferences;
+/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */
+declare function applyMotionPreferences(p: Partial<MotionPreferences>, persist?: boolean): MotionPreferences;
+/** Saved preferences (or the defaults) (9.5). */
+declare function loadMotionPreferences(): MotionPreferences;
+declare const SAFE_FX: EffectDefinition[];
+/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */
+declare function registerSafePack(): void;
+
+export { DEFAULT_MOTION_PREFS, MOTION_PREFS_KEY, SAFE_FX, applyMotionPreferences, flashCount, isFlashSafe, loadMotionPreferences, registerSafePack, vestibularSafe };
+export type { MotionPreferences };

package/dist/components/fx-safe.js

@@ -0,0 +1,145 @@
+import { registerEffects } from '../chunks/registry-CnO7ZVPK.js';
+import { g as configureComponents, x as setClock } from '../chunks/base-CLuqlLfG.js';
+
+const MOVE = /^(transform|translate|scale|rotate|offset|offsetPath|offsetDistance|clipPath|top|left|right|bottom|margin.*|perspective)$/;
+/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */
+function vestibularSafe(frames) {
+    return frames.map((f) => {
+        const o = {};
+        for (const [k, v] of Object.entries(f)) {
+            if (MOVE.test(k))
+                continue;
+            if (k === 'filter' && typeof v === 'string') {
+                const nf = v.replace(/blur\([^)]*\)/g, '').trim();
+                if (nf)
+                    o.filter = nf;
+                continue;
+            }
+            o[k] = v;
+        }
+        return o;
+    });
+}
+const lum = (f) => {
+    let l = f.opacity != null ? Number(f.opacity) : 1;
+    const m = typeof f.filter === 'string' ? f.filter.match(/brightness\(([\d.]+)\)/) : null;
+    if (m)
+        l *= Number(m[1]);
+    return l;
+};
+/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */
+function flashCount(frames) {
+    const ls = frames.map(lum);
+    let n = 0;
+    let dir = 0;
+    let ref = ls[0] ?? 1;
+    for (const l of ls.slice(1)) {
+        const d = l - ref;
+        if (Math.abs(d) >= 0.3) {
+            const s = Math.sign(d);
+            if (dir && s !== dir)
+                n++;
+            dir = s;
+            ref = l;
+        }
+    }
+    return n;
+}
+/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */
+function isFlashSafe(frames, duration, iterations = 1) {
+    const per = flashCount(frames);
+    if (!per)
+        return true;
+    const perSecond = (per * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / Math.max(0.001, (duration * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / 1000);
+    return perSecond <= 3;
+}
+const MOTION_PREFS_KEY = 'usa-motion-prefs';
+const DEFAULT_MOTION_PREFS = { sensitivity: 'full', speed: 1, pauseAutoplay: false, noParallax: false };
+/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */
+function applyMotionPreferences(p, persist = true) {
+    const prefs = { ...DEFAULT_MOTION_PREFS, ...p };
+    if (!['full', 'gentle', 'minimal', 'static'].includes(prefs.sensitivity))
+        prefs.sensitivity = 'full';
+    prefs.speed = Math.min(2, Math.max(0.25, Number(prefs.speed) || 1));
+    configureComponents({ motionSensitivity: prefs.sensitivity });
+    setClock({ rate: prefs.speed });
+    if (typeof document !== 'undefined') {
+        const h = document.documentElement;
+        h.toggleAttribute('data-usa-pause-autoplay', prefs.pauseAutoplay);
+        h.toggleAttribute('data-usa-no-parallax', prefs.noParallax);
+        if (prefs.pauseAutoplay)
+            document.querySelectorAll('video[autoplay], audio[autoplay]').forEach((m) => m.pause?.());
+    }
+    if (persist)
+        try {
+            localStorage.setItem(MOTION_PREFS_KEY, JSON.stringify(prefs));
+        }
+        catch {
+            /* storage blocked */
+        }
+    return prefs;
+}
+/** Saved preferences (or the defaults) (9.5). */
+function loadMotionPreferences() {
+    try {
+        const j = JSON.parse(localStorage.getItem(MOTION_PREFS_KEY) || 'null');
+        if (j && typeof j === 'object')
+            return { ...DEFAULT_MOTION_PREFS, ...j };
+    }
+    catch {
+        /* none */
+    }
+    return { ...DEFAULT_MOTION_PREFS };
+}
+const SAFE_FX = [
+    {
+        name: 'safe-fade',
+        kind: 'enter',
+        description: 'An entrance that never moves: opacity only (also used as the reduced-motion twin of other entrances).',
+        defaults: { duration: 500 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: o.duration, delay: o.delay, easing: 'ease-out', fill: 'backwards' })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'focus-glow',
+        kind: 'attention',
+        description: 'Draws attention with a pulsing focus-ring glow instead of movement (`color`).',
+        defaults: { color: '#6366f1', duration: 1200 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ boxShadow: `0 0 0 0 ${o.color}00` }, { boxShadow: `0 0 0 4px ${o.color}`, offset: 0.4 }, { boxShadow: `0 0 0 8px ${o.color}00` }], { duration: o.duration })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'color-pulse',
+        kind: 'attention',
+        description: 'Draws attention with a colour change instead of movement (`color`).',
+        defaults: { color: '#fde047', duration: 1000 },
+        reduced: 'run',
+        run: (el, o, ctx) => ctx.animate(el, [{ backgroundColor: 'transparent' }, { backgroundColor: o.color, offset: 0.35 }, { backgroundColor: 'transparent' }], { duration: o.duration })?.finished.catch(() => undefined),
+    },
+    {
+        name: 'underline-sweep',
+        kind: 'hover',
+        description: 'A text underline grows from the left on hover / focus — motion-light, no layout shift (`color`).',
+        defaults: { color: 'currentColor', duration: 300 },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            const prev = [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition];
+            Object.assign(el.style, { backgroundImage: `linear-gradient(${o.color}, ${o.color})`, backgroundRepeat: 'no-repeat', backgroundPosition: '0 100%' });
+            ctx.onCleanup(() => {
+                [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition] = prev;
+            });
+            if (ctx.reduced) {
+                el.style.backgroundSize = '100% 2px';
+                return;
+            }
+            return ctx.animate(el, [{ backgroundSize: '0% 2px' }, { backgroundSize: '100% 2px' }], { duration: o.duration, easing: 'ease-out', fill: 'forwards' })?.finished.catch(() => undefined);
+        },
+    },
+];
+/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */
+function registerSafePack() {
+    registerEffects(SAFE_FX);
+}
+
+export { DEFAULT_MOTION_PREFS, MOTION_PREFS_KEY, SAFE_FX, applyMotionPreferences, flashCount, isFlashSafe, loadMotionPreferences, registerSafePack, vestibularSafe };
+//# sourceMappingURL=fx-safe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-safe.js","sources":["../../src/components/fx2/safemotion.ts"],"sourcesContent":["/**\n * 9.5 — Accessible motion 2.0 (`motionary/fx/safe`, also `motionary/components/fx-safe`):\n *\n * - `vestibularSafe(keyframes)` — strips movement (translate / scale /\n *   rotate / skew / perspective, clip and blur) from keyframes, keeping\n *   opacity and colour, so any animation can get a vestibular-safe twin.\n * - `flashCount(keyframes, duration)` / `isFlashSafe(...)` — counts large\n *   opacity / brightness swings and checks WCAG 2.3.1's three-flashes-per-\n *   second limit.\n * - `applyMotionPreferences(prefs)` / `loadMotionPreferences()` — the\n *   settings behind `<usa-motion-prefs>`: sensitivity level, speed (shared\n *   clock rate), pause autoplay, no parallax; persisted in localStorage and\n *   exposed as `data-usa-*` attributes on `<html>` for your CSS.\n *\n * Effects that never move anything: `safe-fade` (enter), `focus-glow`\n * (attention), `color-pulse` (attention), `underline-sweep` (hover).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { configureComponents, setClock, type MotionSensitivity } from '../base';\n\nconst MOVE = /^(transform|translate|scale|rotate|offset|offsetPath|offsetDistance|clipPath|top|left|right|bottom|margin.*|perspective)$/;\n/** Keyframes with all movement removed (opacity / colour / shadow kept; blur removed from filters) (9.5). */\nexport function vestibularSafe(frames: Keyframe[]): Keyframe[] {\n  return frames.map((f) => {\n    const o: Keyframe = {};\n    for (const [k, v] of Object.entries(f)) {\n      if (MOVE.test(k)) continue;\n      if (k === 'filter' && typeof v === 'string') {\n        const nf = v.replace(/blur\\([^)]*\\)/g, '').trim();\n        if (nf) o.filter = nf;\n        continue;\n      }\n      (o as any)[k] = v;\n    }\n    return o;\n  });\n}\n\nconst lum = (f: Keyframe): number => {\n  let l = f.opacity != null ? Number(f.opacity) : 1;\n  const m = typeof f.filter === 'string' ? f.filter.match(/brightness\\(([\\d.]+)\\)/) : null;\n  if (m) l *= Number(m[1]);\n  return l;\n};\n/** Number of flashes (a ≥ 0.3 luminance swing that comes back) in one run of `frames` (9.5). */\nexport function flashCount(frames: Keyframe[]): number {\n  const ls = frames.map(lum);\n  let n = 0;\n  let dir = 0;\n  let ref = ls[0] ?? 1;\n  for (const l of ls.slice(1)) {\n    const d = l - ref;\n    if (Math.abs(d) >= 0.3) {\n      const s = Math.sign(d);\n      if (dir && s !== dir) n++;\n      dir = s;\n      ref = l;\n    }\n  }\n  return n;\n}\n/** WCAG 2.3.1: no more than three flashes in any one second (9.5). */\nexport function isFlashSafe(frames: Keyframe[], duration: number, iterations = 1): boolean {\n  const per = flashCount(frames);\n  if (!per) return true;\n  const perSecond = (per * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / Math.max(0.001, (duration * Math.max(1, Number.isFinite(iterations) ? iterations : 1)) / 1000);\n  return perSecond <= 3;\n}\n\nexport interface MotionPreferences {\n  sensitivity: MotionSensitivity;\n  speed: number;\n  pauseAutoplay: boolean;\n  noParallax: boolean;\n}\nexport const MOTION_PREFS_KEY = 'usa-motion-prefs';\nexport const DEFAULT_MOTION_PREFS: MotionPreferences = { sensitivity: 'full', speed: 1, pauseAutoplay: false, noParallax: false };\n\n/** Apply (and persist) motion preferences: sensitivity, shared clock speed, `data-usa-*` flags on `<html>` (9.5). */\nexport function applyMotionPreferences(p: Partial<MotionPreferences>, persist = true): MotionPreferences {\n  const prefs: MotionPreferences = { ...DEFAULT_MOTION_PREFS, ...p };\n  if (!['full', 'gentle', 'minimal', 'static'].includes(prefs.sensitivity)) prefs.sensitivity = 'full';\n  prefs.speed = Math.min(2, Math.max(0.25, Number(prefs.speed) || 1));\n  configureComponents({ motionSensitivity: prefs.sensitivity });\n  setClock({ rate: prefs.speed });\n  if (typeof document !== 'undefined') {\n    const h = document.documentElement;\n    h.toggleAttribute('data-usa-pause-autoplay', prefs.pauseAutoplay);\n    h.toggleAttribute('data-usa-no-parallax', prefs.noParallax);\n    if (prefs.pauseAutoplay) document.querySelectorAll<HTMLMediaElement>('video[autoplay], audio[autoplay]').forEach((m) => m.pause?.());\n  }\n  if (persist)\n    try {\n      localStorage.setItem(MOTION_PREFS_KEY, JSON.stringify(prefs));\n    } catch {\n      /* storage blocked */\n    }\n  return prefs;\n}\n/** Saved preferences (or the defaults) (9.5). */\nexport function loadMotionPreferences(): MotionPreferences {\n  try {\n    const j = JSON.parse(localStorage.getItem(MOTION_PREFS_KEY) || 'null');\n    if (j && typeof j === 'object') return { ...DEFAULT_MOTION_PREFS, ...j };\n  } catch {\n    /* none */\n  }\n  return { ...DEFAULT_MOTION_PREFS };\n}\n\nexport const SAFE_FX: EffectDefinition[] = [\n  {\n    name: 'safe-fade',\n    kind: 'enter',\n    description: 'An entrance that never moves: opacity only (also used as the reduced-motion twin of other entrances).',\n    defaults: { duration: 500 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: o.duration, delay: o.delay, easing: 'ease-out', fill: 'backwards' })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'focus-glow',\n    kind: 'attention',\n    description: 'Draws attention with a pulsing focus-ring glow instead of movement (`color`).',\n    defaults: { color: '#6366f1', duration: 1200 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ boxShadow: `0 0 0 0 ${o.color}00` }, { boxShadow: `0 0 0 4px ${o.color}`, offset: 0.4 }, { boxShadow: `0 0 0 8px ${o.color}00` }], { duration: o.duration })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'color-pulse',\n    kind: 'attention',\n    description: 'Draws attention with a colour change instead of movement (`color`).',\n    defaults: { color: '#fde047', duration: 1000 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => ctx.animate(el, [{ backgroundColor: 'transparent' }, { backgroundColor: o.color, offset: 0.35 }, { backgroundColor: 'transparent' }], { duration: o.duration })?.finished.catch(() => undefined),\n  },\n  {\n    name: 'underline-sweep',\n    kind: 'hover',\n    description: 'A text underline grows from the left on hover / focus — motion-light, no layout shift (`color`).',\n    defaults: { color: 'currentColor', duration: 300 },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const prev = [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition];\n      Object.assign(el.style, { backgroundImage: `linear-gradient(${o.color}, ${o.color})`, backgroundRepeat: 'no-repeat', backgroundPosition: '0 100%' });\n      ctx.onCleanup(() => {\n        [el.style.backgroundImage, el.style.backgroundSize, el.style.backgroundRepeat, el.style.backgroundPosition] = prev;\n      });\n      if (ctx.reduced) {\n        el.style.backgroundSize = '100% 2px';\n        return;\n      }\n      return ctx.animate(el, [{ backgroundSize: '0% 2px' }, { backgroundSize: '100% 2px' }], { duration: o.duration, easing: 'ease-out', fill: 'forwards' })?.finished.catch(() => undefined);\n    },\n  },\n];\n\n/** Register safe-fade, focus-glow, color-pulse and underline-sweep (9.5). */\nexport function registerSafePack(): void {\n  registerEffects(SAFE_FX);\n}\n"],"names":[],"mappings":"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"}