@number10/phaserjsx 0.6.0 → 4.0.0

package/dist/index.cjs

@@ -1,2949 +1,1659 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TransformOriginView = require("./TransformOriginView-DsD_qZno.cjs");
-const Phaser = require("phaser");
-const jsxRuntime = require("./jsx-runtime.cjs");
-const signalsCore = require("@preact/signals-core");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser);
-function shallowEqual(a, b) {
-  if (!a || !b) return a === b;
-  if (a.length !== b.length) return false;
-  return a.every((val, i) => val === b[i]);
-}
-function applyGraphicsProps(node, _prev, next) {
-  const prevDeps = node.__drawDependencies;
-  const nextDeps = next.dependencies;
-  const depsChanged = !shallowEqual(prevDeps, nextDeps);
-  if (depsChanged && next.onDraw) {
-    if (next.autoClear !== false) {
-      node.clear();
-    }
-    next.onDraw(node, next);
-    node.__drawDependencies = nextDeps;
-  }
-}
-function applyGraphicsLayout(node, prev, next) {
-  node.__layoutProps = next;
-  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {
-    node.__getLayoutSize = () => {
-      if (next.headless ?? true) {
-        return { width: 0.01, height: 0.01 };
-      }
-      return {
-        width: typeof next.width === "number" ? next.width : 0,
-        height: typeof next.height === "number" ? next.height : 0
-      };
-    };
-  }
-}
-function normalizeVisible$1(visible) {
-  if (visible === void 0) return true;
-  if (typeof visible === "boolean") return visible;
-  if (visible === "visible") return true;
-  if (visible === "invisible" || visible === "none") return false;
-  return true;
-}
-function applyPhaserProps(node, prev, next) {
-  if (prev.alpha !== next.alpha && typeof next.alpha === "number") {
-    node.setAlpha?.(next.alpha);
-  }
-  if (prev.depth !== next.depth && typeof next.depth === "number") {
-    node.setDepth?.(next.depth);
-  }
-  if (prev.visible !== next.visible) {
-    const visibleValue = normalizeVisible$1(next.visible);
-    node.visible = visibleValue;
-  }
-}
-function applyTransformProps(node, prev, next) {
-  if (prev.x !== next.x && typeof next.x === "number") {
-    node.x = next.x;
-  }
-  if (prev.y !== next.y && typeof next.y === "number") {
-    node.y = next.y;
-  }
-  if (prev.rotation !== next.rotation && typeof next.rotation === "number") {
-    node.rotation = next.rotation;
-  }
-  const nextScale = next.scale;
-  const nextScaleX = next.scaleX;
-  const nextScaleY = next.scaleY;
-  const prevScale = prev.scale;
-  const prevScaleX = prev.scaleX;
-  const prevScaleY = prev.scaleY;
-  if (nextScale !== void 0 && nextScale !== prevScale) {
-    node.setScale?.(nextScale, nextScale);
-  } else if (nextScaleX !== prevScaleX || nextScaleY !== prevScaleY) {
-    const currentScaleX = node.scaleX ?? 1;
-    const currentScaleY = node.scaleY ?? 1;
-    const sx = nextScaleX ?? currentScaleX;
-    const sy = nextScaleY ?? currentScaleY;
-    node.setScale?.(sx, sy);
-  }
-}
-function createGraphicsLayout(graphics, props) {
-  if (props.headless === false) {
-    if (typeof props.width !== "number" || typeof props.height !== "number") {
-      throw new Error(
-        "Graphics component requires explicit width and height props when headless=false"
-      );
-    }
-  }
-  graphics.__layoutProps = props;
-  graphics.__getLayoutSize = () => {
-    if (graphics.__layoutProps?.headless ?? true) {
-      return { width: 0.01, height: 0.01 };
-    }
-    return {
-      width: props.width ?? 0,
-      height: props.height ?? 0
-    };
-  };
-  graphics.__drawDependencies = props.dependencies;
-}
-function normalizeVisible(visible) {
-  if (visible === void 0) return true;
-  if (typeof visible === "boolean") return visible;
-  if (visible === "visible") return true;
-  if (visible === "invisible" || visible === "none") return false;
-  return true;
-}
-function createPhaser(node, props) {
-  if (props.visible !== void 0) {
-    node.visible = normalizeVisible(props.visible);
-  }
-  if (props.depth !== void 0) {
-    node.setDepth(props.depth);
-  }
-  if (props.alpha !== void 0) {
-    node.setAlpha(props.alpha);
-  }
-}
-function createTransform(node, props) {
-  if (props.scaleX !== void 0 || props.scaleY !== void 0) {
-    node.setScale(
-      props.scaleX ?? 1,
-      props.scaleY ?? 1
-    );
-  }
-  if (props.rotation !== void 0) {
-    node.setRotation(props.rotation);
-  }
-}
-const graphicsCreator = (scene, props) => {
-  const graphics = scene.add.graphics();
-  graphics.setPosition(props.x ?? 0, props.y ?? 0);
-  createTransform(graphics, props);
-  createPhaser(graphics, props);
-  createGraphicsLayout(graphics, props);
-  if (props.onDraw) {
-    props.onDraw(graphics, props);
-  }
-  return graphics;
+const require_custom = require("./custom-BN31OAJq.cjs");
+const require_jsx_runtime = require("./jsx-runtime.cjs");
+let phaser = require("phaser");
+phaser = require_custom.__toESM(phaser, 1);
+let _preact_signals_core = require("@preact/signals-core");
+//#region src/camera/use-camera-fx.ts
+/**
+* Hook and creators for Phaser camera effects
+*/
+var createCameraShakeFX = (camera, config) => {
+	const duration = config.duration ?? 250;
+	const intensity = typeof config.intensity === "object" ? new phaser.Math.Vector2(config.intensity.x, config.intensity.y) : config.intensity ?? .01;
+	camera.shake(duration, intensity, config.force ?? false, config.onComplete);
 };
-const graphicsPatcher = (node, prev, next) => {
-  applyTransformProps(node, prev, next);
-  applyPhaserProps(node, prev, next);
-  applyGraphicsProps(node, prev, next);
-  applyGraphicsLayout(node, prev, next);
-};
-function calculateFitScale$1(image, targetWidth, targetHeight, fit = "fill") {
-  const textureWidth = image.width;
-  const textureHeight = image.height;
-  if (textureWidth === 0 || textureHeight === 0) {
-    return { scaleX: 1, scaleY: 1 };
-  }
-  if (fit === "fill") {
-    return {
-      scaleX: targetWidth / textureWidth,
-      scaleY: targetHeight / textureHeight
-    };
-  }
-  const targetAspect = targetWidth / targetHeight;
-  const textureAspect = textureWidth / textureHeight;
-  if (fit === "contain") {
-    const scale = targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
-    return { scaleX: scale, scaleY: scale };
-  }
-  if (fit === "cover") {
-    const scale = targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
-    return { scaleX: scale, scaleY: scale };
-  }
-  return { scaleX: 1, scaleY: 1 };
-}
-function applyImageProps(image, prev, next) {
-  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
-  if (textureChanged && next.texture) {
-    image.setTexture(next.texture, next.frame);
-  }
-  if (prev.tint !== next.tint) {
-    if (typeof next.tint === "number") {
-      image.setTint(next.tint);
-    } else {
-      image.clearTint();
-    }
-  }
-  if (prev.originX !== next.originX || prev.originY !== next.originY) {
-    const originX = next.originX ?? image.originX;
-    const originY = next.originY ?? image.originY;
-    image.setOrigin(originX, originY);
-  }
-  const displayWidthChanged = prev.displayWidth !== next.displayWidth;
-  const displayHeightChanged = prev.displayHeight !== next.displayHeight;
-  const fitChanged = prev.fit !== next.fit;
-  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged) {
-    if (typeof next.displayWidth === "number" && typeof next.displayHeight === "number") {
-      const { scaleX, scaleY } = calculateFitScale$1(
-        image,
-        next.displayWidth,
-        next.displayHeight,
-        next.fit
-      );
-      image.setScale(scaleX, scaleY);
-    } else if (typeof next.displayWidth === "number") {
-      const scale = next.displayWidth / image.width;
-      image.setScale(scale);
-    } else if (typeof next.displayHeight === "number") {
-      const scale = next.displayHeight / image.height;
-      image.setScale(scale, scale);
-    }
-  }
-}
-function applyImageLayout(image, prev, next) {
-  image.__layoutProps = next;
-  if (prev.headless !== next.headless) {
-    image.__getLayoutSize = () => {
-      if (image.__layoutProps?.headless) {
-        return { width: 0.01, height: 0.01 };
-      }
-      return {
-        width: image.displayWidth,
-        height: image.displayHeight
-      };
-    };
-  }
-}
-function createImageLayout(image, props) {
-  image.__layoutProps = props;
-  image.__getLayoutSize = () => {
-    if (image.__layoutProps?.headless) {
-      return { width: 0.01, height: 0.01 };
-    }
-    return {
-      width: image.displayWidth,
-      height: image.displayHeight
-    };
-  };
-}
-const imageCreator = (scene, props) => {
-  const image = scene.add.image(props.x ?? 0, props.y ?? 0, props.texture, props.frame);
-  if (props.headless) {
-    image.setOrigin(0.5, 0.5);
-  } else {
-    image.setOrigin(0, 0);
-  }
-  if (props.originX !== void 0 || props.originY !== void 0) {
-    image.setOrigin(props.originX ?? image.originX, props.originY ?? image.originY);
-  }
-  const normalizedProps = { ...props };
-  if (props.headless) {
-    delete normalizedProps.padding;
-    delete normalizedProps.margin;
-    delete normalizedProps.gap;
-  } else {
-    if (normalizedProps.rotation !== void 0) {
-      delete normalizedProps.rotation;
-    }
-  }
-  createTransform(image, normalizedProps);
-  createPhaser(image, normalizedProps);
-  if (props.tint !== void 0) {
-    image.setTint(props.tint);
-  }
-  if (props.displayWidth !== void 0 || props.displayHeight !== void 0) {
-    if (props.displayWidth !== void 0 && props.displayHeight !== void 0) {
-      const fit = props.fit ?? "fill";
-      const textureWidth = image.width;
-      const textureHeight = image.height;
-      if (textureWidth > 0 && textureHeight > 0) {
-        if (fit === "fill") {
-          image.setDisplaySize(props.displayWidth, props.displayHeight);
-        } else if (fit === "contain") {
-          const targetAspect = props.displayWidth / props.displayHeight;
-          const textureAspect = textureWidth / textureHeight;
-          const scale = targetAspect > textureAspect ? props.displayHeight / textureHeight : props.displayWidth / textureWidth;
-          image.setScale(scale);
-        } else if (fit === "cover") {
-          const targetAspect = props.displayWidth / props.displayHeight;
-          const textureAspect = textureWidth / textureHeight;
-          const scale = targetAspect < textureAspect ? props.displayHeight / textureHeight : props.displayWidth / textureWidth;
-          image.setScale(scale);
-        }
-      }
-    } else if (props.displayWidth !== void 0) {
-      const scale = props.displayWidth / image.width;
-      image.setScale(scale);
-    } else if (props.displayHeight !== void 0) {
-      const scale = props.displayHeight / image.height;
-      image.setScale(scale);
-    }
-  }
-  createImageLayout(image, normalizedProps);
-  if (props.onReady) {
-    props.onReady(image);
-  }
-  return image;
-};
-const imagePatcher = (node, prev, next) => {
-  if (prev.headless !== next.headless) {
-    if (next.headless) {
-      node.setOrigin(0.5, 0.5);
-    } else {
-      node.setOrigin(0, 0);
-    }
-  }
-  const normalizedPrev = { ...prev };
-  const normalizedNext = { ...next };
-  if (next.headless) {
-    delete normalizedNext.padding;
-    delete normalizedNext.margin;
-    delete normalizedNext.gap;
-  } else {
-    if (normalizedNext.rotation !== void 0) {
-      delete normalizedNext.rotation;
-    }
-  }
-  if (prev.headless) {
-    delete normalizedPrev.padding;
-    delete normalizedPrev.margin;
-    delete normalizedPrev.gap;
-  } else {
-    if (normalizedPrev.rotation !== void 0) {
-      delete normalizedPrev.rotation;
-    }
-  }
-  applyTransformProps(node, normalizedPrev, normalizedNext);
-  applyPhaserProps(node, normalizedPrev, normalizedNext);
-  applyImageProps(node, normalizedPrev, normalizedNext);
-  applyImageLayout(node, normalizedPrev, normalizedNext);
-};
-function applyNineSliceProps(nineSlice, prev, next) {
-  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
-  if (textureChanged && next.texture) {
-    nineSlice.setTexture(next.texture, next.frame);
-  }
-  const sliceChanged = prev.leftWidth !== next.leftWidth || prev.rightWidth !== next.rightWidth || prev.topHeight !== next.topHeight || prev.bottomHeight !== next.bottomHeight;
-  if (sliceChanged) {
-    const width = typeof next.width === "number" ? next.width : nineSlice.width;
-    const height = typeof next.height === "number" ? next.height : nineSlice.height;
-    nineSlice.setSlices(
-      width,
-      height,
-      next.leftWidth ?? prev.leftWidth ?? 0,
-      next.rightWidth ?? prev.rightWidth ?? 0,
-      next.topHeight ?? prev.topHeight,
-      next.bottomHeight ?? prev.bottomHeight
-    );
-  }
-  const prevWidth = typeof prev.width === "number" ? prev.width : nineSlice.width;
-  const nextWidth = typeof next.width === "number" ? next.width : nineSlice.width;
-  const prevHeight = typeof prev.height === "number" ? prev.height : nineSlice.height;
-  const nextHeight = typeof next.height === "number" ? next.height : nineSlice.height;
-  if (prevWidth !== nextWidth || prevHeight !== nextHeight) {
-    nineSlice.setSize(nextWidth, nextHeight);
-  }
-  if (prev.tint !== next.tint) {
-    if (next.tint !== void 0) {
-      nineSlice.setTint(next.tint);
-    } else {
-      nineSlice.clearTint();
-    }
-  }
-}
-function applyNineSliceLayout(nineSlice, prev, next) {
-  nineSlice.__layoutProps = next;
-  if (prev.width !== next.width || prev.height !== next.height) {
-    nineSlice.__getLayoutSize = () => {
-      return {
-        width: nineSlice.width,
-        height: nineSlice.height
-      };
-    };
-  }
-}
-function createNineSliceLayout(nineSlice, props) {
-  nineSlice.__layoutProps = props;
-  nineSlice.__getLayoutSize = () => {
-    return {
-      width: nineSlice.width,
-      height: nineSlice.height
-    };
-  };
-}
-const nineSliceCreator = (scene, props) => {
-  const initialWidth = typeof props.width === "number" ? props.width : 64;
-  const initialHeight = typeof props.height === "number" ? props.height : 64;
-  const nineSlice = scene.add.nineslice(
-    props.x ?? 0,
-    props.y ?? 0,
-    props.texture,
-    props.frame,
-    initialWidth,
-    initialHeight,
-    props.leftWidth,
-    props.rightWidth,
-    props.topHeight,
-    props.bottomHeight
-  );
-  nineSlice.setOrigin(0, 0);
-  if (props.tint !== void 0) {
-    nineSlice.setTint(props.tint);
-  }
-  createTransform(nineSlice, props);
-  createPhaser(nineSlice, props);
-  createNineSliceLayout(nineSlice, props);
-  return nineSlice;
-};
-const nineSlicePatcher = (node, prev, next) => {
-  applyTransformProps(node, prev, next);
-  applyPhaserProps(node, prev, next);
-  applyNineSliceProps(node, prev, next);
-  applyNineSliceLayout(node, prev, next);
-};
-function resolveNumericSize(value) {
-  return typeof value === "number" ? value : void 0;
-}
-function resolveZoneSize(zone, fallback) {
-  const size = {};
-  const width = zone.width ?? fallback.width;
-  const height = zone.height ?? fallback.height;
-  if (width !== void 0) size.width = width;
-  if (height !== void 0) size.height = height;
-  return size;
-}
-function buildZoneSource(zone, fallbackSize) {
-  const baseX = zone.x ?? 0;
-  const baseY = zone.y ?? 0;
-  const { width, height } = resolveZoneSize(zone, fallbackSize);
-  switch (zone.shape) {
-    case "rect":
-      return new Phaser__namespace.Geom.Rectangle(baseX, baseY, width ?? 1, height ?? 1);
-    case "circle":
-      return new Phaser__namespace.Geom.Circle(baseX, baseY, zone.radius ?? 1);
-    case "ellipse":
-      return new Phaser__namespace.Geom.Ellipse(baseX, baseY, width ?? 1, height ?? 1);
-    case "line":
-      return new Phaser__namespace.Geom.Line(
-        baseX,
-        baseY,
-        zone.endX ?? baseX + (width ?? 1),
-        zone.endY ?? baseY + (height ?? 1)
-      );
-    default:
-      return void 0;
-  }
-}
-function buildEmitZone(zone, fallbackSize = {}) {
-  const type = zone.type ?? "random";
-  const source = buildZoneSource(zone, fallbackSize);
-  if (!source) return void 0;
-  return { type, source };
-}
-function buildEmitZoneFromLayout(zone, width, height) {
-  const fallback = {};
-  const resolvedWidth = resolveNumericSize(width);
-  const resolvedHeight = resolveNumericSize(height);
-  if (resolvedWidth !== void 0) fallback.width = resolvedWidth;
-  if (resolvedHeight !== void 0) fallback.height = resolvedHeight;
-  return buildEmitZone(zone, fallback);
-}
-function buildDeathZone(zone, fallbackSize = {}) {
-  const type = zone.mode ?? "onEnter";
-  const source = buildZoneSource(zone, fallbackSize);
-  if (!source) return void 0;
-  return { type, source };
-}
-function buildDeathZonesFromLayout(zones, width, height) {
-  if (!zones) return void 0;
-  const list = Array.isArray(zones) ? zones : [zones];
-  const fallback = {};
-  const resolvedWidth = resolveNumericSize(width);
-  const resolvedHeight = resolveNumericSize(height);
-  if (resolvedWidth !== void 0) fallback.width = resolvedWidth;
-  if (resolvedHeight !== void 0) fallback.height = resolvedHeight;
-  const deathZones = list.map((zone) => buildDeathZone(zone, fallback)).filter((zone) => Boolean(zone));
-  return deathZones.length > 0 ? deathZones : void 0;
-}
-const PARTICLE_PRESET_REGISTRY = {
-  explosion: {
-    speed: { min: 120, max: 320 },
-    scale: { start: 1, end: 0 },
-    alpha: { start: 1, end: 0 },
-    lifespan: 600,
-    quantity: 24,
-    blendMode: "ADD"
-  },
-  trail: {
-    speed: { min: 30, max: 80 },
-    scale: { start: 0.6, end: 0 },
-    alpha: { start: 0.8, end: 0 },
-    lifespan: 700,
-    frequency: 40
-  },
-  rain: {
-    speed: { min: 320, max: 520 },
-    angle: { min: 80, max: 100 },
-    scale: { start: 0.5, end: 0.2 },
-    alpha: { start: 0.6, end: 0.1 },
-    lifespan: 1e3,
-    frequency: 20
-  },
-  snow: {
-    speed: { min: 40, max: 120 },
-    angle: { min: 80, max: 100 },
-    gravityY: 8,
-    scale: { start: 0.6, end: 0.6 },
-    alpha: { start: 0.8, end: 0.3 },
-    lifespan: 2600,
-    frequency: 80
-  },
-  sparkle: {
-    speed: { min: 20, max: 60 },
-    scale: { start: 0.4, end: 0 },
-    alpha: { start: 1, end: 0 },
-    lifespan: 500,
-    frequency: 60,
-    blendMode: "ADD"
-  }
-};
-function resolveParticlePreset(preset, config = {}) {
-  const base = preset ? PARTICLE_PRESET_REGISTRY[preset] : void 0;
-  if (preset && !base) {
-    console.warn(`[Particles] Preset "${String(preset)}" not found in registry`);
-  }
-  return {
-    ...base ?? {},
-    ...config
-  };
-}
-function isParticleEmitter(target) {
-  return !!target && typeof target.explode === "function";
-}
-function getFirstEmitter(manager) {
-  if (!manager) return null;
-  if (manager.__emitter) return manager.__emitter;
-  const emitters = manager.emitters;
-  if (Array.isArray(emitters)) {
-    return emitters[0] ?? null;
-  }
-  if (emitters && "list" in emitters && Array.isArray(emitters.list)) {
-    return emitters.list[0] ?? null;
-  }
-  return null;
-}
-function applyEmitterConfig(emitter, config) {
-  if (!emitter) return;
-  const withConfig = emitter;
-  if (withConfig.setConfig) {
-    withConfig.setConfig(config);
-    return;
-  }
-  if (withConfig.fromJSON) {
-    withConfig.fromJSON(config);
-    return;
-  }
-  Object.assign(emitter, config);
-}
-function applyEmitZone(emitter, emitZone) {
-  if (!emitter || !emitZone) return;
-  const withZone = emitter;
-  if (withZone.setEmitZone) {
-    withZone.setEmitZone(emitZone);
-    return;
-  }
-}
-function applyDeathZone(emitter, deathZone) {
-  if (!emitter) return;
-  const withZone = emitter;
-  const isDefined = (value) => value !== null && value !== void 0;
-  const normalized = Array.isArray(deathZone) ? deathZone.filter(isDefined) : deathZone ? [deathZone] : [];
-  const hasZone = normalized.length > 0;
-  if (hasZone && withZone.setDeathZone) {
-    withZone.setDeathZone(normalized);
-    return;
-  }
-  if (!hasZone) {
-    if (withZone.clearDeathZones) {
-      withZone.clearDeathZones();
-      return;
-    }
-    if (withZone.deathZones) {
-      withZone.deathZones = [];
-    }
-    return;
-  }
-  if (withZone.clearDeathZones) {
-    withZone.clearDeathZones();
-  }
-  if (withZone.addDeathZone) {
-    withZone.addDeathZone(normalized);
-    return;
-  }
-  if (withZone.deathZones) {
-    withZone.deathZones = normalized;
-  }
-}
-function mergeDeathZones(base, extra) {
-  const baseList = Array.isArray(base) ? base : base ? [base] : [];
-  const extraList = extra ?? [];
-  const merged = [...baseList, ...extraList];
-  return merged.length > 0 ? merged : void 0;
-}
-function applyParticlesProps(manager, prev, next) {
-  if (!manager) return;
-  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
-  if (textureChanged && next.texture && "setTexture" in manager && manager.setTexture) {
-    manager.setTexture(next.texture, next.frame);
-  }
-  const configChanged = prev.preset !== next.preset || prev.config !== next.config || prev.zone !== next.zone || prev.excludeZones !== next.excludeZones || prev.width !== next.width || prev.height !== next.height;
-  if (configChanged) {
-    const resolvedConfig = resolveParticlePreset(next.preset, next.config);
-    let emitter = null;
-    if (isParticleEmitter(manager)) {
-      emitter = manager;
-    } else {
-      const managerLike = manager;
-      emitter = managerLike.__emitter ?? getFirstEmitter(managerLike);
-      if (!emitter && managerLike.createEmitter) {
-        const created = managerLike.createEmitter(resolvedConfig);
-        emitter = created ?? null;
-      }
-      managerLike.__emitter = emitter;
-    }
-    if (!emitter) return;
-    applyEmitterConfig(emitter, resolvedConfig);
-    if (next.zone) {
-      const emitZone = buildEmitZoneFromLayout(next.zone, next.width, next.height);
-      if (emitZone) {
-        applyEmitZone(emitter, emitZone);
-      }
-    }
-    const deathZones = buildDeathZonesFromLayout(next.excludeZones, next.width, next.height);
-    const combined = mergeDeathZones(
-      resolvedConfig.deathZone,
-      deathZones
-    );
-    applyDeathZone(emitter, combined);
-  }
-}
-function applyParticlesLayout(particles, _prev, next) {
-  particles.__layoutProps = next;
-}
-function createParticlesLayout(particles, props) {
-  particles.__layoutProps = props;
-  particles.__getLayoutSize = () => ({ width: 0.01, height: 0.01 });
-}
-const particlesCreator = (scene, props) => {
-  const resolvedConfig = {
-    ...resolveParticlePreset(props.preset, props.config)
-  };
-  if (props.zone) {
-    const emitZone = buildEmitZoneFromLayout(props.zone, props.width, props.height);
-    if (emitZone) {
-      const configWithZone = resolvedConfig;
-      configWithZone.emitZone = emitZone;
-    }
-  }
-  const particles = scene.add.particles(
-    props.x ?? 0,
-    props.y ?? 0,
-    props.texture,
-    resolvedConfig
-  );
-  if (props.frame !== void 0) {
-    const configWithFrame = resolvedConfig;
-    configWithFrame.frame = props.frame;
-    if ("setTexture" in particles && particles.setTexture) {
-      particles.setTexture(props.texture, props.frame);
-    }
-  }
-  const emitter = isParticleEmitter(particles) ? particles : getFirstEmitter(particles);
-  if (!isParticleEmitter(particles)) {
-    particles.__emitter = emitter;
-  }
-  if ("setOrigin" in particles && typeof particles.setOrigin === "function") {
-    particles.setOrigin(0, 0);
-  }
-  createTransform(particles, props);
-  createPhaser(particles, props);
-  createParticlesLayout(particles, props);
-  if (props.excludeZones && emitter) {
-    const deathZones = buildDeathZonesFromLayout(props.excludeZones, props.width, props.height);
-    const combinedDeathZones = mergeDeathZones(
-      resolvedConfig.deathZone,
-      deathZones
-    );
-    if (combinedDeathZones) {
-      applyDeathZone(emitter, combinedDeathZones);
-    }
-  }
-  if (props.onReady) {
-    props.onReady(particles);
-  }
-  return particles;
-};
-const particlesPatcher = (node, prev, next) => {
-  applyTransformProps(node, prev, next);
-  applyPhaserProps(node, prev, next);
-  applyParticlesProps(node, prev, next);
-  applyParticlesLayout(node, prev, next);
-};
-function getOriginalTextureDimensions(sprite) {
-  const frame = sprite.frame;
-  return {
-    width: frame.width,
-    height: frame.height
-  };
-}
-function calculateFitScale(sprite, targetWidth, targetHeight, fit = "fill") {
-  const { width: textureWidth, height: textureHeight } = getOriginalTextureDimensions(sprite);
-  if (textureWidth === 0 || textureHeight === 0) {
-    return { scaleX: 1, scaleY: 1 };
-  }
-  if (fit === "fill") {
-    return {
-      scaleX: targetWidth / textureWidth,
-      scaleY: targetHeight / textureHeight
-    };
-  }
-  const targetAspect = targetWidth / targetHeight;
-  const textureAspect = textureWidth / textureHeight;
-  if (fit === "contain") {
-    const scale = targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
-    return { scaleX: scale, scaleY: scale };
-  }
-  if (fit === "cover") {
-    const scale = targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
-    return { scaleX: scale, scaleY: scale };
-  }
-  return { scaleX: 1, scaleY: 1 };
-}
-function applySpriteProps(sprite, prev, next) {
-  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
-  if (textureChanged && next.texture) {
-    sprite.setTexture(next.texture, next.frame);
-  }
-  if (prev.tint !== next.tint) {
-    if (typeof next.tint === "number") {
-      sprite.setTint(next.tint);
-    } else {
-      sprite.clearTint();
-    }
-  }
-  if (prev.originX !== next.originX || prev.originY !== next.originY) {
-    const originX = next.originX ?? sprite.originX;
-    const originY = next.originY ?? sprite.originY;
-    sprite.setOrigin(originX, originY);
-  }
-  const displayWidthChanged = prev.displayWidth !== next.displayWidth;
-  const displayHeightChanged = prev.displayHeight !== next.displayHeight;
-  const fitChanged = prev.fit !== next.fit;
-  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged) {
-    if (typeof next.displayWidth === "number" && typeof next.displayHeight === "number") {
-      const fit = next.fit ?? "fill";
-      if (fit === "fill") {
-        sprite.setDisplaySize(next.displayWidth, next.displayHeight);
-      } else {
-        const { scaleX, scaleY } = calculateFitScale(
-          sprite,
-          next.displayWidth,
-          next.displayHeight,
-          fit
-        );
-        sprite.setScale(scaleX, scaleY);
-      }
-    } else if (typeof next.displayWidth === "number") {
-      const { width: origWidth } = getOriginalTextureDimensions(sprite);
-      const scale = next.displayWidth / origWidth;
-      sprite.setScale(scale);
-    } else if (typeof next.displayHeight === "number") {
-      const { height: origHeight } = getOriginalTextureDimensions(sprite);
-      const scale = next.displayHeight / origHeight;
-      sprite.setScale(scale, scale);
-    } else {
-      sprite.setScale(1);
-    }
-  }
-  const animationChanged = prev.animationKey !== next.animationKey || prev.loop !== next.loop || prev.repeatDelay !== next.repeatDelay;
-  if (animationChanged) {
-    if (sprite.anims.isPlaying) {
-      sprite.anims.stop();
-    }
-    if (next.animationKey) {
-      sprite.anims.play({
-        key: next.animationKey,
-        repeat: next.loop ? -1 : 0,
-        repeatDelay: next.repeatDelay ?? 0
-      });
-    }
-  }
-  const callbacksChanged = prev.onAnimationStart !== next.onAnimationStart || prev.onAnimationComplete !== next.onAnimationComplete || prev.onAnimationRepeat !== next.onAnimationRepeat || prev.onAnimationUpdate !== next.onAnimationUpdate;
-  if (callbacksChanged) {
-    sprite.off("animationstart");
-    sprite.off("animationcomplete");
-    sprite.off("animationrepeat");
-    sprite.off("animationupdate");
-    if (next.onAnimationStart) {
-      sprite.on("animationstart", (anim) => {
-        next.onAnimationStart?.(anim.key);
-      });
-    }
-    if (next.onAnimationComplete) {
-      sprite.on("animationcomplete", (anim) => {
-        next.onAnimationComplete?.(anim.key);
-      });
-    }
-    if (next.onAnimationRepeat) {
-      sprite.on("animationrepeat", (anim) => {
-        next.onAnimationRepeat?.(anim.key);
-      });
-    }
-    if (next.onAnimationUpdate) {
-      sprite.on(
-        "animationupdate",
-        (anim, frame) => {
-          next.onAnimationUpdate?.(anim.key, frame);
-        }
-      );
-    }
-  }
-}
-function applySpriteLayout(sprite, _prev, next) {
-  sprite.__layoutProps = next;
-}
-function createSpriteLayout(sprite, props) {
-  sprite.__layoutProps = props;
-  sprite.__getLayoutSize = () => {
-    return { width: 0.01, height: 0.01 };
-  };
-}
-const spriteCreator = (scene, props) => {
-  const sprite = scene.add.sprite(props.x ?? 0, props.y ?? 0, props.texture, props.frame);
-  sprite.setOrigin(0.5, 0.5);
-  if (props.originX !== void 0 || props.originY !== void 0) {
-    sprite.setOrigin(props.originX ?? sprite.originX, props.originY ?? sprite.originY);
-  }
-  createTransform(sprite, props);
-  createPhaser(sprite, props);
-  if (props.tint !== void 0) {
-    sprite.setTint(props.tint);
-  }
-  if (props.displayWidth !== void 0 || props.displayHeight !== void 0) {
-    if (props.displayWidth !== void 0 && props.displayHeight !== void 0) {
-      const fit = props.fit ?? "fill";
-      const textureWidth = sprite.width;
-      const textureHeight = sprite.height;
-      if (textureWidth > 0 && textureHeight > 0) {
-        if (fit === "fill") {
-          sprite.setDisplaySize(props.displayWidth, props.displayHeight);
-        } else if (fit === "contain") {
-          const targetAspect = props.displayWidth / props.displayHeight;
-          const textureAspect = textureWidth / textureHeight;
-          const scale = targetAspect > textureAspect ? props.displayHeight / textureHeight : props.displayWidth / textureWidth;
-          sprite.setScale(scale);
-        } else if (fit === "cover") {
-          const targetAspect = props.displayWidth / props.displayHeight;
-          const textureAspect = textureWidth / textureHeight;
-          const scale = targetAspect < textureAspect ? props.displayHeight / textureHeight : props.displayWidth / textureWidth;
-          sprite.setScale(scale);
-        }
-      }
-    } else if (props.displayWidth !== void 0) {
-      const scale = props.displayWidth / sprite.width;
-      sprite.setScale(scale);
-    } else if (props.displayHeight !== void 0) {
-      const scale = props.displayHeight / sprite.height;
-      sprite.setScale(scale);
-    }
-  }
-  if (props.animationKey) {
-    if (sprite.scene && sprite.scene.anims.exists(props.animationKey)) {
-      sprite.anims.play({
-        key: props.animationKey,
-        repeat: props.loop ? -1 : 0,
-        repeatDelay: props.repeatDelay ?? 0
-      });
-    }
-  }
-  if (props.onAnimationStart) {
-    sprite.on("animationstart", (anim) => {
-      props.onAnimationStart?.(anim.key);
-    });
-  }
-  if (props.onAnimationComplete) {
-    sprite.on("animationcomplete", (anim) => {
-      props.onAnimationComplete?.(anim.key);
-    });
-  }
-  if (props.onAnimationRepeat) {
-    sprite.on("animationrepeat", (anim) => {
-      props.onAnimationRepeat?.(anim.key);
-    });
-  }
-  if (props.onAnimationUpdate) {
-    sprite.on(
-      "animationupdate",
-      (anim, frame) => {
-        props.onAnimationUpdate?.(anim.key, frame);
-      }
-    );
-  }
-  createSpriteLayout(sprite, props);
-  if (props.onReady) {
-    props.onReady(sprite);
-  }
-  return sprite;
-};
-const spritePatcher = (node, prev, next) => {
-  applyTransformProps(node, prev, next);
-  applyPhaserProps(node, prev, next);
-  applySpriteProps(node, prev, next);
-  applySpriteLayout(node, prev, next);
-};
-function applyTextProps(node, prev, next) {
-  if (node.active === false || node.scene && !node.scene.sys.game) {
-    return;
-  }
-  let needsUpdate = false;
-  if (prev.text !== next.text && typeof next.text === "string") {
-    node.setText(next.text);
-    needsUpdate = true;
-  }
-  if (next.style !== void 0 && !TransformOriginView.equal(next.style, prev.style || {})) {
-    try {
-      node.setStyle(next.style);
-      needsUpdate = true;
-    } catch (error) {
-      console.warn("Failed to apply text style (scene may be transitioning):", error);
-    }
-  }
-  if (next.maxWidth !== prev.maxWidth && next.maxWidth !== void 0) {
-    const viewport = TransformOriginView.viewportRegistry.getViewport();
-    const parsedMaxWidth = TransformOriginView.parseSize(next.maxWidth);
-    const resolvedMaxWidth = TransformOriginView.resolveSize(parsedMaxWidth, viewport?.width, void 0, void 0);
-    node.setWordWrapWidth(resolvedMaxWidth, true);
-    needsUpdate = true;
-  }
-  if (prev.style !== next.style && next.style !== void 0) {
-    try {
-      node.setStyle(next.style);
-      needsUpdate = true;
-    } catch (error) {
-      console.warn("Failed to apply text style (scene may be transitioning):", error);
-    }
-  }
-  if (needsUpdate && node.updateText) {
-    node.updateText();
-  }
-}
-function applyTextLayout(text, _prev, next) {
-  text.__layoutProps = next;
-  text.__getLayoutSize = () => {
-    if (text.__layoutProps?.headless) {
-      return { width: 0.01, height: 0.01 };
-    }
-    return {
-      width: text.width,
-      height: text.height
-    };
-  };
-}
-function createTextLayout(text, props) {
-  text.__layoutProps = props;
-  text.__getLayoutSize = () => {
-    if (text.__layoutProps?.headless) {
-      return { width: 0.01, height: 0.01 };
-    }
-    return {
-      width: text.width,
-      height: text.height
-    };
-  };
-}
-const textCreator = (scene, props) => {
-  const text = scene.add.text(props.x ?? 0, props.y ?? 0, props.text ?? "", props.style);
-  if (props.headless) {
-    text.setOrigin(0.5, 0.5);
-  } else {
-    text.setOrigin(0, 0);
-  }
-  const normalizedProps = { ...props };
-  if (props.headless) {
-    delete normalizedProps.padding;
-    delete normalizedProps.margin;
-    delete normalizedProps.gap;
-  } else {
-    if (normalizedProps.rotation !== void 0) {
-      delete normalizedProps.rotation;
-    }
-  }
-  createTransform(text, normalizedProps);
-  createPhaser(text, normalizedProps);
-  createTextLayout(text, normalizedProps);
-  return text;
+var createCameraFlashFX = (camera, config) => {
+	const duration = config.duration ?? 200;
+	const red = config.red ?? 255;
+	const green = config.green ?? 255;
+	const blue = config.blue ?? 255;
+	camera.flash(duration, red, green, blue, config.force ?? false, config.onComplete);
 };
-const textPatcher = (node, prev, next) => {
-  if (prev.headless !== next.headless) {
-    if (next.headless) {
-      node.setOrigin(0.5, 0.5);
-    } else {
-      node.setOrigin(0, 0);
-    }
-  }
-  const normalizedPrev = { ...prev };
-  const normalizedNext = { ...next };
-  if (next.headless) {
-    delete normalizedNext.padding;
-    delete normalizedNext.margin;
-    delete normalizedNext.gap;
-  } else {
-    if (normalizedNext.rotation !== void 0) {
-      delete normalizedNext.rotation;
-    }
-  }
-  if (prev.headless) {
-    delete normalizedPrev.padding;
-    delete normalizedPrev.margin;
-    delete normalizedPrev.gap;
-  } else {
-    if (normalizedPrev.rotation !== void 0) {
-      delete normalizedPrev.rotation;
-    }
-  }
-  applyTransformProps(node, normalizedPrev, normalizedNext);
-  applyPhaserProps(node, normalizedPrev, normalizedNext);
-  applyTextProps(node, normalizedPrev, normalizedNext);
-  applyTextLayout(node, normalizedPrev, normalizedNext);
+var createCameraFadeInFX = (camera, config) => {
+	const duration = config.duration ?? 300;
+	const red = config.red ?? 0;
+	const green = config.green ?? 0;
+	const blue = config.blue ?? 0;
+	camera.fadeIn(duration, red, green, blue, config.onComplete);
 };
-const tileSpriteCreator = (_scene, _props) => {
-  throw new Error(
-    "TileSprite component not implemented yet. This is a placeholder for architecture planning."
-  );
+var createCameraFadeOutFX = (camera, config) => {
+	const duration = config.duration ?? 300;
+	const red = config.red ?? 0;
+	const green = config.green ?? 0;
+	const blue = config.blue ?? 0;
+	camera.fadeOut(duration, red, green, blue, config.onComplete);
 };
-const tileSpritePatcher = (_node, _prev, _next) => {
-  throw new Error(
-    "TileSprite component not implemented yet. This is a placeholder for architecture planning."
-  );
-};
-function applyBackgroundProps(container, prev, next) {
-  const prevBgColor = prev.backgroundColor;
-  const nextBgColor = next.backgroundColor;
-  const prevBgAlpha = prev.backgroundAlpha ?? 1;
-  const nextBgAlpha = next.backgroundAlpha ?? 1;
-  let prevWidth = typeof prev.width === "number" ? prev.width : 100;
-  let prevHeight = typeof prev.height === "number" ? prev.height : 100;
-  let nextWidth = typeof next.width === "number" ? next.width : 100;
-  let nextHeight = typeof next.height === "number" ? next.height : 100;
-  if (container.__getLayoutSize) {
-    const layoutSize = container.__getLayoutSize();
-    prevWidth = layoutSize.width;
-    prevHeight = layoutSize.height;
-    nextWidth = layoutSize.width;
-    nextHeight = layoutSize.height;
-  }
-  const prevCornerRadius = prev.cornerRadius ?? 0;
-  const nextCornerRadius = next.cornerRadius ?? 0;
-  const prevBorderColor = prev.borderColor;
-  const nextBorderColor = next.borderColor;
-  const prevBorderWidth = prev.borderWidth ?? 0;
-  const nextBorderWidth = next.borderWidth ?? 0;
-  const prevBorderAlpha = prev.borderAlpha ?? 1;
-  const nextBorderAlpha = next.borderAlpha ?? 1;
-  const prevHasBorder = prevBorderWidth > 0 && prevBorderColor !== void 0;
-  const nextHasBorder = nextBorderWidth > 0 && nextBorderColor !== void 0;
-  const prevHasGraphics = prevBgColor !== void 0 || prevHasBorder;
-  const nextHasGraphics = nextBgColor !== void 0 || nextHasBorder;
-  if (prevHasGraphics && !nextHasGraphics) {
-    if (container.__background) {
-      container.__background.destroy();
-      delete container.__background;
-    }
-  } else if (!prevHasGraphics && nextHasGraphics) {
-    if (container.scene) {
-      const background = container.scene.add.graphics();
-      if (nextBgColor !== void 0) {
-        background.fillStyle(nextBgColor, nextBgAlpha);
-      }
-      if (nextHasBorder) {
-        background.lineStyle(nextBorderWidth, nextBorderColor, nextBorderAlpha);
-      }
-      if (nextCornerRadius !== 0) {
-        if (nextBgColor !== void 0) {
-          background.fillRoundedRect(0, 0, nextWidth, nextHeight, nextCornerRadius);
-        }
-        if (nextHasBorder) {
-          background.strokeRoundedRect(0, 0, nextWidth, nextHeight, nextCornerRadius);
-        }
-      } else {
-        if (nextBgColor !== void 0) {
-          background.fillRect(0, 0, nextWidth, nextHeight);
-        }
-        if (nextHasBorder) {
-          background.strokeRect(0, 0, nextWidth, nextHeight);
-        }
-      }
-      container.addAt(background, 0);
-      container.__background = background;
-      background.__isBackground = true;
-    }
-  } else if (container.__background && nextHasGraphics) {
-    const needsRedraw = prevBgColor !== nextBgColor || prevBgAlpha !== nextBgAlpha || prevWidth !== nextWidth || prevHeight !== nextHeight || prevCornerRadius !== nextCornerRadius || prevBorderWidth !== nextBorderWidth || prevBorderColor !== nextBorderColor || prevBorderAlpha !== nextBorderAlpha;
-    if (needsRedraw) {
-      container.__background.clear();
-      if (nextBgColor !== void 0) {
-        container.__background.fillStyle(nextBgColor, nextBgAlpha);
-      }
-      if (nextHasBorder) {
-        container.__background.lineStyle(nextBorderWidth, nextBorderColor, nextBorderAlpha);
-      }
-      if (nextCornerRadius !== 0) {
-        if (nextBgColor !== void 0) {
-          container.__background.fillRoundedRect(0, 0, nextWidth, nextHeight, nextCornerRadius);
-        }
-        if (nextHasBorder) {
-          container.__background.strokeRoundedRect(0, 0, nextWidth, nextHeight, nextCornerRadius);
-        }
-      } else {
-        if (nextBgColor !== void 0) {
-          container.__background.fillRect(0, 0, nextWidth, nextHeight);
-        }
-        if (nextHasBorder) {
-          container.__background.strokeRect(0, 0, nextWidth, nextHeight);
-        }
-      }
-    }
-  }
-}
-function applyGesturesProps(scene, container, prev, next) {
-  if (!scene || !scene.sys || !scene.data) {
-    console.warn("applyGesturesProps: Invalid scene or scene not initialized");
-    return;
-  }
-  if (scene.sys.game === null) {
-    return;
-  }
-  const hasAnyGesture = !!(next.onTouch || next.onTouchOutside || next.onTouchMove || next.onDoubleTap || next.onLongPress || next.onHoverStart || next.onHoverEnd || next.onWheel);
-  const hadAnyGesture = !!(prev.onTouch || prev.onTouchOutside || prev.onTouchMove || prev.onDoubleTap || prev.onLongPress || prev.onHoverStart || prev.onHoverEnd || prev.onWheel);
-  const prevEnabled = hadAnyGesture && prev.enableGestures !== false;
-  const nextEnabled = hasAnyGesture && next.enableGestures !== false;
-  const manager = TransformOriginView.getGestureManager(scene);
-  if (!prevEnabled && nextEnabled && hasAnyGesture) {
-    const containerWithLayout = container;
-    let width = 100;
-    let height = 100;
-    if (containerWithLayout.__getLayoutSize) {
-      const size = containerWithLayout.__getLayoutSize();
-      width = size.width;
-      height = size.height;
-    } else {
-      const bounds = container.getBounds();
-      width = bounds.width || 100;
-      height = bounds.height || 100;
-    }
-    const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, width, height);
-    const callbacks = {};
-    if (next.onTouch) callbacks.onTouch = next.onTouch;
-    if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside;
-    if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove;
-    if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap;
-    if (next.onLongPress) callbacks.onLongPress = next.onLongPress;
-    if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart;
-    if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd;
-    if (next.onWheel) callbacks.onWheel = next.onWheel;
-    const config = {};
-    if (next.longPressDuration !== void 0) config.longPressDuration = next.longPressDuration;
-    if (next.doubleTapDelay !== void 0) config.doubleTapDelay = next.doubleTapDelay;
-    manager.registerContainer(container, callbacks, hitArea, config);
-    return;
-  }
-  if (prevEnabled && (!nextEnabled || !hasAnyGesture)) {
-    manager.unregisterContainer(container);
-    return;
-  }
-  if (nextEnabled && hasAnyGesture) {
-    const callbacksChanged = prev.onTouch !== next.onTouch || prev.onTouchOutside !== next.onTouchOutside || prev.onTouchMove !== next.onTouchMove || prev.onDoubleTap !== next.onDoubleTap || prev.onLongPress !== next.onLongPress || prev.onHoverStart !== next.onHoverStart || prev.onHoverEnd !== next.onHoverEnd || prev.onWheel !== next.onWheel;
-    if (callbacksChanged) {
-      const callbacks = {};
-      if (next.onTouch) callbacks.onTouch = next.onTouch;
-      if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside;
-      if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove;
-      if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap;
-      if (next.onLongPress) callbacks.onLongPress = next.onLongPress;
-      if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart;
-      if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd;
-      if (next.onWheel) callbacks.onWheel = next.onWheel;
-      manager.updateCallbacks(container, callbacks);
-    }
-    const containerWithLayout = container;
-    let width = 100;
-    let height = 100;
-    if (containerWithLayout.__getLayoutSize) {
-      const size = containerWithLayout.__getLayoutSize();
-      width = size.width;
-      height = size.height;
-    } else {
-      const bounds = container.getBounds();
-      width = bounds.width || 100;
-      height = bounds.height || 100;
-    }
-    const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, width, height);
-    manager.updateHitArea(container, hitArea);
-  }
-}
-function updateGestureHitAreaIfNeeded(node) {
-  const containerWithLayout = node;
-  if (!containerWithLayout.__getLayoutSize) return;
-  try {
-    const manager = TransformOriginView.getGestureManager(containerWithLayout.scene);
-    const size = containerWithLayout.__getLayoutSize();
-    const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, size.width, size.height);
-    manager.updateHitArea(node, hitArea);
-  } catch {
-  }
-}
-const LAYOUT_RELEVANT_PROPS = [
-  "width",
-  "height",
-  "minWidth",
-  "maxWidth",
-  "minHeight",
-  "maxHeight",
-  "flex",
-  "margin",
-  "padding",
-  "gap",
-  "direction",
-  "justifyContent",
-  "alignItems",
-  "overflow"
-];
-const DEEP_COMPARE_PROPS = /* @__PURE__ */ new Set(["margin", "padding"]);
-function hasLayoutPropsChanged(prev, next) {
-  for (const prop of LAYOUT_RELEVANT_PROPS) {
-    const oldVal = prev[prop];
-    const newVal = next[prop];
-    if (DEEP_COMPARE_PROPS.has(prop)) {
-      if (!TransformOriginView.equal(oldVal, newVal)) {
-        return true;
-      }
-    } else {
-      if (oldVal !== newVal) {
-        return true;
-      }
-    }
-  }
-  return false;
-}
-function getParentLayoutContext(node) {
-  const parent = node.parentContainer;
-  if (parent && parent.__layoutProps && parent.__getLayoutSize) {
-    const parentSize = parent.__getLayoutSize();
-    const padding = parent.__layoutProps.padding ?? 0;
-    const normPadding = typeof padding === "number" ? { left: padding, right: padding, top: padding, bottom: padding } : {
-      left: padding.left ?? 0,
-      right: padding.right ?? 0,
-      top: padding.top ?? 0,
-      bottom: padding.bottom ?? 0
-    };
-    return {
-      parentSize: {
-        width: parentSize.width - normPadding.left - normPadding.right,
-        height: parentSize.height - normPadding.top - normPadding.bottom
-      }
-      // Parent already provides content-area, no padding offset needed
-    };
-  }
-  if (node.scene) {
-    return {
-      parentSize: {
-        width: node.scene.scale.width,
-        height: node.scene.scale.height
-      }
-    };
-  }
-  return {};
-}
-function applyLayoutProps(node, prev, next) {
-  node.__layoutProps = next;
-  if (hasLayoutPropsChanged(prev, next)) {
-    const { parentSize, parentPadding } = getParentLayoutContext(node);
-    TransformOriginView.calculateLayout(node, next, parentSize, parentPadding);
-    updateGestureHitAreaIfNeeded(node);
-  }
-}
-const tooltipStates = /* @__PURE__ */ new Map();
-function calculateTooltipPosition(targetBounds, position, offset, tooltipWidth, tooltipHeight) {
-  const viewport = {
-    width: window.innerWidth,
-    height: window.innerHeight
-  };
-  let x = 0;
-  let y = 0;
-  switch (position) {
-    case "top":
-      x = targetBounds.centerX - tooltipWidth / 2;
-      y = targetBounds.top - tooltipHeight - offset;
-      break;
-    case "bottom":
-      x = targetBounds.centerX - tooltipWidth / 2;
-      y = targetBounds.bottom + offset;
-      break;
-    case "left":
-      x = targetBounds.left - tooltipWidth - offset;
-      y = targetBounds.centerY - tooltipHeight / 2;
-      break;
-    case "right":
-      x = targetBounds.right + offset;
-      y = targetBounds.centerY - tooltipHeight / 2;
-      break;
-  }
-  x = Math.max(8, Math.min(x, viewport.width - tooltipWidth - 8));
-  y = Math.max(8, Math.min(y, viewport.height - tooltipHeight - 8));
-  return { x, y };
-}
-function showTooltip(scene, container, config) {
-  const state = tooltipStates.get(container);
-  if (!state || state.isVisible) return;
-  state.isVisible = true;
-  state.currentConfig = config;
-  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
-  const tooltipTheme = theme.Tooltip || {};
-  const position = config.position ?? tooltipTheme.position ?? "top";
-  const offset = config.offset ?? tooltipTheme.offset ?? 8;
-  const content = config.content;
-  const targetBounds = container.getBounds();
-  const textStyle = tooltipTheme.textStyle ?? {
-    fontSize: "14px",
-    fontFamily: "Arial",
-    color: "#ffffff",
-    padding: { x: 8, y: 4 }
-  };
-  const { backgroundColor: bgColor, ...styleWithoutBg } = textStyle;
-  const text = scene.add.text(0, 0, content, styleWithoutBg);
-  text.setOrigin(0.5);
-  const padding = textStyle.padding ?? { x: 8, y: 4 };
-  const paddingX = typeof padding === "number" ? padding : padding.x ?? 8;
-  const paddingY = typeof padding === "number" ? padding : padding.y ?? 4;
-  const textWidth = text.width;
-  const textHeight = text.height;
-  const bgWidth = textWidth + paddingX * 2;
-  const bgHeight = textHeight + paddingY * 2;
-  const cornerRadius = tooltipTheme.cornerRadius ?? 6;
-  const graphics = scene.add.graphics();
-  const bg = bgColor ?? "#000000dd";
-  let fillColor = 0;
-  let fillAlpha = 0.87;
-  if (typeof bg === "string") {
-    if (bg.startsWith("#")) {
-      const hex = bg.slice(1);
-      if (hex.length === 8) {
-        fillColor = parseInt(hex.slice(0, 6), 16);
-        fillAlpha = parseInt(hex.slice(6, 8), 16) / 255;
-      } else if (hex.length === 6) {
-        fillColor = parseInt(hex, 16);
-        fillAlpha = 1;
-      }
-    }
-  }
-  graphics.fillStyle(fillColor, fillAlpha);
-  graphics.fillRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, cornerRadius);
-  const tooltipContainer = scene.add.container(0, 0, [graphics, text]);
-  tooltipContainer.setDepth(1e4);
-  const textBounds = tooltipContainer.getBounds();
-  const pos = calculateTooltipPosition(
-    targetBounds,
-    position,
-    offset,
-    textBounds.width,
-    textBounds.height
-  );
-  const themeAnim = tooltipTheme.animation || {};
-  const anim = config.animation || {};
-  const fadeInDuration = anim.fadeIn ?? themeAnim.fadeIn ?? 200;
-  const moveOffset = {
-    dx: anim.move?.dx ?? themeAnim.move?.dx ?? 0,
-    dy: anim.move?.dy ?? themeAnim.move?.dy ?? 0
-  };
-  const pulse = anim.pulse ?? themeAnim.pulse ?? false;
-  const pulseScale = anim.pulseScale ?? [0.75, 1.25];
-  tooltipContainer.setPosition(
-    pos.x + textBounds.width / 2 - moveOffset.dx,
-    pos.y + textBounds.height / 2 - moveOffset.dy
-  );
-  tooltipContainer.setAlpha(0);
-  state.tooltip = tooltipContainer;
-  const fadeTween = scene.tweens.add({
-    targets: tooltipContainer,
-    alpha: 1,
-    x: pos.x + textBounds.width / 2,
-    y: pos.y + textBounds.height / 2,
-    duration: fadeInDuration,
-    ease: "Cubic.Out"
-  });
-  state.activeTweens.push(fadeTween);
-  if (pulse) {
-    const pulseTween = scene.tweens.add({
-      targets: tooltipContainer,
-      scale: { from: pulseScale[0], to: pulseScale[1] },
-      duration: 600,
-      yoyo: true,
-      repeat: -1,
-      ease: "Sine.InOut"
-    });
-    state.activeTweens.push(pulseTween);
-  }
-  if (config.autoDismiss && config.autoDismiss > 0) {
-    state.autoDismissTimer = setTimeout(() => {
-      hideTooltip(container);
-    }, config.autoDismiss);
-  }
-}
-function hideTooltip(container) {
-  const state = tooltipStates.get(container);
-  if (!state || !state.isVisible) return;
-  state.isVisible = false;
-  const config = state.currentConfig;
-  state.currentConfig = null;
-  if (state.autoDismissTimer) {
-    clearTimeout(state.autoDismissTimer);
-    state.autoDismissTimer = null;
-  }
-  if (!state.tooltip) return;
-  const tooltip = state.tooltip;
-  const scene = tooltip.scene;
-  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
-  const tooltipTheme = theme.Tooltip || {};
-  const themeAnim = tooltipTheme.animation || {};
-  const anim = config?.animation || {};
-  const fadeOutDuration = anim.fadeOut ?? themeAnim.fadeOut ?? 200;
-  state.activeTweens.forEach((tween) => tween.stop());
-  state.activeTweens = [];
-  scene.tweens.add({
-    targets: tooltip,
-    alpha: 0,
-    duration: fadeOutDuration,
-    ease: "Cubic.In",
-    onComplete: () => {
-      tooltip.destroy();
-    }
-  });
-  state.tooltip = null;
-}
-function applyTooltip(scene, container, nextCallback, existingOnHoverStart, existingOnHoverEnd) {
-  if (!tooltipStates.has(container)) {
-    tooltipStates.set(container, {
-      isVisible: false,
-      tooltip: null,
-      activeTweens: [],
-      showTimer: null,
-      hideTimer: null,
-      autoDismissTimer: null,
-      currentConfig: null
-    });
-    container.once("destroy", () => {
-      const state2 = tooltipStates.get(container);
-      if (state2) {
-        if (state2.showTimer) clearTimeout(state2.showTimer);
-        if (state2.hideTimer) clearTimeout(state2.hideTimer);
-        if (state2.autoDismissTimer) clearTimeout(state2.autoDismissTimer);
-        state2.activeTweens.forEach((tween) => tween.stop());
-        hideTooltip(container);
-        tooltipStates.delete(container);
-      }
-    });
-  }
-  const state = tooltipStates.get(container);
-  if (!state) {
-    throw new Error("applyTooltip: state not initialized");
-  }
-  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
-  const tooltipTheme = theme.Tooltip || {};
-  const onHoverStart = (data) => {
-    if (existingOnHoverStart) existingOnHoverStart(data);
-    if (!nextCallback) return;
-    const result = nextCallback();
-    if (!result) return;
-    const config = typeof result === "string" ? { content: result } : result;
-    if (config.disabled) return;
-    if (state.hideTimer) {
-      clearTimeout(state.hideTimer);
-      state.hideTimer = null;
-    }
-    if (state.autoDismissTimer) {
-      clearTimeout(state.autoDismissTimer);
-      state.autoDismissTimer = null;
-    }
-    const showDelay = config.showDelay ?? tooltipTheme.showDelay ?? 500;
-    state.showTimer = setTimeout(() => {
-      showTooltip(scene, container, config);
-    }, showDelay);
-  };
-  const onHoverEnd = (data) => {
-    if (existingOnHoverEnd) existingOnHoverEnd(data);
-    if (state.showTimer) {
-      clearTimeout(state.showTimer);
-      state.showTimer = null;
-    }
-    const hideDelay = state.currentConfig?.hideDelay ?? tooltipTheme.hideDelay ?? 0;
-    if (hideDelay > 0) {
-      state.hideTimer = setTimeout(() => {
-        hideTooltip(container);
-      }, hideDelay);
-    } else {
-      hideTooltip(container);
-    }
-  };
-  return { onHoverStart, onHoverEnd };
-}
-function createBackground(scene, container, props) {
-  const hasBackground = props.backgroundColor !== void 0;
-  const hasBorder = props.borderColor !== void 0;
-  if (hasBackground || hasBorder) {
-    const width = typeof props.width === "number" ? props.width : 100;
-    const height = typeof props.height === "number" ? props.height : 100;
-    const bgColor = props.backgroundColor;
-    const bgAlpha = props.backgroundAlpha ?? 1;
-    const cornerRadius = props.cornerRadius ?? 0;
-    const borderColor = props.borderColor;
-    const borderWidth = props.borderWidth ?? 0;
-    const borderAlpha = props.borderAlpha ?? 1;
-    const background = scene.add.graphics();
-    if (bgColor !== void 0) {
-      background.fillStyle(bgColor, bgAlpha);
-    }
-    if (borderWidth > 0 && borderColor !== void 0) {
-      background.lineStyle(borderWidth, borderColor, borderAlpha);
-    }
-    if (cornerRadius !== 0) {
-      if (bgColor !== void 0) {
-        background.fillRoundedRect(0, 0, width, height, cornerRadius);
-      }
-      if (borderWidth > 0 && borderColor !== void 0) {
-        background.strokeRoundedRect(0, 0, width, height, cornerRadius);
-      }
-    } else {
-      if (bgColor !== void 0) {
-        background.fillRect(0, 0, width, height);
-      }
-      if (borderWidth > 0 && borderColor !== void 0) {
-        background.strokeRect(0, 0, width, height);
-      }
-    }
-    container.addAt(background, 0);
-    container.__background = background;
-    background.__isBackground = true;
-  }
-}
-function createGestures(scene, container, props) {
-  const hasAnyGesture = !!(props.onTouch || props.onTouchOutside || props.onTouchMove || props.onDoubleTap || props.onLongPress || props.onHoverStart || props.onHoverEnd || props.onWheel);
-  const shouldEnable = hasAnyGesture && props.enableGestures !== false;
-  if (!shouldEnable) {
-    return;
-  }
-  const manager = TransformOriginView.getGestureManager(scene);
-  const containerWithLayout = container;
-  let width = 100;
-  let height = 100;
-  if (containerWithLayout.__getLayoutSize) {
-    const size = containerWithLayout.__getLayoutSize();
-    width = size.width;
-    height = size.height;
-  } else {
-    const bounds = container.getBounds();
-    width = bounds.width || 100;
-    height = bounds.height || 100;
-  }
-  const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, width, height);
-  const callbacks = {};
-  if (props.onTouch) callbacks.onTouch = props.onTouch;
-  if (props.onTouchOutside) callbacks.onTouchOutside = props.onTouchOutside;
-  if (props.onTouchMove) callbacks.onTouchMove = props.onTouchMove;
-  if (props.onDoubleTap) callbacks.onDoubleTap = props.onDoubleTap;
-  if (props.onLongPress) callbacks.onLongPress = props.onLongPress;
-  if (props.onHoverStart) callbacks.onHoverStart = props.onHoverStart;
-  if (props.onHoverEnd) callbacks.onHoverEnd = props.onHoverEnd;
-  if (props.onWheel) callbacks.onWheel = props.onWheel;
-  const config = {};
-  if (props.longPressDuration !== void 0) config.longPressDuration = props.longPressDuration;
-  if (props.doubleTapDelay !== void 0) config.doubleTapDelay = props.doubleTapDelay;
-  if (props.maxTouchDuration !== void 0) config.maxTouchDuration = props.maxTouchDuration;
-  manager.registerContainer(container, callbacks, hitArea, config);
-}
-function createLayout(container, props) {
-  container.__layoutProps = props;
-  container.__getLayoutSize = () => {
-    const children = container.list;
-    const direction = props.direction ?? "column";
-    const paddingRaw = props.padding ?? {};
-    const padding = typeof paddingRaw === "number" ? { left: paddingRaw, top: paddingRaw, right: paddingRaw, bottom: paddingRaw } : paddingRaw;
-    const paddingLeft = padding.left ?? 0;
-    const paddingTop = padding.top ?? 0;
-    const paddingRight = padding.right ?? 0;
-    const paddingBottom = padding.bottom ?? 0;
-    const gapNormalized = TransformOriginView.normalizeGap(props.gap);
-    let maxWidth = 0;
-    let maxHeight = 0;
-    let totalMainSize = 0;
-    let childCount = 0;
-    for (const child of children) {
-      if (child.__isBackground) {
-        continue;
-      }
-      childCount++;
-      const marginRaw = child.__layoutProps?.margin ?? {};
-      const margin = typeof marginRaw === "number" ? { top: marginRaw, right: marginRaw, bottom: marginRaw, left: marginRaw } : marginRaw;
-      const marginTop = margin.top ?? 0;
-      const marginBottom = margin.bottom ?? 0;
-      const marginLeft = margin.left ?? 0;
-      const marginRight = margin.right ?? 0;
-      const childSize = TransformOriginView.getChildSize(child);
-      if (direction === "row") {
-        totalMainSize += marginLeft + childSize.width + marginRight;
-        const childTotalHeight = marginTop + childSize.height + marginBottom;
-        maxHeight = Math.max(maxHeight, childTotalHeight);
-      } else {
-        const childTotalWidth = marginLeft + childSize.width + marginRight;
-        maxWidth = Math.max(maxWidth, childTotalWidth);
-        totalMainSize += marginTop + childSize.height + marginBottom;
-      }
-    }
-    if (childCount > 1) {
-      const gapValue = direction === "row" ? gapNormalized.horizontal : gapNormalized.vertical;
-      totalMainSize += gapValue * (childCount - 1);
-    }
-    const defaultWidth = direction === "row" ? totalMainSize + paddingLeft + paddingRight : maxWidth + paddingLeft + paddingRight;
-    const defaultHeight = direction === "row" ? maxHeight + paddingTop + paddingBottom : totalMainSize + paddingTop + paddingBottom;
-    const parsedWidth = TransformOriginView.parseSize(props.width);
-    const finalWidth = TransformOriginView.resolveSize(parsedWidth, void 0, defaultWidth);
-    const parsedHeight = TransformOriginView.parseSize(props.height);
-    const finalHeight = TransformOriginView.resolveSize(parsedHeight, void 0, defaultHeight);
-    return {
-      width: finalWidth,
-      height: finalHeight
-    };
-  };
-}
-function normalizeBackgroundProps(props) {
-  const bgProps = props;
-  const hasBackground = bgProps.backgroundColor !== void 0;
-  const hasBorder = bgProps.borderColor !== void 0;
-  if (!hasBackground && !hasBorder) {
-    return props;
-  }
-  const normalized = { ...props };
-  if (hasBackground && bgProps.backgroundAlpha === void 0) {
-    normalized.backgroundAlpha = 1;
-  }
-  if (hasBorder) {
-    if (bgProps.borderWidth === void 0 || bgProps.borderWidth === 0) {
-      normalized.borderWidth = 1;
-    }
-    if (bgProps.borderAlpha === void 0 || bgProps.borderAlpha === 0) {
-      normalized.borderAlpha = 1;
-    }
-  }
-  return normalized;
-}
-const viewCreator = (scene, props) => {
-  if (props.backgroundColor !== void 0 || props.cornerRadius !== void 0) {
-    TransformOriginView.DebugLogger.log("theme", "View Creator - Props received:", {
-      backgroundColor: props.backgroundColor,
-      cornerRadius: props.cornerRadius,
-      width: props.width,
-      height: props.height
-    });
-  }
-  const normalizedProps = normalizeBackgroundProps(props);
-  const container = scene.add.container(normalizedProps.x ?? 0, normalizedProps.y ?? 0);
-  createTransform(container, normalizedProps);
-  createPhaser(container, normalizedProps);
-  createBackground(
-    scene,
-    container,
-    normalizedProps
-  );
-  createLayout(container, normalizedProps);
-  if (normalizedProps.onTooltip) {
-    const handlers = applyTooltip(
-      scene,
-      container,
-      normalizedProps.onTooltip,
-      normalizedProps.onHoverStart,
-      normalizedProps.onHoverEnd
-    );
-    normalizedProps.onHoverStart = handlers.onHoverStart;
-    normalizedProps.onHoverEnd = handlers.onHoverEnd;
-  }
-  createGestures(scene, container, normalizedProps);
-  TransformOriginView.DebugLogger.log(
-    "layout",
-    "View creator storing __layoutProps with padding:",
-    normalizedProps.padding
-  );
-  return container;
-};
-const viewPatcher = (node, prev, next) => {
-  const normalizedPrev = normalizeBackgroundProps(prev);
-  const normalizedNext = normalizeBackgroundProps(next);
-  applyTransformProps(node, normalizedPrev, normalizedNext);
-  applyPhaserProps(node, normalizedPrev, normalizedNext);
-  const container = node;
-  applyBackgroundProps(container, normalizedPrev, normalizedNext);
-  if (container.scene && container.scene.data) {
-    if (normalizedNext.onTooltip) {
-      const handlers = applyTooltip(
-        container.scene,
-        container,
-        normalizedNext.onTooltip,
-        normalizedNext.onHoverStart,
-        normalizedNext.onHoverEnd
-      );
-      normalizedNext.onHoverStart = handlers.onHoverStart;
-      normalizedNext.onHoverEnd = handlers.onHoverEnd;
-    }
-  }
-  if (container.scene && container.scene.data) {
-    applyGesturesProps(container.scene, container, normalizedPrev, normalizedNext);
-  }
-  applyLayoutProps(container, normalizedPrev, normalizedNext);
-};
-function Sprite(props) {
-  const localTheme = TransformOriginView.useTheme();
-  const { props: themed, nestedTheme } = TransformOriginView.getThemedProps("Sprite", localTheme, props);
-  return /* @__PURE__ */ jsxRuntime.jsx("sprite", { ...themed, theme: nestedTheme });
-}
-function TileSprite(props) {
-  const localTheme = TransformOriginView.useTheme();
-  const { props: themed, nestedTheme } = TransformOriginView.getThemedProps("TileSprite", localTheme, props);
-  return /* @__PURE__ */ jsxRuntime.jsx("tilesprite", { ...themed, theme: nestedTheme });
-}
-function registerBuiltins() {
-  TransformOriginView.register("view", { create: viewCreator, patch: viewPatcher });
-  TransformOriginView.register("text", { create: textCreator, patch: textPatcher });
-  TransformOriginView.register("nineslice", { create: nineSliceCreator, patch: nineSlicePatcher });
-  TransformOriginView.register("particles", { create: particlesCreator, patch: particlesPatcher });
-  TransformOriginView.register("sprite", { create: spriteCreator, patch: spritePatcher });
-  TransformOriginView.register("image", { create: imageCreator, patch: imagePatcher });
-  TransformOriginView.register("graphics", { create: graphicsCreator, patch: graphicsPatcher });
-  TransformOriginView.register("tilesprite", { create: tileSpriteCreator, patch: tileSpritePatcher });
-  TransformOriginView.register("View", { create: viewCreator, patch: viewPatcher });
-  TransformOriginView.register("Text", { create: textCreator, patch: textPatcher });
-  TransformOriginView.register("NineSlice", { create: nineSliceCreator, patch: nineSlicePatcher });
-  TransformOriginView.register("Particles", { create: particlesCreator, patch: particlesPatcher });
-  TransformOriginView.register("Sprite", { create: spriteCreator, patch: spritePatcher });
-  TransformOriginView.register("Image", { create: imageCreator, patch: imagePatcher });
-  TransformOriginView.register("Graphics", { create: graphicsCreator, patch: graphicsPatcher });
-  TransformOriginView.register("TileSprite", { create: tileSpriteCreator, patch: tileSpritePatcher });
-}
-const createCameraShakeFX = (camera, config) => {
-  const duration = config.duration ?? 250;
-  const intensity = typeof config.intensity === "object" ? new Phaser__namespace.Math.Vector2(config.intensity.x, config.intensity.y) : config.intensity ?? 0.01;
-  camera.shake(duration, intensity, config.force ?? false, config.onComplete);
-};
-const createCameraFlashFX = (camera, config) => {
-  const duration = config.duration ?? 200;
-  const red = config.red ?? 255;
-  const green = config.green ?? 255;
-  const blue = config.blue ?? 255;
-  camera.flash(duration, red, green, blue, config.force ?? false, config.onComplete);
-};
-const createCameraFadeInFX = (camera, config) => {
-  const duration = config.duration ?? 300;
-  const red = config.red ?? 0;
-  const green = config.green ?? 0;
-  const blue = config.blue ?? 0;
-  camera.fadeIn(duration, red, green, blue, config.onComplete);
-};
-const createCameraFadeOutFX = (camera, config) => {
-  const duration = config.duration ?? 300;
-  const red = config.red ?? 0;
-  const green = config.green ?? 0;
-  const blue = config.blue ?? 0;
-  camera.fadeOut(duration, red, green, blue, config.onComplete);
-};
-const createCameraZoomFX = (camera, config) => {
-  const duration = config.duration ?? 250;
-  const targetZoom = config.zoom ?? camera.zoom * 1.1;
-  camera.zoomTo(targetZoom, duration, config.ease, config.force ?? false, config.onComplete);
+var createCameraZoomFX = (camera, config) => {
+	const duration = config.duration ?? 250;
+	const targetZoom = config.zoom ?? camera.zoom * 1.1;
+	camera.zoomTo(targetZoom, duration, config.ease, config.force ?? false, config.onComplete);
 };
 function useCameraFX(cameraRef, options = {}) {
-  const scene = TransformOriginView.useScene();
-  const activeFxRef = TransformOriginView.useRef(/* @__PURE__ */ new Set());
-  const baseZoomRef = TransformOriginView.useRef(null);
-  const getCamera = TransformOriginView.useCallback(() => {
-    return cameraRef?.current ?? scene.cameras.main;
-  }, [cameraRef, scene]);
-  const applyCameraFX = TransformOriginView.useCallback(
-    (fx, config) => {
-      const camera = getCamera();
-      if (!camera) {
-        console.warn("[useCameraFX] No camera available");
-        return;
-      }
-      if (baseZoomRef.current === null) {
-        baseZoomRef.current = camera.zoom;
-      }
-      const cleanup = fx(camera, config);
-      if (typeof cleanup === "function") {
-        activeFxRef.current.add(cleanup);
-      }
-    },
-    [getCamera]
-  );
-  const clearCameraFX = TransformOriginView.useCallback(() => {
-    const camera = getCamera();
-    activeFxRef.current.forEach((cleanup) => cleanup());
-    activeFxRef.current.clear();
-    if (!camera) return;
-    const cameraWithStops = camera;
-    if (typeof cameraWithStops.stopShake === "function") cameraWithStops.stopShake();
-    if (typeof cameraWithStops.stopFlash === "function") cameraWithStops.stopFlash();
-    if (typeof cameraWithStops.stopFade === "function") cameraWithStops.stopFade();
-    if (options.resetZoomOnClear !== false && baseZoomRef.current !== null) {
-      camera.setZoom(baseZoomRef.current);
-    }
-  }, [getCamera, options.resetZoomOnClear]);
-  TransformOriginView.useEffect(() => {
-    return () => clearCameraFX();
-  }, [clearCameraFX]);
-  return { applyCameraFX, clearCameraFX };
+	const scene = require_custom.useScene();
+	const activeFxRef = require_custom.useRef(/* @__PURE__ */ new Set());
+	const baseZoomRef = require_custom.useRef(null);
+	const getCamera = require_custom.useCallback(() => {
+		return cameraRef?.current ?? scene.cameras.main;
+	}, [cameraRef, scene]);
+	const applyCameraFX = require_custom.useCallback((fx, config) => {
+		const camera = getCamera();
+		if (!camera) {
+			console.warn("[useCameraFX] No camera available");
+			return;
+		}
+		if (baseZoomRef.current === null) baseZoomRef.current = camera.zoom;
+		const cleanup = fx(camera, config);
+		if (typeof cleanup === "function") activeFxRef.current.add(cleanup);
+	}, [getCamera]);
+	const clearCameraFX = require_custom.useCallback(() => {
+		const camera = getCamera();
+		activeFxRef.current.forEach((cleanup) => cleanup());
+		activeFxRef.current.clear();
+		if (!camera) return;
+		const cameraWithStops = camera;
+		if (typeof cameraWithStops.stopShake === "function") cameraWithStops.stopShake();
+		if (typeof cameraWithStops.stopFlash === "function") cameraWithStops.stopFlash();
+		if (typeof cameraWithStops.stopFade === "function") cameraWithStops.stopFade();
+		if (options.resetZoomOnClear !== false && baseZoomRef.current !== null) camera.setZoom(baseZoomRef.current);
+	}, [getCamera, options.resetZoomOnClear]);
+	require_custom.useEffect(() => {
+		return () => clearCameraFX();
+	}, [clearCameraFX]);
+	return {
+		applyCameraFX,
+		clearCameraFX
+	};
 }
 function useScreenShake(config = {}, cameraRef) {
-  const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  TransformOriginView.useEffect(() => {
-    applyCameraFX(createCameraShakeFX, config);
-    return () => clearCameraFX();
-  }, [applyCameraFX, clearCameraFX, config]);
-  return { clearCameraFX };
+	const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
+	require_custom.useEffect(() => {
+		applyCameraFX(createCameraShakeFX, config);
+		return () => clearCameraFX();
+	}, [
+		applyCameraFX,
+		clearCameraFX,
+		config
+	]);
+	return { clearCameraFX };
 }
 function useCameraFlash(config = {}, cameraRef) {
-  const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  TransformOriginView.useEffect(() => {
-    applyCameraFX(createCameraFlashFX, config);
-    return () => clearCameraFX();
-  }, [applyCameraFX, clearCameraFX, config]);
-  return { clearCameraFX };
+	const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
+	require_custom.useEffect(() => {
+		applyCameraFX(createCameraFlashFX, config);
+		return () => clearCameraFX();
+	}, [
+		applyCameraFX,
+		clearCameraFX,
+		config
+	]);
+	return { clearCameraFX };
 }
 function useCameraFade(config = {}, cameraRef) {
-  const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  TransformOriginView.useEffect(() => {
-    const fx = config.direction === "in" ? createCameraFadeInFX : createCameraFadeOutFX;
-    applyCameraFX(fx, config);
-    return () => clearCameraFX();
-  }, [applyCameraFX, clearCameraFX, config]);
-  return { clearCameraFX };
+	const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
+	require_custom.useEffect(() => {
+		applyCameraFX(config.direction === "in" ? createCameraFadeInFX : createCameraFadeOutFX, config);
+		return () => clearCameraFX();
+	}, [
+		applyCameraFX,
+		clearCameraFX,
+		config
+	]);
+	return { clearCameraFX };
 }
 function useCameraZoom(config = {}, cameraRef) {
-  const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  TransformOriginView.useEffect(() => {
-    applyCameraFX(createCameraZoomFX, config);
-    return () => clearCameraFX();
-  }, [applyCameraFX, clearCameraFX, config]);
-  return { clearCameraFX };
-}
-const CAMERA_FX_REGISTRY = {
-  shake: createCameraShakeFX,
-  flash: createCameraFlashFX,
-  fadeIn: createCameraFadeInFX,
-  fadeOut: createCameraFadeOutFX,
-  zoom: createCameraZoomFX
+	const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
+	require_custom.useEffect(() => {
+		applyCameraFX(createCameraZoomFX, config);
+		return () => clearCameraFX();
+	}, [
+		applyCameraFX,
+		clearCameraFX,
+		config
+	]);
+	return { clearCameraFX };
+}
+//#endregion
+//#region src/camera/camera-fx-registry.ts
+/**
+* Camera FX registry - string-based lookup with extension support
+*/
+/**
+* Camera FX registry mapping names to FX creators
+*/
+var CAMERA_FX_REGISTRY = {
+	shake: createCameraShakeFX,
+	flash: createCameraFlashFX,
+	fadeIn: createCameraFadeInFX,
+	fadeOut: createCameraFadeOutFX,
+	zoom: createCameraZoomFX
 };
-const DEFAULT_CAMERA_FX = {
-  fx: "shake",
-  fxConfig: { duration: 200, force: false }
+/**
+* Default camera FX definition
+*/
+var DEFAULT_CAMERA_FX = {
+	fx: "shake",
+	fxConfig: {
+		duration: 200,
+		force: false
+	}
 };
+/**
+* Apply a camera FX by name
+*/
 function applyCameraFXByName(applyCameraFX, fxName, fxConfig) {
-  const name = fxName ?? DEFAULT_CAMERA_FX.fx;
-  const config = fxConfig ?? DEFAULT_CAMERA_FX.fxConfig;
-  const fx = CAMERA_FX_REGISTRY[name];
-  if (fx) {
-    applyCameraFX(fx, config);
-    return true;
-  }
-  return false;
-}
+	const name = fxName ?? DEFAULT_CAMERA_FX.fx;
+	const config = fxConfig ?? DEFAULT_CAMERA_FX.fxConfig;
+	const fx = CAMERA_FX_REGISTRY[name];
+	if (fx) {
+		applyCameraFX(fx, config);
+		return true;
+	}
+	return false;
+}
+/**
+* Resolve camera FX definition with priority: props > default
+*/
 function resolveCameraFX(props) {
-  return {
-    fx: props?.fx ?? DEFAULT_CAMERA_FX.fx,
-    fxConfig: props?.fxConfig ?? DEFAULT_CAMERA_FX.fxConfig
-  };
-}
+	return {
+		fx: props?.fx ?? DEFAULT_CAMERA_FX.fx,
+		fxConfig: props?.fxConfig ?? DEFAULT_CAMERA_FX.fxConfig
+	};
+}
+//#endregion
+//#region src/fx/use-fx.ts
+/**
+* Hook for applying Phaser PostFX/PreFX pipeline effects
+* Manages FX lifecycle with proper cleanup
+*/
+/**
+* Hook for applying FX to GameObject
+* @param ref - Ref to GameObject
+* @returns Object with applyFX and clearFX methods
+*
+* @example
+* ```tsx
+* const ref = useRef(null)
+* const { applyFX, clearFX } = useFX(ref)
+*
+* const handleClick = () => {
+*   applyFX(createShadowFX, { offsetX: 4, offsetY: 4, blur: 8 })
+* }
+*
+* return <View ref={ref} onClick={handleClick}>Click me</View>
+* ```
+*/
 function useFX(ref) {
-  const activeEffectsRef = TransformOriginView.useRef(/* @__PURE__ */ new Set());
-  TransformOriginView.useEffect(() => {
-    return () => {
-      activeEffectsRef.current.forEach((cleanup) => {
-        if (typeof cleanup === "function") {
-          cleanup();
-        } else if (cleanup?.destroy) {
-          cleanup.destroy();
-        }
-      });
-      activeEffectsRef.current.clear();
-    };
-  }, []);
-  const applyFX = (fxCreator, config, type = "post") => {
-    const obj = ref.current;
-    if (!obj) {
-      console.warn("[useFX] No object found in ref");
-      return;
-    }
-    const cleanupOrController = fxCreator(obj, config, type);
-    if (cleanupOrController) {
-      activeEffectsRef.current.add(cleanupOrController);
-    }
-  };
-  const clearFX = () => {
-    activeEffectsRef.current.forEach((cleanup) => {
-      if (typeof cleanup === "function") {
-        cleanup();
-      } else if (cleanup?.destroy) {
-        cleanup.destroy();
-      }
-    });
-    activeEffectsRef.current.clear();
-    const obj = ref.current;
-    if (obj && "postFX" in obj && obj.postFX) {
-      obj.postFX.clear();
-    }
-    if (obj && "preFX" in obj && obj.preFX) {
-      obj.preFX.clear();
-    }
-  };
-  return { applyFX, clearFX };
-}
-const createBlurFX = (obj, config, type = "post") => {
-  const { quality = 0, x = 2, y = 2, strength = 1, color = 16777215, steps = 4 } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createBlurFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const blur = pipeline.addBlur(quality, x, y, strength, color, steps);
-  return blur;
+	const activeEffectsRef = require_custom.useRef(/* @__PURE__ */ new Set());
+	require_custom.useEffect(() => {
+		const obj = ref.current;
+		if (obj && typeof obj.enableFilters === "function") obj.enableFilters();
+	}, []);
+	require_custom.useEffect(() => {
+		return () => {
+			activeEffectsRef.current.forEach((cleanup) => {
+				if (typeof cleanup === "function") cleanup();
+				else if (cleanup?.destroy) cleanup.destroy();
+			});
+			activeEffectsRef.current.clear();
+		};
+	}, []);
+	const applyFX = (fxCreator, config, type = "internal") => {
+		const obj = ref.current;
+		if (!obj) {
+			console.warn("[useFX] No object found in ref");
+			return;
+		}
+		const cleanupOrController = fxCreator(obj, config, type);
+		if (cleanupOrController) activeEffectsRef.current.add(cleanupOrController);
+	};
+	const clearFX = () => {
+		activeEffectsRef.current.forEach((cleanup) => {
+			if (typeof cleanup === "function") cleanup();
+			else if (cleanup?.destroy) cleanup.destroy();
+		});
+		activeEffectsRef.current.clear();
+		const obj = ref.current;
+		if (obj?.filters) {
+			obj.filters.internal.clear();
+			obj.filters.external.clear();
+		}
+	};
+	return {
+		applyFX,
+		clearFX
+	};
+}
+//#endregion
+//#region src/fx/fx-creators/blur.ts
+/**
+* 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
+* })
+* ```
+*/
+var createBlurFX = (obj, config, type = "internal") => {
+	const { quality = 0, x = 2, y = 2, strength = 1, color = 16777215, steps = 4 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createBlurFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createBlurFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	return pipeline.addBlur(quality, x, y, strength, color, steps);
 };
-const createColorMatrixFX = (obj, config, type = "post") => {
-  const { effect = "grayscale", amount = 1 } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createColorMatrixFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const colorMatrix = pipeline.addColorMatrix();
-  switch (effect) {
-    case "grayscale":
-      colorMatrix.grayscale(amount);
-      break;
-    case "sepia":
-      colorMatrix.sepia();
-      break;
-    case "negative":
-      colorMatrix.negative();
-      break;
-    case "blackWhite":
-      colorMatrix.blackWhite();
-      break;
-    case "brown":
-      colorMatrix.brown();
-      break;
-    case "kodachrome":
-      colorMatrix.kodachrome();
-      break;
-    case "technicolor":
-      colorMatrix.technicolor();
-      break;
-    case "polaroid":
-      colorMatrix.polaroid();
-      break;
-  }
-  return colorMatrix;
+//#endregion
+//#region src/fx/fx-creators/color-matrix.ts
+/**
+* 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
+* })
+* ```
+*/
+var createColorMatrixFX = (obj, config, type = "internal") => {
+	const { effect = "grayscale", amount = 1 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createColorMatrixFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createColorMatrixFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	const colorMatrixFilter = pipeline.addColorMatrix();
+	const cm = colorMatrixFilter.colorMatrix;
+	switch (effect) {
+		case "grayscale":
+			cm.grayscale(amount);
+			break;
+		case "sepia":
+			cm.sepia();
+			break;
+		case "negative":
+			cm.negative();
+			break;
+		case "blackWhite":
+			cm.blackWhite();
+			break;
+		case "brown":
+			cm.brown();
+			break;
+		case "kodachrome":
+			cm.kodachrome();
+			break;
+		case "technicolor":
+			cm.technicolor();
+			break;
+		case "polaroid":
+			cm.polaroid();
+			break;
+	}
+	return colorMatrixFilter;
 };
-const createGlowFX = (obj, config, type = "post") => {
-  const {
-    color = 16777215,
-    outerStrength = 4,
-    innerStrength = 0,
-    knockout = false,
-    quality = 0.1,
-    distance = 10
-  } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createGlowFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const glow = pipeline.addGlow(color, outerStrength, innerStrength, knockout, quality, distance);
-  return glow;
+//#endregion
+//#region src/fx/fx-creators/glow.ts
+/**
+* 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
+* })
+* ```
+*/
+var createGlowFX = (obj, config, type = "internal") => {
+	const { color = 16777215, outerStrength = 4, innerStrength = 0, knockout = false, quality = .1, distance = 10 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createGlowFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createGlowFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	return pipeline.addGlow(color, outerStrength, innerStrength, 1, knockout, quality, distance);
 };
-const createPixelateFX = (obj, config, type = "post") => {
-  const { amount = 1 } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createPixelateFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const pixelate = pipeline.addPixelate(amount);
-  return pixelate;
+//#endregion
+//#region src/fx/fx-creators/pixelate.ts
+/**
+* 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
+* })
+* ```
+*/
+var createPixelateFX = (obj, config, type = "internal") => {
+	const { amount = 1 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createPixelateFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createPixelateFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	return pipeline.addPixelate(amount);
 };
-const createShadowFX = (obj, config, type = "post") => {
-  const {
-    x = 0,
-    y = 1,
-    decay = 0.05,
-    power = 1,
-    color = 0,
-    samples = 6,
-    intensity = 1
-  } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createShadowFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const shadow = pipeline.addShadow(x, y, decay, power, color, samples, intensity);
-  return shadow;
+//#endregion
+//#region src/fx/fx-creators/shadow.ts
+/**
+* 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
+* })
+* ```
+*/
+var createShadowFX = (obj, config, type = "internal") => {
+	const { x = 0, y = 1, decay = .05, power = 1, color = 0, samples = 6, intensity = 1 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createShadowFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createShadowFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	return pipeline.addShadow(x, y, decay, power, color, samples, intensity);
 };
-const createVignetteFX = (obj, config, type = "post") => {
-  const { strength = 0.5, radius = 0.5, x = 0.5, y = 0.5 } = config;
-  const pipeline = type === "post" ? obj.postFX : obj.preFX;
-  if (!pipeline) {
-    console.warn("[createVignetteFX] FX pipeline not available on this GameObject");
-    return null;
-  }
-  const vignette = pipeline.addVignette(x, y, radius, strength);
-  return vignette;
+//#endregion
+//#region src/fx/fx-creators/vignette.ts
+/**
+* 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
+* })
+* ```
+*/
+var createVignetteFX = (obj, config, type = "internal") => {
+	const { strength = .5, radius = .5, x = .5, y = .5 } = config;
+	obj.enableFilters();
+	const filters = obj.filters;
+	if (!filters) {
+		console.warn("[createVignetteFX] Filters not available on this GameObject");
+		return null;
+	}
+	const pipeline = type === "internal" ? filters.internal : filters.external;
+	if (!pipeline) {
+		console.warn("[createVignetteFX] FX pipeline not available on this GameObject");
+		return null;
+	}
+	return pipeline.addVignette(x, y, radius, strength);
 };
-const FX_REGISTRY = {
-  shadow: createShadowFX,
-  glow: createGlowFX,
-  blur: createBlurFX,
-  pixelate: createPixelateFX,
-  vignette: createVignetteFX,
-  grayscale: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "grayscale" }, type),
-  sepia: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "sepia" }, type),
-  negative: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "negative" }, type),
-  blackWhite: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "blackWhite" }, type),
-  brown: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "brown" }, type),
-  kodachrome: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "kodachrome" }, type),
-  technicolor: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "technicolor" }, type),
-  polaroid: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "polaroid" }, type)
+//#endregion
+//#region src/fx/fx-registry.ts
+/**
+* FX Registry - string-based FX lookup
+* Similar to effect-registry.ts for animation effects
+*/
+/**
+* FX Registry mapping names to creator functions
+*/
+var FX_REGISTRY = {
+	shadow: createShadowFX,
+	glow: createGlowFX,
+	blur: createBlurFX,
+	pixelate: createPixelateFX,
+	vignette: createVignetteFX,
+	grayscale: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "grayscale"
+	}, type),
+	sepia: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "sepia"
+	}, type),
+	negative: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "negative"
+	}, type),
+	blackWhite: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "blackWhite"
+	}, type),
+	brown: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "brown"
+	}, type),
+	kodachrome: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "kodachrome"
+	}, type),
+	technicolor: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "technicolor"
+	}, type),
+	polaroid: (obj, config, type) => createColorMatrixFX(obj, {
+		...config,
+		effect: "polaroid"
+	}, type)
 };
