@number10/phaserjsx 0.4.2 → 0.5.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vdom = require("./TransformOriginView-CrzevUOh.cjs");
-const Phaser$1 = require("phaser");
+const TransformOriginView = require("./TransformOriginView-DyhDBexY.cjs");
+const Phaser = require("phaser");
 const jsxRuntime = require("./jsx-runtime.cjs");
 const signalsCore = require("@preact/signals-core");
 function _interopNamespaceDefault(e) {
@@ -20,7 +20,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser$1);
+const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser);
 function shallowEqual(a, b) {
   if (!a || !b) return a === b;
   if (a.length !== b.length) return false;
@@ -935,7 +935,7 @@ function applyTextProps(node, prev, next) {
     node.setText(next.text);
     needsUpdate = true;
   }
-  if (next.style !== void 0 && !vdom.equal(next.style, prev.style || {})) {
+  if (next.style !== void 0 && !TransformOriginView.equal(next.style, prev.style || {})) {
     try {
       node.setStyle(next.style);
       needsUpdate = true;
@@ -944,9 +944,9 @@ function applyTextProps(node, prev, next) {
     }
   }
   if (next.maxWidth !== prev.maxWidth && next.maxWidth !== void 0) {
-    const viewport = vdom.viewportRegistry.getViewport();
-    const parsedMaxWidth = vdom.parseSize(next.maxWidth);
-    const resolvedMaxWidth = vdom.resolveSize(parsedMaxWidth, viewport?.width, void 0, 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;
   }
@@ -1153,7 +1153,7 @@ function applyGesturesProps(scene, container, prev, next) {
   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 = vdom.getGestureManager(scene);
+  const manager = TransformOriginView.getGestureManager(scene);
   if (!prevEnabled && nextEnabled && hasAnyGesture) {
     const containerWithLayout = container;
     let width = 100;
@@ -1221,9 +1221,9 @@ function updateGestureHitAreaIfNeeded(node) {
   const containerWithLayout = node;
   if (!containerWithLayout.__getLayoutSize) return;
   try {
-    const manager = vdom.getGestureManager(containerWithLayout.scene);
+    const manager = TransformOriginView.getGestureManager(containerWithLayout.scene);
     const size = containerWithLayout.__getLayoutSize();
-    const hitArea = new Phaser.Geom.Rectangle(0, 0, size.width, size.height);
+    const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, size.width, size.height);
     manager.updateHitArea(node, hitArea);
   } catch {
   }
@@ -1250,7 +1250,7 @@ function hasLayoutPropsChanged(prev, next) {
     const oldVal = prev[prop];
     const newVal = next[prop];
     if (DEEP_COMPARE_PROPS.has(prop)) {
-      if (!vdom.equal(oldVal, newVal)) {
+      if (!TransformOriginView.equal(oldVal, newVal)) {
         return true;
       }
     } else {
@@ -1294,7 +1294,7 @@ function applyLayoutProps(node, prev, next) {
   node.__layoutProps = next;
   if (hasLayoutPropsChanged(prev, next)) {
     const { parentSize, parentPadding } = getParentLayoutContext(node);
-    vdom.calculateLayout(node, next, parentSize, parentPadding);
+    TransformOriginView.calculateLayout(node, next, parentSize, parentPadding);
     updateGestureHitAreaIfNeeded(node);
   }
 }
@@ -1333,7 +1333,7 @@ function showTooltip(scene, container, config) {
   if (!state || state.isVisible) return;
   state.isVisible = true;
   state.currentConfig = config;
-  const theme = vdom.themeRegistry.getGlobalTheme();
+  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
   const tooltipTheme = theme.Tooltip || {};
   const position = config.position ?? tooltipTheme.position ?? "top";
   const offset = config.offset ?? tooltipTheme.offset ?? 8;
@@ -1438,7 +1438,7 @@ function hideTooltip(container) {
   if (!state.tooltip) return;
   const tooltip = state.tooltip;
   const scene = tooltip.scene;
-  const theme = vdom.themeRegistry.getGlobalTheme();
+  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
   const tooltipTheme = theme.Tooltip || {};
   const themeAnim = tooltipTheme.animation || {};
   const anim = config?.animation || {};
@@ -1483,7 +1483,7 @@ function applyTooltip(scene, container, nextCallback, existingOnHoverStart, exis
   if (!state) {
     throw new Error("applyTooltip: state not initialized");
   }
-  const theme = vdom.themeRegistry.getGlobalTheme();
+  const theme = TransformOriginView.themeRegistry.getGlobalTheme();
   const tooltipTheme = theme.Tooltip || {};
   const onHoverStart = (data) => {
     if (existingOnHoverStart) existingOnHoverStart(data);
@@ -1567,7 +1567,7 @@ function createGestures(scene, container, props) {
   if (!shouldEnable) {
     return;
   }
-  const manager = vdom.getGestureManager(scene);
+  const manager = TransformOriginView.getGestureManager(scene);
   const containerWithLayout = container;
   let width = 100;
   let height = 100;
@@ -1607,7 +1607,7 @@ function createLayout(container, props) {
     const paddingTop = padding.top ?? 0;
     const paddingRight = padding.right ?? 0;
     const paddingBottom = padding.bottom ?? 0;
-    const gapNormalized = vdom.normalizeGap(props.gap);
+    const gapNormalized = TransformOriginView.normalizeGap(props.gap);
     let maxWidth = 0;
     let maxHeight = 0;
     let totalMainSize = 0;
@@ -1623,7 +1623,7 @@ function createLayout(container, props) {
       const marginBottom = margin.bottom ?? 0;
       const marginLeft = margin.left ?? 0;
       const marginRight = margin.right ?? 0;
-      const childSize = vdom.getChildSize(child);
+      const childSize = TransformOriginView.getChildSize(child);
       if (direction === "row") {
         totalMainSize += marginLeft + childSize.width + marginRight;
         const childTotalHeight = marginTop + childSize.height + marginBottom;
@@ -1640,10 +1640,10 @@ function createLayout(container, props) {
     }
     const defaultWidth = direction === "row" ? totalMainSize + paddingLeft + paddingRight : maxWidth + paddingLeft + paddingRight;
     const defaultHeight = direction === "row" ? maxHeight + paddingTop + paddingBottom : totalMainSize + paddingTop + paddingBottom;
-    const parsedWidth = vdom.parseSize(props.width);
-    const finalWidth = vdom.resolveSize(parsedWidth, void 0, defaultWidth);
-    const parsedHeight = vdom.parseSize(props.height);
-    const finalHeight = vdom.resolveSize(parsedHeight, void 0, defaultHeight);
+    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
@@ -1673,7 +1673,7 @@ function normalizeBackgroundProps(props) {
 }
 const viewCreator = (scene, props) => {
   if (props.backgroundColor !== void 0 || props.cornerRadius !== void 0) {
-    vdom.DebugLogger.log("theme", "View Creator - Props received:", {
+    TransformOriginView.DebugLogger.log("theme", "View Creator - Props received:", {
       backgroundColor: props.backgroundColor,
       cornerRadius: props.cornerRadius,
       width: props.width,
@@ -1702,7 +1702,7 @@ const viewCreator = (scene, props) => {
     normalizedProps.onHoverEnd = handlers.onHoverEnd;
   }
   createGestures(scene, container, normalizedProps);
-  vdom.DebugLogger.log(
+  TransformOriginView.DebugLogger.log(
     "layout",
     "View creator storing __layoutProps with padding:",
     normalizedProps.padding
@@ -1735,32 +1735,32 @@ const viewPatcher = (node, prev, next) => {
   applyLayoutProps(container, normalizedPrev, normalizedNext);
 };
 function Sprite(props) {
-  const localTheme = vdom.useTheme();
-  const { props: themed, nestedTheme } = vdom.getThemedProps("Sprite", localTheme, 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 = vdom.useTheme();
-  const { props: themed, nestedTheme } = vdom.getThemedProps("TileSprite", localTheme, props);
+  const localTheme = TransformOriginView.useTheme();
+  const { props: themed, nestedTheme } = TransformOriginView.getThemedProps("TileSprite", localTheme, props);
   return /* @__PURE__ */ jsxRuntime.jsx("tilesprite", { ...themed, theme: nestedTheme });
 }
 function registerBuiltins() {
-  vdom.register("view", { create: viewCreator, patch: viewPatcher });
-  vdom.register("text", { create: textCreator, patch: textPatcher });
-  vdom.register("nineslice", { create: nineSliceCreator, patch: nineSlicePatcher });
-  vdom.register("particles", { create: particlesCreator, patch: particlesPatcher });
-  vdom.register("sprite", { create: spriteCreator, patch: spritePatcher });
-  vdom.register("image", { create: imageCreator, patch: imagePatcher });
-  vdom.register("graphics", { create: graphicsCreator, patch: graphicsPatcher });
-  vdom.register("tilesprite", { create: tileSpriteCreator, patch: tileSpritePatcher });
-  vdom.register("View", { create: viewCreator, patch: viewPatcher });
-  vdom.register("Text", { create: textCreator, patch: textPatcher });
-  vdom.register("NineSlice", { create: nineSliceCreator, patch: nineSlicePatcher });
-  vdom.register("Particles", { create: particlesCreator, patch: particlesPatcher });
-  vdom.register("Sprite", { create: spriteCreator, patch: spritePatcher });
-  vdom.register("Image", { create: imageCreator, patch: imagePatcher });
-  vdom.register("Graphics", { create: graphicsCreator, patch: graphicsPatcher });
-  vdom.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 });
+  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;
@@ -1794,13 +1794,13 @@ const createCameraZoomFX = (camera, config) => {
   camera.zoomTo(targetZoom, duration, config.ease, config.force ?? false, config.onComplete);
 };
 function useCameraFX(cameraRef, options = {}) {
-  const scene = vdom.useScene();
-  const activeFxRef = vdom.useRef(/* @__PURE__ */ new Set());
-  const baseZoomRef = vdom.useRef(null);
-  const getCamera = vdom.useCallback(() => {
+  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 = vdom.useCallback(
+  const applyCameraFX = TransformOriginView.useCallback(
     (fx, config) => {
       const camera = getCamera();
       if (!camera) {
@@ -1817,7 +1817,7 @@ function useCameraFX(cameraRef, options = {}) {
     },
     [getCamera]
   );
-  const clearCameraFX = vdom.useCallback(() => {
+  const clearCameraFX = TransformOriginView.useCallback(() => {
     const camera = getCamera();
     activeFxRef.current.forEach((cleanup) => cleanup());
     activeFxRef.current.clear();
@@ -1830,14 +1830,14 @@ function useCameraFX(cameraRef, options = {}) {
       camera.setZoom(baseZoomRef.current);
     }
   }, [getCamera, options.resetZoomOnClear]);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     return () => clearCameraFX();
   }, [clearCameraFX]);
   return { applyCameraFX, clearCameraFX };
 }
 function useScreenShake(config = {}, cameraRef) {
   const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     applyCameraFX(createCameraShakeFX, config);
     return () => clearCameraFX();
   }, [applyCameraFX, clearCameraFX, config]);
@@ -1845,7 +1845,7 @@ function useScreenShake(config = {}, cameraRef) {
 }
 function useCameraFlash(config = {}, cameraRef) {
   const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     applyCameraFX(createCameraFlashFX, config);
     return () => clearCameraFX();
   }, [applyCameraFX, clearCameraFX, config]);
@@ -1853,7 +1853,7 @@ function useCameraFlash(config = {}, cameraRef) {
 }
 function useCameraFade(config = {}, cameraRef) {
   const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     const fx = config.direction === "in" ? createCameraFadeInFX : createCameraFadeOutFX;
     applyCameraFX(fx, config);
     return () => clearCameraFX();
@@ -1862,7 +1862,7 @@ function useCameraFade(config = {}, cameraRef) {
 }
 function useCameraZoom(config = {}, cameraRef) {
   const { applyCameraFX, clearCameraFX } = useCameraFX(cameraRef);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     applyCameraFX(createCameraZoomFX, config);
     return () => clearCameraFX();
   }, [applyCameraFX, clearCameraFX, config]);
@@ -1896,8 +1896,8 @@ function resolveCameraFX(props) {
   };
 }
 function useFX(ref) {
-  const activeEffectsRef = vdom.useRef(/* @__PURE__ */ new Set());
-  vdom.useEffect(() => {
+  const activeEffectsRef = TransformOriginView.useRef(/* @__PURE__ */ new Set());
+  TransformOriginView.useEffect(() => {
     return () => {
       activeEffectsRef.current.forEach((cleanup) => {
         if (typeof cleanup === "function") {
@@ -2072,7 +2072,7 @@ function applyFXByName(applyFXFn, fxName, config = {}) {
 }
 function useBlur(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createBlurFX, config);
@@ -2082,7 +2082,7 @@ function useBlur(ref, config = {}) {
 }
 function useGlow(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createGlowFX, config);
@@ -2092,7 +2092,7 @@ function useGlow(ref, config = {}) {
 }
 function useShadow(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  vdom.useEffect(() => {
+  TransformOriginView.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createShadowFX, config);
@@ -2114,36 +2114,36 @@ function memo(vnode) {
   return setMemoSafe(vnode, true);
 }
 function useParticles(ref) {
-  const getManager = vdom.useCallback(() => ref.current ?? null, [ref]);
-  const getEmitter = vdom.useCallback(() => {
+  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 = vdom.useCallback(() => {
+  const start = TransformOriginView.useCallback(() => {
     const emitter = getEmitter();
     emitter?.start();
   }, [getEmitter]);
-  const stop = vdom.useCallback(() => {
+  const stop = TransformOriginView.useCallback(() => {
     const emitter = getEmitter();
     emitter?.stop();
   }, [getEmitter]);
-  const explode = vdom.useCallback(
+  const explode = TransformOriginView.useCallback(
     (count, x, y) => {
       const emitter = getEmitter();
       emitter?.explode(count, x, y);
     },
     [getEmitter]
   );
-  const setConfig = vdom.useCallback(
+  const setConfig = TransformOriginView.useCallback(
     (config) => {
       const emitter = getEmitter();
       applyEmitterConfig(emitter, config);
     },
     [getEmitter]
   );
-  const setEmitZone = vdom.useCallback(
+  const setEmitZone = TransformOriginView.useCallback(
     (zone, width, height) => {
       const emitter = getEmitter();
       const emitZone = buildEmitZoneFromLayout(zone, width, height);
@@ -2151,7 +2151,7 @@ function useParticles(ref) {
     },
     [getEmitter]
   );
-  const setExcludeZones = vdom.useCallback(
+  const setExcludeZones = TransformOriginView.useCallback(
     (zones, width, height) => {
       const emitter = getEmitter();
       const deathZones = buildDeathZonesFromLayout(zones, width, height);
@@ -2170,6 +2170,217 @@ function useParticles(ref) {
     setExcludeZones
   };
 }
+const DEFAULT_LOGO_KEY = "phaser-jsx-logo";
+const DEFAULT_BACKGROUND = {
+  type: "grid",
+  animation: "lemniscate",
+  opacity: 0.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);
+    }
+  };
+}
+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;
+  }
+}
+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);
+      }
+    }
+  });
+}
+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);
+      }
+    }
+  });
+}
+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"
+  });
+}
+function animateRotate(scene, target) {
+  return scene.tweens.add({
+    targets: target,
+    angle: 360,
+    duration: 2e4,
+    repeat: -1,
+    ease: "Linear"
+  });
+}
 function createPhaserJSXPlugin(config) {
   return {
     key: "PhaserJSX",
@@ -2249,7 +2460,7 @@ class PhaserJSXPlugin extends Phaser__namespace.Plugins.BasePlugin {
     const props = this.config.props || {};
     const width = props.width ?? gameSize.width;
     const height = props.height ?? gameSize.height;
-    this.mountHandle = vdom.mountJSX(this.container, this.config.component, {
+    this.mountHandle = TransformOriginView.mountJSX(this.container, this.config.component, {
       ...props,
       width,
       height
@@ -2294,7 +2505,7 @@ class PhaserJSXPlugin extends Phaser__namespace.Plugins.BasePlugin {
     const props = this.config.props || {};
     const width = props.width ?? this.targetScene.scale.width;
     const height = props.height ?? this.targetScene.scale.height;
-    this.mountHandle = vdom.mountJSX(this.container, this.config.component, {
+    this.mountHandle = TransformOriginView.mountJSX(this.container, this.config.component, {
       ...props,
       width,
       height
@@ -2329,15 +2540,15 @@ class PhaserJSXPlugin extends Phaser__namespace.Plugins.BasePlugin {
   }
 }
 function useColorMode() {
-  const [colorMode, setColorModeState] = vdom.useState(vdom.themeRegistry.getColorMode());
-  vdom.useEffect(() => {
-    const unsubscribe = vdom.themeRegistry.subscribe(() => {
-      setColorModeState(vdom.themeRegistry.getColorMode());
+  const [colorMode, setColorModeState] = TransformOriginView.useState(TransformOriginView.themeRegistry.getColorMode());
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+      setColorModeState(TransformOriginView.themeRegistry.getColorMode());
     });
     return unsubscribe;
   }, []);
   const setColorMode2 = (mode) => {
-    vdom.themeRegistry.setColorMode(mode);
+    TransformOriginView.themeRegistry.setColorMode(mode);
   };
   const toggleColorMode = () => {
     const newMode = colorMode === "light" ? "dark" : "light";
@@ -2350,30 +2561,30 @@ function useColorMode() {
   };
 }
 function useColors() {
-  const localTheme = vdom.useTheme();
+  const localTheme = TransformOriginView.useTheme();
   const getInitialColors = () => {
     if (localTheme?.__colorPreset) {
-      const preset = vdom.getPresetWithMode(
+      const preset = TransformOriginView.getPresetWithMode(
         localTheme.__colorPreset.name,
         localTheme.__colorPreset.mode ?? "light"
       );
       return preset.colors;
     }
-    return vdom.themeRegistry.getColorTokens();
+    return TransformOriginView.themeRegistry.getColorTokens();
   };
-  const [colors, setColors] = vdom.useState(getInitialColors());
-  const [, forceUpdate] = vdom.useState(0);
-  vdom.useEffect(() => {
-    const unsubscribe = vdom.themeRegistry.subscribe(() => {
+  const [colors, setColors] = TransformOriginView.useState(getInitialColors());
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
       if (localTheme?.__colorPreset) {
-        const currentMode = vdom.themeRegistry.getColorMode();
-        const preset = vdom.getPresetWithMode(
+        const currentMode = TransformOriginView.themeRegistry.getColorMode();
+        const preset = TransformOriginView.getPresetWithMode(
           localTheme.__colorPreset.name,
           currentMode
         );
         setColors(preset.colors);
       } else {
-        setColors(vdom.themeRegistry.getColorTokens());
+        setColors(TransformOriginView.themeRegistry.getColorTokens());
       }
       forceUpdate((n) => n + 1);
     });
@@ -2382,9 +2593,9 @@ function useColors() {
   return colors;
 }
 function useThemeSubscription() {
-  const [, forceUpdate] = vdom.useState(0);
-  vdom.useEffect(() => {
-    const unsubscribe = vdom.themeRegistry.subscribe(() => {
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
       forceUpdate((n) => n + 1);
     });
     return unsubscribe;
@@ -2402,7 +2613,7 @@ function colorsToTheme(colors, colorKey, options = {}) {
 }
 function getTextColor(colors, shade = "DEFAULT", alphaValue) {
   const color = colors.text[shade];
-  return alphaValue !== void 0 ? vdom.alpha(color.toNumber(), alphaValue) : color.toString();
+  return alphaValue !== void 0 ? TransformOriginView.alpha(color.toNumber(), alphaValue) : color.toString();
 }
 function getBackgroundColor(colors, shade = "DEFAULT") {
   return colors.background[shade].toNumber();
@@ -2414,81 +2625,79 @@ function getBorderColor(colors, shade = "DEFAULT") {
   return colors.border[shade].toNumber();
 }
 function setColorPreset(presetName, colorMode) {
-  const targetMode = colorMode ?? vdom.themeRegistry.getColorMode();
-  const preset = vdom.getPresetWithMode(presetName, targetMode);
-  vdom.themeRegistry.setColorTokens(preset.colors);
-  vdom.themeRegistry.setCurrentPresetName(presetName, true);
-  if (colorMode && vdom.themeRegistry.getColorMode() !== colorMode) {
-    vdom.themeRegistry.setColorMode(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(() => {
-    Promise.resolve().then(() => require("./TransformOriginView-CrzevUOh.cjs")).then((n) => n.vdom).then(({ remountAll }) => {
-      remountAll();
-    });
+    TransformOriginView.remountAll();
   }, 0);
 }
 function getCurrentPreset() {
-  return vdom.themeRegistry.getCurrentPresetName();
+  return TransformOriginView.themeRegistry.getCurrentPresetName();
 }
 function setColorMode(mode) {
-  vdom.themeRegistry.setColorMode(mode);
+  TransformOriginView.themeRegistry.setColorMode(mode);
 }
 function getAvailablePresets() {
   return ["oceanBlue", "forestGreen", "midnight"];
 }
 function useThemeTokens() {
-  const localTheme = vdom.useTheme();
+  const localTheme = TransformOriginView.useTheme();
   const getInitialTokens = () => {
     if (localTheme?.__colorPreset) {
-      const preset = vdom.getPresetWithMode(
+      const preset = TransformOriginView.getPresetWithMode(
         localTheme.__colorPreset.name,
         localTheme.__colorPreset.mode ?? "light"
       );
       return {
         colors: preset.colors,
-        textStyles: vdom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-        spacing: vdom.defaultSpacingTokens,
-        sizes: vdom.defaultSizeTokens,
-        radius: vdom.defaultRadiusTokens
+        textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+        spacing: TransformOriginView.defaultSpacingTokens,
+        sizes: TransformOriginView.defaultSizeTokens,
+        radius: TransformOriginView.defaultRadiusTokens
       };
     }
-    const colors = vdom.themeRegistry.getColorTokens();
+    const colors = TransformOriginView.themeRegistry.getColorTokens();
     if (!colors) return void 0;
     return {
       colors,
-      textStyles: vdom.createTextStyleTokens(colors.text.DEFAULT.toString()),
-      spacing: vdom.defaultSpacingTokens,
-      sizes: vdom.defaultSizeTokens,
-      radius: vdom.defaultRadiusTokens
+      textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
+      spacing: TransformOriginView.defaultSpacingTokens,
+      sizes: TransformOriginView.defaultSizeTokens,
+      radius: TransformOriginView.defaultRadiusTokens
     };
   };
-  const [tokens, setTokens] = vdom.useState(getInitialTokens());
-  const [, forceUpdate] = vdom.useState(0);
-  vdom.useEffect(() => {
-    const unsubscribe = vdom.themeRegistry.subscribe(() => {
+  const [tokens, setTokens] = TransformOriginView.useState(getInitialTokens());
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
       if (localTheme?.__colorPreset) {
-        const currentMode = vdom.themeRegistry.getColorMode();
-        const preset = vdom.getPresetWithMode(
+        const currentMode = TransformOriginView.themeRegistry.getColorMode();
+        const preset = TransformOriginView.getPresetWithMode(
           localTheme.__colorPreset.name,
           currentMode
         );
         setTokens({
           colors: preset.colors,
-          textStyles: vdom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-          spacing: vdom.defaultSpacingTokens,
-          sizes: vdom.defaultSizeTokens,
-          radius: vdom.defaultRadiusTokens
+          textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+          spacing: TransformOriginView.defaultSpacingTokens,
+          sizes: TransformOriginView.defaultSizeTokens,
+          radius: TransformOriginView.defaultRadiusTokens
         });
       } else {
-        const colors = vdom.themeRegistry.getColorTokens();
+        const colors = TransformOriginView.themeRegistry.getColorTokens();
         if (colors) {
           setTokens({
             colors,
-            textStyles: vdom.createTextStyleTokens(colors.text.DEFAULT.toString()),
-            spacing: vdom.defaultSpacingTokens,
-            sizes: vdom.defaultSizeTokens,
-            radius: vdom.defaultRadiusTokens
+            textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
+            spacing: TransformOriginView.defaultSpacingTokens,
+            sizes: TransformOriginView.defaultSizeTokens,
+            radius: TransformOriginView.defaultRadiusTokens
           });
         }
       }
@@ -2499,165 +2708,165 @@ function useThemeTokens() {
   return tokens;
 }
 registerBuiltins();
-exports.Accordion = vdom.Accordion;
-exports.AlertDialog = vdom.AlertDialog;
-exports.Button = vdom.Button;
-exports.CharText = vdom.CharText;
-exports.CharTextInput = vdom.CharTextInput;
-exports.DEFAULT_EFFECT = vdom.DEFAULT_EFFECT;
-exports.DEFAULT_SPRING_CONFIG = vdom.DEFAULT_SPRING_CONFIG;
-exports.DOMInputElement = vdom.DOMInputElement;
-exports.DebugLogger = vdom.DebugLogger;
-exports.DevConfig = vdom.DevConfig;
-exports.DevPresets = vdom.DevPresets;
-exports.Dialog = vdom.Dialog;
-exports.Divider = vdom.Divider;
-exports.Dropdown = vdom.Dropdown;
-exports.EFFECT_REGISTRY = vdom.EFFECT_REGISTRY;
-exports.Graphics = vdom.Graphics;
-exports.HexColor = vdom.HexColor;
-exports.Icon = vdom.Icon;
-exports.Image = vdom.Image;
-exports.Joystick = vdom.Joystick;
-exports.KeyboardInputManager = vdom.KeyboardInputManager;
-exports.Modal = vdom.Modal;
-exports.NineSlice = vdom.NineSlice;
-exports.NineSliceButton = vdom.NineSliceButton;
-exports.Particles = vdom.Particles;
-exports.Portal = vdom.Portal;
-exports.RadioButton = vdom.RadioButton;
-exports.RadioGroup = vdom.RadioGroup;
-exports.RangeSlider = vdom.RangeSlider;
-exports.RefOriginView = vdom.RefOriginView;
-exports.SPRING_PRESETS = vdom.SPRING_PRESETS;
-exports.ScrollSlider = vdom.ScrollSlider;
-exports.ScrollView = vdom.ScrollView;
-exports.Sidebar = vdom.Sidebar;
-exports.Slider = vdom.Slider;
-exports.SpringPhysics = vdom.SpringPhysics;
-exports.Tab = vdom.Tab;
-exports.TabPanel = vdom.TabPanel;
-exports.Tabs = vdom.Tabs;
-exports.Text = vdom.Text;
-exports.Toggle = vdom.Toggle;
-exports.TransformOriginView = vdom.TransformOriginView;
-exports.View = vdom.View;
-exports.WrapText = vdom.WrapText;
-exports.alpha = vdom.alpha;
-exports.animatedSignal = vdom.animatedSignal;
-exports.applyDarkMode = vdom.applyDarkMode;
-exports.applyEffectByName = vdom.applyEffectByName;
-exports.applyLightMode = vdom.applyLightMode;
-exports.calculateSliderSize = vdom.calculateSliderSize;
-exports.createBounceEffect = vdom.createBounceEffect;
-exports.createBreatheEffect = vdom.createBreatheEffect;
-exports.createDefaultTheme = vdom.createDefaultTheme;
-exports.createElement = vdom.createElement;
-exports.createFadeEffect = vdom.createFadeEffect;
-exports.createFlashEffect = vdom.createFlashEffect;
-exports.createFlipInEffect = vdom.createFlipInEffect;
-exports.createFlipOutEffect = vdom.createFlipOutEffect;
-exports.createFloatEffect = vdom.createFloatEffect;
-exports.createIconComponent = vdom.createIconComponent;
-exports.createJelloEffect = vdom.createJelloEffect;
-exports.createNoneEffect = vdom.createNoneEffect;
-exports.createPressEffect = vdom.createPressEffect;
-exports.createPulseEffect = vdom.createPulseEffect;
-exports.createShakeEffect = vdom.createShakeEffect;
-exports.createSlideInEffect = vdom.createSlideInEffect;
-exports.createSlideOutEffect = vdom.createSlideOutEffect;
-exports.createSpinEffect = vdom.createSpinEffect;
-exports.createSwingEffect = vdom.createSwingEffect;
-exports.createTadaEffect = vdom.createTadaEffect;
-exports.createTextStyle = vdom.createTextStyle;
-exports.createTextStyleTokens = vdom.createTextStyleTokens;
-exports.createTheme = vdom.createTheme;
-exports.createWiggleEffect = vdom.createWiggleEffect;
-exports.createWobbleEffect = vdom.createWobbleEffect;
-exports.createZoomInEffect = vdom.createZoomInEffect;
-exports.createZoomOutEffect = vdom.createZoomOutEffect;
-exports.darken = vdom.darken;
-exports.darkenHex = vdom.darkenHex;
-exports.defaultRadiusTokens = vdom.defaultRadiusTokens;
-exports.defaultSizeTokens = vdom.defaultSizeTokens;
-exports.defaultSpacingTokens = vdom.defaultSpacingTokens;
-exports.defaultTextStyleTokens = vdom.defaultTextStyleTokens;
-exports.defaultTheme = vdom.defaultTheme;
-exports.disposeCtx = vdom.disposeCtx;
-exports.ensureContrast = vdom.ensureContrast;
-exports.forestGreenPreset = vdom.forestGreenPreset;
-exports.generateColorScale = vdom.generateColorScale;
-exports.getBackgroundGraphics = vdom.getBackgroundGraphics;
-exports.getContrastRatio = vdom.getContrastRatio;
-exports.getCurrent = vdom.getCurrent;
-exports.getLayoutProps = vdom.getLayoutProps;
-exports.getLayoutRect = vdom.getLayoutRect;
-exports.getLayoutSize = vdom.getLayoutSize;
-exports.getMountStats = vdom.getMountStats;
-exports.getPreset = vdom.getPreset;
-exports.getPresetWithMode = vdom.getPresetWithMode;
-exports.getRenderContext = vdom.getRenderContext;
-exports.getThemedProps = vdom.getThemedProps;
-exports.getWorldLayoutRect = vdom.getWorldLayoutRect;
-exports.hex = vdom.hex;
-exports.hexToNumber = vdom.hexToNumber;
-exports.host = vdom.host;
-exports.isAnimatedSignal = vdom.isAnimatedSignal;
-exports.lighten = vdom.lighten;
-exports.lightenHex = vdom.lightenHex;
-exports.mergeThemes = vdom.mergeThemes;
-exports.midnightPreset = vdom.midnightPreset;
-exports.mount = vdom.mount;
-exports.mountComponent = vdom.mountJSX;
-exports.mountJSX = vdom.mountJSX;
-exports.nodeRegistry = vdom.nodeRegistry;
-exports.normalizeCornerRadius = vdom.normalizeCornerRadius;
-exports.normalizeEdgeInsets = vdom.normalizeEdgeInsets;
-exports.normalizeGap = vdom.normalizeGap;
-exports.normalizeVNodeLike = vdom.normalizeVNodeLike;
-exports.numberToHex = vdom.numberToHex;
-exports.numberToRgb = vdom.numberToRgb;
-exports.oceanBluePreset = vdom.oceanBluePreset;
-exports.patchVNode = vdom.patchVNode;
-exports.portalRegistry = vdom.portalRegistry;
-exports.presets = vdom.presets;
-exports.register = vdom.register;
-exports.releaseAllSVGTextures = vdom.releaseAllSVGTextures;
-exports.releaseSVGTexture = vdom.releaseSVGTexture;
-exports.releaseSVGTextures = vdom.releaseSVGTextures;
-exports.remountAll = vdom.remountAll;
-exports.resolveEffect = vdom.resolveEffect;
-exports.rgbToNumber = vdom.rgbToNumber;
-exports.shallowEqual = vdom.shallowEqual;
-exports.shouldComponentUpdate = vdom.shouldComponentUpdate;
-exports.svgToTexture = vdom.svgToTexture;
-exports.themeRegistry = vdom.themeRegistry;
-exports.unmount = vdom.unmount;
-exports.unmountJSX = vdom.unmountJSX;
-exports.unwrapSignal = vdom.unwrapSignal;
-exports.useBackgroundGraphics = vdom.useBackgroundGraphics;
-exports.useCallback = vdom.useCallback;
-exports.useEffect = vdom.useEffect;
-exports.useForceRedraw = vdom.useForceRedraw;
-exports.useGameObjectEffect = vdom.useGameObjectEffect;
-exports.useIconPreload = vdom.useIconPreload;
-exports.useLayoutEffect = vdom.useLayoutEffect;
-exports.useLayoutRect = vdom.useLayoutRect;
-exports.useLayoutSize = vdom.useLayoutSize;
-exports.useMemo = vdom.useMemo;
-exports.useRedraw = vdom.useRedraw;
-exports.useRef = vdom.useRef;
-exports.useSVGTexture = vdom.useSVGTexture;
-exports.useSVGTextures = vdom.useSVGTextures;
-exports.useScene = vdom.useScene;
-exports.useSpring = vdom.useSpring;
-exports.useSprings = vdom.useSprings;
-exports.useState = vdom.useState;
-exports.useTheme = vdom.useTheme;
-exports.useViewportSize = vdom.useViewportSize;
-exports.useWorldLayoutRect = vdom.useWorldLayoutRect;
-exports.viewportRegistry = vdom.viewportRegistry;
-exports.withHooks = vdom.withHooks;
+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.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;
@@ -2666,6 +2875,7 @@ Object.defineProperty(exports, "computed", {
   get: () => signalsCore.computed
 });
 exports.CAMERA_FX_REGISTRY = CAMERA_FX_REGISTRY;
+exports.DEFAULT_BACKGROUND = DEFAULT_BACKGROUND;
 exports.DEFAULT_CAMERA_FX = DEFAULT_CAMERA_FX;
 exports.DEFAULT_FX = DEFAULT_FX;
 exports.FX_REGISTRY = FX_REGISTRY;
@@ -2673,6 +2883,7 @@ exports.PARTICLE_PRESET_REGISTRY = PARTICLE_PRESET_REGISTRY;
 exports.PhaserJSXPlugin = PhaserJSXPlugin;
 exports.Sprite = Sprite;
 exports.TileSprite = TileSprite;
+exports.addSceneBackground = addSceneBackground;
 exports.applyCameraFXByName = applyCameraFXByName;
 exports.applyFXByName = applyFXByName;
 exports.buildDeathZonesFromLayout = buildDeathZonesFromLayout;