@react-three/fiber 10.0.0-canary.f81281f → 10.0.0-canary.fbc659b

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.
Files changed (39) hide show
  1. package/dist/extension.cjs +8 -7
  2. package/dist/extension.d.cts +10 -47
  3. package/dist/extension.d.mts +10 -47
  4. package/dist/extension.d.ts +10 -47
  5. package/dist/extension.mjs +1 -1
  6. package/dist/index.cjs +14 -15
  7. package/dist/index.d.cts +13 -13
  8. package/dist/index.d.mts +13 -13
  9. package/dist/index.d.ts +13 -13
  10. package/dist/index.mjs +4 -5
  11. package/dist/legacy.cjs +37 -15
  12. package/dist/legacy.d.cts +10 -7
  13. package/dist/legacy.d.mts +10 -7
  14. package/dist/legacy.d.ts +10 -7
  15. package/dist/legacy.mjs +13 -5
  16. package/dist/shared/fiber.BdIbKbh7.mjs +16563 -0
  17. package/dist/shared/{fiber.C_v1rkNg.mjs → fiber.Biz9olEe.mjs} +214 -62
  18. package/dist/shared/fiber.C6hitYDY.d.cts +48 -0
  19. package/dist/shared/{fiber.Bw8YnGg5.d.cts → fiber.C_MFx7We.d.cts} +555 -19
  20. package/dist/shared/{fiber.Bw8YnGg5.d.mts → fiber.C_MFx7We.d.mts} +555 -19
  21. package/dist/shared/{fiber.Bw8YnGg5.d.ts → fiber.C_MFx7We.d.ts} +555 -19
  22. package/dist/shared/{fiber.DAg-9ieU.d.ts → fiber.CtivZ3IY.d.ts} +190 -548
  23. package/dist/shared/{fiber.Ddgoyqql.d.mts → fiber.CvlK0a1Z.d.mts} +190 -548
  24. package/dist/shared/fiber.D4fD6H74.d.mts +48 -0
  25. package/dist/shared/{fiber.B6zNSmwj.cjs → fiber.DfiCufha.cjs} +222 -60
  26. package/dist/shared/{fiber.DiPB625B.d.cts → fiber.VTTQNnlj.d.cts} +190 -548
  27. package/dist/shared/fiber.YgTUGbja.d.ts +48 -0
  28. package/dist/shared/fiber.nDnBf1np.cjs +16661 -0
  29. package/dist/webgpu/index.cjs +13 -13
  30. package/dist/webgpu/index.d.cts +12 -7
  31. package/dist/webgpu/index.d.mts +12 -7
  32. package/dist/webgpu/index.d.ts +12 -7
  33. package/dist/webgpu/index.mjs +4 -4
  34. package/package.json +8 -8
  35. package/readme.md +1 -1
  36. package/dist/chunks/webgl.cjs +0 -27
  37. package/dist/chunks/webgl.mjs +0 -11
  38. package/dist/shared/fiber.BGL2rpse.cjs +0 -15129
  39. package/dist/shared/fiber.Ch4JrXS2.mjs +0 -15031
@@ -1,12 +1,13 @@
1
1
  'use strict';
2
2
 
3
- const extensions = require('./shared/fiber.B6zNSmwj.cjs');
3
+ const textureStaging = require('./shared/fiber.DfiCufha.cjs');
4
4
 
5
5
 
6
6
 
