@number10/phaserjsx 0.4.2 → 0.5.0

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './theme';
 export * from './types';
 export * from './vdom';
 export * from './particles';
+export * from './scene-backgrounds';
 export { normalizeCornerRadius, normalizeEdgeInsets, normalizeGap, type CornerRadiusInsets, type EdgeInsets, type GapInsets, } from './core-props';
 export type { Display, FlexBasisValue, FocusEventData, GestureEventData, GestureProps, InputEventData, KeyboardEventData, SizeValue, TouchMoveState, } from './core-props';
 export { DOMInputElement, type DOMInputConfig } from './utils/dom-input-manager';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,aAAa,CAAA;AAKpB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAG3B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,SAAS,GACf,MAAM,cAAc,CAAA;AAGrB,YAAY,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,GACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,oBAAoB,EAAE,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAGpG,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAA;AAGjB,OAAO,EACL,aAAa,EACb,QAAQ,IAAI,cAAc,EAC1B,KAAK,mBAAmB,EACxB,KAAK,UAAU,GAChB,MAAM,QAAQ,CAAA;AAGf,cAAc,cAAc,CAAA;AAG5B,cAAc,qBAAqB,CAAA;AAGnC,cAAc,UAAU,CAAA;AAGxB,cAAc,aAAa,CAAA;AAG3B,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,cAAc,UAAU,CAAA;AAGxB,cAAc,iBAAiB,CAAA;AAG/B,YAAY,EACV,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGxE,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEvE;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,aAAa,CAAA;AAKpB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AAGnC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,SAAS,GACf,MAAM,cAAc,CAAA;AAGrB,YAAY,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,GACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,oBAAoB,EAAE,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAGpG,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAA;AAGjB,OAAO,EACL,aAAa,EACb,QAAQ,IAAI,cAAc,EAC1B,KAAK,mBAAmB,EACxB,KAAK,UAAU,GAChB,MAAM,QAAQ,CAAA;AAGf,cAAc,cAAc,CAAA;AAG5B,cAAc,qBAAqB,CAAA;AAGnC,cAAc,UAAU,CAAA;AAGxB,cAAc,aAAa,CAAA;AAG3B,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,cAAc,UAAU,CAAA;AAGxB,cAAc,iBAAiB,CAAA;AAG/B,YAAY,EACV,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGxE,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEvE;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -1,6 +1,6 @@
-import { t as equal, v as viewportRegistry, w as parseSize, x as resolveSize, y as getGestureManager, z as calculateLayout, E as themeRegistry, F as normalizeGap, G as getChildSize, H as DebugLogger, K as useTheme, L as getThemedProps, O as register, Q as useEffect, U as useScene, V as useRef, X as useCallback, Y as mountJSX, Z as useState, _ as getPresetWithMode, $ as alpha, a0 as defaultRadiusTokens, a1 as defaultSizeTokens, a2 as defaultSpacingTokens, a3 as createTextStyleTokens } from "./TransformOriginView-TeXhLqNs.js";
-import { A, a, B, C, b, ae, bj, a6, aa, ab, D, c, d, af, bc, bo, I, f, J, a7, M, N, g, P, h, R, i, n, j, bk, S, l, m, o, bl, T, p, q, bd, r, s, be, W, bg, bB, ag, bC, k, ai, aj, b1, b7, ak, al, am, an, ao, e, ap, aq, ar, as, at, au, av, aw, ax, ay, by, b4, az, aA, aB, aC, bt, bu, bJ, b2, aV, bz, bD, bE, aL, bA, aD, aK, aN, aI, a8, bF, a9, aP, bv, bp, b0, bh, bw, bx, b3, bG, b8, a$, a4, a5, b6, bq, br, bH, ba, bf, bI, aY, aW, aX, b5, ah, bs, aS, aT, ac, b9, bb, bi, aM, aF, ad, u, aR, aO, aJ, aG, aU, aZ, a_, bm, bn, aH, aQ, aE } from "./TransformOriginView-TeXhLqNs.js";
-import * as Phaser$1 from "phaser";
+import { t as equal, v as viewportRegistry, w as parseSize, x as resolveSize, y as getGestureManager, z as calculateLayout, E as themeRegistry, F as normalizeGap, G as getChildSize, H as DebugLogger, K as useTheme, L as getThemedProps, O as register, Q as useEffect, U as useScene, V as useRef, X as useCallback, Y as mountJSX, Z as useState, _ as getPresetWithMode, $ as alpha, a0 as remountAll, a1 as defaultRadiusTokens, a2 as defaultSizeTokens, a3 as defaultSpacingTokens, a4 as createTextStyleTokens } from "./TransformOriginView-Y2LMZNcF.js";
+import { A, a, B, C, b, af, bj, a7, ab, ac, D, c, d, ag, bc, bo, I, f, J, a8, M, N, g, P, h, R, i, n, j, bk, S, l, m, o, bl, T, p, q, bd, r, s, be, W, bg, bB, ah, bC, k, aj, ak, b2, b7, al, am, an, ao, ap, e, aq, ar, as, at, au, av, aw, ax, ay, az, by, b5, aA, aB, aC, aD, bt, bu, bJ, b3, aW, bz, bD, bE, aM, bA, aE, aL, aO, aJ, a9, bF, aa, aQ, bv, bp, b1, bh, bw, bx, b4, bG, b8, b0, a5, a6, b6, bq, br, bH, ba, bf, bI, aZ, aX, aY, ai, bs, aT, aU, ad, b9, bb, bi, aN, aG, ae, u, aS, aP, aK, aH, aV, a_, a$, bm, bn, aI, aR, aF } from "./TransformOriginView-Y2LMZNcF.js";
+import * as Phaser from "phaser";
 import { jsx } from "./jsx-runtime.js";
 import { Fragment, jsxs } from "./jsx-runtime.js";
 import { computed } from "@preact/signals-core";