-const DEFAULT_FX = "grayscale";
+/**
+* Default FX (none)
+*/
+var DEFAULT_FX = "grayscale";
+/**
+* Resolve FX by name or function
+* @param fxOrName - FX name string or creator function
+* @returns FX creator function or null
+*/
 function resolveFX(fxOrName) {
-  if (typeof fxOrName === "function") {
-    return fxOrName;
-  }
-  return FX_REGISTRY[fxOrName] ?? null;
-}
+	if (typeof fxOrName === "function") return fxOrName;
+	return FX_REGISTRY[fxOrName] ?? 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 })
+* ```
+*/
 function applyFXByName(applyFXFn, fxName, config = {}) {
-  const creator = resolveFX(fxName);
-  if (creator) {
-    applyFXFn(creator, config);
-  } else {
-    console.warn(`[applyFXByName] FX "${fxName}" not found in registry`);
-  }
-}
+	const creator = resolveFX(fxName);
+	if (creator) applyFXFn(creator, config);
+	else console.warn(`[applyFXByName] FX "${fxName}" not found in registry`);
+}
+//#endregion
+//#region src/fx/convenience-hooks/use-blur.ts
+/**
+* Convenience hook for automatic blur FX
+* Applies blur on mount and updates on config changes
+*/
+/**
+* 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>
+* ```
+*/
 function useBlur(ref, config = {}) {
-  const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
-    if (!ref.current) return;
-    clearFX();
-    applyFX(createBlurFX, config);
-    return () => clearFX();
-  }, [ref, config, applyFX, clearFX]);
-  return { clearFX };
-}
+	const { applyFX, clearFX } = useFX(ref);
+	require_custom.useEffect(() => {
+		if (!ref.current) return;
+		clearFX();
+		applyFX(createBlurFX, config);
+		return () => clearFX();
+	}, [
+		ref,
+		config,
+		applyFX,
+		clearFX
+	]);
+	return { clearFX };
+}
+//#endregion
+//#region src/fx/convenience-hooks/use-glow.ts
+/**
+* Convenience hook for automatic glow FX
+* Applies glow on mount and updates on config changes
+*/
+/**
+* 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>
+* ```
+*/
 function useGlow(ref, config = {}) {
-  const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
-    if (!ref.current) return;
-    clearFX();
-    applyFX(createGlowFX, config);
-    return () => clearFX();
-  }, [ref, config, applyFX, clearFX]);
-  return { clearFX };
-}
+	const { applyFX, clearFX } = useFX(ref);
+	require_custom.useEffect(() => {
+		if (!ref.current) return;
+		clearFX();
+		applyFX(createGlowFX, config);
+		return () => clearFX();
+	}, [
+		ref,
+		config,
+		applyFX,
+		clearFX
+	]);
+	return { clearFX };
+}
+//#endregion
+//#region src/fx/convenience-hooks/use-shadow.ts
+/**
+* Convenience hook for automatic shadow FX
+* Applies shadow on mount and updates on config changes
+*/
+/**
+* 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>
+* ```
+*/
 function useShadow(ref, config = {}) {
-  const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
-    if (!ref.current) return;
-    clearFX();
-    applyFX(createShadowFX, config);
-    return () => clearFX();
-  }, [ref, config, applyFX, clearFX]);
-  return { clearFX };
-}
+	const { applyFX, clearFX } = useFX(ref);
+	require_custom.useEffect(() => {
+		if (!ref.current) return;
+		clearFX();
+		applyFX(createShadowFX, config);
+		return () => clearFX();
+	}, [
+		ref,
+		config,
+		applyFX,
+		clearFX
+	]);
+	return { clearFX };
+}
+//#endregion
+//#region src/memo.ts
+/**
+* Safely sets __memo on a VNode, handling frozen/sealed objects from bundlers
+* @param vnode - VNode to set __memo on
+* @param value - Memoization value
+* @returns Original VNode if extensible, or shallow copy with __memo
+*/
 function setMemoSafe(vnode, value) {
-  if (Object.isExtensible(vnode)) {
-    vnode.__memo = value;
-    return vnode;
-  }
-  return { ...vnode, __memo: value };
-}
+	if (Object.isExtensible(vnode)) {
+		vnode.__memo = value;
+		return vnode;
+	}
+	return {
+		...vnode,
+		__memo: value
+	};
+}
+/**
+* Marks a component to skip memoization (always re-render on prop changes)
+* Use when component has side effects or needs to re-render every time
+*
+* @example
+* ```tsx
+* function AlwaysUpdate({ value }) {
+*   console.log('Rendering with:', value)
+*   return <Text text={value} />
+* }
+*
+* // Disable memoization
+* <AlwaysUpdate value={counter} __memo={false} />
+* ```
+*
+* @param vnode - VNode to mark
+* @returns Same VNode with memoization disabled (may be a copy if frozen)
+*/
 function noMemo(vnode) {
-  return setMemoSafe(vnode, false);
-}
+	return setMemoSafe(vnode, false);
+}
+/**
+* Explicitly enable memoization for a component (default behavior)
+* This is the default - you don't need to call this unless you want to be explicit
+*
+* @param vnode - VNode to mark
+* @returns Same VNode with memoization enabled (may be a copy if frozen)
+*/
 function memo(vnode) {
-  return setMemoSafe(vnode, true);
+	return setMemoSafe(vnode, true);
 }
