hudini 0.18.1 → 0.20.0

package/README.md

@@ -140,6 +140,63 @@ import { Column, Row, IconButton } from 'hudini';
 
 Check the Storybook for live, interactive examples: [Hudini on Storybook](https://renatocassino.github.io/phaser-toolkit/?path=/story/hudini--index)
 
+## 🎯 Access the plugin from your scene
+
+Use the `withHudini(scene)` accessor to get a fully typed handle to the plugin. It composes with any base scene, doesn't rely on global module augmentation, and infers your theme's tokens at the call site.
+
+```ts
+import Phaser from 'phaser';
+import { withHudini } from 'hudini';
+import type { ThemeType } from './theme'; // your createTheme() result
+
+class MyScene extends Phaser.Scene {
+  create(): void {
+    const hudini = withHudini<ThemeType>(this);
+    const pw = hudini.pw; // phaser-wind API, narrowed to your theme
+
+    this.cameras.main.setBackgroundColor(pw.color.rgb('background'));
+  }
+}
+```
+
+Call `withHudini(this)` inside `create()` / `update()` (after the plugin has mounted). Don't call it in the constructor or `init()` — the plugin isn't attached yet.
+
+### Recommended: wrap it in a project-local helper
+
+Passing `<ThemeType>` on every call gets old. Define a one-line helper once in your project so scenes stay short and the theme type stays in one place:
+
+```ts
+// src/theme.ts (in your project)
+import type { Scene } from 'phaser';
+import { createTheme, withHudini, type CreateTheme } from 'hudini';
+
+export const theme = createTheme({
+  colors: { primary: 'blue-600', danger: 'red-500' },
+  // ...
+} satisfies CreateTheme<any>);
+
+export type ThemeType = typeof theme;
+
+/** Project-local accessor — no need to pass the theme type. */
+export const withHud = (scene: Scene) => withHudini<ThemeType>(scene);
+```
+
+Now every scene is a one-liner:
+
+```ts
+import Phaser from 'phaser';
+import { withHud } from './theme';
+
+class MyScene extends Phaser.Scene {
+  create(): void {
+    const hudini = withHud(this); // fully typed against your theme
+    this.cameras.main.setBackgroundColor(hudini.pw.color.rgb('background'));
+  }
+}
+```
+
+You can name the helper whatever fits your style — `withHud`, `useHud`, `getHud`, `hud`. The lib intentionally doesn't ship an alias, so you own the naming in your codebase.
+
 ## 🧩 Components
 
 ### Column
@@ -236,35 +293,9 @@ Notes:
 - Hover scales the icon subtly, click animates press/release.
 - Colors and sizes integrate with `phaser-wind` theme tokens.
 
-### FlatIconButton
-
-A flat-style icon button with customizable colors, opacity, and border radius.
-
-```ts
-import { FlatIconButton } from 'hudini';
-
-const flatBtn = new FlatIconButton({
-  scene: this,
-  x: 200,
-  y: 100,
-  icon: 'solid/play',
-  size: 'lg',
-  backgroundColor: 'blue-600',
-  iconColor: 'white',
-  borderRadius: 'md',
-  backgroundOpacity: 0.8,
-  iconOpacity: 1,
-  onClick: () => {
-    // your click handler
-  },
-});
-
-this.add.existing(flatBtn);
-```
-
 ### Interactive API
 
-Both `IconButton` and `FlatIconButton` provide direct access to event methods for advanced event handling:
+`IconButton` provides direct access to event methods for advanced event handling:
 
 ```ts
 const button = new IconButton({ 

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,94 @@
+import { GameObjects, Scene } from 'phaser';
+import { type ColorKey, type FontKey, type FontSizeKey, type RadiusKey, type SpacingKey } from 'phaser-wind';
+import { ContainerInteractive } from '../container-interactive';
+/**
+ * Parameters for creating a Badge.
+ *
+ * Same visual language as `TextButton` (flat fill + outlined text), but
+ * without interactivity — meant for titles on top of a panel, tags,
+ * status pills, notification counts, etc.
+ */
+export type BadgeParams = {
+    /** Phaser scene where the badge will be added. */
+    scene: Scene;
+    /** X position of the badge. */
+    x: number;
+    /** Y position of the badge. */
+    y: number;
+    /** Badge text. */
+    text: string;
+    /**
+     * Font size in px (number) or a Phaser Wind font size token (string).
+     * Defaults to `'lg'`.
+     */
+    fontSize?: FontSizeKey | number;
+    /**
+     * Font family. Defaults to `'Fredoka'` (the Hudini base font).
+     */
+    font?: FontKey | string;
+    /**
+     * Background color. Accepts a palette family (`'blue'`), a full token
+     * (`'blue-600'`), a theme key, or a CSS string. Defaults to `'blue-600'`.
+     */
+    color?: ColorKey | string;
+    /**
+     * Text color. Defaults to `'white'`.
+     */
+    textColor?: ColorKey | string;
+    /**
+     * Border radius in px (number) or a Phaser Wind radius token. Defaults to
+     * `'md'`.
+     */
+    borderRadius?: RadiusKey | number;
+    /**
+     * Inner padding around the text in px (number) or a Phaser Wind spacing
+     * token. Defaults to `'4'`.
+     */
+    padding?: SpacingKey | number;
+};
+/**
+ * A flat, non-interactive labeled box — the static counterpart to
+ * `TextButton`. Uses the same fill + outlined-text visual language and shares
+ * `getButtonStrokeColor` / `BUTTON_STROKE_THICKNESS` with the buttons, so the
+ * UI kit stays cohesive.
+ */
+export declare class Badge extends ContainerInteractive<Phaser.GameObjects.Sprite> {
+    /** The background sprite of the badge. */
+    backgroundSprite: GameObjects.Sprite;
+    /** The text object of the badge. */
+    badgeText: GameObjects.Text;
+    private pw;
+    private fontSizePx;
+    private paddingPx;
+    private borderRadiusPx;
+    private colorInput;
+    private colorBadge;
+    private textColorValue;
+    private fontFamily;
+    private textValue;
+    constructor({ scene, x, y, text, fontSize, font, color, textColor, borderRadius, padding, }: BadgeParams);
+    setText(text: string): this;
+    setFontSize(fontSize: FontSizeKey | number): this;
+    setFont(font: FontKey | string): this;
+    setColor(color: ColorKey | string): this;
+    setTextColor(color: ColorKey | string): this;
+    setBorderRadius(borderRadius: RadiusKey | number): this;
+    setPadding(padding: SpacingKey | number): this;
+    private createBadgeText;
+    private createBackgroundSprite;
+    private regenerateSprites;
+    /**
+     * Keep the container's own width/height in sync with the visible badge box
+     * (excluding the transparent margin baked into the sprite texture). This is
+     * what layout containers like Row/Column read when computing positions.
+     */
+    private syncContainerSize;
+    private getBadgeDimensions;
+    private createBackgroundTexture;
+    /**
+     * Draws the badge's background as a flat filled rounded rect.
+     */
+    private drawBadgeBackground;
+    private setupContainer;
+}
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,aAAa,CAAC;AAOrB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,kDAAkD;IAClD,KAAK,EAAE,KAAK,CAAC;IACb,+BAA+B;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,+BAA+B;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAC/B,CAAC;AAUF;;;;;GAKG;AACH,qBAAa,KAAM,SAAQ,oBAAoB,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IACxE,0CAA0C;IACnC,gBAAgB,EAAG,WAAW,CAAC,MAAM,CAAC;IAC7C,oCAAoC;IAC7B,SAAS,EAAG,WAAW,CAAC,IAAI,CAAC;IAEpC,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,SAAS,CAAU;gBAEf,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,QAAe,EACf,IAAI,EACJ,KAAkB,EAClB,SAAmB,EACnB,YAAmB,EACnB,OAAa,GACd,EAAE,WAAW;IAoCP,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO3B,WAAW,CAAC,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAUjD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAUrC,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAOxC,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAM5C,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IASvD,UAAU,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI;IASrD,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,iBAAiB;IAOzB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,uBAAuB;IAqB/B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,cAAc;CAGvB"}

package/dist/components/badge/badge.js

@@ -0,0 +1,180 @@
+import { Color, } from 'phaser-wind';
+import { BUTTON_STROKE_THICKNESS, getButtonStrokeColor, } from '../../utils/button-style';
+import { getPWFromScene } from '../../utils/get-pw-from-scene';
+import { ContainerInteractive } from '../container-interactive';
+import { Text } from '../text';
+/**
+ * Extra transparent margin around the drawn badge inside its texture, just
+ * enough so the anti-aliased rounded-corner fill isn't clipped at the edge.
+ * The container itself is resized to the *visual* box (see setSize below),
+ * so this margin never leaks into layout measurements.
+ */
+const TEXTURE_ANTIALIAS_MARGIN = 1;
+/**
+ * A flat, non-interactive labeled box — the static counterpart to
+ * `TextButton`. Uses the same fill + outlined-text visual language and shares
+ * `getButtonStrokeColor` / `BUTTON_STROKE_THICKNESS` with the buttons, so the
+ * UI kit stays cohesive.
+ */
+export class Badge extends ContainerInteractive {
+    /** The background sprite of the badge. */
+    backgroundSprite;
+    /** The text object of the badge. */
+    badgeText;
+    pw;
+    fontSizePx;
+    paddingPx;
+    borderRadiusPx;
+    colorInput;
+    colorBadge;
+    textColorValue;
+    fontFamily;
+    textValue;
+    constructor({ scene, x, y, text, fontSize = 'lg', font, color = 'blue-600', textColor = 'white', borderRadius = 'md', padding = '4', }) {
+        super({ scene, x, y });
+        this.pw = getPWFromScene(scene);
+        this.textValue = text;
+        this.fontSizePx =
+            typeof fontSize === 'number'
+                ? fontSize
+                : this.pw.fontSize.px(fontSize ?? 'lg');
+        this.paddingPx =
+            typeof padding === 'number'
+                ? padding
+                : this.pw.spacing.px(padding ?? '4');
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.colorInput = String(color);
+        this.colorBadge = Color.rgb(color);
+        this.textColorValue = Color.rgb(textColor);
+        this.fontFamily = font
+            ? typeof font === 'string'
+                ? font
+                : this.pw.font.family(font)
+            : 'Fredoka';
+        this.createBadgeText(scene);
+        this.createBackgroundSprite(scene);
+        this.setupContainer();
+        this.hitArea = this.backgroundSprite;
+        this.syncContainerSize();
+    }
+    setText(text) {
+        this.textValue = text;
+        this.badgeText.setText(text);
+        this.regenerateSprites();
+        return this;
+    }
+    setFontSize(fontSize) {
+        this.fontSizePx =
+            typeof fontSize === 'number'
+                ? fontSize
+                : this.pw.fontSize.px(fontSize ?? 'lg');
+        this.badgeText.setFontSize(this.fontSizePx);
+        this.regenerateSprites();
+        return this;
+    }
+    setFont(font) {
+        this.fontFamily =
+            typeof font === 'string'
+                ? font
+                : this.pw.font.family(font ?? 'primary');
+        this.badgeText.setFontFamily(this.fontFamily);
+        this.regenerateSprites();
+        return this;
+    }
+    setColor(color) {
+        this.colorInput = String(color);
+        this.colorBadge = Color.rgb(color);
+        this.regenerateSprites();
+        return this;
+    }
+    setTextColor(color) {
+        this.textColorValue = Color.rgb(color);
+        this.badgeText.setColor(this.textColorValue);
+        return this;
+    }
+    setBorderRadius(borderRadius) {
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.regenerateSprites();
+        return this;
+    }
+    setPadding(padding) {
+        this.paddingPx =
+            typeof padding === 'number'
+                ? padding
+                : this.pw.spacing.px(padding ?? '4');
+        this.regenerateSprites();
+        return this;
+    }
+    createBadgeText(scene) {
+        this.badgeText = new Text({
+            scene,
+            x: 0,
+            y: 0,
+            text: this.textValue,
+            size: this.fontSizePx,
+            fontFamily: this.fontFamily,
+            strokeThickness: BUTTON_STROKE_THICKNESS,
+            strokeColor: getButtonStrokeColor(this.colorInput),
+        });
+        this.badgeText.setColor(this.textColorValue);
+        this.badgeText.setOrigin(0.5, 0.5);
+    }
+    createBackgroundSprite(scene) {
+        const backgroundTexture = this.createBackgroundTexture(scene);
+        this.backgroundSprite = scene.add.sprite(0, 0, backgroundTexture);
+        this.backgroundSprite.setOrigin(0.5, 0.5);
+    }
+    regenerateSprites() {
+        this.badgeText.setText(this.textValue);
+        const backgroundTexture = this.createBackgroundTexture(this.scene);
+        this.backgroundSprite.setTexture(backgroundTexture);
+        this.syncContainerSize();
+    }
+    /**
+     * Keep the container's own width/height in sync with the visible badge box
+     * (excluding the transparent margin baked into the sprite texture). This is
+     * what layout containers like Row/Column read when computing positions.
+     */
+    syncContainerSize() {
+        const { width, height } = this.getBadgeDimensions();
+        this.setSize(width, height);
+    }
+    getBadgeDimensions() {
+        const textBounds = this.badgeText.getBounds();
+        const width = textBounds.width + this.paddingPx * 2;
+        const height = textBounds.height + this.paddingPx * 2;
+        return { width, height };
+    }
+    createBackgroundTexture(scene) {
+        const { width, height } = this.getBadgeDimensions();
+        const textureKey = `badge_bg_${this.colorBadge}_${this.borderRadiusPx}_${width}_${height}`;
+        const padding = TEXTURE_ANTIALIAS_MARGIN;
+        const textureWidth = width + padding * 2;
+        const textureHeight = height + padding * 2;
+        const graphics = scene.add.graphics();
+        const maxRadius = Math.floor(Math.min(width / 2, height / 2));
+        const effectiveRadius = Math.min(this.borderRadiusPx, maxRadius);
+        const finalRadius = Math.max(0, effectiveRadius);
+        this.drawBadgeBackground(graphics, padding, width, height, finalRadius);
+        graphics.generateTexture(textureKey, textureWidth, textureHeight);
+        graphics.destroy();
+        return textureKey;
+    }
+    /**
+     * Draws the badge's background as a flat filled rounded rect.
+     */
+    drawBadgeBackground(graphics, padding, width, height, effectiveRadius) {
+        graphics.fillStyle(Color.hex(this.colorBadge), 1);
+        graphics.fillRoundedRect(padding, padding, width, height, effectiveRadius);
+    }
+    setupContainer() {
+        this.add([this.backgroundSprite, this.badgeText]);
+    }
+}
+//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.js.map

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

package/dist/components/badge/badge.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=badge.spec.d.ts.map

package/dist/components/badge/badge.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.spec.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.spec.ts"],"names":[],"mappings":""}

package/dist/components/badge/badge.spec.js

@@ -0,0 +1,195 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable max-lines-per-function */
+import { Scene } from 'phaser';
+import { describe, expect, it, vi } from 'vitest';
+vi.mock('hudini', () => ({
+    Color: {
+        rgb: vi.fn((color) => `rgb-${color}`),
+        hex: vi.fn((color) => `hex-${color}`),
+        black: vi.fn(() => 'rgb(0, 0, 0)'),
+        white: vi.fn(() => 'rgb(255, 255, 255)'),
+    },
+    Opacity: {
+        value: vi.fn(() => 0.9),
+    },
+}));
+vi.mock('phaser-wind', () => ({
+    Color: {
+        rgb: vi.fn((color) => `rgb-${color}`),
+        hex: vi.fn((color) => `hex-${color}`),
+        shift: vi.fn((token) => token),
+        isValidColorToken: vi.fn(() => false),
+    },
+    Opacity: {
+        value: vi.fn(() => 0.6),
+        percent: vi.fn(() => 60),
+        css: vi.fn(() => '60%'),
+    },
+    isColorKey: vi.fn(() => false),
+    palette: {
+        red: {}, blue: {}, green: {}, purple: {}, amber: {},
+        slate: {}, gray: {}, zinc: {}, neutral: {}, stone: {},
+        orange: {}, yellow: {}, lime: {}, emerald: {}, teal: {},
+        cyan: {}, sky: {}, indigo: {}, violet: {}, fuchsia: {},
+        pink: {}, rose: {},
+        black: '#000',
+        white: '#fff',
+    },
+    PHASER_WIND_KEY: 'PhaserWind',
+    SceneWithPhaserWind: class SceneWithPhaserWind {
+    },
+}));
+vi.mock('../../utils/get-pw-from-scene', () => ({
+    getPWFromScene: vi.fn(() => ({
+        fontSize: {
+            px: vi.fn((size) => {
+                const sizes = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
+                return sizes[size] || 18;
+            }),
+        },
+        spacing: {
+            px: vi.fn((spacing) => {
+                const spacings = { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 };
+                return spacings[spacing] || 16;
+            }),
+        },
+        radius: {
+            px: vi.fn((radius) => {
+                const radiuses = { none: 0, sm: 4, md: 8, lg: 12, xl: 16, full: 9999 };
+                return radiuses[radius] || 8;
+            }),
+        },
+        font: {
+            family: vi.fn((font) => {
+                const fonts = {
+                    primary: 'Inter, sans-serif',
+                    secondary: 'Roboto, Arial, sans-serif',
+                    monospace: 'Courier, monospace',
+                    display: 'Poppins, Inter, sans-serif',
+                };
+                return fonts[font] || 'Fredoka';
+            }),
+        },
+    })),
+}));
+vi.mock('../text', () => {
+    class MockText {
+        text;
+        style;
+        constructor(params) {
+            this.text = params.text;
+            this.style = {
+                fontSize: params.size ?? 22,
+                fontFamily: params.fontFamily ?? 'Fredoka',
+            };
+        }
+        setText(text) {
+            this.text = text;
+            return this;
+        }
+        setOrigin() { return this; }
+        setFontSize(size) { this.style['fontSize'] = size; return this; }
+        setFontFamily(family) { this.style['fontFamily'] = family; return this; }
+        setColor(color) { this.style['color'] = color; return this; }
+        getBounds() {
+            const charWidth = 10;
+            const lineHeight = parseInt(this.style['fontSize']) || 18;
+            return {
+                width: this.text.length * charWidth,
+                height: lineHeight,
+            };
+        }
+    }
+    return { Text: MockText };
+});
+vi.mock('phaser', () => {
+    class MockSprite {
+        width = 0;
+        height = 0;
+        // eslint-disable-next-line no-unused-vars
+        constructor(_x, _y, _texture) { }
+        setOrigin() { return this; }
+        setTexture() { return this; }
+        setSize(width, height) {
+            this.width = width;
+            this.height = height;
+            return this;
+        }
+        on() { return this; }
+    }
+    class MockGraphics {
+        fillStyle() { return this; }
+        fillRoundedRect() { return this; }
+        generateTexture() { return this; }
+        destroy() { return this; }
+    }
+    class Container {
+        scene;
+        // eslint-disable-next-line no-unused-vars
+        constructor(_scene, _x, _y) {
+            this.scene = _scene;
+        }
+        add() { return this; }
+        setSize() { return this; }
+        on() { return this; }
+    }
+    class Scene {
+        add = {
+            sprite: vi.fn((x, y, texture) => new MockSprite(x, y, texture)),
+            graphics: vi.fn(() => new MockGraphics()),
+        };
+    }
+    class BasePlugin {
+        constructor() { }
+    }
+    const GameObjects = { Container };
+    const Plugins = { BasePlugin };
+    return { GameObjects, Scene, Plugins };
+});
+import { Badge } from './badge';
+describe('Badge', () => {
+    it('should create a Badge instance', () => {
+        const scene = new Scene();
+        const badge = new Badge({ scene, x: 100, y: 100, text: 'New' });
+        expect(badge).toBeInstanceOf(Badge);
+    });
+    it('should create with custom properties', () => {
+        const scene = new Scene();
+        const badge = new Badge({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Custom',
+            fontSize: 'xl',
+            font: 'display',
+            color: 'purple-600',
+            textColor: 'white',
+            borderRadius: 'lg',
+            padding: '6',
+        });
+        expect(badge).toBeInstanceOf(Badge);
+    });
+    it('should support method chaining for colors', () => {
+        const scene = new Scene();
+        const badge = new Badge({ scene, x: 0, y: 0, text: 'X' });
+        const result = badge.setTextColor('white').setColor('blue-600');
+        expect(result).toBe(badge);
+    });
+    it('should handle borderRadius full correctly', () => {
+        const scene = new Scene();
+        const badge = new Badge({
+            scene,
+            x: 0,
+            y: 0,
+            text: 'Full',
+            borderRadius: 'full',
+        });
+        expect(badge).toBeInstanceOf(Badge);
+    });
+    it('should expose the internal text object', () => {
+        const scene = new Scene();
+        const badge = new Badge({ scene, x: 0, y: 0, text: 'Hi' });
+        expect(badge.badgeText).toBeDefined();
+    });
+});
+//# sourceMappingURL=badge.spec.js.map

package/dist/components/badge/badge.spec.js.map

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

package/dist/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/badge/index.js

@@ -0,0 +1,2 @@
+export * from './badge';
+//# sourceMappingURL=index.js.map

package/dist/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/icon-button/icon-button.d.ts

@@ -14,28 +14,22 @@ export type IconButtonParams = {
 };
 export declare class IconButton extends GameObjects.Container {
     backgroundSprite: GameObjects.Sprite;
-    whiteBorderSprite: GameObjects.Sprite;
     iconText: IconText;
     private pw;
     private baseColor;
     private colorButton;
-    private lightColorButton;
-    private darkColorButton;
     private sizePx;
     private borderRadiusPx;
     constructor({ scene, x, y, icon, size, color, onClick, borderRadius, }: IconButtonParams);
     setBorderRadius(borderRadius: RadiusKey | number): this;
     setButtonSize(size: FontSizeKey | number): this;
     private updateSize;
-    private createWhiteBorderSprite;
     private createBackgroundSprite;
-    private createWhiteBorderTexture;
     private createBackgroundTexture;
     /**
-     * Draws gradient using a centered light overlay on CSS color.
-     * For round buttons, uses a smaller centered graphic with light color.
+     * Draws the button's background as a flat filled rounded rect.
      */
-    private drawCssColorGradient;
+    private drawButtonBackground;
     private createIconText;
     private setupContainer;
     private setupInteractivity;

package/dist/components/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAKrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACnC,CAAC;AAmCF,qBAAa,UAAW,SAAQ,WAAW,CAAC,SAAS;IAC5C,gBAAgB,EAAG,WAAW,CAAC,MAAM,CAAC;IACtC,iBAAiB,EAAG,WAAW,CAAC,MAAM,CAAC;IACvC,QAAQ,EAAG,QAAQ,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,cAAc,CAAU;gBAEpB,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,GACb,EAAE,gBAAgB;IA+BZ,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IAyBvD,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IA0BtD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,wBAAwB;IAkChC,OAAO,CAAC,uBAAuB;IAyB/B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAyC5B,OAAO,CAAC,cAAc;IAoCtB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,kBAAkB;IA+C1B;;;OAGG;IACH,IAAW,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,MAAM,CAAC,CAQ9G;IAED;;;;OAIG;IACa,SAAS,CACvB,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,GAC7B,MAAM,CAAC,IAAI,CAAC,SAAS;CAoBzB"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAQrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACnC,CAAC;AAeF,qBAAa,UAAW,SAAQ,WAAW,CAAC,SAAS;IAC5C,gBAAgB,EAAG,WAAW,CAAC,MAAM,CAAC;IACtC,QAAQ,EAAG,QAAQ,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,cAAc,CAAU;gBAEpB,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,GACb,EAAE,gBAAgB;IA2BZ,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IAkBvD,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAoBtD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,uBAAuB;IAyB/B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,kBAAkB;IA+C1B;;;OAGG;IACH,IAAW,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,MAAM,CAAC,CAQ9G;IAED;;;;OAIG;IACa,SAAS,CACvB,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,GAC7B,MAAM,CAAC,IAAI,CAAC,SAAS;CAoBzB"}