hudini 0.6.0 → 0.8.0

package/dist/components/index.d.ts

@@ -2,5 +2,7 @@ export * from './circular-progress';
 export * from './column';
 export * from './icon-button';
 export * from './flat-icon-button';
+export * from './linear-progress';
 export * from './row';
+export * from './text-button';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC"}

package/dist/components/index.js

@@ -2,5 +2,7 @@ export * from './circular-progress';
 export * from './column';
 export * from './icon-button';
 export * from './flat-icon-button';
+export * from './linear-progress';
 export * from './row';
+export * from './text-button';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC"}

package/dist/components/linear-progress/index.d.ts

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

package/dist/components/linear-progress/index.d.ts.map

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

package/dist/components/linear-progress/index.js

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

package/dist/components/linear-progress/index.js.map

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

package/dist/components/linear-progress/linear-progress.d.ts

@@ -0,0 +1,93 @@
+import { GameObjects, Scene } from 'phaser';
+import { type ColorToken, type RadiusKey } from 'phaser-wind';
+export type LinearProgressParams = {
+    /** The scene this progress bar belongs to */
+    scene: Scene;
+    /** X coordinate of the progress bar */
+    x: number;
+    /** Y coordinate of the progress bar */
+    y: number;
+    /** Width of the progress bar in pixels */
+    width: number;
+    /** Height of the progress bar in pixels */
+    height: number;
+    /** Background color of the progress bar track */
+    backgroundColor?: ColorToken;
+    /** Color of the progress bar fill */
+    progressColor?: ColorToken;
+    /** Border radius in px (number) or a Phaser Wind radius token (string). Defaults to 'default'.
+     * Note: The effective radius is automatically limited to half of the smallest dimension to prevent visual artifacts. */
+    borderRadius?: RadiusKey | number;
+    /** Initial progress value (0-100) */
+    progress?: number;
+    /** Whether this is an indeterminate progress bar */
+    indeterminate?: boolean;
+    /** Duration of the indeterminate animation in milliseconds */
+    indeterminateAnimationDuration?: number;
+};
+export declare class LinearProgress extends GameObjects.Container {
+    backgroundProgressBar: GameObjects.Graphics;
+    progressBar: GameObjects.Graphics;
+    private pw;
+    private progressWidth;
+    private progressHeight;
+    private borderRadiusPx;
+    private backgroundColor;
+    private progressColor;
+    private currentProgress;
+    private isIndeterminate;
+    private indeterminateAnimation?;
+    private indeterminateAnimationDuration;
+    constructor({ scene, x, y, width, height, backgroundColor, progressColor, borderRadius, progress, indeterminate, indeterminateAnimationDuration, }: LinearProgressParams);
+    /**
+     * Sets the progress value (0-100)
+     * @param progress Progress value between 0 and 100
+     * @param animate Whether to animate the change (default: true)
+     */
+    setProgress(progress: number, animate?: boolean): this;
+    /**
+     * Gets the current progress value
+     * @returns Current progress value (0-100)
+     */
+    getProgress(): number;
+    /**
+     * Sets whether the progress bar is indeterminate
+     * @param indeterminate Whether to show indeterminate animation
+     */
+    setIndeterminate(indeterminate: boolean): this;
+    /**
+     * Sets the border radius of the progress bar
+     * @param borderRadius Border radius in px (number) or a Phaser Wind radius token (string)
+     * Note: The effective radius is automatically limited to half of the smallest dimension to prevent visual artifacts.
+     */
+    setBorderRadius(borderRadius: RadiusKey | number): this;
+    /**
+     * Sets the background color of the progress bar
+     * @param color Background color token
+     */
+    setBackgroundColor(color: ColorToken): this;
+    /**
+     * Sets the progress color of the progress bar
+     * @param color Progress color token
+     */
+    setProgressColor(color: ColorToken): this;
+    /**
+     * Destroys the component and cleans up animations
+     */
+    destroy(): void;
+    private createBackgroundSprite;
+    private createProgressSprite;
+    private setupContainer;
+    private calculateProgressDimensions;
+    private updateProgressBar;
+    private startIndeterminateAnimation;
+    private stopIndeterminateAnimation;
+    private recreateSprites;
+    /**
+     * Calculates the effective border radius, ensuring it doesn't exceed
+     * half of the smallest dimension to prevent visual artifacts
+     * @returns Limited border radius in pixels
+     */
+    private getEffectiveBorderRadius;
+}
+//# sourceMappingURL=linear-progress.d.ts.map

