phaser-wind 0.1.0 → 0.2.0

package/dist/examples/nested-theme-example.js

@@ -0,0 +1,313 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
+/* eslint-disable no-console */
+/* eslint-disable sonarjs/no-duplicate-string */
+/* eslint-disable no-magic-numbers */
+/**
+ * Example usage of Phaser Wind with nested theme structure
+ * This file demonstrates the new complex theme system
+ */
+import Phaser from 'phaser';
+import { ColorPicker, EffectPicker, FontPicker, FontSizePicker, SpacingPicker, ThemeManager, TypographyPicker, createTheme, defaultDarkTheme, defaultLightTheme, } from '..';
+// Example 1: Creating complex nested theme
+export const createGameTheme = () => createTheme({
+    fonts: {
+        primary: 'Inter, system-ui, sans-serif',
+        secondary: 'Roboto, Arial, sans-serif',
+        display: 'Orbitron, monospace', // Sci-fi font for game
+        ui: 'Poppins, sans-serif',
+    },
+    colors: {
+        // Brand colors
+        primary: 'purple-600',
+        secondary: 'cyan-500',
+        accent: 'yellow-400',
+        // Game-specific colors
+        'player-health': 'green-500',
+        'player-health-low': 'red-500',
+        'player-mana': 'blue-500',
+        'enemy-health': 'red-600',
+        'item-rare': 'purple-400',
+        'item-epic': 'orange-400',
+        'item-legendary': 'yellow-400',
+        // UI colors
+        'ui-background': 'slate-900',
+        'ui-panel': 'slate-800',
+        'ui-button': 'slate-700',
+        'ui-button-hover': 'slate-600',
+        'ui-text': 'white',
+        'ui-text-muted': 'slate-400',
+        // Feedback colors
+        success: 'green-400',
+        warning: 'yellow-400',
+        error: 'red-400',
+        info: 'blue-400',
+    },
+    spacing: {
+        xs: 4,
+        sm: 8,
+        md: 16,
+        lg: 24,
+        xl: 32,
+        xxl: 48,
+        huge: 64,
+        massive: 96,
+    },
+    typography: {
+        'title-huge': {
+            fontSize: '6xl',
+            fontFamily: 'fonts.display', // Reference to fonts.display
+            fontWeight: 700,
+            lineHeight: 1.1,
+        },
+        'title-large': {
+            fontSize: '4xl',
+            fontFamily: 'fonts.display',
+            fontWeight: 600,
+            lineHeight: 1.2,
+        },
+        heading: {
+            fontSize: '2xl',
+            fontFamily: 'fonts.ui',
+            fontWeight: 500,
+            lineHeight: 1.3,
+        },
+        body: {
+            fontSize: 'md',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.5,
+        },
+        caption: {
+            fontSize: 'sm',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.4,
+        },
+    },
+    effects: {
+        'glow-primary': {
+            blur: 8,
+            offsetX: 0,
+            offsetY: 0,
+            color: 'colors.primary', // Reference to colors.primary
+            alpha: 0.6,
+        },
+        'shadow-ui': {
+            blur: 4,
+            offsetX: 0,
+            offsetY: 2,
+            color: 'black',
+            alpha: 0.3,
+        },
+        'shadow-heavy': {
+            blur: 16,
+            offsetX: 0,
+            offsetY: 8,
+            color: 'black',
+            alpha: 0.4,
+        },
+    },
+    // Custom category
+    animations: {
+        'fade-duration': 300,
+        'slide-duration': 400,
+        'bounce-intensity': 1.2,
+    },
+});
+// Example 2: Using the new theme system
+export class AdvancedGameScene extends Phaser.Scene {
+    create() {
+        // Initialize custom theme
+        const gameTheme = createGameTheme();
+        ThemeManager.init(gameTheme);
+        this.createBackground();
+        this.createHUD();
+        this.createGameElements();
+        this.createUI();
+    }
+    createBackground() {
+        // Create gradient background using theme colors
+        const bg = this.add.graphics();
+        bg.fillGradientStyle(ColorPicker.hex('ui-background'), // Top-left
+        ColorPicker.hex('ui-panel'), // Top-right
+        ColorPicker.hex('ui-panel'), // Bottom-left
+        ColorPicker.hex('ui-background') // Bottom-right
+        );
+        bg.fillRect(0, 0, this.cameras.main.width, this.cameras.main.height);
+    }
+    createHUD() {
+        const hudY = SpacingPicker.px('md');
+        // Game title using typography token
+        const titleStyle = TypographyPicker.phaserStyle('title-huge');
+        this.add
+            .text(this.cameras.main.centerX, hudY, 'CYBER QUEST', {
+            ...titleStyle,
+            color: ColorPicker.rgb('primary'),
+        })
+            .setOrigin(0.5);
+        // Player stats using spacing and colors from theme
+        this.createStatBar(SpacingPicker.px('lg'), hudY + SpacingPicker.px('xl'), 'Health', 'player-health', 0.8);
+        this.createStatBar(SpacingPicker.px('lg'), hudY + SpacingPicker.px('xl') + SpacingPicker.px('lg'), 'Mana', 'player-mana', 0.6);
+    }
+    createStatBar(x, y, label, colorKey, percentage) {
+        const width = 200;
+        const height = SpacingPicker.px('md');
+        // Label using typography
+        const labelStyle = TypographyPicker.phaserStyle('caption');
+        this.add.text(x, y - SpacingPicker.px('sm'), label, {
+            ...labelStyle,
+            color: ColorPicker.rgb('ui-text'),
+        });
+        // Background bar
+        this.add
+            .rectangle(x, y, width, height, ColorPicker.hex('ui-panel'))
+            .setOrigin(0, 0.5);
+        // Fill bar
+        const fillWidth = width * percentage;
+        this.add
+            .rectangle(x, y, fillWidth, height - 2, ColorPicker.hex(colorKey))
+            .setOrigin(0, 0.5);
+        // Text overlay
+        const bodyStyle = TypographyPicker.phaserStyle('body');
+        this.add
+            .text(x + width / 2, y, `${Math.round(percentage * 100)}%`, {
+            ...bodyStyle,
+            color: ColorPicker.rgb('ui-text'),
+        })
+            .setOrigin(0.5);
+    }
+    createGameElements() {
+        const centerX = this.cameras.main.centerX;
+        const centerY = this.cameras.main.centerY;
+        // Player character
+        const player = this.add.circle(centerX - SpacingPicker.px('massive'), centerY, SpacingPicker.px('lg'), ColorPicker.hex('primary'));
+        // Enemy
+        const enemy = this.add.circle(centerX + SpacingPicker.px('massive'), centerY, SpacingPicker.px('xl'), ColorPicker.hex('enemy-health'));
+        // Items with different rarities
+        this.createItem(centerX - SpacingPicker.px('lg'), centerY + SpacingPicker.px('huge'), 'item-rare');
+        this.createItem(centerX, centerY + SpacingPicker.px('huge'), 'item-epic');
+        this.createItem(centerX + SpacingPicker.px('lg'), centerY + SpacingPicker.px('huge'), 'item-legendary');
+        console.log('Game elements created:', { player, enemy });
+    }
+    createItem(x, y, rarityColor) {
+        // Item background
+        this.add.star(x, y, 5, SpacingPicker.px('sm'), SpacingPicker.px('md'), ColorPicker.hex(rarityColor));
+        // Item glow effect (simulated)
+        this.add.circle(x, y, SpacingPicker.px('lg'), ColorPicker.hex(rarityColor), 0.2);
+    }
+    createUI() {
+        const bottomY = this.cameras.main.height - SpacingPicker.px('xl');
+        // Action buttons
+        this.createButton(this.cameras.main.centerX - SpacingPicker.px('huge'), bottomY, 'ATTACK', 'error');
+        this.createButton(this.cameras.main.centerX, bottomY, 'DEFEND', 'warning');
+        this.createButton(this.cameras.main.centerX + SpacingPicker.px('huge'), bottomY, 'HEAL', 'success');
+    }
+    createButton(x, y, text, variant) {
+        const width = SpacingPicker.px('massive');
+        const height = SpacingPicker.px('xl');
+        // Button background
+        const button = this.add
+            .rectangle(x, y, width, height, ColorPicker.hex('ui-button'))
+            .setInteractive()
+            .on('pointerover', () => {
+            button.setFillStyle(ColorPicker.hex('ui-button-hover'));
+        })
+            .on('pointerout', () => {
+            button.setFillStyle(ColorPicker.hex('ui-button'));
+        })
+            .on('pointerdown', () => {
+            console.log(`${text} button clicked!`);
+        });
+        // Button text
+        const buttonStyle = TypographyPicker.phaserStyle('heading');
+        this.add
+            .text(x, y, text, {
+            ...buttonStyle,
+            color: ColorPicker.rgb(variant),
+        })
+            .setOrigin(0.5);
+    }
+}
+// Example 3: Theme switching and dynamic updates
+export const demonstrateThemeSwitching = () => {
+    // Register multiple themes
+    ThemeManager.registerTheme('light', defaultLightTheme);
+    ThemeManager.registerTheme('dark', defaultDarkTheme);
+    ThemeManager.registerTheme('game', createGameTheme());
+    // Listen for theme changes
+    const unsubscribe = ThemeManager.onThemeChange(newTheme => {
+        console.log('Theme changed!', {
+            fonts: Object.keys(newTheme.fonts ?? {}),
+            colors: Object.keys(newTheme.colors ?? {}),
+            spacing: Object.keys(newTheme.spacing ?? {}),
+        });
+    });
+    // Start with game theme
+    ThemeManager.setTheme('game');
+    // Switch themes after delays
+    setTimeout(() => ThemeManager.setTheme('dark'), 2000);
+    setTimeout(() => ThemeManager.setTheme('light'), 4000);
+    setTimeout(() => ThemeManager.setTheme('game'), 6000);
+    // Clean up after demo
+    setTimeout(() => unsubscribe(), 8000);
+};
+// Example 4: Direct API usage
+export const demonstrateAPIUsage = () => {
+    const gameTheme = createGameTheme();
+    ThemeManager.init(gameTheme);
+    console.log('=== Theme API Demo ===');
+    // Colors
+    console.log('Primary color (RGB):', ColorPicker.rgb('primary'));
+    console.log('Primary color (HEX):', ColorPicker.hex('primary'));
+    console.log('UI background:', ColorPicker.rgb('ui-background'));
+    // Fonts
+    console.log('Display font:', FontPicker.family('display'));
+    console.log('Available fonts:', FontPicker.getAvailableFonts());
+    // Spacing
+    console.log('Large spacing:', SpacingPicker.px('lg'));
+    console.log('Available spacing:', SpacingPicker.getAvailableSpacing());
+    // Typography
+    console.log('Title style:', TypographyPicker.style('title-huge'));
+    console.log('Phaser title style:', TypographyPicker.phaserStyle('title-huge'));
+    // Effects
+    console.log('Primary glow:', EffectPicker.config('glow-primary'));
+    // Direct theme access
+    console.log('Custom animation duration:', ThemeManager.getToken('animations.fade-duration'));
+    // Font size (still works)
+    console.log('XL font size:', FontSizePicker.css('xl'));
+};
+// Example 5: Creating themed components
+export class ThemedButton {
+    background;
+    text;
+    constructor(scene, x, y, label, variant = 'primary') {
+        const width = SpacingPicker.px('massive');
+        const height = SpacingPicker.px('xl');
+        // Background with theme colors
+        this.background = scene.add
+            .rectangle(x, y, width, height, ColorPicker.hex('ui-button'))
+            .setInteractive()
+            .on('pointerover', () => this.onHover())
+            .on('pointerout', () => this.onLeave())
+            .on('pointerdown', () => this.onClick());
+        // Text with theme typography and colors
+        const textStyle = TypographyPicker.phaserStyle('heading');
+        this.text = scene.add
+            .text(x, y, label, {
+            ...textStyle,
+            color: ColorPicker.rgb(variant),
+        })
+            .setOrigin(0.5);
+    }
+    onHover() {
+        this.background.setFillStyle(ColorPicker.hex('ui-button-hover'));
+    }
+    onLeave() {
+        this.background.setFillStyle(ColorPicker.hex('ui-button'));
+    }
+    onClick() {
+        console.log(`Themed button clicked: ${this.text.text}`);
+    }
+}
+//# sourceMappingURL=nested-theme-example.js.map

