phaser-wind 0.2.0 → 0.4.0

package/dist/components/column.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=column.d.ts.map

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

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

package/dist/components/column.js

@@ -0,0 +1,7 @@
+"use strict";
+// export class Column extends Phaser.GameObjects.Container {
+//   constructor(scene: Scene, x: number, y: number, width: number, height: number, children: GameObjects.Container[]) {
+//     super(scene, x, y, width, height);
+//   }
+// }
+//# sourceMappingURL=column.js.map

package/dist/components/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.ts"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,wHAAwH;AACxH,yCAAyC;AACzC,MAAM;AACN,IAAI"}

package/dist/core/color.d.ts

@@ -0,0 +1,154 @@
+import { BaseThemeConfig } from '../theme';
+import { palette } from './palette';
+/**
+ * Available color families from the built-in palette.
+ * Matches Tailwind CSS color families.
+ */
+export type ColorKey = keyof typeof palette;
+/**
+ * Available shade values for the color palette.
+ * Accepts string or numeric literal shades for convenience.
+ */
+export type ShadeKey = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+/**
+ * Color token combining a color family and a shade.
+ * Also accepts special tokens `black` and `white`.
+ *
+ * @example
+ * Color.rgb('blue-500') // => 'rgb(59, 130, 246)'
+ * Color.hex('black') // => 0x000000
+ */
+export type ColorToken = `${ColorKey}-${ShadeKey}` | 'black' | 'white';
+/**
+ * Color utility API interface
+ * Provides methods to work with colors in different formats
+ */
+/**
+ * API for resolving colors to RGB strings or Hex numbers.
+ * When parameterized with a theme type `T`, accepts either palette tokens or `keyof T`.
+ *
+ * @typeParam T - Theme colors map (e.g. `{ primary: 'blue-500' }`)
+ * @example
+ * const c = createColor();
+ * c.rgb('red-500');
+ * c.hex('white');
+ */
+export type Color<T = BaseThemeConfig['colors']> = {
+    /** Get RGB string representation of a color */
+    rgb(color: ColorToken | keyof T): string;
+    /** Get hex number representation of a color */
+    hex(color: ColorToken | keyof T): number;
+    /** Get RGB string for slate color with specified shade */
+    slate(shade: ShadeKey): string;
+    /** Get RGB string for gray color with specified shade */
+    gray(shade: ShadeKey): string;
+    /** Get RGB string for zinc color with specified shade */
+    zinc(shade: ShadeKey): string;
+    /** Get RGB string for neutral color with specified shade */
+    neutral(shade: ShadeKey): string;
+    /** Get RGB string for stone color with specified shade */
+    stone(shade: ShadeKey): string;
+    /** Get RGB string for red color with specified shade */
+    red(shade: ShadeKey): string;
+    /** Get RGB string for orange color with specified shade */
+    orange(shade: ShadeKey): string;
+    /** Get RGB string for amber color with specified shade */
+    amber(shade: ShadeKey): string;
+    /** Get RGB string for yellow color with specified shade */
+    yellow(shade: ShadeKey): string;
+    /** Get RGB string for lime color with specified shade */
+    lime(shade: ShadeKey): string;
+    /** Get RGB string for green color with specified shade */
+    green(shade: ShadeKey): string;
+    /** Get RGB string for emerald color with specified shade */
+    emerald(shade: ShadeKey): string;
+    /** Get RGB string for teal color with specified shade */
+    teal(shade: ShadeKey): string;
+    /** Get RGB string for cyan color with specified shade */
+    cyan(shade: ShadeKey): string;
+    /** Get RGB string for sky color with specified shade */
+    sky(shade: ShadeKey): string;
+    /** Get RGB string for blue color with specified shade */
+    blue(shade: ShadeKey): string;
+    /** Get RGB string for indigo color with specified shade */
+    indigo(shade: ShadeKey): string;
+    /** Get RGB string for violet color with specified shade */
+    violet(shade: ShadeKey): string;
+    /** Get RGB string for purple color with specified shade */
+    purple(shade: ShadeKey): string;
+    /** Get RGB string for fuchsia color with specified shade */
+    fuchsia(shade: ShadeKey): string;
+    /** Get RGB string for pink color with specified shade */
+    pink(shade: ShadeKey): string;
+    /** Get RGB string for rose color with specified shade */
+    rose(shade: ShadeKey): string;
+    /** Get hex number for slate color with specified shade */
+    slateHex(shade: ShadeKey): number;
+    /** Get hex number for gray color with specified shade */
+    grayHex(shade: ShadeKey): number;
+    /** Get hex number for zinc color with specified shade */
+    zincHex(shade: ShadeKey): number;
+    /** Get hex number for neutral color with specified shade */
+    neutralHex(shade: ShadeKey): number;
+    /** Get hex number for stone color with specified shade */
+    stoneHex(shade: ShadeKey): number;
+    /** Get hex number for red color with specified shade */
+    redHex(shade: ShadeKey): number;
+    /** Get hex number for orange color with specified shade */
+    orangeHex(shade: ShadeKey): number;
+    /** Get hex number for amber color with specified shade */
+    amberHex(shade: ShadeKey): number;
+    /** Get hex number for yellow color with specified shade */
+    yellowHex(shade: ShadeKey): number;
+    /** Get hex number for lime color with specified shade */
+    limeHex(shade: ShadeKey): number;
+    /** Get hex number for green color with specified shade */
+    greenHex(shade: ShadeKey): number;
+    /** Get hex number for emerald color with specified shade */
+    emeraldHex(shade: ShadeKey): number;
+    /** Get hex number for teal color with specified shade */
+    tealHex(shade: ShadeKey): number;
+    /** Get hex number for cyan color with specified shade */
+    cyanHex(shade: ShadeKey): number;
+    /** Get hex number for sky color with specified shade */
+    skyHex(shade: ShadeKey): number;
+    /** Get hex number for blue color with specified shade */
+    blueHex(shade: ShadeKey): number;
+    /** Get hex number for indigo color with specified shade */
+    indigoHex(shade: ShadeKey): number;
+    /** Get hex number for violet color with specified shade */
+    violetHex(shade: ShadeKey): number;
+    /** Get hex number for purple color with specified shade */
+    purpleHex(shade: ShadeKey): number;
+    /** Get hex number for fuchsia color with specified shade */
+    fuchsiaHex(shade: ShadeKey): number;
+    /** Get hex number for pink color with specified shade */
+    pinkHex(shade: ShadeKey): number;
+    /** Get hex number for rose color with specified shade */
+    roseHex(shade: ShadeKey): number;
+};
+/**
+ * Factory that creates a color utility API based on the provided theme colors
+ * @param themeColors - Theme colors configuration
+ * @returns Color utility API instance
+ */
+/**
+ * Create a color API bound to an optional theme colors map.
+ * If a key exists in `themeColors`, it will be resolved to a palette token and then to RGB/Hex.
+ *
+ * @typeParam T - Theme colors map
+ * @param themeColors - Optional map of theme color tokens
+ * @example
+ * const c = createColor({ primary: 'blue-500' });
+ * c.rgb('primary'); // rgb(59, 130, 246)
+ */
+export declare const createColor: <T = BaseThemeConfig["colors"]>(themeColors: T) => Color<T>;
+/**
+ * Convenience instance using only the default palette tokens (no theme).
+ *
+ * @example
+ * Color.rgb('emerald-400')
+ * Color.hex('black')
+ */
+export declare const Color: Color<Record<string, never>>;
+//# sourceMappingURL=color.d.ts.map

