@react-three/fiber 10.0.0-canary.54ec785 → 10.0.0-canary.58acabc

package/dist/webgpu/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const Canvas$1 = require('../shared/fiber.BegWBc5_.cjs');
+const Canvas$1 = require('../shared/fiber.TRm3lZ7I.cjs');
 const webgpu = require('../chunks/webgpu.cjs');
-const extensions = require('../shared/fiber.khFlPHPf.cjs');
+const narrowed = require('../shared/fiber.BSXtODQl.cjs');
+const textureStaging = require('../shared/fiber.BO8-26r8.cjs');
 const scheduler = require('@pmndrs/scheduler');
 
 function addTexture(set, key, value) {
@@ -54,10 +55,7 @@ const provider = {
 function createRoot(canvas) {
   return Canvas$1.createRoot(canvas, provider);
 }
-const useThree = extensions.useThree;
-const useFrame = extensions.useFrame;
-const useRenderTarget = Canvas$1.useRenderTarget;
-const Canvas = ((props) => /* @__PURE__ */ jsxRuntime.jsx(Canvas$1.Canvas, { ...props, provider }));
+const Canvas = narrowed.asWebGPUCanvas((props) => /* @__PURE__ */ jsxRuntime.jsx(Canvas$1.Canvas, { ...props, provider }));
 
 exports.Environment = Canvas$1.Environment;
 exports.EnvironmentCube = Canvas$1.EnvironmentCube;
@@ -135,15 +133,18 @@ exports.useTexture = Canvas$1.useTexture;
 exports.useTextures = Canvas$1.useTextures;
 exports.waitForPrimary = Canvas$1.waitForPrimary;
 exports.whenThree = Canvas$1.whenThree;
-exports.Block = extensions.Block;
-exports.ErrorBoundary = extensions.ErrorBoundary;
-exports.context = extensions.context;
-exports.registerRootExtension = extensions.registerRootExtension;
-exports.setRenderOverride = extensions.setRenderOverride;
-exports.useBridge = extensions.useBridge;
-exports.useIsomorphicLayoutEffect = extensions.useIsomorphicLayoutEffect;
-exports.useMutableCallback = extensions.useMutableCallback;
-exports.useStore = extensions.useStore;
+exports.useFrame = narrowed.useFrame;
+exports.useRenderTarget = narrowed.useRenderTarget;
+exports.useThree = narrowed.useThree;
+exports.Block = textureStaging.Block;
+exports.ErrorBoundary = textureStaging.ErrorBoundary;
+exports.context = textureStaging.context;
+exports.registerRootExtension = textureStaging.registerRootExtension;
+exports.setRenderOverride = textureStaging.setRenderOverride;
+exports.useBridge = textureStaging.useBridge;
+exports.useIsomorphicLayoutEffect = textureStaging.useIsomorphicLayoutEffect;
+exports.useMutableCallback = textureStaging.useMutableCallback;
+exports.useStore = textureStaging.useStore;
 exports.Scheduler = scheduler.Scheduler;
 exports.getScheduler = scheduler.getScheduler;
 exports.Canvas = Canvas;
@@ -151,6 +152,3 @@ exports.R3F_BUILD_LEGACY = R3F_BUILD_LEGACY;
 exports.R3F_BUILD_WEBGPU = R3F_BUILD_WEBGPU;
 exports.createRoot = createRoot;
 exports.createTextureOperations = createTextureOperations;
-exports.useFrame = useFrame;
-exports.useRenderTarget = useRenderTarget;
-exports.useThree = useThree;

package/dist/webgpu/index.d.cts

@@ -1,17 +1,16 @@
 import * as ThreeWebGPU from 'three/webgpu';
-import { WebGPURenderer, WebGPURendererParameters, RenderTarget } from 'three/webgpu';
-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 ElementProps$1, n as ThreeElement$1, o as ThreeToJSXElements$1, O as Object3DMethod$1, p as ThreeElementsOf$1, q as ElementOf$1, z as RendererFactory, B as BaseRendererProps, t as CanvasProps, s as ReconcilerRoot, r as RenderTargetOptions } from '../shared/fiber.BcNm6NAg.cjs';
-export { Z as BackgroundConfig, _ as BackgroundProp, aZ as Block, S as CameraProps, J as CanvasSchedulerConfig, D as ColorManagementConfig, F as DefaultGLProps, I as DefaultRendererProps, aD as DisposeOptions, an as Environment, al as EnvironmentCube, aG as EnvironmentLoaderProps, ak as EnvironmentMap, am as EnvironmentPortal, aj as EnvironmentProps, a_ as ErrorBoundary, a5 as Extensions, bs as FROM_REF, bt as FromRefMarker, H as GLProps, a1 as GLTFLike, Y as GlobalEffectType, X as GlobalRenderCallback, a3 as InferLoadResult, W as InjectState, $ as InputLike, aw as IsObject, aa as LegacyInternalState, a9 as LegacyRenderer, ab as LegacyRootState, a2 as LoaderInstance, a0 as LoaderLike, a4 as LoaderResult, ax as MappedTextureType, bw as ONCE, y as OffscreenCanvas, by as OnceValue, aT as Portal, ap as PresetsType, ac as PrimaryCanvasEntry, a$ as REACT_INTERNAL_PROPS, b7 as RESERVED_PROPS, U as RenderProps, A as Renderer, K as RendererConfigExtended, P as RendererProps, aA as Texture, aB as TextureInput, aC as TextureResult, ay as UseTextureOptions, aE as UseTexturesReturn, a6 as WebGLDefaultProps, a7 as WebGLProps, a8 as WebGLShadowConfig, aQ as _roots, aJ as addAfterEffect, aI as addEffect, aK as addTail, aM as advance, bc as applyProps, b9 as attach, b2 as buildGraph, bd as calculateDpr, as as createEvents, u as createPointerEvents, aS as createPortal, aV as createStore, ba as detach, bb as diffProps, b3 as dispose, u as events, aN as extend, b0 as findInitialRoot, aU as flushSync, bu as fromRef, b4 as getInstanceProps, ae as getPrimary, ai as getPrimaryIds, b1 as getRootState, v as getThree, be as getUuidPrefix, br as hasConstructor, ag as hasPrimary, w as hasThree, aL as invalidate, b6 as invalidateInstance, bh as is, bk as isColorRepresentation, bq as isCopyable, bv as isFromRef, bn as isLayers, bl as isObject3D, bz as isOnce, bi as isOrthographicCamera, bj as isRef, aP as isRenderer, bm as isTexture, bo as isUniform, bp as isVectorLike, bx as once, b5 as prepare, ao as presetsObj, aO as reconciler, ad as registerPrimary, ar as removeInteractivity, b8 as resolve, aq as swapInteractivity, aR as unmountComponentAtNode, ah as unregisterPrimary, bf as updateCamera, bg as updateFrustum, aY as useBridge, aH as useEnvironment, au as useGraph, at as useInstanceHandle, aW as useIsomorphicLayoutEffect, av as useLoader, aX as useMutableCallback, az as useTexture, aF as useTextures, af as waitForPrimary, x as whenThree } from '../shared/fiber.BcNm6NAg.cjs';
-import { C as ConstructorRepresentation, f as RootState, I as InternalState, K as Properties } from '../shared/fiber.CZLeHcML.cjs';
-export { W as Act, z as Args, B as ArgsProp, A as AttachFnType, x as AttachType, Y as Bridge, i as Camera, y as Catalogue, n as ComputeFunction, a1 as Disposable, k as DomEvent, D as Dpr, a0 as EquConfig, l as EventHandlers, p as EventManager, E as Events, u as FiberRoot, m as FilterFunction, af as ForRegisteredRenderer, a5 as FrameCallback, a4 as FrameNextCallback, a2 as FrameNextState, a3 as FrameState, F as Frameloop, J as HostConfig, H as Instance, G as InstanceProps, h as Intersection, j as IntersectionEvent, Q as IsAllOptional, L as IsOptional, M as Mutable, N as NonFunctionKeys, $ as ObjectMap, a8 as OcclusionSupport, O as Overwrite, e as Performance, q as PointerCaptureTarget, P as PointerState, R as R3FRenderTarget, ag as R3FRendererSupport, ad as Register, ae as RegisteredRenderer, d as RenderCallback, ac as RendererProvider, ab as RendererSupport, w as Root, a as RootExtension, g as RootStore, Z as SetBlock, c as Size, S as Subscription, U as ThreeCamera, a7 as ThreeCore, T as ThreeEvent, a6 as ThreeNamespace, v as TrackedPromise, _ as UnblockProps, V as Viewport, t as VisibilityEntry, a9 as WebGLSupport, aa as WebGPUSupport, X as XRManager, o as XRPointerConfig, aj as context, r as registerRootExtension, s as setRenderOverride, ah as useStore } from '../shared/fiber.CZLeHcML.cjs';
+import * as React from 'react';
+import * as _react_three_fiber from '@react-three/fiber';
+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, H as RootState, s as ReconcilerRoot } from '../shared/fiber.DQTSZ24m.cjs';
+export { aE as Act, as as Args, at as ArgsProp, ap as AttachFnType, aq as AttachType, a7 as BaseRendererProps, aF as Bridge, U as Camera, aj as CameraProps, ag as CanvasSchedulerConfig, ar as Catalogue, aa as ColorManagementConfig, a1 as ComputeFunction, ad as DefaultGLProps, af as DefaultRendererProps, aK as Disposable, Z as DomEvent, D as Dpr, aJ as EquConfig, $ as EventHandlers, a3 as EventManager, _ as Events, am as FiberRoot, a0 as FilterFunction, aY as ForRegisteredRenderer, aO as FrameCallback, aN as FrameNextCallback, aL as FrameNextState, aM as FrameState, F as Frameloop, ae as GLProps, aw as HostConfig, al as InjectState, av as Instance, au as InstanceProps, K as Intersection, W as IntersectionEvent, aC as IsAllOptional, aB as IsOptional, aA as Mutable, ax as NonFunctionKeys, aI as ObjectMap, aR as OcclusionSupport, a6 as OffscreenCanvas, ay as Overwrite, B as Performance, a4 as PointerCaptureTarget, P as PointerState, az as Properties, aZ as R3FRenderTarget, a_ as R3FRendererSupport, aW as Register, aX as RegisteredRenderer, A as RenderCallback, ak as RenderProps, a9 as Renderer, ah as RendererConfigExtended, a8 as RendererFactory, ai as RendererProps, aV as RendererProvider, ac as RendererSettingsConfig, aU as RendererSupport, ao as Root, v as RootExtension, J as RootStore, aG as SetBlock, ab as ShadowsConfig, y as Size, S as Subscription, aD as ThreeCamera, aQ as ThreeCore, Y as ThreeEvent, aP as ThreeNamespace, an as TrackedPromise, aH as UnblockProps, z as Viewport, a5 as VisibilityEntry, aS as WebGLSupport, aT as WebGPUSupport, X as XRManager, a2 as XRPointerConfig, w as context, t as registerRootExtension, u as setRenderOverride, a$ as useStore } from '../shared/fiber.DQTSZ24m.cjs';
+export { B as BackgroundConfig, p as BackgroundProp, ah as Block, a2 as DisposeOptions, K as Environment, H as EnvironmentCube, a5 as EnvironmentLoaderProps, F as EnvironmentMap, J as EnvironmentPortal, D as EnvironmentProps, ai as ErrorBoundary, E as Extensions, aM as FROM_REF, aN as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, X as IsObject, A as LegacyInternalState, z as LegacyRenderer, C as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Y as MappedTextureType, aQ as ONCE, aS as OnceValue, ad as Portal, N as PresetsType, P as PrimaryCanvasEntry, an as REACT_INTERNAL_PROPS, av as RESERVED_PROPS, R as RenderTargetOptions, $ as Texture, a0 as TextureInput, a1 as TextureResult, Z as UseTextureOptions, a3 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, aa as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aA as applyProps, ax as attach, aq as buildGraph, aj as calculateDpr, S as createEvents, c as createPointerEvents, ac as createPortal, k as createStore, ay as detach, az as diffProps, ar as dispose, c as events, a7 as extend, ao as findInitialRoot, a9 as flushSync, aO as fromRef, as as getInstanceProps, g as getPrimary, j as getPrimaryIds, ap as getRootState, l as getThree, ak as getUuidPrefix, aL as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, au as invalidateInstance, aB as is, aE as isColorRepresentation, aK as isCopyable, aP as isFromRef, aH as isLayers, aF as isObject3D, aT as isOnce, aC as isOrthographicCamera, aD as isRef, f as isRenderer, aG as isTexture, aI as isUniform, aJ as isVectorLike, aR as once, at as prepare, M as presetsObj, a8 as reconciler, r as registerPrimary, Q as removeInteractivity, aw as resolve, O as swapInteractivity, ab as unmountComponentAtNode, u as unregisterPrimary, al as updateCamera, am as updateFrustum, ag as useBridge, a6 as useEnvironment, U as useGraph, T as useInstanceHandle, ae as useIsomorphicLayoutEffect, V as useLoader, af as useMutableCallback, _ as useTexture, a4 as useTextures, w as waitForPrimary, n as whenThree } from '../shared/fiber.34TOMPo3.cjs';
 import { Texture } from 'three';
 import { StoreApi } from 'zustand';