package/dist/examples/nested-theme-example.js.map

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

package/dist/examples/usage-example.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Example usage of Phaser Wind with custom themes
+ * This file demonstrates how to set up and use custom themes
+ */
+import Phaser from 'phaser';
+export declare const setupDefaultThemes: () => void;
+export declare const setupCustomTheme: () => void;
+export declare class ExampleGameScene extends Phaser.Scene {
+    create(): void;
+    private createUI;
+    private createHealthBar;
+    private createPanel;
+    private createGameElements;
+}
+export declare const setupThemeSwitching: () => void;
+export declare const setupExtendedTheme: () => void;
+//# sourceMappingURL=usage-example.d.ts.map

package/dist/examples/usage-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-example.d.ts","sourceRoot":"","sources":["../../src/examples/usage-example.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,OAAO,MAAM,MAAM,QAAQ,CAAC;AAY5B,eAAO,MAAM,kBAAkB,QAAO,IAMrC,CAAC;AAGF,eAAO,MAAM,gBAAgB,QAAO,IAwBnC,CAAC;AAGF,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,KAAK;IAChD,MAAM,IAAI,IAAI;IASd,OAAO,CAAC,QAAQ;IA2BhB,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,WAAW;IA0CnB,OAAO,CAAC,kBAAkB;CAmB3B;AAGD,eAAO,MAAM,mBAAmB,QAAO,IAuBtC,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAO,IAgBrC,CAAC"}

