@joydle/ui 0.1.0

package/dist/screens/ScreenManager.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — Screen manager: renders the active screen based on state
+// ---------------------------------------------------------------------------
+import { useMemo } from 'preact/hooks';
+import { toChildArray } from 'preact';
+import { ScreenTransition } from '../transitions/ScreenTransition';
+// ---- Style injection ------------------------------------------------------
+const SCREEN_MANAGER_CSS = `
+.joydle-screen-manager {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.joydle-screen-manager > * {
+  pointer-events: auto;
+}
+`;
+let styleInjected = false;
+function injectStyle() {
+    if (styleInjected)
+        return;
+    styleInjected = true;
+    const el = document.createElement('style');
+    el.textContent = SCREEN_MANAGER_CSS;
+    document.head.appendChild(el);
+}
+// ---- Component ------------------------------------------------------------
+/**
+ * Renders only the child whose `screen` prop matches the current `screen`
+ * value.  Wraps the visible screen in a `<ScreenTransition>` for animated
+ * enter/exit effects.
+ *
+ * ```tsx
+ * <ScreenManager screen={state.screen} transition="fade">
+ *   <TitleScreen screen="title" title="My Game" onPlay={start} />
+ *   <GameOverScreen screen="gameover" score={42} onRetry={restart} />
+ *   <PauseOverlay screen="paused" onResume={resume} />
+ * </ScreenManager>
+ * ```
+ */
+export function ScreenManager({ screen, transition = 'fade', duration, children, }) {
+    injectStyle();
+    // Find the child whose `screen` prop matches.
+    const activeChild = useMemo(() => {
+        const arr = toChildArray(children);
+        for (const child of arr) {
+            if (child != null &&
+                typeof child === 'object' &&
+                'props' in child &&
+                child.props?.screen === screen) {
+                return child;
+            }
+        }
+        return null;
+    }, [children, screen]);
+    if (!activeChild)
+        return null;
+    return (_jsx("div", { class: "joydle-screen-manager", children: _jsx(ScreenTransition, { transition: transition, duration: duration, activeKey: screen, children: activeChild }) }));
+}
+//# sourceMappingURL=ScreenManager.js.map

package/dist/screens/ScreenManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenManager.js","sourceRoot":"","sources":["../../src/screens/ScreenManager.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,yEAAyE;AACzE,8EAA8E;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,8EAA8E;AAE9E,MAAM,kBAAkB,GAAG;;;;;;;;;CAS1B,CAAC;AAEF,IAAI,aAAa,GAAG,KAAK,CAAC;AAC1B,SAAS,WAAW;IAClB,IAAI,aAAa;QAAE,OAAO;IAC1B,aAAa,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC;IACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;AAeD,8EAA8E;AAE9E;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,QAAQ,GACW;IACnB,WAAW,EAAE,CAAC;IAEd,8CAA8C;IAC9C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,GAAG,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnC,KAAK,MAAM,KAAK,IAAI,GAAG,EAAE,CAAC;YACxB,IACE,KAAK,IAAI,IAAI;gBACb,OAAO,KAAK,KAAK,QAAQ;gBACzB,OAAO,IAAI,KAAK;gBACf,KAAoB,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAC9C,CAAC;gBACD,OAAO,KAAmB,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,cAAK,KAAK,EAAC,uBAAuB,YAChC,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,YAEhB,WAAW,GACK,GACf,CACP,CAAC;AACJ,CAAC"}