-import { FrameCallback, UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
+export { W as CanvasProps, e as InternalState, f as R3FRenderer, d as RootState, c as UseFrameWebGPU, U as UseThreeWebGPU, W as WebGPUCanvasProps, h as WebGPUDefaultProps, g as WebGPUProps, i as WebGPUShadowConfig, a as useFrame, b as useRenderTarget, u as useThree } from '../shared/fiber.BFuGd7gN.cjs';
 export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
-import { JSX } from 'react';
-import 'react-use-measure';
 import 'zustand/traditional';
 import 'three/tsl';
+import 'react-use-measure';
 
 /**
  * The `ReactThreeFiber` namespace of the WebGPU entry: the shared element types plus this entry's JSX map.
@@ -109,83 +108,23 @@ interface TextureOperations {
 }
 declare function createTextureOperations(set: StoreApi<RootState>['setState']): TextureOperations;
 
-//* Renderer Props ========================================
-
-type WebGPUDefaultProps = Omit<WebGPURendererParameters, 'canvas'> & BaseRendererProps
-
-type WebGPUProps =
-  | RendererFactory<WebGPURenderer, WebGPUDefaultProps>
-  | Partial<Properties<WebGPURenderer> | WebGPURendererParameters>
-
-// WebGPU doesn't have shadow maps in the same way
-interface WebGPUShadowConfig {
-  shadows?: boolean // Simplified for WebGPU
-}
-
-//* WebGPU-specific Types ========================================
-
-/** WebGPU renderer type - re-exported as R3FRenderer from @react-three/fiber/webgpu */
-type WebGPUR3FRenderer = WebGPURenderer
-
-/** WebGPU internal state with narrowed renderer type */
-interface WebGPUInternalState extends Omit<InternalState, 'actualRenderer'> {
-  actualRenderer: WebGPURenderer
-}
-
-/**
- * WebGPU-specific RootState with narrowed renderer type.
- * Automatically used when importing from `@react-three/fiber/webgpu`.
- *
- * @example
- * ```tsx
- * import { useThree } from '@react-three/fiber/webgpu'
- *
- * function MyComponent() {
- *   const { renderer } = useThree()
- *   // renderer is typed as WebGPURenderer
- *   renderer.compute(computePass)
- * }
- * ```
- */
-interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'> {
-  /** @deprecated Use `renderer` instead */
-  gl: WebGPURenderer
-  /** The WebGPU renderer instance */
-  renderer: WebGPURenderer
-  /** Internals with WebGPU renderer */
-  internal: WebGPUInternalState
-}
-
 declare const R3F_BUILD_LEGACY = false;
 declare const R3F_BUILD_WEBGPU = true;
