@number10/phaserjsx 0.1.0

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

@@ -0,0 +1,172 @@
+/**
+ * Ref object type
+ */
+type RefObject<T> = {
+    current: T;
+};
+/**
+ * Effect configuration
+ */
+export interface EffectConfig {
+    magnitude?: number;
+    time?: number;
+    intensity?: number;
+    duration?: number;
+    direction?: 'left' | 'right' | 'up' | 'down';
+    angle?: number;
+    onComplete?: () => void;
+}
+/**
+ * Effect callback function
+ * @param obj - The Phaser game object to apply effect to
+ * @param config - Effect configuration
+ */
+export type EffectFn = (obj: Phaser.GameObjects.Container, config: EffectConfig) => void;
+/**
+ * This is a no-op effect function
+ */
+export declare const createNoneEffect: EffectFn;
+/**
+ * Create a shake effect
+ * @param obj - Game object to shake
+ * @param config - Effect config (magnitude, time)
+ */
+export declare const createShakeEffect: EffectFn;
+/**
+ * Create a pulse effect (scale animation)
+ * @param obj - Game object to pulse
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createPulseEffect: EffectFn;
+/**
+ * Create a fade effect
+ * @param obj - Game object to fade
+ * @param config - Effect config (time, duration)
+ */
+export declare const createFadeEffect: EffectFn;
+/**
+ * Create a fade-in effect (alpha from 0 to original)
+ * @param obj - Game object to fade in
+ * @param config - Effect config (time)
+ */
+export declare const createFadeInEffect: EffectFn;
+/**
+ * Create a fade-out effect (alpha from original to 0)
+ * @param obj - Game object to fade out
+ * @param config - Effect config (time)
+ */
+export declare const createFadeOutEffect: EffectFn;
+/**
+ * Create a bounce effect (elastic bounce feedback)
+ * @param obj - Game object to bounce
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createBounceEffect: EffectFn;
+/**
+ * Create a flash effect (quick scale pulse for visibility)
+ * @param obj - Game object to flash
+ * @param config - Effect config (time, intensity)
+ */
+export declare const createFlashEffect: EffectFn;
+/**
+ * Create a wobble effect (rotation-based shake)
+ * @param obj - Game object to wobble
+ * @param config - Effect config (magnitude, time)
+ */
+export declare const createWobbleEffect: EffectFn;
+/**
+ * Create a jello effect (squash & stretch)
+ * @param obj - Game object for jello effect
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createJelloEffect: EffectFn;
+/**
+ * Create a press effect (scale down + bounce back, like button press)
+ * @param obj - Game object to press
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createPressEffect: EffectFn;
+/**
+ * Create a tada effect (attention grabber with scale + rotation)
+ * @param obj - Game object for tada effect
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createTadaEffect: EffectFn;
+/**
+ * Create a swing effect (pendulum animation)
+ * @param obj - Game object to swing
+ * @param config - Effect config (magnitude, time)
+ */
+export declare const createSwingEffect: EffectFn;
+/**
+ * Create a wiggle effect (gentle horizontal shake)
+ * @param obj - Game object to wiggle
+ * @param config - Effect config (magnitude, time)
+ */
+export declare const createWiggleEffect: EffectFn;
+/**
+ * Create a slide-in effect
+ * @param obj - Game object to slide in
+ * @param config - Effect config (direction, time)
+ */
+export declare const createSlideInEffect: EffectFn;
+/**
+ * Create a slide-out effect
+ * @param obj - Game object to slide out
+ * @param config - Effect config (direction, time)
+ */
+export declare const createSlideOutEffect: EffectFn;
+/**
+ * Create a zoom-in effect (scale from 0 to 1)
+ * @param obj - Game object to zoom in
+ * @param config - Effect config (time)
+ */
+export declare const createZoomInEffect: EffectFn;
+/**
+ * Create a zoom-out effect (scale from 1 to 0)
+ * @param obj - Game object to zoom out
+ * @param config - Effect config (time)
+ */
+export declare const createZoomOutEffect: EffectFn;
+/**
+ * Create a flip-in effect (3D flip from edge)
+ * @param obj - Game object to flip in
+ * @param config - Effect config (time)
+ */
+export declare const createFlipInEffect: EffectFn;
+/**
+ * Create a flip-out effect (3D flip to edge)
+ * @param obj - Game object to flip out
+ * @param config - Effect config (time)
+ */
+export declare const createFlipOutEffect: EffectFn;
+/**
+ * Create a float effect (gentle up/down motion, for idle items)
+ * @param obj - Game object to float
+ * @param config - Effect config (magnitude, time)
+ */
+export declare const createFloatEffect: EffectFn;
+/**
+ * Create a breathe effect (slow pulsing for idle/important objects)
+ * @param obj - Game object to breathe
+ * @param config - Effect config (intensity, time)
+ */
+export declare const createBreatheEffect: EffectFn;
+/**
+ * Create a spin effect (continuous rotation)
+ * @param obj - Game object to spin
+ * @param config - Effect config (time for one full rotation)
+ */
+export declare const createSpinEffect: EffectFn;
+/**
+ * Hook for applying effects to game objects
+ * Handles cleanup of tweens on unmount
+ * @param ref - RefObject pointing to a Phaser game object
+ * @returns Function to trigger effects
+ */
+export declare function useGameObjectEffect(ref: RefObject<Phaser.GameObjects.Container | null>): {
+    applyEffect: (effect: EffectFn, config?: EffectConfig) => void;
+    stopEffects: () => void;
+};
+export {};
+//# sourceMappingURL=use-effect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect.d.ts","sourceRoot":"","sources":["../../src/effects/use-effect.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,KAAK,SAAS,CAAC,CAAC,IAAI;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAA;AAElC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AA4JD;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;AAExF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAE9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QA8B/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QA2B/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAqB9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAqBhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAiBjC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAwBhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QA0B/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAsBhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QA6C/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QA2B/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QA6B9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QAsB/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAsBhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,QA2CjC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAyClC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QA0BhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAsBjC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAwBhC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAqBjC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,QAkC/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAmCjC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QA6B9B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;0BAQxD,QAAQ,WAAU,YAAY;;EAiE5D"}

