@number10/phaserjsx 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TransformOriginView = require("./TransformOriginView-BYPbRH8N.cjs");
+const vdom = require("./TransformOriginView-BDM6GE2F.cjs");
 const jsxRuntime = require("./jsx-runtime.cjs");
 const signalsCore = require("@preact/signals-core");
 function useFX(ref) {
-  const activeEffectsRef = TransformOriginView.useRef(/* @__PURE__ */ new Set());
-  TransformOriginView.useEffect(() => {
+  const activeEffectsRef = vdom.useRef(/* @__PURE__ */ new Set());
+  vdom.useEffect(() => {
     return () => {
       activeEffectsRef.current.forEach((cleanup) => {
         if (typeof cleanup === "function") {
@@ -180,7 +180,7 @@ function applyFXByName(applyFXFn, fxName, config = {}) {
 }
 function useBlur(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
+  vdom.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createBlurFX, config);
@@ -190,7 +190,7 @@ function useBlur(ref, config = {}) {
 }
 function useGlow(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
+  vdom.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createGlowFX, config);
@@ -200,7 +200,7 @@ function useGlow(ref, config = {}) {
 }
 function useShadow(ref, config = {}) {
   const { applyFX, clearFX } = useFX(ref);
-  TransformOriginView.useEffect(() => {
+  vdom.useEffect(() => {
     if (!ref.current) return;
     clearFX();
     applyFX(createShadowFX, config);
@@ -222,51 +222,51 @@ function memo(vnode) {
   return setMemoSafe(vnode, true);
 }
 function useColorMode() {
-  const [colorMode, setColorModeState] = TransformOriginView.useState(TransformOriginView.themeRegistry.getColorMode());
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
-      setColorModeState(TransformOriginView.themeRegistry.getColorMode());
+  const [colorMode, setColorModeState] = vdom.useState(vdom.themeRegistry.getColorMode());
+  vdom.useEffect(() => {
+    const unsubscribe = vdom.themeRegistry.subscribe(() => {
+      setColorModeState(vdom.themeRegistry.getColorMode());
     });
     return unsubscribe;
   }, []);
-  const setColorMode = (mode) => {
-    TransformOriginView.themeRegistry.setColorMode(mode);
+  const setColorMode2 = (mode) => {
+    vdom.themeRegistry.setColorMode(mode);
   };
   const toggleColorMode = () => {
     const newMode = colorMode === "light" ? "dark" : "light";
-    setColorMode(newMode);
+    setColorMode2(newMode);
   };
   return {
     colorMode,
-    setColorMode,
+    setColorMode: setColorMode2,
     toggleColorMode
   };
 }
 function useColors() {
-  const localTheme = TransformOriginView.useTheme();
+  const localTheme = vdom.useTheme();
   const getInitialColors = () => {
     if (localTheme?.__colorPreset) {
-      const preset = TransformOriginView.getPresetWithMode(
+      const preset = vdom.getPresetWithMode(
         localTheme.__colorPreset.name,
         localTheme.__colorPreset.mode ?? "light"
       );
       return preset.colors;
     }
-    return TransformOriginView.themeRegistry.getColorTokens();
+    return vdom.themeRegistry.getColorTokens();
   };
-  const [colors, setColors] = TransformOriginView.useState(getInitialColors());
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+  const [colors, setColors] = vdom.useState(getInitialColors());
+  const [, forceUpdate] = vdom.useState(0);
+  vdom.useEffect(() => {
+    const unsubscribe = vdom.themeRegistry.subscribe(() => {
       if (localTheme?.__colorPreset) {
-        const currentMode = TransformOriginView.themeRegistry.getColorMode();
-        const preset = TransformOriginView.getPresetWithMode(
+        const currentMode = vdom.themeRegistry.getColorMode();
+        const preset = vdom.getPresetWithMode(
           localTheme.__colorPreset.name,
           currentMode
         );
         setColors(preset.colors);
       } else {
-        setColors(TransformOriginView.themeRegistry.getColorTokens());
+        setColors(vdom.themeRegistry.getColorTokens());
       }
       forceUpdate((n) => n + 1);
     });
@@ -275,9 +275,9 @@ function useColors() {
   return colors;
 }
 function useThemeSubscription() {
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+  const [, forceUpdate] = vdom.useState(0);
+  vdom.useEffect(() => {
+    const unsubscribe = vdom.themeRegistry.subscribe(() => {
       forceUpdate((n) => n + 1);
     });
     return unsubscribe;
@@ -295,7 +295,7 @@ function colorsToTheme(colors, colorKey, options = {}) {
 }
 function getTextColor(colors, shade = "DEFAULT", alphaValue) {
   const color = colors.text[shade];
-  return alphaValue !== void 0 ? TransformOriginView.alpha(color.toNumber(), alphaValue) : color.toString();
+  return alphaValue !== void 0 ? vdom.alpha(color.toNumber(), alphaValue) : color.toString();
 }
 function getBackgroundColor(colors, shade = "DEFAULT") {
   return colors.background[shade].toNumber();
@@ -306,81 +306,82 @@ function getSurfaceColor(colors, shade = "DEFAULT") {
 function getBorderColor(colors, shade = "DEFAULT") {
   return colors.border[shade].toNumber();
 }
-TransformOriginView.themeRegistry.subscribe(() => {
-  updateColorTokensForMode();
-});
-function setColorPreset(presetName) {
-  const currentMode = TransformOriginView.themeRegistry.getColorMode();
-  const preset = TransformOriginView.getPresetWithMode(presetName, currentMode);
-  TransformOriginView.themeRegistry.setColorTokens(preset.colors);
-  TransformOriginView.themeRegistry.setCurrentPresetName(presetName);
-}
-function updateColorTokensForMode() {
-  const presetName = TransformOriginView.themeRegistry.getCurrentPresetName();
-  if (presetName) {
-    const currentMode = TransformOriginView.themeRegistry.getColorMode();
-    const preset = TransformOriginView.getPresetWithMode(presetName, currentMode);
-    TransformOriginView.themeRegistry.setColorTokens(preset.colors);
+function setColorPreset(presetName, colorMode) {
+  const targetMode = colorMode ?? vdom.themeRegistry.getColorMode();
+  const preset = vdom.getPresetWithMode(presetName, targetMode);
+  vdom.themeRegistry.setColorTokens(preset.colors);
+  vdom.themeRegistry.setCurrentPresetName(presetName, true);
+  if (colorMode && vdom.themeRegistry.getColorMode() !== colorMode) {
+    vdom.themeRegistry.setColorMode(colorMode);
+    return;
   }
+  setTimeout(() => {
+    Promise.resolve().then(() => require("./TransformOriginView-BDM6GE2F.cjs")).then((n) => n.vdom).then(({ remountAll }) => {
+      remountAll();
+    });
+  }, 0);
 }
 function getCurrentPreset() {
-  return TransformOriginView.themeRegistry.getCurrentPresetName();
+  return vdom.themeRegistry.getCurrentPresetName();
+}
+function setColorMode(mode) {
+  vdom.themeRegistry.setColorMode(mode);
 }
 function getAvailablePresets() {
   return ["oceanBlue", "forestGreen", "midnight"];
 }
 function useThemeTokens() {
-  const localTheme = TransformOriginView.useTheme();
+  const localTheme = vdom.useTheme();
   const getInitialTokens = () => {
     if (localTheme?.__colorPreset) {
-      const preset = TransformOriginView.getPresetWithMode(
+      const preset = vdom.getPresetWithMode(
         localTheme.__colorPreset.name,
         localTheme.__colorPreset.mode ?? "light"
       );
       return {
         colors: preset.colors,
-        textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-        spacing: TransformOriginView.defaultSpacingTokens,
-        sizes: TransformOriginView.defaultSizeTokens,
-        radius: TransformOriginView.defaultRadiusTokens
+        textStyles: vdom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+        spacing: vdom.defaultSpacingTokens,
+        sizes: vdom.defaultSizeTokens,
+        radius: vdom.defaultRadiusTokens
       };
     }
-    const colors = TransformOriginView.themeRegistry.getColorTokens();
+    const colors = vdom.themeRegistry.getColorTokens();
     if (!colors) return void 0;
     return {
       colors,
-      textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
-      spacing: TransformOriginView.defaultSpacingTokens,
-      sizes: TransformOriginView.defaultSizeTokens,
-      radius: TransformOriginView.defaultRadiusTokens
+      textStyles: vdom.createTextStyleTokens(colors.text.DEFAULT.toString()),
+      spacing: vdom.defaultSpacingTokens,
+      sizes: vdom.defaultSizeTokens,
+      radius: vdom.defaultRadiusTokens
     };
   };
-  const [tokens, setTokens] = TransformOriginView.useState(getInitialTokens());
-  const [, forceUpdate] = TransformOriginView.useState(0);
-  TransformOriginView.useEffect(() => {
-    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+  const [tokens, setTokens] = vdom.useState(getInitialTokens());
+  const [, forceUpdate] = vdom.useState(0);
+  vdom.useEffect(() => {
+    const unsubscribe = vdom.themeRegistry.subscribe(() => {
       if (localTheme?.__colorPreset) {
-        const currentMode = TransformOriginView.themeRegistry.getColorMode();
-        const preset = TransformOriginView.getPresetWithMode(
+        const currentMode = vdom.themeRegistry.getColorMode();
+        const preset = vdom.getPresetWithMode(
           localTheme.__colorPreset.name,
           currentMode
         );
         setTokens({
           colors: preset.colors,
-          textStyles: TransformOriginView.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
-          spacing: TransformOriginView.defaultSpacingTokens,
-          sizes: TransformOriginView.defaultSizeTokens,
-          radius: TransformOriginView.defaultRadiusTokens
+          textStyles: vdom.createTextStyleTokens(preset.colors.text.DEFAULT.toString()),
+          spacing: vdom.defaultSpacingTokens,
+          sizes: vdom.defaultSizeTokens,
+          radius: vdom.defaultRadiusTokens
         });
       } else {
-        const colors = TransformOriginView.themeRegistry.getColorTokens();
+        const colors = vdom.themeRegistry.getColorTokens();
         if (colors) {
           setTokens({
             colors,
-            textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
-            spacing: TransformOriginView.defaultSpacingTokens,
-            sizes: TransformOriginView.defaultSizeTokens,
-            radius: TransformOriginView.defaultRadiusTokens
+            textStyles: vdom.createTextStyleTokens(colors.text.DEFAULT.toString()),
+            spacing: vdom.defaultSpacingTokens,
+            sizes: vdom.defaultSizeTokens,
+            radius: vdom.defaultRadiusTokens
           });
         }
       }
@@ -390,162 +391,164 @@ function useThemeTokens() {
   }, [localTheme]);
   return tokens;
 }
-TransformOriginView.registerBuiltins();
-exports.Accordion = TransformOriginView.Accordion;
-exports.AlertDialog = TransformOriginView.AlertDialog;
-exports.Button = TransformOriginView.Button;
-exports.CharText = TransformOriginView.CharText;
-exports.CharTextInput = TransformOriginView.CharTextInput;
-exports.DEFAULT_EFFECT = TransformOriginView.DEFAULT_EFFECT;
-exports.DEFAULT_SPRING_CONFIG = TransformOriginView.DEFAULT_SPRING_CONFIG;
-exports.DOMInputElement = TransformOriginView.DOMInputElement;
-exports.DebugLogger = TransformOriginView.DebugLogger;
-exports.DevConfig = TransformOriginView.DevConfig;
-exports.DevPresets = TransformOriginView.DevPresets;
-exports.Dialog = TransformOriginView.Dialog;
-exports.Divider = TransformOriginView.Divider;
-exports.Dropdown = TransformOriginView.Dropdown;
-exports.EFFECT_REGISTRY = TransformOriginView.EFFECT_REGISTRY;
-exports.Graphics = TransformOriginView.Graphics;
-exports.HexColor = TransformOriginView.HexColor;
-exports.Icon = TransformOriginView.Icon;
-exports.Image = TransformOriginView.Image;
-exports.KeyboardInputManager = TransformOriginView.KeyboardInputManager;
-exports.Modal = TransformOriginView.Modal;
-exports.NineSlice = TransformOriginView.NineSlice;
-exports.NineSliceButton = TransformOriginView.NineSliceButton;
-exports.Portal = TransformOriginView.Portal;
-exports.RadioButton = TransformOriginView.RadioButton;
-exports.RadioGroup = TransformOriginView.RadioGroup;
-exports.RangeSlider = TransformOriginView.RangeSlider;
-exports.RefOriginView = TransformOriginView.RefOriginView;
-exports.SPRING_PRESETS = TransformOriginView.SPRING_PRESETS;
-exports.ScrollSlider = TransformOriginView.ScrollSlider;
-exports.ScrollView = TransformOriginView.ScrollView;
-exports.Sidebar = TransformOriginView.Sidebar;
-exports.Slider = TransformOriginView.Slider;
-exports.SpringPhysics = TransformOriginView.SpringPhysics;
-exports.Sprite = TransformOriginView.Sprite;
-exports.Text = TransformOriginView.Text;
-exports.TileSprite = TransformOriginView.TileSprite;
-exports.Toggle = TransformOriginView.Toggle;
-exports.TransformOriginView = TransformOriginView.TransformOriginView;
-exports.View = TransformOriginView.View;
-exports.WrapText = TransformOriginView.WrapText;
-exports.alpha = TransformOriginView.alpha;
-exports.animatedSignal = TransformOriginView.animatedSignal;
-exports.applyDarkMode = TransformOriginView.applyDarkMode;
-exports.applyEffectByName = TransformOriginView.applyEffectByName;
-exports.applyLightMode = TransformOriginView.applyLightMode;
-exports.calculateSliderSize = TransformOriginView.calculateSliderSize;
-exports.createBounceEffect = TransformOriginView.createBounceEffect;
-exports.createBreatheEffect = TransformOriginView.createBreatheEffect;
-exports.createElement = TransformOriginView.createElement;
-exports.createFadeEffect = TransformOriginView.createFadeEffect;
-exports.createFlashEffect = TransformOriginView.createFlashEffect;
-exports.createFlipInEffect = TransformOriginView.createFlipInEffect;
-exports.createFlipOutEffect = TransformOriginView.createFlipOutEffect;
-exports.createFloatEffect = TransformOriginView.createFloatEffect;
-exports.createIconComponent = TransformOriginView.createIconComponent;
-exports.createJelloEffect = TransformOriginView.createJelloEffect;
-exports.createNoneEffect = TransformOriginView.createNoneEffect;
-exports.createPressEffect = TransformOriginView.createPressEffect;
-exports.createPulseEffect = TransformOriginView.createPulseEffect;
-exports.createShakeEffect = TransformOriginView.createShakeEffect;
-exports.createSlideInEffect = TransformOriginView.createSlideInEffect;
-exports.createSlideOutEffect = TransformOriginView.createSlideOutEffect;
-exports.createSpinEffect = TransformOriginView.createSpinEffect;
-exports.createSwingEffect = TransformOriginView.createSwingEffect;
-exports.createTadaEffect = TransformOriginView.createTadaEffect;
-exports.createTextStyle = TransformOriginView.createTextStyle;
-exports.createTextStyleTokens = TransformOriginView.createTextStyleTokens;
-exports.createTheme = TransformOriginView.createTheme;
-exports.createWiggleEffect = TransformOriginView.createWiggleEffect;
-exports.createWobbleEffect = TransformOriginView.createWobbleEffect;
-exports.createZoomInEffect = TransformOriginView.createZoomInEffect;
-exports.createZoomOutEffect = TransformOriginView.createZoomOutEffect;
-exports.darken = TransformOriginView.darken;
-exports.darkenHex = TransformOriginView.darkenHex;
-exports.defaultRadiusTokens = TransformOriginView.defaultRadiusTokens;
-exports.defaultSizeTokens = TransformOriginView.defaultSizeTokens;
-exports.defaultSpacingTokens = TransformOriginView.defaultSpacingTokens;
-exports.defaultTextStyleTokens = TransformOriginView.defaultTextStyleTokens;
-exports.defaultTheme = TransformOriginView.defaultTheme;
-exports.disposeCtx = TransformOriginView.disposeCtx;
-exports.ensureContrast = TransformOriginView.ensureContrast;
-exports.forestGreenPreset = TransformOriginView.forestGreenPreset;
-exports.generateColorScale = TransformOriginView.generateColorScale;
-exports.getContrastRatio = TransformOriginView.getContrastRatio;
-exports.getCurrent = TransformOriginView.getCurrent;
-exports.getPreset = TransformOriginView.getPreset;
-exports.getPresetWithMode = TransformOriginView.getPresetWithMode;
-exports.getRenderContext = TransformOriginView.getRenderContext;
-exports.getThemedProps = TransformOriginView.getThemedProps;
-exports.graphicsCreator = TransformOriginView.graphicsCreator;
-exports.graphicsPatcher = TransformOriginView.graphicsPatcher;
-exports.hex = TransformOriginView.hex;
-exports.hexToNumber = TransformOriginView.hexToNumber;
-exports.host = TransformOriginView.host;
-exports.imageCreator = TransformOriginView.imageCreator;
-exports.imagePatcher = TransformOriginView.imagePatcher;
-exports.isAnimatedSignal = TransformOriginView.isAnimatedSignal;
-exports.lighten = TransformOriginView.lighten;
-exports.lightenHex = TransformOriginView.lightenHex;
-exports.mergeThemes = TransformOriginView.mergeThemes;
-exports.midnightPreset = TransformOriginView.midnightPreset;
-exports.mount = TransformOriginView.mount;
-exports.mountComponent = TransformOriginView.mountJSX;
-exports.mountJSX = TransformOriginView.mountJSX;
-exports.nineSliceCreator = TransformOriginView.nineSliceCreator;
-exports.nineSlicePatcher = TransformOriginView.nineSlicePatcher;
-exports.nodeRegistry = TransformOriginView.nodeRegistry;
-exports.normalizeCornerRadius = TransformOriginView.normalizeCornerRadius;
-exports.normalizeEdgeInsets = TransformOriginView.normalizeEdgeInsets;
-exports.normalizeGap = TransformOriginView.normalizeGap;
-exports.numberToHex = TransformOriginView.numberToHex;
-exports.numberToRgb = TransformOriginView.numberToRgb;
-exports.oceanBluePreset = TransformOriginView.oceanBluePreset;
-exports.patchVNode = TransformOriginView.patchVNode;
-exports.portalRegistry = TransformOriginView.portalRegistry;
-exports.presets = TransformOriginView.presets;
-exports.register = TransformOriginView.register;
-exports.registerBuiltins = TransformOriginView.registerBuiltins;
-exports.releaseAllSVGTextures = TransformOriginView.releaseAllSVGTextures;
-exports.releaseSVGTexture = TransformOriginView.releaseSVGTexture;
-exports.releaseSVGTextures = TransformOriginView.releaseSVGTextures;
-exports.resolveEffect = TransformOriginView.resolveEffect;
-exports.rgbToNumber = TransformOriginView.rgbToNumber;
-exports.shallowEqual = TransformOriginView.shallowEqual;
-exports.shouldComponentUpdate = TransformOriginView.shouldComponentUpdate;
-exports.spriteCreator = TransformOriginView.spriteCreator;
-exports.spritePatcher = TransformOriginView.spritePatcher;
-exports.svgToTexture = TransformOriginView.svgToTexture;
-exports.textCreator = TransformOriginView.textCreator;
-exports.textPatcher = TransformOriginView.textPatcher;
-exports.themeRegistry = TransformOriginView.themeRegistry;
-exports.tileSpriteCreator = TransformOriginView.tileSpriteCreator;
-exports.tileSpritePatcher = TransformOriginView.tileSpritePatcher;
-exports.unmount = TransformOriginView.unmount;
-exports.unwrapSignal = TransformOriginView.unwrapSignal;
-exports.useCallback = TransformOriginView.useCallback;
-exports.useEffect = TransformOriginView.useEffect;
-exports.useForceRedraw = TransformOriginView.useForceRedraw;
-exports.useGameObjectEffect = TransformOriginView.useGameObjectEffect;
-exports.useIconPreload = TransformOriginView.useIconPreload;
-exports.useMemo = TransformOriginView.useMemo;
-exports.useRedraw = TransformOriginView.useRedraw;
-exports.useRef = TransformOriginView.useRef;
-exports.useSVGTexture = TransformOriginView.useSVGTexture;
-exports.useSVGTextures = TransformOriginView.useSVGTextures;
-exports.useScene = TransformOriginView.useScene;
-exports.useSpring = TransformOriginView.useSpring;
-exports.useSprings = TransformOriginView.useSprings;
-exports.useState = TransformOriginView.useState;
-exports.useTheme = TransformOriginView.useTheme;
-exports.viewCreator = TransformOriginView.viewCreator;
-exports.viewPatcher = TransformOriginView.viewPatcher;
-exports.viewportRegistry = TransformOriginView.viewportRegistry;
-exports.withHooks = TransformOriginView.withHooks;
+vdom.registerBuiltins();
+exports.Accordion = vdom.Accordion;
+exports.AlertDialog = vdom.AlertDialog;
+exports.Button = vdom.Button;
+exports.CharText = vdom.CharText;
+exports.CharTextInput = vdom.CharTextInput;
+exports.DEFAULT_EFFECT = vdom.DEFAULT_EFFECT;
+exports.DEFAULT_SPRING_CONFIG = vdom.DEFAULT_SPRING_CONFIG;
+exports.DOMInputElement = vdom.DOMInputElement;
+exports.DebugLogger = vdom.DebugLogger;
+exports.DevConfig = vdom.DevConfig;
+exports.DevPresets = vdom.DevPresets;
+exports.Dialog = vdom.Dialog;
+exports.Divider = vdom.Divider;
+exports.Dropdown = vdom.Dropdown;
+exports.EFFECT_REGISTRY = vdom.EFFECT_REGISTRY;
+exports.Graphics = vdom.Graphics;
+exports.HexColor = vdom.HexColor;
+exports.Icon = vdom.Icon;
+exports.Image = vdom.Image;
+exports.KeyboardInputManager = vdom.KeyboardInputManager;
+exports.Modal = vdom.Modal;
+exports.NineSlice = vdom.NineSlice;
+exports.NineSliceButton = vdom.NineSliceButton;
+exports.Portal = vdom.Portal;
+exports.RadioButton = vdom.RadioButton;
+exports.RadioGroup = vdom.RadioGroup;
+exports.RangeSlider = vdom.RangeSlider;
+exports.RefOriginView = vdom.RefOriginView;
+exports.SPRING_PRESETS = vdom.SPRING_PRESETS;
+exports.ScrollSlider = vdom.ScrollSlider;
+exports.ScrollView = vdom.ScrollView;
+exports.Sidebar = vdom.Sidebar;
+exports.Slider = vdom.Slider;
+exports.SpringPhysics = vdom.SpringPhysics;
+exports.Sprite = vdom.Sprite;
+exports.Text = vdom.Text;
+exports.TileSprite = vdom.TileSprite;
+exports.Toggle = vdom.Toggle;
+exports.TransformOriginView = vdom.TransformOriginView;
+exports.View = vdom.View;
+exports.WrapText = vdom.WrapText;
+exports.alpha = vdom.alpha;
+exports.animatedSignal = vdom.animatedSignal;
+exports.applyDarkMode = vdom.applyDarkMode;
+exports.applyEffectByName = vdom.applyEffectByName;
+exports.applyLightMode = vdom.applyLightMode;
+exports.calculateSliderSize = vdom.calculateSliderSize;
+exports.createBounceEffect = vdom.createBounceEffect;
+exports.createBreatheEffect = vdom.createBreatheEffect;
+exports.createDefaultTheme = vdom.createDefaultTheme;
+exports.createElement = vdom.createElement;
+exports.createFadeEffect = vdom.createFadeEffect;
+exports.createFlashEffect = vdom.createFlashEffect;
+exports.createFlipInEffect = vdom.createFlipInEffect;
+exports.createFlipOutEffect = vdom.createFlipOutEffect;
+exports.createFloatEffect = vdom.createFloatEffect;
+exports.createIconComponent = vdom.createIconComponent;
+exports.createJelloEffect = vdom.createJelloEffect;
+exports.createNoneEffect = vdom.createNoneEffect;
+exports.createPressEffect = vdom.createPressEffect;
+exports.createPulseEffect = vdom.createPulseEffect;
+exports.createShakeEffect = vdom.createShakeEffect;
+exports.createSlideInEffect = vdom.createSlideInEffect;
+exports.createSlideOutEffect = vdom.createSlideOutEffect;
+exports.createSpinEffect = vdom.createSpinEffect;
+exports.createSwingEffect = vdom.createSwingEffect;
+exports.createTadaEffect = vdom.createTadaEffect;
+exports.createTextStyle = vdom.createTextStyle;
+exports.createTextStyleTokens = vdom.createTextStyleTokens;
+exports.createTheme = vdom.createTheme;
+exports.createWiggleEffect = vdom.createWiggleEffect;
+exports.createWobbleEffect = vdom.createWobbleEffect;
+exports.createZoomInEffect = vdom.createZoomInEffect;
+exports.createZoomOutEffect = vdom.createZoomOutEffect;
+exports.darken = vdom.darken;
+exports.darkenHex = vdom.darkenHex;
+exports.defaultRadiusTokens = vdom.defaultRadiusTokens;
+exports.defaultSizeTokens = vdom.defaultSizeTokens;
+exports.defaultSpacingTokens = vdom.defaultSpacingTokens;
+exports.defaultTextStyleTokens = vdom.defaultTextStyleTokens;
+exports.defaultTheme = vdom.defaultTheme;
+exports.disposeCtx = vdom.disposeCtx;
+exports.ensureContrast = vdom.ensureContrast;
+exports.forestGreenPreset = vdom.forestGreenPreset;
+exports.generateColorScale = vdom.generateColorScale;
+exports.getContrastRatio = vdom.getContrastRatio;
+exports.getCurrent = vdom.getCurrent;
+exports.getPreset = vdom.getPreset;
+exports.getPresetWithMode = vdom.getPresetWithMode;
+exports.getRenderContext = vdom.getRenderContext;
+exports.getThemedProps = vdom.getThemedProps;
+exports.graphicsCreator = vdom.graphicsCreator;
+exports.graphicsPatcher = vdom.graphicsPatcher;
+exports.hex = vdom.hex;
+exports.hexToNumber = vdom.hexToNumber;
+exports.host = vdom.host;
+exports.imageCreator = vdom.imageCreator;
+exports.imagePatcher = vdom.imagePatcher;
+exports.isAnimatedSignal = vdom.isAnimatedSignal;
+exports.lighten = vdom.lighten;
+exports.lightenHex = vdom.lightenHex;
+exports.mergeThemes = vdom.mergeThemes;
+exports.midnightPreset = vdom.midnightPreset;
+exports.mount = vdom.mount;
+exports.mountComponent = vdom.mountJSX;
+exports.mountJSX = vdom.mountJSX;
+exports.nineSliceCreator = vdom.nineSliceCreator;
+exports.nineSlicePatcher = vdom.nineSlicePatcher;
+exports.nodeRegistry = vdom.nodeRegistry;
+exports.normalizeCornerRadius = vdom.normalizeCornerRadius;
+exports.normalizeEdgeInsets = vdom.normalizeEdgeInsets;
+exports.normalizeGap = vdom.normalizeGap;
+exports.numberToHex = vdom.numberToHex;
+exports.numberToRgb = vdom.numberToRgb;
+exports.oceanBluePreset = vdom.oceanBluePreset;
+exports.patchVNode = vdom.patchVNode;
+exports.portalRegistry = vdom.portalRegistry;
+exports.presets = vdom.presets;
+exports.register = vdom.register;
+exports.registerBuiltins = vdom.registerBuiltins;
+exports.releaseAllSVGTextures = vdom.releaseAllSVGTextures;
+exports.releaseSVGTexture = vdom.releaseSVGTexture;
+exports.releaseSVGTextures = vdom.releaseSVGTextures;
+exports.remountAll = vdom.remountAll;
+exports.resolveEffect = vdom.resolveEffect;
+exports.rgbToNumber = vdom.rgbToNumber;
+exports.shallowEqual = vdom.shallowEqual;
+exports.shouldComponentUpdate = vdom.shouldComponentUpdate;
+exports.spriteCreator = vdom.spriteCreator;
+exports.spritePatcher = vdom.spritePatcher;
+exports.svgToTexture = vdom.svgToTexture;
+exports.textCreator = vdom.textCreator;
+exports.textPatcher = vdom.textPatcher;
+exports.themeRegistry = vdom.themeRegistry;
+exports.tileSpriteCreator = vdom.tileSpriteCreator;
+exports.tileSpritePatcher = vdom.tileSpritePatcher;
+exports.unmount = vdom.unmount;
+exports.unwrapSignal = vdom.unwrapSignal;
+exports.useCallback = vdom.useCallback;
+exports.useEffect = vdom.useEffect;
+exports.useForceRedraw = vdom.useForceRedraw;
+exports.useGameObjectEffect = vdom.useGameObjectEffect;
+exports.useIconPreload = vdom.useIconPreload;
+exports.useMemo = vdom.useMemo;
+exports.useRedraw = vdom.useRedraw;
+exports.useRef = vdom.useRef;
+exports.useSVGTexture = vdom.useSVGTexture;
+exports.useSVGTextures = vdom.useSVGTextures;
+exports.useScene = vdom.useScene;
+exports.useSpring = vdom.useSpring;
+exports.useSprings = vdom.useSprings;
+exports.useState = vdom.useState;
+exports.useTheme = vdom.useTheme;
+exports.viewCreator = vdom.viewCreator;
+exports.viewPatcher = vdom.viewPatcher;
+exports.viewportRegistry = vdom.viewportRegistry;
+exports.withHooks = vdom.withHooks;
 exports.Fragment = jsxRuntime.Fragment;
 exports.jsx = jsxRuntime.jsx;
 exports.jsxs = jsxRuntime.jsxs;
@@ -572,6 +575,7 @@ exports.getTextColor = getTextColor;
 exports.memo = memo;
 exports.noMemo = noMemo;
 exports.resolveFX = resolveFX;
+exports.setColorMode = setColorMode;
 exports.setColorPreset = setColorPreset;
 exports.useBlur = useBlur;
 exports.useColorMode = useColorMode;