package/dist/components/linear-progress/linear-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-progress.d.ts","sourceRoot":"","sources":["../../../src/components/linear-progress/linear-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,MAAM,MAAM,oBAAoB,GAAG;IACjC,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC;IACb,uCAAuC;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,uCAAuC;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,qCAAqC;IACrC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;4HACwH;IACxH,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAClC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAKF,qBAAa,cAAe,SAAQ,WAAW,CAAC,SAAS;IAChD,qBAAqB,EAAG,WAAW,CAAC,QAAQ,CAAC;IAC7C,WAAW,EAAG,WAAW,CAAC,QAAQ,CAAC;IAE1C,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,sBAAsB,CAAC,CAAkC;IACjE,OAAO,CAAC,8BAA8B,CAAS;gBAEnC,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,eAA4B,EAC5B,aAA0B,EAC1B,YAAwB,EACxB,QAAY,EACZ,aAAqB,EACrB,8BAAiE,GAClE,EAAE,oBAAoB;IA2BvB;;;;OAIG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,OAAc,GAAG,IAAI;IA8BnE;;;OAGG;IACI,WAAW,IAAI,MAAM;IAI5B;;;OAGG;IACI,gBAAgB,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAkBrD;;;;OAIG;IACI,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IAe9D;;;OAGG;IACI,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUlD;;;OAGG;IACI,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUhD;;OAEG;IACa,OAAO,IAAI,IAAI;IAK/B,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,oBAAoB;IAc5B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,2BAA2B;IAMnC,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,2BAA2B;IA0BnC,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,eAAe;IAmBvB;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;CAIjC"}

package/dist/components/linear-progress/linear-progress.js