package/dist/fx/convenience-hooks/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Convenience Hooks - Automatic FX application
+ */
+export { useBlur } from './use-blur';
+export { useGlow } from './use-glow';
+export { useShadow } from './use-shadow';
+//# sourceMappingURL=index.d.ts.map

package/dist/fx/convenience-hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fx/convenience-hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}

package/dist/fx/convenience-hooks/use-blur.d.ts

@@ -0,0 +1,21 @@
+import { BlurFXConfig } from '../fx-creators/blur';
+/**
+ * Hook for automatic blur FX
+ * @param ref - GameObject ref
+ * @param config - Blur config (updates reactively)
+ * @returns FX controls
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef(null)
+ * useBlur(ref, { strength: 8, steps: 4 })
+ *
+ * return <View ref={ref}>Content</View>
+ * ```
+ */
+export declare function useBlur(ref: {
+    current: any;
+}, config?: BlurFXConfig): {
+    clearFX: () => void;
+};
+//# sourceMappingURL=use-blur.d.ts.map

package/dist/fx/convenience-hooks/use-blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-blur.d.ts","sourceRoot":"","sources":["../../../src/fx/convenience-hooks/use-blur.ts"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGrE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAErB,GAAG,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,EACrB,MAAM,GAAE,YAAiB,GACxB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAgBzB"}

package/dist/fx/convenience-hooks/use-glow.d.ts

@@ -0,0 +1,21 @@
+import { GlowFXConfig } from '../fx-creators/glow';
+/**
+ * Hook for automatic glow FX
+ * @param ref - GameObject ref
+ * @param config - Glow config (updates reactively)
+ * @returns FX controls
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef(null)
+ * useGlow(ref, { color: 0xff6600, outerStrength: 6, innerStrength: 2 })
+ *
+ * return <View ref={ref}>Content</View>
+ * ```
+ */
+export declare function useGlow(ref: {
+    current: any;
+}, config?: GlowFXConfig): {
+    clearFX: () => void;
+};
+//# sourceMappingURL=use-glow.d.ts.map

