motionary 0.0.0-stage → 6.2.0

package/dist/components/transitions.d.ts

@@ -0,0 +1,126 @@
+/**
+ * Members shared by every `<usa-*>` element. Attribute helpers, a cleanup
+ * bag that is emptied on disconnect, and motion helpers that degrade to the
+ * final state without WAAPI or under reduced motion.
+ */
+interface UsaElement extends HTMLElement {
+    /** `true` while reduced motion applies to this element. */
+    readonly reduced: boolean;
+}
+
+type DialogVariant = 'modal' | 'drawer-start' | 'drawer-end' | 'drawer-bottom' | 'sheet';
+/**
+ * `<usa-dialog>` — an animated modal or drawer built on the native
+ * `<dialog>` (top layer, focus trapping, inert page, Esc to close). Its
+ * children are slotted into the panel (they stay in the light DOM, so
+ * React / Vue / Svelte keep owning them). Style with `::part(panel)`,
+ * `::part(backdrop)` and the `--usa-dialog-*` custom properties.
+ *
+ * Attributes: `open` (reflects; set/remove to open/close), `kind`
+ * (`modal` default — Fluent scale + fade; `drawer-start` / `drawer-end`
+ * slide from the side, `drawer-bottom` / `sheet` from below), `label`
+ * (accessible name), `no-backdrop-close`, `no-esc`. Elements inside
+ * with `data-close` close it. Events: `usa:open`, `usa:close` (cancelable
+ * `usa:beforeclose`). Reduced motion: fade only.
+ */
+interface UsaDialogElement extends UsaElement {
+    open: boolean;
+    show(): Promise<void>;
+    close(returnValue?: string): Promise<void>;
+    readonly dialog: HTMLDialogElement | null;
+    returnValue: string;
+}
+declare function defineDialog(tag?: string): CustomElementConstructor | undefined;
+
+/**
+ * `<usa-accordion>` — smooth expand / collapse for the native `<details>`
+ * elements inside it (keeps their semantics, keyboard support and
+ * find-in-page, and adds no wrapper elements, so framework-rendered content
+ * is left alone). Only one stays open unless `multiple` is set.
+ *
+ * Attributes: `multiple`, `duration` (ms, 300). Event: `usa:toggle`
+ * (`detail.details`, `detail.open`). Reduced motion: instant.
+ * Heights are measured once per toggle and animated on the `<details>`.
+ */
+interface UsaAccordionElement extends UsaElement {
+    readonly items: HTMLDetailsElement[];
+    toggleItem(details: HTMLDetailsElement, open?: boolean): Promise<void>;
+}
+declare function defineAccordion(tag?: string): CustomElementConstructor | undefined;
+
+/**
+ * `<usa-view-switch>` — shows one of its children at a time (tabs, wizard
+ * steps, app pages) and animates between them. Children are views; name
+ * them with `data-view`, or address them by index.
+ *
+ * Attributes: `active` (view name or index, default the first),
+ * `effect` (`fade` | `slide` (default, direction-aware — Fluent "page
+ * transition") | `scale` | `drill`), `duration` (ms, 320). Inactive views
+ * get `hidden` + `inert`. Event: `usa:change` (`detail.view`,
+ * `detail.index`). Reduced motion: a quick fade.
+ */
+interface UsaViewSwitchElement extends UsaElement {
+    active: string;
+    readonly views: HTMLElement[];
+    show(view: string | number): Promise<void>;
+}
+declare function defineViewSwitch(tag?: string): CustomElementConstructor | undefined;
+
+interface ViewTransitionOptions {
+    /**
+     * Element to cross-fade when the View Transitions API is missing (default:
+     * none — the update is applied without animation).
+     */
+    fallback?: HTMLElement | null;
+    /** Fallback fade duration in ms (default 180 out + 220 in). */
+    duration?: number;
+    /** View transition types (`document.startViewTransition({ types })`, where supported). */
+    types?: string[];
+}
+/**
+ * Run `update()` (which changes the DOM) inside a view transition:
+ * `document.startViewTransition()` where available (Chrome/Edge 111+, so
+ * Electron, WebView2 and Tauri on Windows), otherwise a short cross-fade of
+ * `options.fallback`. Instant under reduced motion. Resolves when finished.
+ *
+ * Give elements a `view-transition-name` in CSS for shared-element morphs.
+ */
+declare function viewTransition(update: () => void | Promise<void>, options?: ViewTransitionOptions): Promise<void>;
+interface FlipOptions {
+    duration?: number;
+    easing?: string;
+    /** Fade/scale in elements that did not exist before (default true). */
+    animateEnter?: boolean;
+}
+type Targets = Element | Iterable<Element> | ArrayLike<Element>;
+/**
+ * FLIP animation for layout changes (list reorder, filter, grid resize):
+ * measures `targets` (an element's children, or a list), runs `mutate()`,
+ * then animates each element from its old position to its new one with
+ * transforms only. Elements added by `mutate()` fade in.
+ *
+ * ```js
+ * await flip(list, () => list.append(...shuffled));
+ * ```
+ */
+declare function flip(targets: Targets, mutate: () => void | Promise<void>, options?: FlipOptions): Promise<void>;
+
+/**
+ * motionary/components/transitions — view & layout transitions.
+ * `<usa-dialog>`, `<usa-accordion>`, `<usa-view-switch>`
+ * and the `viewTransition()` and `flip()` helpers (4.0: `<usa-flip-list>` → `<usa-auto-animate>`,
+ * `connectedAnimation()` → `sharedTransition()`, both in `components/layout`).
+ */
+
+/** Register every component of this category under its default tag. */
+declare function defineTransitionComponents(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'usa-dialog': UsaDialogElement;
+        'usa-accordion': UsaAccordionElement;
+        'usa-view-switch': UsaViewSwitchElement;
+    }
+}
+
+export { defineAccordion, defineDialog, defineTransitionComponents, defineViewSwitch, flip, viewTransition };
+export type { DialogVariant, FlipOptions, UsaAccordionElement, UsaDialogElement, UsaViewSwitchElement, ViewTransitionOptions };