@@ -0,0 +1,231 @@
+import { GameObjects } from 'phaser';
+import { Color, } from 'phaser-wind';
+import { getPWFromScene } from '../../utils/get-pw-from-scene';
+const A_HUNDRED = 100;
+const INDETERMINATE_ANIMATION_DURATION = 1500; // 1.5 seconds
+export class LinearProgress extends GameObjects.Container {
+    backgroundProgressBar;
+    progressBar;
+    pw;
+    progressWidth;
+    progressHeight;
+    borderRadiusPx;
+    backgroundColor;
+    progressColor;
+    currentProgress;
+    isIndeterminate;
+    indeterminateAnimation;
+    indeterminateAnimationDuration;
+    constructor({ scene, x, y, width, height, backgroundColor = 'gray-200', progressColor = 'blue-500', borderRadius = 'default', progress = 0, indeterminate = false, indeterminateAnimationDuration = INDETERMINATE_ANIMATION_DURATION, }) {
+        super(scene, x, y);
+        this.pw = getPWFromScene(scene);
+        this.progressWidth = width;
+        this.progressHeight = height;
+        this.backgroundColor = backgroundColor;
+        this.progressColor = progressColor;
+        this.currentProgress = Math.max(0, Math.min(A_HUNDRED, progress));
+        this.isIndeterminate = indeterminate;
+        this.indeterminateAnimationDuration = indeterminateAnimationDuration;
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius);
+        this.createBackgroundSprite();
+        this.createProgressSprite();
+        this.setupContainer();
+        if (this.isIndeterminate) {
+            this.startIndeterminateAnimation();
+        }
+        else {
+            this.updateProgressBar();
+        }
+    }
+    /**
+     * Sets the progress value (0-100)
+     * @param progress Progress value between 0 and 100
+     * @param animate Whether to animate the change (default: true)
+     */
+    setProgress(progress, animate = true) {
+        if (this.isIndeterminate) {
+            return this;
+        }
+        const newProgress = Math.max(0, Math.min(A_HUNDRED, progress));
+        if (this.currentProgress === newProgress) {
+            return this;
+        }
+        if (animate) {
+            const target = { value: this.currentProgress };
+            this.scene.tweens.add({
+                targets: target,
+                value: newProgress,
+                duration: 300,
+                ease: 'Power2',
+                onUpdate: () => {
+                    this.currentProgress = target.value;
+                    this.updateProgressBar();
+                },
+            });
+        }
+        else {
+            this.currentProgress = newProgress;
+            this.updateProgressBar();
+        }
+        return this;
+    }
+    /**
+     * Gets the current progress value
+     * @returns Current progress value (0-100)
+     */
+    getProgress() {
+        return this.currentProgress;
+    }
+    /**
+     * Sets whether the progress bar is indeterminate
+     * @param indeterminate Whether to show indeterminate animation
+     */
+    setIndeterminate(indeterminate) {
+        if (this.isIndeterminate === indeterminate) {
+            return this;
+        }
+        this.isIndeterminate = indeterminate;
+        if (this.isIndeterminate) {
+            this.stopIndeterminateAnimation();
+            this.startIndeterminateAnimation();
+        }
+        else {
+            this.stopIndeterminateAnimation();
+            this.updateProgressBar();
+        }
+        return this;
+    }
+    /**
+     * Sets the border radius of the progress bar
+     * @param borderRadius Border radius in px (number) or a Phaser Wind radius token (string)
+     * Note: The effective radius is automatically limited to half of the smallest dimension to prevent visual artifacts.
+     */
+    setBorderRadius(borderRadius) {
+        const newRadiusPx = typeof borderRadius === 'number'
+            ? borderRadius
+            : this.pw.radius.px(borderRadius);
+        if (this.borderRadiusPx === newRadiusPx) {
+            return this;
+        }
+        this.borderRadiusPx = newRadiusPx;
+        this.recreateSprites();
+        return this;
+    }
+    /**
+     * Sets the background color of the progress bar
+     * @param color Background color token
+     */
+    setBackgroundColor(color) {
+        if (this.backgroundColor === color) {
+            return this;
+        }
+        this.backgroundColor = color;
+        this.recreateSprites();
+        return this;
+    }
+    /**
+     * Sets the progress color of the progress bar
+     * @param color Progress color token
+     */
+    setProgressColor(color) {
+        if (this.progressColor === color) {
+            return this;
+        }
+        this.progressColor = color;
+        this.recreateSprites();
+        return this;
+    }
+    /**
+     * Destroys the component and cleans up animations
+     */
+    destroy() {
+        this.stopIndeterminateAnimation();
+        super.destroy();
+    }
+    createBackgroundSprite() {
+        const bgGraphic = this.scene.add.graphics();
+        bgGraphic.fillStyle(Color.hex(this.backgroundColor), 1);
+        bgGraphic.fillRoundedRect(-this.progressWidth / 2, -this.progressHeight / 2, this.progressWidth, this.progressHeight, this.getEffectiveBorderRadius());
+        this.backgroundProgressBar = bgGraphic;
+    }
+    createProgressSprite() {
+        const progressBar = this.scene.add.graphics();
+        progressBar.fillStyle(Color.hex(this.progressColor), 1);
+        progressBar.fillRoundedRect(-this.progressWidth / 2, -this.progressHeight / 2, this.progressWidth, this.progressHeight, this.getEffectiveBorderRadius());
+        this.progressBar = progressBar;
+    }
+    setupContainer() {
+        this.add([this.backgroundProgressBar, this.progressBar]);
+    }
+    calculateProgressDimensions() {
+        const progressWidth = (this.progressWidth * this.currentProgress) / A_HUNDRED;
+        const leftOffset = (progressWidth - this.progressWidth) / 2;
+        return { progressWidth, leftOffset };
+    }
+    updateProgressBar(force = false) {
+        if (this.isIndeterminate && !force) {
+            return;
+        }
+        const { progressWidth, leftOffset } = this.calculateProgressDimensions();
+        this.progressBar.setScale(progressWidth / this.progressWidth, 1);
+        this.progressBar.setX(leftOffset);
+    }
+    startIndeterminateAnimation() {
+        if (!this.isIndeterminate) {
+            return;
+        }
+        this.currentProgress = 40;
+        this.updateProgressBar(true);
+        const { progressWidth } = this.calculateProgressDimensions();
+        // Calculate the movement range: the bar should move within the background bounds
+        // The bar center can move from left edge + half bar width to right edge - half bar width
+        const maxX = (this.progressWidth / 2) - (progressWidth / 2);
+        const minX = -(this.progressWidth / 2) + (progressWidth / 2);
+        // Start from the left
+        this.progressBar.setX(minX);
+        this.indeterminateAnimation = this.scene.tweens.add({
+            targets: this.progressBar,
+            x: maxX,
+            duration: this.indeterminateAnimationDuration,
+            ease: 'Sine.easeInOut',
+            yoyo: true,
+            repeat: -1,
+        });
+    }
+    stopIndeterminateAnimation() {
+        if (this.indeterminateAnimation) {
+            this.indeterminateAnimation.destroy();
+            this.indeterminateAnimation = undefined;
+        }
+    }
+    recreateSprites() {
+        // Remove old sprites
+        this.remove([this.backgroundProgressBar, this.progressBar]);
+        this.backgroundProgressBar.destroy();
+        this.progressBar.destroy();
+        // Create new sprites with updated properties
+        this.createBackgroundSprite();
+        this.createProgressSprite();
+        this.setupContainer();
+        // Restore state
+        if (this.isIndeterminate) {
+            this.startIndeterminateAnimation();
+        }
+        else {
+            this.updateProgressBar();
+        }
+    }
+    /**
+     * Calculates the effective border radius, ensuring it doesn't exceed
+     * half of the smallest dimension to prevent visual artifacts
+     * @returns Limited border radius in pixels
+     */
+    getEffectiveBorderRadius() {
+        const maxRadius = Math.min(this.progressWidth, this.progressHeight) / 2;
+        return Math.min(this.borderRadiusPx, maxRadius);
+    }
+}
+//# sourceMappingURL=linear-progress.js.map

package/dist/components/linear-progress/linear-progress.js.map

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

