use-scroll-animate 7.9.0 → 8.1.0

package/dist/components/engine.d.cts

@@ -0,0 +1,105 @@
+/** Put an animation on the shared motion clock (animateWithMotion does this for every component / effect animation). */
+declare function trackAnimation(a: Animation | null | undefined): void;
+/** The motion clock's state: `rate` (1 = normal), `paused`, `time` (clock ms elapsed, scaled by rate). */
+declare function getClock(): {
+    rate: number;
+    paused: boolean;
+    time: number;
+    tracked: number;
+};
+/** Change the shared clock: `{ rate }` (0.05–8) and / or `{ paused }`. Applies to running animations and loops. */
+declare function setClock(next: {
+    rate?: number;
+    paused?: boolean;
+}): void;
+/** Subscribe to clock changes; returns an unsubscribe. */
+declare function onClockChange(fn: () => void): () => void;
+
+/**
+ * `motionary/engine` (= `motionary/components/engine`, 8.0) — the unified
+ * timeline engine and SSR hydration animations.
+ *
+ * - **`motionClock`** — the one clock every component, effect and frame loop
+ *   runs on: `rate` (slow-mo / fast-forward), `pause()` / `resume()` /
+ *   `toggle()`, `time`, `onChange()`. Pausing it freezes every animation
+ *   started by Motionary on the page.
+ * - **`createTimeline()`** — sequence animations on that clock:
+ *   `add(target, keyframes, options, position)` with positions `1200`
+ *   (ms), `'+=200'` / `'-=100'` (after / overlapping the previous end) or
+ *   `'<'` / `'<+=80'` (with the previous start); `play()`, `pause()`,
+ *   `seek(ms)`, `progress` (0–1, settable), `duration`, `finished`.
+ * - **`hydrateMotion()`** — animate server-rendered `[data-usa-hydrate]`
+ *   markup in on hydration without a flash: `ssrHead()` gives the `<style>`
+ *   + one-line `<script>` for the document head (content stays visible
+ *   without JS, and a CSS fallback reveals it after 3 s if JS never runs).
+ */
+
+/** The shared motion clock (8.0). */
+declare const motionClock: {
+    rate: number;
+    readonly paused: boolean;
+    /** Clock time in ms (advances with the shared frame loop, scaled by `rate`, frozen while paused). */
+    readonly time: number;
+    pause(): void;
+    resume(): void;
+    toggle(): void;
+    onChange: typeof onClockChange;
+};
+type TimelinePosition = number | string;
+interface TimelineEntry {
+    target: Element;
+    keyframes: Keyframe[];
+    options: KeyframeAnimationOptions;
+    start: number;
+    end: number;
+}
+interface MotionTimeline {
+    readonly entries: readonly TimelineEntry[];
+    readonly duration: number;
+    readonly playing: boolean;
+    progress: number;
+    readonly finished: Promise<void>;
+    add(target: Element | Element[] | NodeListOf<Element> | null, keyframes: Keyframe[], options?: number | KeyframeAnimationOptions, position?: TimelinePosition): MotionTimeline;
+    play(): MotionTimeline;
+    pause(): MotionTimeline;
+    seek(ms: number): MotionTimeline;
+    restart(): MotionTimeline;
+    cancel(): void;
+}
+/** Resolve a timeline position against the previous entry (8.0). */
+declare function resolvePosition(position: TimelinePosition | undefined, prev: {
+    start: number;
+    end: number;
+} | null, total: number): number;
+/** Sequence animations on the shared clock (8.0). */
+declare function createTimeline(defaults?: KeyframeAnimationOptions & {
+    autoplay?: boolean;
+}): MotionTimeline;
+/** Hydration presets for `data-usa-hydrate="…"` (8.0). */
+declare const HYDRATE_PRESETS: Record<string, Keyframe[]>;
+/**
+ * CSS that keeps `[data-usa-hydrate]` hidden only while JS is on and the
+ * page has not hydrated yet (`html.usa-js`), with a 3 s CSS fallback so the
+ * content can never stay invisible (8.0).
+ */
+declare const HYDRATION_CSS = "html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:0;animation:usa-hydrate-fallback 0s 3s forwards}@keyframes usa-hydrate-fallback{to{opacity:1}}@media (prefers-reduced-motion:reduce){html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:1;animation:none}}";
+/** `<style>` + inline `<script>` for the SSR document head (8.0). Pass a CSP `nonce` if you use one. */
+declare function ssrHead(nonce?: string): string;
+interface HydrateOptions {
+    /** Delay between elements in document order (ms). Default 60. */
+    stagger?: number;
+    /** Duration per element (ms). Default 600. */
+    duration?: number;
+    /** Fallback preset when `data-usa-hydrate` is empty. Default `fade-up`. */
+    preset?: string;
+    easing?: string;
+}
+/**
+ * Animate server-rendered `[data-usa-hydrate]` elements in (document order,
+ * staggered; per-element `data-usa-delay`), mark them `data-usa-hydrated`
+ * and emit `usa:hydrated` on the root. Returns the timeline (8.0).
+ */
+declare function hydrateMotion(root?: ParentNode, options?: HydrateOptions): MotionTimeline;
+
+export { HYDRATE_PRESETS, HYDRATION_CSS, createTimeline, getClock, hydrateMotion, motionClock, onClockChange, resolvePosition, setClock, ssrHead, trackAnimation };
+export type { HydrateOptions, MotionTimeline, TimelineEntry, TimelinePosition };

package/dist/components/engine.d.ts

