@joydle/ui 0.1.0

package/dist/hud/Timer.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — Countdown / elapsed timer with GSAP pulse-red warning
+// ---------------------------------------------------------------------------
+import { useRef, useEffect } from 'preact/hooks';
+// ---- GSAP helper ----------------------------------------------------------
+function getGsap() {
+    try {
+        return globalThis.gsap ?? require('gsap').default;
+    }
+    catch {
+        return null;
+    }
+}
+// ---- Formatters -----------------------------------------------------------
+function formatTime(seconds, format) {
+    const total = Math.max(0, Math.floor(seconds));
+    switch (format) {
+        case 's':
+            return String(total);
+        case 'mm:ss': {
+            const m = Math.floor(total / 60);
+            const s = total % 60;
+            return `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
+        }
+        case 'm:ss':
+        default: {
+            const m = Math.floor(total / 60);
+            const s = total % 60;
+            return `${m}:${String(s).padStart(2, '0')}`;
+        }
+    }
+}
+// ---- Styles ---------------------------------------------------------------
+const TIMER_STYLE = {
+    fontFamily: 'monospace',
+    fontWeight: 'bold',
+    fontSize: '1.3em',
+    lineHeight: 1,
+    userSelect: 'none',
+    whiteSpace: 'nowrap',
+    color: 'var(--joydle-text, #ffffff)',
+};
+// ---- Component ------------------------------------------------------------
+/**
+ * Displays formatted time.  When `seconds` drops below the `warning`
+ * threshold a repeating GSAP pulse tween animates opacity and switches
+ * the colour to `--joydle-danger`.
+ *
+ * ```tsx
+ * <Timer seconds={timeLeft} warning={10} />
+ * ```
+ */
+export function Timer({ seconds, format = 'm:ss', warning, }) {
+    const elRef = useRef(null);
+    const pulseRef = useRef(null);
+    const wasWarningRef = useRef(false);
+    const isWarning = warning !== undefined && seconds > 0 && seconds <= warning;
+    useEffect(() => {
+        const el = elRef.current;
+        if (!el)
+            return;
+        const gsap = getGsap();
+        if (isWarning && !wasWarningRef.current) {
+            // Start pulse.
+            if (gsap) {
+                if (pulseRef.current)
+                    pulseRef.current.kill();
+                pulseRef.current = gsap.to(el, {
+                    opacity: 0.4,
+                    duration: 0.35,
+                    ease: 'power1.inOut',
+                    repeat: -1,
+                    yoyo: true,
+                });
+            }
+            wasWarningRef.current = true;
+        }
+        else if (!isWarning && wasWarningRef.current) {
+            // Stop pulse and restore.
+            if (pulseRef.current) {
+                pulseRef.current.kill();
+                pulseRef.current = null;
+            }
+            if (gsap) {
+                gsap.set(el, { opacity: 1 });
+            }
+            else {
+                el.style.opacity = '1';
+            }
+            wasWarningRef.current = false;
+        }
+    }, [isWarning]);
+    // Cleanup on unmount.
+    useEffect(() => {
+        return () => {
+            if (pulseRef.current) {
+                pulseRef.current.kill();
+                pulseRef.current = null;
+            }
+        };
+    }, []);
+    const style = {
+        ...TIMER_STYLE,
+        color: isWarning
+            ? 'var(--joydle-danger, #ff4444)'
+            : 'var(--joydle-text, #ffffff)',
+    };
+    return (_jsx("span", { ref: elRef, class: "joydle-timer", style: style, children: formatTime(seconds, format) }));
+}
+//# sourceMappingURL=Timer.js.map

package/dist/hud/Timer.js.map

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

package/dist/hud/WaveLabel.d.ts

@@ -0,0 +1,15 @@
+import type { JSX } from 'preact';
+export interface WaveLabelProps {
+    /** Label text (e.g. "Wave 3", "Round 2"). */
+    label: string;
+}
+/**
+ * Displays a text label (typically a wave or round indicator) and plays a
+ * GSAP slide-in animation from the left whenever the label text changes.
+ *
+ * ```tsx
+ * <WaveLabel label={`Wave ${wave}`} />
+ * ```
+ */
+export declare function WaveLabel({ label }: WaveLabelProps): JSX.Element;
+//# sourceMappingURL=WaveLabel.d.ts.map

package/dist/hud/WaveLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveLabel.d.ts","sourceRoot":"","sources":["../../src/hud/WaveLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAclC,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAeD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAiDhE"}

package/dist/hud/WaveLabel.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — Wave / round label with GSAP slide-in on change
+// ---------------------------------------------------------------------------
+import { useRef, useEffect } from 'preact/hooks';
+// ---- GSAP helper ----------------------------------------------------------
+function getGsap() {
+    try {
+        return globalThis.gsap ?? require('gsap').default;
+    }
+    catch {
+        return null;
+    }
+}
+// ---- Styles ---------------------------------------------------------------
+const LABEL_STYLE = {
+    color: 'var(--joydle-primary, #00f5ff)',
+    fontWeight: 'bold',
+    fontSize: '1.1em',
+    lineHeight: 1,
+    userSelect: 'none',
+    whiteSpace: 'nowrap',
+};
+// ---- Component ------------------------------------------------------------
+/**
+ * Displays a text label (typically a wave or round indicator) and plays a
+ * GSAP slide-in animation from the left whenever the label text changes.
+ *
+ * ```tsx
+ * <WaveLabel label={`Wave ${wave}`} />
+ * ```
+ */
+export function WaveLabel({ label }) {
+    const elRef = useRef(null);
+    const prevRef = useRef(label);
+    const tweenRef = useRef(null);
+    useEffect(() => {
+        const el = elRef.current;
+        if (!el)
+            return;
+        const gsap = getGsap();
+        if (!gsap)
+            return;
+        // Animate on every label change (and on initial mount).
+        if (tweenRef.current) {
+            tweenRef.current.kill();
+        }
+        tweenRef.current = gsap.fromTo(el, { x: -30, opacity: 0 }, {
+            x: 0,
+            opacity: 1,
+            duration: 0.4,
+            ease: 'power2.out',
+            onComplete() {
+                tweenRef.current = null;
+            },
+        });
+        prevRef.current = label;
+    }, [label]);
+    // Cleanup on unmount.
+    useEffect(() => {
+        return () => {
+            if (tweenRef.current) {
+                tweenRef.current.kill();
+                tweenRef.current = null;
+            }
+        };
+    }, []);
+    return (_jsx("span", { ref: elRef, class: "joydle-wave", style: LABEL_STYLE, children: label }));
+}
+//# sourceMappingURL=WaveLabel.js.map

package/dist/hud/WaveLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveLabel.js","sourceRoot":"","sources":["../../src/hud/WaveLabel.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,gEAAgE;AAChE,8EAA8E;AAE9E,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjD,8EAA8E;AAE9E,SAAS,OAAO;IACd,IAAI,CAAC;QACH,OAAQ,UAAkB,CAAC,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;IAC7D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AASD,8EAA8E;AAE9E,MAAM,WAAW,GAAoC;IACnD,KAAK,EAAE,gCAAgC;IACvC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,8EAA8E;AAE9E;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAkB;IACjD,MAAM,KAAK,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAS,KAAK,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;QACzB,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,wDAAwD;QACxD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC;QAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAC5B,EAAE,EACF,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACtB;YACE,CAAC,EAAE,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,YAAY;YAClB,UAAU;gBACR,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,CAAC;SACF,CACF,CAAC;QAEF,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,sBAAsB;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACxB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,YACrD,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/hud/index.d.ts

@@ -0,0 +1,10 @@
+export { HUD, type HUDProps } from './HUD.js';
+export { Score, type ScoreProps } from './Score.js';
+export { Lives, type LivesProps, type LivesIcon } from './Lives.js';
+export { Meter, type MeterProps } from './Meter.js';
+export { ComboLabel, type ComboLabelProps } from './ComboLabel.js';
+export { WaveLabel, type WaveLabelProps } from './WaveLabel.js';
+export { Timer, type TimerProps, type TimerFormat } from './Timer.js';
+export { MiniMap, type MiniMapProps, type MiniMapEntity, type MiniMapBounds, } from './MiniMap.js';
+export { BottomHint, type BottomHintProps } from './BottomHint.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hud/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/hud/index.js

@@ -0,0 +1,13 @@
+// ---------------------------------------------------------------------------
+//  @joydle/ui/hud — barrel export
+// ---------------------------------------------------------------------------
+export { HUD } from './HUD.js';
+export { Score } from './Score.js';
+export { Lives } from './Lives.js';
+export { Meter } from './Meter.js';
+export { ComboLabel } from './ComboLabel.js';
+export { WaveLabel } from './WaveLabel.js';
+export { Timer } from './Timer.js';
+export { MiniMap, } from './MiniMap.js';
+export { BottomHint } from './BottomHint.js';
+//# sourceMappingURL=index.js.map

package/dist/hud/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hud/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,kCAAkC;AAClC,8EAA8E;AAE9E,OAAO,EAAE,GAAG,EAAiB,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAmC,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAqC,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,OAAO,GAIR,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './core/index';
+export * from './theme/index';
+export * from './hud/index';
+export * from './screens/index';
+export * from './controls/index';
+export { transitionPresets, type TransitionPreset, type TransitionTween } from './transitions/presets';
+export { ScreenTransition as ScreenTransitionComponent, type ScreenTransitionProps } from './transitions/ScreenTransition';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AAIjC,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACvG,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+// ---------------------------------------------------------------------------
+//  @joydle/ui — main barrel
+// ---------------------------------------------------------------------------
+export * from './core/index';
+export * from './theme/index';
+export * from './hud/index';
+export * from './screens/index';
+export * from './controls/index';
+// Re-export transitions explicitly to avoid name clash with the
+// `ScreenTransition` type alias from core/types.ts.
+export { transitionPresets } from './transitions/presets';
+export { ScreenTransition as ScreenTransitionComponent } from './transitions/ScreenTransition';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,4BAA4B;AAC5B,8EAA8E;AAE9E,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AAEjC,gEAAgE;AAChE,oDAAoD;AACpD,OAAO,EAAE,iBAAiB,EAA+C,MAAM,uBAAuB,CAAC;AACvG,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAA8B,MAAM,gCAAgC,CAAC"}

package/dist/screens/GameOverScreen.d.ts

@@ -0,0 +1,36 @@
+import type { JSX } from 'preact';
+export type GameOverEntrance = 'cascade' | 'zoom' | 'fade';
+export interface GameOverScreenProps {
+    /** Final score value. */
+    score: number;
+    /** Optional metric strings (e.g. "Time: 1:23", "Combo: 5x"). */
+    metrics?: string[];
+    /** Previous best score -- triggers "NEW BEST!" when score exceeds it. */
+    bestScore?: number;
+    /** Callback when retry button is clicked. */
+    onRetry: () => void;
+    /** Override title text (default: `"GAME OVER"`). */
+    title?: string;
+    /** Override retry button label (default: `"PLAY AGAIN"`). */
+    retryLabel?: string;
+    /** Entrance animation delay in seconds (default: `0.4`). */
+    delay?: number;
+    /** Entrance animation style (default: `"cascade"`). */
+    entrance?: GameOverEntrance;
+    /** Screen identifier for ScreenManager matching. */
+    screen?: string;
+}
+/**
+ * Full-screen game-over overlay with animated score counter.
+ *
+ * ```tsx
+ * <GameOverScreen
+ *   score={state.score}
+ *   bestScore={state.bestScore}
+ *   metrics={["Time: 1:23", "Combo: 5x"]}
+ *   onRetry={() => setState({ screen: 'title' })}
+ * />
+ * ```
+ */
+export declare function GameOverScreen({ score, metrics, bestScore, onRetry, title, retryLabel, delay, entrance, screen: _screen, }: GameOverScreenProps): JSX.Element;
+//# sourceMappingURL=GameOverScreen.d.ts.map

package/dist/screens/GameOverScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameOverScreen.d.ts","sourceRoot":"","sources":["../../src/screens/GameOverScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA2IlC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyHD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,KAAmB,EACnB,UAAyB,EACzB,KAAW,EACX,QAAoB,EACpB,MAAM,EAAE,OAAO,GAChB,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgGnC"}

package/dist/screens/GameOverScreen.js

@@ -0,0 +1,255 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — Game over screen with score countup and cascade entrance
+// ---------------------------------------------------------------------------
+import { useRef, useEffect } from 'preact/hooks';
+// ---- GSAP helper ----------------------------------------------------------
+function getGsap() {
+    try {
+        return globalThis.gsap ?? require('gsap').default;
+    }
+    catch {
+        return null;
+    }
+}
+// ---- Style injection ------------------------------------------------------
+const GAME_OVER_CSS = `
+.joydle-gameover {
+  position: absolute;
+  inset: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--joydle-font, sans-serif);
+  color: var(--joydle-text, #fff);
+  background: var(--joydle-bg, #06060f);
+  overflow: hidden;
+}
+
+.joydle-gameover__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 0;
+}
+
+.joydle-gameover__content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  text-align: center;
+  padding: 24px;
+}
+
+.joydle-gameover__title {
+  font-size: clamp(1.8rem, 5vw, 3.2rem);
+  font-weight: 900;
+  letter-spacing: 0.06em;
+  color: var(--joydle-danger, #ff4444);
+  text-transform: uppercase;
+  margin: 0;
+  line-height: 1.1;
+  text-shadow: 0 0 var(--joydle-glow-blur, 0) var(--joydle-danger, #ff4444);
+}
+
+.joydle-gameover__score {
+  font-size: clamp(2.5rem, 8vw, 5rem);
+  font-weight: 900;
+  color: var(--joydle-primary, #00f5ff);
+  margin: 8px 0;
+  line-height: 1;
+  text-shadow: 0 0 var(--joydle-glow-blur, 0) var(--joydle-primary, #00f5ff);
+}
+
+.joydle-gameover__new-best {
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--joydle-gold, #ffd700);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  animation: joydle-gameover-pulse 1s ease-in-out infinite;
+}
+
+@keyframes joydle-gameover-pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.7; transform: scale(1.08); }
+}
+
+.joydle-gameover__best {
+  font-size: 0.85rem;
+  color: var(--joydle-text-dim, rgba(255,255,255,0.5));
+  letter-spacing: 0.06em;
+}
+
+.joydle-gameover__metrics {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  margin: 8px 0;
+}
+
+.joydle-gameover__metric {
+  font-size: 0.85rem;
+  color: var(--joydle-text-dim, rgba(255,255,255,0.5));
+  letter-spacing: 0.04em;
+}
+
+.joydle-gameover__retry-btn {
+  margin-top: 20px;
+  padding: 14px 48px;
+  font-size: 1.1rem;
+  font-weight: 700;
+  font-family: var(--joydle-font, sans-serif);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--joydle-bg, #06060f);
+  background: var(--joydle-accent, #ff2d7b);
+  border: none;
+  border-radius: var(--joydle-border-radius, 4px);
+  cursor: pointer;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  box-shadow: 0 0 var(--joydle-glow-blur, 0) var(--joydle-glow-spread, 0) var(--joydle-accent, #ff2d7b);
+}
+
+.joydle-gameover__retry-btn:hover {
+  transform: scale(1.05);
+  box-shadow: 0 0 16px 4px var(--joydle-accent, #ff2d7b);
+}
+
+.joydle-gameover__retry-btn:active {
+  transform: scale(0.97);
+}
+`;
+let styleInjected = false;
+function injectStyle() {
+    if (styleInjected)
+        return;
+    styleInjected = true;
+    const el = document.createElement('style');
+    el.textContent = GAME_OVER_CSS;
+    document.head.appendChild(el);
+}
+// ---- GSAP entrance runners ------------------------------------------------
+function runCascadeEntrance(els, delay, score) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline({ delay });
+    // Overlay fade
+    tl.fromTo(els.overlay, { opacity: 0 }, { opacity: 1, duration: 0.4, ease: 'power2.out' }, 0);
+    // Cascade items (title, score, metrics, best, button)
+    tl.fromTo(els.items, { y: 40, opacity: 0 }, { y: 0, opacity: 1, duration: 0.45, ease: 'back.out(1.4)', stagger: 0.1 }, 0.15);
+    // Score count up
+    const counter = { val: 0 };
+    tl.to(counter, {
+        val: score,
+        duration: Math.min(1.2, score > 0 ? 1.2 : 0.01),
+        ease: 'power2.out',
+        onUpdate: () => {
+            els.scoreEl.textContent = Math.round(counter.val).toLocaleString();
+        },
+    }, 0.25);
+    return tl;
+}
+function runZoomEntrance(els, delay, score) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline({ delay });
+    tl.fromTo(els.overlay, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: 'power2.out' }, 0);
+    tl.fromTo(els.items, { scale: 0.5, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.5, ease: 'back.out(1.5)', stagger: 0.08 }, 0.1);
+    const counter = { val: 0 };
+    tl.to(counter, {
+        val: score,
+        duration: 1,
+        ease: 'power2.out',
+        onUpdate: () => {
+            els.scoreEl.textContent = Math.round(counter.val).toLocaleString();
+        },
+    }, 0.2);
+    return tl;
+}
+function runFadeEntrance(els, delay, score) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline({ delay });
+    tl.fromTo([els.overlay, ...els.items], { opacity: 0 }, { opacity: 1, duration: 0.5, ease: 'power2.out', stagger: 0.06 }, 0);
+    const counter = { val: 0 };
+    tl.to(counter, {
+        val: score,
+        duration: 1,
+        ease: 'power2.out',
+        onUpdate: () => {
+            els.scoreEl.textContent = Math.round(counter.val).toLocaleString();
+        },
+    }, 0.1);
+    return tl;
+}
+// ---- Component ------------------------------------------------------------
+/**
+ * Full-screen game-over overlay with animated score counter.
+ *
+ * ```tsx
+ * <GameOverScreen
+ *   score={state.score}
+ *   bestScore={state.bestScore}
+ *   metrics={["Time: 1:23", "Combo: 5x"]}
+ *   onRetry={() => setState({ screen: 'title' })}
+ * />
+ * ```
+ */
+export function GameOverScreen({ score, metrics, bestScore, onRetry, title = 'GAME OVER', retryLabel = 'PLAY AGAIN', delay = 0.4, entrance = 'cascade', screen: _screen, }) {
+    injectStyle();
+    const overlayRef = useRef(null);
+    const titleRef = useRef(null);
+    const scoreRef = useRef(null);
+    const newBestRef = useRef(null);
+    const bestRef = useRef(null);
+    const metricsRef = useRef(null);
+    const buttonRef = useRef(null);
+    const isNewBest = bestScore != null && score > bestScore;
+    const showBest = bestScore != null && bestScore > 0 && !isNewBest;
+    useEffect(() => {
+        const overlay = overlayRef.current;
+        const scoreEl = scoreRef.current;
+        if (!overlay || !scoreEl)
+            return;
+        // Collect animated items in visual order.
+        const items = [
+            titleRef.current,
+            scoreEl,
+            newBestRef.current,
+            bestRef.current,
+            metricsRef.current,
+            buttonRef.current,
+        ].filter(Boolean);
+        const els = { overlay, items, scoreEl };
+        let tl;
+        switch (entrance) {
+            case 'zoom':
+                tl = runZoomEntrance(els, delay, score);
+                break;
+            case 'fade':
+                tl = runFadeEntrance(els, delay, score);
+                break;
+            case 'cascade':
+            default:
+                tl = runCascadeEntrance(els, delay, score);
+                break;
+        }
+        return () => {
+            if (tl)
+                tl.kill();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [entrance, delay, score]);
+    return (_jsxs("div", { class: "joydle-gameover", ref: overlayRef, children: [_jsx("div", { class: "joydle-gameover__backdrop" }), _jsxs("div", { class: "joydle-gameover__content", children: [_jsx("h1", { class: "joydle-gameover__title", ref: titleRef, children: title }), _jsx("div", { class: "joydle-gameover__score", ref: scoreRef, children: "0" }), isNewBest && (_jsx("div", { class: "joydle-gameover__new-best", ref: newBestRef, children: "NEW BEST!" })), showBest && (_jsxs("p", { class: "joydle-gameover__best", ref: bestRef, children: ["BEST: ", bestScore.toLocaleString()] })), metrics && metrics.length > 0 && (_jsx("div", { class: "joydle-gameover__metrics", ref: metricsRef, children: metrics.map((m, i) => (_jsx("span", { class: "joydle-gameover__metric", children: m }, i))) })), _jsx("button", { class: "joydle-gameover__retry-btn", ref: buttonRef, onClick: onRetry, type: "button", children: retryLabel })] })] }));
+}
+//# sourceMappingURL=GameOverScreen.js.map

package/dist/screens/GameOverScreen.js.map

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

package/dist/screens/LoadingScreen.d.ts

@@ -0,0 +1,21 @@
+import type { JSX } from 'preact';
+export interface LoadingScreenProps {
+    /** Progress value between 0 and 1. */
+    progress: number;
+    /** Label text (default: `"Loading..."`). */
+    label?: string;
+    /** Screen identifier for ScreenManager matching. */
+    screen?: string;
+}
+/**
+ * Centred loading screen with an animated progress bar.
+ *
+ * The bar fill uses `--joydle-primary` and animates smoothly via CSS
+ * transition.  A subtle shimmer effect runs along the bar edge.
+ *
+ * ```tsx
+ * <LoadingScreen progress={0.65} label="Loading assets..." />
+ * ```
+ */
+export declare function LoadingScreen({ progress, label, screen: _screen, }: LoadingScreenProps): JSX.Element;
+//# sourceMappingURL=LoadingScreen.d.ts.map

package/dist/screens/LoadingScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../src/screens/LoadingScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAiGlC,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAoB,EACpB,MAAM,EAAE,OAAO,GAChB,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuClC"}