motionary 7.3.0 → 7.5.0

package/CHANGELOG.md

@@ -7,6 +7,44 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [7.5.0] - 2026-10-08
+
+### Added
+- **4 new components (7.5)** in `motionary/components/widgets` (also in `dist/widgets.umd.js`):
+  - `<usa-leaderboard>` — ranked list from `<li data-score>` children or `rows`: on score changes rows glide to their new rank (FLIP), climbers flash green with ▲n, fallers red with ▼n, scores roll; 🥇🥈🥉 for the top three; `limit`, `me`; `setScore()`; `usa:rank`. `rankRows()`.
+  - `<usa-xp-bar>` — experience bar (`level`, `xp`, `per`): `add(n)` fills smoothly; overflow fills to the end, the level badge pops and the bar restarts with the remainder (multi-level); `usa:xp`, `usa:levelup`. `levelFor()`.
+  - `<usa-badge-wall>` — achievement grid from `<li data-icon data-locked>`: locked badges are grey with 🔒; `unlock(name)` flips the badge to colour with a shine and updates the “n / m unlocked” counter; `badges`, `usa:unlock`. `badgeProgress()`.
+  - `<usa-prize-wheel>` — lottery wheel from `segments`: Spin whirls it, it eases out on a random result (or `spin(index)`), the pointer ticks, the wheel glows; `duration`, `turns`, `result`, `spinning`; `usa:result`. `wheelAngle()`.
+- **Gamification motion — `motionary/fx/game`** (= `motionary/components/fx-game`, `registerGamePack()`, also in `registerEffectPacks()`): `achievement-unlock` (attention), `level-up` (attention), `chest-open` (click), `coin-burst` (click), `xp-gain` (enter). `throwPath()`.
+- Showcase: 6 new gallery cards with copyable code and live demos; Animation Store 311 → 317 items.
+- Note: the plan's “lottery” ships as `<usa-prize-wheel>` (wheel + lottery in one component).
+
+### Accessibility
+- Leaderboard = labelled ordered list ("1. Ada, 980 points"), rank changes announced politely; XP bar = `progressbar` labelled "Level 3, 40 of 100 XP", level-ups announced; badge wall = labelled list, each badge "First win, locked/unlocked", unlocks announced; prize wheel = real button (disabled while spinning), result announced. Reduced motion: rows jump, no flash or roll; bar and level change at once; badges change without flip or shine; the wheel jumps to the result; `achievement-unlock` / `level-up` fade, `chest-open` sets the lid open, `coin-burst` / `xp-gain` do nothing.
+
+### Fixed
+- **Store thumbnails are live demos (user report, mobile ~390px).** Cards in “组件 6.x” (now “Components 6.x–7.x”, 90 items incl. every 7.x widget/effect pack) and “框架 / Frameworks” (5) showed only a generic purple tile with a bouncing emoji or letter. Every component card now renders the real `<usa-*>` element with its gallery demo markup + wiring in a lazily mounted frame (`showcase/thumb.html`, mounted by IntersectionObserver near the viewport, dropped 4 s after leaving it, scaled to fit with no overflow, inert on cards, interactive in the detail view and its “related” minis). Framework cards show a live scroll-reveal demo driven through the real adapter (React hooks / Vue composables via minimal hook stand-ins, the Svelte action, `<scroll-animate>`; Solid via the core) next to its code snippet. Reduced motion: the demos are still, the components follow their own reduced-motion paths. Audit: no Store item (all 317) uses the placeholder any more.
+- Showcase: the global icon rule `svg:not([width]) { width: 1.25em }` in `showcase/styles.css` shrank the SVGs inside live demos — `<usa-gauge>` and `<usa-sparkline>` (and the KPI trend) rendered as a 15 px speck in the component gallery. Scoped to UI icons with `:where(…)`.
+- Store detail for components: dropped the meaningless duration/easing controls, keyframes and scroll-test mode; Replay remounts the live demo; the note no longer says “preview only”.
+
+## [7.4.0] - 2026-10-08
+
+### Added
+- **4 new components (7.4)** in `motionary/components/widgets` (also in `dist/widgets.umd.js`):
+  - `<usa-message-list>` — chat thread from `<p data-from data-me data-time>` children or `push(msg)`: bubbles pop in from their side, consecutive messages group, the list sticks to the bottom (smooth) or shows a “↓ New messages” pill when you scrolled up; `typing(name)` shows animated typing dots until the next message; `messages`, `usa:message`. `role="log"` + `aria-live="polite"`.
+  - `<usa-reactions>` — emoji reaction bar (`emojis`, `counts`, `picker`): clicking toggles your reaction (emoji pop, count roll, floating copies), ＋ springs open a picker; `counts`, `mine`, `toggle()`, `usa:react`. `parseReactions()`.
+  - `<usa-notification-bell>` — bell + unread badge + dropdown (`<li data-time data-read>` children): `notify()` swings the bell, bumps the badge and slides the notice in; `markAllRead()` shrinks the badge away; `unread`, `notices`, `open`, `ring()`; Esc / outside click close; `usa:notify`, `usa:read`.
+  - `<usa-presence>` — avatar + status dot (`status` online | away | busy | offline, `name`, `src`): coming online sends a ripple, `speaking` pulses a ring, `story` spins a gradient ring; initials fallback. `PRESENCE_STATES`, `initials()`.
+- **Chat & social motion — `motionary/fx/social`** (= `motionary/components/fx-social`, `registerSocialPack()`, also in `registerEffectPacks()`): `typing-dots` (loop), `message-in` (enter), `reaction-burst` (click), `read-receipt` (enter), `mention-glow` (attention). `fanAngles()`.
+- Showcase: 6 new gallery cards with copyable code and live demos; Animation Store 305 → 311 items.
+- Note: the plan's “avatar stack” already ships as `<usa-avatar-stack>` (unchanged), so 7.4 adds `<usa-presence>` instead.
+
+### Fixed
+- `<usa-reactions>` (pre-release staging): two type errors broke `tsc` — `picker.hidden` (now `boolean | "until-found"` in the DOM lib) passed to a boolean toggle, and `.type` set on an `HTMLElement` — fixed (`=== true`, `setAttribute('type','button')`).
+
+### Accessibility
+- Message list = `log` (polite) with a labelled typing bubble; reactions = labelled `group` of `aria-pressed` toggle buttons with counts in their labels; bell = `button` with `aria-expanded` and the unread count in its label, list = labelled region, Esc returns focus; presence = labelled `img` ("Ada Lovelace, online"). Reduced motion: no pop, smooth scroll, roll, float, swing, bump, slide, ripple, pulse or ring spin; typing dots are static; `reaction-burst` does nothing, `read-receipt` / `mention-glow` show their end state.
+
 ## [7.3.0] - 2026-10-08
 
 ### Added

