@number10/jsx-phaser 5.0.0

package/dist/components/creators/createSpriteLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSpriteLayout.cjs","sources":["../../../src/components/creators/createSpriteLayout.ts"],"sourcesContent":["/**\n * Layout creator for Sprite components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Creates layout infrastructure for a Sprite component\n * Attaches layout props and size provider\n * Sprites are always headless (minimal size)\n * @param sprite - Phaser Sprite object\n * @param props - Sprite props including layout\n */\nexport function createSpriteLayout(\n  sprite: Phaser.GameObjects.Sprite & {\n    __layoutProps?: SpriteBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  props: Partial<SpriteBaseProps>\n): void {\n  // Attach layout props for layout calculations\n  sprite.__layoutProps = props as SpriteBaseProps\n\n  // Attach size provider\n  // Sprites are always headless - return minimal size (0.01x0.01)\n  // This allows them to participate in alignment but not affect layout dimensions\n  sprite.__getLayoutSize = () => {\n    return { width: 0.01, height: 0.01 }\n  }\n}\n"],"names":[],"mappings":";;AAcO,SAAS,mBACd,QAIA,OACM;AAEN,SAAO,gBAAgB;AAKvB,SAAO,kBAAkB,MAAM;AAC7B,WAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,EAChC;AACF;;"}

package/dist/components/creators/createSpriteLayout.d.ts

@@ -0,0 +1,18 @@
+import { LayoutSize } from '../../layout/index';
+import { SpriteBaseProps } from '../primitives/sprite';
+/**
+ * Layout creator for Sprite components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Creates layout infrastructure for a Sprite component
+ * Attaches layout props and size provider
+ * Sprites are always headless (minimal size)
+ * @param sprite - Phaser Sprite object
+ * @param props - Sprite props including layout
+ */
+export declare function createSpriteLayout(sprite: Phaser.GameObjects.Sprite & {
+    __layoutProps?: SpriteBaseProps;
+    __getLayoutSize?: () => LayoutSize;
+}, props: Partial<SpriteBaseProps>): void;
+//# sourceMappingURL=createSpriteLayout.d.ts.map

package/dist/components/creators/createSpriteLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSpriteLayout.d.ts","sourceRoot":"","sources":["../../../src/components/creators/createSpriteLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,GAAG;IAClC,aAAa,CAAC,EAAE,eAAe,CAAA;IAC/B,eAAe,CAAC,EAAE,MAAM,UAAU,CAAA;CACnC,EACD,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAC9B,IAAI,CAUN"}

package/dist/components/creators/createSpriteLayout.js

@@ -0,0 +1,10 @@
+function createSpriteLayout(sprite, props) {
+  sprite.__layoutProps = props;
+  sprite.__getLayoutSize = () => {
+    return { width: 0.01, height: 0.01 };
+  };
+}
+export {
+  createSpriteLayout
+};
+//# sourceMappingURL=createSpriteLayout.js.map

package/dist/components/creators/createSpriteLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSpriteLayout.js","sources":["../../../src/components/creators/createSpriteLayout.ts"],"sourcesContent":["/**\n * Layout creator for Sprite components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { SpriteBaseProps } from '../primitives/sprite'\n\n/**\n * Creates layout infrastructure for a Sprite component\n * Attaches layout props and size provider\n * Sprites are always headless (minimal size)\n * @param sprite - Phaser Sprite object\n * @param props - Sprite props including layout\n */\nexport function createSpriteLayout(\n  sprite: Phaser.GameObjects.Sprite & {\n    __layoutProps?: SpriteBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  props: Partial<SpriteBaseProps>\n): void {\n  // Attach layout props for layout calculations\n  sprite.__layoutProps = props as SpriteBaseProps\n\n  // Attach size provider\n  // Sprites are always headless - return minimal size (0.01x0.01)\n  // This allows them to participate in alignment but not affect layout dimensions\n  sprite.__getLayoutSize = () => {\n    return { width: 0.01, height: 0.01 }\n  }\n}\n"],"names":[],"mappings":"AAcO,SAAS,mBACd,QAIA,OACM;AAEN,SAAO,gBAAgB;AAKvB,SAAO,kBAAkB,MAAM;AAC7B,WAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,EAChC;AACF;"}

package/dist/components/creators/createTextLayout.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function createTextLayout(text, props) {
+  text.__layoutProps = props;
+  text.__getLayoutSize = () => {
+    if (text.__layoutProps?.headless) {
+      return { width: 0.01, height: 0.01 };
+    }
+    return {
+      width: text.width,
+      height: text.height
+    };
+  };
+}
+exports.createTextLayout = createTextLayout;
+//# sourceMappingURL=createTextLayout.cjs.map

package/dist/components/creators/createTextLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTextLayout.cjs","sources":["../../../src/components/creators/createTextLayout.ts"],"sourcesContent":["/**\n * Layout creator for text components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { TextBaseProps } from '../primitives/text'\n\n/**\n * Creates layout infrastructure for a text component\n * Attaches layout props and dynamic size provider\n * @param text - Phaser text object\n * @param props - Text props including layout\n */\nexport function createTextLayout(\n  text: Phaser.GameObjects.Text & {\n    __layoutProps?: TextBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  props: Partial<TextBaseProps>\n): void {\n  // Attach layout props for layout calculations\n  text.__layoutProps = props as TextBaseProps\n\n  // Attach dynamic size provider\n  // Headless text returns minimal size 1x1 (participates in alignment, not spacing)\n  // Note: 0x0 causes issues with Phaser internals or layout optimizations\n  // Layout-aware text returns actual dimensions (rotation ignored for layout)\n  text.__getLayoutSize = () => {\n    if (text.__layoutProps?.headless) {\n      return { width: 0.01, height: 0.01 }\n    }\n    return {\n      width: text.width,\n      height: text.height,\n    }\n  }\n}\n"],"names":[],"mappings":";;AAaO,SAAS,iBACd,MAIA,OACM;AAEN,OAAK,gBAAgB;AAMrB,OAAK,kBAAkB,MAAM;AAC3B,QAAI,KAAK,eAAe,UAAU;AAChC,aAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,IAChC;AACA,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK;AAAA,IAAA;AAAA,EAEjB;AACF;;"}

package/dist/components/creators/createTextLayout.d.ts

@@ -0,0 +1,17 @@
+import { LayoutSize } from '../../layout/index';
+import { TextBaseProps } from '../primitives/text';
+/**
+ * Layout creator for text components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Creates layout infrastructure for a text component
+ * Attaches layout props and dynamic size provider
+ * @param text - Phaser text object
+ * @param props - Text props including layout
+ */
+export declare function createTextLayout(text: Phaser.GameObjects.Text & {
+    __layoutProps?: TextBaseProps;
+    __getLayoutSize?: () => LayoutSize;
+}, props: Partial<TextBaseProps>): void;
+//# sourceMappingURL=createTextLayout.d.ts.map

package/dist/components/creators/createTextLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTextLayout.d.ts","sourceRoot":"","sources":["../../../src/components/creators/createTextLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,GAAG;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,UAAU,CAAA;CACnC,EACD,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,GAC5B,IAAI,CAiBN"}

package/dist/components/creators/createTextLayout.js

@@ -0,0 +1,16 @@
+function createTextLayout(text, props) {
+  text.__layoutProps = props;
+  text.__getLayoutSize = () => {
+    if (text.__layoutProps?.headless) {
+      return { width: 0.01, height: 0.01 };
+    }
+    return {
+      width: text.width,
+      height: text.height
+    };
+  };
+}
+export {
+  createTextLayout
+};
+//# sourceMappingURL=createTextLayout.js.map

package/dist/components/creators/createTextLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTextLayout.js","sources":["../../../src/components/creators/createTextLayout.ts"],"sourcesContent":["/**\n * Layout creator for text components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { TextBaseProps } from '../primitives/text'\n\n/**\n * Creates layout infrastructure for a text component\n * Attaches layout props and dynamic size provider\n * @param text - Phaser text object\n * @param props - Text props including layout\n */\nexport function createTextLayout(\n  text: Phaser.GameObjects.Text & {\n    __layoutProps?: TextBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  props: Partial<TextBaseProps>\n): void {\n  // Attach layout props for layout calculations\n  text.__layoutProps = props as TextBaseProps\n\n  // Attach dynamic size provider\n  // Headless text returns minimal size 1x1 (participates in alignment, not spacing)\n  // Note: 0x0 causes issues with Phaser internals or layout optimizations\n  // Layout-aware text returns actual dimensions (rotation ignored for layout)\n  text.__getLayoutSize = () => {\n    if (text.__layoutProps?.headless) {\n      return { width: 0.01, height: 0.01 }\n    }\n    return {\n      width: text.width,\n      height: text.height,\n    }\n  }\n}\n"],"names":[],"mappings":"AAaO,SAAS,iBACd,MAIA,OACM;AAEN,OAAK,gBAAgB;AAMrB,OAAK,kBAAkB,MAAM;AAC3B,QAAI,KAAK,eAAe,UAAU;AAChC,aAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,IAChC;AACA,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK;AAAA,IAAA;AAAA,EAEjB;AACF;"}

package/dist/components/creators/createTransform.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxCore = require("@number10/jsx-core");
+const signalsCore = require("@preact/signals-core");
+function resolveAnimatableNumber(v) {
+  if (v === void 0) return void 0;
+  return jsxCore.isAnimatedSignal(v) ? v.value : v;
+}
+function createTransform(node, props) {
+  if (props.x !== void 0) {
+    const x = props.x;
+    if (jsxCore.isAnimatedSignal(x)) {
+      node.x = x.value;
+      const cleanup = signalsCore.effect(() => {
+        node.x = x.value;
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("x", cleanup);
+    }
+  }
+  if (props.y !== void 0) {
+    const y = props.y;
+    if (jsxCore.isAnimatedSignal(y)) {
+      node.y = y.value;
+      const cleanup = signalsCore.effect(() => {
+        node.y = y.value;
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("y", cleanup);
+    }
+  }
+  if (props.scale !== void 0) {
+    const scale = props.scale;
+    if (jsxCore.isAnimatedSignal(scale)) {
+      node.setScale(scale.value, scale.value);
+      const cleanup = signalsCore.effect(() => {
+        node.setScale(scale.value, scale.value);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scale", cleanup);
+    } else {
+      node.setScale(scale, scale);
+    }
+  } else if (props.scaleX !== void 0 || props.scaleY !== void 0) {
+    const sx = props.scaleX;
+    const sy = props.scaleY;
+    if (jsxCore.isAnimatedSignal(sx)) {
+      node.setScale(sx.value, sy ?? 1);
+      const cleanup = signalsCore.effect(() => {
+        node.setScale(sx.value, sy ?? 1);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scaleX", cleanup);
+    } else if (jsxCore.isAnimatedSignal(sy)) {
+      node.setScale(sx ?? 1, sy.value);
+      const cleanup = signalsCore.effect(() => {
+        node.setScale(sx ?? 1, sy.value);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scaleY", cleanup);
+    } else {
+      node.setScale(sx ?? 1, sy ?? 1);
+    }
+  }
+  if (props.rotation !== void 0) {
+    const rotation = props.rotation;
+    if (jsxCore.isAnimatedSignal(rotation)) {
+      node.setRotation(rotation.value);
+      const cleanup = signalsCore.effect(() => {
+        node.setRotation(rotation.value);
+      });
+      if (!node.__signalEffects) {
+        node.__signalEffects = /* @__PURE__ */ new Map();
+      }
+      node.__signalEffects.set("rotation", cleanup);
+    } else {
+      node.setRotation(rotation);
+    }
+  }
+}
+exports.createTransform = createTransform;
+exports.resolveAnimatableNumber = resolveAnimatableNumber;
+//# sourceMappingURL=createTransform.cjs.map

package/dist/components/creators/createTransform.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTransform.cjs","sources":["../../../src/components/creators/createTransform.ts"],"sourcesContent":["/**\n * Shared property creators for component initialization\n * These functions avoid code duplication when creating nodes with initial properties\n *\n * Supports AnimatedSignal values — subscribes to signal changes on creation,\n * same as the patcher does via applyTransformProps.\n */\nimport { isAnimatedSignal } from '@number10/jsx-core'\nimport { effect } from '@preact/signals-core'\nimport type { Animatable, TransformProps } from '../../core-props'\n\ninterface SignalEffectNode {\n  __signalEffects?: Map<string, () => void>\n}\n\n/**\n * Resolve an Animatable value to a plain number or undefined.\n * If the value is an AnimatedSignal, returns its current .value,\n * otherwise returns the raw number.\n * @param v - Animatable number value\n * @returns Resolved number or undefined\n */\nexport function resolveAnimatableNumber(v: Animatable<number> | undefined): number | undefined {\n  if (v === undefined) return undefined\n  return isAnimatedSignal(v) ? v.value : v\n}\n\n/**\n * Apply transform properties during node creation (geometric transformations only).\n * Handles both plain numbers and AnimatedSignal values.\n * @param node - Node with transform capabilities\n * @param props - Initial props\n */\nexport function createTransform<\n  T extends {\n    x: number\n    y: number\n    setScale: (x: number, y: number) => void\n    setRotation: (rotation: number) => void\n  } & SignalEffectNode,\n>(node: T, props: Partial<TransformProps>): void {\n  // Position x — supports AnimatedSignal\n  if (props.x !== undefined) {\n    const x = props.x\n    if (isAnimatedSignal(x)) {\n      node.x = x.value\n      const cleanup = effect(() => {\n        node.x = x.value\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('x', cleanup)\n    }\n  }\n  // Position y — supports AnimatedSignal\n  if (props.y !== undefined) {\n    const y = props.y\n    if (isAnimatedSignal(y)) {\n      node.y = y.value\n      const cleanup = effect(() => {\n        node.y = y.value\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('y', cleanup)\n    }\n  }\n  // Unified scale — supports AnimatedSignal\n  if (props.scale !== undefined) {\n    const scale = props.scale\n    if (isAnimatedSignal(scale)) {\n      node.setScale(scale.value, scale.value)\n      const cleanup = effect(() => {\n        node.setScale(scale.value, scale.value)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scale', cleanup)\n    } else {\n      node.setScale(scale as number, scale as number)\n    }\n  } else if (props.scaleX !== undefined || props.scaleY !== undefined) {\n    const sx = props.scaleX\n    const sy = props.scaleY\n    if (isAnimatedSignal(sx)) {\n      node.setScale(sx.value, (sy as number | undefined) ?? 1)\n      const cleanup = effect(() => {\n        node.setScale(sx.value, (sy as number | undefined) ?? 1)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scaleX', cleanup)\n    } else if (isAnimatedSignal(sy)) {\n      node.setScale((sx as number | undefined) ?? 1, sy.value)\n      const cleanup = effect(() => {\n        node.setScale((sx as number | undefined) ?? 1, sy.value)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scaleY', cleanup)\n    } else {\n      node.setScale((sx as number | undefined) ?? 1, (sy as number | undefined) ?? 1)\n    }\n  }\n  if (props.rotation !== undefined) {\n    const rotation = props.rotation\n    if (isAnimatedSignal(rotation)) {\n      // Apply initial value and subscribe to future changes\n      node.setRotation(rotation.value)\n      const cleanup = effect(() => {\n        node.setRotation(rotation.value)\n      })\n      if (!node.__signalEffects) {\n        node.__signalEffects = new Map()\n      }\n      node.__signalEffects.set('rotation', cleanup)\n    } else {\n      node.setRotation(rotation as number)\n    }\n  }\n}\n"],"names":["isAnimatedSignal","effect"],"mappings":";;;;AAsBO,SAAS,wBAAwB,GAAuD;AAC7F,MAAI,MAAM,OAAW,QAAO;AAC5B,SAAOA,QAAAA,iBAAiB,CAAC,IAAI,EAAE,QAAQ;AACzC;AAQO,SAAS,gBAOd,MAAS,OAAsC;AAE/C,MAAI,MAAM,MAAM,QAAW;AACzB,UAAM,IAAI,MAAM;AAChB,QAAIA,QAAAA,iBAAiB,CAAC,GAAG;AACvB,WAAK,IAAI,EAAE;AACX,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,IAAI,EAAE;AAAA,MACb,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,IACvC;AAAA,EACF;AAEA,MAAI,MAAM,MAAM,QAAW;AACzB,UAAM,IAAI,MAAM;AAChB,QAAID,QAAAA,iBAAiB,CAAC,GAAG;AACvB,WAAK,IAAI,EAAE;AACX,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,IAAI,EAAE;AAAA,MACb,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,IACvC;AAAA,EACF;AAEA,MAAI,MAAM,UAAU,QAAW;AAC7B,UAAM,QAAQ,MAAM;AACpB,QAAID,QAAAA,iBAAiB,KAAK,GAAG;AAC3B,WAAK,SAAS,MAAM,OAAO,MAAM,KAAK;AACtC,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,SAAS,MAAM,OAAO,MAAM,KAAK;AAAA,MACxC,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,SAAS,OAAO;AAAA,IAC3C,OAAO;AACL,WAAK,SAAS,OAAiB,KAAe;AAAA,IAChD;AAAA,EACF,WAAW,MAAM,WAAW,UAAa,MAAM,WAAW,QAAW;AACnE,UAAM,KAAK,MAAM;AACjB,UAAM,KAAK,MAAM;AACjB,QAAID,QAAAA,iBAAiB,EAAE,GAAG;AACxB,WAAK,SAAS,GAAG,OAAQ,MAA6B,CAAC;AACvD,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,SAAS,GAAG,OAAQ,MAA6B,CAAC;AAAA,MACzD,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,UAAU,OAAO;AAAA,IAC5C,WAAWD,yBAAiB,EAAE,GAAG;AAC/B,WAAK,SAAU,MAA6B,GAAG,GAAG,KAAK;AACvD,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,SAAU,MAA6B,GAAG,GAAG,KAAK;AAAA,MACzD,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,UAAU,OAAO;AAAA,IAC5C,OAAO;AACL,WAAK,SAAU,MAA6B,GAAI,MAA6B,CAAC;AAAA,IAChF;AAAA,EACF;AACA,MAAI,MAAM,aAAa,QAAW;AAChC,UAAM,WAAW,MAAM;AACvB,QAAID,QAAAA,iBAAiB,QAAQ,GAAG;AAE9B,WAAK,YAAY,SAAS,KAAK;AAC/B,YAAM,UAAUC,YAAAA,OAAO,MAAM;AAC3B,aAAK,YAAY,SAAS,KAAK;AAAA,MACjC,CAAC;AACD,UAAI,CAAC,KAAK,iBAAiB;AACzB,aAAK,sCAAsB,IAAA;AAAA,MAC7B;AACA,WAAK,gBAAgB,IAAI,YAAY,OAAO;AAAA,IAC9C,OAAO;AACL,WAAK,YAAY,QAAkB;AAAA,IACrC;AAAA,EACF;AACF;;;"}

package/dist/components/creators/createTransform.d.ts

@@ -0,0 +1,26 @@
+import { Animatable, TransformProps } from '../../core-props';
+interface SignalEffectNode {
+    __signalEffects?: Map<string, () => void>;
+}
+/**
+ * Resolve an Animatable value to a plain number or undefined.
+ * If the value is an AnimatedSignal, returns its current .value,
+ * otherwise returns the raw number.
+ * @param v - Animatable number value
+ * @returns Resolved number or undefined
+ */
+export declare function resolveAnimatableNumber(v: Animatable<number> | undefined): number | undefined;
+/**
+ * Apply transform properties during node creation (geometric transformations only).
+ * Handles both plain numbers and AnimatedSignal values.
+ * @param node - Node with transform capabilities
+ * @param props - Initial props
+ */
+export declare function createTransform<T extends {
+    x: number;
+    y: number;
+    setScale: (x: number, y: number) => void;
+    setRotation: (rotation: number) => void;
+} & SignalEffectNode>(node: T, props: Partial<TransformProps>): void;
+export {};
+//# sourceMappingURL=createTransform.d.ts.map

package/dist/components/creators/createTransform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTransform.d.ts","sourceRoot":"","sources":["../../../src/components/creators/createTransform.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAElE,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAA;CAC1C;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAG7F;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,CAAC,SAAS;IACR,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,GAAG,gBAAgB,EACpB,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CA2E/C"}

package/dist/components/creators/createTransform.js

@@ -0,0 +1,83 @@
+import { isAnimatedSignal } from "@number10/jsx-core";
+import { effect } from "@preact/signals-core";
+function resolveAnimatableNumber(v) {
+  if (v === void 0) return void 0;
+  return isAnimatedSignal(v) ? v.value : v;
+}
+function createTransform(node, props) {
+  if (props.x !== void 0) {
+    const x = props.x;
+    if (isAnimatedSignal(x)) {
+      node.x = x.value;
+      const cleanup = effect(() => {
+        node.x = x.value;
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("x", cleanup);
+    }
+  }
+  if (props.y !== void 0) {
+    const y = props.y;
+    if (isAnimatedSignal(y)) {
+      node.y = y.value;
+      const cleanup = effect(() => {
+        node.y = y.value;
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("y", cleanup);
+    }
+  }
+  if (props.scale !== void 0) {
+    const scale = props.scale;
+    if (isAnimatedSignal(scale)) {
+      node.setScale(scale.value, scale.value);
+      const cleanup = effect(() => {
+        node.setScale(scale.value, scale.value);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scale", cleanup);
+    } else {
+      node.setScale(scale, scale);
+    }
+  } else if (props.scaleX !== void 0 || props.scaleY !== void 0) {
+    const sx = props.scaleX;
+    const sy = props.scaleY;
+    if (isAnimatedSignal(sx)) {
+      node.setScale(sx.value, sy ?? 1);
+      const cleanup = effect(() => {
+        node.setScale(sx.value, sy ?? 1);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scaleX", cleanup);
+    } else if (isAnimatedSignal(sy)) {
+      node.setScale(sx ?? 1, sy.value);
+      const cleanup = effect(() => {
+        node.setScale(sx ?? 1, sy.value);
+      });
+      if (!node.__signalEffects) node.__signalEffects = /* @__PURE__ */ new Map();
+      node.__signalEffects.set("scaleY", cleanup);
+    } else {
+      node.setScale(sx ?? 1, sy ?? 1);
+    }
+  }
+  if (props.rotation !== void 0) {
+    const rotation = props.rotation;
+    if (isAnimatedSignal(rotation)) {
+      node.setRotation(rotation.value);
+      const cleanup = effect(() => {
+        node.setRotation(rotation.value);
+      });
+      if (!node.__signalEffects) {
+        node.__signalEffects = /* @__PURE__ */ new Map();
+      }
+      node.__signalEffects.set("rotation", cleanup);
+    } else {
+      node.setRotation(rotation);
+    }
+  }
+}
+export {
+  createTransform,
+  resolveAnimatableNumber
+};
+//# sourceMappingURL=createTransform.js.map

package/dist/components/creators/createTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTransform.js","sources":["../../../src/components/creators/createTransform.ts"],"sourcesContent":["/**\n * Shared property creators for component initialization\n * These functions avoid code duplication when creating nodes with initial properties\n *\n * Supports AnimatedSignal values — subscribes to signal changes on creation,\n * same as the patcher does via applyTransformProps.\n */\nimport { isAnimatedSignal } from '@number10/jsx-core'\nimport { effect } from '@preact/signals-core'\nimport type { Animatable, TransformProps } from '../../core-props'\n\ninterface SignalEffectNode {\n  __signalEffects?: Map<string, () => void>\n}\n\n/**\n * Resolve an Animatable value to a plain number or undefined.\n * If the value is an AnimatedSignal, returns its current .value,\n * otherwise returns the raw number.\n * @param v - Animatable number value\n * @returns Resolved number or undefined\n */\nexport function resolveAnimatableNumber(v: Animatable<number> | undefined): number | undefined {\n  if (v === undefined) return undefined\n  return isAnimatedSignal(v) ? v.value : v\n}\n\n/**\n * Apply transform properties during node creation (geometric transformations only).\n * Handles both plain numbers and AnimatedSignal values.\n * @param node - Node with transform capabilities\n * @param props - Initial props\n */\nexport function createTransform<\n  T extends {\n    x: number\n    y: number\n    setScale: (x: number, y: number) => void\n    setRotation: (rotation: number) => void\n  } & SignalEffectNode,\n>(node: T, props: Partial<TransformProps>): void {\n  // Position x — supports AnimatedSignal\n  if (props.x !== undefined) {\n    const x = props.x\n    if (isAnimatedSignal(x)) {\n      node.x = x.value\n      const cleanup = effect(() => {\n        node.x = x.value\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('x', cleanup)\n    }\n  }\n  // Position y — supports AnimatedSignal\n  if (props.y !== undefined) {\n    const y = props.y\n    if (isAnimatedSignal(y)) {\n      node.y = y.value\n      const cleanup = effect(() => {\n        node.y = y.value\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('y', cleanup)\n    }\n  }\n  // Unified scale — supports AnimatedSignal\n  if (props.scale !== undefined) {\n    const scale = props.scale\n    if (isAnimatedSignal(scale)) {\n      node.setScale(scale.value, scale.value)\n      const cleanup = effect(() => {\n        node.setScale(scale.value, scale.value)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scale', cleanup)\n    } else {\n      node.setScale(scale as number, scale as number)\n    }\n  } else if (props.scaleX !== undefined || props.scaleY !== undefined) {\n    const sx = props.scaleX\n    const sy = props.scaleY\n    if (isAnimatedSignal(sx)) {\n      node.setScale(sx.value, (sy as number | undefined) ?? 1)\n      const cleanup = effect(() => {\n        node.setScale(sx.value, (sy as number | undefined) ?? 1)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scaleX', cleanup)\n    } else if (isAnimatedSignal(sy)) {\n      node.setScale((sx as number | undefined) ?? 1, sy.value)\n      const cleanup = effect(() => {\n        node.setScale((sx as number | undefined) ?? 1, sy.value)\n      })\n      if (!node.__signalEffects) node.__signalEffects = new Map()\n      node.__signalEffects.set('scaleY', cleanup)\n    } else {\n      node.setScale((sx as number | undefined) ?? 1, (sy as number | undefined) ?? 1)\n    }\n  }\n  if (props.rotation !== undefined) {\n    const rotation = props.rotation\n    if (isAnimatedSignal(rotation)) {\n      // Apply initial value and subscribe to future changes\n      node.setRotation(rotation.value)\n      const cleanup = effect(() => {\n        node.setRotation(rotation.value)\n      })\n      if (!node.__signalEffects) {\n        node.__signalEffects = new Map()\n      }\n      node.__signalEffects.set('rotation', cleanup)\n    } else {\n      node.setRotation(rotation as number)\n    }\n  }\n}\n"],"names":[],"mappings":";;AAsBO,SAAS,wBAAwB,GAAuD;AAC7F,MAAI,MAAM,OAAW,QAAO;AAC5B,SAAO,iBAAiB,CAAC,IAAI,EAAE,QAAQ;AACzC;AAQO,SAAS,gBAOd,MAAS,OAAsC;AAE/C,MAAI,MAAM,MAAM,QAAW;AACzB,UAAM,IAAI,MAAM;AAChB,QAAI,iBAAiB,CAAC,GAAG;AACvB,WAAK,IAAI,EAAE;AACX,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,IAAI,EAAE;AAAA,MACb,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,IACvC;AAAA,EACF;AAEA,MAAI,MAAM,MAAM,QAAW;AACzB,UAAM,IAAI,MAAM;AAChB,QAAI,iBAAiB,CAAC,GAAG;AACvB,WAAK,IAAI,EAAE;AACX,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,IAAI,EAAE;AAAA,MACb,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,KAAK,OAAO;AAAA,IACvC;AAAA,EACF;AAEA,MAAI,MAAM,UAAU,QAAW;AAC7B,UAAM,QAAQ,MAAM;AACpB,QAAI,iBAAiB,KAAK,GAAG;AAC3B,WAAK,SAAS,MAAM,OAAO,MAAM,KAAK;AACtC,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,SAAS,MAAM,OAAO,MAAM,KAAK;AAAA,MACxC,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,SAAS,OAAO;AAAA,IAC3C,OAAO;AACL,WAAK,SAAS,OAAiB,KAAe;AAAA,IAChD;AAAA,EACF,WAAW,MAAM,WAAW,UAAa,MAAM,WAAW,QAAW;AACnE,UAAM,KAAK,MAAM;AACjB,UAAM,KAAK,MAAM;AACjB,QAAI,iBAAiB,EAAE,GAAG;AACxB,WAAK,SAAS,GAAG,OAAQ,MAA6B,CAAC;AACvD,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,SAAS,GAAG,OAAQ,MAA6B,CAAC;AAAA,MACzD,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,UAAU,OAAO;AAAA,IAC5C,WAAW,iBAAiB,EAAE,GAAG;AAC/B,WAAK,SAAU,MAA6B,GAAG,GAAG,KAAK;AACvD,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,SAAU,MAA6B,GAAG,GAAG,KAAK;AAAA,MACzD,CAAC;AACD,UAAI,CAAC,KAAK,gBAAiB,MAAK,sCAAsB,IAAA;AACtD,WAAK,gBAAgB,IAAI,UAAU,OAAO;AAAA,IAC5C,OAAO;AACL,WAAK,SAAU,MAA6B,GAAI,MAA6B,CAAC;AAAA,IAChF;AAAA,EACF;AACA,MAAI,MAAM,aAAa,QAAW;AAChC,UAAM,WAAW,MAAM;AACvB,QAAI,iBAAiB,QAAQ,GAAG;AAE9B,WAAK,YAAY,SAAS,KAAK;AAC/B,YAAM,UAAU,OAAO,MAAM;AAC3B,aAAK,YAAY,SAAS,KAAK;AAAA,MACjC,CAAC;AACD,UAAI,CAAC,KAAK,iBAAiB;AACzB,aAAK,sCAAsB,IAAA;AAAA,MAC7B;AACA,WAAK,gBAAgB,IAAI,YAAY,OAAO;AAAA,IAC9C,OAAO;AACL,WAAK,YAAY,QAAkB;AAAA,IACrC;AAAA,EACF;AACF;"}

package/dist/components/custom/Graphics.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@number10/jsx-core/jsx-runtime");
+require("../../hooks.cjs");
+const theme = require("../../theme.cjs");
+const jsxCore = require("@number10/jsx-core");
+function Graphics(props) {
+  const localTheme = jsxCore.useTheme();
+  const { props: themed, nestedTheme } = theme.getThemedProps("Graphics", localTheme, props);
+  return /* @__PURE__ */ jsxRuntime.jsx("graphics", { ...themed, theme: nestedTheme });
+}
+exports.Graphics = Graphics;
+//# sourceMappingURL=Graphics.cjs.map

package/dist/components/custom/Graphics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graphics.cjs","sources":["../../../src/components/custom/Graphics.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * Graphics component wrapper - strict type-safe wrapper around primitive graphics\n * This component is the public API for Graphics, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps, PhaserProps, TransformProps } from '../../core-props'\nimport { useTheme } from '../../hooks'\nimport { getThemedProps } from '../../theme'\nimport type { ChildrenType, PropsDefaultExtension } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/**\n * Props for Graphics component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface GraphicsProps\n  extends\n    TransformProps,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.Graphics> {\n  /**\n   * Drawing callback - receives Graphics instance for custom drawing\n   * Called on mount and when dependencies change\n   * @param graphics - Phaser Graphics instance\n   * @param props - Current props (for accessing dynamic values)\n   */\n  onDraw?: (graphics: Phaser.GameObjects.Graphics, props: GraphicsProps) => void\n\n  /**\n   * If true, graphics is cleared before onDraw is called\n   * Default: true (usually what you want)\n   */\n  autoClear?: boolean\n\n  /**\n   * Dependencies array - if any value changes, onDraw is re-executed\n   * Similar to React useEffect dependencies\n   */\n  dependencies?: unknown[]\n\n  /** Children are not supported for Graphics component */\n  children?: ChildrenType\n}\n\n/**\n * Graphics component\n * Renders custom vector shapes via imperative drawing API\n *\n * @example\n * ```tsx\n * <Graphics\n *   onDraw={(g) => {\n *     g.fillStyle(0xff0000, 1)\n *     g.fillCircle(50, 50, 50)\n *   }}\n * />\n * ```\n */\nexport function Graphics(props: GraphicsProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('Graphics', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <graphics {...themed} theme={nestedTheme} />\n}\n"],"names":["useTheme","getThemedProps","jsx"],"mappings":";;;;;;AA4DO,SAAS,SAAS,OAAiC;AACxD,QAAM,aAAaA,QAAAA,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgBC,MAAAA,eAAe,YAAY,YAAY,KAAY;AAG1F,SAAOC,2BAAAA,IAAC,YAAA,EAAU,GAAG,QAAQ,OAAO,aAAa;AACnD;;"}

package/dist/components/custom/Graphics.d.ts

@@ -0,0 +1,50 @@
+import { LayoutProps, PhaserProps, TransformProps } from '../../core-props';
+import { ChildrenType, PropsDefaultExtension } from '../../types';
+import { VNodeLike } from '../../vdom';
+/** @jsxImportSource ../.. */
+/**
+ * Graphics component wrapper - strict type-safe wrapper around primitive graphics
+ * This component is the public API for Graphics, with controlled prop interface
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Props for Graphics component
+ * Explicitly defined to ensure type safety in JSX usage
+ */
+export interface GraphicsProps extends TransformProps, PhaserProps, Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>, PropsDefaultExtension<Phaser.GameObjects.Graphics> {
+    /**
+     * Drawing callback - receives Graphics instance for custom drawing
+     * Called on mount and when dependencies change
+     * @param graphics - Phaser Graphics instance
+     * @param props - Current props (for accessing dynamic values)
+     */
+    onDraw?: (graphics: Phaser.GameObjects.Graphics, props: GraphicsProps) => void;
+    /**
+     * If true, graphics is cleared before onDraw is called
+     * Default: true (usually what you want)
+     */
+    autoClear?: boolean;
+    /**
+     * Dependencies array - if any value changes, onDraw is re-executed
+     * Similar to React useEffect dependencies
+     */
+    dependencies?: unknown[];
+    /** Children are not supported for Graphics component */
+    children?: ChildrenType;
+}
+/**
+ * Graphics component
+ * Renders custom vector shapes via imperative drawing API
+ *
+ * @example
+ * ```tsx
+ * <Graphics
+ *   onDraw={(g) => {
+ *     g.fillStyle(0xff0000, 1)
+ *     g.fillCircle(50, 50, 50)
+ *   }}
+ * />
+ * ```
+ */
+export declare function Graphics(props: GraphicsProps): VNodeLike;
+//# sourceMappingURL=Graphics.d.ts.map

package/dist/components/custom/Graphics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graphics.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Graphics.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGhF,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C;;;GAGG;AACH,MAAM,WAAW,aACf,SACE,cAAc,EACd,WAAW,EACX,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,GAAG,YAAY,GAAG,KAAK,GAAG,UAAU,CAAC,EACrF,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC;IACpD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAE9E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IAExB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAOxD"}

package/dist/components/custom/Graphics.js

@@ -0,0 +1,13 @@
+import { jsx } from "@number10/jsx-core/jsx-runtime";
+import "../../hooks.js";
+import { getThemedProps } from "../../theme.js";
+import { useTheme } from "@number10/jsx-core";
+function Graphics(props) {
+  const localTheme = useTheme();
+  const { props: themed, nestedTheme } = getThemedProps("Graphics", localTheme, props);
+  return /* @__PURE__ */ jsx("graphics", { ...themed, theme: nestedTheme });
+}
+export {
+  Graphics
+};
+//# sourceMappingURL=Graphics.js.map

package/dist/components/custom/Graphics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graphics.js","sources":["../../../src/components/custom/Graphics.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * Graphics component wrapper - strict type-safe wrapper around primitive graphics\n * This component is the public API for Graphics, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps, PhaserProps, TransformProps } from '../../core-props'\nimport { useTheme } from '../../hooks'\nimport { getThemedProps } from '../../theme'\nimport type { ChildrenType, PropsDefaultExtension } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/**\n * Props for Graphics component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface GraphicsProps\n  extends\n    TransformProps,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.Graphics> {\n  /**\n   * Drawing callback - receives Graphics instance for custom drawing\n   * Called on mount and when dependencies change\n   * @param graphics - Phaser Graphics instance\n   * @param props - Current props (for accessing dynamic values)\n   */\n  onDraw?: (graphics: Phaser.GameObjects.Graphics, props: GraphicsProps) => void\n\n  /**\n   * If true, graphics is cleared before onDraw is called\n   * Default: true (usually what you want)\n   */\n  autoClear?: boolean\n\n  /**\n   * Dependencies array - if any value changes, onDraw is re-executed\n   * Similar to React useEffect dependencies\n   */\n  dependencies?: unknown[]\n\n  /** Children are not supported for Graphics component */\n  children?: ChildrenType\n}\n\n/**\n * Graphics component\n * Renders custom vector shapes via imperative drawing API\n *\n * @example\n * ```tsx\n * <Graphics\n *   onDraw={(g) => {\n *     g.fillStyle(0xff0000, 1)\n *     g.fillCircle(50, 50, 50)\n *   }}\n * />\n * ```\n */\nexport function Graphics(props: GraphicsProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('Graphics', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <graphics {...themed} theme={nestedTheme} />\n}\n"],"names":[],"mappings":";;;;AA4DO,SAAS,SAAS,OAAiC;AACxD,QAAM,aAAa,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgB,eAAe,YAAY,YAAY,KAAY;AAG1F,SAAO,oBAAC,YAAA,EAAU,GAAG,QAAQ,OAAO,aAAa;AACnD;"}

package/dist/components/custom/NineSlice.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@number10/jsx-core/jsx-runtime");
+require("../../hooks.cjs");
+const theme = require("../../theme.cjs");
+const jsxCore = require("@number10/jsx-core");
+function NineSlice(props) {
+  const localTheme = jsxCore.useTheme();
+  const { props: themed, nestedTheme } = theme.getThemedProps("NineSlice", localTheme, props);
+  return /* @__PURE__ */ jsxRuntime.jsx("nineslice", { ...themed, theme: nestedTheme });
+}
+exports.NineSlice = NineSlice;
+//# sourceMappingURL=NineSlice.cjs.map

package/dist/components/custom/NineSlice.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineSlice.cjs","sources":["../../../src/components/custom/NineSlice.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * NineSlice component wrapper - strict type-safe wrapper around primitive nineslice\n * This component is the public API for NineSlice, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps, PhaserProps, TransformProps } from '../../core-props'\nimport { useTheme } from '../../hooks'\nimport { getThemedProps } from '../../theme'\nimport type { ChildrenType, PropsDefaultExtension } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/**\n * Props for NineSlice component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface NineSliceProps\n  extends\n    Omit<TransformProps, 'scaleX' | 'scaleY' | 'scale'>,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.NineSlice> {\n  /** Texture key (loaded via Phaser's texture manager) */\n  texture: string\n\n  /** Optional frame from texture atlas */\n  frame?: string | number\n\n  /** Tint color applied to NineSlice (0xRRGGBB) */\n  tint?: number | undefined\n\n  /**\n   * Width of the left slice (in pixels of source texture)\n   * Defines the non-stretching left border/corner area\n   */\n  leftWidth: number\n\n  /**\n   * Width of the right slice (in pixels of source texture)\n   * Defines the non-stretching right border/corner area\n   */\n  rightWidth: number\n\n  /**\n   * Height of the top slice (in pixels of source texture)\n   * Optional - omit for 3-slice mode (horizontal only)\n   */\n  topHeight?: number\n\n  /**\n   * Height of the bottom slice (in pixels of source texture)\n   * Optional - omit for 3-slice mode (horizontal only)\n   */\n  bottomHeight?: number\n\n  /** Children are not supported for NineSlice component */\n  children?: ChildrenType\n}\n\n/**\n * NineSlice component\n * Displays scalable 9-slice textures with preserved corners\n *\n * @example\n * ```tsx\n * // Basic 9-slice panel\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"panel\"\n *   width={300}\n *   height={200}\n *   leftWidth={20}\n *   rightWidth={20}\n *   topHeight={20}\n *   bottomHeight={20}\n * />\n *\n * // 3-slice horizontal bar (no vertical slicing)\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"bar\"\n *   width={400}\n *   height={60}\n *   leftWidth={15}\n *   rightWidth={15}\n * />\n *\n * // Tinted panel\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"button\"\n *   width={250}\n *   height={100}\n *   leftWidth={14}\n *   rightWidth={14}\n *   topHeight={14}\n *   bottomHeight={14}\n *   tint={0xff6600}\n * />\n * ```\n */\nexport function NineSlice(props: NineSliceProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('NineSlice', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return <nineslice {...(themed as any)} theme={nestedTheme} />\n}\n"],"names":["useTheme","getThemedProps","jsx"],"mappings":";;;;;;AAqGO,SAAS,UAAU,OAAkC;AAC1D,QAAM,aAAaA,QAAAA,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgBC,MAAAA,eAAe,aAAa,YAAY,KAAY;AAI3F,SAAOC,2BAAAA,IAAC,aAAA,EAAW,GAAI,QAAgB,OAAO,aAAa;AAC7D;;"}

package/dist/components/custom/NineSlice.d.ts

@@ -0,0 +1,87 @@
+import { LayoutProps, PhaserProps, TransformProps } from '../../core-props';
+import { ChildrenType, PropsDefaultExtension } from '../../types';
+import { VNodeLike } from '../../vdom';
+/** @jsxImportSource ../.. */
+/**
+ * NineSlice component wrapper - strict type-safe wrapper around primitive nineslice
+ * This component is the public API for NineSlice, with controlled prop interface
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Props for NineSlice component
+ * Explicitly defined to ensure type safety in JSX usage
+ */
+export interface NineSliceProps extends Omit<TransformProps, 'scaleX' | 'scaleY' | 'scale'>, PhaserProps, Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>, PropsDefaultExtension<Phaser.GameObjects.NineSlice> {
+    /** Texture key (loaded via Phaser's texture manager) */
+    texture: string;
+    /** Optional frame from texture atlas */
+    frame?: string | number;
+    /** Tint color applied to NineSlice (0xRRGGBB) */
+    tint?: number | undefined;
+    /**
+     * Width of the left slice (in pixels of source texture)
+     * Defines the non-stretching left border/corner area
+     */
+    leftWidth: number;
+    /**
+     * Width of the right slice (in pixels of source texture)
+     * Defines the non-stretching right border/corner area
+     */
+    rightWidth: number;
+    /**
+     * Height of the top slice (in pixels of source texture)
+     * Optional - omit for 3-slice mode (horizontal only)
+     */
+    topHeight?: number;
+    /**
+     * Height of the bottom slice (in pixels of source texture)
+     * Optional - omit for 3-slice mode (horizontal only)
+     */
+    bottomHeight?: number;
+    /** Children are not supported for NineSlice component */
+    children?: ChildrenType;
+}
+/**
+ * NineSlice component
+ * Displays scalable 9-slice textures with preserved corners
+ *
+ * @example
+ * ```tsx
+ * // Basic 9-slice panel
+ * <NineSlice
+ *   texture="ui"
+ *   frame="panel"
+ *   width={300}
+ *   height={200}
+ *   leftWidth={20}
+ *   rightWidth={20}
+ *   topHeight={20}
+ *   bottomHeight={20}
+ * />
+ *
+ * // 3-slice horizontal bar (no vertical slicing)
+ * <NineSlice
+ *   texture="ui"
+ *   frame="bar"
+ *   width={400}
+ *   height={60}
+ *   leftWidth={15}
+ *   rightWidth={15}
+ * />
+ *
+ * // Tinted panel
+ * <NineSlice
+ *   texture="ui"
+ *   frame="button"
+ *   width={250}
+ *   height={100}
+ *   leftWidth={14}
+ *   rightWidth={14}
+ *   topHeight={14}
+ *   bottomHeight={14}
+ *   tint={0xff6600}
+ * />
+ * ```
+ */
+export declare function NineSlice(props: NineSliceProps): VNodeLike;
+//# sourceMappingURL=NineSlice.d.ts.map

package/dist/components/custom/NineSlice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineSlice.d.ts","sourceRoot":"","sources":["../../../src/components/custom/NineSlice.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGhF,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C;;;GAGG;AACH,MAAM,WAAW,cACf,SACE,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,EACnD,WAAW,EACX,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,GAAG,YAAY,GAAG,KAAK,GAAG,UAAU,CAAC,EACrF,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;IACrD,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IAEf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAQ1D"}

package/dist/components/custom/NineSlice.js

@@ -0,0 +1,13 @@
+import { jsx } from "@number10/jsx-core/jsx-runtime";
+import "../../hooks.js";
+import { getThemedProps } from "../../theme.js";
+import { useTheme } from "@number10/jsx-core";
+function NineSlice(props) {
+  const localTheme = useTheme();
+  const { props: themed, nestedTheme } = getThemedProps("NineSlice", localTheme, props);
+  return /* @__PURE__ */ jsx("nineslice", { ...themed, theme: nestedTheme });
+}
+export {
+  NineSlice
+};
+//# sourceMappingURL=NineSlice.js.map

package/dist/components/custom/NineSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineSlice.js","sources":["../../../src/components/custom/NineSlice.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * NineSlice component wrapper - strict type-safe wrapper around primitive nineslice\n * This component is the public API for NineSlice, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps, PhaserProps, TransformProps } from '../../core-props'\nimport { useTheme } from '../../hooks'\nimport { getThemedProps } from '../../theme'\nimport type { ChildrenType, PropsDefaultExtension } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/**\n * Props for NineSlice component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface NineSliceProps\n  extends\n    Omit<TransformProps, 'scaleX' | 'scaleY' | 'scale'>,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.NineSlice> {\n  /** Texture key (loaded via Phaser's texture manager) */\n  texture: string\n\n  /** Optional frame from texture atlas */\n  frame?: string | number\n\n  /** Tint color applied to NineSlice (0xRRGGBB) */\n  tint?: number | undefined\n\n  /**\n   * Width of the left slice (in pixels of source texture)\n   * Defines the non-stretching left border/corner area\n   */\n  leftWidth: number\n\n  /**\n   * Width of the right slice (in pixels of source texture)\n   * Defines the non-stretching right border/corner area\n   */\n  rightWidth: number\n\n  /**\n   * Height of the top slice (in pixels of source texture)\n   * Optional - omit for 3-slice mode (horizontal only)\n   */\n  topHeight?: number\n\n  /**\n   * Height of the bottom slice (in pixels of source texture)\n   * Optional - omit for 3-slice mode (horizontal only)\n   */\n  bottomHeight?: number\n\n  /** Children are not supported for NineSlice component */\n  children?: ChildrenType\n}\n\n/**\n * NineSlice component\n * Displays scalable 9-slice textures with preserved corners\n *\n * @example\n * ```tsx\n * // Basic 9-slice panel\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"panel\"\n *   width={300}\n *   height={200}\n *   leftWidth={20}\n *   rightWidth={20}\n *   topHeight={20}\n *   bottomHeight={20}\n * />\n *\n * // 3-slice horizontal bar (no vertical slicing)\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"bar\"\n *   width={400}\n *   height={60}\n *   leftWidth={15}\n *   rightWidth={15}\n * />\n *\n * // Tinted panel\n * <NineSlice\n *   texture=\"ui\"\n *   frame=\"button\"\n *   width={250}\n *   height={100}\n *   leftWidth={14}\n *   rightWidth={14}\n *   topHeight={14}\n *   bottomHeight={14}\n *   tint={0xff6600}\n * />\n * ```\n */\nexport function NineSlice(props: NineSliceProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('NineSlice', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return <nineslice {...(themed as any)} theme={nestedTheme} />\n}\n"],"names":[],"mappings":";;;;AAqGO,SAAS,UAAU,OAAkC;AAC1D,QAAM,aAAa,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgB,eAAe,aAAa,YAAY,KAAY;AAI3F,SAAO,oBAAC,aAAA,EAAW,GAAI,QAAgB,OAAO,aAAa;AAC7D;"}

package/dist/components/custom/Particles.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@number10/jsx-core/jsx-runtime");
+function Particles(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("particles", { ...props });
+}
+exports.Particles = Particles;
+//# sourceMappingURL=Particles.cjs.map

package/dist/components/custom/Particles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Particles.cjs","sources":["../../../src/components/custom/Particles.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * Particles component wrapper - typed wrapper around primitive particles\n */\nimport type { LayoutProps, PhaserProps, TransformProps } from '../../core-props'\nimport type { ParticleDeathZoneConfig, ParticleZoneConfig } from '../../particles/emit-zone'\nimport type { ParticlesHandle } from '../../particles/particle-types'\nimport type { ParticleEmitterConfig, ParticlePresetName } from '../../particles/preset-registry'\nimport type { PropsDefaultExtension } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\nexport interface ParticlesProps\n  extends\n    TransformProps,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<ParticlesHandle> {\n  texture: string\n  frame?: string | number\n  preset?: ParticlePresetName\n  config?: ParticleEmitterConfig\n  /** Where particles are born */\n  emitZone?: ParticleZoneConfig\n  /**\n   * Where particles are born.\n   * @deprecated Use emitZone.\n   */\n  zone?: ParticleZoneConfig\n  /** Where particles are removed */\n  deathZones?: ParticleDeathZoneConfig | ParticleDeathZoneConfig[] | undefined\n  /**\n   * Where particles are removed.\n   * @deprecated Use deathZones.\n   */\n  excludeZones?: ParticleDeathZoneConfig | ParticleDeathZoneConfig[] | undefined\n}\n\nexport function Particles(props: ParticlesProps): VNodeLike {\n  return <particles {...props} />\n}\n"],"names":["jsx"],"mappings":";;;AAqCO,SAAS,UAAU,OAAkC;AAC1D,SAAOA,+BAAC,aAAA,EAAW,GAAG,MAAA,CAAO;AAC/B;;"}