@number10/jsx-phaser 5.0.0

package/dist/components/appliers/applyPhaser.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxCore = require("@number10/jsx-core");
+const signalsCore = require("@preact/signals-core");
+function applySignalAlpha(node, key, prevValue, nextValue, apply) {
+  node.__signalEffects?.get(key)?.();
+  if (jsxCore.isAnimatedSignal(nextValue)) {
+    apply(nextValue.value);
+    const cleanup = signalsCore.effect(() => {
+      apply(nextValue.value);
+    });
+    if (!node.__signalEffects) {
+      node.__signalEffects = /* @__PURE__ */ new Map();
+    }
+    node.__signalEffects.set(key, cleanup);
+  } else if (typeof nextValue === "number" && nextValue !== prevValue) {
+    apply(nextValue);
+  }
+}
+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 applyPhaserProps(node, prev, next) {
+  applySignalAlpha(node, "alpha", prev.alpha, next.alpha, (v) => {
+    node.setAlpha?.(v);
+  });
+  if (prev.depth !== next.depth && typeof next.depth === "number") {
+    node.setDepth?.(next.depth);
+  }
+  if (prev.visible !== next.visible) {
+    const visibleValue = normalizeVisible(next.visible);
+    node.visible = visibleValue;
+  }
+}
+exports.applyPhaserProps = applyPhaserProps;
+//# sourceMappingURL=applyPhaser.cjs.map

package/dist/components/appliers/applyPhaser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyPhaser.cjs","sources":["../../../src/components/appliers/applyPhaser.ts"],"sourcesContent":["/**\n * Applier for Phaser GameObject display properties\n *\n * Supports AnimatedSignal values — subscribes to signal changes and updates\n * native node properties directly, bypassing VDOM re-renders.\n */\nimport { isAnimatedSignal } from '@number10/jsx-core'\nimport { effect } from '@preact/signals-core'\nimport type { Display, PhaserProps, TransformProps } from '../../core-props'\n\n// Combined type — alpha comes from TransformProps, rest from PhaserProps\ntype PhaserDisplayProps = Partial<TransformProps & PhaserProps & { visible?: boolean | Display }>\n\n/**\n * Generic node type with Phaser GameObject display capabilities\n */\ntype PhaserNode = {\n  visible: boolean\n  setAlpha: (alpha: number) => void\n  setDepth: (depth: number) => void\n}\n\ninterface SignalEffectNode {\n  __signalEffects?: Map<string, () => void>\n}\n\n/**\n * Applies a prop value that may be an AnimatedSignal.\n * Subscribes to signal changes for live updates without VDOM re-renders.\n */\nfunction applySignalAlpha<T extends SignalEffectNode>(\n  node: T,\n  key: string,\n  prevValue: unknown,\n  nextValue: unknown,\n  apply: (value: number) => void\n): void {\n  node.__signalEffects?.get(key)?.()\n\n  if (isAnimatedSignal(nextValue)) {\n    apply(nextValue.value)\n    const cleanup = effect(() => {\n      apply(nextValue.value)\n    })\n    if (!node.__signalEffects) {\n      node.__signalEffects = new Map()\n    }\n    node.__signalEffects.set(key, cleanup)\n  } else if (typeof nextValue === 'number' && nextValue !== prevValue) {\n    apply(nextValue)\n  }\n}\n\n/**\n * Normalize visible prop to boolean for Phaser GameObject\n * - true / 'visible' → true (rendered)\n * - false / 'invisible' → false (not rendered, but takes space)\n * - 'none' → false (not rendered, no space)\n * @param visible - Visible prop value\n * @returns Boolean for Phaser GameObject.visible\n */\nfunction normalizeVisible(visible: boolean | Display | undefined): boolean {\n  if (visible === undefined) return true // default: visible\n  if (typeof visible === 'boolean') return visible\n  // String values\n  if (visible === 'visible') return true\n  if (visible === 'invisible' || visible === 'none') return false\n  return true\n}\n\n/**\n * Applies Phaser display properties (alpha, depth, visibility)\n * @param node - Node with Phaser GameObject properties\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyPhaserProps<T extends Partial<PhaserNode & SignalEffectNode>>(\n  node: T,\n  prev: PhaserDisplayProps,\n  next: PhaserDisplayProps\n): void {\n  // Alpha — supports AnimatedSignal for tween/spring-driven opacity\n  applySignalAlpha(node, 'alpha', prev.alpha, next.alpha, (v) => {\n    node.setAlpha?.(v)\n  })\n\n  // Depth\n  if (prev.depth !== next.depth && typeof next.depth === 'number') {\n    node.setDepth?.(next.depth)\n  }\n\n  // Visibility - supports boolean and Display type (from LayoutProps)\n  if (prev.visible !== next.visible) {\n    const visibleValue = normalizeVisible(next.visible)\n    node.visible = visibleValue\n  }\n}\n"],"names":["isAnimatedSignal","effect"],"mappings":";;;;AA8BA,SAAS,iBACP,MACA,KACA,WACA,WACA,OACM;AACN,OAAK,iBAAiB,IAAI,GAAG,IAAA;AAE7B,MAAIA,QAAAA,iBAAiB,SAAS,GAAG;AAC/B,UAAM,UAAU,KAAK;AACrB,UAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,YAAM,UAAU,KAAK;AAAA,IACvB,CAAC;AACD,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,sCAAsB,IAAA;AAAA,IAC7B;AACA,SAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,EACvC,WAAW,OAAO,cAAc,YAAY,cAAc,WAAW;AACnE,UAAM,SAAS;AAAA,EACjB;AACF;AAUA,SAAS,iBAAiB,SAAiD;AACzE,MAAI,YAAY,OAAW,QAAO;AAClC,MAAI,OAAO,YAAY,UAAW,QAAO;AAEzC,MAAI,YAAY,UAAW,QAAO;AAClC,MAAI,YAAY,eAAe,YAAY,OAAQ,QAAO;AAC1D,SAAO;AACT;AAQO,SAAS,iBACd,MACA,MACA,MACM;AAEN,mBAAiB,MAAM,SAAS,KAAK,OAAO,KAAK,OAAO,CAAC,MAAM;AAC7D,SAAK,WAAW,CAAC;AAAA,EACnB,CAAC;AAGD,MAAI,KAAK,UAAU,KAAK,SAAS,OAAO,KAAK,UAAU,UAAU;AAC/D,SAAK,WAAW,KAAK,KAAK;AAAA,EAC5B;AAGA,MAAI,KAAK,YAAY,KAAK,SAAS;AACjC,UAAM,eAAe,iBAAiB,KAAK,OAAO;AAClD,SAAK,UAAU;AAAA,EACjB;AACF;;"}

