@react-three/fiber 10.0.0-canary.76d2134 → 10.0.0-canary.8f5b4d3

package/dist/index.cjs

@@ -7,15 +7,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const useMeasure = require('react-use-measure');
 const itsFine = require('its-fine');
-const fiber = require('@react-three/fiber');
+const traditional = require('zustand/traditional');
+const scheduler = require('@pmndrs/scheduler');
+const Tb = require('scheduler');
 const GroundedSkybox_js = require('three/examples/jsm/objects/GroundedSkybox.js');
 const HDRLoader_js = require('three/examples/jsm/loaders/HDRLoader.js');
 const EXRLoader_js = require('three/examples/jsm/loaders/EXRLoader.js');
 const UltraHDRLoader_js = require('three/examples/jsm/loaders/UltraHDRLoader.js');
 const gainmapJs = require('@monogrid/gainmap-js');
-const Tb = require('scheduler');
-const traditional = require('zustand/traditional');
-const scheduler = require('@pmndrs/scheduler');
 const suspendReact = require('suspend-react');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -125,555 +124,229 @@ function getPrimaryIds() {
   return Array.from(primaryRegistry.keys());
 }
 
-const presetsObj = {
-  apartment: "lebombo_1k.hdr",
-  city: "potsdamer_platz_1k.hdr",
-  dawn: "kiara_1_dawn_1k.hdr",
-  forest: "forest_slope_1k.hdr",
-  lobby: "st_fagans_interior_1k.hdr",
-  night: "dikhololo_night_1k.hdr",
-  park: "rooitou_park_1k.hdr",
-  studio: "studio_small_03_1k.hdr",
-  sunset: "venice_sunset_1k.hdr",
-  warehouse: "empty_warehouse_01_1k.hdr"
-};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const useIsomorphicLayoutEffect = /* @__PURE__ */ (() => typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative"))() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+function useMutableCallback(fn) {
+  const ref = React__namespace.useRef(fn);
+  useIsomorphicLayoutEffect(() => void (ref.current = fn), [fn]);
+  return ref;
+}
+function useBridge() {
+  const fiber = itsFine.useFiber();
+  const ContextBridge = itsFine.useContextBridge();
+  return React__namespace.useMemo(
+    () => ({ children }) => {
+      const strict = !!itsFine.traverseFiber(fiber, true, (node) => node.type === React__namespace.StrictMode);
+      const Root = strict ? React__namespace.StrictMode : React__namespace.Fragment;
+      return /* @__PURE__ */ jsxRuntime.jsx(Root, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextBridge, { children }) });
+    },
+    [fiber, ContextBridge]
+  );
+}
+function Block({ set }) {
+  useIsomorphicLayoutEffect(() => {
+    set(new Promise(() => null));
+    return () => set(false);
+  }, [set]);
+  return null;
+}
+const ErrorBoundary = /* @__PURE__ */ (() => {
+  var _a;
+  return _a = class extends React__namespace.Component {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "state", { error: false });
+    }
+    componentDidCatch(err) {
+      this.props.set(err);
+    }
+    render() {
+      return this.state.error ? null : this.props.children;
+    }
+  }, __publicField(_a, "getDerivedStateFromError", () => ({ error: true })), _a;
+})();
 
