@number10/jsx-phaser 5.0.0

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

@@ -0,0 +1,28 @@
+import { LayoutProps, PhaserProps, TransformProps } from '../../core-props';
+import { ParticleDeathZoneConfig, ParticleZoneConfig } from '../../particles/emit-zone';
+import { ParticlesHandle } from '../../particles/particle-types';
+import { ParticleEmitterConfig, ParticlePresetName } from '../../particles/preset-registry';
+import { PropsDefaultExtension } from '../../types';
+import { VNodeLike } from '../../vdom';
+export interface ParticlesProps extends TransformProps, PhaserProps, Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>, PropsDefaultExtension<ParticlesHandle> {
+    texture: string;
+    frame?: string | number;
+    preset?: ParticlePresetName;
+    config?: ParticleEmitterConfig;
+    /** Where particles are born */
+    emitZone?: ParticleZoneConfig;
+    /**
+     * Where particles are born.
+     * @deprecated Use emitZone.
+     */
+    zone?: ParticleZoneConfig;
+    /** Where particles are removed */
+    deathZones?: ParticleDeathZoneConfig | ParticleDeathZoneConfig[] | undefined;
+    /**
+     * Where particles are removed.
+     * @deprecated Use deathZones.
+     */
+    excludeZones?: ParticleDeathZoneConfig | ParticleDeathZoneConfig[] | undefined;
+}
+export declare function Particles(props: ParticlesProps): VNodeLike;
+//# sourceMappingURL=Particles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Particles.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Particles.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAChG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,MAAM,WAAW,cACf,SACE,cAAc,EACd,WAAW,EACX,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,GAAG,YAAY,GAAG,KAAK,GAAG,UAAU,CAAC,EACrF,qBAAqB,CAAC,eAAe,CAAC;IACxC,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,GAAG,SAAS,CAAA;IAC5E;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,GAAG,SAAS,CAAA;CAC/E;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAE1D"}

package/dist/components/custom/Particles.js

@@ -0,0 +1,8 @@
+import { jsx } from "@number10/jsx-core/jsx-runtime";
+function Particles(props) {
+  return /* @__PURE__ */ jsx("particles", { ...props });
+}
+export {
+  Particles
+};
+//# sourceMappingURL=Particles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Particles.js","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":[],"mappings":";AAqCO,SAAS,UAAU,OAAkC;AAC1D,SAAO,oBAAC,aAAA,EAAW,GAAG,MAAA,CAAO;AAC/B;"}

package/dist/components/custom/RefOriginView.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@number10/jsx-core/jsx-runtime");
+const jsxComponents = require("@number10/jsx-components");
+require("../../hooks.cjs");
+const renderContext = require("../../render-context.cjs");
+const jsxCore = require("@number10/jsx-core");
+function RefOriginView({
+  originX = 0.5,
+  originY = 0.5,
+  x = 0,
+  y = 0,
+  width,
+  height,
+  ref,
+  padding,
+  children,
+  ...viewProps
+}) {
+  const outerRef = jsxCore.useRef(null);
+  const [numericDimension, setNumericWidth] = jsxCore.useState({ x: 0, y: 0 });
+  const handleOuterRef = (container) => {
+    if (!container) return;
+    outerRef.current = container;
+    renderContext.getRenderContext(container.scene).deferLayout(() => {
+      const width2 = container.width;
+      const height2 = container.height;
+      const actualWidth = Number.isNaN(width2) ? 0 : width2;
+      const actualHeight = Number.isNaN(height2) ? 0 : height2;
+      if (actualHeight !== numericDimension.y || actualWidth !== numericDimension.x)
+        setNumericWidth({ x: actualWidth, y: actualHeight });
+    });
+  };
+  const pivotX = numericDimension.x * originX;
+  const pivotY = numericDimension.y * originY;
+  const offsetX = -numericDimension.x * originX;
+  const offsetY = -numericDimension.y * originY;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    jsxComponents.View,
+    {
+      ref: handleOuterRef,
+      direction: "stack",
+      width,
+      height,
+      x,
+      y,
+      padding,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        jsxComponents.View,
+        {
+          ref,
+          x: pivotX,
+          y: pivotY,
+          width: 0,
+          height: 0,
+          padding: { left: offsetX, top: offsetY },
+          margin: 0,
+          direction: "stack",
+          backgroundColor: 16746751,
+          children: /* @__PURE__ */ jsxRuntime.jsx(jsxComponents.View, { width, height, ...viewProps, direction: "stack", padding: 0, margin: 0, children })
+        }
+      )
+    }
+  );
+}
+exports.RefOriginView = RefOriginView;
+//# sourceMappingURL=RefOriginView.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefOriginView.cjs","sources":["../../../src/components/custom/RefOriginView.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * RefOriginView - ref-based component for imperative transforms with custom origin point\n *\n * Returns a ref to the pivot container, enabling imperative manipulation\n * (e.g., Phaser tweens) with correct origin point. Uses nested Views to\n * calculate and maintain the pivot point based on actual rendered dimensions.\n *\n * Use TransformOriginView instead for declarative/reactive transforms via props.\n *\n * @example\n * const ref = useRef<Phaser.GameObjects.Container>(null)\n * useEffect(() => {\n *   ref.current?.scene.tweens.add({ targets: ref.current, rotation: Math.PI * 2 })\n * }, [])\n * <RefOriginView ref={ref} originX={0.5} originY={0.5} width={200} height={100}>\n *   <Text>Rotates around center</Text>\n * </RefOriginView>\n */\nimport { View } from '@number10/jsx-components'\nimport type { ViewPrimitivePropsComplete } from '@number10/jsx-core'\nimport type * as Phaser from 'phaser'\nimport { useRef, useState } from '../../hooks'\nimport { getRenderContext } from '../../render-context'\nimport type { ChildrenType } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/** @internal Legacy type alias for backward compatibility */\ntype ViewProps = ViewPrimitivePropsComplete\n\n/**\n * Extended ViewProps with origin support\n */\nexport interface RefOriginViewProps extends Omit<ViewProps, 'x' | 'y' | 'children'> {\n  /**\n   * Origin X for rotation and scale (0 = left, 0.5 = center, 1 = right)\n   * @default 0.5\n   */\n  originX?: number\n  /**\n   * Origin Y for rotation and scale (0 = top, 0.5 = center, 1 = bottom)\n   * @default 0.5\n   */\n  originY?: number\n  /**\n   * X position of the view\n   */\n  x?: number\n  /**\n   * Y position of the view\n   */\n  y?: number\n  /**\n   * Children nodes.\n   */\n  children?: ChildrenType\n}\n\n/**\n * RefOriginView component - ref-based transforms around custom origin point\n *\n * Returns ref to middle View positioned at the origin point, enabling\n * imperative transformations. Calculates actual dimensions after layout.\n *\n * Uses nested View structure internally:\n * - Outer View: Defines bounding box and position\n * - Middle View: Positioned at origin point, receives ref (transform target)\n * - Inner View: Contains actual content, offset by negative padding\n *\n * @param props - RefOriginView props\n * @returns JSX element\n */\nexport function RefOriginView({\n  originX = 0.5,\n  originY = 0.5,\n  x = 0,\n  y = 0,\n  width,\n  height,\n  ref,\n  padding,\n  children,\n  ...viewProps\n}: RefOriginViewProps): VNodeLike {\n  // Ref to outer View to get computed dimensions after layout\n  const outerRef = useRef<Phaser.GameObjects.Container | null>(null)\n  const [numericDimension, setNumericWidth] = useState<{ x: number; y: number }>({ x: 0, y: 0 })\n\n  /**\n   * Handler for outer View - calculates and updates pivot position based on actual size\n   */\n  const handleOuterRef = (container: Phaser.GameObjects.Container | null) => {\n    if (!container) return\n    outerRef.current = container\n\n    getRenderContext(container.scene).deferLayout(() => {\n      // Use layout dimensions or fallback to getBounds\n      const width = container.width\n      const height = container.height\n      const actualWidth = Number.isNaN(width) ? 0 : width\n      const actualHeight = Number.isNaN(height) ? 0 : height\n      if (actualHeight !== numericDimension.y || actualWidth !== numericDimension.x)\n        setNumericWidth({ x: actualWidth, y: actualHeight })\n    })\n  }\n\n  // Calculate pivot point position (relative to outer View)\n  const pivotX = numericDimension.x * originX\n  const pivotY = numericDimension.y * originY\n\n  // Calculate offset for inner content (to center it around pivot)\n  const offsetX = -numericDimension.x * originX\n  const offsetY = -numericDimension.y * originY\n\n  return (\n    <View\n      ref={handleOuterRef as unknown as import('@number10/jsx-core').Ref<unknown>}\n      direction=\"stack\"\n      width={width}\n      height={height}\n      x={x}\n      y={y}\n      padding={padding}\n    >\n      {/* Middle View: Positioned at origin point, receives ref for rotation */}\n      <View\n        ref={ref as unknown as import('@number10/jsx-core').Ref<unknown>}\n        x={pivotX}\n        y={pivotY}\n        width={0}\n        height={0}\n        padding={{ left: offsetX, top: offsetY }}\n        margin={0}\n        direction=\"stack\"\n        backgroundColor={0xff88ff}\n      >\n        {/* Inner View: Contains actual content with all original props */}\n        <View width={width} height={height} {...viewProps} direction=\"stack\" padding={0} margin={0}>\n          {children}\n        </View>\n      </View>\n    </View>\n  )\n}\n"],"names":["useRef","useState","getRenderContext","width","height","jsx","View"],"mappings":";;;;;;;AAwEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAEhC,QAAM,WAAWA,QAAAA,OAA4C,IAAI;AACjE,QAAM,CAAC,kBAAkB,eAAe,IAAIC,QAAAA,SAAmC,EAAE,GAAG,GAAG,GAAG,GAAG;AAK7F,QAAM,iBAAiB,CAAC,cAAmD;AACzE,QAAI,CAAC,UAAW;AAChB,aAAS,UAAU;AAEnBC,kBAAAA,iBAAiB,UAAU,KAAK,EAAE,YAAY,MAAM;AAElD,YAAMC,SAAQ,UAAU;AACxB,YAAMC,UAAS,UAAU;AACzB,YAAM,cAAc,OAAO,MAAMD,MAAK,IAAI,IAAIA;AAC9C,YAAM,eAAe,OAAO,MAAMC,OAAM,IAAI,IAAIA;AAChD,UAAI,iBAAiB,iBAAiB,KAAK,gBAAgB,iBAAiB;AAC1E,wBAAgB,EAAE,GAAG,aAAa,GAAG,cAAc;AAAA,IACvD,CAAC;AAAA,EACH;AAGA,QAAM,SAAS,iBAAiB,IAAI;AACpC,QAAM,SAAS,iBAAiB,IAAI;AAGpC,QAAM,UAAU,CAAC,iBAAiB,IAAI;AACtC,QAAM,UAAU,CAAC,iBAAiB,IAAI;AAEtC,SACEC,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA,UAAAD,2BAAAA;AAAAA,QAACC,cAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS,EAAE,MAAM,SAAS,KAAK,QAAA;AAAA,UAC/B,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,iBAAiB;AAAA,UAGjB,UAAAD,2BAAAA,IAACC,cAAAA,MAAA,EAAK,OAAc,QAAiB,GAAG,WAAW,WAAU,SAAQ,SAAS,GAAG,QAAQ,GACtF,SAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

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

