@freegamestore/games 0.16.0 → 0.18.0

package/dist/GameTopbar.module.css

@@ -0,0 +1,201 @@
+/*
+ * GameTopbar styles. Each rule that used to be an inline style now lives here,
+ * so the topbar is styled in one place. Colours and the motion timing read the
+ * design tokens (TOKENS.md), each with a fallback, so the bar still renders
+ * when a game does not load GAME_TOKENS_CSS.
+ */
+
+.bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.25rem 0.75rem;
+  height: 2rem;
+}
+
+.group {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  min-width: 0;
+}
+
+.groupEnd {
+  gap: 0.75rem;
+}
+
+.actions {
+  display: flex;
+  gap: 0.4rem;
+  align-items: center;
+}
+
+.title {
+  font-family: var(--font-body, "Manrope", system-ui, sans-serif);
+  font-weight: 600;
+  font-size: 0.8rem;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Icon buttons and the catalog link. Every control in the topbar uses this. */
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.75rem;
+  min-height: 2.75rem;
+  padding: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--muted, #999);
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity var(--motion-duration, 80ms) var(--motion-easing, ease-out);
+}
+
+.link {
+  text-decoration: none;
+}
+
+/* Tones: the play/pause icon is ink, the sound icon is accent when sound is on */
+.toneMuted {
+  color: var(--muted, #999);
+}
+
+.toneInk {
+  color: var(--ink, #f0f0f0);
+}
+
+.toneAccent {
+  color: var(--accent, #10b981);
+}
+
+/* A tap dips the control slightly, so it feels anchored on touch screens */
+.button:active {
+  opacity: 0.55;
+}
+
+.button:focus-visible {
+  outline: 2px solid var(--accent, #10b981);
+  outline-offset: -2px;
+  border-radius: 0.4rem;
+}
+
+/* Score and stat values */
+.stat {
+  text-align: right;
+  line-height: 1.05;
+}
+
+.statValue {
+  font-family: var(--font-body, "Manrope", system-ui, sans-serif);
+  font-weight: 800;
+  font-size: 0.85rem;
+  color: var(--ink);
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+}
+
+.statAccent {
+  color: var(--accent);
+}
+
+/* Label under a stat. 0.65rem keeps it legible in sunlight and for low vision. */
+.statLabel {
+  font-size: 0.65rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--muted);
+  line-height: 1;
+}
+
+/* Rules and About overlays: a full-screen panel with a header and a scrolling body */
+.overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--paper, #0f0f0f);
+  color: var(--ink, #f0f0f0);
+}
+
+.overlayHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--line, #2a2a2a);
+}
+
+.overlayTitle {
+  font-family: var(--font-body, "Manrope", system-ui, sans-serif);
+  font-weight: 700;
+  font-size: 0.9rem;
+}
+
+.overlayBody {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1rem;
+  font-family: var(--font-body, "Manrope", system-ui, sans-serif);
+  font-size: 0.9rem;
+  line-height: 1.6;
+}
+
+/* About panel */
+.aboutHeading {
+  margin: 0 0 0.75rem;
+  font-family: var(--font-display, "Fraunces", Georgia, serif);
+  font-weight: 700;
+  font-size: 1.5rem;
+}
+
+.aboutExtra {
+  margin-bottom: 1rem;
+}
+
+.aboutGrid {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.35rem 1rem;
+  margin: 0;
+  font-size: 0.85rem;
+}
+
+.aboutGrid dt {
+  color: var(--muted, #999);
+}
+
+.aboutGrid dd {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+}
+
+.code {
+  font-family: monospace;
+}
+
+.aboutNote {
+  margin-top: 1.25rem;
+  font-size: 0.8rem;
+  color: var(--muted, #999);
+}
+
+.aboutLink {
+  color: var(--accent, #10b981);
+  text-decoration: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .button {
+    transition: none;
+  }
+}

package/dist/StartScreen.d.ts

@@ -0,0 +1,48 @@
+import type * as React from 'react';
+export interface StartScreenStep {
+    /** Short name of the step, shown in bold. */
+    heading: string;
+    /** One or two sentences of explanation. */
+    text: string;
+}
+export interface StartScreenProps {
+    /** The game's display name, set large in the display face. */
+    title: string;
+    /** One line under the title. */
+    tagline?: string;
+    /**
+     * Decorative art above the title, such as a mosaic or a logo. It is hidden
+     * from assistive technology, because the title already names the game.
+     */
+    artwork?: React.ReactNode;
+    /** Label for the main button. Default "Play". */
+    playLabel?: string;
+    /** Called when the player taps Play. */
+    onPlay: () => void;
+    /**
+     * Called when the player taps How to play. Use this when the game shows its
+     * own rules screen. When it is omitted, `howToPlay` steps open the SDK's overlay.
+     */
+    onHowToPlay?: () => void;
+    /**
+     * Numbered steps for the built-in How to play overlay. Used only when
+     * `onHowToPlay` is not given. Omit both to hide the button.
+     */
+    howToPlay?: readonly StartScreenStep[];
+}
+/**
+ * Styles for the start screen and its how-to-play list. The durations and
+ * easings come from the motion tokens, and 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 START_SCREEN_CSS: string;
+/**
+ * A game's start screen: artwork, title, tagline, then Play and How to play.
+ * Motion is CSS only, and it stops under prefers-reduced-motion.
+ *
+ * The screen does not define the brand tokens. It falls back to the #209
+ * light values, so a game that loads GAME_TOKENS_CSS gets the full theme.
+ */
+export declare function StartScreen({ title, tagline, artwork, playLabel, onPlay, onHowToPlay, howToPlay, }: StartScreenProps): React.JSX.Element;
+//# sourceMappingURL=StartScreen.d.ts.map

package/dist/StartScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartScreen.d.ts","sourceRoot":"","sources":["../src/StartScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;CACxC;AAKD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,QAuH5B,CAAC;AAwBF;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAkB,EAClB,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,qBAyClB"}

package/dist/StartScreen.js

@@ -0,0 +1,159 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { GameButton } from './GameButton.js';
+import { GameModal } from './GameModal.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 start screen and its how-to-play list. The durations and
+ * easings come from the motion tokens, and everything stops under
+ * prefers-reduced-motion. Class names carry the `fgs-` prefix, so they cannot
+ * collide with a game's own styles.
+ */
+export const START_SCREEN_CSS = `
+.fgs-start {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: clamp(0.75rem, 3svh, 1.5rem);
+  height: 100%;
+  padding: 1rem;
+  overflow: hidden;
+  background:
+    radial-gradient(120% 70% at 50% 0%, ${v('accent-soft', LIGHT_COLOURS.accentSoft)} 0%, transparent 65%),
+    ${v('paper', LIGHT_COLOURS.paper)};
+}
+.fgs-start-artwork { width: min(11rem, 52vw); }
+.fgs-start-artwork-inner { animation: fgs-start-float 7s ease-in-out infinite; }
+.fgs-start-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  width: min(20rem, 100%);
+  padding: 1.5rem 1.25rem 1.25rem;
+  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 18px 32px -18px rgb(0 0 0 / 0.35);
+}
+.fgs-start-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-display', TYPOGRAPHY_TOKENS.textDisplay)};
+  line-height: 0.95;
+  letter-spacing: -0.03em;
+  color: ${v('ink', LIGHT_COLOURS.ink)};
+  text-wrap: balance;
+}
+.fgs-start-tagline {
+  margin: 0 0 0.5rem;
+  max-width: 18rem;
+  font-size: 0.95rem;
+  line-height: 1.4;
+  color: ${v('muted', LIGHT_COLOURS.muted)};
+}
+.fgs-start-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  width: 100%;
+  margin-top: 0.25rem;
+}
+.fgs-start-enter {
+  animation: fgs-start-rise ${v('motion-slow', MOTION_TOKENS.slow)} cubic-bezier(0.2, 0.8, 0.2, 1) both;
+  animation-delay: var(--delay, 0ms);
+}
+@keyframes fgs-start-rise {
+  from { opacity: 0; transform: translateY(12px); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fgs-start-float {
+  0%, 100% { transform: translateY(0) rotate(0deg); }
+  50% { transform: translateY(-4px) rotate(-1deg); }
+}
+.fgs-how-steps {
+  display: flex;
+  flex-direction: column;
+  gap: 0.85rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.fgs-how-steps li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  animation: fgs-start-rise ${v('motion-base', MOTION_TOKENS.base)} ease-out both;
+  animation-delay: calc(var(--i, 0) * 60ms);
+}
+.fgs-how-num {
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 0.5rem;
+  font-family: ${v('font-display', TYPOGRAPHY_TOKENS.fontDisplay)};
+  font-weight: 800;
+  color: #ffffff;
+  background: ${v('accent', LIGHT_COLOURS.accent)};
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.35),
+    0 2px 4px rgb(0 0 0 / 0.2);
+}
+.fgs-how-steps strong {
+  display: block;
+  font-weight: 700;
+  color: ${v('ink', LIGHT_COLOURS.ink)};
+}
+.fgs-how-steps p {
+  margin: 0.15rem 0 0;
+  font-size: 0.9rem;
+  line-height: 1.4;
+  color: ${v('muted', LIGHT_COLOURS.muted)};
+}
+@media (prefers-reduced-motion: reduce) {
+  .fgs-start-enter,
+  .fgs-start-artwork-inner,
+  .fgs-how-steps li {
+    animation: none;
+  }
+}
+`;
+/** Entrance delay for one element, so the screen rises in a sequence. */
+const delay = (ms) => ({ '--delay': `${ms}ms` });
+/** The numbered steps of a game's rules. */
+function HowToPlaySteps({ steps }) {
+    return (_jsx("ol", { className: "fgs-how-steps", children: steps.map((step, i) => (_jsxs("li", { style: { '--i': i }, children: [_jsx("span", { className: "fgs-how-num", "aria-hidden": "true", children: i + 1 }), _jsxs("div", { children: [_jsx("strong", { children: step.heading }), _jsx("p", { children: step.text })] })] }, step.heading))) }));
+}
+/**
+ * A game's start screen: artwork, title, tagline, then Play and How to play.
+ * Motion is CSS only, and it stops under prefers-reduced-motion.
+ *
+ * The screen does not define the brand tokens. It falls back to the #209
+ * light values, so a game that loads GAME_TOKENS_CSS gets the full theme.
+ */
+export function StartScreen({ title, tagline, artwork, playLabel = 'Play', onPlay, onHowToPlay, howToPlay, }) {
+    const [helpOpen, setHelpOpen] = useState(false);
+    const titleId = useId();
+    const showsHelp = onHowToPlay !== undefined || howToPlay !== undefined;
+    const openHelp = () => {
+        if (onHowToPlay)
+            onHowToPlay();
+        else
+            setHelpOpen(true);
+    };
+    return (_jsxs("section", { className: "fgs-start", "aria-labelledby": titleId, children: [_jsx("style", { children: START_SCREEN_CSS }), artwork !== undefined && artwork !== null && (_jsx("div", { className: "fgs-start-artwork fgs-start-enter", style: delay(0), "aria-hidden": "true", children: _jsx("div", { className: "fgs-start-artwork-inner", children: artwork }) })), _jsxs("div", { className: "fgs-start-card fgs-start-enter", style: delay(120), children: [_jsx("h1", { id: titleId, className: "fgs-start-title", children: title }), tagline && _jsx("p", { className: "fgs-start-tagline", children: tagline }), _jsxs("div", { className: "fgs-start-actions", children: [_jsx(GameButton, { variant: "primary", size: "lg", block: true, onClick: onPlay, children: playLabel }), showsHelp && (_jsx(GameButton, { variant: "secondary", size: "md", block: true, onClick: openHelp, children: "How to play" }))] })] }), onHowToPlay === undefined && howToPlay !== undefined && (_jsx(GameModal, { open: helpOpen, onClose: () => setHelpOpen(false), title: "How to play", children: _jsx(HowToPlaySteps, { steps: howToPlay }) }))] }));
+}
+//# sourceMappingURL=StartScreen.js.map

package/dist/StartScreen.js.map

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

package/dist/feel/ScorePopup.d.ts

@@ -0,0 +1,25 @@
+import type * as React from 'react';
+/** How long a pop-up stays on screen, in ms. */
+export declare const SCORE_POP_MS = 700;
+/**
+ * Styles for the pop-up. Its colour is the accent-ink token, so it follows the
+ * theme, with a light-theme fallback. The motion itself is set from script.
+ */
+export declare const SCORE_POP_CSS = "\n.fgs-score-pop {\n  position: absolute;\n  z-index: 750;\n  pointer-events: none;\n  white-space: nowrap;\n  font-family: var(--font-display, \"Fraunces\", Georgia, serif);\n  font-size: var(--text-stat, 1.25rem);\n  font-weight: 800;\n  color: var(--accent-ink, #2563eb);\n  text-shadow: 0 1px 2px rgb(0 0 0 / 0.55);\n  will-change: transform, opacity;\n}\n";
+export interface ScorePopupProps {
+    /** The points to show, as `+N`. */
+    points: number;
+    /** Horizontal centre, in the pixel space of its positioned ancestor. */
+    x: number;
+    /** Vertical centre, in the pixel space of its positioned ancestor. */
+    y: number;
+    /** Called once the pop-up has finished. The parent should remove it. */
+    onDone: () => void;
+}
+/**
+ * A floating `+N` that rises and fades from (x, y), then calls `onDone`.
+ * Under reduced motion it holds still for the same time, so the number is still
+ * seen and `onDone` still fires. Place it inside a `position: relative` container.
+ */
+export declare function ScorePopup({ points, x, y, onDone }: ScorePopupProps): React.JSX.Element;
+//# sourceMappingURL=ScorePopup.d.ts.map

package/dist/feel/ScorePopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScorePopup.d.ts","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,gDAAgD;AAChD,eAAO,MAAM,YAAY,MAAM,CAAC;AAKhC;;;GAGG;AACH,eAAO,MAAM,aAAa,6WAazB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,CAAC,EAAE,MAAM,CAAC;IACV,sEAAsE;IACtE,CAAC,EAAE,MAAM,CAAC;IACV,wEAAwE;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CvF"}

package/dist/feel/ScorePopup.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { easeInQuad, easeOutQuad } from './easing.js';
+import { prefersReducedMotion } from './reducedMotion.js';
+import { tweenProgress, tweenValue } from './tween.js';
+/** How long a pop-up stays on screen, in ms. */
+export const SCORE_POP_MS = 700;
+/** How far a pop-up rises before it fades, in px. */
+const RISE_PX = 40;
+/**
+ * Styles for the pop-up. Its colour is the accent-ink token, so it follows the
+ * theme, with a light-theme fallback. The motion itself is set from script.
+ */
+export const SCORE_POP_CSS = `
+.fgs-score-pop {
+  position: absolute;
+  z-index: 750;
+  pointer-events: none;
+  white-space: nowrap;
+  font-family: var(--font-display, "Fraunces", Georgia, serif);
+  font-size: var(--text-stat, 1.25rem);
+  font-weight: 800;
+  color: var(--accent-ink, #2563eb);
+  text-shadow: 0 1px 2px rgb(0 0 0 / 0.55);
+  will-change: transform, opacity;
+}
+`;
+/**
+ * A floating `+N` that rises and fades from (x, y), then calls `onDone`.
+ * Under reduced motion it holds still for the same time, so the number is still
+ * seen and `onDone` still fires. Place it inside a `position: relative` container.
+ */
+export function ScorePopup({ points, x, y, onDone }) {
+    const ref = useRef(null);
+    const onDoneRef = useRef(onDone);
+    useEffect(() => {
+        onDoneRef.current = onDone;
+    }, [onDone]);
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        if (prefersReducedMotion()) {
+            const id = setTimeout(() => onDoneRef.current(), SCORE_POP_MS);
+            return () => clearTimeout(id);
+        }
+        let started = null;
+        let frame = 0;
+        const step = (now) => {
+            started ??= now;
+            const elapsed = now - started;
+            const rise = tweenValue(0, -RISE_PX, elapsed, SCORE_POP_MS, easeOutQuad);
+            element.style.transform = `translate(-50%, calc(-50% + ${rise}px))`;
+            element.style.opacity = String(tweenValue(1, 0, elapsed, SCORE_POP_MS, easeInQuad));
+            if (tweenProgress(elapsed, SCORE_POP_MS) < 1) {
+                frame = requestAnimationFrame(step);
+            }
+            else {
+                onDoneRef.current();
+            }
+        };
+        frame = requestAnimationFrame(step);
+        return () => cancelAnimationFrame(frame);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: SCORE_POP_CSS }), _jsx("span", { ref: ref, className: "fgs-score-pop", style: { left: x, top: y, transform: 'translate(-50%, -50%)' }, children: `+${points}` })] }));
+}
+//# sourceMappingURL=ScorePopup.js.map