-/** Create a root that always constructs a WebGPURenderer. */
+/**
+ * Create a root that always constructs a WebGPURenderer.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `createRoot` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
+ */
 declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
 
-/** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
-type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
-/** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
-type UseFrameWebGPU = (callback?: FrameCallback<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
-declare const useThree: UseThreeWebGPU;
-declare const useFrame: UseFrameWebGPU;
-/** `useRenderTarget` narrowed to the target this entry's renderer produces. */
-declare const useRenderTarget: {
-    (options?: RenderTargetOptions): RenderTarget;
-    (size: number, options?: RenderTargetOptions): RenderTarget;
-    (width: number, height: number, options?: RenderTargetOptions): RenderTarget;
-};
-
-/** Canvas props on the WebGPU entry: `onCreated` receives `WebGPURootState`. */
-type WebGPUCanvasProps = Omit<CanvasProps, 'onCreated'> & {
-    /** Callback after the canvas has rendered (but not yet committed); `state.renderer` is a `WebGPURenderer` */
-    onCreated?: (state: WebGPURootState) => void;
-};
-
 /**
  * A DOM canvas which accepts threejs elements as children, rendered with WebGPU. `onCreated` is
  * typed against `WebGPURootState`.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `Canvas` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
-declare const Canvas: (props: WebGPUCanvasProps) => JSX.Element;
+declare const Canvas: (props: _react_three_fiber.CanvasProps) => React.JSX.Element;
 /** Three.js constructors available as JSX elements on this entry. */
 type ThreeExports = typeof ThreeWebGPU;
 interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
@@ -197,5 +136,5 @@ declare module 'react' {
     }
 }
 
-export { BaseRendererProps, RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Properties, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, RenderTargetOptions, RendererFactory, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations, useFrame, useRenderTarget, useThree };
-export type { WebGPUCanvasProps as CanvasProps, WebGPUInternalState as InternalState, WebGPUR3FRenderer as R3FRenderer, WebGPURootState as RootState, TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports, UseFrameWebGPU, UseThreeWebGPU, WebGPUCanvasProps, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig };
+export { RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations };
+export type { TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports };

package/dist/webgpu/index.d.mts

@@ -1,17 +1,16 @@
 import * as ThreeWebGPU from 'three/webgpu';
