@rydr/game-sdk 3.0.1 → 3.1.0

package/dist/ui/labeled-diamond.js.map

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

package/dist/ui/showcase/gallery.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Minimal scrollable-gallery harness for {@link mountUiShowcase} — a header with an optional live
+ * watts readout, a column of captioned sections, and a `requestAnimationFrame` clock that drives the
+ * live demos (cooldown rings, the typewriter dialogue). Self-contained: it injects its own `gw-*`
+ * chrome CSS. Not exported from the package — internal to the showcase entry.
+ */
+import type { ButtonName, ButtonEdge } from "../../protocol/index.js";
+/**
+ * The thin slice of a `PlatformSession` the showcase consumes — so a host can pass its real session
+ * (live watts + real button reflection) and a `PlatformSession` satisfies this structurally, while a
+ * standalone dev page can pass a tiny keyboard-driven stand-in. Omit it and the catalog renders static.
+ */
+export interface ShowcaseSession {
+    onButton(cb: (e: {
+        name: ButtonName;
+        edge: ButtonEdge;
+    }) => void): () => void;
+    hardware: {
+        current: {
+            power: number;
+        };
+    };
+    identity: {
+        ftp: number;
+    };
+}
+/** Append a classed element (optionally with innerHTML) to `parent` and return it. */
+export declare function el(parent: HTMLElement, tag: string, className: string, html?: string): HTMLElement;
+/** A dpr-aware smooth 2D canvas; draw at logical px. */
+export declare function makeCanvas(logicalW: number, logicalH: number): {
+    canvas: HTMLCanvasElement;
+    c: CanvasRenderingContext2D;
+};
+export interface GalleryRunOpts {
+    /** A real (or stand-in) session — drives the live watts readout and wires keycaps to real presses. */
+    session?: ShowcaseSession;
+    /** Per-frame work (e.g. ticking the cooldown rings + the demo dialogue), `dt` in seconds. */
+    perFrame?: (dt: number) => void;
+}
+/** A scrollable gallery: a chrome + captioned sections, then `run` the RAF loop. */
+export declare class Gallery {
+    readonly list: HTMLElement;
+    private style;
+    private powerB;
+    private raf;
+    private last;
+    constructor(host: HTMLElement, opts: {
+        title: string;
+        sub: string;
+        css?: string;
+    });
+    section(title: string, sub: string): HTMLElement;
+    run(opts?: GalleryRunOpts): void;
+    dispose(): void;
+}
+//# sourceMappingURL=gallery.d.ts.map

package/dist/ui/showcase/gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../src/ui/showcase/gallery.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAC9E,QAAQ,EAAE;QAAE,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACzC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B;AAED,sFAAsF;AACtF,wBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAMlG;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAYzH;AAED,MAAM,WAAW,cAAc;IAC7B,sGAAsG;IACtG,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,oFAAoF;AACpF,qBAAa,OAAO;IAClB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,IAAI,CAAK;gBAEL,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE;IAmBjF,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW;IAIhD,GAAG,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI;IAYpC,OAAO,IAAI,IAAI;CAKhB"}

package/dist/ui/showcase/gallery.js