@@ -0,0 +1,105 @@
+/** Put an animation on the shared motion clock (animateWithMotion does this for every component / effect animation). */
+declare function trackAnimation(a: Animation | null | undefined): void;
+/** The motion clock's state: `rate` (1 = normal), `paused`, `time` (clock ms elapsed, scaled by rate). */
+declare function getClock(): {
+    rate: number;
+    paused: boolean;
+    time: number;
+    tracked: number;
+};
+/** Change the shared clock: `{ rate }` (0.05–8) and / or `{ paused }`. Applies to running animations and loops. */
+declare function setClock(next: {
+    rate?: number;
+    paused?: boolean;
+}): void;
+/** Subscribe to clock changes; returns an unsubscribe. */
+declare function onClockChange(fn: () => void): () => void;
+
+/**
+ * `motionary/engine` (= `motionary/components/engine`, 8.0) — the unified
+ * timeline engine and SSR hydration animations.
+ *
+ * - **`motionClock`** — the one clock every component, effect and frame loop
+ *   runs on: `rate` (slow-mo / fast-forward), `pause()` / `resume()` /
+ *   `toggle()`, `time`, `onChange()`. Pausing it freezes every animation
+ *   started by Motionary on the page.
+ * - **`createTimeline()`** — sequence animations on that clock:
+ *   `add(target, keyframes, options, position)` with positions `1200`
+ *   (ms), `'+=200'` / `'-=100'` (after / overlapping the previous end) or
+ *   `'<'` / `'<+=80'` (with the previous start); `play()`, `pause()`,
+ *   `seek(ms)`, `progress` (0–1, settable), `duration`, `finished`.
+ * - **`hydrateMotion()`** — animate server-rendered `[data-usa-hydrate]`
+ *   markup in on hydration without a flash: `ssrHead()` gives the `<style>`
+ *   + one-line `<script>` for the document head (content stays visible
+ *   without JS, and a CSS fallback reveals it after 3 s if JS never runs).
+ */
+
+/** The shared motion clock (8.0). */
+declare const motionClock: {
+    rate: number;
+    readonly paused: boolean;
+    /** Clock time in ms (advances with the shared frame loop, scaled by `rate`, frozen while paused). */
+    readonly time: number;
+    pause(): void;
+    resume(): void;
+    toggle(): void;
+    onChange: typeof onClockChange;
+};
+type TimelinePosition = number | string;
+interface TimelineEntry {
+    target: Element;
+    keyframes: Keyframe[];
+    options: KeyframeAnimationOptions;
+    start: number;
+    end: number;
+}
+interface MotionTimeline {
+    readonly entries: readonly TimelineEntry[];
+    readonly duration: number;
+    readonly playing: boolean;
+    progress: number;
+    readonly finished: Promise<void>;
+    add(target: Element | Element[] | NodeListOf<Element> | null, keyframes: Keyframe[], options?: number | KeyframeAnimationOptions, position?: TimelinePosition): MotionTimeline;
+    play(): MotionTimeline;
+    pause(): MotionTimeline;
+    seek(ms: number): MotionTimeline;
+    restart(): MotionTimeline;
+    cancel(): void;
+}
+/** Resolve a timeline position against the previous entry (8.0). */
+declare function resolvePosition(position: TimelinePosition | undefined, prev: {
+    start: number;
+    end: number;
+} | null, total: number): number;
+/** Sequence animations on the shared clock (8.0). */
+declare function createTimeline(defaults?: KeyframeAnimationOptions & {
+    autoplay?: boolean;
+}): MotionTimeline;
+/** Hydration presets for `data-usa-hydrate="…"` (8.0). */
+declare const HYDRATE_PRESETS: Record<string, Keyframe[]>;
+/**
+ * CSS that keeps `[data-usa-hydrate]` hidden only while JS is on and the
+ * page has not hydrated yet (`html.usa-js`), with a 3 s CSS fallback so the
+ * content can never stay invisible (8.0).
+ */
+declare const HYDRATION_CSS = "html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:0;animation:usa-hydrate-fallback 0s 3s forwards}@keyframes usa-hydrate-fallback{to{opacity:1}}@media (prefers-reduced-motion:reduce){html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:1;animation:none}}";
+/** `<style>` + inline `<script>` for the SSR document head (8.0). Pass a CSP `nonce` if you use one. */
+declare function ssrHead(nonce?: string): string;
+interface HydrateOptions {
+    /** Delay between elements in document order (ms). Default 60. */
+    stagger?: number;
+    /** Duration per element (ms). Default 600. */
+    duration?: number;
+    /** Fallback preset when `data-usa-hydrate` is empty. Default `fade-up`. */
+    preset?: string;
+    easing?: string;
+}
+/**
+ * Animate server-rendered `[data-usa-hydrate]` elements in (document order,
+ * staggered; per-element `data-usa-delay`), mark them `data-usa-hydrated`
+ * and emit `usa:hydrated` on the root. Returns the timeline (8.0).
+ */
+declare function hydrateMotion(root?: ParentNode, options?: HydrateOptions): MotionTimeline;
+
+export { HYDRATE_PRESETS, HYDRATION_CSS, createTimeline, getClock, hydrateMotion, motionClock, onClockChange, resolvePosition, setClock, ssrHead, trackAnimation };
+export type { HydrateOptions, MotionTimeline, TimelineEntry, TimelinePosition };

package/dist/components/engine.js