package/dist/feel/ScorePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScorePopup.js","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEvD,gDAAgD;AAChD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEhC,qDAAqD;AACrD,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;CAa5B,CAAC;AAaF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAmB;IAClE,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,oBAAoB,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,YAAY,CAAC,CAAC;YAC/D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,OAAO,GAAkB,IAAI,CAAC;QAClC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,OAAO,KAAK,GAAG,CAAC;YAChB,MAAM,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC;YAC9B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YACzE,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,+BAA+B,IAAI,MAAM,CAAC;YACpE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;YACpF,IAAI,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7C,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,0BAAQ,aAAa,GAAS,EAC9B,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,YAE7D,IAAI,MAAM,EAAE,GACR,IACN,CACJ,CAAC;AACJ,CAAC"}

package/dist/feel/easing.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Easing curves. Each maps progress t in [0, 1] to an eased progress, with
+ * 0 → 0 and 1 → 1. Pure functions, so they can be used anywhere and tree-shaken.
+ */
+export type Easing = (t: number) => number;
+export declare const linear: Easing;
+export declare const easeInQuad: Easing;
+/** Starts fast and settles. The default for entrances and moves. */
+export declare const easeOutQuad: Easing;
+export declare const easeOutCubic: Easing;
+export declare const easeInOutQuad: Easing;
+/** Overshoots its target and settles back, a light spring. Use it for pops, not for long moves. */
+export declare function easeOutBack(overshoot?: number): Easing;
+//# sourceMappingURL=easing.d.ts.map

