@number10/phaserjsx 0.1.0

package/dist/design-tokens/design-token-presets.d.ts

@@ -0,0 +1,26 @@
+import { RadiusTokens, SizeTokens, SpacingTokens, TextStyleTokens } from './design-token-types';
+/**
+ * Default spacing scale
+ * Based on 4px base unit
+ */
+export declare const defaultSpacingTokens: SpacingTokens;
+/**
+ * Default size scale
+ * For width, height, icon sizes, etc.
+ */
+export declare const defaultSizeTokens: SizeTokens;
+/**
+ * Default border radius scale
+ */
+export declare const defaultRadiusTokens: RadiusTokens;
+/**
+ * Create text style tokens with the given base text color
+ * @param textColor - Base text color (hex string)
+ * @returns TextStyleTokens with color applied
+ */
+export declare function createTextStyleTokens(textColor: string): TextStyleTokens;
+/**
+ * Default text style tokens (white text)
+ */
+export declare const defaultTextStyleTokens: TextStyleTokens;
+//# sourceMappingURL=design-token-presets.d.ts.map

package/dist/design-tokens/design-token-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-presets.d.ts","sourceRoot":"","sources":["../../src/design-tokens/design-token-presets.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEpG;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAO/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAOjC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,CA+CxE;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAAkD,CAAA"}

package/dist/design-tokens/design-token-types.d.ts

@@ -0,0 +1,109 @@
+import { default as Phaser } from 'phaser';
+import { ColorTokens } from '../colors';
+/**
+ * Text style preset token
+ * Complete style object ready for Text component
+ */
+export interface TextStyleToken {
+    fontSize: string | number;
+    color: string;
+    fontFamily?: string;
+    fontStyle?: string;
+    align?: 'left' | 'center' | 'right' | 'justify';
+}
+/**
+ * Text style tokens for different use cases
+ * Provides semantic presets for common text styles
+ */
+export interface TextStyleTokens {
+    /** Default text style - base body text (16px) */
+    DEFAULT: TextStyleToken;
+    /** Small text - captions, labels (12px) */
+    small: TextStyleToken;
+    /** Medium text - body, paragraphs (16px) */
+    medium: TextStyleToken;
+    /** Large text - subheadings, emphasis (20px) */
+    large: TextStyleToken;
+    /** Title text - section titles (28px) */
+    title: TextStyleToken;
+    /** Heading text - page headings (36px) */
+    heading: TextStyleToken;
+    /** Caption text - footnotes, metadata (10px, reduced opacity) */
+    caption: TextStyleToken;
+}
+/**
+ * Spacing scale tokens
+ * Consistent spacing values for padding, margin, gaps
+ */
+export interface SpacingTokens {
+    /** Extra small - 4px */
+    xs: number;
+    /** Small - 8px */
+    sm: number;
+    /** Medium - 16px */
+    md: number;
+    /** Large - 24px */
+    lg: number;
+    /** Extra large - 32px */
+    xl: number;
+    /** Extra extra large - 48px */
+    xxl: number;
+}
+/**
+ * Size scale tokens
+ * For width, height, icon sizes, etc.
+ */
+export interface SizeTokens {
+    /** Extra small - 16px */
+    xs: number;
+    /** Small - 24px */
+    sm: number;
+    /** Medium - 32px */
+    md: number;
+    /** Large - 48px */
+    lg: number;
+    /** Extra large - 64px */
+    xl: number;
+    /** Extra extra large - 96px */
+    xxl: number;
+}
+/**
+ * Border radius tokens
+ * Consistent corner radius values
+ */
+export interface RadiusTokens {
+    /** None - 0px */
+    none: number;
+    /** Small - 4px */
+    sm: number;
+    /** Medium - 8px */
+    md: number;
+    /** Large - 16px */
+    lg: number;
+    /** Extra large - 24px */
+    xl: number;
+    /** Full - 9999px (pill shape) */
+    xxl: number;
+}
+/**
+ * Complete design token system
+ * Combines colors with semantic style tokens
+ */
+export interface DesignTokens {
+    /** Color tokens - semantic color scales */
+    colors: ColorTokens;
+    /** Text style presets - ready-to-use text styles */
+    textStyles: TextStyleTokens;
+    /** Spacing scale - padding, margin, gaps */
+    spacing: SpacingTokens;
+    /** Size scale - width, height, icon sizes */
+    sizes: SizeTokens;
+    /** Border radius scale - corner radius values */
+    radius: RadiusTokens;
+}
+/**
+ * Helper type to convert TextStyleToken to Phaser TextStyle
+ * @internal
+ */
+export type PhaserTextStyle = Phaser.Types.GameObjects.Text.TextStyle;
+//# sourceMappingURL=design-token-types.d.ts.map