@@ -0,0 +1,255 @@
+import { v as onClockChange, x as setClock, y as getClock, p as prefersReducedMotion, e as animateWithMotion } from '../chunks/base-CLuqlLfG.js';
+export { z as trackAnimation } from '../chunks/base-CLuqlLfG.js';
+
+/**
+ * `motionary/engine` (= `motionary/components/engine`, 8.0) — the unified
+ * timeline engine and SSR hydration animations.
+ *
+ * - **`motionClock`** — the one clock every component, effect and frame loop
+ *   runs on: `rate` (slow-mo / fast-forward), `pause()` / `resume()` /
+ *   `toggle()`, `time`, `onChange()`. Pausing it freezes every animation
+ *   started by Motionary on the page.
+ * - **`createTimeline()`** — sequence animations on that clock:
+ *   `add(target, keyframes, options, position)` with positions `1200`
+ *   (ms), `'+=200'` / `'-=100'` (after / overlapping the previous end) or
+ *   `'<'` / `'<+=80'` (with the previous start); `play()`, `pause()`,
+ *   `seek(ms)`, `progress` (0–1, settable), `duration`, `finished`.
+ * - **`hydrateMotion()`** — animate server-rendered `[data-usa-hydrate]`
+ *   markup in on hydration without a flash: `ssrHead()` gives the `<style>`
+ *   + one-line `<script>` for the document head (content stays visible
+ *   without JS, and a CSS fallback reveals it after 3 s if JS never runs).
+ */
+/** The shared motion clock (8.0). */
+const motionClock = {
+    get rate() {
+        return getClock().rate;
+    },
+    set rate(r) {
+        setClock({ rate: r });
+    },
+    get paused() {
+        return getClock().paused;
+    },
+    /** Clock time in ms (advances with the shared frame loop, scaled by `rate`, frozen while paused). */
+    get time() {
+        return getClock().time;
+    },
+    pause() {
+        setClock({ paused: true });
+    },
+    resume() {
+        setClock({ paused: false });
+    },
+    toggle() {
+        setClock({ paused: !getClock().paused });
+    },
+    onChange: onClockChange,
+};
+/** Resolve a timeline position against the previous entry (8.0). */
+function resolvePosition(position, prev, total) {
+    if (typeof position === 'number' && Number.isFinite(position))
+        return Math.max(0, position);
+    const p = String(position ?? '').replace(/\s+/g, '');
+    const prevStart = prev ? prev.start : 0;
+    const prevEnd = prev ? prev.end : 0;
+    let m;
+    if (p === '')
+        return prev ? prevEnd : 0;
+    if (p === '<')
+        return prevStart;
+    if ((m = p.match(/^<([+-])=(\d+(?:\.\d+)?)$/)))
+        return Math.max(0, prevStart + (m[1] === '+' ? 1 : -1) * Number(m[2]));
+    if ((m = p.match(/^([+-])=(\d+(?:\.\d+)?)$/)))
+        return Math.max(0, prevEnd + (m[1] === '+' ? 1 : -1) * Number(m[2]));
+    if (p === '>')
+        return total;
+    const n = Number(p);
+    return Number.isFinite(n) ? Math.max(0, n) : prevEnd;
+}
+const span = (o) => {
+    const d = typeof o.duration === 'number' ? o.duration : 0;
+    const it = typeof o.iterations === 'number' && Number.isFinite(o.iterations) ? o.iterations : 1;
+    return (o.delay || 0) + d * it + (o.endDelay || 0);
+};
+/** Sequence animations on the shared clock (8.0). */
+function createTimeline(defaults = {}) {
+    const { autoplay = false, ...base } = defaults;
+    const entries = [];
+    let anims = [];
+    let playing = false;
+    let pos = 0;
+    let resolveDone = () => undefined;
+    let finished = new Promise((r) => (resolveDone = r));
+    let timer = 0;
+    const duration = () => entries.reduce((m, e) => Math.max(m, e.end), 0);
+    const build = () => {
+        if (anims.length === entries.length)
+            return;
+        anims.forEach((a) => a?.cancel());
+        anims = entries.map((e) => {
+            const a = animateWithMotion(e.target, e.keyframes, { fill: 'both', ...e.options, delay: e.start + (e.options.delay || 0) });
+            if (a) {
+                a.pause();
+                a.currentTime = pos;
+            }
+            return a;
+        });
+    };
+    const done = () => {
+        playing = false;
+        pos = duration();
+        resolveDone();
+    };
+    const tl = {
+        get entries() {
+            return entries;
+        },
+        get duration() {
+            return duration();
+        },
+        get playing() {
+            return playing;
+        },
+        get progress() {
+            const live = anims.find((a) => a && typeof a.currentTime === 'number');
+            const t = live && playing ? Number(live.currentTime) : pos;
+            const d = duration();
+            return d ? Math.min(1, Math.max(0, t / d)) : 0;
+        },
+        set progress(p) {
+            tl.seek(Math.min(1, Math.max(0, p)) * duration());
+        },
+        get finished() {
+            return finished;
+        },
+        add(target, keyframes, options = {}, position) {
+            const opts = { ...base, ...(typeof options === 'number' ? { duration: options } : options) };
+            const list = !target ? [] : target instanceof Element ? [target] : Array.from(target);
+            const prev = entries.length ? entries[entries.length - 1] : null;
+            let start = resolvePosition(position, prev, duration());
+            const stagger = opts.stagger ? Number(opts.stagger) : 0;
+            delete opts.stagger;
+            for (const el of list) {
+                entries.push({ target: el, keyframes, options: opts, start, end: start + span(opts) });
+                start += stagger;
+            }
+            anims.forEach((a) => a?.cancel());
+            anims = [];
+            return tl;
+        },
+        play() {
+            if (pos >= duration())
+                pos = 0;
+            if (playing)
+                return tl;
+            if (pos === 0 && anims.length) {
+                anims.forEach((a) => a?.cancel());
+                anims = [];
+                finished = new Promise((r) => (resolveDone = r));
+            }
+            build();
+            playing = true;
+            const live = anims.filter(Boolean);
+            live.forEach((a) => {
+                a.currentTime = pos;
+                a.play();
+            });
+            clearTimeout(timer);
+            if (!live.length || prefersReducedMotion()) {
+                tl.seek(duration());
+                done();
+            }
+            else
+                Promise.all(live.map((a) => a.finished.catch(() => undefined))).then(() => playing && done());
+            return tl;
+        },
+        pause() {
+            const live = anims.find((a) => a && typeof a.currentTime === 'number');
+            if (live)
+                pos = Number(live.currentTime);
+            anims.forEach((a) => a?.pause());
+            playing = false;
+            return tl;
+        },
+        seek(ms) {
+            pos = Math.min(duration(), Math.max(0, ms));
+            build();
+            anims.forEach((a) => {
+                if (!a)
+                    return;
+                a.currentTime = pos;
+                if (!playing)
+                    a.pause();
+            });
+            return tl;
+        },
+        restart() {
+            anims.forEach((a) => a?.cancel());
+            anims = [];
+            pos = 0;
+            playing = false;
+            finished = new Promise((r) => (resolveDone = r));
+            return tl.play();
+        },
+        cancel() {
+            anims.forEach((a) => a?.cancel());
+            anims = [];
+            playing = false;
+            pos = 0;
+        },
+    };
+    if (autoplay)
+        queueMicrotask(() => entries.length && tl.play());
+    return tl;
+}
+/** Hydration presets for `data-usa-hydrate="…"` (8.0). */
+const HYDRATE_PRESETS = {
+    fade: [{ opacity: 0 }, { opacity: 1 }],
+    'fade-up': [{ opacity: 0, transform: 'translateY(16px)' }, { opacity: 1, transform: 'none' }],
+    'fade-down': [{ opacity: 0, transform: 'translateY(-16px)' }, { opacity: 1, transform: 'none' }],
+    scale: [{ opacity: 0, transform: 'scale(.94)' }, { opacity: 1, transform: 'none' }],
+    blur: [{ opacity: 0, filter: 'blur(8px)' }, { opacity: 1, filter: 'none' }],
+    'slide-left': [{ opacity: 0, transform: 'translateX(24px)' }, { opacity: 1, transform: 'none' }],
+};
+/**
+ * CSS that keeps `[data-usa-hydrate]` hidden only while JS is on and the
+ * page has not hydrated yet (`html.usa-js`), with a 3 s CSS fallback so the
+ * content can never stay invisible (8.0).
+ */
+const HYDRATION_CSS = 'html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:0;animation:usa-hydrate-fallback 0s 3s forwards}@keyframes usa-hydrate-fallback{to{opacity:1}}@media (prefers-reduced-motion:reduce){html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:1;animation:none}}';
+/** `<style>` + inline `<script>` for the SSR document head (8.0). Pass a CSP `nonce` if you use one. */
+function ssrHead(nonce) {
+    const n = nonce ? ` nonce="${String(nonce).replace(/"/g, '')}"` : '';
+    return `<style data-usa-hydration${n}>${HYDRATION_CSS}</style><script${n}>document.documentElement.classList.add('usa-js')</script>`;
+}
+/**
+ * Animate server-rendered `[data-usa-hydrate]` elements in (document order,
+ * staggered; per-element `data-usa-delay`), mark them `data-usa-hydrated`
+ * and emit `usa:hydrated` on the root. Returns the timeline (8.0).
+ */
+function hydrateMotion(root = document, options = {}) {
+    const { stagger = 60, duration = 600, preset = 'fade-up', easing = 'cubic-bezier(.2,.8,.2,1)' } = options;
+    if (typeof document !== 'undefined' && !document.querySelector('style[data-usa-hydration]')) {
+        const s = document.createElement('style');
+        s.setAttribute('data-usa-hydration', '');
+        s.textContent = HYDRATION_CSS;
+        document.head?.appendChild(s);
+    }
+    const els = Array.from(root.querySelectorAll('[data-usa-hydrate]:not([data-usa-hydrated])'));
+    const tl = createTimeline({ easing, duration });
+    els.forEach((el, i) => {
+        const name = el.getAttribute('data-usa-hydrate') || preset;
+        const frames = HYDRATE_PRESETS[name] || HYDRATE_PRESETS[preset] || HYDRATE_PRESETS['fade-up'];
+        const extra = Number(el.getAttribute('data-usa-delay')) || 0;
+        tl.add(el, frames, { duration, easing }, i * stagger + extra);
+    });
+    // mark first so the hiding CSS lets go; the animation's backwards fill holds the first frame
+    tl.play();
+    els.forEach((el) => el.setAttribute('data-usa-hydrated', ''));
+    const target = root.dispatchEvent ? root : document;
+    tl.finished.then(() => target.dispatchEvent?.(new CustomEvent('usa:hydrated', { detail: { count: els.length }, bubbles: true })));
+    return tl;
+}
+
+export { HYDRATE_PRESETS, HYDRATION_CSS, createTimeline, getClock, hydrateMotion, motionClock, onClockChange, resolvePosition, setClock, ssrHead };
+//# sourceMappingURL=engine.js.map

