phaser-wind 0.2.0 → 0.3.0

package/dist/core/color.d.ts

@@ -0,0 +1,287 @@
+import { pallete } from './pallete';
+export type ColorKey = keyof typeof pallete;
+export type ShadeKey = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
+export type ColorToken = `${ColorKey}-${ShadeKey}` | 'black' | 'white';
+/**
+ * Color utility functions
+ */
+export declare const Color: {
+    readonly getValueFromTheme: (key: ColorToken | string) => string | null;
+    /**
+     * Get RGB string for a color token or theme token
+     * @param color - Color token (e.g., 'blue-500') or theme token (e.g., 'primary', 'colors.primary')
+     * @returns RGB string format 'rgb(r, g, b)'
+     */
+    readonly rgb: (color: ColorToken | string) => string;
+    /**
+     * Get hex number for a color token or theme token
+     * @param color - Color token (e.g., 'blue-500') or theme token (e.g., 'primary', 'colors.primary')
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly hex: (color: ColorToken) => number;
+    /**
+     * Get RGB color value for slate color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly slate: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for gray color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly gray: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for zinc color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly zinc: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for neutral color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly neutral: (shade: ShadeKey) => string;
+    /**
+     * Get hex number for slate color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly slateHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for gray color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly grayHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for zinc color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly zincHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for neutral color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly neutralHex: (shade: ShadeKey) => number;
+    /**
+     * Get RGB color value for stone color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly stone: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for red color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly red: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for orange color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly orange: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for amber color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly amber: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for yellow color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly yellow: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for lime color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly lime: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for green color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly green: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for emerald color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly emerald: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for teal color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly teal: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for cyan color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly cyan: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for sky color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly sky: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for blue color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly blue: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for indigo color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly indigo: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for violet color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly violet: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for purple color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly purple: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for fuchsia color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly fuchsia: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for pink color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly pink: (shade: ShadeKey) => string;
+    /**
+     * Get RGB color value for rose color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    readonly rose: (shade: ShadeKey) => string;
+    /**
+     * Get hex number for stone color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly stoneHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for red color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly redHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for orange color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly orangeHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for amber color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly amberHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for yellow color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly yellowHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for lime color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly limeHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for green color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly greenHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for emerald color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly emeraldHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for teal color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly tealHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for cyan color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly cyanHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for sky color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly skyHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for blue color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly blueHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for indigo color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly indigoHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for violet color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly violetHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for purple color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly purpleHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for fuchsia color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly fuchsiaHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for pink color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly pinkHex: (shade: ShadeKey) => number;
+    /**
+     * Get hex number for rose color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    readonly roseHex: (shade: ShadeKey) => number;
+};
+//# 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":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,UAAU,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,GAAG,OAAO,GAAG,OAAO,CAAC;AAgDvE;;GAEG;AACH,eAAO,MAAM,KAAK;sCACS,UAAU,GAAG,MAAM,KAAG,MAAM,GAAG,IAAI;IAQ5D;;;;OAIG;0BACU,UAAU,GAAG,MAAM,KAAG,MAAM;IAiCzC;;;;OAIG;0BACU,UAAU,KAAG,MAAM;IA8BhC;;;;OAIG;4BACY,QAAQ;IAEvB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;+BACe,QAAQ;IAE1B;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;iCACiB,QAAQ;IAE5B;;;;OAIG;4BACY,QAAQ;IAEvB;;;;OAIG;0BACU,QAAQ;IAErB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;4BACY,QAAQ;IAEvB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;4BACY,QAAQ;IAEvB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;0BACU,QAAQ;IAErB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;2BACW,QAAQ;IAEtB;;;;OAIG;+BACe,QAAQ;IAE1B;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;gCACgB,QAAQ;IAE3B;;;;OAIG;+BACe,QAAQ;IAE1B;;;;OAIG;gCACgB,QAAQ;IAE3B;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;+BACe,QAAQ;IAE1B;;;;OAIG;iCACiB,QAAQ;IAE5B;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;6BACa,QAAQ;IAExB;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;gCACgB,QAAQ;IAE3B;;;;OAIG;gCACgB,QAAQ;IAE3B;;;;OAIG;gCACgB,QAAQ;IAE3B;;;;OAIG;iCACiB,QAAQ;IAE5B;;;;OAIG;8BACc,QAAQ;IAEzB;;;;OAIG;8BACc,QAAQ;CACjB,CAAC"}

package/dist/core/color.js

@@ -0,0 +1,386 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+import { ThemeManager } from '../theme/theme-manager';
+import { isValidColor } from '../utils';
+import { pallete } from './pallete';
+/**
+ * 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
+ */
+const convertRgbToNumber = (rgbValue) => {
+    const matches = rgbValue.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+    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);
+};
+/**
+ * Color utility functions
+ */
+export const Color = {
+    getValueFromTheme: (key) => {
+        const value = ThemeManager.getToken(`colors.${key}`);
+        if (value === undefined) {
+            return null;
+        }
+        return value;
+    },
+    /**
+     * Get RGB string for a color token or theme token
+     * @param color - Color token (e.g., 'blue-500') or theme token (e.g., 'primary', 'colors.primary')
+     * @returns RGB string format 'rgb(r, g, b)'
+     */
+    rgb: (color) => {
+        const colorFromTheme = Color.getValueFromTheme(color);
+        if (colorFromTheme) {
+            return Color.rgb(colorFromTheme);
+        }
+        // If the color is not a theme token, it must be a color token
+        const parts = color.split('-');
+        if (parts.length === 2) {
+            const colorKey = parts[0];
+            const shade = parts[1];
+            const colorValue = pallete[colorKey]?.[shade];
+            if (!colorValue) {
+                if (isValidColor(color)) {
+                    return color;
+                }
+                throw new Error(`Color token "${colorKey}-${shade}" not found`);
+            }
+            return colorValue;
+        }
+        const colorValue = pallete[color];
+        if (!colorValue) {
+            if (isValidColor(color)) {
+                return color;
+            }
+            throw new Error(`Color token "${color}" not found`);
+        }
+        return colorValue;
+    },
+    /**
+     * Get hex number for a color token or theme token
+     * @param color - Color token (e.g., 'blue-500') or theme token (e.g., 'primary', 'colors.primary')
+     * @returns Hex number format 0xRRGGBB
+     */
+    hex: (color) => {
+        const colorFromTheme = Color.getValueFromTheme(color);
+        if (colorFromTheme) {
+            return Color.hex(colorFromTheme);
+        }
+        // If the color is not a theme token, it must be a color token
+        const parts = color.split('-');
+        if (parts.length === 2) {
+            const colorKey = parts[0];
+            const shade = parts[1];
+            const colorValue = pallete[colorKey]?.[shade];
+            if (!colorValue) {
+                if (isValidColor(color)) {
+                    return convertColorValueToNumber(color);
+                }
+                throw new Error(`Color token "${colorKey}-${shade}" not found`);
+            }
+            return convertColorValueToNumber(colorValue);
+        }
+        const colorToConvert = pallete[color];
+        if (isValidColor(colorToConvert)) {
+            return convertColorValueToNumber(colorToConvert);
+        }
+        throw new Error(`Color token "${color}" not found`);
+    },
+    /**
+     * Get RGB color value for slate color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    slate: (shade) => Color.rgb(`slate-${shade}`),
+    /**
+     * Get RGB color value for gray color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    gray: (shade) => Color.rgb(`gray-${shade}`),
+    /**
+     * Get RGB color value for zinc color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    zinc: (shade) => Color.rgb(`zinc-${shade}`),
+    /**
+     * Get RGB color value for neutral color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    neutral: (shade) => Color.rgb(`neutral-${shade}`),
+    /**
+     * Get hex number for slate color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    slateHex: (shade) => Color.hex(`slate-${shade}`),
+    /**
+     * Get hex number for gray color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    grayHex: (shade) => Color.hex(`gray-${shade}`),
+    /**
+     * Get hex number for zinc color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    zincHex: (shade) => Color.hex(`zinc-${shade}`),
+    /**
+     * Get hex number for neutral color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    neutralHex: (shade) => Color.hex(`neutral-${shade}`),
+    /**
+     * Get RGB color value for stone color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    stone: (shade) => Color.rgb(`stone-${shade}`),
+    /**
+     * Get RGB color value for red color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    red: (shade) => Color.rgb(`red-${shade}`),
+    /**
+     * Get RGB color value for orange color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    orange: (shade) => Color.rgb(`orange-${shade}`),
+    /**
+     * Get RGB color value for amber color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    amber: (shade) => Color.rgb(`amber-${shade}`),
+    /**
+     * Get RGB color value for yellow color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    yellow: (shade) => Color.rgb(`yellow-${shade}`),
+    /**
+     * Get RGB color value for lime color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    lime: (shade) => Color.rgb(`lime-${shade}`),
+    /**
+     * Get RGB color value for green color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    green: (shade) => Color.rgb(`green-${shade}`),
+    /**
+     * Get RGB color value for emerald color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    emerald: (shade) => Color.rgb(`emerald-${shade}`),
+    /**
+     * Get RGB color value for teal color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    teal: (shade) => Color.rgb(`teal-${shade}`),
+    /**
+     * Get RGB color value for cyan color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    cyan: (shade) => Color.rgb(`cyan-${shade}`),
+    /**
+     * Get RGB color value for sky color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    sky: (shade) => Color.rgb(`sky-${shade}`),
+    /**
+     * Get RGB color value for blue color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    blue: (shade) => Color.rgb(`blue-${shade}`),
+    /**
+     * Get RGB color value for indigo color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    indigo: (shade) => Color.rgb(`indigo-${shade}`),
+    /**
+     * Get RGB color value for violet color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    violet: (shade) => Color.rgb(`violet-${shade}`),
+    /**
+     * Get RGB color value for purple color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    purple: (shade) => Color.rgb(`purple-${shade}`),
+    /**
+     * Get RGB color value for fuchsia color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    fuchsia: (shade) => Color.rgb(`fuchsia-${shade}`),
+    /**
+     * Get RGB color value for pink color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    pink: (shade) => Color.rgb(`pink-${shade}`),
+    /**
+     * Get RGB color value for rose color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns RGB color value in format 'rgb(R, G, B)'
+     */
+    rose: (shade) => Color.rgb(`rose-${shade}`),
+    /**
+     * Get hex number for stone color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    stoneHex: (shade) => Color.hex(`stone-${shade}`),
+    /**
+     * Get hex number for red color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    redHex: (shade) => Color.hex(`red-${shade}`),
+    /**
+     * Get hex number for orange color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    orangeHex: (shade) => Color.hex(`orange-${shade}`),
+    /**
+     * Get hex number for amber color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    amberHex: (shade) => Color.hex(`amber-${shade}`),
+    /**
+     * Get hex number for yellow color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    yellowHex: (shade) => Color.hex(`yellow-${shade}`),
+    /**
+     * Get hex number for lime color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    limeHex: (shade) => Color.hex(`lime-${shade}`),
+    /**
+     * Get hex number for green color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    greenHex: (shade) => Color.hex(`green-${shade}`),
+    /**
+     * Get hex number for emerald color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    emeraldHex: (shade) => Color.hex(`emerald-${shade}`),
+    /**
+     * Get hex number for teal color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    tealHex: (shade) => Color.hex(`teal-${shade}`),
+    /**
+     * Get hex number for cyan color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    cyanHex: (shade) => Color.hex(`cyan-${shade}`),
+    /**
+     * Get hex number for sky color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    skyHex: (shade) => Color.hex(`sky-${shade}`),
+    /**
+     * Get hex number for blue color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    blueHex: (shade) => Color.hex(`blue-${shade}`),
+    /**
+     * Get hex number for indigo color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    indigoHex: (shade) => Color.hex(`indigo-${shade}`),
+    /**
+     * Get hex number for violet color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    violetHex: (shade) => Color.hex(`violet-${shade}`),
+    /**
+     * Get hex number for purple color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    purpleHex: (shade) => Color.hex(`purple-${shade}`),
+    /**
+     * Get hex number for fuchsia color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    fuchsiaHex: (shade) => Color.hex(`fuchsia-${shade}`),
+    /**
+     * Get hex number for pink color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    pinkHex: (shade) => Color.hex(`pink-${shade}`),
+    /**
+     * Get hex number for rose color with specified shade
+     * @param shade - Shade key (e.g., '50', '100', '200', etc.)
+     * @returns Hex number format 0xRRGGBB
+     */
+    roseHex: (shade) => Color.hex(`rose-${shade}`),
+};
+//# sourceMappingURL=color.js.map