package/dist/core/color.d.ts.map

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

package/dist/core/color.js

@@ -0,0 +1,205 @@
+import { isValidColor } from '../utils';
+import { palette } from './palette';
+/** Regular expression to match RGB color format */
+const RGB_REGEX = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/;
+/**
+ * Convert hex color value to number
+ * @param hexValue - Hex color value (e.g., '#ff0000')
+ * @returns Number representation of hex color
+ */
+const convertHexToNumber = (hexValue) => {
+    const hex = hexValue.slice(1);
+    if (hex.length === 3) {
+        const r = parseInt(hex[0] + hex[0], 16);
+        const g = parseInt(hex[1] + hex[1], 16);
+        const b = parseInt(hex[2] + hex[2], 16);
+        return (r << 16) + (g << 8) + b;
+    }
+    return parseInt(hex, 16);
+};
+/**
+ * Convert RGB color value to number
+ * @param rgbValue - RGB color value (e.g., 'rgb(255, 0, 0)')
+ * @returns Number representation of RGB color
+ * @throws {Error} If RGB format is invalid
+ */
+const convertRgbToNumber = (rgbValue) => {
+    const matches = rgbValue.match(RGB_REGEX);
+    if (!matches) {
+        throw new Error(`Invalid RGB format: ${rgbValue}`);
+    }
+    const r = parseInt(matches[1]);
+    const g = parseInt(matches[2]);
+    const b = parseInt(matches[3]);
+    return (r << 16) + (g << 8) + b;
+};
+/**
+ * Convert color value to number
+ * @param colorValue - Color value (e.g., '#ff0000' or 'rgb(255, 0, 0)')
+ * @returns Number representation of color
+ */
+const convertColorValueToNumber = (colorValue) => {
+    if (colorValue.startsWith('#')) {
+        return convertHexToNumber(colorValue);
+    }
+    return convertRgbToNumber(colorValue);
+};
+/**
+ * Factory that creates a color utility API based on the provided theme colors
+ * @param themeColors - Theme colors configuration
+ * @returns Color utility API instance
+ */
+/**
+ * Create a color API bound to an optional theme colors map.
+ * If a key exists in `themeColors`, it will be resolved to a palette token and then to RGB/Hex.
+ *
+ * @typeParam T - Theme colors map
+ * @param themeColors - Optional map of theme color tokens
+ * @example
+ * const c = createColor({ primary: 'blue-500' });
+ * c.rgb('primary'); // rgb(59, 130, 246)
+ */
+export const createColor = (themeColors) => {
+    /**
+     * Get color value from theme configuration
+     * @param key - Color token or theme color key
+     * @returns Color value from theme or null if not found
+     */
+    const getValueFromTheme = (key) => {
+        if (themeColors && key in themeColors) {
+            return themeColors[key];
+        }
+        return null;
+    };
+    /**
+     * Get RGB string representation of a color
+     * @param color - Color token, theme color key or valid color string
+     * @returns RGB color string
+     * @throws {Error} If color token is not found
+     */
+    const rgb = (color) => {
+        // Runtime supports direct CSS strings for flexibility, but
+        // the public type restricts to palette tokens or theme keys.
+        if (typeof color === 'string' && isValidColor(color)) {
+            return color;
+        }
+        const colorFromTheme = getValueFromTheme(color);
+        if (colorFromTheme) {
+            return rgb(colorFromTheme);
+        }
+        const parts = color.split('-');
+        if (parts.length === 2) {
+            const colorKey = parts[0];
+            const shade = parts[1];
+            const colorValue = palette[colorKey]?.[shade];
+            if (!colorValue) {
+                if (isValidColor(color)) {
+                    return color;
+                }
+                throw new Error(`Color token "${colorKey}-${shade}" not found`);
+            }
+            return colorValue;
+        }
+        const colorValue = palette[color];
+        if (!colorValue) {
+            if (isValidColor(color)) {
+                return color;
+            }
+            throw new Error(`Color token "${color}" not found`);
+        }
+        return colorValue;
+    };
+    /**
+     * Get hex number representation of a color
+     * @param color - Color token, theme color key or valid color string
+     * @returns Hex color number
+     * @throws {Error} If color token is not found
+     */
+    const hex = (color) => {
+        // See note in rgb()
+        if (typeof color === 'string' && isValidColor(color)) {
+            return convertColorValueToNumber(color);
+        }
+        const colorFromTheme = getValueFromTheme(color);
+        if (colorFromTheme) {
+            return hex(colorFromTheme);
+        }
+        const parts = color.split('-');
+        if (parts.length === 2) {
+            const colorKey = parts[0];
+            const shade = parts[1];
+            const colorValue = palette[colorKey]?.[shade];
+            if (!colorValue) {
+                if (isValidColor(color)) {
+                    return convertColorValueToNumber(color);
+                }
+                throw new Error(`Color token "${colorKey}-${shade}" not found`);
+            }
+            return convertColorValueToNumber(colorValue);
+        }
+        const colorToConvert = palette[color];
+        if (isValidColor(colorToConvert)) {
+            return convertColorValueToNumber(colorToConvert);
+        }
+        throw new Error(`Color token "${color}" not found`);
+    };
+    const api = {
+        rgb,
+        hex,
+        slate: (shade) => rgb(`slate-${shade}`),
+        gray: (shade) => rgb(`gray-${shade}`),
+        zinc: (shade) => rgb(`zinc-${shade}`),
+        neutral: (shade) => rgb(`neutral-${shade}`),
+        stone: (shade) => rgb(`stone-${shade}`),
+        red: (shade) => rgb(`red-${shade}`),
+        orange: (shade) => rgb(`orange-${shade}`),
+        amber: (shade) => rgb(`amber-${shade}`),
+        yellow: (shade) => rgb(`yellow-${shade}`),
+        lime: (shade) => rgb(`lime-${shade}`),
+        green: (shade) => rgb(`green-${shade}`),
+        emerald: (shade) => rgb(`emerald-${shade}`),
+        teal: (shade) => rgb(`teal-${shade}`),
+        cyan: (shade) => rgb(`cyan-${shade}`),
+        sky: (shade) => rgb(`sky-${shade}`),
+        blue: (shade) => rgb(`blue-${shade}`),
+        indigo: (shade) => rgb(`indigo-${shade}`),
+        violet: (shade) => rgb(`violet-${shade}`),
+        purple: (shade) => rgb(`purple-${shade}`),
+        fuchsia: (shade) => rgb(`fuchsia-${shade}`),
+        pink: (shade) => rgb(`pink-${shade}`),
+        rose: (shade) => rgb(`rose-${shade}`),
+        slateHex: (shade) => hex(`slate-${shade}`),
+        grayHex: (shade) => hex(`gray-${shade}`),
+        zincHex: (shade) => hex(`zinc-${shade}`),
+        neutralHex: (shade) => hex(`neutral-${shade}`),
+        stoneHex: (shade) => hex(`stone-${shade}`),
+        redHex: (shade) => hex(`red-${shade}`),
+        orangeHex: (shade) => hex(`orange-${shade}`),
+        amberHex: (shade) => hex(`amber-${shade}`),
+        yellowHex: (shade) => hex(`yellow-${shade}`),
+        limeHex: (shade) => hex(`lime-${shade}`),
+        greenHex: (shade) => hex(`green-${shade}`),
+        emeraldHex: (shade) => hex(`emerald-${shade}`),
+        tealHex: (shade) => hex(`teal-${shade}`),
+        cyanHex: (shade) => hex(`cyan-${shade}`),
+        skyHex: (shade) => hex(`sky-${shade}`),
+        blueHex: (shade) => hex(`blue-${shade}`),
+        indigoHex: (shade) => hex(`indigo-${shade}`),
+        violetHex: (shade) => hex(`violet-${shade}`),
+        purpleHex: (shade) => hex(`purple-${shade}`),
+        fuchsiaHex: (shade) => hex(`fuchsia-${shade}`),
+        pinkHex: (shade) => hex(`pink-${shade}`),
+        roseHex: (shade) => hex(`rose-${shade}`),
+    };
+    return api;
+};
+/**
+ * Convenience instance using only the default palette tokens (no theme).
+ *
+ * @example
+ * Color.rgb('emerald-400')
+ * Color.hex('black')
+ */
+// eslint-disable-next-line no-redeclare
+export const Color = createColor({});
+//# sourceMappingURL=color.js.map