-import { WebGPURenderer, WebGPURendererParameters, RenderTarget } from 'three/webgpu';
-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 ElementProps$1, n as ThreeElement$1, o as ThreeToJSXElements$1, O as Object3DMethod$1, p as ThreeElementsOf$1, q as ElementOf$1, z as RendererFactory, B as BaseRendererProps, t as CanvasProps, s as ReconcilerRoot, r as RenderTargetOptions } from '../shared/fiber.CQDCACCJ.mjs';
-export { Z as BackgroundConfig, _ as BackgroundProp, aZ as Block, S as CameraProps, J as CanvasSchedulerConfig, D as ColorManagementConfig, F as DefaultGLProps, I as DefaultRendererProps, aD as DisposeOptions, an as Environment, al as EnvironmentCube, aG as EnvironmentLoaderProps, ak as EnvironmentMap, am as EnvironmentPortal, aj as EnvironmentProps, a_ as ErrorBoundary, a5 as Extensions, bs as FROM_REF, bt as FromRefMarker, H as GLProps, a1 as GLTFLike, Y as GlobalEffectType, X as GlobalRenderCallback, a3 as InferLoadResult, W as InjectState, $ as InputLike, aw as IsObject, aa as LegacyInternalState, a9 as LegacyRenderer, ab as LegacyRootState, a2 as LoaderInstance, a0 as LoaderLike, a4 as LoaderResult, ax as MappedTextureType, bw as ONCE, y as OffscreenCanvas, by as OnceValue, aT as Portal, ap as PresetsType, ac as PrimaryCanvasEntry, a$ as REACT_INTERNAL_PROPS, b7 as RESERVED_PROPS, U as RenderProps, A as Renderer, K as RendererConfigExtended, P as RendererProps, aA as Texture, aB as TextureInput, aC as TextureResult, ay as UseTextureOptions, aE as UseTexturesReturn, a6 as WebGLDefaultProps, a7 as WebGLProps, a8 as WebGLShadowConfig, aQ as _roots, aJ as addAfterEffect, aI as addEffect, aK as addTail, aM as advance, bc as applyProps, b9 as attach, b2 as buildGraph, bd as calculateDpr, as as createEvents, u as createPointerEvents, aS as createPortal, aV as createStore, ba as detach, bb as diffProps, b3 as dispose, u as events, aN as extend, b0 as findInitialRoot, aU as flushSync, bu as fromRef, b4 as getInstanceProps, ae as getPrimary, ai as getPrimaryIds, b1 as getRootState, v as getThree, be as getUuidPrefix, br as hasConstructor, ag as hasPrimary, w as hasThree, aL as invalidate, b6 as invalidateInstance, bh as is, bk as isColorRepresentation, bq as isCopyable, bv as isFromRef, bn as isLayers, bl as isObject3D, bz as isOnce, bi as isOrthographicCamera, bj as isRef, aP as isRenderer, bm as isTexture, bo as isUniform, bp as isVectorLike, bx as once, b5 as prepare, ao as presetsObj, aO as reconciler, ad as registerPrimary, ar as removeInteractivity, b8 as resolve, aq as swapInteractivity, aR as unmountComponentAtNode, ah as unregisterPrimary, bf as updateCamera, bg as updateFrustum, aY as useBridge, aH as useEnvironment, au as useGraph, at as useInstanceHandle, aW as useIsomorphicLayoutEffect, av as useLoader, aX as useMutableCallback, az as useTexture, aF as useTextures, af as waitForPrimary, x as whenThree } from '../shared/fiber.CQDCACCJ.mjs';
-import { C as ConstructorRepresentation, f as RootState, I as InternalState, K as Properties } from '../shared/fiber.CZLeHcML.mjs';
-export { W as Act, z as Args, B as ArgsProp, A as AttachFnType, x as AttachType, Y as Bridge, i as Camera, y as Catalogue, n as ComputeFunction, a1 as Disposable, k as DomEvent, D as Dpr, a0 as EquConfig, l as EventHandlers, p as EventManager, E as Events, u as FiberRoot, m as FilterFunction, af as ForRegisteredRenderer, a5 as FrameCallback, a4 as FrameNextCallback, a2 as FrameNextState, a3 as FrameState, F as Frameloop, J as HostConfig, H as Instance, G as InstanceProps, h as Intersection, j as IntersectionEvent, Q as IsAllOptional, L as IsOptional, M as Mutable, N as NonFunctionKeys, $ as ObjectMap, a8 as OcclusionSupport, O as Overwrite, e as Performance, q as PointerCaptureTarget, P as PointerState, R as R3FRenderTarget, ag as R3FRendererSupport, ad as Register, ae as RegisteredRenderer, d as RenderCallback, ac as RendererProvider, ab as RendererSupport, w as Root, a as RootExtension, g as RootStore, Z as SetBlock, c as Size, S as Subscription, U as ThreeCamera, a7 as ThreeCore, T as ThreeEvent, a6 as ThreeNamespace, v as TrackedPromise, _ as UnblockProps, V as Viewport, t as VisibilityEntry, a9 as WebGLSupport, aa as WebGPUSupport, X as XRManager, o as XRPointerConfig, aj as context, r as registerRootExtension, s as setRenderOverride, ah as useStore } from '../shared/fiber.CZLeHcML.mjs';
+import * as React from 'react';
+import * as _react_three_fiber from '@react-three/fiber';
+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, H as RootState, s as ReconcilerRoot } from '../shared/fiber.DQTSZ24m.mjs';
+export { aE as Act, as as Args, at as ArgsProp, ap as AttachFnType, aq as AttachType, a7 as BaseRendererProps, aF as Bridge, U as Camera, aj as CameraProps, ag as CanvasSchedulerConfig, ar as Catalogue, aa as ColorManagementConfig, a1 as ComputeFunction, ad as DefaultGLProps, af as DefaultRendererProps, aK as Disposable, Z as DomEvent, D as Dpr, aJ as EquConfig, $ as EventHandlers, a3 as EventManager, _ as Events, am as FiberRoot, a0 as FilterFunction, aY as ForRegisteredRenderer, aO as FrameCallback, aN as FrameNextCallback, aL as FrameNextState, aM as FrameState, F as Frameloop, ae as GLProps, aw as HostConfig, al as InjectState, av as Instance, au as InstanceProps, K as Intersection, W as IntersectionEvent, aC as IsAllOptional, aB as IsOptional, aA as Mutable, ax as NonFunctionKeys, aI as ObjectMap, aR as OcclusionSupport, a6 as OffscreenCanvas, ay as Overwrite, B as Performance, a4 as PointerCaptureTarget, P as PointerState, az as Properties, aZ as R3FRenderTarget, a_ as R3FRendererSupport, aW as Register, aX as RegisteredRenderer, A as RenderCallback, ak as RenderProps, a9 as Renderer, ah as RendererConfigExtended, a8 as RendererFactory, ai as RendererProps, aV as RendererProvider, ac as RendererSettingsConfig, aU as RendererSupport, ao as Root, v as RootExtension, J as RootStore, aG as SetBlock, ab as ShadowsConfig, y as Size, S as Subscription, aD as ThreeCamera, aQ as ThreeCore, Y as ThreeEvent, aP as ThreeNamespace, an as TrackedPromise, aH as UnblockProps, z as Viewport, a5 as VisibilityEntry, aS as WebGLSupport, aT as WebGPUSupport, X as XRManager, a2 as XRPointerConfig, w as context, t as registerRootExtension, u as setRenderOverride, a$ as useStore } from '../shared/fiber.DQTSZ24m.mjs';
+export { B as BackgroundConfig, p as BackgroundProp, ah as Block, a2 as DisposeOptions, K as Environment, H as EnvironmentCube, a5 as EnvironmentLoaderProps, F as EnvironmentMap, J as EnvironmentPortal, D as EnvironmentProps, ai as ErrorBoundary, E as Extensions, aM as FROM_REF, aN as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, X as IsObject, A as LegacyInternalState, z as LegacyRenderer, C as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Y as MappedTextureType, aQ as ONCE, aS as OnceValue, ad as Portal, N as PresetsType, P as PrimaryCanvasEntry, an as REACT_INTERNAL_PROPS, av as RESERVED_PROPS, R as RenderTargetOptions, $ as Texture, a0 as TextureInput, a1 as TextureResult, Z as UseTextureOptions, a3 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, aa as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aA as applyProps, ax as attach, aq as buildGraph, aj as calculateDpr, S as createEvents, c as createPointerEvents, ac as createPortal, k as createStore, ay as detach, az as diffProps, ar as dispose, c as events, a7 as extend, ao as findInitialRoot, a9 as flushSync, aO as fromRef, as as getInstanceProps, g as getPrimary, j as getPrimaryIds, ap as getRootState, l as getThree, ak as getUuidPrefix, aL as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, au as invalidateInstance, aB as is, aE as isColorRepresentation, aK as isCopyable, aP as isFromRef, aH as isLayers, aF as isObject3D, aT as isOnce, aC as isOrthographicCamera, aD as isRef, f as isRenderer, aG as isTexture, aI as isUniform, aJ as isVectorLike, aR as once, at as prepare, M as presetsObj, a8 as reconciler, r as registerPrimary, Q as removeInteractivity, aw as resolve, O as swapInteractivity, ab as unmountComponentAtNode, u as unregisterPrimary, al as updateCamera, am as updateFrustum, ag as useBridge, a6 as useEnvironment, U as useGraph, T as useInstanceHandle, ae as useIsomorphicLayoutEffect, V as useLoader, af as useMutableCallback, _ as useTexture, a4 as useTextures, w as waitForPrimary, n as whenThree } from '../shared/fiber.Dy7Uz273.mjs';
 import { Texture } from 'three';
 import { StoreApi } from 'zustand';