package/dist/screens/TitleScreen.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentChildren, JSX } from 'preact';
+export type TitleEntrance = 'stagger' | 'zoom' | 'drop' | 'fade';
+export interface TitleScreenProps {
+    /** Game title -- can be a string or JSX (with `<accent>` children). */
+    title: string | ComponentChildren;
+    /** Subtitle text displayed below the title. */
+    subtitle?: string;
+    /** Hint text at the bottom (e.g. "Press SPACE to start"). */
+    hint?: string;
+    /** Callback when the play button is clicked. */
+    onPlay: () => void;
+    /** Best score to display (shown only when > 0). */
+    bestScore?: number;
+    /** Entrance animation style (default: `"stagger"`). */
+    entrance?: TitleEntrance;
+    /** Optional background slot rendered behind the overlay. */
+    backgroundSlot?: ComponentChildren;
+    /** Screen identifier for ScreenManager matching. */
+    screen?: string;
+}
+/**
+ * Full-screen title overlay with animated entrance.
+ *
+ * Supports `<accent>` child tags inside the title for accent-coloured text:
+ * ```tsx
+ * <TitleScreen title={<>KAOS <accent>NET</accent></>} onPlay={start} />
+ * ```
+ */
+export declare function TitleScreen({ title, subtitle, hint, onPlay, bestScore, entrance, backgroundSlot, screen: _screen, }: TitleScreenProps): JSX.Element;
+//# sourceMappingURL=TitleScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleScreen.d.ts","sourceRoot":"","sources":["../../src/screens/TitleScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA0JrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmJD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAoB,EACpB,cAAc,EACd,MAAM,EAAE,OAAO,GAChB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyFhC"}

package/dist/screens/TitleScreen.js