@@ -426,13 +426,13 @@ function buildZoneSource(zone, fallbackSize) {
   const { width, height } = resolveZoneSize(zone, fallbackSize);
   switch (zone.shape) {
     case "rect":
-      return new Phaser$1.Geom.Rectangle(baseX, baseY, width ?? 1, height ?? 1);
+      return new Phaser.Geom.Rectangle(baseX, baseY, width ?? 1, height ?? 1);
     case "circle":
-      return new Phaser$1.Geom.Circle(baseX, baseY, zone.radius ?? 1);
+      return new Phaser.Geom.Circle(baseX, baseY, zone.radius ?? 1);
     case "ellipse":
-      return new Phaser$1.Geom.Ellipse(baseX, baseY, width ?? 1, height ?? 1);
+      return new Phaser.Geom.Ellipse(baseX, baseY, width ?? 1, height ?? 1);
     case "line":
-      return new Phaser$1.Geom.Line(
+      return new Phaser.Geom.Line(
         baseX,
         baseY,
         zone.endX ?? baseX + (width ?? 1),
@@ -1150,7 +1150,7 @@ function applyGesturesProps(scene, container, prev, next) {
       width = bounds.width || 100;
       height = bounds.height || 100;
     }
-    const hitArea = new Phaser$1.Geom.Rectangle(0, 0, width, height);
+    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height);
     const callbacks = {};
     if (next.onTouch) callbacks.onTouch = next.onTouch;
     if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside;
@@ -1196,7 +1196,7 @@ function applyGesturesProps(scene, container, prev, next) {
       width = bounds.width || 100;
       height = bounds.height || 100;
     }
-    const hitArea = new Phaser$1.Geom.Rectangle(0, 0, width, height);
+    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height);
     manager.updateHitArea(container, hitArea);
   }
 }
@@ -1563,7 +1563,7 @@ function createGestures(scene, container, props) {
     width = bounds.width || 100;
     height = bounds.height || 100;
   }
-  const hitArea = new Phaser$1.Geom.Rectangle(0, 0, width, height);
+  const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height);
   const callbacks = {};
   if (props.onTouch) callbacks.onTouch = props.onTouch;
   if (props.onTouchOutside) callbacks.onTouchOutside = props.onTouchOutside;
@@ -1747,7 +1747,7 @@ function registerBuiltins() {
 }
 const createCameraShakeFX = (camera, config) => {
   const duration = config.duration ?? 250;
-  const intensity = typeof config.intensity === "object" ? new Phaser$1.Math.Vector2(config.intensity.x, config.intensity.y) : config.intensity ?? 0.01;
+  const intensity = typeof config.intensity === "object" ? new Phaser.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) => {
@@ -2153,6 +2153,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 i2 = 0; i2 < particleCount; i2 += 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;
+  }
+}
+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",
@@ -2161,7 +2372,7 @@ function createPhaserJSXPlugin(config) {
     data: config
   };
 }