package/dist/feel/easing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../src/feel/easing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,MAAiB,CAAC;AAEvC,eAAO,MAAM,UAAU,EAAE,MAAqB,CAAC;AAE/C,oEAAoE;AACpE,eAAO,MAAM,WAAW,EAAE,MAAqC,CAAC;AAEhE,eAAO,MAAM,YAAY,EAAE,MAAgC,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,MAAiE,CAAC;AAE9F,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,SAAS,SAAU,GAAG,MAAM,CAGvD"}

package/dist/feel/easing.js

@@ -0,0 +1,12 @@
+export const linear = (t) => t;
+export const easeInQuad = (t) => t * t;
+/** Starts fast and settles. The default for entrances and moves. */
+export const easeOutQuad = (t) => 1 - (1 - t) * (1 - t);
+export const easeOutCubic = (t) => 1 - (1 - t) ** 3;
+export const easeInOutQuad = (t) => (t < 0.5 ? 2 * t * t : 1 - (-2 * t + 2) ** 2 / 2);
+/** Overshoots its target and settles back, a light spring. Use it for pops, not for long moves. */
+export function easeOutBack(overshoot = 1.70158) {
+    const c3 = overshoot + 1;
+    return (t) => 1 + c3 * (t - 1) ** 3 + overshoot * (t - 1) ** 2;
+}
+//# sourceMappingURL=easing.js.map