+//#endregion
+//#region src/particles/use-particles.ts
+/**
+* Hook for imperative particle control
+*/
 function useParticles(ref) {
-  const getManager = TransformOriginView.useCallback(() => ref.current ?? null, [ref]);
-  const getEmitter = TransformOriginView.useCallback(() => {
-    const current = ref.current;
-    if (!current) return null;
-    if (isParticleEmitter(current)) return current;
-    return getFirstEmitter(current);
-  }, [ref]);
-  const start = TransformOriginView.useCallback(() => {
-    const emitter = getEmitter();
-    emitter?.start();
-  }, [getEmitter]);
-  const stop = TransformOriginView.useCallback(() => {
-    const emitter = getEmitter();
-    emitter?.stop();
-  }, [getEmitter]);
-  const explode = TransformOriginView.useCallback(
-    (count, x, y) => {
-      const emitter = getEmitter();
-      emitter?.explode(count, x, y);
-    },
-    [getEmitter]
-  );
-  const setConfig = TransformOriginView.useCallback(
-    (config) => {
-      const emitter = getEmitter();
-      applyEmitterConfig(emitter, config);
-    },
-    [getEmitter]
-  );
-  const setEmitZone = TransformOriginView.useCallback(
-    (zone, width, height) => {
-      const emitter = getEmitter();
-      const emitZone = buildEmitZoneFromLayout(zone, width, height);
-      applyEmitZone(emitter, emitZone);
-    },
-    [getEmitter]
-  );
-  const setExcludeZones = TransformOriginView.useCallback(
-    (zones, width, height) => {
-      const emitter = getEmitter();
-      const deathZones = buildDeathZonesFromLayout(zones, width, height);
-      applyDeathZone(emitter, deathZones);
-    },
-    [getEmitter]
-  );
-  return {
-    getManager,
-    getEmitter,
-    start,
-    stop,
-    explode,
-    setConfig,
-    setEmitZone,
-    setExcludeZones
-  };
-}
-const DEFAULT_LOGO_KEY = "phaser-jsx-logo";
-const DEFAULT_BACKGROUND = {
-  type: "grid",
-  animation: "lemniscate",
-  opacity: 0.15,
-  color: 4890367
+	const getManager = require_custom.useCallback(() => ref.current ?? null, [ref]);
+	const getEmitter = require_custom.useCallback(() => {
+		const current = ref.current;
+		if (!current) return null;
+		if (require_custom.isParticleEmitter(current)) return current;
+		return require_custom.getFirstEmitter(current);
+	}, [ref]);
+	return {
+		getManager,
+		getEmitter,
+		start: require_custom.useCallback(() => {
+			getEmitter()?.start();
+		}, [getEmitter]),
+		stop: require_custom.useCallback(() => {
+			getEmitter()?.stop();
+		}, [getEmitter]),
+		explode: require_custom.useCallback((count, x, y) => {
+			getEmitter()?.explode(count, x, y);
+		}, [getEmitter]),
+		setConfig: require_custom.useCallback((config) => {
+			require_custom.applyEmitterConfig(getEmitter(), config);
+		}, [getEmitter]),
+		setEmitZone: require_custom.useCallback((zone, width, height) => {
+			require_custom.applyEmitZone(getEmitter(), require_custom.buildEmitZoneFromLayout(zone, width, height));
+		}, [getEmitter]),
+		setExcludeZones: require_custom.useCallback((zones, width, height) => {
+			require_custom.applyDeathZone(getEmitter(), require_custom.buildDeathZonesFromLayout(zones, width, height));
+		}, [getEmitter])
+	};
+}
+//#endregion
+//#region src/scene-backgrounds.ts
+var DEFAULT_LOGO_KEY = "phaser-jsx-logo";
+var DEFAULT_BACKGROUND = {
+	type: "grid",
+	animation: "lemniscate",
+	opacity: .15,
+	color: 4890367
 };
 function addSceneBackground(scene, config = DEFAULT_BACKGROUND) {
-  const bgConfig = config ?? DEFAULT_BACKGROUND;
-  if (bgConfig.type === "none") return null;
-  let background;
-  let backgroundTween;
-  const particleTweens = [];
-  let resizeFn;
-  let destroyed = false;
-  const createGridBackground = () => {
-    const graphics = scene.add.graphics();
-    const gridSize = 40;
-    const color = bgConfig.color ?? 4890367;
-    const opacity = bgConfig.opacity ?? 0.15;
-    const drawGrid = (offsetX, offsetY) => {
-      graphics.clear();
-      graphics.lineStyle(1, color, opacity);
-      const width = scene.scale.width;
-      const height = scene.scale.height;
-      for (let x = offsetX % gridSize; x < width; x += gridSize) {
-        graphics.lineBetween(x, 0, x, height);
-      }
-      for (let y = offsetY % gridSize; y < height; y += gridSize) {
-        graphics.lineBetween(0, y, width, y);
-      }
-    };
-    drawGrid(0, 0);
-    graphics.__redrawFn = drawGrid;
-    background = graphics;
-    resizeFn = () => drawGrid(0, 0);
-  };
-  const createLogoBackground = () => {
-    const container = scene.add.container(scene.scale.width / 2, scene.scale.height / 2);
-    const opacity = bgConfig.opacity ?? 0.1;
-    const logoKey = bgConfig.logoKey ?? DEFAULT_LOGO_KEY;
-    const logo = scene.add.image(0, 0, logoKey);
-    logo.setAlpha(opacity);
-    logo.setScale(0.5);
-    container.add(logo);
-    background = container;
-    resizeFn = (width, height) => {
-      container.setPosition(width / 2, height / 2);
-    };
-  };
-  const createGradientBackground = () => {
-    const graphics = scene.add.graphics();
-    const color1 = bgConfig.color ?? 4890367;
-    const color2 = bgConfig.colorSecondary ?? 7031551;
-    const opacity = bgConfig.opacity ?? 0.2;
-    const drawGradient = () => {
-      graphics.clear();
-      graphics.fillGradientStyle(color1, color1, color2, color2, opacity, opacity, opacity, opacity);
-      graphics.fillRect(0, 0, scene.scale.width, scene.scale.height);
-    };
-    drawGradient();
-    background = graphics;
-    resizeFn = drawGradient;
-  };
-  const createParticlesBackground = () => {
-    const container = scene.add.container(0, 0);
-    const particleCount = 20;
-    const color = bgConfig.color ?? 4890367;
-    const opacity = bgConfig.opacity ?? 0.1;
-    const particles = [];
-    for (let i = 0; i < particleCount; i += 1) {
-      const size = Phaser__namespace.Math.Between(2, 6);
-      const x = Phaser__namespace.Math.Between(0, scene.scale.width);
-      const y = Phaser__namespace.Math.Between(0, scene.scale.height);
-      const particle = scene.add.circle(x, y, size, color, opacity);
-      container.add(particle);
-      particles.push(particle);
-      particleTweens.push(
-        scene.tweens.add({
-          targets: particle,
-          y: particle.y + Phaser__namespace.Math.Between(-50, 50),
-          x: particle.x + Phaser__namespace.Math.Between(-50, 50),
-          alpha: opacity * 1.5,
-          duration: Phaser__namespace.Math.Between(2e3, 4e3),
-          yoyo: true,
-          repeat: -1,
-          ease: "Sine.easeInOut"
-        })
-      );
-    }
-    background = container;
-    resizeFn = (width, height) => {
-      for (const particle of particles) {
-        particle.setPosition(Phaser__namespace.Math.Between(0, width), Phaser__namespace.Math.Between(0, height));
-      }
-    };
-  };
-  switch (bgConfig.type) {
-    case "grid":
-      createGridBackground();
-      break;
-    case "logo":
-      createLogoBackground();
-      break;
-    case "gradient":
-      createGradientBackground();
-      break;
-    case "particles":
-      createParticlesBackground();
-      break;
-  }
-  if (!background) return null;
-  if (bgConfig.animation && bgConfig.animation !== "static") {
-    backgroundTween = applyAnimation(scene, background, bgConfig.animation);
-  }
-  const onResize = () => {
-    if (resizeFn) resizeFn(scene.scale.width, scene.scale.height);
-  };
-  const cleanup = () => {
-    if (destroyed) return;
-    destroyed = true;
-    backgroundTween?.stop();
-    for (const tween of particleTweens) {
-      tween.stop();
-    }
-    background?.destroy();
-    background = void 0;
-    scene.scale.off(Phaser__namespace.Scale.Events.RESIZE, onResize);
-    scene.events.off(Phaser__namespace.Scenes.Events.SHUTDOWN, cleanup);
-    scene.events.off(Phaser__namespace.Scenes.Events.DESTROY, cleanup);
-  };
-  scene.scale.on(Phaser__namespace.Scale.Events.RESIZE, onResize);
-  scene.events.once(Phaser__namespace.Scenes.Events.SHUTDOWN, cleanup);
-  scene.events.once(Phaser__namespace.Scenes.Events.DESTROY, cleanup);
-  return {
-    background,
-    destroy: cleanup,
-    resize: (width, height) => {
-      if (resizeFn) resizeFn(width, height);
-    }
-  };
+	const bgConfig = config ?? DEFAULT_BACKGROUND;
+	if (bgConfig.type === "none") return null;
+	let background;
+	let backgroundTween;
+	const particleTweens = [];
+	let resizeFn;
+	let destroyed = false;
+	const createGridBackground = () => {
+		const graphics = scene.add.graphics();
+		const gridSize = 40;
+		const color = bgConfig.color ?? 4890367;
+		const opacity = bgConfig.opacity ?? .15;
+		const drawGrid = (offsetX, offsetY) => {
+			graphics.clear();
+			graphics.lineStyle(1, color, opacity);
+			const width = scene.scale.width;
+			const height = scene.scale.height;
+			for (let x = offsetX % gridSize; x < width; x += gridSize) graphics.lineBetween(x, 0, x, height);
+			for (let y = offsetY % gridSize; y < height; y += gridSize) graphics.lineBetween(0, y, width, y);
+		};
+		drawGrid(0, 0);
+		graphics.__redrawFn = drawGrid;
+		background = graphics;
+		resizeFn = () => drawGrid(0, 0);
+	};
+	const createLogoBackground = () => {
+		const container = scene.add.container(scene.scale.width / 2, scene.scale.height / 2);
+		const opacity = bgConfig.opacity ?? .1;
+		const logoKey = bgConfig.logoKey ?? DEFAULT_LOGO_KEY;
+		const logo = scene.add.image(0, 0, logoKey);
+		logo.setAlpha(opacity);
+		logo.setScale(.5);
+		container.add(logo);
+		background = container;
+		resizeFn = (width, height) => {
+			container.setPosition(width / 2, height / 2);
+		};
+	};
+	const createGradientBackground = () => {
+		const graphics = scene.add.graphics();
+		const color1 = bgConfig.color ?? 4890367;
+		const color2 = bgConfig.colorSecondary ?? 7031551;
+		const opacity = bgConfig.opacity ?? .2;
+		const drawGradient = () => {
+			graphics.clear();
+			graphics.fillGradientStyle(color1, color1, color2, color2, opacity, opacity, opacity, opacity);
+			graphics.fillRect(0, 0, scene.scale.width, scene.scale.height);
+		};
+		drawGradient();
+		background = graphics;
+		resizeFn = drawGradient;
+	};
+	const createParticlesBackground = () => {
+		const container = scene.add.container(0, 0);
+		const particleCount = 20;
+		const color = bgConfig.color ?? 4890367;
+		const opacity = bgConfig.opacity ?? .1;
+		const particles = [];
+		for (let i = 0; i < particleCount; i += 1) {
+			const size = phaser.Math.Between(2, 6);
+			const x = phaser.Math.Between(0, scene.scale.width);
+			const y = phaser.Math.Between(0, scene.scale.height);
+			const particle = scene.add.circle(x, y, size, color, opacity);
+			container.add(particle);
+			particles.push(particle);
+			particleTweens.push(scene.tweens.add({
+				targets: particle,
+				y: particle.y + phaser.Math.Between(-50, 50),
+				x: particle.x + phaser.Math.Between(-50, 50),
+				alpha: opacity * 1.5,
+				duration: phaser.Math.Between(2e3, 4e3),
+				yoyo: true,
+				repeat: -1,
+				ease: "Sine.easeInOut"
+			}));
+		}
+		background = container;
+		resizeFn = (width, height) => {
+			for (const particle of particles) particle.setPosition(phaser.Math.Between(0, width), phaser.Math.Between(0, height));
+		};
+	};
+	switch (bgConfig.type) {
+		case "grid":
+			createGridBackground();
+			break;
+		case "logo":
+			createLogoBackground();
+			break;
+		case "gradient":
+			createGradientBackground();
+			break;
+		case "particles":
+			createParticlesBackground();
+			break;
+	}
+	if (!background) return null;
+	if (bgConfig.animation && bgConfig.animation !== "static") backgroundTween = applyAnimation(scene, background, bgConfig.animation);
+	const onResize = () => {
+		if (resizeFn) resizeFn(scene.scale.width, scene.scale.height);
+	};
+	const cleanup = () => {
+		if (destroyed) return;
+		destroyed = true;
+		backgroundTween?.stop();
+		for (const tween of particleTweens) tween.stop();
+		background?.destroy();
+		background = void 0;
+		scene.scale.off(phaser.Scale.Events.RESIZE, onResize);
+		scene.events.off(phaser.Scenes.Events.SHUTDOWN, cleanup);
+		scene.events.off(phaser.Scenes.Events.DESTROY, cleanup);
+	};
+	scene.scale.on(phaser.Scale.Events.RESIZE, onResize);
+	scene.events.once(phaser.Scenes.Events.SHUTDOWN, cleanup);
+	scene.events.once(phaser.Scenes.Events.DESTROY, cleanup);
+	return {
+		background,
+		destroy: cleanup,
+		resize: (width, height) => {
+			if (resizeFn) resizeFn(width, height);
+		}
+	};
 }
 function applyAnimation(scene, target, animation) {
-  const redrawFn = target.__redrawFn;
-  switch (animation) {
-    case "lemniscate":
-      return redrawFn ? animateLemniscate(scene, redrawFn) : animatePulse(scene, target);
-    case "wave":
-      return redrawFn ? animateWave(scene, redrawFn) : animatePulse(scene, target);
-    case "pulse":
-      return animatePulse(scene, target);
-    case "rotate":
-      return animateRotate(scene, target);
-    case "static":
-    default:
-      return void 0;
-  }
+	const redrawFn = target.__redrawFn;
+	switch (animation) {
+		case "lemniscate": return redrawFn ? animateLemniscate(scene, redrawFn) : animatePulse(scene, target);
+		case "wave": return redrawFn ? animateWave(scene, redrawFn) : animatePulse(scene, target);
+		case "pulse": return animatePulse(scene, target);
+		case "rotate": return animateRotate(scene, target);
+		default: return;
+	}
 }
 function animateLemniscate(scene, drawFn) {
-  const amplitude = 30;
-  const duration = 8e3;
-  return scene.tweens.addCounter({
-    from: 0,
-    to: Math.PI * 2,
-    duration,
-    repeat: -1,
-    onUpdate: (tween) => {
-      const t = tween.getValue();
-      if (t !== null) {
-        const offsetX = amplitude * Math.cos(t);
-        const offsetY = amplitude * Math.sin(2 * t) / 2;
-        drawFn(offsetX, offsetY);
-      }
-    }
-  });
+	const amplitude = 30;
+	return scene.tweens.addCounter({
+		from: 0,
+		to: Math.PI * 2,
+		duration: 8e3,
+		repeat: -1,
+		onUpdate: (tween) => {
+			const t = tween.getValue();
+			if (t !== null) drawFn(amplitude * Math.cos(t), amplitude * Math.sin(2 * t) / 2);
+		}
+	});
 }
 function animateWave(scene, drawFn) {
-  return scene.tweens.addCounter({
-    from: 0,
-    to: 40,
-    duration: 3e3,
-    yoyo: true,
-    repeat: -1,
-    onUpdate: (tween) => {
-      const offset = tween.getValue();
-      if (offset !== null) {
-        drawFn(offset, 0);
-      }
-    }
-  });
+	return scene.tweens.addCounter({
+		from: 0,
+		to: 40,
+		duration: 3e3,
+		yoyo: true,
+		repeat: -1,
+		onUpdate: (tween) => {
+			const offset = tween.getValue();
+			if (offset !== null) drawFn(offset, 0);
+		}
+	});
 }
 function animatePulse(scene, target) {
-  return scene.tweens.add({
-    targets: target,
-    scaleX: 1.1,
-    scaleY: 1.1,
-    duration: 2e3,
-    yoyo: true,
-    repeat: -1,
-    ease: "Sine.easeInOut"
-  });
+	return scene.tweens.add({
+		targets: target,
+		scaleX: 1.1,
+		scaleY: 1.1,
+		duration: 2e3,
+		yoyo: true,
+		repeat: -1,
+		ease: "Sine.easeInOut"
+	});
 }
 function animateRotate(scene, target) {
-  return scene.tweens.add({
-    targets: target,
-    angle: 360,
-    duration: 2e4,
-    repeat: -1,
-    ease: "Linear"
-  });
-}
+	return scene.tweens.add({
+		targets: target,
+		angle: 360,
+		duration: 2e4,
+		repeat: -1,
+		ease: "Linear"
+	});
+}
+//#endregion
+//#region src/plugin.ts
+/**
+* PhaserJSX Plugin for automatic JSX mounting
+* Enables declarative initialization via Phaser game config
+*/
+/**
+* Implementation
+*/
 function createPhaserJSXPlugin(config) {
-  return {
-    key: "PhaserJSX",
-    plugin: PhaserJSXPlugin,
-    start: true,
-    data: config
-  };
-}
-class PhaserJSXPlugin extends Phaser__namespace.Plugins.BasePlugin {
-  config;
-  mountHandle;
-  container;
-  targetScene;
-  /**
-   * Constructor - receives plugin manager and optional mapping
-   */
-  constructor(pluginManager) {
-    super(pluginManager);
-  }
-  /**
-   * Init lifecycle - called first with config data
-   */
-  init(data) {
-    if (data) {
-      this.config = { ...data };
-    }
-  }
-  /**
-   * Start lifecycle - called when plugin should start
-   */
-  start() {
-    this.game.events.on("ready", this.onGameReady, this);
-  }
-  /**
-   * Game ready handler - scene system is now initialized
-   */
-  onGameReady() {
-    const scenes = this.game.scene.scenes;
-    if (scenes.length > 0) {
-      const targetScene = scenes[0];
-      if (!targetScene) return;
-      this.targetScene = targetScene;
-      targetScene.events.once("create", this.onSceneCreate, this);
-      if (targetScene.scene.isActive()) {
-        this.onSceneCreate();
-      }
-    } else {
-      console.warn("[PhaserJSX Plugin] No scenes found to mount JSX");
-    }
-  }
-  /**
-   * Scene create handler - auto-mount JSX
-   */
-  onSceneCreate() {
-    const shouldAutoMount = this.config?.autoMount !== false;
-    if (shouldAutoMount && this.config?.component) {
-      this.mount();
-      if (this.config?.autoResize !== false) {
-        this.setupResizeHandler();
-      }
-    } else {
-      console.warn("[PhaserJSX Plugin] Auto-mount disabled or no component configured");
-    }
-  }
-  /**
-   * Setup resize event handler
-   */
-  setupResizeHandler() {
-    if (!this.targetScene) return;
-    this.targetScene.scale.on("resize", this.onResize, this);
-  }
-  /**
-   * Handle scene resize - update component props
-   */
-  onResize(gameSize) {
-    if (!this.mountHandle || !this.config?.component || !this.container) return;
-    const props = this.config.props || {};
-    const width = props.width ?? gameSize.width;
-    const height = props.height ?? gameSize.height;
-    this.mountHandle = TransformOriginView.mountJSX(this.container, this.config.component, {
-      ...props,
-      width,
-      height
-    });
-  }
-  /**
-   * Configure plugin
-   * Can be called from scene to set up component dynamically
-   */
-  configure(component, props) {
-    const newConfig = {
-      component
-    };
-    if (props !== void 0) {
-      newConfig.props = props;
-    }
-    this.config = {
-      ...this.config,
-      ...newConfig
-    };
-  }
-  /**
-   * Mount JSX component
-   */
-  mount() {
-    if (!this.targetScene) {
-      console.warn("[PhaserJSX Plugin] No scene available for mounting");
-      return;
-    }
-    if (!this.config?.component) {
-      console.warn("[PhaserJSX Plugin] No component configured for mounting");
-      return;
-    }
-    if (!this.container) {
-      const containerConfig = this.config.container || {};
-      this.container = this.targetScene.add.container(
-        containerConfig.x ?? 0,
-        containerConfig.y ?? 0
-      );
-      this.container.setDepth(containerConfig.depth ?? 100);
-    }
-    const props = this.config.props || {};
-    const width = props.width ?? this.targetScene.scale.width;
-    const height = props.height ?? this.targetScene.scale.height;
-    this.mountHandle = TransformOriginView.mountJSX(this.container, this.config.component, {
-      ...props,
-      width,
-      height
-    });
-  }
-  /**
-   * Unmount JSX component
-   */
-  unmount() {
-    if (this.mountHandle) {
-      this.mountHandle.unmount();
-      this.mountHandle = void 0;
-    }
-  }
-  /**
-   * Destroy lifecycle - cleanup
-   */
-  destroy() {
-    this.unmount();
-    if (this.container) {
-      this.container.destroy();
-      this.container = void 0;
-    }
-    this.game.events.off("ready", this.onGameReady, this);
-    if (this.targetScene) {
-      this.targetScene.events.off("create", this.onSceneCreate, this);
-      this.targetScene.scale.off("resize", this.onResize, this);
-    }
-    this.targetScene = void 0;
-    this.config = void 0;
-    super.destroy();
-  }
-}
+	return {
+		key: "PhaserJSX",
+		plugin: PhaserJSXPlugin,
+		start: true,
+		data: config
+	};
+}
+/**
+* PhaserJSX Plugin
+* Provides automatic JSX mounting through Phaser plugin system
+*
+* @example
+* ```typescript
+* // In game config
+* plugins: {
+*   global: [{
+*     key: 'PhaserJSX',
+*     plugin: PhaserJSXPlugin,
+*     start: true,
+*     data: {
+*       component: App,
+*       props: { width: '100%', height: '100%' }
+*     }
+*   }]
+* }
+* ```
+*/
+var PhaserJSXPlugin = class extends phaser.Plugins.BasePlugin {
+	config;
+	mountHandle;
+	container;
+	targetScene;
+	/**
+	* Constructor - receives plugin manager and optional mapping
+	*/
+	constructor(pluginManager) {
+		super(pluginManager);
+	}
+	/**
+	* Init lifecycle - called first with config data
+	*/
+	init(data) {
+		if (data) this.config = { ...data };
+	}
+	/**
+	* Start lifecycle - called when plugin should start
+	*/
+	start() {
+		this.game.events.on("ready", this.onGameReady, this);
+	}
+	/**
+	* Game ready handler - scene system is now initialized
+	*/
+	onGameReady() {
+		const scenes = this.game.scene.scenes;
+		if (scenes.length > 0) {
+			const targetScene = scenes[0];
+			if (!targetScene) return;
+			this.targetScene = targetScene;
+			targetScene.events.once("create", this.onSceneCreate, this);
+			if (targetScene.scene.isActive()) this.onSceneCreate();
+		} else console.warn("[PhaserJSX Plugin] No scenes found to mount JSX");
+	}
+	/**
+	* Scene create handler - auto-mount JSX
+	*/
+	onSceneCreate() {
+		if (this.config?.autoMount !== false && this.config?.component) {
+			this.mount();
+			if (this.config?.autoResize !== false) this.setupResizeHandler();
+		} else console.warn("[PhaserJSX Plugin] Auto-mount disabled or no component configured");
+	}
+	/**
+	* Setup resize event handler
+	*/
+	setupResizeHandler() {
+		if (!this.targetScene) return;
+		this.targetScene.scale.on("resize", this.onResize, this);
+	}
+	/**
+	* Handle scene resize - update component props
+	*/
+	onResize(gameSize) {
+		if (!this.mountHandle || !this.config?.component || !this.container) return;
+		const props = this.config.props || {};
+		const width = props.width ?? gameSize.width;
+		const height = props.height ?? gameSize.height;
+		this.mountHandle = require_custom.mountJSX(this.container, this.config.component, {
+			...props,
+			width,
+			height
+		});
+	}
+	/**
+	* Configure plugin
+	* Can be called from scene to set up component dynamically
+	*/
+	configure(component, props) {
+		const newConfig = { component };
+		if (props !== void 0) newConfig.props = props;
+		this.config = {
+			...this.config,
+			...newConfig
+		};
+	}
+	/**
+	* Mount JSX component
+	*/
+	mount() {
+		if (!this.targetScene) {
+			console.warn("[PhaserJSX Plugin] No scene available for mounting");
+			return;
+		}
+		if (!this.config?.component) {
+			console.warn("[PhaserJSX Plugin] No component configured for mounting");
+			return;
+		}
+		if (!this.container) {
+			const containerConfig = this.config.container || {};
+			this.container = this.targetScene.add.container(containerConfig.x ?? 0, containerConfig.y ?? 0);
+			this.container.setDepth(containerConfig.depth ?? 100);
+		}
+		const props = this.config.props || {};
+		const width = props.width ?? this.targetScene.scale.width;
+		const height = props.height ?? this.targetScene.scale.height;
+		this.mountHandle = require_custom.mountJSX(this.container, this.config.component, {
+			...props,
+			width,
+			height
+		});
+	}
+	/**
+	* Unmount JSX component
+	*/
+	unmount() {
+		if (this.mountHandle) {
+			this.mountHandle.unmount();
+			this.mountHandle = void 0;
+		}
+	}
+	/**
+	* Destroy lifecycle - cleanup
+	*/
+	destroy() {
+		this.unmount();
+		if (this.container) {
+			this.container.destroy();
+			this.container = void 0;
+		}
+		this.game.events.off("ready", this.onGameReady, this);
+		if (this.targetScene) {
+			this.targetScene.events.off("create", this.onSceneCreate, this);
+			this.targetScene.scale.off("resize", this.onResize, this);
+		}
+		this.targetScene = void 0;
+		this.config = void 0;
+		super.destroy();
+	}
+};
+//#endregion
+//#region src/colors/use-color-mode.ts
+/**
+* Color mode management for dynamic theme switching
+*/
+/**
+* Hook to manage color mode (light/dark) dynamically
+* @returns Object with current mode, toggle function, and setter
+* @example
+* ```typescript
+* function ThemeToggle() {
+*   const { colorMode, toggleColorMode } = useColorMode()
+*
+*   return (
+*     <Button onClick={toggleColorMode}>
+*       {colorMode === 'light' ? 'Dark' : 'Light'} Mode
+*     </Button>
+*   )
+* }
+* ```
+*/
 function useColorMode() {
-  const [colorMode, setColorModeState] = TransformOriginView.useState(TransformOriginView.themeRegistry.getColorMode());
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
-      setColorModeState(TransformOriginView.themeRegistry.getColorMode());
-    });
-    return unsubscribe;
-  }, []);
-  const setColorMode2 = (mode) => {
-    TransformOriginView.themeRegistry.setColorMode(mode);
-  };
-  const toggleColorMode = () => {
-    const newMode = colorMode === "light" ? "dark" : "light";
-    setColorMode2(newMode);
-  };
-  return {
-    colorMode,
-    setColorMode: setColorMode2,
-    toggleColorMode
-  };
-}
+	const [colorMode, setColorModeState] = require_custom.useState(require_custom.themeRegistry.getColorMode());
+	require_custom.useEffect(() => {
+		return require_custom.themeRegistry.subscribe(() => {
+			setColorModeState(require_custom.themeRegistry.getColorMode());
+		});
+	}, []);
+	const setColorMode = (mode) => {
+		require_custom.themeRegistry.setColorMode(mode);
+	};
+	const toggleColorMode = () => {
+		setColorMode(colorMode === "light" ? "dark" : "light");
+	};
+	return {
+		colorMode,
+		setColorMode,
+		toggleColorMode
+	};
+}
+//#endregion
+//#region src/colors/use-colors.ts
+/**
+* Color system hooks for component usage
+*/
+/**
+* Hook to access color tokens from theme context
+* Automatically updates when color mode or preset changes
+* @returns Current ColorTokens or undefined
+* @deprecated Use `useThemeTokens()` instead for access to colors, text styles, spacing, and more
+* @example
+* ```typescript
+* // Old way (deprecated):
+* const colors = useColors()
+*
+* // New way:
+* const tokens = useThemeTokens()
+* const colors = tokens?.colors
+*
+* // Access text styles, spacing, etc.:
+* <Text style={tokens.textStyles.DEFAULT} />
+* <View padding={tokens.spacing.lg} />
+* ```
+*/
 function useColors() {
-  const localTheme = TransformOriginView.useTheme();
-  const getInitialColors = () => {
-    if (localTheme?.__colorPreset) {
-      const preset = TransformOriginView.getPresetWithMode(
-        localTheme.__colorPreset.name,
-        localTheme.__colorPreset.mode ?? "light"
-      );
-      return preset.colors;
-    }
-    return TransformOriginView.themeRegistry.getColorTokens();
-  };
-  const [colors, setColors] = TransformOriginView.useState(getInitialColors());
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
-      if (localTheme?.__colorPreset) {
-        const currentMode = TransformOriginView.themeRegistry.getColorMode();
-        const preset = TransformOriginView.getPresetWithMode(
-          localTheme.__colorPreset.name,
-          currentMode
-        );
-        setColors(preset.colors);
-      } else {
-        setColors(TransformOriginView.themeRegistry.getColorTokens());
-      }
-      forceUpdate((n) => n + 1);
-    });
-    return unsubscribe;
-  }, [localTheme]);
-  return colors;
-}
+	const localTheme = require_custom.useTheme();
+	const getInitialColors = () => {
+		if (localTheme?.__colorPreset) return require_custom.getPresetWithMode(localTheme.__colorPreset.name, localTheme.__colorPreset.mode ?? "light").colors;
+		return require_custom.themeRegistry.getColorTokens();
+	};
+	const [colors, setColors] = require_custom.useState(getInitialColors());
+	const [, forceUpdate] = require_custom.useState(0);
+	require_custom.useEffect(() => {
+		return require_custom.themeRegistry.subscribe(() => {
+			if (localTheme?.__colorPreset) {
+				const currentMode = require_custom.themeRegistry.getColorMode();
+				setColors(require_custom.getPresetWithMode(localTheme.__colorPreset.name, currentMode).colors);
+			} else setColors(require_custom.themeRegistry.getColorTokens());
+			forceUpdate((n) => n + 1);
+		});
+	}, [localTheme]);
+	return colors;
+}
+/**
+* Hook to subscribe to theme changes without accessing colors
+* Use this in parent components that don't need colors themselves
+* but want to ensure children re-render when theme changes
+*
+* Note: Since useColors() now triggers re-renders automatically,
+* this hook is mainly useful if you don't need the colors themselves
+* but still want to react to theme changes.
+*
+* @example
+* ```typescript
+* function ParentComponent() {
+*   useThemeSubscription() // Children will re-render on theme changes
+*   return <ChildThatUsesColors />
+* }
+* ```
+*/
 function useThemeSubscription() {
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
-      forceUpdate((n) => n + 1);
-    });
-    return unsubscribe;
-  }, []);
-}
+	const [, forceUpdate] = require_custom.useState(0);
+	require_custom.useEffect(() => {
+		return require_custom.themeRegistry.subscribe(() => {
+			forceUpdate((n) => n + 1);
+		});
+	}, []);
+}
+//#endregion
+//#region src/colors/color-theme-helpers.ts
+/**
+* Convert ColorTokens to a theme-compatible object
+* Maps semantic color names to Phaser number format for View/Button components
+* @param colors - ColorTokens to convert
+* @returns Object with backgroundColor, borderColor, etc.
+* @example
+* ```typescript
+* const colors = getPreset('oceanBlue').colors
+* const buttonTheme = {
+*   ...colorsToTheme(colors, 'primary'),
+*   padding: 8,
+* }
+* // Returns: { backgroundColor: 0x2196f3, borderColor: 0x... }
+* ```
+*/
 function colorsToTheme(colors, colorKey, options = {}) {
-  const { backgroundShade = "DEFAULT", borderShade = "dark", includeBorder = true } = options;
-  const result = {
-    backgroundColor: colors[colorKey][backgroundShade].toNumber()
-  };
-  if (includeBorder) {
-    result.borderColor = colors[colorKey][borderShade].toNumber();
-  }
-  return result;
-}
+	const { backgroundShade = "DEFAULT", borderShade = "dark", includeBorder = true } = options;
+	const result = { backgroundColor: colors[colorKey][backgroundShade].toNumber() };
+	if (includeBorder) result.borderColor = colors[colorKey][borderShade].toNumber();
+	return result;
+}
+/**
+* Get text color from ColorTokens as hex string for Phaser Text style
+* @param colors - ColorTokens to use
+* @param shade - Which text shade to use (default: 'DEFAULT')
+* @param alphaValue - Optional alpha value (0-1)
+* @returns Hex string or rgba string for Text style
+* @example
+* ```typescript
+* const colors = getPreset('oceanBlue').colors
+* const textStyle = {
+*   color: getTextColor(colors),
+*   fontSize: '18px'
+* }
+* ```
+*/
 function getTextColor(colors, shade = "DEFAULT", alphaValue) {
-  const color = colors.text[shade];
-  return alphaValue !== void 0 ? TransformOriginView.alpha(color.toNumber(), alphaValue) : color.toString();
-}
+	const color = colors.text[shade];
+	return alphaValue !== void 0 ? require_custom.alpha(color.toNumber(), alphaValue) : color.toString();
+}
+/**
+* Get background color from ColorTokens
+* @param colors - ColorTokens to use
+* @param shade - Which shade to use (default: 'DEFAULT')
+* @returns Phaser color number
+*/
 function getBackgroundColor(colors, shade = "DEFAULT") {
-  return colors.background[shade].toNumber();
-}
+	return colors.background[shade].toNumber();
+}
+/**
+* Get surface color from ColorTokens
+* @param colors - ColorTokens to use
+* @param shade - Which shade to use (default: 'DEFAULT')
+* @returns Phaser color number
+*/
 function getSurfaceColor(colors, shade = "DEFAULT") {
-  return colors.surface[shade].toNumber();
-}
+	return colors.surface[shade].toNumber();
+}
+/**
+* Get border color from ColorTokens
+* @param colors - ColorTokens to use
+* @param shade - Which shade to use (default: 'DEFAULT')
+* @returns Phaser color number
+*/
 function getBorderColor(colors, shade = "DEFAULT") {
-  return colors.border[shade].toNumber();
-}
+	return colors.border[shade].toNumber();
+}
+//#endregion
+//#region src/colors/preset-manager.ts
+/**
+* Dynamic color preset management
+*/
+/**
+* Set the active color preset globally
+* Applies the preset with the current color mode and updates all components
+* Triggers complete remount of all active mountJSX instances
+* @param presetName - Name of the preset to apply
+* @param colorMode - Optional color mode to apply together with the preset
+* @example
+* ```typescript
+* // Switch to forest green theme
+* setColorPreset('forestGreen')
+*
+* // Apply preset and force dark mode in one go
+* setColorPreset('midnight', 'dark')
+*
+* // Current mode (light/dark) is preserved
+* ```
+*/
 function setColorPreset(presetName, colorMode) {
-  const targetMode = colorMode ?? TransformOriginView.themeRegistry.getColorMode();
-  const preset = TransformOriginView.getPresetWithMode(presetName, targetMode);
-  TransformOriginView.themeRegistry.setColorTokens(preset.colors);
-  TransformOriginView.themeRegistry.setCurrentPresetName(presetName, true);
-  if (colorMode && TransformOriginView.themeRegistry.getColorMode() !== colorMode) {
-    TransformOriginView.themeRegistry.setColorMode(colorMode);
-    return;
-  }
-  setTimeout(() => {
-    TransformOriginView.remountAll();
-  }, 0);
-}
+	const preset = require_custom.getPresetWithMode(presetName, colorMode ?? require_custom.themeRegistry.getColorMode());
+	require_custom.themeRegistry.setColorTokens(preset.colors);
+	require_custom.themeRegistry.setCurrentPresetName(presetName, true);
+	if (colorMode && require_custom.themeRegistry.getColorMode() !== colorMode) {
+		require_custom.themeRegistry.setColorMode(colorMode);
+		return;
+	}
+	setTimeout(() => {
+		require_custom.remountAll();
+	}, 0);
+}
+/**
+* Get the currently active preset name
+* @returns Current preset name or undefined
+*/
 function getCurrentPreset() {
-  return TransformOriginView.themeRegistry.getCurrentPresetName();
+	return require_custom.themeRegistry.getCurrentPresetName();
 }
