@number10/jsx-phaser 5.0.0

package/dist/theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs","sources":["../src/theme.ts"],"sourcesContent":["/**\n * Phaser theme facade.\n *\n * Theme registry, default theme creation, preset state and resolution live in\n * @number10/jsx-core. Phaser only registers renderer-specific theme defaults in\n * ./theme-defaults and exposes typed wrappers for compatibility.\n */\nimport {\n  createDefaultTheme as createCoreDefaultTheme,\n  createTheme as createCoreTheme,\n  defaultTheme as coreDefaultTheme,\n  getThemedProps as getCoreThemedProps,\n  mergeThemes as mergeCoreThemes,\n  setThemeRemountHandler,\n  themeRegistry as coreThemeRegistry,\n  type ColorTokens,\n  type PresetName,\n} from '@number10/jsx-core'\nimport type { ComponentThemes, PhaserPartialTheme, Theme } from './theme-base'\nimport '@number10/jsx-components'\nimport './theme-defaults'\n\n// Re-export all Phaser theme types\nexport type {\n  BuiltInComponentThemes,\n  ComponentThemes,\n  CustomComponentThemes,\n  GraphicsTheme,\n  ImageTheme,\n  NestedComponentThemes,\n  NineSliceTheme,\n  PartialTheme,\n  PhaserPartialTheme,\n  SpriteTheme,\n  TextTheme,\n  Theme,\n  TileSpriteTheme,\n  ViewTheme,\n} from './theme-base'\n\nexport { setThemeRemountHandler }\n\nexport interface PhaserThemeRegistry {\n  getAllComponentNames(): Set<string>\n  getGlobalTheme(): Readonly<PhaserPartialTheme>\n  updateGlobalTheme(theme: PhaserPartialTheme): void\n  setGlobalTheme(theme: PhaserPartialTheme): void\n  resetGlobalTheme(): void\n  registerCustomComponent<T extends Record<string, unknown>>(\n    componentName: string,\n    defaultStyles: T\n  ): void\n  getComponentTheme<T extends object = Record<string, unknown>>(componentName: string): T\n  getCustomComponentNames(): Set<string>\n  setColorTokens(colors: ColorTokens | undefined): void\n  getColorTokens(): ColorTokens | undefined\n  getColorMode(): 'light' | 'dark'\n  setColorMode(mode: 'light' | 'dark'): void\n  getCurrentPresetName(): string | undefined\n  setCurrentPresetName(name: string | undefined, skipNotify?: boolean): void\n  subscribe(listener: () => void): () => void\n  notifyListeners(): void\n}\n\nexport const themeRegistry: PhaserThemeRegistry = coreThemeRegistry as PhaserThemeRegistry\nexport const defaultTheme = coreDefaultTheme as unknown as Theme\n\nexport function createDefaultTheme(\n  presetName: PresetName = 'oceanBlue',\n  mode: 'light' | 'dark' = 'light'\n): Theme {\n  return createCoreDefaultTheme(presetName, mode) as unknown as Theme\n}\n\nexport function mergeThemes(\n  base: PhaserPartialTheme,\n  override: PhaserPartialTheme\n): PhaserPartialTheme {\n  return mergeCoreThemes(base, override) as PhaserPartialTheme\n}\n\nexport function createTheme(\n  theme: PhaserPartialTheme,\n  colorPreset?: { name: string; colors: ColorTokens; mode?: 'light' | 'dark' }\n): PhaserPartialTheme {\n  return createCoreTheme(theme, colorPreset) as PhaserPartialTheme\n}\n\nexport function getThemedProps<\n  K extends keyof ComponentThemes,\n  P extends Partial<ComponentThemes[K]>,\n>(\n  componentName: K,\n  localTheme: PhaserPartialTheme | undefined,\n  explicitProps: P\n): { props: ComponentThemes[K] & P; nestedTheme: PhaserPartialTheme } {\n  return getCoreThemedProps<ComponentThemes[K] & P>(\n    componentName as string,\n    localTheme,\n    explicitProps as Record<string, unknown>\n  ) as { props: ComponentThemes[K] & P; nestedTheme: PhaserPartialTheme }\n}\n"],"names":["coreThemeRegistry","coreDefaultTheme","createCoreDefaultTheme","mergeCoreThemes","createCoreTheme","getCoreThemedProps"],"mappings":";;;;;AAgEO,MAAM,gBAAqCA,QAAAA;AAC3C,MAAM,eAAeC,QAAAA;AAErB,SAAS,mBACd,aAAyB,aACzB,OAAyB,SAClB;AACP,SAAOC,QAAAA,mBAAuB,YAAY,IAAI;AAChD;AAEO,SAAS,YACd,MACA,UACoB;AACpB,SAAOC,QAAAA,YAAgB,MAAM,QAAQ;AACvC;AAEO,SAAS,YACd,OACA,aACoB;AACpB,SAAOC,QAAAA,YAAgB,OAAO,WAAW;AAC3C;AAEO,SAAS,eAId,eACA,YACA,eACoE;AACpE,SAAOC,QAAAA;AAAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;;;;;;;"}