package/dist/design-tokens/design-token-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-types.d.ts","sourceRoot":"","sources":["../../src/design-tokens/design-token-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CAChD;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,OAAO,EAAE,cAAc,CAAA;IACvB,2CAA2C;IAC3C,KAAK,EAAE,cAAc,CAAA;IACrB,4CAA4C;IAC5C,MAAM,EAAE,cAAc,CAAA;IACtB,gDAAgD;IAChD,KAAK,EAAE,cAAc,CAAA;IACrB,yCAAyC;IACzC,KAAK,EAAE,cAAc,CAAA;IACrB,0CAA0C;IAC1C,OAAO,EAAE,cAAc,CAAA;IACvB,iEAAiE;IACjE,OAAO,EAAE,cAAc,CAAA;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,MAAM,EAAE,WAAW,CAAA;IACnB,oDAAoD;IACpD,UAAU,EAAE,eAAe,CAAA;IAC3B,4CAA4C;IAC5C,OAAO,EAAE,aAAa,CAAA;IACtB,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAA;IACjB,iDAAiD;IACjD,MAAM,EAAE,YAAY,CAAA;CACrB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAA"}

package/dist/design-tokens/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Design token system exports
+ * Provides semantic tokens for colors, text styles, spacing, sizes, and radius
+ */
+export { createTextStyleTokens, defaultRadiusTokens, defaultSizeTokens, defaultSpacingTokens, defaultTextStyleTokens, } from './design-token-presets';
+export type { DesignTokens, PhaserTextStyle, RadiusTokens, SizeTokens, SpacingTokens, TextStyleToken, TextStyleTokens, } from './design-token-types';
+export { useThemeTokens } from './use-theme-tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/design-tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/design-tokens/use-theme-tokens.d.ts

@@ -0,0 +1,28 @@
+import { DesignTokens } from './design-token-types';
+/**
+ * Hook to access complete design token system from theme context
+ * Provides colors, text styles, spacing, sizes, and radius tokens
+ * Automatically updates when color mode or preset changes
+ * @returns Current DesignTokens or undefined
+ * @example
+ * ```typescript
+ * function MyComponent() {
+ *   const tokens = useThemeTokens()
+ *
+ *   if (!tokens) return null
+ *
+ *   return (
+ *     <View
+ *       backgroundColor={tokens.colors.surface.DEFAULT}
+ *       padding={tokens.spacing.lg}
+ *       cornerRadius={tokens.radius.md}
+ *     >
+ *       <Text text="Title" style={tokens.textStyles.title} />
+ *       <Text text="Body text" style={tokens.textStyles.DEFAULT} />
+ *     </View>
+ *   )
+ * }
+ * ```
+ */
+export declare function useThemeTokens(): DesignTokens | undefined;
+//# sourceMappingURL=use-theme-tokens.d.ts.map

package/dist/design-tokens/use-theme-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-tokens.d.ts","sourceRoot":"","sources":["../../src/design-tokens/use-theme-tokens.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,IAAI,YAAY,GAAG,SAAS,CA0EzD"}

package/dist/dev-config.d.ts