+/**
+* Set the active color mode globally (without changing the preset)
+* @param mode - Color mode to apply
+*/
 function setColorMode(mode) {
-  TransformOriginView.themeRegistry.setColorMode(mode);
-}
+	require_custom.themeRegistry.setColorMode(mode);
+}
+/**
+* Get all available preset names
+* @returns Array of preset names
+* @example
+* ```typescript
+* const presets = getAvailablePresets() // ['oceanBlue', 'forestGreen', 'midnight']
+* ```
+*/
 function getAvailablePresets() {
-  return ["oceanBlue", "forestGreen", "midnight"];
-}
+	return [
+		"oceanBlue",
+		"forestGreen",
+		"midnight"
+	];
+}
+//#endregion
+//#region src/design-tokens/use-theme-tokens.ts
+/**
+* Hook to access complete design token system
+* Combines colors with text styles, spacing, sizes, and radius tokens
+*/
+/**
+* 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>
+*   )
+* }
+* ```
+*/
 function useThemeTokens() {
-  const localTheme = TransformOriginView.useTheme();
-  const getInitialTokens = () => {
-    if (localTheme?.__colorPreset) {
-      const preset = TransformOriginView.getPresetWithMode(
-        localTheme.__colorPreset.name,
-        localTheme.__colorPreset.mode ?? "light"
-      );
-      return {
-        colors: preset.colors,
-        textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-        spacing: TransformOriginView.defaultSpacingTokens,
-        sizes: TransformOriginView.defaultSizeTokens,
-        radius: TransformOriginView.defaultRadiusTokens
-      };
-    }
-    const colors = TransformOriginView.themeRegistry.getColorTokens();
-    if (!colors) return void 0;
-    return {
-      colors,
-      textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
-      spacing: TransformOriginView.defaultSpacingTokens,
-      sizes: TransformOriginView.defaultSizeTokens,
-      radius: TransformOriginView.defaultRadiusTokens
-    };
-  };
-  const [tokens, setTokens] = TransformOriginView.useState(getInitialTokens());
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
-      if (localTheme?.__colorPreset) {
-        const currentMode = TransformOriginView.themeRegistry.getColorMode();
-        const preset = TransformOriginView.getPresetWithMode(
-          localTheme.__colorPreset.name,
-          currentMode
-        );
-        setTokens({
-          colors: preset.colors,
-          textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-          spacing: TransformOriginView.defaultSpacingTokens,
-          sizes: TransformOriginView.defaultSizeTokens,
-          radius: TransformOriginView.defaultRadiusTokens
-        });
-      } else {
-        const colors = TransformOriginView.themeRegistry.getColorTokens();
-        if (colors) {
-          setTokens({
-            colors,
-            textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
-            spacing: TransformOriginView.defaultSpacingTokens,
-            sizes: TransformOriginView.defaultSizeTokens,
-            radius: TransformOriginView.defaultRadiusTokens
-          });
-        }
-      }
-      forceUpdate((n) => n + 1);
-    });
-    return unsubscribe;
-  }, [localTheme]);
-  return tokens;
-}
-registerBuiltins();
-exports.Accordion = TransformOriginView.Accordion;
-exports.AlertDialog = TransformOriginView.AlertDialog;
-exports.Button = TransformOriginView.Button;
-exports.CharText = TransformOriginView.CharText;
-exports.CharTextInput = TransformOriginView.CharTextInput;
-exports.DEFAULT_EFFECT = TransformOriginView.DEFAULT_EFFECT;
-exports.DEFAULT_SPRING_CONFIG = TransformOriginView.DEFAULT_SPRING_CONFIG;
-exports.DOMInputElement = TransformOriginView.DOMInputElement;
-exports.DebugLogger = TransformOriginView.DebugLogger;
-exports.DevConfig = TransformOriginView.DevConfig;
-exports.DevPresets = TransformOriginView.DevPresets;
-exports.Dialog = TransformOriginView.Dialog;
-exports.Divider = TransformOriginView.Divider;
-exports.Dropdown = TransformOriginView.Dropdown;
-exports.EFFECT_REGISTRY = TransformOriginView.EFFECT_REGISTRY;
-exports.Graphics = TransformOriginView.Graphics;
-exports.HexColor = TransformOriginView.HexColor;
-exports.Icon = TransformOriginView.Icon;
-exports.Image = TransformOriginView.Image;
-exports.Joystick = TransformOriginView.Joystick;
-exports.KeyboardInputManager = TransformOriginView.KeyboardInputManager;
-exports.Modal = TransformOriginView.Modal;
-exports.NineSlice = TransformOriginView.NineSlice;
-exports.NineSliceButton = TransformOriginView.NineSliceButton;
-exports.Particles = TransformOriginView.Particles;
-exports.Portal = TransformOriginView.Portal;
-exports.RadioButton = TransformOriginView.RadioButton;
-exports.RadioGroup = TransformOriginView.RadioGroup;
-exports.RangeSlider = TransformOriginView.RangeSlider;
-exports.RefOriginView = TransformOriginView.RefOriginView;
-exports.SPRING_PRESETS = TransformOriginView.SPRING_PRESETS;
-exports.ScrollSlider = TransformOriginView.ScrollSlider;
-exports.ScrollView = TransformOriginView.ScrollView;
-exports.Sidebar = TransformOriginView.Sidebar;
-exports.Slider = TransformOriginView.Slider;
-exports.SpringPhysics = TransformOriginView.SpringPhysics;
-exports.Tab = TransformOriginView.Tab;
-exports.TabPanel = TransformOriginView.TabPanel;
-exports.Tabs = TransformOriginView.Tabs;
-exports.Text = TransformOriginView.Text;
-exports.Toggle = TransformOriginView.Toggle;
-exports.TransformOriginView = TransformOriginView.TransformOriginView;
-exports.View = TransformOriginView.View;
-exports.WrapText = TransformOriginView.WrapText;
-exports.alpha = TransformOriginView.alpha;
-exports.animatedSignal = TransformOriginView.animatedSignal;
-exports.applyDarkMode = TransformOriginView.applyDarkMode;
-exports.applyEffectByName = TransformOriginView.applyEffectByName;
-exports.applyLightMode = TransformOriginView.applyLightMode;
-exports.calculateSliderSize = TransformOriginView.calculateSliderSize;
-exports.createBounceEffect = TransformOriginView.createBounceEffect;
-exports.createBreatheEffect = TransformOriginView.createBreatheEffect;
-exports.createDefaultTheme = TransformOriginView.createDefaultTheme;
-exports.createElement = TransformOriginView.createElement;
-exports.createFadeEffect = TransformOriginView.createFadeEffect;
-exports.createFlashEffect = TransformOriginView.createFlashEffect;
-exports.createFlipInEffect = TransformOriginView.createFlipInEffect;
-exports.createFlipOutEffect = TransformOriginView.createFlipOutEffect;
-exports.createFloatEffect = TransformOriginView.createFloatEffect;
-exports.createIconComponent = TransformOriginView.createIconComponent;
-exports.createJelloEffect = TransformOriginView.createJelloEffect;
-exports.createNoneEffect = TransformOriginView.createNoneEffect;
-exports.createPressEffect = TransformOriginView.createPressEffect;
-exports.createPulseEffect = TransformOriginView.createPulseEffect;
-exports.createShakeEffect = TransformOriginView.createShakeEffect;
-exports.createSlideInEffect = TransformOriginView.createSlideInEffect;
-exports.createSlideOutEffect = TransformOriginView.createSlideOutEffect;
-exports.createSpinEffect = TransformOriginView.createSpinEffect;
-exports.createSwingEffect = TransformOriginView.createSwingEffect;
-exports.createTadaEffect = TransformOriginView.createTadaEffect;
-exports.createTextStyle = TransformOriginView.createTextStyle;
-exports.createTextStyleTokens = TransformOriginView.createTextStyleTokens;
-exports.createTheme = TransformOriginView.createTheme;
-exports.createWiggleEffect = TransformOriginView.createWiggleEffect;
-exports.createWobbleEffect = TransformOriginView.createWobbleEffect;
-exports.createZoomInEffect = TransformOriginView.createZoomInEffect;
-exports.createZoomOutEffect = TransformOriginView.createZoomOutEffect;
-exports.darken = TransformOriginView.darken;
-exports.darkenHex = TransformOriginView.darkenHex;
-exports.defaultRadiusTokens = TransformOriginView.defaultRadiusTokens;
-exports.defaultSizeTokens = TransformOriginView.defaultSizeTokens;
-exports.defaultSpacingTokens = TransformOriginView.defaultSpacingTokens;
-exports.defaultTextStyleTokens = TransformOriginView.defaultTextStyleTokens;
-exports.defaultTheme = TransformOriginView.defaultTheme;
-exports.disposeCtx = TransformOriginView.disposeCtx;
-exports.ensureContrast = TransformOriginView.ensureContrast;
-exports.forestGreenPreset = TransformOriginView.forestGreenPreset;
-exports.generateColorScale = TransformOriginView.generateColorScale;
-exports.getBackgroundGraphics = TransformOriginView.getBackgroundGraphics;
-exports.getContrastRatio = TransformOriginView.getContrastRatio;
-exports.getCurrent = TransformOriginView.getCurrent;
-exports.getLayoutProps = TransformOriginView.getLayoutProps;
-exports.getLayoutRect = TransformOriginView.getLayoutRect;
-exports.getLayoutSize = TransformOriginView.getLayoutSize;
-exports.getMountStats = TransformOriginView.getMountStats;
-exports.getPreset = TransformOriginView.getPreset;
-exports.getPresetWithMode = TransformOriginView.getPresetWithMode;
-exports.getRenderContext = TransformOriginView.getRenderContext;
-exports.getThemedProps = TransformOriginView.getThemedProps;
-exports.getWorldLayoutRect = TransformOriginView.getWorldLayoutRect;
-exports.hex = TransformOriginView.hex;
-exports.hexToNumber = TransformOriginView.hexToNumber;
-exports.host = TransformOriginView.host;
-exports.isAnimatedSignal = TransformOriginView.isAnimatedSignal;
-exports.lighten = TransformOriginView.lighten;
-exports.lightenHex = TransformOriginView.lightenHex;
-exports.mergeThemes = TransformOriginView.mergeThemes;
-exports.midnightPreset = TransformOriginView.midnightPreset;
-exports.mount = TransformOriginView.mount;
-exports.mountComponent = TransformOriginView.mountJSX;
-exports.mountJSX = TransformOriginView.mountJSX;
-exports.nodeRegistry = TransformOriginView.nodeRegistry;
-exports.normalizeCornerRadius = TransformOriginView.normalizeCornerRadius;
-exports.normalizeEdgeInsets = TransformOriginView.normalizeEdgeInsets;
-exports.normalizeGap = TransformOriginView.normalizeGap;
-exports.normalizeVNodeLike = TransformOriginView.normalizeVNodeLike;
-exports.numberToHex = TransformOriginView.numberToHex;
-exports.numberToRgb = TransformOriginView.numberToRgb;
-exports.oceanBluePreset = TransformOriginView.oceanBluePreset;
-exports.patchVNode = TransformOriginView.patchVNode;
-exports.portalRegistry = TransformOriginView.portalRegistry;
-exports.presets = TransformOriginView.presets;
-exports.register = TransformOriginView.register;
-exports.releaseAllSVGTextures = TransformOriginView.releaseAllSVGTextures;
-exports.releaseSVGTexture = TransformOriginView.releaseSVGTexture;
-exports.releaseSVGTextures = TransformOriginView.releaseSVGTextures;
-exports.remountAll = TransformOriginView.remountAll;
-exports.resolveEffect = TransformOriginView.resolveEffect;
-exports.rgbToHsl = TransformOriginView.rgbToHsl;
-exports.rgbToNumber = TransformOriginView.rgbToNumber;
-exports.shallowEqual = TransformOriginView.shallowEqual;
-exports.shouldComponentUpdate = TransformOriginView.shouldComponentUpdate;
-exports.svgToTexture = TransformOriginView.svgToTexture;
-exports.themeRegistry = TransformOriginView.themeRegistry;
-exports.unmount = TransformOriginView.unmount;
-exports.unmountJSX = TransformOriginView.unmountJSX;
-exports.unwrapSignal = TransformOriginView.unwrapSignal;
-exports.useBackgroundGraphics = TransformOriginView.useBackgroundGraphics;
-exports.useCallback = TransformOriginView.useCallback;
-exports.useEffect = TransformOriginView.useEffect;
-exports.useForceRedraw = TransformOriginView.useForceRedraw;
-exports.useGameObjectEffect = TransformOriginView.useGameObjectEffect;
-exports.useIconPreload = TransformOriginView.useIconPreload;
-exports.useLayoutEffect = TransformOriginView.useLayoutEffect;
-exports.useLayoutRect = TransformOriginView.useLayoutRect;
-exports.useLayoutSize = TransformOriginView.useLayoutSize;
-exports.useMemo = TransformOriginView.useMemo;
-exports.useRedraw = TransformOriginView.useRedraw;
-exports.useRef = TransformOriginView.useRef;
-exports.useSVGTexture = TransformOriginView.useSVGTexture;
-exports.useSVGTextures = TransformOriginView.useSVGTextures;
-exports.useScene = TransformOriginView.useScene;
-exports.useSpring = TransformOriginView.useSpring;
-exports.useSprings = TransformOriginView.useSprings;
-exports.useState = TransformOriginView.useState;
-exports.useTheme = TransformOriginView.useTheme;
-exports.useViewportSize = TransformOriginView.useViewportSize;
-exports.useWorldLayoutRect = TransformOriginView.useWorldLayoutRect;
-exports.viewportRegistry = TransformOriginView.viewportRegistry;
-exports.withHooks = TransformOriginView.withHooks;
-exports.Fragment = jsxRuntime.Fragment;
-exports.jsx = jsxRuntime.jsx;
-exports.jsxs = jsxRuntime.jsxs;
-Object.defineProperty(exports, "computed", {
-  enumerable: true,
-  get: () => signalsCore.computed
-});
+	const localTheme = require_custom.useTheme();
+	const getInitialTokens = () => {
+		if (localTheme?.__colorPreset) {
+			const preset = require_custom.getPresetWithMode(localTheme.__colorPreset.name, localTheme.__colorPreset.mode ?? "light");
+			return {
+				colors: preset.colors,
+				textStyles: require_custom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+				spacing: require_custom.defaultSpacingTokens,
+				sizes: require_custom.defaultSizeTokens,
+				radius: require_custom.defaultRadiusTokens
+			};
+		}
+		const colors = require_custom.themeRegistry.getColorTokens();
+		if (!colors) return void 0;
+		return {
+			colors,
+			textStyles: require_custom.createTextStyleTokens(colors.text.DEFAULT.toString()),
+			spacing: require_custom.defaultSpacingTokens,
+			sizes: require_custom.defaultSizeTokens,
+			radius: require_custom.defaultRadiusTokens
+		};
+	};
+	const [tokens, setTokens] = require_custom.useState(getInitialTokens());
+	const [, forceUpdate] = require_custom.useState(0);
+	require_custom.useEffect(() => {
+		return require_custom.themeRegistry.subscribe(() => {
+			if (localTheme?.__colorPreset) {
+				const currentMode = require_custom.themeRegistry.getColorMode();
+				const preset = require_custom.getPresetWithMode(localTheme.__colorPreset.name, currentMode);
+				setTokens({
+					colors: preset.colors,
+					textStyles: require_custom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+					spacing: require_custom.defaultSpacingTokens,
+					sizes: require_custom.defaultSizeTokens,
+					radius: require_custom.defaultRadiusTokens
+				});
+			} else {
+				const colors = require_custom.themeRegistry.getColorTokens();
+				if (colors) setTokens({
+					colors,
+					textStyles: require_custom.createTextStyleTokens(colors.text.DEFAULT.toString()),
+					spacing: require_custom.defaultSpacingTokens,
+					sizes: require_custom.defaultSizeTokens,
+					radius: require_custom.defaultRadiusTokens
+				});
+			}
+			forceUpdate((n) => n + 1);
+		});
+	}, [localTheme]);
+	return tokens;
+}
+//#endregion
+//#region src/index.ts
+/**
+* PhaserJSX UI Library
+* Provides JSX + hooks + VDOM for Phaser 3 game development
+*/
+require_custom.registerBuiltins();
+//#endregion
+exports.Accordion = require_custom.Accordion;
+exports.AlertDialog = require_custom.AlertDialog;
+exports.Button = require_custom.Button;
 exports.CAMERA_FX_REGISTRY = CAMERA_FX_REGISTRY;