package/dist/components/transitions.js

@@ -0,0 +1,423 @@
+import { x as defineElement, z as kindOf, A as shadowStyles, y as EASE_OUT, F as FLUENT_DECELERATE, p as prefersReducedMotion } from '../chunks/base-C_3cAoRz.js';
+
+var shadowCss = ":host{display:contents}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:transparent}[part=\"backdrop\"]{position:absolute;inset:0;background:var(--usa-dialog-backdrop,rgb(0 0 0 / 0.42))}[part=\"panel\"]{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:min(var(--usa-dialog-width,480px),calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:var(--usa-dialog-padding,24px);border-radius:var(--usa-dialog-radius,12px);background:var(--usa-dialog-bg,Canvas);color:var(--usa-dialog-fg,CanvasText);box-shadow:0 32px 64px -12px rgb(0 0 0 / 0.45),0 0 0 1px rgb(127 127 127 / 0.18)}dialog[data-kind^=\"drawer\"] [part=\"panel\"]{top:0;bottom:0;translate:none;max-height:none;height:100%;border-radius:0;width:min(var(--usa-dialog-width,380px),88vw)}dialog[data-kind=\"drawer-start\"] [part=\"panel\"]{left:0}dialog[data-kind=\"drawer-end\"] [part=\"panel\"]{left:auto;right:0}dialog[data-kind=\"drawer-bottom\"] [part=\"panel\"],dialog[data-kind=\"sheet\"] [part=\"panel\"]{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:auto;max-height:85vh;border-radius:var(--usa-dialog-radius,16px) var(--usa-dialog-radius,16px) 0 0}dialog[data-kind=\"sheet\"] [part=\"panel\"]{left:50%;translate:-50% 0;width:min(var(--usa-dialog-width,560px),100vw)}";
+
+var css$2 = "usa-dialog{display:contents}usa-dialog:not(:defined){display:none}";
+
+const FROM = {
+    modal: 'scale(0.94)',
+    'drawer-start': 'translateX(-100%)',
+    'drawer-end': 'translateX(100%)',
+    'drawer-bottom': 'translateY(100%)',
+    sheet: 'translateY(40px)',
+};
+function defineDialog(tag = 'usa-dialog') {
+    return defineElement(tag, (Base) => class UsaDialog extends Base {
+        constructor() {
+            super(...arguments);
+            this._dialog = null;
+            this._panel = null;
+            this._backdrop = null;
+            this._busy = null;
+            this._syncing = false;
+            this.returnValue = '';
+        }
+        static get observedAttributes() {
+            return ['open', 'kind', 'label'];
+        }
+        get dialog() {
+            return this._dialog;
+        }
+        get open() {
+            return this.hasAttribute('open');
+        }
+        set open(v) {
+            this.toggleAttribute('open', !!v);
+        }
+        get kind() {
+            return kindOf(this, FROM, 'modal');
+        }
+        changed(name) {
+            if (name === 'open') {
+                if (this._syncing)
+                    return;
+                if (this.open)
+                    this.show();
+                else
+                    this.close();
+            }
+            else
+                this.syncAttrs();
+        }
+        syncAttrs() {
+            if (!this._dialog)
+                return;
+            this._dialog.setAttribute('data-kind', this.kind);
+            this._dialog.setAttribute('aria-modal', 'true');
+            const label = this.getAttribute('label');
+            if (label)
+                this._dialog.setAttribute('aria-label', label);
+        }
+        mount() {
+            if (!this._dialog) {
+                const root = this.shadowRoot || this.attachShadow({ mode: 'open' });
+                root.innerHTML = '<dialog part="dialog"><div part="backdrop" aria-hidden="true"></div><div part="panel"><slot></slot></div></dialog>';
+                shadowStyles(root, shadowCss);
+                this._dialog = root.querySelector('dialog');
+                this._backdrop = root.querySelector('[part=backdrop]');
+                this._panel = root.querySelector('[part=panel]');
+            }
+            this.syncAttrs();
+            const dlg = this._dialog;
+            this.listen(dlg, 'cancel', (e) => {
+                e.preventDefault();
+                if (!this.flag('no-esc'))
+                    this.close('cancel');
+            });
+            this.listen(this._backdrop, 'click', () => !this.flag('no-backdrop-close') && this.close('backdrop'));
+            this.listen(this, 'click', (e) => {
+                const t = e.target.closest?.('[data-close]');
+                if (t && this.contains(t))
+                    this.close(t.getAttribute('data-close') || 'close');
+            });
+            if (this.open && !dlg.open)
+                this.show();
+        }
+        unmount() {
+            if (this._dialog?.open)
+                this._dialog.close();
+        }
+        setOpenAttr(on) {
+            this._syncing = true;
+            this.toggleAttribute('open', on);
+            this._syncing = false;
+        }
+        async show() {
+            await this._busy;
+            const dlg = this._dialog;
+            if (!dlg) {
+                this.setOpenAttr(true); // opens on connect
+                return;
+            }
+            if (dlg.open)
+                return;
+            this.setOpenAttr(true);
+            try {
+                if (typeof dlg.showModal === 'function')
+                    dlg.showModal();
+                else
+                    dlg.setAttribute('open', '');
+            }
+            catch {
+                dlg.setAttribute('open', '');
+            }
+            this.emit('open');
+            if (this.reduced) {
+                await this.animate2([{ opacity: 0 }, { opacity: 1 }], [{ opacity: 0 }, { opacity: 1 }], 160, EASE_OUT);
+                return;
+            }
+            await this.animate2([{ opacity: 0, transform: FROM[this.kind] }, { opacity: 1, transform: 'none' }], [{ opacity: 0 }, { opacity: 1 }], this.kind === 'modal' ? 260 : 360, FLUENT_DECELERATE);
+        }
+        async close(returnValue = '') {
+            await this._busy;
+            const dlg = this._dialog;
+            if (!dlg || !dlg.open) {
+                this.setOpenAttr(false);
+                return;
+            }
+            if (!this.emit('beforeclose', { returnValue })) {
+                this.setOpenAttr(true);
+                return;
+            }
+            this.returnValue = returnValue;
+            this._busy = (async () => {
+                const panelTo = this.reduced ? { opacity: 0 } : { opacity: 0, transform: FROM[this.kind] };
+                const panelFrom = this.reduced ? { opacity: 1 } : { opacity: 1, transform: 'none' };
+                await this.animate2([panelFrom, panelTo], [{ opacity: 1 }, { opacity: 0 }], this.reduced ? 120 : 200, 'cubic-bezier(0.7, 0, 0.84, 0)', 'forwards');
+                try {
+                    if (typeof dlg.close === 'function')
+                        dlg.close(returnValue);
+                    else
+                        dlg.removeAttribute('open');
+                }
+                catch {
+                    dlg.removeAttribute('open');
+                }
+                dlg.removeAttribute('open');
+                this._panel?.getAnimations?.().forEach((a) => a.cancel());
+                this._backdrop?.getAnimations?.().forEach((a) => a.cancel());
+                this.setOpenAttr(false);
+                this.emit('close', { returnValue });
+            })();
+            await this._busy;
+            this._busy = null;
+        }
+        animate2(panel, backdrop, duration, easing, fill = 'none') {
+            const a = this._panel ? this.motion(this._panel, panel, { duration, easing, fill }) : null;
+            const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;
+            return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);
+        }
+    }, { id: 'dialog', text: css$2 });
+}
+
+var css$1 = "usa-accordion{display:block}usa-accordion>details>summary{cursor:pointer}usa-accordion>details>summary::-webkit-details-marker{display:none}usa-accordion>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1em}usa-accordion>details>summary::after{content:\"\";flex:none;width:0.5em;height:0.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1);opacity:0.7}usa-accordion>details[open]:not([data-closing])>summary::after{transform:translateY(25%) rotate(-135deg)}@media (prefers-reduced-motion:reduce){usa-accordion>details>summary::after{transition:none}}";
+
+function defineAccordion(tag = 'usa-accordion') {
+    return defineElement(tag, (Base) => class UsaAccordion extends Base {
+        constructor() {
+            super(...arguments);
+            this._running = new WeakMap();
+        }
+        static get observedAttributes() {
+            return [];
+        }
+        get items() {
+            return Array.from(this.children).filter((c) => c.tagName === 'DETAILS');
+        }
+        mount() {
+            this.listen(this, 'click', (e) => {
+                const summary = e.target.closest?.('summary');
+                const d = summary?.parentElement;
+                if (!summary || !d || d.tagName !== 'DETAILS' || d.parentElement !== this)
+                    return;
+                e.preventDefault();
+                this.toggleItem(d);
+            });
+        }
+        /** Height of `d` when closed: its summary plus its own padding and border. */
+        closedHeight(d) {
+            const summary = d.querySelector(':scope > summary');
+            const cs = typeof getComputedStyle === 'function' ? getComputedStyle(d) : null;
+            const extra = cs
+                ? ['paddingTop', 'paddingBottom', 'borderTopWidth', 'borderBottomWidth'].reduce((n, k) => n + (parseFloat(cs[k]) || 0), 0)
+                : 0;
+            return (summary ? summary.getBoundingClientRect().height : 0) + extra;
+        }
+        async toggleItem(d, open = !d.open || d.hasAttribute('data-closing')) {
+            if (open && !this.flag('multiple'))
+                this.items.forEach((o) => o !== d && o.open && this.toggleItem(o, false));
+            this._running.get(d)?.cancel();
+            this._running.delete(d);
+            const duration = this.reduced ? 0 : this.num('duration', 300);
+            const startH = d.getBoundingClientRect().height;
+            if (open) {
+                d.removeAttribute('data-closing');
+                d.open = true;
+            }
+            this.emit('toggle', { details: d, open });
+            if (!duration || typeof d.animate !== 'function') {
+                if (!open)
+                    d.open = false;
+                return;
+            }
+            const endH = open ? d.getBoundingClientRect().height : this.closedHeight(d);
+            if (!open)
+                d.setAttribute('data-closing', '');
+            d.style.overflow = 'hidden';
+            const a = d.animate([{ height: `${startH}px` }, { height: `${endH}px` }], { duration, easing: EASE_OUT });
+            this._running.set(d, a);
+            await a.finished.catch(() => undefined);
+            if (this._running.get(d) !== a)
+                return;
+            this._running.delete(d);
+            d.style.overflow = '';
+            if (!open) {
+                d.open = false;
+                d.removeAttribute('data-closing');
+            }
+        }
+    }, { id: 'accordion', text: css$1 });
+}
+
+var css = "usa-view-switch{display:grid}usa-view-switch>*{grid-area:1 / 1;min-width:0}usa-view-switch>[hidden]:not([data-leaving]){display:none !important}usa-view-switch>[data-leaving]{display:block;pointer-events:none}";
+
+function defineViewSwitch(tag = 'usa-view-switch') {
+    return defineElement(tag, (Base) => class UsaViewSwitch extends Base {
+        constructor() {
+            super(...arguments);
+            this._index = -1;
+            this._anims = [];
+        }
+        static get observedAttributes() {
+            return ['active'];
+        }
+        get views() {
+            return Array.from(this.children);
+        }
+        get active() {
+            return this.str('active', '0');
+        }
+        set active(v) {
+            this.setAttribute('active', String(v));
+        }
+        indexOf(v) {
+            const views = this.views;
+            const byName = views.findIndex((el) => el.dataset.view === String(v));
+            if (byName >= 0)
+                return byName;
+            const n = Number(v);
+            return Number.isInteger(n) && n >= 0 && n < views.length ? n : -1;
+        }
+        changed() {
+            this.show(this.active);
+        }
+        mount() {
+            const i = Math.max(0, this.indexOf(this.active));
+            this._index = i;
+            this.views.forEach((v, j) => this.setVisible(v, j === i));
+        }
+        setVisible(v, on) {
+            v.hidden = !on;
+            v.toggleAttribute('inert', !on);
+            v.toggleAttribute('data-active', on);
+        }
+        async show(view) {
+            const next = this.indexOf(view);
+            const prev = this._index;
+            if (next < 0 || next === prev)
+                return;
+            const views = this.views;
+            const from = views[prev];
+            const to = views[next];
+            this._index = next;
+            const name = to.dataset.view ?? String(next);
+            if (this.active !== name && this.active !== String(next))
+                this.setAttribute('active', name);
+            this._anims.splice(0).forEach((a) => a.finish());
+            this.setVisible(to, true);
+            this.emit('change', { view: to, index: next, name });
+            if (!from)
+                return;
+            const duration = this.num('duration', 320);
+            const effect = this.reduced ? 'fade' : this.str('effect', 'slide');
+            const dir = next > prev ? 1 : -1;
+            let outF;
+            let inF;
+            switch (effect) {
+                case 'fade':
+                    outF = { opacity: 0 };
+                    inF = { opacity: 0 };
+                    break;
+                case 'scale':
+                    outF = { opacity: 0, transform: 'scale(0.96)' };
+                    inF = { opacity: 0, transform: 'scale(1.04)' };
+                    break;
+                case 'drill':
+                    outF = { opacity: 0, transform: `scale(${dir > 0 ? 1.06 : 0.94})` };
+                    inF = { opacity: 0, transform: `scale(${dir > 0 ? 0.94 : 1.06})` };
+                    break;
+                default:
+                    outF = { opacity: 0, transform: `translateX(${-dir * 32}px)` };
+                    inF = { opacity: 0, transform: `translateX(${dir * 48}px)` };
+            }
+            const neutral = (f) => ('transform' in f ? { opacity: 1, transform: 'none' } : { opacity: 1 });
+            // Outgoing view stays stacked in the same grid cell while it leaves
+            from.setAttribute('data-leaving', '');
+            const a = this.motion(from, [neutral(outF), outF], { duration: duration * 0.6, easing: EASE_OUT, fill: 'forwards' });
+            const b = this.motion(to, [inF, neutral(inF)], { duration, delay: duration * 0.15, easing: FLUENT_DECELERATE, fill: 'backwards' });
+            this._anims = [a, b].filter((x) => !!x);
+            await Promise.all(this._anims.map((x) => x.finished.catch(() => undefined)));
+            from.removeAttribute('data-leaving');
+            if (this._index !== prev)
+                this.setVisible(from, false);
+            a?.cancel();
+        }
+    }, { id: 'view-switch', text: css });
+}
+
+/**
+ * Run `update()` (which changes the DOM) inside a view transition:
+ * `document.startViewTransition()` where available (Chrome/Edge 111+, so
+ * Electron, WebView2 and Tauri on Windows), otherwise a short cross-fade of
+ * `options.fallback`. Instant under reduced motion. Resolves when finished.
+ *
+ * Give elements a `view-transition-name` in CSS for shared-element morphs.
+ */
+async function viewTransition(update, options = {}) {
+    const doc = typeof document !== 'undefined' ? document : null;
+    if (!doc || prefersReducedMotion()) {
+        await update();
+        return;
+    }
+    if (typeof doc.startViewTransition === 'function') {
+        let vt;
+        try {
+            vt = options.types ? doc.startViewTransition({ update, types: options.types }) : doc.startViewTransition(update);
+        }
+        catch {
+            vt = doc.startViewTransition(update);
+        }
+        await vt.finished.catch(() => undefined);
+        return;
+    }
+    const el = options.fallback;
+    const d = options.duration ?? 200;
+    if (!el || typeof el.animate !== 'function') {
+        await update();
+        return;
+    }
+    await el.animate([{ opacity: 1 }, { opacity: 0 }], { duration: d * 0.8, easing: 'ease-in', fill: 'forwards' }).finished.catch(() => undefined);
+    await update();
+    const a = el.animate([{ opacity: 0, transform: 'translateY(6px)' }, { opacity: 1, transform: 'none' }], { duration: d * 1.1, easing: EASE_OUT });
+    // remove the forwards fill of the fade-out
+    el.getAnimations?.().forEach((x) => x !== a && x.cancel());
+    await a.finished.catch(() => undefined);
+}
+const list = (t) => (t instanceof Element ? Array.from(t.children) : Array.from(t));
+/**
+ * FLIP animation for layout changes (list reorder, filter, grid resize):
+ * measures `targets` (an element's children, or a list), runs `mutate()`,
+ * then animates each element from its old position to its new one with
+ * transforms only. Elements added by `mutate()` fade in.
+ *
+ * ```js
+ * await flip(list, () => list.append(...shuffled));
+ * ```
+ */
+async function flip(targets, mutate, options = {}) {
+    const before = new Map(list(targets).map((el) => [el, el.getBoundingClientRect()]));
+    await mutate();
+    if (prefersReducedMotion())
+        return;
+    const after = list(targets);
+    const duration = options.duration ?? 420;
+    const easing = options.easing ?? FLUENT_DECELERATE;
+    const anims = [];
+    // Read all, then write all
+    const rects = after.map((el) => el.getBoundingClientRect());
+    after.forEach((el, i) => {
+        if (typeof el.animate !== 'function')
+            return;
+        const first = before.get(el);
+        const last = rects[i];
+        if (!first) {
+            if (options.animateEnter !== false)
+                anims.push(el.animate([{ opacity: 0, transform: 'scale(0.9)' }, { opacity: 1, transform: 'none' }], { duration, easing }));
+            return;
+        }
+        const dx = first.left - last.left;
+        const dy = first.top - last.top;
+        const sx = last.width ? first.width / last.width : 1;
+        const sy = last.height ? first.height / last.height : 1;
+        if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5 && Math.abs(sx - 1) < 0.01 && Math.abs(sy - 1) < 0.01)
+            return;
+        anims.push(el.animate([{ transformOrigin: '0 0', transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})` }, { transformOrigin: '0 0', transform: 'none' }], { duration, easing }));
+    });
+    await Promise.all(anims.map((a) => a.finished.catch(() => undefined)));
+}
+
+/**
+ * motionary/components/transitions — view & layout transitions.
+ * `<usa-dialog>`, `<usa-accordion>`, `<usa-view-switch>`
+ * and the `viewTransition()` and `flip()` helpers (4.0: `<usa-flip-list>` → `<usa-auto-animate>`,
+ * `connectedAnimation()` → `sharedTransition()`, both in `components/layout`).
+ */
+/** Register every component of this category under its default tag. */
+function defineTransitionComponents() {
+    defineDialog();
+    defineAccordion();
+    defineViewSwitch();
+}
+
+export { defineAccordion, defineDialog, defineTransitionComponents, defineViewSwitch, flip, viewTransition };
+//# sourceMappingURL=transitions.js.map

package/dist/components/transitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.js","sources":["../../src/components/transitions/dialog.ts","../../src/components/transitions/accordion.ts","../../src/components/transitions/view-switch.ts","../../src/components/transitions/helpers.ts","../../src/components/transitions/index.ts"],"sourcesContent":["import { kindOf, defineElement, shadowStyles, EASE_OUT, FLUENT_DECELERATE, type UsaElement } from '../base';\nimport shadowCss from './dialog.shadow.css?raw';\nimport css from './dialog.css?raw';\n\nexport type DialogVariant = 'modal' | 'drawer-start' | 'drawer-end' | 'drawer-bottom' | 'sheet';\n\n/**\n * `<usa-dialog>` — an animated modal or drawer built on the native\n * `<dialog>` (top layer, focus trapping, inert page, Esc to close). Its\n * children are slotted into the panel (they stay in the light DOM, so\n * React / Vue / Svelte keep owning them). Style with `::part(panel)`,\n * `::part(backdrop)` and the `--usa-dialog-*` custom properties.\n *\n * Attributes: `open` (reflects; set/remove to open/close), `kind`\n * (`modal` default — Fluent scale + fade; `drawer-start` / `drawer-end`\n * slide from the side, `drawer-bottom` / `sheet` from below), `label`\n * (accessible name), `no-backdrop-close`, `no-esc`. Elements inside\n * with `data-close` close it. Events: `usa:open`, `usa:close` (cancelable\n * `usa:beforeclose`). Reduced motion: fade only.\n */\nexport interface UsaDialogElement extends UsaElement {\n  open: boolean;\n  show(): Promise<void>;\n  close(returnValue?: string): Promise<void>;\n  readonly dialog: HTMLDialogElement | null;\n  returnValue: string;\n}\n\nconst FROM: Record<string, string> = {\n  modal: 'scale(0.94)',\n  'drawer-start': 'translateX(-100%)',\n  'drawer-end': 'translateX(100%)',\n  'drawer-bottom': 'translateY(100%)',\n  sheet: 'translateY(40px)',\n};\n\nexport function defineDialog(tag = 'usa-dialog'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaDialog extends Base {\n        static get observedAttributes(): string[] {\n          return ['open', 'kind', 'label'];\n        }\n\n        private _dialog: HTMLDialogElement | null = null;\n        private _panel: HTMLElement | null = null;\n        private _backdrop: HTMLElement | null = null;\n        private _busy: Promise<void> | null = null;\n        private _syncing = false;\n        returnValue = '';\n\n        get dialog(): HTMLDialogElement | null {\n          return this._dialog;\n        }\n        get open(): boolean {\n          return this.hasAttribute('open');\n        }\n        set open(v: boolean) {\n          this.toggleAttribute('open', !!v);\n        }\n\n        private get kind(): string {\n          return kindOf(this, FROM, 'modal');\n        }\n\n        changed(name: string): void {\n          if (name === 'open') {\n            if (this._syncing) return;\n            if (this.open) this.show();\n            else this.close();\n          } else this.syncAttrs();\n        }\n\n        private syncAttrs(): void {\n          if (!this._dialog) return;\n          this._dialog.setAttribute('data-kind', this.kind);\n          this._dialog.setAttribute('aria-modal', 'true');\n          const label = this.getAttribute('label');\n          if (label) this._dialog.setAttribute('aria-label', label);\n        }\n\n        mount(): void {\n          if (!this._dialog) {\n            const root = this.shadowRoot || this.attachShadow({ mode: 'open' });\n            root.innerHTML = '<dialog part=\"dialog\"><div part=\"backdrop\" aria-hidden=\"true\"></div><div part=\"panel\"><slot></slot></div></dialog>';\n            shadowStyles(root, shadowCss);\n            this._dialog = root.querySelector('dialog');\n            this._backdrop = root.querySelector('[part=backdrop]');\n            this._panel = root.querySelector('[part=panel]');\n          }\n          this.syncAttrs();\n          const dlg = this._dialog!;\n          this.listen(dlg, 'cancel', (e: Event) => {\n            e.preventDefault();\n            if (!this.flag('no-esc')) this.close('cancel');\n          });\n          this.listen(this._backdrop!, 'click', () => !this.flag('no-backdrop-close') && this.close('backdrop'));\n          this.listen(this, 'click', (e: Event) => {\n            const t = (e.target as Element).closest?.('[data-close]');\n            if (t && this.contains(t)) this.close((t as HTMLElement).getAttribute('data-close') || 'close');\n          });\n          if (this.open && !dlg.open) this.show();\n        }\n\n        unmount(): void {\n          if (this._dialog?.open) this._dialog.close();\n        }\n\n        private setOpenAttr(on: boolean): void {\n          this._syncing = true;\n          this.toggleAttribute('open', on);\n          this._syncing = false;\n        }\n\n        async show(): Promise<void> {\n          await this._busy;\n          const dlg = this._dialog;\n          if (!dlg) {\n            this.setOpenAttr(true); // opens on connect\n            return;\n          }\n          if (dlg.open) return;\n          this.setOpenAttr(true);\n          try {\n            if (typeof dlg.showModal === 'function') dlg.showModal();\n            else dlg.setAttribute('open', '');\n          } catch {\n            dlg.setAttribute('open', '');\n          }\n          this.emit('open');\n          if (this.reduced) {\n            await this.animate2([{ opacity: 0 }, { opacity: 1 }], [{ opacity: 0 }, { opacity: 1 }], 160, EASE_OUT);\n            return;\n          }\n          await this.animate2(\n            [{ opacity: 0, transform: FROM[this.kind] }, { opacity: 1, transform: 'none' }],\n            [{ opacity: 0 }, { opacity: 1 }],\n            this.kind === 'modal' ? 260 : 360,\n            FLUENT_DECELERATE\n          );\n        }\n\n        async close(returnValue = ''): Promise<void> {\n          await this._busy;\n          const dlg = this._dialog;\n          if (!dlg || !dlg.open) {\n            this.setOpenAttr(false);\n            return;\n          }\n          if (!this.emit('beforeclose', { returnValue })) {\n            this.setOpenAttr(true);\n            return;\n          }\n          this.returnValue = returnValue;\n          this._busy = (async () => {\n            const panelTo = this.reduced ? { opacity: 0 } : { opacity: 0, transform: FROM[this.kind] };\n            const panelFrom = this.reduced ? { opacity: 1 } : { opacity: 1, transform: 'none' };\n            await this.animate2([panelFrom, panelTo], [{ opacity: 1 }, { opacity: 0 }], this.reduced ? 120 : 200, 'cubic-bezier(0.7, 0, 0.84, 0)', 'forwards');\n            try {\n              if (typeof dlg.close === 'function') dlg.close(returnValue);\n              else dlg.removeAttribute('open');\n            } catch {\n              dlg.removeAttribute('open');\n            }\n            dlg.removeAttribute('open');\n            this._panel?.getAnimations?.().forEach((a) => a.cancel());\n            this._backdrop?.getAnimations?.().forEach((a) => a.cancel());\n            this.setOpenAttr(false);\n            this.emit('close', { returnValue });\n          })();\n          await this._busy;\n          this._busy = null;\n        }\n\n        private animate2(panel: Keyframe[], backdrop: Keyframe[], duration: number, easing: string, fill: FillMode = 'none'): Promise<void> {\n          const a = this._panel ? this.motion(this._panel, panel, { duration, easing, fill }) : null;\n          const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;\n          return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);\n        }\n      },\n    { id: 'dialog', text: css }\n  );\n}\n","import { defineElement, EASE_OUT, type UsaElement } from '../base';\nimport css from './accordion.css?raw';\n\n/**\n * `<usa-accordion>` — smooth expand / collapse for the native `<details>`\n * elements inside it (keeps their semantics, keyboard support and\n * find-in-page, and adds no wrapper elements, so framework-rendered content\n * is left alone). Only one stays open unless `multiple` is set.\n *\n * Attributes: `multiple`, `duration` (ms, 300). Event: `usa:toggle`\n * (`detail.details`, `detail.open`). Reduced motion: instant.\n * Heights are measured once per toggle and animated on the `<details>`.\n */\nexport interface UsaAccordionElement extends UsaElement {\n  readonly items: HTMLDetailsElement[];\n  toggleItem(details: HTMLDetailsElement, open?: boolean): Promise<void>;\n}\n\nexport function defineAccordion(tag = 'usa-accordion'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaAccordion extends Base {\n        static get observedAttributes(): string[] {\n          return [];\n        }\n\n        private _running = new WeakMap<HTMLDetailsElement, Animation>();\n\n        get items(): HTMLDetailsElement[] {\n          return Array.from(this.children).filter((c): c is HTMLDetailsElement => c.tagName === 'DETAILS');\n        }\n\n        mount(): void {\n          this.listen(this, 'click', (e: MouseEvent) => {\n            const summary = (e.target as Element).closest?.('summary');\n            const d = summary?.parentElement;\n            if (!summary || !d || d.tagName !== 'DETAILS' || d.parentElement !== this) return;\n            e.preventDefault();\n            this.toggleItem(d as HTMLDetailsElement);\n          });\n        }\n\n        /** Height of `d` when closed: its summary plus its own padding and border. */\n        private closedHeight(d: HTMLDetailsElement): number {\n          const summary = d.querySelector(':scope > summary');\n          const cs = typeof getComputedStyle === 'function' ? getComputedStyle(d) : null;\n          const extra = cs\n            ? ['paddingTop', 'paddingBottom', 'borderTopWidth', 'borderBottomWidth'].reduce((n, k) => n + (parseFloat((cs as any)[k]) || 0), 0)\n            : 0;\n          return (summary ? summary.getBoundingClientRect().height : 0) + extra;\n        }\n\n        async toggleItem(d: HTMLDetailsElement, open = !d.open || d.hasAttribute('data-closing')): Promise<void> {\n          if (open && !this.flag('multiple')) this.items.forEach((o) => o !== d && o.open && this.toggleItem(o, false));\n          this._running.get(d)?.cancel();\n          this._running.delete(d);\n          const duration = this.reduced ? 0 : this.num('duration', 300);\n          const startH = d.getBoundingClientRect().height;\n          if (open) {\n            d.removeAttribute('data-closing');\n            d.open = true;\n          }\n          this.emit('toggle', { details: d, open });\n          if (!duration || typeof d.animate !== 'function') {\n            if (!open) d.open = false;\n            return;\n          }\n          const endH = open ? d.getBoundingClientRect().height : this.closedHeight(d);\n          if (!open) d.setAttribute('data-closing', '');\n          d.style.overflow = 'hidden';\n          const a = d.animate([{ height: `${startH}px` }, { height: `${endH}px` }], { duration, easing: EASE_OUT });\n          this._running.set(d, a);\n          await a.finished.catch(() => undefined);\n          if (this._running.get(d) !== a) return;\n          this._running.delete(d);\n          d.style.overflow = '';\n          if (!open) {\n            d.open = false;\n            d.removeAttribute('data-closing');\n          }\n        }\n      },\n    { id: 'accordion', text: css }\n  );\n}\n","import { defineElement, EASE_OUT, FLUENT_DECELERATE, type UsaElement } from '../base';\nimport css from './view-switch.css?raw';\n\n/**\n * `<usa-view-switch>` — shows one of its children at a time (tabs, wizard\n * steps, app pages) and animates between them. Children are views; name\n * them with `data-view`, or address them by index.\n *\n * Attributes: `active` (view name or index, default the first),\n * `effect` (`fade` | `slide` (default, direction-aware — Fluent \"page\n * transition\") | `scale` | `drill`), `duration` (ms, 320). Inactive views\n * get `hidden` + `inert`. Event: `usa:change` (`detail.view`,\n * `detail.index`). Reduced motion: a quick fade.\n */\nexport interface UsaViewSwitchElement extends UsaElement {\n  active: string;\n  readonly views: HTMLElement[];\n  show(view: string | number): Promise<void>;\n}\n\nexport function defineViewSwitch(tag = 'usa-view-switch'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaViewSwitch extends Base {\n        static get observedAttributes(): string[] {\n          return ['active'];\n        }\n\n        private _index = -1;\n        private _anims: Animation[] = [];\n\n        get views(): HTMLElement[] {\n          return Array.from(this.children) as HTMLElement[];\n        }\n        get active(): string {\n          return this.str('active', '0');\n        }\n        set active(v: string) {\n          this.setAttribute('active', String(v));\n        }\n\n        private indexOf(v: string | number): number {\n          const views = this.views;\n          const byName = views.findIndex((el) => el.dataset.view === String(v));\n          if (byName >= 0) return byName;\n          const n = Number(v);\n          return Number.isInteger(n) && n >= 0 && n < views.length ? n : -1;\n        }\n\n        changed(): void {\n          this.show(this.active);\n        }\n\n        mount(): void {\n          const i = Math.max(0, this.indexOf(this.active));\n          this._index = i;\n          this.views.forEach((v, j) => this.setVisible(v, j === i));\n        }\n\n        private setVisible(v: HTMLElement, on: boolean): void {\n          v.hidden = !on;\n          v.toggleAttribute('inert', !on);\n          v.toggleAttribute('data-active', on);\n        }\n\n        async show(view: string | number): Promise<void> {\n          const next = this.indexOf(view);\n          const prev = this._index;\n          if (next < 0 || next === prev) return;\n          const views = this.views;\n          const from = views[prev];\n          const to = views[next];\n          this._index = next;\n          const name = to.dataset.view ?? String(next);\n          if (this.active !== name && this.active !== String(next)) this.setAttribute('active', name);\n          this._anims.splice(0).forEach((a) => a.finish());\n          this.setVisible(to, true);\n          this.emit('change', { view: to, index: next, name });\n          if (!from) return;\n          const duration = this.num('duration', 320);\n          const effect = this.reduced ? 'fade' : this.str('effect', 'slide');\n          const dir = next > prev ? 1 : -1;\n          let outF: Keyframe;\n          let inF: Keyframe;\n          switch (effect) {\n            case 'fade':\n              outF = { opacity: 0 };\n              inF = { opacity: 0 };\n              break;\n            case 'scale':\n              outF = { opacity: 0, transform: 'scale(0.96)' };\n              inF = { opacity: 0, transform: 'scale(1.04)' };\n              break;\n            case 'drill':\n              outF = { opacity: 0, transform: `scale(${dir > 0 ? 1.06 : 0.94})` };\n              inF = { opacity: 0, transform: `scale(${dir > 0 ? 0.94 : 1.06})` };\n              break;\n            default:\n              outF = { opacity: 0, transform: `translateX(${-dir * 32}px)` };\n              inF = { opacity: 0, transform: `translateX(${dir * 48}px)` };\n          }\n          const neutral = (f: Keyframe): Keyframe => ('transform' in f ? { opacity: 1, transform: 'none' } : { opacity: 1 });\n          // Outgoing view stays stacked in the same grid cell while it leaves\n          from.setAttribute('data-leaving', '');\n          const a = this.motion(from, [neutral(outF), outF], { duration: duration * 0.6, easing: EASE_OUT, fill: 'forwards' });\n          const b = this.motion(to, [inF, neutral(inF)], { duration, delay: duration * 0.15, easing: FLUENT_DECELERATE, fill: 'backwards' });\n          this._anims = [a, b].filter((x): x is Animation => !!x);\n          await Promise.all(this._anims.map((x) => x.finished.catch(() => undefined)));\n          from.removeAttribute('data-leaving');\n          if (this._index !== prev) this.setVisible(from, false);\n          a?.cancel();\n        }\n      },\n    { id: 'view-switch', text: css }\n  );\n}\n","import { prefersReducedMotion, EASE_OUT, FLUENT_DECELERATE } from '../base';\n\nexport interface ViewTransitionOptions {\n  /**\n   * Element to cross-fade when the View Transitions API is missing (default:\n   * none — the update is applied without animation).\n   */\n  fallback?: HTMLElement | null;\n  /** Fallback fade duration in ms (default 180 out + 220 in). */\n  duration?: number;\n  /** View transition types (`document.startViewTransition({ types })`, where supported). */\n  types?: string[];\n}\n\n/**\n * Run `update()` (which changes the DOM) inside a view transition:\n * `document.startViewTransition()` where available (Chrome/Edge 111+, so\n * Electron, WebView2 and Tauri on Windows), otherwise a short cross-fade of\n * `options.fallback`. Instant under reduced motion. Resolves when finished.\n *\n * Give elements a `view-transition-name` in CSS for shared-element morphs.\n */\nexport async function viewTransition(update: () => void | Promise<void>, options: ViewTransitionOptions = {}): Promise<void> {\n  const doc: any = typeof document !== 'undefined' ? document : null;\n  if (!doc || prefersReducedMotion()) {\n    await update();\n    return;\n  }\n  if (typeof doc.startViewTransition === 'function') {\n    let vt: any;\n    try {\n      vt = options.types ? doc.startViewTransition({ update, types: options.types }) : doc.startViewTransition(update);\n    } catch {\n      vt = doc.startViewTransition(update);\n    }\n    await vt.finished.catch(() => undefined);\n    return;\n  }\n  const el = options.fallback;\n  const d = options.duration ?? 200;\n  if (!el || typeof el.animate !== 'function') {\n    await update();\n    return;\n  }\n  await el.animate([{ opacity: 1 }, { opacity: 0 }], { duration: d * 0.8, easing: 'ease-in', fill: 'forwards' }).finished.catch(() => undefined);\n  await update();\n  const a = el.animate([{ opacity: 0, transform: 'translateY(6px)' }, { opacity: 1, transform: 'none' }], { duration: d * 1.1, easing: EASE_OUT });\n  // remove the forwards fill of the fade-out\n  el.getAnimations?.().forEach((x) => x !== a && x.cancel());\n  await a.finished.catch(() => undefined);\n}\n\nexport interface FlipOptions {\n  duration?: number;\n  easing?: string;\n  /** Fade/scale in elements that did not exist before (default true). */\n  animateEnter?: boolean;\n}\n\ntype Targets = Element | Iterable<Element> | ArrayLike<Element>;\nconst list = (t: Targets): HTMLElement[] =>\n  (t instanceof Element ? Array.from(t.children) : Array.from(t as ArrayLike<Element>)) as HTMLElement[];\n\n/**\n * FLIP animation for layout changes (list reorder, filter, grid resize):\n * measures `targets` (an element's children, or a list), runs `mutate()`,\n * then animates each element from its old position to its new one with\n * transforms only. Elements added by `mutate()` fade in.\n *\n * ```js\n * await flip(list, () => list.append(...shuffled));\n * ```\n */\nexport async function flip(targets: Targets, mutate: () => void | Promise<void>, options: FlipOptions = {}): Promise<void> {\n  const before = new Map(list(targets).map((el) => [el, el.getBoundingClientRect()]));\n  await mutate();\n  if (prefersReducedMotion()) return;\n  const after = list(targets);\n  const duration = options.duration ?? 420;\n  const easing = options.easing ?? FLUENT_DECELERATE;\n  const anims: Animation[] = [];\n  // Read all, then write all\n  const rects = after.map((el) => el.getBoundingClientRect());\n  after.forEach((el, i) => {\n    if (typeof el.animate !== 'function') return;\n    const first = before.get(el);\n    const last = rects[i];\n    if (!first) {\n      if (options.animateEnter !== false) anims.push(el.animate([{ opacity: 0, transform: 'scale(0.9)' }, { opacity: 1, transform: 'none' }], { duration, easing }));\n      return;\n    }\n    const dx = first.left - last.left;\n    const dy = first.top - last.top;\n    const sx = last.width ? first.width / last.width : 1;\n    const sy = last.height ? first.height / last.height : 1;\n    if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5 && Math.abs(sx - 1) < 0.01 && Math.abs(sy - 1) < 0.01) return;\n    anims.push(\n      el.animate(\n        [{ transformOrigin: '0 0', transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})` }, { transformOrigin: '0 0', transform: 'none' }],\n        { duration, easing }\n      )\n    );\n  });\n  await Promise.all(anims.map((a) => a.finished.catch(() => undefined)));\n}\n","/**\n * motionary/components/transitions — view & layout transitions.\n * `<usa-dialog>`, `<usa-accordion>`, `<usa-view-switch>`\n * and the `viewTransition()` and `flip()` helpers (4.0: `<usa-flip-list>` → `<usa-auto-animate>`,\n * `connectedAnimation()` → `sharedTransition()`, both in `components/layout`).\n */\nimport { defineDialog, type UsaDialogElement } from './dialog';\nimport { defineAccordion, type UsaAccordionElement } from './accordion';\nimport { defineViewSwitch, type UsaViewSwitchElement } from './view-switch';\n\nexport { defineDialog, defineAccordion, defineViewSwitch };\nexport { viewTransition, flip } from './helpers';\nexport type { ViewTransitionOptions, FlipOptions } from './helpers';\nexport type { DialogVariant } from './dialog';\nexport type { UsaDialogElement, UsaAccordionElement, UsaViewSwitchElement };\n\n/** Register every component of this category under its default tag. */\nexport function defineTransitionComponents(): void {\n  defineDialog();\n  defineAccordion();\n  defineViewSwitch();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'usa-dialog': UsaDialogElement;\n    'usa-accordion': UsaAccordionElement;\n    'usa-view-switch': UsaViewSwitchElement;\n  }\n}\n"],"names":["css"],"mappings":"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"}