@number10/phaserjsx 4.1.0 → 4.2.0

package/dist/clip-CPufWCSD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip-CPufWCSD.js","names":[],"sources":["../src/clip/stencil-clip-depth.ts","../src/clip/stencil-clip-fbo-bridge.ts","../src/clip/stencil-clip-renderer.ts","../src/clip/stencil-clip-state.ts","../src/clip/stencil-clip.ts","../src/clip/stencil-clip-extension.ts","../src/clip/index.ts"],"sourcesContent":["import type * as Phaser from 'phaser'\n\n/**\n * Shared depth counter per GL context.\n * Incremented before each clip's INCR pass, decremented after the DECR pass.\n */\nconst _depthByGl = new WeakMap<WebGLRenderingContext, { value: number }>()\n\nconst _prerenderHooked = new WeakSet<Phaser.Game>()\n\nexport function getDepth(gl: WebGLRenderingContext): { value: number } {\n  let d = _depthByGl.get(gl)\n  if (!d) {\n    d = { value: 0 }\n    _depthByGl.set(gl, d)\n  }\n  return d\n}\n\n/**\n * Registers a per-frame prerender listener that resets stencil clip state.\n * Registered at most once per Phaser.Game instance.\n */\nexport function ensurePrerenderReset(\n  gl: WebGLRenderingContext,\n  game: Phaser.Game,\n  resetFboState: (gl: WebGLRenderingContext) => void\n): void {\n  if (_prerenderHooked.has(game)) return\n  _prerenderHooked.add(game)\n  game.events.on('prerender', () => {\n    const d = _depthByGl.get(gl)\n    if (d) d.value = 0\n    resetFboState(gl)\n  })\n}\n","/**\n * Saved stencil state captured just before entering an off-screen FBO.\n * All fields are raw GL enum values / integers from gl.getParameter.\n */\ninterface SavedStencil {\n  func: number\n  ref: number\n  valueMask: number\n  fail: number\n  zfail: number\n  zpass: number\n  writeMask: number\n}\n\ninterface FboPatchState {\n  /** Last framebuffer bound through the patched bindFramebuffer call. */\n  current: WebGLFramebuffer | null\n  /** Stencil state saved when transitioning from main framebuffer to an FBO. */\n  saved: SavedStencil | null\n}\n\nconst _fboPatchByGl = new WeakMap<WebGLRenderingContext, FboPatchState>()\n\nexport function resetFboPatchState(gl: WebGLRenderingContext): void {\n  const fbo = _fboPatchByGl.get(gl)\n  if (fbo) {\n    fbo.current = null\n    fbo.saved = null\n  }\n}\n\n/**\n * Patches gl.bindFramebuffer once per GL context so that the stencil test is\n * disabled while Phaser renders PostFX / RenderTextures into off-screen FBOs.\n */\nexport function ensureFboPatch(gl: WebGLRenderingContext): void {\n  if (_fboPatchByGl.has(gl)) return\n\n  const state: FboPatchState = { current: null, saved: null }\n  _fboPatchByGl.set(gl, state)\n\n  const origBind = gl.bindFramebuffer.bind(gl)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ;(gl as any).bindFramebuffer = (target: number, fb: WebGLFramebuffer | null) => {\n    const wasMain = state.current === null\n    const willBeMain = fb === null\n    const enteringOffscreen = wasMain && !willBeMain\n    const leavingOffscreen = !wasMain && willBeMain\n\n    if (enteringOffscreen && (gl.getParameter(gl.STENCIL_TEST) as boolean)) {\n      state.saved = {\n        func: gl.getParameter(gl.STENCIL_FUNC) as number,\n        ref: gl.getParameter(gl.STENCIL_REF) as number,\n        valueMask: gl.getParameter(gl.STENCIL_VALUE_MASK) as number,\n        fail: gl.getParameter(gl.STENCIL_FAIL) as number,\n        zfail: gl.getParameter(gl.STENCIL_PASS_DEPTH_FAIL) as number,\n        zpass: gl.getParameter(gl.STENCIL_PASS_DEPTH_PASS) as number,\n        writeMask: gl.getParameter(gl.STENCIL_WRITEMASK) as number,\n      }\n      gl.disable(gl.STENCIL_TEST)\n    }\n\n    origBind(target, fb)\n    state.current = fb\n\n    if (leavingOffscreen && state.saved) {\n      gl.enable(gl.STENCIL_TEST)\n      gl.stencilFunc(state.saved.func, state.saved.ref, state.saved.valueMask)\n      gl.stencilOp(state.saved.fail, state.saved.zfail, state.saved.zpass)\n      gl.stencilMask(state.saved.writeMask)\n      state.saved = null\n    }\n  }\n}\n","import type * as Phaser from 'phaser'\nimport type { BitmapMaskState, MaskState } from './stencil-clip-state'\nimport type { StencilBitmapTexture } from './stencil-clip-types'\n\nexport type GLPolyfilled = WebGLRenderingContext & {\n  bindVertexArray(vao: WebGLVertexArrayObject | null): void\n}\n\ntype GLWrapperLike = {\n  state?: {\n    bindings?: {\n      activeTexture?: number\n      arrayBuffer?: unknown\n      program?: unknown\n    }\n    vao?: unknown\n  }\n  update?(state: unknown, force?: boolean, vaoLast?: boolean): void\n  updateBindingsActiveTexture?(state: unknown, force?: boolean): void\n}\n\ntype SavedPhaserGLState = {\n  activeTexture: number | undefined\n  arrayBuffer: unknown\n  program: unknown\n  vao: unknown\n}\n\nfunction savePhaserGLState(renderer: Phaser.Renderer.WebGL.WebGLRenderer): SavedPhaserGLState {\n  const glWrapper = renderer.glWrapper as unknown as GLWrapperLike\n\n  // Phaser 4 caches GL bindings; raw gl.* restoration is not enough.\n  return {\n    activeTexture: glWrapper.state?.bindings?.activeTexture,\n    arrayBuffer: glWrapper.state?.bindings?.arrayBuffer ?? null,\n    program: glWrapper.state?.bindings?.program ?? null,\n    vao: glWrapper.state?.vao ?? null,\n  }\n}\n\nfunction restorePhaserGLState(\n  renderer: Phaser.Renderer.WebGL.WebGLRenderer,\n  saved: SavedPhaserGLState,\n  fallbackActiveTexture: number\n): void {\n  const glWrapper = renderer.glWrapper as unknown as GLWrapperLike\n\n  if (glWrapper.update) {\n    // Keep Phaser's cached state aligned after this custom stencil shader pass.\n    glWrapper.update(\n      {\n        bindings: {\n          activeTexture: saved.activeTexture ?? fallbackActiveTexture,\n          arrayBuffer: saved.arrayBuffer,\n          program: saved.program,\n        },\n        vao: saved.vao,\n      },\n      true\n    )\n    return\n  }\n\n  glWrapper.updateBindingsActiveTexture?.(\n    {\n      bindings: {\n        activeTexture: saved.activeTexture ?? fallbackActiveTexture,\n      },\n    },\n    true\n  )\n}\n\nconst ROUND_RECT_VERT_SRC = `\nattribute vec2 a_ndc;\nattribute vec2 a_loc;\nvarying vec2 v_loc;\nvoid main(){gl_Position=vec4(a_ndc,0.,1.);v_loc=a_loc;}\n`\n\nconst ROUND_RECT_FRAG_SRC = `\nprecision mediump float;\nvarying vec2 v_loc;\nuniform vec2 u_halfSize;\nuniform vec4 u_radii;\nfloat sdRoundedBox(vec2 p,vec2 b,vec4 r){\n  r.xy=p.x>0.?r.yz:r.xw;\n  r.x =p.y>0.?r.y :r.x;\n  vec2 q=abs(p)-b+r.x;\n  return length(max(q,0.))+min(max(q.x,q.y),0.)-r.x;\n}\nvoid main(){\n  if(sdRoundedBox(v_loc,u_halfSize,u_radii)>0.)discard;\n  gl_FragColor=vec4(0.);\n}\n`\n\nconst BITMAP_VERT_SRC = `\nattribute vec2 a_ndc;\nattribute vec2 a_uv;\nvarying vec2 v_uv;\nvoid main(){gl_Position=vec4(a_ndc,0.,1.);v_uv=a_uv;}\n`\n\nconst BITMAP_FRAG_SRC = `\nprecision mediump float;\nvarying vec2 v_uv;\nuniform sampler2D u_texture;\nuniform float u_alphaThreshold;\nuniform float u_invertAlpha;\nvoid main(){\n  float a=texture2D(u_texture,v_uv).a;\n  bool keep=u_invertAlpha>0.5 ? a<u_alphaThreshold : a>=u_alphaThreshold;\n  if(!keep)discard;\n  gl_FragColor=vec4(0.);\n}\n`\n\nconst _roundRectProgByGl = new WeakMap<WebGLRenderingContext, WebGLProgram>()\nconst _bitmapProgByGl = new WeakMap<WebGLRenderingContext, WebGLProgram>()\n\nfunction createProgram(gl: WebGLRenderingContext, vertSrc: string, fragSrc: string): WebGLProgram {\n  const vs = gl.createShader(gl.VERTEX_SHADER) as WebGLShader\n  gl.shaderSource(vs, vertSrc)\n  gl.compileShader(vs)\n\n  const fs = gl.createShader(gl.FRAGMENT_SHADER) as WebGLShader\n  gl.shaderSource(fs, fragSrc)\n  gl.compileShader(fs)\n\n  const prog = gl.createProgram() as WebGLProgram\n  gl.attachShader(prog, vs)\n  gl.attachShader(prog, fs)\n  gl.linkProgram(prog)\n\n  return prog\n}\n\nfunction getRoundRectProg(gl: WebGLRenderingContext): WebGLProgram {\n  let prog = _roundRectProgByGl.get(gl)\n  if (prog) return prog\n\n  prog = createProgram(gl, ROUND_RECT_VERT_SRC, ROUND_RECT_FRAG_SRC)\n  _roundRectProgByGl.set(gl, prog)\n  return prog\n}\n\nfunction getBitmapProg(gl: WebGLRenderingContext): WebGLProgram {\n  let prog = _bitmapProgByGl.get(gl)\n  if (prog) return prog\n\n  prog = createProgram(gl, BITMAP_VERT_SRC, BITMAP_FRAG_SRC)\n  _bitmapProgByGl.set(gl, prog)\n  return prog\n}\n\ninterface RoundRectShaderLocs {\n  ndc: number\n  loc: number\n  halfSize: WebGLUniformLocation | null\n  radii: WebGLUniformLocation | null\n}\n\ninterface BitmapShaderLocs {\n  ndc: number\n  uv: number\n  texture: WebGLUniformLocation | null\n  alphaThreshold: WebGLUniformLocation | null\n  invertAlpha: WebGLUniformLocation | null\n}\n\nconst _roundRectLocsByProg = new WeakMap<WebGLProgram, RoundRectShaderLocs>()\nconst _bitmapLocsByProg = new WeakMap<WebGLProgram, BitmapShaderLocs>()\n\nfunction getRoundRectShaderLocs(\n  gl: WebGLRenderingContext,\n  prog: WebGLProgram\n): RoundRectShaderLocs {\n  let l = _roundRectLocsByProg.get(prog)\n  if (!l) {\n    l = {\n      ndc: gl.getAttribLocation(prog, 'a_ndc'),\n      loc: gl.getAttribLocation(prog, 'a_loc'),\n      halfSize: gl.getUniformLocation(prog, 'u_halfSize'),\n      radii: gl.getUniformLocation(prog, 'u_radii'),\n    }\n    _roundRectLocsByProg.set(prog, l)\n  }\n  return l\n}\n\nfunction getBitmapShaderLocs(gl: WebGLRenderingContext, prog: WebGLProgram): BitmapShaderLocs {\n  let l = _bitmapLocsByProg.get(prog)\n  if (!l) {\n    l = {\n      ndc: gl.getAttribLocation(prog, 'a_ndc'),\n      uv: gl.getAttribLocation(prog, 'a_uv'),\n      texture: gl.getUniformLocation(prog, 'u_texture'),\n      alphaThreshold: gl.getUniformLocation(prog, 'u_alphaThreshold'),\n      invertAlpha: gl.getUniformLocation(prog, 'u_invertAlpha'),\n    }\n    _bitmapLocsByProg.set(prog, l)\n  }\n  return l\n}\n\nconst STRIDE = 16\n\nfunction drawRoundRectMaskShape(\n  gl: GLPolyfilled,\n  scene: Phaser.Scene,\n  matrix: Phaser.GameObjects.Components.TransformMatrix,\n  cameraMatrix: Phaser.GameObjects.Components.TransformMatrix | undefined,\n  offsetX: number,\n  offsetY: number,\n  w: number,\n  h: number,\n  logW: number,\n  logH: number,\n  radii: [number, number, number, number],\n  vertBuf: WebGLBuffer,\n  verts: Float32Array\n): void {\n  const { a, b, c, d, tx, ty } = matrix\n  const hw = w / 2\n  const hh = h / 2\n  const cx = offsetX + hw\n  const cy = offsetY + hh\n\n  const corners = [\n    [cx - hw, cy - hh],\n    [cx + hw, cy - hh],\n    [cx + hw, cy + hh],\n    [cx - hw, cy + hh],\n  ] as const\n\n  for (let i = 0; i < 4; i++) {\n    const corner = corners[i] as [number, number]\n    const lx = corner[0]\n    const ly = corner[1]\n    const wx = a * lx + c * ly + tx\n    const wy = b * lx + d * ly + ty\n    const sx = cameraMatrix ? cameraMatrix.getX(wx, wy) : wx\n    const sy = cameraMatrix ? cameraMatrix.getY(wx, wy) : wy\n    verts[i * 4 + 0] = (sx / logW) * 2 - 1\n    verts[i * 4 + 1] = 1 - (sy / logH) * 2\n    verts[i * 4 + 2] = lx - cx\n    verts[i * 4 + 3] = ly - cy\n  }\n\n  const prevProg = gl.getParameter(gl.CURRENT_PROGRAM) as WebGLProgram | null\n  const prevBuf = gl.getParameter(gl.ARRAY_BUFFER_BINDING) as WebGLBuffer | null\n  const prevVAO = gl.getParameter(0x85b5) as WebGLVertexArrayObject | null\n  const prevActiveTextureUnit = (gl.getParameter(gl.ACTIVE_TEXTURE) as number) - gl.TEXTURE0\n  const renderer = scene.renderer as Phaser.Renderer.WebGL.WebGLRenderer\n  const savedPhaserState = savePhaserGLState(renderer)\n\n  gl.bindVertexArray(null)\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertBuf)\n  gl.bufferSubData(gl.ARRAY_BUFFER, 0, verts)\n\n  const prog = getRoundRectProg(gl)\n  gl.useProgram(prog)\n\n  const locs = getRoundRectShaderLocs(gl, prog)\n  gl.enableVertexAttribArray(locs.ndc)\n  gl.vertexAttribPointer(locs.ndc, 2, gl.FLOAT, false, STRIDE, 0)\n  gl.enableVertexAttribArray(locs.loc)\n  gl.vertexAttribPointer(locs.loc, 2, gl.FLOAT, false, STRIDE, 8)\n\n  gl.uniform2f(locs.halfSize, hw, hh)\n  gl.uniform4f(locs.radii, radii[0], radii[1], radii[2], radii[3])\n\n  gl.drawArrays(gl.TRIANGLE_FAN, 0, 4)\n\n  gl.disableVertexAttribArray(locs.ndc)\n  gl.disableVertexAttribArray(locs.loc)\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, prevBuf)\n  gl.useProgram(prevProg)\n  gl.bindVertexArray(prevVAO)\n  restorePhaserGLState(renderer, savedPhaserState, prevActiveTextureUnit)\n}\n\ntype BitmapFrameInfo = {\n  glTexture: Phaser.Renderer.WebGL.Wrappers.WebGLTextureWrapper\n  width: number\n  height: number\n  u0: number\n  v0: number\n  u1: number\n  v1: number\n}\n\nfunction isTextureFrame(value: StencilBitmapTexture): value is Phaser.Textures.Frame {\n  return typeof value === 'object' && value !== null && 'glTexture' in value && 'u0' in value\n}\n\nfunction resolveBitmapFrame(scene: Phaser.Scene, source: BitmapMaskState): BitmapFrameInfo | null {\n  const frame = isTextureFrame(source.texture)\n    ? source.texture\n    : typeof source.texture === 'string'\n      ? scene.textures.getFrame(source.texture, source.frame)\n      : source.texture.get(source.frame)\n\n  if (!frame?.glTexture?.webGLTexture) return null\n\n  return {\n    glTexture: frame.glTexture,\n    width: source.width ?? frame.cutWidth ?? frame.realWidth,\n    height: source.height ?? frame.cutHeight ?? frame.realHeight,\n    u0: frame.u0,\n    v0: frame.v0,\n    u1: frame.u1,\n    v1: frame.v1,\n  }\n}\n\nfunction drawBitmapMaskShape(\n  gl: GLPolyfilled,\n  scene: Phaser.Scene,\n  matrix: Phaser.GameObjects.Components.TransformMatrix,\n  cameraMatrix: Phaser.GameObjects.Components.TransformMatrix | undefined,\n  source: BitmapMaskState,\n  frameInfo: BitmapFrameInfo,\n  logW: number,\n  logH: number,\n  vertBuf: WebGLBuffer,\n  verts: Float32Array\n): void {\n  const { a, b, c, d, tx, ty } = matrix\n  const x0 = source.offsetX\n  const y0 = source.offsetY\n  const x1 = x0 + frameInfo.width\n  const y1 = y0 + frameInfo.height\n\n  const corners = [\n    [x0, y0, frameInfo.u0, frameInfo.v0],\n    [x1, y0, frameInfo.u1, frameInfo.v0],\n    [x1, y1, frameInfo.u1, frameInfo.v1],\n    [x0, y1, frameInfo.u0, frameInfo.v1],\n  ] as const\n\n  for (let i = 0; i < 4; i++) {\n    const corner = corners[i] as (typeof corners)[number]\n    const lx = corner[0]\n    const ly = corner[1]\n    const wx = a * lx + c * ly + tx\n    const wy = b * lx + d * ly + ty\n    const sx = cameraMatrix ? cameraMatrix.getX(wx, wy) : wx\n    const sy = cameraMatrix ? cameraMatrix.getY(wx, wy) : wy\n    verts[i * 4 + 0] = (sx / logW) * 2 - 1\n    verts[i * 4 + 1] = 1 - (sy / logH) * 2\n    verts[i * 4 + 2] = corner[2]\n    verts[i * 4 + 3] = corner[3]\n  }\n\n  const prevProg = gl.getParameter(gl.CURRENT_PROGRAM) as WebGLProgram | null\n  const prevBuf = gl.getParameter(gl.ARRAY_BUFFER_BINDING) as WebGLBuffer | null\n  const prevVAO = gl.getParameter(0x85b5) as WebGLVertexArrayObject | null\n  const prevActiveTextureUnit = (gl.getParameter(gl.ACTIVE_TEXTURE) as number) - gl.TEXTURE0\n  const renderer = scene.renderer as Phaser.Renderer.WebGL.WebGLRenderer\n  const savedPhaserState = savePhaserGLState(renderer)\n\n  gl.bindVertexArray(null)\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertBuf)\n  gl.bufferSubData(gl.ARRAY_BUFFER, 0, verts)\n\n  const prog = getBitmapProg(gl)\n  gl.useProgram(prog)\n\n  const locs = getBitmapShaderLocs(gl, prog)\n  gl.enableVertexAttribArray(locs.ndc)\n  gl.vertexAttribPointer(locs.ndc, 2, gl.FLOAT, false, STRIDE, 0)\n  gl.enableVertexAttribArray(locs.uv)\n  gl.vertexAttribPointer(locs.uv, 2, gl.FLOAT, false, STRIDE, 8)\n\n  const textureUnits = renderer.glTextureUnits\n  const prevTexture = textureUnits.units[0] ?? null\n\n  textureUnits.bind(frameInfo.glTexture, 0)\n  gl.uniform1i(locs.texture, 0)\n  gl.uniform1f(locs.alphaThreshold, source.alphaThreshold)\n  gl.uniform1f(locs.invertAlpha, source.invertAlpha ? 1 : 0)\n\n  gl.drawArrays(gl.TRIANGLE_FAN, 0, 4)\n\n  gl.disableVertexAttribArray(locs.ndc)\n  gl.disableVertexAttribArray(locs.uv)\n\n  textureUnits.bind(prevTexture, 0)\n  renderer.glWrapper.updateBindingsActiveTexture({\n    bindings: {\n      activeTexture: prevActiveTextureUnit,\n    },\n  })\n  gl.bindBuffer(gl.ARRAY_BUFFER, prevBuf)\n  gl.useProgram(prevProg)\n  gl.bindVertexArray(prevVAO)\n  restorePhaserGLState(renderer, savedPhaserState, prevActiveTextureUnit)\n}\n\nexport function drawMaskShape(\n  gl: GLPolyfilled,\n  scene: Phaser.Scene,\n  matrix: Phaser.GameObjects.Components.TransformMatrix,\n  cameraMatrix: Phaser.GameObjects.Components.TransformMatrix | undefined,\n  source: MaskState,\n  logW: number,\n  logH: number,\n  vertBuf: WebGLBuffer,\n  verts: Float32Array\n): void {\n  if (source.kind === 'bitmap') {\n    const frameInfo = resolveBitmapFrame(scene, source)\n    if (!frameInfo) return\n    drawBitmapMaskShape(\n      gl,\n      scene,\n      matrix,\n      cameraMatrix,\n      source,\n      frameInfo,\n      logW,\n      logH,\n      vertBuf,\n      verts\n    )\n    return\n  }\n\n  drawRoundRectMaskShape(\n    gl,\n    scene,\n    matrix,\n    cameraMatrix,\n    source.offsetX,\n    source.offsetY,\n    source.width,\n    source.height,\n    logW,\n    logH,\n    source.radii,\n    vertBuf,\n    verts\n  )\n}\n","import type {\n  StencilBitmapClipSource,\n  StencilBitmapTexture,\n  StencilClipSource,\n  StencilClipUpdate,\n  StencilCornerRadius,\n  StencilRoundRectClipSource,\n} from './stencil-clip-types'\n\nexport type RoundRectMaskState = {\n  kind: 'roundRect'\n  width: number\n  height: number\n  offsetX: number\n  offsetY: number\n  radii: [number, number, number, number]\n}\n\nexport type BitmapMaskState = {\n  kind: 'bitmap'\n  texture: StencilBitmapTexture\n  frame: string | number | undefined\n  width: number | undefined\n  height: number | undefined\n  offsetX: number\n  offsetY: number\n  alphaThreshold: number\n  invertAlpha: boolean\n}\n\nexport type MaskState = RoundRectMaskState | BitmapMaskState\n\nfunction resolveRadii(\n  r: number | StencilCornerRadius | undefined\n): [number, number, number, number] {\n  if (!r) return [0, 0, 0, 0]\n  if (typeof r === 'number') return [r, r, r, r]\n  return [r.tl ?? 0, r.tr ?? 0, r.br ?? 0, r.bl ?? 0]\n}\n\n/** Returns true when a source/update selects the bitmap mask renderer. */\nexport function isBitmapStencilClipSource(\n  source: StencilClipUpdate\n): source is Partial<StencilBitmapClipSource> & { kind: 'bitmap' } {\n  return source.kind === 'bitmap'\n}\n\nfunction toRoundRectState(source: StencilRoundRectClipSource): RoundRectMaskState {\n  return {\n    kind: 'roundRect',\n    width: source.width,\n    height: source.height,\n    offsetX: source.offsetX ?? 0,\n    offsetY: source.offsetY ?? 0,\n    radii: source.kind === 'rect' ? [0, 0, 0, 0] : resolveRadii(source.cornerRadius),\n  }\n}\n\nfunction toBitmapState(source: StencilBitmapClipSource): BitmapMaskState {\n  return {\n    kind: 'bitmap',\n    texture: source.texture,\n    frame: source.frame,\n    width: source.width,\n    height: source.height,\n    offsetX: source.offsetX ?? 0,\n    offsetY: source.offsetY ?? 0,\n    alphaThreshold: source.alphaThreshold ?? 0.5,\n    invertAlpha: source.invertAlpha ?? false,\n  }\n}\n\nexport function toMaskState(source: StencilClipSource): MaskState {\n  return isBitmapStencilClipSource(source) ? toBitmapState(source) : toRoundRectState(source)\n}\n\nexport function mergeMaskState(current: MaskState, update: StencilClipUpdate): MaskState {\n  if (isBitmapStencilClipSource(update)) {\n    if (current.kind !== 'bitmap' || update.texture !== undefined) {\n      return toBitmapState(update as StencilBitmapClipSource)\n    }\n\n    return {\n      kind: 'bitmap',\n      texture: current.texture,\n      frame: update.frame !== undefined ? update.frame : current.frame,\n      width: update.width !== undefined ? update.width : current.width,\n      height: update.height !== undefined ? update.height : current.height,\n      offsetX: update.offsetX !== undefined ? update.offsetX : current.offsetX,\n      offsetY: update.offsetY !== undefined ? update.offsetY : current.offsetY,\n      alphaThreshold:\n        update.alphaThreshold !== undefined ? update.alphaThreshold : current.alphaThreshold,\n      invertAlpha: update.invertAlpha !== undefined ? update.invertAlpha : current.invertAlpha,\n    }\n  }\n\n  if (current.kind === 'bitmap' && update.kind === undefined) {\n    const bitmapUpdate = update as Partial<StencilBitmapClipSource>\n    return {\n      kind: 'bitmap',\n      texture: current.texture,\n      frame: bitmapUpdate.frame !== undefined ? bitmapUpdate.frame : current.frame,\n      width: bitmapUpdate.width !== undefined ? bitmapUpdate.width : current.width,\n      height: bitmapUpdate.height !== undefined ? bitmapUpdate.height : current.height,\n      offsetX: bitmapUpdate.offsetX !== undefined ? bitmapUpdate.offsetX : current.offsetX,\n      offsetY: bitmapUpdate.offsetY !== undefined ? bitmapUpdate.offsetY : current.offsetY,\n      alphaThreshold:\n        bitmapUpdate.alphaThreshold !== undefined\n          ? bitmapUpdate.alphaThreshold\n          : current.alphaThreshold,\n      invertAlpha:\n        bitmapUpdate.invertAlpha !== undefined ? bitmapUpdate.invertAlpha : current.invertAlpha,\n    }\n  }\n\n  if (current.kind === 'bitmap') {\n    return toRoundRectState(update as StencilRoundRectClipSource)\n  }\n\n  const roundUpdate = update as Partial<StencilRoundRectClipSource>\n  return {\n    kind: 'roundRect',\n    width: roundUpdate.width !== undefined ? roundUpdate.width : current.width,\n    height: roundUpdate.height !== undefined ? roundUpdate.height : current.height,\n    offsetX: roundUpdate.offsetX !== undefined ? roundUpdate.offsetX : current.offsetX,\n    offsetY: roundUpdate.offsetY !== undefined ? roundUpdate.offsetY : current.offsetY,\n    radii:\n      roundUpdate.kind === 'rect'\n        ? [0, 0, 0, 0]\n        : 'cornerRadius' in roundUpdate\n          ? resolveRadii(roundUpdate.cornerRadius)\n          : current.radii,\n  }\n}\n","/**\n * WebGL stencil-buffer clip for Phaser 4 Containers.\n *\n * Supports arbitrary nesting via the INCR/DECR model: each clip level\n * increments the stencil on enter and decrements on exit, so child clips are\n * automatically intersected with their parent clips at the hardware level.\n *\n * Shape variants:\n *   - Plain rectangle   (cornerRadius omitted or 0)\n *   - Rounded rectangle (uniform radius or per-corner object)\n *\n * A single SDF-based shader handles both variants.  For plain rectangles\n * u_radii is vec4(0) and the `discard` branch never fires — no overhead\n * compared to a rectangle-only shader.\n *\n * Transforms (translate, scale, rotation) are fully supported: the quad\n * corners are transformed through `container.getWorldTransformMatrix()` at\n * render time, so no per-layout world-position tracking is needed.\n */\nimport * as Phaser from 'phaser'\nimport { ensurePrerenderReset, getDepth } from './stencil-clip-depth'\nimport { ensureFboPatch, resetFboPatchState } from './stencil-clip-fbo-bridge'\nimport { drawMaskShape, type GLPolyfilled } from './stencil-clip-renderer'\nimport { mergeMaskState, toMaskState } from './stencil-clip-state'\nimport type { StencilClipHandle, StencilClipSource } from './stencil-clip-types'\n\nexport { isBitmapStencilClipSource } from './stencil-clip-state'\nexport type {\n  StencilBitmapClipSource,\n  StencilBitmapTexture,\n  StencilClipHandle,\n  StencilClipShape,\n  StencilClipSource,\n  StencilClipUpdate,\n  StencilCornerRadius,\n  StencilRoundRectClipSource,\n} from './stencil-clip-types'\n\n// ── Internal Phaser type helpers ──────────────────────────────────────────────\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ContainerRenderFn = (renderer: any, go: any, ...rest: any[]) => void\n\ntype RNManager = { finishBatch(): void }\ntype CameraLike = {\n  getViewMatrix(forceComposite?: boolean): Phaser.GameObjects.Components.TransformMatrix\n}\n\ntype DrawingContextLike = {\n  camera?: CameraLike\n  useCanvas?: boolean\n}\n\ntype GLWrapperLike = {\n  state?: {\n    bindings?: {\n      arrayBuffer?: unknown\n    }\n  }\n  updateBindingsArrayBuffer?(state: unknown, force?: boolean): void\n}\n\n// ── Attachment symbol ─────────────────────────────────────────────────────────\n\nconst STENCIL_HANDLE = Symbol('stencilClipHandle')\n\n/** Returns the active stencil clip handle attached to a container, if any. */\nexport function getStencilClipHandle(\n  container: Phaser.GameObjects.Container\n): StencilClipHandle | undefined {\n  return (container as unknown as { [STENCIL_HANDLE]?: StencilClipHandle })[STENCIL_HANDLE]\n}\n\n/** Removes any active stencil clip from a container. */\nexport function clearStencilClip(container: Phaser.GameObjects.Container): void {\n  getStencilClipHandle(container)?.destroy()\n}\n\n// ── Public API ────────────────────────────────────────────────────────────────\n\n/**\n * Applies a WebGL stencil-buffer clip to a Phaser 4 Container.\n *\n * The clip rectangle is expressed in the container's **local coordinate\n * space**.  `offsetX`/`offsetY` mark the top-left corner (default 0/0), so\n * a container whose visual area starts at its local origin can be clipped with\n * `applyStencilClip(container, { width, height })`.\n *\n * **Nesting** is handled transparently: each clip level occupies one stencil\n * value (0 = no clip, 1 = depth 0, 2 = depth 1, …).  Child clips are always\n * the intersection of their own shape and all ancestor shapes.\n *\n * **Transforms** (translate, scale, rotation) are re-evaluated from\n * `container.getWorldTransformMatrix()` on every frame, so animated or\n * scroll-driven containers clip correctly without any manual update call.\n *\n * If a stencil clip is already attached to the container, calling this\n * function again calls `handle.update(shape)` on the existing handle and\n * returns it.\n *\n * @param container - The container to clip.\n * @param source - Clip source in the container's local coordinate space.\n * @returns A handle to modify dimensions / corner radii or remove the clip.\n */\nexport function applyStencilClip(\n  container: Phaser.GameObjects.Container,\n  source: StencilClipSource\n): StencilClipHandle {\n  const obj = container as unknown as {\n    _renderSteps: Array<ContainerRenderFn | undefined>\n    addRenderStep(fn: ContainerRenderFn, index?: number): Phaser.GameObjects.Container\n    [STENCIL_HANDLE]?: StencilClipHandle\n  }\n\n  // Re-use existing handle if already attached.\n  if (obj[STENCIL_HANDLE]) {\n    obj[STENCIL_HANDLE].update(source)\n    return obj[STENCIL_HANDLE]\n  }\n\n  // No-op for non-WebGL renderers.\n  if (container.scene.renderer.type !== Phaser.WEBGL) {\n    return { update() {}, destroy() {} }\n  }\n\n  const renderer = container.scene.renderer as Phaser.Renderer.WebGL.WebGLRenderer\n  const gl = renderer.gl as GLPolyfilled\n  const glWrapper = renderer.glWrapper as unknown as GLWrapperLike\n\n  ensurePrerenderReset(gl, container.scene.game, resetFboPatchState)\n  ensureFboPatch(gl)\n\n  // Persistent vertex buffer: 4 vertices × 4 floats × 4 bytes = 64 bytes.\n  const previousArrayBuffer = glWrapper.state?.bindings?.arrayBuffer ?? null\n  const vertBuf = gl.createBuffer() as WebGLBuffer\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertBuf)\n  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(16), gl.DYNAMIC_DRAW)\n  gl.bindBuffer(gl.ARRAY_BUFFER, null)\n  // Creating the buffer mutates raw GL state; restore Phaser's cached binding too.\n  glWrapper.updateBindingsArrayBuffer?.(\n    {\n      bindings: {\n        arrayBuffer: previousArrayBuffer,\n      },\n    },\n    true\n  )\n\n  const verts = new Float32Array(16)\n\n  let maskSource = toMaskState(source)\n  let destroyed = false\n\n  const wrapper: ContainerRenderFn = (\n    webglRenderer,\n    go,\n    drawingContext,\n    parentMatrix,\n    renderStep = 0,\n    displayList,\n    displayListIndex\n  ) => {\n    const renderNext = () => {\n      go.renderWebGLStep(\n        webglRenderer,\n        go,\n        drawingContext,\n        parentMatrix,\n        renderStep + 1,\n        displayList,\n        displayListIndex\n      )\n    }\n\n    if (destroyed) {\n      renderNext()\n      return\n    }\n\n    const matrix = container.getWorldTransformMatrix()\n    const context = drawingContext as DrawingContextLike\n    const cameraMatrix = context.camera?.getViewMatrix(!context.useCanvas)\n    const rn = (webglRenderer as unknown as { renderNodes: RNManager }).renderNodes\n    const depth = getDepth(gl)\n    const myDepth = depth.value++\n\n    const logW = webglRenderer.width as number\n    const logH = webglRenderer.height as number\n\n    // ── Push: write clip shape into stencil buffer ────────────────────────\n    rn.finishBatch()\n\n    if (myDepth === 0) gl.enable(gl.STENCIL_TEST)\n\n    gl.colorMask(false, false, false, false)\n    gl.stencilMask(0xff)\n    // Write only where the stencil already equals myDepth (parent's level).\n    gl.stencilFunc(gl.EQUAL, myDepth, 0xff)\n    gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR)\n\n    drawMaskShape(gl, container.scene, matrix, cameraMatrix, maskSource, logW, logH, vertBuf, verts)\n\n    // ── Content render: test for myDepth+1, protect stencil ──────────────\n    gl.colorMask(true, true, true, true)\n    gl.stencilFunc(gl.EQUAL, myDepth + 1, 0xff)\n    gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP)\n    gl.stencilMask(0x00)\n\n    renderNext()\n\n    // ── Pop: restore parent depth via DECR ────────────────────────────────\n    rn.finishBatch()\n\n    gl.colorMask(false, false, false, false)\n    gl.stencilMask(0xff)\n    gl.stencilFunc(gl.EQUAL, myDepth + 1, 0xff)\n    gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR)\n\n    drawMaskShape(gl, container.scene, matrix, cameraMatrix, maskSource, logW, logH, vertBuf, verts)\n\n    gl.colorMask(true, true, true, true)\n    depth.value--\n\n    if (myDepth === 0) {\n      // Outermost clip: disable stencil test and lift write protection.\n      gl.disable(gl.STENCIL_TEST)\n      gl.stencilMask(0xff)\n    } else {\n      // Nested clip: restore the parent's content-render stencil state so\n      // remaining siblings of this container are still clipped correctly.\n      gl.stencilFunc(gl.EQUAL, myDepth, 0xff)\n      gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP)\n      gl.stencilMask(0x00)\n    }\n  }\n\n  const handle: StencilClipHandle = {\n    update(s) {\n      maskSource = mergeMaskState(maskSource, s)\n    },\n    destroy() {\n      if (destroyed) return\n      destroyed = true\n      gl.deleteBuffer(vertBuf)\n      const index = obj._renderSteps.indexOf(wrapper)\n      if (index !== -1) obj._renderSteps.splice(index, 1)\n      delete obj[STENCIL_HANDLE]\n    },\n  }\n\n  obj.addRenderStep(wrapper, 0)\n  obj[STENCIL_HANDLE] = handle\n\n  return handle\n}\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport * as Phaser from 'phaser'\nimport {\n  applyStencilClip,\n  clearStencilClip,\n  getStencilClipHandle,\n  type StencilClipHandle,\n  type StencilClipSource,\n  type StencilClipUpdate,\n} from './stencil-clip'\n\ntype AnyFn = (...args: unknown[]) => unknown\n\ninterface ExtensionHandle {\n  restore(): void\n}\n\nfunction addMethod<T extends object, K extends PropertyKey>(\n  proto: T,\n  methodName: K,\n  fn: unknown\n): ExtensionHandle {\n  const hadOwn = Object.prototype.hasOwnProperty.call(proto, methodName)\n  const previous = (proto as Record<PropertyKey, unknown>)[methodName]\n\n  if (!hadOwn) {\n    ;(proto as Record<PropertyKey, unknown>)[methodName] = fn\n  }\n\n  return {\n    restore: () => {\n      if (!hadOwn) {\n        delete (proto as Record<PropertyKey, unknown>)[methodName]\n      } else {\n        ;(proto as Record<PropertyKey, unknown>)[methodName] = previous\n      }\n    },\n  }\n}\n\nfunction wrapMethod<T extends object, K extends keyof T & string>(\n  proto: T,\n  methodName: K,\n  wrapper: (original: AnyFn, self: unknown, ...args: unknown[]) => unknown\n): ExtensionHandle {\n  const original = proto[methodName] as unknown as AnyFn\n\n  if (typeof original !== 'function') {\n    return { restore() {} }\n  }\n\n  const wrapped: AnyFn = function (this: unknown, ...args: unknown[]) {\n    return wrapper(original, this, ...args)\n  }\n\n  ;(proto as Record<string, unknown>)[methodName] = wrapped\n\n  return {\n    restore: () => {\n      ;(proto as Record<string, unknown>)[methodName] = original\n    },\n  }\n}\n\nlet installed = false\nlet restoreHandles: ExtensionHandle[] = []\n\nfunction canCreateStencilClipSource(source: StencilClipUpdate): source is StencilClipSource {\n  if (source.kind === 'bitmap') {\n    return source.texture !== undefined\n  }\n\n  return source.width !== undefined && source.height !== undefined\n}\n\n/** Installs stencil clip helpers on Phaser.GameObjects.Container.prototype. */\nexport function installStencilClipExtension(): void {\n  if (installed) return\n  installed = true\n\n  const proto = Phaser.GameObjects.Container.prototype as Phaser.GameObjects.Container &\n    Record<string, unknown>\n\n  restoreHandles.push(\n    addMethod(\n      proto,\n      'setStencilClip',\n      function (this: Phaser.GameObjects.Container, source: StencilClipSource) {\n        applyStencilClip(this, source)\n        return this\n      }\n    )\n  )\n\n  restoreHandles.push(\n    addMethod(\n      proto,\n      'updateStencilClip',\n      function (this: Phaser.GameObjects.Container, source: StencilClipUpdate) {\n        const handle = getStencilClipHandle(this)\n        if (handle) handle.update(source)\n        else if (canCreateStencilClipSource(source)) applyStencilClip(this, source)\n        return this\n      }\n    )\n  )\n\n  restoreHandles.push(\n    addMethod(proto, 'clearStencilClip', function (this: Phaser.GameObjects.Container) {\n      clearStencilClip(this)\n      return this\n    })\n  )\n\n  restoreHandles.push(\n    addMethod(proto, 'getStencilClipHandle', function (this: Phaser.GameObjects.Container) {\n      return getStencilClipHandle(this)\n    })\n  )\n\n  restoreHandles.push(\n    wrapMethod(proto, 'destroy', (original, self, ...args) => {\n      clearStencilClip(self as Phaser.GameObjects.Container)\n      return original.apply(self, args)\n    })\n  )\n}\n\n/** Restores Phaser prototypes to their previous state. Intended for tests/HMR. */\nexport function uninstallStencilClipExtension(): void {\n  for (const handle of [...restoreHandles].reverse()) handle.restore()\n  restoreHandles = []\n  installed = false\n}\n\ndeclare global {\n  namespace Phaser {\n    namespace GameObjects {\n      interface Container {\n        setStencilClip(source: StencilClipSource): this\n        updateStencilClip(source: StencilClipUpdate): this\n        clearStencilClip(): this\n        getStencilClipHandle(): StencilClipHandle | undefined\n      }\n    }\n  }\n}\n","export * from './stencil-clip'\nexport * from './stencil-clip-extension'\n\nimport { installStencilClipExtension } from './stencil-clip-extension'\n\ninstallStencilClipExtension()\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import { ViewProps } from '..';
+import { VNodeLike } from '../../vdom';
+export type DebugPanelPreset = 'fps' | 'perf' | 'vdom' | 'textures' | 'full';
+export type DebugMetricKey = 'fps' | 'frameMs' | 'phaserVersion' | 'renderer' | 'viewport' | 'textureCount' | 'mountsTotal' | 'mountsByType' | 'mountsByParent' | 'mountsByKey' | 'debugFlags';
+type DebugValue = string | number;
+export interface DebugPanelProps extends Omit<ViewProps, 'children'> {
+    /** Optional ready-made metric set. Ignored when `metrics` is set. */
+    preset?: DebugPanelPreset;
+    /** Explicit metric selection (takes precedence over `preset`). */
+    metrics?: DebugMetricKey[];
+    /** Refresh interval in milliseconds. */
+    intervalMs?: number;
+    /** Render all metrics in one line (instead of key/value rows). */
+    compact?: boolean;
+    /** Maximum rows to render in non-compact mode. */
+    maxRows?: number;
+    /** Optional metric label overrides. */
+    labels?: Partial<Record<DebugMetricKey, string>>;
+    /** Optional formatter overrides per metric. */
+    formatters?: Partial<Record<DebugMetricKey, (value: DebugValue) => string>>;
+    /** Optional props forwarded to each inner row View (column mode only). */
+    innerProps?: Omit<ViewProps, 'children'>;
+}
+/**
+ * DebugPanel component
+ * Shows selected diagnostics from Phaser + PhaserJSX as overlay-ready content.
+ */
+export declare function DebugPanel(props: DebugPanelProps): VNodeLike;
+export {};
+//# sourceMappingURL=DebugPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebugPanel.d.ts","sourceRoot":"","sources":["../../../src/components/custom/DebugPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAA;AAInC,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAG1D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;AAE5E,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,cAAc,GACd,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,YAAY,CAAA;AAEhB,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAIjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,kEAAkE;IAClE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IAChD,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAA;IAC3E,0EAA0E;IAC1E,UAAU,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;CACzC;AAkID;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAqE5D"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Toggle.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAqB3C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACzC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAoMpD"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Toggle.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAqB3C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACzC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAkMpD"}

package/dist/components/custom/index.cjs

@@ -1,10 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_custom = require("../../custom-Dp3yAJdU.cjs");
+const require_custom = require("../../custom-DTd4LxDn.cjs");
 exports.Accordion = require_custom.Accordion;
 exports.AlertDialog = require_custom.AlertDialog;
 exports.Button = require_custom.Button;
 exports.CharText = require_custom.CharText;
 exports.CharTextInput = require_custom.CharTextInput;
+exports.DebugPanel = require_custom.DebugPanel;
 exports.Dialog = require_custom.Dialog;
 exports.Divider = require_custom.Divider;
 exports.Dropdown = require_custom.Dropdown;

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

@@ -7,6 +7,7 @@ export { AlertDialog, type AlertDialogProps } from './AlertDialog';
 export { Button, type ButtonProps } from './Button';
 export { CharText, type CharTextAPI, type CharTextProps } from './CharText';
 export { CharTextInput, type CharTextInputProps } from './CharTextInput';
+export { DebugPanel, type DebugMetricKey, type DebugPanelPreset, type DebugPanelProps, } from './DebugPanel';
 export { Dialog, type DialogProps } from './Dialog';
 export { Divider, type DividerProps } from './Divider';
 export { Dropdown, type DropdownOption, type DropdownProps } from './Dropdown';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EACL,IAAI,EACJ,mBAAmB,EACnB,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,WAAW,EACX,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC/F,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EACL,IAAI,EACJ,mBAAmB,EACnB,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,WAAW,EACX,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC/F,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/custom/index.js

@@ -1,2 +1,2 @@
-import { $ as RadioButton, C as CharText, D as Modal, E as Dialog, J as Particles, O as Portal, Q as RadioGroup, S as CharTextInput, T as WrapText, _ as Dropdown, a as Tabs, b as calculateSliderSize, c as Sidebar, d as NineSlice, f as Joystick, g as Image, h as useIconPreload, i as TabPanel, k as Accordion, l as RefOriginView, m as createIconComponent, n as Toggle, o as RangeSlider, p as Icon, r as Tab, s as Slider, t as TransformOriginView, tt as Button, u as NineSliceButton, v as ScrollView, w as AlertDialog, x as Divider, y as ScrollSlider } from "../../custom-C_w8D39m.js";
-export { Accordion, AlertDialog, Button, CharText, CharTextInput, Dialog, Divider, Dropdown, Icon, Image, Joystick, Modal, NineSlice, NineSliceButton, Particles, Portal, RadioButton, RadioGroup, RangeSlider, RefOriginView, ScrollSlider, ScrollView, Sidebar, Slider, Tab, TabPanel, Tabs, Toggle, TransformOriginView, WrapText, calculateSliderSize, createIconComponent, useIconPreload };
+import { A as Portal, D as WrapText, E as AlertDialog, O as Dialog, S as DebugPanel, T as CharText, X as Particles, _ as Dropdown, a as Tabs, b as calculateSliderSize, c as Sidebar, d as NineSlice, et as RadioGroup, f as Joystick, g as Image, h as useIconPreload, i as TabPanel, j as Accordion, k as Modal, l as RefOriginView, m as createIconComponent, n as Toggle, o as RangeSlider, p as Icon, r as Tab, rt as Button, s as Slider, t as TransformOriginView, tt as RadioButton, u as NineSliceButton, v as ScrollView, w as CharTextInput, x as Divider, y as ScrollSlider } from "../../custom-BXDJDGOl.js";
+export { Accordion, AlertDialog, Button, CharText, CharTextInput, DebugPanel, Dialog, Divider, Dropdown, Icon, Image, Joystick, Modal, NineSlice, NineSliceButton, Particles, Portal, RadioButton, RadioGroup, RangeSlider, RefOriginView, ScrollSlider, ScrollView, Sidebar, Slider, Tab, TabPanel, Tabs, Toggle, TransformOriginView, WrapText, calculateSliderSize, createIconComponent, useIconPreload };

package/dist/components/primitives/graphics.d.ts

@@ -65,7 +65,7 @@ import { PropsDefaultExtension } from '../../types';
  *    - Compare with current dependencies in patcher
  *    - Call onDraw only if changed
  *
- * 6. Performance Optimization: GENERATETEXTURE PATH 🆕
+ * 6. Performance Optimization: GENERATE-TEXTURE PATH 🆕
  *    Strategy for static graphics:
  *    - Static graphics (no redraw) → Consider generateTexture() optimization
  *    - Converts geometry to texture (faster rendering, loses vector quality)
@@ -80,7 +80,7 @@ import { PropsDefaultExtension } from '../../types';
  *    - ✅ Custom complex shapes (polygons, stars, bezier curves)
  *    - ✅ Dynamic visualizations (graphs, charts)
  *    - ✅ Progress bars with custom shapes
- *    - ✅ Debug overlays (hitboxes, grids)
+ *    - ✅ Debug overlays (hit boxes, grids)
  *    Use Alternatives For:
  *    - ❌ Simple rectangles → Use View with backgroundColor
  *    - ❌ Borders → Use View with borderColor/borderWidth

package/dist/{custom-C_w8D39m.js → custom-BXDJDGOl.js}

@@ -16948,7 +16948,7 @@ var GestureManager = class {
 	/**
 	* Handle global pointer down event
 	* Registers all containers that were hit for move event tracking
-	* Only the topmost gets touch/longpress callbacks
+	* Only the topmost gets touch/long-press callbacks
 	*/
 	handlePointerDown(pointer) {
 		const hitContainers = /* @__PURE__ */ new Set();
@@ -24051,7 +24051,7 @@ function registerBuiltins() {
 /**
 * Preprocesses SVG string to ensure tinting works correctly
 * Replaces fill/stroke="currentColor" and other colors with white (#FFFFFF)
-* This allows Phaser's tint to work multiplicatively (white × tint = tint color)
+* This allows Phaser's tint to work by multiplication (white × tint = tint color)
 * @param svg - Raw SVG string
 * @returns Preprocessed SVG string with white fills/strokes
 */
@@ -26643,6 +26643,264 @@ function CharTextInput(props) {
 	});
 }
 //#endregion
+//#region src/design-tokens/use-theme-tokens.ts
+/**
+* Hook to access complete design token system
+* Combines colors with text styles, spacing, sizes, and radius tokens
+*/
+/**
+* Hook to access complete design token system from theme context
+* Provides colors, text styles, spacing, sizes, and radius tokens
+* Automatically updates when color mode or preset changes
+* @returns Current DesignTokens or undefined
+* @example
+* ```typescript
+* function MyComponent() {
+*   const tokens = useThemeTokens()
+*
+*   if (!tokens) return null
+*
+*   return (
+*     <View
+*       backgroundColor={tokens.colors.surface.DEFAULT}
+*       padding={tokens.spacing.lg}
+*       cornerRadius={tokens.radius.md}
+*     >
+*       <Text text="Title" style={tokens.textStyles.title} />
+*       <Text text="Body text" style={tokens.textStyles.DEFAULT} />
+*     </View>
+*   )
+* }
+* ```
+*/
+function useThemeTokens() {
+	const localTheme = useTheme();
+	const getInitialTokens = () => {
+		if (localTheme?.__colorPreset) {
+			const preset = getPresetWithMode(localTheme.__colorPreset.name, localTheme.__colorPreset.mode ?? "light");
+			return {
+				colors: preset.colors,
+				textStyles: createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+				spacing: defaultSpacingTokens,
+				sizes: defaultSizeTokens,
+				radius: defaultRadiusTokens
+			};
+		}
+		const colors = themeRegistry.getColorTokens();
+		if (!colors) return void 0;
+		return {
+			colors,
+			textStyles: createTextStyleTokens(colors.text.DEFAULT.toString()),
+			spacing: defaultSpacingTokens,
+			sizes: defaultSizeTokens,
+			radius: defaultRadiusTokens
+		};
+	};
+	const [tokens, setTokens] = useState(getInitialTokens());
+	const [, forceUpdate] = useState(0);
+	useEffect(() => {
+		return themeRegistry.subscribe(() => {
+			if (localTheme?.__colorPreset) {
+				const currentMode = themeRegistry.getColorMode();
+				const preset = getPresetWithMode(localTheme.__colorPreset.name, currentMode);
+				setTokens({
+					colors: preset.colors,
+					textStyles: createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+					spacing: defaultSpacingTokens,
+					sizes: defaultSizeTokens,
+					radius: defaultRadiusTokens
+				});
+			} else {
+				const colors = themeRegistry.getColorTokens();
+				if (colors) setTokens({
+					colors,
+					textStyles: createTextStyleTokens(colors.text.DEFAULT.toString()),
+					spacing: defaultSpacingTokens,
+					sizes: defaultSizeTokens,
+					radius: defaultRadiusTokens
+				});
+			}
+			forceUpdate((n) => n + 1);
+		});
+	}, [localTheme]);
+	return tokens;
+}
+//#endregion
+//#region src/components/custom/DebugPanel.tsx
+/** @jsxImportSource ../.. */
+/**
+* DebugPanel component - lightweight runtime diagnostics for Phaser + PhaserJSX
+* Renders selected metrics as text rows or a compact single-line summary.
+*/
+var PRESET_METRICS = {
+	fps: ["fps", "frameMs"],
+	perf: [
+		"fps",
+		"frameMs",
+		"renderer",
+		"viewport"
+	],
+	vdom: [
+		"mountsTotal",
+		"mountsByType",
+		"mountsByParent",
+		"mountsByKey"
+	],
+	textures: ["textureCount"],
+	full: [
+		"fps",
+		"frameMs",
+		"phaserVersion",
+		"renderer",
+		"viewport",
+		"textureCount",
+		"mountsTotal",
+		"mountsByType",
+		"mountsByParent",
+		"mountsByKey",
+		"debugFlags"
+	]
+};
+var DEFAULT_LABELS = {
+	fps: "FPS",
+	frameMs: "Frame ms",
+	phaserVersion: "Phaser",
+	renderer: "Renderer",
+	viewport: "Viewport",
+	textureCount: "Textures",
+	mountsTotal: "Mounts",
+	mountsByType: "Mounts/type",
+	mountsByParent: "Mounts/parent",
+	mountsByKey: "Mounts/key",
+	debugFlags: "Debug flags"
+};
+function resolveRendererName(scene) {
+	const renderer = scene.renderer;
+	const canvasType = Phaser.CANVAS;
+	if (renderer.type === Phaser.WEBGL) return "WebGL";
+	if (canvasType !== void 0 && renderer.type === canvasType) return "Canvas";
+	if (renderer.constructor?.name) return renderer.constructor.name;
+	if (typeof renderer.type === "number") return `Type ${renderer.type}`;
+	return "Unknown";
+}
+function resolveTextureCount(scene) {
+	const manager = scene.textures;
+	const keys = typeof manager.getTextureKeys === "function" ? manager.getTextureKeys() : Object.keys(manager.list ?? {});
+	const internalKeys = new Set([
+		"__DEFAULT",
+		"__MISSING",
+		"__NORMAL",
+		"__WHITE"
+	]);
+	return keys.filter((key) => !internalKeys.has(key.toUpperCase())).length;
+}
+function resolveFrameStats(scene) {
+	const loop = scene.game.loop;
+	const rawFps = loop?.actualFps ?? loop?.fps ?? 0;
+	const rawFrameMs = loop?.delta ?? loop?.frameDelta ?? 0;
+	return {
+		fps: Number.isFinite(rawFps) ? Number(rawFps.toFixed(1)) : 0,
+		frameMs: Number.isFinite(rawFrameMs) ? Number(rawFrameMs.toFixed(2)) : 0
+	};
+}
+function summarizeMap(map, maxEntries = 3) {
+	return Array.from(map.entries()).sort((a, b) => b[1] - a[1]).slice(0, maxEntries).map(([key, value]) => `${String(key)}:${value}`).join(" | ") || "-";
+}
+function resolveDebugFlags() {
+	const debugConfig = DevConfig.debug;
+	if (!debugConfig.enabled) return "off";
+	const enabledFlags = Object.entries(debugConfig).filter(([key, value]) => key !== "enabled" && value).map(([key]) => key);
+	return enabledFlags.length ? enabledFlags.join(",") : "enabled";
+}
+function collectSnapshot(scene) {
+	const { fps, frameMs } = resolveFrameStats(scene);
+	const mountStats = getMountStats();
+	return {
+		fps,
+		frameMs,
+		phaserVersion: Phaser.VERSION,
+		renderer: resolveRendererName(scene),
+		viewport: `${scene.scale.width}x${scene.scale.height}`,
+		textureCount: resolveTextureCount(scene),
+		mountsTotal: mountStats.totalMounts,
+		mountsByType: summarizeMap(mountStats.byType),
+		mountsByParent: summarizeMap(mountStats.byParent),
+		mountsByKey: summarizeMap(mountStats.byKey),
+		debugFlags: resolveDebugFlags()
+	};
+}
+function formatDefault(value) {
+	return typeof value === "number" ? String(value) : value;
+}
+/**
+* DebugPanel component
+* Shows selected diagnostics from Phaser + PhaserJSX as overlay-ready content.
+*/
+function DebugPanel(props) {
+	const scene = useScene();
+	const { preset = "fps", metrics, intervalMs = 250, compact = false, maxRows, labels, formatters, innerProps, ...viewProps } = props;
+	const selectedMetrics = useMemo(() => {
+		const source = metrics && metrics.length > 0 ? metrics : PRESET_METRICS[preset];
+		return Array.from(new Set(source));
+	}, [metrics, preset]);
+	const [snapshot, setSnapshot] = useState(collectSnapshot(scene));
+	useEffect(() => {
+		const delay = Math.max(50, intervalMs);
+		setSnapshot(collectSnapshot(scene));
+		const timer = window.setInterval(() => {
+			setSnapshot(collectSnapshot(scene));
+		}, delay);
+		return () => {
+			window.clearInterval(timer);
+		};
+	}, [
+		scene,
+		intervalMs,
+		selectedMetrics
+	]);
+	const tokens = useThemeTokens();
+	const rowStyle = tokens?.textStyles.small;
+	const valueStyle = tokens?.textStyles.small;
+	const rows = selectedMetrics.map((metric) => {
+		const rawValue = snapshot[metric];
+		const label = labels?.[metric] ?? DEFAULT_LABELS[metric];
+		const formatter = formatters?.[metric];
+		return {
+			metric,
+			label,
+			value: formatter ? formatter(rawValue) : formatDefault(rawValue)
+		};
+	});
+	const limitedRows = typeof maxRows === "number" ? rows.slice(0, Math.max(1, maxRows)) : rows;
+	if (compact) {
+		const compactText = limitedRows.map((row) => `${row.label} ${row.value}`).join(" | ");
+		return /* @__PURE__ */ jsx(View, {
+			...viewProps,
+			children: /* @__PURE__ */ jsx(Text, {
+				text: compactText,
+				style: valueStyle
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(View, {
+		direction: "column",
+		gap: 4,
+		...viewProps,
+		children: limitedRows.map((row) => /* @__PURE__ */ jsxs(View, {
+			direction: "row",
+			gap: 8,
+			...innerProps,
+			children: [/* @__PURE__ */ jsx(Text, {
+				text: `${row.label}:`,
+				style: rowStyle
+			}), /* @__PURE__ */ jsx(Text, {
+				text: row.value,
+				style: valueStyle
+			})]
+		}, `debug-${row.metric}`))
+	});
+}
+//#endregion
 //#region src/components/custom/Divider.tsx
 /**
 * Divider component - renders a simple line separator
@@ -29087,7 +29345,6 @@ function Toggle(props) {
 		setIsAnimating(true);
 		const endX = newChecked ? thumbOffsetOn : thumbOffsetOff;
 		const startX = thumbX;
-		console.log("Duration:", duration.current);
 		scene.tweens.addCounter({
 			from: 0,
 			to: 1,
@@ -29254,6 +29511,6 @@ function TransformOriginView({ originX = .5, originY = .5, width, height, x = 0,
 	});
 }
 //#endregion
-export { RadioButton as $, textCreator as $n, shouldComponentUpdate as $t, computed as A, midnightPreset as An, createTheme as At, DOMInputElement as B, hexToNumber as Bn, remountAll as Bt, CharText as C, defaultTextStyleTokens as Cn, graphicsCreator as Cr, createWiggleEffect as Ct, Modal as D, generateColorScale as Dn, register as Dr, useGameObjectEffect as Dt, Dialog as E, forestGreenPreset as En, nodeRegistry as Er, createZoomOutEffect as Et, SpringPhysics as F, darken as Fn, getMountStats as Ft, useSVGTextures as G, rgbToHsl as Gn, disposeCtx as Gt, releaseSVGTexture as H, lightenHex as Hn, unmountJSX as Ht, animatedSignal as I, darkenHex as In, mount as It, Particles as J, normalizeCornerRadius as Jn, getLayoutProps as Jt, svgToTexture as K, rgbToNumber as Kn, getBackgroundGraphics as Kt, isAnimatedSignal as L, ensureContrast as Ln, mountJSX as Lt, useSprings as M, presets as Mn, mergeThemes as Mt, DEFAULT_SPRING_CONFIG as N, alpha as Nn, themeRegistry as Nt, Portal as O, getPreset as On, viewCreator as Ot, SPRING_PRESETS as P, createTextStyle as Pn, createElement as Pt, RadioGroup as Q, tileSpritePatcher as Qn, shallowEqual as Qt, unwrapSignal as R, getContrastRatio as Rn, normalizeVNodeLike as Rt, CharTextInput as S, defaultSpacingTokens as Sn, imagePatcher as Sr, createTadaEffect as St, WrapText as T, applyLightMode as Tn, host as Tr, createZoomInEffect as Tt, releaseSVGTextures as U, numberToHex as Un, portalRegistry as Ut, releaseAllSVGTextures as V, lighten as Vn, unmount as Vt, useSVGTexture as W, numberToRgb as Wn, View as Wt, Text as X, normalizeGap as Xn, getLayoutSize as Xt, TileSprite as Y, normalizeEdgeInsets as Yn, getLayoutRect as Yt, Sprite as Z, tileSpriteCreator as Zn, getWorldLayoutRect as Zt, Dropdown as _, createDefaultTheme as _n, buildEmitZone as _r, createShakeEffect as _t, Tabs as a, useLayoutRect as an, spriteCreator as ar, resolveEffect as at, calculateSliderSize as b, defaultRadiusTokens as bn, nineSlicePatcher as br, createSpinEffect as bt, Sidebar as c, useRedraw as cn, particlesPatcher as cr, createFadeEffect as ct, NineSlice as d, useState as dn, applyEmitterConfig as dr, createFlipOutEffect as dt, useBackgroundGraphics as en, textPatcher as er, Graphics as et, Joystick as f, useTheme as fn, getFirstEmitter as fr, createFloatEffect as ft, Image$1 as g, getRenderContext as gn, buildDeathZonesFromLayout as gr, createPulseEffect as gt, useIconPreload as h, withHooks as hn, resolveParticlePreset as hr, createPressEffect as ht, TabPanel as i, useLayoutEffect as in, DevPresets as ir, applyEffectByName as it, useSpring as j, oceanBluePreset as jn, getThemedProps as jt, Accordion as k, getPresetWithMode as kn, viewPatcher as kt, RefOriginView as l, useRef as ln, applyDeathZone as lr, createFlashEffect as lt, createIconComponent as m, useWorldLayoutRect as mn, PARTICLE_PRESET_REGISTRY as mr, createNoneEffect as mt, Toggle as n, useEffect as nn, DebugLogger as nr, DEFAULT_EFFECT as nt, RangeSlider as o, useLayoutSize as on, spritePatcher as or, createBounceEffect as ot, Icon as p, useViewportSize as pn, isParticleEmitter as pr, createJelloEffect as pt, registerBuiltins as q, HexColor as qn, getCurrent as qt, Tab as r, useForceRedraw as rn, DevConfig as rr, EFFECT_REGISTRY as rt, Slider as s, useMemo as sn, particlesCreator as sr, createBreatheEffect as st, TransformOriginView as t, useCallback as tn, viewportRegistry as tr, Button as tt, NineSliceButton as u, useScene as un, applyEmitZone as ur, createFlipInEffect as ut, ScrollView as v, defaultTheme as vn, buildEmitZoneFromLayout as vr, createSlideInEffect as vt, AlertDialog as w, applyDarkMode as wn, graphicsPatcher as wr, createWobbleEffect as wt, Divider as x, defaultSizeTokens as xn, imageCreator as xr, createSwingEffect as xt, ScrollSlider as y, createTextStyleTokens as yn, nineSliceCreator as yr, createSlideOutEffect as yt, KeyboardInputManager as z, hex as zn, patchVNode as zt };
+export { Sprite as $, tileSpriteCreator as $n, getWorldLayoutRect as $t, Portal as A, getPreset as An, viewCreator as At, unwrapSignal as B, getContrastRatio as Bn, normalizeVNodeLike as Bt, useThemeTokens as C, defaultSizeTokens as Cn, imageCreator as Cr, createSwingEffect as Ct, WrapText as D, applyLightMode as Dn, host as Dr, createZoomInEffect as Dt, AlertDialog as E, applyDarkMode as En, graphicsPatcher as Er, createWobbleEffect as Et, DEFAULT_SPRING_CONFIG as F, alpha as Fn, themeRegistry as Ft, releaseSVGTextures as G, numberToHex as Gn, portalRegistry as Gt, DOMInputElement as H, hexToNumber as Hn, remountAll as Ht, SPRING_PRESETS as I, createTextStyle as In, createElement as It, svgToTexture as J, rgbToNumber as Jn, getBackgroundGraphics as Jt, useSVGTexture as K, numberToRgb as Kn, View as Kt, SpringPhysics as L, darken as Ln, getMountStats as Lt, computed as M, midnightPreset as Mn, createTheme as Mt, useSpring as N, oceanBluePreset as Nn, getThemedProps as Nt, Dialog as O, forestGreenPreset as On, nodeRegistry as Or, createZoomOutEffect as Ot, useSprings as P, presets as Pn, mergeThemes as Pt, Text as Q, normalizeGap as Qn, getLayoutSize as Qt, animatedSignal as R, darkenHex as Rn, mount as Rt, DebugPanel as S, defaultRadiusTokens as Sn, nineSlicePatcher as Sr, createSpinEffect as St, CharText as T, defaultTextStyleTokens as Tn, graphicsCreator as Tr, createWiggleEffect as Tt, releaseAllSVGTextures as U, lighten as Un, unmount as Ut, KeyboardInputManager as V, hex as Vn, patchVNode as Vt, releaseSVGTexture as W, lightenHex as Wn, unmountJSX as Wt, Particles as X, normalizeCornerRadius as Xn, getLayoutProps as Xt, registerBuiltins as Y, HexColor as Yn, getCurrent as Yt, TileSprite as Z, normalizeEdgeInsets as Zn, getLayoutRect as Zt, Dropdown as _, withHooks as _n, resolveParticlePreset as _r, createPressEffect as _t, Tabs as a, useForceRedraw as an, DevConfig as ar, EFFECT_REGISTRY as at, calculateSliderSize as b, defaultTheme as bn, buildEmitZoneFromLayout as br, createSlideInEffect as bt, Sidebar as c, useLayoutSize as cn, spritePatcher as cr, createBounceEffect as ct, NineSlice as d, useRef as dn, applyDeathZone as dr, createFlashEffect as dt, shallowEqual as en, tileSpritePatcher as er, RadioGroup as et, Joystick as f, useScene as fn, applyEmitZone as fr, createFlipInEffect as ft, Image$1 as g, useWorldLayoutRect as gn, PARTICLE_PRESET_REGISTRY as gr, createNoneEffect as gt, useIconPreload as h, useViewportSize as hn, isParticleEmitter as hr, createJelloEffect as ht, TabPanel as i, useEffect as in, DebugLogger as ir, DEFAULT_EFFECT as it, Accordion as j, getPresetWithMode as jn, viewPatcher as jt, Modal as k, generateColorScale as kn, register as kr, useGameObjectEffect as kt, RefOriginView as l, useMemo as ln, particlesCreator as lr, createBreatheEffect as lt, createIconComponent as m, useTheme as mn, getFirstEmitter as mr, createFloatEffect as mt, Toggle as n, useBackgroundGraphics as nn, textPatcher as nr, Graphics as nt, RangeSlider as o, useLayoutEffect as on, DevPresets as or, applyEffectByName as ot, Icon as p, useState as pn, applyEmitterConfig as pr, createFlipOutEffect as pt, useSVGTextures as q, rgbToHsl as qn, disposeCtx as qt, Tab as r, useCallback as rn, viewportRegistry as rr, Button as rt, Slider as s, useLayoutRect as sn, spriteCreator as sr, resolveEffect as st, TransformOriginView as t, shouldComponentUpdate as tn, textCreator as tr, RadioButton as tt, NineSliceButton as u, useRedraw as un, particlesPatcher as ur, createFadeEffect as ut, ScrollView as v, getRenderContext as vn, buildDeathZonesFromLayout as vr, createPulseEffect as vt, CharTextInput as w, defaultSpacingTokens as wn, imagePatcher as wr, createTadaEffect as wt, Divider as x, createTextStyleTokens as xn, nineSliceCreator as xr, createSlideOutEffect as xt, ScrollSlider as y, createDefaultTheme as yn, buildEmitZone as yr, createShakeEffect as yt, isAnimatedSignal as z, ensureContrast as zn, mountJSX as zt };
 
-//# sourceMappingURL=custom-C_w8D39m.js.map
+//# sourceMappingURL=custom-BXDJDGOl.js.map