+exports.CharText = require_custom.CharText;
+exports.CharTextInput = require_custom.CharTextInput;
 exports.DEFAULT_BACKGROUND = DEFAULT_BACKGROUND;
 exports.DEFAULT_CAMERA_FX = DEFAULT_CAMERA_FX;
+exports.DEFAULT_EFFECT = require_custom.DEFAULT_EFFECT;
 exports.DEFAULT_FX = DEFAULT_FX;
+exports.DEFAULT_SPRING_CONFIG = require_custom.DEFAULT_SPRING_CONFIG;
+exports.DOMInputElement = require_custom.DOMInputElement;
+exports.DebugLogger = require_custom.DebugLogger;
+exports.DevConfig = require_custom.DevConfig;
+exports.DevPresets = require_custom.DevPresets;
+exports.Dialog = require_custom.Dialog;
+exports.Divider = require_custom.Divider;
+exports.Dropdown = require_custom.Dropdown;
+exports.EFFECT_REGISTRY = require_custom.EFFECT_REGISTRY;
 exports.FX_REGISTRY = FX_REGISTRY;
-exports.PARTICLE_PRESET_REGISTRY = PARTICLE_PRESET_REGISTRY;
+exports.Fragment = require_jsx_runtime.Fragment;
+exports.Graphics = require_custom.Graphics;
+exports.HexColor = require_custom.HexColor;
+exports.Icon = require_custom.Icon;
+exports.Image = require_custom.Image;
+exports.Joystick = require_custom.Joystick;
+exports.KeyboardInputManager = require_custom.KeyboardInputManager;
+exports.Modal = require_custom.Modal;
+exports.NineSlice = require_custom.NineSlice;
+exports.NineSliceButton = require_custom.NineSliceButton;
+exports.PARTICLE_PRESET_REGISTRY = require_custom.PARTICLE_PRESET_REGISTRY;
+exports.Particles = require_custom.Particles;
 exports.PhaserJSXPlugin = PhaserJSXPlugin;
