@open-slot-ui/pixi 0.0.1 → 0.1.0

package/dist/index.d.cts

@@ -151,6 +151,12 @@ interface OpenUIPixiOptions {
      * shows when its jurisdiction `display*` flag is set.
      */
     statusBar?: StatusBarSide;
+    /**
+     * Text colour for the top-corner compliance readouts (RTP / net / session). Defaults
+     * to the theme text colour; a light-background host can pass a dark colour so the
+     * Figma-style `Label: value` block stays legible.
+     */
+    readoutColor?: string;
     /**
      * How the interactive HUD appears on mount: `'shown'` (default), `'hidden'` (off
      * screen + non-interactive; reveal later with `showControls()`), or `'slide-in'`
@@ -231,9 +237,15 @@ declare class SpinView extends ControlView {
     private readonly fsFace;
     private readonly fsCount;
     private readonly fsLabel;
+    /** Autoplay STOP face — a "STOP" label over the remaining count (or ∞); shown while
+     *  autoplay is active. Tapping the spin button then STOPS autoplay. */
+    private readonly stopFace;
+    private readonly stopCount;
+    private readonly stopLabel;
     constructor(spin: SpinControl, ui: OpenUI, ticker: Ticker, skinOrOpts?: SpinSkinFactory | SpinViewOptions);
-    /** Swap the spin face: free-spins counter when `freeSpins > 0`, else the skin. */
-    private updateFreeSpins;
+    /** Pick the spin face: autoplay STOP-count (top priority) → free-spins counter →
+     *  the normal skin. */
+    private updateFaces;
     private readonly onOver;
     private readonly onOut;
     private readonly onDown;
@@ -262,6 +274,7 @@ declare class ValueDisplayView extends ControlView {
     private readonly fitGsap?;
     private counter;
     private caption;
+    private captionPill;
     constructor(vd: ValueDisplay, ui: OpenUI, ticker: Ticker, 
     /** Host `gsap` — when present, the counter auto-downscales wide values to fit
      *  (Charter B5: no hard gsap dep; the host passes it). */
@@ -289,16 +302,15 @@ interface ButtonViewOptions {
     /** Monochrome look — white circle, black ring, black glyph (matches the turbo
      *  button's b&w art). Only affects the drawn (no-texture) circle path. */
     mono?: boolean;
+    /** Inverted look — solid black circle with a white glyph, no ring (the Figma ☰
+     *  menu button). Only affects the drawn (no-texture) circle path. */
+    dark?: boolean;
 }
-/**
- * Generic button view. With `iconTexture` it renders the provided art as a Sprite
- * (swappable via `setIconTexture`, e.g. ☰ ↔ ✕); otherwise a neutral token placeholder.
- * Pointer input drives the control's state machine; entry transitions play on `art`.
- */
 declare class ButtonView extends ControlView {
     private readonly btn;
     private readonly art;
     private readonly bg;
+    private readonly glyphG;
     private sprite;
     private labelText;
     private readonly tween;
@@ -308,14 +320,13 @@ declare class ButtonView extends ControlView {
     private glyph;
     private readonly iconTarget;
     private readonly mono;
+    private readonly dark;
     constructor(btn: ButtonControl, ui: OpenUI, ticker: Ticker, opts?: ButtonViewOptions);
     /** Swap the displayed art (e.g. ☰ → ✕). */
     setIconTexture(tex: Texture): void;
     /** Swap the placeholder glyph (e.g. speaker ↔ speaker-mute, fullscreen ↔ exit). */
     setGlyph(glyph: ButtonGlyph): void;
     private fitSprite;
-    private readonly onOver;
-    private readonly onOut;
     private readonly onDown;
     private readonly onUp;
     private readonly onUpOutside;
@@ -731,6 +742,10 @@ interface ReadoutViewOptions {
     inline?: boolean;
     /** Force black-and-white text (white on a dark bar), ignoring the theme accent/text hue. */
     mono?: boolean;
+    /** Single left-aligned `Label: value` line (the Figma top-corner block). */
+    prefix?: boolean;
+    /** Explicit text colour (else the theme text colour). Lets a light-bg host darken it. */
+    fill?: string;
 }
 /**
  * A compact, non-interactive readout for the Stake Engine jurisdiction `display*`
@@ -746,6 +761,7 @@ declare class ReadoutView extends ControlView {
     private readonly caption?;
     private readonly valueText;
     private readonly tick?;
+    private readonly prefix;
     constructor(ro: ReadoutControl, ui: OpenUI, ticker: Ticker, opts?: ReadoutViewOptions);
     private render;
     dispose(): void;
@@ -779,6 +795,9 @@ declare class DialogView extends ControlView {
     private childViews;
     private screen;
     private readonly maxWidth;
+    /** `ui` proxy with a light theme — so the shared block renderer draws dark-on-white
+     *  content inside the white modal card (Figma "default" dialog look). */
+    private readonly lightUi;
     constructor(panel: PanelControl, blocks: Signal<BlockSpec[]>, actions: Signal<NoticeAction[]>, ui: OpenUI, ticker: Ticker, opts?: DialogViewOptions);
     private buildClose;
     applyLayout(screen: ScreenState): void;

package/dist/index.d.ts

@@ -151,6 +151,12 @@ interface OpenUIPixiOptions {
      * shows when its jurisdiction `display*` flag is set.
      */
     statusBar?: StatusBarSide;
+    /**
+     * Text colour for the top-corner compliance readouts (RTP / net / session). Defaults
+     * to the theme text colour; a light-background host can pass a dark colour so the
+     * Figma-style `Label: value` block stays legible.
+     */
+    readoutColor?: string;
     /**
      * How the interactive HUD appears on mount: `'shown'` (default), `'hidden'` (off
      * screen + non-interactive; reveal later with `showControls()`), or `'slide-in'`
@@ -231,9 +237,15 @@ declare class SpinView extends ControlView {
     private readonly fsFace;
     private readonly fsCount;
     private readonly fsLabel;
+    /** Autoplay STOP face — a "STOP" label over the remaining count (or ∞); shown while
+     *  autoplay is active. Tapping the spin button then STOPS autoplay. */
+    private readonly stopFace;
+    private readonly stopCount;
+    private readonly stopLabel;
     constructor(spin: SpinControl, ui: OpenUI, ticker: Ticker, skinOrOpts?: SpinSkinFactory | SpinViewOptions);
-    /** Swap the spin face: free-spins counter when `freeSpins > 0`, else the skin. */
-    private updateFreeSpins;
+    /** Pick the spin face: autoplay STOP-count (top priority) → free-spins counter →
+     *  the normal skin. */
+    private updateFaces;
     private readonly onOver;
     private readonly onOut;
     private readonly onDown;
@@ -262,6 +274,7 @@ declare class ValueDisplayView extends ControlView {
     private readonly fitGsap?;
     private counter;
     private caption;
+    private captionPill;
     constructor(vd: ValueDisplay, ui: OpenUI, ticker: Ticker, 
     /** Host `gsap` — when present, the counter auto-downscales wide values to fit
      *  (Charter B5: no hard gsap dep; the host passes it). */
@@ -289,16 +302,15 @@ interface ButtonViewOptions {
     /** Monochrome look — white circle, black ring, black glyph (matches the turbo
      *  button's b&w art). Only affects the drawn (no-texture) circle path. */
     mono?: boolean;
+    /** Inverted look — solid black circle with a white glyph, no ring (the Figma ☰
+     *  menu button). Only affects the drawn (no-texture) circle path. */
+    dark?: boolean;
 }
-/**
- * Generic button view. With `iconTexture` it renders the provided art as a Sprite
- * (swappable via `setIconTexture`, e.g. ☰ ↔ ✕); otherwise a neutral token placeholder.
- * Pointer input drives the control's state machine; entry transitions play on `art`.
- */
 declare class ButtonView extends ControlView {
     private readonly btn;
     private readonly art;
     private readonly bg;
+    private readonly glyphG;
     private sprite;
     private labelText;
     private readonly tween;
@@ -308,14 +320,13 @@ declare class ButtonView extends ControlView {
     private glyph;
     private readonly iconTarget;
     private readonly mono;
+    private readonly dark;
     constructor(btn: ButtonControl, ui: OpenUI, ticker: Ticker, opts?: ButtonViewOptions);
     /** Swap the displayed art (e.g. ☰ → ✕). */
     setIconTexture(tex: Texture): void;
     /** Swap the placeholder glyph (e.g. speaker ↔ speaker-mute, fullscreen ↔ exit). */
     setGlyph(glyph: ButtonGlyph): void;
     private fitSprite;
-    private readonly onOver;
-    private readonly onOut;
     private readonly onDown;
     private readonly onUp;
     private readonly onUpOutside;
@@ -731,6 +742,10 @@ interface ReadoutViewOptions {
     inline?: boolean;
     /** Force black-and-white text (white on a dark bar), ignoring the theme accent/text hue. */
     mono?: boolean;
+    /** Single left-aligned `Label: value` line (the Figma top-corner block). */
+    prefix?: boolean;
+    /** Explicit text colour (else the theme text colour). Lets a light-bg host darken it. */
+    fill?: string;
 }
 /**
  * A compact, non-interactive readout for the Stake Engine jurisdiction `display*`
@@ -746,6 +761,7 @@ declare class ReadoutView extends ControlView {
     private readonly caption?;
     private readonly valueText;
     private readonly tick?;
+    private readonly prefix;
     constructor(ro: ReadoutControl, ui: OpenUI, ticker: Ticker, opts?: ReadoutViewOptions);
     private render;
     dispose(): void;
@@ -779,6 +795,9 @@ declare class DialogView extends ControlView {
     private childViews;
     private screen;
     private readonly maxWidth;
+    /** `ui` proxy with a light theme — so the shared block renderer draws dark-on-white
+     *  content inside the white modal card (Figma "default" dialog look). */
+    private readonly lightUi;
     constructor(panel: PanelControl, blocks: Signal<BlockSpec[]>, actions: Signal<NoticeAction[]>, ui: OpenUI, ticker: Ticker, opts?: DialogViewOptions);
     private buildClose;
     applyLayout(screen: ScreenState): void;