@freegamestore/games 0.16.0 → 0.18.0

package/README.md

@@ -2,7 +2,7 @@
 
 Shared React UI primitives for games on **freegamestore.online**. Brand-consistent layout, scroll-free viewport lock, touch-friendly controls, and synthesized sound effects.
 
-**Version:** 0.14.0
+**Version:** 0.18.0
 
 ## Installation
 
@@ -21,7 +21,7 @@ import { GameShell, GameTopbar } from '@freegamestore/games'
 
 export default function App() {
   return (
-    <GameShell topbar={<GameTopbar title="Chess" score={42} />}>
+    <GameShell topbar={<GameTopbar title="Chess" />}>
       {/* your game canvas / DOM */}
     </GameShell>
   )
@@ -35,7 +35,7 @@ export default function App() {
 Root layout wrapper. Locks the game to `100svh`, prevents document scroll, disables text selection and touch callout. Every game wraps its content in this.
 
 ```tsx
-<GameShell topbar={<GameTopbar title="Tetris" score={42} />}>
+<GameShell topbar={<GameTopbar title="Tetris" />}>
   <MyGame />
 </GameShell>
 ```
@@ -50,8 +50,11 @@ Root layout wrapper. Locks the game to `100svh`, prevents document scroll, disab
 The single allowed topbar. Same font, padding, and color tokens across every game.
 
 ```tsx
-// Simple: just a score
-<GameTopbar title="Tetris" score={42} />
+// Simple: just the title. The score pill is hidden by default (#348)
+<GameTopbar title="Tetris" />
+
+// Opt in to the live score pill
+<GameTopbar title="Tetris" score={42} showScore />
 
 // Custom stats + play/pause controls
 <GameTopbar
@@ -71,8 +74,9 @@ The single allowed topbar. Same font, padding, and color tokens across every gam
 | Prop | Type | Description |
 |------|------|-------------|
 | `title` | `string?` | Game name, left side |
-| `score` | `number?` | Convenience for single-score games |
-| `stats` | `GameTopbarStat[]?` | Custom stat lineup (replaces `score`) |
+| `score` | `number?` | Live score, shown only when `showScore` is set |
+| `showScore` | `boolean?` | Show the live score pill. Off by default (#348) |
+| `stats` | `GameTopbarStat[]?` | Custom stat lineup (lives, level, time) |
 | `actions` | `ReactNode?` | Right-side buttons (max 2) |
 | `rules` | `ReactNode?` | Game instructions — shows info icon, opens overlay on tap |
 | `onPlayPause` | `() => void?` | Renders play/pause icon button |
@@ -84,7 +88,7 @@ The single allowed topbar. Same font, padding, and color tokens across every gam
 Sign-in / avatar widget for the topbar `actions` slot. Shows "Sign in" when signed out, avatar + dropdown when signed in.
 
 ```tsx
-<GameTopbar title="Chess" score={42} actions={<GameAuth />} />
+<GameTopbar title="Chess" actions={<GameAuth />} />
 ```
 
 No props — uses `useAuth` internally.
@@ -149,6 +153,48 @@ Standard game-over overlay with score, high score, and play again button.
 | `onPlayAgain` | `() => void` | Play again handler |
 | `children` | `ReactNode?` | Extra content below the score |
 
+
+### GameResultScreen
+
+An animated result screen for a finished level or game. A win shows falling confetti and an accent title. A loss shows the card alone. The action is focused when the screen opens. Use `GameOverScreen` for a plain game-over card. `GameResultScreen` is the animated version.
+
+```tsx
+<GameResultScreen
+  tone={won ? 'win' : 'lose'}
+  eyebrow="Level 4"
+  title={won ? 'Level 4 cleared!' : 'Game over'}
+  message={won ? undefined : 'Your tray filled up.'}
+  stats={[
+    { label: 'Score', value: score.toLocaleString() },
+    { label: 'Moves', value: moves },
+  ]}
+  badge={newBest ? 'New best!' : undefined}
+  action={won ? { label: 'Next level', onClick: next } : { label: 'Play again', onClick: restart }}
+>
+  <Leaderboard {...leaderboard} />
+</GameResultScreen>
+```
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `tone` | `'win' \| 'lose'` | `win` shows confetti and the accent title colour |
+| `eyebrow` | `string?` | Small line above the title, such as the level name |
+| `title` | `string` | The headline |
+| `message` | `string?` | One line under the title |
+| `stats` | `{ label, value }[]?` | Stat rows in a two-column grid. `value` may be a number |
+| `badge` | `ReactNode?` | Highlight line under the stats, such as "New best!" |
+| `action` | `{ label, onClick }` | The primary button. It is focused when the screen opens |
+| `children` | `ReactNode?` | Extra content between the badge and the action |
+
+The screen covers the viewport and has `role="dialog"`. Motion is CSS only and
+stops under `prefers-reduced-motion`, and the confetti is hidden for players who
+ask for less motion. Its colours and motion read the design tokens from
+[TOKENS.md](./TOKENS.md), with light-theme fallbacks, so it works without
+`GAME_TOKENS_CSS`.
+
+`Confetti` is exported on its own, for a game that wants the celebration
+somewhere else.
+
 ### GameConfirm
 
 Confirm/cancel dialog built on GameModal.
@@ -234,6 +280,13 @@ const { topScores, recentScores, submitScore, loading, refresh } = useLeaderboar
 const { ok, rank } = await submitScore(1200)
 ```
 
+Pass `period` (a UTC day, `YYYY-MM-DD`) for a per-day board, such as a daily puzzle. Omit it for the all-time board:
+
+```tsx
+const today = new Date().toISOString().slice(0, 10)
+const { topScores, submitScore } = useLeaderboard('tile-match', { period: today })
+```
+
 ### useGameSounds
 
 Synthesized sound effects via Web Audio API. Zero audio files. All sounds auto-respect the mute toggle.

package/TOKENS.md

@@ -0,0 +1,132 @@
+# Design tokens
+
+`@freegamestore/games` defines the brand, typography, shape and motion tokens
+that every FreeGameStore game uses. They are lifted from the Mosaic Rush pilot,
+which is the first game built on them. The source is `src/tokens.ts`. This file
+is the reference.
+
+## Where the values live
+
+| Layer | Where | What it does |
+|---|---|---|
+| Definitions | `src/tokens.ts` | Exports the values as TypeScript constants and builds `GAME_TOKENS_CSS`. |
+| Consumption | SDK components | Read `var(--paper)` and the other tokens inline, with a fallback for each. |
+| Injection | Each game | Adds `GAME_TOKENS_CSS` to its stylesheet. Nothing is injected on import, because the package is `sideEffects: false`. |
+
+Before this package defined them, the brand colours (`--paper`, `--ink`,
+`--accent`, `--panel`, `--line`, `--muted`) were defined only in each game's own
+`index.css`. Components in the SDK used them with fallbacks, so a game that
+did not define them still rendered. Defining them here gives every game the
+same values.
+
+## Using the tokens
+
+Add the stylesheet once, at the top of the game:
+
+```tsx
+import { GAME_TOKENS_CSS } from '@freegamestore/games';
+
+// In the root component:
+<style>{GAME_TOKENS_CSS}</style>
+```
+
+Or copy `GAME_TOKENS_CSS` into `index.css`, which is what Mosaic Rush does.
+Then use the tokens in your own CSS:
+
+```css
+.card {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  font-family: var(--font-display);
+  transition: transform var(--motion-fast) var(--motion-ease-out);
+}
+```
+
+The dark theme applies under `data-theme="dark"` on `<html>`.
+`GameThemeToggle` sets that attribute. The theme follows the system preference
+until the player picks one.
+
+## Colours
+
+Light values are the defaults on `:root`. The dark values override only the
+tokens that differ, under `:root[data-theme="dark"]`.
+
+| Token | Light | Dark | Use |
+|---|---|---|---|
+| `--paper` | `#ffffff` | `#0f0f0f` | Page and board background. |
+| `--ink` | `#1a1a1a` | `#f5f5f5` | Primary text. |
+| `--muted` | `#6b7280` | `#9ca3af` | Secondary text and captions. |
+| `--line` | `#e5e7eb` | `#2d2d2d` | Hairline borders on empty surfaces. |
+| `--line-strong` | `#d1d5db` | `#404040` | Borders on buttons and toggles. |
+| `--panel` | `#f9fafb` | `#1a1a1a` | Raised cards and overlays. |
+| `--glass` | `rgba(255, 255, 255, 0.8)` | `rgba(15, 15, 15, 0.8)` | Frosted overlay surfaces. |
+| `--dock` | `#ffffff` | `#1a1a1a` | Bottom dock. |
+| `--success` | `#16a34a` | `#22c55e` | Success status. |
+| `--warning` | `#d97706` | `#fbbf24` | Warning status. |
+| `--error` | `#dc2626` | `#ef4444` | Error status. |
+| `--accent` | `#2563eb` | `#2563eb` | Primary actions and highlights. The same in both themes. |
+| `--accent-soft` | `#eff6ff` | `#1a2e26` | Quiet fill behind accent text, such as badges. |
+| `--accent-ink` | `#2563eb` | `#60a5fa` | Accent used as text. Lighter in dark mode so it passes AA. |
+
+Ink, muted and accent-ink each meet WCAG AA (4.5:1) on `--paper` in both themes.
+`src/tokens.test.ts` checks this.
+
+Use `--accent` for fills, such as buttons, and `--accent-ink` for accent text.
+`--accent` on a dark surface does not pass AA as text.
+
+## Typography
+
+Only display headings and score values use the display face. Body text keeps the
+platform's default sizes.
+
+| Token | Value | Use |
+|---|---|---|
+| `--font-display` | `"Fraunces", Georgia, serif` | Titles and score values. |
+| `--font-body` | `"Manrope", system-ui, sans-serif` | Everything else. |
+| `--text-stat` | `1.25rem` | Score and stat values. |
+| `--text-title` | `clamp(2rem, 9vw, 2.6rem)` | Overlay titles. |
+| `--text-display` | `clamp(2.25rem, 11vw, 3.25rem)` | The start-screen title. |
+
+The brand fonts (Manrope and Fraunces) are the only ones allowed. The compliance
+suite checks for them.
+
+## Shape
+
+| Token | Value | Use |
+|---|---|---|
+| `--radius` | `1.25rem` | Corner radius for cards and overlays. |
+
+## Motion
+
+Every animation reads its duration and easing from these tokens, so one change
+affects the whole game.
+
+| Token | Value | Use |
+|---|---|---|
+| `--motion-fast` | `120ms` | Presses and pops. |
+| `--motion-base` | `240ms` | Standard transitions. |
+| `--motion-slow` | `420ms` | Larger entrances and overlays. |
+| `--motion-ease-out` | `cubic-bezier(0.2, 0.9, 0.3, 1)` | Default ease-out. |
+| `--motion-ease-spring` | `cubic-bezier(0.2, 0.9, 0.3, 1.3)` | Overshooting pops. |
+| `--motion-duration` | `var(--motion-fast)`, so `120ms` | Default duration for a control transition, such as a press. Reduced motion sets it to `0ms`. |
+| `--motion-easing` | `var(--motion-ease-out)` | Default easing for a control transition. |
+
+### Reduced motion
+
+Under `prefers-reduced-motion: reduce`, the three durations are set to `0ms`.
+Animations finish at once and only the final state shows. The easings do not
+change.
+
+Animations that depend on a duration then finish instantly. Any animation that
+is pure decoration should also be disabled explicitly, as Mosaic Rush does for
+its confetti and float effects.
+
+## Compatibility
+
+- Adding these tokens changes no existing export. The SDK components keep their
+  fallbacks.
+- Games that already define `--paper` and the others in their own `index.css`
+  keep working as long as their own stylesheet loads after the tokens, so its declarations win.
+- The store-site aliases from Mosaic Rush (`--bg`, `--surface`, `--border`) are
+  not part of this package.

package/dist/Confetti.d.ts

@@ -0,0 +1,20 @@
+import type * as React from 'react';
+/** The default palette: the four status-and-accent colours, following the theme. */
+export declare const CONFETTI_COLOURS: readonly string[];
+/**
+ * Styles for the falling pieces. Each piece's duration and delay are set
+ * inline. Under prefers-reduced-motion the layer is hidden, because the
+ * falling pieces are decoration only.
+ */
+export declare const CONFETTI_CSS = "\n.fgs-confetti {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.fgs-confetti-piece {\n  position: absolute;\n  top: -12px;\n  left: var(--x);\n  width: 0.5rem;\n  height: 0.8rem;\n  border-radius: 2px;\n  background: var(--colour);\n  animation: fgs-confetti-fall var(--duration, 1.6s) cubic-bezier(0.3, 0, 0.7, 1) var(--delay, 0ms) both;\n}\n.fgs-confetti-piece:nth-child(3n) {\n  width: 0.6rem;\n  height: 0.6rem;\n  border-radius: 999px;\n}\n@keyframes fgs-confetti-fall {\n  from { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 1; }\n  80% { opacity: 1; }\n  to { transform: translate3d(var(--drift, 0px), 620px, 0) rotate(var(--spin, 360deg)); opacity: 0; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .fgs-confetti {\n    display: none;\n  }\n}\n";
+export interface ConfettiProps {
+    /** Colours cycled across the pieces. Default: the accent and the status colours. */
+    colours?: readonly string[];
+}
+/**
+ * Falling confetti for a win. Each piece's position, drift, spin and timing
+ * come from its index, so the render is the same every time. Renders nothing
+ * under prefers-reduced-motion.
+ */
+export declare function Confetti({ colours }: ConfettiProps): React.JSX.Element | null;
+//# sourceMappingURL=Confetti.d.ts.map

package/dist/Confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../src/Confetti.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,EAAE,SAAS,MAAM,EAK7C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2zBAiCxB,CAAC;AASF,MAAM,WAAW,aAAa;IAC5B,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAA0B,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuBhG"}

package/dist/Confetti.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LIGHT_COLOURS } from './tokens.js';
+/** Number of falling pieces. */
+const PIECES = 30;
+/** A CSS variable with a fallback taken from the #209 light tokens. */
+const v = (name, fallback) => `var(--${name}, ${fallback})`;
+/** The default palette: the four status-and-accent colours, following the theme. */
+export const CONFETTI_COLOURS = [
+    v('accent', LIGHT_COLOURS.accent),
+    v('success', LIGHT_COLOURS.success),
+    v('warning', LIGHT_COLOURS.warning),
+    v('error', LIGHT_COLOURS.error),
+];
+/**
+ * Styles for the falling pieces. Each piece's duration and delay are set
+ * inline. Under prefers-reduced-motion the layer is hidden, because the
+ * falling pieces are decoration only.
+ */
+export const CONFETTI_CSS = `
+.fgs-confetti {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.fgs-confetti-piece {
+  position: absolute;
+  top: -12px;
+  left: var(--x);
+  width: 0.5rem;
+  height: 0.8rem;
+  border-radius: 2px;
+  background: var(--colour);
+  animation: fgs-confetti-fall var(--duration, 1.6s) cubic-bezier(0.3, 0, 0.7, 1) var(--delay, 0ms) both;
+}
+.fgs-confetti-piece:nth-child(3n) {
+  width: 0.6rem;
+  height: 0.6rem;
+  border-radius: 999px;
+}
+@keyframes fgs-confetti-fall {
+  from { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 1; }
+  80% { opacity: 1; }
+  to { transform: translate3d(var(--drift, 0px), 620px, 0) rotate(var(--spin, 360deg)); opacity: 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fgs-confetti {
+    display: none;
+  }
+}
+`;
+/** True when the player has asked for less motion. False on the server, where there is no window. */
+function prefersReducedMotion() {
+    return typeof window !== 'undefined' && typeof window.matchMedia === 'function'
+        ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
+        : false;
+}
+/**
+ * Falling confetti for a win. Each piece's position, drift, spin and timing
+ * come from its index, so the render is the same every time. Renders nothing
+ * under prefers-reduced-motion.
+ */
+export function Confetti({ colours = CONFETTI_COLOURS }) {
+    if (prefersReducedMotion())
+        return null;
+    return (_jsxs("div", { className: "fgs-confetti", "aria-hidden": "true", children: [_jsx("style", { children: CONFETTI_CSS }), Array.from({ length: PIECES }, (_, i) => (_jsx("span", { className: "fgs-confetti-piece", style: {
+                    '--x': `${(i * 37) % 100}%`,
+                    '--drift': `${((i * 53) % 41) - 20}px`,
+                    '--spin': `${((i * 97) % 720) - 360}deg`,
+                    '--delay': `${(i % 7) * 70}ms`,
+                    '--duration': `${1500 + (i % 5) * 200}ms`,
+                    '--colour': colours[i % colours.length],
+                } }, i)))] }));
+}
+//# sourceMappingURL=Confetti.js.map

package/dist/Confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.js","sourceRoot":"","sources":["../src/Confetti.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,gCAAgC;AAChC,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,uEAAuE;AACvE,MAAM,CAAC,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE,CAAC,SAAS,IAAI,KAAK,QAAQ,GAAG,CAAC;AAE5E,oFAAoF;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAsB;IACjD,CAAC,CAAC,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC;IACjC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC;IACnC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC;IACnC,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC3B,CAAC;AAEF,qGAAqG;AACrG,SAAS,oBAAoB;IAC3B,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;QAC7E,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;QAC/D,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAOD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,GAAG,gBAAgB,EAAiB;IACpE,IAAI,oBAAoB,EAAE;QAAE,OAAO,IAAI,CAAC;IACxC,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,iBAAa,MAAM,aAC9C,0BAAQ,YAAY,GAAS,EAC5B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,eAEE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EACH;oBACE,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG;oBAC3B,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI;oBACtC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,KAAK;oBACxC,SAAS,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI;oBAC9B,YAAY,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI;oBACzC,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;iBACjB,IAVrB,CAAC,CAYN,CACH,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/GameConfirm.d.ts

@@ -12,5 +12,5 @@ export interface GameConfirmProps {
  * Confirm/cancel dialog for games. Built on GameModal.
  * Use for: quit game, restart, delete save, etc.
  */
-export declare function GameConfirm({ open, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, variant, }: GameConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameConfirm({ open, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, variant, }: GameConfirmProps): import("react").JSX.Element;
 //# sourceMappingURL=GameConfirm.d.ts.map

package/dist/GameConfirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameConfirm.d.ts","sourceRoot":"","sources":["../src/GameConfirm.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,OAAmB,GACpB,EAAE,gBAAgB,2CA4BlB"}
+{"version":3,"file":"GameConfirm.d.ts","sourceRoot":"","sources":["../src/GameConfirm.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,OAAmB,GACpB,EAAE,gBAAgB,+BA4BlB"}

package/dist/GameModal.d.ts

@@ -10,5 +10,5 @@ export interface GameModalProps {
  * Closes on backdrop click or Escape key.
  * Styled with platform design tokens for consistency across all games.
  */
-export declare function GameModal({ open, onClose, title, children }: GameModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GameModal({ open, onClose, title, children }: GameModalProps): import("react").JSX.Element | null;
 //# sourceMappingURL=GameModal.d.ts.map

package/dist/GameModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameModal.d.ts","sourceRoot":"","sources":["../src/GameModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,kDAiF3E"}
+{"version":3,"file":"GameModal.d.ts","sourceRoot":"","sources":["../src/GameModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,sCAiF3E"}

package/dist/GameOverScreen.d.ts

@@ -14,5 +14,5 @@ export interface GameOverScreenProps {
  * play again button, and optional extra content.
  * Renders as a centered overlay on top of the game board.
  */
-export declare function GameOverScreen({ score, highScore, onPlayAgain, children }: GameOverScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameOverScreen({ score, highScore, onPlayAgain, children }: GameOverScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=GameOverScreen.d.ts.map

package/dist/GameOverScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameOverScreen.d.ts","sourceRoot":"","sources":["../src/GameOverScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA+E9F"}
+{"version":3,"file":"GameOverScreen.d.ts","sourceRoot":"","sources":["../src/GameOverScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA+E9F"}

package/dist/GameResultScreen.d.ts

@@ -0,0 +1,46 @@
+import type * as React from 'react';
+import type { ReactNode } from 'react';
+export interface GameResultStat {
+    /** Short label, shown small and uppercase. */
+    label: string;
+    /** The value, shown large in the display face. */
+    value: string | number;
+}
+export interface GameResultScreenProps {
+    /** 'win' shows confetti and the accent title colour. 'lose' shows the card without confetti. */
+    tone: 'win' | 'lose';
+    /** Small line above the title, e.g. the level name. */
+    eyebrow?: string;
+    /** The headline, set large in the display face. */
+    title: string;
+    /** One line under the title. */
+    message?: string;
+    /** Stat rows shown in a two-column grid. Omit or pass [] for none. */
+    stats?: readonly GameResultStat[];
+    /** A highlight line under the stats, such as "New best!". */
+    badge?: ReactNode;
+    /** The primary action. It is focused when the screen opens. */
+    action: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Extra content between the badge and the action, such as a leaderboard submit button. */
+    children?: ReactNode;
+}
+/**
+ * Styles for the result screen. Durations and easings come from the motion
+ * tokens. Everything stops under prefers-reduced-motion. Class names carry the
+ * `fgs-` prefix, so they cannot collide with a game's own styles.
+ */
+export declare const RESULT_SCREEN_CSS: string;
+/**
+ * An animated result screen for a finished level or game. It is a modal dialog
+ * with a title, optional stats and badge, optional extra content, and one
+ * action. A win adds falling confetti. The action is focused when the screen
+ * opens, so keyboard and screen-reader users land on the next step.
+ *
+ * It covers the viewport. Motion is CSS only, and it stops under
+ * prefers-reduced-motion.
+ */
+export declare function GameResultScreen({ tone, eyebrow, title, message, stats, badge, action, children, }: GameResultScreenProps): React.JSX.Element;
+//# sourceMappingURL=GameResultScreen.d.ts.map

package/dist/GameResultScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameResultScreen.d.ts","sourceRoot":"","sources":["../src/GameResultScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,gGAAgG;IAChG,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAClC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+DAA+D;IAC/D,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC/C,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,QA8H7B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAU,EACV,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,qBAAqB,qBA+CvB"}

package/dist/GameResultScreen.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from 'react';
+import { Confetti } from './Confetti.js';
+import { GameButton } from './GameButton.js';
+import { LIGHT_COLOURS, MOTION_TOKENS, SHAPE_TOKENS, TYPOGRAPHY_TOKENS } from './tokens.js';
+/** A CSS variable with a fallback taken from the #209 light tokens, so the screen renders without GAME_TOKENS_CSS. */
+const v = (name, fallback) => `var(--${name}, ${fallback})`;
+/**
+ * Styles for the result screen. Durations and easings come from the motion
+ * tokens. Everything stops under prefers-reduced-motion. Class names carry the
+ * `fgs-` prefix, so they cannot collide with a game's own styles.
+ */
+export const RESULT_SCREEN_CSS = `
+.fgs-result-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 800;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
+  overflow: hidden;
+  background: color-mix(in srgb, ${v('paper', LIGHT_COLOURS.paper)} 72%, transparent);
+  backdrop-filter: blur(5px);
+  animation: fgs-result-fade ${v('motion-base', MOTION_TOKENS.base)} ease-out both;
+}
+.fgs-result-card {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  width: min(20rem, 100%);
+  padding: 1.25rem 1.1rem 1.1rem;
+  border-radius: ${v('radius', SHAPE_TOKENS.radius)};
+  text-align: center;
+  background: ${v('panel', LIGHT_COLOURS.panel)};
+  border: 1px solid ${v('line', LIGHT_COLOURS.line)};
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.4),
+    0 1px 2px rgb(0 0 0 / 0.06),
+    0 22px 40px -20px rgb(0 0 0 / 0.45);
+  animation: fgs-result-enter ${v('motion-slow', MOTION_TOKENS.slow)} cubic-bezier(0.2, 0.9, 0.3, 1.15) both;
+}
+.fgs-result-eyebrow {
+  margin: 0;
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: ${v('muted', LIGHT_COLOURS.muted)};
+}
+.fgs-result-title {
+  margin: 0;
+  font-family: ${v('font-display', TYPOGRAPHY_TOKENS.fontDisplay)};
+  font-weight: 800;
+  font-optical-sizing: auto;
+  font-variation-settings: "opsz" 144;
+  font-size: ${v('text-title', TYPOGRAPHY_TOKENS.textTitle)};
+  line-height: 1;
+  letter-spacing: -0.02em;
+  color: ${v('ink', LIGHT_COLOURS.ink)};
+  text-wrap: balance;
+  animation: fgs-result-enter ${v('motion-slow', MOTION_TOKENS.slow)} cubic-bezier(0.2, 0.9, 0.3, 1.2) 120ms both;
+}
+.fgs-result-win .fgs-result-title {
+  color: ${v('accent-ink', LIGHT_COLOURS.accentInk)};
+}
+.fgs-result-message {
+  margin: 0;
+  font-size: 0.9rem;
+  color: ${v('muted', LIGHT_COLOURS.muted)};
+}
+.fgs-result-stats {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.5rem;
+  width: 100%;
+  margin: 0.5rem 0 0;
+}
+.fgs-result-stat {
+  padding: 0.5rem 0.4rem;
+  border-radius: 0.75rem;
+  background: ${v('paper', LIGHT_COLOURS.paper)};
+  border: 1px solid ${v('line', LIGHT_COLOURS.line)};
+  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 0.04);
+  animation: fgs-result-enter ${v('motion-base', MOTION_TOKENS.base)} ease-out both;
+  animation-delay: calc(260ms + var(--i, 0) * 70ms);
+}
+.fgs-result-stat:last-child:nth-child(odd) {
+  grid-column: 1 / -1;
+}
+.fgs-result-stat dt {
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: ${v('muted', LIGHT_COLOURS.muted)};
+}
+.fgs-result-stat dd {
+  margin: 0.15rem 0 0;
+  font-family: ${v('font-display', TYPOGRAPHY_TOKENS.fontDisplay)};
+  font-weight: 800;
+  font-size: ${v('text-stat', TYPOGRAPHY_TOKENS.textStat)};
+  color: ${v('ink', LIGHT_COLOURS.ink)};
+  font-variant-numeric: tabular-nums;
+}
+.fgs-result-badge {
+  margin: 0.25rem 0 0;
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: ${v('accent-ink', LIGHT_COLOURS.accentInk)};
+  animation: fgs-result-enter ${v('motion-base', MOTION_TOKENS.base)} ease-out 560ms both;
+}
+.fgs-result-actions {
+  width: 100%;
+  margin-top: 0.5rem;
+  animation: fgs-result-enter ${v('motion-base', MOTION_TOKENS.base)} ease-out 480ms both;
+}
+@keyframes fgs-result-fade {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes fgs-result-enter {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: none; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fgs-result-overlay,
+  .fgs-result-card,
+  .fgs-result-title,
+  .fgs-result-stat,
+  .fgs-result-badge,
+  .fgs-result-actions {
+    animation: none;
+  }
+}
+`;
+/**
+ * An animated result screen for a finished level or game. It is a modal dialog
+ * with a title, optional stats and badge, optional extra content, and one
+ * action. A win adds falling confetti. The action is focused when the screen
+ * opens, so keyboard and screen-reader users land on the next step.
+ *
+ * It covers the viewport. Motion is CSS only, and it stops under
+ * prefers-reduced-motion.
+ */
+export function GameResultScreen({ tone, eyebrow, title, message, stats = [], badge, action, children, }) {
+    const titleId = useId();
+    const cardRef = useRef(null);
+    useEffect(() => {
+        cardRef.current?.querySelector('.fgs-result-actions button')?.focus();
+    }, []);
+    return (_jsxs("div", { className: `fgs-result-overlay fgs-result-${tone}`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [_jsx("style", { children: RESULT_SCREEN_CSS }), tone === 'win' && _jsx(Confetti, {}), _jsxs("div", { className: "fgs-result-card", ref: cardRef, children: [eyebrow && _jsx("p", { className: "fgs-result-eyebrow", children: eyebrow }), _jsx("h2", { id: titleId, className: "fgs-result-title", children: title }), message && _jsx("p", { className: "fgs-result-message", children: message }), stats.length > 0 && (_jsx("dl", { className: "fgs-result-stats", children: stats.map((stat, i) => (_jsxs("div", { className: "fgs-result-stat", style: { '--i': i }, children: [_jsx("dt", { children: stat.label }), _jsx("dd", { children: stat.value })] }, stat.label))) })), badge ? _jsx("div", { className: "fgs-result-badge", children: badge }) : null, children, _jsx("div", { className: "fgs-result-actions", children: _jsx(GameButton, { variant: "primary", size: "lg", block: true, onClick: action.onClick, children: action.label }) })] })] }));
+}
+//# sourceMappingURL=GameResultScreen.js.map

package/dist/GameResultScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameResultScreen.js","sourceRoot":"","sources":["../src/GameResultScreen.tsx"],"names":[],"mappings":"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"}

package/dist/GameTextSizeToggle.d.ts

@@ -2,5 +2,5 @@
  * Compact text-size toggle for game topbars. 28px square, shows A/A+/A-.
  * Designed to fit in GameTopbar's `actions` slot alongside GameThemeToggle.
  */
-export declare function GameTextSizeToggle(): import("react/jsx-runtime").JSX.Element;
+export declare function GameTextSizeToggle(): import("react").JSX.Element;
 //# sourceMappingURL=GameTextSizeToggle.d.ts.map

package/dist/GameTextSizeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameTextSizeToggle.d.ts","sourceRoot":"","sources":["../src/GameTextSizeToggle.tsx"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,wBAAgB,kBAAkB,4CA0CjC"}
+{"version":3,"file":"GameTextSizeToggle.d.ts","sourceRoot":"","sources":["../src/GameTextSizeToggle.tsx"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,wBAAgB,kBAAkB,gCA0CjC"}

package/dist/GameThemeToggle.d.ts

@@ -2,5 +2,5 @@
  * Compact theme toggle for game topbars. Sun/moon icon, 28px square.
  * Designed to fit in GameTopbar's `actions` slot.
  */
-export declare function GameThemeToggle(): import("react/jsx-runtime").JSX.Element;
+export declare function GameThemeToggle(): import("react").JSX.Element;
 //# sourceMappingURL=GameThemeToggle.d.ts.map

package/dist/GameThemeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameThemeToggle.d.ts","sourceRoot":"","sources":["../src/GameThemeToggle.tsx"],"names":[],"mappings":"AA8BA;;;GAGG;AACH,wBAAgB,eAAe,4CAyE9B"}
+{"version":3,"file":"GameThemeToggle.d.ts","sourceRoot":"","sources":["../src/GameThemeToggle.tsx"],"names":[],"mappings":"AAiDA;;;GAGG;AACH,wBAAgB,eAAe,gCAwF9B"}