@@ -0,0 +1,263 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — Title screen with GSAP entrance animations
+// ---------------------------------------------------------------------------
+import { useRef, useEffect } from 'preact/hooks';
+// ---- GSAP helper ----------------------------------------------------------
+function getGsap() {
+    try {
+        return globalThis.gsap ?? require('gsap').default;
+    }
+    catch {
+        return null;
+    }
+}
+// ---- Style injection ------------------------------------------------------
+const TITLE_SCREEN_CSS = `
+.joydle-title-screen {
+  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-title-screen__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.55);
+  z-index: 0;
+}
+
+.joydle-title-screen__content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 24px;
+}
+
+.joydle-title-screen__title {
+  font-size: clamp(2rem, 6vw, 4rem);
+  font-weight: 900;
+  letter-spacing: 0.04em;
+  color: var(--joydle-primary, #00f5ff);
+  text-transform: uppercase;
+  margin: 0;
+  line-height: 1.1;
+  text-shadow: 0 0 var(--joydle-glow-blur, 0) var(--joydle-primary, #00f5ff);
+}
+
+.joydle-title-screen__title accent {
+  color: var(--joydle-accent, #ff2d7b);
+  text-shadow: 0 0 var(--joydle-glow-blur, 0) var(--joydle-accent, #ff2d7b);
+}
+
+.joydle-title-screen__subtitle {
+  font-size: clamp(0.9rem, 2vw, 1.2rem);
+  color: var(--joydle-text-dim, rgba(255,255,255,0.5));
+  margin: 4px 0 0;
+  letter-spacing: 0.08em;
+}
+
+.joydle-title-screen__best {
+  font-size: 0.85rem;
+  color: var(--joydle-gold, #ffd700);
+  margin-top: 8px;
+  letter-spacing: 0.06em;
+}
+
+.joydle-title-screen__play-btn {
+  position: relative;
+  margin-top: 24px;
+  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;
+  overflow: hidden;
+  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-title-screen__play-btn:hover {
+  transform: scale(1.05);
+  box-shadow: 0 0 16px 4px var(--joydle-accent, #ff2d7b);
+}
+
+.joydle-title-screen__play-btn:active {
+  transform: scale(0.97);
+}
+
+/* Shine animation */
+.joydle-title-screen__play-btn::after {
+  content: '';
+  position: absolute;
+  top: -50%;
+  left: -75%;
+  width: 50%;
+  height: 200%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.25),
+    transparent
+  );
+  transform: skewX(-20deg);
+  animation: joydle-btn-shine 3s ease-in-out infinite;
+}
+
+@keyframes joydle-btn-shine {
+  0%, 100% { left: -75%; }
+  50% { left: 125%; }
+}
+
+.joydle-title-screen__hint {
+  margin-top: 16px;
+  font-size: 0.75rem;
+  color: var(--joydle-text-dim, rgba(255,255,255,0.5));
+  letter-spacing: 0.06em;
+}
+
+.joydle-title-screen__bg-slot {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+}
+`;
+let styleInjected = false;
+function injectStyle() {
+    if (styleInjected)
+        return;
+    styleInjected = true;
+    const el = document.createElement('style');
+    el.textContent = TITLE_SCREEN_CSS;
+    document.head.appendChild(el);
+}
+// ---- GSAP entrance runners ------------------------------------------------
+function runStaggerEntrance(refs) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline();
+    // Overlay fade in
+    tl.fromTo(refs.overlay, { opacity: 0 }, { opacity: 1, duration: 0.4, ease: 'power2.out' }, 0.0);
+    // Title drop in
+    tl.fromTo(refs.title, { y: -60, opacity: 0 }, { y: 0, opacity: 1, duration: 0.6, ease: 'back.out(1.7)' }, 0.1);
+    // Subtitle fade
+    if (refs.subtitle) {
+        tl.fromTo(refs.subtitle, { opacity: 0, y: 10 }, { opacity: 1, y: 0, duration: 0.4, ease: 'power2.out' }, 0.3);
+    }
+    // Best score fade (if present, comes before button)
+    if (refs.best) {
+        tl.fromTo(refs.best, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: 'power2.out' }, 0.35);
+    }
+    // Button scale in
+    tl.fromTo(refs.button, { scale: 0, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.5, ease: 'back.out(2)' }, 0.45);
+    // Hint fade
+    if (refs.hint) {
+        tl.fromTo(refs.hint, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: 'power2.out' }, 0.6);
+    }
+    return tl;
+}
+function runZoomEntrance(refs) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline();
+    const all = [refs.title, refs.subtitle, refs.best, refs.button, refs.hint].filter(Boolean);
+    tl.fromTo(refs.overlay, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: 'power2.out' }, 0);
+    tl.fromTo(all, { scale: 0.5, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.5, ease: 'back.out(1.5)', stagger: 0.08 }, 0.1);
+    return tl;
+}
+function runDropEntrance(refs) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline();
+    const all = [refs.title, refs.subtitle, refs.best, refs.button, refs.hint].filter(Boolean);
+    tl.fromTo(refs.overlay, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: 'power2.out' }, 0);
+    tl.fromTo(all, { y: -80, opacity: 0 }, { y: 0, opacity: 1, duration: 0.5, ease: 'back.out(1.7)', stagger: 0.1 }, 0.1);
+    return tl;
+}
+function runFadeEntrance(refs) {
+    const gsap = getGsap();
+    if (!gsap)
+        return null;
+    const tl = gsap.timeline();
+    const all = [refs.overlay, refs.title, refs.subtitle, refs.best, refs.button, refs.hint].filter(Boolean);
+    tl.fromTo(all, { opacity: 0 }, { opacity: 1, duration: 0.5, ease: 'power2.out', stagger: 0.06 }, 0);
+    return tl;
+}
+// ---- Component ------------------------------------------------------------
+/**
+ * Full-screen title overlay with animated entrance.
+ *
+ * Supports `<accent>` child tags inside the title for accent-coloured text:
+ * ```tsx
+ * <TitleScreen title={<>KAOS <accent>NET</accent></>} onPlay={start} />
+ * ```
+ */
+export function TitleScreen({ title, subtitle, hint, onPlay, bestScore, entrance = 'stagger', backgroundSlot, screen: _screen, }) {
+    injectStyle();
+    const overlayRef = useRef(null);
+    const titleRef = useRef(null);
+    const subtitleRef = useRef(null);
+    const buttonRef = useRef(null);
+    const hintRef = useRef(null);
+    const bestRef = useRef(null);
+    useEffect(() => {
+        const overlay = overlayRef.current;
+        const titleEl = titleRef.current;
+        const buttonEl = buttonRef.current;
+        if (!overlay || !titleEl || !buttonEl)
+            return;
+        const refs = {
+            overlay,
+            title: titleEl,
+            subtitle: subtitleRef.current,
+            button: buttonEl,
+            hint: hintRef.current,
+            best: bestRef.current,
+        };
+        let tl;
+        switch (entrance) {
+            case 'zoom':
+                tl = runZoomEntrance(refs);
+                break;
+            case 'drop':
+                tl = runDropEntrance(refs);
+                break;
+            case 'fade':
+                tl = runFadeEntrance(refs);
+                break;
+            case 'stagger':
+            default:
+                tl = runStaggerEntrance(refs);
+                break;
+        }
+        return () => {
+            if (tl)
+                tl.kill();
+        };
+    }, [entrance]);
+    const showBest = bestScore != null && bestScore > 0;
+    return (_jsxs("div", { class: "joydle-title-screen", ref: overlayRef, children: [backgroundSlot && (_jsx("div", { class: "joydle-title-screen__bg-slot", children: backgroundSlot })), _jsx("div", { class: "joydle-title-screen__backdrop" }), _jsxs("div", { class: "joydle-title-screen__content", children: [_jsx("h1", { class: "joydle-title-screen__title", ref: titleRef, children: title }), subtitle && (_jsx("p", { class: "joydle-title-screen__subtitle", ref: subtitleRef, children: subtitle })), showBest && (_jsxs("p", { class: "joydle-title-screen__best", ref: bestRef, children: ["BEST: ", bestScore.toLocaleString()] })), _jsx("button", { class: "joydle-title-screen__play-btn", ref: buttonRef, onClick: onPlay, type: "button", children: "PLAY" }), hint && (_jsx("p", { class: "joydle-title-screen__hint", ref: hintRef, children: hint }))] })] }));
+}
+//# sourceMappingURL=TitleScreen.js.map