7
- exports.context = extensions.context;
8
- exports.registerRootExtension = extensions.registerRootExtension;
9
- exports.setRenderOverride = extensions.setRenderOverride;
10
- exports.useFrame = extensions.useFrame;
11
- exports.useStore = extensions.useStore;
12
- exports.useThree = extensions.useThree;
7
+ exports.context = textureStaging.context;
8
+ exports.getTextureView = textureStaging.getTextureView;
9
+ exports.registerRootExtension = textureStaging.registerRootExtension;
10
+ exports.setRenderOverride = textureStaging.setRenderOverride;
11
+ exports.useFrame = textureStaging.useFrame;
12
+ exports.useStore = textureStaging.useStore;
13
+ exports.useThree = textureStaging.useThree;
@@ -1,56 +1,19 @@
1
- import { z as FrameNextCallback } from './shared/fiber.Bw8YnGg5.cjs';
2
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, G as FrameCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, b as RenderCallback, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, T as ThreeEvent, U as UnblockProps, V as Viewport, m as VisibilityEntry, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.cjs';
3
- import { UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
1
+ import { K as RootStore } from './shared/fiber.C_MFx7We.cjs';
2
+ export { aF as Act, aG as Bridge, W as Camera, a2 as ComputeFunction, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, a1 as FilterFunction, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, B as RenderCallback, w as RootExtension, J as RootState, aH as SetBlock, z as Size, S as Subscription, aE as ThreeCamera, Z as ThreeEvent, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.cjs';
3
+ export { u as useFrame } from './shared/fiber.C6hitYDY.cjs';
4
+ import { Texture } from 'three';
4
5
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, SchedulerApi, UseFrameNextOptions, UseFrameOptions } from '@pmndrs/scheduler';
5
- import 'react';
6
- import 'three';
7
6
  import 'three/webgpu';
7
+ import 'react';
8
8
  import 'zustand';
9
9
  import 'zustand/traditional';
10
10
  import 'three/tsl';
11
11
 
12
12
  /**
13
- * Frame hook with phase-based ordering, priority, and FPS throttling.
14
- *
15
- * Always delivers full RootState — works both inside and outside Canvas context:
16
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
17
- * - Outside Canvas: The job registers immediately but the callback is held until a
18
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
19
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
20
- *
21
- * Returns a controls object for manual stepping, pausing, and resuming.
22
- *
23
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
24
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
25
- * @returns Controls object with step(), stepAll(), invalidate(), pause(), resume(), isPaused, id, rootId, scheduler
26
- *
27
- * @example
28
- * // Simple priority (backwards compat)
29
- * useFrame((state, delta) => { ... }, 5)
30
- *
31
- * @example
32
- * // With phase-based ordering
33
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
34
- *
35
- * @example
36
- * // Outside Canvas - callback waits for a Canvas, then always has full state
37
- * function UI() {
38
- * useFrame((state, delta) => { syncUI(state.camera) });
39
- * return <button>...</button>;
40
- * }
41
- *
42
- * @example
43
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
44
- * import { getScheduler } from '@pmndrs/scheduler'
45
- * getScheduler().register((state, delta) => { updateGame(delta) })
46
- *
47
- * @example
48
- * // Scheduler-only access (no callback)
49
- * const { scheduler } = useFrame()
50
- * scheduler.pauseJob('some-job-id')
51
- *
52
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
13
+ * The texture registry as a reader during render should see it: registered textures, plus those a
14
+ * `useTexture` earlier in this render loaded but has not registered yet. Returns the registry Map
15
+ * itself when nothing is staged. Read-only: register through `useTexture` / `useTextures().add`.
53
16
  */
54
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
17
+ declare function getTextureView(store: RootStore): ReadonlyMap<string, Texture>;
55
18
 
56
- export { FrameNextCallback, useFrame };
19
+ export { RootStore, getTextureView };
@@ -1,56 +1,19 @@
1
- import { z as FrameNextCallback } from './shared/fiber.Bw8YnGg5.mjs';
2
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, G as FrameCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, b as RenderCallback, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, T as ThreeEvent, U as UnblockProps, V as Viewport, m as VisibilityEntry, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.mjs';
3
- import { UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
1
+ import { K as RootStore } from './shared/fiber.C_MFx7We.mjs';
2
+ export { aF as Act, aG as Bridge, W as Camera, a2 as ComputeFunction, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, a1 as FilterFunction, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, B as RenderCallback, w as RootExtension, J as RootState, aH as SetBlock, z as Size, S as Subscription, aE as ThreeCamera, Z as ThreeEvent, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.mjs';
3
+ export { u as useFrame } from './shared/fiber.D4fD6H74.mjs';
4
+ import { Texture } from 'three';
4
5
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, SchedulerApi, UseFrameNextOptions, UseFrameOptions } from '@pmndrs/scheduler';
5
- import 'react';
6
- import 'three';
7
6
  import 'three/webgpu';
7
+ import 'react';
8
8
  import 'zustand';
9
9
  import 'zustand/traditional';
10
10
  import 'three/tsl';
11
11
 
12
12
  /**
13
- * Frame hook with phase-based ordering, priority, and FPS throttling.
14
- *
15
- * Always delivers full RootState — works both inside and outside Canvas context:
16
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
17
- * - Outside Canvas: The job registers immediately but the callback is held until a
18
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
19
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
20
- *
21
- * Returns a controls object for manual stepping, pausing, and resuming.
22
- *
23
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
24
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
25
- * @returns Controls object with step(), stepAll(), invalidate(), pause(), resume(), isPaused, id, rootId, scheduler
26
- *
27
- * @example
28
- * // Simple priority (backwards compat)
29
- * useFrame((state, delta) => { ... }, 5)
30
- *
31
- * @example
32
- * // With phase-based ordering
33
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
34
- *
35
- * @example
36
- * // Outside Canvas - callback waits for a Canvas, then always has full state
37
- * function UI() {
38
- * useFrame((state, delta) => { syncUI(state.camera) });
39
- * return <button>...</button>;
40
- * }
41
- *
42
- * @example
43
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
44
- * import { getScheduler } from '@pmndrs/scheduler'
45
- * getScheduler().register((state, delta) => { updateGame(delta) })
46
- *
47
- * @example
48
- * // Scheduler-only access (no callback)
49
- * const { scheduler } = useFrame()
50
- * scheduler.pauseJob('some-job-id')
51
- *
52
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
13
+ * The texture registry as a reader during render should see it: registered textures, plus those a
14
+ * `useTexture` earlier in this render loaded but has not registered yet. Returns the registry Map
15
+ * itself when nothing is staged. Read-only: register through `useTexture` / `useTextures().add`.
53
16
  */
54
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
17
+ declare function getTextureView(store: RootStore): ReadonlyMap<string, Texture>;
55
18
 
56
- export { FrameNextCallback, useFrame };
19
+ export { RootStore, getTextureView };
@@ -1,56 +1,19 @@
1
- import { z as FrameNextCallback } from './shared/fiber.Bw8YnGg5.js';
2
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, G as FrameCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, b as RenderCallback, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, T as ThreeEvent, U as UnblockProps, V as Viewport, m as VisibilityEntry, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.js';
3
- import { UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
1
+ import { K as RootStore } from './shared/fiber.C_MFx7We.js';
2
+ export { aF as Act, aG as Bridge, W as Camera, a2 as ComputeFunction, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, a1 as FilterFunction, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, B as RenderCallback, w as RootExtension, J as RootState, aH as SetBlock, z as Size, S as Subscription, aE as ThreeCamera, Z as ThreeEvent, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.js';
3
+ export { u as useFrame } from './shared/fiber.YgTUGbja.js';
4
+ import { Texture } from 'three';
4
5
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, SchedulerApi, UseFrameNextOptions, UseFrameOptions } from '@pmndrs/scheduler';
5
- import 'react';
6
- import 'three';
7
6
  import 'three/webgpu';
7
+ import 'react';
8
8
  import 'zustand';
9
9
  import 'zustand/traditional';
10
10
  import 'three/tsl';
11
11
 
12
12
  /**
13
- * Frame hook with phase-based ordering, priority, and FPS throttling.
14
- *
15
- * Always delivers full RootState — works both inside and outside Canvas context:
16
- * - Inside Canvas: Full RootState (renderer, scene, camera, etc.)
17
- * - Outside Canvas: The job registers immediately but the callback is held until a
18
- * Canvas adopts it, then runs with full RootState. For hostless / standalone
19
- * frame loops with no Canvas, use `@pmndrs/scheduler` directly.
20
- *
21
- * Returns a controls object for manual stepping, pausing, and resuming.
22
- *
23
- * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
24
- * @param priorityOrOptions - Either a priority number (backwards compat) or options object
25
- * @returns Controls object with step(), stepAll(), invalidate(), pause(), resume(), isPaused, id, rootId, scheduler
26
- *
27
- * @example
28
- * // Simple priority (backwards compat)
29
- * useFrame((state, delta) => { ... }, 5)
30
- *
31
- * @example
32
- * // With phase-based ordering
33
- * useFrame((state, delta) => { ... }, { phase: 'physics' })
34
- *
35
- * @example
36
- * // Outside Canvas - callback waits for a Canvas, then always has full state
37
- * function UI() {
38
- * useFrame((state, delta) => { syncUI(state.camera) });
39
- * return <button>...</button>;
40
- * }
41
- *
42
- * @example
43
- * // Hostless / standalone loop (no Canvas) - use @pmndrs/scheduler directly
44
- * import { getScheduler } from '@pmndrs/scheduler'
45
- * getScheduler().register((state, delta) => { updateGame(delta) })
46
- *
47
- * @example
48
- * // Scheduler-only access (no callback)
49
- * const { scheduler } = useFrame()
50
- * scheduler.pauseJob('some-job-id')
51
- *
52
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
13
+ * The texture registry as a reader during render should see it: registered textures, plus those a
14
+ * `useTexture` earlier in this render loaded but has not registered yet. Returns the registry Map
15
+ * itself when nothing is staged. Read-only: register through `useTexture` / `useTextures().add`.
53
16
  */
54
- declare function useFrame(callback?: FrameNextCallback, priorityOrOptions?: number | UseFrameNextOptions): FrameNextControls;
17
+ declare function getTextureView(store: RootStore): ReadonlyMap<string, Texture>;
55
18
 
56
- export { FrameNextCallback, useFrame };
19
+ export { RootStore, getTextureView };
@@ -1 +1 @@
1
- export { c as context, r as registerRootExtension, s as setRenderOverride, b as useFrame, u as useStore, a as useThree } from './shared/fiber.C_v1rkNg.mjs';
1
+ export { c as context, g as getTextureView, r as registerRootExtension, s as setRenderOverride, b as useFrame, u as useStore, a as useThree } from './shared/fiber.Biz9olEe.mjs';
package/dist/index.cjs CHANGED
@@ -1,14 +1,13 @@
1
1
  'use strict';
2
2
 
3
3
  const jsxRuntime = require('react/jsx-runtime');
4
- const Canvas$1 = require('./shared/fiber.BGL2rpse.cjs');
5
- const extensions = require('./shared/fiber.B6zNSmwj.cjs');
4
+ const Canvas$1 = require('./shared/fiber.nDnBf1np.cjs');
5
+ const textureStaging = require('./shared/fiber.DfiCufha.cjs');
6
6
  const scheduler = require('@pmndrs/scheduler');
7
7
 
8
- const R3F_BUILD_LEGACY = true;
8
+ const R3F_BUILD_LEGACY = false;
9
9
  const R3F_BUILD_WEBGPU = true;
10
10
  const provider = {
11
- webgl: () => import('./chunks/webgl.cjs').then((m) => m.webglSupport),
12
11
  webgpu: () => import('./chunks/webgpu.cjs').then((m) => m.webgpuSupport)
13
12
  };
14
13
  function createRoot(canvas) {
@@ -95,17 +94,17 @@ exports.useTexture = Canvas$1.useTexture;
95
94
  exports.useTextures = Canvas$1.useTextures;
96
95
  exports.waitForPrimary = Canvas$1.waitForPrimary;
97
96
  exports.whenThree = Canvas$1.whenThree;
98
- exports.Block = extensions.Block;
99
- exports.ErrorBoundary = extensions.ErrorBoundary;
100
- exports.context = extensions.context;
101
- exports.registerRootExtension = extensions.registerRootExtension;
102
- exports.setRenderOverride = extensions.setRenderOverride;
103
- exports.useBridge = extensions.useBridge;
104
- exports.useFrame = extensions.useFrame;
105
- exports.useIsomorphicLayoutEffect = extensions.useIsomorphicLayoutEffect;
106
- exports.useMutableCallback = extensions.useMutableCallback;
107
- exports.useStore = extensions.useStore;
108
- exports.useThree = extensions.useThree;
97
+ exports.Block = textureStaging.Block;
98
+ exports.ErrorBoundary = textureStaging.ErrorBoundary;
99
+ exports.context = textureStaging.context;
100
+ exports.registerRootExtension = textureStaging.registerRootExtension;
101
+ exports.setRenderOverride = textureStaging.setRenderOverride;
102
+ exports.useBridge = textureStaging.useBridge;
103
+ exports.useFrame = textureStaging.useFrame;
104
+ exports.useIsomorphicLayoutEffect = textureStaging.useIsomorphicLayoutEffect;
105
+ exports.useMutableCallback = textureStaging.useMutableCallback;
106
+ exports.useStore = textureStaging.useStore;
107
+ exports.useThree = textureStaging.useThree;
109
108
  exports.Scheduler = scheduler.Scheduler;
110
109
  exports.getScheduler = scheduler.getScheduler;
111
110
  exports.Canvas = Canvas;
package/dist/index.d.cts CHANGED
@@ -1,17 +1,16 @@
1
1
  import * as ThreeWebGPU from 'three/webgpu';
2
2
  import * as THREE from 'three';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, v as RenderTargetOptions, u as ReconcilerRoot, s as CanvasProps } from './shared/fiber.DiPB625B.cjs';
5
- export { a7 as Args, a8 as ArgsProp, a4 as AttachFnType, a5 as AttachType, ae as BackgroundConfig, af as BackgroundProp, I as BaseRendererProps, b8 as Block, $ as CameraProps, Y as CanvasSchedulerConfig, a6 as Catalogue, P as ColorManagementConfig, S as DefaultGLProps, X as DefaultRendererProps, aO as DisposeOptions, ay as Environment, aw as EnvironmentCube, aR as EnvironmentLoaderProps, av as EnvironmentMap, ax as EnvironmentPortal, au as EnvironmentProps, b9 as ErrorBoundary, am as Extensions, bD as FROM_REF, a2 as FiberRoot, bE as FromRefMarker, U as GLProps, ai as GLTFLike, ad as GlobalEffectType, ac as GlobalRenderCallback, ab as HostConfig, ak as InferLoadResult, a1 as InjectState, ag as InputLike, aa as Instance, a9 as InstanceProps, aH as IsObject, x as LegacyInternalState, y as LegacyRenderer, t as LegacyRootState, aj as LoaderInstance, ah as LoaderLike, al as LoaderResult, aI as MappedTextureType, bH as ONCE, H as OffscreenCanvas, bJ as OnceValue, b2 as Portal, aA as PresetsType, an as PrimaryCanvasEntry, ba as REACT_INTERNAL_PROPS, bi as RESERVED_PROPS, a0 as RenderProps, K as Renderer, Z as RendererConfigExtended, J as RendererFactory, _ as RendererProps, a3 as Root, aL as Texture, aM as TextureInput, aN as TextureResult, aJ as UseTextureOptions, aP as UseTexturesReturn, z as WebGLDefaultProps, W as WebGLProps, A as WebGLShadowConfig, a$ as _roots, aU as addAfterEffect, aT as addEffect, aV as addTail, aX as advance, bn as applyProps, bk as attach, bd as buildGraph, bo as calculateDpr, aD as createEvents, w as createPointerEvents, b1 as createPortal, b4 as createStore, bl as detach, bm as diffProps, be as dispose, w as events, aY as extend, bb as findInitialRoot, b3 as flushSync, bF as fromRef, bf as getInstanceProps, ap as getPrimary, at as getPrimaryIds, bc as getRootState, B as getThree, bp as getUuidPrefix, bC as hasConstructor, ar as hasPrimary, D as hasThree, aW as invalidate, bh as invalidateInstance, bs as is, bv as isColorRepresentation, bB as isCopyable, bG as isFromRef, by as isLayers, bw as isObject3D, bK as isOnce, bt as isOrthographicCamera, bu as isRef, a_ as isRenderer, bx as isTexture, bz as isUniform, bA as isVectorLike, bI as once, bg as prepare, az as presetsObj, aZ as reconciler, ao as registerPrimary, aC as removeInteractivity, bj as resolve, aB as swapInteractivity, b0 as unmountComponentAtNode, as as unregisterPrimary, bq as updateCamera, br as updateFrustum, b7 as useBridge, aS as useEnvironment, aF as useGraph, aE as useInstanceHandle, b5 as useIsomorphicLayoutEffect, aG as useLoader, b6 as useMutableCallback, aK as useTexture, aQ as useTextures, aq as waitForPrimary, F as whenThree } from './shared/fiber.DiPB625B.cjs';
6
- import { a0 as R3FRenderTarget } from './shared/fiber.Bw8YnGg5.cjs';
7
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, $ as ForRegisteredRenderer, G as FrameCallback, z as FrameNextCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, K as OcclusionSupport, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, a1 as R3FRendererSupport, Z as Register, _ as RegisteredRenderer, b as RenderCallback, Y as RendererProvider, Q as RendererSupport, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, J as ThreeCore, T as ThreeEvent, H as ThreeNamespace, U as UnblockProps, V as Viewport, m as VisibilityEntry, W as WebGLSupport, L as WebGPUSupport, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.cjs';
3
+ import * as React from 'react';
4
+ import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, s as R3FRenderTarget, t as ReconcilerRoot } from './shared/fiber.C_MFx7We.cjs';
5
+ export { aF as Act, at as Args, au as ArgsProp, aq as AttachFnType, ar as AttachType, a8 as BaseRendererProps, aG as Bridge, W as Camera, ak as CameraProps, ah as CanvasSchedulerConfig, as as Catalogue, ab as ColorManagementConfig, a2 as ComputeFunction, ae as DefaultGLProps, ag as DefaultRendererProps, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, an as FiberRoot, a1 as FilterFunction, aZ as ForRegisteredRenderer, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, af as GLProps, ax as HostConfig, am as InjectState, aw as Instance, av as InstanceProps, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, aS as OcclusionSupport, a7 as OffscreenCanvas, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, a_ as R3FRendererSupport, aX as Register, aY as RegisteredRenderer, B as RenderCallback, al as RenderProps, aa as Renderer, ai as RendererConfigExtended, a9 as RendererFactory, aj as RendererProps, aW as RendererProvider, ad as RendererSettingsConfig, aV as RendererSupport, ap as Root, w as RootExtension, J as RootState, K as RootStore, aH as SetBlock, ac as ShadowsConfig, z as Size, S as Subscription, aE as ThreeCamera, aR as ThreeCore, Z as ThreeEvent, aQ as ThreeNamespace, ao as TrackedPromise, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, aT as WebGLSupport, aU as WebGPUSupport, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.cjs';
6
+ import { R as RenderTargetOptions, C as CanvasProps } from './shared/fiber.VTTQNnlj.cjs';
7
+ export { B as BackgroundConfig, p as BackgroundProp, ai as Block, a3 as DisposeOptions, M as Environment, J as EnvironmentCube, a6 as EnvironmentLoaderProps, H as EnvironmentMap, K as EnvironmentPortal, F as EnvironmentProps, aj as ErrorBoundary, E as Extensions, aN as FROM_REF, aO as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, Y as IsObject, A as LegacyInternalState, z as LegacyRenderer, D as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Z as MappedTextureType, aR as ONCE, aT as OnceValue, ae as Portal, O as PresetsType, P as PrimaryCanvasEntry, ao as REACT_INTERNAL_PROPS, aw as RESERVED_PROPS, a0 as Texture, a1 as TextureInput, a2 as TextureResult, _ as UseTextureOptions, a4 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, ab as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aB as applyProps, ay as attach, ar as buildGraph, ak as calculateDpr, T as createEvents, c as createPointerEvents, ad as createPortal, k as createStore, az as detach, aA as diffProps, as as dispose, c as events, a8 as extend, ap as findInitialRoot, aa as flushSync, aP as fromRef, at as getInstanceProps, g as getPrimary, j as getPrimaryIds, aq as getRootState, l as getThree, al as getUuidPrefix, aM as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, av as invalidateInstance, aC as is, aF as isColorRepresentation, aL as isCopyable, aQ as isFromRef, aI as isLayers, aG as isObject3D, aU as isOnce, aD as isOrthographicCamera, aE as isRef, f as isRenderer, aH as isTexture, aJ as isUniform, aK as isVectorLike, aS as once, au as prepare, N as presetsObj, a9 as reconciler, r as registerPrimary, S as removeInteractivity, ax as resolve, Q as swapInteractivity, ac as unmountComponentAtNode, u as unregisterPrimary, am as updateCamera, an as updateFrustum, ah as useBridge, a7 as useEnvironment, V as useGraph, U as useInstanceHandle, af as useIsomorphicLayoutEffect, X as useLoader, ag as useMutableCallback, $ as useTexture, a5 as useTextures, w as waitForPrimary, n as whenThree } from './shared/fiber.VTTQNnlj.cjs';
8
8
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
9
- export { useFrame } from './extension.cjs';
10
- import 'react';
11
- import 'react-use-measure';
9
+ export { u as useFrame } from './shared/fiber.C6hitYDY.cjs';
12
10
  import 'zustand';
13
11
  import 'zustand/traditional';
14
12
  import 'three/tsl';
13
+ import 'react-use-measure';
15
14
 
16
15
  /**
17
16
  * The `ReactThreeFiber` namespace of the default entry: the shared element types plus this entry's JSX map.
@@ -117,18 +116,19 @@ declare function useRenderTarget(options?: RenderTargetOptions): R3FRenderTarget
117
116
  declare function useRenderTarget(size: number, options?: RenderTargetOptions): R3FRenderTarget;
118
117
  declare function useRenderTarget(width: number, height: number, options?: RenderTargetOptions): R3FRenderTarget;
119
118
 
120
- declare const R3F_BUILD_LEGACY = true;
119
+ declare const R3F_BUILD_LEGACY = false;
121
120
  declare const R3F_BUILD_WEBGPU = true;
122
121
  /**
123
- * Create a root on a canvas. Renders with WebGL unless `configure({ renderer })` asks for WebGPU.
122
+ * Create a root on a canvas. Renders with `WebGPURenderer`; for `WebGLRenderer`, import `createRoot`
123
+ * from `@react-three/fiber/legacy`.
124
124
  */
125
125
  declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
126
126
  /**
127
- * A DOM canvas which accepts threejs elements as children. Renders with WebGL by default and with
128
- * WebGPU when given the `renderer` prop.
127
+ * A DOM canvas which accepts threejs elements as children. Renders with `WebGPURenderer`; for
128
+ * `WebGLRenderer`, import `Canvas` from `@react-three/fiber/legacy`.
129
129
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
130
130
  */
131
- declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
131
+ declare function Canvas(props: CanvasProps): React.JSX.Element;
132
132
  /** Three.js constructors available as JSX elements on this entry. */
133
133
  type ThreeExports = typeof THREE & typeof ThreeWebGPU;
134
134
  interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
package/dist/index.d.mts CHANGED
@@ -1,17 +1,16 @@
1
1
  import * as ThreeWebGPU from 'three/webgpu';
2
2
  import * as THREE from 'three';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, v as RenderTargetOptions, u as ReconcilerRoot, s as CanvasProps } from './shared/fiber.Ddgoyqql.mjs';
5
- export { a7 as Args, a8 as ArgsProp, a4 as AttachFnType, a5 as AttachType, ae as BackgroundConfig, af as BackgroundProp, I as BaseRendererProps, b8 as Block, $ as CameraProps, Y as CanvasSchedulerConfig, a6 as Catalogue, P as ColorManagementConfig, S as DefaultGLProps, X as DefaultRendererProps, aO as DisposeOptions, ay as Environment, aw as EnvironmentCube, aR as EnvironmentLoaderProps, av as EnvironmentMap, ax as EnvironmentPortal, au as EnvironmentProps, b9 as ErrorBoundary, am as Extensions, bD as FROM_REF, a2 as FiberRoot, bE as FromRefMarker, U as GLProps, ai as GLTFLike, ad as GlobalEffectType, ac as GlobalRenderCallback, ab as HostConfig, ak as InferLoadResult, a1 as InjectState, ag as InputLike, aa as Instance, a9 as InstanceProps, aH as IsObject, x as LegacyInternalState, y as LegacyRenderer, t as LegacyRootState, aj as LoaderInstance, ah as LoaderLike, al as LoaderResult, aI as MappedTextureType, bH as ONCE, H as OffscreenCanvas, bJ as OnceValue, b2 as Portal, aA as PresetsType, an as PrimaryCanvasEntry, ba as REACT_INTERNAL_PROPS, bi as RESERVED_PROPS, a0 as RenderProps, K as Renderer, Z as RendererConfigExtended, J as RendererFactory, _ as RendererProps, a3 as Root, aL as Texture, aM as TextureInput, aN as TextureResult, aJ as UseTextureOptions, aP as UseTexturesReturn, z as WebGLDefaultProps, W as WebGLProps, A as WebGLShadowConfig, a$ as _roots, aU as addAfterEffect, aT as addEffect, aV as addTail, aX as advance, bn as applyProps, bk as attach, bd as buildGraph, bo as calculateDpr, aD as createEvents, w as createPointerEvents, b1 as createPortal, b4 as createStore, bl as detach, bm as diffProps, be as dispose, w as events, aY as extend, bb as findInitialRoot, b3 as flushSync, bF as fromRef, bf as getInstanceProps, ap as getPrimary, at as getPrimaryIds, bc as getRootState, B as getThree, bp as getUuidPrefix, bC as hasConstructor, ar as hasPrimary, D as hasThree, aW as invalidate, bh as invalidateInstance, bs as is, bv as isColorRepresentation, bB as isCopyable, bG as isFromRef, by as isLayers, bw as isObject3D, bK as isOnce, bt as isOrthographicCamera, bu as isRef, a_ as isRenderer, bx as isTexture, bz as isUniform, bA as isVectorLike, bI as once, bg as prepare, az as presetsObj, aZ as reconciler, ao as registerPrimary, aC as removeInteractivity, bj as resolve, aB as swapInteractivity, b0 as unmountComponentAtNode, as as unregisterPrimary, bq as updateCamera, br as updateFrustum, b7 as useBridge, aS as useEnvironment, aF as useGraph, aE as useInstanceHandle, b5 as useIsomorphicLayoutEffect, aG as useLoader, b6 as useMutableCallback, aK as useTexture, aQ as useTextures, aq as waitForPrimary, F as whenThree } from './shared/fiber.Ddgoyqql.mjs';
6
- import { a0 as R3FRenderTarget } from './shared/fiber.Bw8YnGg5.mjs';
7
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, $ as ForRegisteredRenderer, G as FrameCallback, z as FrameNextCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, K as OcclusionSupport, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, a1 as R3FRendererSupport, Z as Register, _ as RegisteredRenderer, b as RenderCallback, Y as RendererProvider, Q as RendererSupport, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, J as ThreeCore, T as ThreeEvent, H as ThreeNamespace, U as UnblockProps, V as Viewport, m as VisibilityEntry, W as WebGLSupport, L as WebGPUSupport, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.mjs';
3
+ import * as React from 'react';
4
+ import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, s as R3FRenderTarget, t as ReconcilerRoot } from './shared/fiber.C_MFx7We.mjs';
5
+ export { aF as Act, at as Args, au as ArgsProp, aq as AttachFnType, ar as AttachType, a8 as BaseRendererProps, aG as Bridge, W as Camera, ak as CameraProps, ah as CanvasSchedulerConfig, as as Catalogue, ab as ColorManagementConfig, a2 as ComputeFunction, ae as DefaultGLProps, ag as DefaultRendererProps, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, an as FiberRoot, a1 as FilterFunction, aZ as ForRegisteredRenderer, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, af as GLProps, ax as HostConfig, am as InjectState, aw as Instance, av as InstanceProps, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, aS as OcclusionSupport, a7 as OffscreenCanvas, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, a_ as R3FRendererSupport, aX as Register, aY as RegisteredRenderer, B as RenderCallback, al as RenderProps, aa as Renderer, ai as RendererConfigExtended, a9 as RendererFactory, aj as RendererProps, aW as RendererProvider, ad as RendererSettingsConfig, aV as RendererSupport, ap as Root, w as RootExtension, J as RootState, K as RootStore, aH as SetBlock, ac as ShadowsConfig, z as Size, S as Subscription, aE as ThreeCamera, aR as ThreeCore, Z as ThreeEvent, aQ as ThreeNamespace, ao as TrackedPromise, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, aT as WebGLSupport, aU as WebGPUSupport, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.mjs';
6
+ import { R as RenderTargetOptions, C as CanvasProps } from './shared/fiber.CvlK0a1Z.mjs';
7
+ export { B as BackgroundConfig, p as BackgroundProp, ai as Block, a3 as DisposeOptions, M as Environment, J as EnvironmentCube, a6 as EnvironmentLoaderProps, H as EnvironmentMap, K as EnvironmentPortal, F as EnvironmentProps, aj as ErrorBoundary, E as Extensions, aN as FROM_REF, aO as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, Y as IsObject, A as LegacyInternalState, z as LegacyRenderer, D as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Z as MappedTextureType, aR as ONCE, aT as OnceValue, ae as Portal, O as PresetsType, P as PrimaryCanvasEntry, ao as REACT_INTERNAL_PROPS, aw as RESERVED_PROPS, a0 as Texture, a1 as TextureInput, a2 as TextureResult, _ as UseTextureOptions, a4 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, ab as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aB as applyProps, ay as attach, ar as buildGraph, ak as calculateDpr, T as createEvents, c as createPointerEvents, ad as createPortal, k as createStore, az as detach, aA as diffProps, as as dispose, c as events, a8 as extend, ap as findInitialRoot, aa as flushSync, aP as fromRef, at as getInstanceProps, g as getPrimary, j as getPrimaryIds, aq as getRootState, l as getThree, al as getUuidPrefix, aM as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, av as invalidateInstance, aC as is, aF as isColorRepresentation, aL as isCopyable, aQ as isFromRef, aI as isLayers, aG as isObject3D, aU as isOnce, aD as isOrthographicCamera, aE as isRef, f as isRenderer, aH as isTexture, aJ as isUniform, aK as isVectorLike, aS as once, au as prepare, N as presetsObj, a9 as reconciler, r as registerPrimary, S as removeInteractivity, ax as resolve, Q as swapInteractivity, ac as unmountComponentAtNode, u as unregisterPrimary, am as updateCamera, an as updateFrustum, ah as useBridge, a7 as useEnvironment, V as useGraph, U as useInstanceHandle, af as useIsomorphicLayoutEffect, X as useLoader, ag as useMutableCallback, $ as useTexture, a5 as useTextures, w as waitForPrimary, n as whenThree } from './shared/fiber.CvlK0a1Z.mjs';
8
8
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
9
- export { useFrame } from './extension.mjs';
10
- import 'react';
11
- import 'react-use-measure';
9
+ export { u as useFrame } from './shared/fiber.D4fD6H74.mjs';
12
10
  import 'zustand';
13
11
  import 'zustand/traditional';
14
12
  import 'three/tsl';
13
+ import 'react-use-measure';
15
14
 
16
15
  /**
17
16
  * The `ReactThreeFiber` namespace of the default entry: the shared element types plus this entry's JSX map.
@@ -117,18 +116,19 @@ declare function useRenderTarget(options?: RenderTargetOptions): R3FRenderTarget
117
116
  declare function useRenderTarget(size: number, options?: RenderTargetOptions): R3FRenderTarget;
118
117
  declare function useRenderTarget(width: number, height: number, options?: RenderTargetOptions): R3FRenderTarget;
119
118
 
120
- declare const R3F_BUILD_LEGACY = true;
119
+ declare const R3F_BUILD_LEGACY = false;
121
120
  declare const R3F_BUILD_WEBGPU = true;
122
121
  /**
123
- * Create a root on a canvas. Renders with WebGL unless `configure({ renderer })` asks for WebGPU.
122
+ * Create a root on a canvas. Renders with `WebGPURenderer`; for `WebGLRenderer`, import `createRoot`
123
+ * from `@react-three/fiber/legacy`.
124
124
  */
125
125
  declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
126
126
  /**
127
- * A DOM canvas which accepts threejs elements as children. Renders with WebGL by default and with
128
- * WebGPU when given the `renderer` prop.
127
+ * A DOM canvas which accepts threejs elements as children. Renders with `WebGPURenderer`; for
128
+ * `WebGLRenderer`, import `Canvas` from `@react-three/fiber/legacy`.
129
129
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
130
130
  */
131
- declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
131
+ declare function Canvas(props: CanvasProps): React.JSX.Element;
132
132
  /** Three.js constructors available as JSX elements on this entry. */
133
133
  type ThreeExports = typeof THREE & typeof ThreeWebGPU;
134
134
  interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
package/dist/index.d.ts CHANGED
@@ -1,17 +1,16 @@
1
1
  import * as ThreeWebGPU from 'three/webgpu';
2
2
  import * as THREE from 'three';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, v as RenderTargetOptions, u as ReconcilerRoot, s as CanvasProps } from './shared/fiber.DAg-9ieU.js';
5
- export { a7 as Args, a8 as ArgsProp, a4 as AttachFnType, a5 as AttachType, ae as BackgroundConfig, af as BackgroundProp, I as BaseRendererProps, b8 as Block, $ as CameraProps, Y as CanvasSchedulerConfig, a6 as Catalogue, P as ColorManagementConfig, S as DefaultGLProps, X as DefaultRendererProps, aO as DisposeOptions, ay as Environment, aw as EnvironmentCube, aR as EnvironmentLoaderProps, av as EnvironmentMap, ax as EnvironmentPortal, au as EnvironmentProps, b9 as ErrorBoundary, am as Extensions, bD as FROM_REF, a2 as FiberRoot, bE as FromRefMarker, U as GLProps, ai as GLTFLike, ad as GlobalEffectType, ac as GlobalRenderCallback, ab as HostConfig, ak as InferLoadResult, a1 as InjectState, ag as InputLike, aa as Instance, a9 as InstanceProps, aH as IsObject, x as LegacyInternalState, y as LegacyRenderer, t as LegacyRootState, aj as LoaderInstance, ah as LoaderLike, al as LoaderResult, aI as MappedTextureType, bH as ONCE, H as OffscreenCanvas, bJ as OnceValue, b2 as Portal, aA as PresetsType, an as PrimaryCanvasEntry, ba as REACT_INTERNAL_PROPS, bi as RESERVED_PROPS, a0 as RenderProps, K as Renderer, Z as RendererConfigExtended, J as RendererFactory, _ as RendererProps, a3 as Root, aL as Texture, aM as TextureInput, aN as TextureResult, aJ as UseTextureOptions, aP as UseTexturesReturn, z as WebGLDefaultProps, W as WebGLProps, A as WebGLShadowConfig, a$ as _roots, aU as addAfterEffect, aT as addEffect, aV as addTail, aX as advance, bn as applyProps, bk as attach, bd as buildGraph, bo as calculateDpr, aD as createEvents, w as createPointerEvents, b1 as createPortal, b4 as createStore, bl as detach, bm as diffProps, be as dispose, w as events, aY as extend, bb as findInitialRoot, b3 as flushSync, bF as fromRef, bf as getInstanceProps, ap as getPrimary, at as getPrimaryIds, bc as getRootState, B as getThree, bp as getUuidPrefix, bC as hasConstructor, ar as hasPrimary, D as hasThree, aW as invalidate, bh as invalidateInstance, bs as is, bv as isColorRepresentation, bB as isCopyable, bG as isFromRef, by as isLayers, bw as isObject3D, bK as isOnce, bt as isOrthographicCamera, bu as isRef, a_ as isRenderer, bx as isTexture, bz as isUniform, bA as isVectorLike, bI as once, bg as prepare, az as presetsObj, aZ as reconciler, ao as registerPrimary, aC as removeInteractivity, bj as resolve, aB as swapInteractivity, b0 as unmountComponentAtNode, as as unregisterPrimary, bq as updateCamera, br as updateFrustum, b7 as useBridge, aS as useEnvironment, aF as useGraph, aE as useInstanceHandle, b5 as useIsomorphicLayoutEffect, aG as useLoader, b6 as useMutableCallback, aK as useTexture, aQ as useTextures, aq as waitForPrimary, F as whenThree } from './shared/fiber.DAg-9ieU.js';
6
- import { a0 as R3FRenderTarget } from './shared/fiber.Bw8YnGg5.js';
7
- export { A as Act, B as Bridge, C as Camera, i as ComputeFunction, w as Disposable, f as DomEvent, D as Dpr, v as EquConfig, g as EventHandlers, k as EventManager, E as Events, h as FilterFunction, $ as ForRegisteredRenderer, G as FrameCallback, z as FrameNextCallback, x as FrameNextState, y as FrameState, F as Frameloop, a5 as InternalState, I as Intersection, e as IntersectionEvent, p as IsAllOptional, o as IsOptional, M as Mutable, N as NonFunctionKeys, u as ObjectMap, K as OcclusionSupport, O as Overwrite, c as Performance, l as PointerCaptureTarget, P as PointerState, n as Properties, a4 as R3FRenderer, a1 as R3FRendererSupport, Z as Register, _ as RegisteredRenderer, b as RenderCallback, Y as RendererProvider, Q as RendererSupport, R as RootExtension, a6 as RootState, d as RootStore, t as SetBlock, a as Size, S as Subscription, q as ThreeCamera, J as ThreeCore, T as ThreeEvent, H as ThreeNamespace, U as UnblockProps, V as Viewport, m as VisibilityEntry, W as WebGLSupport, L as WebGPUSupport, X as XRManager, j as XRPointerConfig, a3 as context, r as registerRootExtension, s as setRenderOverride, a2 as useStore, a7 as useThree } from './shared/fiber.Bw8YnGg5.js';
3
+ import * as React from 'react';
4
+ import { M as MutableOrReadonlyParameters$1, a as MathRepresentation$1, V as VectorRepresentation$1, b as MathTypes$1, c as MathType$1, d as MathProps$1, e as Vector2$1, f as Vector3$1, g as Vector4$1, C as Color$1, L as Layers$1, Q as Quaternion$1, E as Euler$1, h as Matrix3$1, i as Matrix4$1, R as RaycastableRepresentation$1, j as EventProps$1, G as GeometryTransformProps$1, k as GeometryProps$1, T as TSLNodeInput$1, N as NodeProps$1, l as ReactProps$1, m as ConstructorRepresentation, n as ElementProps$1, o as ThreeElement$1, p as ThreeToJSXElements$1, O as Object3DMethod$1, q as ThreeElementsOf$1, r as ElementOf$1, s as R3FRenderTarget, t as ReconcilerRoot } from './shared/fiber.C_MFx7We.js';
5
+ export { aF as Act, at as Args, au as ArgsProp, aq as AttachFnType, ar as AttachType, a8 as BaseRendererProps, aG as Bridge, W as Camera, ak as CameraProps, ah as CanvasSchedulerConfig, as as Catalogue, ab as ColorManagementConfig, a2 as ComputeFunction, ae as DefaultGLProps, ag as DefaultRendererProps, aL as Disposable, _ as DomEvent, D as Dpr, aK as EquConfig, a0 as EventHandlers, a4 as EventManager, $ as Events, an as FiberRoot, a1 as FilterFunction, aZ as ForRegisteredRenderer, aP as FrameCallback, aO as FrameNextCallback, aM as FrameNextState, aN as FrameState, F as Frameloop, af as GLProps, ax as HostConfig, am as InjectState, aw as Instance, av as InstanceProps, I as InternalState, U as Intersection, Y as IntersectionEvent, aD as IsAllOptional, aC as IsOptional, aB as Mutable, ay as NonFunctionKeys, aJ as ObjectMap, aS as OcclusionSupport, a7 as OffscreenCanvas, az as Overwrite, H as Performance, a5 as PointerCaptureTarget, P as PointerState, aA as Properties, y as R3FRenderer, a_ as R3FRendererSupport, aX as Register, aY as RegisteredRenderer, B as RenderCallback, al as RenderProps, aa as Renderer, ai as RendererConfigExtended, a9 as RendererFactory, aj as RendererProps, aW as RendererProvider, ad as RendererSettingsConfig, aV as RendererSupport, ap as Root, w as RootExtension, J as RootState, K as RootStore, aH as SetBlock, ac as ShadowsConfig, z as Size, S as Subscription, aE as ThreeCamera, aR as ThreeCore, Z as ThreeEvent, aQ as ThreeNamespace, ao as TrackedPromise, aI as UnblockProps, A as Viewport, a6 as VisibilityEntry, aT as WebGLSupport, aU as WebGPUSupport, X as XRManager, a3 as XRPointerConfig, x as context, u as registerRootExtension, v as setRenderOverride, a$ as useStore, b0 as useThree } from './shared/fiber.C_MFx7We.js';
6
+ import { R as RenderTargetOptions, C as CanvasProps } from './shared/fiber.CtivZ3IY.js';
7
+ export { B as BackgroundConfig, p as BackgroundProp, ai as Block, a3 as DisposeOptions, M as Environment, J as EnvironmentCube, a6 as EnvironmentLoaderProps, H as EnvironmentMap, K as EnvironmentPortal, F as EnvironmentProps, aj as ErrorBoundary, E as Extensions, aN as FROM_REF, aO as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, Y as IsObject, A as LegacyInternalState, z as LegacyRenderer, D as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Z as MappedTextureType, aR as ONCE, aT as OnceValue, ae as Portal, O as PresetsType, P as PrimaryCanvasEntry, ao as REACT_INTERNAL_PROPS, aw as RESERVED_PROPS, a0 as Texture, a1 as TextureInput, a2 as TextureResult, _ as UseTextureOptions, a4 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, ab as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aB as applyProps, ay as attach, ar as buildGraph, ak as calculateDpr, T as createEvents, c as createPointerEvents, ad as createPortal, k as createStore, az as detach, aA as diffProps, as as dispose, c as events, a8 as extend, ap as findInitialRoot, aa as flushSync, aP as fromRef, at as getInstanceProps, g as getPrimary, j as getPrimaryIds, aq as getRootState, l as getThree, al as getUuidPrefix, aM as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, av as invalidateInstance, aC as is, aF as isColorRepresentation, aL as isCopyable, aQ as isFromRef, aI as isLayers, aG as isObject3D, aU as isOnce, aD as isOrthographicCamera, aE as isRef, f as isRenderer, aH as isTexture, aJ as isUniform, aK as isVectorLike, aS as once, au as prepare, N as presetsObj, a9 as reconciler, r as registerPrimary, S as removeInteractivity, ax as resolve, Q as swapInteractivity, ac as unmountComponentAtNode, u as unregisterPrimary, am as updateCamera, an as updateFrustum, ah as useBridge, a7 as useEnvironment, V as useGraph, U as useInstanceHandle, af as useIsomorphicLayoutEffect, X as useLoader, ag as useMutableCallback, $ as useTexture, a5 as useTextures, w as waitForPrimary, n as whenThree } from './shared/fiber.CtivZ3IY.js';
8
8
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
9
- export { useFrame } from './extension.js';
10
- import 'react';
11
- import 'react-use-measure';
9
+ export { u as useFrame } from './shared/fiber.YgTUGbja.js';
12
10
  import 'zustand';
13
11
  import 'zustand/traditional';
14
12
  import 'three/tsl';
13
+ import 'react-use-measure';
15
14
 
16
15
  /**
17
16
  * The `ReactThreeFiber` namespace of the default entry: the shared element types plus this entry's JSX map.
@@ -117,18 +116,19 @@ declare function useRenderTarget(options?: RenderTargetOptions): R3FRenderTarget
117
116
  declare function useRenderTarget(size: number, options?: RenderTargetOptions): R3FRenderTarget;
118
117
  declare function useRenderTarget(width: number, height: number, options?: RenderTargetOptions): R3FRenderTarget;
119
118
 
120
- declare const R3F_BUILD_LEGACY = true;
119
+ declare const R3F_BUILD_LEGACY = false;
121
120
  declare const R3F_BUILD_WEBGPU = true;
122
121
  /**
123
- * Create a root on a canvas. Renders with WebGL unless `configure({ renderer })` asks for WebGPU.
122
+ * Create a root on a canvas. Renders with `WebGPURenderer`; for `WebGLRenderer`, import `createRoot`
123
+ * from `@react-three/fiber/legacy`.
124
124
  */
125
125
  declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
126
126
  /**
127
- * A DOM canvas which accepts threejs elements as children. Renders with WebGL by default and with
128
- * WebGPU when given the `renderer` prop.
127
+ * A DOM canvas which accepts threejs elements as children. Renders with `WebGPURenderer`; for
128
+ * `WebGLRenderer`, import `Canvas` from `@react-three/fiber/legacy`.
129
129
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
130
130
  */
131
- declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
131
+ declare function Canvas(props: CanvasProps): React.JSX.Element;
132
132
  /** Three.js constructors available as JSX elements on this entry. */
133
133
  type ThreeExports = typeof THREE & typeof ThreeWebGPU;
134
134
  interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
package/dist/index.mjs CHANGED
@@ -1,13 +1,12 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { c as createRoot$1, C as Canvas$1 } from './shared/fiber.Ch4JrXS2.mjs';
3
- export { k as Environment, i as EnvironmentCube, E as EnvironmentMap, j as EnvironmentPortal, ai as FROM_REF, I as IsObject, al as ONCE, P as Portal, R as REACT_INTERNAL_PROPS, Y as RESERVED_PROPS, T as Texture, _ as _roots, A as addAfterEffect, z as addEffect, B as addTail, F as advance, a2 as applyProps, $ as attach, S as buildGraph, a3 as calculateDpr, m as createEvents, a as createPointerEvents, L as createPortal, N as createStore, a0 as detach, a1 as diffProps, U as dispose, a as events, G as extend, O as findInitialRoot, M as flushSync, aj as fromRef, V as getInstanceProps, b as getPrimary, f as getPrimaryIds, Q as getRootState, g as getThree, a4 as getUuidPrefix, ah as hasConstructor, e as hasPrimary, h as hasThree, D as invalidate, X as invalidateInstance, a7 as is, aa as isColorRepresentation, ag as isCopyable, ak as isFromRef, ad as isLayers, ab as isObject3D, an as isOnce, a8 as isOrthographicCamera, a9 as isRef, J as isRenderer, ac as isTexture, ae as isUniform, af as isVectorLike, am as once, W as prepare, p as presetsObj, H as reconciler, r as registerPrimary, l as removeInteractivity, Z as resolve, s as swapInteractivity, K as unmountComponentAtNode, u as unregisterPrimary, a5 as updateCamera, a6 as updateFrustum, y as useEnvironment, o as useGraph, n as useInstanceHandle, q as useLoader, x as useRenderTarget, t as useTexture, v as useTextures, d as waitForPrimary, w as whenThree } from './shared/fiber.Ch4JrXS2.mjs';
4
- export { B as Block, E as ErrorBoundary, c as context, r as registerRootExtension, s as setRenderOverride, f as useBridge, b as useFrame, d as useIsomorphicLayoutEffect, e as useMutableCallback, u as useStore, a as useThree } from './shared/fiber.C_v1rkNg.mjs';
2
+ import { c as createRoot$1, C as Canvas$1 } from './shared/fiber.BdIbKbh7.mjs';
3
+ export { s as Environment, p as EnvironmentCube, E as EnvironmentMap, q as EnvironmentPortal, ai as FROM_REF, I as IsObject, al as ONCE, P as Portal, U as REACT_INTERNAL_PROPS, a1 as RESERVED_PROPS, T as Texture, _ as _roots, d as addAfterEffect, b as addEffect, e as addTail, f as advance, a6 as applyProps, a3 as attach, X as buildGraph, O as calculateDpr, y as createEvents, a as createPointerEvents, N as createPortal, l as createStore, a4 as detach, a5 as diffProps, Y as dispose, a as events, J as extend, V as findInitialRoot, L as flushSync, aj as fromRef, Z as getInstanceProps, h as getPrimary, k as getPrimaryIds, W as getRootState, m as getThree, Q as getUuidPrefix, ah as hasConstructor, j as hasPrimary, n as hasThree, i as invalidate, a0 as invalidateInstance, a7 as is, aa as isColorRepresentation, ag as isCopyable, ak as isFromRef, ad as isLayers, ab as isObject3D, an as isOnce, a8 as isOrthographicCamera, a9 as isRef, g as isRenderer, ac as isTexture, ae as isUniform, af as isVectorLike, am as once, $ as prepare, t as presetsObj, K as reconciler, r as registerPrimary, x as removeInteractivity, a2 as resolve, v as swapInteractivity, M as unmountComponentAtNode, u as unregisterPrimary, R as updateCamera, S as updateFrustum, H as useEnvironment, A as useGraph, z as useInstanceHandle, B as useLoader, G as useRenderTarget, D as useTexture, F as useTextures, w as waitForPrimary, o as whenThree } from './shared/fiber.BdIbKbh7.mjs';
4
+ export { B as Block, E as ErrorBoundary, c as context, r as registerRootExtension, s as setRenderOverride, f as useBridge, b as useFrame, d as useIsomorphicLayoutEffect, e as useMutableCallback, u as useStore, a as useThree } from './shared/fiber.Biz9olEe.mjs';
5
5
  export { Scheduler, getScheduler } from '@pmndrs/scheduler';
6
6
 
7
- const R3F_BUILD_LEGACY = true;
7
+ const R3F_BUILD_LEGACY = false;
8
8
  const R3F_BUILD_WEBGPU = true;
9
9
  const provider = {
10
- webgl: () => import('./chunks/webgl.mjs').then((m) => m.webglSupport),
11
10
  webgpu: () => import('./chunks/webgpu.mjs').then((m) => m.webgpuSupport)
12
11
  };
13
12
  function createRoot(canvas) {