use-scroll-animate 3.8.0 → 4.0.0

package/dist/components/transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.js","sources":["../../src/components/transitions/dialog.ts","../../src/components/transitions/accordion.ts","../../src/components/transitions/flip-list.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, FLUENT_DECELERATE, type UsaElement } from '../base';\nimport css from './flip-list.css?raw';\n\n/**\n * `<usa-flip-list>` — animates its children to their new places whenever\n * they are added, removed or reordered (FLIP: transforms only). Works with\n * any rendering: plain DOM, React keyed lists, Vue `v-for`, Svelte `{#each}`.\n *\n * Attributes: `duration` (ms, 420), `easing`, `disabled`.\n * Method: `flip(mutate)` for explicit changes (also measures resizes).\n * Reduced motion: no animation.\n */\nexport interface UsaFlipListElement extends UsaElement {\n  flip(mutate: () => void | Promise<void>): Promise<void>;\n}\n\nexport function defineFlipList(tag = 'usa-flip-list'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaFlipList extends Base {\n        static get observedAttributes(): string[] {\n          return [];\n        }\n\n        /** Child positions relative to the host, from the last layout we saw. */\n        private _pos = new WeakMap<Element, { x: number; y: number }>();\n        private _manual = false;\n\n        private snapshot(): void {\n          const host = this.getBoundingClientRect();\n          for (const el of Array.from(this.children)) {\n            const r = el.getBoundingClientRect();\n            this._pos.set(el, { x: r.left - host.left, y: r.top - host.top });\n          }\n        }\n\n        mount(): void {\n          this.snapshot();\n          if (typeof MutationObserver !== 'undefined') {\n            const mo = new MutationObserver(() => {\n              if (!this._manual) this.animateFrom(this._pos);\n            });\n            mo.observe(this, { childList: true });\n            this.onCleanup(() => mo.disconnect());\n          }\n          if (typeof ResizeObserver !== 'undefined') {\n            const ro = new ResizeObserver(() => this.snapshot());\n            ro.observe(this);\n            this.onCleanup(() => ro.disconnect());\n          }\n        }\n\n        private animateFrom(prev: WeakMap<Element, { x: number; y: number }>): Promise<void> {\n          const off = this.reduced || this.flag('disabled');\n          const host = this.getBoundingClientRect();\n          const kids = Array.from(this.children) as HTMLElement[];\n          const now = kids.map((el) => {\n            const r = el.getBoundingClientRect();\n            return { x: r.left - host.left, y: r.top - host.top };\n          });\n          const anims: Promise<unknown>[] = [];\n          const duration = this.num('duration', 420);\n          const easing = this.str('easing', FLUENT_DECELERATE);\n          kids.forEach((el, i) => {\n            const before = prev.get(el);\n            this._pos.set(el, now[i]);\n            if (off || typeof el.animate !== 'function') return;\n            if (!before) {\n              anims.push(el.animate([{ opacity: 0, transform: 'scale(0.92)' }, { opacity: 1, transform: 'none' }], { duration, easing }).finished.catch(() => 0));\n              return;\n            }\n            const dx = before.x - now[i].x;\n            const dy = before.y - now[i].y;\n            if (Math.abs(dx) < 0.5 && Math.abs(dy) < 0.5) return;\n            anims.push(el.animate([{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'none' }], { duration, easing, composite: 'add' } as KeyframeAnimationOptions).finished.catch(() => 0));\n          });\n          return Promise.all(anims).then(() => undefined);\n        }\n\n        async flip(mutate: () => void | Promise<void>): Promise<void> {\n          this.snapshot();\n          const prev = this._pos;\n          this._pos = new WeakMap();\n          // Copy the snapshot so the observer does not overwrite it mid-mutation\n          for (const el of Array.from(this.children)) {\n            const p = prev.get(el);\n            if (p) this._pos.set(el, p);\n          }\n          this._manual = true;\n          try {\n            await mutate();\n          } finally {\n            this._manual = false;\n          }\n          await this.animateFrom(prev);\n        }\n      },\n    { id: 'flip-list', 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\nexport interface ConnectedOptions {\n  duration?: number;\n  easing?: string;\n  /** Hide `from` while the animation runs (default true). */\n  hideSource?: boolean;\n}\n\n/**\n * Connected (shared-element) animation, like WinUI's\n * `ConnectedAnimationService`: `to` flies from the position and size of\n * `from` into its own place (e.g. a thumbnail opening into a detail view).\n * Call it right after `to` is shown. Transforms only.\n */\nexport async function connectedAnimation(from: Element, to: HTMLElement, options: ConnectedOptions = {}): Promise<void> {\n  if (prefersReducedMotion() || typeof to.animate !== 'function') return;\n  const a = from.getBoundingClientRect();\n  const b = to.getBoundingClientRect();\n  if (!b.width || !b.height) return;\n  const hide = options.hideSource !== false && from instanceof HTMLElement;\n  const prev = hide ? (from as HTMLElement).style.visibility : '';\n  if (hide) (from as HTMLElement).style.visibility = 'hidden';\n  const anim = to.animate(\n    [\n      { transformOrigin: '0 0', transform: `translate(${a.left - b.left}px, ${a.top - b.top}px) scale(${a.width / b.width}, ${a.height / b.height})` },\n      { transformOrigin: '0 0', transform: 'none' },\n    ],\n    { duration: options.duration ?? 480, easing: options.easing ?? FLUENT_DECELERATE }\n  );\n  await anim.finished.catch(() => undefined);\n  if (hide) (from as HTMLElement).style.visibility = prev;\n}\n","/**\n * use-scroll-animate/components/transitions — view & layout transitions.\n * `<usa-dialog>`, `<usa-accordion>`, `<usa-flip-list>`, `<usa-view-switch>`\n * and the `viewTransition()`, `flip()`, `connectedAnimation()` helpers.\n */\nimport { defineDialog, type UsaDialogElement } from './dialog';\nimport { defineAccordion, type UsaAccordionElement } from './accordion';\nimport { defineFlipList, type UsaFlipListElement } from './flip-list';\nimport { defineViewSwitch, type UsaViewSwitchElement } from './view-switch';\n\nexport { defineDialog, defineAccordion, defineFlipList, defineViewSwitch };\nexport { viewTransition, flip, connectedAnimation } from './helpers';\nexport type { ViewTransitionOptions, FlipOptions, ConnectedOptions } from './helpers';\nexport type { DialogVariant } from './dialog';\nexport type { UsaDialogElement, UsaAccordionElement, UsaFlipListElement, UsaViewSwitchElement };\nexport { configureComponents, prefersReducedMotion } from '../base';\nexport type { ComponentsConfig, UsaElement } from '../base';\n\n/** Register every component of this category under its default tag. */\nexport function defineTransitionComponents(): void {\n  defineDialog();\n  defineAccordion();\n  defineFlipList();\n  defineViewSwitch();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'usa-dialog': UsaDialogElement;\n    'usa-accordion': UsaAccordionElement;\n    'usa-flip-list': UsaFlipListElement;\n    'usa-view-switch': UsaViewSwitchElement;\n  }\n}\n"],"names":["css"],"mappings":"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"}
+{"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 * use-scroll-animate/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 };\nexport { configureComponents, prefersReducedMotion } from '../base';\nexport type { ComponentsConfig, UsaElement } from '../base';\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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"}

package/dist/components/ui.js

@@ -1,8 +1,8 @@
-import { h as defineElement, b as clamp, e as caf, r as raf } from '../chunks/base-BpROOcey.js';
-export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-BpROOcey.js';
-import { d as springEasing, c as createSpring, p as projectInertia, s as snapTo, a as rubberBand } from '../chunks/spring-C-fw7_9f.js';
-import { a as adoptVariants } from '../chunks/variants-CHe1VbSn.js';
-export { V as VARIANTS, s as setVariant } from '../chunks/variants-CHe1VbSn.js';
+import { h as defineElement, d as clamp, b as caf, r as raf } from '../chunks/base-ZARFccur.js';
+export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-ZARFccur.js';
+import { d as springEasing, c as createSpring, p as projectInertia, s as snapTo, a as rubberBand } from '../chunks/spring-E2ickYNI.js';
+import { a as adoptVariants } from '../chunks/variants-DvnxvRCM.js';
+export { V as VARIANTS, s as setVariant } from '../chunks/variants-DvnxvRCM.js';
 
 /** Position a fixed `floating` element next to `anchor`, flipping when it would leave the viewport. */
 function place(floating, anchor, placement = 'top', gap = 8) {

package/dist/components/vue.cjs

@@ -16,13 +16,15 @@ require('./click.cjs');
 require('./ui.cjs');
 require('./page.cjs');
 require('./timeline.cjs');
+require('../chunks/core-DXqZm5Il.cjs');
 require('./gesture.cjs');
 require('../chunks/core-IaorbTdu.cjs');
 require('./svg.cjs');
 require('./webgl.cjs');
 require('./depth.cjs');
 require('./layout.cjs');
-require('../chunks/index-tags-wbuPiMR6.cjs');
+require('./packs.cjs');
+require('../chunks/index-tags-BQh_uGqH.cjs');
 
 /**
  * use-scroll-animate/components/vue — Vue integration (v2.9).

package/dist/components/vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue.cjs","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'use-scroll-animate/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'use-scroll-animate/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":["defineComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAAA,2BAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;;"}
+{"version":3,"file":"vue.cjs","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'use-scroll-animate/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'use-scroll-animate/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":["defineComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAAA,2BAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;;"}

package/dist/components/vue.d.cts

@@ -622,19 +622,6 @@ interface UsaAccordionElement extends UsaElement {
     toggleItem(details: HTMLDetailsElement, open?: boolean): Promise<void>;
 }
 
-/**
- * `<usa-flip-list>` — animates its children to their new places whenever
- * they are added, removed or reordered (FLIP: transforms only). Works with
- * any rendering: plain DOM, React keyed lists, Vue `v-for`, Svelte `{#each}`.
- *
- * Attributes: `duration` (ms, 420), `easing`, `disabled`.
- * Method: `flip(mutate)` for explicit changes (also measures resizes).
- * Reduced motion: no animation.
- */
-interface UsaFlipListElement extends UsaElement {
-    flip(mutate: () => void | Promise<void>): Promise<void>;
-}
-
 /**
  * `<usa-view-switch>` — shows one of its children at a time (tabs, wizard
  * steps, app pages) and animates between them. Children are views; name
@@ -654,15 +641,15 @@ interface UsaViewSwitchElement extends UsaElement {
 
 /**
  * use-scroll-animate/components/transitions — view & layout transitions.
- * `<usa-dialog>`, `<usa-accordion>`, `<usa-flip-list>`, `<usa-view-switch>`
- * and the `viewTransition()`, `flip()`, `connectedAnimation()` helpers.
+ * `<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`).
  */
 
 declare global {
     interface HTMLElementTagNameMap {
         'usa-dialog': UsaDialogElement;
         'usa-accordion': UsaAccordionElement;
-        'usa-flip-list': UsaFlipListElement;
         'usa-view-switch': UsaViewSwitchElement;
     }
 }
@@ -1590,6 +1577,30 @@ declare global {
     }
 }
 
+/**
+ * `<usa-pack name="ecommerce">` — applies an effect pack (`ecommerce` ·
+ * `portfolio` · `dashboard` · `game` · `landing`) to its subtree:
+ * descendants opt in with `data-role` (see `PACKS`). Re-applies when
+ * `name` changes; undone on disconnect.
+ */
+interface UsaPackElement extends UsaElement {
+    readonly roles: string[];
+}
+
+/**
+ * use-scroll-animate/components/packs — effect packs (v3.9).
+ * Ready-made motion for e-commerce, portfolio, dashboard, game UI and
+ * landing pages: mark elements with `data-role` and apply a pack with
+ * `<usa-pack name="…">` or `applyPack(name, root)`. Includes `flyToCart()`
+ * and `countUp()`.
+ */
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'usa-pack': UsaPackElement;
+    }
+}
+
 /** The component categories and their default tags. */
 declare const COMPONENT_CATEGORIES: {
     readonly reveal: readonly ["usa-reveal", "usa-stagger", "usa-scroll-progress", "usa-scrolly"];
@@ -1597,7 +1608,7 @@ declare const COMPONENT_CATEGORIES: {
     readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press", "usa-toggle"];
     readonly feedback: readonly ["usa-spinner", "usa-skeleton", "usa-progress", "usa-toaster", "usa-check"];
     readonly background: readonly ["usa-aurora", "usa-particles", "usa-grain", "usa-marquee", "usa-acrylic", "usa-grid-glow", "usa-blobs", "usa-water-ripple", "usa-dot-network"];
-    readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-flip-list", "usa-view-switch"];
+    readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-view-switch"];
     readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
     readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
     readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
@@ -1609,6 +1620,7 @@ declare const COMPONENT_CATEGORIES: {
     readonly webgl: readonly ["usa-shader", "usa-distort", "usa-liquid"];
     readonly depth: readonly ["usa-cube", "usa-depth"];
     readonly layout: readonly ["usa-auto-animate", "usa-masonry"];
+    readonly packs: readonly ["usa-pack"];
 };
 type ComponentCategory = keyof typeof COMPONENT_CATEGORIES;
 

package/dist/components/vue.d.ts

@@ -622,19 +622,6 @@ interface UsaAccordionElement extends UsaElement {
     toggleItem(details: HTMLDetailsElement, open?: boolean): Promise<void>;
 }
 
-/**
- * `<usa-flip-list>` — animates its children to their new places whenever
- * they are added, removed or reordered (FLIP: transforms only). Works with
- * any rendering: plain DOM, React keyed lists, Vue `v-for`, Svelte `{#each}`.
- *
- * Attributes: `duration` (ms, 420), `easing`, `disabled`.
- * Method: `flip(mutate)` for explicit changes (also measures resizes).
- * Reduced motion: no animation.
- */
-interface UsaFlipListElement extends UsaElement {
-    flip(mutate: () => void | Promise<void>): Promise<void>;
-}
-
 /**
  * `<usa-view-switch>` — shows one of its children at a time (tabs, wizard
  * steps, app pages) and animates between them. Children are views; name
@@ -654,15 +641,15 @@ interface UsaViewSwitchElement extends UsaElement {
 
 /**
  * use-scroll-animate/components/transitions — view & layout transitions.
- * `<usa-dialog>`, `<usa-accordion>`, `<usa-flip-list>`, `<usa-view-switch>`
- * and the `viewTransition()`, `flip()`, `connectedAnimation()` helpers.
+ * `<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`).
  */
 
 declare global {
     interface HTMLElementTagNameMap {
         'usa-dialog': UsaDialogElement;
         'usa-accordion': UsaAccordionElement;
-        'usa-flip-list': UsaFlipListElement;
         'usa-view-switch': UsaViewSwitchElement;
     }
 }
@@ -1590,6 +1577,30 @@ declare global {
     }
 }
 
+/**
+ * `<usa-pack name="ecommerce">` — applies an effect pack (`ecommerce` ·
+ * `portfolio` · `dashboard` · `game` · `landing`) to its subtree:
+ * descendants opt in with `data-role` (see `PACKS`). Re-applies when
+ * `name` changes; undone on disconnect.
+ */
+interface UsaPackElement extends UsaElement {
+    readonly roles: string[];
+}
+
+/**
+ * use-scroll-animate/components/packs — effect packs (v3.9).
+ * Ready-made motion for e-commerce, portfolio, dashboard, game UI and
+ * landing pages: mark elements with `data-role` and apply a pack with
+ * `<usa-pack name="…">` or `applyPack(name, root)`. Includes `flyToCart()`
+ * and `countUp()`.
+ */
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'usa-pack': UsaPackElement;
+    }
+}
+
 /** The component categories and their default tags. */
 declare const COMPONENT_CATEGORIES: {
     readonly reveal: readonly ["usa-reveal", "usa-stagger", "usa-scroll-progress", "usa-scrolly"];
@@ -1597,7 +1608,7 @@ declare const COMPONENT_CATEGORIES: {
     readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press", "usa-toggle"];
     readonly feedback: readonly ["usa-spinner", "usa-skeleton", "usa-progress", "usa-toaster", "usa-check"];
     readonly background: readonly ["usa-aurora", "usa-particles", "usa-grain", "usa-marquee", "usa-acrylic", "usa-grid-glow", "usa-blobs", "usa-water-ripple", "usa-dot-network"];
-    readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-flip-list", "usa-view-switch"];
+    readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-view-switch"];
     readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
     readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
     readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
@@ -1609,6 +1620,7 @@ declare const COMPONENT_CATEGORIES: {
     readonly webgl: readonly ["usa-shader", "usa-distort", "usa-liquid"];
     readonly depth: readonly ["usa-cube", "usa-depth"];
     readonly layout: readonly ["usa-auto-animate", "usa-masonry"];
+    readonly packs: readonly ["usa-pack"];
 };
 type ComponentCategory = keyof typeof COMPONENT_CATEGORIES;
 

package/dist/components/vue.js

@@ -1,26 +1,28 @@
 import { defineComponents } from '../components.js';
 import './reveal.js';
-import '../chunks/base-BpROOcey.js';
+import '../chunks/base-ZARFccur.js';
 import './text.js';
 import './interaction.js';
 import './feedback.js';
 import './background.js';
-import '../chunks/variants-CHe1VbSn.js';
+import '../chunks/variants-DvnxvRCM.js';
 import './transitions.js';
 import './physics.js';
-import '../chunks/spring-C-fw7_9f.js';
+import '../chunks/spring-E2ickYNI.js';
 import './cards.js';
 import './click.js';
 import './ui.js';
 import './page.js';
 import './timeline.js';
+import '../chunks/core-Co-6AL0h.js';
 import './gesture.js';
-import '../chunks/core-uxs3ETou.js';
+import '../chunks/core-DKY-fVzR.js';
 import './svg.js';
 import './webgl.js';
 import './depth.js';
 import './layout.js';
-import '../chunks/index-tags-BANJ-e4H.js';
+import './packs.js';
+import '../chunks/index-tags-43Xtd01A.js';
 
 /**
  * use-scroll-animate/components/vue — Vue integration (v2.9).

package/dist/components/vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'use-scroll-animate/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'use-scroll-animate/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;"}
+{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'use-scroll-animate/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'use-scroll-animate/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;"}

package/dist/components/webgl.js

@@ -1,5 +1,5 @@
-import { h as defineElement, n as now, e as caf, b as clamp, r as raf } from '../chunks/base-BpROOcey.js';
-export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-BpROOcey.js';
+import { h as defineElement, n as now, b as caf, d as clamp, r as raf } from '../chunks/base-ZARFccur.js';
+export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-ZARFccur.js';
 
 /** Minimal WebGL runner: one full-canvas quad, one fragment shader, optional image texture. */
 const VERTEX = 'attribute vec2 p;varying vec2 v_uv;void main(){v_uv=p*.5+.5;gl_Position=vec4(p,0.,1.);}';

package/dist/components.cjs

@@ -17,11 +17,13 @@ var components_svg = require('./components/svg.cjs');
 var components_webgl = require('./components/webgl.cjs');
 var components_depth = require('./components/depth.cjs');
 var components_layout = require('./components/layout.cjs');
+var components_packs = require('./components/packs.cjs');
 var variants = require('./chunks/variants-BNIrn4ch.cjs');
 var base = require('./chunks/base-CXx7jZ-o.cjs');
-var indexTags = require('./chunks/index-tags-wbuPiMR6.cjs');
+var indexTags = require('./chunks/index-tags-BQh_uGqH.cjs');
 var spring = require('./chunks/spring-2OTnYCzm.cjs');
-var core = require('./chunks/core-IaorbTdu.cjs');
+var core = require('./chunks/core-DXqZm5Il.cjs');
+var core$1 = require('./chunks/core-IaorbTdu.cjs');
 
 /**
  * use-scroll-animate/components
@@ -61,6 +63,7 @@ const BY_CATEGORY = {
     webgl: components_webgl.defineWebglComponents,
     depth: components_depth.defineDepthComponents,
     layout: components_layout.defineLayoutComponents,
+    packs: components_packs.definePacksComponents,
 };
 /**
  * Register every `<usa-*>` component (or only the given categories).
@@ -120,10 +123,8 @@ exports.defineMarquee = components_background.defineMarquee;
 exports.defineParticles = components_background.defineParticles;
 exports.defineWaterRipple = components_background.defineWaterRipple;
 exports.fluentPreset = components_background.fluentPreset;
-exports.connectedAnimation = components_transitions.connectedAnimation;
 exports.defineAccordion = components_transitions.defineAccordion;
 exports.defineDialog = components_transitions.defineDialog;
-exports.defineFlipList = components_transitions.defineFlipList;
 exports.defineTransitionComponents = components_transitions.defineTransitionComponents;
 exports.defineViewSwitch = components_transitions.defineViewSwitch;
 exports.flip = components_transitions.flip;
@@ -190,11 +191,8 @@ exports.setMotionIntensity = components_page.setMotionIntensity;
 exports.smoothScroll = components_page.smoothScroll;
 exports.supportsViewTransitions = components_page.supportsViewTransitions;
 exports.themeTransition = components_page.themeTransition;
-exports.TIMELINE_PRESETS = components_timeline.TIMELINE_PRESETS;
 exports.defineTimeline = components_timeline.defineTimeline;
 exports.defineTimelineComponents = components_timeline.defineTimelineComponents;
-exports.resolvePosition = components_timeline.resolvePosition;
-exports.timeline = components_timeline.timeline;
 exports.defineGestureComponents = components_gesture.defineGestureComponents;
 exports.definePinchZoom = components_gesture.definePinchZoom;
 exports.defineSwipeable = components_gesture.defineSwipeable;
@@ -231,6 +229,13 @@ exports.defineMasonry = components_layout.defineMasonry;
 exports.flipFrames = components_layout.flipFrames;
 exports.masonryLayout = components_layout.masonryLayout;
 exports.sharedTransition = components_layout.sharedTransition;
+exports.PACKS = components_packs.PACKS;
+exports.PACK_PRIMITIVES = components_packs.PACK_PRIMITIVES;
+exports.applyPack = components_packs.applyPack;
+exports.countUp = components_packs.countUp;
+exports.definePack = components_packs.definePack;
+exports.definePacksComponents = components_packs.definePacksComponents;
+exports.flyToCart = components_packs.flyToCart;
 exports.VARIANTS = variants.VARIANTS;
 exports.adoptVariants = variants.adoptVariants;
 exports.setVariant = variants.setVariant;
@@ -251,8 +256,11 @@ exports.springEasing = spring.springEasing;
 exports.springSamples = spring.springSamples;
 exports.stepSpring = spring.stepSpring;
 exports.supportsLinearEasing = spring.supportsLinearEasing;
-exports.gesture = core.gesture;
-exports.pinchScale = core.pinchScale;
-exports.swipeDirection = core.swipeDirection;
+exports.TIMELINE_PRESETS = core.TIMELINE_PRESETS;
+exports.resolvePosition = core.resolvePosition;
+exports.timeline = core.timeline;
+exports.gesture = core$1.gesture;
+exports.pinchScale = core$1.pinchScale;
+exports.swipeDirection = core$1.swipeDirection;
 exports.defineComponents = defineComponents;
 //# sourceMappingURL=components.cjs.map

package/dist/components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs","sources":["../src/components/index.ts"],"sourcesContent":["/**\n * use-scroll-animate/components\n *\n * Framework-agnostic, dependency-free animated UI components built on\n * Custom Elements + CSS + the Web Animations API. They run in any browser\n * and in Windows desktop apps that render with a web view: Electron, Tauri\n * (WebView2), WinUI 3 / WPF / WinForms with WebView2, and installed PWAs.\n *\n * ```js\n * import { defineComponents } from 'use-scroll-animate/components';\n * defineComponents(); // registers every <usa-*> element\n * // or only what you use (tree-shakable):\n * import { defineTypewriter } from 'use-scroll-animate/components/text';\n * ```\n *\n * Importing has no side effects and is SSR-safe; nothing is registered\n * until a `define*()` function runs in a browser.\n *\n * @license MIT\n */\nimport { defineRevealComponents } from './reveal/index';\nimport { defineTextComponents } from './text/index';\nimport { defineInteractionComponents } from './interaction/index';\nimport { defineFeedbackComponents } from './feedback/index';\nimport { defineBackgroundComponents } from './background/index';\nimport { defineTransitionComponents } from './transitions/index';\nimport { definePhysicsComponents } from './physics/index';\nimport { defineCardComponents } from './cards/index';\nimport { defineClickComponents } from './click/index';\nimport { defineUiComponents } from './ui/index';\nimport { definePageComponents } from './page/index';\nimport { defineTimelineComponents } from './timeline/index';\nimport { defineGestureComponents } from './gesture/index';\nimport { defineSvgComponents } from './svg/index';\nimport { defineWebglComponents } from './webgl/index';\nimport { defineDepthComponents } from './depth/index';\nimport { defineLayoutComponents } from './layout/index';\nimport { adoptVariants } from './ui/variants';\nimport { canDefine } from './base';\n\nexport * from './reveal/index';\nexport * from './text/index';\nexport * from './interaction/index';\nexport * from './feedback/index';\nexport * from './background/index';\nexport * from './transitions/index';\nexport * from './physics/index';\nexport * from './cards/index';\nexport * from './click/index';\nexport * from './ui/index';\nexport * from './page/index';\nexport * from './timeline/index';\nexport * from './gesture/index';\nexport * from './svg/index';\nexport * from './webgl/index';\nexport * from './depth/index';\nexport * from './layout/index';\n\nexport { COMPONENT_CATEGORIES } from './index-tags';\nexport type { ComponentCategory } from './index-tags';\nimport { COMPONENT_CATEGORIES, type ComponentCategory } from './index-tags';\n\nconst BY_CATEGORY: Record<ComponentCategory, () => void> = {\n  reveal: defineRevealComponents,\n  text: defineTextComponents,\n  interaction: defineInteractionComponents,\n  feedback: defineFeedbackComponents,\n  background: defineBackgroundComponents,\n  transitions: defineTransitionComponents,\n  physics: definePhysicsComponents,\n  cards: defineCardComponents,\n  click: defineClickComponents,\n  ui: defineUiComponents,\n  page: definePageComponents,\n  timeline: defineTimelineComponents,\n  gesture: defineGestureComponents,\n  svg: defineSvgComponents,\n  webgl: defineWebglComponents,\n  depth: defineDepthComponents,\n  layout: defineLayoutComponents,\n};\n\n/**\n * Register every `<usa-*>` component (or only the given categories).\n * Safe to call more than once and on the server (no-op without DOM).\n */\nexport function defineComponents(categories?: ComponentCategory[]): void {\n  if (canDefine()) adoptVariants();\n  (categories || (Object.keys(BY_CATEGORY) as ComponentCategory[])).forEach((c) => BY_CATEGORY[c]?.());\n}\n"],"names":["defineRevealComponents","defineTextComponents","defineInteractionComponents","defineFeedbackComponents","defineBackgroundComponents","defineTransitionComponents","definePhysicsComponents","defineCardComponents","defineClickComponents","defineUiComponents","definePageComponents","defineTimelineComponents","defineGestureComponents","defineSvgComponents","defineWebglComponents","defineDepthComponents","defineLayoutComponents","canDefine","adoptVariants"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;AAmBG;AA2CH,MAAM,WAAW,GAA0C;AACzD,IAAA,MAAM,EAAEA,wCAAsB;AAC9B,IAAA,IAAI,EAAEC,oCAAoB;AAC1B,IAAA,WAAW,EAAEC,kDAA2B;AACxC,IAAA,QAAQ,EAAEC,4CAAwB;AAClC,IAAA,UAAU,EAAEC,gDAA0B;AACtC,IAAA,WAAW,EAAEC,iDAA0B;AACvC,IAAA,OAAO,EAAEC,0CAAuB;AAChC,IAAA,KAAK,EAAEC,qCAAoB;AAC3B,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,EAAE,EAAEC,gCAAkB;AACtB,IAAA,IAAI,EAAEC,oCAAoB;AAC1B,IAAA,QAAQ,EAAEC,4CAAwB;AAClC,IAAA,OAAO,EAAEC,0CAAuB;AAChC,IAAA,GAAG,EAAEC,kCAAmB;AACxB,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,MAAM,EAAEC,wCAAsB;CAC/B;AAED;;;AAGG;AACG,SAAU,gBAAgB,CAAC,UAAgC,EAAA;AAC/D,IAAA,IAAIC,cAAS,EAAE;AAAE,QAAAC,sBAAa,EAAE;IAChC,CAAC,UAAU,IAAK,MAAM,CAAC,IAAI,CAAC,WAAW,CAAyB,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.cjs","sources":["../src/components/index.ts"],"sourcesContent":["/**\n * use-scroll-animate/components\n *\n * Framework-agnostic, dependency-free animated UI components built on\n * Custom Elements + CSS + the Web Animations API. They run in any browser\n * and in Windows desktop apps that render with a web view: Electron, Tauri\n * (WebView2), WinUI 3 / WPF / WinForms with WebView2, and installed PWAs.\n *\n * ```js\n * import { defineComponents } from 'use-scroll-animate/components';\n * defineComponents(); // registers every <usa-*> element\n * // or only what you use (tree-shakable):\n * import { defineTypewriter } from 'use-scroll-animate/components/text';\n * ```\n *\n * Importing has no side effects and is SSR-safe; nothing is registered\n * until a `define*()` function runs in a browser.\n *\n * @license MIT\n */\nimport { defineRevealComponents } from './reveal/index';\nimport { defineTextComponents } from './text/index';\nimport { defineInteractionComponents } from './interaction/index';\nimport { defineFeedbackComponents } from './feedback/index';\nimport { defineBackgroundComponents } from './background/index';\nimport { defineTransitionComponents } from './transitions/index';\nimport { definePhysicsComponents } from './physics/index';\nimport { defineCardComponents } from './cards/index';\nimport { defineClickComponents } from './click/index';\nimport { defineUiComponents } from './ui/index';\nimport { definePageComponents } from './page/index';\nimport { defineTimelineComponents } from './timeline/index';\nimport { defineGestureComponents } from './gesture/index';\nimport { defineSvgComponents } from './svg/index';\nimport { defineWebglComponents } from './webgl/index';\nimport { defineDepthComponents } from './depth/index';\nimport { defineLayoutComponents } from './layout/index';\nimport { definePacksComponents } from './packs/index';\nimport { adoptVariants } from './ui/variants';\nimport { canDefine } from './base';\n\nexport * from './reveal/index';\nexport * from './text/index';\nexport * from './interaction/index';\nexport * from './feedback/index';\nexport * from './background/index';\nexport * from './transitions/index';\nexport * from './physics/index';\nexport * from './cards/index';\nexport * from './click/index';\nexport * from './ui/index';\nexport * from './page/index';\nexport * from './timeline/index';\nexport * from './gesture/index';\nexport * from './svg/index';\nexport * from './webgl/index';\nexport * from './depth/index';\nexport * from './layout/index';\nexport * from './packs/index';\n\nexport { COMPONENT_CATEGORIES } from './index-tags';\nexport type { ComponentCategory } from './index-tags';\nimport { COMPONENT_CATEGORIES, type ComponentCategory } from './index-tags';\n\nconst BY_CATEGORY: Record<ComponentCategory, () => void> = {\n  reveal: defineRevealComponents,\n  text: defineTextComponents,\n  interaction: defineInteractionComponents,\n  feedback: defineFeedbackComponents,\n  background: defineBackgroundComponents,\n  transitions: defineTransitionComponents,\n  physics: definePhysicsComponents,\n  cards: defineCardComponents,\n  click: defineClickComponents,\n  ui: defineUiComponents,\n  page: definePageComponents,\n  timeline: defineTimelineComponents,\n  gesture: defineGestureComponents,\n  svg: defineSvgComponents,\n  webgl: defineWebglComponents,\n  depth: defineDepthComponents,\n  layout: defineLayoutComponents,\n  packs: definePacksComponents,\n};\n\n/**\n * Register every `<usa-*>` component (or only the given categories).\n * Safe to call more than once and on the server (no-op without DOM).\n */\nexport function defineComponents(categories?: ComponentCategory[]): void {\n  if (canDefine()) adoptVariants();\n  (categories || (Object.keys(BY_CATEGORY) as ComponentCategory[])).forEach((c) => BY_CATEGORY[c]?.());\n}\n"],"names":["defineRevealComponents","defineTextComponents","defineInteractionComponents","defineFeedbackComponents","defineBackgroundComponents","defineTransitionComponents","definePhysicsComponents","defineCardComponents","defineClickComponents","defineUiComponents","definePageComponents","defineTimelineComponents","defineGestureComponents","defineSvgComponents","defineWebglComponents","defineDepthComponents","defineLayoutComponents","definePacksComponents","canDefine","adoptVariants"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;AAmBG;AA6CH,MAAM,WAAW,GAA0C;AACzD,IAAA,MAAM,EAAEA,wCAAsB;AAC9B,IAAA,IAAI,EAAEC,oCAAoB;AAC1B,IAAA,WAAW,EAAEC,kDAA2B;AACxC,IAAA,QAAQ,EAAEC,4CAAwB;AAClC,IAAA,UAAU,EAAEC,gDAA0B;AACtC,IAAA,WAAW,EAAEC,iDAA0B;AACvC,IAAA,OAAO,EAAEC,0CAAuB;AAChC,IAAA,KAAK,EAAEC,qCAAoB;AAC3B,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,EAAE,EAAEC,gCAAkB;AACtB,IAAA,IAAI,EAAEC,oCAAoB;AAC1B,IAAA,QAAQ,EAAEC,4CAAwB;AAClC,IAAA,OAAO,EAAEC,0CAAuB;AAChC,IAAA,GAAG,EAAEC,kCAAmB;AACxB,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,KAAK,EAAEC,sCAAqB;AAC5B,IAAA,MAAM,EAAEC,wCAAsB;AAC9B,IAAA,KAAK,EAAEC,sCAAqB;CAC7B;AAED;;;AAGG;AACG,SAAU,gBAAgB,CAAC,UAAgC,EAAA;AAC/D,IAAA,IAAIC,cAAS,EAAE;AAAE,QAAAC,sBAAa,EAAE;IAChC,CAAC,UAAU,IAAK,MAAM,CAAC,IAAI,CAAC,WAAW,CAAyB,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}