@number10/phaserjsx 4.1.0 → 4.3.0

package/dist/gestures/gesture-manager.d.ts

@@ -97,7 +97,7 @@ export declare class GestureManager {
     /**
      * 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
      */
     private handlePointerDown;
     /**

package/dist/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-C2EiDwsr.cjs");
-const require_custom = require("./custom-Dp3yAJdU.cjs");
+const require_custom = require("./custom-37gL0VZG.cjs");
 const require_jsx_runtime = require("./jsx-runtime.cjs");
-const require_clip_index = require("./clip/index.cjs");
+const require_clip = require("./clip-CHmjztBQ.cjs");
 let phaser = require("phaser");
 phaser = require_chunk.__toESM(phaser, 1);
 let _preact_signals_core = require("@preact/signals-core");
@@ -710,27 +710,34 @@ function useParticles(ref) {
 		if (require_custom.isParticleEmitter(current)) return current;
 		return require_custom.getFirstEmitter(current);
 	}, [ref]);
+	const start = require_custom.useCallback(() => {
+		getEmitter()?.start();
+	}, [getEmitter]);
+	const stop = require_custom.useCallback(() => {
+		getEmitter()?.stop();
+	}, [getEmitter]);
+	const explode = require_custom.useCallback((count, x, y) => {
+		getEmitter()?.explode(count, x, y);
+	}, [getEmitter]);
+	const setConfig = require_custom.useCallback((config) => {
+		require_custom.applyEmitterConfig(getEmitter(), config);
+	}, [getEmitter]);
+	const setEmitZone = require_custom.useCallback((zone, width, height) => {
+		require_custom.applyEmitZone(getEmitter(), require_custom.buildEmitZoneFromLayout(zone, width, height));
+	}, [getEmitter]);
+	const setDeathZones = require_custom.useCallback((zones, width, height) => {
+		require_custom.applyDeathZone(getEmitter(), require_custom.buildDeathZonesFromLayout(zones, width, height, getManager() ?? void 0));
+	}, [getEmitter, getManager]);
 	return {
 		getManager,
 		getEmitter,
-		start: require_custom.useCallback(() => {
-			getEmitter()?.start();
-		}, [getEmitter]),
-		stop: require_custom.useCallback(() => {
-			getEmitter()?.stop();
-		}, [getEmitter]),
-		explode: require_custom.useCallback((count, x, y) => {
-			getEmitter()?.explode(count, x, y);
-		}, [getEmitter]),
-		setConfig: require_custom.useCallback((config) => {
-			require_custom.applyEmitterConfig(getEmitter(), config);
-		}, [getEmitter]),
-		setEmitZone: require_custom.useCallback((zone, width, height) => {
-			require_custom.applyEmitZone(getEmitter(), require_custom.buildEmitZoneFromLayout(zone, width, height));
-		}, [getEmitter]),
-		setExcludeZones: require_custom.useCallback((zones, width, height) => {
-			require_custom.applyDeathZone(getEmitter(), require_custom.buildDeathZonesFromLayout(zones, width, height));
-		}, [getEmitter])
+		start,
+		stop,
+		explode,
+		setConfig,
+		setEmitZone,
+		setDeathZones,
+		setExcludeZones: setDeathZones
 	};
 }
 //#endregion
@@ -1404,102 +1411,22 @@ function getAvailablePresets() {
 	];
 }
 //#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 = require_custom.useTheme();
-	const getInitialTokens = () => {
-		if (localTheme?.__colorPreset) {
-			const preset = require_custom.getPresetWithMode(localTheme.__colorPreset.name, localTheme.__colorPreset.mode ?? "light");
-			return {
-				colors: preset.colors,
-				textStyles: require_custom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-				spacing: require_custom.defaultSpacingTokens,
-				sizes: require_custom.defaultSizeTokens,
-				radius: require_custom.defaultRadiusTokens
-			};
-		}
-		const colors = require_custom.themeRegistry.getColorTokens();
-		if (!colors) return void 0;
-		return {
-			colors,
-			textStyles: require_custom.createTextStyleTokens(colors.text.DEFAULT.toString()),
-			spacing: require_custom.defaultSpacingTokens,
-			sizes: require_custom.defaultSizeTokens,
-			radius: require_custom.defaultRadiusTokens
-		};
-	};
-	const [tokens, setTokens] = require_custom.useState(getInitialTokens());
-	const [, forceUpdate] = require_custom.useState(0);
-	require_custom.useEffect(() => {
-		return require_custom.themeRegistry.subscribe(() => {
-			if (localTheme?.__colorPreset) {
-				const currentMode = require_custom.themeRegistry.getColorMode();
-				const preset = require_custom.getPresetWithMode(localTheme.__colorPreset.name, currentMode);
-				setTokens({
-					colors: preset.colors,
-					textStyles: require_custom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-					spacing: require_custom.defaultSpacingTokens,
-					sizes: require_custom.defaultSizeTokens,
-					radius: require_custom.defaultRadiusTokens
-				});
-			} else {
-				const colors = require_custom.themeRegistry.getColorTokens();
-				if (colors) setTokens({
-					colors,
-					textStyles: require_custom.createTextStyleTokens(colors.text.DEFAULT.toString()),
-					spacing: require_custom.defaultSpacingTokens,
-					sizes: require_custom.defaultSizeTokens,
-					radius: require_custom.defaultRadiusTokens
-				});
-			}
-			forceUpdate((n) => n + 1);
-		});
-	}, [localTheme]);
-	return tokens;
-}
-//#endregion
 //#region src/index.ts
 /**
 * PhaserJSX UI Library
-* Provides JSX + hooks + VDOM for Phaser 3 game development
+* Provides JSX + hooks + VDOM for Phaser 4 game UI development
 */
 require_custom.registerBuiltins();
 //#endregion
 exports.Accordion = require_custom.Accordion;
 exports.AlertDialog = require_custom.AlertDialog;
+exports.Badge = require_custom.Badge;
 exports.Button = require_custom.Button;
 exports.CAMERA_FX_REGISTRY = CAMERA_FX_REGISTRY;
 exports.CharText = require_custom.CharText;
 exports.CharTextInput = require_custom.CharTextInput;
+exports.Checkbox = require_custom.Checkbox;
+exports.ContextMenu = require_custom.ContextMenu;
 exports.DEFAULT_BACKGROUND = DEFAULT_BACKGROUND;
 exports.DEFAULT_CAMERA_FX = DEFAULT_CAMERA_FX;
 exports.DEFAULT_EFFECT = require_custom.DEFAULT_EFFECT;
@@ -1507,6 +1434,7 @@ exports.DEFAULT_FX = DEFAULT_FX;
 exports.DEFAULT_SPRING_CONFIG = require_custom.DEFAULT_SPRING_CONFIG;
 exports.DOMInputElement = require_custom.DOMInputElement;
 exports.DebugLogger = require_custom.DebugLogger;
+exports.DebugPanel = require_custom.DebugPanel;
 exports.DevConfig = require_custom.DevConfig;
 exports.DevPresets = require_custom.DevPresets;
 exports.Dialog = require_custom.Dialog;
@@ -1527,7 +1455,9 @@ exports.NineSliceButton = require_custom.NineSliceButton;
 exports.PARTICLE_PRESET_REGISTRY = require_custom.PARTICLE_PRESET_REGISTRY;
 exports.Particles = require_custom.Particles;
 exports.PhaserJSXPlugin = PhaserJSXPlugin;
+exports.Popover = require_custom.Popover;
 exports.Portal = require_custom.Portal;
+exports.ProgressBar = require_custom.ProgressBar;
 exports.RadioButton = require_custom.RadioButton;
 exports.RadioGroup = require_custom.RadioGroup;
 exports.RangeSlider = require_custom.RangeSlider;
@@ -1542,6 +1472,7 @@ exports.Sprite = require_custom.Sprite;
 exports.Tab = require_custom.Tab;
 exports.TabPanel = require_custom.TabPanel;
 exports.Tabs = require_custom.Tabs;
+exports.Tag = require_custom.Tag;
 exports.Text = require_custom.Text;
 exports.TileSprite = require_custom.TileSprite;
 exports.Toggle = require_custom.Toggle;
@@ -1556,12 +1487,14 @@ exports.applyDarkMode = require_custom.applyDarkMode;
 exports.applyEffectByName = require_custom.applyEffectByName;
 exports.applyFXByName = applyFXByName;
 exports.applyLightMode = require_custom.applyLightMode;
-exports.applyStencilClip = require_clip_index.applyStencilClip;
+exports.applyStencilClip = require_clip.applyStencilClip;
 exports.buildDeathZonesFromLayout = require_custom.buildDeathZonesFromLayout;
 exports.buildEmitZone = require_custom.buildEmitZone;
 exports.buildEmitZoneFromLayout = require_custom.buildEmitZoneFromLayout;
+exports.calculateOverlayPosition = require_custom.calculateOverlayPosition;
 exports.calculateSliderSize = require_custom.calculateSliderSize;
-exports.clearStencilClip = require_clip_index.clearStencilClip;
+exports.clampProgressValue = require_custom.clampProgressValue;
+exports.clearStencilClip = require_clip.clearStencilClip;
 exports.colorsToTheme = colorsToTheme;
 exports.computed = _preact_signals_core.computed;
 exports.createBlurFX = createBlurFX;
@@ -1613,10 +1546,13 @@ exports.defaultTheme = require_custom.defaultTheme;
 exports.disposeCtx = require_custom.disposeCtx;
 exports.ensureContrast = require_custom.ensureContrast;
 exports.forestGreenPreset = require_custom.forestGreenPreset;
+exports.formatBadgeCount = require_custom.formatBadgeCount;
 exports.generateColorScale = require_custom.generateColorScale;
 exports.getAvailablePresets = getAvailablePresets;
 exports.getBackgroundColor = getBackgroundColor;
 exports.getBackgroundGraphics = require_custom.getBackgroundGraphics;
+exports.getBadgeSizeConfig = require_custom.getBadgeSizeConfig;
+exports.getBadgeText = require_custom.getBadgeText;
 exports.getBorderColor = getBorderColor;
 exports.getContrastRatio = require_custom.getContrastRatio;
 exports.getCurrent = require_custom.getCurrent;
@@ -1627,8 +1563,9 @@ exports.getLayoutSize = require_custom.getLayoutSize;
 exports.getMountStats = require_custom.getMountStats;
 exports.getPreset = require_custom.getPreset;
 exports.getPresetWithMode = require_custom.getPresetWithMode;
+exports.getProgressRatio = require_custom.getProgressRatio;
 exports.getRenderContext = require_custom.getRenderContext;
-exports.getStencilClipHandle = require_clip_index.getStencilClipHandle;
+exports.getStencilClipHandle = require_clip.getStencilClipHandle;
 exports.getSurfaceColor = getSurfaceColor;
 exports.getTextColor = getTextColor;
 exports.getThemedProps = require_custom.getThemedProps;
@@ -1640,9 +1577,9 @@ exports.hexToNumber = require_custom.hexToNumber;
 exports.host = require_custom.host;
 exports.imageCreator = require_custom.imageCreator;
 exports.imagePatcher = require_custom.imagePatcher;
-exports.installStencilClipExtension = require_clip_index.installStencilClipExtension;
+exports.installStencilClipExtension = require_clip.installStencilClipExtension;
 exports.isAnimatedSignal = require_custom.isAnimatedSignal;
-exports.isBitmapStencilClipSource = require_clip_index.isBitmapStencilClipSource;
+exports.isBitmapStencilClipSource = require_clip.isBitmapStencilClipSource;
 exports.jsx = require_jsx_runtime.jsx;
 exports.jsxs = require_jsx_runtime.jsxs;
 exports.lighten = require_custom.lighten;
@@ -1675,6 +1612,7 @@ exports.releaseAllSVGTextures = require_custom.releaseAllSVGTextures;
 exports.releaseSVGTexture = require_custom.releaseSVGTexture;
 exports.releaseSVGTextures = require_custom.releaseSVGTextures;
 exports.remountAll = require_custom.remountAll;
+exports.resolveBadgeTextStyle = require_custom.resolveBadgeTextStyle;
 exports.resolveCameraFX = resolveCameraFX;
 exports.resolveEffect = require_custom.resolveEffect;
 exports.resolveFX = resolveFX;
@@ -1693,7 +1631,7 @@ exports.textPatcher = require_custom.textPatcher;
 exports.themeRegistry = require_custom.themeRegistry;
 exports.tileSpriteCreator = require_custom.tileSpriteCreator;
 exports.tileSpritePatcher = require_custom.tileSpritePatcher;
-exports.uninstallStencilClipExtension = require_clip_index.uninstallStencilClipExtension;
+exports.uninstallStencilClipExtension = require_clip.uninstallStencilClipExtension;
 exports.unmount = require_custom.unmount;
 exports.unmountJSX = require_custom.unmountJSX;
 exports.unwrapSignal = require_custom.unwrapSignal;
@@ -1729,7 +1667,7 @@ exports.useSprings = require_custom.useSprings;
 exports.useState = require_custom.useState;
 exports.useTheme = require_custom.useTheme;
 exports.useThemeSubscription = useThemeSubscription;
-exports.useThemeTokens = useThemeTokens;
+exports.useThemeTokens = require_custom.useThemeTokens;
 exports.useViewportSize = require_custom.useViewportSize;
 exports.useWorldLayoutRect = require_custom.useWorldLayoutRect;
 exports.viewCreator = require_custom.viewCreator;