@@ -0,0 +1,238 @@
+/**
+ * Development and debugging configuration
+ * Runtime-configurable settings for debugging and development
+ */
+/**
+ * Development configuration object
+ * Can be modified at runtime from user code for debugging
+ *
+ * @example
+ * ```typescript
+ * import { DevConfig } from '@number10/phaserjsx'
+ *
+ * // Enable specific debug categories
+ * DevConfig.debug.enabled = true
+ * DevConfig.debug.layout = true
+ *
+ * // Customize visual debugging
+ * DevConfig.visual.maskFillColor = 0xff00ff  // Pink
+ * DevConfig.visual.maskAlpha = 0.3           // Semi-transparent
+ * ```
+ */
+export declare const DevConfig: {
+    /**
+     * Debug logging configuration
+     * Controls console output for different subsystems
+     */
+    debug: {
+        /**
+         * Master switch - disables all debug output when false
+         * @default false
+         */
+        enabled: boolean;
+        /**
+         * Detailed layout calculation logs
+         * Shows container sizing, positioning, and flex distribution
+         * @default false
+         */
+        layout: boolean;
+        /**
+         * Overflow mask positioning logs
+         * Shows world coordinate calculations and mask updates
+         * @default false
+         */
+        overflowMask: boolean;
+        /**
+         * Flex distribution calculations
+         * Shows flex space allocation across children
+         * @default false
+         */
+        flex: boolean;
+        /**
+         * Child sizing and positioning
+         * Shows individual child dimension calculations
+         * @default false
+         */
+        positioning: boolean;
+        /**
+         * VDOM mount/patch/unmount operations
+         * Shows virtual DOM updates and reconciliation
+         * @default false
+         */
+        vdom: boolean;
+        /**
+         * Performance timing measurements
+         * Shows execution time for layout operations
+         * @default false
+         */
+        performance: boolean;
+        /**
+         * Theme system logs
+         * Shows theme registry updates and prop merging
+         * @default false
+         */
+        theme: boolean;
+    };
+    /**
+     * VDOM warnings and development checks
+     * These help catch common mistakes that lead to performance issues
+     */
+    warnings: {
+        /**
+         * Warn when list items (siblings) don't have key props
+         * Similar to React's "Each child in a list should have a unique key prop" warning
+         * @default true (in development)
+         */
+        missingKeys: boolean;
+        /**
+         * Warn when props change causes full remount instead of update
+         * Detects JSX/callback recreation that prevents VDOM optimization
+         * @default true (in development)
+         */
+        unnecessaryRemounts: boolean;
+        /**
+         * Warn when VNodes are frozen/sealed and need copying
+         * Happens in production builds or with certain bundler optimizations
+         * @default false (usually only relevant in production)
+         */
+        frozenVNodes: boolean;
+    };
+    /**
+     * Visual debugging aids
+     * Runtime-configurable visual settings
+     */
+    visual: {
+        /**
+         * Show overflow mask areas
+         * When true, masks are visible (alpha > 0) for debugging
+         * @default false
+         */
+        showOverflowMasks: boolean;
+        /**
+         * Mask fill color
+         * @default 0xffffff (white, invisible with alpha=0)
+         * @example 0xff00ff (pink for debugging)
+         */
+        maskFillColor: number;
+        /**
+         * Mask alpha transparency
+         * @default 0.0 (invisible)
+         * @example 0.3 (semi-transparent for debugging)
+         */
+        maskAlpha: number;
+    };
+    /**
+     * Performance tuning
+     */
+    performance: {
+        /**
+         * Enable deferred layout queue batching
+         * When false, deferred updates execute immediately (not batched)
+         * @default true
+         */
+        useDeferredQueue: boolean;
+        /**
+         * Log deferred queue statistics
+         * Shows number of batched callbacks per frame
+         * @default false
+         */
+        logQueueStats: boolean;
+    };
+};
+/**
+ * Debug logger with category support
+ * Only logs when global debug is enabled AND category is enabled
+ *
+ * @example
+ * ```typescript
+ * DebugLogger.log('layout', 'Container size:', { width: 100, height: 200 })
+ * // Only logs if DevConfig.debug.enabled && DevConfig.debug.layout
+ * ```
+ */
+export declare class DebugLogger {
+    /**
+     * Debounced console.log instances per category-message combination
+     */
+    private static debouncedLoggers;
+    /**
+     * Log a message with category filtering and debouncing
+     * @param category - Debug category to check
+     * @param message - Message to log
+     * @param args - Additional arguments to log (only first element is used)
+     */
+    static log(category: keyof typeof DevConfig.debug, message: string, ...args: unknown[]): void;
+    /**
+     * Log a warning message (always shown, even if debug disabled)
+     * @param category - Category for context
+     * @param message - Warning message
+     * @param args - Additional arguments
+     */
+    static warn(category: string, message: string, ...args: unknown[]): void;
+    /**
+     * Log an error message (always shown, even if debug disabled)
+     * @param category - Category for context
+     * @param message - Error message
+     * @param args - Additional arguments
+     */
+    static error(category: string, message: string, ...args: unknown[]): void;
+    /**
+     * Start a performance timer
+     * @param category - Debug category to check
+     * @param label - Timer label
+     */
+    static time(category: keyof typeof DevConfig.debug, label: string): void;
+    /**
+     * End a performance timer
+     * @param category - Debug category to check
+     * @param label - Timer label
+     */
+    static timeEnd(category: keyof typeof DevConfig.debug, label: string): void;
+}
+/**
+ * Predefined configuration presets for common debugging scenarios
+ *
+ * @example
+ * ```typescript
+ * import { DevPresets } from '@number10/phaserjsx'
+ *
+ * // Quick activation of overflow debugging
+ * DevPresets.debugOverflow()
+ *
+ * // Revert to production settings
+ * DevPresets.production()
+ * ```
+ */
+export declare const DevPresets: {
+    /**
+     * Production configuration
+     * All debugging disabled, optimal performance
+     */
+    production: () => void;
+    /**
+     * Debug layout issues
+     * Enables layout, positioning, and flex logs
+     */
+    debugLayout: () => void;
+    /**
+     * Debug overflow masking
+     * Enables overflow logs and makes masks visible
+     */
+    debugOverflow: () => void;
+    /**
+     * Performance profiling
+     * Enables performance timing and queue statistics
+     */
+    profilePerformance: () => void;
+    /**
+     * Debug VDOM operations
+     * Enables virtual DOM mount/patch/unmount logs
+     */
+    debugVDOM: () => void;
+    debugTheme: () => void;
+    /**
+     * Enable all debug categories (verbose!)
+     * Use with caution - produces lots of console output
+     */
+    debugAll: () => void;
+};
+//# sourceMappingURL=dev-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-config.d.ts","sourceRoot":"","sources":["../src/dev-config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS;IACpB;;;OAGG;;QAED;;;WAGG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;OAEG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;;CAGN,CAAA;AAED;;;;;;;;;GASG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAkD;IAEjF;;;;;OAKG;IACH,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAmB7F;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIxE;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIzE;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOxE;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAM5E;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU;IACrB;;;OAGG;sBACa,IAAI;IAQpB;;;OAGG;uBACc,IAAI;IAWrB;;;OAGG;yBACgB,IAAI;IAcvB;;;OAGG;8BACqB,IAAI;IAY5B;;;OAGG;qBACY,IAAI;sBAWH,IAAI;IAYpB;;;OAGG;oBACW,IAAI;CAanB,CAAA"}

