@react-three/drei 9.83.9 → 9.84.0

package/core/PointerLockControls.js

@@ -29,8 +29,8 @@ const PointerLockControls = /*#__PURE__*/React.forwardRef(({
   const controls = React.useMemo(() => new PointerLockControls$1(explCamera), [explCamera]);
   React.useEffect(() => {
     if (enabled) {
-      controls.connect(explDomElement); // Force events to be centered while PLC is active
-
+      controls.connect(explDomElement);
+      // Force events to be centered while PLC is active
       const oldComputeOffsets = get().events.compute;
       setEvents({
         compute(event, state) {
@@ -39,7 +39,6 @@ const PointerLockControls = /*#__PURE__*/React.forwardRef(({
           state.pointer.set(offsetX / state.size.width * 2 - 1, -(offsetY / state.size.height) * 2 + 1);
           state.raycaster.setFromCamera(state.pointer, state.camera);
         }
-
       });
       return () => {
         controls.disconnect();
@@ -54,13 +53,12 @@ const PointerLockControls = /*#__PURE__*/React.forwardRef(({
       invalidate();
       if (onChange) onChange(e);
     };
-
     controls.addEventListener('change', callback);
     if (onLock) controls.addEventListener('lock', onLock);
-    if (onUnlock) controls.addEventListener('unlock', onUnlock); // Enforce previous interaction
+    if (onUnlock) controls.addEventListener('unlock', onUnlock);
 
+    // Enforce previous interaction
     const handler = () => controls.lock();
-
     const elements = selector ? Array.from(document.querySelectorAll(selector)) : [document];
     elements.forEach(element => element && element.addEventListener('click', handler));
     return () => {

package/core/Points.d.ts

@@ -9,7 +9,7 @@ declare global {
         }
     }
 }
-declare type PointsInstancesProps = JSX.IntrinsicElements['points'] & {
+type PointsInstancesProps = JSX.IntrinsicElements['points'] & {
     range?: number;
     limit?: number;
 };
@@ -23,7 +23,7 @@ export declare class PositionPoint extends THREE.Group {
     raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
 }
 export declare const Point: ForwardRefComponent<JSX.IntrinsicElements['positionPoint'], PositionPoint>;
-declare type PointsBuffersProps = JSX.IntrinsicElements['points'] & {
+type PointsBuffersProps = JSX.IntrinsicElements['points'] & {
     positions: Float32Array;
     colors?: Float32Array;
     sizes?: Float32Array;

package/core/Points.js

@@ -5,13 +5,9 @@ import { extend, useFrame } from '@react-three/fiber';
 import mergeRefs from 'react-merge-refs';
 
 const _inverseMatrix = /*@__PURE__*/new THREE.Matrix4();
-
 const _ray = /*@__PURE__*/new THREE.Ray();
-
 const _sphere = /*@__PURE__*/new THREE.Sphere();
-
 const _position = /*@__PURE__*/new THREE.Vector3();
-
 class PositionPoint extends THREE.Group {
   constructor() {
     super();
@@ -23,43 +19,31 @@ class PositionPoint extends THREE.Group {
     this.instanceKey = {
       current: undefined
     };
-  } // This will allow the virtual instance have bounds
-
+  }
 
+  // This will allow the virtual instance have bounds
   get geometry() {
     var _this$instance$curren;
-
     return (_this$instance$curren = this.instance.current) == null ? void 0 : _this$instance$curren.geometry;
   }
-
   raycast(raycaster, intersects) {
     var _raycaster$params$Poi, _raycaster$params$Poi2;
-
     const parent = this.instance.current;
     if (!parent || !parent.geometry) return;
-    const instanceId = parent.userData.instances.indexOf(this.instanceKey); // If the instance wasn't found or exceeds the parents draw range, bail out
-
+    const instanceId = parent.userData.instances.indexOf(this.instanceKey);
+    // If the instance wasn't found or exceeds the parents draw range, bail out
     if (instanceId === -1 || instanceId > parent.geometry.drawRange.count) return;
     const threshold = (_raycaster$params$Poi = (_raycaster$params$Poi2 = raycaster.params.Points) == null ? void 0 : _raycaster$params$Poi2.threshold) !== null && _raycaster$params$Poi !== void 0 ? _raycaster$params$Poi : 1;
-
     _sphere.set(this.getWorldPosition(_position), threshold);
-
     if (raycaster.ray.intersectsSphere(_sphere) === false) return;
-
     _inverseMatrix.copy(parent.matrixWorld).invert();
-
     _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
-
     const localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3);
     const localThresholdSq = localThreshold * localThreshold;
-
     const rayPointDistanceSq = _ray.distanceSqToPoint(this.position);
-
     if (rayPointDistanceSq < localThresholdSq) {
       const intersectPoint = new THREE.Vector3();
-
       _ray.closestPointToPoint(this.position, intersectPoint);
-
       intersectPoint.applyMatrix4(this.matrixWorld);
       const distance = raycaster.ray.origin.distanceTo(intersectPoint);
       if (distance < raycaster.near || distance > raycaster.far) return;
@@ -73,16 +57,15 @@ class PositionPoint extends THREE.Group {
       });
     }
   }
-
 }
 let i, positionRef;
 const context = /*@__PURE__*/React.createContext(null);
 const parentMatrix = /*@__PURE__*/new THREE.Matrix4();
 const position = /*@__PURE__*/new THREE.Vector3();
+
 /**
  * Instance implementation, relies on react + context to update the attributes based on the children of this component
  */
-
 const PointsInstances = /*#__PURE__*/React.forwardRef(({
   children,
   range,
@@ -105,7 +88,6 @@ const PointsInstances = /*#__PURE__*/React.forwardRef(({
     parentRef.current.updateMatrixWorld();
     parentMatrix.copy(parentRef.current.matrixWorld).invert();
     parentRef.current.geometry.drawRange.count = Math.min(limit, range !== undefined ? range : limit, refs.length);
-
     for (i = 0; i < refs.length; i++) {
       positionRef = refs[i].current;
       positionRef.getWorldPosition(position).applyMatrix4(parentMatrix);
@@ -173,6 +155,7 @@ const Point = /*#__PURE__*/React.forwardRef(({
     ref: mergeRefs([ref, group])
   }, props), children);
 });
+
 /**
  * Buffer implementation, relies on complete buffers of the correct number, leaves it to the user to update them
  */

package/core/PositionalAudio.d.ts

@@ -1,6 +1,6 @@
 import { PositionalAudio as PositionalAudioImpl } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = JSX.IntrinsicElements['positionalAudio'] & {
+type Props = JSX.IntrinsicElements['positionalAudio'] & {
     url: string;
     distance?: number;
     loop?: boolean;

package/core/PositionalAudio.js

@@ -19,14 +19,10 @@ const PositionalAudio = /*#__PURE__*/React.forwardRef(({
   const buffer = useLoader(AudioLoader, url);
   React.useEffect(() => {
     const _sound = sound.current;
-
     if (_sound) {
       _sound.setBuffer(buffer);
-
       _sound.setRefDistance(distance);
-
       _sound.setLoop(loop);
-
       if (autoplay && !_sound.isPlaying) _sound.play();
     }
   }, [buffer, camera, distance, loop]);
@@ -35,7 +31,6 @@ const PositionalAudio = /*#__PURE__*/React.forwardRef(({
     camera.add(listener);
     return () => {
       camera.remove(listener);
-
       if (_sound) {
         if (_sound.isPlaying) _sound.stop();
         if (_sound.source && _sound.source._connected) _sound.disconnect();

package/core/Preload.d.ts

@@ -1,5 +1,5 @@
 import { Object3D, Camera } from 'three';
-declare type Props = {
+type Props = {
     all?: boolean;
     scene?: Object3D;
     camera?: Camera;

package/core/Preload.js

@@ -15,11 +15,11 @@ function Preload({
   }) => camera);
   const dScene = useThree(({
     scene
-  }) => scene); // Layout effect because it must run before React commits
+  }) => scene);
 
+  // Layout effect because it must run before React commits
   React.useLayoutEffect(() => {
     const invisible = [];
-
     if (all) {
       (scene || dScene).traverse(object => {
         if (object.visible === false) {
@@ -27,16 +27,15 @@ function Preload({
           object.visible = true;
         }
       });
-    } // Now compile the scene
-
-
-    gl.compile(scene || dScene, camera || dCamera); // And for good measure, hit it with a cube camera
-
+    }
+    // Now compile the scene
+    gl.compile(scene || dScene, camera || dCamera);
+    // And for good measure, hit it with a cube camera
     const cubeRenderTarget = new WebGLCubeRenderTarget(128);
     const cubeCamera = new CubeCamera(0.01, 100000, cubeRenderTarget);
     cubeCamera.update(gl, scene || dScene);
-    cubeRenderTarget.dispose(); // Flips these objects back
-
+    cubeRenderTarget.dispose();
+    // Flips these objects back
     invisible.forEach(object => object.visible = false);
   }, []);
   return null;

package/core/QuadraticBezierLine.d.ts

@@ -3,13 +3,13 @@ import { Line2 } from 'three-stdlib';
 import { LineProps } from './Line';
 import { Object3DNode } from '@react-three/fiber';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = Omit<LineProps, 'points' | 'ref'> & {
+type Props = Omit<LineProps, 'points' | 'ref'> & {
     start: Vector3 | [number, number, number];
     end: Vector3 | [number, number, number];
     mid?: Vector3 | [number, number, number];
     segments?: number;
 };
-export declare type Line2Props = Object3DNode<Line2, typeof Line2> & {
+export type Line2Props = Object3DNode<Line2, typeof Line2> & {
     setPoints: (start: Vector3 | [number, number, number], end: Vector3 | [number, number, number], mid: Vector3 | [number, number, number]) => void;
 };
 export declare const QuadraticBezierLine: ForwardRefComponent<Props, Line2Props>;

package/core/QuadraticBezierLine.js

@@ -17,7 +17,6 @@ const QuadraticBezierLine = /*#__PURE__*/React.forwardRef(function QuadraticBezi
   const getPoints = React.useCallback((start, end, mid, segments = 20) => {
     if (start instanceof Vector3) curve.v0.copy(start);else curve.v0.set(...start);
     if (end instanceof Vector3) curve.v2.copy(end);else curve.v2.set(...end);
-
     if (mid instanceof Vector3) {
       curve.v1.copy(mid);
     } else if (Array.isArray(mid)) {
@@ -25,7 +24,6 @@ const QuadraticBezierLine = /*#__PURE__*/React.forwardRef(function QuadraticBezi
     } else {
       curve.v1.copy(curve.v0.clone().add(curve.v2.clone().sub(curve.v0)).add(v.set(0, curve.v0.y - curve.v2.y, 0)));
     }
-
     return curve.getPoints(segments);
   }, []);
   React.useLayoutEffect(() => {

package/core/Reflector.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Mesh, Texture } from 'three';
 import { MeshReflectorMaterialProps } from '../materials/MeshReflectorMaterial';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type ReflectorProps = Omit<JSX.IntrinsicElements['mesh'], 'args' | 'children'> & Pick<JSX.IntrinsicElements['planeGeometry'], 'args'> & {
+export type ReflectorProps = Omit<JSX.IntrinsicElements['mesh'], 'args' | 'children'> & Pick<JSX.IntrinsicElements['planeGeometry'], 'args'> & {
     resolution?: number;
     mixBlur?: number;
     mixStrength?: number;

package/core/Reflector.js

@@ -9,10 +9,10 @@ import { MeshReflectorMaterial } from '../materials/MeshReflectorMaterial.js';
 extend({
   MeshReflectorMaterial
 });
+
 /**
  * @deprecated Use MeshReflectorMaterial instead
  */
-
 const Reflector = /*#__PURE__*/React.forwardRef(({
   mixBlur = 0,
   mixStrength = 0.5,
@@ -64,8 +64,8 @@ const Reflector = /*#__PURE__*/React.forwardRef(({
     rotationMatrix.extractRotation(meshRef.current.matrixWorld);
     normal.set(0, 0, 1);
     normal.applyMatrix4(rotationMatrix);
-    view.subVectors(reflectorWorldPosition, cameraWorldPosition); // Avoid rendering when reflector is facing away
-
+    view.subVectors(reflectorWorldPosition, cameraWorldPosition);
+    // Avoid rendering when reflector is facing away
     if (view.dot(normal) > 0) return;
     view.reflect(normal).negate();
     view.add(reflectorWorldPosition);
@@ -82,16 +82,15 @@ const Reflector = /*#__PURE__*/React.forwardRef(({
     virtualCamera.up.reflect(normal);
     virtualCamera.lookAt(target);
     virtualCamera.far = camera.far; // Used in WebGLBackground
-
     virtualCamera.updateMatrixWorld();
-    virtualCamera.projectionMatrix.copy(camera.projectionMatrix); // Update the texture matrix
-
+    virtualCamera.projectionMatrix.copy(camera.projectionMatrix);
+    // Update the texture matrix
     textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
     textureMatrix.multiply(virtualCamera.projectionMatrix);
     textureMatrix.multiply(virtualCamera.matrixWorldInverse);
-    textureMatrix.multiply(meshRef.current.matrixWorld); // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
+    textureMatrix.multiply(meshRef.current.matrixWorld);
+    // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
     // Paper explaining this technique: http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
-
     reflectorPlane.setFromNormalAndCoplanarPoint(normal, reflectorWorldPosition);
     reflectorPlane.applyMatrix4(virtualCamera.matrixWorldInverse);
     clipPlane.set(reflectorPlane.normal.x, reflectorPlane.normal.y, reflectorPlane.normal.z, reflectorPlane.constant);
@@ -99,10 +98,10 @@ const Reflector = /*#__PURE__*/React.forwardRef(({
     q.x = (Math.sign(clipPlane.x) + projectionMatrix.elements[8]) / projectionMatrix.elements[0];
     q.y = (Math.sign(clipPlane.y) + projectionMatrix.elements[9]) / projectionMatrix.elements[5];
     q.z = -1.0;
-    q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14]; // Calculate the scaled plane vector
-
-    clipPlane.multiplyScalar(2.0 / clipPlane.dot(q)); // Replacing the third row of the projection matrix
-
+    q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14];
+    // Calculate the scaled plane vector
+    clipPlane.multiplyScalar(2.0 / clipPlane.dot(q));
+    // Replacing the third row of the projection matrix
     projectionMatrix.elements[2] = clipPlane.x;
     projectionMatrix.elements[6] = clipPlane.y;
     projectionMatrix.elements[10] = clipPlane.z + 1.0;

package/core/RenderTexture.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from 'three';
 import * as React from 'react';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = JSX.IntrinsicElements['texture'] & {
+type Props = JSX.IntrinsicElements['texture'] & {
     width?: number;
     height?: number;
     samples?: number;

package/core/RenderTexture.js

@@ -31,23 +31,20 @@ const RenderTexture = /*#__PURE__*/React.forwardRef(({
   const [vScene] = React.useState(() => new THREE.Scene());
   const uvCompute = React.useCallback((event, state, previous) => {
     var _fbo$texture, _previous$previousRoo;
-
     // Since this is only a texture it does not have an easy way to obtain the parent, which we
     // need to transform event coordinates to local coordinates. We use r3f internals to find the
     // next Object3D.
     let parent = (_fbo$texture = fbo.texture) == null ? void 0 : _fbo$texture.__r3f.parent;
-
     while (parent && !(parent instanceof THREE.Object3D)) {
       parent = parent.__r3f.parent;
     }
-
-    if (!parent) return false; // First we call the previous state-onion-layers compute, this is what makes it possible to nest portals
-
-    if (!previous.raycaster.camera) previous.events.compute(event, previous, (_previous$previousRoo = previous.previousRoot) == null ? void 0 : _previous$previousRoo.getState()); // We run a quick check against the parent, if it isn't hit there's no need to raycast at all
-
+    if (!parent) return false;
+    // First we call the previous state-onion-layers compute, this is what makes it possible to nest portals
+    if (!previous.raycaster.camera) previous.events.compute(event, previous, (_previous$previousRoo = previous.previousRoot) == null ? void 0 : _previous$previousRoo.getState());
+    // We run a quick check against the parent, if it isn't hit there's no need to raycast at all
     const [intersection] = previous.raycaster.intersectObject(parent);
-    if (!intersection) return false; // We take that hits uv coords, set up this layers raycaster, et voilà, we have raycasting on arbitrary surfaces
-
+    if (!intersection) return false;
+    // We take that hits uv coords, set up this layers raycaster, et voilà, we have raycasting on arbitrary surfaces
     const uv = intersection.uv;
     if (!uv) return false;
     state.raycaster.setFromCamera(state.pointer.set(uv.x * 2 - 1, uv.y * 2 - 1), state.camera);
@@ -67,10 +64,11 @@ const RenderTexture = /*#__PURE__*/React.forwardRef(({
   }), /*#__PURE__*/React.createElement("primitive", _extends({
     object: fbo.texture
   }, props)));
-}); // The container component has to be separate, it can not be inlined because "useFrame(state" when run inside createPortal will return
+});
+
+// The container component has to be separate, it can not be inlined because "useFrame(state" when run inside createPortal will return
 // the portals own state which includes user-land overrides (custom cameras etc), but if it is executed in <RenderTexture>'s render function
 // it would return the default state.
-
 function Container({
   frames,
   renderPriority,

package/core/Resize.d.ts

@@ -1,10 +1,10 @@
 import * as THREE from 'three';
 import * as React from 'react';
-export declare type ResizeProps = JSX.IntrinsicElements['group'] & {
+export type ResizeProps = JSX.IntrinsicElements['group'] & {
     width?: boolean;
     height?: boolean;
     depth?: boolean;
     box3?: THREE.Box3;
     precise?: boolean;
 };
-export declare const Resize: React.ForwardRefExoticComponent<Pick<ResizeProps, "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getObjectsByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "width" | "height" | "depth" | "precise" | "box3"> & React.RefAttributes<THREE.Group>>;
+export declare const Resize: React.ForwardRefExoticComponent<Omit<ResizeProps, "ref"> & React.RefAttributes<THREE.Group>>;

package/core/RoundedBox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),n=require("three-stdlib");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=s(e),c=a(t);const o=1e-5;const f=c.forwardRef((function({args:[e=1,t=1,s=1]=[],radius:a=.05,steps:f=1,smoothness:l=4,bevelSegments:i=4,creaseAngle:b=.4,children:d,...h},m){const p=c.useMemo((()=>function(e,t,n){const s=new r.Shape,a=n-o;return s.absarc(o,o,o,-Math.PI/2,-Math.PI,!0),s.absarc(o,t-2*a,o,Math.PI,Math.PI/2,!0),s.absarc(e-2*a,t-2*a,o,Math.PI/2,0,!0),s.absarc(e-2*a,o,o,0,-Math.PI/2,!0),s}(e,t,a)),[e,t,a]),v=c.useMemo((()=>({depth:s-2*a,bevelEnabled:!0,bevelSegments:2*i,steps:f,bevelSize:a-o,bevelThickness:a,curveSegments:l})),[s,a,l]),M=c.useRef();return c.useLayoutEffect((()=>{M.current&&(M.current.center(),n.toCreasedNormals(M.current,b))}),[p,v]),c.createElement("mesh",u.default({ref:m},h),c.createElement("extrudeGeometry",{ref:M,args:[p,v]}),d)}));exports.RoundedBox=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),n=require("three-stdlib");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=s(e),c=a(t);const o=1e-5;const l=c.forwardRef((function({args:[e=1,t=1,s=1]=[],radius:a=.05,steps:l=1,smoothness:f=4,bevelSegments:i=4,creaseAngle:b=.4,children:d,...h},m){const p=c.useMemo((()=>function(e,t,n){const s=new r.Shape,a=n-o;return s.absarc(o,o,o,-Math.PI/2,-Math.PI,!0),s.absarc(o,t-2*a,o,Math.PI,Math.PI/2,!0),s.absarc(e-2*a,t-2*a,o,Math.PI/2,0,!0),s.absarc(e-2*a,o,o,0,-Math.PI/2,!0),s}(e,t,a)),[e,t,a]),v=c.useMemo((()=>({depth:s-2*a,bevelEnabled:!0,bevelSegments:2*i,steps:l,bevelSize:a-o,bevelThickness:a,curveSegments:f})),[s,a,f]),M=c.useRef(null);return c.useLayoutEffect((()=>{M.current&&(M.current.center(),n.toCreasedNormals(M.current,b))}),[p,v]),c.createElement("mesh",u.default({ref:m},h),c.createElement("extrudeGeometry",{ref:M,args:[p,v]}),d)}));exports.RoundedBox=l;

package/core/RoundedBox.d.ts

@@ -1,6 +1,6 @@
 import { Mesh } from 'three';
 import { ForwardRefComponent, NamedArrayTuple } from '../helpers/ts-utils';
-declare type Props = {
+type Props = {
     args?: NamedArrayTuple<(width?: number, height?: number, depth?: number) => void>;
     radius?: number;
     smoothness?: number;

package/core/RoundedBox.js

@@ -4,7 +4,6 @@ import { Shape } from 'three';
 import { toCreasedNormals } from 'three-stdlib';
 
 const eps = 0.00001;
-
 function createShape(width, height, radius0) {
   const shape = new Shape();
   const radius = radius0 - eps;
@@ -14,7 +13,6 @@ function createShape(width, height, radius0) {
   shape.absarc(width - radius * 2, eps, eps, 0, -Math.PI / 2, true);
   return shape;
 }
-
 const RoundedBox = /*#__PURE__*/React.forwardRef(function RoundedBox({
   args: [width = 1, height = 1, depth = 1] = [],
   radius = 0.05,
@@ -35,7 +33,7 @@ const RoundedBox = /*#__PURE__*/React.forwardRef(function RoundedBox({
     bevelThickness: radius,
     curveSegments: smoothness
   }), [depth, radius, smoothness]);
-  const geomRef = React.useRef();
+  const geomRef = React.useRef(null);
   React.useLayoutEffect(() => {
     if (geomRef.current) {
       geomRef.current.center();

package/core/Sampler.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { Color, InstancedBufferAttribute, InstancedMesh, Mesh, Object3D, Vector3 } from 'three';
 import { GroupProps } from '@react-three/fiber';
-declare type SamplePayload = {
+type SamplePayload = {
     position: Vector3;
     normal: Vector3;
     color: Color;
 };
-export declare type TransformFn = (payload: TransformPayload, i: number) => void;
-declare type TransformPayload = SamplePayload & {
+export type TransformFn = (payload: TransformPayload, i: number) => void;
+type TransformPayload = SamplePayload & {
     dummy: Object3D;
     sampledMesh: Mesh;
 };
-declare type Props = {
+type Props = {
     mesh?: React.RefObject<Mesh>;
     instances?: React.RefObject<InstancedMesh>;
     weight?: string;
@@ -24,5 +24,5 @@ export interface useSurfaceSamplerProps {
     count?: number;
 }
 export declare function useSurfaceSampler(mesh: React.MutableRefObject<Mesh>, count?: number, transform?: TransformFn, weight?: string, instanceMesh?: React.MutableRefObject<InstancedMesh> | null): InstancedBufferAttribute;
-export declare function Sampler({ children, weight, transform, instances, mesh, count, ...props }: React.PropsWithChildren<Props & GroupProps>): JSX.Element;
+export declare function Sampler({ children, weight, transform, instances, mesh, count, ...props }: React.PropsWithChildren<Props & GroupProps>): React.JSX.Element;
 export {};

package/core/Sampler.js

@@ -13,21 +13,17 @@ function useSurfaceSampler(mesh, count = 16, transform, weight, instanceMesh) {
   React.useLayoutEffect(() => {
     if (typeof mesh.current === 'undefined') return;
     const sampler = new MeshSurfaceSampler(mesh.current);
-
     if (weight) {
       sampler.setWeightAttribute(weight);
     }
-
     sampler.build();
     const position = new Vector3();
     const normal = new Vector3();
     const color = new Color();
     const dummy = new Object3D();
     mesh.current.updateMatrixWorld(true);
-
     for (let i = 0; i < count; i++) {
       sampler.sample(position, normal, color);
-
       if (typeof transform === 'function') {
         transform({
           dummy,
@@ -39,20 +35,15 @@ function useSurfaceSampler(mesh, count = 16, transform, weight, instanceMesh) {
       } else {
         dummy.position.copy(position);
       }
-
       dummy.updateMatrix();
-
       if (instanceMesh != null && instanceMesh.current) {
         instanceMesh.current.setMatrixAt(i, dummy.matrix);
       }
-
       dummy.matrix.toArray(buffer.array, i * 16);
     }
-
     if (instanceMesh != null && instanceMesh.current) {
       instanceMesh.current.instanceMatrix.needsUpdate = true;
     }
-
     buffer.needsUpdate = true;
     setBuffer(buffer.clone());
   }, [mesh, instanceMesh, weight, count, transform]);
@@ -72,7 +63,6 @@ function Sampler({
   const meshToSampleRef = React.useRef(null);
   React.useLayoutEffect(() => {
     var _instances$current, _mesh$current;
-
     instancedRef.current = (_instances$current = instances == null ? void 0 : instances.current) !== null && _instances$current !== void 0 ? _instances$current : group.current.children.find(c => c.hasOwnProperty('instanceMatrix'));
     meshToSampleRef.current = (_mesh$current = mesh == null ? void 0 : mesh.current) !== null && _mesh$current !== void 0 ? _mesh$current : group.current.children.find(c => c.type === 'Mesh');
   }, [children, mesh == null ? void 0 : mesh.current, instances == null ? void 0 : instances.current]);

package/core/ScreenQuad.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = Omit<JSX.IntrinsicElements['mesh'], 'args'>;
+type Props = Omit<JSX.IntrinsicElements['mesh'], 'args'>;
 export declare const ScreenQuad: ForwardRefComponent<Props, THREE.Mesh>;
 export {};

package/core/ScreenQuad.js

@@ -10,7 +10,6 @@ function createScreenQuadGeometry() {
   geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 2));
   return geometry;
 }
-
 const ScreenQuad = /*#__PURE__*/React.forwardRef(function ScreenQuad({
   children,
   ...restProps

package/core/ScreenSpace.d.ts

@@ -1,6 +1,6 @@
 import { Group } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type ScreenSpaceProps = {
+export type ScreenSpaceProps = {
     depth?: number;
 } & JSX.IntrinsicElements['group'];
 export declare const ScreenSpace: ForwardRefComponent<ScreenSpaceProps, Group>;

package/core/Segments.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { ReactThreeFiber } from '@react-three/fiber';
 import { Line2 } from 'three-stdlib';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type SegmentsProps = {
+type SegmentsProps = {
     limit?: number;
     lineWidth?: number;
     children: React.ReactNode;
 };
-declare type SegmentProps = Omit<JSX.IntrinsicElements['segmentObject'], 'start' | 'end' | 'color'> & {
+type SegmentProps = Omit<JSX.IntrinsicElements['segmentObject'], 'start' | 'end' | 'color'> & {
     start: ReactThreeFiber.Vector3;
     end: ReactThreeFiber.Vector3;
     color?: ReactThreeFiber.Color;

package/core/Segments.js

@@ -32,9 +32,7 @@ const Segments = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   useFrame(() => {
     for (let i = 0; i < limit; i++) {
       var _segments$i;
-
       const segment = (_segments$i = segments[i]) == null ? void 0 : _segments$i.current;
-
       if (segment) {
         positions[i * 6 + 0] = segment.start.x;
         positions[i * 6 + 1] = segment.start.y;
@@ -50,7 +48,6 @@ const Segments = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
         colors[i * 6 + 5] = segment.color.b;
       }
     }
-
     geometry.setColors(colors);
     geometry.setPositions(positions);
     line.computeLineDistances();
@@ -77,11 +74,8 @@ class SegmentObject {
     this.start = new THREE.Vector3(0, 0, 0);
     this.end = new THREE.Vector3(0, 0, 0);
   }
-
 }
-
 const normPos = pos => pos instanceof THREE.Vector3 ? pos : new THREE.Vector3(...(typeof pos === 'number' ? [pos, pos, pos] : pos));
-
 const Segment = /*#__PURE__*/React.forwardRef(({
   color,
   start,

package/core/Shadow.d.ts

@@ -1,6 +1,6 @@
 import { Mesh, Color } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = JSX.IntrinsicElements['mesh'] & {
+type Props = JSX.IntrinsicElements['mesh'] & {
     colorStop?: number;
     fog?: boolean;
     color?: Color | number | string;

package/core/Sky.d.ts

@@ -2,7 +2,7 @@ import { ReactThreeFiber } from '@react-three/fiber';
 import { Sky as SkyImpl } from 'three-stdlib';
 import { Vector3 } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = {
+type Props = {
     distance?: number;
     sunPosition?: ReactThreeFiber.Vector3;
     inclination?: number;