@rb-games/core 0.1.0

package/dist/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../filters/ChromaKeyFilter.ts"],"names":["ChromaKeyMode"],"mappings":"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","file":"index.js","sourcesContent":["import { Filter, GlProgram } from 'pixi.js';\n\n/**\n * Chroma key algorithm modes.\n * - `rgb`: Simple RGB Euclidean distance (legacy)\n * - `hsv`: Hue-based keying with saturation threshold\n * - `ycbcr`: YCbCr color space (TV/video standard)\n * - `colorDiff`: YCbCr + Color Difference hybrid (best quality, default)\n */\nexport enum ChromaKeyMode {\n  RGB = 0,\n  HSV = 1,\n  YCbCr = 2,\n  ColorDiff = 3,\n}\n\nconst vertex = `\n  in vec2 aPosition;\n  out vec2 vTextureCoord;\n\n  uniform vec4 uInputSize;\n  uniform vec4 uOutputFrame;\n  uniform vec4 uOutputTexture;\n\n  vec4 filterVertexPosition(void)\n  {\n    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;\n    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;\n    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;\n    return vec4(position, 0.0, 1.0);\n  }\n\n  vec2 filterTextureCoord(void)\n  {\n    return aPosition * (uOutputFrame.zw * uInputSize.zw);\n  }\n\n  void main(void)\n  {\n    gl_Position = filterVertexPosition();\n    vTextureCoord = filterTextureCoord();\n  }\n`;\n\nconst fragment = `\n  in vec2 vTextureCoord;\n\n  uniform sampler2D uTexture;\n  uniform vec3 uKeyColor;\n  uniform float uSimilarity;\n  uniform float uSmoothness;\n  uniform int uMode;\n  uniform float uMinSaturation;\n\n  out vec4 finalColor;\n\n  // Convert RGB to HSV\n  vec3 rgb2hsv(vec3 c) {\n    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n    float d = q.x - min(q.w, q.y);\n    float e = 1.0e-10;\n    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n  }\n\n  // Convert RGB to YCbCr\n  vec3 rgb2ycbcr(vec3 c) {\n    float y = 0.299 * c.r + 0.587 * c.g + 0.114 * c.b;\n    float cb = 0.564 * (c.b - y);\n    float cr = 0.713 * (c.r - y);\n    return vec3(y, cb, cr);\n  }\n\n  // RGB mode: Simple Euclidean distance\n  float calcAlphaRGB(vec3 color, vec3 keyColor, float similarity, float smoothness) {\n    float dist = distance(color, keyColor);\n    return smoothstep(similarity, similarity + smoothness, dist);\n  }\n\n  // HSV mode: Hue-based keying with saturation threshold\n  float calcAlphaHSV(vec3 color, vec3 keyColor, float similarity, float smoothness, float minSat) {\n    vec3 hsv = rgb2hsv(color);\n    vec3 keyHsv = rgb2hsv(keyColor);\n    \n    // Protect low saturation colors (grays)\n    if (hsv.y < minSat) return 1.0;\n    \n    // Circular hue distance\n    float hueDist = abs(hsv.x - keyHsv.x);\n    hueDist = min(hueDist, 1.0 - hueDist);\n    \n    // Also consider saturation difference\n    float satDist = abs(hsv.y - keyHsv.y) * 0.5;\n    float dist = hueDist + satDist;\n    \n    return smoothstep(similarity * 0.5, (similarity + smoothness) * 0.5, dist);\n  }\n\n  // YCbCr mode: Chrominance-based keying\n  float calcAlphaYCbCr(vec3 color, vec3 keyColor, float similarity, float smoothness) {\n    vec3 ycbcr = rgb2ycbcr(color);\n    vec3 keyYcbcr = rgb2ycbcr(keyColor);\n    \n    // Only compare chrominance (Cb, Cr), ignore luminance\n    float dist = distance(ycbcr.yz, keyYcbcr.yz);\n    return smoothstep(similarity * 0.5, (similarity + smoothness) * 0.5, dist);\n  }\n\n  // ColorDiff mode: YCbCr + Color Difference hybrid (best quality)\n  float calcAlphaColorDiff(vec3 color, vec3 keyColor, float similarity, float smoothness, float minSat) {\n    vec3 hsv = rgb2hsv(color);\n    \n    // Protect low saturation colors (grays, whites, blacks)\n    if (hsv.y < minSat) return 1.0;\n    \n    vec3 ycbcr = rgb2ycbcr(color);\n    vec3 keyYcbcr = rgb2ycbcr(keyColor);\n    \n    // Chrominance distance\n    float chromaDist = distance(ycbcr.yz, keyYcbcr.yz);\n    \n    // Color difference: for green key, green should dominate\n    // For other keys, the dominant channel should match\n    float maxRB = max(color.r, color.b);\n    float maxRG = max(color.r, color.g);\n    float maxGB = max(color.g, color.b);\n    \n    float keyMaxRB = max(keyColor.r, keyColor.b);\n    float keyMaxRG = max(keyColor.r, keyColor.g);\n    float keyMaxGB = max(keyColor.g, keyColor.b);\n    \n    // Calculate color difference based on key color's dominant channel\n    float colorDiff;\n    if (keyColor.g > keyColor.r && keyColor.g > keyColor.b) {\n      // Green key: green - max(red, blue)\n      float keyDiff = keyColor.g - keyMaxRB;\n      float pixelDiff = color.g - maxRB;\n      colorDiff = abs(pixelDiff - keyDiff);\n    } else if (keyColor.b > keyColor.r && keyColor.b > keyColor.g) {\n      // Blue key: blue - max(red, green)\n      float keyDiff = keyColor.b - keyMaxRG;\n      float pixelDiff = color.b - maxRG;\n      colorDiff = abs(pixelDiff - keyDiff);\n    } else {\n      // Red key: red - max(green, blue)\n      float keyDiff = keyColor.r - keyMaxGB;\n      float pixelDiff = color.r - maxGB;\n      colorDiff = abs(pixelDiff - keyDiff);\n    }\n    \n    // Combine chrominance distance and color difference\n    float combinedDist = chromaDist * 0.7 + colorDiff * 0.3;\n    \n    return smoothstep(similarity * 0.4, (similarity + smoothness) * 0.4, combinedDist);\n  }\n\n  void main(void)\n  {\n    vec4 color = texture(uTexture, vTextureCoord);\n    \n    float alpha;\n    \n    if (uMode == 0) {\n      // RGB mode\n      alpha = calcAlphaRGB(color.rgb, uKeyColor, uSimilarity, uSmoothness);\n    } else if (uMode == 1) {\n      // HSV mode\n      alpha = calcAlphaHSV(color.rgb, uKeyColor, uSimilarity, uSmoothness, uMinSaturation);\n    } else if (uMode == 2) {\n      // YCbCr mode\n      alpha = calcAlphaYCbCr(color.rgb, uKeyColor, uSimilarity, uSmoothness);\n    } else {\n      // ColorDiff mode (default)\n      alpha = calcAlphaColorDiff(color.rgb, uKeyColor, uSimilarity, uSmoothness, uMinSaturation);\n    }\n    \n    // Apply the calculated alpha\n    finalColor = vec4(color.rgb * alpha, color.a * alpha);\n  }\n`;\n\nexport interface ChromaKeyFilterOptions {\n  /** The color to make transparent. Default: 0x000000 (black) */\n  keyColor?: number;\n  /** How similar colors need to be to the key color to be removed (0-1). Default: 0.4 */\n  similarity?: number;\n  /** Smoothness of the edge transition (0-1). Default: 0.1 */\n  smoothness?: number;\n  /** Keying algorithm mode. Default: ChromaKeyMode.ColorDiff */\n  mode?: ChromaKeyMode;\n  /** Minimum saturation threshold to protect gray/white/black colors (0-1). Default: 0.1 */\n  minSaturation?: number;\n}\n\n/**\n * ChromaKeyFilter - Makes a specific color transparent in a texture/video.\n * Useful for green screen effects or removing black backgrounds from video sprites.\n *\n * @example\n * ```ts\n * // Remove black background\n * const filter = new ChromaKeyFilter({ keyColor: 0x000000 });\n * sprite.filters = [filter];\n *\n * // Remove green screen\n * const greenFilter = new ChromaKeyFilter({\n *   keyColor: 0x00ff00,\n *   similarity: 0.2,\n *   smoothness: 0.1\n * });\n * videoSprite.filters = [greenFilter];\n * ```\n */\nexport class ChromaKeyFilter extends Filter {\n  constructor(options: ChromaKeyFilterOptions = {}) {\n    const {\n      keyColor = 0x000000,\n      similarity = 0.4,\n      smoothness = 0.1,\n      mode = ChromaKeyMode.ColorDiff,\n      minSaturation = 0.1,\n    } = options;\n\n    // Convert hex color to RGB (0-1 range)\n    const r = ((keyColor >> 16) & 0xff) / 255;\n    const g = ((keyColor >> 8) & 0xff) / 255;\n    const b = (keyColor & 0xff) / 255;\n\n    super({\n      glProgram: new GlProgram({\n        fragment,\n        vertex,\n      }),\n      resources: {\n        chromaKeyUniforms: {\n          uKeyColor: { value: [r, g, b], type: 'vec3<f32>' },\n          uSimilarity: { value: similarity, type: 'f32' },\n          uSmoothness: { value: smoothness, type: 'f32' },\n          uMode: { value: mode, type: 'i32' },\n          uMinSaturation: { value: minSaturation, type: 'f32' },\n        },\n      },\n    });\n  }\n\n  /** The color to make transparent (hex value) */\n  get keyColor(): number {\n    const rgb = this.resources.chromaKeyUniforms.uniforms.uKeyColor as number[];\n    return ((rgb[0] * 255) << 16) | ((rgb[1] * 255) << 8) | (rgb[2] * 255);\n  }\n\n  set keyColor(value: number) {\n    const r = ((value >> 16) & 0xff) / 255;\n    const g = ((value >> 8) & 0xff) / 255;\n    const b = (value & 0xff) / 255;\n    (this.resources.chromaKeyUniforms.uniforms.uKeyColor as number[])[0] = r;\n    (this.resources.chromaKeyUniforms.uniforms.uKeyColor as number[])[1] = g;\n    (this.resources.chromaKeyUniforms.uniforms.uKeyColor as number[])[2] = b;\n  }\n\n  /** How similar colors need to be to the key color to be removed (0-1) */\n  get similarity(): number {\n    return this.resources.chromaKeyUniforms.uniforms.uSimilarity as number;\n  }\n\n  set similarity(value: number) {\n    this.resources.chromaKeyUniforms.uniforms.uSimilarity = value;\n  }\n\n  /** Smoothness of the edge transition (0-1) */\n  get smoothness(): number {\n    return this.resources.chromaKeyUniforms.uniforms.uSmoothness as number;\n  }\n\n  set smoothness(value: number) {\n    this.resources.chromaKeyUniforms.uniforms.uSmoothness = value;\n  }\n\n  /** Keying algorithm mode */\n  get mode(): ChromaKeyMode {\n    return this.resources.chromaKeyUniforms.uniforms.uMode as ChromaKeyMode;\n  }\n\n  set mode(value: ChromaKeyMode) {\n    this.resources.chromaKeyUniforms.uniforms.uMode = value;\n  }\n\n  /** Minimum saturation threshold to protect gray/white/black colors (0-1) */\n  get minSaturation(): number {\n    return this.resources.chromaKeyUniforms.uniforms.uMinSaturation as number;\n  }\n\n  set minSaturation(value: number) {\n    this.resources.chromaKeyUniforms.uniforms.uMinSaturation = value;\n  }\n}\n"]}

package/dist/helpers/AssetHelper.d.ts

@@ -0,0 +1,117 @@
+import { Texture } from 'pixi.js';
+import type { ButtonCompSkinData, ButtonStateKey } from '../ui/components';
+/**
+ * Generates ButtonComp skin data from asset alias and states.
+ *
+ * Uses ButtonComp state keys directly (up, over, down, disabled) without any mapping.
+ * Creates texture references for each state with the naming convention `{alias}_{state}`.
+ *
+ * @param alias - Asset alias used in texture names (e.g., 'btn_bet_minus')
+ * @param states - Array of ButtonComp state names (default: ['up', 'over', 'down', 'disabled'])
+ * @returns ButtonComp skin data with texture references for each state
+ *
+ * @example
+ * ```typescript
+ * // Generate skin for a button with all states
+ * const decreaseButtonSkin = generateButtonSkinFromAsset('btn_bet_minus');
+ * // Result: { up: { background: { texture: 'btn_bet_minus_up' } }, over: ..., down: ..., disabled: ... }
+ *
+ * // Generate skin for a button with custom states (only up and over)
+ * const playButtonSkin = generateButtonSkinFromAsset('btn_play', undefined, ['up', 'over']);
+ * // Result: { up: { background: { texture: 'btn_play_up' } }, over: { background: { texture: 'btn_play_over' } } }
+ * ```
+ */
+export declare function generateButtonSkinFromAsset(backgroundName: string, iconName?: string, buttonStates?: ButtonStateKey[], iconStates?: ButtonStateKey[]): ButtonCompSkinData;
+/**
+ * Retrieves animation frames as PixiJS textures from various definition formats.
+ *
+ * This helper function supports three input formats:
+ * 1. **Single texture name**: String identifier for a static sprite
+ * 2. **Array of texture names**: Direct list of texture identifiers for animation
+ * 3. **Spritesheet reference**: Object with `sheet` (spritesheet asset name) and `anim` (animation name)
+ *
+ * The function handles spritesheet parsing automatically and safely returns an empty array
+ * if the definition is invalid or assets are not found.
+ *
+ * @param def - Animation definition in one of the supported formats:
+ *   - `string`: Single texture name for static sprite
+ *   - `string[]`: Array of texture names to load directly
+ *   - `{ sheet: string; anim: string }`: Reference to a spritesheet animation
+ *   - `undefined`: Returns empty array
+ * @returns Array of PixiJS Texture objects for the animation frames. Returns empty array if:
+ *   - Definition is undefined
+ *   - Spritesheet is not found
+ *   - Animation name doesn't exist in the spritesheet
+ *   - Animation data is invalid
+ *
+ * @example
+ * Using single texture name:
+ * ```typescript
+ * const frames = getAnimationFrames('logo_static');
+ * const sprite = new Sprite(frames[0]);
+ * ```
+ *
+ * @example
+ * Using array of texture names:
+ * ```typescript
+ * const frames = getAnimationFrames([
+ *   'symbol_cherry_0',
+ *   'symbol_cherry_1',
+ *   'symbol_cherry_2'
+ * ]);
+ * const sprite = new AnimatedSprite(frames);
+ * ```
+ *
+ * @example
+ * Using spritesheet reference:
+ * ```typescript
+ * const frames = getAnimationFrames({
+ *   sheet: 'symbols_spritesheet',
+ *   anim: 'cherry_win'
+ * });
+ * const sprite = new AnimatedSprite(frames);
+ * ```
+ *
+ * @example
+ * Usage in SlotSymbol component:
+ * ```typescript
+ * private getAnimationTextures(type: string): Texture[] {
+ *   const key = this.resolveAssetKey(type);
+ *   const animations = skin?.sources?.animations || {};
+ *   const def = animations[key] as string[] | { sheet: string; anim: string } | undefined;
+ *   return getAnimationFrames(def);
+ * }
+ * ```
+ *
+ * @public
+ */
+export declare function getAnimationFrames(def: string | string[] | {
+    sheet: string;
+    anim: string;
+} | undefined): Texture[];
+/**
+ * Retrieves animation frame names as strings from various definition formats.
+ * Similar to getAnimationFrames but returns string[] instead of Texture[].
+ * Useful for particle systems that need texture names rather than Texture objects.
+ *
+ * @param def - Animation definition in one of the supported formats:
+ *   - `string`: Single texture name
+ *   - `string[]`: Array of texture names (returned as-is)
+ *   - `{ sheet: string; anim: string }`: Reference to a spritesheet animation
+ *   - `undefined`: Returns empty array
+ * @returns Array of texture name strings
+ *
+ * @example
+ * ```typescript
+ * const frameNames = getAnimationFrameNames({
+ *   sheet: 'symbols',
+ *   anim: 'symbols/pic1'
+ * });
+ * // Returns: ['pic1_0', 'pic1_1', 'pic1_2', ...]
+ * ```
+ */
+export declare function getAnimationFrameNames(def: string | string[] | {
+    sheet: string;
+    anim: string;
+} | undefined): string[];
+//# sourceMappingURL=AssetHelper.d.ts.map

package/dist/helpers/AssetHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetHelper.d.ts","sourceRoot":"","sources":["../../helpers/AssetHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,OAAO,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,2BAA2B,CACzC,cAAc,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,EACjB,YAAY,GAAE,cAAc,EAAuC,EACnE,UAAU,CAAC,EAAE,cAAc,EAAE,GAC5B,kBAAkB,CAiCpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,GACnE,OAAO,EAAE,CAGX;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,GACnE,MAAM,EAAE,CAUV"}

package/dist/helpers/SVGAssetHelper.d.ts

@@ -0,0 +1,397 @@
+import { type ColorSource } from 'pixi.js';
+import { SVGStyleData } from './SVGParser';
+import type { ButtonStateKey } from '../ui/components/ButtonComp';
+/**
+ * Button state styles for SVG assets.
+ *
+ * Defines the visual appearance of buttons in different interaction states.
+ * Each state contains CSS-like style definitions for SVG elements.
+ * Uses ButtonComp state names: up, down, over, disabled.
+ *
+ * @example
+ * ```typescript
+ * const buttonStyles: ButtonState = {
+ *   up: { '#primary': { fill: '#4CAF50' } },
+ *   over: { '#primary': { fill: '#66BB6A' } },
+ *   down: { '#primary': { fill: '#388E3C' } },
+ *   disabled: { '#primary': { fill: '#CCCCCC' } }
+ * };
+ * ```
+ */
+export interface ButtonState {
+    /** Up/default state styles */
+    up: SVGStyleData;
+    /** Over/hover state styles */
+    over: SVGStyleData;
+    /** Down/pressed state styles */
+    down: SVGStyleData;
+    /** Disabled state styles (optional) */
+    disabled?: SVGStyleData;
+    /** Selected up state styles */
+    selected_up?: SVGStyleData;
+    /** Selected over state styles */
+    selected_over?: SVGStyleData;
+    /** Selected down state styles */
+    selected_down?: SVGStyleData;
+    /** Selected disabled state styles */
+    selected_disabled?: SVGStyleData;
+}
+/**
+ * Configuration for loading SVG assets.
+ *
+ * @example
+ * ```typescript
+ * const config: SVGAssetConfig = {
+ *   alias: 'play_button',
+ *   src: 'assets/svg/buttons/play.svg',
+ *   size: { width: 120, height: 120 },
+ *   resolution: 2,
+ *   themeColor: '#4CAF50',
+ *   states: ['up', 'over', 'down']
+ * };
+ * ```
+ */
+export interface SVGAssetConfig {
+    /** Unique identifier for the asset */
+    alias: string;
+    /** Path to the SVG file */
+    src: string;
+    /** Target size for rasterization */
+    size?: {
+        width: number;
+        height: number;
+    };
+    /** Resolution multiplier for high-DPI displays */
+    resolution?: number;
+    /** Theme color for styling (supports all PixiJS ColorSource formats) */
+    themeColor?: ColorSource;
+    /** Button states to generate (e.g., ['up', 'over', 'down', 'disabled']) */
+    states?: ButtonStateKey[];
+}
+/**
+ * High-level utility for loading and managing SVG assets in PixiJS.
+ *
+ * SVGAssetHelper provides a convenient API for loading SVG files as PixiJS textures
+ * with automatic theming, button state management, and batch loading capabilities.
+ *
+ * ## Features
+ *
+ * - **Theme Support**: Global and per-asset theme colors
+ * - **Button States**: Automatic generation of up, over, down, disabled states
+ * - **Batch Loading**: Load multiple assets efficiently
+ * - **Color Manipulation**: Automatic lighten/darken for button states
+ * - **Cache Management**: Check and clear loaded assets
+ * - **Custom Styles**: Create custom style configurations
+ *
+ * ## Workflow
+ *
+ * 1. **Initialize**: Set global theme color (optional)
+ * 2. **Load**: Load SVG assets with configuration
+ * 3. **Use**: Retrieve textures and create sprites
+ * 4. **Manage**: Check cache and clear unused assets
+ *
+ * @example
+ * ```typescript
+ * import { SVGAssetHelper, SVGLoader } from '@rb-games/core/helpers';
+ * import { Sprite } from 'pixi.js';
+ *
+ * // Initialize SVG system
+ * SVGLoader.install();
+ * SVGAssetHelper.setThemeColor('#4CAF50');
+ *
+ * // Load a simple icon
+ * await SVGAssetHelper.loadSVGAsset({
+ *   alias: 'settings_icon',
+ *   src: 'assets/svg/settings.svg',
+ *   size: { width: 48, height: 48 },
+ *   themeColor: '#2196F3'
+ * });
+ *
+ * // Create sprite
+ * const icon = new Sprite(SVGAssetHelper.getAsset('settings_icon'));
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Load button with states
+ * await SVGAssetHelper.loadButtonAsset({
+ *   alias: 'play_btn',
+ *   src: 'assets/svg/play.svg',
+ *   size: { width: 120, height: 120 },
+ *   themeColor: '#4CAF50',
+ *   states: ['up', 'over', 'down']
+ * });
+ *
+ * // Create interactive button
+ * const button = new Sprite(SVGAssetHelper.getAsset('play_btn', 'up'));
+ * button.eventMode = 'static';
+ * button.cursor = 'pointer';
+ *
+ * button.on('pointerover', () => {
+ *   button.texture = SVGAssetHelper.getAsset('play_btn', 'over');
+ * });
+ *
+ * button.on('pointerout', () => {
+ *   button.texture = SVGAssetHelper.getAsset('play_btn', 'up');
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Batch load multiple assets
+ * await SVGAssetHelper.loadBatchAssets([
+ *   {
+ *     alias: 'star_icon',
+ *     src: 'assets/svg/icons/star.svg',
+ *     size: { width: 32, height: 32 },
+ *     themeColor: '#FFD700'
+ *   },
+ *   {
+ *     alias: 'close_btn',
+ *     src: 'assets/svg/buttons/close.svg',
+ *     size: { width: 40, height: 40 },
+ *     states: ['up', 'over'],
+ *     themeColor: '#F44336'
+ *   }
+ * ]);
+ * ```
+ *
+ * @public
+ */
+export declare class SVGAssetHelper {
+    private static themeColor;
+    /**
+     * Sets the global theme color for all SVG assets.
+     *
+     * This color will be used as the default for all assets unless overridden
+     * in individual asset configurations.
+     *
+     * @param color - Theme color (supports all PixiJS ColorSource formats)
+     *
+     * @example
+     * ```typescript
+     * // Set theme with hex string
+     * SVGAssetHelper.setThemeColor('#4CAF50');
+     *
+     * // Set theme with number
+     * SVGAssetHelper.setThemeColor(0x4CAF50);
+     *
+     * // Set theme with RGB array
+     * SVGAssetHelper.setThemeColor([0.3, 0.69, 0.31]);
+     * ```
+     */
+    static setThemeColor(color: ColorSource): void;
+    /**
+     * Gets the current global theme color.
+     *
+     * @returns The current theme color as ColorSource
+     *
+     * @example
+     * ```typescript
+     * const currentTheme = SVGAssetHelper.getThemeColor();
+     * // Can be used directly or converted as needed
+     * const hex = new Color(currentTheme).toHex();
+     * ```
+     */
+    static getThemeColor(): ColorSource;
+    /**
+     * Create button state styles based on theme color
+     */
+    static createButtonStyles(themeColor?: ColorSource, variations?: {
+        over: number; /** darken amount */
+        down: number;
+    }): ButtonState;
+    /**
+     * Create custom styles
+     */
+    static createCustomStyles(config: {
+        selectors: string[];
+        colors: {
+            [state: string]: string[];
+        };
+    }): {
+        [state: string]: SVGStyleData;
+    };
+    /**
+     * Loads a single SVG asset as a PixiJS texture.
+     *
+     * This method loads an SVG file, applies optional theme colors and styles,
+     * and registers it with the PixiJS Assets system for later retrieval.
+     *
+     * @param config - Asset configuration
+     * @returns Promise that resolves when the asset is loaded
+     *
+     * @example
+     * ```typescript
+     * // Load a simple icon
+     * await SVGAssetHelper.loadSVGAsset({
+     *   alias: 'home_icon',
+     *   src: 'assets/svg/home.svg',
+     *   size: { width: 64, height: 64 },
+     *   resolution: 2
+     * });
+     *
+     * // Load with theme color
+     * await SVGAssetHelper.loadSVGAsset({
+     *   alias: 'settings_icon',
+     *   src: 'assets/svg/settings.svg',
+     *   size: { width: 48, height: 48 },
+     *   themeColor: '#2196F3'
+     * });
+     * ```
+     */
+    static loadSVGAsset(config: SVGAssetConfig): Promise<void>;
+    /**
+     * Loads a button SVG asset with multiple interaction states.
+     *
+     * Automatically generates up, over, down, and optionally disabled states
+     * by applying color variations (lighten for over, darken for down).
+     * Each state is loaded as a separate texture with the naming convention `{alias}_{state}`.
+     *
+     * @param config - Button asset configuration
+     * @returns Promise that resolves when all button states are loaded
+     *
+     * @example
+     * ```typescript
+     * // Load button with default states
+     * await SVGAssetHelper.loadButtonAsset({
+     *   alias: 'play_btn',
+     *   src: 'assets/svg/play.svg',
+     *   size: { width: 120, height: 120 },
+     *   themeColor: '#4CAF50'
+     * });
+     *
+     * // Access different states
+     * const upTexture = SVGAssetHelper.getAsset('play_btn', 'up');
+     * const overTexture = SVGAssetHelper.getAsset('play_btn', 'over');
+     * const downTexture = SVGAssetHelper.getAsset('play_btn', 'down');
+     * ```
+     *
+     * @example
+     * ```typescript
+     * // Custom states
+     * await SVGAssetHelper.loadButtonAsset({
+     *   alias: 'custom_btn',
+     *   src: 'assets/svg/button.svg',
+     *   size: { width: 100, height: 40 },
+     *   themeColor: '#E91E63',
+     *   states: ['up', 'over', 'down', 'disabled']
+     * });
+     * ```
+     */
+    static loadButtonAsset(config: SVGAssetConfig): Promise<void>;
+    /**
+     * Loads multiple SVG assets in parallel for efficient batch loading.
+     *
+     * Automatically determines whether to load each asset as a simple SVG or
+     * as a button with states based on the states property.
+     *
+     * @param basePath - Base directory path for all assets (assets without src will use basePath/alias.svg)
+     * @param assets - Array of asset configurations (strings, objects, or mixed)
+     * @param defaults - Optional default configuration applied to all assets
+     * @returns Promise that resolves when all assets are loaded
+     *
+     * @example
+     * ```typescript
+     * // Simple string array (most convenient)
+     * await SVGAssetHelper.loadBatchAssets(
+     *   'assets/svg/desktop',
+     *   ['btn_bet_minus', 'btn_bet_plus', 'btn_spin'],
+     *   {
+     *     size: { width: 100, height: 100 },
+     *     states: ['up', 'over', 'down', 'disabled']
+     *   }
+     * );
+     *
+     * // Mixed array (strings and objects for customization)
+     * await SVGAssetHelper.loadBatchAssets(
+     *   'assets/svg/desktop',
+     *   [
+     *     'btn_bet_minus', // uses default size
+     *     'btn_bet_plus',  // uses default size
+     *     { alias: 'btn_spin', size: { width: 120, height: 120 } } // custom size
+     *   ],
+     *   {
+     *     size: { width: 80, height: 80 },
+     *     states: ['up', 'over', 'down', 'disabled']
+     *   }
+     * );
+     *
+     * // All objects (full customization)
+     * await SVGAssetHelper.loadBatchAssets(
+     *   'assets/svg/desktop',
+     *   [
+     *     { alias: 'btn_bet_minus', size: { width: 90, height: 90 } },
+     *     { alias: 'btn_bet_plus' }, // uses default size
+     *     { alias: 'btn_spin', states: ['up', 'over'] } // custom states
+     *   ],
+     *   {
+     *     size: { width: 100, height: 100 },
+     *     states: ['up', 'over', 'down', 'disabled']
+     *   }
+     * );
+     *
+     * // With full src paths (when assets are in different directories)
+     * await SVGAssetHelper.loadBatchAssets(
+     *   '',
+     *   [
+     *     {
+     *       alias: 'star_icon',
+     *       src: 'assets/svg/icons/star.svg',
+     *       size: { width: 32, height: 32 },
+     *       themeColor: '#FFD700'
+     *     },
+     *     {
+     *       alias: 'close_btn',
+     *       src: 'assets/svg/buttons/close.svg',
+     *       size: { width: 40, height: 40 },
+     *       states: ['up', 'over'],
+     *       themeColor: '#F44336'
+     *     }
+     *   ]
+     * );
+     * ```
+     */
+    static loadBatchAssets(basePath: string, assets: Array<string | Partial<SVGAssetConfig>>, defaults?: Partial<SVGAssetConfig>): Promise<void>;
+    /**
+     * Retrieves a loaded SVG asset texture.
+     *
+     * For button assets with states, specify the state parameter to get
+     * the specific state texture.
+     *
+     * @param alias - Asset alias used during loading
+     * @param state - Button state (for button assets)
+     * @returns The PixiJS texture
+     *
+     * @example
+     * ```typescript
+     * // Get simple asset
+     * const iconTexture = SVGAssetHelper.getAsset('home_icon');
+     * const sprite = new Sprite(iconTexture);
+     *
+     * // Get button state
+     * const upTexture = SVGAssetHelper.getAsset('play_btn', 'up');
+     * const overTexture = SVGAssetHelper.getAsset('play_btn', 'over');
+     * ```
+     */
+    static getAsset(alias: string, state?: string): any;
+    /**
+     * Check if asset exists in cache
+     */
+    static hasAsset(alias: string, state?: string): boolean;
+    /**
+     * Clear specific asset from cache
+     */
+    static clearAsset(alias: string, state?: string): void;
+    /**
+     * Generate SHA-256 hash for asset configuration.
+     * This creates a unique identifier based on the actual asset properties (src, styles, size, resolution)
+     * rather than the state name, enabling efficient cache reuse when multiple states have identical configurations.
+     *
+     * @param src - Source path of the SVG
+     * @param data - Load data containing styles, size, and resolution
+     * @returns SHA-256 hash string
+     */
+    private static generateAssetHash;
+}
+//# sourceMappingURL=SVGAssetHelper.d.ts.map

package/dist/helpers/SVGAssetHelper.d.ts.map

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

package/dist/helpers/SVGLoader.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Configuration options for the SVG loader.
+ */
+export interface SVGLoaderConfig {
+    /** Glob pattern to match SVG files (uses minimatch) */
+    testPattern?: string;
+}
+/**
+ * SVG loader plugin for PixiJS Assets system.
+ *
+ * SVGLoader integrates the SVG parser into PixiJS asset loading pipeline,
+ * enabling automatic loading and processing of SVG files as textures.
+ *
+ * @remarks
+ * Install once at application startup using SVGLoader.install().
+ * After installation, SVG files can be loaded using PixiJS Assets API or SVGAssetHelper.
+ *
+ * @public
+ */
+export declare class SVGLoader {
+    private static installed;
+    /**
+     * Installs the SVG loader into the PixiJS Assets system.
+     *
+     * This method must be called once at application startup before loading any SVG assets.
+     * It registers the SVG parser with PixiJS, enabling automatic SVG file processing.
+     * This method is idempotent - calling it multiple times is safe but only the first call will take effect.
+     *
+     * @param config - Optional configuration for SVG file matching
+     */
+    static install(config?: SVGLoaderConfig): void;
+    /**
+     * Checks if the SVG loader has been installed.
+     *
+     * @returns True if the loader is installed, false otherwise
+     */
+    static isInstalled(): boolean;
+    /**
+     * Uninstalls the SVG loader from the PixiJS Assets system.
+     *
+     * This method is primarily intended for testing purposes.
+     * In production, you typically install the loader once and never uninstall it.
+     */
+    static uninstall(): void;
+}
+//# sourceMappingURL=SVGLoader.d.ts.map

package/dist/helpers/SVGLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLoader.d.ts","sourceRoot":"","sources":["../../helpers/SVGLoader.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAS;IAEjC;;;;;;;;OAQG;IACH,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI;IAkB9C;;;;OAIG;IACH,MAAM,CAAC,WAAW,IAAI,OAAO;IAI7B;;;;;OAKG;IACH,MAAM,CAAC,SAAS,IAAI,IAAI;CAczB"}