package/dist/components/linear-progress/linear-progress.spec.d.ts

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

package/dist/components/linear-progress/linear-progress.spec.d.ts.map

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

package/dist/components/linear-progress/linear-progress.spec.js

@@ -0,0 +1,288 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable max-lines-per-function */
+import { Scene } from 'phaser';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+// Mock Phaser to avoid canvas dependency in runtime
+vi.mock('phaser', () => {
+    class Scene {
+        add = {
+            graphics: () => ({
+                fillStyle: vi.fn(),
+                fillRoundedRect: vi.fn(),
+                generateTexture: vi.fn(),
+                destroy: vi.fn(),
+                setScale: vi.fn(),
+                setX: vi.fn(),
+            }),
+            sprite: vi.fn(() => ({
+                setOrigin: vi.fn(),
+                setScale: vi.fn(),
+                setX: vi.fn(),
+                destroy: vi.fn(),
+            })),
+        };
+        textures = {
+            exists: vi.fn(() => false),
+        };
+        tweens = {
+            add: vi.fn(() => ({
+                destroy: vi.fn(),
+            })),
+        };
+        constructor() {
+            // Ensure textures is properly bound to this instance
+            this.textures = {
+                exists: vi.fn(() => false),
+            };
+            this.tweens = {
+                add: vi.fn(() => ({
+                    destroy: vi.fn(),
+                })),
+            };
+        }
+    }
+    class Container {
+        list = [];
+        x;
+        y;
+        width = 0;
+        height = 0;
+        scene;
+        constructor(scene, x, y) {
+            this.scene = scene;
+            this.x = x;
+            this.y = y;
+        }
+        add(child) {
+            if (Array.isArray(child)) {
+                this.list.push(...child);
+            }
+            else {
+                this.list.push(child);
+            }
+            return this;
+        }
+        remove(child) {
+            if (Array.isArray(child)) {
+                child.forEach(c => {
+                    const index = this.list.indexOf(c);
+                    if (index !== -1)
+                        this.list.splice(index, 1);
+                });
+            }
+            else {
+                const index = this.list.indexOf(child);
+                if (index !== -1)
+                    this.list.splice(index, 1);
+            }
+            return this;
+        }
+        destroy() {
+            this.list = [];
+        }
+    }
+    const GameObjects = { Container };
+    return { GameObjects, Scene };
+});
+// Mock the getPWFromScene utility
+vi.mock('../../utils/get-pw-from-scene', () => ({
+    getPWFromScene: () => ({
+        radius: {
+            px: (key) => {
+                const radiusMap = {
+                    none: 0,
+                    sm: 2,
+                    default: 4,
+                    md: 6,
+                    lg: 8,
+                    xl: 12,
+                    '2xl': 16,
+                    '3xl': 24,
+                    full: 9999,
+                };
+                return radiusMap[key] ?? 4;
+            },
+        },
+    }),
+}));
+// Mock Color utility
+vi.mock('phaser-wind', () => ({
+    Color: {
+        hex: vi.fn(() => 0x000000),
+    },
+}));
+import { LinearProgress } from './linear-progress';
+describe('LinearProgress', () => {
+    let linearProgress;
+    let scene;
+    beforeEach(() => {
+        vi.clearAllMocks();
+        scene = new Scene();
+    });
+    describe('constructor', () => {
+        it('should create a linear progress bar with default parameters', () => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+            });
+            expect(linearProgress).toBeInstanceOf(LinearProgress);
+            expect(linearProgress.getProgress()).toBe(0);
+        });
+        it('should create a linear progress bar with custom parameters', () => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 300,
+                height: 12,
+                backgroundColor: 'gray-300',
+                progressColor: 'green-500',
+                borderRadius: 'lg',
+                progress: 50,
+            });
+            expect(linearProgress).toBeInstanceOf(LinearProgress);
+            expect(linearProgress.getProgress()).toBe(50);
+        });
+        it('should create an indeterminate progress bar', () => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+                indeterminate: true,
+            });
+            expect(linearProgress).toBeInstanceOf(LinearProgress);
+            expect(scene.tweens.add).toHaveBeenCalled();
+        });
+        it('should create indeterminate progress bar with correct positioning bounds', () => {
+            const width = 300;
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width,
+                height: 8,
+                indeterminate: true,
+            });
+            // Verify that tween was called with correct positioning
+            expect(scene.tweens.add).toHaveBeenCalled();
+            const tweenCall = vi.mocked(scene.tweens.add).mock.calls[0]?.[0];
+            // The indeterminate bar should move within bounds
+            // Bar width is 40% of total width = 120px
+            // Max X should be (300/2) - (120/2) = 150 - 60 = 90
+            // Min X should be -(300/2) + (120/2) = -150 + 60 = -90
+            expect(tweenCall.x).toBe(90); // maxX position
+        });
+    });
+    describe('setProgress', () => {
+        beforeEach(() => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+            });
+        });
+        it('should set progress value within valid range', () => {
+            linearProgress.setProgress(75, false);
+            expect(linearProgress.getProgress()).toBe(75);
+        });
+        it('should clamp progress value to 0-100 range', () => {
+            linearProgress.setProgress(-10, false);
+            expect(linearProgress.getProgress()).toBe(0);
+            linearProgress.setProgress(150, false);
+            expect(linearProgress.getProgress()).toBe(100);
+        });
+        it('should animate progress change by default', () => {
+            linearProgress.setProgress(50);
+            expect(scene.tweens.add).toHaveBeenCalled();
+        });
+        it('should not change progress for indeterminate progress bar', () => {
+            linearProgress.setIndeterminate(true);
+            const initialProgress = linearProgress.getProgress();
+            linearProgress.setProgress(75);
+            expect(linearProgress.getProgress()).toBe(initialProgress);
+        });
+    });
+    describe('setIndeterminate', () => {
+        beforeEach(() => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+            });
+        });
+        it('should start indeterminate animation when set to true', () => {
+            linearProgress.setIndeterminate(true);
+            expect(scene.tweens.add).toHaveBeenCalled();
+        });
+        it('should stop indeterminate animation when set to false', () => {
+            linearProgress.setIndeterminate(true);
+            const tweenMock = { destroy: vi.fn() };
+            vi.mocked(scene.tweens.add).mockReturnValue(tweenMock);
+            linearProgress.setIndeterminate(false);
+            // Animation should be stopped when switching back to determinate
+        });
+    });
+    describe('setBorderRadius', () => {
+        beforeEach(() => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+            });
+        });
+        it('should accept numeric border radius', () => {
+            expect(() => linearProgress.setBorderRadius(10)).not.toThrow();
+        });
+        it('should accept string border radius token', () => {
+            expect(() => linearProgress.setBorderRadius('lg')).not.toThrow();
+        });
+    });
+    describe('color setters', () => {
+        beforeEach(() => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+            });
+        });
+        it('should set background color', () => {
+            expect(() => linearProgress.setBackgroundColor('red-200')).not.toThrow();
+        });
+        it('should set progress color', () => {
+            expect(() => linearProgress.setProgressColor('blue-600')).not.toThrow();
+        });
+    });
+    describe('destroy', () => {
+        beforeEach(() => {
+            linearProgress = new LinearProgress({
+                scene,
+                x: 100,
+                y: 100,
+                width: 200,
+                height: 8,
+                indeterminate: true,
+                indeterminateAnimationDuration: 1000,
+            });
+        });
+        it('should clean up animations when destroyed', () => {
+            const tweenMock = { destroy: vi.fn() };
+            vi.mocked(scene.tweens.add).mockReturnValue(tweenMock);
+            linearProgress.destroy();
+            // Should clean up any running animations
+        });
+    });
+});
+//# sourceMappingURL=linear-progress.spec.js.map