-import { FrameCallback, UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
+export { W as CanvasProps, e as InternalState, f as R3FRenderer, d as RootState, c as UseFrameWebGPU, U as UseThreeWebGPU, W as WebGPUCanvasProps, h as WebGPUDefaultProps, g as WebGPUProps, i as WebGPUShadowConfig, a as useFrame, b as useRenderTarget, u as useThree } from '../shared/fiber.Bll9fqKA.mjs';
 export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
-import { JSX } from 'react';
-import 'react-use-measure';
 import 'zustand/traditional';
 import 'three/tsl';
+import 'react-use-measure';
 
 /**
  * The `ReactThreeFiber` namespace of the WebGPU entry: the shared element types plus this entry's JSX map.
@@ -109,83 +108,23 @@ interface TextureOperations {
 }
 declare function createTextureOperations(set: StoreApi<RootState>['setState']): TextureOperations;
 
-//* Renderer Props ========================================
-
-type WebGPUDefaultProps = Omit<WebGPURendererParameters, 'canvas'> & BaseRendererProps
-
-type WebGPUProps =
-  | RendererFactory<WebGPURenderer, WebGPUDefaultProps>
-  | Partial<Properties<WebGPURenderer> | WebGPURendererParameters>
-
-// WebGPU doesn't have shadow maps in the same way
-interface WebGPUShadowConfig {
-  shadows?: boolean // Simplified for WebGPU
-}
-
-//* WebGPU-specific Types ========================================
-
-/** WebGPU renderer type - re-exported as R3FRenderer from @react-three/fiber/webgpu */
-type WebGPUR3FRenderer = WebGPURenderer
-
-/** WebGPU internal state with narrowed renderer type */
-interface WebGPUInternalState extends Omit<InternalState, 'actualRenderer'> {
-  actualRenderer: WebGPURenderer
-}
-
-/**
- * WebGPU-specific RootState with narrowed renderer type.
- * Automatically used when importing from `@react-three/fiber/webgpu`.
- *
- * @example
- * ```tsx
- * import { useThree } from '@react-three/fiber/webgpu'
- *
- * function MyComponent() {
- *   const { renderer } = useThree()
- *   // renderer is typed as WebGPURenderer
- *   renderer.compute(computePass)
- * }
- * ```
- */
-interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'> {
-  /** @deprecated Use `renderer` instead */
-  gl: WebGPURenderer
-  /** The WebGPU renderer instance */
-  renderer: WebGPURenderer
-  /** Internals with WebGPU renderer */
-  internal: WebGPUInternalState
-}
-
 declare const R3F_BUILD_LEGACY = false;
 declare const R3F_BUILD_WEBGPU = true;
-/** Create a root that always constructs a WebGPURenderer. */
+/**
+ * Create a root that always constructs a WebGPURenderer.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `createRoot` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
+ */
 declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
 
-/** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
-type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
-/** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
-type UseFrameWebGPU = (callback?: FrameCallback<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
-declare const useThree: UseThreeWebGPU;
-declare const useFrame: UseFrameWebGPU;
-/** `useRenderTarget` narrowed to the target this entry's renderer produces. */
-declare const useRenderTarget: {
-    (options?: RenderTargetOptions): RenderTarget;
-    (size: number, options?: RenderTargetOptions): RenderTarget;
-    (width: number, height: number, options?: RenderTargetOptions): RenderTarget;
-};
-
-/** Canvas props on the WebGPU entry: `onCreated` receives `WebGPURootState`. */
-type WebGPUCanvasProps = Omit<CanvasProps, 'onCreated'> & {
-    /** Callback after the canvas has rendered (but not yet committed); `state.renderer` is a `WebGPURenderer` */
-    onCreated?: (state: WebGPURootState) => void;
-};
-
 /**
  * A DOM canvas which accepts threejs elements as children, rendered with WebGPU. `onCreated` is
  * typed against `WebGPURootState`.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `Canvas` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
-declare const Canvas: (props: WebGPUCanvasProps) => JSX.Element;
+declare const Canvas: (props: _react_three_fiber.CanvasProps) => React.JSX.Element;
 /** Three.js constructors available as JSX elements on this entry. */
 type ThreeExports = typeof ThreeWebGPU;
 interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
@@ -197,5 +136,5 @@ declare module 'react' {
     }
 }
 
-export { BaseRendererProps, RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Properties, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, RenderTargetOptions, RendererFactory, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations, useFrame, useRenderTarget, useThree };
-export type { WebGPUCanvasProps as CanvasProps, WebGPUInternalState as InternalState, WebGPUR3FRenderer as R3FRenderer, WebGPURootState as RootState, TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports, UseFrameWebGPU, UseThreeWebGPU, WebGPUCanvasProps, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig };
+export { RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations };
+export type { TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports };

package/dist/webgpu/index.d.ts

@@ -1,17 +1,16 @@
 import * as ThreeWebGPU from 'three/webgpu';