@@ -0,0 +1,49 @@
+import { ViewPrimitivePropsComplete } from '@number10/jsx-core';
+import { ChildrenType } from '../../types';
+import { VNodeLike } from '../../vdom';
+/** @internal Legacy type alias for backward compatibility */
+type ViewProps = ViewPrimitivePropsComplete;
+/**
+ * Extended ViewProps with origin support
+ */
+export interface RefOriginViewProps extends Omit<ViewProps, 'x' | 'y' | 'children'> {
+    /**
+     * Origin X for rotation and scale (0 = left, 0.5 = center, 1 = right)
+     * @default 0.5
+     */
+    originX?: number;
+    /**
+     * Origin Y for rotation and scale (0 = top, 0.5 = center, 1 = bottom)
+     * @default 0.5
+     */
+    originY?: number;
+    /**
+     * X position of the view
+     */
+    x?: number;
+    /**
+     * Y position of the view
+     */
+    y?: number;
+    /**
+     * Children nodes.
+     */
+    children?: ChildrenType;
+}
+/**
+ * RefOriginView component - ref-based transforms around custom origin point
+ *
+ * Returns ref to middle View positioned at the origin point, enabling
+ * imperative transformations. Calculates actual dimensions after layout.
+ *
+ * Uses nested View structure internally:
+ * - Outer View: Defines bounding box and position
+ * - Middle View: Positioned at origin point, receives ref (transform target)
+ * - Inner View: Contains actual content, offset by negative padding
+ *
+ * @param props - RefOriginView props
+ * @returns JSX element
+ */
+export declare function RefOriginView({ originX, originY, x, y, width, height, ref, padding, children, ...viewProps }: RefOriginViewProps): VNodeLike;
+export {};
+//# sourceMappingURL=RefOriginView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefOriginView.d.ts","sourceRoot":"","sources":["../../../src/components/custom/RefOriginView.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAA;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,6DAA6D;AAC7D,KAAK,SAAS,GAAG,0BAA0B,CAAA;AAE3C;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC;IACjF;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAa,EACb,OAAa,EACb,CAAK,EACL,CAAK,EACL,KAAK,EACL,MAAM,EACN,GAAG,EACH,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,kBAAkB,GAAG,SAAS,CA4DhC"}

package/dist/components/custom/RefOriginView.js