package/dist/components/linear-progress/linear-progress.spec.js.map

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

package/dist/components/text-button/index.d.ts

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

package/dist/components/text-button/index.d.ts.map

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

package/dist/components/text-button/index.js

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

package/dist/components/text-button/index.js.map

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

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

@@ -0,0 +1,52 @@
+import { GameObjects, Scene } from 'phaser';
+import { type ColorKey, type FontKey, type FontSizeKey, type RadiusKey, type SpacingKey } from 'phaser-wind';
+export type TextButtonParams = {
+    scene: Scene;
+    x: number;
+    y: number;
+    text: string;
+    /** Font size in px (number) or a Phaser Wind font size token (string). Defaults to 'md'. */
+    textSize?: FontSizeKey | number;
+    /** Font family. Defaults to 'sans'. */
+    font?: FontKey | string;
+    /** Background color. Defaults to 'blue'. */
+    backgroundColor?: ColorKey | string;
+    /** Text color. Defaults to 'white'. */
+    textColor?: ColorKey | string;
+    /** Border radius in px (number) or a Phaser Wind radius token (string). Defaults to 'md'. */
+    borderRadius?: RadiusKey | number;
+    /** Margin/padding in px (number) or a Phaser Wind spacing token (string). Defaults to 'md'. */
+    margin?: SpacingKey | number;
+    onClick?: () => void;
+};
+export declare class TextButton extends GameObjects.Container {
+    backgroundSprite: GameObjects.Sprite;
+    shadowSprite: GameObjects.Sprite;
+    buttonText: GameObjects.Text;
+    private pw;
+    private textSizePx;
+    private marginPx;
+    private borderRadiusPx;
+    private backgroundColorValue;
+    private textColorValue;
+    private fontValue;
+    private textValue;
+    constructor({ scene, x, y, text, textSize, font, backgroundColor, textColor, borderRadius, margin, onClick, }: TextButtonParams);
+    setText(text: string): this;
+    setTextSize(textSize: FontSizeKey | number): this;
+    setFont(font: FontKey | string): this;
+    setBackgroundColor(color: ColorKey | string): this;
+    setTextColor(color: ColorKey | string): this;
+    setBorderRadius(borderRadius: RadiusKey | number): this;
+    setMargin(margin: SpacingKey | number): this;
+    private createButtonText;
+    private createShadowSprite;
+    private createBackgroundSprite;
+    private regenerateSprites;
+    private getButtonDimensions;
+    private createShadowTexture;
+    private createBackgroundTexture;
+    private setupContainer;
+    private setupInteractivity;
+}
+//# sourceMappingURL=text-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../src/components/text-button/text-button.ts"],"names":[],"mappings":"AAAA,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;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,uCAAuC;IACvC,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAClC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAYF,qBAAa,UAAW,SAAQ,WAAW,CAAC,SAAS;IAC5C,gBAAgB,EAAG,WAAW,CAAC,MAAM,CAAC;IACtC,YAAY,EAAG,WAAW,CAAC,MAAM,CAAC;IAClC,UAAU,EAAG,WAAW,CAAC,IAAI,CAAC;IAErC,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,oBAAoB,CAAU;IACtC,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,SAAS,CAAU;gBAEf,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,eAAwB,EACxB,SAAmB,EACnB,YAAmB,EACnB,MAAY,EACZ,OAAO,GACR,EAAE,gBAAgB;IAkCZ,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,kBAAkB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAMlD,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAM5C,eAAe,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI;IASvD,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI;IASnD,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IA+B3B,OAAO,CAAC,uBAAuB;IAyB/B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,kBAAkB;CA4C3B"}