-const CUBEMAP_ROOT = "https://raw.githack.com/pmndrs/drei-assets/456060a26bbeb8fdf79326f224b6d99b8bcce736/hdri/";
-const isArray = (arr) => Array.isArray(arr);
-const defaultFiles = ["/px.png", "/nx.png", "/py.png", "/ny.png", "/pz.png", "/nz.png"];
-function useEnvironment({
-  files = defaultFiles,
-  path = "",
-  preset = void 0,
-  colorSpace = void 0,
-  extensions
-} = {}) {
-  if (preset) {
-    validatePreset(preset);
-    files = presetsObj[preset];
-    path = CUBEMAP_ROOT;
-  }
-  const multiFile = isArray(files);
-  const { extension, isCubemap } = getExtension(files);
-  const loader = getLoader$1(extension);
-  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
-  const renderer = fiber.useThree((state) => state.renderer);
-  React.useLayoutEffect(() => {
-    if (extension !== "webp" && extension !== "jpg" && extension !== "jpeg") return;
-    function clearGainmapTexture() {
-      fiber.useLoader.clear(loader, multiFile ? [files] : files);
+const is = {
+  obj: (a) => a === Object(a) && !is.arr(a) && typeof a !== "function",
+  fun: (a) => typeof a === "function",
+  str: (a) => typeof a === "string",
+  num: (a) => typeof a === "number",
+  boo: (a) => typeof a === "boolean",
+  und: (a) => a === void 0,
+  nul: (a) => a === null,
+  arr: (a) => Array.isArray(a),
+  equ(a, b, { arrays = "shallow", objects = "reference", strict = true } = {}) {
+    if (typeof a !== typeof b || !!a !== !!b) return false;
+    if (is.str(a) || is.num(a) || is.boo(a)) return a === b;
+    const isObj = is.obj(a);
+    if (isObj && objects === "reference") return a === b;
+    const isArr = is.arr(a);
+    if (isArr && arrays === "reference") return a === b;
+    if ((isArr || isObj) && a === b) return true;
+    let i;
+    for (i in a) if (!(i in b)) return false;
+    if (isObj && arrays === "shallow" && objects === "shallow") {
+      for (i in strict ? b : a) if (!is.equ(a[i], b[i], { strict, objects: "reference" })) return false;
+    } else {
+      for (i in strict ? b : a) if (a[i] !== b[i]) return false;
     }
-    renderer.domElement.addEventListener("webglcontextlost", clearGainmapTexture, { once: true });
-  }, [extension, files, loader, multiFile, renderer.domElement]);
-  const loaderResult = fiber.useLoader(
-    loader,
-    multiFile ? [files] : files,
-    (loader2) => {
-      if (extension === "webp" || extension === "jpg" || extension === "jpeg") {
-        loader2.setRenderer?.(renderer);
-      }
-      loader2.setPath?.(path);
-      if (extensions) extensions(loader2);
+    if (is.und(i)) {
+      if (isArr && a.length === 0 && b.length === 0) return true;
+      if (isObj && Object.keys(a).length === 0 && Object.keys(b).length === 0) return true;
+      if (a !== b) return false;
     }
-  );
-  let texture = multiFile ? (
-    // @ts-ignore
-    loaderResult[0]
-  ) : loaderResult;
-  if (extension === "jpg" || extension === "jpeg" || extension === "webp") {
-    texture = texture.renderTarget?.texture;
-  }
-  texture.mapping = isCubemap ? webgpu.CubeReflectionMapping : webgpu.EquirectangularReflectionMapping;
-  texture.colorSpace = colorSpace ?? (isCubemap ? "srgb" : "srgb-linear");
-  return texture;
-}
-const preloadDefaultOptions = {
-  files: defaultFiles,
-  path: "",
-  preset: void 0,
-  extensions: void 0
-};
-useEnvironment.preload = (preloadOptions) => {
-  const options = { ...preloadDefaultOptions, ...preloadOptions };
-  let { files, path = "" } = options;
-  const { preset, extensions } = options;
-  if (preset) {
-    validatePreset(preset);
-    files = presetsObj[preset];
-    path = CUBEMAP_ROOT;
-  }
-  const { extension } = getExtension(files);
-  if (extension === "webp" || extension === "jpg" || extension === "jpeg") {
-    throw new Error("useEnvironment: Preloading gainmaps is not supported");
-  }
-  const loader = getLoader$1(extension);
-  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
-  fiber.useLoader.preload(loader, isArray(files) ? [files] : files, (loader2) => {
-    loader2.setPath?.(path);
-    if (extensions) extensions(loader2);
-  });
-};
-const clearDefaultOptins = {
-  files: defaultFiles,
-  preset: void 0
-};
-useEnvironment.clear = (clearOptions) => {
-  const options = { ...clearDefaultOptins, ...clearOptions };
-  let { files } = options;
-  const { preset } = options;
-  if (preset) {
-    validatePreset(preset);
-    files = presetsObj[preset];
+    return true;
   }
-  const { extension } = getExtension(files);
-  const loader = getLoader$1(extension);
-  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
-  fiber.useLoader.clear(loader, isArray(files) ? [files] : files);
 };
-function validatePreset(preset) {
-  if (!(preset in presetsObj)) throw new Error("Preset must be one of: " + Object.keys(presetsObj).join(", "));
+const isOrthographicCamera = (def) => def && def.isOrthographicCamera;
+const isRef$1 = (obj) => obj !== null && typeof obj === "object" && obj.hasOwnProperty("current");
+const isColorRepresentation = (value) => value != null && (typeof value === "string" || typeof value === "number" || value.isColor);
+const isObject3D = (object) => object?.isObject3D;
+const isTexture = (value) => !!value?.isTexture;
+const isVectorLike = (object) => object !== null && typeof object === "object" && "set" in object && typeof object.set === "function";
+const isCopyable = (object) => isVectorLike(object) && "copy" in object && typeof object.copy === "function";
+const hasConstructor = (object) => !!object?.constructor;
+
+function calculateDpr(dpr) {
+  const target = typeof window !== "undefined" ? window.devicePixelRatio ?? 2 : 1;
+  return Array.isArray(dpr) ? Math.min(Math.max(dpr[0], target), dpr[1]) : dpr;
 }
-function getExtension(files) {
-  const isCubemap = isArray(files) && files.length === 6;
-  const isGainmap = isArray(files) && files.length === 3 && files.some((file) => file.endsWith("json"));
-  const firstEntry = isArray(files) ? files[0] : files;
-  const extension = isCubemap ? "cube" : isGainmap ? "webp" : firstEntry.startsWith("data:application/exr") ? "exr" : firstEntry.startsWith("data:application/hdr") ? "hdr" : firstEntry.startsWith("data:image/jpeg") ? "jpg" : firstEntry.split(".").pop()?.split("?")?.shift()?.toLowerCase();
-  return { extension, isCubemap, isGainmap };
+function getUuidPrefix(uuid) {
+  return uuid.split("-")[0];
 }
-function getLoader$1(extension) {
-  const loader = extension === "cube" ? webgpu.CubeTextureLoader : extension === "hdr" ? HDRLoader_js.HDRLoader : extension === "exr" ? EXRLoader_js.EXRLoader : extension === "jpg" || extension === "jpeg" ? UltraHDRLoader_js.UltraHDRLoader : extension === "webp" ? gainmapJs.GainMapLoader : null;
-  return loader;
+function updateCamera(camera, size) {
+  if (camera.manual) return;
+  if (isOrthographicCamera(camera)) {
+    camera.left = size.width / -2;
+    camera.right = size.width / 2;
+    camera.top = size.height / 2;
+    camera.bottom = size.height / -2;
+  } else {
+    camera.aspect = size.width / size.height;
+  }
+  camera.updateProjectionMatrix();
 }
-
-const isRef$1 = (obj) => obj.current && obj.current.isScene;
-const resolveScene = (scene) => isRef$1(scene) ? scene.current : scene;
-function setEnvProps(background, scene, defaultScene, texture, sceneProps = {}) {
-  sceneProps = {
-    backgroundBlurriness: 0,
-    backgroundIntensity: 1,
-    backgroundRotation: [0, 0, 0],
-    environmentIntensity: 1,
-    environmentRotation: [0, 0, 0],
-    ...sceneProps
-  };
-  const target = resolveScene(scene || defaultScene);
-  const oldbg = target.background;
-  const oldenv = target.environment;
-  const oldSceneProps = {
-    // @ts-ignore
-    backgroundBlurriness: target.backgroundBlurriness,
-    // @ts-ignore
-    backgroundIntensity: target.backgroundIntensity,
-    // @ts-ignore
-    backgroundRotation: target.backgroundRotation?.clone?.() ?? [0, 0, 0],
-    // @ts-ignore
-    environmentIntensity: target.environmentIntensity,
-    // @ts-ignore
-    environmentRotation: target.environmentRotation?.clone?.() ?? [0, 0, 0]
-  };
-  if (background !== "only") target.environment = texture;
-  if (background) target.background = texture;
-  fiber.applyProps(target, sceneProps);
-  return () => {
-    if (background !== "only") target.environment = oldenv;
-    if (background) target.background = oldbg;
-    fiber.applyProps(target, oldSceneProps);
-  };
+const frustumMatrix = new webgpu.Matrix4();
+function updateFrustum(camera, frustum) {
+  const target = frustum ?? new webgpu.Frustum();
+  frustumMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
+  target.setFromProjectionMatrix(frustumMatrix);
+  return target;
 }
-function EnvironmentMap({ scene, background = false, map, ...config }) {
-  const defaultScene = fiber.useThree((state) => state.scene);
-  React__namespace.useLayoutEffect(() => {
-    if (map) return setEnvProps(background, scene, defaultScene, map, config);
-  });
-  return null;
+
+const REACT_INTERNAL_PROPS = ["children", "key", "ref"];
+function findInitialRoot(instance) {
+  let root = instance.root;
+  while (root.getState().previousRoot) root = root.getState().previousRoot;
+  return root;
 }
-function EnvironmentCube({
-  background = false,
-  scene,
-  blur,
-  backgroundBlurriness,
-  backgroundIntensity,
-  backgroundRotation,
-  environmentIntensity,
-  environmentRotation,
-  ...rest
-}) {
-  const texture = useEnvironment(rest);
-  const defaultScene = fiber.useThree((state) => state.scene);
-  React__namespace.useLayoutEffect(() => {
-    return setEnvProps(background, scene, defaultScene, texture, {
-      backgroundBlurriness: blur ?? backgroundBlurriness,
-      backgroundIntensity,
-      backgroundRotation,
-      environmentIntensity,
-      environmentRotation
+function getRootState(obj) {
+  let state = obj.__r3f?.root.getState();
+  if (!state) {
+    obj.traverseAncestors((ancestor) => {
+      const parentState = ancestor.__r3f?.root.getState();
+      if (parentState) {
+        state = parentState;
+        return false;
+      }
     });
-  });
-  React__namespace.useEffect(() => {
-    return () => {
-      texture.dispose();
-    };
-  }, [texture]);
-  return null;
+  }
+  return state;
 }
-function EnvironmentPortal({
-  children,
-  near = 0.1,
-  far = 1e3,
-  resolution = 256,
-  frames = 1,
-  map,
-  background = false,
-  blur,
-  backgroundBlurriness,
-  backgroundIntensity,
-  backgroundRotation,
-  environmentIntensity,
-  environmentRotation,
-  scene,
-  files,
-  path,
-  preset = void 0,
-  extensions
-}) {
-  const renderer = fiber.useThree((state) => state.renderer);
-  const isLegacy = fiber.useThree((state) => state.isLegacy);
-  const defaultScene = fiber.useThree((state) => state.scene);
-  const camera = React__namespace.useRef(null);
-  const [virtualScene] = React__namespace.useState(() => new webgpu.Scene());
-  const fbo = React__namespace.useMemo(() => {
-    const fbo2 = isLegacy ? new three.WebGLCubeRenderTarget(resolution) : new webgpu.CubeRenderTarget(resolution);
-    fbo2.texture.type = webgpu.HalfFloatType;
-    return fbo2;
-  }, [resolution, isLegacy]);
-  React__namespace.useEffect(() => {
-    return () => {
-      fbo.dispose();
-    };
-  }, [fbo]);
-  React__namespace.useLayoutEffect(() => {
-    if (frames === 1) {
-      const autoClear = renderer.autoClear;
-      renderer.autoClear = true;
-      camera.current.update(renderer, virtualScene);
-      renderer.autoClear = autoClear;
-    }
-    return setEnvProps(background, scene, defaultScene, fbo.texture, {
-      backgroundBlurriness: blur ?? backgroundBlurriness,
-      backgroundIntensity,
-      backgroundRotation,
-      environmentIntensity,
-      environmentRotation
+function buildGraph(object) {
+  const data = { nodes: {}, materials: {}, meshes: {} };
+  if (object) {
+    object.traverse((obj) => {
+      if (obj.name) data.nodes[obj.name] = obj;
+      if (obj.material) {
+        const material = Array.isArray(obj.material) ? obj.material[0] : obj.material;
+        const nameAlreadyUsed = data.materials[material.name];
+        let materialName = material.name;
+        if (nameAlreadyUsed) {
+          materialName = materialName + `-${getUuidPrefix(material.uuid)}`;
+          material.userData.materialCacheName = materialName;
+        }
+        data.materials[materialName] = material;
+      }
+      if (obj.isMesh && !data.meshes[obj.name]) data.meshes[obj.name] = obj;
     });
-  }, [
-    children,
-    virtualScene,
-    fbo.texture,
-    scene,
-    defaultScene,
-    background,
-    frames,
-    renderer,
-    blur,
-    backgroundBlurriness,
-    backgroundIntensity,
-    backgroundRotation,
-    environmentIntensity,
-    environmentRotation
-  ]);
-  let count = 1;
-  fiber.useFrame(() => {
-    if (frames === Infinity || count < frames) {
-      const autoClear = renderer.autoClear;
-      renderer.autoClear = true;
-      camera.current.update(renderer, virtualScene);
-      renderer.autoClear = autoClear;
-      count++;
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fiber.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx("cubeCamera", { ref: camera, args: [near, far, fbo] }),
-      files || preset ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { background: true, files, preset, path, extensions }) : map ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { background: true, map, extensions }) : null
-    ] }),
-    virtualScene
-  ) });
-}
-function EnvironmentGround(props) {
-  const textureDefault = useEnvironment(props);
-  const texture = props.map || textureDefault;
-  React__namespace.useMemo(() => fiber.extend({ GroundProjectedEnvImpl: GroundedSkybox_js.GroundedSkybox }), []);
-  React__namespace.useEffect(() => {
-    return () => {
-      textureDefault.dispose();
-    };
-  }, [textureDefault]);
-  const height = props.ground?.height ?? 15;
-  const radius = props.ground?.radius ?? 60;
-  const scale = props.ground?.scale ?? 1e3;
-  const args = React__namespace.useMemo(
-    () => [texture, height, radius],
-    [texture, height, radius]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { ...props, map: texture }),
-    /* @__PURE__ */ jsxRuntime.jsx("groundProjectedEnvImpl", { args, scale })
-  ] });
-}
-function EnvironmentColor({ color, scene }) {
-  const defaultScene = fiber.useThree((state) => state.scene);
-  React__namespace.useLayoutEffect(() => {
-    if (color === void 0) return;
-    const target = resolveScene(scene || defaultScene);
-    const oldBg = target.background;
-    target.background = new webgpu.Color(color);
-    return () => {
-      target.background = oldBg;
-    };
-  });
-  return null;
+  }
+  return data;
 }
-function EnvironmentDualSource(props) {
-  const { backgroundFiles, ...envProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...envProps, background: false }),
-    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...props, files: backgroundFiles, background: "only" })
-  ] });
+function dispose(obj) {
+  if (obj.type !== "Scene") obj.dispose?.();
+  for (const p in obj) {
+    const prop = obj[p];
+    if (prop?.type !== "Scene") prop?.dispose?.();
+  }
 }
-function Environment(props) {
-  if (props.color && !props.files && !props.preset && !props.map) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EnvironmentColor, { ...props });
+function getInstanceProps(pendingProps) {
+  const props = {};
+  for (const key in pendingProps) {
+    if (!REACT_INTERNAL_PROPS.includes(key)) props[key] = pendingProps[key];
   }
-  if (props.backgroundFiles && props.backgroundFiles !== props.files) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EnvironmentDualSource, { ...props });
+  return props;
+}
+function prepare(target, root, type, props) {
+  const object = target;
+  let instance = object?.__r3f;
+  if (!instance) {
+    instance = {
+      root,
+      type,
+      parent: null,
+      children: [],
+      props: getInstanceProps(props),
+      object,
+      eventCount: 0,
+      handlers: {},
+      isHidden: false
+    };
+    if (object) object.__r3f = instance;
   }
-  return props.ground ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentGround, { ...props }) : props.map ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { ...props }) : props.children ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentPortal, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...props });
+  return instance;
+}
+function invalidateInstance(instance) {
+  if (!instance.parent) return;
+  instance.props.onUpdate?.(instance.object);
+  const state = instance.root?.getState?.();
+  if (state && state.internal.frames === 0) state.invalidate();
 }
 
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const useIsomorphicLayoutEffect = /* @__PURE__ */ (() => typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative"))() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-function useMutableCallback(fn) {
-  const ref = React__namespace.useRef(fn);
-  useIsomorphicLayoutEffect(() => void (ref.current = fn), [fn]);
-  return ref;
+const tempFrustum = new webgpu.Frustum();
+let hasWarnedWebGL = false;
+let tslModule = null;
+async function loadTSL() {
+  if (tslModule) return tslModule;
+  try {
+    const tsl = await import('three/tsl');
+    tslModule = { uniform: tsl.uniform, nodeObject: tsl.nodeObject };
+    return tslModule;
+  } catch {
+    return null;
+  }
 }
-function useBridge() {
-  const fiber = itsFine.useFiber();
-  const ContextBridge = itsFine.useContextBridge();
-  return React__namespace.useMemo(
-    () => ({ children }) => {
-      const strict = !!itsFine.traverseFiber(fiber, true, (node) => node.type === React__namespace.StrictMode);
-      const Root = strict ? React__namespace.StrictMode : React__namespace.Fragment;
-      return /* @__PURE__ */ jsxRuntime.jsx(Root, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextBridge, { children }) });
-    },
-    [fiber, ContextBridge]
-  );
-}
-function Block({ set }) {
-  useIsomorphicLayoutEffect(() => {
-    set(new Promise(() => null));
-    return () => set(false);
-  }, [set]);
-  return null;
-}
-const ErrorBoundary = /* @__PURE__ */ (() => {
-  var _a;
-  return _a = class extends React__namespace.Component {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "state", { error: false });
-    }
-    componentDidCatch(err) {
-      this.props.set(err);
-    }
-    render() {
-      return this.state.error ? null : this.props.children;
-    }
-  }, __publicField(_a, "getDerivedStateFromError", () => ({ error: true })), _a;
-})();
-
-const is = {
-  obj: (a) => a === Object(a) && !is.arr(a) && typeof a !== "function",
-  fun: (a) => typeof a === "function",
-  str: (a) => typeof a === "string",
-  num: (a) => typeof a === "number",
-  boo: (a) => typeof a === "boolean",
-  und: (a) => a === void 0,
-  nul: (a) => a === null,
-  arr: (a) => Array.isArray(a),
-  equ(a, b, { arrays = "shallow", objects = "reference", strict = true } = {}) {
-    if (typeof a !== typeof b || !!a !== !!b) return false;
-    if (is.str(a) || is.num(a) || is.boo(a)) return a === b;
-    const isObj = is.obj(a);
-    if (isObj && objects === "reference") return a === b;
-    const isArr = is.arr(a);
-    if (isArr && arrays === "reference") return a === b;
-    if ((isArr || isObj) && a === b) return true;
-    let i;
-    for (i in a) if (!(i in b)) return false;
-    if (isObj && arrays === "shallow" && objects === "shallow") {
-      for (i in strict ? b : a) if (!is.equ(a[i], b[i], { strict, objects: "reference" })) return false;
-    } else {
-      for (i in strict ? b : a) if (a[i] !== b[i]) return false;
-    }
-    if (is.und(i)) {
-      if (isArr && a.length === 0 && b.length === 0) return true;
-      if (isObj && Object.keys(a).length === 0 && Object.keys(b).length === 0) return true;
-      if (a !== b) return false;
-    }
-    return true;
-  }
-};
-const isOrthographicCamera = (def) => def && def.isOrthographicCamera;
-const isRef = (obj) => obj !== null && typeof obj === "object" && obj.hasOwnProperty("current");
-const isColorRepresentation = (value) => value != null && (typeof value === "string" || typeof value === "number" || value.isColor);
-const isObject3D = (object) => object?.isObject3D;
-const isTexture = (value) => !!value?.isTexture;
-const isVectorLike = (object) => object !== null && typeof object === "object" && "set" in object && typeof object.set === "function";
-const isCopyable = (object) => isVectorLike(object) && "copy" in object && typeof object.copy === "function";
-const hasConstructor = (object) => !!object?.constructor;
-
-function calculateDpr(dpr) {
-  const target = typeof window !== "undefined" ? window.devicePixelRatio ?? 2 : 1;
-  return Array.isArray(dpr) ? Math.min(Math.max(dpr[0], target), dpr[1]) : dpr;
-}
-function getUuidPrefix(uuid) {
-  return uuid.split("-")[0];
-}
-function updateCamera(camera, size) {
-  if (camera.manual) return;
-  if (isOrthographicCamera(camera)) {
-    camera.left = size.width / -2;
-    camera.right = size.width / 2;
-    camera.top = size.height / 2;
-    camera.bottom = size.height / -2;
-  } else {
-    camera.aspect = size.width / size.height;
-  }
-  camera.updateProjectionMatrix();
-}
-const frustumMatrix = new webgpu.Matrix4();
-function updateFrustum(camera, frustum) {
-  const target = frustum ?? new webgpu.Frustum();
-  frustumMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
-  target.setFromProjectionMatrix(frustumMatrix);
-  return target;
-}
-
-const REACT_INTERNAL_PROPS = ["children", "key", "ref"];
-function findInitialRoot(instance) {
-  let root = instance.root;
-  while (root.getState().previousRoot) root = root.getState().previousRoot;
-  return root;
-}
-function getRootState(obj) {
-  let state = obj.__r3f?.root.getState();
-  if (!state) {
-    obj.traverseAncestors((ancestor) => {
-      const parentState = ancestor.__r3f?.root.getState();
-      if (parentState) {
-        state = parentState;
-        return false;
-      }
-    });
-  }
-  return state;
-}
-function buildGraph(object) {
-  const data = { nodes: {}, materials: {}, meshes: {} };
-  if (object) {
-    object.traverse((obj) => {
-      if (obj.name) data.nodes[obj.name] = obj;
-      if (obj.material) {
-        const material = Array.isArray(obj.material) ? obj.material[0] : obj.material;
-        const nameAlreadyUsed = data.materials[material.name];
-        let materialName = material.name;
-        if (nameAlreadyUsed) {
-          materialName = materialName + `-${getUuidPrefix(material.uuid)}`;
-          material.userData.materialCacheName = materialName;
-        }
-        data.materials[materialName] = material;
-      }
-      if (obj.isMesh && !data.meshes[obj.name]) data.meshes[obj.name] = obj;
-    });
-  }
-  return data;
-}
-function dispose(obj) {
-  if (obj.type !== "Scene") obj.dispose?.();
-  for (const p in obj) {
-    const prop = obj[p];
-    if (prop?.type !== "Scene") prop?.dispose?.();
-  }
-}
-function getInstanceProps(pendingProps) {
-  const props = {};
-  for (const key in pendingProps) {
-    if (!REACT_INTERNAL_PROPS.includes(key)) props[key] = pendingProps[key];
-  }
-  return props;
-}
-function prepare(target, root, type, props) {
-  const object = target;
-  let instance = object?.__r3f;
-  if (!instance) {
-    instance = {
-      root,
-      type,
-      parent: null,
-      children: [],
-      props: getInstanceProps(props),
-      object,
-      eventCount: 0,
-      handlers: {},
-      isHidden: false
-    };
-    if (object) object.__r3f = instance;
-  }
-  return instance;
-}
-function invalidateInstance(instance) {
-  if (!instance.parent) return;
-  instance.props.onUpdate?.(instance.object);
-  const state = instance.root?.getState?.();
-  if (state && state.internal.frames === 0) state.invalidate();
-}
-
-const tempFrustum = new webgpu.Frustum();
-let hasWarnedWebGL = false;
-let tslModule = null;
-async function loadTSL() {
-  if (tslModule) return tslModule;
-  try {
-    const tsl = await import('three/tsl');
-    tslModule = { uniform: tsl.uniform, nodeObject: tsl.nodeObject };
-    return tslModule;
-  } catch {
-    return null;
-  }
-}
-function createOcclusionObserverNode(store, uniform) {
-  const node = new webgpu.Node("float");
-  node.updateType = webgpu.NodeUpdateType.OBJECT;
-  node.update = function(frame) {
-    const { internal } = store.getState();
-    const registry = internal.visibilityRegistry;
-    const cache = internal.occlusionCache;
-    for (const entry of registry.values()) {
-      const { object, handlers } = entry;
-      if (handlers.onOccluded || handlers.onVisible) {
-        const isOccluded = frame.renderer.isOccluded(object);
-        cache.set(object, isOccluded);
-      }
-    }
-  };
-  node.setup = function() {
-    return uniform(0);
-  };
-  return node;
+function createOcclusionObserverNode(store, uniform) {
+  const node = new webgpu.Node("float");
+  node.updateType = webgpu.NodeUpdateType.OBJECT;
+  node.update = function(frame) {
+    const { internal } = store.getState();
+    const registry = internal.visibilityRegistry;
+    const cache = internal.occlusionCache;
+    for (const entry of registry.values()) {
+      const { object, handlers } = entry;
+      if (handlers.onOccluded || handlers.onVisible) {
+        const isOccluded = frame.renderer.isOccluded(object);
+        cache.set(object, isOccluded);
+      }
+    }
+  };
+  node.setup = function() {
+    return uniform(0);
+  };
+  return node;
 }
 let occlusionSetupPromise = null;
 function enableOcclusion(store) {
@@ -1076,1350 +749,890 @@ function applyProps(object, props) {
   return object;
 }
 
-const DEFAULT_POINTER_ID = 0;
-const XR_POINTER_ID_START = 1e3;
-function getPointerState(internal, pointerId) {
-  let state = internal.pointerMap.get(pointerId);
-  if (!state) {
-    state = {
-      hovered: /* @__PURE__ */ new Map(),
-      captured: /* @__PURE__ */ new Map(),
-      initialClick: [0, 0],
-      initialHits: []
-    };
-    internal.pointerMap.set(pointerId, state);
+const shownNotices = /* @__PURE__ */ new Set();
+function notifyDepreciated({ heading, body, link }) {
+  if (typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.JEST_WORKER_ID !== void 0) && process.env.R3F_SHOW_DEPRECATION_WARNINGS !== "true") {
+    return;
   }
-  return state;
-}
-function getPointerId(event) {
-  return "pointerId" in event ? event.pointerId : DEFAULT_POINTER_ID;
-}
-function makeId(event) {
-  return (event.eventObject || event.object).uuid + "/" + event.index + event.instanceId;
-}
-function releaseInternalPointerCapture(internal, obj, pointerId) {
-  const pointerState = internal.pointerMap.get(pointerId);
-  if (!pointerState) return;
-  const captureData = pointerState.captured.get(obj);
-  if (captureData) {
-    pointerState.captured.delete(obj);
-    captureData.target.releasePointerCapture(pointerId);
+  if (shownNotices.has(heading)) return;
+  shownNotices.add(heading);
+  const caller = getCallerFrame();
+  if (caller) {
+    console.log();
   }
-}
-function swapInteractivity(store, object, newObject) {
-  const { internal } = store.getState();
-  for (let i = 0; i < internal.interaction.length; i++) {
-    if (internal.interaction[i] === object) internal.interaction[i] = newObject;
+  const boxStyle = "background: #ff9800; color: #1a1a1a; padding: 8px 12px; border-radius: 4px; font-weight: 500;";
+  if (caller) {
+    console.log(`%c\u26A0\uFE0F ${heading}`, boxStyle);
   }
-  for (const pointerState of internal.pointerMap.values()) {
-    for (let i = 0; i < pointerState.initialHits.length; i++) {
-      if (pointerState.initialHits[i] === object) pointerState.initialHits[i] = newObject;
-    }
-    pointerState.hovered.forEach((value, key) => {
-      if (value.eventObject === object || value.object === object) {
-        pointerState.hovered.delete(key);
-        const next = {
-          ...value,
-          eventObject: value.eventObject === object ? newObject : value.eventObject,
-          object: value.object === object ? newObject : value.object
-        };
-        pointerState.hovered.set(makeId(next), next);
-      }
-    });
-    const captureData = pointerState.captured.get(object);
-    if (captureData) {
-      pointerState.captured.delete(object);
-      pointerState.captured.set(newObject, {
-        ...captureData,
-        intersection: {
-          ...captureData.intersection,
-          object: captureData.intersection.object === object ? newObject : captureData.intersection.object,
-          eventObject: captureData.intersection.eventObject === object ? newObject : captureData.intersection.eventObject
-        }
-      });
-    }
+  if (body || link) {
+    let message = "";
+    if (body) message += body;
+    if (link) message += (body ? "\n\n" : "") + `More info: ${link}`;
+    console.warn(`%c${message}`, "font-weight: bold;");
   }
-  unregisterVisibility(store, object);
 }
-function removeInteractivity(store, object) {
-  const { internal } = store.getState();
-  internal.interaction = internal.interaction.filter((o) => o !== object);
-  for (const [pointerId, pointerState] of internal.pointerMap) {
-    pointerState.initialHits = pointerState.initialHits.filter((o) => o !== object);
-    pointerState.hovered.forEach((value, key) => {
-      if (value.eventObject === object || value.object === object) {
-        pointerState.hovered.delete(key);
-      }
-    });
-    if (pointerState.captured.has(object)) {
-      releaseInternalPointerCapture(internal, object, pointerId);
-    }
+function getCallerFrame(depth = 3) {
+  const stack = new Error().stack;
+  if (!stack) return null;
+  const lines = stack.split("\n");
+  const frame = lines[depth];
+  if (!frame) return null;
+  let match = frame.match(/^\s*at (?:(.+?) )?\(?(.+?):(\d+):(\d+)\)?$/);
+  if (!match) {
+    match = frame.match(/^(?:(.+?)@)?(.+?):(\d+):(\d+)$/);
   }
-  unregisterVisibility(store, object);
+  if (!match) return null;
+  const [, fn, url, line] = match;
+  return {
+    functionName: fn ?? "<anonymous>",
+    location: formatLocation(url, Number(line))
+  };
 }
-function createEvents(store) {
-  function calculateDistance(event, pointerId) {
-    const { internal } = store.getState();
-    const pointerState = internal.pointerMap.get(pointerId);
-    if (!pointerState) return 0;
-    const [initialX, initialY] = pointerState.initialClick;
-    const dx = event.offsetX - initialX;
-    const dy = event.offsetY - initialY;
-    return Math.round(Math.sqrt(dx * dx + dy * dy));
+function formatLocation(url, line) {
+  const clean = url.split("?")[0];
+  const file = clean.split("/").pop() ?? clean;
+  return `${file}:${line}`;
+}
+function notifyAlpha({ message, link }) {
+  if (typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.JEST_WORKER_ID !== void 0) && process.env.R3F_SHOW_ALPHA_WARNINGS !== "true") {
+    return;
   }
-  function filterPointerEvents(objects) {
-    return objects.filter(
-      (obj) => ["Move", "Over", "Enter", "Out", "Leave"].some(
-        (name) => obj.__r3f?.handlers["onPointer" + name]
-      ) || ["OverEnter", "OverLeave", "Over"].some(
-        (name) => obj.__r3f?.handlers["onDrag" + name]
-      ) || obj.__r3f?.handlers.onDrop
-    );
+  if (shownNotices.has(message)) return;
+  shownNotices.add(message);
+  const boxStyle = "background: #6366f1; color: #ffffff; padding: 6px 10px; border-radius: 4px; font-weight: 500;";
+  console.log(`%c\u{1F52C} ${message}`, boxStyle);
+  {
+    console.log(`%cMore info: ${link}`, "color: #6366f1; font-weight: normal;");
   }
-  function intersect(event, filter) {
-    const state = store.getState();
-    const duplicates = /* @__PURE__ */ new Set();
-    const intersections = [];
-    const eventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction;
-    for (let i = 0; i < eventsObjects.length; i++) {
-      const state2 = getRootState(eventsObjects[i]);
-      if (state2) {
-        state2.raycaster.camera = void 0;
-      }
-    }
-    if (!state.previousRoot) {
-      state.events.compute?.(event, state);
-    }
-    function handleRaycast(obj) {
-      const state2 = getRootState(obj);
-      if (!state2 || !state2.events.enabled || state2.raycaster.camera === null) return [];
-      if (state2.raycaster.camera === void 0) {
-        state2.events.compute?.(event, state2, state2.previousRoot?.getState());
-        if (state2.raycaster.camera === void 0) state2.raycaster.camera = null;
+}
+
+const INTERNAL_LIB_MARKERS = ["zustand", "setState", "Object.assign"];
+function isInternalRendererAccess(stack, callerDepth = 2) {
+  if (!stack) return false;
+  const caller = stack.split("\n")[callerDepth] ?? "";
+  return INTERNAL_LIB_MARKERS.some((m) => caller.includes(m));
+}
+
+const R3F_CONTEXT = Symbol.for("@react-three/fiber.context");
+const context = globalThis[R3F_CONTEXT] ?? (globalThis[R3F_CONTEXT] = React__namespace.createContext(null));
+const createStore = (invalidate, advance) => {
+  const rootStore = traditional.createWithEqualityFn((set, get) => {
+    const position = new webgpu.Vector3();
+    const defaultTarget = new webgpu.Vector3();
+    const tempTarget = new webgpu.Vector3();
+    function getCurrentViewport(camera = get().camera, target = defaultTarget, size = get().size) {
+      const { width, height, top, left } = size;
+      const aspect = width / height;
+      if (target.isVector3) tempTarget.copy(target);
+      else tempTarget.set(...target);
+      const distance = camera.getWorldPosition(position).distanceTo(tempTarget);
+      if (isOrthographicCamera(camera)) {
+        return { width: width / camera.zoom, height: height / camera.zoom, top, left, factor: 1, distance, aspect };
+      } else {
+        const fov = camera.fov * Math.PI / 180;
+        const h = 2 * Math.tan(fov / 2) * distance;
+        const w = h * (width / height);
+        return { width: w, height: h, top, left, factor: width / w, distance, aspect };
       }
-      return state2.raycaster.camera ? state2.raycaster.intersectObject(obj, true) : [];
     }
-    let hits = eventsObjects.flatMap(handleRaycast).sort((a, b) => {
-      const aInteractivePriority = a.object.userData?.interactivePriority;
-      const bInteractivePriority = b.object.userData?.interactivePriority;
-      if (aInteractivePriority !== void 0 || bInteractivePriority !== void 0) {
-        if (aInteractivePriority !== void 0 && bInteractivePriority === void 0) return -1;
-        if (bInteractivePriority !== void 0 && aInteractivePriority === void 0) return 1;
-        if (aInteractivePriority !== bInteractivePriority) {
-          return (bInteractivePriority ?? 0) - (aInteractivePriority ?? 0);
+    let performanceTimeout = void 0;
+    const setPerformanceCurrent = (current) => set((state2) => ({ performance: { ...state2.performance, current } }));
+    const pointer = new webgpu.Vector2();
+    const rootState = {
+      set,
+      get,
+      // Mock objects that have to be configured
+      // primaryStore is set after store creation (self-reference for primary, primary's store for secondary)
+      primaryStore: null,
+      gl: null,
+      renderer: null,
+      camera: null,
+      frustum: new webgpu.Frustum(),
+      autoUpdateFrustum: true,
+      raycaster: null,
+      events: {
+        priority: 1,
+        enabled: true,
+        connected: false,
+        frameTimedRaycasts: true,
+        alwaysFireOnScroll: true,
+        updateOnFrame: false
+      },
+      scene: null,
+      rootScene: null,
+      xr: null,
+      inspector: null,
+      invalidate: (frames = 1, stackFrames = false) => invalidate(get(), frames, stackFrames),
+      advance: (timestamp, runGlobalEffects) => advance(timestamp, runGlobalEffects, get()),
+      textureColorSpace: webgpu.SRGBColorSpace,
+      isLegacy: false,
+      webGPUSupported: false,
+      isNative: false,
+      controls: null,
+      pointer,
+      mouse: pointer,
+      frameloop: "always",
+      onPointerMissed: void 0,
+      onDragOverMissed: void 0,
+      onDropMissed: void 0,
+      performance: {
+        current: 1,
+        min: 0.5,
+        max: 1,
+        debounce: 200,
+        regress: () => {
+          const state2 = get();
+          if (performanceTimeout) clearTimeout(performanceTimeout);
+          if (state2.performance.current !== state2.performance.min) setPerformanceCurrent(state2.performance.min);
+          performanceTimeout = setTimeout(
+            () => setPerformanceCurrent(get().performance.max),
+            state2.performance.debounce
+          );
         }
-      }
-      const aState = getRootState(a.object);
-      const bState = getRootState(b.object);
-      const aPriority = aState?.events?.priority ?? 1;
-      const bPriority = bState?.events?.priority ?? 1;
-      return bPriority - aPriority || a.distance - b.distance;
-    }).filter((item) => {
-      const id = makeId(item);
-      if (duplicates.has(id)) return false;
-      duplicates.add(id);
-      return true;
-    });
-    if (state.events.filter) hits = state.events.filter(hits, state);
-    for (const hit of hits) {
-      let eventObject = hit.object;
-      while (eventObject) {
-        if (eventObject.__r3f?.eventCount) {
-          intersections.push({ ...hit, eventObject });
+      },
+      size: { width: 0, height: 0, top: 0, left: 0 },
+      viewport: {
+        initialDpr: 0,
+        dpr: 0,
+        width: 0,
+        height: 0,
+        top: 0,
+        left: 0,
+        aspect: 0,
+        distance: 0,
+        factor: 0,
+        getCurrentViewport
+      },
+      setEvents: (events) => set((state2) => ({ ...state2, events: { ...state2.events, ...events } })),
+      setSize: (width, height, top, left) => {
+        const state2 = get();
+        if (width === void 0) {
+          set({ _sizeImperative: false });
+          if (state2._sizeProps) {
+            const { width: propW, height: propH } = state2._sizeProps;
+            if (propW !== void 0 || propH !== void 0) {
+              const currentSize = state2.size;
+              const newSize = {
+                width: propW ?? currentSize.width,
+                height: propH ?? currentSize.height,
+                top: currentSize.top,
+                left: currentSize.left
+              };
+              set((s) => ({
+                size: newSize,
+                viewport: { ...s.viewport, ...getCurrentViewport(state2.camera, defaultTarget, newSize) }
+              }));
+              scheduler.getScheduler().invalidate();
+            }
+          }
+          return;
         }
-        eventObject = eventObject.parent;
-      }
-    }
-    if ("pointerId" in event) {
-      const pointerId = event.pointerId;
-      const pointerState = state.internal.pointerMap.get(pointerId);
-      if (pointerState?.captured.size) {
-        for (const captureData of pointerState.captured.values()) {
-          if (!duplicates.has(makeId(captureData.intersection))) intersections.push(captureData.intersection);
+        const w = width;
+        const h = height ?? width;
+        const t = top ?? state2.size.top;
+        const l = left ?? state2.size.left;
+        const size = { width: w, height: h, top: t, left: l };
+        set((s) => ({
+          size,
+          viewport: { ...s.viewport, ...getCurrentViewport(state2.camera, defaultTarget, size) },
+          _sizeImperative: true
+        }));
+        scheduler.getScheduler().invalidate();
+      },
+      setDpr: (dpr) => set((state2) => {
+        const resolved = calculateDpr(dpr);
+        return { viewport: { ...state2.viewport, dpr: resolved, initialDpr: state2.viewport.initialDpr || resolved } };
+      }),
+      setFrameloop: (frameloop = "always") => {
+        set(() => ({ frameloop }));
+        scheduler.getScheduler().frameloop = frameloop;
+      },
+      setError: (error) => set(() => ({ error })),
+      error: null,
+      //* TSL State (managed via hooks: useUniforms, useNodes, useBuffers, useGPUStorage, useTextures, useRenderPipeline) ==============================
+      uniforms: {},
+      nodes: {},
+      buffers: {},
+      gpuStorage: {},
+      textures: /* @__PURE__ */ new Map(),
+      _textureRefs: /* @__PURE__ */ new Map(),
+      renderPipeline: null,
+      passes: {},
+      _hmrVersion: 0,
+      _sizeImperative: false,
+      _sizeProps: null,
+      previousRoot: void 0,
+      internal: {
+        // Events
+        interaction: [],
+        subscribers: [],
+        // Per-pointer state (new unified structure)
+        pointerMap: /* @__PURE__ */ new Map(),
+        pointerDirty: /* @__PURE__ */ new Map(),
+        lastEvent: React__namespace.createRef(),
+        // Deprecated but kept for backwards compatibility
+        hovered: /* @__PURE__ */ new Map(),
+        initialClick: [0, 0],
+        initialHits: [],
+        capturedMap: /* @__PURE__ */ new Map(),
+        // Visibility tracking (onFramed, onOccluded, onVisible)
+        visibilityRegistry: /* @__PURE__ */ new Map(),
+        // Occlusion system (WebGPU only)
+        occlusionEnabled: false,
+        occlusionObserver: null,
+        occlusionCache: /* @__PURE__ */ new Map(),
+        helperGroup: null,
+        // Updates
+        active: false,
+        frames: 0,
+        priority: 0,
+        subscribe: (ref, priority, store) => {
+          const internal = get().internal;
+          internal.priority = internal.priority + (priority > 0 ? 1 : 0);
+          internal.subscribers.push({ ref, priority, store });
+          internal.subscribers = internal.subscribers.sort((a, b) => a.priority - b.priority);
+          return () => {
+            const internal2 = get().internal;
+            if (internal2?.subscribers) {
+              internal2.priority = internal2.priority - (priority > 0 ? 1 : 0);
+              internal2.subscribers = internal2.subscribers.filter((s) => s.ref !== ref);
+            }
+          };
+        },
+        // Renderer Storage (single source of truth)
+        actualRenderer: null,
+        // Scheduler for useFrameNext (initialized in renderer.tsx)
+        scheduler: null
+      }
+    };
+    return rootState;
+  });
+  const state = rootStore.getState();
+  Object.defineProperty(state, "gl", {
+    get() {
+      const currentState = rootStore.getState();
+      if (!currentState.isLegacy && currentState.internal.actualRenderer) {
+        const stack = new Error().stack || "";
+        if (!isInternalRendererAccess(stack)) {
+          const cleanedStack = stack.split("\n").slice(2).join("\n") || "Stack trace unavailable";
+          notifyDepreciated({
+            heading: "Accessing state.gl in WebGPU mode",
+            body: "Please use state.renderer instead. state.gl is deprecated and will be removed in future versions.\n\nFor backwards compatibility, state.gl currently maps to state.renderer, but this may cause issues with libraries expecting WebGLRenderer.\n\nAccessed from:\n" + cleanedStack
+          });
         }
       }
+      return currentState.internal.actualRenderer;
+    },
+    set(value) {
+      rootStore.getState().internal.actualRenderer = value;
+    },
+    enumerable: true,
+    configurable: true
+  });
+  Object.defineProperty(state, "renderer", {
+    get() {
+      return rootStore.getState().internal.actualRenderer;
+    },
+    set(value) {
+      rootStore.getState().internal.actualRenderer = value;
+    },
+    enumerable: true,
+    configurable: true
+  });
+  let oldScene = state.scene;
+  rootStore.subscribe(() => {
+    const currentState = rootStore.getState();
+    const { scene, rootScene, set } = currentState;
+    if (scene !== oldScene) {
+      oldScene = scene;
+      if (scene?.isScene && scene !== rootScene) {
+        set({ rootScene: scene });
+      }
     }
-    return intersections;
-  }
-  function handleIntersects(intersections, event, delta, callback) {
-    if (intersections.length) {
-      const localState = { stopped: false };
-      for (const hit of intersections) {
-        const state = getRootState(hit.object);
-        if (state) {
-          const { raycaster, pointer, camera, internal } = state;
-          const unprojectedPoint = new webgpu.Vector3(pointer.x, pointer.y, 0).unproject(camera);
-          const hasPointerCapture = (id) => {
-            const pointerState = internal.pointerMap.get(id);
-            return pointerState?.captured.has(hit.eventObject) ?? false;
-          };
-          const setPointerCapture = (id) => {
-            const captureData = { intersection: hit, target: event.target };
-            const pointerState = getPointerState(internal, id);
-            pointerState.captured.set(hit.eventObject, captureData);
-            event.target.setPointerCapture(id);
-          };
-          const releasePointerCapture = (id) => {
-            releaseInternalPointerCapture(internal, hit.eventObject, id);
-          };
-          const extractEventProps = {};
-          for (const prop in event) {
-            const property = event[prop];
-            if (typeof property !== "function") extractEventProps[prop] = property;
-          }
-          const eventPointerId = "pointerId" in event ? event.pointerId : void 0;
-          const raycastEvent = {
-            ...hit,
-            ...extractEventProps,
-            pointer,
-            intersections,
-            stopped: localState.stopped,
-            delta,
-            unprojectedPoint,
-            ray: raycaster.ray,
-            camera,
-            pointerId: eventPointerId,
-            // Hijack stopPropagation, which just sets a flag
-            stopPropagation() {
-              const pointerState = eventPointerId !== void 0 ? internal.pointerMap.get(eventPointerId) : void 0;
-              if (
-                // ...if this pointer hasn't been captured
-                !pointerState?.captured.size || // ... or if the hit object is capturing the pointer
-                pointerState.captured.has(hit.eventObject)
-              ) {
-                raycastEvent.stopped = localState.stopped = true;
-                if (pointerState?.hovered.size && Array.from(pointerState.hovered.values()).find((i) => i.eventObject === hit.eventObject)) {
-                  const higher = intersections.slice(0, intersections.indexOf(hit));
-                  cancelPointer([...higher, hit], eventPointerId);
-                }
-              }
-            },
-            // there should be a distinction between target and currentTarget
-            target: { hasPointerCapture, setPointerCapture, releasePointerCapture },
-            currentTarget: { hasPointerCapture, setPointerCapture, releasePointerCapture },
-            nativeEvent: event
-          };
-          callback(raycastEvent);
-          if (localState.stopped === true) break;
+  });
+  let oldSize = state.size;
+  let oldDpr = state.viewport.dpr;
+  let oldCamera = state.camera;
+  rootStore.subscribe(() => {
+    const { camera, size, viewport, set, internal } = rootStore.getState();
+    const actualRenderer = internal.actualRenderer;
+    const canvasTarget = internal.canvasTarget;
+    if (size.width !== oldSize.width || size.height !== oldSize.height || viewport.dpr !== oldDpr) {
+      oldSize = size;
+      oldDpr = viewport.dpr;
+      updateCamera(camera, size);
+      if (internal.isSecondary && canvasTarget) {
+        if (viewport.dpr > 0) canvasTarget.setPixelRatio(viewport.dpr);
+        canvasTarget.setSize(size.width, size.height, false);
+      } else {
+        if (viewport.dpr > 0) actualRenderer.setPixelRatio(viewport.dpr);
+        actualRenderer.setSize(size.width, size.height, false);
+        if (canvasTarget) {
+          if (viewport.dpr > 0) canvasTarget.setPixelRatio(viewport.dpr);
+          canvasTarget.setSize(size.width, size.height, false);
         }
       }
     }
-    return intersections;
-  }
-  function cancelPointer(intersections, pointerId) {
-    const { internal } = store.getState();
-    const pid = pointerId ?? DEFAULT_POINTER_ID;
-    const pointerState = internal.pointerMap.get(pid);
-    if (!pointerState) return;
-    for (const [hoveredId, hoveredObj] of pointerState.hovered) {
-      if (!intersections.length || !intersections.find(
-        (hit) => hit.object === hoveredObj.object && hit.index === hoveredObj.index && hit.instanceId === hoveredObj.instanceId
-      )) {
-        const eventObject = hoveredObj.eventObject;
-        const instance = eventObject.__r3f;
-        pointerState.hovered.delete(hoveredId);
-        if (instance?.eventCount) {
-          const handlers = instance.handlers;
-          const data = { ...hoveredObj, intersections };
-          handlers.onPointerOut?.(data);
-          handlers.onPointerLeave?.(data);
-          handlers.onDragOverLeave?.(data);
-        }
+    if (camera !== oldCamera) {
+      oldCamera = camera;
+      const { rootScene } = rootStore.getState();
+      if (camera && rootScene && !camera.parent) {
+        rootScene.add(camera);
+      }
+      set((state2) => ({ viewport: { ...state2.viewport, ...state2.viewport.getCurrentViewport(camera) } }));
+      const currentState = rootStore.getState();
+      if (currentState.autoUpdateFrustum && camera) {
+        updateFrustum(camera, currentState.frustum);
       }
     }
-  }
-  function pointerMissed(event, objects) {
-    for (let i = 0; i < objects.length; i++) {
-      const instance = objects[i].__r3f;
-      instance?.handlers.onPointerMissed?.(event);
+  });
+  rootStore.subscribe((state2) => invalidate(state2));
+  return rootStore;
+};
+
+const memoizedLoaders = /* @__PURE__ */ new WeakMap();
+const isConstructor$1 = (value) => typeof value === "function" && value?.prototype?.constructor === value;
+function getLoader$1(Proto) {
+  if (isConstructor$1(Proto)) {
+    let loader = memoizedLoaders.get(Proto);
+    if (!loader) {
+      loader = new Proto();
+      memoizedLoaders.set(Proto, loader);
     }
+    return loader;
   }
-  function dragOverMissed(event, objects) {
-    for (let i = 0; i < objects.length; i++) {
-      const instance = objects[i].__r3f;
-      instance?.handlers.onDragOverMissed?.(event);
-    }
-  }
-  function dropMissed(event, objects) {
-    for (let i = 0; i < objects.length; i++) {
-      const instance = objects[i].__r3f;
-      instance?.handlers.onDropMissed?.(event);
-    }
-  }
-  function cleanupPointer(pointerId) {
-    const { internal } = store.getState();
-    const pointerState = internal.pointerMap.get(pointerId);
-    if (pointerState) {
-      for (const [, hoveredObj] of pointerState.hovered) {
-        const eventObject = hoveredObj.eventObject;
-        const instance = eventObject.__r3f;
-        if (instance?.eventCount) {
-          const handlers = instance.handlers;
-          const data = { ...hoveredObj, intersections: [] };
-          handlers.onPointerOut?.(data);
-          handlers.onPointerLeave?.(data);
-        }
-      }
-      internal.pointerMap.delete(pointerId);
+  return Proto;
+}
+function loadingFn(extensions, onProgress) {
+  return function(Proto, input) {
+    const loader = getLoader$1(Proto);
+    if (extensions) extensions(loader);
+    if ("loadAsync" in loader && typeof loader.loadAsync === "function") {
+      return loader.loadAsync(input, onProgress).then((data) => {
+        if (isObject3D(data?.scene)) Object.assign(data, buildGraph(data.scene));
+        return data;
+      });
     }
-    internal.pointerDirty.delete(pointerId);
-  }
-  function processDeferredPointer(event, pointerId) {
-    const state = store.getState();
-    const { internal } = state;
-    if (!state.events.enabled) return;
-    const filter = filterPointerEvents;
-    const hits = intersect(event, filter);
-    cancelPointer(hits, pointerId);
-    function onIntersect(data) {
-      const eventObject = data.eventObject;
-      const instance = eventObject.__r3f;
-      if (!instance?.eventCount) return;
-      const handlers = instance.handlers;
-      if (handlers.onPointerOver || handlers.onPointerEnter || handlers.onPointerOut || handlers.onPointerLeave) {
-        const id = makeId(data);
-        const pointerState = getPointerState(internal, pointerId);
-        const hoveredItem = pointerState.hovered.get(id);
-        if (!hoveredItem) {
-          pointerState.hovered.set(id, data);
-          handlers.onPointerOver?.(data);
-          handlers.onPointerEnter?.(data);
-        } else if (hoveredItem.stopped) {
-          data.stopPropagation();
+    return new Promise(
+      (res, reject) => loader.load(
+        input,
+        (data) => {
+          if (isObject3D(data?.scene)) Object.assign(data, buildGraph(data.scene));
+          res(data);
+        },
+        onProgress,
+        (error) => reject(new Error(`Could not load ${input}: ${error?.message}`))
+      )
+    );
+  };
+}
+function useLoader(loader, input, extensions, onProgress, cacheKey) {
+  const inputs = Array.isArray(input) ? input : [input];
+  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
+  const fn = loadingFn(extensions, onProgress);
+  const results = cacheKeys.map(
+    (key, index) => suspendReact.suspend(() => fn(loader, inputs[index]), [loader, key], { equal: is.equ })
+  );
+  return Array.isArray(input) ? results : results[0];
+}
+useLoader.preload = function(loader, input, extensions, onProgress, cacheKey) {
+  const inputs = Array.isArray(input) ? input : [input];
+  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
+  cacheKeys.forEach(
+    (key, index) => suspendReact.preload(() => loadingFn(extensions, onProgress)(loader, inputs[index]), [loader, key])
+  );
+};
+useLoader.clear = function(loader, input, cacheKey) {
+  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
+  cacheKeys.forEach((key) => suspendReact.clear([loader, key]));
+};
+useLoader.loader = getLoader$1;
+
+function useFrame(callback, priorityOrOptions) {
+  const store = React__namespace.useContext(context);
+  const isInsideCanvas = store !== null;
+  const scheduler$1 = scheduler.getScheduler();
+  const optionsKey = typeof priorityOrOptions === "number" ? `p:${priorityOrOptions}` : priorityOrOptions ? JSON.stringify({
+    id: priorityOrOptions.id,
+    phase: priorityOrOptions.phase,
+    priority: priorityOrOptions.priority,
+    fps: priorityOrOptions.fps,
+    drop: priorityOrOptions.drop,
+    enabled: priorityOrOptions.enabled,
+    before: priorityOrOptions.before,
+    after: priorityOrOptions.after
+  }) : "";
+  const options = React__namespace.useMemo(() => {
+    return typeof priorityOrOptions === "number" ? { priority: priorityOrOptions } : priorityOrOptions ?? {};
+  }, [optionsKey]);
+  const reactId = React__namespace.useId();
+  const id = options.id ?? reactId;
+  const callbackRef = useMutableCallback(callback);
+  const isLegacyPriority = typeof priorityOrOptions === "number" && priorityOrOptions > 0;
+  useIsomorphicLayoutEffect(() => {
+    if (!callback) return;
+    if (isInsideCanvas) {
+      const state = store.getState();
+      const rootId = state.internal.rootId;
+      if (isLegacyPriority) {
+        state.internal.priority++;
+        let parentRoot = state.previousRoot;
+        while (parentRoot) {
+          const parentState = parentRoot.getState();
+          if (parentState?.internal) parentState.internal.priority++;
+          parentRoot = parentState?.previousRoot;
         }
+        notifyDepreciated({
+          heading: "useFrame with numeric priority is deprecated",
+          body: 'Using useFrame(callback, number) to control render order is deprecated.\n\nFor custom rendering, use: useFrame(callback, { phase: "render" })\nFor execution order within update phase, use: useFrame(callback, { priority: number })',
+          link: "https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe"
+        });
       }
-      handlers.onPointerMove?.(data);
-    }
-    handleIntersects(hits, event, 0, onIntersect);
-  }
-  function handlePointer(name) {
-    switch (name) {
-      case "onPointerLeave":
-      case "onDragLeave":
-        return () => cancelPointer([]);
-      // Global cancel of these events
-      case "onPointerCancel":
-        return (event) => {
-          const pointerId = getPointerId(event);
-          cleanupPointer(pointerId);
+      const wrappedCallback = (frameState, delta) => {
+        const localState = store.getState();
+        const mergedState = {
+          ...localState,
+          time: frameState.time,
+          delta: frameState.delta,
+          elapsed: frameState.elapsed,
+          frame: frameState.frame
         };
-      case "onLostPointerCapture":
-        return (event) => {
-          const { internal } = store.getState();
-          const pointerId = getPointerId(event);
-          const pointerState = internal.pointerMap.get(pointerId);
-          if (pointerState?.captured.size) {
-            requestAnimationFrame(() => {
-              const pointerState2 = internal.pointerMap.get(pointerId);
-              if (pointerState2?.captured.size) {
-                pointerState2.captured.clear();
-              }
-              cancelPointer([], pointerId);
-            });
+        callbackRef.current?.(mergedState, delta);
+      };
+      const unregister = scheduler$1.register(wrappedCallback, {
+        id,
+        rootId,
+        ...options
+      });
+      return () => {
+        unregister();
+        if (isLegacyPriority) {
+          const currentState = store.getState();
+          if (currentState.internal) {
+            currentState.internal.priority--;
+            let parentRoot = currentState.previousRoot;
+            while (parentRoot) {
+              const parentState = parentRoot.getState();
+              if (parentState?.internal) parentState.internal.priority--;
+              parentRoot = parentState?.previousRoot;
+            }
           }
-        };
-    }
-    return function handleEvent(event) {
-      const state = store.getState();
-      const { onPointerMissed, onDragOverMissed, onDropMissed, internal, events } = state;
-      const pointerId = getPointerId(event);
-      internal.lastEvent.current = event;
-      if (!events.enabled) return;
-      const isPointerMove = name === "onPointerMove";
-      const isDragOver = name === "onDragOver";
-      const isDrop = name === "onDrop";
-      const isClickEvent = name === "onClick" || name === "onContextMenu" || name === "onDoubleClick";
-      const isPointerDown = name === "onPointerDown";
-      const isPointerUp = name === "onPointerUp";
-      const isWheel = name === "onWheel";
-      const canDeferRaycasts = events.frameTimedRaycasts && state.frameloop === "always";
-      if (isPointerMove && canDeferRaycasts) {
-        events.compute?.(event, state);
-        internal.pointerDirty.set(pointerId, event);
-        return;
-      }
-      if (isWheel && canDeferRaycasts && !events.alwaysFireOnScroll) {
-        events.compute?.(event, state);
-        internal.pointerDirty.set(pointerId, event);
-        return;
-      }
-      if ((isClickEvent || isPointerDown || isPointerUp) && internal.pointerDirty.has(pointerId)) {
-        const deferredEvent = internal.pointerDirty.get(pointerId);
-        internal.pointerDirty.delete(pointerId);
-        processDeferredPointer(deferredEvent, pointerId);
-      }
-      const filter = isPointerMove || isDragOver || isDrop ? filterPointerEvents : void 0;
-      const hits = intersect(event, filter);
-      const delta = isClickEvent ? calculateDistance(event, pointerId) : 0;
-      if (isPointerDown) {
-        const pointerState2 = getPointerState(internal, pointerId);
-        pointerState2.initialClick = [event.offsetX, event.offsetY];
-        pointerState2.initialHits = hits.map((hit) => hit.eventObject);
-      }
-      const pointerState = internal.pointerMap.get(pointerId);
-      const initialHits = pointerState?.initialHits ?? [];
-      if (isClickEvent && !hits.length) {
-        if (delta <= 2) {
-          pointerMissed(event, internal.interaction);
-          if (onPointerMissed) onPointerMissed(event);
         }
-      }
-      if (isDragOver && !hits.length) {
-        dragOverMissed(event, internal.interaction);
-        if (onDragOverMissed) onDragOverMissed(event);
-      }
-      if (isDrop && !hits.length) {
-        dropMissed(event, internal.interaction);
-        if (onDropMissed) onDropMissed(event);
-      }
-      if (isPointerMove || isDragOver) {
-        cancelPointer(hits, pointerId);
-      }
-      function onIntersect(data) {
-        const eventObject = data.eventObject;
-        const instance = eventObject.__r3f;
-        if (!instance?.eventCount) return;
-        const handlers = instance.handlers;
-        if (isPointerMove) {
-          if (handlers.onPointerOver || handlers.onPointerEnter || handlers.onPointerOut || handlers.onPointerLeave) {
-            const id = makeId(data);
-            const pointerState2 = getPointerState(internal, pointerId);
-            const hoveredItem = pointerState2.hovered.get(id);
-            if (!hoveredItem) {
-              pointerState2.hovered.set(id, data);
-              handlers.onPointerOver?.(data);
-              handlers.onPointerEnter?.(data);
-            } else if (hoveredItem.stopped) {
-              data.stopPropagation();
-            }
-          }
-          handlers.onPointerMove?.(data);
-        } else if (isDragOver) {
-          const id = makeId(data);
-          const pointerState2 = getPointerState(internal, pointerId);
-          const hoveredItem = pointerState2.hovered.get(id);
-          if (!hoveredItem) {
-            pointerState2.hovered.set(id, data);
-            handlers.onDragOverEnter?.(data);
-          } else if (hoveredItem.stopped) {
-            data.stopPropagation();
-          }
-          handlers.onDragOver?.(data);
-        } else if (isDrop) {
-          handlers.onDrop?.(data);
-        } else {
-          const handler = handlers[name];
-          if (handler) {
-            if (!isClickEvent || initialHits.includes(eventObject)) {
-              pointerMissed(
-                event,
-                internal.interaction.filter((object) => !initialHits.includes(object))
-              );
-              handler(data);
-            }
-          } else {
-            if (isClickEvent && initialHits.includes(eventObject)) {
-              pointerMissed(
-                event,
-                internal.interaction.filter((object) => !initialHits.includes(object))
-              );
-            }
-          }
-        }
-      }
-      handleIntersects(hits, event, delta, onIntersect);
+      };
+    } else {
+      return scheduler$1.register(
+        (state, delta) => {
+          const frameState = state;
+          if (!frameState.renderer) return;
+          callbackRef.current?.(frameState, delta);
+        },
+        { id, ...options }
+      );
+    }
+  }, [store, scheduler$1, id, optionsKey, isLegacyPriority, isInsideCanvas]);
+  const isPaused = React__namespace.useSyncExternalStore(
+    // Subscribe function
+    React__namespace.useCallback(
+      (onStoreChange) => {
+        return scheduler.getScheduler().subscribeJobState(id, onStoreChange);
+      },
+      [id]
+    ),
+    // getSnapshot function
+    React__namespace.useCallback(() => scheduler.getScheduler().isJobPaused(id), [id]),
+    // getServerSnapshot function (SSR)
+    React__namespace.useCallback(() => false, [])
+  );
+  const controls = React__namespace.useMemo(() => {
+    const scheduler2 = scheduler.getScheduler();
+    return {
+      /** The job's unique ID */
+      id,
+      /**
+       * Access to the global scheduler for frame loop control.
+       * Use for controlling the entire frame loop, adding phases, etc.
+       */
+      scheduler: scheduler2,
+      /**
+       * Manually step this job only.
+       * Bypasses FPS limiting - always runs.
+       * @param timestamp Optional timestamp (defaults to performance.now())
+       */
+      step: (timestamp) => {
+        scheduler.getScheduler().stepJob(id, timestamp);
+      },
+      /**
+       * Manually step ALL jobs in the scheduler.
+       * Useful for frameloop='never' mode.
+       * @param timestamp Optional timestamp (defaults to performance.now())
+       */
+      stepAll: (timestamp) => {
+        scheduler.getScheduler().step(timestamp);
+      },
+      /**
+       * Pause this job (set enabled=false).
+       * Job remains registered but won't run.
+       */
+      pause: () => {
+        scheduler.getScheduler().pauseJob(id);
+      },
+      /**
+       * Resume this job (set enabled=true).
+       */
+      resume: () => {
+        scheduler.getScheduler().resumeJob(id);
+      },
+      /**
+       * Reactive paused state - automatically updates when pause/resume is called.
+       * No need for forceUpdate() in your components.
+       */
+      isPaused
     };
-  }
-  function flushDeferredPointers() {
-    const { internal, events } = store.getState();
-    if (!events.frameTimedRaycasts) return;
-    for (const [pointerId, event] of internal.pointerDirty) {
-      processDeferredPointer(event, pointerId);
+  }, [id, isPaused]);
+  return controls;
+}
+
+const IsObject = (url) => url === Object(url) && !Array.isArray(url) && typeof url !== "function";
+function getUrls(input) {
+  if (typeof input === "string") return [input];
+  if (Array.isArray(input)) return input;
+  return Object.values(input);
+}
+function allUrlsCached(urls, textureCache) {
+  return urls.every((url) => textureCache.has(url));
+}
+function buildFromCache(input, textureCache) {
+  if (typeof input === "string") {
+    return textureCache.get(input);
+  } else if (Array.isArray(input)) {
+    return input.map((url) => textureCache.get(url));
+  } else {
+    const result = {};
+    const objInput = input;
+    for (const key in objInput) {
+      result[key] = textureCache.get(objInput[key]);
     }
-    internal.pointerDirty.clear();
+    return result;
   }
-  return { handlePointer, flushDeferredPointers, processDeferredPointer };
 }
-const DOM_EVENTS = {
-  onClick: ["click", false],
-  onContextMenu: ["contextmenu", false],
-  onDoubleClick: ["dblclick", false],
-  onDragEnter: ["dragenter", false],
-  onDragLeave: ["dragleave", false],
-  onDragOver: ["dragover", false],
-  onDrop: ["drop", false],
-  onWheel: ["wheel", true],
-  onPointerDown: ["pointerdown", true],
-  onPointerUp: ["pointerup", true],
-  onPointerLeave: ["pointerleave", true],
-  onPointerMove: ["pointermove", true],
-  onPointerCancel: ["pointercancel", true],
-  onLostPointerCapture: ["lostpointercapture", true]
-};
-function createPointerEvents(store) {
-  const { handlePointer, flushDeferredPointers, processDeferredPointer } = createEvents(store);
-  let nextXRPointerId = XR_POINTER_ID_START;
-  const xrPointers = /* @__PURE__ */ new Map();
-  return {
-    priority: 1,
-    enabled: true,
-    frameTimedRaycasts: true,
-    alwaysFireOnScroll: true,
-    updateOnFrame: false,
-    compute(event, state) {
-      state.pointer.set(event.offsetX / state.size.width * 2 - 1, -(event.offsetY / state.size.height) * 2 + 1);
-      state.raycaster.setFromCamera(state.pointer, state.camera);
-    },
-    connected: void 0,
-    handlers: Object.keys(DOM_EVENTS).reduce(
-      (acc, key) => ({ ...acc, [key]: handlePointer(key) }),
-      {}
-    ),
-    update: (pointerId) => {
-      const { events, internal } = store.getState();
-      if (!events.handlers) return;
-      if (pointerId !== void 0) {
-        const event = internal.pointerDirty.get(pointerId);
-        if (event) {
-          internal.pointerDirty.delete(pointerId);
-          processDeferredPointer(event, pointerId);
-        } else if (internal.lastEvent?.current) {
-          processDeferredPointer(internal.lastEvent.current, pointerId);
-        }
-      } else {
-        flushDeferredPointers();
-        if (internal.lastEvent?.current) {
-          events.handlers.onPointerMove(internal.lastEvent.current);
-        }
-      }
-    },
-    flush: () => {
-      const { events, internal } = store.getState();
-      flushDeferredPointers();
-      if (events.updateOnFrame && internal.lastEvent?.current && events.handlers) {
-        events.handlers.onPointerMove(internal.lastEvent.current);
+function useTexture(input, optionsOrOnLoad) {
+  const renderer = useThree((state) => state.internal.actualRenderer);
+  const store = useStore();
+  const options = typeof optionsOrOnLoad === "function" ? { onLoad: optionsOrOnLoad } : optionsOrOnLoad ?? {};
+  const { onLoad, cache = true } = options;
+  const onLoadRef = React.useRef(onLoad);
+  onLoadRef.current = onLoad;
+  const onLoadCalledForRef = React.useRef(null);
+  const urls = React.useMemo(() => getUrls(input), [input]);
+  const cachedResult = React.useMemo(() => {
+    if (!cache) return null;
+    const textures = store.getState().textures;
+    if (!allUrlsCached(urls, textures)) return null;
+    return buildFromCache(input, textures);
+  }, [cache, urls, input, store]);
+  const loadedTextures = useLoader(
+    webgpu.TextureLoader,
+    IsObject(input) ? Object.values(input) : input
+  );
+  const inputKey = urls.join("\0");
+  React.useLayoutEffect(() => {
+    if (cachedResult) return;
+    if (onLoadCalledForRef.current === inputKey) return;
+    onLoadCalledForRef.current = inputKey;
+    onLoadRef.current?.(loadedTextures);
+  }, [cachedResult, loadedTextures, inputKey]);
+  React.useEffect(() => {
+    if (cachedResult) return;
+    if ("initTexture" in renderer) {
+      let textureArray = [];
+      if (Array.isArray(loadedTextures)) {
+        textureArray = loadedTextures;
+      } else if (loadedTextures instanceof webgpu.Texture) {
+        textureArray = [loadedTextures];
+      } else if (IsObject(loadedTextures)) {
+        textureArray = Object.values(loadedTextures);
       }
-    },
-    connect: (target) => {
-      if (!target) return;
-      const { set, events } = store.getState();
-      events.disconnect?.();
-      set((state) => ({ events: { ...state.events, connected: target } }));
-      if (events.handlers) {
-        for (const name in events.handlers) {
-          const event = events.handlers[name];
-          const [eventName, passive] = DOM_EVENTS[name];
-          target.addEventListener(eventName, event, { passive });
+      textureArray.forEach((texture) => {
+        if (texture instanceof webgpu.Texture) {
+          renderer.initTexture(texture);
         }
-      }
-    },
-    disconnect: () => {
-      const { set, events } = store.getState();
-      if (events.connected) {
-        if (events.handlers) {
-          for (const name in events.handlers) {
-            const event = events.handlers[name];
-            const [eventName] = DOM_EVENTS[name];
-            events.connected.removeEventListener(eventName, event);
+      });
+    }
+  }, [renderer, loadedTextures, cachedResult]);
+  const mappedTextures = React.useMemo(() => {
+    if (cachedResult) return cachedResult;
+    if (IsObject(input)) {
+      const keyed = {};
+      const textureArray = loadedTextures;
+      let i = 0;
+      for (const key in input) keyed[key] = textureArray[i++];
+      return keyed;
+    } else {
+      return loadedTextures;
+    }
+  }, [input, loadedTextures, cachedResult]);
+  React.useEffect(() => {
+    if (!cache) return;
+    const urlTextureMap = [];
+    if (typeof input === "string") {
+      urlTextureMap.push([input, mappedTextures]);
+    } else if (Array.isArray(input)) {
+      const textureArray = mappedTextures;
+      input.forEach((url, i) => urlTextureMap.push([url, textureArray[i]]));
+    } else if (IsObject(input)) {
+      const textureRecord = mappedTextures;
+      for (const key in input) {
+        const url = input[key];
+        urlTextureMap.push([url, textureRecord[key]]);
+      }
+    }
+    store.setState((state) => {
+      const refs = new Map(state._textureRefs);
+      let textures = state.textures;
+      let added = false;
+      for (const [url, texture] of urlTextureMap) {
+        if (!textures.has(url)) {
+          if (!added) {
+            textures = new Map(textures);
+            added = true;
           }
+          textures.set(url, texture);
         }
-        set((state) => ({ events: { ...state.events, connected: void 0 } }));
+        refs.set(url, (refs.get(url) ?? 0) + 1);
       }
-    },
-    // PREVIEW (A8): the XR pointer registration API may change before stable.
-    registerPointer: (config) => {
-      const pointerId = nextXRPointerId++;
-      xrPointers.set(pointerId, config);
-      const { internal } = store.getState();
-      getPointerState(internal, pointerId);
-      return pointerId;
-    },
-    unregisterPointer: (pointerId) => {
-      xrPointers.delete(pointerId);
-      const { internal } = store.getState();
-      const pointerState = internal.pointerMap.get(pointerId);
-      if (pointerState) {
-        for (const [, hoveredObj] of pointerState.hovered) {
-          const eventObject = hoveredObj.eventObject;
-          const instance = eventObject.__r3f;
-          if (instance?.eventCount) {
-            const handlers = instance.handlers;
-            const data = { ...hoveredObj, intersections: [] };
-            handlers.onPointerOut?.(data);
-            handlers.onPointerLeave?.(data);
+      return added ? { textures, _textureRefs: refs } : { _textureRefs: refs };
+    });
+    return () => store.setState((state) => {
+      const refs = new Map(state._textureRefs);
+      for (const [url] of urlTextureMap) {
+        const next = (refs.get(url) ?? 0) - 1;
+        if (next <= 0) refs.delete(url);
+        else refs.set(url, next);
+      }
+      return { _textureRefs: refs };
+    });
+  }, [cache, input, mappedTextures, store]);
+  return mappedTextures;
+}
+useTexture.preload = (url) => useLoader.preload(webgpu.TextureLoader, url);
+useTexture.clear = (input) => useLoader.clear(webgpu.TextureLoader, input);
+const Texture = ({
+  children,
+  input,
+  onLoad,
+  cache
+}) => {
+  const options = typeof onLoad === "function" ? { onLoad, cache } : { ...onLoad, cache };
+  const ret = useTexture(input, options);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children?.(ret) });
+};
+
+function useTextures(selector) {
+  const store = useStore();
+  const registry = React.useMemo(() => {
+    const getState = store.getState;
+    const setState = store.setState;
+    const getOne = (key) => getState().textures.get(key);
+    return {
+      get all() {
+        return getState().textures;
+      },
+      get(input) {
+        if (typeof input === "string") return getOne(input);
+        if (Array.isArray(input)) return input.map(getOne);
+        const out = {};
+        for (const name in input) out[name] = getOne(input[name]);
+        return out;
+      },
+      has: (key) => getState().textures.has(key),
+      add(keyOrRecord, texture) {
+        setState((state) => {
+          const textures = new Map(state.textures);
+          if (typeof keyOrRecord === "string") {
+            textures.set(keyOrRecord, texture);
+          } else {
+            for (const key in keyOrRecord) textures.set(key, keyOrRecord[key]);
           }
+          return { textures };
+        });
+      },
+      dispose(key, options) {
+        const state = getState();
+        const refs = state._textureRefs.get(key) ?? 0;
+        if (refs > 0 && !options?.force) {
+          console.warn(
+            `[useTextures] "${key}" still has ${refs} active reference(s); skipping dispose. Pass { force: true } to override.`
+          );
+          return false;
         }
-        internal.pointerMap.delete(pointerId);
+        state.textures.get(key)?.dispose();
+        setState((s) => {
+          const textures = new Map(s.textures);
+          textures.delete(key);
+          const nextRefs = new Map(s._textureRefs);
+          nextRefs.delete(key);
+          return { textures, _textureRefs: nextRefs };
+        });
+        return true;
+      },
+      disposeAll() {
+        for (const texture of getState().textures.values()) texture.dispose();
+        setState({ textures: /* @__PURE__ */ new Map(), _textureRefs: /* @__PURE__ */ new Map() });
       }
-      internal.pointerDirty.delete(pointerId);
-    }
-  };
+    };
+  }, [store]);
+  const subscribe = selector ? () => selector(registry) : (state) => state.textures;
+  const selected = useThree(subscribe);
+  return selector ? selected : registry;
 }
 
-const shownNotices = /* @__PURE__ */ new Set();
-function notifyDepreciated({ heading, body, link }) {
-  if (typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.JEST_WORKER_ID !== void 0) && process.env.R3F_SHOW_DEPRECATION_WARNINGS !== "true") {
-    return;
-  }
-  if (shownNotices.has(heading)) return;
-  shownNotices.add(heading);
-  const caller = getCallerFrame();
-  if (caller) {
-    console.log();
-  }
-  const boxStyle = "background: #ff9800; color: #1a1a1a; padding: 8px 12px; border-radius: 4px; font-weight: 500;";
-  if (caller) {
-    console.log(`%c\u26A0\uFE0F ${heading}`, boxStyle);
-  }
-  if (body || link) {
-    let message = "";
-    if (body) message += body;
-    if (link) message += (body ? "\n\n" : "") + `More info: ${link}`;
-    console.warn(`%c${message}`, "font-weight: bold;");
-  }
-}
-function getCallerFrame(depth = 3) {
-  const stack = new Error().stack;
-  if (!stack) return null;
-  const lines = stack.split("\n");
-  const frame = lines[depth];
-  if (!frame) return null;
-  let match = frame.match(/^\s*at (?:(.+?) )?\(?(.+?):(\d+):(\d+)\)?$/);
-  if (!match) {
-    match = frame.match(/^(?:(.+?)@)?(.+?):(\d+):(\d+)$/);
-  }
-  if (!match) return null;
-  const [, fn, url, line] = match;
-  return {
-    functionName: fn ?? "<anonymous>",
-    location: formatLocation(url, Number(line))
-  };
-}
-function formatLocation(url, line) {
-  const clean = url.split("?")[0];
-  const file = clean.split("/").pop() ?? clean;
-  return `${file}:${line}`;
-}
-function notifyAlpha({ message, link }) {
-  if (typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.JEST_WORKER_ID !== void 0) && process.env.R3F_SHOW_ALPHA_WARNINGS !== "true") {
-    return;
-  }
-  if (shownNotices.has(message)) return;
-  shownNotices.add(message);
-  const boxStyle = "background: #6366f1; color: #ffffff; padding: 6px 10px; border-radius: 4px; font-weight: 500;";
-  console.log(`%c\u{1F52C} ${message}`, boxStyle);
-  {
-    console.log(`%cMore info: ${link}`, "color: #6366f1; font-weight: normal;");
+function useRenderTarget(widthOrOptions, heightOrOptions, options) {
+  const isLegacy = useThree((s) => s.isLegacy);
+  const size = useThree((s) => s.size);
+  let width;
+  let height;
+  let opts;
+  if (typeof widthOrOptions === "object") {
+    opts = widthOrOptions;
+  } else if (typeof widthOrOptions === "number") {
+    width = widthOrOptions;
+    if (typeof heightOrOptions === "object") {
+      height = widthOrOptions;
+      opts = heightOrOptions;
+    } else if (typeof heightOrOptions === "number") {
+      height = heightOrOptions;
+      opts = options;
+    } else {
+      height = widthOrOptions;
+    }
   }
+  return React.useMemo(() => {
+    const w = width ?? size.width;
+    const h = height ?? size.height;
+    {
+      return isLegacy ? new three.WebGLRenderTarget(w, h, opts) : new webgpu.RenderTarget(w, h, opts);
+    }
+  }, [width, height, size.width, size.height, opts, isLegacy]);
 }
 
-const INTERNAL_LIB_MARKERS = ["zustand", "setState", "Object.assign"];
-function isInternalRendererAccess(stack, callerDepth = 2) {
-  if (!stack) return false;
-  const caller = stack.split("\n")[callerDepth] ?? "";
-  return INTERNAL_LIB_MARKERS.some((m) => caller.includes(m));
-}
+const presetsObj = {
+  apartment: "lebombo_1k.hdr",
+  city: "potsdamer_platz_1k.hdr",
+  dawn: "kiara_1_dawn_1k.hdr",
+  forest: "forest_slope_1k.hdr",
+  lobby: "st_fagans_interior_1k.hdr",
+  night: "dikhololo_night_1k.hdr",
+  park: "rooitou_park_1k.hdr",
+  studio: "studio_small_03_1k.hdr",
+  sunset: "venice_sunset_1k.hdr",
+  warehouse: "empty_warehouse_01_1k.hdr"
+};
 
-const R3F_CONTEXT = Symbol.for("@react-three/fiber.context");
-const context = globalThis[R3F_CONTEXT] ?? (globalThis[R3F_CONTEXT] = React__namespace.createContext(null));
-const createStore = (invalidate, advance) => {
-  const rootStore = traditional.createWithEqualityFn((set, get) => {
-    const position = new webgpu.Vector3();
-    const defaultTarget = new webgpu.Vector3();
-    const tempTarget = new webgpu.Vector3();
-    function getCurrentViewport(camera = get().camera, target = defaultTarget, size = get().size) {
-      const { width, height, top, left } = size;
-      const aspect = width / height;
-      if (target.isVector3) tempTarget.copy(target);
-      else tempTarget.set(...target);
-      const distance = camera.getWorldPosition(position).distanceTo(tempTarget);
-      if (isOrthographicCamera(camera)) {
-        return { width: width / camera.zoom, height: height / camera.zoom, top, left, factor: 1, distance, aspect };
-      } else {
-        const fov = camera.fov * Math.PI / 180;
-        const h = 2 * Math.tan(fov / 2) * distance;
-        const w = h * (width / height);
-        return { width: w, height: h, top, left, factor: width / w, distance, aspect };
-      }
-    }
-    let performanceTimeout = void 0;
-    const setPerformanceCurrent = (current) => set((state2) => ({ performance: { ...state2.performance, current } }));
-    const pointer = new webgpu.Vector2();
-    const rootState = {
-      set,
-      get,
-      // Mock objects that have to be configured
-      // primaryStore is set after store creation (self-reference for primary, primary's store for secondary)
-      primaryStore: null,
-      gl: null,
-      renderer: null,
-      camera: null,
-      frustum: new webgpu.Frustum(),
-      autoUpdateFrustum: true,
-      raycaster: null,
-      events: {
-        priority: 1,
-        enabled: true,
-        connected: false,
-        frameTimedRaycasts: true,
-        alwaysFireOnScroll: true,
-        updateOnFrame: false
-      },
-      scene: null,
-      rootScene: null,
-      xr: null,
-      inspector: null,
-      invalidate: (frames = 1, stackFrames = false) => invalidate(get(), frames, stackFrames),
-      advance: (timestamp, runGlobalEffects) => advance(timestamp, runGlobalEffects, get()),
-      textureColorSpace: webgpu.SRGBColorSpace,
-      isLegacy: false,
-      webGPUSupported: false,
-      isNative: false,
-      controls: null,
-      pointer,
-      mouse: pointer,
-      frameloop: "always",
-      onPointerMissed: void 0,
-      onDragOverMissed: void 0,
-      onDropMissed: void 0,
-      performance: {
-        current: 1,
-        min: 0.5,
-        max: 1,
-        debounce: 200,
-        regress: () => {
-          const state2 = get();
-          if (performanceTimeout) clearTimeout(performanceTimeout);
-          if (state2.performance.current !== state2.performance.min) setPerformanceCurrent(state2.performance.min);
-          performanceTimeout = setTimeout(
-            () => setPerformanceCurrent(get().performance.max),
-            state2.performance.debounce
-          );
-        }
-      },
-      size: { width: 0, height: 0, top: 0, left: 0 },
-      viewport: {
-        initialDpr: 0,
-        dpr: 0,
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0,
-        aspect: 0,
-        distance: 0,
-        factor: 0,
-        getCurrentViewport
-      },
-      setEvents: (events) => set((state2) => ({ ...state2, events: { ...state2.events, ...events } })),
-      setSize: (width, height, top, left) => {
-        const state2 = get();
-        if (width === void 0) {
-          set({ _sizeImperative: false });
-          if (state2._sizeProps) {
-            const { width: propW, height: propH } = state2._sizeProps;
-            if (propW !== void 0 || propH !== void 0) {
-              const currentSize = state2.size;
-              const newSize = {
-                width: propW ?? currentSize.width,
-                height: propH ?? currentSize.height,
-                top: currentSize.top,
-                left: currentSize.left
-              };
-              set((s) => ({
-                size: newSize,
-                viewport: { ...s.viewport, ...getCurrentViewport(state2.camera, defaultTarget, newSize) }
-              }));
-              scheduler.getScheduler().invalidate();
-            }
-          }
-          return;
-        }
-        const w = width;
-        const h = height ?? width;
-        const t = top ?? state2.size.top;
-        const l = left ?? state2.size.left;
-        const size = { width: w, height: h, top: t, left: l };
-        set((s) => ({
-          size,
-          viewport: { ...s.viewport, ...getCurrentViewport(state2.camera, defaultTarget, size) },
-          _sizeImperative: true
-        }));
-        scheduler.getScheduler().invalidate();
-      },
-      setDpr: (dpr) => set((state2) => {
-        const resolved = calculateDpr(dpr);
-        return { viewport: { ...state2.viewport, dpr: resolved, initialDpr: state2.viewport.initialDpr || resolved } };
-      }),
-      setFrameloop: (frameloop = "always") => {
-        set(() => ({ frameloop }));
-        scheduler.getScheduler().frameloop = frameloop;
-      },
-      setError: (error) => set(() => ({ error })),
-      error: null,
-      //* TSL State (managed via hooks: useUniforms, useNodes, useBuffers, useGPUStorage, useTextures, useRenderPipeline) ==============================
-      uniforms: {},
-      nodes: {},
-      buffers: {},
-      gpuStorage: {},
-      textures: /* @__PURE__ */ new Map(),
-      _textureRefs: /* @__PURE__ */ new Map(),
-      renderPipeline: null,
-      passes: {},
-      _hmrVersion: 0,
-      _sizeImperative: false,
-      _sizeProps: null,
-      previousRoot: void 0,
-      internal: {
-        // Events
-        interaction: [],
-        subscribers: [],
-        // Per-pointer state (new unified structure)
-        pointerMap: /* @__PURE__ */ new Map(),
-        pointerDirty: /* @__PURE__ */ new Map(),
-        lastEvent: React__namespace.createRef(),
-        // Deprecated but kept for backwards compatibility
-        hovered: /* @__PURE__ */ new Map(),
-        initialClick: [0, 0],
-        initialHits: [],
-        capturedMap: /* @__PURE__ */ new Map(),
-        // Visibility tracking (onFramed, onOccluded, onVisible)
-        visibilityRegistry: /* @__PURE__ */ new Map(),
-        // Occlusion system (WebGPU only)
-        occlusionEnabled: false,
-        occlusionObserver: null,
-        occlusionCache: /* @__PURE__ */ new Map(),
-        helperGroup: null,
-        // Updates
-        active: false,
-        frames: 0,
-        priority: 0,
-        subscribe: (ref, priority, store) => {
-          const internal = get().internal;
-          internal.priority = internal.priority + (priority > 0 ? 1 : 0);
-          internal.subscribers.push({ ref, priority, store });
-          internal.subscribers = internal.subscribers.sort((a, b) => a.priority - b.priority);
-          return () => {
-            const internal2 = get().internal;
-            if (internal2?.subscribers) {
-              internal2.priority = internal2.priority - (priority > 0 ? 1 : 0);
-              internal2.subscribers = internal2.subscribers.filter((s) => s.ref !== ref);
-            }
-          };
-        },
-        // Renderer Storage (single source of truth)
-        actualRenderer: null,
-        // Scheduler for useFrameNext (initialized in renderer.tsx)
-        scheduler: null
-      }
-    };
-    return rootState;
-  });
-  const state = rootStore.getState();
-  Object.defineProperty(state, "gl", {
-    get() {
-      const currentState = rootStore.getState();
-      if (!currentState.isLegacy && currentState.internal.actualRenderer) {
-        const stack = new Error().stack || "";
-        if (!isInternalRendererAccess(stack)) {
-          const cleanedStack = stack.split("\n").slice(2).join("\n") || "Stack trace unavailable";
-          notifyDepreciated({
-            heading: "Accessing state.gl in WebGPU mode",
-            body: "Please use state.renderer instead. state.gl is deprecated and will be removed in future versions.\n\nFor backwards compatibility, state.gl currently maps to state.renderer, but this may cause issues with libraries expecting WebGLRenderer.\n\nAccessed from:\n" + cleanedStack
-          });
-        }
-      }
-      return currentState.internal.actualRenderer;
-    },
-    set(value) {
-      rootStore.getState().internal.actualRenderer = value;
-    },
-    enumerable: true,
-    configurable: true
-  });
-  Object.defineProperty(state, "renderer", {
-    get() {
-      return rootStore.getState().internal.actualRenderer;
-    },
-    set(value) {
-      rootStore.getState().internal.actualRenderer = value;
-    },
-    enumerable: true,
-    configurable: true
-  });
-  let oldScene = state.scene;
-  rootStore.subscribe(() => {
-    const currentState = rootStore.getState();
-    const { scene, rootScene, set } = currentState;
-    if (scene !== oldScene) {
-      oldScene = scene;
-      if (scene?.isScene && scene !== rootScene) {
-        set({ rootScene: scene });
-      }
-    }
-  });
-  let oldSize = state.size;
-  let oldDpr = state.viewport.dpr;
-  let oldCamera = state.camera;
-  rootStore.subscribe(() => {
-    const { camera, size, viewport, set, internal } = rootStore.getState();
-    const actualRenderer = internal.actualRenderer;
-    const canvasTarget = internal.canvasTarget;
-    if (size.width !== oldSize.width || size.height !== oldSize.height || viewport.dpr !== oldDpr) {
-      oldSize = size;
-      oldDpr = viewport.dpr;
-      updateCamera(camera, size);
-      if (internal.isSecondary && canvasTarget) {
-        if (viewport.dpr > 0) canvasTarget.setPixelRatio(viewport.dpr);
-        canvasTarget.setSize(size.width, size.height, false);
-      } else {
-        if (viewport.dpr > 0) actualRenderer.setPixelRatio(viewport.dpr);
-        actualRenderer.setSize(size.width, size.height, false);
-        if (canvasTarget) {
-          if (viewport.dpr > 0) canvasTarget.setPixelRatio(viewport.dpr);
-          canvasTarget.setSize(size.width, size.height, false);
-        }
-      }
-    }
-    if (camera !== oldCamera) {
-      oldCamera = camera;
-      const { rootScene } = rootStore.getState();
-      if (camera && rootScene && !camera.parent) {
-        rootScene.add(camera);
-      }
-      set((state2) => ({ viewport: { ...state2.viewport, ...state2.viewport.getCurrentViewport(camera) } }));
-      const currentState = rootStore.getState();
-      if (currentState.autoUpdateFrustum && camera) {
-        updateFrustum(camera, currentState.frustum);
-      }
-    }
-  });
-  rootStore.subscribe((state2) => invalidate(state2));
-  return rootStore;
-};
-
-const memoizedLoaders = /* @__PURE__ */ new WeakMap();
-const isConstructor$1 = (value) => typeof value === "function" && value?.prototype?.constructor === value;
-function getLoader(Proto) {
-  if (isConstructor$1(Proto)) {
-    let loader = memoizedLoaders.get(Proto);
-    if (!loader) {
-      loader = new Proto();
-      memoizedLoaders.set(Proto, loader);
-    }
-    return loader;
-  }
-  return Proto;
-}
-function loadingFn(extensions, onProgress) {
-  return function(Proto, input) {
-    const loader = getLoader(Proto);
-    if (extensions) extensions(loader);
-    if ("loadAsync" in loader && typeof loader.loadAsync === "function") {
-      return loader.loadAsync(input, onProgress).then((data) => {
-        if (isObject3D(data?.scene)) Object.assign(data, buildGraph(data.scene));
-        return data;
-      });
-    }
-    return new Promise(
-      (res, reject) => loader.load(
-        input,
-        (data) => {
-          if (isObject3D(data?.scene)) Object.assign(data, buildGraph(data.scene));
-          res(data);
-        },
-        onProgress,
-        (error) => reject(new Error(`Could not load ${input}: ${error?.message}`))
-      )
-    );
-  };
-}
-function useLoader(loader, input, extensions, onProgress, cacheKey) {
-  const inputs = Array.isArray(input) ? input : [input];
-  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
-  const fn = loadingFn(extensions, onProgress);
-  const results = cacheKeys.map(
-    (key, index) => suspendReact.suspend(() => fn(loader, inputs[index]), [loader, key], { equal: is.equ })
-  );
-  return Array.isArray(input) ? results : results[0];
-}
-useLoader.preload = function(loader, input, extensions, onProgress, cacheKey) {
-  const inputs = Array.isArray(input) ? input : [input];
-  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
-  cacheKeys.forEach(
-    (key, index) => suspendReact.preload(() => loadingFn(extensions, onProgress)(loader, inputs[index]), [loader, key])
-  );
-};
-useLoader.clear = function(loader, input, cacheKey) {
-  const cacheKeys = Array.isArray(cacheKey ?? input) ? cacheKey ?? input : [cacheKey ?? input];
-  cacheKeys.forEach((key) => suspendReact.clear([loader, key]));
-};
-useLoader.loader = getLoader;
-
-function useFrame(callback, priorityOrOptions) {
-  const store = React__namespace.useContext(context);
-  const isInsideCanvas = store !== null;
-  const scheduler$1 = scheduler.getScheduler();
-  const optionsKey = typeof priorityOrOptions === "number" ? `p:${priorityOrOptions}` : priorityOrOptions ? JSON.stringify({
-    id: priorityOrOptions.id,
-    phase: priorityOrOptions.phase,
-    priority: priorityOrOptions.priority,
-    fps: priorityOrOptions.fps,
-    drop: priorityOrOptions.drop,
-    enabled: priorityOrOptions.enabled,
-    before: priorityOrOptions.before,
-    after: priorityOrOptions.after
-  }) : "";
-  const options = React__namespace.useMemo(() => {
-    return typeof priorityOrOptions === "number" ? { priority: priorityOrOptions } : priorityOrOptions ?? {};
-  }, [optionsKey]);
-  const reactId = React__namespace.useId();
-  const id = options.id ?? reactId;
-  const callbackRef = useMutableCallback(callback);
-  const isLegacyPriority = typeof priorityOrOptions === "number" && priorityOrOptions > 0;
-  useIsomorphicLayoutEffect(() => {
-    if (!callback) return;
-    if (isInsideCanvas) {
-      const state = store.getState();
-      const rootId = state.internal.rootId;
-      if (isLegacyPriority) {
-        state.internal.priority++;
-        let parentRoot = state.previousRoot;
-        while (parentRoot) {
-          const parentState = parentRoot.getState();
-          if (parentState?.internal) parentState.internal.priority++;
-          parentRoot = parentState?.previousRoot;
-        }
-        notifyDepreciated({
-          heading: "useFrame with numeric priority is deprecated",
-          body: 'Using useFrame(callback, number) to control render order is deprecated.\n\nFor custom rendering, use: useFrame(callback, { phase: "render" })\nFor execution order within update phase, use: useFrame(callback, { priority: number })',
-          link: "https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe"
-        });
-      }
-      const wrappedCallback = (frameState, delta) => {
-        const localState = store.getState();
-        const mergedState = {
-          ...localState,
-          time: frameState.time,
-          delta: frameState.delta,
-          elapsed: frameState.elapsed,
-          frame: frameState.frame
-        };
-        callbackRef.current?.(mergedState, delta);
-      };
-      const unregister = scheduler$1.register(wrappedCallback, {
-        id,
-        rootId,
-        ...options
-      });
-      return () => {
-        unregister();
-        if (isLegacyPriority) {
-          const currentState = store.getState();
-          if (currentState.internal) {
-            currentState.internal.priority--;
-            let parentRoot = currentState.previousRoot;
-            while (parentRoot) {
-              const parentState = parentRoot.getState();
-              if (parentState?.internal) parentState.internal.priority--;
-              parentRoot = parentState?.previousRoot;
-            }
-          }
-        }
-      };
-    } else {
-      return scheduler$1.register(
-        (state, delta) => {
-          const frameState = state;
-          if (!frameState.renderer) return;
-          callbackRef.current?.(frameState, delta);
-        },
-        { id, ...options }
-      );
-    }
-  }, [store, scheduler$1, id, optionsKey, isLegacyPriority, isInsideCanvas]);
-  const isPaused = React__namespace.useSyncExternalStore(
-    // Subscribe function
-    React__namespace.useCallback(
-      (onStoreChange) => {
-        return scheduler.getScheduler().subscribeJobState(id, onStoreChange);
-      },
-      [id]
-    ),
-    // getSnapshot function
-    React__namespace.useCallback(() => scheduler.getScheduler().isJobPaused(id), [id]),
-    // getServerSnapshot function (SSR)
-    React__namespace.useCallback(() => false, [])
-  );
-  const controls = React__namespace.useMemo(() => {
-    const scheduler2 = scheduler.getScheduler();
-    return {
-      /** The job's unique ID */
-      id,
-      /**
-       * Access to the global scheduler for frame loop control.
-       * Use for controlling the entire frame loop, adding phases, etc.
-       */
-      scheduler: scheduler2,
-      /**
-       * Manually step this job only.
-       * Bypasses FPS limiting - always runs.
-       * @param timestamp Optional timestamp (defaults to performance.now())
-       */
-      step: (timestamp) => {
-        scheduler.getScheduler().stepJob(id, timestamp);
-      },
-      /**
-       * Manually step ALL jobs in the scheduler.
-       * Useful for frameloop='never' mode.
-       * @param timestamp Optional timestamp (defaults to performance.now())
-       */
-      stepAll: (timestamp) => {
-        scheduler.getScheduler().step(timestamp);
-      },
-      /**
-       * Pause this job (set enabled=false).
-       * Job remains registered but won't run.
-       */
-      pause: () => {
-        scheduler.getScheduler().pauseJob(id);
-      },
-      /**
-       * Resume this job (set enabled=true).
-       */
-      resume: () => {
-        scheduler.getScheduler().resumeJob(id);
-      },
-      /**
-       * Reactive paused state - automatically updates when pause/resume is called.
-       * No need for forceUpdate() in your components.
-       */
-      isPaused
-    };
-  }, [id, isPaused]);
-  return controls;
-}
-
-const IsObject = (url) => url === Object(url) && !Array.isArray(url) && typeof url !== "function";
-function getUrls(input) {
-  if (typeof input === "string") return [input];
-  if (Array.isArray(input)) return input;
-  return Object.values(input);
-}
-function allUrlsCached(urls, textureCache) {
-  return urls.every((url) => textureCache.has(url));
-}
-function buildFromCache(input, textureCache) {
-  if (typeof input === "string") {
-    return textureCache.get(input);
-  } else if (Array.isArray(input)) {
-    return input.map((url) => textureCache.get(url));
-  } else {
-    const result = {};
-    const objInput = input;
-    for (const key in objInput) {
-      result[key] = textureCache.get(objInput[key]);
-    }
-    return result;
+const CUBEMAP_ROOT = "https://raw.githack.com/pmndrs/drei-assets/456060a26bbeb8fdf79326f224b6d99b8bcce736/hdri/";
+const isArray = (arr) => Array.isArray(arr);
+const defaultFiles = ["/px.png", "/nx.png", "/py.png", "/ny.png", "/pz.png", "/nz.png"];
+function useEnvironment({
+  files = defaultFiles,
+  path = "",
+  preset = void 0,
+  colorSpace = void 0,
+  extensions
+} = {}) {
+  if (preset) {
+    validatePreset(preset);
+    files = presetsObj[preset];
+    path = CUBEMAP_ROOT;
   }
-}
-function useTexture(input, optionsOrOnLoad) {
-  const renderer = useThree((state) => state.internal.actualRenderer);
-  const store = useStore();
-  const options = typeof optionsOrOnLoad === "function" ? { onLoad: optionsOrOnLoad } : optionsOrOnLoad ?? {};
-  const { onLoad, cache = true } = options;
-  const onLoadRef = React.useRef(onLoad);
-  onLoadRef.current = onLoad;
-  const onLoadCalledForRef = React.useRef(null);
-  const urls = React.useMemo(() => getUrls(input), [input]);
-  const cachedResult = React.useMemo(() => {
-    if (!cache) return null;
-    const textures = store.getState().textures;
-    if (!allUrlsCached(urls, textures)) return null;
-    return buildFromCache(input, textures);
-  }, [cache, urls, input, store]);
-  const loadedTextures = useLoader(
-    webgpu.TextureLoader,
-    IsObject(input) ? Object.values(input) : input
-  );
-  const inputKey = urls.join("\0");
+  const multiFile = isArray(files);
+  const { extension, isCubemap } = getExtension(files);
+  const loader = getLoader(extension);
+  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
+  const renderer = useThree((state) => state.renderer);
   React.useLayoutEffect(() => {
-    if (cachedResult) return;
-    if (onLoadCalledForRef.current === inputKey) return;
-    onLoadCalledForRef.current = inputKey;
-    onLoadRef.current?.(loadedTextures);
-  }, [cachedResult, loadedTextures, inputKey]);
-  React.useEffect(() => {
-    if (cachedResult) return;
-    if ("initTexture" in renderer) {
-      let textureArray = [];
-      if (Array.isArray(loadedTextures)) {
-        textureArray = loadedTextures;
-      } else if (loadedTextures instanceof webgpu.Texture) {
-        textureArray = [loadedTextures];
-      } else if (IsObject(loadedTextures)) {
-        textureArray = Object.values(loadedTextures);
-      }
-      textureArray.forEach((texture) => {
-        if (texture instanceof webgpu.Texture) {
-          renderer.initTexture(texture);
-        }
-      });
-    }
-  }, [renderer, loadedTextures, cachedResult]);
-  const mappedTextures = React.useMemo(() => {
-    if (cachedResult) return cachedResult;
-    if (IsObject(input)) {
-      const keyed = {};
-      const textureArray = loadedTextures;
-      let i = 0;
-      for (const key in input) keyed[key] = textureArray[i++];
-      return keyed;
-    } else {
-      return loadedTextures;
+    if (extension !== "webp" && extension !== "jpg" && extension !== "jpeg") return;
+    function clearGainmapTexture() {
+      useLoader.clear(loader, multiFile ? [files] : files);
     }
-  }, [input, loadedTextures, cachedResult]);
-  React.useEffect(() => {
-    if (!cache) return;
-    const urlTextureMap = [];
-    if (typeof input === "string") {
-      urlTextureMap.push([input, mappedTextures]);
-    } else if (Array.isArray(input)) {
-      const textureArray = mappedTextures;
-      input.forEach((url, i) => urlTextureMap.push([url, textureArray[i]]));
-    } else if (IsObject(input)) {
-      const textureRecord = mappedTextures;
-      for (const key in input) {
-        const url = input[key];
-        urlTextureMap.push([url, textureRecord[key]]);
+    renderer.domElement.addEventListener("webglcontextlost", clearGainmapTexture, { once: true });
+  }, [extension, files, loader, multiFile, renderer.domElement]);
+  const loaderResult = useLoader(
+    loader,
+    multiFile ? [files] : files,
+    (loader2) => {
+      if (extension === "webp" || extension === "jpg" || extension === "jpeg") {
+        loader2.setRenderer?.(renderer);
       }
+      loader2.setPath?.(path);
+      if (extensions) extensions(loader2);
     }
-    store.setState((state) => {
-      const refs = new Map(state._textureRefs);
-      let textures = state.textures;
-      let added = false;
-      for (const [url, texture] of urlTextureMap) {
-        if (!textures.has(url)) {
-          if (!added) {
-            textures = new Map(textures);
-            added = true;
-          }
-          textures.set(url, texture);
-        }
-        refs.set(url, (refs.get(url) ?? 0) + 1);
-      }
-      return added ? { textures, _textureRefs: refs } : { _textureRefs: refs };
-    });
-    return () => store.setState((state) => {
-      const refs = new Map(state._textureRefs);
-      for (const [url] of urlTextureMap) {
-        const next = (refs.get(url) ?? 0) - 1;
-        if (next <= 0) refs.delete(url);
-        else refs.set(url, next);
-      }
-      return { _textureRefs: refs };
-    });
-  }, [cache, input, mappedTextures, store]);
-  return mappedTextures;
-}
-useTexture.preload = (url) => useLoader.preload(webgpu.TextureLoader, url);
-useTexture.clear = (input) => useLoader.clear(webgpu.TextureLoader, input);
-const Texture = ({
-  children,
-  input,
-  onLoad,
-  cache
-}) => {
-  const options = typeof onLoad === "function" ? { onLoad, cache } : { ...onLoad, cache };
-  const ret = useTexture(input, options);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children?.(ret) });
-};
-
-function useTextures(selector) {
-  const store = useStore();
-  const registry = React.useMemo(() => {
-    const getState = store.getState;
-    const setState = store.setState;
-    const getOne = (key) => getState().textures.get(key);
-    return {
-      get all() {
-        return getState().textures;
-      },
-      get(input) {
-        if (typeof input === "string") return getOne(input);
-        if (Array.isArray(input)) return input.map(getOne);
-        const out = {};
-        for (const name in input) out[name] = getOne(input[name]);
-        return out;
-      },
-      has: (key) => getState().textures.has(key),
-      add(keyOrRecord, texture) {
-        setState((state) => {
-          const textures = new Map(state.textures);
-          if (typeof keyOrRecord === "string") {
-            textures.set(keyOrRecord, texture);
-          } else {
-            for (const key in keyOrRecord) textures.set(key, keyOrRecord[key]);
-          }
-          return { textures };
-        });
-      },
-      dispose(key, options) {
-        const state = getState();
-        const refs = state._textureRefs.get(key) ?? 0;
-        if (refs > 0 && !options?.force) {
-          console.warn(
-            `[useTextures] "${key}" still has ${refs} active reference(s); skipping dispose. Pass { force: true } to override.`
-          );
-          return false;
-        }
-        state.textures.get(key)?.dispose();
-        setState((s) => {
-          const textures = new Map(s.textures);
-          textures.delete(key);
-          const nextRefs = new Map(s._textureRefs);
-          nextRefs.delete(key);
-          return { textures, _textureRefs: nextRefs };
-        });
-        return true;
-      },
-      disposeAll() {
-        for (const texture of getState().textures.values()) texture.dispose();
-        setState({ textures: /* @__PURE__ */ new Map(), _textureRefs: /* @__PURE__ */ new Map() });
-      }
-    };
-  }, [store]);
-  const subscribe = selector ? () => selector(registry) : (state) => state.textures;
-  const selected = useThree(subscribe);
-  return selector ? selected : registry;
+  );
+  let texture = multiFile ? (
+    // @ts-ignore
+    loaderResult[0]
+  ) : loaderResult;
+  if (extension === "jpg" || extension === "jpeg" || extension === "webp") {
+    texture = texture.renderTarget?.texture;
+  }
+  texture.mapping = isCubemap ? webgpu.CubeReflectionMapping : webgpu.EquirectangularReflectionMapping;
+  texture.colorSpace = colorSpace ?? (isCubemap ? "srgb" : "srgb-linear");
+  return texture;
 }
-
-function useRenderTarget(widthOrOptions, heightOrOptions, options) {
-  const isLegacy = useThree((s) => s.isLegacy);
-  const size = useThree((s) => s.size);
-  let width;
-  let height;
-  let opts;
-  if (typeof widthOrOptions === "object") {
-    opts = widthOrOptions;
-  } else if (typeof widthOrOptions === "number") {
-    width = widthOrOptions;
-    if (typeof heightOrOptions === "object") {
-      height = widthOrOptions;
-      opts = heightOrOptions;
-    } else if (typeof heightOrOptions === "number") {
-      height = heightOrOptions;
-      opts = options;
-    } else {
-      height = widthOrOptions;
-    }
+const preloadDefaultOptions = {
+  files: defaultFiles,
+  path: "",
+  preset: void 0,
+  extensions: void 0
+};
+useEnvironment.preload = (preloadOptions) => {
+  const options = { ...preloadDefaultOptions, ...preloadOptions };
+  let { files, path = "" } = options;
+  const { preset, extensions } = options;
+  if (preset) {
+    validatePreset(preset);
+    files = presetsObj[preset];
+    path = CUBEMAP_ROOT;
   }
-  return React.useMemo(() => {
-    const w = width ?? size.width;
-    const h = height ?? size.height;
-    {
-      return isLegacy ? new three.WebGLRenderTarget(w, h, opts) : new webgpu.RenderTarget(w, h, opts);
-    }
-  }, [width, height, size.width, size.height, opts, isLegacy]);
+  const { extension } = getExtension(files);
+  if (extension === "webp" || extension === "jpg" || extension === "jpeg") {
+    throw new Error("useEnvironment: Preloading gainmaps is not supported");
+  }
+  const loader = getLoader(extension);
+  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
+  useLoader.preload(loader, isArray(files) ? [files] : files, (loader2) => {
+    loader2.setPath?.(path);
+    if (extensions) extensions(loader2);
+  });
+};
+const clearDefaultOptins = {
+  files: defaultFiles,
+  preset: void 0
+};
+useEnvironment.clear = (clearOptions) => {
+  const options = { ...clearDefaultOptins, ...clearOptions };
+  let { files } = options;
+  const { preset } = options;
+  if (preset) {
+    validatePreset(preset);
+    files = presetsObj[preset];
+  }
+  const { extension } = getExtension(files);
+  const loader = getLoader(extension);
+  if (!loader) throw new Error("useEnvironment: Unrecognized file extension: " + files);
+  useLoader.clear(loader, isArray(files) ? [files] : files);
+};
+function validatePreset(preset) {
+  if (!(preset in presetsObj)) throw new Error("Preset must be one of: " + Object.keys(presetsObj).join(", "));
+}
+function getExtension(files) {
+  const isCubemap = isArray(files) && files.length === 6;
+  const isGainmap = isArray(files) && files.length === 3 && files.some((file) => file.endsWith("json"));
+  const firstEntry = isArray(files) ? files[0] : files;
+  const extension = isCubemap ? "cube" : isGainmap ? "webp" : firstEntry.startsWith("data:application/exr") ? "exr" : firstEntry.startsWith("data:application/hdr") ? "hdr" : firstEntry.startsWith("data:image/jpeg") ? "jpg" : firstEntry.split(".").pop()?.split("?")?.shift()?.toLowerCase();
+  return { extension, isCubemap, isGainmap };
+}
+function getLoader(extension) {
+  const loader = extension === "cube" ? webgpu.CubeTextureLoader : extension === "hdr" ? HDRLoader_js.HDRLoader : extension === "exr" ? EXRLoader_js.EXRLoader : extension === "jpg" || extension === "jpeg" ? UltraHDRLoader_js.UltraHDRLoader : extension === "webp" ? gainmapJs.GainMapLoader : null;
+  return loader;
 }
 
 function useStore() {
@@ -2439,6 +1652,8 @@ function useGraph(object) {
   return React.useMemo(() => buildGraph(object), [object]);
 }
 
+const t = 1, o = 8, r = 32, e = 2, i$1 = 268435456;
+
 let effectId = 0;
 function addEffect(callback) {
   notifyDepreciated({
@@ -13346,390 +12561,968 @@ Check the top-level render call using <` + i + ">.");
         var i = x.H;
         x.H = $o;
         try {
-          return Br(e, n, o);
-        } finally {
-          x.H = i;
+          return Br(e, n, o);
+        } finally {
+          x.H = i;
+        }
+      }, useRef: function() {
+        return z = "useRef", D(), N(), xe().memoizedState;
+      }, useState: function() {
+        z = "useState", D(), N();
+        var e = x.H;
+        x.H = $o;
+        try {
+          return Br(gr);
+        } finally {
+          x.H = e;
+        }
+      }, useDebugValue: function() {
+        z = "useDebugValue", D(), N();
+      }, useDeferredValue: function(e, n) {
+        return z = "useDeferredValue", D(), N(), nc(e, n);
+      }, useTransition: function() {
+        return z = "useTransition", D(), N(), Qp();
+      }, useSyncExternalStore: function(e, n, o) {
+        return z = "useSyncExternalStore", D(), N(), ta(e, n, o);
+      }, useId: function() {
+        return z = "useId", D(), N(), xe().memoizedState;
+      }, useFormState: function(e) {
+        return z = "useFormState", D(), N(), hs(e);
+      }, useActionState: function(e) {
+        return z = "useActionState", D(), N(), hs(e);
+      }, useOptimistic: function(e, n) {
+        return z = "useOptimistic", D(), N(), rf(e, n);
+      }, useMemoCache: function(e) {
+        return D(), Oa(e);
+      }, useHostTransitionStatus: ia, useCacheRefresh: function() {
+        return z = "useCacheRefresh", N(), xe().memoizedState;
+      }, useEffectEvent: function(e) {
+        return z = "useEffectEvent", D(), N(), oa(e);
+      } }, dm = { readContext: function(e) {
+        return Ce(), Ee(e);
+      }, use: function(e) {
+        return D(), we(e);
+      }, useCallback: function(e, n) {
+        return z = "useCallback", D(), N(), Ma(e, n);
+      }, useContext: function(e) {
+        return z = "useContext", D(), N(), Ee(e);
+      }, useEffect: function(e, n) {
+        z = "useEffect", D(), N(), Qn(2048, Ut, e, n);
+      }, useImperativeHandle: function(e, n, o) {
+        return z = "useImperativeHandle", D(), N(), aa(e, n, o);
+      }, useInsertionEffect: function(e, n) {
+        return z = "useInsertionEffect", D(), N(), Qn(4, Wt, e, n);
+      }, useLayoutEffect: function(e, n) {
+        return z = "useLayoutEffect", D(), N(), Qn(4, Rr, e, n);
+      }, useMemo: function(e, n) {
+        z = "useMemo", D(), N();
+        var o = x.H;
+        x.H = $o;
+        try {
+          return Vi(e, n);
+        } finally {
+          x.H = o;
+        }
+      }, useReducer: function(e, n, o) {
+        z = "useReducer", D(), N();
+        var i = x.H;
+        x.H = $o;
+        try {
+          return Qi(e, n, o);
+        } finally {
+          x.H = i;
+        }
+      }, useRef: function() {
+        return z = "useRef", D(), N(), xe().memoizedState;
+      }, useState: function() {
+        z = "useState", D(), N();
+        var e = x.H;
+        x.H = $o;
+        try {
+          return Qi(gr);
+        } finally {
+          x.H = e;
+        }
+      }, useDebugValue: function() {
+        z = "useDebugValue", D(), N();
+      }, useDeferredValue: function(e, n) {
+        return z = "useDeferredValue", D(), N(), sf(e, n);
+      }, useTransition: function() {
+        return z = "useTransition", D(), N(), Ro();
+      }, useSyncExternalStore: function(e, n, o) {
+        return z = "useSyncExternalStore", D(), N(), ta(e, n, o);
+      }, useId: function() {
+        return z = "useId", D(), N(), xe().memoizedState;
+      }, useFormState: function(e) {
+        return z = "useFormState", D(), N(), $t(e);
+      }, useActionState: function(e) {
+        return z = "useActionState", D(), N(), $t(e);
+      }, useOptimistic: function(e, n) {
+        return z = "useOptimistic", D(), N(), of(e, n);
+      }, useMemoCache: function(e) {
+        return D(), Oa(e);
+      }, useHostTransitionStatus: ia, useCacheRefresh: function() {
+        return z = "useCacheRefresh", N(), xe().memoizedState;
+      }, useEffectEvent: function(e) {
+        return z = "useEffectEvent", D(), N(), oa(e);
+      } };
+      var Fy = {}, Hy = /* @__PURE__ */ new Set(), Ay = /* @__PURE__ */ new Set(), jy = /* @__PURE__ */ new Set(), Dy = /* @__PURE__ */ new Set(), Wy = /* @__PURE__ */ new Set(), Uy = /* @__PURE__ */ new Set(), By = /* @__PURE__ */ new Set(), Oy = /* @__PURE__ */ new Set(), My = /* @__PURE__ */ new Set(), Qy = /* @__PURE__ */ new Set();
+      Object.freeze(Fy);
+      var zg = { enqueueSetState: function(e, n, o) {
+        e = e._reactInternals;
+        var i = Nt(e), s = zo(i);
+        s.payload = n, o != null && (df(o), s.callback = o), n = Mt(e, s, i), n !== null && (ur(i, "this.setState()", e), We(n, e, i), Bi(n, e, i));
+      }, enqueueReplaceState: function(e, n, o) {
+        e = e._reactInternals;
+        var i = Nt(e), s = zo(i);
+        s.tag = Cy, s.payload = n, o != null && (df(o), s.callback = o), n = Mt(e, s, i), n !== null && (ur(i, "this.replaceState()", e), We(n, e, i), Bi(n, e, i));
+      }, enqueueForceUpdate: function(e, n) {
+        e = e._reactInternals;
+        var o = Nt(e), i = zo(o);
+        i.tag = Ty, n != null && (df(n), i.callback = n), n = Mt(e, i, o), n !== null && (ur(o, "this.forceUpdate()", e), We(n, e, o), Bi(n, e, o));
+      } }, bd = null, Cg = null, Tg = Error("This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."), Cn = false, $y = {}, Vy = {}, qy = {}, Gy = {}, vd = false, Jy = {}, fm = {}, _g = { dehydrated: null, treeContext: null, retryLane: 0, hydrationErrors: null }, Zy = false, Yy = null;
+      Yy = /* @__PURE__ */ new Set();
+      var Si = false, Tn = false, Rg = false, Xy = typeof WeakSet == "function" ? WeakSet : Set, Gn = null, Sd = null, kd = null, _n = null, nr = false, Vo = null, Wn = false, wd = 8192, Vb = { getCacheForType: function(e) {
+        var n = Ee(un), o = n.data.get(e);
+        return o === void 0 && (o = e(), n.data.set(e, o)), o;
+      }, cacheSignal: function() {
+        return Ee(un).controller.signal;
+      }, getOwner: function() {
+        return di;
+      } }, pm = 0, hm = 1, mm = 2, gm = 3, ym = 4;
+      if (typeof Symbol == "function" && Symbol.for) {
+        var bp = Symbol.for;
+        pm = bp("selector.component"), hm = bp("selector.has_pseudo_class"), mm = bp("selector.role"), gm = bp("selector.test_id"), ym = bp("selector.text");
+      }
+      var bm = [], qb = typeof WeakMap == "function" ? WeakMap : Map, Jn = 0, Zn = 2, uo = 4, ki = 0, vp = 1, iu = 2, vm = 3, Tl = 4, Sm = 6, Ky = 5, ye = Jn, je = null, se = null, ae = 0, tr = 0, km = 1, lu = 2, Sp = 3, eb = 4, Eg = 5, kp = 6, wm = 7, Ig = 8, su = 9, Le = tr, Er = null, _l = false, Pd = false, Lg = false, Ta = 0, nn = ki, Rl = 0, El = 0, Ng = 0, rr = 0, uu = 0, wp = null, Bt = null, Pm = false, xm = 0, nb = 0, tb = 300, Pp = 1 / 0, Fg = 500, xp = null, gn = null, Il = null, zm = 0, Hg = 1, Ag = 2, rb = 3, Ll = 0, ob = 1, ab = 2, ib = 3, lb = 4, Cm = 5, Rn = 0, Nl = null, xd = null, qo = 0, jg = 0, Dg = -0, Wg = null, sb = null, ub = null, Go = zm, cb = null, Gb = 50, zp = 0, Ug = null, Bg = false, Tm = false, Jb = 50, cu = 0, Cp = null, zd = false, _m = null, db = false, fb = /* @__PURE__ */ new Set(), Zb = {}, co = null, Cd = null, pb = false;
+      try {
+        var o0 = Object.preventExtensions({});
+      } catch {
+        pb = true;
+      }
+      var hb = false, mb = {}, gb = null, yb = null, bb = null, vb = null, Sb = null, kb = null, wb = null, Pb = null, xb = null, zb = null;
+      return gb = function(e, n, o, i) {
+        n = Yn(e, n), n !== null && (o = _d(n.memoizedState, o, 0, i), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
+      }, yb = function(e, n, o) {
+        n = Yn(e, n), n !== null && (o = du(n.memoizedState, o, 0), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
+      }, bb = function(e, n, o, i) {
+        n = Yn(e, n), n !== null && (o = F(n.memoizedState, o, i), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
+      }, vb = function(e, n, o) {
+        e.pendingProps = _d(e.memoizedProps, n, 0, o), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
+      }, Sb = function(e, n) {
+        e.pendingProps = du(e.memoizedProps, n, 0), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
+      }, kb = function(e, n, o) {
+        e.pendingProps = F(e.memoizedProps, n, o), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
+      }, wb = function(e) {
+        var n = On(e, 2);
+        n !== null && We(n, e, 2);
+      }, Pb = function(e) {
+        var n = ut(), o = On(e, n);
+        o !== null && We(o, e, n);
+      }, xb = function(e) {
+        pu = e;
+      }, zb = function(e) {
+        fu = e;
+      }, le.attemptContinuousHydration = function(e) {
+        if (e.tag === 13 || e.tag === 31) {
+          var n = On(e, 67108864);
+          n !== null && We(n, e, 67108864), rl(e, 67108864);
+        }
+      }, le.attemptHydrationAtCurrentPriority = function(e) {
+        if (e.tag === 13 || e.tag === 31) {
+          var n = Nt(e);
+          n = Xo(n);
+          var o = On(e, n);
+          o !== null && We(o, e, n), rl(e, n);
+        }
+      }, le.attemptSynchronousHydration = function(e) {
+        switch (e.tag) {
+          case 3:
+            if (e = e.stateNode, e.current.memoizedState.isDehydrated) {
+              var n = _t(e.pendingLanes);
+              if (n !== 0) {
+                for (e.pendingLanes |= 2, e.entangledLanes |= 2; n; ) {
+                  var o = 1 << 31 - vn(n);
+                  e.entanglements[1] |= o, n &= ~o;
+                }
+                Kn(e), (ye & (Zn | uo)) === Jn && (Pp = me() + Fg, Wa(0));
+              }
+            }
+            break;
+          case 31:
+          case 13:
+            n = On(e, 2), n !== null && We(n, e, 2), Ls(), rl(e, 2);
+        }
+      }, le.batchedUpdates = function(e, n) {
+        return e(n);
+      }, le.createComponentSelector = function(e) {
+        return { $$typeof: pm, value: e };
+      }, le.createContainer = function(e, n, o, i, s, u, f, p, g, S) {
+        return Ka(e, n, false, null, o, i, u, null, f, p, g, S);
+      }, le.createHasPseudoClassSelector = function(e) {
+        return { $$typeof: hm, value: e };
+      }, le.createHydrationContainer = function(e, n, o, i, s, u, f, p, g, S, T, _, I, O) {
+        return e = Ka(o, i, true, e, s, u, p, O, g, S, T, _), e.context = Dh(null), o = e.current, i = Nt(o), i = Xo(i), s = zo(i), s.callback = n ?? null, Mt(o, s, i), ur(i, "hydrateRoot()", null), n = i, e.current.lanes = n, Ci(e, n), Kn(e), e;
+      }, le.createPortal = function(e, n, o) {
+        var i = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+        try {
+          vt(i);
+          var s = false;
+        } catch {
+          s = true;
         }
-      }, useRef: function() {
-        return z = "useRef", D(), N(), xe().memoizedState;
-      }, useState: function() {
-        z = "useState", D(), N();
-        var e = x.H;
-        x.H = $o;
+        return s && (console.error("The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object"), vt(i)), { $$typeof: Ao, key: i == null ? null : "" + i, children: e, containerInfo: n, implementation: o };
+      }, le.createRoleSelector = function(e) {
+        return { $$typeof: mm, value: e };
+      }, le.createTestNameSelector = function(e) {
+        return { $$typeof: gm, value: e };
+      }, le.createTextSelector = function(e) {
+        return { $$typeof: ym, value: e };
+      }, le.defaultOnCaughtError = function(e) {
+        var n = bd ? "The above error occurred in the <" + bd + "> component." : "The above error occurred in one of your React components.", o = "React will try to recreate this component tree from scratch using the error boundary you provided, " + ((Cg || "Anonymous") + ".");
+        typeof e == "object" && e !== null && typeof e.environmentName == "string" ? ri("error", [`%o
+
+%s
+
+%s
+`, e, n, o], e.environmentName)() : console.error(`%o
+
+%s
+
+%s
+`, e, n, o);
+      }, le.defaultOnRecoverableError = function(e) {
+        qg(e);
+      }, le.defaultOnUncaughtError = function(e) {
+        qg(e), console.warn(`%s
+
+%s
+`, bd ? "An error occurred in the <" + bd + "> component." : "An error occurred in one of your React components.", `Consider adding an error boundary to your tree to customize error handling behavior.
+Visit https://react.dev/link/error-boundaries to learn more about error boundaries.`);
+      }, le.deferredUpdates = function(e) {
+        var n = x.T, o = wt();
         try {
-          return Br(gr);
+          return an(32), x.T = null, e();
         } finally {
-          x.H = e;
+          an(o), x.T = n;
         }
-      }, useDebugValue: function() {
-        z = "useDebugValue", D(), N();
-      }, useDeferredValue: function(e, n) {
-        return z = "useDeferredValue", D(), N(), nc(e, n);
-      }, useTransition: function() {
-        return z = "useTransition", D(), N(), Qp();
-      }, useSyncExternalStore: function(e, n, o) {
-        return z = "useSyncExternalStore", D(), N(), ta(e, n, o);
-      }, useId: function() {
-        return z = "useId", D(), N(), xe().memoizedState;
-      }, useFormState: function(e) {
-        return z = "useFormState", D(), N(), hs(e);
-      }, useActionState: function(e) {
-        return z = "useActionState", D(), N(), hs(e);
-      }, useOptimistic: function(e, n) {
-        return z = "useOptimistic", D(), N(), rf(e, n);
-      }, useMemoCache: function(e) {
-        return D(), Oa(e);
-      }, useHostTransitionStatus: ia, useCacheRefresh: function() {
-        return z = "useCacheRefresh", N(), xe().memoizedState;
-      }, useEffectEvent: function(e) {
-        return z = "useEffectEvent", D(), N(), oa(e);
-      } }, dm = { readContext: function(e) {
-        return Ce(), Ee(e);
-      }, use: function(e) {
-        return D(), we(e);
-      }, useCallback: function(e, n) {
-        return z = "useCallback", D(), N(), Ma(e, n);
-      }, useContext: function(e) {
-        return z = "useContext", D(), N(), Ee(e);
-      }, useEffect: function(e, n) {
-        z = "useEffect", D(), N(), Qn(2048, Ut, e, n);
-      }, useImperativeHandle: function(e, n, o) {
-        return z = "useImperativeHandle", D(), N(), aa(e, n, o);
-      }, useInsertionEffect: function(e, n) {
-        return z = "useInsertionEffect", D(), N(), Qn(4, Wt, e, n);
-      }, useLayoutEffect: function(e, n) {
-        return z = "useLayoutEffect", D(), N(), Qn(4, Rr, e, n);
-      }, useMemo: function(e, n) {
-        z = "useMemo", D(), N();
-        var o = x.H;
-        x.H = $o;
+      }, le.discreteUpdates = function(e, n, o, i, s) {
+        var u = x.T, f = wt();
         try {
-          return Vi(e, n);
+          return an(2), x.T = null, e(n, o, i, s);
         } finally {
-          x.H = o;
+          an(f), x.T = u, ye === Jn && (Pp = me() + Fg);
         }
-      }, useReducer: function(e, n, o) {
-        z = "useReducer", D(), N();
-        var i = x.H;
-        x.H = $o;
-        try {
-          return Qi(e, n, o);
-        } finally {
-          x.H = i;
+      }, le.findAllNodes = kc, le.findBoundingRects = function(e, n) {
+        if (!xr) throw Error("Test selector API is not supported by this renderer.");
+        n = kc(e, n), e = [];
+        for (var o = 0; o < n.length; o++) e.push(ma(n[o]));
+        for (n = e.length - 1; 0 < n; n--) {
+          o = e[n];
+          for (var i = o.x, s = i + o.width, u = o.y, f = u + o.height, p = n - 1; 0 <= p; p--) if (n !== p) {
+            var g = e[p], S = g.x, T = S + g.width, _ = g.y, I = _ + g.height;
+            if (i >= S && u >= _ && s <= T && f <= I) {
+              e.splice(n, 1);
+              break;
+            } else if (i !== S || o.width !== g.width || I < u || _ > f) {
+              if (!(u !== _ || o.height !== g.height || T < i || S > s)) {
+                S > i && (g.width += S - i, g.x = i), T < s && (g.width = s - S), e.splice(n, 1);
+                break;
+              }
+            } else {
+              _ > u && (g.height += _ - u, g.y = u), I < f && (g.height = f - _), e.splice(n, 1);
+              break;
+            }
+          }
         }
-      }, useRef: function() {
-        return z = "useRef", D(), N(), xe().memoizedState;
-      }, useState: function() {
-        z = "useState", D(), N();
-        var e = x.H;
-        x.H = $o;
+        return e;
+      }, le.findHostInstance = function(e) {
+        var n = e._reactInternals;
+        if (n === void 0) throw typeof e.render == "function" ? Error("Unable to find node on an unmounted component.") : (e = Object.keys(e).join(","), Error("Argument appears to not be a ReactComponent. Keys: " + e));
+        return e = mu(n), e === null ? null : ot(e.stateNode);
+      }, le.findHostInstanceWithNoPortals = function(e) {
+        return e = Ed(e), e = e !== null ? _p(e) : null, e === null ? null : ot(e.stateNode);
+      }, le.findHostInstanceWithWarning = function(e, n) {
+        var o = e._reactInternals;
+        if (o === void 0) throw typeof e.render == "function" ? Error("Unable to find node on an unmounted component.") : (e = Object.keys(e).join(","), Error("Argument appears to not be a ReactComponent. Keys: " + e));
+        if (e = mu(o), e === null) return null;
+        if (e.mode & 8) {
+          var i = G(o) || "Component";
+          mb[i] || (mb[i] = true, B(e, function() {
+            o.mode & 8 ? console.error("%s is deprecated in StrictMode. %s was passed an instance of %s which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://react.dev/link/strict-mode-find-node", n, n, i) : console.error("%s is deprecated in StrictMode. %s was passed an instance of %s which renders StrictMode children. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://react.dev/link/strict-mode-find-node", n, n, i);
+          }));
+        }
+        return ot(e.stateNode);
+      }, le.flushPassiveEffects = el, le.flushSyncFromReconciler = function(e) {
+        var n = ye;
+        ye |= 1;
+        var o = x.T, i = wt();
         try {
-          return Qi(gr);
+          if (an(2), x.T = null, e) return e();
         } finally {
-          x.H = e;
+          an(i), x.T = o, ye = n, (ye & (Zn | uo)) === Jn && Wa(0);
+        }
+      }, le.flushSyncWork = Ls, le.focusWithin = function(e, n) {
+        if (!xr) throw Error("Test selector API is not supported by this renderer.");
+        for (e = Ef(e), n = hh(e, n), n = Array.from(n), e = 0; e < n.length; ) {
+          var o = n[e++], i = o.tag;
+          if (!Kr(o)) {
+            if ((i === 5 || i === 26 || i === 27) && Ft(o.stateNode)) return true;
+            for (o = o.child; o !== null; ) n.push(o), o = o.sibling;
+          }
+        }
+        return false;
+      }, le.getFindAllNodesFailureDescription = function(e, n) {
+        if (!xr) throw Error("Test selector API is not supported by this renderer.");
+        var o = 0, i = [];
+        e = [Ef(e), 0];
+        for (var s = 0; s < e.length; ) {
+          var u = e[s++], f = u.tag, p = e[s++], g = n[p];
+          if ((f !== 5 && f !== 26 && f !== 27 || !Kr(u)) && (If(u, g) && (i.push(Sc(g)), p++, p > o && (o = p)), p < n.length)) for (u = u.child; u !== null; ) e.push(u, p), u = u.sibling;
+        }
+        if (o < n.length) {
+          for (e = []; o < n.length; o++) e.push(Sc(n[o]));
+          return `findAllNodes was able to match part of the selector:
+  ` + (i.join(" > ") + `
+
+No matching component was found for:
+  `) + e.join(" > ");
+        }
+        return null;
+      }, le.getPublicRootInstance = function(e) {
+        if (e = e.current, !e.child) return null;
+        switch (e.child.tag) {
+          case 27:
+          case 5:
+            return ot(e.child.stateNode);
+          default:
+            return e.child.stateNode;
+        }
+      }, le.injectIntoDevTools = function() {
+        var e = { bundleType: 1, version: Jt, rendererPackageName: Zt, currentDispatcherRef: x, reconcilerVersion: "19.2.0" };
+        return jo !== null && (e.rendererConfig = jo), e.overrideHookState = gb, e.overrideHookStateDeletePath = yb, e.overrideHookStateRenamePath = bb, e.overrideProps = vb, e.overridePropsDeletePath = Sb, e.overridePropsRenamePath = kb, e.scheduleUpdate = wb, e.scheduleRetry = Pb, e.setErrorHandler = xb, e.setSuspenseHandler = zb, e.scheduleRefresh = hu, e.scheduleRoot = Fl, e.setRefreshHandler = Ir, e.getCurrentFiber = Ic, Ep(e);
+      }, le.isAlreadyRendering = Ns, le.observeVisibleRects = function(e, n, o, i) {
+        function s() {
+          var S = kc(e, n);
+          u.forEach(function(T) {
+            0 > S.indexOf(T) && g(T);
+          }), S.forEach(function(T) {
+            0 > u.indexOf(T) && p(T);
+          });
+        }
+        if (!xr) throw Error("Test selector API is not supported by this renderer.");
+        var u = kc(e, n);
+        o = zr(u, o, i);
+        var f = o.disconnect, p = o.observe, g = o.unobserve;
+        return bm.push(s), { disconnect: function() {
+          var S = bm.indexOf(s);
+          0 <= S && bm.splice(S, 1), f();
+        } };
+      }, le.shouldError = function(e) {
+        return pu(e);
+      }, le.shouldSuspend = function(e) {
+        return fu(e);
+      }, le.startHostTransition = function(e, n, o, i) {
+        if (e.tag !== 5) throw Error("Expected the form instance to be a HostComponent. This is a bug in React.");
+        var s = uf(e).queue;
+        Hp(e), nt(e, s, n, Xt, o === null ? Em : function() {
+          x.T === null && console.error("requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition.");
+          var u = uf(e);
+          return u.next === null && (u = e.alternate.memoizedState), qi(e, u.next.queue, {}, Nt(e)), o(i);
+        });
+      }, le.updateContainer = function(e, n, o, i) {
+        var s = n.current, u = Nt(s);
+        return As(s, u, e, n, o, i), u;
+      }, le.updateContainerSync = Wh, le;
+    }, Tt.exports.default = Tt.exports, Object.defineProperty(Tt.exports, "__esModule", { value: true }));
+  })(Mg)), Mg.exports;
+}
+var Eb;
+function n0() {
+  return Eb || (Eb = 1, process.env.NODE_ENV === "production" ? Rm.exports = Kb() : Rm.exports = e0()), Rm.exports;
+}
+var t0 = n0();
+const r0 = Xb(t0);
+
+const DEFAULT_POINTER_ID = 0;
+const XR_POINTER_ID_START = 1e3;
+function getPointerState(internal, pointerId) {
+  let state = internal.pointerMap.get(pointerId);
+  if (!state) {
+    state = {
+      hovered: /* @__PURE__ */ new Map(),
+      captured: /* @__PURE__ */ new Map(),
+      initialClick: [0, 0],
+      initialHits: []
+    };
+    internal.pointerMap.set(pointerId, state);
+  }
+  return state;
+}
+function getPointerId(event) {
+  return "pointerId" in event ? event.pointerId : DEFAULT_POINTER_ID;
+}
+function makeId(event) {
+  return (event.eventObject || event.object).uuid + "/" + event.index + event.instanceId;
+}
+function releaseInternalPointerCapture(internal, obj, pointerId) {
+  const pointerState = internal.pointerMap.get(pointerId);
+  if (!pointerState) return;
+  const captureData = pointerState.captured.get(obj);
+  if (captureData) {
+    pointerState.captured.delete(obj);
+    captureData.target.releasePointerCapture(pointerId);
+  }
+}
+function swapInteractivity(store, object, newObject) {
+  const { internal } = store.getState();
+  for (let i = 0; i < internal.interaction.length; i++) {
+    if (internal.interaction[i] === object) internal.interaction[i] = newObject;
+  }
+  for (const pointerState of internal.pointerMap.values()) {
+    for (let i = 0; i < pointerState.initialHits.length; i++) {
+      if (pointerState.initialHits[i] === object) pointerState.initialHits[i] = newObject;
+    }
+    pointerState.hovered.forEach((value, key) => {
+      if (value.eventObject === object || value.object === object) {
+        pointerState.hovered.delete(key);
+        const next = {
+          ...value,
+          eventObject: value.eventObject === object ? newObject : value.eventObject,
+          object: value.object === object ? newObject : value.object
+        };
+        pointerState.hovered.set(makeId(next), next);
+      }
+    });
+    const captureData = pointerState.captured.get(object);
+    if (captureData) {
+      pointerState.captured.delete(object);
+      pointerState.captured.set(newObject, {
+        ...captureData,
+        intersection: {
+          ...captureData.intersection,
+          object: captureData.intersection.object === object ? newObject : captureData.intersection.object,
+          eventObject: captureData.intersection.eventObject === object ? newObject : captureData.intersection.eventObject
         }
-      }, useDebugValue: function() {
-        z = "useDebugValue", D(), N();
-      }, useDeferredValue: function(e, n) {
-        return z = "useDeferredValue", D(), N(), sf(e, n);
-      }, useTransition: function() {
-        return z = "useTransition", D(), N(), Ro();
-      }, useSyncExternalStore: function(e, n, o) {
-        return z = "useSyncExternalStore", D(), N(), ta(e, n, o);
-      }, useId: function() {
-        return z = "useId", D(), N(), xe().memoizedState;
-      }, useFormState: function(e) {
-        return z = "useFormState", D(), N(), $t(e);
-      }, useActionState: function(e) {
-        return z = "useActionState", D(), N(), $t(e);
-      }, useOptimistic: function(e, n) {
-        return z = "useOptimistic", D(), N(), of(e, n);
-      }, useMemoCache: function(e) {
-        return D(), Oa(e);
-      }, useHostTransitionStatus: ia, useCacheRefresh: function() {
-        return z = "useCacheRefresh", N(), xe().memoizedState;
-      }, useEffectEvent: function(e) {
-        return z = "useEffectEvent", D(), N(), oa(e);
-      } };
-      var Fy = {}, Hy = /* @__PURE__ */ new Set(), Ay = /* @__PURE__ */ new Set(), jy = /* @__PURE__ */ new Set(), Dy = /* @__PURE__ */ new Set(), Wy = /* @__PURE__ */ new Set(), Uy = /* @__PURE__ */ new Set(), By = /* @__PURE__ */ new Set(), Oy = /* @__PURE__ */ new Set(), My = /* @__PURE__ */ new Set(), Qy = /* @__PURE__ */ new Set();
-      Object.freeze(Fy);
-      var zg = { enqueueSetState: function(e, n, o) {
-        e = e._reactInternals;
-        var i = Nt(e), s = zo(i);
-        s.payload = n, o != null && (df(o), s.callback = o), n = Mt(e, s, i), n !== null && (ur(i, "this.setState()", e), We(n, e, i), Bi(n, e, i));
-      }, enqueueReplaceState: function(e, n, o) {
-        e = e._reactInternals;
-        var i = Nt(e), s = zo(i);
-        s.tag = Cy, s.payload = n, o != null && (df(o), s.callback = o), n = Mt(e, s, i), n !== null && (ur(i, "this.replaceState()", e), We(n, e, i), Bi(n, e, i));
-      }, enqueueForceUpdate: function(e, n) {
-        e = e._reactInternals;
-        var o = Nt(e), i = zo(o);
-        i.tag = Ty, n != null && (df(n), i.callback = n), n = Mt(e, i, o), n !== null && (ur(o, "this.forceUpdate()", e), We(n, e, o), Bi(n, e, o));
-      } }, bd = null, Cg = null, Tg = Error("This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."), Cn = false, $y = {}, Vy = {}, qy = {}, Gy = {}, vd = false, Jy = {}, fm = {}, _g = { dehydrated: null, treeContext: null, retryLane: 0, hydrationErrors: null }, Zy = false, Yy = null;
-      Yy = /* @__PURE__ */ new Set();
-      var Si = false, Tn = false, Rg = false, Xy = typeof WeakSet == "function" ? WeakSet : Set, Gn = null, Sd = null, kd = null, _n = null, nr = false, Vo = null, Wn = false, wd = 8192, Vb = { getCacheForType: function(e) {
-        var n = Ee(un), o = n.data.get(e);
-        return o === void 0 && (o = e(), n.data.set(e, o)), o;
-      }, cacheSignal: function() {
-        return Ee(un).controller.signal;
-      }, getOwner: function() {
-        return di;
-      } }, pm = 0, hm = 1, mm = 2, gm = 3, ym = 4;
-      if (typeof Symbol == "function" && Symbol.for) {
-        var bp = Symbol.for;
-        pm = bp("selector.component"), hm = bp("selector.has_pseudo_class"), mm = bp("selector.role"), gm = bp("selector.test_id"), ym = bp("selector.text");
+      });
+    }
+  }
+  unregisterVisibility(store, object);
+}
+function removeInteractivity(store, object) {
+  const { internal } = store.getState();
+  internal.interaction = internal.interaction.filter((o) => o !== object);
+  for (const [pointerId, pointerState] of internal.pointerMap) {
+    pointerState.initialHits = pointerState.initialHits.filter((o) => o !== object);
+    pointerState.hovered.forEach((value, key) => {
+      if (value.eventObject === object || value.object === object) {
+        pointerState.hovered.delete(key);
       }
-      var bm = [], qb = typeof WeakMap == "function" ? WeakMap : Map, Jn = 0, Zn = 2, uo = 4, ki = 0, vp = 1, iu = 2, vm = 3, Tl = 4, Sm = 6, Ky = 5, ye = Jn, je = null, se = null, ae = 0, tr = 0, km = 1, lu = 2, Sp = 3, eb = 4, Eg = 5, kp = 6, wm = 7, Ig = 8, su = 9, Le = tr, Er = null, _l = false, Pd = false, Lg = false, Ta = 0, nn = ki, Rl = 0, El = 0, Ng = 0, rr = 0, uu = 0, wp = null, Bt = null, Pm = false, xm = 0, nb = 0, tb = 300, Pp = 1 / 0, Fg = 500, xp = null, gn = null, Il = null, zm = 0, Hg = 1, Ag = 2, rb = 3, Ll = 0, ob = 1, ab = 2, ib = 3, lb = 4, Cm = 5, Rn = 0, Nl = null, xd = null, qo = 0, jg = 0, Dg = -0, Wg = null, sb = null, ub = null, Go = zm, cb = null, Gb = 50, zp = 0, Ug = null, Bg = false, Tm = false, Jb = 50, cu = 0, Cp = null, zd = false, _m = null, db = false, fb = /* @__PURE__ */ new Set(), Zb = {}, co = null, Cd = null, pb = false;
-      try {
-        var o0 = Object.preventExtensions({});
-      } catch {
-        pb = true;
+    });
+    if (pointerState.captured.has(object)) {
+      releaseInternalPointerCapture(internal, object, pointerId);
+    }
+  }
+  unregisterVisibility(store, object);
+}
+function createEvents(store) {
+  function calculateDistance(event, pointerId) {
+    const { internal } = store.getState();
+    const pointerState = internal.pointerMap.get(pointerId);
+    if (!pointerState) return 0;
+    const [initialX, initialY] = pointerState.initialClick;
+    const dx = event.offsetX - initialX;
+    const dy = event.offsetY - initialY;
+    return Math.round(Math.sqrt(dx * dx + dy * dy));
+  }
+  function filterPointerEvents(objects) {
+    return objects.filter(
+      (obj) => ["Move", "Over", "Enter", "Out", "Leave"].some(
+        (name) => obj.__r3f?.handlers["onPointer" + name]
+      ) || ["OverEnter", "OverLeave", "Over"].some(
+        (name) => obj.__r3f?.handlers["onDrag" + name]
+      ) || obj.__r3f?.handlers.onDrop
+    );
+  }
+  function intersect(event, filter) {
+    const state = store.getState();
+    const duplicates = /* @__PURE__ */ new Set();
+    const intersections = [];
+    const eventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction;
+    for (let i = 0; i < eventsObjects.length; i++) {
+      const state2 = getRootState(eventsObjects[i]);
+      if (state2) {
+        state2.raycaster.camera = void 0;
       }
-      var hb = false, mb = {}, gb = null, yb = null, bb = null, vb = null, Sb = null, kb = null, wb = null, Pb = null, xb = null, zb = null;
-      return gb = function(e, n, o, i) {
-        n = Yn(e, n), n !== null && (o = _d(n.memoizedState, o, 0, i), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
-      }, yb = function(e, n, o) {
-        n = Yn(e, n), n !== null && (o = du(n.memoizedState, o, 0), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
-      }, bb = function(e, n, o, i) {
-        n = Yn(e, n), n !== null && (o = F(n.memoizedState, o, i), n.memoizedState = o, n.baseState = o, e.memoizedProps = ze({}, e.memoizedProps), o = On(e, 2), o !== null && We(o, e, 2));
-      }, vb = function(e, n, o) {
-        e.pendingProps = _d(e.memoizedProps, n, 0, o), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
-      }, Sb = function(e, n) {
-        e.pendingProps = du(e.memoizedProps, n, 0), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
-      }, kb = function(e, n, o) {
-        e.pendingProps = F(e.memoizedProps, n, o), e.alternate && (e.alternate.pendingProps = e.pendingProps), n = On(e, 2), n !== null && We(n, e, 2);
-      }, wb = function(e) {
-        var n = On(e, 2);
-        n !== null && We(n, e, 2);
-      }, Pb = function(e) {
-        var n = ut(), o = On(e, n);
-        o !== null && We(o, e, n);
-      }, xb = function(e) {
-        pu = e;
-      }, zb = function(e) {
-        fu = e;
-      }, le.attemptContinuousHydration = function(e) {
-        if (e.tag === 13 || e.tag === 31) {
-          var n = On(e, 67108864);
-          n !== null && We(n, e, 67108864), rl(e, 67108864);
+    }
+    if (!state.previousRoot) {
+      state.events.compute?.(event, state);
+    }
+    function handleRaycast(obj) {
+      const state2 = getRootState(obj);
+      if (!state2 || !state2.events.enabled || state2.raycaster.camera === null) return [];
+      if (state2.raycaster.camera === void 0) {
+        state2.events.compute?.(event, state2, state2.previousRoot?.getState());
+        if (state2.raycaster.camera === void 0) state2.raycaster.camera = null;
+      }
+      return state2.raycaster.camera ? state2.raycaster.intersectObject(obj, true) : [];
+    }
+    let hits = eventsObjects.flatMap(handleRaycast).sort((a, b) => {
+      const aInteractivePriority = a.object.userData?.interactivePriority;
+      const bInteractivePriority = b.object.userData?.interactivePriority;
+      if (aInteractivePriority !== void 0 || bInteractivePriority !== void 0) {
+        if (aInteractivePriority !== void 0 && bInteractivePriority === void 0) return -1;
+        if (bInteractivePriority !== void 0 && aInteractivePriority === void 0) return 1;
+        if (aInteractivePriority !== bInteractivePriority) {
+          return (bInteractivePriority ?? 0) - (aInteractivePriority ?? 0);
         }
-      }, le.attemptHydrationAtCurrentPriority = function(e) {
-        if (e.tag === 13 || e.tag === 31) {
-          var n = Nt(e);
-          n = Xo(n);
-          var o = On(e, n);
-          o !== null && We(o, e, n), rl(e, n);
+      }
+      const aState = getRootState(a.object);
+      const bState = getRootState(b.object);
+      const aPriority = aState?.events?.priority ?? 1;
+      const bPriority = bState?.events?.priority ?? 1;
+      return bPriority - aPriority || a.distance - b.distance;
+    }).filter((item) => {
+      const id = makeId(item);
+      if (duplicates.has(id)) return false;
+      duplicates.add(id);
+      return true;
+    });
+    if (state.events.filter) hits = state.events.filter(hits, state);
+    for (const hit of hits) {
+      let eventObject = hit.object;
+      while (eventObject) {
+        if (eventObject.__r3f?.eventCount) {
+          intersections.push({ ...hit, eventObject });
         }
-      }, le.attemptSynchronousHydration = function(e) {
-        switch (e.tag) {
-          case 3:
-            if (e = e.stateNode, e.current.memoizedState.isDehydrated) {
-              var n = _t(e.pendingLanes);
-              if (n !== 0) {
-                for (e.pendingLanes |= 2, e.entangledLanes |= 2; n; ) {
-                  var o = 1 << 31 - vn(n);
-                  e.entanglements[1] |= o, n &= ~o;
+        eventObject = eventObject.parent;
+      }
+    }
+    if ("pointerId" in event) {
+      const pointerId = event.pointerId;
+      const pointerState = state.internal.pointerMap.get(pointerId);
+      if (pointerState?.captured.size) {
+        for (const captureData of pointerState.captured.values()) {
+          if (!duplicates.has(makeId(captureData.intersection))) intersections.push(captureData.intersection);
+        }
+      }
+    }
+    return intersections;
+  }
+  function handleIntersects(intersections, event, delta, callback) {
+    if (intersections.length) {
+      const localState = { stopped: false };
+      for (const hit of intersections) {
+        const state = getRootState(hit.object);
+        if (state) {
+          const { raycaster, pointer, camera, internal } = state;
+          const unprojectedPoint = new webgpu.Vector3(pointer.x, pointer.y, 0).unproject(camera);
+          const hasPointerCapture = (id) => {
+            const pointerState = internal.pointerMap.get(id);
+            return pointerState?.captured.has(hit.eventObject) ?? false;
+          };
+          const setPointerCapture = (id) => {
+            const captureData = { intersection: hit, target: event.target };
+            const pointerState = getPointerState(internal, id);
+            pointerState.captured.set(hit.eventObject, captureData);
+            event.target.setPointerCapture(id);
+          };
+          const releasePointerCapture = (id) => {
+            releaseInternalPointerCapture(internal, hit.eventObject, id);
+          };
+          const extractEventProps = {};
+          for (const prop in event) {
+            const property = event[prop];
+            if (typeof property !== "function") extractEventProps[prop] = property;
+          }
+          const eventPointerId = "pointerId" in event ? event.pointerId : void 0;
+          const raycastEvent = {
+            ...hit,
+            ...extractEventProps,
+            pointer,
+            intersections,
+            stopped: localState.stopped,
+            delta,
+            unprojectedPoint,
+            ray: raycaster.ray,
+            camera,
+            pointerId: eventPointerId,
+            // Hijack stopPropagation, which just sets a flag
+            stopPropagation() {
+              const pointerState = eventPointerId !== void 0 ? internal.pointerMap.get(eventPointerId) : void 0;
+              if (
+                // ...if this pointer hasn't been captured
+                !pointerState?.captured.size || // ... or if the hit object is capturing the pointer
+                pointerState.captured.has(hit.eventObject)
+              ) {
+                raycastEvent.stopped = localState.stopped = true;
+                if (pointerState?.hovered.size && Array.from(pointerState.hovered.values()).find((i) => i.eventObject === hit.eventObject)) {
+                  const higher = intersections.slice(0, intersections.indexOf(hit));
+                  cancelPointer([...higher, hit], eventPointerId);
                 }
-                Kn(e), (ye & (Zn | uo)) === Jn && (Pp = me() + Fg, Wa(0));
               }
-            }
-            break;
-          case 31:
-          case 13:
-            n = On(e, 2), n !== null && We(n, e, 2), Ls(), rl(e, 2);
+            },
+            // there should be a distinction between target and currentTarget
+            target: { hasPointerCapture, setPointerCapture, releasePointerCapture },
+            currentTarget: { hasPointerCapture, setPointerCapture, releasePointerCapture },
+            nativeEvent: event
+          };
+          callback(raycastEvent);
+          if (localState.stopped === true) break;
         }
-      }, le.batchedUpdates = function(e, n) {
-        return e(n);
-      }, le.createComponentSelector = function(e) {
-        return { $$typeof: pm, value: e };
-      }, le.createContainer = function(e, n, o, i, s, u, f, p, g, S) {
-        return Ka(e, n, false, null, o, i, u, null, f, p, g, S);
-      }, le.createHasPseudoClassSelector = function(e) {
-        return { $$typeof: hm, value: e };
-      }, le.createHydrationContainer = function(e, n, o, i, s, u, f, p, g, S, T, _, I, O) {
-        return e = Ka(o, i, true, e, s, u, p, O, g, S, T, _), e.context = Dh(null), o = e.current, i = Nt(o), i = Xo(i), s = zo(i), s.callback = n ?? null, Mt(o, s, i), ur(i, "hydrateRoot()", null), n = i, e.current.lanes = n, Ci(e, n), Kn(e), e;
-      }, le.createPortal = function(e, n, o) {
-        var i = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
-        try {
-          vt(i);
-          var s = false;
-        } catch {
-          s = true;
+      }
+    }
+    return intersections;
+  }
+  function cancelPointer(intersections, pointerId) {
+    const { internal } = store.getState();
+    const pid = pointerId ?? DEFAULT_POINTER_ID;
+    const pointerState = internal.pointerMap.get(pid);
+    if (!pointerState) return;
+    for (const [hoveredId, hoveredObj] of pointerState.hovered) {
+      if (!intersections.length || !intersections.find(
+        (hit) => hit.object === hoveredObj.object && hit.index === hoveredObj.index && hit.instanceId === hoveredObj.instanceId
+      )) {
+        const eventObject = hoveredObj.eventObject;
+        const instance = eventObject.__r3f;
+        pointerState.hovered.delete(hoveredId);
+        if (instance?.eventCount) {
+          const handlers = instance.handlers;
+          const data = { ...hoveredObj, intersections };
+          handlers.onPointerOut?.(data);
+          handlers.onPointerLeave?.(data);
+          handlers.onDragOverLeave?.(data);
         }
-        return s && (console.error("The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object"), vt(i)), { $$typeof: Ao, key: i == null ? null : "" + i, children: e, containerInfo: n, implementation: o };
-      }, le.createRoleSelector = function(e) {
-        return { $$typeof: mm, value: e };
-      }, le.createTestNameSelector = function(e) {
-        return { $$typeof: gm, value: e };
-      }, le.createTextSelector = function(e) {
-        return { $$typeof: ym, value: e };
-      }, le.defaultOnCaughtError = function(e) {
-        var n = bd ? "The above error occurred in the <" + bd + "> component." : "The above error occurred in one of your React components.", o = "React will try to recreate this component tree from scratch using the error boundary you provided, " + ((Cg || "Anonymous") + ".");
-        typeof e == "object" && e !== null && typeof e.environmentName == "string" ? ri("error", [`%o
-
-%s
-
-%s
-`, e, n, o], e.environmentName)() : console.error(`%o
-
-%s
-
-%s
-`, e, n, o);
-      }, le.defaultOnRecoverableError = function(e) {
-        qg(e);
-      }, le.defaultOnUncaughtError = function(e) {
-        qg(e), console.warn(`%s
-
-%s
-`, bd ? "An error occurred in the <" + bd + "> component." : "An error occurred in one of your React components.", `Consider adding an error boundary to your tree to customize error handling behavior.
-Visit https://react.dev/link/error-boundaries to learn more about error boundaries.`);
-      }, le.deferredUpdates = function(e) {
-        var n = x.T, o = wt();
-        try {
-          return an(32), x.T = null, e();
-        } finally {
-          an(o), x.T = n;
+      }
+    }
+  }
+  function pointerMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance?.handlers.onPointerMissed?.(event);
+    }
+  }
+  function dragOverMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance?.handlers.onDragOverMissed?.(event);
+    }
+  }
+  function dropMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance?.handlers.onDropMissed?.(event);
+    }
+  }
+  function cleanupPointer(pointerId) {
+    const { internal } = store.getState();
+    const pointerState = internal.pointerMap.get(pointerId);
+    if (pointerState) {
+      for (const [, hoveredObj] of pointerState.hovered) {
+        const eventObject = hoveredObj.eventObject;
+        const instance = eventObject.__r3f;
+        if (instance?.eventCount) {
+          const handlers = instance.handlers;
+          const data = { ...hoveredObj, intersections: [] };
+          handlers.onPointerOut?.(data);
+          handlers.onPointerLeave?.(data);
         }
-      }, le.discreteUpdates = function(e, n, o, i, s) {
-        var u = x.T, f = wt();
-        try {
-          return an(2), x.T = null, e(n, o, i, s);
-        } finally {
-          an(f), x.T = u, ye === Jn && (Pp = me() + Fg);
+      }
+      internal.pointerMap.delete(pointerId);
+    }
+    internal.pointerDirty.delete(pointerId);
+  }
+  function processDeferredPointer(event, pointerId) {
+    const state = store.getState();
+    const { internal } = state;
+    if (!state.events.enabled) return;
+    const filter = filterPointerEvents;
+    const hits = intersect(event, filter);
+    cancelPointer(hits, pointerId);
+    function onIntersect(data) {
+      const eventObject = data.eventObject;
+      const instance = eventObject.__r3f;
+      if (!instance?.eventCount) return;
+      const handlers = instance.handlers;
+      if (handlers.onPointerOver || handlers.onPointerEnter || handlers.onPointerOut || handlers.onPointerLeave) {
+        const id = makeId(data);
+        const pointerState = getPointerState(internal, pointerId);
+        const hoveredItem = pointerState.hovered.get(id);
+        if (!hoveredItem) {
+          pointerState.hovered.set(id, data);
+          handlers.onPointerOver?.(data);
+          handlers.onPointerEnter?.(data);
+        } else if (hoveredItem.stopped) {
+          data.stopPropagation();
+        }
+      }
+      handlers.onPointerMove?.(data);
+    }
+    handleIntersects(hits, event, 0, onIntersect);
+  }
+  function handlePointer(name) {
+    switch (name) {
+      case "onPointerLeave":
+      case "onDragLeave":
+        return () => cancelPointer([]);
+      // Global cancel of these events
+      case "onPointerCancel":
+        return (event) => {
+          const pointerId = getPointerId(event);
+          cleanupPointer(pointerId);
+        };
+      case "onLostPointerCapture":
+        return (event) => {
+          const { internal } = store.getState();
+          const pointerId = getPointerId(event);
+          const pointerState = internal.pointerMap.get(pointerId);
+          if (pointerState?.captured.size) {
+            requestAnimationFrame(() => {
+              const pointerState2 = internal.pointerMap.get(pointerId);
+              if (pointerState2?.captured.size) {
+                pointerState2.captured.clear();
+              }
+              cancelPointer([], pointerId);
+            });
+          }
+        };
+    }
+    return function handleEvent(event) {
+      const state = store.getState();
+      const { onPointerMissed, onDragOverMissed, onDropMissed, internal, events } = state;
+      const pointerId = getPointerId(event);
+      internal.lastEvent.current = event;
+      if (!events.enabled) return;
+      const isPointerMove = name === "onPointerMove";
+      const isDragOver = name === "onDragOver";
+      const isDrop = name === "onDrop";
+      const isClickEvent = name === "onClick" || name === "onContextMenu" || name === "onDoubleClick";
+      const isPointerDown = name === "onPointerDown";
+      const isPointerUp = name === "onPointerUp";
+      const isWheel = name === "onWheel";
+      const canDeferRaycasts = events.frameTimedRaycasts && state.frameloop === "always";
+      if (isPointerMove && canDeferRaycasts) {
+        events.compute?.(event, state);
+        internal.pointerDirty.set(pointerId, event);
+        return;
+      }
+      if (isWheel && canDeferRaycasts && !events.alwaysFireOnScroll) {
+        events.compute?.(event, state);
+        internal.pointerDirty.set(pointerId, event);
+        return;
+      }
+      if ((isClickEvent || isPointerDown || isPointerUp) && internal.pointerDirty.has(pointerId)) {
+        const deferredEvent = internal.pointerDirty.get(pointerId);
+        internal.pointerDirty.delete(pointerId);
+        processDeferredPointer(deferredEvent, pointerId);
+      }
+      const filter = isPointerMove || isDragOver || isDrop ? filterPointerEvents : void 0;
+      const hits = intersect(event, filter);
+      const delta = isClickEvent ? calculateDistance(event, pointerId) : 0;
+      if (isPointerDown) {
+        const pointerState2 = getPointerState(internal, pointerId);
+        pointerState2.initialClick = [event.offsetX, event.offsetY];
+        pointerState2.initialHits = hits.map((hit) => hit.eventObject);
+      }
+      const pointerState = internal.pointerMap.get(pointerId);
+      const initialHits = pointerState?.initialHits ?? [];
+      if (isClickEvent && !hits.length) {
+        if (delta <= 2) {
+          pointerMissed(event, internal.interaction);
+          if (onPointerMissed) onPointerMissed(event);
         }
-      }, le.findAllNodes = kc, le.findBoundingRects = function(e, n) {
-        if (!xr) throw Error("Test selector API is not supported by this renderer.");
-        n = kc(e, n), e = [];
-        for (var o = 0; o < n.length; o++) e.push(ma(n[o]));
-        for (n = e.length - 1; 0 < n; n--) {
-          o = e[n];
-          for (var i = o.x, s = i + o.width, u = o.y, f = u + o.height, p = n - 1; 0 <= p; p--) if (n !== p) {
-            var g = e[p], S = g.x, T = S + g.width, _ = g.y, I = _ + g.height;
-            if (i >= S && u >= _ && s <= T && f <= I) {
-              e.splice(n, 1);
-              break;
-            } else if (i !== S || o.width !== g.width || I < u || _ > f) {
-              if (!(u !== _ || o.height !== g.height || T < i || S > s)) {
-                S > i && (g.width += S - i, g.x = i), T < s && (g.width = s - S), e.splice(n, 1);
-                break;
-              }
-            } else {
-              _ > u && (g.height += _ - u, g.y = u), I < f && (g.height = f - _), e.splice(n, 1);
-              break;
+      }
+      if (isDragOver && !hits.length) {
+        dragOverMissed(event, internal.interaction);
+        if (onDragOverMissed) onDragOverMissed(event);
+      }
+      if (isDrop && !hits.length) {
+        dropMissed(event, internal.interaction);
+        if (onDropMissed) onDropMissed(event);
+      }
+      if (isPointerMove || isDragOver) {
+        cancelPointer(hits, pointerId);
+      }
+      function onIntersect(data) {
+        const eventObject = data.eventObject;
+        const instance = eventObject.__r3f;
+        if (!instance?.eventCount) return;
+        const handlers = instance.handlers;
+        if (isPointerMove) {
+          if (handlers.onPointerOver || handlers.onPointerEnter || handlers.onPointerOut || handlers.onPointerLeave) {
+            const id = makeId(data);
+            const pointerState2 = getPointerState(internal, pointerId);
+            const hoveredItem = pointerState2.hovered.get(id);
+            if (!hoveredItem) {
+              pointerState2.hovered.set(id, data);
+              handlers.onPointerOver?.(data);
+              handlers.onPointerEnter?.(data);
+            } else if (hoveredItem.stopped) {
+              data.stopPropagation();
             }
           }
-        }
-        return e;
-      }, le.findHostInstance = function(e) {
-        var n = e._reactInternals;
-        if (n === void 0) throw typeof e.render == "function" ? Error("Unable to find node on an unmounted component.") : (e = Object.keys(e).join(","), Error("Argument appears to not be a ReactComponent. Keys: " + e));
-        return e = mu(n), e === null ? null : ot(e.stateNode);
-      }, le.findHostInstanceWithNoPortals = function(e) {
-        return e = Ed(e), e = e !== null ? _p(e) : null, e === null ? null : ot(e.stateNode);
-      }, le.findHostInstanceWithWarning = function(e, n) {
-        var o = e._reactInternals;
-        if (o === void 0) throw typeof e.render == "function" ? Error("Unable to find node on an unmounted component.") : (e = Object.keys(e).join(","), Error("Argument appears to not be a ReactComponent. Keys: " + e));
-        if (e = mu(o), e === null) return null;
-        if (e.mode & 8) {
-          var i = G(o) || "Component";
-          mb[i] || (mb[i] = true, B(e, function() {
-            o.mode & 8 ? console.error("%s is deprecated in StrictMode. %s was passed an instance of %s which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://react.dev/link/strict-mode-find-node", n, n, i) : console.error("%s is deprecated in StrictMode. %s was passed an instance of %s which renders StrictMode children. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://react.dev/link/strict-mode-find-node", n, n, i);
-          }));
-        }
-        return ot(e.stateNode);
-      }, le.flushPassiveEffects = el, le.flushSyncFromReconciler = function(e) {
-        var n = ye;
-        ye |= 1;
-        var o = x.T, i = wt();
-        try {
-          if (an(2), x.T = null, e) return e();
-        } finally {
-          an(i), x.T = o, ye = n, (ye & (Zn | uo)) === Jn && Wa(0);
-        }
-      }, le.flushSyncWork = Ls, le.focusWithin = function(e, n) {
-        if (!xr) throw Error("Test selector API is not supported by this renderer.");
-        for (e = Ef(e), n = hh(e, n), n = Array.from(n), e = 0; e < n.length; ) {
-          var o = n[e++], i = o.tag;
-          if (!Kr(o)) {
-            if ((i === 5 || i === 26 || i === 27) && Ft(o.stateNode)) return true;
-            for (o = o.child; o !== null; ) n.push(o), o = o.sibling;
+          handlers.onPointerMove?.(data);
+        } else if (isDragOver) {
+          const id = makeId(data);
+          const pointerState2 = getPointerState(internal, pointerId);
+          const hoveredItem = pointerState2.hovered.get(id);
+          if (!hoveredItem) {
+            pointerState2.hovered.set(id, data);
+            handlers.onDragOverEnter?.(data);
+          } else if (hoveredItem.stopped) {
+            data.stopPropagation();
+          }
+          handlers.onDragOver?.(data);
+        } else if (isDrop) {
+          handlers.onDrop?.(data);
+        } else {
+          const handler = handlers[name];
+          if (handler) {
+            if (!isClickEvent || initialHits.includes(eventObject)) {
+              pointerMissed(
+                event,
+                internal.interaction.filter((object) => !initialHits.includes(object))
+              );
+              handler(data);
+            }
+          } else {
+            if (isClickEvent && initialHits.includes(eventObject)) {
+              pointerMissed(
+                event,
+                internal.interaction.filter((object) => !initialHits.includes(object))
+              );
+            }
           }
         }
-        return false;
-      }, le.getFindAllNodesFailureDescription = function(e, n) {
-        if (!xr) throw Error("Test selector API is not supported by this renderer.");
-        var o = 0, i = [];
-        e = [Ef(e), 0];
-        for (var s = 0; s < e.length; ) {
-          var u = e[s++], f = u.tag, p = e[s++], g = n[p];
-          if ((f !== 5 && f !== 26 && f !== 27 || !Kr(u)) && (If(u, g) && (i.push(Sc(g)), p++, p > o && (o = p)), p < n.length)) for (u = u.child; u !== null; ) e.push(u, p), u = u.sibling;
+      }
+      handleIntersects(hits, event, delta, onIntersect);
+    };
+  }
+  function flushDeferredPointers() {
+    const { internal, events } = store.getState();
+    if (!events.frameTimedRaycasts) return;
+    for (const [pointerId, event] of internal.pointerDirty) {
+      processDeferredPointer(event, pointerId);
+    }
+    internal.pointerDirty.clear();
+  }
+  return { handlePointer, flushDeferredPointers, processDeferredPointer };
+}
+const DOM_EVENTS = {
+  onClick: ["click", false],
+  onContextMenu: ["contextmenu", false],
+  onDoubleClick: ["dblclick", false],
+  onDragEnter: ["dragenter", false],
+  onDragLeave: ["dragleave", false],
+  onDragOver: ["dragover", false],
+  onDrop: ["drop", false],
+  onWheel: ["wheel", true],
+  onPointerDown: ["pointerdown", true],
+  onPointerUp: ["pointerup", true],
+  onPointerLeave: ["pointerleave", true],
+  onPointerMove: ["pointermove", true],
+  onPointerCancel: ["pointercancel", true],
+  onLostPointerCapture: ["lostpointercapture", true]
+};
+function createPointerEvents(store) {
+  const { handlePointer, flushDeferredPointers, processDeferredPointer } = createEvents(store);
+  let nextXRPointerId = XR_POINTER_ID_START;
+  const xrPointers = /* @__PURE__ */ new Map();
+  return {
+    priority: 1,
+    enabled: true,
+    frameTimedRaycasts: true,
+    alwaysFireOnScroll: true,
+    updateOnFrame: false,
+    compute(event, state) {
+      state.pointer.set(event.offsetX / state.size.width * 2 - 1, -(event.offsetY / state.size.height) * 2 + 1);
+      state.raycaster.setFromCamera(state.pointer, state.camera);
+    },
+    connected: void 0,
+    handlers: Object.keys(DOM_EVENTS).reduce(
+      (acc, key) => ({ ...acc, [key]: handlePointer(key) }),
+      {}
+    ),
+    update: (pointerId) => {
+      const { events, internal } = store.getState();
+      if (!events.handlers) return;
+      if (pointerId !== void 0) {
+        const event = internal.pointerDirty.get(pointerId);
+        if (event) {
+          internal.pointerDirty.delete(pointerId);
+          processDeferredPointer(event, pointerId);
+        } else if (internal.lastEvent?.current) {
+          processDeferredPointer(internal.lastEvent.current, pointerId);
         }
-        if (o < n.length) {
-          for (e = []; o < n.length; o++) e.push(Sc(n[o]));
-          return `findAllNodes was able to match part of the selector:
-  ` + (i.join(" > ") + `
-
-No matching component was found for:
-  `) + e.join(" > ");
+      } else {
+        flushDeferredPointers();
+        if (internal.lastEvent?.current) {
+          events.handlers.onPointerMove(internal.lastEvent.current);
         }
-        return null;
-      }, le.getPublicRootInstance = function(e) {
-        if (e = e.current, !e.child) return null;
-        switch (e.child.tag) {
-          case 27:
-          case 5:
-            return ot(e.child.stateNode);
-          default:
-            return e.child.stateNode;
+      }
+    },
+    flush: () => {
+      const { events, internal } = store.getState();
+      flushDeferredPointers();
+      if (events.updateOnFrame && internal.lastEvent?.current && events.handlers) {
+        events.handlers.onPointerMove(internal.lastEvent.current);
+      }
+    },
+    connect: (target) => {
+      if (!target) return;
+      const { set, events } = store.getState();
+      events.disconnect?.();
+      set((state) => ({ events: { ...state.events, connected: target } }));
+      if (events.handlers) {
+        for (const name in events.handlers) {
+          const event = events.handlers[name];
+          const [eventName, passive] = DOM_EVENTS[name];
+          target.addEventListener(eventName, event, { passive });
         }
-      }, le.injectIntoDevTools = function() {
-        var e = { bundleType: 1, version: Jt, rendererPackageName: Zt, currentDispatcherRef: x, reconcilerVersion: "19.2.0" };
-        return jo !== null && (e.rendererConfig = jo), e.overrideHookState = gb, e.overrideHookStateDeletePath = yb, e.overrideHookStateRenamePath = bb, e.overrideProps = vb, e.overridePropsDeletePath = Sb, e.overridePropsRenamePath = kb, e.scheduleUpdate = wb, e.scheduleRetry = Pb, e.setErrorHandler = xb, e.setSuspenseHandler = zb, e.scheduleRefresh = hu, e.scheduleRoot = Fl, e.setRefreshHandler = Ir, e.getCurrentFiber = Ic, Ep(e);
-      }, le.isAlreadyRendering = Ns, le.observeVisibleRects = function(e, n, o, i) {
-        function s() {
-          var S = kc(e, n);
-          u.forEach(function(T) {
-            0 > S.indexOf(T) && g(T);
-          }), S.forEach(function(T) {
-            0 > u.indexOf(T) && p(T);
-          });
+      }
+    },
+    disconnect: () => {
+      const { set, events } = store.getState();
+      if (events.connected) {
+        if (events.handlers) {
+          for (const name in events.handlers) {
+            const event = events.handlers[name];
+            const [eventName] = DOM_EVENTS[name];
+            events.connected.removeEventListener(eventName, event);
+          }
+        }
+        set((state) => ({ events: { ...state.events, connected: void 0 } }));
+      }
+    },
+    // PREVIEW (A8): the XR pointer registration API may change before stable.
+    registerPointer: (config) => {
+      const pointerId = nextXRPointerId++;
+      xrPointers.set(pointerId, config);
+      const { internal } = store.getState();
+      getPointerState(internal, pointerId);
+      return pointerId;
+    },
+    unregisterPointer: (pointerId) => {
+      xrPointers.delete(pointerId);
+      const { internal } = store.getState();
+      const pointerState = internal.pointerMap.get(pointerId);
+      if (pointerState) {
+        for (const [, hoveredObj] of pointerState.hovered) {
+          const eventObject = hoveredObj.eventObject;
+          const instance = eventObject.__r3f;
+          if (instance?.eventCount) {
+            const handlers = instance.handlers;
+            const data = { ...hoveredObj, intersections: [] };
+            handlers.onPointerOut?.(data);
+            handlers.onPointerLeave?.(data);
+          }
         }
-        if (!xr) throw Error("Test selector API is not supported by this renderer.");
-        var u = kc(e, n);
-        o = zr(u, o, i);
-        var f = o.disconnect, p = o.observe, g = o.unobserve;
-        return bm.push(s), { disconnect: function() {
-          var S = bm.indexOf(s);
-          0 <= S && bm.splice(S, 1), f();
-        } };
-      }, le.shouldError = function(e) {
-        return pu(e);
-      }, le.shouldSuspend = function(e) {
-        return fu(e);
-      }, le.startHostTransition = function(e, n, o, i) {
-        if (e.tag !== 5) throw Error("Expected the form instance to be a HostComponent. This is a bug in React.");
-        var s = uf(e).queue;
-        Hp(e), nt(e, s, n, Xt, o === null ? Em : function() {
-          x.T === null && console.error("requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition.");
-          var u = uf(e);
-          return u.next === null && (u = e.alternate.memoizedState), qi(e, u.next.queue, {}, Nt(e)), o(i);
-        });
-      }, le.updateContainer = function(e, n, o, i) {
-        var s = n.current, u = Nt(s);
-        return As(s, u, e, n, o, i), u;
-      }, le.updateContainerSync = Wh, le;
-    }, Tt.exports.default = Tt.exports, Object.defineProperty(Tt.exports, "__esModule", { value: true }));
-  })(Mg)), Mg.exports;
-}
-var Eb;
-function n0() {
-  return Eb || (Eb = 1, process.env.NODE_ENV === "production" ? Rm.exports = Kb() : Rm.exports = e0()), Rm.exports;
+        internal.pointerMap.delete(pointerId);
+      }
+      internal.pointerDirty.delete(pointerId);
+    }
+  };
 }
-var t0 = n0();
-const r0 = Xb(t0);
-
-const t = 1, o = 8, r = 32, e = 2, i$1 = 268435456;
 
 function createReconciler(config) {
   const reconciler2 = r0(config);
@@ -14915,6 +14708,212 @@ function flushSync(fn) {
   return reconciler.flushSyncFromReconciler(fn);
 }
 
+const isRef = (obj) => obj.current && obj.current.isScene;
+const resolveScene = (scene) => isRef(scene) ? scene.current : scene;
+function setEnvProps(background, scene, defaultScene, texture, sceneProps = {}) {
+  sceneProps = {
+    backgroundBlurriness: 0,
+    backgroundIntensity: 1,
+    backgroundRotation: [0, 0, 0],
+    environmentIntensity: 1,
+    environmentRotation: [0, 0, 0],
+    ...sceneProps
+  };
+  const target = resolveScene(scene || defaultScene);
+  const oldbg = target.background;
+  const oldenv = target.environment;
+  const oldSceneProps = {
+    // @ts-ignore
+    backgroundBlurriness: target.backgroundBlurriness,
+    // @ts-ignore
+    backgroundIntensity: target.backgroundIntensity,
+    // @ts-ignore
+    backgroundRotation: target.backgroundRotation?.clone?.() ?? [0, 0, 0],
+    // @ts-ignore
+    environmentIntensity: target.environmentIntensity,
+    // @ts-ignore
+    environmentRotation: target.environmentRotation?.clone?.() ?? [0, 0, 0]
+  };
+  if (background !== "only") target.environment = texture;
+  if (background) target.background = texture;
+  applyProps(target, sceneProps);
+  return () => {
+    if (background !== "only") target.environment = oldenv;
+    if (background) target.background = oldbg;
+    applyProps(target, oldSceneProps);
+  };
+}
+function EnvironmentMap({ scene, background = false, map, ...config }) {
+  const defaultScene = useThree((state) => state.scene);
+  React__namespace.useLayoutEffect(() => {
+    if (map) return setEnvProps(background, scene, defaultScene, map, config);
+  });
+  return null;
+}
+function EnvironmentCube({
+  background = false,
+  scene,
+  blur,
+  backgroundBlurriness,
+  backgroundIntensity,
+  backgroundRotation,
+  environmentIntensity,
+  environmentRotation,
+  ...rest
+}) {
+  const texture = useEnvironment(rest);
+  const defaultScene = useThree((state) => state.scene);
+  React__namespace.useLayoutEffect(() => {
+    return setEnvProps(background, scene, defaultScene, texture, {
+      backgroundBlurriness: blur ?? backgroundBlurriness,
+      backgroundIntensity,
+      backgroundRotation,
+      environmentIntensity,
+      environmentRotation
+    });
+  });
+  React__namespace.useEffect(() => {
+    return () => {
+      texture.dispose();
+    };
+  }, [texture]);
+  return null;
+}
+function EnvironmentPortal({
+  children,
+  near = 0.1,
+  far = 1e3,
+  resolution = 256,
+  frames = 1,
+  map,
+  background = false,
+  blur,
+  backgroundBlurriness,
+  backgroundIntensity,
+  backgroundRotation,
+  environmentIntensity,
+  environmentRotation,
+  scene,
+  files,
+  path,
+  preset = void 0,
+  extensions
+}) {
+  const renderer = useThree((state) => state.renderer);
+  const isLegacy = useThree((state) => state.isLegacy);
+  const defaultScene = useThree((state) => state.scene);
+  const camera = React__namespace.useRef(null);
+  const [virtualScene] = React__namespace.useState(() => new webgpu.Scene());
+  const fbo = React__namespace.useMemo(() => {
+    const fbo2 = isLegacy ? new three.WebGLCubeRenderTarget(resolution) : new webgpu.CubeRenderTarget(resolution);
+    fbo2.texture.type = webgpu.HalfFloatType;
+    return fbo2;
+  }, [resolution, isLegacy]);
+  React__namespace.useEffect(() => {
+    return () => {
+      fbo.dispose();
+    };
+  }, [fbo]);
+  React__namespace.useLayoutEffect(() => {
+    if (frames === 1) {
+      const autoClear = renderer.autoClear;
+      renderer.autoClear = true;
+      camera.current.update(renderer, virtualScene);
+      renderer.autoClear = autoClear;
+    }
+    return setEnvProps(background, scene, defaultScene, fbo.texture, {
+      backgroundBlurriness: blur ?? backgroundBlurriness,
+      backgroundIntensity,
+      backgroundRotation,
+      environmentIntensity,
+      environmentRotation
+    });
+  }, [
+    children,
+    virtualScene,
+    fbo.texture,
+    scene,
+    defaultScene,
+    background,
+    frames,
+    renderer,
+    blur,
+    backgroundBlurriness,
+    backgroundIntensity,
+    backgroundRotation,
+    environmentIntensity,
+    environmentRotation
+  ]);
+  let count = 1;
+  useFrame(() => {
+    if (frames === Infinity || count < frames) {
+      const autoClear = renderer.autoClear;
+      renderer.autoClear = true;
+      camera.current.update(renderer, virtualScene);
+      renderer.autoClear = autoClear;
+      count++;
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx("cubeCamera", { ref: camera, args: [near, far, fbo] }),
+      files || preset ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { background: true, files, preset, path, extensions }) : map ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { background: true, map, extensions }) : null
+    ] }),
+    virtualScene
+  ) });
+}
+function EnvironmentGround(props) {
+  const textureDefault = useEnvironment(props);
+  const texture = props.map || textureDefault;
+  React__namespace.useMemo(() => extend({ GroundProjectedEnvImpl: GroundedSkybox_js.GroundedSkybox }), []);
+  React__namespace.useEffect(() => {
+    return () => {
+      textureDefault.dispose();
+    };
+  }, [textureDefault]);
+  const height = props.ground?.height ?? 15;
+  const radius = props.ground?.radius ?? 60;
+  const scale = props.ground?.scale ?? 1e3;
+  const args = React__namespace.useMemo(
+    () => [texture, height, radius],
+    [texture, height, radius]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { ...props, map: texture }),
+    /* @__PURE__ */ jsxRuntime.jsx("groundProjectedEnvImpl", { args, scale })
+  ] });
+}
+function EnvironmentColor({ color, scene }) {
+  const defaultScene = useThree((state) => state.scene);
+  React__namespace.useLayoutEffect(() => {
+    if (color === void 0) return;
+    const target = resolveScene(scene || defaultScene);
+    const oldBg = target.background;
+    target.background = new webgpu.Color(color);
+    return () => {
+      target.background = oldBg;
+    };
+  });
+  return null;
+}
+function EnvironmentDualSource(props) {
+  const { backgroundFiles, ...envProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...envProps, background: false }),
+    /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...props, files: backgroundFiles, background: "only" })
+  ] });
+}
+function Environment(props) {
+  if (props.color && !props.files && !props.preset && !props.map) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EnvironmentColor, { ...props });
+  }
+  if (props.backgroundFiles && props.backgroundFiles !== props.files) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EnvironmentDualSource, { ...props });
+  }
+  return props.ground ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentGround, { ...props }) : props.map ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentMap, { ...props }) : props.children ? /* @__PURE__ */ jsxRuntime.jsx(EnvironmentPortal, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(EnvironmentCube, { ...props });
+}
+
 function parseBackground(background) {
   if (!background) return null;
   if (typeof background === "object" && !background.isColor) {
@@ -15124,7 +15123,7 @@ function CanvasImpl({
           onDropMissed: (...args) => handleDropMissed.current?.(...args),
           onCreated: (state) => {
             state.events.connect?.(
-              eventSource ? isRef(eventSource) ? eventSource.current : eventSource : divRef.current
+              eventSource ? isRef$1(eventSource) ? eventSource.current : eventSource : divRef.current
             );
             if (eventPrefix) {
               state.setEvents({
@@ -15294,7 +15293,7 @@ exports.isFromRef = isFromRef;
 exports.isObject3D = isObject3D;
 exports.isOnce = isOnce;
 exports.isOrthographicCamera = isOrthographicCamera;
-exports.isRef = isRef;
+exports.isRef = isRef$1;
 exports.isRenderer = isRenderer;
 exports.isTexture = isTexture;
 exports.isVectorLike = isVectorLike;