package/dist/fx/convenience-hooks/use-glow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-glow.d.ts","sourceRoot":"","sources":["../../../src/fx/convenience-hooks/use-glow.ts"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGrE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAErB,GAAG,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,EACrB,MAAM,GAAE,YAAiB,GACxB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAgBzB"}

package/dist/fx/convenience-hooks/use-shadow.d.ts

@@ -0,0 +1,21 @@
+import { ShadowFXConfig } from '../fx-creators/shadow';
+/**
+ * Hook for automatic shadow FX
+ * @param ref - GameObject ref
+ * @param config - Shadow config (updates reactively)
+ * @returns FX controls
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef(null)
+ * useShadow(ref, { x: 4, y: 4, decay: 0.1 })
+ *
+ * return <View ref={ref}>Content</View>
+ * ```
+ */
+export declare function useShadow(ref: {
+    current: any;
+}, config?: ShadowFXConfig): {
+    clearFX: () => void;
+};
+//# sourceMappingURL=use-shadow.d.ts.map

package/dist/fx/convenience-hooks/use-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shadow.d.ts","sourceRoot":"","sources":["../../../src/fx/convenience-hooks/use-shadow.ts"],"names":[],"mappings":"AAKA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAG3E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAEvB,GAAG,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,EACrB,MAAM,GAAE,cAAmB,GAC1B;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAgBzB"}

package/dist/fx/fx-creators/blur.d.ts

@@ -0,0 +1,37 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Blur FX configuration
+ */
+export interface BlurFXConfig extends FXConfig {
+    /** The quality of the blur effect. Can be either 0 for Low Quality, 1 for Medium Quality or 2 for High Quality */
+    quality?: number;
+    /** The horizontal offset of the blur effect */
+    x?: number;
+    /** The vertical offset of the blur effect */
+    y?: number;
+    /** The strength of the blur effect */
+    strength?: number;
+    /** The color of the blur, as a hex value */
+    color?: number;
+    /** The number of steps to run the blur effect for. This value should always be an integer */
+    steps?: number;
+}
+/**
+ * Create blur FX
+ * @param obj - GameObject
+ * @param config - Blur configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Blur controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createBlurFX, {
+ *   quality: 1,
+ *   x: 4,
+ *   y: 4,
+ *   strength: 2
+ * })
+ * ```
+ */
+export declare const createBlurFX: FXCreatorFn<BlurFXConfig>;
+//# sourceMappingURL=blur.d.ts.map

package/dist/fx/fx-creators/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/blur.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,kHAAkH;IAClH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+CAA+C;IAC/C,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,YAAY,CAalD,CAAA"}

package/dist/fx/fx-creators/color-matrix.d.ts

@@ -0,0 +1,31 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Color Matrix effect types
+ */
+export type ColorMatrixEffect = 'grayscale' | 'sepia' | 'negative' | 'blackWhite' | 'brown' | 'kodachrome' | 'technicolor' | 'polaroid';
+/**
+ * Color Matrix FX configuration
+ */
+export interface ColorMatrixFXConfig extends FXConfig {
+    /** Effect type */
+    effect?: ColorMatrixEffect;
+    /** Effect amount (0-1, for effects that support it like grayscale) */
+    amount?: number;
+}
+/**
+ * Create color matrix FX
+ * @param obj - GameObject
+ * @param config - Color matrix configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Color matrix controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createColorMatrixFX, {
+ *   effect: 'grayscale',
+ *   amount: 1
+ * })
+ * ```
+ */
+export declare const createColorMatrixFX: FXCreatorFn<ColorMatrixFXConfig>;
+//# sourceMappingURL=color-matrix.d.ts.map