package/dist/components/text-button/text-button.js

@@ -0,0 +1,217 @@
+import { GameObjects } from 'phaser';
+import { Color, } from 'phaser-wind';
+import { getPWFromScene } from '../../utils/get-pw-from-scene';
+const durations = {
+    click: 100,
+    hover: 150,
+};
+const HOVER_SCALE = 1.05;
+const CLICK_OFFSET = 2;
+const SHADOW_OFFSET = 4;
+const SHADOW_OPACITY = 0.15;
+export class TextButton extends GameObjects.Container {
+    backgroundSprite;
+    shadowSprite;
+    buttonText;
+    pw;
+    textSizePx;
+    marginPx;
+    borderRadiusPx;
+    backgroundColorValue;
+    textColorValue;
+    fontValue;
+    textValue;
+    constructor({ scene, x, y, text, textSize, font, backgroundColor = 'blue', textColor = 'white', borderRadius = 'md', margin = '4', onClick, }) {
+        super(scene, x, y);
+        this.pw = getPWFromScene(scene);
+        // Store values
+        this.textValue = text;
+        this.textSizePx =
+            typeof textSize === 'number'
+                ? textSize
+                : this.pw.fontSize.px(textSize ?? 'md');
+        this.marginPx =
+            typeof margin === 'number'
+                ? margin
+                : this.pw.spacing.px(margin ?? '4');
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.backgroundColorValue = Color.rgb(backgroundColor);
+        this.textColorValue = Color.rgb(textColor);
+        this.fontValue =
+            typeof font === 'string'
+                ? font
+                : this.pw.font.family(font ?? 'primary');
+        this.createButtonText(scene);
+        this.createShadowSprite(scene);
+        this.createBackgroundSprite(scene);
+        this.setupContainer();
+        this.setupInteractivity(onClick);
+    }
+    // API Methods
+    setText(text) {
+        this.textValue = text;
+        this.buttonText.setText(text);
+        this.regenerateSprites();
+        return this;
+    }
+    setTextSize(textSize) {
+        this.textSizePx =
+            typeof textSize === 'number'
+                ? textSize
+                : this.pw.fontSize.px(textSize ?? 'md');
+        this.buttonText.setFontSize(this.textSizePx);
+        this.regenerateSprites();
+        return this;
+    }
+    setFont(font) {
+        this.fontValue =
+            typeof font === 'string'
+                ? font
+                : this.pw.font.family(font ?? 'primary');
+        this.buttonText.setFontFamily(this.fontValue);
+        this.regenerateSprites();
+        return this;
+    }
+    setBackgroundColor(color) {
+        this.backgroundColorValue = Color.rgb(color);
+        this.regenerateSprites();
+        return this;
+    }
+    setTextColor(color) {
+        this.textColorValue = Color.rgb(color);
+        this.buttonText.setColor(this.textColorValue);
+        return this;
+    }
+    setBorderRadius(borderRadius) {
+        this.borderRadiusPx =
+            typeof borderRadius === 'number'
+                ? borderRadius
+                : this.pw.radius.px(borderRadius ?? 'md');
+        this.regenerateSprites();
+        return this;
+    }
+    setMargin(margin) {
+        this.marginPx =
+            typeof margin === 'number'
+                ? margin
+                : this.pw.spacing.px(margin ?? '4');
+        this.regenerateSprites();
+        return this;
+    }
+    createButtonText(scene) {
+        this.buttonText = scene.add.text(0, 0, this.textValue, {
+            fontSize: `${this.textSizePx}px`,
+            fontFamily: this.fontValue,
+            color: this.textColorValue,
+        });
+        this.buttonText.setOrigin(0.5, 0.5);
+    }
+    createShadowSprite(scene) {
+        const shadowTexture = this.createShadowTexture(scene);
+        this.shadowSprite = scene.add.sprite(0, SHADOW_OFFSET, shadowTexture);
+        this.shadowSprite.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() {
+        // Update text bounds after text/font changes
+        this.buttonText.setText(this.textValue);
+        // Regenerate textures
+        const shadowTexture = this.createShadowTexture(this.scene);
+        const backgroundTexture = this.createBackgroundTexture(this.scene);
+        this.shadowSprite.setTexture(shadowTexture);
+        this.backgroundSprite.setTexture(backgroundTexture);
+    }
+    getButtonDimensions() {
+        const textBounds = this.buttonText.getBounds();
+        const width = textBounds.width + this.marginPx * 2;
+        const height = textBounds.height + this.marginPx * 2;
+        return { width, height };
+    }
+    createShadowTexture(scene) {
+        const { width, height } = this.getButtonDimensions();
+        const textureKey = `textButton_shadow_${this.backgroundColorValue}_${this.borderRadiusPx}_${width}_${height}`;
+        // Add some padding for shadow
+        const shadowPadding = 8;
+        const textureWidth = width + shadowPadding * 2;
+        const textureHeight = height + shadowPadding * 2;
+        const graphics = scene.add.graphics();
+        // Limit radius to maximum possible for the button dimensions
+        const maxRadius = Math.min(width / 2, height / 2);
+        const effectiveRadius = Math.min(this.borderRadiusPx, maxRadius);
+        // Shadow
+        graphics.fillStyle(Color.hex('black'), SHADOW_OPACITY);
+        graphics.fillRoundedRect(shadowPadding, shadowPadding + SHADOW_OFFSET, width, height, effectiveRadius);
+        graphics.generateTexture(textureKey, textureWidth, textureHeight);
+        graphics.destroy();
+        return textureKey;
+    }
+    createBackgroundTexture(scene) {
+        const { width, height } = this.getButtonDimensions();
+        const textureKey = `textButton_bg_${this.backgroundColorValue}_${this.borderRadiusPx}_${width}_${height}`;
+        // Add some padding for texture
+        const padding = 8;
+        const textureWidth = width + padding * 2;
+        const textureHeight = height + padding * 2;
+        const graphics = scene.add.graphics();
+        // Limit radius to maximum possible for the button dimensions
+        const maxRadius = Math.min(width / 2, height / 2);
+        const effectiveRadius = Math.min(this.borderRadiusPx, maxRadius);
+        // Main background
+        graphics.fillStyle(Color.hex(this.backgroundColorValue), 1);
+        graphics.fillRoundedRect(padding, padding, width, height, effectiveRadius);
+        graphics.generateTexture(textureKey, textureWidth, textureHeight);
+        graphics.destroy();
+        return textureKey;
+    }
+    setupContainer() {
+        this.add([this.shadowSprite, this.backgroundSprite, this.buttonText]);
+    }
+    setupInteractivity(onClick) {
+        this.backgroundSprite.setInteractive({ useHandCursor: true });
+        // Hover effects
+        this.backgroundSprite.on('pointerover', () => {
+            this.scene.tweens.add({
+                targets: this,
+                scaleX: HOVER_SCALE,
+                scaleY: HOVER_SCALE,
+                duration: durations.hover,
+                ease: 'Back.easeOut',
+            });
+        });
+        this.backgroundSprite.on('pointerout', () => {
+            this.scene.tweens.add({
+                targets: this,
+                scaleX: 1,
+                scaleY: 1,
+                duration: durations.hover,
+                ease: 'Back.easeOut',
+            });
+        });
+        // Click effects
+        this.backgroundSprite.on('pointerdown', () => {
+            this.scene.tweens.add({
+                targets: [this.backgroundSprite, this.buttonText],
+                y: CLICK_OFFSET,
+                duration: durations.click,
+                ease: 'Linear',
+            });
+        });
+        this.backgroundSprite.on('pointerup', () => {
+            this.scene.tweens.add({
+                targets: [this.backgroundSprite, this.buttonText],
+                y: 0,
+                duration: durations.click,
+                ease: 'Linear',
+            });
+            onClick?.();
+        });
+    }
+}
+//# sourceMappingURL=text-button.js.map

package/dist/components/text-button/text-button.js.map

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

package/dist/components/text-button/text-button.spec.d.ts

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

package/dist/components/text-button/text-button.spec.d.ts.map

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

package/dist/components/text-button/text-button.spec.js

@@ -0,0 +1,196 @@
+/* eslint-disable sonarjs/no-duplicate-string */
+/* eslint-disable max-lines-per-function */
+/* eslint-disable no-magic-numbers */
+import { Scene } from 'phaser';
+import { describe, expect, it, vi } from 'vitest';
+// Mock phaser-wind
+vi.mock('phaser-wind', () => ({
+    Color: {
+        rgb: vi.fn((color) => `rgb-${color}`),
+        hex: vi.fn((color) => `hex-${color}`),
+    },
+}));
+// Mock the getPWFromScene utility
+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] || 16;
+            }),
+        },
+        spacing: {
+            px: vi.fn((spacing) => {
+                const spacings = { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 };
+                return spacings[spacing] || 12;
+            }),
+        },
+        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 = {
+                    sans: 'Arial, sans-serif',
+                    serif: 'Georgia, serif',
+                    mono: 'Courier, monospace',
+                };
+                return fonts[font] || 'Arial, sans-serif';
+            }),
+        },
+    })),
+}));
+// Mock Phaser
+vi.mock('phaser', () => {
+    class MockText {
+        text;
+        style;
+        constructor(_x, _y, text, style) {
+            this.text = text;
+            this.style = style;
+        }
+        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']) || 16;
+            return {
+                width: this.text.length * charWidth,
+                height: lineHeight,
+            };
+        }
+    }
+    class MockSprite {
+        // eslint-disable-next-line no-unused-vars
+        constructor(_x, _y, _texture) { }
+        setOrigin() {
+            return this;
+        }
+        setInteractive() {
+            return this;
+        }
+        setTexture() {
+            return this;
+        }
+        on() {
+            return this;
+        }
+    }
+    class MockGraphics {
+        fillStyle() {
+            return this;
+        }
+        fillRoundedRect() {
+            return this;
+        }
+        generateTexture() {
+            return this;
+        }
+        destroy() {
+            return this;
+        }
+    }
+    class MockContainer {
+        // eslint-disable-next-line no-unused-vars
+        constructor(_scene, _x, _y) {
+            this.scene = _scene;
+        }
+        add() {
+            return this;
+        }
+        scene;
+    }
+    class Scene {
+        add = {
+            text: vi.fn((x, y, text, style) => new MockText(x, y, text, style)),
+            sprite: vi.fn((x, y, texture) => new MockSprite(x, y, texture)),
+            graphics: vi.fn(() => new MockGraphics()),
+        };
+        tweens = { add: vi.fn() };
+    }
+    class BasePlugin {
+        constructor() { }
+    }
+    const GameObjects = { Container: MockContainer };
+    const Plugins = { BasePlugin };
+    return { GameObjects, Scene, Plugins };
+});
+import { TextButton } from './text-button';
+describe('TextButton', () => {
+    it('should create a TextButton instance', () => {
+        const scene = new Scene();
+        const textButton = new TextButton({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Click Me',
+        });
+        expect(textButton).toBeInstanceOf(TextButton);
+    });
+    it('should create with custom properties', () => {
+        const scene = new Scene();
+        const textButton = new TextButton({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Custom Button',
+            textSize: 'lg',
+            backgroundColor: 'red',
+            textColor: 'white',
+            borderRadius: 'lg',
+            margin: '4',
+        });
+        expect(textButton).toBeInstanceOf(TextButton);
+    });
+    it('should support method chaining', () => {
+        const scene = new Scene();
+        const textButton = new TextButton({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Test',
+        });
+        const result = textButton
+            .setText('Chained')
+            .setTextSize('lg')
+            .setBackgroundColor('green')
+            .setBorderRadius('lg')
+            .setMargin('4');
+        expect(result).toBe(textButton);
+    });
+    it('should handle borderRadius full correctly', () => {
+        const scene = new Scene();
+        const textButton = new TextButton({
+            scene,
+            x: 100,
+            y: 100,
+            text: 'Full Radius Test',
+            borderRadius: 'full',
+        });
+        expect(textButton).toBeInstanceOf(TextButton);
+        // Test setBorderRadius with 'full'
+        const result = textButton.setBorderRadius('full');
+        expect(result).toBe(textButton);
+    });
+});
+//# sourceMappingURL=text-button.spec.js.map

package/dist/components/text-button/text-button.spec.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hudini",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "🎩 Magical Phaser UI components - Reusable HUD elements for game development. Is magic, like a wizard",
   "type": "module",
   "main": "./dist/index.js",