package/dist/effects/effect-registry.d.ts

@@ -0,0 +1,54 @@
+import { EffectConfig, EffectFn } from './use-effect';
+/**
+ * Built-in effect names
+ */
+export type BuiltInEffectName = 'none' | 'pulse' | 'shake' | 'bounce' | 'press' | 'flash' | 'jello' | 'fade' | 'fadeIn' | 'fadeOut' | 'wobble' | 'tada' | 'swing' | 'wiggle' | 'slideIn' | 'slideOut' | 'zoomIn' | 'zoomOut' | 'flipIn' | 'flipOut' | 'float' | 'breathe' | 'spin';
+/**
+ * Extension point for custom effect names
+ * Use declaration merging to add custom effects:
+ * @example
+ * ```typescript
+ * declare module '@number10/phaserjsx' {
+ *   interface EffectNameExtensions {
+ *     myCustom: 'myCustom'
+ *   }
+ * }
+ * ```
+ */
+export interface EffectNameExtensions {
+}
+/**
+ * Available effect names (built-in + extensions)
+ */
+export type EffectName = BuiltInEffectName | (keyof EffectNameExtensions extends never ? never : keyof EffectNameExtensions);
+/**
+ * Effect configuration with name and config
+ */
+export interface EffectDefinition {
+    effect?: EffectName;
+    effectConfig?: EffectConfig;
+}
+/**
+ * Map of effect names to effect functions
+ */
+export declare const EFFECT_REGISTRY: Record<BuiltInEffectName, EffectFn | null>;
+/**
+ * Default effect configuration
+ */
+export declare const DEFAULT_EFFECT: Required<EffectDefinition>;
+/**
+ * Apply an effect by name with configuration
+ * @param applyEffect - The applyEffect function from useGameObjectEffect hook
+ * @param effectName - Name of the effect to apply
+ * @param effectConfig - Optional configuration for the effect
+ * @returns true if effect was applied, false otherwise
+ */
+export declare function applyEffectByName(applyEffect: (effect: EffectFn, config?: EffectConfig) => void, effectName?: EffectName, effectConfig?: EffectConfig): boolean;
+/**
+ * Resolve effect definition with priority: props > theme > default
+ * @param props - Props-level effect definition
+ * @param theme - Theme-level effect definition
+ * @returns Resolved effect definition
+ */
+export declare function resolveEffect(props?: EffectDefinition, theme?: EffectDefinition): Required<EffectDefinition>;
+//# sourceMappingURL=effect-registry.d.ts.map