@@ -0,0 +1,85 @@
+/**
+ * Minimal scrollable-gallery harness for {@link mountUiShowcase} — a header with an optional live
+ * watts readout, a column of captioned sections, and a `requestAnimationFrame` clock that drives the
+ * live demos (cooldown rings, the typewriter dialogue). Self-contained: it injects its own `gw-*`
+ * chrome CSS. Not exported from the package — internal to the showcase entry.
+ */
+/** Append a classed element (optionally with innerHTML) to `parent` and return it. */
+export function el(parent, tag, className, html) {
+    const e = document.createElement(tag);
+    e.className = className;
+    if (html != null)
+        e.innerHTML = html;
+    parent.appendChild(e);
+    return e;
+}
+/** A dpr-aware smooth 2D canvas; draw at logical px. */
+export function makeCanvas(logicalW, logicalH) {
+    const dpr = Math.min(window.devicePixelRatio || 1, 2);
+    const canvas = document.createElement("canvas");
+    canvas.width = Math.round(logicalW * dpr);
+    canvas.height = Math.round(logicalH * dpr);
+    canvas.style.width = logicalW + "px";
+    canvas.style.height = logicalH + "px";
+    const c = canvas.getContext("2d");
+    if (!c)
+        throw new Error("2D canvas context unavailable");
+    c.scale(dpr, dpr);
+    c.imageSmoothingEnabled = true;
+    return { canvas, c };
+}
+/** A scrollable gallery: a chrome + captioned sections, then `run` the RAF loop. */
+export class Gallery {
+    list;
+    style;
+    powerB;
+    raf = 0;
+    last = 0;
+    constructor(host, opts) {
+        this.style = document.createElement("style");
+        this.style.textContent = BASE_CSS + (opts.css ?? "");
+        host.appendChild(this.style);
+        this.list = document.createElement("div");
+        this.list.className = "gw-list";
+        host.appendChild(this.list);
+        el(this.list, "div", "gw-head", `<div><div class="gw-title">${opts.title}</div><div class="gw-sub">${opts.sub}</div></div>` +
+            `<div class="gw-power"><b>—</b> W</div>`);
+        this.powerB = this.list.querySelector(".gw-power b");
+    }
+    section(title, sub) {
+        return el(this.list, "div", "gw-section", `<div class="gw-section-title">${title}</div><div class="gw-section-sub">${sub}</div>`);
+    }
+    run(opts = {}) {
+        const { session } = opts;
+        const loop = (ts) => {
+            this.raf = requestAnimationFrame(loop);
+            const dt = this.last ? Math.min(0.05, (ts - this.last) / 1000) : 0;
+            this.last = ts;
+            opts.perFrame?.(dt);
+            if (session)
+                this.powerB.textContent = String(Math.round(session.hardware.current.power));
+        };
+        this.raf = requestAnimationFrame(loop);
+    }
+    dispose() {
+        cancelAnimationFrame(this.raf);
+        this.list.remove();
+        this.style.remove();
+    }
+}
+/** Shared chrome styles (`gw-` prefix). */
+const BASE_CSS = `
+.gw-list { position: fixed; inset: 0; overflow-y: auto; overflow-x: hidden; z-index: 1;
+           padding: clamp(1rem, 4vw, 3rem) clamp(1rem, 4vw, 3rem) 4rem; color: #eef4ff;
+           font-family: system-ui, sans-serif;
+           display: flex; flex-direction: column; gap: 1rem; }
+.gw-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
+.gw-title { font-size: clamp(1.3rem, 4vw, 2rem); font-weight: 800; letter-spacing: -0.01em; }
+.gw-sub { opacity: 0.55; font-size: 0.85rem; }
+.gw-power { font-variant-numeric: tabular-nums; opacity: 0.75; font-size: 0.9rem; }
+.gw-power b { font-size: 1.3rem; font-weight: 800; }
+.gw-section { margin-top: 1rem; }
+.gw-section-title { font-size: 1.1rem; font-weight: 700; }
+.gw-section-sub { opacity: 0.5; font-size: 0.82rem; margin-top: 0.15rem; }
+`;
+//# sourceMappingURL=gallery.js.map

package/dist/ui/showcase/gallery.js.map

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

