motionary 0.0.0-stage → 6.2.0

package/dist/components/react.d.ts

@@ -0,0 +1,18 @@
+interface ReactLike {
+    createElement: (type: any, props?: any, ...children: any[]) => any;
+    forwardRef: (render: (props: any, ref: any) => any) => any;
+    useRef: <T>(v: T) => {
+        current: T;
+    };
+    useEffect: (fn: () => void | (() => void), deps?: unknown[]) => void;
+    useLayoutEffect?: (fn: () => void | (() => void), deps?: unknown[]) => void;
+}
+/** `usa-auto-animate` → `UsaAutoAnimate` */
+declare const pascal: (tag: string) => string;
+/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */
+declare function eventName(prop: string): string | null;
+/** All `<usa-*>` tags shipped by the package. */
+declare const USA_TAGS: string[];
+declare function createUsaComponents(React: ReactLike): Record<string, any>;
+
+export { USA_TAGS, createUsaComponents, eventName, pascal };

package/dist/components/react.js

@@ -0,0 +1,91 @@
+import { C as COMPONENT_CATEGORIES } from '../chunks/index-tags-DucKMQr_.js';
+
+/**
+ * motionary/components/react — React wrappers for every `<usa-*>`
+ * element (v2.9). React 19 handles custom elements natively; for React 18
+ * (and nicer DX in both) `createUsaComponents(React)` returns typed wrapper
+ * components that set **properties** (`checked`, `value`, `state`, …),
+ * forward `ref`, and map `onUsaChange`-style props to `usa:change` events.
+ *
+ * ```tsx
+ * import * as React from 'react';
+ * import { createUsaComponents } from 'motionary/components/react';
+ * import { defineComponents } from 'motionary/components';
+ * defineComponents();
+ * const { UsaButton, UsaToggle } = createUsaComponents(React);
+ * <UsaButton deform="squash" onUsaSubmit={(e) => e.detail.done(true)}><button>Pay</button></UsaButton>
+ * ```
+ *
+ * JSX types for the raw tags (`<usa-card effect="flip">`) come from
+ * `motionary/components/jsx` (see `UsaIntrinsicElements`).
+ */
+/** `usa-auto-animate` → `UsaAutoAnimate` */
+const pascal = (tag) => tag.replace(/(^|-)([a-z0-9])/g, (_, __, c) => c.toUpperCase());
+/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */
+function eventName(prop) {
+    const m = /^on([A-Z].*)$/.exec(prop);
+    if (!m)
+        return null;
+    const kebab = m[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+    return kebab.startsWith('usa-') ? `usa:${kebab.slice(4)}` : kebab;
+}
+/** Props written as DOM properties (not attributes) when given non-string values. */
+const PROPS = new Set(['checked', 'value', 'state', 'open', 'liked', 'count', 'loading', 'flipped', 'selected', 'index', 'indeterminate']);
+/** All `<usa-*>` tags shipped by the package. */
+const USA_TAGS = Object.values(COMPONENT_CATEGORIES).flat();
+function createUsaComponents(React) {
+    const useIso = React.useLayoutEffect || React.useEffect;
+    const make = (tag) => {
+        const C = React.forwardRef((props, ref) => {
+            const inner = React.useRef(null);
+            const attrs = {};
+            const events = [];
+            const propsSet = [];
+            for (const [k, v] of Object.entries(props)) {
+                if (k === 'children')
+                    continue;
+                const ev = typeof v === 'function' ? eventName(k) : null;
+                if (ev)
+                    events.push([ev, v]);
+                else if (PROPS.has(k) && typeof v !== 'string')
+                    propsSet.push([k, v]);
+                else if (k === 'className')
+                    attrs.class = v;
+                else if (typeof v === 'boolean') {
+                    if (v)
+                        attrs[k] = '';
+                }
+                else
+                    attrs[k] = v;
+            }
+            useIso(() => {
+                const el = inner.current;
+                if (!el)
+                    return;
+                for (const [k, v] of propsSet)
+                    el[k] = v;
+            });
+            useIso(() => {
+                const el = inner.current;
+                if (!el)
+                    return;
+                events.forEach(([n, f]) => el.addEventListener(n, f));
+                return () => events.forEach(([n, f]) => el.removeEventListener(n, f));
+            });
+            const setRef = (node) => {
+                inner.current = node;
+                if (typeof ref === 'function')
+                    ref(node);
+                else if (ref)
+                    ref.current = node;
+            };
+            return React.createElement(tag, { ...attrs, ref: setRef }, props.children);
+        });
+        C.displayName = pascal(tag);
+        return C;
+    };
+    return Object.fromEntries(USA_TAGS.map((t) => [pascal(t), make(t)]));
+}
+
+export { USA_TAGS, createUsaComponents, eventName, pascal };
+//# sourceMappingURL=react.js.map

package/dist/components/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":["../../src/components/frameworks/react.ts"],"sourcesContent":["/**\n * motionary/components/react — React wrappers for every `<usa-*>`\n * element (v2.9). React 19 handles custom elements natively; for React 18\n * (and nicer DX in both) `createUsaComponents(React)` returns typed wrapper\n * components that set **properties** (`checked`, `value`, `state`, …),\n * forward `ref`, and map `onUsaChange`-style props to `usa:change` events.\n *\n * ```tsx\n * import * as React from 'react';\n * import { createUsaComponents } from 'motionary/components/react';\n * import { defineComponents } from 'motionary/components';\n * defineComponents();\n * const { UsaButton, UsaToggle } = createUsaComponents(React);\n * <UsaButton deform=\"squash\" onUsaSubmit={(e) => e.detail.done(true)}><button>Pay</button></UsaButton>\n * ```\n *\n * JSX types for the raw tags (`<usa-card effect=\"flip\">`) come from\n * `motionary/components/jsx` (see `UsaIntrinsicElements`).\n */\nimport { COMPONENT_CATEGORIES } from '../index-tags';\n\ntype AnyProps = Record<string, any>;\ninterface ReactLike {\n  createElement: (type: any, props?: any, ...children: any[]) => any;\n  forwardRef: (render: (props: any, ref: any) => any) => any;\n  useRef: <T>(v: T) => { current: T };\n  useEffect: (fn: () => void | (() => void), deps?: unknown[]) => void;\n  useLayoutEffect?: (fn: () => void | (() => void), deps?: unknown[]) => void;\n}\n\n/** `usa-auto-animate` → `UsaAutoAnimate` */\nexport const pascal = (tag: string): string => tag.replace(/(^|-)([a-z0-9])/g, (_, __, c) => c.toUpperCase());\n/** `onUsaChange` → `usa:change`, `onUsaDragEnd` → `usa:drag-end`; `onChange` → `change`. */\nexport function eventName(prop: string): string | null {\n  const m = /^on([A-Z].*)$/.exec(prop);\n  if (!m) return null;\n  const kebab = m[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n  return kebab.startsWith('usa-') ? `usa:${kebab.slice(4)}` : kebab;\n}\n\n/** Props written as DOM properties (not attributes) when given non-string values. */\nconst PROPS = new Set(['checked', 'value', 'state', 'open', 'liked', 'count', 'loading', 'flipped', 'selected', 'index', 'indeterminate']);\n\n/** All `<usa-*>` tags shipped by the package. */\nexport const USA_TAGS: string[] = Object.values(COMPONENT_CATEGORIES).flat() as string[];\n\nexport function createUsaComponents(React: ReactLike): Record<string, any> {\n  const useIso = React.useLayoutEffect || React.useEffect;\n  const make = (tag: string) => {\n    const C = React.forwardRef((props: AnyProps, ref: any) => {\n      const inner = React.useRef<HTMLElement | null>(null);\n      const attrs: AnyProps = {};\n      const events: [string, any][] = [];\n      const propsSet: [string, any][] = [];\n      for (const [k, v] of Object.entries(props)) {\n        if (k === 'children') continue;\n        const ev = typeof v === 'function' ? eventName(k) : null;\n        if (ev) events.push([ev, v]);\n        else if (PROPS.has(k) && typeof v !== 'string') propsSet.push([k, v]);\n        else if (k === 'className') attrs.class = v;\n        else if (typeof v === 'boolean') {\n          if (v) attrs[k] = '';\n        } else attrs[k] = v;\n      }\n      useIso(() => {\n        const el = inner.current as any;\n        if (!el) return;\n        for (const [k, v] of propsSet) el[k] = v;\n      });\n      useIso(() => {\n        const el = inner.current;\n        if (!el) return;\n        events.forEach(([n, f]) => el.addEventListener(n, f));\n        return () => events.forEach(([n, f]) => el.removeEventListener(n, f));\n      });\n      const setRef = (node: HTMLElement | null) => {\n        inner.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      };\n      return React.createElement(tag, { ...attrs, ref: setRef }, props.children);\n    });\n    (C as any).displayName = pascal(tag);\n    return C;\n  };\n  return Object.fromEntries(USA_TAGS.map((t) => [pascal(t), make(t)]));\n}\n"],"names":[],"mappings":"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"}

package/dist/components/reveal.cjs

@@ -0,0 +1,362 @@
+'use strict';
+
+var base = require('../chunks/base-BaQV-2ha.cjs');
+
+/** Entrance effects shared by `<usa-reveal>` and `<usa-stagger>` (transform / opacity / filter only). */
+const REVEAL_EFFECTS = [
+    'fade',
+    'fade-up',
+    'fade-down',
+    'fade-left',
+    'fade-right',
+    'zoom-in',
+    'zoom-out',
+    'blur',
+    'blur-up',
+    'flip-up',
+    'flip-left',
+    'rise',
+];
+/** The "from" keyframe of an effect; the "to" keyframe is the element's natural state. */
+function revealFrom(effect, distance = 32) {
+    const d = `${distance}px`;
+    switch (effect) {
+        case 'fade':
+            return { opacity: 0 };
+        case 'fade-down':
+            return { opacity: 0, transform: `translate3d(0,-${d},0)` };
+        case 'fade-left':
+            return { opacity: 0, transform: `translate3d(-${d},0,0)` };
+        case 'fade-right':
+            return { opacity: 0, transform: `translate3d(${d},0,0)` };
+        case 'zoom-in':
+            return { opacity: 0, transform: 'scale(0.86)' };
+        case 'zoom-out':
+            return { opacity: 0, transform: 'scale(1.14)' };
+        case 'blur':
+            return { opacity: 0, filter: 'blur(12px)' };
+        case 'blur-up':
+            return { opacity: 0, filter: 'blur(10px)', transform: `translate3d(0,${d},0)` };
+        case 'flip-up':
+            return { opacity: 0, transform: 'perspective(800px) rotateX(-55deg)', transformOrigin: '50% 100%' };
+        case 'flip-left':
+            return { opacity: 0, transform: 'perspective(800px) rotateY(55deg)', transformOrigin: '0% 50%' };
+        case 'rise':
+            return { opacity: 0, transform: `translate3d(0,${distance * 1.5}px,0) scale(0.96)` };
+        case 'fade-up':
+        default:
+            return { opacity: 0, transform: `translate3d(0,${d},0)` };
+    }
+}
+/** Keyframes from the effect to the natural state. */
+function revealKeyframes(effect, distance) {
+    // Any preset registered with the scroll library (core, `presets/extended`, your own)
+    const p = REVEAL_EFFECTS.includes(effect) ? null : globalThis[Symbol.for('use-scroll-animate.presets')]?.[effect];
+    if (p)
+        return [p.from, ...(p.frames || []), p.to];
+    const from = revealFrom(effect, distance);
+    const to = {};
+    for (const k of Object.keys(from)) {
+        if (k === 'opacity')
+            to.opacity = 1;
+        else if (k === 'transform')
+            to.transform = 'none';
+        else if (k === 'filter')
+            to.filter = 'none';
+        else if (k === 'transformOrigin')
+            to.transformOrigin = from.transformOrigin;
+    }
+    return [from, to];
+}
+
+var css$2 = "usa-reveal,usa-stagger{display:block}usa-reveal[data-state=\"hidden\"],usa-stagger[data-state=\"hidden\"]>*{opacity:0}@media (prefers-reduced-motion:reduce){usa-reveal[data-state=\"hidden\"],usa-stagger[data-state=\"hidden\"]>*{opacity:1}}";
+
+function defineReveal(tag = 'usa-reveal') {
+    return base.defineElement(tag, (Base) => class UsaReveal extends Base {
+        constructor() {
+            super(...arguments);
+            this._anim = null;
+        }
+        static get observedAttributes() {
+            return ['effect', 'distance', 'repeat', 'threshold', 'root-margin'];
+        }
+        get effect() {
+            return this.str('effect', 'fade-up');
+        }
+        set effect(v) {
+            this.setAttribute('effect', v);
+        }
+        get revealed() {
+            return this.getAttribute('data-state') !== 'hidden';
+        }
+        mount() {
+            if (this.reduced) {
+                this.setAttribute('data-state', 'shown');
+                return;
+            }
+            if (this.getAttribute('data-state') !== 'shown')
+                this.setAttribute('data-state', 'hidden');
+            this.inView((visible) => {
+                if (visible) {
+                    this.emit('enter');
+                    if (!this.revealed)
+                        this.reveal();
+                }
+                else {
+                    this.emit('leave');
+                    if (this.flag('repeat') && this.revealed)
+                        this.reset();
+                }
+            }, { threshold: this.num('threshold', 0.15), rootMargin: this.str('root-margin', '0px') });
+        }
+        unmount() {
+            this._anim?.cancel();
+            this._anim = null;
+        }
+        reveal() {
+            this._anim?.cancel();
+            this.setAttribute('data-state', 'shown');
+            if (this.reduced)
+                return Promise.resolve();
+            const a = this.motion(this, revealKeyframes(this.effect, this.num('distance', 32)), {
+                duration: this.num('duration', 700),
+                delay: this.num('delay', 0),
+                easing: this.str('easing', base.EASE_OUT),
+                fill: 'backwards',
+            });
+            this._anim = a;
+            return new Promise((resolve) => {
+                const done = () => {
+                    if (this._anim === a)
+                        this._anim = null;
+                    this.emit('complete');
+                    resolve();
+                };
+                if (!a)
+                    done();
+                else
+                    a.onfinish = done;
+            });
+        }
+        reset() {
+            this._anim?.cancel();
+            this._anim = null;
+            if (!this.reduced)
+                this.setAttribute('data-state', 'hidden');
+        }
+    }, { id: 'reveal', text: css$2 });
+}
+
+function defineStagger(tag = 'usa-stagger') {
+    return base.defineElement(tag, (Base) => class UsaStagger extends Base {
+        constructor() {
+            super(...arguments);
+            this._anims = [];
+        }
+        static get observedAttributes() {
+            return ['effect', 'repeat', 'threshold'];
+        }
+        mount() {
+            if (this.reduced) {
+                this.setAttribute('data-state', 'shown');
+                return;
+            }
+            if (this.getAttribute('data-state') !== 'shown')
+                this.setAttribute('data-state', 'hidden');
+            this.inView((visible) => {
+                if (visible && this.getAttribute('data-state') === 'hidden') {
+                    this.emit('enter');
+                    this.reveal();
+                }
+                else if (!visible && this.flag('repeat'))
+                    this.reset();
+            }, { threshold: this.num('threshold', 0.1) });
+        }
+        unmount() {
+            this.cancel();
+        }
+        cancel() {
+            this._anims.splice(0).forEach((a) => a.cancel());
+        }
+        reveal() {
+            this.cancel();
+            this.setAttribute('data-state', 'shown');
+            const kids = Array.from(this.children);
+            if (this.reduced || !kids.length)
+                return Promise.resolve();
+            const frames = revealKeyframes(this.str('effect', 'fade-up'), this.num('distance', 24));
+            const interval = this.num('interval', 70);
+            const base$1 = this.num('delay', 0);
+            const duration = this.num('duration', 600);
+            const easing = this.str('easing', base.EASE_OUT);
+            const anims = kids
+                .map((kid, i) => this.motion(kid, frames, { duration, easing, delay: base$1 + i * interval, fill: 'backwards' }))
+                .filter((a) => !!a);
+            this._anims = anims;
+            const last = anims[anims.length - 1];
+            return new Promise((resolve) => {
+                const done = () => {
+                    this.emit('complete');
+                    resolve();
+                };
+                if (!last)
+                    done();
+                else
+                    last.onfinish = done;
+            });
+        }
+        reset() {
+            this.cancel();
+            if (!this.reduced)
+                this.setAttribute('data-state', 'hidden');
+        }
+    }, { id: 'reveal', text: css$2 });
+}
+
+var css$1 = "usa-scroll-progress{display:block;position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--usa-progress-height,3px);background:var(--usa-progress-track,transparent);pointer-events:none;contain:strict}usa-scroll-progress[position=\"bottom\"]{top:auto;bottom:0}usa-scroll-progress[position=\"inline\"]{position:relative;z-index:auto;border-radius:999px;overflow:hidden}usa-scroll-progress .usa-progress-fill{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--usa-progress-color,linear-gradient(90deg,#7c5cff,#22d3ee));will-change:transform}";
+
+/** Progress (0–1) of `target` scrolling through the viewport, or of the page. */
+function readScrollProgress(target) {
+    if (typeof window === 'undefined')
+        return 0;
+    const vh = window.innerHeight || document.documentElement.clientHeight;
+    if (target) {
+        const r = target.getBoundingClientRect();
+        const total = r.height - vh;
+        return total <= 0 ? (r.top <= 0 ? 1 : 0) : base.clamp(-r.top / total, 0, 1);
+    }
+    const doc = document.documentElement;
+    const max = doc.scrollHeight - vh;
+    return max <= 0 ? 0 : base.clamp((window.scrollY || doc.scrollTop) / max, 0, 1);
+}
+function defineScrollProgress(tag = 'usa-scroll-progress') {
+    return base.defineElement(tag, (Base) => class UsaScrollProgress extends Base {
+        constructor() {
+            super(...arguments);
+            this._bar = null;
+            this._p = -1;
+            this._frame = 0;
+        }
+        static get observedAttributes() {
+            return ['target', 'label'];
+        }
+        get progress() {
+            return Math.max(0, this._p);
+        }
+        mount() {
+            if (!this._bar) {
+                this._bar = document.createElement('span');
+                this._bar.className = 'usa-progress-fill';
+                this.replaceChildren(this._bar);
+            }
+            this.setAttribute('role', 'progressbar');
+            this.setAttribute('aria-valuemin', '0');
+            this.setAttribute('aria-valuemax', '100');
+            if (!this.hasAttribute('aria-label'))
+                this.setAttribute('aria-label', this.str('label', 'Reading progress'));
+            const schedule = () => {
+                if (!this._frame)
+                    this._frame = base.raf(() => ((this._frame = 0), this.update()));
+            };
+            this.listen(window, 'scroll', schedule, { passive: true });
+            this.listen(window, 'resize', schedule, { passive: true });
+            this.update();
+        }
+        unmount() {
+            base.caf(this._frame);
+            this._frame = 0;
+        }
+        update() {
+            const sel = this.getAttribute('target');
+            const target = sel ? document.querySelector(sel) : null;
+            const p = readScrollProgress(target);
+            if (Math.abs(p - this._p) < 0.0005)
+                return;
+            this._p = p;
+            if (this._bar)
+                this._bar.style.transform = `scaleX(${p})`;
+            this.style.setProperty('--usa-progress', String(p));
+            const pct = String(Math.round(p * 100));
+            if (this.getAttribute('aria-valuenow') !== pct)
+                this.setAttribute('aria-valuenow', pct);
+            this.emit('progress', { progress: p });
+        }
+    }, { id: 'scroll-progress', text: css$1 });
+}
+
+var css = "usa-scrolly{display:block;position:relative}usa-scrolly [data-sticky]{position:sticky;top:var(--usa-sticky-top,0px)}usa-scrolly [data-step]{opacity:var(--usa-step-dim,0.35);transition:opacity 0.4s ease}usa-scrolly [data-step][data-active]{opacity:1}@media (prefers-reduced-motion:reduce){usa-scrolly [data-step]{transition:none}}";
+
+function defineScrolly(tag = 'usa-scrolly') {
+    return base.defineElement(tag, (Base) => class UsaScrolly extends Base {
+        constructor() {
+            super(...arguments);
+            this._active = -1;
+        }
+        static get observedAttributes() {
+            return ['offset'];
+        }
+        get active() {
+            return this._active;
+        }
+        get steps() {
+            return Array.from(this.querySelectorAll('[data-step]'));
+        }
+        mount() {
+            const steps = this.steps;
+            if (!steps.length)
+                return;
+            const offset = base.clamp(this.num('offset', 0.5), 0, 1);
+            // A thin trigger band `offset` down the viewport
+            const top = Math.min(99, Math.round(offset * 100));
+            const rootMargin = `-${top}% 0px -${Math.max(0, 99 - top)}% 0px`;
+            if (typeof IntersectionObserver === 'undefined') {
+                this.activate(0);
+                return;
+            }
+            const io = new IntersectionObserver((entries) => {
+                for (const e of entries)
+                    if (e.isIntersecting)
+                        this.activate(steps.indexOf(e.target));
+            }, { rootMargin });
+            steps.forEach((s) => io.observe(s));
+            this.onCleanup(() => io.disconnect());
+            if (this._active < 0)
+                this.activate(0, true);
+        }
+        activate(index, silent = false) {
+            const steps = this.steps;
+            if (index < 0 || index >= steps.length || index === this._active)
+                return;
+            this._active = index;
+            steps.forEach((s, i) => s.toggleAttribute('data-active', i === index));
+            const step = steps[index];
+            this.setAttribute('active', String(index));
+            this.style.setProperty('--usa-step', String(index));
+            this.setAttribute('data-step-name', step.dataset.step || String(index));
+            if (!silent)
+                this.emit('step', { index, step, name: step.dataset.step || '' });
+        }
+    }, { id: 'scrolly', text: css });
+}
+
+/**
+ * motionary/components/reveal — entrance & scroll reveal components.
+ * `<usa-reveal>`, `<usa-stagger>`, `<usa-scroll-progress>`, `<usa-scrolly>`.
+ */
+/** Register every component of this category under its default tag. */
+function defineRevealComponents() {
+    defineReveal();
+    defineStagger();
+    defineScrollProgress();
+    defineScrolly();
+}
+
+exports.REVEAL_EFFECTS = REVEAL_EFFECTS;
+exports.defineReveal = defineReveal;
+exports.defineRevealComponents = defineRevealComponents;
+exports.defineScrollProgress = defineScrollProgress;
+exports.defineScrolly = defineScrolly;
+exports.defineStagger = defineStagger;
+exports.readScrollProgress = readScrollProgress;
+exports.revealKeyframes = revealKeyframes;
+//# sourceMappingURL=reveal.cjs.map

package/dist/components/reveal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.cjs","sources":["../../src/components/reveal/effects.ts","../../src/components/reveal/reveal.ts","../../src/components/reveal/stagger.ts","../../src/components/reveal/scroll-progress.ts","../../src/components/reveal/scrolly.ts","../../src/components/reveal/index.ts"],"sourcesContent":["/** Entrance effects shared by `<usa-reveal>` and `<usa-stagger>` (transform / opacity / filter only). */\n\nexport const REVEAL_EFFECTS = [\n  'fade',\n  'fade-up',\n  'fade-down',\n  'fade-left',\n  'fade-right',\n  'zoom-in',\n  'zoom-out',\n  'blur',\n  'blur-up',\n  'flip-up',\n  'flip-left',\n  'rise',\n] as const;\n\nexport type RevealEffect = (typeof REVEAL_EFFECTS)[number];\n\n/** The \"from\" keyframe of an effect; the \"to\" keyframe is the element's natural state. */\nexport function revealFrom(effect: string, distance = 32): Keyframe {\n  const d = `${distance}px`;\n  switch (effect) {\n    case 'fade':\n      return { opacity: 0 };\n    case 'fade-down':\n      return { opacity: 0, transform: `translate3d(0,-${d},0)` };\n    case 'fade-left':\n      return { opacity: 0, transform: `translate3d(-${d},0,0)` };\n    case 'fade-right':\n      return { opacity: 0, transform: `translate3d(${d},0,0)` };\n    case 'zoom-in':\n      return { opacity: 0, transform: 'scale(0.86)' };\n    case 'zoom-out':\n      return { opacity: 0, transform: 'scale(1.14)' };\n    case 'blur':\n      return { opacity: 0, filter: 'blur(12px)' };\n    case 'blur-up':\n      return { opacity: 0, filter: 'blur(10px)', transform: `translate3d(0,${d},0)` };\n    case 'flip-up':\n      return { opacity: 0, transform: 'perspective(800px) rotateX(-55deg)', transformOrigin: '50% 100%' };\n    case 'flip-left':\n      return { opacity: 0, transform: 'perspective(800px) rotateY(55deg)', transformOrigin: '0% 50%' };\n    case 'rise':\n      return { opacity: 0, transform: `translate3d(0,${distance * 1.5}px,0) scale(0.96)` };\n    case 'fade-up':\n    default:\n      return { opacity: 0, transform: `translate3d(0,${d},0)` };\n  }\n}\n\n/** Keyframes from the effect to the natural state. */\nexport function revealKeyframes(effect: string, distance?: number): Keyframe[] {\n  // Any preset registered with the scroll library (core, `presets/extended`, your own)\n  const p = (REVEAL_EFFECTS as readonly string[]).includes(effect) ? null : (globalThis as any)[Symbol.for('use-scroll-animate.presets')]?.[effect];\n  if (p) return [p.from, ...(p.frames || []), p.to];\n  const from = revealFrom(effect, distance);\n  const to: Keyframe = {};\n  for (const k of Object.keys(from)) {\n    if (k === 'opacity') to.opacity = 1;\n    else if (k === 'transform') to.transform = 'none';\n    else if (k === 'filter') to.filter = 'none';\n    else if (k === 'transformOrigin') to.transformOrigin = from.transformOrigin;\n  }\n  return [from, to];\n}\n","import { defineElement, EASE_OUT, type UsaElement } from '../base';\nimport { revealKeyframes, type RevealEffect } from './effects';\nimport css from './reveal.css?raw';\n\n/**\n * `<usa-reveal>` — reveals its content when it scrolls into view.\n *\n * Attributes: `effect` (see {@link RevealEffect}, default `fade-up`),\n * `duration` (ms, 700), `delay` (ms, 0), `distance` (px, 32), `easing`,\n * `threshold` (0–1, 0.15), `root-margin`, `repeat` (hide again when it\n * leaves, replay on re-entry). Events: `usa:enter`, `usa:leave`, `usa:complete`.\n */\nexport interface UsaRevealElement extends UsaElement {\n  effect: RevealEffect | string;\n  /** Play the entrance now (also called automatically on enter). */\n  reveal(): Promise<void>;\n  /** Hide again so the next `reveal()` replays the entrance. */\n  reset(): void;\n  readonly revealed: boolean;\n}\n\nexport function defineReveal(tag = 'usa-reveal'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaReveal extends Base {\n        static get observedAttributes(): string[] {\n          return ['effect', 'distance', 'repeat', 'threshold', 'root-margin'];\n        }\n\n        private _anim: Animation | null = null;\n\n        get effect(): string {\n          return this.str('effect', 'fade-up');\n        }\n        set effect(v: string) {\n          this.setAttribute('effect', v);\n        }\n        get revealed(): boolean {\n          return this.getAttribute('data-state') !== 'hidden';\n        }\n\n        mount(): void {\n          if (this.reduced) {\n            this.setAttribute('data-state', 'shown');\n            return;\n          }\n          if (this.getAttribute('data-state') !== 'shown') this.setAttribute('data-state', 'hidden');\n          this.inView(\n            (visible) => {\n              if (visible) {\n                this.emit('enter');\n                if (!this.revealed) this.reveal();\n              } else {\n                this.emit('leave');\n                if (this.flag('repeat') && this.revealed) this.reset();\n              }\n            },\n            { threshold: this.num('threshold', 0.15), rootMargin: this.str('root-margin', '0px') }\n          );\n        }\n\n        unmount(): void {\n          this._anim?.cancel();\n          this._anim = null;\n        }\n\n        reveal(): Promise<void> {\n          this._anim?.cancel();\n          this.setAttribute('data-state', 'shown');\n          if (this.reduced) return Promise.resolve();\n          const a = this.motion(this, revealKeyframes(this.effect, this.num('distance', 32)), {\n            duration: this.num('duration', 700),\n            delay: this.num('delay', 0),\n            easing: this.str('easing', EASE_OUT),\n            fill: 'backwards',\n          });\n          this._anim = a;\n          return new Promise((resolve) => {\n            const done = () => {\n              if (this._anim === a) this._anim = null;\n              this.emit('complete');\n              resolve();\n            };\n            if (!a) done();\n            else a.onfinish = done;\n          });\n        }\n\n        reset(): void {\n          this._anim?.cancel();\n          this._anim = null;\n          if (!this.reduced) this.setAttribute('data-state', 'hidden');\n        }\n      },\n    { id: 'reveal', text: css }\n  );\n}\n","import { defineElement, EASE_OUT, type UsaElement } from '../base';\nimport { revealKeyframes } from './effects';\nimport css from './reveal.css?raw';\n\n/**\n * `<usa-stagger>` — reveals its direct children one after another when the\n * list scrolls into view.\n *\n * Attributes: `effect` (default `fade-up`), `interval` (ms between children,\n * 70), `duration` (600), `delay` (0), `distance` (24), `easing`,\n * `threshold` (0.1), `repeat`. Events: `usa:enter`, `usa:complete`.\n */\nexport interface UsaStaggerElement extends UsaElement {\n  reveal(): Promise<void>;\n  reset(): void;\n}\n\nexport function defineStagger(tag = 'usa-stagger'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaStagger extends Base {\n        static get observedAttributes(): string[] {\n          return ['effect', 'repeat', 'threshold'];\n        }\n\n        private _anims: Animation[] = [];\n\n        mount(): void {\n          if (this.reduced) {\n            this.setAttribute('data-state', 'shown');\n            return;\n          }\n          if (this.getAttribute('data-state') !== 'shown') this.setAttribute('data-state', 'hidden');\n          this.inView(\n            (visible) => {\n              if (visible && this.getAttribute('data-state') === 'hidden') {\n                this.emit('enter');\n                this.reveal();\n              } else if (!visible && this.flag('repeat')) this.reset();\n            },\n            { threshold: this.num('threshold', 0.1) }\n          );\n        }\n\n        unmount(): void {\n          this.cancel();\n        }\n\n        private cancel(): void {\n          this._anims.splice(0).forEach((a) => a.cancel());\n        }\n\n        reveal(): Promise<void> {\n          this.cancel();\n          this.setAttribute('data-state', 'shown');\n          const kids = Array.from(this.children) as HTMLElement[];\n          if (this.reduced || !kids.length) return Promise.resolve();\n          const frames = revealKeyframes(this.str('effect', 'fade-up'), this.num('distance', 24));\n          const interval = this.num('interval', 70);\n          const base = this.num('delay', 0);\n          const duration = this.num('duration', 600);\n          const easing = this.str('easing', EASE_OUT);\n          const anims = kids\n            .map((kid, i) => this.motion(kid, frames, { duration, easing, delay: base + i * interval, fill: 'backwards' }))\n            .filter((a): a is Animation => !!a);\n          this._anims = anims;\n          const last = anims[anims.length - 1];\n          return new Promise((resolve) => {\n            const done = () => {\n              this.emit('complete');\n              resolve();\n            };\n            if (!last) done();\n            else last.onfinish = done;\n          });\n        }\n\n        reset(): void {\n          this.cancel();\n          if (!this.reduced) this.setAttribute('data-state', 'hidden');\n        }\n      },\n    { id: 'reveal', text: css }\n  );\n}\n","import { defineElement, raf, caf, clamp, type UsaElement } from '../base';\nimport css from './scroll-progress.css?raw';\n\n/**\n * `<usa-scroll-progress>` — a reading-progress bar.\n *\n * Attributes: `target` (CSS selector of an article to track; default the\n * whole page), `position` (`top` | `bottom` | `inline`, default `top`),\n * `label` (accessible name, default \"Reading progress\"). Style with\n * `--usa-progress-color`, `--usa-progress-height`, `--usa-progress-track`.\n * Exposes the progress (0–1) as `--usa-progress` on the element and as the\n * `progress` property. Event: `usa:progress` (`detail.progress`).\n *\n * Writes only `transform: scaleX()` (compositor-friendly); reads layout\n * once per animation frame, and only while scrolling.\n */\nexport interface UsaScrollProgressElement extends UsaElement {\n  readonly progress: number;\n  /** Re-measure (e.g. after content loaded). */\n  update(): void;\n}\n\n/** Progress (0–1) of `target` scrolling through the viewport, or of the page. */\nexport function readScrollProgress(target?: Element | null): number {\n  if (typeof window === 'undefined') return 0;\n  const vh = window.innerHeight || document.documentElement.clientHeight;\n  if (target) {\n    const r = target.getBoundingClientRect();\n    const total = r.height - vh;\n    return total <= 0 ? (r.top <= 0 ? 1 : 0) : clamp(-r.top / total, 0, 1);\n  }\n  const doc = document.documentElement;\n  const max = doc.scrollHeight - vh;\n  return max <= 0 ? 0 : clamp((window.scrollY || doc.scrollTop) / max, 0, 1);\n}\n\nexport function defineScrollProgress(tag = 'usa-scroll-progress'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaScrollProgress extends Base {\n        static get observedAttributes(): string[] {\n          return ['target', 'label'];\n        }\n\n        private _bar: HTMLElement | null = null;\n        private _p = -1;\n        private _frame = 0;\n\n        get progress(): number {\n          return Math.max(0, this._p);\n        }\n\n        mount(): void {\n          if (!this._bar) {\n            this._bar = document.createElement('span');\n            this._bar.className = 'usa-progress-fill';\n            this.replaceChildren(this._bar);\n          }\n          this.setAttribute('role', 'progressbar');\n          this.setAttribute('aria-valuemin', '0');\n          this.setAttribute('aria-valuemax', '100');\n          if (!this.hasAttribute('aria-label')) this.setAttribute('aria-label', this.str('label', 'Reading progress'));\n          const schedule = () => {\n            if (!this._frame) this._frame = raf(() => ((this._frame = 0), this.update()));\n          };\n          this.listen(window, 'scroll', schedule, { passive: true });\n          this.listen(window, 'resize', schedule, { passive: true });\n          this.update();\n        }\n\n        unmount(): void {\n          caf(this._frame);\n          this._frame = 0;\n        }\n\n        update(): void {\n          const sel = this.getAttribute('target');\n          const target = sel ? document.querySelector(sel) : null;\n          const p = readScrollProgress(target);\n          if (Math.abs(p - this._p) < 0.0005) return;\n          this._p = p;\n          if (this._bar) this._bar.style.transform = `scaleX(${p})`;\n          this.style.setProperty('--usa-progress', String(p));\n          const pct = String(Math.round(p * 100));\n          if (this.getAttribute('aria-valuenow') !== pct) this.setAttribute('aria-valuenow', pct);\n          this.emit('progress', { progress: p });\n        }\n      },\n    { id: 'scroll-progress', text: css }\n  );\n}\n","import { defineElement, clamp, type UsaElement } from '../base';\nimport css from './scrolly.css?raw';\n\n/**\n * `<usa-scrolly>` — sticky scrollytelling. A child marked `data-sticky`\n * stays pinned while the `[data-step]` children scroll past; the step that\n * crosses the trigger line becomes active.\n *\n * Attributes: `offset` (trigger line as a fraction of the viewport height,\n * default 0.5), `active` (reflected index of the active step). The active\n * step gets `data-active`; the host gets `--usa-step` and `data-step-name`\n * (the step's `data-step` value). Event: `usa:step` (`detail.index`,\n * `detail.step`, `detail.name`).\n */\nexport interface UsaScrollyElement extends UsaElement {\n  readonly active: number;\n  readonly steps: HTMLElement[];\n}\n\nexport function defineScrolly(tag = 'usa-scrolly'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaScrolly extends Base {\n        static get observedAttributes(): string[] {\n          return ['offset'];\n        }\n\n        private _active = -1;\n\n        get active(): number {\n          return this._active;\n        }\n        get steps(): HTMLElement[] {\n          return Array.from(this.querySelectorAll<HTMLElement>('[data-step]'));\n        }\n\n        mount(): void {\n          const steps = this.steps;\n          if (!steps.length) return;\n          const offset = clamp(this.num('offset', 0.5), 0, 1);\n          // A thin trigger band `offset` down the viewport\n          const top = Math.min(99, Math.round(offset * 100));\n          const rootMargin = `-${top}% 0px -${Math.max(0, 99 - top)}% 0px`;\n          if (typeof IntersectionObserver === 'undefined') {\n            this.activate(0);\n            return;\n          }\n          const io = new IntersectionObserver(\n            (entries) => {\n              for (const e of entries) if (e.isIntersecting) this.activate(steps.indexOf(e.target as HTMLElement));\n            },\n            { rootMargin }\n          );\n          steps.forEach((s) => io.observe(s));\n          this.onCleanup(() => io.disconnect());\n          if (this._active < 0) this.activate(0, true);\n        }\n\n        activate(index: number, silent = false): void {\n          const steps = this.steps;\n          if (index < 0 || index >= steps.length || index === this._active) return;\n          this._active = index;\n          steps.forEach((s, i) => s.toggleAttribute('data-active', i === index));\n          const step = steps[index];\n          this.setAttribute('active', String(index));\n          this.style.setProperty('--usa-step', String(index));\n          this.setAttribute('data-step-name', step.dataset.step || String(index));\n          if (!silent) this.emit('step', { index, step, name: step.dataset.step || '' });\n        }\n      },\n    { id: 'scrolly', text: css }\n  );\n}\n","/**\n * motionary/components/reveal — entrance & scroll reveal components.\n * `<usa-reveal>`, `<usa-stagger>`, `<usa-scroll-progress>`, `<usa-scrolly>`.\n */\nimport { defineReveal, type UsaRevealElement } from './reveal';\nimport { defineStagger, type UsaStaggerElement } from './stagger';\nimport { defineScrollProgress, type UsaScrollProgressElement } from './scroll-progress';\nimport { defineScrolly, type UsaScrollyElement } from './scrolly';\n\nexport { defineReveal, defineStagger, defineScrollProgress, defineScrolly };\nexport { readScrollProgress } from './scroll-progress';\nexport { REVEAL_EFFECTS, revealKeyframes } from './effects';\nexport type { RevealEffect } from './effects';\nexport type { UsaRevealElement, UsaStaggerElement, UsaScrollProgressElement, UsaScrollyElement };\n\n/** Register every component of this category under its default tag. */\nexport function defineRevealComponents(): void {\n  defineReveal();\n  defineStagger();\n  defineScrollProgress();\n  defineScrolly();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'usa-reveal': UsaRevealElement;\n    'usa-stagger': UsaStaggerElement;\n    'usa-scroll-progress': UsaScrollProgressElement;\n    'usa-scrolly': UsaScrollyElement;\n  }\n}\n"],"names":["defineElement","EASE_OUT","css","base","clamp","raf","caf"],"mappings":"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"}

package/dist/components/reveal.css

@@ -0,0 +1,5 @@
+/* motionary/components/reveal */
+.usa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
+usa-reveal,usa-stagger{display:block}usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:0}@media (prefers-reduced-motion:reduce){usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:1}}
+usa-scroll-progress{display:block;position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--usa-progress-height,3px);background:var(--usa-progress-track,transparent);pointer-events:none;contain:strict}usa-scroll-progress[position="bottom"]{top:auto;bottom:0}usa-scroll-progress[position="inline"]{position:relative;z-index:auto;border-radius:999px;overflow:hidden}usa-scroll-progress .usa-progress-fill{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--usa-progress-color,linear-gradient(90deg,#7c5cff,#22d3ee));will-change:transform}
+usa-scrolly{display:block;position:relative}usa-scrolly [data-sticky]{position:sticky;top:var(--usa-sticky-top,0px)}usa-scrolly [data-step]{opacity:var(--usa-step-dim,0.35);transition:opacity 0.4s ease}usa-scrolly [data-step][data-active]{opacity:1}@media (prefers-reduced-motion:reduce){usa-scrolly [data-step]{transition:none}}