package/dist/feel/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../src/feel/easing.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,MAAM,GAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AAE/C,oEAAoE;AACpE,MAAM,CAAC,MAAM,WAAW,GAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9F,mGAAmG;AACnG,MAAM,UAAU,WAAW,CAAC,SAAS,GAAG,OAAO;IAC7C,MAAM,EAAE,GAAG,SAAS,GAAG,CAAC,CAAC;IACzB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;AACjE,CAAC"}

package/dist/feel/haptics.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Haptic pulses through the Vibration API. Pure except for the one `vibrate` call,
+ * so the patterns can be checked on their own.
+ */
+/** Milliseconds to vibrate, or alternating vibrate and pause durations. */
+export type VibrationPattern = number | readonly number[];
+/** Named pulses for common game events. Each stays short so it reads as feedback, not buzzing. */
+export declare const HAPTICS: {
+    /** A match clears: a crisp double tick. */
+    readonly clear: readonly [12, 40, 18];
+    /** The game ends: a heavier, slower pulse. */
+    readonly gameOver: readonly [60, 80, 120];
+};
+/**
+ * Ask the device to vibrate. Returns false when the Vibration API is missing, which
+ * covers desktop browsers and iOS Safari. Nothing else happens in that case.
+ */
+export declare function vibrate(pattern: VibrationPattern, nav?: Pick<Navigator, 'vibrate'> | undefined): boolean;
+//# sourceMappingURL=haptics.d.ts.map