package/dist/ui/showcase/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `@rydr/game-sdk/ui/showcase` — a live catalog of every `@rydr/game-sdk/ui` component in every state,
+ * rendered into a host-provided element by {@link mountUiShowcase}. The SDK owns *what* the catalog
+ * shows (so it versions with the components and stays the single source of truth); a host provides
+ * only *where*:
+ *
+ *   • a standalone dev page in this repo (`examples/ui`) for fast local iteration — see its `main.ts`;
+ *   • the platform shell, mounting this at an admin-gated route to review the components in the real
+ *     trainer-screen chrome.
+ *
+ * This entry is intentionally NOT re-exported from `@rydr/game-sdk/ui`, so a game importing the actual
+ * components never pulls the catalog into its bundle. Pass a real `session` for live watts + real
+ * button reflection; omit it and the catalog renders static.
+ */
+import { type ShowcaseSession } from "./gallery.js";
+export type { ShowcaseSession } from "./gallery.js";
+export interface UiShowcaseOptions {
+    /**
+     * A real `PlatformSession` (or a stand-in) — drives the live watts readout and wires every keycap to
+     * real controller presses (`UP`/`DOWN`/`A` also drive the choice menu). Omit for a static catalog.
+     */
+    session?: ShowcaseSession;
+}
+export interface UiShowcase {
+    dispose(): void;
+}
+/** Mount the full UI catalog into `host`. Returns a handle whose `dispose()` tears it all down. */
+export declare function mountUiShowcase(host: HTMLElement, opts?: UiShowcaseOptions): UiShowcase;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/showcase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/showcase/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAiBH,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE7E,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAoBpD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,mGAAmG;AACnG,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,GAAE,iBAAsB,GAAG,UAAU,CAiN3F"}

package/dist/ui/showcase/index.js

