phaser-wind 0.1.0 → 0.2.0

package/dist/font/font-picker.js

@@ -0,0 +1,212 @@
+/* eslint-disable no-magic-numbers */
+import { ThemeManager } from '../theme/theme-manager';
+/**
+ * Font picker for accessing theme fonts and font families
+ */
+export 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) {
+        // Check if it's a theme token (with or without fonts. prefix)
+        const fontPath = key.includes('.') ? key : `fonts.${key}`;
+        if (ThemeManager.hasToken(fontPath)) {
+            const themeValue = ThemeManager.getToken(fontPath);
+            if (themeValue && typeof themeValue === 'string') {
+                return themeValue;
+            }
+        }
+        // Fallback: check if it's a direct theme token (backwards compatibility)
+        if (ThemeManager.hasToken(key)) {
+            const themeValue = ThemeManager.getToken(key);
+            if (themeValue && typeof themeValue === 'string') {
+                return themeValue;
+            }
+        }
+        // Fallback to the key itself if not found in theme
+        return key;
+    }
+    /**
+     * Get all available font tokens from current theme
+     * @returns Array of font token keys
+     */
+    static getAvailableFonts() {
+        const theme = ThemeManager.getCurrentTheme();
+        if (theme.fonts && typeof theme.fonts === 'object') {
+            return Object.keys(theme.fonts);
+        }
+        return [];
+    }
+}
+/**
+ * Spacing picker for accessing theme spacing values
+ */
+export 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) {
+        // Check if it's a theme token (with or without spacing. prefix)
+        const spacingPath = key.includes('.') ? key : `spacing.${key}`;
+        if (ThemeManager.hasToken(spacingPath)) {
+            const themeValue = ThemeManager.getToken(spacingPath);
+            if (themeValue && typeof themeValue === 'number') {
+                return themeValue;
+            }
+        }
+        // Fallback: check if it's a direct theme token (backwards compatibility)
+        if (ThemeManager.hasToken(key)) {
+            const themeValue = ThemeManager.getToken(key);
+            if (themeValue && typeof themeValue === 'number') {
+                return themeValue;
+            }
+        }
+        // Default fallback values
+        const defaultSpacing = {
+            xs: 4,
+            sm: 8,
+            md: 16,
+            lg: 24,
+            xl: 32,
+            '2xl': 48,
+            '3xl': 64,
+            '4xl': 96,
+        };
+        return defaultSpacing[key] ?? 16; // Default to 16px
+    }
+    /**
+     * Get all available spacing tokens from current theme
+     * @returns Array of spacing token keys
+     */
+    static getAvailableSpacing() {
+        const theme = ThemeManager.getCurrentTheme();
+        if (theme.spacing && typeof theme.spacing === 'object') {
+            return Object.keys(theme.spacing);
+        }
+        return [];
+    }
+}
+/**
+ * Typography picker for accessing complete typography styles from theme
+ */
+export 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) {
+        // Check if it's a theme token (with or without typography. prefix)
+        const typographyPath = key.includes('.') ? key : `typography.${key}`;
+        if (ThemeManager.hasToken(typographyPath)) {
+            const themeValue = ThemeManager.getToken(typographyPath);
+            if (themeValue && typeof themeValue === 'object') {
+                // Resolve any theme references in the typography object
+                const resolved = this.resolveTypographyReferences(themeValue);
+                return resolved;
+            }
+        }
+        // Fallback: check if it's a direct theme token
+        if (ThemeManager.hasToken(key)) {
+            const themeValue = ThemeManager.getToken(key);
+            if (themeValue && typeof themeValue === 'object') {
+                const resolved = this.resolveTypographyReferences(themeValue);
+                return resolved;
+            }
+        }
+        // Return empty object if not found
+        return {};
+    }
+    /**
+     * Get Phaser-compatible text style from typography token
+     * @param key - Typography key
+     * @returns Object compatible with Phaser text styles
+     */
+    static phaserStyle(key) {
+        const style = this.style(key);
+        const result = {
+            fontStyle: style.fontWeight && Number(style.fontWeight) >= 600 ? 'bold' : 'normal',
+        };
+        if (style.fontSize) {
+            result.fontSize = style.fontSize;
+        }
+        if (style.fontFamily) {
+            result.fontFamily = style.fontFamily;
+        }
+        return result;
+    }
+    /**
+     * Get all available typography tokens from current theme
+     * @returns Array of typography token keys
+     */
+    static getAvailableTypography() {
+        const theme = ThemeManager.getCurrentTheme();
+        if (theme.typography && typeof theme.typography === 'object') {
+            return Object.keys(theme.typography);
+        }
+        return [];
+    }
+    /**
+     * Resolve theme references in typography objects
+     * @param typographyObject - Typography style object
+     * @returns Resolved typography object
+     */
+    static resolveTypographyReferences(typographyObject) {
+        const resolved = { ...typographyObject };
+        // Resolve fontSize if it's a theme reference
+        if (resolved['fontSize'] && typeof resolved['fontSize'] === 'string') {
+            if (resolved['fontSize'].includes('.')) {
+                resolved['fontSize'] = ThemeManager.resolveToken(resolved['fontSize']);
+            }
+        }
+        // Resolve fontFamily if it's a theme reference
+        if (resolved['fontFamily'] && typeof resolved['fontFamily'] === 'string') {
+            if (resolved['fontFamily'].includes('.')) {
+                resolved['fontFamily'] = ThemeManager.resolveToken(resolved['fontFamily']);
+            }
+        }
+        return resolved;
+    }
+}
+/**
+ * Effect picker for accessing theme effects like shadows
+ */
+export 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) {
+        // Check if it's a theme token (with or without effects. prefix)
+        const effectPath = key.includes('.') ? key : `effects.${key}`;
+        if (ThemeManager.hasToken(effectPath)) {
+            const themeValue = ThemeManager.getToken(effectPath);
+            if (themeValue && typeof themeValue === 'object') {
+                // Resolve color references
+                const resolved = { ...themeValue };
+                if ('color' in resolved && typeof resolved.color === 'string') {
+                    resolved.color = ThemeManager.resolveToken(resolved.color);
+                }
+                return resolved;
+            }
+        }
+        return {};
+    }
+    /**
+     * Get all available effect tokens from current theme
+     * @returns Array of effect token keys
+     */
+    static getAvailableEffects() {
+        const theme = ThemeManager.getCurrentTheme();
+        if (theme.effects && typeof theme.effects === 'object') {
+            return Object.keys(theme.effects);
+        }
+        return [];
+    }
+}
+//# sourceMappingURL=font-picker.js.map

