@number10/phaserjsx 4.1.0 → 4.2.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-DTd4LxDn.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");
@@ -1404,89 +1404,6 @@ 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
@@ -1507,6 +1424,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;
@@ -1556,12 +1474,12 @@ 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.calculateSliderSize = require_custom.calculateSliderSize;
-exports.clearStencilClip = require_clip_index.clearStencilClip;
+exports.clearStencilClip = require_clip.clearStencilClip;
 exports.colorsToTheme = colorsToTheme;
 exports.computed = _preact_signals_core.computed;
 exports.createBlurFX = createBlurFX;
@@ -1628,7 +1546,7 @@ exports.getMountStats = require_custom.getMountStats;
 exports.getPreset = require_custom.getPreset;
 exports.getPresetWithMode = require_custom.getPresetWithMode;
 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 +1558,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;
@@ -1693,7 +1611,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 +1647,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;