@number10/phaserjsx 0.1.0

package/dist/index.cjs

@@ -0,0 +1,584 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TransformOriginView = require("./TransformOriginView-BYPbRH8N.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(() => {
+    return () => {
+      activeEffectsRef.current.forEach((cleanup) => {
+        if (typeof cleanup === "function") {
+          cleanup();
+        } else if (cleanup?.destroy) {
+          cleanup.destroy();
+        }
+      });
+      activeEffectsRef.current.clear();
+    };
+  }, []);
+  const applyFX = (fxCreator, config, type = "post") => {
+    const obj = ref.current;
+    if (!obj) {
+      console.warn("[useFX] No object found in ref");
+      return;
+    }
+    const cleanupOrController = fxCreator(obj, config, type);
+    if (cleanupOrController) {
+      activeEffectsRef.current.add(cleanupOrController);
+    }
+  };
+  const clearFX = () => {
+    activeEffectsRef.current.forEach((cleanup) => {
+      if (typeof cleanup === "function") {
+        cleanup();
+      } else if (cleanup?.destroy) {
+        cleanup.destroy();
+      }
+    });
+    activeEffectsRef.current.clear();
+    const obj = ref.current;
+    if (obj && "postFX" in obj && obj.postFX) {
+      obj.postFX.clear();
+    }
+    if (obj && "preFX" in obj && obj.preFX) {
+      obj.preFX.clear();
+    }
+  };
+  return { applyFX, clearFX };
+}
+const createBlurFX = (obj, config, type = "post") => {
+  const { quality = 0, x = 2, y = 2, strength = 1, color = 16777215, steps = 4 } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createBlurFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const blur = pipeline.addBlur(quality, x, y, strength, color, steps);
+  return blur;
+};
+const createColorMatrixFX = (obj, config, type = "post") => {
+  const { effect = "grayscale", amount = 1 } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createColorMatrixFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const colorMatrix = pipeline.addColorMatrix();
+  switch (effect) {
+    case "grayscale":
+      colorMatrix.grayscale(amount);
+      break;
+    case "sepia":
+      colorMatrix.sepia();
+      break;
+    case "negative":
+      colorMatrix.negative();
+      break;
+    case "blackWhite":
+      colorMatrix.blackWhite();
+      break;
+    case "brown":
+      colorMatrix.brown();
+      break;
+    case "kodachrome":
+      colorMatrix.kodachrome();
+      break;
+    case "technicolor":
+      colorMatrix.technicolor();
+      break;
+    case "polaroid":
+      colorMatrix.polaroid();
+      break;
+  }
+  return colorMatrix;
+};
+const createGlowFX = (obj, config, type = "post") => {
+  const {
+    color = 16777215,
+    outerStrength = 4,
+    innerStrength = 0,
+    knockout = false,
+    quality = 0.1,
+    distance = 10
+  } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createGlowFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const glow = pipeline.addGlow(color, outerStrength, innerStrength, knockout, quality, distance);
+  return glow;
+};
+const createPixelateFX = (obj, config, type = "post") => {
+  const { amount = 1 } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createPixelateFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const pixelate = pipeline.addPixelate(amount);
+  return pixelate;
+};
+const createShadowFX = (obj, config, type = "post") => {
+  const {
+    x = 0,
+    y = 1,
+    decay = 0.05,
+    power = 1,
+    color = 0,
+    samples = 6,
+    intensity = 1
+  } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createShadowFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const shadow = pipeline.addShadow(x, y, decay, power, color, samples, intensity);
+  return shadow;
+};
+const createVignetteFX = (obj, config, type = "post") => {
+  const { strength = 0.5, radius = 0.5, x = 0.5, y = 0.5 } = config;
+  const pipeline = type === "post" ? obj.postFX : obj.preFX;
+  if (!pipeline) {
+    console.warn("[createVignetteFX] FX pipeline not available on this GameObject");
+    return null;
+  }
+  const vignette = pipeline.addVignette(x, y, radius, strength);
+  return vignette;
+};
+const FX_REGISTRY = {
+  shadow: createShadowFX,
+  glow: createGlowFX,
+  blur: createBlurFX,
+  pixelate: createPixelateFX,
+  vignette: createVignetteFX,
+  grayscale: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "grayscale" }, type),
+  sepia: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "sepia" }, type),
+  negative: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "negative" }, type),
+  blackWhite: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "blackWhite" }, type),
+  brown: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "brown" }, type),
+  kodachrome: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "kodachrome" }, type),
+  technicolor: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "technicolor" }, type),
+  polaroid: (obj, config, type) => createColorMatrixFX(obj, { ...config, effect: "polaroid" }, type)
+};
+const DEFAULT_FX = "grayscale";
+function resolveFX(fxOrName) {
+  if (typeof fxOrName === "function") {
+    return fxOrName;
+  }
+  return FX_REGISTRY[fxOrName] ?? null;
+}
+function applyFXByName(applyFXFn, fxName, config = {}) {
+  const creator = resolveFX(fxName);
+  if (creator) {
+    applyFXFn(creator, config);
+  } else {
+    console.warn(`[applyFXByName] FX "${fxName}" not found in registry`);
+  }
+}
+function useBlur(ref, config = {}) {
+  const { applyFX, clearFX } = useFX(ref);
+  TransformOriginView.useEffect(() => {
+    if (!ref.current) return;
+    clearFX();
+    applyFX(createBlurFX, config);
+    return () => clearFX();
+  }, [ref, config, applyFX, clearFX]);
+  return { clearFX };
+}
+function useGlow(ref, config = {}) {
+  const { applyFX, clearFX } = useFX(ref);
+  TransformOriginView.useEffect(() => {
+    if (!ref.current) return;
+    clearFX();
+    applyFX(createGlowFX, config);
+    return () => clearFX();
+  }, [ref, config, applyFX, clearFX]);
+  return { clearFX };
+}
+function useShadow(ref, config = {}) {
+  const { applyFX, clearFX } = useFX(ref);
+  TransformOriginView.useEffect(() => {
+    if (!ref.current) return;
+    clearFX();
+    applyFX(createShadowFX, config);
+    return () => clearFX();
+  }, [ref, config, applyFX, clearFX]);
+  return { clearFX };
+}
+function setMemoSafe(vnode, value) {
+  if (Object.isExtensible(vnode)) {
+    vnode.__memo = value;
+    return vnode;
+  }
+  return { ...vnode, __memo: value };
+}
+function noMemo(vnode) {
+  return setMemoSafe(vnode, false);
+}
+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());
+    });
+    return unsubscribe;
+  }, []);
+  const setColorMode = (mode) => {
+    TransformOriginView.themeRegistry.setColorMode(mode);
+  };
+  const toggleColorMode = () => {
+    const newMode = colorMode === "light" ? "dark" : "light";
+    setColorMode(newMode);
+  };
+  return {
+    colorMode,
+    setColorMode,
+    toggleColorMode
+  };
+}
+function useColors() {
+  const localTheme = TransformOriginView.useTheme();
+  const getInitialColors = () => {
+    if (localTheme?.__colorPreset) {
+      const preset = TransformOriginView.getPresetWithMode(
+        localTheme.__colorPreset.name,
+        localTheme.__colorPreset.mode ?? "light"
+      );
+      return preset.colors;
+    }
+    return TransformOriginView.themeRegistry.getColorTokens();
+  };
+  const [colors, setColors] = TransformOriginView.useState(getInitialColors());
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+      if (localTheme?.__colorPreset) {
+        const currentMode = TransformOriginView.themeRegistry.getColorMode();
+        const preset = TransformOriginView.getPresetWithMode(
+          localTheme.__colorPreset.name,
+          currentMode
+        );
+        setColors(preset.colors);
+      } else {
+        setColors(TransformOriginView.themeRegistry.getColorTokens());
+      }
+      forceUpdate((n) => n + 1);
+    });
+    return unsubscribe;
+  }, [localTheme]);
+  return colors;
+}
+function useThemeSubscription() {
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+      forceUpdate((n) => n + 1);
+    });
+    return unsubscribe;
+  }, []);
+}
+function colorsToTheme(colors, colorKey, options = {}) {
+  const { backgroundShade = "DEFAULT", borderShade = "dark", includeBorder = true } = options;
+  const result = {
+    backgroundColor: colors[colorKey][backgroundShade].toNumber()
+  };
+  if (includeBorder) {
+    result.borderColor = colors[colorKey][borderShade].toNumber();
+  }
+  return result;
+}
+function getTextColor(colors, shade = "DEFAULT", alphaValue) {
+  const color = colors.text[shade];
+  return alphaValue !== void 0 ? TransformOriginView.alpha(color.toNumber(), alphaValue) : color.toString();
+}
+function getBackgroundColor(colors, shade = "DEFAULT") {
+  return colors.background[shade].toNumber();
+}
+function getSurfaceColor(colors, shade = "DEFAULT") {
+  return colors.surface[shade].toNumber();
+}
+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 getCurrentPreset() {
+  return TransformOriginView.themeRegistry.getCurrentPresetName();
+}
+function getAvailablePresets() {
+  return ["oceanBlue", "forestGreen", "midnight"];
+}
+function useThemeTokens() {
+  const localTheme = TransformOriginView.useTheme();
+  const getInitialTokens = () => {
+    if (localTheme?.__colorPreset) {
+      const preset = TransformOriginView.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
+      };
+    }
+    const colors = TransformOriginView.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
+    };
+  };
+  const [tokens, setTokens] = TransformOriginView.useState(getInitialTokens());
+  const [, forceUpdate] = TransformOriginView.useState(0);
+  TransformOriginView.useEffect(() => {
+    const unsubscribe = TransformOriginView.themeRegistry.subscribe(() => {
+      if (localTheme?.__colorPreset) {
+        const currentMode = TransformOriginView.themeRegistry.getColorMode();
+        const preset = TransformOriginView.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
+        });
+      } else {
+        const colors = TransformOriginView.themeRegistry.getColorTokens();
+        if (colors) {
+          setTokens({
+            colors,
+            textStyles: TransformOriginView.createTextStyleTokens(colors.text.DEFAULT.toString()),
+            spacing: TransformOriginView.defaultSpacingTokens,
+            sizes: TransformOriginView.defaultSizeTokens,
+            radius: TransformOriginView.defaultRadiusTokens
+          });
+        }
+      }
+      forceUpdate((n) => n + 1);
+    });
+    return unsubscribe;
+  }, [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;
+exports.Fragment = jsxRuntime.Fragment;
+exports.jsx = jsxRuntime.jsx;
+exports.jsxs = jsxRuntime.jsxs;
+Object.defineProperty(exports, "computed", {
+  enumerable: true,
+  get: () => signalsCore.computed
+});
+exports.DEFAULT_FX = DEFAULT_FX;
+exports.FX_REGISTRY = FX_REGISTRY;
+exports.applyFXByName = applyFXByName;
+exports.colorsToTheme = colorsToTheme;
+exports.createBlurFX = createBlurFX;
+exports.createColorMatrixFX = createColorMatrixFX;
+exports.createGlowFX = createGlowFX;
+exports.createPixelateFX = createPixelateFX;
+exports.createShadowFX = createShadowFX;
+exports.createVignetteFX = createVignetteFX;
+exports.getAvailablePresets = getAvailablePresets;
+exports.getBackgroundColor = getBackgroundColor;
+exports.getBorderColor = getBorderColor;
+exports.getCurrentPreset = getCurrentPreset;
+exports.getSurfaceColor = getSurfaceColor;
+exports.getTextColor = getTextColor;
+exports.memo = memo;
+exports.noMemo = noMemo;
+exports.resolveFX = resolveFX;
+exports.setColorPreset = setColorPreset;
+exports.useBlur = useBlur;
+exports.useColorMode = useColorMode;
+exports.useColors = useColors;
+exports.useFX = useFX;
+exports.useGlow = useGlow;
+exports.useShadow = useShadow;
+exports.useThemeSubscription = useThemeSubscription;
+exports.useThemeTokens = useThemeTokens;
+//# sourceMappingURL=index.cjs.map