@@ -0,0 +1,67 @@
+import { jsx } from "@number10/jsx-core/jsx-runtime";
+import { View } from "@number10/jsx-components";
+import "../../hooks.js";
+import { getRenderContext } from "../../render-context.js";
+import { useRef, useState } from "@number10/jsx-core";
+function RefOriginView({
+  originX = 0.5,
+  originY = 0.5,
+  x = 0,
+  y = 0,
+  width,
+  height,
+  ref,
+  padding,
+  children,
+  ...viewProps
+}) {
+  const outerRef = useRef(null);
+  const [numericDimension, setNumericWidth] = useState({ x: 0, y: 0 });
+  const handleOuterRef = (container) => {
+    if (!container) return;
+    outerRef.current = container;
+    getRenderContext(container.scene).deferLayout(() => {
+      const width2 = container.width;
+      const height2 = container.height;
+      const actualWidth = Number.isNaN(width2) ? 0 : width2;
+      const actualHeight = Number.isNaN(height2) ? 0 : height2;
+      if (actualHeight !== numericDimension.y || actualWidth !== numericDimension.x)
+        setNumericWidth({ x: actualWidth, y: actualHeight });
+    });
+  };
+  const pivotX = numericDimension.x * originX;
+  const pivotY = numericDimension.y * originY;
+  const offsetX = -numericDimension.x * originX;
+  const offsetY = -numericDimension.y * originY;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref: handleOuterRef,
+      direction: "stack",
+      width,
+      height,
+      x,
+      y,
+      padding,
+      children: /* @__PURE__ */ jsx(
+        View,
+        {
+          ref,
+          x: pivotX,
+          y: pivotY,
+          width: 0,
+          height: 0,
+          padding: { left: offsetX, top: offsetY },
+          margin: 0,
+          direction: "stack",
+          backgroundColor: 16746751,
+          children: /* @__PURE__ */ jsx(View, { width, height, ...viewProps, direction: "stack", padding: 0, margin: 0, children })
+        }
+      )
+    }
+  );
+}
+export {
+  RefOriginView
+};
+//# sourceMappingURL=RefOriginView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefOriginView.js","sources":["../../../src/components/custom/RefOriginView.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * RefOriginView - ref-based component for imperative transforms with custom origin point\n *\n * Returns a ref to the pivot container, enabling imperative manipulation\n * (e.g., Phaser tweens) with correct origin point. Uses nested Views to\n * calculate and maintain the pivot point based on actual rendered dimensions.\n *\n * Use TransformOriginView instead for declarative/reactive transforms via props.\n *\n * @example\n * const ref = useRef<Phaser.GameObjects.Container>(null)\n * useEffect(() => {\n *   ref.current?.scene.tweens.add({ targets: ref.current, rotation: Math.PI * 2 })\n * }, [])\n * <RefOriginView ref={ref} originX={0.5} originY={0.5} width={200} height={100}>\n *   <Text>Rotates around center</Text>\n * </RefOriginView>\n */\nimport { View } from '@number10/jsx-components'\nimport type { ViewPrimitivePropsComplete } from '@number10/jsx-core'\nimport type * as Phaser from 'phaser'\nimport { useRef, useState } from '../../hooks'\nimport { getRenderContext } from '../../render-context'\nimport type { ChildrenType } from '../../types'\nimport type { VNodeLike } from '../../vdom'\n\n/** @internal Legacy type alias for backward compatibility */\ntype ViewProps = ViewPrimitivePropsComplete\n\n/**\n * Extended ViewProps with origin support\n */\nexport interface RefOriginViewProps extends Omit<ViewProps, 'x' | 'y' | 'children'> {\n  /**\n   * Origin X for rotation and scale (0 = left, 0.5 = center, 1 = right)\n   * @default 0.5\n   */\n  originX?: number\n  /**\n   * Origin Y for rotation and scale (0 = top, 0.5 = center, 1 = bottom)\n   * @default 0.5\n   */\n  originY?: number\n  /**\n   * X position of the view\n   */\n  x?: number\n  /**\n   * Y position of the view\n   */\n  y?: number\n  /**\n   * Children nodes.\n   */\n  children?: ChildrenType\n}\n\n/**\n * RefOriginView component - ref-based transforms around custom origin point\n *\n * Returns ref to middle View positioned at the origin point, enabling\n * imperative transformations. Calculates actual dimensions after layout.\n *\n * Uses nested View structure internally:\n * - Outer View: Defines bounding box and position\n * - Middle View: Positioned at origin point, receives ref (transform target)\n * - Inner View: Contains actual content, offset by negative padding\n *\n * @param props - RefOriginView props\n * @returns JSX element\n */\nexport function RefOriginView({\n  originX = 0.5,\n  originY = 0.5,\n  x = 0,\n  y = 0,\n  width,\n  height,\n  ref,\n  padding,\n  children,\n  ...viewProps\n}: RefOriginViewProps): VNodeLike {\n  // Ref to outer View to get computed dimensions after layout\n  const outerRef = useRef<Phaser.GameObjects.Container | null>(null)\n  const [numericDimension, setNumericWidth] = useState<{ x: number; y: number }>({ x: 0, y: 0 })\n\n  /**\n   * Handler for outer View - calculates and updates pivot position based on actual size\n   */\n  const handleOuterRef = (container: Phaser.GameObjects.Container | null) => {\n    if (!container) return\n    outerRef.current = container\n\n    getRenderContext(container.scene).deferLayout(() => {\n      // Use layout dimensions or fallback to getBounds\n      const width = container.width\n      const height = container.height\n      const actualWidth = Number.isNaN(width) ? 0 : width\n      const actualHeight = Number.isNaN(height) ? 0 : height\n      if (actualHeight !== numericDimension.y || actualWidth !== numericDimension.x)\n        setNumericWidth({ x: actualWidth, y: actualHeight })\n    })\n  }\n\n  // Calculate pivot point position (relative to outer View)\n  const pivotX = numericDimension.x * originX\n  const pivotY = numericDimension.y * originY\n\n  // Calculate offset for inner content (to center it around pivot)\n  const offsetX = -numericDimension.x * originX\n  const offsetY = -numericDimension.y * originY\n\n  return (\n    <View\n      ref={handleOuterRef as unknown as import('@number10/jsx-core').Ref<unknown>}\n      direction=\"stack\"\n      width={width}\n      height={height}\n      x={x}\n      y={y}\n      padding={padding}\n    >\n      {/* Middle View: Positioned at origin point, receives ref for rotation */}\n      <View\n        ref={ref as unknown as import('@number10/jsx-core').Ref<unknown>}\n        x={pivotX}\n        y={pivotY}\n        width={0}\n        height={0}\n        padding={{ left: offsetX, top: offsetY }}\n        margin={0}\n        direction=\"stack\"\n        backgroundColor={0xff88ff}\n      >\n        {/* Inner View: Contains actual content with all original props */}\n        <View width={width} height={height} {...viewProps} direction=\"stack\" padding={0} margin={0}>\n          {children}\n        </View>\n      </View>\n    </View>\n  )\n}\n"],"names":["width","height"],"mappings":";;;;;AAwEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAEhC,QAAM,WAAW,OAA4C,IAAI;AACjE,QAAM,CAAC,kBAAkB,eAAe,IAAI,SAAmC,EAAE,GAAG,GAAG,GAAG,GAAG;AAK7F,QAAM,iBAAiB,CAAC,cAAmD;AACzE,QAAI,CAAC,UAAW;AAChB,aAAS,UAAU;AAEnB,qBAAiB,UAAU,KAAK,EAAE,YAAY,MAAM;AAElD,YAAMA,SAAQ,UAAU;AACxB,YAAMC,UAAS,UAAU;AACzB,YAAM,cAAc,OAAO,MAAMD,MAAK,IAAI,IAAIA;AAC9C,YAAM,eAAe,OAAO,MAAMC,OAAM,IAAI,IAAIA;AAChD,UAAI,iBAAiB,iBAAiB,KAAK,gBAAgB,iBAAiB;AAC1E,wBAAgB,EAAE,GAAG,aAAa,GAAG,cAAc;AAAA,IACvD,CAAC;AAAA,EACH;AAGA,QAAM,SAAS,iBAAiB,IAAI;AACpC,QAAM,SAAS,iBAAiB,IAAI;AAGpC,QAAM,UAAU,CAAC,iBAAiB,IAAI;AACtC,QAAM,UAAU,CAAC,iBAAiB,IAAI;AAEtC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS,EAAE,MAAM,SAAS,KAAK,QAAA;AAAA,UAC/B,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,iBAAiB;AAAA,UAGjB,UAAA,oBAAC,MAAA,EAAK,OAAc,QAAiB,GAAG,WAAW,WAAU,SAAQ,SAAS,GAAG,QAAQ,GACtF,SAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/custom/Sprite.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 Sprite(props) {
+  const localTheme = jsxCore.useTheme();
+  const { props: themed, nestedTheme } = theme.getThemedProps("Sprite", localTheme, props);
+  return /* @__PURE__ */ jsxRuntime.jsx("sprite", { ...themed, theme: nestedTheme });
+}
+exports.Sprite = Sprite;
+//# sourceMappingURL=Sprite.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.cjs","sources":["../../../src/components/custom/Sprite.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * Sprite component wrapper - strict type-safe wrapper around primitive sprite\n * This component is the public API for Sprite, 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 Sprite component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface SpriteProps\n  extends\n    TransformProps,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.Sprite> {\n  /** Texture key (loaded via Phaser's texture manager) */\n  texture: string\n\n  /** Optional frame from texture atlas or spritesheet */\n  frame?: string | number\n\n  /** Tint color applied to sprite (0xRRGGBB) */\n  tint?: number\n\n  /** Display width (scales sprite to fit) */\n  displayWidth?: number\n\n  /** Display height (scales sprite to fit) */\n  displayHeight?: number\n\n  /**\n   * How sprite should fit within bounds (if displayWidth/displayHeight set)\n   * - 'fill': Stretch to fill (default, may distort aspect ratio)\n   * - 'contain': Scale to fit within bounds, preserve aspect ratio\n   * - 'cover': Scale to cover bounds, preserve aspect ratio (may crop)\n   */\n  fit?: 'fill' | 'contain' | 'cover'\n\n  /** Animation key to play (pre-registered in Phaser AnimationManager) */\n  animationKey?: string\n\n  /** Loop animation (default: false) */\n  loop?: boolean\n\n  /** Delay between animation repeats in ms (default: 0) */\n  repeatDelay?: number\n\n  /** Callback when animation starts */\n  onAnimationStart?: (key: string) => void\n\n  /** Callback when animation completes */\n  onAnimationComplete?: (key: string) => void\n\n  /** Callback when animation repeats */\n  onAnimationRepeat?: (key: string) => void\n\n  /** Callback on each animation frame update */\n  onAnimationUpdate?: (key: string, frame: Phaser.Animations.AnimationFrame) => void\n\n  /** Origin X (0-1, default 0.5) */\n  originX?: number\n\n  /** Origin Y (0-1, default 0.5) */\n  originY?: number\n\n  /** Children are not supported for Sprite component */\n  children?: ChildrenType\n}\n\n/**\n * Sprite component\n * Displays animated sprites with Phaser animation system\n *\n * @example\n * ```tsx\n * // Basic sprite\n * <Sprite texture=\"player\" frame=\"idle\" />\n *\n * // Animated sprite\n * <Sprite\n *   texture=\"player\"\n *   animationKey=\"walk\"\n *   loop={true}\n * />\n *\n * // Scaled sprite with fit\n * <Sprite\n *   texture=\"coin\"\n *   displayWidth={32}\n *   displayHeight={32}\n *   fit=\"contain\"\n * />\n * ```\n */\nexport function Sprite(props: SpriteProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('Sprite', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <sprite {...themed} theme={nestedTheme} />\n}\n"],"names":["useTheme","getThemedProps","jsx"],"mappings":";;;;;;AAqGO,SAAS,OAAO,OAA+B;AACpD,QAAM,aAAaA,QAAAA,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgBC,MAAAA,eAAe,UAAU,YAAY,KAAY;AAGxF,SAAOC,2BAAAA,IAAC,UAAA,EAAQ,GAAG,QAAQ,OAAO,aAAa;AACjD;;"}

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

