@react-three/fiber 10.0.0-canary.1be335a → 10.0.0-canary.20de6b2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ import * as three_examples_jsm_inspector_Inspector_js from 'three/examples/jsm/inspector/Inspector.js';
1
2
  import * as three_webgpu from 'three/webgpu';
2
3
  import { CubeRenderTarget, RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera, WebGPURendererParameters } from 'three/webgpu';
3
4
  import { Inspector } from 'three/addons/inspector/Inspector.js';
@@ -11,7 +12,6 @@ import { FrameTimingState, FrameCallback as FrameCallback$1, SchedulerApi, UseFr
11
12
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
12
13
  import { Options } from 'react-use-measure';
13
14
  import * as react_jsx_runtime from 'react/jsx-runtime';
14
- import { ThreeElement as ThreeElement$1, Euler as Euler$3 } from '@react-three/fiber';
15
15
  import { GroundedSkybox } from 'three/examples/jsm/objects/GroundedSkybox.js';
16
16
 
17
17
  function _mergeNamespaces(n, m) {
@@ -41,6 +41,8 @@ function _mergeNamespaces(n, m) {
41
41
  declare const R3F_BUILD_LEGACY = false;
42
42
  declare const R3F_BUILD_WEBGPU = true;
43
43
 
44
+ /** Lazily load the three Inspector. Keeps it out of the eager module graph — see note above. */
45
+ declare function loadInspector(): Promise<typeof three_examples_jsm_inspector_Inspector_js.Inspector>;
44
46
  declare const WebGLRenderer: {
45
47
  new (): {};
46
48
  };
@@ -62,7 +64,8 @@ var THREE = /*#__PURE__*/_mergeNamespaces({
62
64
  WebGLRenderTarget: WebGLRenderTarget,
63
65
  WebGLRenderer: WebGLRenderer,
64
66
  WebGLRendererParameters: WebGLRendererParameters,
65
- WebGLShadowMap: WebGLShadowMap
67
+ WebGLShadowMap: WebGLShadowMap,
68
+ loadInspector: loadInspector
66
69
  }, [three_webgpu]);
67
70
 
68
71
  //* Utility Types ==============================
@@ -500,6 +503,18 @@ interface InternalState {
500
503
  * @see https://threejs.org/docs/#api/en/renderers/common/CanvasTarget
501
504
  */
502
505
  canvasTarget?: CanvasTarget
506
+ /**
507
+ * Set when this root's canvas target has been resized and the backend's cached render pass
508
+ * descriptor (which holds a depth-stencil view built once per canvas) is therefore stale.
509
+ *
510
+ * Flushed by the canvas-target job in the `start` phase, which is the only place this root's
511
+ * target is guaranteed to be the renderer's active one — `backend.updateSize()` operates on
512
+ * whatever `getCanvasTarget()` returns, so calling it from the resize subscription would
513
+ * invalidate some other canvas's descriptor instead.
514
+ *
515
+ * @see https://github.com/pmndrs/react-three-fiber/issues/3847
516
+ */
517
+ canvasTargetSizeDirty?: boolean
503
518
  /**
504
519
  * Whether multi-canvas rendering is active.
505
520
  * True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
@@ -1638,9 +1653,9 @@ type EnvironmentProps = {
1638
1653
  blur?: number;
1639
1654
  backgroundBlurriness?: number;
1640
1655
  backgroundIntensity?: number;
1641
- backgroundRotation?: Euler$3;
1656
+ backgroundRotation?: Euler;
1642
1657
  environmentIntensity?: number;
1643
- environmentRotation?: Euler$3;
1658
+ environmentRotation?: Euler;
1644
1659
  map?: Texture$1;
1645
1660
  preset?: PresetsType;
1646
1661
  scene?: Scene | React$1.RefObject<Scene>;
@@ -1724,7 +1739,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
1724
1739
  declare function EnvironmentPortal({ children, near, far, resolution, frames, map, background, blur, backgroundBlurriness, backgroundIntensity, backgroundRotation, environmentIntensity, environmentRotation, scene, files, path, preset, extensions, }: EnvironmentProps): react_jsx_runtime.JSX.Element;
1725
1740
  declare module '@react-three/fiber' {
1726
1741
  interface ThreeElements {
1727
- groundProjectedEnvImpl: ThreeElement$1<typeof GroundedSkybox>;
1742
+ groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
1728
1743
  }
1729
1744
  }
1730
1745
  /**
@@ -1824,6 +1839,24 @@ declare module '@react-three/fiber' {
1824
1839
  */
1825
1840
  declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
1826
1841
 
1842
+ /**
1843
+ * Moves every trace of interactivity from one object to its replacement, for reconstruction.
1844
+ *
1845
+ * When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
1846
+ * instance. Removing the old object from the interaction state and registering the new one from
1847
+ * scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
1848
+ * the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
1849
+ * is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
1850
+ * swap the user never asked to see (#3744).
1851
+ *
1852
+ * Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
1853
+ * left alone — releasing and re-acquiring it is precisely the glitch being avoided.
1854
+ *
1855
+ * Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
1856
+ * the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
1857
+ * cannot outlive the object it described.
1858
+ */
1859
+ declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
1827
1860
  declare function removeInteractivity(store: RootStore, object: Object3D): void;
1828
1861
  declare function createEvents(store: RootStore): {
1829
1862
  handlePointer: (name: string) => (event: DomEvent) => void;
@@ -1851,50 +1884,6 @@ declare namespace useLoader {
1851
1884
  var loader: typeof getLoader;
1852
1885
  }
1853
1886
 
1854
- /**
1855
- * Frame hook with phase-based ordering, priority, and FPS throttling.
1856
- *
1857
- * Always delivers full RootState — works both inside and outside Canvas context:
1858
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
1859
- * - Outside Canvas: The job registers immediately but the callback is held until a
1860
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
1861
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
1862
- *
1863
- * Returns a controls object for manual stepping, pausing, and resuming.
1864
- *
1865
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
1866
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
1867
- * @returns Controls object with step(), stepAll(), pause(), resume(), isPaused, id, scheduler
1868
- *
1869
- * @example
1870
- * // Simple priority (backwards compat)
1871
- * useFrame((state, delta) => { ... }, 5)
1872
- *
1873
- * @example
1874
- * // With phase-based ordering
1875
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
1876
- *
1877
- * @example
1878
- * // Outside Canvas - callback waits for a Canvas, then always has full state
1879
- * function UI() {
1880
- * useFrame((state, delta) => { syncUI(state.camera) });
1881
- * return <button>...</button>;
1882
- * }
1883
- *
1884
- * @example
1885
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
1886
- * import { getScheduler } from '@pmndrs/scheduler'
1887
- * getScheduler().register((state, delta) => { updateGame(delta) })
1888
- *
1889
- * @example
1890
- * // Scheduler-only access (no callback)
1891
- * const { scheduler } = useFrame()
1892
- * scheduler.pauseJob('some-job-id')
1893
- *
1894
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
1895
- */
1896
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
1897
-
1898
1887
  declare const IsObject: (url: unknown) => url is Record<string, string>;
1899
1888
  type TextureArray<T> = T extends string[] ? Texture$1[] : never;
1900
1889
  type TextureRecord<T> = T extends Record<string, string> ? {
@@ -2080,11 +2069,6 @@ declare function useRenderTarget(width: number, height: number, options?: Render
2080
2069
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usestore
2081
2070
  */
2082
2071
  declare function useStore(): RootStore;
2083
- /**
2084
- * Accesses R3F's internal state, containing renderer, canvas, scene, etc.
2085
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usethree
2086
- */
2087
- declare function useThree<T = RootState>(selector?: (state: RootState) => T, equalityFn?: <T>(state: T, newState: T) => boolean): T;
2088
2072
  /**
2089
2073
  * Exposes an object's {@link Instance}.
2090
2074
  * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#useInstanceHandle
@@ -3249,11 +3233,6 @@ declare function flushSync<R>(fn: () => R): R;
3249
3233
  declare const context: React$1.Context<RootStore>;
3250
3234
  declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
3251
3235
 
3252
- /**
3253
- * Safely flush async effects when testing, simulating a legacy root.
3254
- * @deprecated Import from React instead. import { act } from 'react'
3255
- */
3256
- declare const act: typeof React$1.act;
3257
3236
  /**
3258
3237
  * An SSR-friendly useLayoutEffect.
3259
3238
  *
@@ -4151,5 +4130,23 @@ interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'
4151
4130
  internal: WebGPUInternalState
4152
4131
  }
4153
4132
 
4154
- export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, act, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4155
- export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseTextureOptions, UseTexturesReturn, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };
4133
+ /**
4134
+ * @fileoverview WebGPU entry point - WebGPU only, no legacy WebGL
4135
+ *
4136
+ * This entry point is for apps that want to use ONLY WebGPURenderer.
4137
+ * Includes WebGPU-specific hooks (useUniforms, useNodes, useTextures).
4138
+ * Auto-extends THREE with WebGPU node materials (MeshBasicNodeMaterial, etc.)
4139
+ *
4140
+ * Usage:
4141
+ * import { Canvas, useFrame, useUniforms } from '@react-three/fiber/webgpu'
4142
+ */
4143
+
4144
+ /** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
4145
+ type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
4146
+ /** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
4147
+ type UseFrameWebGPU = (callback?: FrameCallback$1<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
4148
+ declare const useThree: UseThreeWebGPU;
4149
+ declare const useFrame: UseFrameWebGPU;
4150
+
4151
+ export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, swapInteractivity, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4152
+ export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseFrameWebGPU, UseTextureOptions, UseTexturesReturn, UseThreeWebGPU, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };
@@ -1,3 +1,4 @@
1
+ import * as three_examples_jsm_inspector_Inspector_js from 'three/examples/jsm/inspector/Inspector.js';
1
2
  import * as three_webgpu from 'three/webgpu';
2
3
  import { CubeRenderTarget, RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera, WebGPURendererParameters } from 'three/webgpu';
3
4
  import { Inspector } from 'three/addons/inspector/Inspector.js';
@@ -11,7 +12,6 @@ import { FrameTimingState, FrameCallback as FrameCallback$1, SchedulerApi, UseFr
11
12
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
12
13
  import { Options } from 'react-use-measure';
13
14
  import * as react_jsx_runtime from 'react/jsx-runtime';
14
- import { ThreeElement as ThreeElement$1, Euler as Euler$3 } from '@react-three/fiber';
15
15
  import { GroundedSkybox } from 'three/examples/jsm/objects/GroundedSkybox.js';
16
16
 
17
17
  function _mergeNamespaces(n, m) {
@@ -41,6 +41,8 @@ function _mergeNamespaces(n, m) {
41
41
  declare const R3F_BUILD_LEGACY = false;
42
42
  declare const R3F_BUILD_WEBGPU = true;
43
43
 
44
+ /** Lazily load the three Inspector. Keeps it out of the eager module graph — see note above. */
45
+ declare function loadInspector(): Promise<typeof three_examples_jsm_inspector_Inspector_js.Inspector>;
44
46
  declare const WebGLRenderer: {
45
47
  new (): {};
46
48
  };
@@ -62,7 +64,8 @@ var THREE = /*#__PURE__*/_mergeNamespaces({
62
64
  WebGLRenderTarget: WebGLRenderTarget,
63
65
  WebGLRenderer: WebGLRenderer,
64
66
  WebGLRendererParameters: WebGLRendererParameters,
65
- WebGLShadowMap: WebGLShadowMap
67
+ WebGLShadowMap: WebGLShadowMap,
68
+ loadInspector: loadInspector
66
69
  }, [three_webgpu]);
67
70
 
68
71
  //* Utility Types ==============================
@@ -500,6 +503,18 @@ interface InternalState {
500
503
  * @see https://threejs.org/docs/#api/en/renderers/common/CanvasTarget
501
504
  */
502
505
  canvasTarget?: CanvasTarget
506
+ /**
507
+ * Set when this root's canvas target has been resized and the backend's cached render pass
508
+ * descriptor (which holds a depth-stencil view built once per canvas) is therefore stale.
509
+ *
510
+ * Flushed by the canvas-target job in the `start` phase, which is the only place this root's
511
+ * target is guaranteed to be the renderer's active one — `backend.updateSize()` operates on
512
+ * whatever `getCanvasTarget()` returns, so calling it from the resize subscription would
513
+ * invalidate some other canvas's descriptor instead.
514
+ *
515
+ * @see https://github.com/pmndrs/react-three-fiber/issues/3847
516
+ */
517
+ canvasTargetSizeDirty?: boolean
503
518
  /**
504
519
  * Whether multi-canvas rendering is active.
505
520
  * True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
@@ -1638,9 +1653,9 @@ type EnvironmentProps = {
1638
1653
  blur?: number;
1639
1654
  backgroundBlurriness?: number;
1640
1655
  backgroundIntensity?: number;
1641
- backgroundRotation?: Euler$3;
1656
+ backgroundRotation?: Euler;
1642
1657
  environmentIntensity?: number;
1643
- environmentRotation?: Euler$3;
1658
+ environmentRotation?: Euler;
1644
1659
  map?: Texture$1;
1645
1660
  preset?: PresetsType;
1646
1661
  scene?: Scene | React$1.RefObject<Scene>;
@@ -1724,7 +1739,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
1724
1739
  declare function EnvironmentPortal({ children, near, far, resolution, frames, map, background, blur, backgroundBlurriness, backgroundIntensity, backgroundRotation, environmentIntensity, environmentRotation, scene, files, path, preset, extensions, }: EnvironmentProps): react_jsx_runtime.JSX.Element;
1725
1740
  declare module '@react-three/fiber' {
1726
1741
  interface ThreeElements {
1727
- groundProjectedEnvImpl: ThreeElement$1<typeof GroundedSkybox>;
1742
+ groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
1728
1743
  }
1729
1744
  }
1730
1745
  /**
@@ -1824,6 +1839,24 @@ declare module '@react-three/fiber' {
1824
1839
  */
1825
1840
  declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
1826
1841
 
1842
+ /**
1843
+ * Moves every trace of interactivity from one object to its replacement, for reconstruction.
1844
+ *
1845
+ * When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
1846
+ * instance. Removing the old object from the interaction state and registering the new one from
1847
+ * scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
1848
+ * the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
1849
+ * is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
1850
+ * swap the user never asked to see (#3744).
1851
+ *
1852
+ * Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
1853
+ * left alone — releasing and re-acquiring it is precisely the glitch being avoided.
1854
+ *
1855
+ * Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
1856
+ * the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
1857
+ * cannot outlive the object it described.
1858
+ */
1859
+ declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
1827
1860
  declare function removeInteractivity(store: RootStore, object: Object3D): void;
1828
1861
  declare function createEvents(store: RootStore): {
1829
1862
  handlePointer: (name: string) => (event: DomEvent) => void;
@@ -1851,50 +1884,6 @@ declare namespace useLoader {
1851
1884
  var loader: typeof getLoader;
1852
1885
  }
1853
1886
 
1854
- /**
1855
- * Frame hook with phase-based ordering, priority, and FPS throttling.
1856
- *
1857
- * Always delivers full RootState — works both inside and outside Canvas context:
1858
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
1859
- * - Outside Canvas: The job registers immediately but the callback is held until a
1860
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
1861
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
1862
- *
1863
- * Returns a controls object for manual stepping, pausing, and resuming.
1864
- *
1865
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
1866
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
1867
- * @returns Controls object with step(), stepAll(), pause(), resume(), isPaused, id, scheduler
1868
- *
1869
- * @example
1870
- * // Simple priority (backwards compat)
1871
- * useFrame((state, delta) => { ... }, 5)
1872
- *
1873
- * @example
1874
- * // With phase-based ordering
1875
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
1876
- *
1877
- * @example
1878
- * // Outside Canvas - callback waits for a Canvas, then always has full state
1879
- * function UI() {
1880
- * useFrame((state, delta) => { syncUI(state.camera) });
1881
- * return <button>...</button>;
1882
- * }
1883
- *
1884
- * @example
1885
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
1886
- * import { getScheduler } from '@pmndrs/scheduler'
1887
- * getScheduler().register((state, delta) => { updateGame(delta) })
1888
- *
1889
- * @example
1890
- * // Scheduler-only access (no callback)
1891
- * const { scheduler } = useFrame()
1892
- * scheduler.pauseJob('some-job-id')
1893
- *
1894
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
1895
- */
1896
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
1897
-
1898
1887
  declare const IsObject: (url: unknown) => url is Record<string, string>;
1899
1888
  type TextureArray<T> = T extends string[] ? Texture$1[] : never;
1900
1889
  type TextureRecord<T> = T extends Record<string, string> ? {
@@ -2080,11 +2069,6 @@ declare function useRenderTarget(width: number, height: number, options?: Render
2080
2069
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usestore
2081
2070
  */
2082
2071
  declare function useStore(): RootStore;
2083
- /**
2084
- * Accesses R3F's internal state, containing renderer, canvas, scene, etc.
2085
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usethree
2086
- */
2087
- declare function useThree<T = RootState>(selector?: (state: RootState) => T, equalityFn?: <T>(state: T, newState: T) => boolean): T;
2088
2072
  /**
2089
2073
  * Exposes an object's {@link Instance}.
2090
2074
  * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#useInstanceHandle
@@ -3249,11 +3233,6 @@ declare function flushSync<R>(fn: () => R): R;
3249
3233
  declare const context: React$1.Context<RootStore>;
3250
3234
  declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
3251
3235
 
3252
- /**
3253
- * Safely flush async effects when testing, simulating a legacy root.
3254
- * @deprecated Import from React instead. import { act } from 'react'
3255
- */
3256
- declare const act: typeof React$1.act;
3257
3236
  /**
3258
3237
  * An SSR-friendly useLayoutEffect.
3259
3238
  *
@@ -4151,5 +4130,23 @@ interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'
4151
4130
  internal: WebGPUInternalState
4152
4131
  }
4153
4132
 
4154
- export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, act, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4155
- export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseTextureOptions, UseTexturesReturn, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };
4133
+ /**
4134
+ * @fileoverview WebGPU entry point - WebGPU only, no legacy WebGL
4135
+ *
4136
+ * This entry point is for apps that want to use ONLY WebGPURenderer.
4137
+ * Includes WebGPU-specific hooks (useUniforms, useNodes, useTextures).
4138
+ * Auto-extends THREE with WebGPU node materials (MeshBasicNodeMaterial, etc.)
4139
+ *
4140
+ * Usage:
4141
+ * import { Canvas, useFrame, useUniforms } from '@react-three/fiber/webgpu'
4142
+ */
4143
+
4144
+ /** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
4145
+ type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
4146
+ /** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
4147
+ type UseFrameWebGPU = (callback?: FrameCallback$1<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
4148
+ declare const useThree: UseThreeWebGPU;
4149
+ declare const useFrame: UseFrameWebGPU;
4150
+
4151
+ export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, swapInteractivity, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4152
+ export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseFrameWebGPU, UseTextureOptions, UseTexturesReturn, UseThreeWebGPU, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };
@@ -1,3 +1,4 @@
1
+ import * as three_examples_jsm_inspector_Inspector_js from 'three/examples/jsm/inspector/Inspector.js';
1
2
  import * as three_webgpu from 'three/webgpu';
2
3
  import { CubeRenderTarget, RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera, WebGPURendererParameters } from 'three/webgpu';
3
4
  import { Inspector } from 'three/addons/inspector/Inspector.js';
@@ -11,7 +12,6 @@ import { FrameTimingState, FrameCallback as FrameCallback$1, SchedulerApi, UseFr
11
12
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
12
13
  import { Options } from 'react-use-measure';
13
14
  import * as react_jsx_runtime from 'react/jsx-runtime';
14
- import { ThreeElement as ThreeElement$1, Euler as Euler$3 } from '@react-three/fiber';
15
15
  import { GroundedSkybox } from 'three/examples/jsm/objects/GroundedSkybox.js';
16
16
 
17
17
  function _mergeNamespaces(n, m) {
@@ -41,6 +41,8 @@ function _mergeNamespaces(n, m) {
41
41
  declare const R3F_BUILD_LEGACY = false;
42
42
  declare const R3F_BUILD_WEBGPU = true;
43
43
 
44
+ /** Lazily load the three Inspector. Keeps it out of the eager module graph — see note above. */
45
+ declare function loadInspector(): Promise<typeof three_examples_jsm_inspector_Inspector_js.Inspector>;
44
46
  declare const WebGLRenderer: {
45
47
  new (): {};
46
48
  };
@@ -62,7 +64,8 @@ var THREE = /*#__PURE__*/_mergeNamespaces({
62
64
  WebGLRenderTarget: WebGLRenderTarget,
63
65
  WebGLRenderer: WebGLRenderer,
64
66
  WebGLRendererParameters: WebGLRendererParameters,
65
- WebGLShadowMap: WebGLShadowMap
67
+ WebGLShadowMap: WebGLShadowMap,
68
+ loadInspector: loadInspector
66
69
  }, [three_webgpu]);
67
70
 
68
71
  //* Utility Types ==============================
@@ -500,6 +503,18 @@ interface InternalState {
500
503
  * @see https://threejs.org/docs/#api/en/renderers/common/CanvasTarget
501
504
  */
502
505
  canvasTarget?: CanvasTarget
506
+ /**
507
+ * Set when this root's canvas target has been resized and the backend's cached render pass
508
+ * descriptor (which holds a depth-stencil view built once per canvas) is therefore stale.
509
+ *
510
+ * Flushed by the canvas-target job in the `start` phase, which is the only place this root's
511
+ * target is guaranteed to be the renderer's active one — `backend.updateSize()` operates on
512
+ * whatever `getCanvasTarget()` returns, so calling it from the resize subscription would
513
+ * invalidate some other canvas's descriptor instead.
514
+ *
515
+ * @see https://github.com/pmndrs/react-three-fiber/issues/3847
516
+ */
517
+ canvasTargetSizeDirty?: boolean
503
518
  /**
504
519
  * Whether multi-canvas rendering is active.
505
520
  * True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
@@ -1638,9 +1653,9 @@ type EnvironmentProps = {
1638
1653
  blur?: number;
1639
1654
  backgroundBlurriness?: number;
1640
1655
  backgroundIntensity?: number;
1641
- backgroundRotation?: Euler$3;
1656
+ backgroundRotation?: Euler;
1642
1657
  environmentIntensity?: number;
1643
- environmentRotation?: Euler$3;
1658
+ environmentRotation?: Euler;
1644
1659
  map?: Texture$1;
1645
1660
  preset?: PresetsType;
1646
1661
  scene?: Scene | React$1.RefObject<Scene>;
@@ -1724,7 +1739,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
1724
1739
  declare function EnvironmentPortal({ children, near, far, resolution, frames, map, background, blur, backgroundBlurriness, backgroundIntensity, backgroundRotation, environmentIntensity, environmentRotation, scene, files, path, preset, extensions, }: EnvironmentProps): react_jsx_runtime.JSX.Element;
1725
1740
  declare module '@react-three/fiber' {
1726
1741
  interface ThreeElements {
1727
- groundProjectedEnvImpl: ThreeElement$1<typeof GroundedSkybox>;
1742
+ groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
1728
1743
  }
1729
1744
  }
1730
1745
  /**
@@ -1824,6 +1839,24 @@ declare module '@react-three/fiber' {
1824
1839
  */
1825
1840
  declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
1826
1841
 
1842
+ /**
1843
+ * Moves every trace of interactivity from one object to its replacement, for reconstruction.
1844
+ *
1845
+ * When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
1846
+ * instance. Removing the old object from the interaction state and registering the new one from
1847
+ * scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
1848
+ * the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
1849
+ * is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
1850
+ * swap the user never asked to see (#3744).
1851
+ *
1852
+ * Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
1853
+ * left alone — releasing and re-acquiring it is precisely the glitch being avoided.
1854
+ *
1855
+ * Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
1856
+ * the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
1857
+ * cannot outlive the object it described.
1858
+ */
1859
+ declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
1827
1860
  declare function removeInteractivity(store: RootStore, object: Object3D): void;
1828
1861
  declare function createEvents(store: RootStore): {
1829
1862
  handlePointer: (name: string) => (event: DomEvent) => void;
@@ -1851,50 +1884,6 @@ declare namespace useLoader {
1851
1884
  var loader: typeof getLoader;
1852
1885
  }
1853
1886
 
1854
- /**
1855
- * Frame hook with phase-based ordering, priority, and FPS throttling.
1856
- *
1857
- * Always delivers full RootState — works both inside and outside Canvas context:
1858
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
1859
- * - Outside Canvas: The job registers immediately but the callback is held until a
1860
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
1861
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
1862
- *
1863
- * Returns a controls object for manual stepping, pausing, and resuming.
1864
- *
1865
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
1866
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
1867
- * @returns Controls object with step(), stepAll(), pause(), resume(), isPaused, id, scheduler
1868
- *
1869
- * @example
1870
- * // Simple priority (backwards compat)
1871
- * useFrame((state, delta) => { ... }, 5)
1872
- *
1873
- * @example
1874
- * // With phase-based ordering
1875
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
1876
- *
1877
- * @example
1878
- * // Outside Canvas - callback waits for a Canvas, then always has full state
1879
- * function UI() {
1880
- * useFrame((state, delta) => { syncUI(state.camera) });
1881
- * return <button>...</button>;
1882
- * }
1883
- *
1884
- * @example
1885
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
1886
- * import { getScheduler } from '@pmndrs/scheduler'
1887
- * getScheduler().register((state, delta) => { updateGame(delta) })
1888
- *
1889
- * @example
1890
- * // Scheduler-only access (no callback)
1891
- * const { scheduler } = useFrame()
1892
- * scheduler.pauseJob('some-job-id')
1893
- *
1894
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
1895
- */
1896
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
1897
-
1898
1887
  declare const IsObject: (url: unknown) => url is Record<string, string>;
1899
1888
  type TextureArray<T> = T extends string[] ? Texture$1[] : never;
1900
1889
  type TextureRecord<T> = T extends Record<string, string> ? {
@@ -2080,11 +2069,6 @@ declare function useRenderTarget(width: number, height: number, options?: Render
2080
2069
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usestore
2081
2070
  */
2082
2071
  declare function useStore(): RootStore;
2083
- /**
2084
- * Accesses R3F's internal state, containing renderer, canvas, scene, etc.
2085
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usethree
2086
- */
2087
- declare function useThree<T = RootState>(selector?: (state: RootState) => T, equalityFn?: <T>(state: T, newState: T) => boolean): T;
2088
2072
  /**
2089
2073
  * Exposes an object's {@link Instance}.
2090
2074
  * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#useInstanceHandle
@@ -3249,11 +3233,6 @@ declare function flushSync<R>(fn: () => R): R;
3249
3233
  declare const context: React$1.Context<RootStore>;
3250
3234
  declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
3251
3235
 
3252
- /**
3253
- * Safely flush async effects when testing, simulating a legacy root.
3254
- * @deprecated Import from React instead. import { act } from 'react'
3255
- */
3256
- declare const act: typeof React$1.act;
3257
3236
  /**
3258
3237
  * An SSR-friendly useLayoutEffect.
3259
3238
  *
@@ -4151,5 +4130,23 @@ interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'
4151
4130
  internal: WebGPUInternalState
4152
4131
  }
4153
4132
 
4154
- export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, act, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4155
- export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseTextureOptions, UseTexturesReturn, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };
4133
+ /**
4134
+ * @fileoverview WebGPU entry point - WebGPU only, no legacy WebGL
4135
+ *
4136
+ * This entry point is for apps that want to use ONLY WebGPURenderer.
4137
+ * Includes WebGPU-specific hooks (useUniforms, useNodes, useTextures).
4138
+ * Auto-extends THREE with WebGPU node materials (MeshBasicNodeMaterial, etc.)
4139
+ *
4140
+ * Usage:
4141
+ * import { Canvas, useFrame, useUniforms } from '@react-three/fiber/webgpu'
4142
+ */
4143
+
4144
+ /** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
4145
+ type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
4146
+ /** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
4147
+ type UseFrameWebGPU = (callback?: FrameCallback$1<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
4148
+ declare const useThree: UseThreeWebGPU;
4149
+ declare const useFrame: UseFrameWebGPU;
4150
+
4151
+ export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, clearNodeScope, clearRootNodes, clearRootUniforms, clearScope, context, createEvents, createPointerEvents, createPortal, createRoot, createScopedStore, createStore, createTextureOperations, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, rebuildAllBuffers, rebuildAllNodes, rebuildAllStorage, rebuildAllUniforms, reconciler, registerPrimary, removeInteractivity, removeNodes, removeUniforms, resolve, swapInteractivity, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useBuffers, useEnvironment, useFrame, useGPUStorage, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useLocalNodes, useMutableCallback, useNodes, useRenderPipeline, useRenderTarget, useStore, useTexture, useTextures, useThree, useUniform, useUniforms, waitForPrimary };
4152
+ export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferCreator, BufferLike, BufferRecord, BufferStore, BuffersWithUtils, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, ClearBuffersFn, ClearNodesFn, ClearStorageFn, ClearUniformsFn, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, CreatorState, DefaultGLProps, DefaultRendererProps, Disposable, DisposeBuffersFn, DisposeOptions, DisposeStorageFn, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, WebGPUInternalState as InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, LocalNodeCreator, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeCreator, NodeProps, NodeRecord, NodesWithUtils, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, WebGPUR3FRenderer as R3FRenderer, RaycastableRepresentation, ReactProps, RebuildBuffersFn, RebuildNodesFn, RebuildStorageFn, RebuildUniformsFn, ReconcilerRoot, RemoveBuffersFn, RemoveNodesFn, RemoveStorageFn, RemoveUniformsFn, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, WebGPURootState as RootState, RootStore, ScopedStoreType, SetBlock, Size, StorageCreator, StorageLike, StorageRecord, StorageStore, StorageWithUtils, Subscription, TSLNode, TSLNodeInput, TextureEntry, TextureInput, TextureNode, TextureOperations, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UniformCreator, UniformValue, UniformsWithUtils, UseFrameWebGPU, UseTextureOptions, UseTexturesReturn, UseThreeWebGPU, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig, XRManager, XRPointerConfig };