-import { WebGPURenderer, WebGPURendererParameters, RenderTarget } from 'three/webgpu';
-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 ElementProps$1, n as ThreeElement$1, o as ThreeToJSXElements$1, O as Object3DMethod$1, p as ThreeElementsOf$1, q as ElementOf$1, z as RendererFactory, B as BaseRendererProps, t as CanvasProps, s as ReconcilerRoot, r as RenderTargetOptions } from '../shared/fiber.DeBIf2pk.js';
-export { Z as BackgroundConfig, _ as BackgroundProp, aZ as Block, S as CameraProps, J as CanvasSchedulerConfig, D as ColorManagementConfig, F as DefaultGLProps, I as DefaultRendererProps, aD as DisposeOptions, an as Environment, al as EnvironmentCube, aG as EnvironmentLoaderProps, ak as EnvironmentMap, am as EnvironmentPortal, aj as EnvironmentProps, a_ as ErrorBoundary, a5 as Extensions, bs as FROM_REF, bt as FromRefMarker, H as GLProps, a1 as GLTFLike, Y as GlobalEffectType, X as GlobalRenderCallback, a3 as InferLoadResult, W as InjectState, $ as InputLike, aw as IsObject, aa as LegacyInternalState, a9 as LegacyRenderer, ab as LegacyRootState, a2 as LoaderInstance, a0 as LoaderLike, a4 as LoaderResult, ax as MappedTextureType, bw as ONCE, y as OffscreenCanvas, by as OnceValue, aT as Portal, ap as PresetsType, ac as PrimaryCanvasEntry, a$ as REACT_INTERNAL_PROPS, b7 as RESERVED_PROPS, U as RenderProps, A as Renderer, K as RendererConfigExtended, P as RendererProps, aA as Texture, aB as TextureInput, aC as TextureResult, ay as UseTextureOptions, aE as UseTexturesReturn, a6 as WebGLDefaultProps, a7 as WebGLProps, a8 as WebGLShadowConfig, aQ as _roots, aJ as addAfterEffect, aI as addEffect, aK as addTail, aM as advance, bc as applyProps, b9 as attach, b2 as buildGraph, bd as calculateDpr, as as createEvents, u as createPointerEvents, aS as createPortal, aV as createStore, ba as detach, bb as diffProps, b3 as dispose, u as events, aN as extend, b0 as findInitialRoot, aU as flushSync, bu as fromRef, b4 as getInstanceProps, ae as getPrimary, ai as getPrimaryIds, b1 as getRootState, v as getThree, be as getUuidPrefix, br as hasConstructor, ag as hasPrimary, w as hasThree, aL as invalidate, b6 as invalidateInstance, bh as is, bk as isColorRepresentation, bq as isCopyable, bv as isFromRef, bn as isLayers, bl as isObject3D, bz as isOnce, bi as isOrthographicCamera, bj as isRef, aP as isRenderer, bm as isTexture, bo as isUniform, bp as isVectorLike, bx as once, b5 as prepare, ao as presetsObj, aO as reconciler, ad as registerPrimary, ar as removeInteractivity, b8 as resolve, aq as swapInteractivity, aR as unmountComponentAtNode, ah as unregisterPrimary, bf as updateCamera, bg as updateFrustum, aY as useBridge, aH as useEnvironment, au as useGraph, at as useInstanceHandle, aW as useIsomorphicLayoutEffect, av as useLoader, aX as useMutableCallback, az as useTexture, aF as useTextures, af as waitForPrimary, x as whenThree } from '../shared/fiber.DeBIf2pk.js';
-import { C as ConstructorRepresentation, f as RootState, I as InternalState, K as Properties } from '../shared/fiber.CZLeHcML.js';
-export { W as Act, z as Args, B as ArgsProp, A as AttachFnType, x as AttachType, Y as Bridge, i as Camera, y as Catalogue, n as ComputeFunction, a1 as Disposable, k as DomEvent, D as Dpr, a0 as EquConfig, l as EventHandlers, p as EventManager, E as Events, u as FiberRoot, m as FilterFunction, af as ForRegisteredRenderer, a5 as FrameCallback, a4 as FrameNextCallback, a2 as FrameNextState, a3 as FrameState, F as Frameloop, J as HostConfig, H as Instance, G as InstanceProps, h as Intersection, j as IntersectionEvent, Q as IsAllOptional, L as IsOptional, M as Mutable, N as NonFunctionKeys, $ as ObjectMap, a8 as OcclusionSupport, O as Overwrite, e as Performance, q as PointerCaptureTarget, P as PointerState, R as R3FRenderTarget, ag as R3FRendererSupport, ad as Register, ae as RegisteredRenderer, d as RenderCallback, ac as RendererProvider, ab as RendererSupport, w as Root, a as RootExtension, g as RootStore, Z as SetBlock, c as Size, S as Subscription, U as ThreeCamera, a7 as ThreeCore, T as ThreeEvent, a6 as ThreeNamespace, v as TrackedPromise, _ as UnblockProps, V as Viewport, t as VisibilityEntry, a9 as WebGLSupport, aa as WebGPUSupport, X as XRManager, o as XRPointerConfig, aj as context, r as registerRootExtension, s as setRenderOverride, ah as useStore } from '../shared/fiber.CZLeHcML.js';
+import * as React from 'react';
+import * as _react_three_fiber from '@react-three/fiber';
+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, H as RootState, s as ReconcilerRoot } from '../shared/fiber.DQTSZ24m.js';
+export { aE as Act, as as Args, at as ArgsProp, ap as AttachFnType, aq as AttachType, a7 as BaseRendererProps, aF as Bridge, U as Camera, aj as CameraProps, ag as CanvasSchedulerConfig, ar as Catalogue, aa as ColorManagementConfig, a1 as ComputeFunction, ad as DefaultGLProps, af as DefaultRendererProps, aK as Disposable, Z as DomEvent, D as Dpr, aJ as EquConfig, $ as EventHandlers, a3 as EventManager, _ as Events, am as FiberRoot, a0 as FilterFunction, aY as ForRegisteredRenderer, aO as FrameCallback, aN as FrameNextCallback, aL as FrameNextState, aM as FrameState, F as Frameloop, ae as GLProps, aw as HostConfig, al as InjectState, av as Instance, au as InstanceProps, K as Intersection, W as IntersectionEvent, aC as IsAllOptional, aB as IsOptional, aA as Mutable, ax as NonFunctionKeys, aI as ObjectMap, aR as OcclusionSupport, a6 as OffscreenCanvas, ay as Overwrite, B as Performance, a4 as PointerCaptureTarget, P as PointerState, az as Properties, aZ as R3FRenderTarget, a_ as R3FRendererSupport, aW as Register, aX as RegisteredRenderer, A as RenderCallback, ak as RenderProps, a9 as Renderer, ah as RendererConfigExtended, a8 as RendererFactory, ai as RendererProps, aV as RendererProvider, ac as RendererSettingsConfig, aU as RendererSupport, ao as Root, v as RootExtension, J as RootStore, aG as SetBlock, ab as ShadowsConfig, y as Size, S as Subscription, aD as ThreeCamera, aQ as ThreeCore, Y as ThreeEvent, aP as ThreeNamespace, an as TrackedPromise, aH as UnblockProps, z as Viewport, a5 as VisibilityEntry, aS as WebGLSupport, aT as WebGPUSupport, X as XRManager, a2 as XRPointerConfig, w as context, t as registerRootExtension, u as setRenderOverride, a$ as useStore } from '../shared/fiber.DQTSZ24m.js';
+export { B as BackgroundConfig, p as BackgroundProp, ah as Block, a2 as DisposeOptions, K as Environment, H as EnvironmentCube, a5 as EnvironmentLoaderProps, F as EnvironmentMap, J as EnvironmentPortal, D as EnvironmentProps, ai as ErrorBoundary, E as Extensions, aM as FROM_REF, aN as FromRefMarker, q as GLTFLike, o as GlobalEffectType, G as GlobalRenderCallback, t as InferLoadResult, I as InputLike, X as IsObject, A as LegacyInternalState, z as LegacyRenderer, C as LegacyRootState, s as LoaderInstance, L as LoaderLike, v as LoaderResult, Y as MappedTextureType, aQ as ONCE, aS as OnceValue, ad as Portal, N as PresetsType, P as PrimaryCanvasEntry, an as REACT_INTERNAL_PROPS, av as RESERVED_PROPS, R as RenderTargetOptions, $ as Texture, a0 as TextureInput, a1 as TextureResult, Z as UseTextureOptions, a3 as UseTexturesReturn, W as WebGLDefaultProps, x as WebGLProps, y as WebGLShadowConfig, aa as _roots, b as addAfterEffect, a as addEffect, d as addTail, e as advance, aA as applyProps, ax as attach, aq as buildGraph, aj as calculateDpr, S as createEvents, c as createPointerEvents, ac as createPortal, k as createStore, ay as detach, az as diffProps, ar as dispose, c as events, a7 as extend, ao as findInitialRoot, a9 as flushSync, aO as fromRef, as as getInstanceProps, g as getPrimary, j as getPrimaryIds, ap as getRootState, l as getThree, ak as getUuidPrefix, aL as hasConstructor, h as hasPrimary, m as hasThree, i as invalidate, au as invalidateInstance, aB as is, aE as isColorRepresentation, aK as isCopyable, aP as isFromRef, aH as isLayers, aF as isObject3D, aT as isOnce, aC as isOrthographicCamera, aD as isRef, f as isRenderer, aG as isTexture, aI as isUniform, aJ as isVectorLike, aR as once, at as prepare, M as presetsObj, a8 as reconciler, r as registerPrimary, Q as removeInteractivity, aw as resolve, O as swapInteractivity, ab as unmountComponentAtNode, u as unregisterPrimary, al as updateCamera, am as updateFrustum, ag as useBridge, a6 as useEnvironment, U as useGraph, T as useInstanceHandle, ae as useIsomorphicLayoutEffect, V as useLoader, af as useMutableCallback, _ as useTexture, a4 as useTextures, w as waitForPrimary, n as whenThree } from '../shared/fiber.CjMAAsJy.js';
 import { Texture } from 'three';
 import { StoreApi } from 'zustand';