@@ -0,0 +1,79 @@
+import { LayoutProps, PhaserProps, TransformProps } from '../../core-props';
+import { ChildrenType, PropsDefaultExtension } from '../../types';
+import { VNodeLike } from '../../vdom';
+/** @jsxImportSource ../.. */
+/**
+ * Sprite component wrapper - strict type-safe wrapper around primitive sprite
+ * This component is the public API for Sprite, with controlled prop interface
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Props for Sprite component
+ * Explicitly defined to ensure type safety in JSX usage
+ */
+export interface SpriteProps extends TransformProps, PhaserProps, Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>, PropsDefaultExtension<Phaser.GameObjects.Sprite> {
+    /** Texture key (loaded via Phaser's texture manager) */
+    texture: string;
+    /** Optional frame from texture atlas or spritesheet */
+    frame?: string | number;
+    /** Tint color applied to sprite (0xRRGGBB) */
+    tint?: number;
+    /** Display width (scales sprite to fit) */
+    displayWidth?: number;
+    /** Display height (scales sprite to fit) */
+    displayHeight?: number;
+    /**
+     * How sprite should fit within bounds (if displayWidth/displayHeight set)
+     * - 'fill': Stretch to fill (default, may distort aspect ratio)
+     * - 'contain': Scale to fit within bounds, preserve aspect ratio
+     * - 'cover': Scale to cover bounds, preserve aspect ratio (may crop)
+     */
+    fit?: 'fill' | 'contain' | 'cover';
+    /** Animation key to play (pre-registered in Phaser AnimationManager) */
+    animationKey?: string;
+    /** Loop animation (default: false) */
+    loop?: boolean;
+    /** Delay between animation repeats in ms (default: 0) */
+    repeatDelay?: number;
+    /** Callback when animation starts */
+    onAnimationStart?: (key: string) => void;
+    /** Callback when animation completes */
+    onAnimationComplete?: (key: string) => void;
+    /** Callback when animation repeats */
+    onAnimationRepeat?: (key: string) => void;
+    /** Callback on each animation frame update */
+    onAnimationUpdate?: (key: string, frame: Phaser.Animations.AnimationFrame) => void;
+    /** Origin X (0-1, default 0.5) */
+    originX?: number;
+    /** Origin Y (0-1, default 0.5) */
+    originY?: number;
+    /** Children are not supported for Sprite component */
+    children?: ChildrenType;
+}
+/**
+ * Sprite component
+ * Displays animated sprites with Phaser animation system
+ *
+ * @example
+ * ```tsx
+ * // Basic sprite
+ * <Sprite texture="player" frame="idle" />
+ *
+ * // Animated sprite
+ * <Sprite
+ *   texture="player"
+ *   animationKey="walk"
+ *   loop={true}
+ * />
+ *
+ * // Scaled sprite with fit
+ * <Sprite
+ *   texture="coin"
+ *   displayWidth={32}
+ *   displayHeight={32}
+ *   fit="contain"
+ * />
+ * ```
+ */
+export declare function Sprite(props: SpriteProps): VNodeLike;
+//# sourceMappingURL=Sprite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Sprite.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,WACf,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,MAAM,CAAC;IAClD,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IAEf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAElC,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAExC,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3C,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,cAAc,KAAK,IAAI,CAAA;IAElF,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAOpD"}