package/dist/fx/fx-creators/color-matrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-matrix.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/color-matrix.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,OAAO,GACP,UAAU,GACV,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,aAAa,GACb,UAAU,CAAA;AAEd;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD,kBAAkB;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,mBAAmB,CA4ChE,CAAA"}

package/dist/fx/fx-creators/glow.d.ts

@@ -0,0 +1,36 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Glow FX configuration
+ */
+export interface GlowFXConfig extends FXConfig {
+    /** Glow color (hex number) */
+    color?: number;
+    /** The strength of the glow outward from the edge */
+    outerStrength?: number;
+    /** The strength of the glow inward from the edge */
+    innerStrength?: number;
+    /** If true, only the glow is drawn, not the texture itself */
+    knockout?: boolean;
+    /** Sets the quality of this Glow effect (PostFX only, cannot be changed post-creation) */
+    quality?: number;
+    /** Sets the distance of this Glow effect (PostFX only, cannot be changed post-creation) */
+    distance?: number;
+}
+/**
+ * Create glow FX
+ * @param obj - GameObject
+ * @param config - Glow configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Glow controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createGlowFX, {
+ *   color: 0xff6600,
+ *   outerStrength: 6,
+ *   innerStrength: 2
+ * })
+ * ```
+ */
+export declare const createGlowFX: FXCreatorFn<GlowFXConfig>;
+//# sourceMappingURL=glow.d.ts.map

package/dist/fx/fx-creators/glow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glow.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/glow.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,YAAY,CAoBlD,CAAA"}

package/dist/fx/fx-creators/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FX Creators - Individual effect creator functions
+ */
+export { createBlurFX, type BlurFXConfig } from './blur';
+export { createColorMatrixFX, type ColorMatrixEffect, type ColorMatrixFXConfig, } from './color-matrix';
+export { createGlowFX, type GlowFXConfig } from './glow';
+export { createPixelateFX, type PixelateFXConfig } from './pixelate';
+export { createShadowFX, type ShadowFXConfig } from './shadow';
+export { createVignetteFX, type VignetteFXConfig } from './vignette';
+//# sourceMappingURL=index.d.ts.map

package/dist/fx/fx-creators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EACL,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA"}

package/dist/fx/fx-creators/pixelate.d.ts

@@ -0,0 +1,24 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Pixelate FX configuration
+ */
+export interface PixelateFXConfig extends FXConfig {
+    /** The amount of pixelation to apply */
+    amount?: number;
+}
+/**
+ * Create pixelate FX
+ * @param obj - GameObject
+ * @param config - Pixelate configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Pixelate controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createPixelateFX, {
+ *   amount: 8
+ * })
+ * ```
+ */
+export declare const createPixelateFX: FXCreatorFn<PixelateFXConfig>;
+//# sourceMappingURL=pixelate.d.ts.map

package/dist/fx/fx-creators/pixelate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixelate.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/pixelate.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAAW,CAAC,gBAAgB,CAa1D,CAAA"}

package/dist/fx/fx-creators/shadow.d.ts

@@ -0,0 +1,43 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Shadow FX configuration
+ * Maps to Phaser's addShadow(x, y, decay, power, color, samples, intensity)
+ */
+export interface ShadowFXConfig extends FXConfig {
+    /** Horizontal offset of the shadow effect (default: 0) */
+    x?: number;
+    /** Vertical offset of the shadow effect (default: 0) */
+    y?: number;
+    /** Amount of decay for shadow effect (default: 0.1) */
+    decay?: number;
+    /** Power of the shadow effect (default: 1) */
+    power?: number;
+    /** Color of the shadow (default: 0x000000) */
+    color?: number;
+    /** Number of samples (1-12, higher = better quality, default: 6) */
+    samples?: number;
+    /** Intensity of the shadow effect (default: 1) */
+    intensity?: number;
+}
+/**
+ * Create shadow FX
+ * @param obj - GameObject
+ * @param config - Shadow configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Shadow controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createShadowFX, {
+ *   x: 0,
+ *   y: 0,
+ *   decay: 0.1,
+ *   power: 1,
+ *   color: 0x000000,
+ *   samples: 6,
+ *   intensity: 1
+ * })
+ * ```
+ */
+export declare const createShadowFX: FXCreatorFn<ShadowFXConfig>;
+//# sourceMappingURL=shadow.d.ts.map