package/dist/font/font-picker.js.map

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

package/dist/font/index.d.ts

@@ -1,2 +1,3 @@
+export * from './font-picker';
 export * from './font-size-picker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/font/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/font/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/dist/font/index.js

@@ -1,2 +1,3 @@
+export * from './font-picker';
 export * from './font-size-picker';
 //# sourceMappingURL=index.js.map

package/dist/font/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/font/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/font/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './color';
 export * from './font';
+export * from './theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
 export * from './color';
 export * from './font';
+export * from './theme';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme-config';
+export * from './theme-manager';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export * from './theme-config';
+export * from './theme-manager';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/theme/theme-config.d.ts

@@ -0,0 +1,162 @@
+import type { ColorToken } from '../color/color-picker';
+import type { FontSizeKey } from '../font/font-size-picker';
+/**
+ * Font configuration structure
+ */
+export type FontConfig = {
+    [key: string]: string;
+};
+/**
+ * Color configuration structure
+ */
+export type ColorConfig = {
+    [key: string]: ColorToken | string;
+};
+/**
+ * Spacing configuration structure (following Tailwind spacing scale)
+ */
+export type SpacingConfig = {
+    [key: string]: number;
+};
+/**
+ * Typography configuration structure
+ */
+export type TypographyConfig = {
+    [key: string]: {
+        fontSize: FontSizeKey | string;
+        fontFamily?: string;
+        fontWeight?: number | string;
+        lineHeight?: number | string;
+        letterSpacing?: number | string;
+    };
+};
+/**
+ * Shadow/Effect configuration structure
+ */
+export type EffectConfig = {
+    [key: string]: {
+        blur?: number;
+        offsetX?: number;
+        offsetY?: number;
+        color?: ColorToken | string;
+        alpha?: number;
+    };
+};
+/**
+ * Base theme configuration structure
+ * Supports nested objects for organized design tokens
+ */
+export type BaseThemeConfig = {
+    fonts?: FontConfig;
+    colors?: ColorConfig;
+    spacing?: SpacingConfig;
+    typography?: TypographyConfig;
+    effects?: EffectConfig;
+    [key: string]: unknown;
+};
+/**
+ * Default theme structure following design system best practices
+ */
+export type DefaultThemeStructure = {
+    fonts: {
+        primary: string;
+        secondary: string;
+        monospace: string;
+        display: string;
+    };
+    colors: {
+        primary: ColorToken;
+        secondary: ColorToken;
+        accent: ColorToken;
+        success: ColorToken;
+        warning: ColorToken;
+        error: ColorToken;
+        info: ColorToken;
+        background: ColorToken;
+        'background-secondary': ColorToken;
+        'background-panel': ColorToken;
+        'background-modal': ColorToken;
+        text: ColorToken;
+        'text-secondary': ColorToken;
+        'text-muted': ColorToken;
+        'text-inverse': ColorToken;
+        border: ColorToken;
+        'border-light': ColorToken;
+        'border-focus': ColorToken;
+        'button-primary': ColorToken;
+        'button-secondary': ColorToken;
+        'button-danger': ColorToken;
+        shadow: ColorToken;
+        overlay: ColorToken;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+    };
+    typography: {
+        heading: {
+            fontSize: FontSizeKey;
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        'heading-large': {
+            fontSize: FontSizeKey;
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body: {
+            fontSize: FontSizeKey;
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        caption: {
+            fontSize: FontSizeKey;
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+    };
+    effects: {
+        'shadow-sm': {
+            blur: number;
+            offsetY: number;
+            color: string;
+            alpha: number;
+        };
+        'shadow-md': {
+            blur: number;
+            offsetY: number;
+            color: string;
+            alpha: number;
+        };
+        'shadow-lg': {
+            blur: number;
+            offsetY: number;
+            color: string;
+            alpha: number;
+        };
+    };
+};
+/**
+ * Example theme configurations with structured design tokens
+ */
+export declare const defaultLightTheme: DefaultThemeStructure;
+export declare const defaultDarkTheme: DefaultThemeStructure;
+/**
+ * Type helper to create strongly-typed custom themes
+ */
+export type CreateTheme<T extends BaseThemeConfig> = T;
+/**
+ * Type helper to extract theme token keys
+ */
+export type ThemeTokenKeys<T extends BaseThemeConfig> = keyof T;
+//# sourceMappingURL=theme-config.d.ts.map

package/dist/theme/theme-config.d.ts.map

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

package/dist/theme/theme-config.js

@@ -0,0 +1,196 @@
+/**
+ * Example theme configurations with structured design tokens
+ */
+export const defaultLightTheme = {
+    fonts: {
+        primary: 'Inter, system-ui, sans-serif',
+        secondary: 'Roboto, Arial, sans-serif',
+        monospace: 'Fira Code, Consolas, monospace',
+        display: 'Poppins, Inter, sans-serif',
+    },
+    colors: {
+        // Primary colors
+        primary: 'blue-600',
+        secondary: 'gray-600',
+        accent: 'purple-500',
+        // Semantic colors
+        success: 'green-500',
+        warning: 'yellow-500',
+        error: 'red-500',
+        info: 'blue-400',
+        // Background colors
+        background: 'white',
+        'background-secondary': 'gray-50',
+        'background-panel': 'gray-100',
+        'background-modal': 'white',
+        // Text colors
+        text: 'gray-900',
+        'text-secondary': 'gray-700',
+        'text-muted': 'gray-500',
+        'text-inverse': 'white',
+        // Border colors
+        border: 'gray-300',
+        'border-light': 'gray-200',
+        'border-focus': 'blue-500',
+        // Button variants
+        'button-primary': 'blue-600',
+        'button-secondary': 'gray-600',
+        'button-danger': 'red-600',
+        // UI elements
+        shadow: 'black',
+        overlay: 'black',
+    },
+    spacing: {
+        xs: 4,
+        sm: 8,
+        md: 16,
+        lg: 24,
+        xl: 32,
+        '2xl': 48,
+        '3xl': 64,
+        '4xl': 96,
+    },
+    typography: {
+        heading: {
+            fontSize: '2xl',
+            fontFamily: 'fonts.display',
+            fontWeight: 600,
+            lineHeight: 1.2,
+        },
+        'heading-large': {
+            fontSize: '4xl',
+            fontFamily: 'fonts.display',
+            fontWeight: 700,
+            lineHeight: 1.1,
+        },
+        body: {
+            fontSize: 'md',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.5,
+        },
+        caption: {
+            fontSize: 'sm',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.4,
+        },
+    },
+    effects: {
+        'shadow-sm': {
+            blur: 2,
+            offsetY: 1,
+            color: 'colors.shadow',
+            alpha: 0.05,
+        },
+        'shadow-md': {
+            blur: 4,
+            offsetY: 2,
+            color: 'colors.shadow',
+            alpha: 0.1,
+        },
+        'shadow-lg': {
+            blur: 8,
+            offsetY: 4,
+            color: 'colors.shadow',
+            alpha: 0.1,
+        },
+    },
+};
+export const defaultDarkTheme = {
+    fonts: {
+        primary: 'Inter, system-ui, sans-serif',
+        secondary: 'Roboto, Arial, sans-serif',
+        monospace: 'Fira Code, Consolas, monospace',
+        display: 'Poppins, Inter, sans-serif',
+    },
+    colors: {
+        // Primary colors
+        primary: 'blue-400',
+        secondary: 'gray-400',
+        accent: 'purple-400',
+        // Semantic colors
+        success: 'green-400',
+        warning: 'yellow-400',
+        error: 'red-400',
+        info: 'blue-300',
+        // Background colors
+        background: 'gray-900',
+        'background-secondary': 'gray-800',
+        'background-panel': 'gray-700',
+        'background-modal': 'gray-800',
+        // Text colors
+        text: 'white',
+        'text-secondary': 'gray-300',
+        'text-muted': 'gray-400',
+        'text-inverse': 'gray-900',
+        // Border colors
+        border: 'gray-600',
+        'border-light': 'gray-700',
+        'border-focus': 'blue-400',
+        // Button variants
+        'button-primary': 'blue-500',
+        'button-secondary': 'gray-500',
+        'button-danger': 'red-500',
+        // UI elements
+        shadow: 'black',
+        overlay: 'black',
+    },
+    spacing: {
+        xs: 4,
+        sm: 8,
+        md: 16,
+        lg: 24,
+        xl: 32,
+        '2xl': 48,
+        '3xl': 64,
+        '4xl': 96,
+    },
+    typography: {
+        heading: {
+            fontSize: '2xl',
+            fontFamily: 'fonts.display',
+            fontWeight: 600,
+            lineHeight: 1.2,
+        },
+        'heading-large': {
+            fontSize: '4xl',
+            fontFamily: 'fonts.display',
+            fontWeight: 700,
+            lineHeight: 1.1,
+        },
+        body: {
+            fontSize: 'md',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.5,
+        },
+        caption: {
+            fontSize: 'sm',
+            fontFamily: 'fonts.primary',
+            fontWeight: 400,
+            lineHeight: 1.4,
+        },
+    },
+    effects: {
+        'shadow-sm': {
+            blur: 2,
+            offsetY: 1,
+            color: 'colors.shadow',
+            alpha: 0.1,
+        },
+        'shadow-md': {
+            blur: 4,
+            offsetY: 2,
+            color: 'colors.shadow',
+            alpha: 0.15,
+        },
+        'shadow-lg': {
+            blur: 8,
+            offsetY: 4,
+            color: 'colors.shadow',
+            alpha: 0.2,
+        },
+    },
+};
+//# sourceMappingURL=theme-config.js.map

package/dist/theme/theme-config.js.map

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