package/dist/components/custom/Sprite.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 Sprite(props) {
+  const localTheme = useTheme();
+  const { props: themed, nestedTheme } = getThemedProps("Sprite", localTheme, props);
+  return /* @__PURE__ */ jsx("sprite", { ...themed, theme: nestedTheme });
+}
+export {
+  Sprite
+};
+//# sourceMappingURL=Sprite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.js","sources":["../../../src/components/custom/Sprite.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * Sprite component wrapper - strict type-safe wrapper around primitive sprite\n * This component is the public API for Sprite, 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 Sprite component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface SpriteProps\n  extends\n    TransformProps,\n    PhaserProps,\n    Omit<LayoutProps, 'direction' | 'justifyContent' | 'alignItems' | 'gap' | 'flexWrap'>,\n    PropsDefaultExtension<Phaser.GameObjects.Sprite> {\n  /** Texture key (loaded via Phaser's texture manager) */\n  texture: string\n\n  /** Optional frame from texture atlas or spritesheet */\n  frame?: string | number\n\n  /** Tint color applied to sprite (0xRRGGBB) */\n  tint?: number\n\n  /** Display width (scales sprite to fit) */\n  displayWidth?: number\n\n  /** Display height (scales sprite to fit) */\n  displayHeight?: number\n\n  /**\n   * How sprite should fit within bounds (if displayWidth/displayHeight set)\n   * - 'fill': Stretch to fill (default, may distort aspect ratio)\n   * - 'contain': Scale to fit within bounds, preserve aspect ratio\n   * - 'cover': Scale to cover bounds, preserve aspect ratio (may crop)\n   */\n  fit?: 'fill' | 'contain' | 'cover'\n\n  /** Animation key to play (pre-registered in Phaser AnimationManager) */\n  animationKey?: string\n\n  /** Loop animation (default: false) */\n  loop?: boolean\n\n  /** Delay between animation repeats in ms (default: 0) */\n  repeatDelay?: number\n\n  /** Callback when animation starts */\n  onAnimationStart?: (key: string) => void\n\n  /** Callback when animation completes */\n  onAnimationComplete?: (key: string) => void\n\n  /** Callback when animation repeats */\n  onAnimationRepeat?: (key: string) => void\n\n  /** Callback on each animation frame update */\n  onAnimationUpdate?: (key: string, frame: Phaser.Animations.AnimationFrame) => void\n\n  /** Origin X (0-1, default 0.5) */\n  originX?: number\n\n  /** Origin Y (0-1, default 0.5) */\n  originY?: number\n\n  /** Children are not supported for Sprite component */\n  children?: ChildrenType\n}\n\n/**\n * Sprite component\n * Displays animated sprites with Phaser animation system\n *\n * @example\n * ```tsx\n * // Basic sprite\n * <Sprite texture=\"player\" frame=\"idle\" />\n *\n * // Animated sprite\n * <Sprite\n *   texture=\"player\"\n *   animationKey=\"walk\"\n *   loop={true}\n * />\n *\n * // Scaled sprite with fit\n * <Sprite\n *   texture=\"coin\"\n *   displayWidth={32}\n *   displayHeight={32}\n *   fit=\"contain\"\n * />\n * ```\n */\nexport function Sprite(props: SpriteProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('Sprite', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <sprite {...themed} theme={nestedTheme} />\n}\n"],"names":[],"mappings":";;;;AAqGO,SAAS,OAAO,OAA+B;AACpD,QAAM,aAAa,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgB,eAAe,UAAU,YAAY,KAAY;AAGxF,SAAO,oBAAC,UAAA,EAAQ,GAAG,QAAQ,OAAO,aAAa;AACjD;"}

package/dist/components/custom/TileSprite.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 TileSprite(props) {
+  const localTheme = jsxCore.useTheme();
+  const { props: themed, nestedTheme } = theme.getThemedProps("TileSprite", localTheme, props);
+  return /* @__PURE__ */ jsxRuntime.jsx("tilesprite", { ...themed, theme: nestedTheme });
+}
+exports.TileSprite = TileSprite;
+//# sourceMappingURL=TileSprite.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileSprite.cjs","sources":["../../../src/components/custom/TileSprite.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * TileSprite component wrapper - strict type-safe wrapper around primitive tilesprite\n * This component is the public API for TileSprite, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { 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 TileSprite component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface TileSpriteProps\n  extends TransformProps, PhaserProps, PropsDefaultExtension<Phaser.GameObjects.TileSprite> {\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  /** Width of the tile sprite area */\n  width: number\n\n  /** Height of the tile sprite area */\n  height: number\n\n  /** Horizontal tile position offset (for scrolling effect) */\n  tilePositionX?: number\n\n  /** Vertical tile position offset (for scrolling effect) */\n  tilePositionY?: number\n\n  /** Horizontal tile scale factor */\n  tileScaleX?: number\n\n  /** Vertical tile scale factor */\n  tileScaleY?: number\n\n  /** Tint color applied to tiles (0xRRGGBB) */\n  tint?: number\n\n  /** Origin X (0-1, default 0) */\n  originX?: number\n\n  /** Origin Y (0-1, default 0) */\n  originY?: number\n\n  /** Children are not supported for TileSprite component */\n  children?: ChildrenType\n}\n\n/**\n * TileSprite component\n * Displays repeating texture patterns for backgrounds and effects\n *\n * @example\n * ```tsx\n * // Scrolling background\n * <TileSprite\n *   texture=\"clouds\"\n *   width={800}\n *   height={200}\n *   tilePositionX={scrollOffset}\n * />\n *\n * // Scaled tiles\n * <TileSprite\n *   texture=\"pattern\"\n *   width={400}\n *   height={400}\n *   tileScaleX={2}\n *   tileScaleY={2}\n * />\n * ```\n */\nexport function TileSprite(props: TileSpriteProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('TileSprite', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <tilesprite {...themed} theme={nestedTheme} />\n}\n"],"names":["useTheme","getThemedProps","jsx"],"mappings":";;;;;;AA+EO,SAAS,WAAW,OAAmC;AAC5D,QAAM,aAAaA,QAAAA,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgBC,MAAAA,eAAe,cAAc,YAAY,KAAY;AAG5F,SAAOC,2BAAAA,IAAC,cAAA,EAAY,GAAG,QAAQ,OAAO,aAAa;AACrD;;"}

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