package/dist/examples/usage-example.js

@@ -0,0 +1,158 @@
+/* eslint-disable no-console */
+/* eslint-disable sonarjs/no-duplicate-string */
+/* eslint-disable no-magic-numbers */
+/**
+ * Example usage of Phaser Wind with custom themes
+ * This file demonstrates how to set up and use custom themes
+ */
+import Phaser from 'phaser';
+import { ColorPicker, FontSizePicker, ThemeManager, createTheme, defaultDarkTheme, defaultLightTheme, } from '..';
+// Example 1: Using default themes
+export const setupDefaultThemes = () => {
+    // Initialize with light theme
+    ThemeManager.init(defaultLightTheme);
+    // Register dark theme
+    ThemeManager.registerTheme('dark', defaultDarkTheme);
+};
+// Example 2: Creating custom theme
+export const setupCustomTheme = () => {
+    const gameTheme = createTheme({
+        // Custom semantic tokens
+        primary: 'purple-600',
+        secondary: 'pink-500',
+        background: 'slate-900',
+        'background-panel': 'slate-800',
+        text: 'white',
+        'text-muted': 'slate-400',
+        accent: 'yellow-400',
+        // Game-specific tokens
+        'player-health': 'green-500',
+        'player-health-low': 'red-500',
+        'enemy-health': 'red-600',
+        'pickup-rare': 'purple-400',
+        'pickup-common': 'blue-400',
+        'ui-button': 'slate-700',
+        'ui-button-hover': 'slate-600',
+        'ui-danger': 'red-500',
+        'ui-success': 'green-500',
+    });
+    ThemeManager.init(gameTheme);
+};
+// Example 3: Using in Phaser Scene
+export class ExampleGameScene extends Phaser.Scene {
+    create() {
+        // Initialize custom theme first
+        setupCustomTheme();
+        // Now use theme tokens instead of hardcoded colors
+        this.createUI();
+        this.createGameElements();
+    }
+    createUI() {
+        // Background using theme token
+        this.add
+            .rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, ColorPicker.hex('background'))
+            .setOrigin(0);
+        // Title using theme tokens
+        this.add
+            .text(400, 50, 'MY GAME', {
+            fontSize: FontSizePicker.css('4xl'),
+            color: ColorPicker.rgb('primary'),
+        })
+            .setOrigin(0.5);
+        // Health bar
+        this.createHealthBar(100, 100, 200, 20);
+        // UI Panel
+        this.createPanel(50, 150, 300, 200);
+    }
+    createHealthBar(x, y, width, height) {
+        // Background
+        this.add.rectangle(x, y, width, height, ColorPicker.hex('background-panel'));
+        // Health fill (80% health example)
+        const healthWidth = width * 0.8;
+        this.add.rectangle(x - (width - healthWidth) / 2, y, healthWidth, height - 4, ColorPicker.hex('player-health'));
+        // Health text
+        this.add
+            .text(x, y, '80 / 100', {
+            fontSize: FontSizePicker.css('sm'),
+            color: ColorPicker.rgb('text'),
+        })
+            .setOrigin(0.5);
+    }
+    createPanel(x, y, width, height) {
+        // Panel background
+        this.add.rectangle(x, y, width, height, ColorPicker.hex('background-panel'));
+        // Panel title
+        this.add
+            .text(x, y - height / 2 + 20, 'Inventory', {
+            fontSize: FontSizePicker.css('lg'),
+            color: ColorPicker.rgb('text'),
+        })
+            .setOrigin(0.5);
+        // Rare item
+        this.add.circle(x - 50, y, 15, ColorPicker.hex('pickup-rare'));
+        this.add
+            .text(x - 50, y + 25, 'Rare', {
+            fontSize: FontSizePicker.css('xs'),
+            color: ColorPicker.rgb('pickup-rare'),
+        })
+            .setOrigin(0.5);
+        // Common item
+        this.add.circle(x + 50, y, 15, ColorPicker.hex('pickup-common'));
+        this.add
+            .text(x + 50, y + 25, 'Common', {
+            fontSize: FontSizePicker.css('xs'),
+            color: ColorPicker.rgb('pickup-common'),
+        })
+            .setOrigin(0.5);
+    }
+    createGameElements() {
+        // Enemy with theme-based health
+        const enemy = this.add.circle(600, 300, 30, ColorPicker.hex('enemy-health'));
+        // Player with theme-based color
+        const player = this.add.circle(200, 300, 25, ColorPicker.hex('primary'));
+        // eslint-disable-next-line no-console
+        console.log(enemy, player);
+        // Pickup items with theme colors
+        this.add.star(400, 400, 5, 10, 20, ColorPicker.hex('pickup-rare'));
+        this.add.star(450, 400, 5, 8, 16, ColorPicker.hex('pickup-common'));
+    }
+}
+// Example 4: Dynamic theme switching
+export const setupThemeSwitching = () => {
+    // Setup themes
+    ThemeManager.registerTheme('light', defaultLightTheme);
+    ThemeManager.registerTheme('dark', defaultDarkTheme);
+    const customTheme = createTheme({
+        primary: 'emerald-500',
+        background: 'emerald-950',
+        text: 'emerald-50',
+        'background-panel': 'emerald-900',
+    });
+    ThemeManager.registerTheme('emerald', customTheme);
+    // Listen for theme changes
+    ThemeManager.onThemeChange(newTheme => {
+        console.log('Theme changed!', newTheme);
+        // Here you could update existing game objects with new colors
+    });
+    // Switch themes
+    ThemeManager.setTheme('dark');
+    setTimeout(() => ThemeManager.setTheme('emerald'), 2000);
+    setTimeout(() => ThemeManager.setTheme('light'), 4000);
+};
+// Example 5: Extending themes
+export const setupExtendedTheme = () => {
+    ThemeManager.init(defaultLightTheme);
+    // Create variation of current theme
+    const winterTheme = ThemeManager.extendCurrentTheme({
+        primary: 'blue-400',
+        secondary: 'cyan-300',
+        accent: 'white',
+        background: 'blue-950',
+        text: 'blue-50',
+        'special-snow': 'white',
+        'special-ice': 'cyan-200',
+    });
+    ThemeManager.registerTheme('winter', winterTheme);
+    ThemeManager.setTheme('winter');
+};
+//# sourceMappingURL=usage-example.js.map