package/dist/effects/effect-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-registry.d.ts","sourceRoot":"","sources":["../../src/effects/effect-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAwBL,KAAK,YAAY,EACjB,KAAK,QAAQ,EACd,MAAM,cAAc,CAAA;AAErB;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAEV;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,oBAAoB;CAAG;AAExC;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,iBAAiB,GACjB,CAAC,MAAM,oBAAoB,SAAS,KAAK,GAAG,KAAK,GAAG,MAAM,oBAAoB,CAAC,CAAA;AAEnF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,iBAAiB,EAAE,QAAQ,GAAG,IAAI,CAwBtE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,gBAAgB,CAGrD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,EAC9D,UAAU,CAAC,EAAE,UAAU,EACvB,YAAY,CAAC,EAAE,YAAY,GAC1B,OAAO,CAWT;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,CAAC,EAAE,gBAAgB,EACxB,KAAK,CAAC,EAAE,gBAAgB,GACvB,QAAQ,CAAC,gBAAgB,CAAC,CAK5B"}

package/dist/effects/index.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Effect System for PhaserJSX
+ * Provides reusable animation effects for game objects
+ *
+ * @example Basic usage:
+ * ```tsx
+ * import { useGameObjectEffect, createPulseEffect } from '@number10/phaserjsx/effects'
+ *
+ * function MyButton() {
+ *   const ref = useRef(null)
+ *   const { applyEffect } = useGameObjectEffect(ref)
+ *
+ *   const handleClick = () => {
+ *     applyEffect(createPulseEffect, { intensity: 1.2, time: 300 })
+ *   }
+ *
+ *   return <View ref={ref} onClick={handleClick}>Click me</View>
+ * }
+ * ```
+ *
+ * @example Using effect registry:
+ * ```tsx
+ * import { useGameObjectEffect, applyEffectByName } from '@number10/phaserjsx/effects'
+ *
+ * function MyComponent() {
+ *   const ref = useRef(null)
+ *   const { applyEffect } = useGameObjectEffect(ref)
+ *
+ *   const handleClick = () => {
+ *     applyEffectByName(applyEffect, 'pulse', { intensity: 1.2 })
+ *   }
+ * }
+ * ```
+ *
+ * @example Custom effects:
+ * ```tsx
+ * import { useGameObjectEffect, type EffectFn } from '@number10/phaserjsx/effects'
+ *
+ * const myCustomEffect: EffectFn = (obj, config) => {
+ *   obj.scene.tweens.add({
+ *     targets: obj,
+ *     alpha: 0,
+ *     duration: config.time ?? 300
+ *   })
+ * }
+ *
+ * function MyComponent() {
+ *   const { applyEffect } = useGameObjectEffect(ref)
+ *   applyEffect(myCustomEffect, { time: 500 })
+ * }
+ * ```
+ */
+export { useGameObjectEffect, type EffectConfig, type EffectFn } from './use-effect';
+export { DEFAULT_EFFECT, EFFECT_REGISTRY, applyEffectByName, resolveEffect, type BuiltInEffectName, type EffectDefinition, type EffectName, type EffectNameExtensions, } from './effect-registry';
+export { createBounceEffect, createBreatheEffect, createFadeEffect, createFlashEffect, createFlipInEffect, createFlipOutEffect, createFloatEffect, createJelloEffect, createNoneEffect, createPressEffect, createPulseEffect, createShakeEffect, createSlideInEffect, createSlideOutEffect, createSpinEffect, createSwingEffect, createTadaEffect, createWiggleEffect, createWobbleEffect, createZoomInEffect, createZoomOutEffect, } from './use-effect';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/effects/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAGH,OAAO,EAAE,mBAAmB,EAAE,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGpF,OAAO,EACL,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,cAAc,CAAA"}