package/dist/feel/haptics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptics.d.ts","sourceRoot":"","sources":["../../src/feel/haptics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;AAE1D,kGAAkG;AAClG,eAAO,MAAM,OAAO;IAClB,2CAA2C;;IAE3C,8CAA8C;;CAEK,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,OAAO,CACrB,OAAO,EAAE,gBAAgB,EACzB,GAAG,GAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,SAA6B,GAC9D,OAAO,CAGT"}

package/dist/feel/haptics.js

@@ -0,0 +1,24 @@
+/**
+ * Haptic pulses through the Vibration API. Pure except for the one `vibrate` call,
+ * so the patterns can be checked on their own.
+ */
+/** Named pulses for common game events. Each stays short so it reads as feedback, not buzzing. */
+export const HAPTICS = {
+    /** A match clears: a crisp double tick. */
+    clear: [12, 40, 18],
+    /** The game ends: a heavier, slower pulse. */
+    gameOver: [60, 80, 120],
+};
+/**
+ * Ask the device to vibrate. Returns false when the Vibration API is missing, which
+ * covers desktop browsers and iOS Safari. Nothing else happens in that case.
+ */
+export function vibrate(pattern, nav = globalNavigator()) {
+    if (typeof nav?.vibrate !== 'function')
+        return false;
+    return nav.vibrate(pattern);
+}
+function globalNavigator() {
+    return typeof navigator === 'undefined' ? undefined : navigator;
+}
+//# sourceMappingURL=haptics.js.map