package/dist/components/appliers/applyPhaser.d.ts

@@ -0,0 +1,24 @@
+import { Display, PhaserProps, TransformProps } from '../../core-props';
+type PhaserDisplayProps = Partial<TransformProps & PhaserProps & {
+    visible?: boolean | Display;
+}>;
+/**
+ * Generic node type with Phaser GameObject display capabilities
+ */
+type PhaserNode = {
+    visible: boolean;
+    setAlpha: (alpha: number) => void;
+    setDepth: (depth: number) => void;
+};
+interface SignalEffectNode {
+    __signalEffects?: Map<string, () => void>;
+}
+/**
+ * Applies Phaser display properties (alpha, depth, visibility)
+ * @param node - Node with Phaser GameObject properties
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyPhaserProps<T extends Partial<PhaserNode & SignalEffectNode>>(node: T, prev: PhaserDisplayProps, next: PhaserDisplayProps): void;
+export {};
+//# sourceMappingURL=applyPhaser.d.ts.map

package/dist/components/appliers/applyPhaser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyPhaser.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyPhaser.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5E,KAAK,kBAAkB,GAAG,OAAO,CAAC,cAAc,GAAG,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAAE,CAAC,CAAA;AAEjG;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAA;CAC1C;AA8CD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,EAC/E,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,kBAAkB,GACvB,IAAI,CAgBN"}

package/dist/components/appliers/applyPhaser.js

@@ -0,0 +1,40 @@
+import { isAnimatedSignal } from "@number10/jsx-core";
+import { effect } from "@preact/signals-core";
+function applySignalAlpha(node, key, prevValue, nextValue, apply) {
+  node.__signalEffects?.get(key)?.();
+  if (isAnimatedSignal(nextValue)) {
+    apply(nextValue.value);
+    const cleanup = effect(() => {
+      apply(nextValue.value);
+    });
+    if (!node.__signalEffects) {
+      node.__signalEffects = /* @__PURE__ */ new Map();
+    }
+    node.__signalEffects.set(key, cleanup);
+  } else if (typeof nextValue === "number" && nextValue !== prevValue) {
+    apply(nextValue);
+  }
+}
+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 applyPhaserProps(node, prev, next) {
+  applySignalAlpha(node, "alpha", prev.alpha, next.alpha, (v) => {
+    node.setAlpha?.(v);
+  });
+  if (prev.depth !== next.depth && typeof next.depth === "number") {
+    node.setDepth?.(next.depth);
+  }
+  if (prev.visible !== next.visible) {
+    const visibleValue = normalizeVisible(next.visible);
+    node.visible = visibleValue;
+  }
+}
+export {
+  applyPhaserProps
+};
+//# sourceMappingURL=applyPhaser.js.map