-exports.Sprite = Sprite;
-exports.TileSprite = TileSprite;
+exports.Portal = require_custom.Portal;
+exports.RadioButton = require_custom.RadioButton;
+exports.RadioGroup = require_custom.RadioGroup;
+exports.RangeSlider = require_custom.RangeSlider;
+exports.RefOriginView = require_custom.RefOriginView;
+exports.SPRING_PRESETS = require_custom.SPRING_PRESETS;
+exports.ScrollSlider = require_custom.ScrollSlider;
+exports.ScrollView = require_custom.ScrollView;
+exports.Sidebar = require_custom.Sidebar;
+exports.Slider = require_custom.Slider;
+exports.SpringPhysics = require_custom.SpringPhysics;
+exports.Sprite = require_custom.Sprite;
+exports.Tab = require_custom.Tab;
+exports.TabPanel = require_custom.TabPanel;
+exports.Tabs = require_custom.Tabs;
+exports.Text = require_custom.Text;
+exports.TileSprite = require_custom.TileSprite;
+exports.Toggle = require_custom.Toggle;
+exports.TransformOriginView = require_custom.TransformOriginView;
+exports.View = require_custom.View;
+exports.WrapText = require_custom.WrapText;
 exports.addSceneBackground = addSceneBackground;
+exports.alpha = require_custom.alpha;
+exports.animatedSignal = require_custom.animatedSignal;
 exports.applyCameraFXByName = applyCameraFXByName;
