phaser-wind 0.1.0 → 0.3.0

package/dist/core/spacing.js

@@ -0,0 +1,82 @@
+import { ThemeManager } from '../theme/theme-manager';
+/**
+ * Spacing scale mapping following Tailwind's spacing scale
+ * Values are in pixels, with a base unit of 4px (1 = 4px)
+ */
+export const spacingMap = {
+    '0': 0,
+    px: 1,
+    '0.5': 2,
+    '1': 4,
+    '1.5': 6,
+    '2': 8,
+    '2.5': 10,
+    '3': 12,
+    '3.5': 14,
+    '4': 16,
+    '5': 20,
+    '6': 24,
+    '7': 28,
+    '8': 32,
+    '9': 36,
+    '10': 40,
+    '11': 44,
+    '12': 48,
+    '14': 56,
+    '16': 64,
+    '20': 80,
+    '24': 96,
+    '28': 112,
+    '32': 128,
+    '36': 144,
+    '40': 160,
+    '44': 176,
+    '48': 192,
+    '52': 208,
+    '56': 224,
+    '60': 240,
+    '64': 256,
+    '72': 288,
+    '80': 320,
+    '96': 384,
+};
+/**
+ * Utility functions for working with spacing values
+ */
+export const Spacing = {
+    getValueByKey: (key) => {
+        const value = ThemeManager.getToken(`spacing.${key}`);
+        if (typeof value === 'number') {
+            return value;
+        }
+        return spacingMap[key] ?? 0;
+    },
+    /**
+     * Get spacing value in pixels
+     * @param key - Spacing scale key
+     * @returns Pixel value
+     */
+    px: (key) => {
+        const value = Spacing.getValueByKey(key);
+        return value;
+    },
+    /**
+     * Get spacing value in rem units (divided by 16)
+     * @param key - Spacing scale key
+     * @returns Rem value
+     */
+    rem: (key) => {
+        const value = Spacing.getValueByKey(key);
+        return value / 16;
+    },
+    /**
+     * Get spacing value as CSS pixel string
+     * @param key - Spacing scale key
+     * @returns CSS pixel value string (e.g. "16px")
+     */
+    css: (key) => {
+        const value = Spacing.getValueByKey(key);
+        return `${value}px`;
+    },
+};
+//# sourceMappingURL=spacing.js.map

package/dist/core/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAgDtD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,GAAG,EAAE,CAAC;IACN,EAAE,EAAE,CAAC;IACL,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,aAAa,EAAE,CAAC,GAAwB,EAAU,EAAE;QAClD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC;QACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,UAAU,CAAC,GAAiB,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED;;;;OAIG;IACH,EAAE,EAAE,CAAC,GAAwB,EAAU,EAAE;QACvC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,GAAG,EAAE,CAAC,GAAwB,EAAU,EAAE;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED;;;;OAIG;IACH,GAAG,EAAE,CAAC,GAAwB,EAAU,EAAE;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,GAAG,KAAK,IAAI,CAAC;IACtB,CAAC;CACF,CAAC"}

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

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

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

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

package/dist/core/spacing.spec.js

@@ -0,0 +1,49 @@
+/* eslint-disable no-magic-numbers */
+/* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
+/* eslint-disable sonarjs/no-duplicate-string */
+import { afterAll, beforeEach, describe, expect, it } from 'vitest';
+import { ThemeManager } from '../theme/theme-manager';
+import { Spacing } from './spacing';
+describe('Spacing', () => {
+    beforeEach(() => {
+        ThemeManager.clear();
+    });
+    afterAll(() => {
+        ThemeManager.clear();
+    });
+    describe('px', () => {
+        it('should return pixel values', () => {
+            expect(Spacing.px('2')).toBe(8);
+            expect(Spacing.px('4')).toBe(16);
+            expect(Spacing.px('8')).toBe(32);
+        });
+    });
+    describe('rem', () => {
+        it('should convert pixel values to rem', () => {
+            expect(Spacing.rem('16')).toBe(4);
+            expect(Spacing.rem('8')).toBe(2);
+            expect(Spacing.rem('4')).toBe(1);
+        });
+    });
+    describe('css', () => {
+        it('should return pixel values as CSS strings', () => {
+            expect(Spacing.css('2')).toBe('8px');
+            expect(Spacing.css('4')).toBe('16px');
+            expect(Spacing.css('8')).toBe('32px');
+        });
+        it('should handle theme values', () => {
+            expect(Spacing.css('custom')).toBe('0px');
+            expect(Spacing.css('11')).toBe('44px');
+            ThemeManager.setThemeObject({
+                spacing: {
+                    custom: 42,
+                    '11': 100,
+                },
+            });
+            expect(Spacing.css('custom')).toBe('42px');
+            expect(Spacing.css('11')).toBe('100px');
+        });
+    });
+});
+//# sourceMappingURL=spacing.spec.js.map