package/dist/core/color.js.map

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

package/dist/core/color.spec.d.ts

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

package/dist/core/color.spec.d.ts.map

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

package/dist/core/color.spec.js

@@ -0,0 +1,243 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable max-lines-per-function */
+import { beforeEach, describe, expect, it } from 'vitest';
+import { createTheme } from '../theme';
+import { createColor, Color as ColorDefault, } from './color';
+const RED_500_RGB = 'rgb(239, 68, 68)';
+const SLATE_50_RGB = 'rgb(248, 250, 252)';
+const RED_500_TOKEN = 'red-500';
+const SLATE_50_TOKEN = '50';
+const BLUE_500_TOKEN = '500';
+describe('ColorPicker', () => {
+    let color;
+    beforeEach(() => {
+        const fakeTheme = createTheme({
+            colors: {
+                primary: 'red-500',
+                secondary: 'slate-50',
+                another: '#ff9887',
+            },
+        });
+        color = createColor(fakeTheme);
+    });
+    describe('rgb method', () => {
+        it.each([
+            // slate
+            ['slate-50', SLATE_50_RGB],
+            ['slate-100', 'rgb(241, 245, 249)'],
+            ['slate-200', 'rgb(226, 232, 240)'],
+            ['slate-300', 'rgb(203, 213, 225)'],
+            ['slate-400', 'rgb(148, 163, 184)'],
+            ['slate-500', 'rgb(100, 116, 139)'],
+            ['slate-600', 'rgb(71, 85, 105)'],
+            ['slate-700', 'rgb(51, 65, 85)'],
+            ['slate-800', 'rgb(30, 41, 59)'],
+            ['slate-900', 'rgb(15, 23, 42)'],
+            ['slate-950', 'rgb(2, 6, 23)'],
+            // gray
+            ['gray-50', 'rgb(249, 250, 251)'],
+            ['gray-100', 'rgb(243, 244, 246)'],
+            ['gray-200', 'rgb(229, 231, 235)'],
+            ['gray-300', 'rgb(209, 213, 219)'],
+            ['gray-400', 'rgb(156, 163, 175)'],
+            ['gray-500', 'rgb(107, 114, 128)'],
+            ['gray-600', 'rgb(75, 85, 99)'],
+            ['gray-700', 'rgb(55, 65, 81)'],
+            ['gray-800', 'rgb(31, 41, 55)'],
+            ['gray-900', 'rgb(17, 24, 39)'],
+            ['gray-950', 'rgb(3, 7, 18)'],
+            // zinc
+            ['zinc-50', 'rgb(250, 250, 250)'],
+            ['zinc-100', 'rgb(244, 244, 245)'],
+            ['zinc-200', 'rgb(228, 228, 231)'],
+            ['zinc-300', 'rgb(212, 212, 216)'],
+            ['zinc-400', 'rgb(161, 161, 170)'],
+            ['zinc-500', 'rgb(113, 113, 122)'],
+            ['zinc-600', 'rgb(82, 82, 91)'],
+            ['zinc-700', 'rgb(63, 63, 70)'],
+            ['zinc-800', 'rgb(39, 39, 42)'],
+            ['zinc-900', 'rgb(24, 24, 27)'],
+            ['zinc-950', 'rgb(9, 9, 11)'],
+            // red
+            ['red-50', 'rgb(254, 242, 242)'],
+            ['red-100', 'rgb(254, 226, 226)'],
+            ['red-200', 'rgb(254, 202, 202)'],
+            ['red-300', 'rgb(252, 165, 165)'],
+            ['red-400', 'rgb(248, 113, 113)'],
+            ['red-500', RED_500_RGB],
+            ['red-600', 'rgb(220, 38, 38)'],
+            ['red-700', 'rgb(185, 28, 28)'],
+            ['red-800', 'rgb(153, 27, 27)'],
+            ['red-900', 'rgb(127, 29, 29)'],
+            ['red-950', 'rgb(69, 10, 10)'],
+            // blue
+            ['blue-50', 'rgb(239, 246, 255)'],
+            ['blue-100', 'rgb(219, 234, 254)'],
+            ['blue-200', 'rgb(191, 219, 254)'],
+            ['blue-300', 'rgb(147, 197, 253)'],
+            ['blue-400', 'rgb(96, 165, 250)'],
+            ['blue-500', 'rgb(59, 130, 246)'],
+            ['blue-600', 'rgb(37, 99, 235)'],
+            ['blue-700', 'rgb(29, 78, 216)'],
+            ['blue-800', 'rgb(30, 64, 175)'],
+            ['blue-900', 'rgb(30, 58, 138)'],
+            ['blue-950', 'rgb(23, 37, 84)'],
+            // green
+            ['green-50', 'rgb(240, 253, 244)'],
+            ['green-100', 'rgb(220, 252, 231)'],
+            ['green-200', 'rgb(187, 247, 208)'],
+            ['green-300', 'rgb(134, 239, 172)'],
+            ['green-400', 'rgb(74, 222, 128)'],
+            ['green-500', 'rgb(34, 197, 94)'],
+            ['green-600', 'rgb(22, 163, 74)'],
+            ['green-700', 'rgb(21, 128, 61)'],
+            ['green-800', 'rgb(22, 101, 52)'],
+            ['green-900', 'rgb(20, 83, 45)'],
+            ['green-950', 'rgb(5, 46, 22)'],
+            // special colors
+            ['black', '#000'],
+            ['white', '#fff'],
+        ])('should convert %s to rgb %s', (colorToken, expected) => {
+            expect(color.rgb(colorToken)).toBe(expected);
+        });
+        // With stronger typing, direct CSS strings are not allowed by the type system.
+        // Runtime still supports them when needed, but they are intentionally not tested here.
+        it('should return the theme color when pass a token', () => {
+            const color = createColor({
+                primary: 'red-500',
+                secondary: 'slate-50',
+            });
+            expect(color.rgb('primary')).toBe('rgb(239, 68, 68)');
+            expect(color.rgb('secondary')).toBe('rgb(248, 250, 252)');
+        });
+    });
+    describe('default Color constant (no theme)', () => {
+        it('should resolve palette tokens via Color constant', () => {
+            expect(ColorDefault.rgb(RED_500_TOKEN)).toBe(RED_500_RGB);
+            expect(ColorDefault.slate(SLATE_50_TOKEN)).toBe(SLATE_50_RGB);
+            expect(ColorDefault.blueHex(BLUE_500_TOKEN)).toBe(0x3b82f6);
+        });
+        it('should throw for unknown tokens', () => {
+            expect(() => ColorDefault.rgb('unknown-123')).toThrow();
+        });
+    });
+    describe('hex method', () => {
+        it.each([
+            // slate
+            ['slate-50', 0xf8fafc],
+            ['slate-100', 0xf1f5f9],
+            ['slate-200', 0xe2e8f0],
+            ['slate-300', 0xcbd5e1],
+            ['slate-400', 0x94a3b8],
+            ['slate-500', 0x64748b],
+            ['slate-600', 0x475569],
+            ['slate-700', 0x334155],
+            ['slate-800', 0x1e293b],
+            ['slate-900', 0x0f172a],
+            ['slate-950', 0x020617],
+            // gray
+            ['gray-50', 0xf9fafb],
+            ['gray-100', 0xf3f4f6],
+            ['gray-200', 0xe5e7eb],
+            ['gray-300', 0xd1d5db],
+            ['gray-400', 0x9ca3af],
+            ['gray-500', 0x6b7280],
+            ['gray-600', 0x4b5563],
+            ['gray-700', 0x374151],
+            ['gray-800', 0x1f2937],
+            ['gray-900', 0x111827],
+            ['gray-950', 0x030712],
+            // zinc
+            ['zinc-50', 0xfafafa],
+            ['zinc-100', 0xf4f4f5],
+            ['zinc-200', 0xe4e4e7],
+            ['zinc-300', 0xd4d4d8],
+            ['zinc-400', 0xa1a1aa],
+            ['zinc-500', 0x71717a],
+            ['zinc-600', 0x52525b],
+            ['zinc-700', 0x3f3f46],
+            ['zinc-800', 0x27272a],
+            ['zinc-900', 0x18181b],
+            ['zinc-950', 0x09090b],
+            // red
+            ['red-50', 0xfef2f2],
+            ['red-100', 0xfee2e2],
+            ['red-200', 0xfecaca],
+            ['red-300', 0xfca5a5],
+            ['red-400', 0xf87171],
+            ['red-500', 0xef4444],
+            ['red-600', 0xdc2626],
+            ['red-700', 0xb91c1c],
+            ['red-800', 0x991b1b],
+            ['red-900', 0x7f1d1d],
+            ['red-950', 0x450a0a],
+            // blue
+            ['blue-50', 0xeff6ff],
+            ['blue-100', 0xdbeafe],
+            ['blue-200', 0xbfdbfe],
+            ['blue-300', 0x93c5fd],
+            ['blue-400', 0x60a5fa],
+            ['blue-500', 0x3b82f6],
+            ['blue-600', 0x2563eb],
+            ['blue-700', 0x1d4ed8],
+            ['blue-800', 0x1e40af],
+            ['blue-900', 0x1e3a8a],
+            ['blue-950', 0x172554],
+            // green
+            ['green-50', 0xf0fdf4],
+            ['green-100', 0xdcfce7],
+            ['green-200', 0xbbf7d0],
+            ['green-300', 0x86efac],
+            ['green-400', 0x4ade80],
+            ['green-500', 0x22c55e],
+            ['green-600', 0x16a34a],
+            ['green-700', 0x15803d],
+            ['green-800', 0x166534],
+            ['green-900', 0x14532d],
+            ['green-950', 0x052e16],
+            // special colors
+            ['black', 0x000000],
+            ['white', 0xffffff],
+        ])('should convert %s to hex 0x%s', (colorToken, expected) => {
+            expect(color.hex(colorToken)).toBe(expected);
+        });
+    });
+    describe('error handling', () => {
+        it('should throw an error for invalid color token', () => {
+            expect(() => color.rgb('invalid-color')).toThrow('Color token "invalid-color" not found');
+        });
+        it('should throw an error for invalid shade', () => {
+            expect(() => color.rgb('red-999')).toThrow('Color token "red-999" not found');
+        });
+        it('should throw an error for invalid color key', () => {
+            expect(() => color.hex('purples-500')).toThrow('Color token "purples-500" not found');
+        });
+    });
+    describe('theme integration', () => {
+        const fakeTheme = createTheme({
+            colors: {
+                primary: 'red-500',
+                secondary: 'slate-50',
+                another: '#ff9887',
+            },
+        });
+        const color = createColor(fakeTheme.colors);
+        it('should resolve theme token with colors. prefix', () => {
+            expect(color.rgb('primary')).toBe(RED_500_RGB);
+            expect(color.rgb('secondary')).toBe(SLATE_50_RGB);
+            expect(color.rgb('another')).toBe('#ff9887');
+        });
+        it('should resolve theme token without colors. prefix', () => {
+            expect(color.rgb('primary')).toBe(RED_500_RGB);
+            expect(color.rgb('secondary')).toBe(SLATE_50_RGB);
+        });
+        it('should convert theme tokens to hex', () => {
+            expect(color.hex('primary')).toBe(0xef4444);
+            expect(color.hex('secondary')).toBe(0xf8fafc);
+        });
+        it('should throw an error if theme token is not found', () => {
+            expect(() => color.rgb('colors.not-found')).toThrow('Color token "colors.not-found" not found');
+        });
+    });
+});
+//# sourceMappingURL=color.spec.js.map