+exports.applyDarkMode = require_custom.applyDarkMode;
+exports.applyEffectByName = require_custom.applyEffectByName;
 exports.applyFXByName = applyFXByName;
-exports.buildDeathZonesFromLayout = buildDeathZonesFromLayout;
-exports.buildEmitZone = buildEmitZone;
-exports.buildEmitZoneFromLayout = buildEmitZoneFromLayout;
+exports.applyLightMode = require_custom.applyLightMode;
+exports.buildDeathZonesFromLayout = require_custom.buildDeathZonesFromLayout;
+exports.buildEmitZone = require_custom.buildEmitZone;
+exports.buildEmitZoneFromLayout = require_custom.buildEmitZoneFromLayout;
+exports.calculateSliderSize = require_custom.calculateSliderSize;
 exports.colorsToTheme = colorsToTheme;
+exports.computed = _preact_signals_core.computed;
 exports.createBlurFX = createBlurFX;
+exports.createBounceEffect = require_custom.createBounceEffect;
+exports.createBreatheEffect = require_custom.createBreatheEffect;
 exports.createCameraFadeInFX = createCameraFadeInFX;
 exports.createCameraFadeOutFX = createCameraFadeOutFX;
 exports.createCameraFlashFX = createCameraFlashFX;
 exports.createCameraShakeFX = createCameraShakeFX;
 exports.createCameraZoomFX = createCameraZoomFX;
 exports.createColorMatrixFX = createColorMatrixFX;