package/dist/theme.d.ts

@@ -0,0 +1,36 @@
+import { setThemeRemountHandler, ColorTokens, PresetName } from '@number10/jsx-core';
+import { ComponentThemes, PhaserPartialTheme, Theme } from './theme-base';
+export type { BuiltInComponentThemes, ComponentThemes, CustomComponentThemes, GraphicsTheme, ImageTheme, NestedComponentThemes, NineSliceTheme, PartialTheme, PhaserPartialTheme, SpriteTheme, TextTheme, Theme, TileSpriteTheme, ViewTheme, } from './theme-base';
+export { setThemeRemountHandler };
+export interface PhaserThemeRegistry {
+    getAllComponentNames(): Set<string>;
+    getGlobalTheme(): Readonly<PhaserPartialTheme>;
+    updateGlobalTheme(theme: PhaserPartialTheme): void;
+    setGlobalTheme(theme: PhaserPartialTheme): void;
+    resetGlobalTheme(): void;
+    registerCustomComponent<T extends Record<string, unknown>>(componentName: string, defaultStyles: T): void;
+    getComponentTheme<T extends object = Record<string, unknown>>(componentName: string): T;
+    getCustomComponentNames(): Set<string>;
+    setColorTokens(colors: ColorTokens | undefined): void;
+    getColorTokens(): ColorTokens | undefined;
+    getColorMode(): 'light' | 'dark';
+    setColorMode(mode: 'light' | 'dark'): void;
+    getCurrentPresetName(): string | undefined;
+    setCurrentPresetName(name: string | undefined, skipNotify?: boolean): void;
+    subscribe(listener: () => void): () => void;
+    notifyListeners(): void;
+}
+export declare const themeRegistry: PhaserThemeRegistry;
+export declare const defaultTheme: Theme;
+export declare function createDefaultTheme(presetName?: PresetName, mode?: 'light' | 'dark'): Theme;
+export declare function mergeThemes(base: PhaserPartialTheme, override: PhaserPartialTheme): PhaserPartialTheme;
+export declare function createTheme(theme: PhaserPartialTheme, colorPreset?: {
+    name: string;
+    colors: ColorTokens;
+    mode?: 'light' | 'dark';
+}): PhaserPartialTheme;
+export declare function getThemedProps<K extends keyof ComponentThemes, P extends Partial<ComponentThemes[K]>>(componentName: K, localTheme: PhaserPartialTheme | undefined, explicitProps: P): {
+    props: ComponentThemes[K] & P;
+    nestedTheme: PhaserPartialTheme;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAML,sBAAsB,EAEtB,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,0BAA0B,CAAA;AACjC,OAAO,kBAAkB,CAAA;AAGzB,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,KAAK,EACL,eAAe,EACf,SAAS,GACV,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,MAAM,WAAW,mBAAmB;IAClC,oBAAoB,IAAI,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,cAAc,IAAI,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAC9C,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAClD,cAAc,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC/C,gBAAgB,IAAI,IAAI,CAAA;IACxB,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,CAAC,GACf,IAAI,CAAA;IACP,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC,CAAA;IACvF,uBAAuB,IAAI,GAAG,CAAC,MAAM,CAAC,CAAA;IACtC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAA;IACrD,cAAc,IAAI,WAAW,GAAG,SAAS,CAAA;IACzC,YAAY,IAAI,OAAO,GAAG,MAAM,CAAA;IAChC,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IAC1C,oBAAoB,IAAI,MAAM,GAAG,SAAS,CAAA;IAC1C,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1E,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;IAC3C,eAAe,IAAI,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,mBAA8D,CAAA;AAC1F,eAAO,MAAM,YAAY,EAAkC,KAAK,CAAA;AAEhE,wBAAgB,kBAAkB,CAChC,UAAU,GAAE,UAAwB,EACpC,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,KAAK,CAEP;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAE,kBAAkB,GAC3B,kBAAkB,CAEpB;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,kBAAkB,EACzB,WAAW,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,GAC3E,kBAAkB,CAEpB;AAED,wBAAgB,cAAc,CAC5B,CAAC,SAAS,MAAM,eAAe,EAC/B,CAAC,SAAS,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAErC,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,kBAAkB,GAAG,SAAS,EAC1C,aAAa,EAAE,CAAC,GACf;IAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAAC,WAAW,EAAE,kBAAkB,CAAA;CAAE,CAMpE"}

package/dist/theme.js

@@ -0,0 +1,32 @@
+import { themeRegistry as themeRegistry$1, getThemedProps as getThemedProps$1, defaultTheme as defaultTheme$1, createDefaultTheme as createDefaultTheme$1, createTheme as createTheme$1, mergeThemes as mergeThemes$1 } from "@number10/jsx-core";
+import { setThemeRemountHandler } from "@number10/jsx-core";
+import "@number10/jsx-components";
+import "./theme-defaults.js";
+const themeRegistry = themeRegistry$1;
+const defaultTheme = defaultTheme$1;
+function createDefaultTheme(presetName = "oceanBlue", mode = "light") {
+  return createDefaultTheme$1(presetName, mode);
+}
+function mergeThemes(base, override) {
+  return mergeThemes$1(base, override);
+}
+function createTheme(theme, colorPreset) {
+  return createTheme$1(theme, colorPreset);
+}
+function getThemedProps(componentName, localTheme, explicitProps) {
+  return getThemedProps$1(
+    componentName,
+    localTheme,
+    explicitProps
+  );
+}
+export {
+  createDefaultTheme,
+  createTheme,
+  defaultTheme,
+  getThemedProps,
+  mergeThemes,
+  setThemeRemountHandler,
+  themeRegistry
+};
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../src/theme.ts"],"sourcesContent":["/**\n * Phaser theme facade.\n *\n * Theme registry, default theme creation, preset state and resolution live in\n * @number10/jsx-core. Phaser only registers renderer-specific theme defaults in\n * ./theme-defaults and exposes typed wrappers for compatibility.\n */\nimport {\n  createDefaultTheme as createCoreDefaultTheme,\n  createTheme as createCoreTheme,\n  defaultTheme as coreDefaultTheme,\n  getThemedProps as getCoreThemedProps,\n  mergeThemes as mergeCoreThemes,\n  setThemeRemountHandler,\n  themeRegistry as coreThemeRegistry,\n  type ColorTokens,\n  type PresetName,\n} from '@number10/jsx-core'\nimport type { ComponentThemes, PhaserPartialTheme, Theme } from './theme-base'\nimport '@number10/jsx-components'\nimport './theme-defaults'\n\n// Re-export all Phaser theme types\nexport type {\n  BuiltInComponentThemes,\n  ComponentThemes,\n  CustomComponentThemes,\n  GraphicsTheme,\n  ImageTheme,\n  NestedComponentThemes,\n  NineSliceTheme,\n  PartialTheme,\n  PhaserPartialTheme,\n  SpriteTheme,\n  TextTheme,\n  Theme,\n  TileSpriteTheme,\n  ViewTheme,\n} from './theme-base'\n\nexport { setThemeRemountHandler }\n\nexport interface PhaserThemeRegistry {\n  getAllComponentNames(): Set<string>\n  getGlobalTheme(): Readonly<PhaserPartialTheme>\n  updateGlobalTheme(theme: PhaserPartialTheme): void\n  setGlobalTheme(theme: PhaserPartialTheme): void\n  resetGlobalTheme(): void\n  registerCustomComponent<T extends Record<string, unknown>>(\n    componentName: string,\n    defaultStyles: T\n  ): void\n  getComponentTheme<T extends object = Record<string, unknown>>(componentName: string): T\n  getCustomComponentNames(): Set<string>\n  setColorTokens(colors: ColorTokens | undefined): void\n  getColorTokens(): ColorTokens | undefined\n  getColorMode(): 'light' | 'dark'\n  setColorMode(mode: 'light' | 'dark'): void\n  getCurrentPresetName(): string | undefined\n  setCurrentPresetName(name: string | undefined, skipNotify?: boolean): void\n  subscribe(listener: () => void): () => void\n  notifyListeners(): void\n}\n\nexport const themeRegistry: PhaserThemeRegistry = coreThemeRegistry as PhaserThemeRegistry\nexport const defaultTheme = coreDefaultTheme as unknown as Theme\n\nexport function createDefaultTheme(\n  presetName: PresetName = 'oceanBlue',\n  mode: 'light' | 'dark' = 'light'\n): Theme {\n  return createCoreDefaultTheme(presetName, mode) as unknown as Theme\n}\n\nexport function mergeThemes(\n  base: PhaserPartialTheme,\n  override: PhaserPartialTheme\n): PhaserPartialTheme {\n  return mergeCoreThemes(base, override) as PhaserPartialTheme\n}\n\nexport function createTheme(\n  theme: PhaserPartialTheme,\n  colorPreset?: { name: string; colors: ColorTokens; mode?: 'light' | 'dark' }\n): PhaserPartialTheme {\n  return createCoreTheme(theme, colorPreset) as PhaserPartialTheme\n}\n\nexport function getThemedProps<\n  K extends keyof ComponentThemes,\n  P extends Partial<ComponentThemes[K]>,\n>(\n  componentName: K,\n  localTheme: PhaserPartialTheme | undefined,\n  explicitProps: P\n): { props: ComponentThemes[K] & P; nestedTheme: PhaserPartialTheme } {\n  return getCoreThemedProps<ComponentThemes[K] & P>(\n    componentName as string,\n    localTheme,\n    explicitProps as Record<string, unknown>\n  ) as { props: ComponentThemes[K] & P; nestedTheme: PhaserPartialTheme }\n}\n"],"names":["coreThemeRegistry","coreDefaultTheme","createCoreDefaultTheme","mergeCoreThemes","createCoreTheme","getCoreThemedProps"],"mappings":";;;;AAgEO,MAAM,gBAAqCA;AAC3C,MAAM,eAAeC;AAErB,SAAS,mBACd,aAAyB,aACzB,OAAyB,SAClB;AACP,SAAOC,qBAAuB,YAAY,IAAI;AAChD;AAEO,SAAS,YACd,MACA,UACoB;AACpB,SAAOC,cAAgB,MAAM,QAAQ;AACvC;AAEO,SAAS,YACd,OACA,aACoB;AACpB,SAAOC,cAAgB,OAAO,WAAW;AAC3C;AAEO,SAAS,eAId,eACA,YACA,eACoE;AACpE,SAAOC;AAAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/tooltip/tooltip-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Legacy re-export shim.
+ * Tooltip contracts are now portable and live in @number10/jsx-core.
+ */
+export type { TooltipAnimation as TooltipNativeAnimation, TooltipCallback, TooltipConfig, TooltipPosition, } from '@number10/jsx-core';
+//# sourceMappingURL=tooltip-types.d.ts.map

package/dist/tooltip/tooltip-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-types.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EACV,gBAAgB,IAAI,sBAAsB,EAC1C,eAAe,EACf,aAAa,EACb,eAAe,GAChB,MAAM,oBAAoB,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,22 @@
+import { ChildrenType, PropsContainerExtension, Ref, RefCallback, RefObject, VNodeChild, VNodeLike } from '@number10/jsx-core';
+import { PhaserPartialTheme } from './theme';
+import type * as Phaser from 'phaser';
+export type { ChildrenType, PropsContainerExtension, Ref, RefCallback, RefObject, VNodeChild, VNodeLike, };
+export type SignalLike<T> = {
+    value: T;
+} | T;
+/**
+ * Type for parent objects that can contain children
+ */
+export type ParentType = Phaser.Scene | Phaser.GameObjects.Container;
+/**
+ * Props extension to include key, ref, and theme.
+ * NOTE: Kept locally because `theme` uses Phaser-specific `PhaserPartialTheme`
+ * instead of core's `Record<string, unknown>`.
+ */
+export interface PropsDefaultExtension<T = unknown> {
+    key?: string | number | undefined;
+    ref?: Ref<T> | undefined;
+    theme?: PhaserPartialTheme | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,uBAAuB,EACvB,GAAG,EACH,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIjD,YAAY,EACV,YAAY,EACZ,uBAAuB,EACvB,GAAG,EACH,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACV,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,GAAG,CAAC,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAA;AAIpE;;;;GAIG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACxB,KAAK,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAA;CACvC"}

package/dist/utils/KeyboardInputManager.cjs

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const domInputManager = require("./dom-input-manager.cjs");
+class KeyboardInputManager {
+  domInput = null;
+  container;
+  config;
+  constructor(container, config) {
+    this.container = container;
+    this.config = config;
+    this.create();
+  }
+  /**
+   * Create hidden DOM input element
+   */
+  create() {
+    const debugStyle = this.config.debug ? {
+      opacity: "0.3",
+      backgroundColor: "rgba(0,0,0,0.3)",
+      border: "4px dashed red",
+      color: "white"
+    } : {};
+    const domConfig = {
+      type: "text",
+      value: "",
+      ...this.config.disabled !== void 0 && { disabled: this.config.disabled },
+      ...this.config.maxLength !== void 0 && { maxLength: this.config.maxLength },
+      onInput: (value, event) => {
+        this.config.onInput?.(value, event);
+      },
+      onKeyDown: (event) => {
+        this.config.onKeyDown?.(event);
+      },
+      onKeyUp: (event) => {
+        this.config.onKeyUp?.(event);
+      },
+      onFocus: () => {
+        this.config.onFocus?.();
+      },
+      onBlur: () => {
+        this.config.onBlur?.();
+      },
+      styles: {
+        // need to debug until successful at all
+        opacity: "0.0",
+        // pointerEvents: 'none',
+        position: "absolute",
+        width: "1px",
+        height: "1px",
+        overflow: "hidden",
+        ...debugStyle
+      },
+      autocomplete: "off",
+      autocorrect: "off",
+      autocapitalize: "off",
+      spellcheck: false
+    };
+    this.domInput = new domInputManager.DOMInputElement(this.container, domConfig);
+  }
+  /**
+   * Update DOM input value programmatically
+   */
+  setValue(value) {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.value = value;
+    }
+  }
+  /**
+   * Focus the DOM input
+   */
+  focus() {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.focus();
+    }
+  }
+  /**
+   * Blur the DOM input
+   */
+  blur() {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.blur();
+    }
+  }
+  /**
+   * Check if DOM input is focused
+   */
+  isFocused() {
+    const element = this.domInput?.getElement();
+    return element === document.activeElement;
+  }
+  /**
+   * Set pointer events (auto when not focused, none when focused)
+   */
+  setPointerEvents(enabled) {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.style.pointerEvents = enabled ? "auto" : "none";
+    }
+  }
+  /**
+   * Destroy the DOM input
+   */
+  destroy() {
+    this.domInput?.destroy();
+    this.domInput = null;
+  }
+}
+exports.KeyboardInputManager = KeyboardInputManager;
+//# sourceMappingURL=KeyboardInputManager.cjs.map

