@react-three/fiber 9.0.0-beta.0 → 9.0.0-beta.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.16.8
+
+### Patch Changes
+
+- 4748b365: fix: update is.equ to compare booleans
+
+## 8.16.7
+
+### Patch Changes
+
+- 4d6408c7: fix(types): revert usage of future module JSX
+
 ## 8.16.6
 
 ### Patch Changes

package/dist/{loop-ed5edcdb.esm.js → loop-b00a3b86.esm.js}

@@ -546,7 +546,7 @@ const is = {
     // Wrong type or one of the two undefined, doesn't match
     if (typeof a !== typeof b || !!a !== !!b) return false;
     // Atomic, just compare a against b
-    if (is.str(a) || is.num(a)) return a === b;
+    if (is.str(a) || is.num(a) || is.boo(a)) return a === b;
     const isObj = is.obj(a);
     if (isObj && objects === 'reference') return a === b;
     const isArr = is.arr(a);
@@ -754,7 +754,7 @@ function diffProps(instance, newProps) {
   }
   return changedProps;
 }
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';
+typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';
 
 // const LinearEncoding = 3000
 const sRGBEncoding = 3001;
@@ -809,12 +809,7 @@ function applyProps(object, props) {
     }
 
     // Copy if properties match signatures
-    if (target != null && target.copy && (
-    // Some environments may break strict identity checks by duplicating versions of three.js.
-    // Loosen to unminified names, ignoring descendents.
-    // https://github.com/pmndrs/react-three-fiber/issues/2856
-    // TODO: fix upstream and remove in v9
-    __DEV__ ? target.constructor.name === value.constructor.name : target.constructor === value.constructor)) {
+    if (typeof (target == null ? void 0 : target.copy) === 'function' && target.copy === value.copy) {
       target.copy(value);
     }
     // Layers have no copy function, we must therefore copy the mask property

package/dist/{loop-5012a96a.cjs.prod.js → loop-dfcc9ca9.cjs.prod.js}

@@ -572,7 +572,7 @@ const is = {
     // Wrong type or one of the two undefined, doesn't match
     if (typeof a !== typeof b || !!a !== !!b) return false;
     // Atomic, just compare a against b
-    if (is.str(a) || is.num(a)) return a === b;
+    if (is.str(a) || is.num(a) || is.boo(a)) return a === b;
     const isObj = is.obj(a);
     if (isObj && objects === 'reference') return a === b;
     const isArr = is.arr(a);
@@ -780,7 +780,6 @@ function diffProps(instance, newProps) {
   }
   return changedProps;
 }
-const __DEV__ = typeof process !== 'undefined' &&         "production" !== 'production';
 
 // const LinearEncoding = 3000
 const sRGBEncoding = 3001;
@@ -835,12 +834,7 @@ function applyProps(object, props) {
     }
 
     // Copy if properties match signatures
-    if (target != null && target.copy && (
-    // Some environments may break strict identity checks by duplicating versions of three.js.
-    // Loosen to unminified names, ignoring descendents.
-    // https://github.com/pmndrs/react-three-fiber/issues/2856
-    // TODO: fix upstream and remove in v9
-    __DEV__ ? target.constructor.name === value.constructor.name : target.constructor === value.constructor)) {
+    if (typeof (target == null ? void 0 : target.copy) === 'function' && target.copy === value.copy) {
       target.copy(value);
     }
     // Layers have no copy function, we must therefore copy the mask property

package/dist/{loop-8dd3f5bb.cjs.dev.js → loop-eb3c7218.cjs.dev.js}

@@ -572,7 +572,7 @@ const is = {
     // Wrong type or one of the two undefined, doesn't match
     if (typeof a !== typeof b || !!a !== !!b) return false;
     // Atomic, just compare a against b
-    if (is.str(a) || is.num(a)) return a === b;
+    if (is.str(a) || is.num(a) || is.boo(a)) return a === b;
     const isObj = is.obj(a);
     if (isObj && objects === 'reference') return a === b;
     const isArr = is.arr(a);
@@ -780,7 +780,7 @@ function diffProps(instance, newProps) {
   }
   return changedProps;
 }
-const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';
+typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';
 
 // const LinearEncoding = 3000
 const sRGBEncoding = 3001;
@@ -835,12 +835,7 @@ function applyProps(object, props) {
     }
 
     // Copy if properties match signatures
-    if (target != null && target.copy && (
-    // Some environments may break strict identity checks by duplicating versions of three.js.
-    // Loosen to unminified names, ignoring descendents.
-    // https://github.com/pmndrs/react-three-fiber/issues/2856
-    // TODO: fix upstream and remove in v9
-    __DEV__ ? target.constructor.name === value.constructor.name : target.constructor === value.constructor)) {
+    if (typeof (target == null ? void 0 : target.copy) === 'function' && target.copy === value.copy) {
       target.copy(value);
     }
     // Layers have no copy function, we must therefore copy the mask property

package/dist/react-three-fiber.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('./loop-8dd3f5bb.cjs.dev.js');
+var loop = require('./loop-eb3c7218.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('./loop-5012a96a.cjs.prod.js');
+var loop = require('./loop-dfcc9ca9.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.esm.js

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, d as createRoot, i as isRef, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from './loop-ed5edcdb.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './loop-ed5edcdb.esm.js';
+import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, d as createRoot, i as isRef, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from './loop-b00a3b86.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './loop-b00a3b86.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';

package/native/dist/react-three-fiber-native.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('../../dist/loop-8dd3f5bb.cjs.dev.js');
+var loop = require('../../dist/loop-eb3c7218.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

package/native/dist/react-three-fiber-native.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('../../dist/loop-5012a96a.cjs.prod.js');
+var loop = require('../../dist/loop-dfcc9ca9.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

package/native/dist/react-three-fiber-native.esm.js

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, d as createRoot, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from '../../dist/loop-ed5edcdb.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/loop-ed5edcdb.esm.js';
+import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, d as createRoot, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from '../../dist/loop-b00a3b86.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/loop-b00a3b86.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0-beta.1",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -47,9 +47,9 @@
     "base64-js": "^1.5.1",
     "buffer": "^6.0.3",
     "its-fine": "^1.2.5",
-    "react-reconciler": "0.31.0-rc-38e3b23483-20240529",
+    "react-reconciler": "0.31.0-rc.0",
     "react-use-measure": "^2.1.1",
-    "scheduler": "0.25.0-rc-38e3b23483-20240529",
+    "scheduler": "0.25.0-rc.0",
     "suspend-react": "^0.1.3",
     "zustand": "^4.1.2"
   },

package/dist/declarations/src/core/events.d.ts

@@ -1,91 +0,0 @@
-import * as THREE from 'three';
-import { type Properties } from "./utils.js";
-import type { RootState, RootStore } from "./store.js";
-export interface Intersection extends THREE.Intersection {
-    /** The event source (the object which registered the handler) */
-    eventObject: THREE.Object3D;
-}
-export interface IntersectionEvent<TSourceEvent> extends Intersection {
-    /** The event source (the object which registered the handler) */
-    eventObject: THREE.Object3D;
-    /** An array of intersections */
-    intersections: Intersection[];
-    /** vec3.set(pointer.x, pointer.y, 0).unproject(camera) */
-    unprojectedPoint: THREE.Vector3;
-    /** Normalized event coordinates */
-    pointer: THREE.Vector2;
-    /** Delta between first click and this event */
-    delta: number;
-    /** The ray that pierced it */
-    ray: THREE.Ray;
-    /** The camera that was used by the raycaster */
-    camera: Camera;
-    /** stopPropagation will stop underlying handlers from firing */
-    stopPropagation: () => void;
-    /** The original host event */
-    nativeEvent: TSourceEvent;
-    /** If the event was stopped by calling stopPropagation */
-    stopped: boolean;
-}
-export type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
-export type ThreeEvent<TEvent> = IntersectionEvent<TEvent> & Properties<TEvent>;
-export type DomEvent = PointerEvent | MouseEvent | WheelEvent;
-export interface Events {
-    onClick: EventListener;
-    onContextMenu: EventListener;
-    onDoubleClick: EventListener;
-    onWheel: EventListener;
-    onPointerDown: EventListener;
-    onPointerUp: EventListener;
-    onPointerLeave: EventListener;
-    onPointerMove: EventListener;
-    onPointerCancel: EventListener;
-    onLostPointerCapture: EventListener;
-}
-export interface EventHandlers {
-    onClick?: (event: ThreeEvent<MouseEvent>) => void;
-    onContextMenu?: (event: ThreeEvent<MouseEvent>) => void;
-    onDoubleClick?: (event: ThreeEvent<MouseEvent>) => void;
-    onPointerUp?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerDown?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerOver?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerOut?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerEnter?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerLeave?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerMove?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerMissed?: (event: MouseEvent) => void;
-    onPointerCancel?: (event: ThreeEvent<PointerEvent>) => void;
-    onWheel?: (event: ThreeEvent<WheelEvent>) => void;
-}
-export type FilterFunction = (items: THREE.Intersection[], state: RootState) => THREE.Intersection[];
-export type ComputeFunction = (event: DomEvent, root: RootState, previous?: RootState) => void;
-export interface EventManager<TTarget> {
-    /** Determines if the event layer is active */
-    enabled: boolean;
-    /** Event layer priority, higher prioritized layers come first and may stop(-propagate) lower layer  */
-    priority: number;
-    /** The compute function needs to set up the raycaster and an xy- pointer  */
-    compute?: ComputeFunction;
-    /** The filter can re-order or re-structure the intersections  */
-    filter?: FilterFunction;
-    /** The target node the event layer is tied to */
-    connected?: TTarget;
-    /** All the pointer event handlers through which the host forwards native events */
-    handlers?: Events;
-    /** Allows re-connecting to another target */
-    connect?: (target: TTarget) => void;
-    /** Removes all existing events handlers from the target */
-    disconnect?: () => void;
-    /** Triggers a onPointerMove with the last known event. This can be useful to enable raycasting without
-     *  explicit user interaction, for instance when the camera moves a hoverable object underneath the cursor.
-     */
-    update?: () => void;
-}
-export interface PointerCaptureTarget {
-    intersection: Intersection;
-    target: Element;
-}
-export declare function removeInteractivity(store: RootStore, object: THREE.Object3D): void;
-export declare function createEvents(store: RootStore): {
-    handlePointer: (name: string) => (event: DomEvent) => void;
-};

package/dist/declarations/src/core/hooks.d.ts

@@ -1,52 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { RootState, RenderCallback, RootStore } from "./store.js";
-import { ObjectMap } from "./utils.js";
-import type { Instance } from "./reconciler.js";
-/**
- * Exposes an object's {@link Instance}.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#useinstancehandle
- *
- * **Note**: this is an escape hatch to react-internal fields. Expect this to change significantly between versions.
- */
-export declare function useInstanceHandle<T>(ref: React.RefObject<T>): React.RefObject<Instance<T>>;
-/**
- * Returns the R3F Canvas' Zustand store. Useful for [transient updates](https://github.com/pmndrs/zustand#transient-updates-for-often-occurring-state-changes).
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usestore
- */
-export declare function useStore(): RootStore;
-/**
- * Accesses R3F's internal state, containing renderer, canvas, scene, etc.
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usethree
- */
-export declare function useThree<T = RootState>(selector?: (state: RootState) => T, equalityFn?: <T>(state: T, newState: T) => boolean): T;
-/**
- * Executes a callback before render in a shared frame loop.
- * Can order effects with render priority or manually render with a positive priority.
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
- */
-export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
-/**
- * Returns a node graph of an object with named nodes & materials.
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usegraph
- */
-export declare function useGraph(object: THREE.Object3D): ObjectMap;
-export interface Loader<T> extends THREE.Loader {
-    load(url: string | string[] | string[][], onLoad?: (result: T, ...args: any[]) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: unknown) => void): unknown;
-}
-export type LoaderProto<T> = new (...args: any[]) => Loader<T>;
-export type LoaderResult<T> = T extends {
-    scene: THREE.Object3D;
-} ? T & ObjectMap : T;
-export type Extensions<T> = (loader: Loader<T>) => void;
-/**
- * Synchronously loads and caches assets with a three loader.
- *
- * Note: this hook's caller must be wrapped with `React.Suspense`
- * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useloader
- */
-export declare function useLoader<T, U extends string | string[] | string[][]>(loader: Loader<T> | LoaderProto<T>, input: U, extensions?: Extensions<T>, onProgress?: (event: ProgressEvent) => void): U extends any[] ? LoaderResult<T>[] : LoaderResult<T>;
-export declare namespace useLoader {
-    var preload: <T, U extends string | string[] | string[][]>(loader: Loader<T> | LoaderProto<T>, input: U, extensions?: Extensions<T> | undefined) => void;
-    var clear: <T, U extends string | string[] | string[][]>(loader: Loader<T> | LoaderProto<T>, input: U) => void;
-}

package/dist/declarations/src/core/index.d.ts

@@ -1,13 +0,0 @@
-export type { Intersection, ThreeEvent, DomEvent, Events, EventHandlers, FilterFunction, ComputeFunction, EventManager, } from "./events.js";
-export { createEvents } from "./events.js";
-export * from "./hooks.js";
-export type { GlobalRenderCallback, GlobalEffectType } from "./loop.js";
-export { flushGlobalEffects, addEffect, addAfterEffect, addTail, invalidate, advance } from "./loop.js";
-export type { AttachFnType, AttachType, ConstructorRepresentation, Catalogue, Args, InstanceProps, Instance, } from "./reconciler.js";
-export { extend, reconciler } from "./reconciler.js";
-export type { ReconcilerRoot, GLProps, CameraProps, RenderProps, InjectState } from "./renderer.js";
-export { _roots, render, createRoot, unmountComponentAtNode, createPortal } from "./renderer.js";
-export type { Subscription, Dpr, Size, Viewport, RenderCallback, Frameloop, Performance, Renderer, XRManager, RootState, RootStore, } from "./store.js";
-export { context } from "./store.js";
-export type { ObjectMap, Camera, Disposable, Act } from "./utils.js";
-export { applyProps, getRootState, dispose, act, buildGraph } from "./utils.js";

package/dist/declarations/src/core/loop.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="webxr" />
-import type { RootState } from "./store.js";
-export type GlobalRenderCallback = (timestamp: number) => void;
-/**
- * Adds a global render callback which is called each frame.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#addEffect
- */
-export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
-/**
- * Adds a global after-render callback which is called each frame.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#addAfterEffect
- */
-export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
-/**
- * Adds a global callback which is called when rendering stops.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#addTail
- */
-export declare const addTail: (callback: GlobalRenderCallback) => () => void;
-export type GlobalEffectType = 'before' | 'after' | 'tail';
-export declare function flushGlobalEffects(type: GlobalEffectType, timestamp: number): void;
-export declare function loop(timestamp: number): void;
-/**
- * Invalidates the view, requesting a frame to be rendered. Will globally invalidate unless passed a root's state.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#invalidate
- */
-export declare function invalidate(state?: RootState, frames?: number): void;
-/**
- * Advances the frameloop and runs render effects, useful for when manually rendering via `frameloop="never"`.
- * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
- */
-export declare function advance(timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame): void;

package/dist/declarations/src/core/reconciler.d.ts

@@ -1,55 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import Reconciler from 'react-reconciler';
-import { IsAllOptional } from "./utils.js";
-import type { RootStore } from "./store.js";
-import { type EventHandlers } from "./events.js";
-import type { ThreeElement } from "../three-types.js";
-declare module 'react-reconciler/constants' {
-    const NoEventPriority = 0;
-}
-export interface Root {
-    fiber: Reconciler.FiberRoot;
-    store: RootStore;
-}
-export type AttachFnType<O = any> = (parent: any, self: O) => () => void;
-export type AttachType<O = any> = string | AttachFnType<O>;
-export type ConstructorRepresentation<T = any> = new (...args: any[]) => T;
-export interface Catalogue {
-    [name: string]: ConstructorRepresentation;
-}
-export type Args<T> = T extends ConstructorRepresentation ? T extends typeof THREE.Color ? [r: number, g: number, b: number] | [color: THREE.ColorRepresentation] : ConstructorParameters<T> : any[];
-type ArgsProp<P> = P extends ConstructorRepresentation ? IsAllOptional<ConstructorParameters<P>> extends true ? {
-    args?: Args<P>;
-} : {
-    args: Args<P>;
-} : {
-    args: unknown[];
-};
-export type InstanceProps<T = any, P = any> = ArgsProp<P> & {
-    object?: T;
-    visible?: boolean;
-    dispose?: null;
-    attach?: AttachType<T>;
-    onUpdate?: (self: T) => void;
-};
-export interface Instance<O = any> {
-    root: RootStore;
-    type: string;
-    parent: Instance | null;
-    children: Instance[];
-    props: InstanceProps<O> & Record<string, unknown>;
-    object: O & {
-        __r3f?: Instance<O>;
-    };
-    eventCount: number;
-    handlers: Partial<EventHandlers>;
-    attach?: AttachType<O>;
-    previousAttach?: any;
-    isHidden: boolean;
-}
-export declare const catalogue: Catalogue;
-export declare function extend<T extends ConstructorRepresentation>(objects: T): React.ExoticComponent<ThreeElement<T>>;
-export declare function extend<T extends Catalogue>(objects: T): void;
-export declare const reconciler: Reconciler.Reconciler<RootStore, Instance<any>, void, Instance<any>, any>;
-export {};

package/dist/declarations/src/core/renderer.d.ts

@@ -1,80 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import type { ThreeElement } from "../three-types.js";
-import { Renderer, RootState, Size, Dpr, Performance, Frameloop, RootStore } from "./store.js";
-import { Root } from "./reconciler.js";
-import { EventManager, ComputeFunction } from "./events.js";
-import { type Properties, Camera } from "./utils.js";
-interface OffscreenCanvas extends EventTarget {
-}
-export declare const _roots: Map<HTMLCanvasElement | OffscreenCanvas, Root>;
-export type GLProps = Renderer | ((canvas: HTMLCanvasElement | OffscreenCanvas) => Renderer) | Partial<Properties<THREE.WebGLRenderer> | THREE.WebGLRendererParameters>;
-export type CameraProps = (Camera | Partial<ThreeElement<typeof THREE.Camera> & ThreeElement<typeof THREE.PerspectiveCamera> & ThreeElement<typeof THREE.OrthographicCamera>>) & {
-    /** Flags the camera as manual, putting projection into your own hands */
-    manual?: boolean;
-};
-export interface RenderProps<TCanvas extends HTMLCanvasElement | OffscreenCanvas> {
-    /** A threejs renderer instance or props that go into the default renderer */
-    gl?: GLProps;
-    /** Dimensions to fit the renderer to. Will measure canvas dimensions if omitted */
-    size?: Size;
-    /**
-     * Enables shadows (by default PCFsoft). Can accept `gl.shadowMap` options for fine-tuning,
-     * but also strings: 'basic' | 'percentage' | 'soft' | 'variance'.
-     * @see https://threejs.org/docs/#api/en/renderers/WebGLRenderer.shadowMap
-     */
-    shadows?: boolean | 'basic' | 'percentage' | 'soft' | 'variance' | Partial<THREE.WebGLShadowMap>;
-    /**
-     * Disables three r139 color management.
-     * @see https://threejs.org/docs/#manual/en/introduction/Color-management
-     */
-    legacy?: boolean;
-    /** Switch off automatic sRGB encoding and gamma correction */
-    linear?: boolean;
-    /** Use `THREE.NoToneMapping` instead of `THREE.ACESFilmicToneMapping` */
-    flat?: boolean;
-    /** Creates an orthographic camera */
-    orthographic?: boolean;
-    /**
-     * R3F's render mode. Set to `demand` to only render on state change or `never` to take control.
-     * @see https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#on-demand-rendering
-     */
-    frameloop?: Frameloop;
-    /**
-     * R3F performance options for adaptive performance.
-     * @see https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#movement-regression
-     */
-    performance?: Partial<Omit<Performance, 'regress'>>;
-    /** Target pixel ratio. Can clamp between a range: `[min, max]` */
-    dpr?: Dpr;
-    /** Props that go into the default raycaster */
-    raycaster?: Partial<THREE.Raycaster>;
-    /** A `THREE.Scene` instance or props that go into the default scene */
-    scene?: THREE.Scene | Partial<THREE.Scene>;
-    /** A `THREE.Camera` instance or props that go into the default camera */
-    camera?: CameraProps;
-    /** An R3F event manager to manage elements' pointer events */
-    events?: (store: RootStore) => EventManager<HTMLElement>;
-    /** Callback after the canvas has rendered (but not yet committed) */
-    onCreated?: (state: RootState) => void;
-    /** Response for pointer clicks that have missed any target */
-    onPointerMissed?: (event: MouseEvent) => void;
-}
-export interface ReconcilerRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas> {
-    configure: (config?: RenderProps<TCanvas>) => ReconcilerRoot<TCanvas>;
-    render: (element: React.ReactNode) => RootStore;
-    unmount: () => void;
-}
-export declare function createRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas): ReconcilerRoot<TCanvas>;
-export declare function render<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(children: React.ReactNode, canvas: TCanvas, config: RenderProps<TCanvas>): RootStore;
-export declare function unmountComponentAtNode<TCanvas extends HTMLCanvasElement | OffscreenCanvas>(canvas: TCanvas, callback?: (canvas: TCanvas) => void): void;
-export type InjectState = Partial<Omit<RootState, 'events'> & {
-    events?: {
-        enabled?: boolean;
-        priority?: number;
-        compute?: ComputeFunction;
-        connected?: any;
-    };
-}>;
-export declare function createPortal(children: React.ReactNode, container: THREE.Object3D, state?: InjectState): React.JSX.Element;
-export {};

package/dist/declarations/src/core/store.d.ts

@@ -1,130 +0,0 @@
-/// <reference types="webxr" />
-import * as THREE from 'three';
-import * as React from 'react';
-import { type StoreApi } from 'zustand';
-import { type UseBoundStoreWithEqualityFn } from 'zustand/traditional';
-import type { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from "./events.js";
-import { type Camera } from "./utils.js";
-export interface Intersection extends THREE.Intersection {
-    eventObject: THREE.Object3D;
-}
-export type Subscription = {
-    ref: React.RefObject<RenderCallback>;
-    priority: number;
-    store: RootStore;
-};
-export type Dpr = number | [min: number, max: number];
-export interface Size {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-}
-export type Frameloop = 'always' | 'demand' | 'never';
-export interface Viewport extends Size {
-    /** The initial pixel ratio */
-    initialDpr: number;
-    /** Current pixel ratio */
-    dpr: number;
-    /** size.width / viewport.width */
-    factor: number;
-    /** Camera distance */
-    distance: number;
-    /** Camera aspect ratio: width / height */
-    aspect: number;
-}
-export type RenderCallback = (state: RootState, delta: number, frame?: XRFrame) => void;
-export interface Performance {
-    /** Current performance normal, between min and max */
-    current: number;
-    /** How low the performance can go, between 0 and max */
-    min: number;
-    /** How high the performance can go, between min and max */
-    max: number;
-    /** Time until current returns to max in ms */
-    debounce: number;
-    /** Sets current to min, puts the system in regression */
-    regress: () => void;
-}
-export interface Renderer {
-    render: (scene: THREE.Scene, camera: THREE.Camera) => any;
-}
-export declare const isRenderer: (def: any) => boolean;
-export interface InternalState {
-    interaction: THREE.Object3D[];
-    hovered: Map<string, ThreeEvent<DomEvent>>;
-    subscribers: Subscription[];
-    capturedMap: Map<number, Map<THREE.Object3D, PointerCaptureTarget>>;
-    initialClick: [x: number, y: number];
-    initialHits: THREE.Object3D[];
-    lastEvent: React.RefObject<DomEvent | null>;
-    active: boolean;
-    priority: number;
-    frames: number;
-    subscribe: (callback: React.RefObject<RenderCallback>, priority: number, store: RootStore) => () => void;
-}
-export interface XRManager {
-    connect: () => void;
-    disconnect: () => void;
-}
-export interface RootState {
-    /** Set current state */
-    set: StoreApi<RootState>['setState'];
-    /** Get current state */
-    get: StoreApi<RootState>['getState'];
-    /** The instance of the renderer */
-    gl: THREE.WebGLRenderer;
-    /** Default camera */
-    camera: Camera;
-    /** Default scene */
-    scene: THREE.Scene;
-    /** Default raycaster */
-    raycaster: THREE.Raycaster;
-    /** Default clock */
-    clock: THREE.Clock;
-    /** Event layer interface, contains the event handler and the node they're connected to */
-    events: EventManager<any>;
-    /** XR interface */
-    xr: XRManager;
-    /** Currently used controls */
-    controls: THREE.EventDispatcher | null;
-    /** Normalized event coordinates */
-    pointer: THREE.Vector2;
-    /** @deprecated Normalized event coordinates, use "pointer" instead! */
-    mouse: THREE.Vector2;
-    legacy: boolean;
-    /** Shortcut to gl.outputColorSpace = THREE.LinearSRGBColorSpace */
-    linear: boolean;
-    /** Shortcut to gl.toneMapping = NoTonemapping */
-    flat: boolean;
-    /** Render loop flags */
-    frameloop: Frameloop;
-    performance: Performance;
-    /** Reactive pixel-size of the canvas */
-    size: Size;
-    /** Reactive size of the viewport in threejs units */
-    viewport: Viewport & {
-        getCurrentViewport: (camera?: Camera, target?: THREE.Vector3 | Parameters<THREE.Vector3['set']>, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
-    };
-    /** Flags the canvas for render, but doesn't render in itself */
-    invalidate: (frames?: number) => void;
-    /** Advance (render) one step */
-    advance: (timestamp: number, runGlobalEffects?: boolean) => void;
-    /** Shortcut to setting the event layer */
-    setEvents: (events: Partial<EventManager<any>>) => void;
-    /** Shortcut to manual sizing */
-    setSize: (width: number, height: number, top?: number, left?: number) => void;
-    /** Shortcut to manual setting the pixel ratio */
-    setDpr: (dpr: Dpr) => void;
-    /** Shortcut to setting frameloop flags */
-    setFrameloop: (frameloop: Frameloop) => void;
-    /** When the canvas was clicked but nothing was hit */
-    onPointerMissed?: (event: MouseEvent) => void;
-    /** If this state model is layered (via createPortal) then this contains the previous layer */
-    previousRoot?: RootStore;
-    /** Internals */
-    internal: InternalState;
-}
-export type RootStore = UseBoundStoreWithEqualityFn<StoreApi<RootState>>;
-export declare const context: React.Context<RootStore>;
-export declare const createStore: (invalidate: (state?: RootState, frames?: number) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;

package/dist/declarations/src/core/utils.d.ts

@@ -1,138 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { Instance } from "./reconciler.js";
-import type { Fiber } from 'react-reconciler';
-import type { Dpr, Renderer, RootStore, Size } from "./store.js";
-export type NonFunctionKeys<P> = {
-    [K in keyof P]-?: P[K] extends Function ? never : K;
-}[keyof P];
-export type Overwrite<P, O> = Omit<P, NonFunctionKeys<O>> & O;
-export type Properties<T> = Pick<T, NonFunctionKeys<T>>;
-export type Mutable<P> = {
-    [K in keyof P]: P[K] | Readonly<P[K]>;
-};
-export type IsOptional<T> = undefined extends T ? true : false;
-export type IsAllOptional<T extends any[]> = T extends [infer First, ...infer Rest] ? IsOptional<First> extends true ? IsAllOptional<Rest> : false : true;
-/**
- * Returns the instance's initial (outmost) root.
- */
-export declare function findInitialRoot<T>(instance: Instance<T>): RootStore;
-/**
- * Returns `true` with correct TS type inference if an object has a configurable color space (since r152).
- */
-export declare const hasColorSpace: <T extends object | THREE.Texture | Renderer, P = T extends Renderer ? {
-    outputColorSpace: string;
-} : {
-    colorSpace: string;
-}>(object: T) => object is T & P;
-export type ColorManagementRepresentation = {
-    enabled: boolean | never;
-} | {
-    legacyMode: boolean | never;
-};
-/**
- * The current THREE.ColorManagement instance, if present.
- */
-export declare const getColorManagement: () => ColorManagementRepresentation | null;
-export type Act = <T = any>(cb: () => Promise<T>) => Promise<T>;
-/**
- * Safely flush async effects when testing, simulating a legacy root.
- */
-export declare const act: Act;
-export type Camera = (THREE.OrthographicCamera | THREE.PerspectiveCamera) & {
-    manual?: boolean;
-};
-export declare const isOrthographicCamera: (def: Camera) => def is THREE.OrthographicCamera;
-export declare const isRef: (obj: any) => obj is React.RefObject<unknown>;
-/**
- * An SSR-friendly useLayoutEffect.
- *
- * React currently throws a warning when using useLayoutEffect on the server.
- * To get around it, we can conditionally useEffect on the server (no-op) and
- * useLayoutEffect elsewhere.
- *
- * @see https://github.com/facebook/react/issues/14927
- */
-export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
-export declare function useMutableCallback<T>(fn: T): React.RefObject<T>;
-export type Bridge = React.FC<{
-    children?: React.ReactNode;
-}>;
-/**
- * Bridges renderer Context and StrictMode from a primary renderer.
- */
-export declare function useBridge(): Bridge;
-export type SetBlock = false | Promise<null> | null;
-export type UnblockProps = {
-    set: React.Dispatch<React.SetStateAction<SetBlock>>;
-    children: React.ReactNode;
-};
-export declare function Block({ set }: Omit<UnblockProps, 'children'>): null;
-export declare class ErrorBoundary extends React.Component<{
-    set: React.Dispatch<Error | undefined>;
-    children: React.ReactNode;
-}, {
-    error: boolean;
-}> {
-    state: {
-        error: boolean;
-    };
-    static getDerivedStateFromError: () => {
-        error: boolean;
-    };
-    componentDidCatch(err: Error): void;
-    render(): React.ReactNode;
-}
-export interface ObjectMap {
-    nodes: {
-        [name: string]: THREE.Object3D;
-    };
-    materials: {
-        [name: string]: THREE.Material;
-    };
-}
-export declare function calculateDpr(dpr: Dpr): number;
-/**
- * Returns instance root state
- */
-export declare function getRootState<T extends THREE.Object3D = THREE.Object3D>(obj: T): import("./store.js").RootState | undefined;
-export interface EquConfig {
-    /** Compare arrays by reference equality a === b (default), or by shallow equality */
-    arrays?: 'reference' | 'shallow';
-    /** Compare objects by reference equality a === b (default), or by shallow equality */
-    objects?: 'reference' | 'shallow';
-    /** If true the keys in both a and b must match 1:1 (default), if false a's keys must intersect b's */
-    strict?: boolean;
-}
-export declare const is: {
-    obj: (a: any) => boolean;
-    fun: (a: any) => a is Function;
-    str: (a: any) => a is string;
-    num: (a: any) => a is number;
-    boo: (a: any) => a is boolean;
-    und: (a: any) => boolean;
-    arr: (a: any) => boolean;
-    equ(a: any, b: any, { arrays, objects, strict }?: EquConfig): boolean;
-};
-export declare function buildGraph(object: THREE.Object3D): ObjectMap;
-export interface Disposable {
-    type?: string;
-    dispose?: () => void;
-}
-export declare function dispose<T extends Disposable>(obj: T): void;
-export declare const REACT_INTERNAL_PROPS: string[];
-export declare function getInstanceProps<T = any>(queue: Fiber['pendingProps']): Instance<T>['props'];
-export declare function prepare<T = any>(target: T, root: RootStore, type: string, props: Instance<T>['props']): Instance<T>;
-export declare function resolve(root: any, key: string): {
-    root: any;
-    key: string;
-    target: any;
-};
-export declare function attach(parent: Instance, child: Instance): void;
-export declare function detach(parent: Instance, child: Instance): void;
-export declare const RESERVED_PROPS: string[];
-export declare function diffProps<T = any>(instance: Instance<T>, newProps: Instance<T>['props']): Instance<T>['props'];
-export declare function applyProps<T = any>(object: Instance<T>['object'], props: Instance<T>['props']): Instance<T>['object'];
-export declare function invalidateInstance(instance: Instance): void;
-export declare function updateCamera(camera: Camera, size: Size): void;
-export declare const isObject3D: (object: any) => object is THREE.Object3D<THREE.Event>;

package/dist/declarations/src/index.d.ts

@@ -1,6 +0,0 @@
-import * as ReactThreeFiber from "./three-types.js";
-export { ReactThreeFiber };
-export * from "./three-types.js";
-export * from "./core/index.js";
-export * from "./web/Canvas.js";
-export { createPointerEvents as events } from "./web/events.js";

package/dist/declarations/src/native/Canvas.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { View, ViewProps, ViewStyle } from 'react-native';
-import { RenderProps } from "../core/index.js";
-export interface CanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'size' | 'dpr'>, Omit<ViewProps, 'children'> {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-export interface Props extends CanvasProps {
-}
-/**
- * A native canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
- */
-export declare const Canvas: React.ForwardRefExoticComponent<CanvasProps & React.RefAttributes<View>>;

package/dist/declarations/src/native/events.d.ts

@@ -1,4 +0,0 @@
-import { RootStore } from "../core/store.js";
-import { EventManager } from "../core/events.js";
-/** Default R3F event manager for react-native */
-export declare function createTouchEvents(store: RootStore): EventManager<HTMLElement>;

package/dist/declarations/src/native.d.ts

@@ -1,6 +0,0 @@
-import * as ReactThreeFiber from "./three-types.js";
-export { ReactThreeFiber };
-export * from "./three-types.js";
-export * from "./core/index.js";
-export * from "./native/Canvas.js";
-export { createTouchEvents as events } from "./native/events.js";

package/dist/declarations/src/three-types.d.ts

@@ -1,62 +0,0 @@
-import type * as THREE from 'three';
-import type { Args, EventHandlers, InstanceProps, ConstructorRepresentation } from "./core/index.js";
-import type { Overwrite, Mutable } from "./core/utils.js";
-export interface MathRepresentation {
-    set(...args: number[]): any;
-}
-export interface VectorRepresentation extends MathRepresentation {
-    setScalar(value: number): any;
-}
-export type MathTypes = MathRepresentation | THREE.Euler | THREE.Color;
-export type MathType<T extends MathTypes> = T extends THREE.Color ? Args<typeof THREE.Color> | THREE.ColorRepresentation : T extends VectorRepresentation | THREE.Layers | THREE.Euler ? T | Parameters<T['set']> | number : T | Parameters<T['set']>;
-export type MathProps<P> = {
-    [K in keyof P as P[K] extends MathTypes ? K : never]: P[K] extends MathTypes ? MathType<P[K]> : never;
-};
-export type Vector2 = MathType<THREE.Vector2>;
-export type Vector3 = MathType<THREE.Vector3>;
-export type Vector4 = MathType<THREE.Vector4>;
-export type Color = MathType<THREE.Color>;
-export type Layers = MathType<THREE.Layers>;
-export type Quaternion = MathType<THREE.Quaternion>;
-export type Euler = MathType<THREE.Euler>;
-export type Matrix3 = MathType<THREE.Matrix3>;
-export type Matrix4 = MathType<THREE.Matrix4>;
-export interface RaycastableRepresentation {
-    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
-}
-export type EventProps<P> = P extends RaycastableRepresentation ? Partial<EventHandlers> : {};
-export interface ReactProps<P> {
-    children?: React.ReactNode;
-    ref?: React.Ref<P>;
-    key?: React.Key;
-}
-export type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<P, MathProps<P> & ReactProps<P> & EventProps<P>>>;
-export type ThreeElement<T extends ConstructorRepresentation> = Mutable<Overwrite<ElementProps<T>, Omit<InstanceProps<InstanceType<T>, T>, 'object'>>>;
-type ThreeExports = typeof THREE;
-type ThreeElementsImpl = {
-    [K in keyof ThreeExports as Uncapitalize<K>]: ThreeExports[K] extends ConstructorRepresentation ? ThreeElement<ThreeExports[K]> : never;
-};
-export interface ThreeElements extends ThreeElementsImpl {
-    primitive: Omit<ThreeElement<any>, 'args'> & {
-        object: object;
-    };
-}
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
-declare module 'react/jsx-runtime' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
-declare module 'react/jsx-dev-runtime' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
-export {};

package/dist/declarations/src/web/Canvas.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { Options as ResizeOptions } from 'react-use-measure';
-import { RenderProps } from "../core/index.js";
-export interface CanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'size'>, React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    /** Canvas fallback content, similar to img's alt prop */
-    fallback?: React.ReactNode;
-    /**
-     * Options to pass to useMeasure.
-     * @see https://github.com/pmndrs/react-use-measure#api
-     */
-    resize?: ResizeOptions;
-    /** The target where events are being subscribed to, default: the div that wraps canvas */
-    eventSource?: HTMLElement | React.RefObject<HTMLElement>;
-    /** The event prefix that is cast into canvas pointer x/y events, default: "offset" */
-    eventPrefix?: 'offset' | 'client' | 'page' | 'layer' | 'screen';
-}
-export interface Props extends CanvasProps {
-}
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
- */
-export declare const Canvas: React.ForwardRefExoticComponent<CanvasProps & React.RefAttributes<HTMLCanvasElement>>;

package/dist/declarations/src/web/events.d.ts

@@ -1,4 +0,0 @@
-import { RootStore } from "../core/store.js";
-import { EventManager } from "../core/events.js";
-/** Default R3F event manager for web */
-export declare function createPointerEvents(store: RootStore): EventManager<HTMLElement>;