package/dist/fx/fx-creators/shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/shadow.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,0DAA0D;IAC1D,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,wDAAwD;IACxD,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,cAAc,CAqBtD,CAAA"}

package/dist/fx/fx-creators/vignette.d.ts

@@ -0,0 +1,33 @@
+import { FXConfig, FXCreatorFn } from '../use-fx';
+/**
+ * Vignette FX configuration
+ */
+export interface VignetteFXConfig extends FXConfig {
+    /** The horizontal offset of the vignette effect. This value is normalized to the range 0 to 1 */
+    x?: number;
+    /** The vertical offset of the vignette effect. This value is normalized to the range 0 to 1 */
+    y?: number;
+    /** The radius of the vignette effect. This value is normalized to the range 0 to 1 */
+    radius?: number;
+    /** The strength of the vignette effect */
+    strength?: number;
+}
+/**
+ * Create vignette FX
+ * @param obj - GameObject
+ * @param config - Vignette configuration
+ * @param type - 'post' or 'pre' FX
+ * @returns Vignette controller
+ *
+ * @example
+ * ```tsx
+ * applyFX(createVignetteFX, {
+ *   x: 0.5,
+ *   y: 0.5,
+ *   radius: 0.5,
+ *   strength: 0.7
+ * })
+ * ```
+ */
+export declare const createVignetteFX: FXCreatorFn<VignetteFXConfig>;
+//# sourceMappingURL=vignette.d.ts.map

package/dist/fx/fx-creators/vignette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vignette.d.ts","sourceRoot":"","sources":["../../../src/fx/fx-creators/vignette.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,iGAAiG;IACjG,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,+FAA+F;IAC/F,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,WAAW,CAAC,gBAAgB,CAa1D,CAAA"}

package/dist/fx/fx-registry.d.ts

@@ -0,0 +1,59 @@
+import { BlurFXConfig, ColorMatrixFXConfig, GlowFXConfig, PixelateFXConfig, ShadowFXConfig, VignetteFXConfig } from './fx-creators';
+import { FXConfig, FXCreatorFn } from './use-fx';
+/**
+ * Built-in FX names
+ */
+export type BuiltInFXName = 'shadow' | 'glow' | 'blur' | 'pixelate' | 'vignette' | 'grayscale' | 'sepia' | 'negative' | 'blackWhite' | 'brown' | 'kodachrome' | 'technicolor' | 'polaroid';
+/**
+ * Extension point for custom FX (declaration merging)
+ * @example
+ * ```typescript
+ * declare module '@number10/phaserjsx/fx' {
+ *   interface FXNameExtensions {
+ *     myCustomFX: 'myCustomFX'
+ *   }
+ * }
+ * ```
+ */
+export interface FXNameExtensions {
+}
+/**
+ * All available FX names (built-in + extensions)
+ */
+export type FXName = BuiltInFXName | (keyof FXNameExtensions extends never ? never : keyof FXNameExtensions);
+/**
+ * FX definition with name and config
+ */
+export interface FXDefinition {
+    name: FXName;
+    config?: FXConfig;
+}
+/**
+ * FX Registry mapping names to creator functions
+ */
+export declare const FX_REGISTRY: Record<BuiltInFXName, FXCreatorFn>;
+/**
+ * Default FX (none)
+ */
+export declare const DEFAULT_FX: FXName;
+/**
+ * Resolve FX by name or function
+ * @param fxOrName - FX name string or creator function
+ * @returns FX creator function or null
+ */
+export declare function resolveFX(fxOrName: FXName | FXCreatorFn): FXCreatorFn | null;
+/**
+ * Apply FX by name (helper function)
+ * @param applyFXFn - applyFX function from useFX hook
+ * @param fxName - FX name
+ * @param config - FX config
+ *
+ * @example
+ * ```tsx
+ * const { applyFX } = useFX(ref)
+ * applyFXByName(applyFX, 'shadow', { offsetX: 4, offsetY: 4, blur: 8 })
+ * ```
+ */
+export declare function applyFXByName(applyFXFn: ReturnType<typeof import('./use-fx').useFX>['applyFX'], fxName: FXName, config?: FXConfig): void;
+export type { BlurFXConfig, ColorMatrixFXConfig, GlowFXConfig, PixelateFXConfig, ShadowFXConfig, VignetteFXConfig, };
+//# sourceMappingURL=fx-registry.d.ts.map