package/dist/examples/usage-example.js.map

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

package/dist/font/font-picker.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Font picker for accessing theme fonts and font families
+ */
+export declare class FontPicker {
+    /**
+     * Get font family from theme
+     * @param key - Font key (e.g., 'primary', 'display') or full path (e.g., 'fonts.primary')
+     * @returns Font family string
+     */
+    static family(key: string): string;
+    /**
+     * Get all available font tokens from current theme
+     * @returns Array of font token keys
+     */
+    static getAvailableFonts(): string[];
+}
+/**
+ * Spacing picker for accessing theme spacing values
+ */
+export declare class SpacingPicker {
+    /**
+     * Get spacing value in pixels from theme
+     * @param key - Spacing key (e.g., 'sm', 'lg') or full path (e.g., 'spacing.md')
+     * @returns Spacing value in pixels
+     */
+    static px(key: string): number;
+    /**
+     * Get all available spacing tokens from current theme
+     * @returns Array of spacing token keys
+     */
+    static getAvailableSpacing(): string[];
+}
+/**
+ * Typography picker for accessing complete typography styles from theme
+ */
+export declare class TypographyPicker {
+    /**
+     * Get complete typography style from theme
+     * @param key - Typography key (e.g., 'heading', 'body') or full path
+     * @returns Typography style object
+     */
+    static style(key: string): {
+        fontSize?: string;
+        fontFamily?: string;
+        fontWeight?: number | string;
+        lineHeight?: number | string;
+        letterSpacing?: number | string;
+    };
+    /**
+     * Get Phaser-compatible text style from typography token
+     * @param key - Typography key
+     * @returns Object compatible with Phaser text styles
+     */
+    static phaserStyle(key: string): {
+        fontSize?: string;
+        fontFamily?: string;
+        fontStyle: string;
+    };
+    /**
+     * Get all available typography tokens from current theme
+     * @returns Array of typography token keys
+     */
+    static getAvailableTypography(): string[];
+    /**
+     * Resolve theme references in typography objects
+     * @param typographyObject - Typography style object
+     * @returns Resolved typography object
+     */
+    private static resolveTypographyReferences;
+}
+/**
+ * Effect picker for accessing theme effects like shadows
+ */
+export declare class EffectPicker {
+    /**
+     * Get effect configuration from theme
+     * @param key - Effect key (e.g., 'shadow-md') or full path
+     * @returns Effect configuration object
+     */
+    static config(key: string): {
+        blur?: number;
+        offsetX?: number;
+        offsetY?: number;
+        color?: string;
+        alpha?: number;
+    };
+    /**
+     * Get all available effect tokens from current theme
+     * @returns Array of effect token keys
+     */
+    static getAvailableEffects(): string[];
+}
+//# sourceMappingURL=font-picker.d.ts.map

package/dist/font/font-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-picker.d.ts","sourceRoot":"","sources":["../../src/font/font-picker.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,qBAAa,UAAU;IACrB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAuBlC;;;OAGG;IACH,MAAM,CAAC,iBAAiB,IAAI,MAAM,EAAE;CAOrC;AAED;;GAEG;AACH,qBAAa,aAAa;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAkC9B;;;OAGG;IACH,MAAM,CAAC,mBAAmB,IAAI,MAAM,EAAE;CAOvC;AAED;;GAEG;AACH,qBAAa,gBAAgB;IAC3B;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACjC;IA8BD;;;;OAIG;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG;QAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;KACnB;IAsBD;;;OAGG;IACH,MAAM,CAAC,sBAAsB,IAAI,MAAM,EAAE;IAQzC;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;CAuB3C;AAED;;GAEG;AACH,qBAAa,YAAY;IACvB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAmBD;;;OAGG;IACH,MAAM,CAAC,mBAAmB,IAAI,MAAM,EAAE;CAOvC"}