-import { FrameCallback, UseFrameNextOptions, FrameNextControls } from '@pmndrs/scheduler';
+export { W as CanvasProps, e as InternalState, f as R3FRenderer, d as RootState, c as UseFrameWebGPU, U as UseThreeWebGPU, W as WebGPUCanvasProps, h as WebGPUDefaultProps, g as WebGPUProps, i as WebGPUShadowConfig, a as useFrame, b as useRenderTarget, u as useThree } from '../shared/fiber.DuA4F8L5.js';
 export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
-import { JSX } from 'react';
-import 'react-use-measure';
 import 'zustand/traditional';
 import 'three/tsl';
+import 'react-use-measure';
 
 /**
  * The `ReactThreeFiber` namespace of the WebGPU entry: the shared element types plus this entry's JSX map.
@@ -109,83 +108,23 @@ interface TextureOperations {
 }
 declare function createTextureOperations(set: StoreApi<RootState>['setState']): TextureOperations;
 
-//* Renderer Props ========================================
-
-type WebGPUDefaultProps = Omit<WebGPURendererParameters, 'canvas'> & BaseRendererProps
-
-type WebGPUProps =
-  | RendererFactory<WebGPURenderer, WebGPUDefaultProps>
-  | Partial<Properties<WebGPURenderer> | WebGPURendererParameters>
-
-// WebGPU doesn't have shadow maps in the same way
-interface WebGPUShadowConfig {
-  shadows?: boolean // Simplified for WebGPU
-}
-
-//* WebGPU-specific Types ========================================
-
-/** WebGPU renderer type - re-exported as R3FRenderer from @react-three/fiber/webgpu */
-type WebGPUR3FRenderer = WebGPURenderer
-
-/** WebGPU internal state with narrowed renderer type */
-interface WebGPUInternalState extends Omit<InternalState, 'actualRenderer'> {
-  actualRenderer: WebGPURenderer
-}
-
-/**
- * WebGPU-specific RootState with narrowed renderer type.
- * Automatically used when importing from `@react-three/fiber/webgpu`.
- *
- * @example
- * ```tsx
- * import { useThree } from '@react-three/fiber/webgpu'
- *
- * function MyComponent() {
- *   const { renderer } = useThree()
- *   // renderer is typed as WebGPURenderer
- *   renderer.compute(computePass)
- * }
- * ```
- */
-interface WebGPURootState extends Omit<RootState, 'renderer' | 'gl' | 'internal'> {
-  /** @deprecated Use `renderer` instead */
-  gl: WebGPURenderer
-  /** The WebGPU renderer instance */
-  renderer: WebGPURenderer
-  /** Internals with WebGPU renderer */
-  internal: WebGPUInternalState
-}
-
 declare const R3F_BUILD_LEGACY = false;
 declare const R3F_BUILD_WEBGPU = true;
-/** Create a root that always constructs a WebGPURenderer. */
+/**
+ * Create a root that always constructs a WebGPURenderer.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `createRoot` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
+ */
 declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
 
-/** `useThree` narrowed to WebGPU state — `state.renderer` is a `WebGPURenderer`. */
-type UseThreeWebGPU = <T = WebGPURootState>(selector?: (state: WebGPURootState) => T, equalityFn?: <U>(state: U, newState: U) => boolean) => T;
-/** `useFrame` narrowed to WebGPU state — the callback's `state.renderer` is a `WebGPURenderer`. */
-type UseFrameWebGPU = (callback?: FrameCallback<WebGPURootState>, priorityOrOptions?: number | UseFrameNextOptions) => FrameNextControls;
-declare const useThree: UseThreeWebGPU;
-declare const useFrame: UseFrameWebGPU;
-/** `useRenderTarget` narrowed to the target this entry's renderer produces. */
-declare const useRenderTarget: {
-    (options?: RenderTargetOptions): RenderTarget;
-    (size: number, options?: RenderTargetOptions): RenderTarget;
-    (width: number, height: number, options?: RenderTargetOptions): RenderTarget;
-};
-
-/** Canvas props on the WebGPU entry: `onCreated` receives `WebGPURootState`. */
-type WebGPUCanvasProps = Omit<CanvasProps, 'onCreated'> & {
-    /** Callback after the canvas has rendered (but not yet committed); `state.renderer` is a `WebGPURenderer` */
-    onCreated?: (state: WebGPURootState) => void;
-};
-
 /**
  * A DOM canvas which accepts threejs elements as children, rendered with WebGPU. `onCreated` is
  * typed against `WebGPURootState`.
+ * @deprecated `@react-three/fiber/webgpu` is removed in the first v10 beta. Import `Canvas` from
+ * `@react-three/fiber`, which renders with WebGPU and has the same types.
  * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
-declare const Canvas: (props: WebGPUCanvasProps) => JSX.Element;
+declare const Canvas: (props: _react_three_fiber.CanvasProps) => React.JSX.Element;
 /** Three.js constructors available as JSX elements on this entry. */
 type ThreeExports = typeof ThreeWebGPU;
 interface ThreeElements extends ThreeElementsOf$1<ThreeExports> {
@@ -197,5 +136,5 @@ declare module 'react' {
     }
 }
 
-export { BaseRendererProps, RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Properties, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, RenderTargetOptions, RendererFactory, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations, useFrame, useRenderTarget, useThree };
-export type { WebGPUCanvasProps as CanvasProps, WebGPUInternalState as InternalState, WebGPUR3FRenderer as R3FRenderer, WebGPURootState as RootState, TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports, UseFrameWebGPU, UseThreeWebGPU, WebGPUCanvasProps, WebGPUDefaultProps, WebGPUProps, WebGPUShadowConfig };
+export { RootState as BaseRootState, Canvas, Color$1 as Color, ConstructorRepresentation, ElementOf$1 as ElementOf, ElementProps$1 as ElementProps, Euler$1 as Euler, EventProps$1 as EventProps, GeometryProps$1 as GeometryProps, GeometryTransformProps$1 as GeometryTransformProps, Layers$1 as Layers, MathProps$1 as MathProps, MathRepresentation$1 as MathRepresentation, MathType$1 as MathType, MathTypes$1 as MathTypes, Matrix3$1 as Matrix3, Matrix4$1 as Matrix4, MutableOrReadonlyParameters$1 as MutableOrReadonlyParameters, NodeProps$1 as NodeProps, Object3DMethod$1 as Object3DMethod, Quaternion$1 as Quaternion, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, RaycastableRepresentation$1 as RaycastableRepresentation, ReactProps$1 as ReactProps, webgpu_d as ReactThreeFiber, ReconcilerRoot, TSLNodeInput$1 as TSLNodeInput, ThreeElement$1 as ThreeElement, ThreeElementsOf$1 as ThreeElementsOf, ThreeToJSXElements$1 as ThreeToJSXElements, Vector2$1 as Vector2, Vector3$1 as Vector3, Vector4$1 as Vector4, VectorRepresentation$1 as VectorRepresentation, createRoot, createTextureOperations };
+export type { TextureEntry, TextureNode, TextureOperations, ThreeElements, ThreeExports };