package/dist/fx/fx-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fx-registry.d.ts","sourceRoot":"","sources":["../../src/fx/fx-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAErD;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,aAAa,GACb,UAAU,CAAA;AAEd;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,gBAAgB;CAAG;AAEpC;;GAEG;AACH,MAAM,MAAM,MAAM,GACd,aAAa,GACb,CAAC,MAAM,gBAAgB,SAAS,KAAK,GAAG,KAAK,GAAG,MAAM,gBAAgB,CAAC,CAAA;AAE3E;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,QAAQ,CAAA;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,WAAW,CAoB1D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAoB,CAAA;AAE7C;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,CAK5E;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,UAAU,CAAC,cAAc,UAAU,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,EACjE,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,QAAa,QAQtB;AAGD,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,CAAA"}

package/dist/fx/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * FX System for PhaserJSX
+ * GPU-accelerated Phaser PostFX/PreFX pipeline effects
+ *
+ * @example Basic usage:
+ * ```tsx
+ * import { useFX, createShadowFX } from '@number10/phaserjsx/fx'
+ *
+ * function MyComponent() {
+ *   const ref = useRef(null)
+ *   const { applyFX } = useFX(ref)
+ *
+ *   const handleHover = () => {
+ *     applyFX(createShadowFX, { offsetX: 4, offsetY: 4, blur: 8 })
+ *   }
+ *
+ *   return <Image ref={ref} onHoverStart={handleHover} />
+ * }
+ * ```
+ *
+ * @example Convenience hooks:
+ * ```tsx
+ * import { useShadow } from '@number10/phaserjsx/fx'
+ *
+ * function MyComponent() {
+ *   const ref = useRef(null)
+ *   useShadow(ref, { offsetX: 4, offsetY: 4, blur: 8 })
+ *
+ *   return <View ref={ref}>Content</View>
+ * }
+ * ```
+ *
+ * @example Registry-based FX:
+ * ```tsx
+ * import { useFX, applyFXByName } from '@number10/phaserjsx/fx'
+ *
+ * function MyComponent() {
+ *   const ref = useRef(null)
+ *   const { applyFX } = useFX(ref)
+ *
+ *   const handleClick = () => {
+ *     applyFXByName(applyFX, 'glow', { color: 0xff6600, distance: 10 })
+ *   }
+ * }
+ * ```
+ */
+export { useFX, type FXCapableGameObject, type FXConfig, type FXCreatorFn, type FXType, } from './use-fx';
+export { DEFAULT_FX, FX_REGISTRY, applyFXByName, resolveFX, type BuiltInFXName, type FXDefinition, type FXName, type FXNameExtensions, } from './fx-registry';
+export { createBlurFX, createColorMatrixFX, createGlowFX, createPixelateFX, createShadowFX, createVignetteFX, type BlurFXConfig, type ColorMatrixEffect, type ColorMatrixFXConfig, type GlowFXConfig, type PixelateFXConfig, type ShadowFXConfig, type VignetteFXConfig, } from './fx-creators';
+export { useBlur, useGlow, useShadow } from './convenience-hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fx/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAGH,OAAO,EACL,KAAK,EACL,KAAK,mBAAmB,EACxB,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,MAAM,GACZ,MAAM,UAAU,CAAA;AAGjB,OAAO,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,MAAM,EACX,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAA;AAGtB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA"}