-class PhaserJSXPlugin extends Phaser$1.Plugins.BasePlugin {
+class PhaserJSXPlugin extends Phaser.Plugins.BasePlugin {
   config;
   mountHandle;
   container;
@@ -2406,9 +2617,7 @@ function setColorPreset(presetName, colorMode) {
     return;
   }
   setTimeout(() => {
-    import("./TransformOriginView-TeXhLqNs.js").then((n2) => n2.bK).then(({ remountAll }) => {
-      remountAll();
-    });
+    remountAll();
   }, 0);
 }
 function getCurrentPreset() {
@@ -2489,18 +2698,19 @@ export {
   CAMERA_FX_REGISTRY,
   C as CharText,
   b as CharTextInput,
+  DEFAULT_BACKGROUND,
   DEFAULT_CAMERA_FX,
-  ae as DEFAULT_EFFECT,
+  af as DEFAULT_EFFECT,
   DEFAULT_FX,
   bj as DEFAULT_SPRING_CONFIG,
-  a6 as DOMInputElement,
+  a7 as DOMInputElement,
   DebugLogger,
-  aa as DevConfig,
-  ab as DevPresets,
+  ab as DevConfig,
+  ac as DevPresets,
   D as Dialog,
   c as Divider,
   d as Dropdown,
-  af as EFFECT_REGISTRY,
+  ag as EFFECT_REGISTRY,
   FX_REGISTRY,
   Fragment,
   bc as Graphics,
@@ -2508,7 +2718,7 @@ export {
   I as Icon,
   f as Image,
   J as Joystick,
-  a7 as KeyboardInputManager,
+  a8 as KeyboardInputManager,
   M as Modal,
   N as NineSlice,
   g as NineSliceButton,
@@ -2536,11 +2746,12 @@ export {
   s as TransformOriginView,
   be as View,
   W as WrapText,
+  addSceneBackground,
   alpha,
   bg as animatedSignal,
   applyCameraFXByName,
   bB as applyDarkMode,
-  ag as applyEffectByName,
+  ah as applyEffectByName,
   applyFXByName,
   bC as applyLightMode,
   buildDeathZonesFromLayout,
@@ -2550,78 +2761,78 @@ export {
   colorsToTheme,
   computed,
   createBlurFX,
-  ai as createBounceEffect,
-  aj as createBreatheEffect,
+  aj as createBounceEffect,
+  ak as createBreatheEffect,
   createCameraFadeInFX,
   createCameraFadeOutFX,
   createCameraFlashFX,
   createCameraShakeFX,
   createCameraZoomFX,
   createColorMatrixFX,
-  b1 as createDefaultTheme,
+  b2 as createDefaultTheme,
   b7 as createElement,
-  ak as createFadeEffect,
-  al as createFlashEffect,
-  am as createFlipInEffect,
-  an as createFlipOutEffect,
-  ao as createFloatEffect,
+  al as createFadeEffect,
+  am as createFlashEffect,
+  an as createFlipInEffect,
+  ao as createFlipOutEffect,
+  ap as createFloatEffect,
   createGlowFX,
   e as createIconComponent,
-  ap as createJelloEffect,
-  aq as createNoneEffect,
+  aq as createJelloEffect,
+  ar as createNoneEffect,
   createPhaserJSXPlugin,
   createPixelateFX,
-  ar as createPressEffect,
-  as as createPulseEffect,
+  as as createPressEffect,
+  at as createPulseEffect,
   createShadowFX,
-  at as createShakeEffect,
-  au as createSlideInEffect,
-  av as createSlideOutEffect,
-  aw as createSpinEffect,
-  ax as createSwingEffect,
-  ay as createTadaEffect,
+  au as createShakeEffect,
+  av as createSlideInEffect,
+  aw as createSlideOutEffect,
+  ax as createSpinEffect,
+  ay as createSwingEffect,
+  az as createTadaEffect,
   by as createTextStyle,
   createTextStyleTokens,
-  b4 as createTheme,
+  b5 as createTheme,
   createVignetteFX,
-  az as createWiggleEffect,
-  aA as createWobbleEffect,
-  aB as createZoomInEffect,
-  aC as createZoomOutEffect,
+  aA as createWiggleEffect,
+  aB as createWobbleEffect,
+  aC as createZoomInEffect,
+  aD as createZoomOutEffect,
   bt as darken,
   bu as darkenHex,
   defaultRadiusTokens,
   defaultSizeTokens,
   defaultSpacingTokens,
   bJ as defaultTextStyleTokens,
-  b2 as defaultTheme,
-  aV as disposeCtx,
+  b3 as defaultTheme,
+  aW as disposeCtx,
   bz as ensureContrast,
   bD as forestGreenPreset,
   bE as generateColorScale,
   getAvailablePresets,
   getBackgroundColor,
-  aL as getBackgroundGraphics,
+  aM as getBackgroundGraphics,
   getBorderColor,
   bA as getContrastRatio,
-  aD as getCurrent,
+  aE as getCurrent,
   getCurrentPreset,
-  aK as getLayoutProps,
-  aN as getLayoutRect,
-  aI as getLayoutSize,
-  a8 as getMountStats,
+  aL as getLayoutProps,
+  aO as getLayoutRect,
+  aJ as getLayoutSize,
+  a9 as getMountStats,
   bF as getPreset,
   getPresetWithMode,
-  a9 as getRenderContext,
+  aa as getRenderContext,
   getSurfaceColor,
   getTextColor,
   getThemedProps,
-  aP as getWorldLayoutRect,
+  aQ as getWorldLayoutRect,
   graphicsCreator,
   graphicsPatcher,
   bv as hex,
   bp as hexToNumber,
-  b0 as host,
+  b1 as host,
   imageCreator,
   imagePatcher,
   bh as isAnimatedSignal,
@@ -2630,7 +2841,7 @@ export {
   bw as lighten,
   bx as lightenHex,
   memo,
-  b3 as mergeThemes,
+  b4 as mergeThemes,
   bG as midnightPreset,
   b8 as mount,
   mountJSX as mountComponent,
@@ -2638,9 +2849,9 @@ export {
   nineSliceCreator,
   nineSlicePatcher,
   noMemo,
-  a$ as nodeRegistry,
-  a4 as normalizeCornerRadius,
-  a5 as normalizeEdgeInsets,
+  b0 as nodeRegistry,
+  a5 as normalizeCornerRadius,
+  a6 as normalizeEdgeInsets,
   normalizeGap,
   b6 as normalizeVNodeLike,
   bq as numberToHex,
@@ -2653,22 +2864,22 @@ export {
   bI as presets,
   register,
   registerBuiltins,
-  aY as releaseAllSVGTextures,
-  aW as releaseSVGTexture,
-  aX as releaseSVGTextures,
-  b5 as remountAll,
+  aZ as releaseAllSVGTextures,
+  aX as releaseSVGTexture,
+  aY as releaseSVGTextures,
+  remountAll,
   resolveCameraFX,
-  ah as resolveEffect,
+  ai as resolveEffect,
   resolveFX,
   resolveParticlePreset,
   bs as rgbToNumber,
   setColorMode,
   setColorPreset,
-  aS as shallowEqual,
-  aT as shouldComponentUpdate,
+  aT as shallowEqual,
+  aU as shouldComponentUpdate,
   spriteCreator,
   spritePatcher,
-  ac as svgToTexture,
+  ad as svgToTexture,
   textCreator,
   textPatcher,
   themeRegistry,
@@ -2677,7 +2888,7 @@ export {
   b9 as unmount,
   bb as unmountJSX,
   bi as unwrapSignal,
-  aM as useBackgroundGraphics,
+  aN as useBackgroundGraphics,
   useBlur,
   useCallback,
   useCameraFX,
@@ -2688,19 +2899,19 @@ export {
   useColors,
   useEffect,
   useFX,
-  aF as useForceRedraw,
-  ad as useGameObjectEffect,
+  aG as useForceRedraw,
+  ae as useGameObjectEffect,
   useGlow,
   u as useIconPreload,
-  aR as useLayoutEffect,
-  aO as useLayoutRect,
-  aJ as useLayoutSize,
-  aG as useMemo,
+  aS as useLayoutEffect,
+  aP as useLayoutRect,
+  aK as useLayoutSize,
+  aH as useMemo,
   useParticles,
-  aU as useRedraw,
+  aV as useRedraw,
   useRef,
-  aZ as useSVGTexture,
-  a_ as useSVGTextures,
+  a_ as useSVGTexture,
+  a$ as useSVGTextures,
   useScene,
   useScreenShake,
   useShadow,
@@ -2710,11 +2921,11 @@ export {
   useTheme,
   useThemeSubscription,
   useThemeTokens,
-  aH as useViewportSize,
-  aQ as useWorldLayoutRect,
+  aI as useViewportSize,
+  aR as useWorldLayoutRect,
   viewCreator,
   viewPatcher,
   viewportRegistry,
-  aE as withHooks
+  aF as withHooks
 };
 //# sourceMappingURL=index.js.map