package/dist/screens/TitleScreen.js.map

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

package/dist/screens/index.d.ts

@@ -0,0 +1,7 @@
+export { ScreenManager, type ScreenManagerProps } from './ScreenManager';
+export { TitleScreen, type TitleScreenProps, type TitleEntrance } from './TitleScreen';
+export { GameOverScreen, type GameOverScreenProps, type GameOverEntrance } from './GameOverScreen';
+export { PauseOverlay, type PauseOverlayProps } from './PauseOverlay';
+export { LoadingScreen, type LoadingScreenProps } from './LoadingScreen';
+export { LobbyScreen, type LobbyScreenProps, type LobbyPlayer } from './LobbyScreen';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/screens/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/screens/index.js

@@ -0,0 +1,10 @@
+// ---------------------------------------------------------------------------
+//  @joydle/ui/screens — barrel export
+// ---------------------------------------------------------------------------
+export { ScreenManager } from './ScreenManager';
+export { TitleScreen } from './TitleScreen';
+export { GameOverScreen } from './GameOverScreen';
+export { PauseOverlay } from './PauseOverlay';
+export { LoadingScreen } from './LoadingScreen';
+export { LobbyScreen } from './LobbyScreen';
+//# sourceMappingURL=index.js.map

package/dist/screens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/screens/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,sCAAsC;AACtC,8EAA8E;AAE9E,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAA6C,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,cAAc,EAAmD,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,WAAW,EAA2C,MAAM,eAAe,CAAC"}

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentChildren } from 'preact';
+import type { ThemeConfig } from '../core/types.js';
+export interface ThemeProviderProps {
+    /** Complete theme configuration (use the `theme()` factory to build one). */
+    theme: ThemeConfig;
+    /** Child elements that inherit the CSS custom properties. */
+    children?: ComponentChildren;
+}
+/**
+ * Injects a `ThemeConfig` as CSS custom properties on a wrapping `<div>`.
+ *
+ * All colour tokens, the font stack, border radius, and computed glow values
+ * are exposed as `--joydle-*` properties scoped to this element and its
+ * descendants.
+ *
+ * ```tsx
+ * <ThemeProvider theme={theme({ ...palettes.vapor })}>
+ *   <GameShell width={800} height={600} renderer={bridge}>
+ *     <HUD />
+ *   </GameShell>
+ * </ThemeProvider>
+ * ```
+ */
+export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("preact").JSX.Element;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAclE,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,KAAK,EAAE,WAAW,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,gCAyBpE"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — ThemeProvider (Preact)
+// ---------------------------------------------------------------------------
+import { useMemo } from 'preact/hooks';
+// ---- Glow mapping ---------------------------------------------------------
+/** Maps `GlowStrength` to CSS blur / spread values. */
+const GLOW_MAP = {
+    none: { blur: '0', spread: '0' },
+    subtle: { blur: '4px', spread: '2px' },
+    medium: { blur: '8px', spread: '4px' },
+    strong: { blur: '16px', spread: '8px' },
+};
+// ---- Component ------------------------------------------------------------
+/**
+ * Injects a `ThemeConfig` as CSS custom properties on a wrapping `<div>`.
+ *
+ * All colour tokens, the font stack, border radius, and computed glow values
+ * are exposed as `--joydle-*` properties scoped to this element and its
+ * descendants.
+ *
+ * ```tsx
+ * <ThemeProvider theme={theme({ ...palettes.vapor })}>
+ *   <GameShell width={800} height={600} renderer={bridge}>
+ *     <HUD />
+ *   </GameShell>
+ * </ThemeProvider>
+ * ```
+ */
+export function ThemeProvider({ theme, children }) {
+    const style = useMemo(() => {
+        const glow = GLOW_MAP[theme.glowStrength];
+        return {
+            '--joydle-bg': theme.bg,
+            '--joydle-primary': theme.primary,
+            '--joydle-accent': theme.accent,
+            '--joydle-secondary': theme.secondary,
+            '--joydle-gold': theme.gold,
+            '--joydle-success': theme.success,
+            '--joydle-danger': theme.danger,
+            '--joydle-text': theme.text,
+            '--joydle-text-dim': theme.textDim,
+            '--joydle-font': theme.font,
+            '--joydle-border-radius': `${theme.borderRadius}px`,
+            '--joydle-glow-blur': glow.blur,
+            '--joydle-glow-spread': glow.spread,
+        };
+    }, [theme]);
+    return (_jsx("div", { class: "joydle-theme", style: style, children: children }));
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uCAAuC;AACvC,8EAA8E;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,8EAA8E;AAE9E,uDAAuD;AACvD,MAAM,QAAQ,GAA2D;IACvE,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;CACxC,CAAC;AAWF,8EAA8E;AAE9E;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1C,OAAO;YACL,aAAa,EAAE,KAAK,CAAC,EAAE;YACvB,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,oBAAoB,EAAE,KAAK,CAAC,SAAS;YACrC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,mBAAmB,EAAE,KAAK,CAAC,OAAO;YAClC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,wBAAwB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI;YACnD,oBAAoB,EAAE,IAAI,CAAC,IAAI;YAC/B,sBAAsB,EAAE,IAAI,CAAC,MAAM;SACV,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,YACnC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { theme, DEFAULT_THEME } from './theme';
+export { palettes } from './palettes';
+export { ThemeProvider, type ThemeProviderProps } from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,7 @@
+// ---------------------------------------------------------------------------
+//  @joydle/ui/theme — barrel export
+// ---------------------------------------------------------------------------
+export { theme, DEFAULT_THEME } from './theme';
+export { palettes } from './palettes';
+export { ThemeProvider } from './ThemeProvider';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,oCAAoC;AACpC,8EAA8E;AAE9E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC"}

package/dist/theme/palettes.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeConfig } from '../core/types.js';
+/**
+ * Ten curated palettes covering a wide range of visual styles — from
+ * high-contrast neon arcade to soft pastel candy.
+ *
+ * Each palette is a complete `ThemeConfig` that can be passed directly to
+ * `theme()` or `<ThemeProvider>`.
+ */
+export declare const palettes: Record<string, ThemeConfig>;
+//# sourceMappingURL=palettes.d.ts.map

package/dist/theme/palettes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes.d.ts","sourceRoot":"","sources":["../../src/theme/palettes.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CA0KvC,CAAC"}