package/dist/webgpu/index.mjs

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import { x as useRenderTarget$1, c as createRoot$1, C as Canvas$1 } from '../shared/fiber.5Q8N6Hhq.mjs';
-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, t as useTexture, v as useTextures, d as waitForPrimary, w as whenThree } from '../shared/fiber.5Q8N6Hhq.mjs';
+import { c as createRoot$1, C as Canvas$1 } from '../shared/fiber.BuWl08aJ.mjs';
+export { s as Environment, p as EnvironmentCube, E as EnvironmentMap, q as EnvironmentPortal, ah as FROM_REF, I as IsObject, ak as ONCE, P as Portal, S as REACT_INTERNAL_PROPS, a0 as RESERVED_PROPS, T as Texture, _ as _roots, d as addAfterEffect, b as addEffect, e as addTail, f as advance, a5 as applyProps, a2 as attach, W as buildGraph, N as calculateDpr, y as createEvents, a as createPointerEvents, M as createPortal, l as createStore, a3 as detach, a4 as diffProps, X as dispose, a as events, H as extend, U as findInitialRoot, K as flushSync, ai as fromRef, Y as getInstanceProps, h as getPrimary, k as getPrimaryIds, V as getRootState, m as getThree, O as getUuidPrefix, ag as hasConstructor, j as hasPrimary, n as hasThree, i as invalidate, $ as invalidateInstance, a6 as is, a9 as isColorRepresentation, af as isCopyable, aj as isFromRef, ac as isLayers, aa as isObject3D, am as isOnce, a7 as isOrthographicCamera, a8 as isRef, g as isRenderer, ab as isTexture, ad as isUniform, ae as isVectorLike, al as once, Z as prepare, t as presetsObj, J as reconciler, r as registerPrimary, x as removeInteractivity, a1 as resolve, v as swapInteractivity, L as unmountComponentAtNode, u as unregisterPrimary, Q as updateCamera, R as updateFrustum, G as useEnvironment, A as useGraph, z as useInstanceHandle, B as useLoader, D as useTexture, F as useTextures, w as waitForPrimary, o as whenThree } from '../shared/fiber.BuWl08aJ.mjs';
 import { webgpuSupport } from '../chunks/webgpu.mjs';
-import { a as useThree$1, b as useFrame$1 } from '../shared/fiber.CUKAa7Rv.mjs';
-export { B as Block, E as ErrorBoundary, c as context, r as registerRootExtension, s as setRenderOverride, f as useBridge, d as useIsomorphicLayoutEffect, e as useMutableCallback, u as useStore } from '../shared/fiber.CUKAa7Rv.mjs';
+import { a as asWebGPUCanvas } from '../shared/fiber.DEWBFQJe.mjs';
+export { b as useFrame, c as useRenderTarget, u as useThree } from '../shared/fiber.DEWBFQJe.mjs';
+export { B as Block, E as ErrorBoundary, c as context, r as registerRootExtension, s as setRenderOverride, f as useBridge, d as useIsomorphicLayoutEffect, e as useMutableCallback, u as useStore } from '../shared/fiber.C-3TIsF8.mjs';
 export { Scheduler, getScheduler } from '@pmndrs/scheduler';
 
 function addTexture(set, key, value) {
@@ -54,9 +55,6 @@ const provider = {
 function createRoot(canvas) {
   return createRoot$1(canvas, provider);
 }
-const useThree = useThree$1;
-const useFrame = useFrame$1;
-const useRenderTarget = useRenderTarget$1;
-const Canvas = ((props) => /* @__PURE__ */ jsx(Canvas$1, { ...props, provider }));
+const Canvas = asWebGPUCanvas((props) => /* @__PURE__ */ jsx(Canvas$1, { ...props, provider }));
 
-export { Canvas, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, createRoot, createTextureOperations, useFrame, useRenderTarget, useThree };
+export { Canvas, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, createRoot, createTextureOperations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "10.0.0-canary.54ec785",
+  "version": "10.0.0-canary.58acabc",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -62,9 +62,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "@pmndrs/scheduler": "^0.2.0",
+    "@pmndrs/scheduler": "^0.3.0",
     "dequal": "^2.0.3",
-    "its-fine": "^2.0.0",
+    "its-fine": "^2.1.1",
     "react-use-measure": "^2.1.7",
     "scheduler": "^0.28.0",
     "suspend-react": "^0.1.3",

package/readme.md

@@ -37,7 +37,16 @@ Yes. It merely expresses Threejs in JSX, `<mesh />` dynamically turns into `new
 
 #### Does it support WebGPU?
 
-Yes. With minor changes in v9 and significant work in v10 WebGPU support is first class. We support all ThreeJS WebGPU features/Nodes and expand it with our own hooks and utilities.
+Yes. In v10 it is the default: `<Canvas>` from `@react-three/fiber` renders with three's `WebGPURenderer`, which falls back to a WebGL2 backend where the browser has no WebGPU, and the hooks are typed for it. Node materials and TSL work out of the box, with our own hooks in [`@react-three/tsl`](https://github.com/pmndrs/react-three-fiber/tree/v10/packages/tsl). Scenes that need `WebGLRenderer` (GLSL `ShaderMaterial`s, `onBeforeCompile`, `postprocessing`) import from `@react-three/fiber/legacy`.
+
+#### Upgrading to v10?
+
+v10 is in alpha (`npm install @react-three/fiber@alpha`). Read the [migration guide](https://r3f.docs.pmnd.rs/next/migration/v10) and the [list of breaking changes](https://r3f.docs.pmnd.rs/next/migration/breaking-changes). The short version:
+
+- `@react-three/fiber` renders with WebGPU; WebGL is `@react-three/fiber/legacy`, chosen by the import.
+- `useThree`, `useFrame` and `onCreated` are typed for the import's renderer, so `state.renderer.compute(...)` needs no cast. Libraries that run on both renderers type against `@react-three/fiber/extension`.
+- `state.gl` is `state.renderer` (deprecated), `state.clock` is gone (`state.elapsed`, `state.delta`), and `shadows` and the color props moved into `renderer={{ ... }}` / `gl={{ ... }}`.
+- The TSL hooks live in `@react-three/tsl`; the `physics` frame phase runs on a fixed timestep.
 
 ### What does it look like?