@@ -0,0 +1,65 @@
+import { PhaserProps, TransformProps } from '../../core-props';
+import { ChildrenType, PropsDefaultExtension } from '../../types';
+import { VNodeLike } from '../../vdom';
+/** @jsxImportSource ../.. */
+/**
+ * TileSprite component wrapper - strict type-safe wrapper around primitive tilesprite
+ * This component is the public API for TileSprite, with controlled prop interface
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Props for TileSprite component
+ * Explicitly defined to ensure type safety in JSX usage
+ */
+export interface TileSpriteProps extends TransformProps, PhaserProps, PropsDefaultExtension<Phaser.GameObjects.TileSprite> {
+    /** Texture key (loaded via Phaser's texture manager) */
+    texture: string;
+    /** Optional frame from texture atlas */
+    frame?: string | number;
+    /** Width of the tile sprite area */
+    width: number;
+    /** Height of the tile sprite area */
+    height: number;
+    /** Horizontal tile position offset (for scrolling effect) */
+    tilePositionX?: number;
+    /** Vertical tile position offset (for scrolling effect) */
+    tilePositionY?: number;
+    /** Horizontal tile scale factor */
+    tileScaleX?: number;
+    /** Vertical tile scale factor */
+    tileScaleY?: number;
+    /** Tint color applied to tiles (0xRRGGBB) */
+    tint?: number;
+    /** Origin X (0-1, default 0) */
+    originX?: number;
+    /** Origin Y (0-1, default 0) */
+    originY?: number;
+    /** Children are not supported for TileSprite component */
+    children?: ChildrenType;
+}
+/**
+ * TileSprite component
+ * Displays repeating texture patterns for backgrounds and effects
+ *
+ * @example
+ * ```tsx
+ * // Scrolling background
+ * <TileSprite
+ *   texture="clouds"
+ *   width={800}
+ *   height={200}
+ *   tilePositionX={scrollOffset}
+ * />
+ *
+ * // Scaled tiles
+ * <TileSprite
+ *   texture="pattern"
+ *   width={400}
+ *   height={400}
+ *   tileScaleX={2}
+ *   tileScaleY={2}
+ * />
+ * ```
+ */
+export declare function TileSprite(props: TileSpriteProps): VNodeLike;
+//# sourceMappingURL=TileSprite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileSprite.d.ts","sourceRoot":"","sources":["../../../src/components/custom/TileSprite.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGnE,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C;;;GAGG;AACH,MAAM,WAAW,eACf,SAAQ,cAAc,EAAE,WAAW,EAAE,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC;IACzF,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IAEf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IAEb,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAA;IAEd,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAO5D"}

package/dist/components/custom/TileSprite.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 TileSprite(props) {
+  const localTheme = useTheme();
+  const { props: themed, nestedTheme } = getThemedProps("TileSprite", localTheme, props);
+  return /* @__PURE__ */ jsx("tilesprite", { ...themed, theme: nestedTheme });
+}
+export {
+  TileSprite
+};
+//# sourceMappingURL=TileSprite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileSprite.js","sources":["../../../src/components/custom/TileSprite.tsx"],"sourcesContent":["/** @jsxImportSource ../.. */\n/**\n * TileSprite component wrapper - strict type-safe wrapper around primitive tilesprite\n * This component is the public API for TileSprite, with controlled prop interface\n */\nimport type * as Phaser from 'phaser'\nimport type { 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 TileSprite component\n * Explicitly defined to ensure type safety in JSX usage\n */\nexport interface TileSpriteProps\n  extends TransformProps, PhaserProps, PropsDefaultExtension<Phaser.GameObjects.TileSprite> {\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  /** Width of the tile sprite area */\n  width: number\n\n  /** Height of the tile sprite area */\n  height: number\n\n  /** Horizontal tile position offset (for scrolling effect) */\n  tilePositionX?: number\n\n  /** Vertical tile position offset (for scrolling effect) */\n  tilePositionY?: number\n\n  /** Horizontal tile scale factor */\n  tileScaleX?: number\n\n  /** Vertical tile scale factor */\n  tileScaleY?: number\n\n  /** Tint color applied to tiles (0xRRGGBB) */\n  tint?: number\n\n  /** Origin X (0-1, default 0) */\n  originX?: number\n\n  /** Origin Y (0-1, default 0) */\n  originY?: number\n\n  /** Children are not supported for TileSprite component */\n  children?: ChildrenType\n}\n\n/**\n * TileSprite component\n * Displays repeating texture patterns for backgrounds and effects\n *\n * @example\n * ```tsx\n * // Scrolling background\n * <TileSprite\n *   texture=\"clouds\"\n *   width={800}\n *   height={200}\n *   tilePositionX={scrollOffset}\n * />\n *\n * // Scaled tiles\n * <TileSprite\n *   texture=\"pattern\"\n *   width={400}\n *   height={400}\n *   tileScaleX={2}\n *   tileScaleY={2}\n * />\n * ```\n */\nexport function TileSprite(props: TileSpriteProps): VNodeLike {\n  const localTheme = useTheme()\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { props: themed, nestedTheme } = getThemedProps('TileSprite', localTheme, props as any)\n\n  // Cast to any to bypass type checking - the props are correct at runtime\n  return <tilesprite {...themed} theme={nestedTheme} />\n}\n"],"names":[],"mappings":";;;;AA+EO,SAAS,WAAW,OAAmC;AAC5D,QAAM,aAAa,SAAA;AAEnB,QAAM,EAAE,OAAO,QAAQ,YAAA,IAAgB,eAAe,cAAc,YAAY,KAAY;AAG5F,SAAO,oBAAC,cAAA,EAAY,GAAG,QAAQ,OAAO,aAAa;AACrD;"}

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