package/dist/components/fx-game.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var registry = require('../chunks/registry-DehBVRDV.cjs');
+require('../chunks/base-BaQV-2ha.cjs');
+
+/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */
+function throwPath(deg, power = 120, steps = 6, g = 2.2) {
+    const r = (deg * Math.PI) / 180;
+    const vx = Math.sin(r) * power;
+    const vy = -Math.cos(r) * power;
+    return Array.from({ length: steps + 1 }, (_, i) => {
+        const t = i / steps;
+        return { x: Math.round(vx * t), y: Math.round(vy * t + g * power * t * t * 0.5) };
+    });
+}
+const floater = (el, text, css) => {
+    const r = el.getBoundingClientRect();
+    const s = document.createElement('span');
+    s.setAttribute('aria-hidden', 'true');
+    s.textContent = text;
+    Object.assign(s.style, { position: 'fixed', left: `${r.left + r.width / 2}px`, top: `${r.top + r.height / 2}px`, pointerEvents: 'none', zIndex: '2147483000', translate: '-50% -50%' }, css);
+    document.body.appendChild(s);
+    return s;
+};
+const fin = (a, el, ctx) => {
+    const end = () => el.remove();
+    if (a)
+        a.finished.then(end, end);
+    else
+        end();
+    ctx.onCleanup(end);
+    return a?.finished.catch(() => undefined);
+};
+const GAME_FX = [
+    {
+        name: 'achievement-unlock',
+        kind: 'attention',
+        description: 'The element slides in, a light sweep crosses it and its icon (`[data-icon]` or first child) pops (`duration`).',
+        defaults: { duration: 900 },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);
+            const icon = (el.querySelector('[data-icon]') || el.firstElementChild);
+            const a = ctx.animate(el, [{ transform: 'translateY(30px) scale(.9)', opacity: 0 }, { transform: 'translateY(-4px) scale(1.02)', opacity: 1, offset: 0.5 }, { transform: 'none', opacity: 1 }], { duration: o.duration * 0.6, easing: 'cubic-bezier(.2,.9,.3,1)' });
+            if (icon)
+                ctx.animate(icon, [{ transform: 'scale(0) rotate(-30deg)' }, { transform: 'scale(1.4) rotate(10deg)', offset: 0.6 }, { transform: 'none' }], { duration: o.duration * 0.6, delay: o.duration * 0.3, easing: 'ease-out', fill: 'backwards' });
+            const pos = getComputedStyle(el).position;
+            if (pos === 'static')
+                el.style.position = 'relative';
+            const sh = document.createElement('span');
+            sh.setAttribute('aria-hidden', 'true');
+            Object.assign(sh.style, { position: 'absolute', inset: '0', borderRadius: 'inherit', pointerEvents: 'none', background: 'linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%)', backgroundSize: '250% 100%' });
+            el.appendChild(sh);
+            fin(ctx.animate(sh, [{ backgroundPosition: '120% 0' }, { backgroundPosition: '-20% 0' }], { duration: o.duration * 0.6, delay: o.duration * 0.4, easing: 'ease-in-out', fill: 'backwards' }), sh, ctx);
+            return a?.finished.catch(() => undefined);
+        },
+    },
+    {
+        name: 'level-up',
+        kind: 'attention',
+        description: 'A scale-up with a ring shockwave in `color` (`color`, `duration`).',
+        defaults: { color: '#facc15', duration: 800 },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 0.5 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);
+            const r = el.getBoundingClientRect();
+            const ring = floater(el, '', { width: `${Math.max(r.width, r.height)}px`, height: `${Math.max(r.width, r.height)}px`, borderRadius: '50%', border: `3px solid ${o.color}` });
+            fin(ctx.animate(ring, [{ transform: 'scale(.4)', opacity: 1 }, { transform: 'scale(1.8)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), ring, ctx);
+            return ctx.animate(el, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.3 }, { transform: 'scale(.95)', offset: 0.6 }, { transform: 'scale(1)' }], { duration: o.duration, easing: 'ease-out' })?.finished.catch(() => undefined);
+        },
+    },
+    {
+        name: 'chest-open',
+        kind: 'click',
+        description: 'The lid (`[data-lid]` or first child) flips open and sparks (`spark`) fly out (`count`).',
+        defaults: { spark: '✨', count: 6, duration: 700 },
+        run: (el, o, ctx) => {
+            const lid = (el.querySelector('[data-lid]') || el.firstElementChild);
+            el.setAttribute('data-open', '');
+            if (lid)
+                lid.style.transformOrigin = '50% 100%';
+            if (ctx.reduced)
+                return void (lid && (lid.style.transform = 'rotateX(110deg)'));
+            if (lid)
+                ctx.animate(lid, [{ transform: 'rotateX(0)' }, { transform: 'rotateX(125deg)', offset: 0.6 }, { transform: 'rotateX(110deg)' }], { duration: o.duration, easing: 'cubic-bezier(.3,1.5,.6,1)', fill: 'forwards' });
+            const parts = Array.from({ length: o.count }, (_, i) => {
+                const s = floater(el, o.spark, { fontSize: '18px' });
+                const deg = -60 + (120 * i) / Math.max(1, o.count - 1);
+                const p = throwPath(deg, 90, 6, 1.2);
+                return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) scale(${(1 - k / 12).toFixed(2)})`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: 150 + i * 30, easing: 'linear' }), s, ctx);
+            });
+            return Promise.all(parts);
+        },
+    },
+    {
+        name: 'coin-burst',
+        kind: 'click',
+        description: 'Coins (`coin`) arc up out of the element and fall away (`count`, `power`).',
+        defaults: { coin: '🪙', count: 8, power: 140, duration: 900 },
+        reduced: 'skip',
+        run: (el, o, ctx) => Promise.all(Array.from({ length: o.count }, (_, i) => {
+            const s = floater(el, o.coin, { fontSize: '20px' });
+            const p = throwPath(-50 + (100 * i) / Math.max(1, o.count - 1) + (Math.random() * 10 - 5), o.power * (0.8 + Math.random() * 0.4));
+            return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) rotate(${k * 60}deg)`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: i * 25, easing: 'linear' }), s, ctx);
+        })),
+    },
+    {
+        name: 'xp-gain',
+        kind: 'enter',
+        description: 'A “+50 XP” label (`text`, or `data-xp`) floats up from the element and fades (`color`).',
+        defaults: { text: '', color: '#7c5cff', duration: 1100 },
+        reduced: 'skip',
+        run: (el, o, ctx) => {
+            const s = floater(el, o.text || `+${el.dataset.xp || 10} XP`, { font: '800 16px/1 system-ui,sans-serif', color: o.color, textShadow: '0 1px 0 #fff' });
+            return fin(ctx.animate(s, [{ transform: 'translateY(0) scale(.6)', opacity: 0 }, { transform: 'translateY(-18px) scale(1.15)', opacity: 1, offset: 0.25 }, { transform: 'translateY(-50px) scale(1)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), s, ctx);
+        },
+    },
+];
+/** Register the 7.5 gamification pack (idempotent). */
+function registerGamePack() {
+    registry.registerEffects(GAME_FX);
+}
+
+exports.GAME_FX = GAME_FX;
+exports.registerGamePack = registerGamePack;
+exports.throwPath = throwPath;
+//# sourceMappingURL=fx-game.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-game.cjs","sources":["../../src/components/fx2/game.ts"],"sourcesContent":["/**\n * 7.5 — Gamification motion (`motionary/fx/game`, also\n * `motionary/components/fx-game`):\n *\n * - `achievement-unlock` (attention) — the element slides in, a light sweep\n *   crosses it and its icon (`[data-icon]` or first child) pops.\n * - `level-up` (attention) — a scale-up with a ring shockwave.\n * - `chest-open` (click) — the lid (`[data-lid]` or first child) flips open\n *   and sparks fly out.\n * - `coin-burst` (click) — coins (`coin`, default 🪙) arc up and fall.\n * - `xp-gain` (enter) — a “+50 XP” label (`text` or `data-xp`) floats up and\n *   fades.\n *\n * Reduced motion: unlock / level-up fade, chest-open sets the lid open,\n * coin-burst and xp-gain do nothing.\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\n\n/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */\nexport function throwPath(deg: number, power = 120, steps = 6, g = 2.2): { x: number; y: number }[] {\n  const r = (deg * Math.PI) / 180;\n  const vx = Math.sin(r) * power;\n  const vy = -Math.cos(r) * power;\n  return Array.from({ length: steps + 1 }, (_, i) => {\n    const t = i / steps;\n    return { x: Math.round(vx * t), y: Math.round(vy * t + g * power * t * t * 0.5) };\n  });\n}\n\nconst floater = (el: HTMLElement, text: string, css: Partial<CSSStyleDeclaration>): HTMLSpanElement => {\n  const r = el.getBoundingClientRect();\n  const s = document.createElement('span');\n  s.setAttribute('aria-hidden', 'true');\n  s.textContent = text;\n  Object.assign(s.style, { position: 'fixed', left: `${r.left + r.width / 2}px`, top: `${r.top + r.height / 2}px`, pointerEvents: 'none', zIndex: '2147483000', translate: '-50% -50%' }, css);\n  document.body.appendChild(s);\n  return s;\n};\n\nconst fin = (a: Animation | null | undefined, el: Element, ctx: EffectContext) => {\n  const end = () => el.remove();\n  if (a) a.finished.then(end, end);\n  else end();\n  ctx.onCleanup(end);\n  return a?.finished.catch(() => undefined);\n};\n\nexport const GAME_FX: EffectDefinition[] = [\n  {\n    name: 'achievement-unlock',\n    kind: 'attention',\n    description: 'The element slides in, a light sweep crosses it and its icon (`[data-icon]` or first child) pops (`duration`).',\n    defaults: { duration: 900 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);\n      const icon = (el.querySelector('[data-icon]') || el.firstElementChild) as HTMLElement | null;\n      const a = ctx.animate(el, [{ transform: 'translateY(30px) scale(.9)', opacity: 0 }, { transform: 'translateY(-4px) scale(1.02)', opacity: 1, offset: 0.5 }, { transform: 'none', opacity: 1 }], { duration: o.duration * 0.6, easing: 'cubic-bezier(.2,.9,.3,1)' });\n      if (icon) ctx.animate(icon, [{ transform: 'scale(0) rotate(-30deg)' }, { transform: 'scale(1.4) rotate(10deg)', offset: 0.6 }, { transform: 'none' }], { duration: o.duration * 0.6, delay: o.duration * 0.3, easing: 'ease-out', fill: 'backwards' });\n      const pos = getComputedStyle(el).position;\n      if (pos === 'static') el.style.position = 'relative';\n      const sh = document.createElement('span');\n      sh.setAttribute('aria-hidden', 'true');\n      Object.assign(sh.style, { position: 'absolute', inset: '0', borderRadius: 'inherit', pointerEvents: 'none', background: 'linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%)', backgroundSize: '250% 100%' });\n      el.appendChild(sh);\n      fin(ctx.animate(sh, [{ backgroundPosition: '120% 0' }, { backgroundPosition: '-20% 0' }], { duration: o.duration * 0.6, delay: o.duration * 0.4, easing: 'ease-in-out', fill: 'backwards' }), sh, ctx);\n      return a?.finished.catch(() => undefined);\n    },\n  },\n  {\n    name: 'level-up',\n    kind: 'attention',\n    description: 'A scale-up with a ring shockwave in `color` (`color`, `duration`).',\n    defaults: { color: '#facc15', duration: 800 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 0.5 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);\n      const r = el.getBoundingClientRect();\n      const ring = floater(el, '', { width: `${Math.max(r.width, r.height)}px`, height: `${Math.max(r.width, r.height)}px`, borderRadius: '50%', border: `3px solid ${o.color}` });\n      fin(ctx.animate(ring, [{ transform: 'scale(.4)', opacity: 1 }, { transform: 'scale(1.8)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), ring, ctx);\n      return ctx.animate(el, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.3 }, { transform: 'scale(.95)', offset: 0.6 }, { transform: 'scale(1)' }], { duration: o.duration, easing: 'ease-out' })?.finished.catch(() => undefined);\n    },\n  },\n  {\n    name: 'chest-open',\n    kind: 'click',\n    description: 'The lid (`[data-lid]` or first child) flips open and sparks (`spark`) fly out (`count`).',\n    defaults: { spark: '✨', count: 6, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lid = (el.querySelector('[data-lid]') || el.firstElementChild) as HTMLElement | null;\n      el.setAttribute('data-open', '');\n      if (lid) lid.style.transformOrigin = '50% 100%';\n      if (ctx.reduced) return void (lid && (lid.style.transform = 'rotateX(110deg)'));\n      if (lid) ctx.animate(lid, [{ transform: 'rotateX(0)' }, { transform: 'rotateX(125deg)', offset: 0.6 }, { transform: 'rotateX(110deg)' }], { duration: o.duration, easing: 'cubic-bezier(.3,1.5,.6,1)', fill: 'forwards' });\n      const parts = Array.from({ length: o.count }, (_, i) => {\n        const s = floater(el, o.spark, { fontSize: '18px' });\n        const deg = -60 + (120 * i) / Math.max(1, o.count - 1);\n        const p = throwPath(deg, 90, 6, 1.2);\n        return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) scale(${(1 - k / 12).toFixed(2)})`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: 150 + i * 30, easing: 'linear' }), s, ctx);\n      });\n      return Promise.all(parts);\n    },\n  },\n  {\n    name: 'coin-burst',\n    kind: 'click',\n    description: 'Coins (`coin`) arc up out of the element and fall away (`count`, `power`).',\n    defaults: { coin: '🪙', count: 8, power: 140, duration: 900 },\n    reduced: 'skip',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) =>\n      Promise.all(\n        Array.from({ length: o.count }, (_, i) => {\n          const s = floater(el, o.coin, { fontSize: '20px' });\n          const p = throwPath(-50 + (100 * i) / Math.max(1, o.count - 1) + (Math.random() * 10 - 5), o.power * (0.8 + Math.random() * 0.4));\n          return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) rotate(${k * 60}deg)`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: i * 25, easing: 'linear' }), s, ctx);\n        })\n      ),\n  },\n  {\n    name: 'xp-gain',\n    kind: 'enter',\n    description: 'A “+50 XP” label (`text`, or `data-xp`) floats up from the element and fades (`color`).',\n    defaults: { text: '', color: '#7c5cff', duration: 1100 },\n    reduced: 'skip',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const s = floater(el, o.text || `+${el.dataset.xp || 10} XP`, { font: '800 16px/1 system-ui,sans-serif', color: o.color, textShadow: '0 1px 0 #fff' });\n      return fin(ctx.animate(s, [{ transform: 'translateY(0) scale(.6)', opacity: 0 }, { transform: 'translateY(-18px) scale(1.15)', opacity: 1, offset: 0.25 }, { transform: 'translateY(-50px) scale(1)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), s, ctx);\n    },\n  },\n];\n\n/** Register the 7.5 gamification pack (idempotent). */\nexport function registerGamePack(): void {\n  registerEffects(GAME_FX);\n}\n"],"names":["registerEffects"],"mappings":";;;;;AAmBA;AACM,SAAU,SAAS,CAAC,GAAW,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAA;IACpE,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG;IAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK;IAC9B,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK;AAC/B,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAI;AAChD,QAAA,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK;AACnB,QAAA,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE;AACnF,IAAA,CAAC,CAAC;AACJ;AAEA,MAAM,OAAO,GAAG,CAAC,EAAe,EAAE,IAAY,EAAE,GAAiC,KAAqB;AACpG,IAAA,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;IACpC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACxC,IAAA,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACrC,IAAA,CAAC,CAAC,WAAW,GAAG,IAAI;IACpB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA,EAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE,CAAA,EAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA,EAAA,CAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,GAAG,CAAC;AAC5L,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAC5B,IAAA,OAAO,CAAC;AACV,CAAC;AAED,MAAM,GAAG,GAAG,CAAC,CAA+B,EAAE,EAAW,EAAE,GAAkB,KAAI;IAC/E,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,MAAM,EAAE;AAC7B,IAAA,IAAI,CAAC;QAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC;;AAC3B,QAAA,GAAG,EAAE;AACV,IAAA,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;AAC3C,CAAC;AAEM,MAAM,OAAO,GAAuB;AACzC,IAAA;AACE,QAAA,IAAI,EAAE,oBAAoB;AAC1B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,WAAW,EAAE,gHAAgH;AAC7H,QAAA,QAAQ,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC3B,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;YACnD,IAAI,GAAG,CAAC,OAAO;AAAE,gBAAA,OAAO,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;AAC7H,YAAA,MAAM,IAAI,IAAI,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,iBAAiB,CAAuB;YAC5F,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,4BAA4B,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,8BAA8B,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,MAAM,EAAE,0BAA0B,EAAE,CAAC;AACnQ,YAAA,IAAI,IAAI;gBAAE,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,EAAE,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;YACtP,MAAM,GAAG,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ;YACzC,IAAI,GAAG,KAAK,QAAQ;AAAE,gBAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;YACpD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACzC,YAAA,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACtC,YAAA,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,kFAAkF,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC;AAC1O,YAAA,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;YAClB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAAE,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC;YACtM,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;QAC3C,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,WAAW,EAAE,oEAAoE;QACjF,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC7C,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;YACnD,IAAI,GAAG,CAAC,OAAO;AAAE,gBAAA,OAAO,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;AAC/H,YAAA,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;YACpC,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA,EAAA,CAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA,EAAA,CAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA,UAAA,EAAa,CAAC,CAAC,KAAK,CAAA,CAAE,EAAE,CAAC;YAC5K,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;AAClK,YAAA,OAAO,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;QACpP,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,0FAA0F;AACvG,QAAA,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;AACnD,YAAA,MAAM,GAAG,IAAI,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,iBAAiB,CAAuB;AAC1F,YAAA,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;AAChC,YAAA,IAAI,GAAG;AAAE,gBAAA,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,UAAU;YAC/C,IAAI,GAAG,CAAC,OAAO;AAAE,gBAAA,OAAO,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC,CAAC;AAC/E,YAAA,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,2BAA2B,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAC1N,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAI;AACrD,gBAAA,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;gBACpD,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;AACtD,gBAAA,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC;gBACpC,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,CAAA,UAAA,EAAa,CAAC,CAAC,CAAC,CAAA,GAAA,EAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;AAC9O,YAAA,CAAC,CAAC;AACF,YAAA,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,CAAC;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,4EAA4E;AACzF,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;AAC7D,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAC/C,OAAO,CAAC,GAAG,CACT,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAI;AACvC,YAAA,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;YACnD,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;AACjI,YAAA,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,CAAA,UAAA,EAAa,CAAC,CAAC,CAAC,CAAA,GAAA,EAAM,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,CAAA,IAAA,CAAM,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;AAC3N,QAAA,CAAC,CAAC,CACH;AACJ,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,yFAAyF;AACtG,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;AACxD,QAAA,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,CAAC,EAAe,EAAE,CAAM,EAAE,GAAkB,KAAI;AACnD,YAAA,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,EAAE,IAAI,EAAE,iCAAiC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AACtJ,YAAA,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,+BAA+B,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,4BAA4B,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QAC7Q,CAAC;AACF,KAAA;;AAGH;SACgB,gBAAgB,GAAA;IAC9BA,wBAAe,CAAC,OAAO,CAAC;AAC1B;;;;;;"}

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

@@ -0,0 +1,70 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 7.5 — Gamification motion (`motionary/fx/game`, also
+ * `motionary/components/fx-game`):
+ *
+ * - `achievement-unlock` (attention) — the element slides in, a light sweep
+ *   crosses it and its icon (`[data-icon]` or first child) pops.
+ * - `level-up` (attention) — a scale-up with a ring shockwave.
+ * - `chest-open` (click) — the lid (`[data-lid]` or first child) flips open
+ *   and sparks fly out.
+ * - `coin-burst` (click) — coins (`coin`, default 🪙) arc up and fall.
+ * - `xp-gain` (enter) — a “+50 XP” label (`text` or `data-xp`) floats up and
+ *   fades.
+ *
+ * Reduced motion: unlock / level-up fade, chest-open sets the lid open,
+ * coin-burst and xp-gain do nothing.
+ */
+
+/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */
+declare function throwPath(deg: number, power?: number, steps?: number, g?: number): {
+    x: number;
+    y: number;
+}[];
+declare const GAME_FX: EffectDefinition[];
+/** Register the 7.5 gamification pack (idempotent). */
+declare function registerGamePack(): void;
+
+export { GAME_FX, registerGamePack, throwPath };

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

@@ -0,0 +1,70 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 7.5 — Gamification motion (`motionary/fx/game`, also
+ * `motionary/components/fx-game`):
+ *
+ * - `achievement-unlock` (attention) — the element slides in, a light sweep
+ *   crosses it and its icon (`[data-icon]` or first child) pops.
+ * - `level-up` (attention) — a scale-up with a ring shockwave.
+ * - `chest-open` (click) — the lid (`[data-lid]` or first child) flips open
+ *   and sparks fly out.
+ * - `coin-burst` (click) — coins (`coin`, default 🪙) arc up and fall.
+ * - `xp-gain` (enter) — a “+50 XP” label (`text` or `data-xp`) floats up and
+ *   fades.
+ *
+ * Reduced motion: unlock / level-up fade, chest-open sets the lid open,
+ * coin-burst and xp-gain do nothing.
+ */
+
+/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */
+declare function throwPath(deg: number, power?: number, steps?: number, g?: number): {
+    x: number;
+    y: number;
+}[];
+declare const GAME_FX: EffectDefinition[];
+/** Register the 7.5 gamification pack (idempotent). */
+declare function registerGamePack(): void;
+
+export { GAME_FX, registerGamePack, throwPath };

package/dist/components/fx-game.js

@@ -0,0 +1,123 @@
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import '../chunks/base-2-yYc93C.js';
+
+/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */
+function throwPath(deg, power = 120, steps = 6, g = 2.2) {
+    const r = (deg * Math.PI) / 180;
+    const vx = Math.sin(r) * power;
+    const vy = -Math.cos(r) * power;
+    return Array.from({ length: steps + 1 }, (_, i) => {
+        const t = i / steps;
+        return { x: Math.round(vx * t), y: Math.round(vy * t + g * power * t * t * 0.5) };
+    });
+}
+const floater = (el, text, css) => {
+    const r = el.getBoundingClientRect();
+    const s = document.createElement('span');
+    s.setAttribute('aria-hidden', 'true');
+    s.textContent = text;
+    Object.assign(s.style, { position: 'fixed', left: `${r.left + r.width / 2}px`, top: `${r.top + r.height / 2}px`, pointerEvents: 'none', zIndex: '2147483000', translate: '-50% -50%' }, css);
+    document.body.appendChild(s);
+    return s;
+};
+const fin = (a, el, ctx) => {
+    const end = () => el.remove();
+    if (a)
+        a.finished.then(end, end);
+    else
+        end();
+    ctx.onCleanup(end);
+    return a?.finished.catch(() => undefined);
+};
+const GAME_FX = [
+    {
+        name: 'achievement-unlock',
+        kind: 'attention',
+        description: 'The element slides in, a light sweep crosses it and its icon (`[data-icon]` or first child) pops (`duration`).',
+        defaults: { duration: 900 },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);
+            const icon = (el.querySelector('[data-icon]') || el.firstElementChild);
+            const a = ctx.animate(el, [{ transform: 'translateY(30px) scale(.9)', opacity: 0 }, { transform: 'translateY(-4px) scale(1.02)', opacity: 1, offset: 0.5 }, { transform: 'none', opacity: 1 }], { duration: o.duration * 0.6, easing: 'cubic-bezier(.2,.9,.3,1)' });
+            if (icon)
+                ctx.animate(icon, [{ transform: 'scale(0) rotate(-30deg)' }, { transform: 'scale(1.4) rotate(10deg)', offset: 0.6 }, { transform: 'none' }], { duration: o.duration * 0.6, delay: o.duration * 0.3, easing: 'ease-out', fill: 'backwards' });
+            const pos = getComputedStyle(el).position;
+            if (pos === 'static')
+                el.style.position = 'relative';
+            const sh = document.createElement('span');
+            sh.setAttribute('aria-hidden', 'true');
+            Object.assign(sh.style, { position: 'absolute', inset: '0', borderRadius: 'inherit', pointerEvents: 'none', background: 'linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%)', backgroundSize: '250% 100%' });
+            el.appendChild(sh);
+            fin(ctx.animate(sh, [{ backgroundPosition: '120% 0' }, { backgroundPosition: '-20% 0' }], { duration: o.duration * 0.6, delay: o.duration * 0.4, easing: 'ease-in-out', fill: 'backwards' }), sh, ctx);
+            return a?.finished.catch(() => undefined);
+        },
+    },
+    {
+        name: 'level-up',
+        kind: 'attention',
+        description: 'A scale-up with a ring shockwave in `color` (`color`, `duration`).',
+        defaults: { color: '#facc15', duration: 800 },
+        run: (el, o, ctx) => {
+            if (ctx.reduced)
+                return ctx.animate(el, [{ opacity: 0.5 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);
+            const r = el.getBoundingClientRect();
+            const ring = floater(el, '', { width: `${Math.max(r.width, r.height)}px`, height: `${Math.max(r.width, r.height)}px`, borderRadius: '50%', border: `3px solid ${o.color}` });
+            fin(ctx.animate(ring, [{ transform: 'scale(.4)', opacity: 1 }, { transform: 'scale(1.8)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), ring, ctx);
+            return ctx.animate(el, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.3 }, { transform: 'scale(.95)', offset: 0.6 }, { transform: 'scale(1)' }], { duration: o.duration, easing: 'ease-out' })?.finished.catch(() => undefined);
+        },
+    },
+    {
+        name: 'chest-open',
+        kind: 'click',
+        description: 'The lid (`[data-lid]` or first child) flips open and sparks (`spark`) fly out (`count`).',
+        defaults: { spark: '✨', count: 6, duration: 700 },
+        run: (el, o, ctx) => {
+            const lid = (el.querySelector('[data-lid]') || el.firstElementChild);
+            el.setAttribute('data-open', '');
+            if (lid)
+                lid.style.transformOrigin = '50% 100%';
+            if (ctx.reduced)
+                return void (lid && (lid.style.transform = 'rotateX(110deg)'));
+            if (lid)
+                ctx.animate(lid, [{ transform: 'rotateX(0)' }, { transform: 'rotateX(125deg)', offset: 0.6 }, { transform: 'rotateX(110deg)' }], { duration: o.duration, easing: 'cubic-bezier(.3,1.5,.6,1)', fill: 'forwards' });
+            const parts = Array.from({ length: o.count }, (_, i) => {
+                const s = floater(el, o.spark, { fontSize: '18px' });
+                const deg = -60 + (120 * i) / Math.max(1, o.count - 1);
+                const p = throwPath(deg, 90, 6, 1.2);
+                return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) scale(${(1 - k / 12).toFixed(2)})`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: 150 + i * 30, easing: 'linear' }), s, ctx);
+            });
+            return Promise.all(parts);
+        },
+    },
+    {
+        name: 'coin-burst',
+        kind: 'click',
+        description: 'Coins (`coin`) arc up out of the element and fall away (`count`, `power`).',
+        defaults: { coin: '🪙', count: 8, power: 140, duration: 900 },
+        reduced: 'skip',
+        run: (el, o, ctx) => Promise.all(Array.from({ length: o.count }, (_, i) => {
+            const s = floater(el, o.coin, { fontSize: '20px' });
+            const p = throwPath(-50 + (100 * i) / Math.max(1, o.count - 1) + (Math.random() * 10 - 5), o.power * (0.8 + Math.random() * 0.4));
+            return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) rotate(${k * 60}deg)`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: i * 25, easing: 'linear' }), s, ctx);
+        })),
+    },
+    {
+        name: 'xp-gain',
+        kind: 'enter',
+        description: 'A “+50 XP” label (`text`, or `data-xp`) floats up from the element and fades (`color`).',
+        defaults: { text: '', color: '#7c5cff', duration: 1100 },
+        reduced: 'skip',
+        run: (el, o, ctx) => {
+            const s = floater(el, o.text || `+${el.dataset.xp || 10} XP`, { font: '800 16px/1 system-ui,sans-serif', color: o.color, textShadow: '0 1px 0 #fff' });
+            return fin(ctx.animate(s, [{ transform: 'translateY(0) scale(.6)', opacity: 0 }, { transform: 'translateY(-18px) scale(1.15)', opacity: 1, offset: 0.25 }, { transform: 'translateY(-50px) scale(1)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), s, ctx);
+        },
+    },
+];
+/** Register the 7.5 gamification pack (idempotent). */
+function registerGamePack() {
+    registerEffects(GAME_FX);
+}
+
+export { GAME_FX, registerGamePack, throwPath };
+//# sourceMappingURL=fx-game.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fx-game.js","sources":["../../src/components/fx2/game.ts"],"sourcesContent":["/**\n * 7.5 — Gamification motion (`motionary/fx/game`, also\n * `motionary/components/fx-game`):\n *\n * - `achievement-unlock` (attention) — the element slides in, a light sweep\n *   crosses it and its icon (`[data-icon]` or first child) pops.\n * - `level-up` (attention) — a scale-up with a ring shockwave.\n * - `chest-open` (click) — the lid (`[data-lid]` or first child) flips open\n *   and sparks fly out.\n * - `coin-burst` (click) — coins (`coin`, default 🪙) arc up and fall.\n * - `xp-gain` (enter) — a “+50 XP” label (`text` or `data-xp`) floats up and\n *   fades.\n *\n * Reduced motion: unlock / level-up fade, chest-open sets the lid open,\n * coin-burst and xp-gain do nothing.\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\n\n/** Ballistic keyframe points for a coin thrown at `deg` with `power` (7.5). */\nexport function throwPath(deg: number, power = 120, steps = 6, g = 2.2): { x: number; y: number }[] {\n  const r = (deg * Math.PI) / 180;\n  const vx = Math.sin(r) * power;\n  const vy = -Math.cos(r) * power;\n  return Array.from({ length: steps + 1 }, (_, i) => {\n    const t = i / steps;\n    return { x: Math.round(vx * t), y: Math.round(vy * t + g * power * t * t * 0.5) };\n  });\n}\n\nconst floater = (el: HTMLElement, text: string, css: Partial<CSSStyleDeclaration>): HTMLSpanElement => {\n  const r = el.getBoundingClientRect();\n  const s = document.createElement('span');\n  s.setAttribute('aria-hidden', 'true');\n  s.textContent = text;\n  Object.assign(s.style, { position: 'fixed', left: `${r.left + r.width / 2}px`, top: `${r.top + r.height / 2}px`, pointerEvents: 'none', zIndex: '2147483000', translate: '-50% -50%' }, css);\n  document.body.appendChild(s);\n  return s;\n};\n\nconst fin = (a: Animation | null | undefined, el: Element, ctx: EffectContext) => {\n  const end = () => el.remove();\n  if (a) a.finished.then(end, end);\n  else end();\n  ctx.onCleanup(end);\n  return a?.finished.catch(() => undefined);\n};\n\nexport const GAME_FX: EffectDefinition[] = [\n  {\n    name: 'achievement-unlock',\n    kind: 'attention',\n    description: 'The element slides in, a light sweep crosses it and its icon (`[data-icon]` or first child) pops (`duration`).',\n    defaults: { duration: 900 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);\n      const icon = (el.querySelector('[data-icon]') || el.firstElementChild) as HTMLElement | null;\n      const a = ctx.animate(el, [{ transform: 'translateY(30px) scale(.9)', opacity: 0 }, { transform: 'translateY(-4px) scale(1.02)', opacity: 1, offset: 0.5 }, { transform: 'none', opacity: 1 }], { duration: o.duration * 0.6, easing: 'cubic-bezier(.2,.9,.3,1)' });\n      if (icon) ctx.animate(icon, [{ transform: 'scale(0) rotate(-30deg)' }, { transform: 'scale(1.4) rotate(10deg)', offset: 0.6 }, { transform: 'none' }], { duration: o.duration * 0.6, delay: o.duration * 0.3, easing: 'ease-out', fill: 'backwards' });\n      const pos = getComputedStyle(el).position;\n      if (pos === 'static') el.style.position = 'relative';\n      const sh = document.createElement('span');\n      sh.setAttribute('aria-hidden', 'true');\n      Object.assign(sh.style, { position: 'absolute', inset: '0', borderRadius: 'inherit', pointerEvents: 'none', background: 'linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%)', backgroundSize: '250% 100%' });\n      el.appendChild(sh);\n      fin(ctx.animate(sh, [{ backgroundPosition: '120% 0' }, { backgroundPosition: '-20% 0' }], { duration: o.duration * 0.6, delay: o.duration * 0.4, easing: 'ease-in-out', fill: 'backwards' }), sh, ctx);\n      return a?.finished.catch(() => undefined);\n    },\n  },\n  {\n    name: 'level-up',\n    kind: 'attention',\n    description: 'A scale-up with a ring shockwave in `color` (`color`, `duration`).',\n    defaults: { color: '#facc15', duration: 800 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      if (ctx.reduced) return ctx.animate(el, [{ opacity: 0.5 }, { opacity: 1 }], { duration: 250 })?.finished.catch(() => undefined);\n      const r = el.getBoundingClientRect();\n      const ring = floater(el, '', { width: `${Math.max(r.width, r.height)}px`, height: `${Math.max(r.width, r.height)}px`, borderRadius: '50%', border: `3px solid ${o.color}` });\n      fin(ctx.animate(ring, [{ transform: 'scale(.4)', opacity: 1 }, { transform: 'scale(1.8)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), ring, ctx);\n      return ctx.animate(el, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.3 }, { transform: 'scale(.95)', offset: 0.6 }, { transform: 'scale(1)' }], { duration: o.duration, easing: 'ease-out' })?.finished.catch(() => undefined);\n    },\n  },\n  {\n    name: 'chest-open',\n    kind: 'click',\n    description: 'The lid (`[data-lid]` or first child) flips open and sparks (`spark`) fly out (`count`).',\n    defaults: { spark: '✨', count: 6, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lid = (el.querySelector('[data-lid]') || el.firstElementChild) as HTMLElement | null;\n      el.setAttribute('data-open', '');\n      if (lid) lid.style.transformOrigin = '50% 100%';\n      if (ctx.reduced) return void (lid && (lid.style.transform = 'rotateX(110deg)'));\n      if (lid) ctx.animate(lid, [{ transform: 'rotateX(0)' }, { transform: 'rotateX(125deg)', offset: 0.6 }, { transform: 'rotateX(110deg)' }], { duration: o.duration, easing: 'cubic-bezier(.3,1.5,.6,1)', fill: 'forwards' });\n      const parts = Array.from({ length: o.count }, (_, i) => {\n        const s = floater(el, o.spark, { fontSize: '18px' });\n        const deg = -60 + (120 * i) / Math.max(1, o.count - 1);\n        const p = throwPath(deg, 90, 6, 1.2);\n        return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) scale(${(1 - k / 12).toFixed(2)})`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: 150 + i * 30, easing: 'linear' }), s, ctx);\n      });\n      return Promise.all(parts);\n    },\n  },\n  {\n    name: 'coin-burst',\n    kind: 'click',\n    description: 'Coins (`coin`) arc up out of the element and fall away (`count`, `power`).',\n    defaults: { coin: '🪙', count: 8, power: 140, duration: 900 },\n    reduced: 'skip',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) =>\n      Promise.all(\n        Array.from({ length: o.count }, (_, i) => {\n          const s = floater(el, o.coin, { fontSize: '20px' });\n          const p = throwPath(-50 + (100 * i) / Math.max(1, o.count - 1) + (Math.random() * 10 - 5), o.power * (0.8 + Math.random() * 0.4));\n          return fin(ctx.animate(s, p.map((q, k) => ({ transform: `translate(${q.x}px,${q.y}px) rotate(${k * 60}deg)`, opacity: k === p.length - 1 ? 0 : 1 })), { duration: o.duration, delay: i * 25, easing: 'linear' }), s, ctx);\n        })\n      ),\n  },\n  {\n    name: 'xp-gain',\n    kind: 'enter',\n    description: 'A “+50 XP” label (`text`, or `data-xp`) floats up from the element and fades (`color`).',\n    defaults: { text: '', color: '#7c5cff', duration: 1100 },\n    reduced: 'skip',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const s = floater(el, o.text || `+${el.dataset.xp || 10} XP`, { font: '800 16px/1 system-ui,sans-serif', color: o.color, textShadow: '0 1px 0 #fff' });\n      return fin(ctx.animate(s, [{ transform: 'translateY(0) scale(.6)', opacity: 0 }, { transform: 'translateY(-18px) scale(1.15)', opacity: 1, offset: 0.25 }, { transform: 'translateY(-50px) scale(1)', opacity: 0 }], { duration: o.duration, easing: 'ease-out' }), s, ctx);\n    },\n  },\n];\n\n/** Register the 7.5 gamification pack (idempotent). */\nexport function registerGamePack(): void {\n  registerEffects(GAME_FX);\n}\n"],"names":[],"mappings":"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"}