package/dist/components/appliers/applyPhaser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyPhaser.js","sources":["../../../src/components/appliers/applyPhaser.ts"],"sourcesContent":["/**\n * Applier for Phaser GameObject display properties\n *\n * Supports AnimatedSignal values — subscribes to signal changes and updates\n * native node properties directly, bypassing VDOM re-renders.\n */\nimport { isAnimatedSignal } from '@number10/jsx-core'\nimport { effect } from '@preact/signals-core'\nimport type { Display, PhaserProps, TransformProps } from '../../core-props'\n\n// Combined type — alpha comes from TransformProps, rest from PhaserProps\ntype PhaserDisplayProps = Partial<TransformProps & PhaserProps & { visible?: boolean | Display }>\n\n/**\n * Generic node type with Phaser GameObject display capabilities\n */\ntype PhaserNode = {\n  visible: boolean\n  setAlpha: (alpha: number) => void\n  setDepth: (depth: number) => void\n}\n\ninterface SignalEffectNode {\n  __signalEffects?: Map<string, () => void>\n}\n\n/**\n * Applies a prop value that may be an AnimatedSignal.\n * Subscribes to signal changes for live updates without VDOM re-renders.\n */\nfunction applySignalAlpha<T extends SignalEffectNode>(\n  node: T,\n  key: string,\n  prevValue: unknown,\n  nextValue: unknown,\n  apply: (value: number) => void\n): void {\n  node.__signalEffects?.get(key)?.()\n\n  if (isAnimatedSignal(nextValue)) {\n    apply(nextValue.value)\n    const cleanup = effect(() => {\n      apply(nextValue.value)\n    })\n    if (!node.__signalEffects) {\n      node.__signalEffects = new Map()\n    }\n    node.__signalEffects.set(key, cleanup)\n  } else if (typeof nextValue === 'number' && nextValue !== prevValue) {\n    apply(nextValue)\n  }\n}\n\n/**\n * Normalize visible prop to boolean for Phaser GameObject\n * - true / 'visible' → true (rendered)\n * - false / 'invisible' → false (not rendered, but takes space)\n * - 'none' → false (not rendered, no space)\n * @param visible - Visible prop value\n * @returns Boolean for Phaser GameObject.visible\n */\nfunction normalizeVisible(visible: boolean | Display | undefined): boolean {\n  if (visible === undefined) return true // default: visible\n  if (typeof visible === 'boolean') return visible\n  // String values\n  if (visible === 'visible') return true\n  if (visible === 'invisible' || visible === 'none') return false\n  return true\n}\n\n/**\n * Applies Phaser display properties (alpha, depth, visibility)\n * @param node - Node with Phaser GameObject properties\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyPhaserProps<T extends Partial<PhaserNode & SignalEffectNode>>(\n  node: T,\n  prev: PhaserDisplayProps,\n  next: PhaserDisplayProps\n): void {\n  // Alpha — supports AnimatedSignal for tween/spring-driven opacity\n  applySignalAlpha(node, 'alpha', prev.alpha, next.alpha, (v) => {\n    node.setAlpha?.(v)\n  })\n\n  // Depth\n  if (prev.depth !== next.depth && typeof next.depth === 'number') {\n    node.setDepth?.(next.depth)\n  }\n\n  // Visibility - supports boolean and Display type (from LayoutProps)\n  if (prev.visible !== next.visible) {\n    const visibleValue = normalizeVisible(next.visible)\n    node.visible = visibleValue\n  }\n}\n"],"names":[],"mappings":";;AA8BA,SAAS,iBACP,MACA,KACA,WACA,WACA,OACM;AACN,OAAK,iBAAiB,IAAI,GAAG,IAAA;AAE7B,MAAI,iBAAiB,SAAS,GAAG;AAC/B,UAAM,UAAU,KAAK;AACrB,UAAM,UAAU,OAAO,MAAM;AAC3B,YAAM,UAAU,KAAK;AAAA,IACvB,CAAC;AACD,QAAI,CAAC,KAAK,iBAAiB;AACzB,WAAK,sCAAsB,IAAA;AAAA,IAC7B;AACA,SAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,EACvC,WAAW,OAAO,cAAc,YAAY,cAAc,WAAW;AACnE,UAAM,SAAS;AAAA,EACjB;AACF;AAUA,SAAS,iBAAiB,SAAiD;AACzE,MAAI,YAAY,OAAW,QAAO;AAClC,MAAI,OAAO,YAAY,UAAW,QAAO;AAEzC,MAAI,YAAY,UAAW,QAAO;AAClC,MAAI,YAAY,eAAe,YAAY,OAAQ,QAAO;AAC1D,SAAO;AACT;AAQO,SAAS,iBACd,MACA,MACA,MACM;AAEN,mBAAiB,MAAM,SAAS,KAAK,OAAO,KAAK,OAAO,CAAC,MAAM;AAC7D,SAAK,WAAW,CAAC;AAAA,EACnB,CAAC;AAGD,MAAI,KAAK,UAAU,KAAK,SAAS,OAAO,KAAK,UAAU,UAAU;AAC/D,SAAK,WAAW,KAAK,KAAK;AAAA,EAC5B;AAGA,MAAI,KAAK,YAAY,KAAK,SAAS;AACjC,UAAM,eAAe,iBAAiB,KAAK,OAAO;AAClD,SAAK,UAAU;AAAA,EACjB;AACF;"}