@@ -0,0 +1,15 @@
+/**
+ * Custom components for PhaserJSX UI
+ * Higher-level components built on top of built-in primitives
+ */
+export { Accordion, ActivityIndicator, AlertDialog, Badge, BottomSheet, BottomSheetDepth, BottomSheetHandle, Button, calculateOverlayPosition, calculateSliderSize, Checkbox, chunkPalettePickerColors, ColorPicker, ContextMenu, createIconComponent, DebugPanel, Dialog, Divider, Dropdown, findListBoxItem, findSegmentedControlOption, formatBadgeCount, getBadgeText, getNextNumberInputValue, getNumberInputPrecision, getPalettePickerContrastColor, getToastAutoDismissDuration, Icon, Image, isSegmentedControlOptionSelectable, Joystick, ListBox, MenuButton, Modal, NineSliceButton, normalizeNumberInputValue, normalizePalettePickerColor, normalizePalettePickerColors, NotificationStack, NumberInput, NumberInputIndicator, PalettePicker, Popover, Portal, ProgressBar, ProgressView, RadioButton, RadioGroup, RangeSlider, RatingBar, resolveListBoxValue, resolveNotificationStackAlignment, resolvePalettePickerValue, resolveSegmentedControlValue, ScrollSlider, ScrollView, SegmentedControl, Sidebar, Slider, Tab, TabPanel, Tabs, Tag, TextInput, Toast, Toggle, useIconPreload, WrapText, type AccordionProps, type ActivityIndicatorLabels, type ActivityIndicatorProps, type ActivityIndicatorSize, type ActivityIndicatorVariant, type AlertDialogProps, type BadgeFormatOptions, type BadgeProps, type BadgeSize, type BadgeSizeConfig, type BadgeTone, type BadgeToneColors, type BadgeVariant, type BottomSheetLabels, type BottomSheetProps, type ButtonProps, type CheckboxIndicatorRenderProps, type CheckboxLabelPosition, type CheckboxProps, type CheckboxState, type ColorPickerLabels, type ColorPickerProps, type ColorPickerState, type ColorPickerTone, type ContextMenuItem, type ContextMenuProps, type DebugMetricKey, type DebugPanelPreset, type DebugPanelProps, type DebugSnapshot, type DebugValue, type DialogProps, type DividerProps, type DropdownOption, type DropdownProps, type HandleRenderProps, type IconLoaderFn, type IconProps, type ImageProps, type JoystickProps, type JoystickTheme, type ListBoxItem, type ListBoxItemRenderProps, type ListBoxLabels, type ListBoxProps, type MenuButtonProps, type MenuButtonTriggerRenderProps, type ModalProps, type NineSliceButtonProps, type NormalizedPalettePickerOption, type NotificationStackAlignment, type NotificationStackPosition, type NotificationStackProps, type NumberInputButtonAction, type NumberInputButtonDirection, type NumberInputButtonPlacement, type NumberInputButtonRenderProps, type NumberInputIndicatorDirection, type NumberInputIndicatorProps, type NumberInputIndicatorVariant, type NumberInputLabelPosition, type NumberInputLabels, type NumberInputProps, type NumberInputValueOptions, type NumberInputValueRenderProps, type OverlayAnchorRect, type OverlayContentSize, type OverlayPosition, type OverlayPositionOptions, type PalettePickerColor, type PalettePickerLabels, type PalettePickerOption, type PalettePickerProps, type PalettePickerSwatchRenderProps, type PalettePickerTheme as PalettePickerThemeSlot, type PopoverPlacement, type PopoverProps, type PortalProps, type ProgressBarFormatProps, type ProgressBarOrientation, type ProgressBarProps, type ProgressViewLabels, type ProgressViewProps, type RadioButtonLabelPosition, type RadioButtonProps, type RadioGroupOption, type RadioGroupProps, type RangeSliderProps, type RatingBarIconRenderProps, type RatingBarLabels, type RatingBarProps, type RatingBarSize, type ScrollInfo, type ScrollSliderProps, type ScrollViewProps, type SegmentedControlLabelPosition, type SegmentedControlLabels, type SegmentedControlOption, type SegmentedControlOptionRenderProps, type SegmentedControlOrientation, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlTheme as SegmentedControlThemeSlot, type SegmentedControlVariant, type SidebarNavItem, type SidebarProps, type SidebarSection, type SidebarSize, type SidebarVariant, type SliderMark, type SliderProps, type SliderSize, type SnapAlignment, type TabPanelProps, type TabProps, type TabsProps, type TagProps, type TextInputProps, type ToastItem, type ToastLabels, type ToastProps, type ToastTheme as ToastThemeSlot, type ToastVariant, type ToastVariantTheme, type ToggleProps, type WrapTextProps, } from '@number10/jsx-components';
+export { collectPhaserSnapshot, usePhaserDebugSnapshot } from '../DebugPanel';
+export { Graphics, type GraphicsProps } from './Graphics';
+export { NineSlice, type NineSliceProps } from './NineSlice';
+export { Particles, type ParticlesProps } from './Particles';
+export { RefOriginView, type RefOriginViewProps } from './RefOriginView';
+export { Sprite, type SpriteProps } from './Sprite';
+export { TileSprite, type TileSpriteProps } from './TileSprite';
+export { getToolbarItemId, isToolbarMenuItem, isToolbarSeparatorItem, isToolbarToggleItem, resolveToolbarActiveId, Toolbar, ToolButtonGroup, TransformOriginView, type ToolbarActionItem, type ToolbarDensity, type ToolbarItem, type ToolbarItemType, type ToolbarLabels, type ToolbarMenuItem, type ToolbarOrientation, type ToolbarProps, type ToolbarSeparatorItem, type ToolbarToggleItem, type TransformOriginViewProps, } from '@number10/jsx-components';
+export { WheelPicker, type WheelPickerItem, type WheelPickerItemRenderProps, type WheelPickerLabels, type WheelPickerProps, type WheelPickerSize, } from '@number10/jsx-components';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const host = require("../host.cjs");
+const graphics = require("./primitives/graphics.cjs");
+const image = require("./primitives/image.cjs");
+const nineslice = require("./primitives/nineslice.cjs");
+const particles = require("./primitives/particles.cjs");
+const sprite = require("./primitives/sprite.cjs");
+const text = require("./primitives/text.cjs");
+const tilesprite = require("./primitives/tilesprite.cjs");
+const vectorDraw = require("./primitives/vectorDraw.cjs");
+const view = require("./primitives/view.cjs");
+function registerBuiltins() {
+  host.register("view", { create: view.viewCreator, patch: view.viewPatcher });
+  host.register("text", { create: text.textCreator, patch: text.textPatcher });
+  host.register("nineslice", { create: nineslice.nineSliceCreator, patch: nineslice.nineSlicePatcher });
+  host.register("particles", { create: particles.particlesCreator, patch: particles.particlesPatcher });
+  host.register("sprite", { create: sprite.spriteCreator, patch: sprite.spritePatcher });
+  host.register("image", { create: image.imageCreator, patch: image.imagePatcher });
+  host.register("graphics", { create: graphics.graphicsCreator, patch: graphics.graphicsPatcher });
+  host.register("vectorDraw", { create: vectorDraw.vectorDrawCreator, patch: vectorDraw.vectorDrawPatcher });
+  host.register("tilesprite", { create: tilesprite.tileSpriteCreator, patch: tilesprite.tileSpritePatcher });
+  host.register("View", { create: view.viewCreator, patch: view.viewPatcher });
+  host.register("Text", { create: text.textCreator, patch: text.textPatcher });
+  host.register("NineSlice", { create: nineslice.nineSliceCreator, patch: nineslice.nineSlicePatcher });
+  host.register("Particles", { create: particles.particlesCreator, patch: particles.particlesPatcher });
+  host.register("Sprite", { create: sprite.spriteCreator, patch: sprite.spritePatcher });
+  host.register("Image", { create: image.imageCreator, patch: image.imagePatcher });
+  host.register("Graphics", { create: graphics.graphicsCreator, patch: graphics.graphicsPatcher });
+  host.register("TileSprite", { create: tilesprite.tileSpriteCreator, patch: tilesprite.tileSpritePatcher });
+}
+exports.registerBuiltins = registerBuiltins;
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/components/index.ts"],"sourcesContent":["/**\n * Built-in component implementations\n * Exports creators, patchers, props and registration function for all components\n */\nimport { register } from '../host'\nimport { graphicsCreator, graphicsPatcher } from './primitives/graphics'\nimport { imageCreator, imagePatcher } from './primitives/image'\nimport { nineSliceCreator, nineSlicePatcher } from './primitives/nineslice'\nimport { particlesCreator, particlesPatcher } from './primitives/particles'\nimport { spriteCreator, spritePatcher } from './primitives/sprite'\nimport { textCreator, textPatcher } from './primitives/text'\nimport { tileSpriteCreator, tileSpritePatcher } from './primitives/tilesprite'\nimport { vectorDrawCreator, vectorDrawPatcher } from './primitives/vectorDraw'\nimport { viewCreator, viewPatcher } from './primitives/view'\n\n/**\n * Component type constants for JSX usage (legacy primitives)\n * Note: All primitive components now have custom wrappers\n * Use lowercase primitives internally or import wrappers from custom\n */\n\n/**\n * Registers all built-in components with the host\n * This should be called during library initialization\n */\nexport function registerBuiltins() {\n  // Register primitives (lowercase) - internal use\n  register('view' as 'View', { create: viewCreator, patch: viewPatcher })\n  register('text' as 'Text', { create: textCreator, patch: textPatcher })\n  register('nineslice' as 'NineSlice', { create: nineSliceCreator, patch: nineSlicePatcher })\n  register('particles' as 'Particles', { create: particlesCreator, patch: particlesPatcher })\n  register('sprite' as 'Sprite', { create: spriteCreator, patch: spritePatcher })\n  register('image' as 'Image', { create: imageCreator, patch: imagePatcher })\n  register('graphics' as 'Graphics', { create: graphicsCreator, patch: graphicsPatcher })\n  register('vectorDraw', { create: vectorDrawCreator, patch: vectorDrawPatcher })\n  register('tilesprite' as 'TileSprite', { create: tileSpriteCreator, patch: tileSpritePatcher })\n\n  // Register uppercase variants for backward compatibility\n  register('View', { create: viewCreator, patch: viewPatcher })\n  register('Text', { create: textCreator, patch: textPatcher })\n  register('NineSlice', { create: nineSliceCreator, patch: nineSlicePatcher })\n  register('Particles', { create: particlesCreator, patch: particlesPatcher })\n  register('Sprite', { create: spriteCreator, patch: spritePatcher })\n  register('Image', { create: imageCreator, patch: imagePatcher })\n  register('Graphics', { create: graphicsCreator, patch: graphicsPatcher })\n  register('TileSprite', { create: tileSpriteCreator, patch: tileSpritePatcher })\n\n  // Register internal SceneWrapper component (for mountJSX auto-sizing)\n  // SceneWrapper is a function component, not a primitive, so it doesn't need creators\n  // It will be handled by the function component path in mount()\n}\n"],"names":["register","viewCreator","viewPatcher","textCreator","textPatcher","nineSliceCreator","nineSlicePatcher","particlesCreator","particlesPatcher","spriteCreator","spritePatcher","imageCreator","imagePatcher","graphicsCreator","graphicsPatcher","vectorDrawCreator","vectorDrawPatcher","tileSpriteCreator","tileSpritePatcher"],"mappings":";;;;;;;;;;;;AAyBO,SAAS,mBAAmB;AAEjCA,OAAAA,SAAS,QAAkB,EAAE,QAAQC,KAAAA,aAAa,OAAOC,KAAAA,aAAa;AACtEF,OAAAA,SAAS,QAAkB,EAAE,QAAQG,KAAAA,aAAa,OAAOC,KAAAA,aAAa;AACtEJ,OAAAA,SAAS,aAA4B,EAAE,QAAQK,UAAAA,kBAAkB,OAAOC,UAAAA,kBAAkB;AAC1FN,OAAAA,SAAS,aAA4B,EAAE,QAAQO,UAAAA,kBAAkB,OAAOC,UAAAA,kBAAkB;AAC1FR,OAAAA,SAAS,UAAsB,EAAE,QAAQS,OAAAA,eAAe,OAAOC,OAAAA,eAAe;AAC9EV,OAAAA,SAAS,SAAoB,EAAE,QAAQW,MAAAA,cAAc,OAAOC,MAAAA,cAAc;AAC1EZ,OAAAA,SAAS,YAA0B,EAAE,QAAQa,SAAAA,iBAAiB,OAAOC,SAAAA,iBAAiB;AACtFd,OAAAA,SAAS,cAAc,EAAE,QAAQe,WAAAA,mBAAmB,OAAOC,WAAAA,mBAAmB;AAC9EhB,OAAAA,SAAS,cAA8B,EAAE,QAAQiB,WAAAA,mBAAmB,OAAOC,WAAAA,mBAAmB;AAG9FlB,OAAAA,SAAS,QAAQ,EAAE,QAAQC,KAAAA,aAAa,OAAOC,KAAAA,aAAa;AAC5DF,OAAAA,SAAS,QAAQ,EAAE,QAAQG,KAAAA,aAAa,OAAOC,KAAAA,aAAa;AAC5DJ,OAAAA,SAAS,aAAa,EAAE,QAAQK,UAAAA,kBAAkB,OAAOC,UAAAA,kBAAkB;AAC3EN,OAAAA,SAAS,aAAa,EAAE,QAAQO,UAAAA,kBAAkB,OAAOC,UAAAA,kBAAkB;AAC3ER,OAAAA,SAAS,UAAU,EAAE,QAAQS,OAAAA,eAAe,OAAOC,OAAAA,eAAe;AAClEV,OAAAA,SAAS,SAAS,EAAE,QAAQW,MAAAA,cAAc,OAAOC,MAAAA,cAAc;AAC/DZ,OAAAA,SAAS,YAAY,EAAE,QAAQa,SAAAA,iBAAiB,OAAOC,SAAAA,iBAAiB;AACxEd,OAAAA,SAAS,cAAc,EAAE,QAAQiB,WAAAA,mBAAmB,OAAOC,WAAAA,mBAAmB;AAKhF;;"}

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Component type constants for JSX usage (legacy primitives)
+ * Note: All primitive components now have custom wrappers
+ * Use lowercase primitives internally or import wrappers from custom
+ */
+/**
+ * Registers all built-in components with the host
+ * This should be called during library initialization
+ */
+export declare function registerBuiltins(): void;
+//# sourceMappingURL=index.d.ts.map