+exports.createDefaultTheme = require_custom.createDefaultTheme;
+exports.createElement = require_custom.createElement;
+exports.createFadeEffect = require_custom.createFadeEffect;
+exports.createFlashEffect = require_custom.createFlashEffect;
+exports.createFlipInEffect = require_custom.createFlipInEffect;
+exports.createFlipOutEffect = require_custom.createFlipOutEffect;
+exports.createFloatEffect = require_custom.createFloatEffect;
 exports.createGlowFX = createGlowFX;
+exports.createIconComponent = require_custom.createIconComponent;
+exports.createJelloEffect = require_custom.createJelloEffect;
+exports.createNoneEffect = require_custom.createNoneEffect;
 exports.createPhaserJSXPlugin = createPhaserJSXPlugin;
 exports.createPixelateFX = createPixelateFX;
+exports.createPressEffect = require_custom.createPressEffect;
+exports.createPulseEffect = require_custom.createPulseEffect;
 exports.createShadowFX = createShadowFX;
+exports.createShakeEffect = require_custom.createShakeEffect;
+exports.createSlideInEffect = require_custom.createSlideInEffect;
+exports.createSlideOutEffect = require_custom.createSlideOutEffect;
+exports.createSpinEffect = require_custom.createSpinEffect;
+exports.createSwingEffect = require_custom.createSwingEffect;
+exports.createTadaEffect = require_custom.createTadaEffect;
+exports.createTextStyle = require_custom.createTextStyle;
+exports.createTextStyleTokens = require_custom.createTextStyleTokens;
+exports.createTheme = require_custom.createTheme;
 exports.createVignetteFX = createVignetteFX;
+exports.createWiggleEffect = require_custom.createWiggleEffect;
+exports.createWobbleEffect = require_custom.createWobbleEffect;
+exports.createZoomInEffect = require_custom.createZoomInEffect;
+exports.createZoomOutEffect = require_custom.createZoomOutEffect;
+exports.darken = require_custom.darken;
+exports.darkenHex = require_custom.darkenHex;
+exports.defaultRadiusTokens = require_custom.defaultRadiusTokens;
+exports.defaultSizeTokens = require_custom.defaultSizeTokens;
+exports.defaultSpacingTokens = require_custom.defaultSpacingTokens;
+exports.defaultTextStyleTokens = require_custom.defaultTextStyleTokens;
+exports.defaultTheme = require_custom.defaultTheme;
+exports.disposeCtx = require_custom.disposeCtx;
+exports.ensureContrast = require_custom.ensureContrast;
+exports.forestGreenPreset = require_custom.forestGreenPreset;
+exports.generateColorScale = require_custom.generateColorScale;
 exports.getAvailablePresets = getAvailablePresets;
 exports.getBackgroundColor = getBackgroundColor;
+exports.getBackgroundGraphics = require_custom.getBackgroundGraphics;
 exports.getBorderColor = getBorderColor;
+exports.getContrastRatio = require_custom.getContrastRatio;
+exports.getCurrent = require_custom.getCurrent;
 exports.getCurrentPreset = getCurrentPreset;
+exports.getLayoutProps = require_custom.getLayoutProps;
+exports.getLayoutRect = require_custom.getLayoutRect;
+exports.getLayoutSize = require_custom.getLayoutSize;
+exports.getMountStats = require_custom.getMountStats;
+exports.getPreset = require_custom.getPreset;
+exports.getPresetWithMode = require_custom.getPresetWithMode;
+exports.getRenderContext = require_custom.getRenderContext;
 exports.getSurfaceColor = getSurfaceColor;
 exports.getTextColor = getTextColor;
-exports.graphicsCreator = graphicsCreator;
-exports.graphicsPatcher = graphicsPatcher;
-exports.imageCreator = imageCreator;
-exports.imagePatcher = imagePatcher;
+exports.getThemedProps = require_custom.getThemedProps;
+exports.getWorldLayoutRect = require_custom.getWorldLayoutRect;
+exports.graphicsCreator = require_custom.graphicsCreator;
+exports.graphicsPatcher = require_custom.graphicsPatcher;
+exports.hex = require_custom.hex;
+exports.hexToNumber = require_custom.hexToNumber;
+exports.host = require_custom.host;
+exports.imageCreator = require_custom.imageCreator;
+exports.imagePatcher = require_custom.imagePatcher;
+exports.isAnimatedSignal = require_custom.isAnimatedSignal;
+exports.jsx = require_jsx_runtime.jsx;
+exports.jsxs = require_jsx_runtime.jsxs;
+exports.lighten = require_custom.lighten;
+exports.lightenHex = require_custom.lightenHex;
 exports.memo = memo;
-exports.nineSliceCreator = nineSliceCreator;
-exports.nineSlicePatcher = nineSlicePatcher;
+exports.mergeThemes = require_custom.mergeThemes;
+exports.midnightPreset = require_custom.midnightPreset;
+exports.mount = require_custom.mount;
+exports.mountComponent = require_custom.mountJSX;
+exports.mountJSX = require_custom.mountJSX;
+exports.nineSliceCreator = require_custom.nineSliceCreator;
+exports.nineSlicePatcher = require_custom.nineSlicePatcher;
 exports.noMemo = noMemo;
-exports.particlesCreator = particlesCreator;
-exports.particlesPatcher = particlesPatcher;
-exports.registerBuiltins = registerBuiltins;
+exports.nodeRegistry = require_custom.nodeRegistry;
+exports.normalizeCornerRadius = require_custom.normalizeCornerRadius;
+exports.normalizeEdgeInsets = require_custom.normalizeEdgeInsets;
+exports.normalizeGap = require_custom.normalizeGap;
+exports.normalizeVNodeLike = require_custom.normalizeVNodeLike;
+exports.numberToHex = require_custom.numberToHex;
+exports.numberToRgb = require_custom.numberToRgb;
+exports.oceanBluePreset = require_custom.oceanBluePreset;
+exports.particlesCreator = require_custom.particlesCreator;
+exports.particlesPatcher = require_custom.particlesPatcher;
+exports.patchVNode = require_custom.patchVNode;
+exports.portalRegistry = require_custom.portalRegistry;
+exports.presets = require_custom.presets;
+exports.register = require_custom.register;
+exports.registerBuiltins = require_custom.registerBuiltins;
+exports.releaseAllSVGTextures = require_custom.releaseAllSVGTextures;
+exports.releaseSVGTexture = require_custom.releaseSVGTexture;
+exports.releaseSVGTextures = require_custom.releaseSVGTextures;
+exports.remountAll = require_custom.remountAll;
 exports.resolveCameraFX = resolveCameraFX;
+exports.resolveEffect = require_custom.resolveEffect;
 exports.resolveFX = resolveFX;
-exports.resolveParticlePreset = resolveParticlePreset;
+exports.resolveParticlePreset = require_custom.resolveParticlePreset;
+exports.rgbToHsl = require_custom.rgbToHsl;
+exports.rgbToNumber = require_custom.rgbToNumber;
 exports.setColorMode = setColorMode;
 exports.setColorPreset = setColorPreset;
-exports.spriteCreator = spriteCreator;
-exports.spritePatcher = spritePatcher;
-exports.textCreator = textCreator;
-exports.textPatcher = textPatcher;
-exports.tileSpriteCreator = tileSpriteCreator;
-exports.tileSpritePatcher = tileSpritePatcher;
+exports.shallowEqual = require_custom.shallowEqual;
+exports.shouldComponentUpdate = require_custom.shouldComponentUpdate;
+exports.spriteCreator = require_custom.spriteCreator;
+exports.spritePatcher = require_custom.spritePatcher;
+exports.svgToTexture = require_custom.svgToTexture;
+exports.textCreator = require_custom.textCreator;
+exports.textPatcher = require_custom.textPatcher;
+exports.themeRegistry = require_custom.themeRegistry;
+exports.tileSpriteCreator = require_custom.tileSpriteCreator;
+exports.tileSpritePatcher = require_custom.tileSpritePatcher;
+exports.unmount = require_custom.unmount;
+exports.unmountJSX = require_custom.unmountJSX;
+exports.unwrapSignal = require_custom.unwrapSignal;
+exports.useBackgroundGraphics = require_custom.useBackgroundGraphics;
 exports.useBlur = useBlur;
+exports.useCallback = require_custom.useCallback;
 exports.useCameraFX = useCameraFX;
 exports.useCameraFade = useCameraFade;
 exports.useCameraFlash = useCameraFlash;
 exports.useCameraZoom = useCameraZoom;
 exports.useColorMode = useColorMode;
 exports.useColors = useColors;
+exports.useEffect = require_custom.useEffect;
 exports.useFX = useFX;
+exports.useForceRedraw = require_custom.useForceRedraw;
+exports.useGameObjectEffect = require_custom.useGameObjectEffect;
 exports.useGlow = useGlow;
+exports.useIconPreload = require_custom.useIconPreload;
+exports.useLayoutEffect = require_custom.useLayoutEffect;
+exports.useLayoutRect = require_custom.useLayoutRect;
+exports.useLayoutSize = require_custom.useLayoutSize;
+exports.useMemo = require_custom.useMemo;
 exports.useParticles = useParticles;
+exports.useRedraw = require_custom.useRedraw;
+exports.useRef = require_custom.useRef;
+exports.useSVGTexture = require_custom.useSVGTexture;
+exports.useSVGTextures = require_custom.useSVGTextures;
+exports.useScene = require_custom.useScene;
 exports.useScreenShake = useScreenShake;
 exports.useShadow = useShadow;
+exports.useSpring = require_custom.useSpring;
+exports.useSprings = require_custom.useSprings;
+exports.useState = require_custom.useState;
+exports.useTheme = require_custom.useTheme;
 exports.useThemeSubscription = useThemeSubscription;
 exports.useThemeTokens = useThemeTokens;
-exports.viewCreator = viewCreator;
-exports.viewPatcher = viewPatcher;
-//# sourceMappingURL=index.cjs.map
+exports.useViewportSize = require_custom.useViewportSize;
+exports.useWorldLayoutRect = require_custom.useWorldLayoutRect;
+exports.viewCreator = require_custom.viewCreator;
+exports.viewPatcher = require_custom.viewPatcher;
+exports.viewportRegistry = require_custom.viewportRegistry;
+exports.withHooks = require_custom.withHooks;
+
+//# sourceMappingURL=index.cjs.map