package/dist/components/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sources":["../../src/components/engine/index.ts"],"sourcesContent":["/**\n * `motionary/engine` (= `motionary/components/engine`, 8.0) — the unified\n * timeline engine and SSR hydration animations.\n *\n * - **`motionClock`** — the one clock every component, effect and frame loop\n *   runs on: `rate` (slow-mo / fast-forward), `pause()` / `resume()` /\n *   `toggle()`, `time`, `onChange()`. Pausing it freezes every animation\n *   started by Motionary on the page.\n * - **`createTimeline()`** — sequence animations on that clock:\n *   `add(target, keyframes, options, position)` with positions `1200`\n *   (ms), `'+=200'` / `'-=100'` (after / overlapping the previous end) or\n *   `'<'` / `'<+=80'` (with the previous start); `play()`, `pause()`,\n *   `seek(ms)`, `progress` (0–1, settable), `duration`, `finished`.\n * - **`hydrateMotion()`** — animate server-rendered `[data-usa-hydrate]`\n *   markup in on hydration without a flash: `ssrHead()` gives the `<style>`\n *   + one-line `<script>` for the document head (content stays visible\n *   without JS, and a CSS fallback reveals it after 3 s if JS never runs).\n */\nimport { animateWithMotion, getClock, setClock, onClockChange, prefersReducedMotion } from '../base';\n\nexport { getClock, setClock, onClockChange, trackAnimation } from '../base';\n\n/** The shared motion clock (8.0). */\nexport const motionClock = {\n  get rate(): number {\n    return getClock().rate;\n  },\n  set rate(r: number) {\n    setClock({ rate: r });\n  },\n  get paused(): boolean {\n    return getClock().paused;\n  },\n  /** Clock time in ms (advances with the shared frame loop, scaled by `rate`, frozen while paused). */\n  get time(): number {\n    return getClock().time;\n  },\n  pause(): void {\n    setClock({ paused: true });\n  },\n  resume(): void {\n    setClock({ paused: false });\n  },\n  toggle(): void {\n    setClock({ paused: !getClock().paused });\n  },\n  onChange: onClockChange,\n};\n\nexport type TimelinePosition = number | string;\nexport interface TimelineEntry {\n  target: Element;\n  keyframes: Keyframe[];\n  options: KeyframeAnimationOptions;\n  start: number;\n  end: number;\n}\nexport interface MotionTimeline {\n  readonly entries: readonly TimelineEntry[];\n  readonly duration: number;\n  readonly playing: boolean;\n  progress: number;\n  readonly finished: Promise<void>;\n  add(target: Element | Element[] | NodeListOf<Element> | null, keyframes: Keyframe[], options?: number | KeyframeAnimationOptions, position?: TimelinePosition): MotionTimeline;\n  play(): MotionTimeline;\n  pause(): MotionTimeline;\n  seek(ms: number): MotionTimeline;\n  restart(): MotionTimeline;\n  cancel(): void;\n}\n\n/** Resolve a timeline position against the previous entry (8.0). */\nexport function resolvePosition(position: TimelinePosition | undefined, prev: { start: number; end: number } | null, total: number): number {\n  if (typeof position === 'number' && Number.isFinite(position)) return Math.max(0, position);\n  const p = String(position ?? '').replace(/\\s+/g, '');\n  const prevStart = prev ? prev.start : 0;\n  const prevEnd = prev ? prev.end : 0;\n  let m: RegExpMatchArray | null;\n  if (p === '') return prev ? prevEnd : 0;\n  if (p === '<') return prevStart;\n  if ((m = p.match(/^<([+-])=(\\d+(?:\\.\\d+)?)$/))) return Math.max(0, prevStart + (m[1] === '+' ? 1 : -1) * Number(m[2]));\n  if ((m = p.match(/^([+-])=(\\d+(?:\\.\\d+)?)$/))) return Math.max(0, prevEnd + (m[1] === '+' ? 1 : -1) * Number(m[2]));\n  if (p === '>') return total;\n  const n = Number(p);\n  return Number.isFinite(n) ? Math.max(0, n) : prevEnd;\n}\n\nconst span = (o: KeyframeAnimationOptions): number => {\n  const d = typeof o.duration === 'number' ? o.duration : 0;\n  const it = typeof o.iterations === 'number' && Number.isFinite(o.iterations) ? o.iterations : 1;\n  return (o.delay || 0) + d * it + (o.endDelay || 0);\n};\n\n/** Sequence animations on the shared clock (8.0). */\nexport function createTimeline(defaults: KeyframeAnimationOptions & { autoplay?: boolean } = {}): MotionTimeline {\n  const { autoplay = false, ...base } = defaults;\n  const entries: TimelineEntry[] = [];\n  let anims: (Animation | null)[] = [];\n  let playing = false;\n  let pos = 0;\n  let resolveDone: () => void = () => undefined;\n  let finished = new Promise<void>((r) => (resolveDone = r));\n  let timer = 0 as unknown as ReturnType<typeof setTimeout>;\n\n  const duration = () => entries.reduce((m, e) => Math.max(m, e.end), 0);\n  const build = () => {\n    if (anims.length === entries.length) return;\n    anims.forEach((a) => a?.cancel());\n    anims = entries.map((e) => {\n      const a = animateWithMotion(e.target, e.keyframes, { fill: 'both', ...e.options, delay: e.start + (e.options.delay || 0) });\n      if (a) {\n        a.pause();\n        a.currentTime = pos;\n      }\n      return a;\n    });\n  };\n  const done = () => {\n    playing = false;\n    pos = duration();\n    resolveDone();\n  };\n  const tl: MotionTimeline = {\n    get entries() {\n      return entries;\n    },\n    get duration() {\n      return duration();\n    },\n    get playing() {\n      return playing;\n    },\n    get progress() {\n      const live = anims.find((a) => a && typeof a.currentTime === 'number');\n      const t = live && playing ? Number(live.currentTime) : pos;\n      const d = duration();\n      return d ? Math.min(1, Math.max(0, t / d)) : 0;\n    },\n    set progress(p: number) {\n      tl.seek(Math.min(1, Math.max(0, p)) * duration());\n    },\n    get finished() {\n      return finished;\n    },\n    add(target, keyframes, options = {}, position) {\n      const opts: KeyframeAnimationOptions = { ...base, ...(typeof options === 'number' ? { duration: options } : options) };\n      const list = !target ? [] : target instanceof Element ? [target] : Array.from(target as ArrayLike<Element>);\n      const prev = entries.length ? entries[entries.length - 1] : null;\n      let start = resolvePosition(position, prev, duration());\n      const stagger = (opts as any).stagger ? Number((opts as any).stagger) : 0;\n      delete (opts as any).stagger;\n      for (const el of list) {\n        entries.push({ target: el, keyframes, options: opts, start, end: start + span(opts) });\n        start += stagger;\n      }\n      anims.forEach((a) => a?.cancel());\n      anims = [];\n      return tl;\n    },\n    play() {\n      if (pos >= duration()) pos = 0;\n      if (playing) return tl;\n      if (pos === 0 && anims.length) {\n        anims.forEach((a) => a?.cancel());\n        anims = [];\n        finished = new Promise<void>((r) => (resolveDone = r));\n      }\n      build();\n      playing = true;\n      const live = anims.filter(Boolean) as Animation[];\n      live.forEach((a) => {\n        a.currentTime = pos;\n        a.play();\n      });\n      clearTimeout(timer);\n      if (!live.length || prefersReducedMotion()) {\n        tl.seek(duration());\n        done();\n      } else Promise.all(live.map((a) => a.finished.catch(() => undefined))).then(() => playing && done());\n      return tl;\n    },\n    pause() {\n      const live = anims.find((a) => a && typeof a.currentTime === 'number');\n      if (live) pos = Number(live.currentTime);\n      anims.forEach((a) => a?.pause());\n      playing = false;\n      return tl;\n    },\n    seek(ms) {\n      pos = Math.min(duration(), Math.max(0, ms));\n      build();\n      anims.forEach((a) => {\n        if (!a) return;\n        a.currentTime = pos;\n        if (!playing) a.pause();\n      });\n      return tl;\n    },\n    restart() {\n      anims.forEach((a) => a?.cancel());\n      anims = [];\n      pos = 0;\n      playing = false;\n      finished = new Promise<void>((r) => (resolveDone = r));\n      return tl.play();\n    },\n    cancel() {\n      anims.forEach((a) => a?.cancel());\n      anims = [];\n      playing = false;\n      pos = 0;\n    },\n  };\n  if (autoplay) queueMicrotask(() => entries.length && tl.play());\n  return tl;\n}\n\n/** Hydration presets for `data-usa-hydrate=\"…\"` (8.0). */\nexport const HYDRATE_PRESETS: Record<string, Keyframe[]> = {\n  fade: [{ opacity: 0 }, { opacity: 1 }],\n  'fade-up': [{ opacity: 0, transform: 'translateY(16px)' }, { opacity: 1, transform: 'none' }],\n  'fade-down': [{ opacity: 0, transform: 'translateY(-16px)' }, { opacity: 1, transform: 'none' }],\n  scale: [{ opacity: 0, transform: 'scale(.94)' }, { opacity: 1, transform: 'none' }],\n  blur: [{ opacity: 0, filter: 'blur(8px)' }, { opacity: 1, filter: 'none' }],\n  'slide-left': [{ opacity: 0, transform: 'translateX(24px)' }, { opacity: 1, transform: 'none' }],\n};\n\n/**\n * CSS that keeps `[data-usa-hydrate]` hidden only while JS is on and the\n * page has not hydrated yet (`html.usa-js`), with a 3 s CSS fallback so the\n * content can never stay invisible (8.0).\n */\nexport const HYDRATION_CSS =\n  'html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:0;animation:usa-hydrate-fallback 0s 3s forwards}@keyframes usa-hydrate-fallback{to{opacity:1}}@media (prefers-reduced-motion:reduce){html.usa-js [data-usa-hydrate]:not([data-usa-hydrated]),html.usa-js usa-hydrate:not([data-usa-hydrated])>*{opacity:1;animation:none}}';\n\n/** `<style>` + inline `<script>` for the SSR document head (8.0). Pass a CSP `nonce` if you use one. */\nexport function ssrHead(nonce?: string): string {\n  const n = nonce ? ` nonce=\"${String(nonce).replace(/\"/g, '')}\"` : '';\n  return `<style data-usa-hydration${n}>${HYDRATION_CSS}</style><script${n}>document.documentElement.classList.add('usa-js')</script>`;\n}\n\nexport interface HydrateOptions {\n  /** Delay between elements in document order (ms). Default 60. */\n  stagger?: number;\n  /** Duration per element (ms). Default 600. */\n  duration?: number;\n  /** Fallback preset when `data-usa-hydrate` is empty. Default `fade-up`. */\n  preset?: string;\n  easing?: string;\n  /** Run as a timeline you can pause / seek (returned). */\n}\n\n/**\n * Animate server-rendered `[data-usa-hydrate]` elements in (document order,\n * staggered; per-element `data-usa-delay`), mark them `data-usa-hydrated`\n * and emit `usa:hydrated` on the root. Returns the timeline (8.0).\n */\nexport function hydrateMotion(root: ParentNode = document, options: HydrateOptions = {}): MotionTimeline {\n  const { stagger = 60, duration = 600, preset = 'fade-up', easing = 'cubic-bezier(.2,.8,.2,1)' } = options;\n  if (typeof document !== 'undefined' && !document.querySelector('style[data-usa-hydration]')) {\n    const s = document.createElement('style');\n    s.setAttribute('data-usa-hydration', '');\n    s.textContent = HYDRATION_CSS;\n    document.head?.appendChild(s);\n  }\n  const els = Array.from(root.querySelectorAll<HTMLElement>('[data-usa-hydrate]:not([data-usa-hydrated])'));\n  const tl = createTimeline({ easing, duration });\n  els.forEach((el, i) => {\n    const name = el.getAttribute('data-usa-hydrate') || preset;\n    const frames = HYDRATE_PRESETS[name] || HYDRATE_PRESETS[preset] || HYDRATE_PRESETS['fade-up'];\n    const extra = Number(el.getAttribute('data-usa-delay')) || 0;\n    tl.add(el, frames, { duration, easing }, i * stagger + extra);\n  });\n  // mark first so the hiding CSS lets go; the animation's backwards fill holds the first frame\n  tl.play();\n  els.forEach((el) => el.setAttribute('data-usa-hydrated', ''));\n  const target = (root as any).dispatchEvent ? (root as unknown as EventTarget) : document;\n  tl.finished.then(() => target.dispatchEvent?.(new CustomEvent('usa:hydrated', { detail: { count: els.length }, bubbles: true })));\n  return tl;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/feedback.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var base = require('../chunks/base-BaQV-2ha.cjs');
+var base = require('../chunks/base-DoRUZBy-.cjs');
 
 var css$4 = "usa-spinner{--usa-spinner-size:32px;--usa-spinner-color:currentColor;position:relative;display:inline-block;vertical-align:middle;flex:none;width:var(--usa-spinner-size);height:var(--usa-spinner-size);color:var(--usa-spinner-color)}usa-spinner i{position:absolute;display:block}usa-spinner[paused] *,usa-spinner[paused] *::after{animation-play-state:paused !important}usa-spinner svg{width:100%;height:100%;animation:usa-spin 2s linear infinite;overflow:visible}usa-spinner svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0.5 100;stroke-dashoffset:0;animation:usa-ring-arc 1.6s ease-in-out infinite}@keyframes usa-spin{to{transform:rotate(360deg)}}@keyframes usa-ring-arc{0%{stroke-dasharray:0.5 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-20}100%{stroke-dasharray:0.5 100;stroke-dashoffset:-99}}usa-spinner[data-kind=\"windows\"] i{inset:0;opacity:0;animation:usa-orbit 5.5s infinite}usa-spinner[data-kind=\"windows\"] i::after{content:\"\";position:absolute;left:50%;top:0;width:12%;height:12%;margin-left:-6%;border-radius:50%;background:currentColor}usa-spinner[data-kind=\"windows\"] i:nth-child(2){animation-delay:240ms;--n:1}usa-spinner[data-kind=\"windows\"] i:nth-child(3){animation-delay:480ms;--n:2}usa-spinner[data-kind=\"windows\"] i:nth-child(4){animation-delay:720ms;--n:3}usa-spinner[data-kind=\"windows\"] i:nth-child(5){animation-delay:960ms;--n:4}@keyframes usa-orbit{0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}7%{transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}76%,100%{transform:rotate(945deg);opacity:0}}usa-spinner[data-kind=\"ring\"] i{inset:0;border-radius:50%;border:calc(var(--usa-spinner-size) / 9) solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;animation:usa-spin 0.8s linear infinite}usa-spinner[data-kind=\"dots\"]{display:inline-flex;align-items:center;justify-content:space-between;height:calc(var(--usa-spinner-size) / 2.5)}usa-spinner[data-kind=\"dots\"] i{position:static;width:22%;aspect-ratio:1;border-radius:50%;background:currentColor;animation:usa-dot 1.2s ease-in-out infinite}usa-spinner[data-kind=\"dots\"] i:nth-child(2){animation-delay:0.15s}usa-spinner[data-kind=\"dots\"] i:nth-child(3){animation-delay:0.3s}@keyframes usa-dot{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-70%);opacity:1}}usa-spinner[data-kind=\"pulse\"] i{inset:0;border-radius:50%;background:currentColor;opacity:0;animation:usa-pulse 1.6s cubic-bezier(0.22,1,0.36,1) infinite}usa-spinner[data-kind=\"pulse\"] i:nth-child(2){animation-delay:0.8s}@keyframes usa-pulse{from{transform:scale(0.1);opacity:0.8}to{transform:scale(1);opacity:0}}usa-spinner[data-kind=\"bars\"]{display:inline-flex;align-items:center;justify-content:space-between}usa-spinner[data-kind=\"bars\"] i{position:static;width:16%;height:100%;border-radius:2px;background:currentColor;transform:scaleY(0.35);animation:usa-bar 1s ease-in-out infinite}usa-spinner[data-kind=\"bars\"] i:nth-child(2){animation-delay:0.12s}usa-spinner[data-kind=\"bars\"] i:nth-child(3){animation-delay:0.24s}usa-spinner[data-kind=\"bars\"] i:nth-child(4){animation-delay:0.36s}@keyframes usa-bar{0%,100%{transform:scaleY(0.35)}40%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){usa-spinner svg,usa-spinner i,usa-spinner i::after{animation:usa-calm 2.4s ease-in-out infinite !important}usa-spinner[data-kind=\"windows\"] i{transform:rotate(calc(var(--n,0) * 72deg))}usa-spinner svg circle{animation:none;stroke-dasharray:30 100}}@keyframes usa-calm{0%,100%{opacity:1}50%{opacity:0.4}}";
 

package/dist/components/feedback.js

@@ -1,4 +1,4 @@
-import { u as defineElement, A as kindOf, z as EASE_OUT, k as clamp, F as FLUENT_DECELERATE, E as EASE_SPRING } from '../chunks/base-2-yYc93C.js';
+import { u as defineElement, F as kindOf, D as EASE_OUT, k as clamp, H as FLUENT_DECELERATE, E as EASE_SPRING } from '../chunks/base-CLuqlLfG.js';
 
 var css$4 = "usa-spinner{--usa-spinner-size:32px;--usa-spinner-color:currentColor;position:relative;display:inline-block;vertical-align:middle;flex:none;width:var(--usa-spinner-size);height:var(--usa-spinner-size);color:var(--usa-spinner-color)}usa-spinner i{position:absolute;display:block}usa-spinner[paused] *,usa-spinner[paused] *::after{animation-play-state:paused !important}usa-spinner svg{width:100%;height:100%;animation:usa-spin 2s linear infinite;overflow:visible}usa-spinner svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0.5 100;stroke-dashoffset:0;animation:usa-ring-arc 1.6s ease-in-out infinite}@keyframes usa-spin{to{transform:rotate(360deg)}}@keyframes usa-ring-arc{0%{stroke-dasharray:0.5 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-20}100%{stroke-dasharray:0.5 100;stroke-dashoffset:-99}}usa-spinner[data-kind=\"windows\"] i{inset:0;opacity:0;animation:usa-orbit 5.5s infinite}usa-spinner[data-kind=\"windows\"] i::after{content:\"\";position:absolute;left:50%;top:0;width:12%;height:12%;margin-left:-6%;border-radius:50%;background:currentColor}usa-spinner[data-kind=\"windows\"] i:nth-child(2){animation-delay:240ms;--n:1}usa-spinner[data-kind=\"windows\"] i:nth-child(3){animation-delay:480ms;--n:2}usa-spinner[data-kind=\"windows\"] i:nth-child(4){animation-delay:720ms;--n:3}usa-spinner[data-kind=\"windows\"] i:nth-child(5){animation-delay:960ms;--n:4}@keyframes usa-orbit{0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}7%{transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}76%,100%{transform:rotate(945deg);opacity:0}}usa-spinner[data-kind=\"ring\"] i{inset:0;border-radius:50%;border:calc(var(--usa-spinner-size) / 9) solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;animation:usa-spin 0.8s linear infinite}usa-spinner[data-kind=\"dots\"]{display:inline-flex;align-items:center;justify-content:space-between;height:calc(var(--usa-spinner-size) / 2.5)}usa-spinner[data-kind=\"dots\"] i{position:static;width:22%;aspect-ratio:1;border-radius:50%;background:currentColor;animation:usa-dot 1.2s ease-in-out infinite}usa-spinner[data-kind=\"dots\"] i:nth-child(2){animation-delay:0.15s}usa-spinner[data-kind=\"dots\"] i:nth-child(3){animation-delay:0.3s}@keyframes usa-dot{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-70%);opacity:1}}usa-spinner[data-kind=\"pulse\"] i{inset:0;border-radius:50%;background:currentColor;opacity:0;animation:usa-pulse 1.6s cubic-bezier(0.22,1,0.36,1) infinite}usa-spinner[data-kind=\"pulse\"] i:nth-child(2){animation-delay:0.8s}@keyframes usa-pulse{from{transform:scale(0.1);opacity:0.8}to{transform:scale(1);opacity:0}}usa-spinner[data-kind=\"bars\"]{display:inline-flex;align-items:center;justify-content:space-between}usa-spinner[data-kind=\"bars\"] i{position:static;width:16%;height:100%;border-radius:2px;background:currentColor;transform:scaleY(0.35);animation:usa-bar 1s ease-in-out infinite}usa-spinner[data-kind=\"bars\"] i:nth-child(2){animation-delay:0.12s}usa-spinner[data-kind=\"bars\"] i:nth-child(3){animation-delay:0.24s}usa-spinner[data-kind=\"bars\"] i:nth-child(4){animation-delay:0.36s}@keyframes usa-bar{0%,100%{transform:scaleY(0.35)}40%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){usa-spinner svg,usa-spinner i,usa-spinner i::after{animation:usa-calm 2.4s ease-in-out infinite !important}usa-spinner[data-kind=\"windows\"] i{transform:rotate(calc(var(--n,0) * 72deg))}usa-spinner svg circle{animation:none;stroke-dasharray:30 100}}@keyframes usa-calm{0%,100%{opacity:1}50%{opacity:0.4}}";
 

package/dist/components/fx-3d.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var registry = require('../chunks/registry-DehBVRDV.cjs');
+var registry = require('../chunks/registry-BVklOepd.cjs');
 var shared = require('../chunks/shared-jkgRH-Hx.cjs');
 var components_fxLight = require('./fx-light.cjs');
-require('../chunks/base-BaQV-2ha.cjs');
+require('../chunks/base-DoRUZBy-.cjs');
 require('../chunks/generative-BHIj-NU0.cjs');
 
 const layers = (el) => {

package/dist/components/fx-3d.js

@@ -1,7 +1,7 @@
-import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { registerEffects } from '../chunks/registry-CnO7ZVPK.js';
 import { a as all } from '../chunks/shared-CkKHWrtJ.js';
 import { trackPointer } from './fx-light.js';
-import '../chunks/base-2-yYc93C.js';
+import '../chunks/base-CLuqlLfG.js';
 import '../chunks/generative-2LhxG5BJ.js';
 
 const layers = (el) => {

package/dist/components/fx-ai.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var registry = require('../chunks/registry-DehBVRDV.cjs');
-require('../chunks/base-BaQV-2ha.cjs');
+var registry = require('../chunks/registry-BVklOepd.cjs');
+require('../chunks/base-DoRUZBy-.cjs');
 
 /** Split text into words, keeping the whitespace after each (7.8). */
 function splitWords(text) {

package/dist/components/fx-ai.js

@@ -1,5 +1,5 @@
-import { registerEffects } from '../chunks/registry-CyKExAmE.js';
-import '../chunks/base-2-yYc93C.js';
+import { registerEffects } from '../chunks/registry-CnO7ZVPK.js';
+import '../chunks/base-CLuqlLfG.js';
 
 /** Split text into words, keeping the whitespace after each (7.8). */
 function splitWords(text) {

package/dist/components/fx-chart.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var registry = require('../chunks/registry-DehBVRDV.cjs');
+var registry = require('../chunks/registry-BVklOepd.cjs');
 var shared = require('../chunks/shared-jkgRH-Hx.cjs');
-require('../chunks/base-BaQV-2ha.cjs');
+require('../chunks/base-DoRUZBy-.cjs');
 
 const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
 const pick = (el, sel) => Array.from(el.querySelectorAll(sel));

package/dist/components/fx-chart.js

@@ -1,6 +1,6 @@
-import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { registerEffects } from '../chunks/registry-CnO7ZVPK.js';
 import { a as all } from '../chunks/shared-CkKHWrtJ.js';
-import '../chunks/base-2-yYc93C.js';
+import '../chunks/base-CLuqlLfG.js';
 
 const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
 const pick = (el, sel) => Array.from(el.querySelectorAll(sel));