package/dist/components/appliers/applySprite.cjs

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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);
+        }
+      );
+    }
+  }
+}
+exports.applySpriteProps = applySpriteProps;
+//# sourceMappingURL=applySprite.cjs.map

package/dist/components/appliers/applySprite.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySprite.cjs","sources":["../../../src/components/appliers/applySprite.ts"],"sourcesContent":["/**\n * Applier for Sprite-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Gets original texture dimensions (unscaled)\n * @param sprite - Phaser Sprite object\n * @returns Original width and height\n */\nfunction getOriginalTextureDimensions(sprite: Phaser.GameObjects.Sprite): {\n  width: number\n  height: number\n} {\n  const frame = sprite.frame\n  return {\n    width: frame.width,\n    height: frame.height,\n  }\n}\n\n/**\n * Calculates scale factors for fit modes\n * @param sprite - Phaser Sprite object\n * @param targetWidth - Desired width\n * @param targetHeight - Desired height\n * @param fit - Fit mode\n * @returns Scale factors for x and y\n */\nfunction calculateFitScale(\n  sprite: Phaser.GameObjects.Sprite,\n  targetWidth: number,\n  targetHeight: number,\n  fit: 'fill' | 'contain' | 'cover' = 'fill'\n): { scaleX: number; scaleY: number } {\n  const { width: textureWidth, height: textureHeight } = getOriginalTextureDimensions(sprite)\n\n  if (textureWidth === 0 || textureHeight === 0) {\n    return { scaleX: 1, scaleY: 1 }\n  }\n\n  if (fit === 'fill') {\n    return {\n      scaleX: targetWidth / textureWidth,\n      scaleY: targetHeight / textureHeight,\n    }\n  }\n\n  const targetAspect = targetWidth / targetHeight\n  const textureAspect = textureWidth / textureHeight\n\n  if (fit === 'contain') {\n    const scale =\n      targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  if (fit === 'cover') {\n    const scale =\n      targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  return { scaleX: 1, scaleY: 1 }\n}\n\n/**\n * Applies Sprite-specific properties (texture, frame, tint, displaySize, fit, animations)\n * @param sprite - Phaser Sprite object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applySpriteProps(\n  sprite: Phaser.GameObjects.Sprite,\n  prev: Partial<SpriteBaseProps>,\n  next: Partial<SpriteBaseProps>\n): void {\n  // Check if texture or frame changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture) {\n    sprite.setTexture(next.texture, next.frame)\n  }\n\n  // Apply tint\n  if (prev.tint !== next.tint) {\n    if (typeof next.tint === 'number') {\n      sprite.setTint(next.tint)\n    } else {\n      sprite.clearTint()\n    }\n  }\n\n  // Apply origin if specified\n  if (prev.originX !== next.originX || prev.originY !== next.originY) {\n    const originX = next.originX ?? sprite.originX\n    const originY = next.originY ?? sprite.originY\n    sprite.setOrigin(originX, originY)\n  }\n\n  // Apply displayWidth/displayHeight with fit mode\n  const displayWidthChanged = prev.displayWidth !== next.displayWidth\n  const displayHeightChanged = prev.displayHeight !== next.displayHeight\n  const fitChanged = prev.fit !== next.fit\n\n  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged) {\n    if (typeof next.displayWidth === 'number' && typeof next.displayHeight === 'number') {\n      // Both specified - use fit mode\n      const fit = next.fit ?? 'fill'\n\n      if (fit === 'fill') {\n        // Use setDisplaySize for fill mode (non-uniform scaling)\n        sprite.setDisplaySize(next.displayWidth, next.displayHeight)\n      } else {\n        // Use setScale for contain/cover (uniform scaling)\n        const { scaleX, scaleY } = calculateFitScale(\n          sprite,\n          next.displayWidth,\n          next.displayHeight,\n          fit\n        )\n        sprite.setScale(scaleX, scaleY)\n      }\n    } else if (typeof next.displayWidth === 'number') {\n      // Only width - preserve aspect ratio (use original texture width)\n      const { width: origWidth } = getOriginalTextureDimensions(sprite)\n      const scale = next.displayWidth / origWidth\n      sprite.setScale(scale)\n    } else if (typeof next.displayHeight === 'number') {\n      // Only height - preserve aspect ratio (use original texture height)\n      const { height: origHeight } = getOriginalTextureDimensions(sprite)\n      const scale = next.displayHeight / origHeight\n      sprite.setScale(scale, scale)\n    } else {\n      // No display size specified - reset to default scale\n      sprite.setScale(1)\n    }\n  }\n\n  // Handle animation changes\n  const animationChanged =\n    prev.animationKey !== next.animationKey ||\n    prev.loop !== next.loop ||\n    prev.repeatDelay !== next.repeatDelay\n\n  if (animationChanged) {\n    // Stop previous animation if playing\n    if (sprite.anims.isPlaying) {\n      sprite.anims.stop()\n    }\n\n    // Play new animation if specified\n    if (next.animationKey) {\n      sprite.anims.play({\n        key: next.animationKey,\n        repeat: next.loop ? -1 : 0,\n        repeatDelay: next.repeatDelay ?? 0,\n      })\n    }\n  }\n\n  // Update animation callbacks\n  const callbacksChanged =\n    prev.onAnimationStart !== next.onAnimationStart ||\n    prev.onAnimationComplete !== next.onAnimationComplete ||\n    prev.onAnimationRepeat !== next.onAnimationRepeat ||\n    prev.onAnimationUpdate !== next.onAnimationUpdate\n\n  if (callbacksChanged) {\n    // Remove old listeners\n    sprite.off('animationstart')\n    sprite.off('animationcomplete')\n    sprite.off('animationrepeat')\n    sprite.off('animationupdate')\n\n    // Add new listeners\n    if (next.onAnimationStart) {\n      sprite.on('animationstart', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationStart?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationComplete) {\n      sprite.on('animationcomplete', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationComplete?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationRepeat) {\n      sprite.on('animationrepeat', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationRepeat?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationUpdate) {\n      sprite.on(\n        'animationupdate',\n        (anim: Phaser.Animations.Animation, frame: Phaser.Animations.AnimationFrame) => {\n          next.onAnimationUpdate?.(anim.key, frame)\n        }\n      )\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/appliers/applySprite.d.ts

@@ -0,0 +1,13 @@
+import { SpriteBaseProps } from '../primitives/sprite';
+/**
+ * Applier for Sprite-specific properties
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies Sprite-specific properties (texture, frame, tint, displaySize, fit, animations)
+ * @param sprite - Phaser Sprite object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applySpriteProps(sprite: Phaser.GameObjects.Sprite, prev: Partial<SpriteBaseProps>, next: Partial<SpriteBaseProps>): void;
+//# sourceMappingURL=applySprite.d.ts.map

package/dist/components/appliers/applySprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySprite.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applySprite.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AA+D3D;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,EACjC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,EAC9B,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAC7B,IAAI,CA8HN"}

package/dist/components/appliers/applySprite.js

@@ -0,0 +1,124 @@
+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);
+        }
+      );
+    }
+  }
+}
+export {
+  applySpriteProps
+};
+//# sourceMappingURL=applySprite.js.map

package/dist/components/appliers/applySprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySprite.js","sources":["../../../src/components/appliers/applySprite.ts"],"sourcesContent":["/**\n * Applier for Sprite-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Gets original texture dimensions (unscaled)\n * @param sprite - Phaser Sprite object\n * @returns Original width and height\n */\nfunction getOriginalTextureDimensions(sprite: Phaser.GameObjects.Sprite): {\n  width: number\n  height: number\n} {\n  const frame = sprite.frame\n  return {\n    width: frame.width,\n    height: frame.height,\n  }\n}\n\n/**\n * Calculates scale factors for fit modes\n * @param sprite - Phaser Sprite object\n * @param targetWidth - Desired width\n * @param targetHeight - Desired height\n * @param fit - Fit mode\n * @returns Scale factors for x and y\n */\nfunction calculateFitScale(\n  sprite: Phaser.GameObjects.Sprite,\n  targetWidth: number,\n  targetHeight: number,\n  fit: 'fill' | 'contain' | 'cover' = 'fill'\n): { scaleX: number; scaleY: number } {\n  const { width: textureWidth, height: textureHeight } = getOriginalTextureDimensions(sprite)\n\n  if (textureWidth === 0 || textureHeight === 0) {\n    return { scaleX: 1, scaleY: 1 }\n  }\n\n  if (fit === 'fill') {\n    return {\n      scaleX: targetWidth / textureWidth,\n      scaleY: targetHeight / textureHeight,\n    }\n  }\n\n  const targetAspect = targetWidth / targetHeight\n  const textureAspect = textureWidth / textureHeight\n\n  if (fit === 'contain') {\n    const scale =\n      targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  if (fit === 'cover') {\n    const scale =\n      targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  return { scaleX: 1, scaleY: 1 }\n}\n\n/**\n * Applies Sprite-specific properties (texture, frame, tint, displaySize, fit, animations)\n * @param sprite - Phaser Sprite object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applySpriteProps(\n  sprite: Phaser.GameObjects.Sprite,\n  prev: Partial<SpriteBaseProps>,\n  next: Partial<SpriteBaseProps>\n): void {\n  // Check if texture or frame changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture) {\n    sprite.setTexture(next.texture, next.frame)\n  }\n\n  // Apply tint\n  if (prev.tint !== next.tint) {\n    if (typeof next.tint === 'number') {\n      sprite.setTint(next.tint)\n    } else {\n      sprite.clearTint()\n    }\n  }\n\n  // Apply origin if specified\n  if (prev.originX !== next.originX || prev.originY !== next.originY) {\n    const originX = next.originX ?? sprite.originX\n    const originY = next.originY ?? sprite.originY\n    sprite.setOrigin(originX, originY)\n  }\n\n  // Apply displayWidth/displayHeight with fit mode\n  const displayWidthChanged = prev.displayWidth !== next.displayWidth\n  const displayHeightChanged = prev.displayHeight !== next.displayHeight\n  const fitChanged = prev.fit !== next.fit\n\n  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged) {\n    if (typeof next.displayWidth === 'number' && typeof next.displayHeight === 'number') {\n      // Both specified - use fit mode\n      const fit = next.fit ?? 'fill'\n\n      if (fit === 'fill') {\n        // Use setDisplaySize for fill mode (non-uniform scaling)\n        sprite.setDisplaySize(next.displayWidth, next.displayHeight)\n      } else {\n        // Use setScale for contain/cover (uniform scaling)\n        const { scaleX, scaleY } = calculateFitScale(\n          sprite,\n          next.displayWidth,\n          next.displayHeight,\n          fit\n        )\n        sprite.setScale(scaleX, scaleY)\n      }\n    } else if (typeof next.displayWidth === 'number') {\n      // Only width - preserve aspect ratio (use original texture width)\n      const { width: origWidth } = getOriginalTextureDimensions(sprite)\n      const scale = next.displayWidth / origWidth\n      sprite.setScale(scale)\n    } else if (typeof next.displayHeight === 'number') {\n      // Only height - preserve aspect ratio (use original texture height)\n      const { height: origHeight } = getOriginalTextureDimensions(sprite)\n      const scale = next.displayHeight / origHeight\n      sprite.setScale(scale, scale)\n    } else {\n      // No display size specified - reset to default scale\n      sprite.setScale(1)\n    }\n  }\n\n  // Handle animation changes\n  const animationChanged =\n    prev.animationKey !== next.animationKey ||\n    prev.loop !== next.loop ||\n    prev.repeatDelay !== next.repeatDelay\n\n  if (animationChanged) {\n    // Stop previous animation if playing\n    if (sprite.anims.isPlaying) {\n      sprite.anims.stop()\n    }\n\n    // Play new animation if specified\n    if (next.animationKey) {\n      sprite.anims.play({\n        key: next.animationKey,\n        repeat: next.loop ? -1 : 0,\n        repeatDelay: next.repeatDelay ?? 0,\n      })\n    }\n  }\n\n  // Update animation callbacks\n  const callbacksChanged =\n    prev.onAnimationStart !== next.onAnimationStart ||\n    prev.onAnimationComplete !== next.onAnimationComplete ||\n    prev.onAnimationRepeat !== next.onAnimationRepeat ||\n    prev.onAnimationUpdate !== next.onAnimationUpdate\n\n  if (callbacksChanged) {\n    // Remove old listeners\n    sprite.off('animationstart')\n    sprite.off('animationcomplete')\n    sprite.off('animationrepeat')\n    sprite.off('animationupdate')\n\n    // Add new listeners\n    if (next.onAnimationStart) {\n      sprite.on('animationstart', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationStart?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationComplete) {\n      sprite.on('animationcomplete', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationComplete?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationRepeat) {\n      sprite.on('animationrepeat', (anim: Phaser.Animations.Animation) => {\n        next.onAnimationRepeat?.(anim.key)\n      })\n    }\n\n    if (next.onAnimationUpdate) {\n      sprite.on(\n        'animationupdate',\n        (anim: Phaser.Animations.Animation, frame: Phaser.Animations.AnimationFrame) => {\n          next.onAnimationUpdate?.(anim.key, frame)\n        }\n      )\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/appliers/applySpriteLayout.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applySpriteLayout(sprite, _prev, next) {
+  sprite.__layoutProps = next;
+}
+exports.applySpriteLayout = applySpriteLayout;
+//# sourceMappingURL=applySpriteLayout.cjs.map

package/dist/components/appliers/applySpriteLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySpriteLayout.cjs","sources":["../../../src/components/appliers/applySpriteLayout.ts"],"sourcesContent":["/**\n * Layout applier for Sprite components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Applies layout props and updates layout size provider\n * Sprites are always headless (return minimal size)\n * @param sprite - Phaser Sprite object\n * @param _prev - Previous props (unused)\n * @param next - New props\n */\nexport function applySpriteLayout(\n  sprite: Phaser.GameObjects.Sprite & {\n    __layoutProps?: SpriteBaseProps\n  },\n  _prev: Partial<SpriteBaseProps & LayoutProps>,\n  next: Partial<SpriteBaseProps & LayoutProps>\n): void {\n  // Update layout props reference\n  sprite.__layoutProps = next as SpriteBaseProps\n\n  // Note: __getLayoutSize is set once in creator and never changes\n  // Sprites are always headless (0.01x0.01)\n}\n"],"names":[],"mappings":";;AAcO,SAAS,kBACd,QAGA,OACA,MACM;AAEN,SAAO,gBAAgB;AAIzB;;"}

package/dist/components/appliers/applySpriteLayout.d.ts

@@ -0,0 +1,17 @@
+import { LayoutProps } from '../../core-props';
+import { SpriteBaseProps } from '../primitives/sprite';
+/**
+ * Layout applier for Sprite components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies layout props and updates layout size provider
+ * Sprites are always headless (return minimal size)
+ * @param sprite - Phaser Sprite object
+ * @param _prev - Previous props (unused)
+ * @param next - New props
+ */
+export declare function applySpriteLayout(sprite: Phaser.GameObjects.Sprite & {
+    __layoutProps?: SpriteBaseProps;
+}, _prev: Partial<SpriteBaseProps & LayoutProps>, next: Partial<SpriteBaseProps & LayoutProps>): void;
+//# sourceMappingURL=applySpriteLayout.d.ts.map

package/dist/components/appliers/applySpriteLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySpriteLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applySpriteLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,GAAG;IAClC,aAAa,CAAC,EAAE,eAAe,CAAA;CAChC,EACD,KAAK,EAAE,OAAO,CAAC,eAAe,GAAG,WAAW,CAAC,EAC7C,IAAI,EAAE,OAAO,CAAC,eAAe,GAAG,WAAW,CAAC,GAC3C,IAAI,CAMN"}

package/dist/components/appliers/applySpriteLayout.js

@@ -0,0 +1,7 @@
+function applySpriteLayout(sprite, _prev, next) {
+  sprite.__layoutProps = next;
+}
+export {
+  applySpriteLayout
+};
+//# sourceMappingURL=applySpriteLayout.js.map

package/dist/components/appliers/applySpriteLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySpriteLayout.js","sources":["../../../src/components/appliers/applySpriteLayout.ts"],"sourcesContent":["/**\n * Layout applier for Sprite components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Applies layout props and updates layout size provider\n * Sprites are always headless (return minimal size)\n * @param sprite - Phaser Sprite object\n * @param _prev - Previous props (unused)\n * @param next - New props\n */\nexport function applySpriteLayout(\n  sprite: Phaser.GameObjects.Sprite & {\n    __layoutProps?: SpriteBaseProps\n  },\n  _prev: Partial<SpriteBaseProps & LayoutProps>,\n  next: Partial<SpriteBaseProps & LayoutProps>\n): void {\n  // Update layout props reference\n  sprite.__layoutProps = next as SpriteBaseProps\n\n  // Note: __getLayoutSize is set once in creator and never changes\n  // Sprites are always headless (0.01x0.01)\n}\n"],"names":[],"mappings":"AAcO,SAAS,kBACd,QAGA,OACA,MACM;AAEN,SAAO,gBAAgB;AAIzB;"}

package/dist/components/appliers/applyText.cjs

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxCore = require("@number10/jsx-core");
+const fastDeepEqual = require("../../utils/fast-deep-equal.cjs");
+const RESETTABLE_TEXT_STYLE_DEFAULTS = {
+  fontStyle: "normal",
+  fontWeight: "normal"
+};
+function clampAlpha(value) {
+  if (!Number.isFinite(value)) return 1;
+  return Math.max(0, Math.min(1, value));
+}
+function parseTextBackgroundColor(value) {
+  if (typeof value === "number") {
+    const rgb = jsxCore.numberToRgb(value);
+    return { red: rgb.r, green: rgb.g, blue: rgb.b, alpha: 1 };
+  }
+  const normalized = value.trim();
+  if (normalized.length === 0) {
+    return null;
+  }
+  if (normalized.startsWith("#")) {
+    const hex = normalized.slice(1);
+    if (hex.length === 3 || hex.length === 4) {
+      const r = hex[0] ?? "0";
+      const g = hex[1] ?? "0";
+      const b = hex[2] ?? "0";
+      const a = hex[3] ?? "f";
+      return {
+        red: parseInt(r + r, 16),
+        green: parseInt(g + g, 16),
+        blue: parseInt(b + b, 16),
+        alpha: parseInt(a + a, 16) / 255
+      };
+    }
+    if (hex.length === 6 || hex.length === 8) {
+      return {
+        red: parseInt(hex.slice(0, 2), 16),
+        green: parseInt(hex.slice(2, 4), 16),
+        blue: parseInt(hex.slice(4, 6), 16),
+        alpha: hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1
+      };
+    }
+  }
+  const rgbaMatch = normalized.match(
+    /^rgba?\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*(?:,\s*([0-9.]+)\s*)?\)$/i
+  );
+  if (rgbaMatch) {
+    return {
+      red: Math.max(0, Math.min(255, Number(rgbaMatch[1]))),
+      green: Math.max(0, Math.min(255, Number(rgbaMatch[2]))),
+      blue: Math.max(0, Math.min(255, Number(rgbaMatch[3]))),
+      alpha: clampAlpha(Number(rgbaMatch[4] ?? 1))
+    };
+  }
+  return null;
+}
+function normalizeTextStyleBackground(style, alphaValue) {
+  if (style === void 0 || alphaValue === void 0 || style.backgroundColor === void 0) {
+    return style;
+  }
+  const parsed = parseTextBackgroundColor(style.backgroundColor);
+  if (!parsed) {
+    return style;
+  }
+  const effectiveAlpha = clampAlpha(parsed.alpha * clampAlpha(alphaValue));
+  const colorNumber = parsed.red << 16 | parsed.green << 8 | parsed.blue;
+  return {
+    ...style,
+    backgroundColor: jsxCore.alpha(colorNumber, effectiveAlpha)
+  };
+}
+function getTextViewport(node) {
+  const surfaceViewport = node.__surfaceContext?.viewport;
+  if (typeof surfaceViewport?.width === "number" && typeof surfaceViewport?.height === "number") {
+    return surfaceViewport;
+  }
+  const width = node.scene?.scale?.width;
+  const height = node.scene?.scale?.height;
+  return {
+    width: typeof width === "number" ? width : 800,
+    height: typeof height === "number" ? height : 600
+  };
+}
+function normalizeResettableTextStyle(nextStyle, prevStyle) {
+  if (nextStyle === void 0) {
+    return void 0;
+  }
+  let resolvedStyle = nextStyle;
+  for (const key of Object.keys(RESETTABLE_TEXT_STYLE_DEFAULTS)) {
+    if (nextStyle[key] !== void 0 || prevStyle?.[key] === void 0) {
+      continue;
+    }
+    if (resolvedStyle === nextStyle) {
+      resolvedStyle = { ...nextStyle };
+    }
+    resolvedStyle[key] = RESETTABLE_TEXT_STYLE_DEFAULTS[key];
+  }
+  return resolvedStyle;
+}
+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;
+  }
+  const styleChanged = next.style !== void 0 && !fastDeepEqual(next.style, prev.style || {});
+  const alphaChanged = next.style?.backgroundColor !== void 0 && clampAlpha(next.alpha ?? 1) !== clampAlpha(prev.alpha ?? 1);
+  if (styleChanged || alphaChanged) {
+    try {
+      const resettableStyle = normalizeResettableTextStyle(next.style, prev.style);
+      const resolvedStyle = normalizeTextStyleBackground(resettableStyle, next.alpha);
+      if (resolvedStyle !== void 0) {
+        node.setStyle(resolvedStyle);
+        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 = getTextViewport(node);
+    const parsedMaxWidth = jsxCore.parseSize(next.maxWidth);
+    const resolvedMaxWidth = jsxCore.resolveSize(
+      parsedMaxWidth,
+      viewport.width,
+      void 0,
+      void 0,
+      viewport
+    );
+    node.setWordWrapWidth(resolvedMaxWidth, true);
+    needsUpdate = true;
+  }
+  if (needsUpdate && node.updateText) {
+    node.updateText();
+  }
+}
+exports.applyTextProps = applyTextProps;
+//# sourceMappingURL=applyText.cjs.map