package/dist/feel/haptics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptics.js","sourceRoot":"","sources":["../../src/feel/haptics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,kGAAkG;AAClG,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,2CAA2C;IAC3C,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CAC4B,CAAC;AAEtD;;;GAGG;AACH,MAAM,UAAU,OAAO,CACrB,OAAyB,EACzB,MAA8C,eAAe,EAAE;IAE/D,IAAI,OAAO,GAAG,EAAE,OAAO,KAAK,UAAU;QAAE,OAAO,KAAK,CAAC;IACrD,OAAO,GAAG,CAAC,OAAO,CAAC,OAA4B,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAClE,CAAC"}

package/dist/feel/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The feel kit: particles, tweens and easing, shake, haptics and score pop-ups.
+ * Every export is a separate module with no side effects on import, so a bundler
+ * keeps only what a game uses. Import it from `@freegamestore/games/feel`, or
+ * from the package root.
+ */
+export { type Easing, easeInOutQuad, easeInQuad, easeOutBack, easeOutCubic, easeOutQuad, linear, } from './easing.js';
+export { HAPTICS, type VibrationPattern, vibrate } from './haptics.js';
+export { type BurstOptions, createBurst, GRAVITY, MAX_PARTICLES, type Particle, particleAlpha, stepParticles, } from './particles.js';
+export { prefersReducedMotion } from './reducedMotion.js';
+export { SCORE_POP_CSS, SCORE_POP_MS, ScorePopup, type ScorePopupProps } from './ScorePopup.js';
+export { shakeKeyframes } from './shake.js';
+export { tweenProgress, tweenValue } from './tween.js';
+export { type Haptics, useHaptics } from './useHaptics.js';
+export { type ParticleEmitter, useParticles } from './useParticles.js';
+export { type ShakeOptions, useShake } from './useShake.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/feel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,MAAM,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EACL,KAAK,YAAY,EACjB,WAAW,EACX,OAAO,EACP,aAAa,EACb,KAAK,QAAQ,EACb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,KAAK,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,KAAK,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/feel/index.js

@@ -0,0 +1,17 @@
+/**
+ * The feel kit: particles, tweens and easing, shake, haptics and score pop-ups.
+ * Every export is a separate module with no side effects on import, so a bundler
+ * keeps only what a game uses. Import it from `@freegamestore/games/feel`, or
+ * from the package root.
+ */
+export { easeInOutQuad, easeInQuad, easeOutBack, easeOutCubic, easeOutQuad, linear, } from './easing.js';
+export { HAPTICS, vibrate } from './haptics.js';
+export { createBurst, GRAVITY, MAX_PARTICLES, particleAlpha, stepParticles, } from './particles.js';
+export { prefersReducedMotion } from './reducedMotion.js';
+export { SCORE_POP_CSS, SCORE_POP_MS, ScorePopup } from './ScorePopup.js';
+export { shakeKeyframes } from './shake.js';
+export { tweenProgress, tweenValue } from './tween.js';
+export { useHaptics } from './useHaptics.js';
+export { useParticles } from './useParticles.js';
+export { useShake } from './useShake.js';
+//# sourceMappingURL=index.js.map

package/dist/feel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAyB,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAEL,WAAW,EACX,OAAO,EACP,aAAa,EAEb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAC"}