package/dist/core/spacing.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.spec.js","sourceRoot":"","sources":["../../src/core/spacing.spec.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,8BAA8B;AAC9B,2CAA2C;AAC3C,gDAAgD;AAChD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE;QACZ,YAAY,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE;QAClB,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAChC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACjC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;QACnB,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACjC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;QACnB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEvC,YAAY,CAAC,cAAc,CAAC;gBAC1B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,GAAG;iBACV;aACF,CAAC,CAAC;YACH,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3C,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/font/index.d.ts

@@ -1,2 +1,3 @@
-export * from './font-size-picker';
+export * from '../core/font';
+export * from '../core/font-size';
 //# 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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/font/index.js

@@ -1,2 +1,3 @@
-export * from './font-size-picker';
+export * from '../core/font';
+export * from '../core/font-size';
 //# 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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-export * from './color';
+export * from './core';
 export * from './font';
+export * from './theme';
+export * from './utils';
 //# 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,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,3 +1,5 @@
-export * from './color';
+export * from './core';
 export * from './font';
+export * from './theme';
+export * from './utils';
 //# 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,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,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,98 @@
+import type { ColorToken } from '../core/color';
+import { type FontSizeKey, type FontSizeMap } from '../core/font-size';
+import { type RadiusMap } from '../core/radius';
+/**
+ * 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;
+    };
+};
+/**
+ * Theme override type - allows partial configuration for theming
+ */
+export type ThemeOverride = {
+    fonts?: Partial<FontConfig>;
+    fontSizes?: Partial<FontSizeMap> & {
+        [key: string]: number;
+    };
+    colors?: Partial<ColorConfig>;
+    spacing?: Partial<SpacingConfig>;
+    typography?: Partial<TypographyConfig>;
+    effects?: Partial<EffectConfig>;
+    radius?: Partial<RadiusMap> & {
+        [key: string]: number;
+    };
+    custom?: {
+        [key: string]: unknown;
+    };
+};
+/**
+ * Base theme configuration structure
+ * Supports nested objects for organized design tokens
+ */
+export type BaseThemeConfig = {
+    fonts?: FontConfig;
+    fontSizes?: FontSizeMap & {
+        [key: string]: number;
+    };
+    colors?: ColorConfig;
+    spacing?: SpacingConfig;
+    typography?: TypographyConfig;
+    effects?: EffectConfig;
+    radius?: RadiusMap & {
+        [key: string]: number;
+    };
+    custom?: {
+        [key: string]: unknown;
+    };
+};
+/**
+ * Example theme configurations with structured design tokens
+ */
+export declare const defaultLightTheme: BaseThemeConfig;
+export declare const defaultDarkTheme: BaseThemeConfig;
+/**
+ * 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":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,QAAQ,EAAE,WAAW,GAAG,MAAM,CAAC;QAC/B,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,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACxD,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,GAAG;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,eA6E/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eA8E9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,eAAe,IAAI,MAAM,CAAC,CAAC"}

package/dist/theme/theme-config.js

@@ -0,0 +1,156 @@
+import { fontSizeMap, } from '../core/font-size';
+import { radiusMap } from '../core/radius';
+import { spacingMap } from '../core/spacing';
+/**
+ * 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',
+    },
+    fontSizes: { ...fontSizeMap },
+    colors: {
+        // Primary colors
+        primary: 'blue-600',
+        secondary: 'gray-600',
+        // Semantic colors
+        success: 'green-500',
+        warning: 'yellow-500',
+        error: 'red-500',
+        info: 'blue-400',
+        // Background colors
+        background: 'white',
+        // Text colors
+        text: 'gray-900',
+        // UI elements
+        shadow: 'black',
+        overlay: 'black',
+    },
+    spacing: { ...spacingMap },
+    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: 'base',
+            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,
+        },
+    },
+    custom: {},
+};
+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',
+    },
+    fontSizes: { ...fontSizeMap },
+    radius: { ...radiusMap },
+    colors: {
+        // Primary colors
+        primary: 'blue-400',
+        secondary: 'gray-400',
+        // Semantic colors
+        success: 'green-400',
+        warning: 'yellow-400',
+        error: 'red-400',
+        info: 'blue-300',
+        // Background colors
+        background: 'gray-900',
+        // Text colors
+        text: 'white',
+        // UI elements
+        shadow: 'black',
+        overlay: 'black',
+    },
+    spacing: { ...spacingMap },
+    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: 'base',
+            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,
+        },
+    },
+    custom: {},
+};
+//# 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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"}

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

@@ -0,0 +1,108 @@
+import { type BaseThemeConfig, type ThemeOverride } from './theme-config';
+/**
+ * Global theme manager for Phaser Wind
+ * Handles theme registration, switching, and token resolution with nested object support
+ */
+declare class ThemeManagerClass {
+    private currentTheme;
+    private registeredThemes;
+    private listeners;
+    /**
+     * Initialize the theme manager with a default theme
+     */
+    init<T extends BaseThemeConfig>(theme: T, type?: 'light' | 'dark'): void;
+    /**
+     * Register a named theme
+     */
+    registerTheme<T extends BaseThemeConfig>(name: string, theme: T): void;
+    /**
+     * Switch to a registered theme by name
+     */
+    setTheme(name: string): void;
+    /**
+     * Set theme directly with object by merging with current theme
+     * This method will merge the provided theme object with the current theme:
+     * - Existing properties will be replaced with new values
+     * - New properties will be added
+     * - Properties not specified in the new theme will be preserved
+     *
+     * Example:
+     * Current theme: { colors: { primary: 'blue', secondary: 'gray' } }
+     * New theme: { colors: { primary: 'red', accent: 'yellow' } }
+     * Result: { colors: { primary: 'red', secondary: 'gray', accent: 'yellow' } }
+     */
+    setThemeObject(theme: ThemeOverride): void;
+    /**
+     * Get the current theme
+     */
+    getCurrentTheme(): BaseThemeConfig;
+    /**
+     * Get a nested token using dot notation (e.g., 'colors.primary', 'fonts.display')
+     * @param path - The path to the token (e.g., 'colors.primary')
+     * @returns The resolved token value
+     */
+    getToken(path: string): unknown;
+    /**
+     * Check if a nested token exists using dot notation
+     * @param path - The path to check (e.g., 'colors.primary')
+     * @returns True if the token exists
+     */
+    hasToken(path: string): boolean;
+    /**
+     * Get a token with type safety for specific namespaces
+     */
+    getColorToken(key: string): string | undefined;
+    /**
+     * Get a font token
+     */
+    getFontToken(key: string): string | undefined;
+    /**
+     * Get a spacing token
+     */
+    getSpacingToken(key: string): number | undefined;
+    /**
+     * Get a typography token
+     */
+    getTypographyToken(key: string): unknown;
+    /**
+     * Get an effect token
+     */
+    getEffectToken(key: string): unknown;
+    /**
+     * Resolve a theme reference (e.g., 'colors.primary' -> actual color value)
+     * This allows theme tokens to reference other theme tokens
+     */
+    resolveToken(value: string): unknown;
+    /**
+     * Listen for theme changes
+     */
+    onThemeChange(listener: (theme: BaseThemeConfig) => void): () => void;
+    /**
+     * Get all registered theme names
+     */
+    getRegisteredThemes(): string[];
+    /**
+     * Create a new theme based on the current one with overrides
+     */
+    extendCurrentTheme<T extends BaseThemeConfig>(overrides: Partial<T>): BaseThemeConfig;
+    /**
+     * Reset to default theme
+     */
+    reset(): void;
+    /**
+     * Clear all registered themes and reset to default
+     */
+    clear(): void;
+    private notifyListeners;
+    /**
+     * Helper method to get nested values using dot notation
+     * @param obj - The object to search in
+     * @param path - The dot notation path (e.g., 'colors.primary')
+     * @returns The value at the path or undefined
+     */
+    private getNestedValue;
+}
+export declare const ThemeManager: ThemeManagerClass;
+export declare const createTheme: <T extends ThemeOverride>(theme: T) => T;
+export {};
+//# sourceMappingURL=theme-manager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.d.ts","sourceRoot":"","sources":["../../src/theme/theme-manager.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,aAAa,EAGnB,MAAM,gBAAgB,CAAC;AAExB;;;GAGG;AACH,cAAM,iBAAiB;IACrB,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,gBAAgB,CAA2C;IACnE,OAAO,CAAC,SAAS,CAA+C;IAEhE;;OAEG;IACH,IAAI,CAAC,CAAC,SAAS,eAAe,EAC5B,KAAK,EAAE,CAAC,EACR,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,IAAI;IASP;;OAEG;IACH,aAAa,CAAC,CAAC,SAAS,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAItE;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAc5B;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAK1C;;OAEG;IACH,eAAe,IAAI,eAAe;IAIlC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;OAEG;IACH,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK9C;;OAEG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK7C;;OAEG;IACH,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAKhD;;OAEG;IACH,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIxC;;OAEG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIpC;;;OAGG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAcpC;;OAEG;IACH,aAAa,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,GAAG,MAAM,IAAI;IAYrE;;OAEG;IACH,mBAAmB,IAAI,MAAM,EAAE;IAI/B;;OAEG;IACH,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAC1C,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GACpB,eAAe;IAIlB;;OAEG;IACH,KAAK,IAAI,IAAI;IAQb;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb,OAAO,CAAC,eAAe;IAIvB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;CAOvB;AAGD,eAAO,MAAM,YAAY,mBAA0B,CAAC;AAGpD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,aAAa,EAAE,OAAO,CAAC,KAAG,CAC3B,CAAC"}