phaser-wind 0.3.0 → 0.4.0

package/dist/core/radius.d.ts

@@ -1,34 +1,29 @@
-/**
- * Available border radius keys matching Tailwind CSS radius scale
- */
+import type { BaseThemeConfig } from '../theme';
+/** Available border radius keys matching Tailwind CSS radius scale. */
 export type RadiusKey = 'none' | 'sm' | 'default' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-export type RadiusMap = Record<RadiusKey, number>;
+/** Map of radius tokens to pixel values. */
+export type RadiusMap = Record<RadiusKey | string, number>;
 /**
  * Mapping of radius keys to their pixel values
  */
+/** Default radius scale mapping (in pixels). */
 export declare const radiusMap: RadiusMap;
 /**
  * Utility functions for working with border radius values
  */
-export declare const Radius: {
-    getValueByKey: (key: RadiusKey | string) => number;
-    /**
-     * Get border radius in pixels
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value in pixels
-     */
-    px: (key: RadiusKey) => number;
-    /**
-     * Get border radius in rem units (relative to 16px base)
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value in rem units
-     */
-    rem: (key: RadiusKey) => number;
-    /**
-     * Get border radius as CSS pixel string
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value as CSS string (e.g., '4px')
-     */
-    css: (key: RadiusKey) => string;
+/** API for resolving radius tokens to px/rem/css. */
+export type RadiusApi<T extends RadiusMap | undefined> = {
+    px: (key: RadiusKey | (T extends RadiusMap ? keyof T : never)) => number;
+    rem: (key: RadiusKey | (T extends RadiusMap ? keyof T : never)) => number;
+    css: (key: RadiusKey | (T extends RadiusMap ? keyof T : never)) => string;
 };
+/**
+ * Create a radius API bound to an optional theme radius map.
+ * @example
+ * const r = createRadius({ card: 12 });
+ * r.css('card'); // '12px'
+ */
+export declare const createRadius: <T extends RadiusMap | undefined = BaseThemeConfig["radius"]>(themeRadius?: T) => RadiusApi<T>;
+/** Convenience instance using default radius map (no theme). */
+export declare const Radius: RadiusApi<undefined>;
 //# sourceMappingURL=radius.d.ts.map

package/dist/core/radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,IAAI,GACJ,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAUvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM;yBACI,SAAS,GAAG,MAAM,KAAG,MAAM;IAQhD;;;;OAIG;cACO,SAAS,KAAG,MAAM;IAE5B;;;;OAIG;eACQ,SAAS,KAAG,MAAM;IAE7B;;;;OAIG;eACQ,SAAS,KAAG,MAAM;CAC9B,CAAC"}
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,uEAAuE;AACvE,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,IAAI,GACJ,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAEX,4CAA4C;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,gDAAgD;AAChD,eAAO,MAAM,SAAS,EAAE,SAUvB,CAAC;AAEF;;GAEG;AACH,qDAAqD;AACrD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACvD,EAAE,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,SAAS,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;IACzE,GAAG,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,SAAS,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;IAC1E,GAAG,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,SAAS,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;CAC3E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,CAAC,SAAS,SAAS,GAAG,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,EAE3D,cAAc,CAAC,KACd,SAAS,CAAC,CAAC,CAkBb,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,SAAS,CAAsC,CAAC"}

package/dist/core/radius.js

@@ -1,7 +1,7 @@
-import { ThemeManager } from '../theme';
 /**
  * Mapping of radius keys to their pixel values
  */
+/** Default radius scale mapping (in pixels). */
 export const radiusMap = {
     none: 0,
     sm: 2,
@@ -14,33 +14,25 @@ export const radiusMap = {
     full: 9999,
 };
 /**
- * Utility functions for working with border radius values
+ * Create a radius API bound to an optional theme radius map.
+ * @example
+ * const r = createRadius({ card: 12 });
+ * r.css('card'); // '12px'
  */
-export const Radius = {
-    getValueByKey: (key) => {
-        const value = ThemeManager.getToken(`radius.${key}`);
-        if (typeof value === 'number') {
-            return value;
-        }
-        return radiusMap[key] ?? 0;
-    },
-    /**
-     * Get border radius in pixels
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value in pixels
-     */
-    px: (key) => radiusMap[key],
-    /**
-     * Get border radius in rem units (relative to 16px base)
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value in rem units
-     */
-    rem: (key) => radiusMap[key] / 16,
-    /**
-     * Get border radius as CSS pixel string
-     * @param key - Radius key (e.g., 'sm', 'lg', 'full')
-     * @returns Border radius value as CSS string (e.g., '4px')
-     */
-    css: (key) => `${radiusMap[key]}px`,
+export const createRadius = (themeRadius) => {
+    const map = {
+        ...radiusMap,
+        ...themeRadius,
+    };
+    const get = (key) => {
+        return typeof map[key] === 'number' ? map[key] : 0;
+    };
+    return {
+        px: (key) => get(key),
+        rem: (key) => get(key) / 16,
+        css: (key) => `${get(key)}px`,
+    };
 };
+/** Convenience instance using default radius map (no theme). */
+export const Radius = createRadius(undefined);
 //# sourceMappingURL=radius.js.map

package/dist/core/radius.js.map

@@ -1 +1 @@
-{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAkBxC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,IAAI;CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,aAAa,EAAE,CAAC,GAAuB,EAAU,EAAE;QACjD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,SAAS,CAAC,GAAgB,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD;;;;OAIG;IACH,EAAE,EAAE,CAAC,GAAc,EAAU,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC;IAE9C;;;;OAIG;IACH,GAAG,EAAE,CAAC,GAAc,EAAU,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE;IAEpD;;;;OAIG;IACH,GAAG,EAAE,CAAC,GAAc,EAAU,EAAE,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI;CACvD,CAAC"}
+{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AAiBA;;GAEG;AACH,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,IAAI;CACX,CAAC;AAYF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAG1B,WAAe,EACD,EAAE;IAChB,MAAM,GAAG,GAAc;QACrB,GAAG,SAAS;QACZ,GAAI,WAAqC;KAC7B,CAAC;IAEf,MAAM,GAAG,GAAG,CAAC,GAAW,EAAU,EAAE;QAClC,OAAO,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAE,GAAG,CAAC,GAAG,CAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,CAAC,GAAwD,EAAU,EAAE,CACvE,GAAG,CAAC,GAAa,CAAC;QACpB,GAAG,EAAE,CAAC,GAAwD,EAAU,EAAE,CACxE,GAAG,CAAC,GAAa,CAAC,GAAG,EAAE;QACzB,GAAG,EAAE,CAAC,GAAwD,EAAU,EAAE,CACxE,GAAG,GAAG,CAAC,GAAa,CAAC,IAAI;KAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,gEAAgE;AAChE,MAAM,CAAC,MAAM,MAAM,GAAyB,YAAY,CAAY,SAAS,CAAC,CAAC"}

package/dist/core/radius.spec.js

@@ -2,59 +2,54 @@
 /* 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, defaultLightTheme } from '../theme';
-import { Radius, radiusMap } from './radius';
+import { describe, expect, it } from 'vitest';
+import { createRadius, radiusMap, Radius } from './radius';
 describe('Radius', () => {
-    afterAll(() => {
-        ThemeManager.clear();
-    });
-    beforeEach(() => {
-        ThemeManager.init(defaultLightTheme);
-    });
     describe('px', () => {
         it('should return pixel value for radius key', () => {
-            expect(Radius.px('sm')).toBe(2);
-            expect(Radius.px('lg')).toBe(8);
-            expect(Radius.px('full')).toBe(9999);
+            const radius = createRadius();
+            expect(radius.px('sm')).toBe(2);
+            expect(radius.px('lg')).toBe(8);
+            expect(radius.px('full')).toBe(9999);
         });
     });
     describe('rem', () => {
         it('should convert pixel value to rem', () => {
-            expect(Radius.rem('sm')).toBe(2 / 16);
-            expect(Radius.rem('lg')).toBe(8 / 16);
-            expect(Radius.rem('full')).toBe(9999 / 16);
+            const radius = createRadius();
+            expect(radius.rem('sm')).toBe(2 / 16);
+            expect(radius.rem('lg')).toBe(8 / 16);
+            expect(radius.rem('full')).toBe(9999 / 16);
         });
     });
     describe('css', () => {
         it('should return CSS string with px unit', () => {
-            expect(Radius.css('sm')).toBe('2px');
+            const radius = createRadius();
+            expect(radius.css('sm')).toBe('2px');
+            expect(radius.css('lg')).toBe('8px');
+            expect(radius.css('full')).toBe('9999px');
+        });
+        it('should work with default Radius constant', () => {
+            expect(Radius.px('sm')).toBe(2);
             expect(Radius.css('lg')).toBe('8px');
-            expect(Radius.css('full')).toBe('9999px');
+            expect(Radius.rem('full')).toBe(9999 / 16);
         });
     });
     describe('getValueByKey', () => {
         it('should return value from radiusMap', () => {
-            expect(Radius.getValueByKey('sm')).toBe(radiusMap.sm);
-            expect(Radius.getValueByKey('lg')).toBe(radiusMap.lg);
-            expect(Radius.getValueByKey('full')).toBe(radiusMap.full);
+            const radius = createRadius();
+            expect(radius.px('sm')).toBe(radiusMap['sm']);
+            expect(radius.px('lg')).toBe(radiusMap['lg']);
+            expect(radius.px('full')).toBe(radiusMap['full']);
         });
     });
     describe('with theme', () => {
         it('should return value from theme', () => {
-            expect(Radius.getValueByKey('sm')).toBe(radiusMap.sm);
-            expect(Radius.getValueByKey('custom')).toBe(0);
-            expect(Radius.getValueByKey('11')).toBe(0);
-            ThemeManager.setThemeObject({
-                radius: {
-                    sm: 10,
-                    custom: 42,
-                    '11': 100,
-                },
-            });
-            expect(Radius.getValueByKey('sm')).toBe(10);
-            expect(Radius.getValueByKey('custom')).toBe(42);
-            expect(Radius.getValueByKey('11')).toBe(100);
+            const radius1 = createRadius();
+            expect(radius1.px('sm')).toBe(radiusMap['sm']);
+            const radius2 = createRadius();
+            expect(radius2.px('sm')).toBe(2);
+            expect(radius2.px('custom')).toBe(0);
+            expect(radius2.px('11')).toBe(0);
         });
     });
 });

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

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

package/dist/core/shadow.d.ts

@@ -1,23 +1,31 @@
+import type { BaseThemeConfig } from '../theme';
+/** Default shadow keys. */
 export type ShadowKey = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inner';
 /**
  * Shadow configuration type defining blur, offset and alpha values
  */
+/** Shadow configuration shape (compatible with Phaser effects). */
 export type ShadowConfig = {
     blur: number;
     offsetX: number;
     offsetY: number;
     alpha: number;
 };
+/** Default shadow presets. */
+export declare const defaultShadowMap: Record<ShadowKey, ShadowConfig>;
+/** Map of shadow keys to shadow configs. */
+export type ShadowMap = Record<ShadowKey | string, ShadowConfig>;
+/** API for resolving shadow tokens to configs. */
+export type ShadowApi<T extends Record<string, unknown> | undefined> = {
+    get: (key: ShadowKey | (T extends Record<string, unknown> ? keyof T : never)) => ShadowConfig;
+};
 /**
- * Utility for working with shadow configurations
+ * Create a shadow API bound to an optional effects map.
+ * @example
+ * const sh = createShadow({ glow: { blur: 8, offsetX: 0, offsetY: 0, alpha: .6 } });
+ * sh.get('glow');
  */
-export declare const Shadow: {
-    /**
-     * Get shadow configuration for given key
-     * @param key - Shadow key (e.g., 'sm', 'lg', 'inner')
-     * @param defaultKey - Optional default key if provided key is invalid
-     * @returns Shadow configuration with blur, offset and alpha values
-     */
-    get: (key: ShadowKey, defaultKey?: ShadowKey) => ShadowConfig;
-};
+export declare const createShadow: <T extends BaseThemeConfig["effects"] = BaseThemeConfig["effects"]>(effects?: T) => ShadowApi<T>;
+/** Convenience instance using default shadows (no theme). */
+export declare const Shadow: ShadowApi<undefined>;
 //# sourceMappingURL=shadow.d.ts.map

package/dist/core/shadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/core/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;;;;OAKG;eACQ,SAAS,eAAc,SAAS,KAAU,YAAY;CAWlE,CAAC"}
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/core/shadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC;AAEpE;;GAEG;AACH,mEAAmE;AACnE,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAO5D,CAAC;AAEF,4CAA4C;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,EAAE,YAAY,CAAC,CAAC;AAEjE,kDAAkD;AAClD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,IAAI;IACrE,GAAG,EAAE,CACH,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KACnE,YAAY,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,CAAC,SAAS,eAAe,CAAC,SAAS,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,EAEjE,UAAU,CAAC,KACV,SAAS,CAAC,CAAC,CAiBb,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,SAAS,CAAsC,CAAC"}

package/dist/core/shadow.js

@@ -1,23 +1,33 @@
+/** Default shadow presets. */
+export const defaultShadowMap = {
+    sm: { blur: 2, offsetX: 1, offsetY: 1, alpha: 0.15 },
+    md: { blur: 4, offsetX: 2, offsetY: 2, alpha: 0.2 },
+    lg: { blur: 6, offsetX: 4, offsetY: 4, alpha: 0.25 },
+    xl: { blur: 8, offsetX: 6, offsetY: 6, alpha: 0.3 },
+    '2xl': { blur: 12, offsetX: 8, offsetY: 8, alpha: 0.35 },
+    inner: { blur: 4, offsetX: -2, offsetY: -2, alpha: 0.2 },
+};
 /**
- * Utility for working with shadow configurations
+ * Create a shadow API bound to an optional effects map.
+ * @example
+ * const sh = createShadow({ glow: { blur: 8, offsetX: 0, offsetY: 0, alpha: .6 } });
+ * sh.get('glow');
  */
-export const Shadow = {
-    /**
-     * Get shadow configuration for given key
-     * @param key - Shadow key (e.g., 'sm', 'lg', 'inner')
-     * @param defaultKey - Optional default key if provided key is invalid
-     * @returns Shadow configuration with blur, offset and alpha values
-     */
-    get: (key, defaultKey = 'md') => {
-        const shadows = {
-            sm: { blur: 2, offsetX: 1, offsetY: 1, alpha: 0.15 },
-            md: { blur: 4, offsetX: 2, offsetY: 2, alpha: 0.2 },
-            lg: { blur: 6, offsetX: 4, offsetY: 4, alpha: 0.25 },
-            xl: { blur: 8, offsetX: 6, offsetY: 6, alpha: 0.3 },
-            '2xl': { blur: 12, offsetX: 8, offsetY: 8, alpha: 0.35 },
-            inner: { blur: 4, offsetX: -2, offsetY: -2, alpha: 0.2 },
-        };
-        return shadows[key] || shadows[defaultKey];
-    },
+export const createShadow = (effects) => {
+    const map = {
+        ...defaultShadowMap,
+        ...effects,
+    };
+    const getConfig = (key) => {
+        const cfg = map[key];
+        if (cfg && typeof cfg === 'object')
+            return cfg;
+        return defaultShadowMap['md'];
+    };
+    return {
+        get: (key) => getConfig(key),
+    };
 };
+/** Convenience instance using default shadows (no theme). */
+export const Shadow = createShadow(undefined);
 //# sourceMappingURL=shadow.js.map

package/dist/core/shadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/core/shadow.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB;;;;;OAKG;IACH,GAAG,EAAE,CAAC,GAAc,EAAE,aAAwB,IAAI,EAAgB,EAAE;QAClE,MAAM,OAAO,GAAoC;YAC/C,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;YACnD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;YACnD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;YACxD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;SACzD,CAAC;QACF,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;CACF,CAAC"}
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/core/shadow.ts"],"names":[],"mappings":"AAgBA,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAoC;IAC/D,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;IACpD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;IACnD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;IACpD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;CACzD,CAAC;AAYF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAG1B,OAAW,EACG,EAAE;IAChB,MAAM,GAAG,GAAc;QACrB,GAAG,gBAAgB;QACnB,GAAI,OAA4C;KACpC,CAAC;IAEf,MAAM,SAAS,GAAG,CAAC,GAAW,EAAgB,EAAE;QAC9C,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACrB,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,GAAmB,CAAC;QAC/D,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO;QACL,GAAG,EAAE,CACH,GAAsE,EACxD,EAAE,CAAC,SAAS,CAAC,GAAa,CAAC;KAC5C,CAAC;AACJ,CAAC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,MAAM,GAAyB,YAAY,CAAY,SAAS,CAAC,CAAC"}

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

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

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

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

package/dist/core/shadow.spec.js

@@ -0,0 +1,21 @@
+/* eslint-disable no-magic-numbers */
+import { describe, expect, it } from 'vitest';
+import { Shadow, createShadow } from './shadow';
+describe('Shadow', () => {
+    it('should provide defaults via Shadow constant', () => {
+        expect(Shadow.get('sm')).toEqual({
+            blur: 2,
+            offsetX: 1,
+            offsetY: 1,
+            alpha: 0.15,
+        });
+        expect(Shadow.get('md').blur).toBe(4);
+    });
+    it('should allow theme effect keys via factory', () => {
+        const shadow = createShadow({
+            customGlow: { blur: 20, offsetX: 0, offsetY: 0, alpha: 0.5 },
+        });
+        expect(shadow.get('customGlow').blur).toBe(20);
+    });
+});
+//# sourceMappingURL=shadow.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.spec.js","sourceRoot":"","sources":["../../src/core/shadow.spec.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,MAAM,GAAG,YAAY,CAAC;YAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;SAC7D,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/core/spacing.d.ts

@@ -1,39 +1,32 @@
+import type { BaseThemeConfig } from '../theme';
 /**
- * Valid spacing scale keys following Tailwind's spacing scale
- * Values range from '0' to '96', including fractional values
+ * Valid spacing scale keys following Tailwind's spacing scale.
+ * Values range from '0' to '96', including fractional values and `px` (1px).
  */
 export type SpacingKey = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
+/** Maps spacing scale keys to their pixel values. */
+export type SpacingMap = Record<SpacingKey | string, number>;
 /**
- * Maps spacing scale keys to their pixel values
- */
-export type SpacingMap = Record<SpacingKey, number>;
-/**
- * Spacing scale mapping following Tailwind's spacing scale
- * Values are in pixels, with a base unit of 4px (1 = 4px)
+ * Spacing scale mapping following Tailwind's spacing scale.
+ * Values are in pixels, with a base unit of 4px (1 = 4px).
  */
 export declare const spacingMap: SpacingMap;
 /**
- * Utility functions for working with spacing values
+ * API for resolving spacing tokens to px/rem/css.
+ * The accepted keys are narrowed to default tokens plus theme keys.
  */
-export declare const Spacing: {
-    getValueByKey: (key: SpacingKey | string) => number;
-    /**
-     * Get spacing value in pixels
-     * @param key - Spacing scale key
-     * @returns Pixel value
-     */
-    px: (key: SpacingKey | string) => number;
-    /**
-     * Get spacing value in rem units (divided by 16)
-     * @param key - Spacing scale key
-     * @returns Rem value
-     */
-    rem: (key: SpacingKey | string) => number;
-    /**
-     * Get spacing value as CSS pixel string
-     * @param key - Spacing scale key
-     * @returns CSS pixel value string (e.g. "16px")
-     */
-    css: (key: SpacingKey | string) => string;
+export type SpacingApi<T extends SpacingMap | undefined> = {
+    px: (key: SpacingKey | (T extends SpacingMap ? keyof T : never)) => number;
+    rem: (key: SpacingKey | (T extends SpacingMap ? keyof T : never)) => number;
+    css: (key: SpacingKey | (T extends SpacingMap ? keyof T : never)) => string;
 };
+/**
+ * Create a spacing API bound to an optional theme spacing map.
+ * @example
+ * const s = createSpacing({ gutter: 24 });
+ * s.px('gutter'); // 24
+ */
+export declare const createSpacing: <T extends SpacingMap | undefined = BaseThemeConfig["spacing"]>(themeSpacing?: T) => SpacingApi<T>;
+/** Convenience instance using default spacing map (no theme). */
+export declare const Spacing: SpacingApi<undefined>;
 //# sourceMappingURL=spacing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,UAoCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO;yBACG,UAAU,GAAG,MAAM,KAAG,MAAM;IASjD;;;;OAIG;cACO,UAAU,GAAG,MAAM,KAAG,MAAM;IAKtC;;;;OAIG;eACQ,UAAU,GAAG,MAAM,KAAG,MAAM;IAKvC;;;;OAIG;eACQ,UAAU,GAAG,MAAM,KAAG,MAAM;CAIxC,CAAC"}
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,qDAAqD;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,UAoCxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,UAAU,GAAG,SAAS,IAAI;IACzD,EAAE,EAAE,CAAC,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,SAAS,UAAU,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;IAC3E,GAAG,EAAE,CAAC,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,SAAS,UAAU,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;IAC5E,GAAG,EAAE,CAAC,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,SAAS,UAAU,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,CAAC;CAC7E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,EAE7D,eAAe,CAAC,KACf,UAAU,CAAC,CAAC,CA2Bd,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,UAAU,CAAC,SAAS,CACL,CAAC"}

package/dist/core/spacing.js

@@ -1,7 +1,6 @@
-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)
+ * 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,
@@ -41,42 +40,31 @@ export const spacingMap = {
     '96': 384,
 };
 /**
- * Utility functions for working with spacing values
+ * Create a spacing API bound to an optional theme spacing map.
+ * @example
+ * const s = createSpacing({ gutter: 24 });
+ * s.px('gutter'); // 24
  */
-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`;
-    },
+export const createSpacing = (themeSpacing) => {
+    const map = {
+        ...spacingMap,
+        ...themeSpacing,
+    };
+    const get = (key) => {
+        return typeof map[key] === 'number' ? map[key] : 0;
+    };
+    return {
+        px: (key) => {
+            return get(key);
+        },
+        rem: (key) => {
+            return get(key) / 16;
+        },
+        css: (key) => {
+            return `${get(key)}px`;
+        },
+    };
 };
+/** Convenience instance using default spacing map (no theme). */
+export const Spacing = createSpacing(undefined);
 //# sourceMappingURL=spacing.js.map

package/dist/core/spacing.js.map

@@ -1 +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"}
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AA8CA;;;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;AAYF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAG3B,YAAgB,EACD,EAAE;IACjB,MAAM,GAAG,GAAe;QACtB,GAAG,UAAU;QACb,GAAI,YAAuC;KAC9B,CAAC;IAEhB,MAAM,GAAG,GAAG,CAAC,GAAW,EAAU,EAAE;QAClC,OAAO,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAE,GAAG,CAAC,GAAG,CAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,CACF,GAA0D,EAClD,EAAE;YACV,OAAO,GAAG,CAAC,GAAa,CAAC,CAAC;QAC5B,CAAC;QACD,GAAG,EAAE,CACH,GAA0D,EAClD,EAAE;YACV,OAAO,GAAG,CAAC,GAAa,CAAC,GAAG,EAAE,CAAC;QACjC,CAAC;QACD,GAAG,EAAE,CACH,GAA0D,EAClD,EAAE;YACV,OAAO,GAAG,GAAG,CAAC,GAAa,CAAC,IAAI,CAAC;QACnC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,OAAO,GAClB,aAAa,CAAY,SAAS,CAAC,CAAC"}

package/dist/core/spacing.spec.js

@@ -2,47 +2,36 @@
 /* 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';
+import { describe, expect, it } from 'vitest';
+import { createSpacing, 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);
+            const spacing = createSpacing();
+            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);
+            const spacing = createSpacing();
+            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');
+            const spacing = createSpacing();
+            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');
+        it('should work with default Spacing constant', () => {
+            expect(Spacing.px('2')).toBe(8);
+            expect(Spacing.css('4')).toBe('16px');
+            expect(Spacing.rem('8')).toBe(2);
         });
     });
 });