package/dist/utils/KeyboardInputManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardInputManager.cjs","sources":["../../src/utils/KeyboardInputManager.ts"],"sourcesContent":["import { DOMInputElement, type DOMInputConfig } from './dom-input-manager'\n\nexport type KeyboardInputManagerConfig = {\n  onInput?: (value: string, event: Event) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n  onKeyUp?: (event: KeyboardEvent) => void\n  onFocus?: () => void\n  onBlur?: () => void\n  maxLength?: number\n  disabled?: boolean\n  debug?: boolean | undefined\n}\n\n/**\n * Manages hidden DOM input for keyboard events\n */\nexport class KeyboardInputManager {\n  private domInput: DOMInputElement | null = null\n  private container: Phaser.GameObjects.Container\n  private config: KeyboardInputManagerConfig\n\n  constructor(container: Phaser.GameObjects.Container, config: KeyboardInputManagerConfig) {\n    this.container = container\n    this.config = config\n    this.create()\n  }\n\n  /**\n   * Create hidden DOM input element\n   */\n  private create(): void {\n    const debugStyle: Partial<CSSStyleDeclaration> = this.config.debug\n      ? {\n          opacity: '0.3',\n          backgroundColor: 'rgba(0,0,0,0.3)',\n          border: '4px dashed red',\n          color: 'white',\n        }\n      : {}\n\n    const domConfig: DOMInputConfig = {\n      type: 'text',\n      value: '',\n      ...(this.config.disabled !== undefined && { disabled: this.config.disabled }),\n      ...(this.config.maxLength !== undefined && { maxLength: this.config.maxLength }),\n      onInput: (value, event) => {\n        this.config.onInput?.(value, event)\n      },\n      onKeyDown: (event) => {\n        this.config.onKeyDown?.(event)\n      },\n      onKeyUp: (event) => {\n        this.config.onKeyUp?.(event)\n      },\n      onFocus: () => {\n        this.config.onFocus?.()\n      },\n      onBlur: () => {\n        this.config.onBlur?.()\n      },\n      styles: {\n        // need to debug until successful at all\n        opacity: '0.0',\n        // pointerEvents: 'none',\n        position: 'absolute',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n        ...debugStyle,\n      } as Partial<CSSStyleDeclaration>,\n      autocomplete: 'off',\n      autocorrect: 'off',\n      autocapitalize: 'off',\n      spellcheck: false,\n    }\n\n    this.domInput = new DOMInputElement(this.container, domConfig)\n  }\n\n  /**\n   * Update DOM input value programmatically\n   */\n  setValue(value: string): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.value = value\n    }\n  }\n\n  /**\n   * Focus the DOM input\n   */\n  focus(): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.focus()\n    }\n  }\n\n  /**\n   * Blur the DOM input\n   */\n  blur(): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.blur()\n    }\n  }\n\n  /**\n   * Check if DOM input is focused\n   */\n  isFocused(): boolean {\n    const element = this.domInput?.getElement()\n    return element === document.activeElement\n  }\n\n  /**\n   * Set pointer events (auto when not focused, none when focused)\n   */\n  setPointerEvents(enabled: boolean): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.style.pointerEvents = enabled ? 'auto' : 'none'\n    }\n  }\n\n  /**\n   * Destroy the DOM input\n   */\n  destroy(): void {\n    this.domInput?.destroy()\n    this.domInput = null\n  }\n}\n"],"names":["DOMInputElement"],"mappings":";;;AAgBO,MAAM,qBAAqB;AAAA,EACxB,WAAmC;AAAA,EACnC;AAAA,EACA;AAAA,EAER,YAAY,WAAyC,QAAoC;AACvF,SAAK,YAAY;AACjB,SAAK,SAAS;AACd,SAAK,OAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,SAAe;AACrB,UAAM,aAA2C,KAAK,OAAO,QACzD;AAAA,MACE,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA,IAET,CAAA;AAEJ,UAAM,YAA4B;AAAA,MAChC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,GAAI,KAAK,OAAO,aAAa,UAAa,EAAE,UAAU,KAAK,OAAO,SAAA;AAAA,MAClE,GAAI,KAAK,OAAO,cAAc,UAAa,EAAE,WAAW,KAAK,OAAO,UAAA;AAAA,MACpE,SAAS,CAAC,OAAO,UAAU;AACzB,aAAK,OAAO,UAAU,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,WAAW,CAAC,UAAU;AACpB,aAAK,OAAO,YAAY,KAAK;AAAA,MAC/B;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,aAAK,OAAO,UAAU,KAAK;AAAA,MAC7B;AAAA,MACA,SAAS,MAAM;AACb,aAAK,OAAO,UAAA;AAAA,MACd;AAAA,MACA,QAAQ,MAAM;AACZ,aAAK,OAAO,SAAA;AAAA,MACd;AAAA,MACA,QAAQ;AAAA;AAAA,QAEN,SAAS;AAAA;AAAA,QAET,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,MAEL,cAAc;AAAA,MACd,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,IAAA;AAGd,SAAK,WAAW,IAAIA,gBAAAA,gBAAgB,KAAK,WAAW,SAAS;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,OAAqB;AAC5B,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,MAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAa;AACX,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,KAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,YAAqB;AACnB,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,WAAO,YAAY,SAAS;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB,SAAwB;AACvC,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,MAAM,gBAAgB,UAAU,SAAS;AAAA,IACnD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,SAAK,UAAU,QAAA;AACf,SAAK,WAAW;AAAA,EAClB;AACF;;"}

package/dist/utils/KeyboardInputManager.d.ts

@@ -0,0 +1,48 @@
+export type KeyboardInputManagerConfig = {
+    onInput?: (value: string, event: Event) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    maxLength?: number;
+    disabled?: boolean;
+    debug?: boolean | undefined;
+};
+/**
+ * Manages hidden DOM input for keyboard events
+ */
+export declare class KeyboardInputManager {
+    private domInput;
+    private container;
+    private config;
+    constructor(container: Phaser.GameObjects.Container, config: KeyboardInputManagerConfig);
+    /**
+     * Create hidden DOM input element
+     */
+    private create;
+    /**
+     * Update DOM input value programmatically
+     */
+    setValue(value: string): void;
+    /**
+     * Focus the DOM input
+     */
+    focus(): void;
+    /**
+     * Blur the DOM input
+     */
+    blur(): void;
+    /**
+     * Check if DOM input is focused
+     */
+    isFocused(): boolean;
+    /**
+     * Set pointer events (auto when not focused, none when focused)
+     */
+    setPointerEvents(enabled: boolean): void;
+    /**
+     * Destroy the DOM input
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=KeyboardInputManager.d.ts.map

package/dist/utils/KeyboardInputManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardInputManager.d.ts","sourceRoot":"","sources":["../../src/utils/KeyboardInputManager.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,MAAM,CAA4B;gBAE9B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,0BAA0B;IAMvF;;OAEG;IACH,OAAO,CAAC,MAAM;IAiDd;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO7B;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,IAAI,IAAI,IAAI;IAOZ;;OAEG;IACH,SAAS,IAAI,OAAO;IAKpB;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOxC;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB"}

package/dist/utils/KeyboardInputManager.js

@@ -0,0 +1,112 @@
+import { DOMInputElement } from "./dom-input-manager.js";
+class KeyboardInputManager {
+  domInput = null;
+  container;
+  config;
+  constructor(container, config) {
+    this.container = container;
+    this.config = config;
+    this.create();
+  }
+  /**
+   * Create hidden DOM input element
+   */
+  create() {
+    const debugStyle = this.config.debug ? {
+      opacity: "0.3",
+      backgroundColor: "rgba(0,0,0,0.3)",
+      border: "4px dashed red",
+      color: "white"
+    } : {};
+    const domConfig = {
+      type: "text",
+      value: "",
+      ...this.config.disabled !== void 0 && { disabled: this.config.disabled },
+      ...this.config.maxLength !== void 0 && { maxLength: this.config.maxLength },
+      onInput: (value, event) => {
+        this.config.onInput?.(value, event);
+      },
+      onKeyDown: (event) => {
+        this.config.onKeyDown?.(event);
+      },
+      onKeyUp: (event) => {
+        this.config.onKeyUp?.(event);
+      },
+      onFocus: () => {
+        this.config.onFocus?.();
+      },
+      onBlur: () => {
+        this.config.onBlur?.();
+      },
+      styles: {
+        // need to debug until successful at all
+        opacity: "0.0",
+        // pointerEvents: 'none',
+        position: "absolute",
+        width: "1px",
+        height: "1px",
+        overflow: "hidden",
+        ...debugStyle
+      },
+      autocomplete: "off",
+      autocorrect: "off",
+      autocapitalize: "off",
+      spellcheck: false
+    };
+    this.domInput = new DOMInputElement(this.container, domConfig);
+  }
+  /**
+   * Update DOM input value programmatically
+   */
+  setValue(value) {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.value = value;
+    }
+  }
+  /**
+   * Focus the DOM input
+   */
+  focus() {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.focus();
+    }
+  }
+  /**
+   * Blur the DOM input
+   */
+  blur() {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.blur();
+    }
+  }
+  /**
+   * Check if DOM input is focused
+   */
+  isFocused() {
+    const element = this.domInput?.getElement();
+    return element === document.activeElement;
+  }
+  /**
+   * Set pointer events (auto when not focused, none when focused)
+   */
+  setPointerEvents(enabled) {
+    const element = this.domInput?.getElement();
+    if (element) {
+      element.style.pointerEvents = enabled ? "auto" : "none";
+    }
+  }
+  /**
+   * Destroy the DOM input
+   */
+  destroy() {
+    this.domInput?.destroy();
+    this.domInput = null;
+  }
+}
+export {
+  KeyboardInputManager
+};
+//# sourceMappingURL=KeyboardInputManager.js.map

package/dist/utils/KeyboardInputManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardInputManager.js","sources":["../../src/utils/KeyboardInputManager.ts"],"sourcesContent":["import { DOMInputElement, type DOMInputConfig } from './dom-input-manager'\n\nexport type KeyboardInputManagerConfig = {\n  onInput?: (value: string, event: Event) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n  onKeyUp?: (event: KeyboardEvent) => void\n  onFocus?: () => void\n  onBlur?: () => void\n  maxLength?: number\n  disabled?: boolean\n  debug?: boolean | undefined\n}\n\n/**\n * Manages hidden DOM input for keyboard events\n */\nexport class KeyboardInputManager {\n  private domInput: DOMInputElement | null = null\n  private container: Phaser.GameObjects.Container\n  private config: KeyboardInputManagerConfig\n\n  constructor(container: Phaser.GameObjects.Container, config: KeyboardInputManagerConfig) {\n    this.container = container\n    this.config = config\n    this.create()\n  }\n\n  /**\n   * Create hidden DOM input element\n   */\n  private create(): void {\n    const debugStyle: Partial<CSSStyleDeclaration> = this.config.debug\n      ? {\n          opacity: '0.3',\n          backgroundColor: 'rgba(0,0,0,0.3)',\n          border: '4px dashed red',\n          color: 'white',\n        }\n      : {}\n\n    const domConfig: DOMInputConfig = {\n      type: 'text',\n      value: '',\n      ...(this.config.disabled !== undefined && { disabled: this.config.disabled }),\n      ...(this.config.maxLength !== undefined && { maxLength: this.config.maxLength }),\n      onInput: (value, event) => {\n        this.config.onInput?.(value, event)\n      },\n      onKeyDown: (event) => {\n        this.config.onKeyDown?.(event)\n      },\n      onKeyUp: (event) => {\n        this.config.onKeyUp?.(event)\n      },\n      onFocus: () => {\n        this.config.onFocus?.()\n      },\n      onBlur: () => {\n        this.config.onBlur?.()\n      },\n      styles: {\n        // need to debug until successful at all\n        opacity: '0.0',\n        // pointerEvents: 'none',\n        position: 'absolute',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n        ...debugStyle,\n      } as Partial<CSSStyleDeclaration>,\n      autocomplete: 'off',\n      autocorrect: 'off',\n      autocapitalize: 'off',\n      spellcheck: false,\n    }\n\n    this.domInput = new DOMInputElement(this.container, domConfig)\n  }\n\n  /**\n   * Update DOM input value programmatically\n   */\n  setValue(value: string): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.value = value\n    }\n  }\n\n  /**\n   * Focus the DOM input\n   */\n  focus(): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.focus()\n    }\n  }\n\n  /**\n   * Blur the DOM input\n   */\n  blur(): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.blur()\n    }\n  }\n\n  /**\n   * Check if DOM input is focused\n   */\n  isFocused(): boolean {\n    const element = this.domInput?.getElement()\n    return element === document.activeElement\n  }\n\n  /**\n   * Set pointer events (auto when not focused, none when focused)\n   */\n  setPointerEvents(enabled: boolean): void {\n    const element = this.domInput?.getElement()\n    if (element) {\n      element.style.pointerEvents = enabled ? 'auto' : 'none'\n    }\n  }\n\n  /**\n   * Destroy the DOM input\n   */\n  destroy(): void {\n    this.domInput?.destroy()\n    this.domInput = null\n  }\n}\n"],"names":[],"mappings":";AAgBO,MAAM,qBAAqB;AAAA,EACxB,WAAmC;AAAA,EACnC;AAAA,EACA;AAAA,EAER,YAAY,WAAyC,QAAoC;AACvF,SAAK,YAAY;AACjB,SAAK,SAAS;AACd,SAAK,OAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,SAAe;AACrB,UAAM,aAA2C,KAAK,OAAO,QACzD;AAAA,MACE,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA,IAET,CAAA;AAEJ,UAAM,YAA4B;AAAA,MAChC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,GAAI,KAAK,OAAO,aAAa,UAAa,EAAE,UAAU,KAAK,OAAO,SAAA;AAAA,MAClE,GAAI,KAAK,OAAO,cAAc,UAAa,EAAE,WAAW,KAAK,OAAO,UAAA;AAAA,MACpE,SAAS,CAAC,OAAO,UAAU;AACzB,aAAK,OAAO,UAAU,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,WAAW,CAAC,UAAU;AACpB,aAAK,OAAO,YAAY,KAAK;AAAA,MAC/B;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,aAAK,OAAO,UAAU,KAAK;AAAA,MAC7B;AAAA,MACA,SAAS,MAAM;AACb,aAAK,OAAO,UAAA;AAAA,MACd;AAAA,MACA,QAAQ,MAAM;AACZ,aAAK,OAAO,SAAA;AAAA,MACd;AAAA,MACA,QAAQ;AAAA;AAAA,QAEN,SAAS;AAAA;AAAA,QAET,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,MAEL,cAAc;AAAA,MACd,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,IAAA;AAGd,SAAK,WAAW,IAAI,gBAAgB,KAAK,WAAW,SAAS;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,OAAqB;AAC5B,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,MAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAa;AACX,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,KAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,YAAqB;AACnB,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,WAAO,YAAY,SAAS;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB,SAAwB;AACvC,UAAM,UAAU,KAAK,UAAU,WAAA;AAC/B,QAAI,SAAS;AACX,cAAQ,MAAM,gBAAgB,UAAU,SAAS;AAAA,IACnD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,SAAK,UAAU,QAAA;AACf,SAAK,WAAW;AAAA,EAClB;AACF;"}