@@ -0,0 +1,255 @@
+/**
+ * `@rydr/game-sdk/ui/showcase` — a live catalog of every `@rydr/game-sdk/ui` component in every state,
+ * rendered into a host-provided element by {@link mountUiShowcase}. The SDK owns *what* the catalog
+ * shows (so it versions with the components and stays the single source of truth); a host provides
+ * only *where*:
+ *
+ *   • a standalone dev page in this repo (`examples/ui`) for fast local iteration — see its `main.ts`;
+ *   • the platform shell, mounting this at an admin-gated route to review the components in the real
+ *     trainer-screen chrome.
+ *
+ * This entry is intentionally NOT re-exported from `@rydr/game-sdk/ui`, so a game importing the actual
+ * components never pulls the catalog into its bundle. Pass a real `session` for live watts + real
+ * button reflection; omit it and the catalog renders static.
+ */
+import { createKeycap, createDpadKeycap, mountCard, mountActionCard, mountActionDiamond, mountDialogueCard, mountChoiceCard, mountLabeledDiamond, } from "../index.js";
+import { Gallery, el, makeCanvas } from "./gallery.js";
+const FACES = ["A", "B", "Y", "Z"];
+const DIRS = ["UP", "RIGHT", "DOWN", "LEFT"];
+const READY_HOLD = 2; // seconds a keycap stays "ready" (full colour) between cooldown cycles
+const DLG_STEP = 2.6; // seconds between auto-advances of the demo dialogue
+const DLG_LINES = [
+    "There you are at last. I have waited since dawn, and was beginning to lose hope that a new challenger would walk through the village gates.",
+    "Come closer.",
+    "Out in the tall grass to the north sleep creatures that wait for a spark to bind themselves to a worthy hand.",
+    "Choose well.",
+    "Remember the one rule that truly matters: push hard when you feel the resistance rise, for your power decides the outcome.",
+    "Good luck.",
+];
+const CHOICE_PROMPT = "Which path would you like to take?";
+const CHOICE_OPTIONS = ["The northern grass", "The river crossing", "The old mine"];
+/** Mount the full UI catalog into `host`. Returns a handle whose `dispose()` tears it all down. */
+export function mountUiShowcase(host, opts = {}) {
+    const session = opts.session;
+    const press = session; // a session satisfies the components' structural `ButtonSource`
+    const g = new Gallery(host, {
+        title: "RYDR — controller-button UI",
+        sub: "The same components everywhere: pick a shape + state, fill the content slot. Tuned for a trainer screen — don't restyle the type.",
+        css: BS_CSS,
+    });
+    let clock = 0;
+    const cooldowns = [];
+    let dialogue;
+    let dlgT = 0;
+    let choice;
+    let offButton;
+    // a captioned cell holding a centred node
+    const cell = (grid, caption, node) => {
+        const c = el(grid, "div", "bs-cell");
+        const stage = el(c, "div", "bs-stage");
+        stage.appendChild(node);
+        el(c, "div", "bs-cap", caption);
+    };
+    // a captioned cell with extra room for a card's floating keycap; returns the stage to mount into
+    const cardCell = (grid, caption) => {
+        const c = el(grid, "div", "bs-cell");
+        const stage = el(c, "div", "bs-stage card");
+        el(c, "div", "bs-cap", caption);
+        return stage;
+    };
+    // a generic "icon + name" node — the consumer's OWN content fitted inside a card's fixed slot
+    const iconLabel = (name, color) => {
+        const { canvas, c } = makeCanvas(20, 20);
+        c.fillStyle = color;
+        c.beginPath();
+        c.moveTo(10, 1);
+        c.lineTo(19, 10);
+        c.lineTo(10, 19);
+        c.lineTo(1, 10);
+        c.closePath();
+        c.fill();
+        const wrap = document.createElement("div");
+        wrap.style.cssText = "display:flex;align-items:center;gap:7px;font:800 16px system-ui,sans-serif;";
+        const span = document.createElement("span");
+        span.textContent = name;
+        wrap.append(canvas, span);
+        return wrap;
+    };
+    // --- Solo keycap: every state ------------------------------------------
+    g.section("Single button (solo)", "One key. The base states.");
+    {
+        const grid = el(g.list, "div", "bs-grid");
+        cell(grid, "Idle (press A)", createKeycap("A", { animate: false, press }).el);
+        cell(grid, "Pulse", createKeycap("A", { animate: true }).el);
+        const pressed = createKeycap("A", { animate: false });
+        pressed.setPressed(true);
+        cell(grid, "Pressed", pressed.el);
+        const cd = createKeycap("A", { animate: false });
+        cooldowns.push({ kc: cd, total: 5 });
+        cell(grid, "Cooldown", cd.el);
+        const off = createKeycap("A", { animate: false });
+        off.setDisabled(true);
+        cell(grid, "Disabled", off.el);
+    }
+    // --- Full A/B/Y/Z diamond ----------------------------------------------
+    g.section("A/B/Y/Z diamond", "All four keys, one active. Colour vs mono, and cooldown.");
+    {
+        const grid = el(g.list, "div", "bs-grid");
+        for (const f of FACES)
+            cell(grid, `Active: ${f}`, createKeycap(f, { variant: "full", animate: false }).el);
+        cell(grid, "Colour", createKeycap("A", { variant: "full", colored: true, animate: false }).el);
+        cell(grid, "Mono", createKeycap("A", { variant: "full", colored: false, animate: false }).el);
+        const cd = createKeycap("A", { variant: "full", animate: false });
+        cooldowns.push({ kc: cd, total: 6 });
+        cell(grid, "Cooldown (on the key)", cd.el);
+    }
+    // --- Directional buttons -----------------------------------------------
+    g.section("Directional buttons", "The same state machine as the face buttons (solo/full, pulse, pressed, cooldown). A white chevron on a steel pip, not the bright key hues.");
+    {
+        const grid = el(g.list, "div", "bs-grid");
+        for (const d of DIRS)
+            cell(grid, `Solo: ${d}`, createDpadKeycap(d, { animate: false }).el);
+        cell(grid, "Pulse (UP)", createDpadKeycap("UP", { animate: true }).el);
+        const pressed = createDpadKeycap("UP", { animate: false });
+        pressed.setPressed(true);
+        cell(grid, "Pressed (UP)", pressed.el);
+        const cd = createDpadKeycap("UP", { animate: false });
+        cooldowns.push({ kc: cd, total: 5 });
+        cell(grid, "Cooldown (UP)", cd.el);
+        cell(grid, "Diamond (UP active)", createDpadKeycap("UP", { variant: "full", animate: false }).el);
+    }
+    // --- Action card: slot content -----------------------------------------
+    g.section("Action card (content slot)", "The frame + the key are provided; the game fills the slot.");
+    {
+        const grid = el(g.list, "div", "bs-grid");
+        const plain = cardCell(grid, "Plain label");
+        mountActionCard(plain, "A", { label: "Attack", inline: true, press });
+        const custom = cardCell(grid, "Custom (icon + text)");
+        const card = mountActionCard(custom, "A", { inline: true, animate: false, press });
+        card.setContent(iconLabel("Ember", "#FF7A0C"));
+        cooldowns.push({ kc: card.keycap, total: 4 });
+        const off = cardCell(grid, "Disabled (action unavailable)");
+        const disabled = mountActionCard(off, "A", { label: "Attack", inline: true, animate: false });
+        disabled.setDisabled(true);
+    }
+    // --- the dark card ALONE (no keycap) -----------------------------------
+    g.section("Card alone (no key)", "Just a dark padded container, no key. Size it however: hug the content, or fix it. Reuse it for labels, dialogue boxes, etc.");
+    {
+        const grid = el(g.list, "div", "bs-grid");
+        mountCard(cardCell(grid, "Hugs content"), { content: iconLabel("Ember", "#FF7A0C"), inline: true });
+        mountCard(cardCell(grid, "Fixed size (200×84)"), { content: iconLabel("Ember", "#FF7A0C"), inline: true, width: 200, height: 84 });
+    }
+    // --- the dialogue card -------------------------------------------------
+    g.section("Dialogue card", "NPC dialogue box: name + line (typewriter) + an A key to continue. The cue flips from ▸ (more) to ✓ (last line). Auto-advances in a loop here.");
+    {
+        const stage = el(g.list, "div", "bs-dialog");
+        dialogue = mountDialogueCard(stage, { inline: true, press });
+        dialogue.open("Master Orsane", DLG_LINES);
+    }
+    // --- the choice card ---------------------------------------------------
+    g.section("Choice card (player menu)", "The PLAYER's menu: name + question + a list of options. ▲▼ move the (clamped) selection, and the A key sits to the right of the active option and follows it. Arrows show only on the active option.");
+    {
+        const stage = el(g.list, "div", "bs-dialog");
+        const status = el(g.list, "div", "bs-cap");
+        choice = mountChoiceCard(stage, { inline: true, press });
+        choice.open({
+            name: "Player",
+            prompt: CHOICE_PROMPT,
+            options: CHOICE_OPTIONS,
+            onConfirm: (_i, label) => { status.textContent = `Confirmed: ${label}`; },
+        });
+        if (session) {
+            offButton = session.onButton((e) => {
+                if (e.edge !== "down" || !choice)
+                    return;
+                if (e.name === "UP")
+                    choice.moveBy(-1);
+                else if (e.name === "DOWN")
+                    choice.moveBy(1);
+                else if (e.name === "A")
+                    choice.confirm();
+            });
+        }
+        else {
+            status.textContent = "(pass a session to drive ▲▼ / A)";
+        }
+    }
+    // --- the WHOLE move diamond --------------------------------------------
+    g.section("Move diamond (HUD)", "The A/B/Y/Z diamond: Z left · Y+B stacked centre · A right. Four content cards. A = selected, Z = cooling, B = disabled. Press the keys → the card sinks.");
+    {
+        const stage = el(g.list, "div", "bs-diamond");
+        const dia = mountActionDiamond(stage, { press, cards: { Y: { label: "Spark" }, A: { label: "Quake" }, B: {}, Z: { label: "Blaze" } } });
+        dia.cards.A.setActive(true);
+        cooldowns.push({ kc: dia.cards.Z.keycap, total: 6 });
+        dia.cards.B.setDisabled(true);
+    }
+    g.section("Move diamond (HUD) — mono", "The same diamond in mono: white keys with a dark letter instead of the bright hues. Same states.");
+    {
+        const stage = el(g.list, "div", "bs-diamond");
+        const dia = mountActionDiamond(stage, { press, colored: false, cards: { Y: { label: "Spark" }, A: { label: "Quake" }, B: {}, Z: { label: "Blaze" } } });
+        dia.cards.A.setActive(true);
+        cooldowns.push({ kc: dia.cards.Z.keycap, total: 6 });
+        dia.cards.B.setDisabled(true);
+    }
+    // --- the labeled diamond -----------------------------------------------
+    g.section("Labeled diamond", "A central A/B/Y/Z pip cluster, any number of buttons active at once, each label radiating from its key (Y above, B below, Z left, A right) and seated in the dark card. Toggle disables the Y action.");
+    {
+        const cellWrap = el(g.list, "div", "bs-cell ld-cell");
+        const stage = el(cellWrap, "div", "bs-ld");
+        const ld = mountLabeledDiamond(stage, { inline: true, actions: { Y: "Inspect", A: "Equip", B: "Inventory" } });
+        let disabled = false;
+        const btn = el(cellWrap, "button", "bs-btn");
+        const sync = () => {
+            ld.setDisabled("Y", disabled);
+            btn.textContent = disabled ? "Enable “Inspect”" : "Disable “Inspect”";
+        };
+        btn.addEventListener("click", () => { disabled = !disabled; sync(); });
+        sync();
+    }
+    g.run({
+        session,
+        perFrame: (dt) => {
+            clock += dt;
+            for (const { kc, total } of cooldowns) {
+                const phase = clock % (total + READY_HOLD);
+                if (phase < total)
+                    kc.setCooldown((total - phase) / total, Math.ceil(total - phase));
+                else
+                    kc.setCooldown(null);
+            }
+            dlgT += dt;
+            if (dialogue && dlgT >= DLG_STEP) {
+                dlgT = 0;
+                if (!dialogue.advance())
+                    dialogue.open("Master Orsane", DLG_LINES);
+            }
+        },
+    });
+    return {
+        dispose: () => {
+            offButton?.();
+            choice?.dispose();
+            dialogue?.dispose();
+            g.dispose();
+        },
+    };
+}
+const BS_CSS = `
+.bs-grid { display: grid; gap: 0.85rem; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
+.bs-cell { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
+           border-radius: 14px; padding: 1rem; display: flex; flex-direction: column; align-items: center; gap: 0.85rem; }
+.bs-stage { min-height: 96px; display: flex; align-items: flex-end; justify-content: center; padding: 14px 0 22px; }
+.bs-stage.card { min-height: 120px; padding-bottom: 42px; }
+.bs-cap { font-size: 0.8rem; font-weight: 700; opacity: 0.8; text-align: center; }
+.bs-diamond { position: relative; width: 100%; height: min(64vh, 480px);
+              background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1);
+              border-radius: 16px; padding: 1.25rem; box-sizing: border-box; }
+.bs-dialog { display: flex; justify-content: center; padding: 1.5rem 0 2.5rem; }
+.ld-cell { grid-column: 1 / -1; }
+.bs-ld { display: flex; justify-content: center; width: 100%; min-height: 220px; }
+.bs-btn { margin-top: 4px; padding: 7px 14px; border-radius: 10px; cursor: pointer;
+          font: 700 0.82rem system-ui, sans-serif; color: #eef4ff;
+          background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.18); }
+.bs-btn:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.3); }
+`;
+//# sourceMappingURL=index.js.map

package/dist/ui/showcase/index.js.map

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

package/dist/ui/styles.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shared scoped `.rydr-ui-*` CSS for the controller-button UI (keycap · card · action card · action
+ * diamond · dialogue · choice · labeled diamond), injected once into <head>. Self-contained, like the
+ * perf-overlay: it injects no global styles and depends on no CSS variables, so any game gets the look
+ * just by constructing a component. Keep it dependency-free.
+ *
+ * The font sizes, paddings, and dimensions here are TUNED FOR A TRAINER SCREEN read from a few feet
+ * away while pedaling — they are part of the component contract, not defaults to be overridden.
+ * Consumers fill the content slot; they must not restyle the `.rydr-ui-*` type/sizing.
+ */
+export declare function injectCss(): void;
+//# sourceMappingURL=styles.d.ts.map

package/dist/ui/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,wBAAgB,SAAS,IAAI,IAAI,CAOhC"}