@react-three/drei 9.83.9 → 9.84.0

package/core/Bounds.js

@@ -3,9 +3,7 @@ import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
 
 const isOrthographic = def => def && def.isOrthographicCamera;
-
 const isBox3 = def => def && def.isBox3;
-
 const context = /*#__PURE__*/React.createContext(null);
 function Bounds({
   children,
@@ -27,17 +25,14 @@ function Bounds({
   const controls = controlsImpl;
   const onFitRef = React.useRef(onFit);
   onFitRef.current = onFit;
-
   function equals(a, b) {
     return Math.abs(a.x - b.x) < eps && Math.abs(a.y - b.y) < eps && Math.abs(a.z - b.z) < eps;
   }
-
   function damp(v, t, lambda, delta) {
     v.x = THREE.MathUtils.damp(v.x, t.x, lambda, delta);
     v.y = THREE.MathUtils.damp(v.y, t.y, lambda, delta);
     v.z = THREE.MathUtils.damp(v.z, t.z, lambda, delta);
   }
-
   const [current] = React.useState(() => ({
     animating: false,
     focus: new THREE.Vector3(),
@@ -65,10 +60,8 @@ function Bounds({
         distance
       };
     }
-
     return {
       getSize,
-
       refresh(object) {
         if (isBox3(object)) box.copy(object);else {
           const target = object || ref.current;
@@ -76,12 +69,10 @@ function Bounds({
           target.updateWorldMatrix(true, true);
           box.setFromObject(target);
         }
-
         if (box.isEmpty()) {
           const max = camera.position.length() || 10;
           box.setFromCenterAndSize(new THREE.Vector3(), new THREE.Vector3(max, max, max));
         }
-
         if ((controls == null ? void 0 : controls.constructor.name) === 'OrthographicTrackballControls') {
           // Put camera on a sphere along which it should move
           const {
@@ -91,10 +82,8 @@ function Bounds({
           const newPos = controls.target.clone().add(direction);
           camera.position.copy(newPos);
         }
-
         return this;
       },
-
       clip() {
         const {
           distance
@@ -107,7 +96,6 @@ function Bounds({
         invalidate();
         return this;
       },
-
       to({
         position,
         target
@@ -117,22 +105,18 @@ function Bounds({
           center
         } = getSize();
         goal.camera.set(...position);
-
         if (target) {
           goal.focus.set(...target);
         } else {
           goal.focus.copy(center);
         }
-
         if (damping) {
           current.animating = true;
         } else {
           camera.position.set(...position);
         }
-
         return this;
       },
-
       fit() {
         current.camera.copy(camera.position);
         if (controls) current.focus.copy(controls.target);
@@ -143,62 +127,54 @@ function Bounds({
         const direction = center.clone().sub(camera.position).normalize().multiplyScalar(distance);
         goal.camera.copy(center).sub(direction);
         goal.focus.copy(center);
-
         if (isOrthographic(camera)) {
           current.zoom = camera.zoom;
           let maxHeight = 0,
-              maxWidth = 0;
-          const vertices = [new THREE.Vector3(box.min.x, box.min.y, box.min.z), new THREE.Vector3(box.min.x, box.max.y, box.min.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.min.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.min.z)]; // Transform the center and each corner to camera space
-
+            maxWidth = 0;
+          const vertices = [new THREE.Vector3(box.min.x, box.min.y, box.min.z), new THREE.Vector3(box.min.x, box.max.y, box.min.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.min.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.min.z)];
+          // Transform the center and each corner to camera space
           center.applyMatrix4(camera.matrixWorldInverse);
-
           for (const v of vertices) {
             v.applyMatrix4(camera.matrixWorldInverse);
             maxHeight = Math.max(maxHeight, Math.abs(v.y - center.y));
             maxWidth = Math.max(maxWidth, Math.abs(v.x - center.x));
           }
-
           maxHeight *= 2;
           maxWidth *= 2;
           const zoomForHeight = (camera.top - camera.bottom) / maxHeight;
           const zoomForWidth = (camera.right - camera.left) / maxWidth;
           goal.zoom = Math.min(zoomForHeight, zoomForWidth) / margin;
-
           if (!damping) {
             camera.zoom = goal.zoom;
             camera.updateProjectionMatrix();
           }
         }
-
         if (damping) {
           current.animating = true;
         } else {
           camera.position.copy(goal.camera);
           camera.lookAt(goal.focus);
-
           if (controls) {
             controls.target.copy(goal.focus);
             controls.update();
           }
         }
-
         if (onFitRef.current) onFitRef.current(this.getSize());
         invalidate();
         return this;
       }
-
     };
   }, [box, camera, controls, margin, damping, invalidate]);
   React.useLayoutEffect(() => {
     if (controls) {
       // Try to prevent drag hijacking
       const callback = () => current.animating = false;
-
       controls.addEventListener('start', callback);
       return () => controls.removeEventListener('start', callback);
     }
-  }, [controls]); // Scale pointer on window resize
+  }, [controls]);
 
+  // Scale pointer on window resize
   const count = React.useRef(0);
   React.useLayoutEffect(() => {
     if (observe || count.current++ === 0) {
@@ -213,19 +189,16 @@ function Bounds({
       damp(current.camera, goal.camera, damping, delta);
       current.zoom = THREE.MathUtils.damp(current.zoom, goal.zoom, damping, delta);
       camera.position.copy(current.camera);
-
       if (isOrthographic(camera)) {
         camera.zoom = current.zoom;
         camera.updateProjectionMatrix();
       }
-
       if (!controls) {
         camera.lookAt(current.focus);
       } else {
         controls.target.copy(current.focus);
         controls.update();
       }
-
       invalidate();
       if (isOrthographic(camera) && !(Math.abs(current.zoom - goal.zoom) < eps)) return;
       if (!isOrthographic(camera) && !equals(current.camera, goal.camera)) return;

package/core/CameraControls.d.ts

@@ -2,7 +2,7 @@ import { OrthographicCamera, PerspectiveCamera } from 'three';
 import { ReactThreeFiber } from '@react-three/fiber';
 import CameraControlsImpl from 'camera-controls';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type CameraControlsProps = Omit<ReactThreeFiber.Overwrite<ReactThreeFiber.Node<CameraControlsImpl, typeof CameraControlsImpl>, {
+export type CameraControlsProps = Omit<ReactThreeFiber.Overwrite<ReactThreeFiber.Node<CameraControlsImpl, typeof CameraControlsImpl>, {
     camera?: PerspectiveCamera | OrthographicCamera;
     domElement?: HTMLElement;
     makeDefault?: boolean;
@@ -19,4 +19,4 @@ export declare type CameraControlsProps = Omit<ReactThreeFiber.Overwrite<ReactTh
     regress?: boolean;
 }>, 'ref'>;
 export declare const CameraControls: ForwardRefComponent<CameraControlsProps, CameraControlsImpl>;
-export declare type CameraControls = CameraControlsImpl;
+export type CameraControls = CameraControlsImpl;

package/core/CameraControls.js

@@ -65,15 +65,12 @@ const CameraControls = /*#__PURE__*/forwardRef((props, ref) => {
       if (regress) performance.regress();
       if (onChange) onChange(e);
     };
-
     const onStartCb = e => {
       if (onStart) onStart(e);
     };
-
     const onEndCb = e => {
       if (onEnd) onEnd(e);
     };
-
     controls.addEventListener('update', callback);
     controls.addEventListener('controlstart', onStartCb);
     controls.addEventListener('controlend', onEndCb);

package/core/CameraShake.js

@@ -20,13 +20,11 @@ const CameraShake = /*#__PURE__*/React.forwardRef(({
   const [yawNoise] = React.useState(() => new SimplexNoise());
   const [pitchNoise] = React.useState(() => new SimplexNoise());
   const [rollNoise] = React.useState(() => new SimplexNoise());
-
   const constrainIntensity = () => {
     if (intensityRef.current < 0 || intensityRef.current > 1) {
       intensityRef.current = intensityRef.current < 0 ? 0 : 1;
     }
   };
-
   React.useImperativeHandle(ref, () => ({
     getIntensity: () => intensityRef.current,
     setIntensity: val => {
@@ -37,7 +35,6 @@ const CameraShake = /*#__PURE__*/React.forwardRef(({
   React.useEffect(() => {
     if (defaultControls) {
       const callback = () => void (initialRotation.current = camera.rotation.clone());
-
       defaultControls.addEventListener('change', callback);
       callback();
       return () => void defaultControls.removeEventListener('change', callback);
@@ -49,7 +46,6 @@ const CameraShake = /*#__PURE__*/React.forwardRef(({
     const pitch = maxPitch * shake * pitchNoise.noise(state.clock.elapsedTime * pitchFrequency, 1);
     const roll = maxRoll * shake * rollNoise.noise(state.clock.elapsedTime * rollFrequency, 1);
     camera.rotation.set(initialRotation.current.x + pitch, initialRotation.current.y + yaw, initialRotation.current.z + roll);
-
     if (decay && intensityRef.current > 0) {
       intensityRef.current -= decayRate * delta;
       constrainIntensity();

package/core/CatmullRomLine.d.ts

@@ -1,7 +1,7 @@
 import { Line2 } from 'three-stdlib';
 import { LineProps } from './Line';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type Props = Omit<LineProps, 'ref'> & {
+type Props = Omit<LineProps, 'ref'> & {
     closed?: boolean;
     curveType?: 'centripetal' | 'chordal' | 'catmullrom';
     tension?: number;

package/core/CatmullRomLine.js

@@ -24,13 +24,11 @@ const CatmullRomLine = /*#__PURE__*/React.forwardRef(function CatmullRomLine({
     if (closed) mappedColors.push(mappedColors[0].clone());
     const iColors = [mappedColors[0]];
     const divisions = segments / (mappedColors.length - 1);
-
     for (let i = 1; i < segments; i++) {
       const alpha = i % divisions / divisions;
       const colorIndex = Math.floor(i / divisions);
       iColors.push(mappedColors[colorIndex].clone().lerp(mappedColors[colorIndex + 1], alpha));
     }
-
     iColors.push(mappedColors[mappedColors.length - 1]);
     return iColors;
   }, [vertexColors, segments]);

package/core/Caustics.d.ts

@@ -2,7 +2,7 @@ import * as THREE from 'three';
 import * as React from 'react';
 import { ReactThreeFiber } from '@react-three/fiber';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-declare type CausticsProps = JSX.IntrinsicElements['group'] & {
+type CausticsProps = JSX.IntrinsicElements['group'] & {
     frames?: number;
     debug?: boolean;
     causticsOnly: boolean;

package/core/Caustics.js

@@ -25,7 +25,6 @@ function createNormalMaterial(side = THREE.FrontSide) {
     }
   });
 }
-
 const CausticsProjectionMaterial = shaderMaterial({
   causticsTexture: null,
   causticsTextureB: null,
@@ -71,16 +70,12 @@ const CausticsMaterial = shaderMaterial({
   resolution: 1024,
   size: 10,
   intensity: 0.5
-},
-/* glsl */
-`
+}, /* glsl */`
   varying vec2 vUv;
   void main() {
       vUv = uv;
       gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-  }`,
-/* glsl */
-`  
+  }`, /* glsl */`  
   uniform mat4 cameraMatrixWorld;
   uniform mat4 cameraProjectionMatrixInv;
   uniform vec3 lightDir;
@@ -218,16 +213,17 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
   const scene = React.useRef(null);
   const plane = React.useRef(null);
   const gl = useThree(state => state.gl);
-  const helper = useHelper(debug && camera, THREE.CameraHelper); // Buffers for front and back faces
+  const helper = useHelper(debug && camera, THREE.CameraHelper);
 
+  // Buffers for front and back faces
   const normalTarget = useFBO(resolution, resolution, NORMALPROPS);
   const normalTargetB = useFBO(resolution, resolution, NORMALPROPS);
   const causticsTarget = useFBO(resolution, resolution, CAUSTICPROPS);
-  const causticsTargetB = useFBO(resolution, resolution, CAUSTICPROPS); // Normal materials for front and back faces
-
+  const causticsTargetB = useFBO(resolution, resolution, CAUSTICPROPS);
+  // Normal materials for front and back faces
   const [normalMat] = React.useState(() => createNormalMaterial());
-  const [normalMatB] = React.useState(() => createNormalMaterial(THREE.BackSide)); // The quad that catches the caustics
-
+  const [normalMatB] = React.useState(() => createNormalMaterial(THREE.BackSide));
+  // The quad that catches the caustics
   const [causticsMaterial] = React.useState(() => new CausticsMaterial());
   const [causticsQuad] = React.useState(() => new FullScreenQuad(causticsMaterial));
   React.useLayoutEffect(() => {
@@ -247,21 +243,18 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
   const projectedVerts = [];
   const lightDirs = [];
   const cameraPos = new THREE.Vector3();
-
   for (let i = 0; i < 8; i++) {
     boundsVertices.push(new THREE.Vector3());
     worldVerts.push(new THREE.Vector3());
     projectedVerts.push(new THREE.Vector3());
     lightDirs.push(new THREE.Vector3());
   }
-
   useFrame(() => {
     if (frames === Infinity || count++ < frames) {
       var _scene$current$parent, _helper$current;
-
       if (Array.isArray(lightSource)) lightDir.fromArray(lightSource).normalize();else lightDir.copy(ref.current.worldToLocal(lightSource.current.getWorldPosition(v)).normalize());
       lightDirInv.copy(lightDir).multiplyScalar(-1);
-      (_scene$current$parent = scene.current.parent) == null ? void 0 : _scene$current$parent.matrixWorld.identity();
+      (_scene$current$parent = scene.current.parent) == null || _scene$current$parent.matrixWorld.identity();
       bounds.setFromObject(scene.current, true);
       boundsVertices[0].set(bounds.min.x, bounds.min.y, bounds.min.z);
       boundsVertices[1].set(bounds.min.x, bounds.min.y, bounds.max.z);
@@ -271,19 +264,17 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
       boundsVertices[5].set(bounds.max.x, bounds.min.y, bounds.max.z);
       boundsVertices[6].set(bounds.max.x, bounds.max.y, bounds.min.z);
       boundsVertices[7].set(bounds.max.x, bounds.max.y, bounds.max.z);
-
       for (let i = 0; i < 8; i++) {
         worldVerts[i].copy(boundsVertices[i]);
       }
-
       bounds.getCenter(focusPos);
       boundsVertices.map(v => v.sub(focusPos));
       const lightPlane = lpP.set(lightDirInv, 0);
       boundsVertices.map((v, i) => lightPlane.projectPoint(v, projectedVerts[i]));
       const centralVert = projectedVerts.reduce((a, b) => a.add(b), v.set(0, 0, 0)).divideScalar(projectedVerts.length);
       const radius = projectedVerts.map(v => v.distanceTo(centralVert)).reduce((a, b) => Math.max(a, b));
-      const dirLength = boundsVertices.map(x => x.dot(lightDir)).reduce((a, b) => Math.max(a, b)); // Shadows
-
+      const dirLength = boundsVertices.map(x => x.dot(lightDir)).reduce((a, b) => Math.max(a, b));
+      // Shadows
       camera.current.position.copy(cameraPos.copy(lightDir).multiplyScalar(dirLength).add(focusPos));
       camera.current.lookAt(scene.current.localToWorld(focusPos));
       const dirMatrix = lpM.lookAt(camera.current.position, focusPos, v.set(0, 1, 0));
@@ -296,15 +287,17 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
       camera.current.near = 0.1;
       camera.current.far = yTime;
       camera.current.updateProjectionMatrix();
-      camera.current.updateMatrixWorld(); // Now find size of ground plane
+      camera.current.updateMatrixWorld();
 
+      // Now find size of ground plane
       const groundProjectedCoords = worldVerts.map((v, i) => v.add(lightDirs[i].copy(lightDir).multiplyScalar(-v.y / lightDir.y)));
       const centerPos = groundProjectedCoords.reduce((a, b) => a.add(b), v.set(0, 0, 0)).divideScalar(groundProjectedCoords.length);
       const maxSize = 2 * groundProjectedCoords.map(v => Math.hypot(v.x - centerPos.x, v.z - centerPos.z)).reduce((a, b) => Math.max(a, b));
       plane.current.scale.setScalar(maxSize);
       plane.current.position.copy(centerPos);
-      if (debug) (_helper$current = helper.current) == null ? void 0 : _helper$current.update(); // Inject uniforms
+      if (debug) (_helper$current = helper.current) == null || _helper$current.update();
 
+      // Inject uniforms
       normalMatB.viewMatrix.value = normalMat.viewMatrix.value = camera.current.matrixWorldInverse;
       const dirLightNearPlane = lpF.setFromProjectionMatrix(lpM.multiplyMatrices(camera.current.projectionMatrix, camera.current.matrixWorldInverse)).planes[4];
       causticsMaterial.cameraMatrixWorld = camera.current.matrixWorld;
@@ -317,26 +310,29 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
       causticsMaterial.resolution = resolution;
       causticsMaterial.size = radius;
       causticsMaterial.intensity = intensity;
-      causticsMaterial.worldRadius = worldRadius; // Switch the scene on
+      causticsMaterial.worldRadius = worldRadius;
 
-      scene.current.visible = true; // Render front face normals
+      // Switch the scene on
+      scene.current.visible = true;
 
+      // Render front face normals
       gl.setRenderTarget(normalTarget);
       gl.clear();
       scene.current.overrideMaterial = normalMat;
-      gl.render(scene.current, camera.current); // Render back face normals, if enabled
+      gl.render(scene.current, camera.current);
 
+      // Render back face normals, if enabled
       gl.setRenderTarget(normalTargetB);
       gl.clear();
-
       if (backside) {
         scene.current.overrideMaterial = normalMatB;
         gl.render(scene.current, camera.current);
-      } // Remove the override material
-
+      }
 
-      scene.current.overrideMaterial = null; // Render front face caustics
+      // Remove the override material
+      scene.current.overrideMaterial = null;
 
+      // Render front face caustics
       causticsMaterial.ior = ior;
       plane.current.material.lightProjMatrix = camera.current.projectionMatrix;
       plane.current.material.lightViewMatrix = camera.current.matrixWorldInverse;
@@ -344,17 +340,20 @@ const Caustics = /*#__PURE__*/React.forwardRef(({
       causticsMaterial.depthTexture = normalTarget.depthTexture;
       gl.setRenderTarget(causticsTarget);
       gl.clear();
-      causticsQuad.render(gl); // Render back face caustics, if enabled
+      causticsQuad.render(gl);
 
+      // Render back face caustics, if enabled
       causticsMaterial.ior = backsideIOR;
       causticsMaterial.normalTexture = normalTargetB.texture;
       causticsMaterial.depthTexture = normalTargetB.depthTexture;
       gl.setRenderTarget(causticsTargetB);
       gl.clear();
-      if (backside) causticsQuad.render(gl); // Reset render target
+      if (backside) causticsQuad.render(gl);
 
-      gl.setRenderTarget(null); // Switch the scene off if caustics is all that's wanted
+      // Reset render target
+      gl.setRenderTarget(null);
 
+      // Switch the scene off if caustics is all that's wanted
       if (causticsOnly) scene.current.visible = false;
     }
   });

package/core/Center.d.ts

@@ -1,6 +1,6 @@
 import { Group } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type OnCenterCallbackProps = {
+export type OnCenterCallbackProps = {
     parent: THREE.Object3D;
     container: THREE.Object3D;
     width: number;
@@ -13,7 +13,7 @@ export declare type OnCenterCallbackProps = {
     horizontalAlignment: number;
     depthAlignment: number;
 };
-export declare type CenterProps = {
+export type CenterProps = {
     top?: boolean;
     right?: boolean;
     bottom?: boolean;

package/core/Center.js

@@ -35,8 +35,9 @@ const Center = /*#__PURE__*/React.forwardRef(function Center({
     const vAlign = top ? height / 2 : bottom ? -height / 2 : 0;
     const hAlign = left ? -width / 2 : right ? width / 2 : 0;
     const dAlign = front ? depth / 2 : back ? -depth / 2 : 0;
-    outer.current.position.set(disable || disableX ? 0 : -center.x + hAlign, disable || disableY ? 0 : -center.y + vAlign, disable || disableZ ? 0 : -center.z + dAlign); // Only fire onCentered if the bounding box has changed
+    outer.current.position.set(disable || disableX ? 0 : -center.x + hAlign, disable || disableY ? 0 : -center.y + vAlign, disable || disableZ ? 0 : -center.z + dAlign);
 
+    // Only fire onCentered if the bounding box has changed
     if (typeof onCentered !== 'undefined') {
       onCentered({
         parent: ref.current.parent,

package/core/Clone.d.ts

@@ -2,7 +2,7 @@ import * as THREE from 'three';
 import * as React from 'react';
 import { MeshProps } from '@react-three/fiber';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type CloneProps = {
+export type CloneProps = {
     object: THREE.Object3D | THREE.Object3D[];
     children?: React.ReactNode;
     deep?: boolean | 'materialsOnly' | 'geometriesOnly';

package/core/Clone.js

@@ -12,30 +12,28 @@ function createSpread(child, {
   receiveShadow
 }) {
   let spread = pick(child, keys);
-
   if (deep) {
     if (spread.geometry && deep !== 'materialsOnly') spread.geometry = spread.geometry.clone();
     if (spread.material && deep !== 'geometriesOnly') spread.material = spread.material.clone();
   }
-
   if (inject) {
-    if (typeof inject === 'function') spread = { ...spread,
+    if (typeof inject === 'function') spread = {
+      ...spread,
       children: inject(child)
-    };else if ( /*#__PURE__*/React.isValidElement(inject)) spread = { ...spread,
+    };else if ( /*#__PURE__*/React.isValidElement(inject)) spread = {
+      ...spread,
       children: inject
-    };else spread = { ...spread,
+    };else spread = {
+      ...spread,
       ...inject
     };
   }
-
   if (child instanceof THREE.Mesh) {
     if (castShadow) spread.castShadow = true;
     if (receiveShadow) spread.receiveShadow = true;
   }
-
   return spread;
 }
-
 const Clone = /*#__PURE__*/React.forwardRef(({
   isChild = false,
   object,
@@ -48,7 +46,6 @@ const Clone = /*#__PURE__*/React.forwardRef(({
   ...props
 }, forwardRef) => {
   var _object;
-
   const config = {
     keys,
     deep,
@@ -64,10 +61,10 @@ const Clone = /*#__PURE__*/React.forwardRef(({
       });
       if (isSkinned) return SkeletonUtils.clone(object);
     }
-
     return object;
-  }, [object, isChild]); // Deal with arrayed clones
+  }, [object, isChild]);
 
+  // Deal with arrayed clones
   if (Array.isArray(object)) {
     return /*#__PURE__*/React.createElement("group", _extends({}, props, {
       ref: forwardRef
@@ -75,9 +72,9 @@ const Clone = /*#__PURE__*/React.forwardRef(({
       key: o.uuid,
       object: o
     }, config))), children);
-  } // Singleton clones
-
+  }
 
+  // Singleton clones
   const {
     children: injectChildren,
     ...spread

package/core/Cloud.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@react-three/fiber"),t=require("./Billboard.cjs.js"),a=require("./shapes.cjs.js"),n=require("./useTexture.cjs.js");function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("react-merge-refs"),require("three");var c=s(e);exports.Cloud=function({opacity:e=.5,speed:s=.4,width:o=10,depth:i=1.5,segments:u=20,texture:l="https://rawcdn.githack.com/pmndrs/drei-assets/9225a9f1fbd449d9411125c2f419b843d0308c9f/cloud.png",color:d="#ffffff",depthTest:f=!0,...h}){const p=c.useRef(),m=n.useTexture(l),b=c.useMemo((()=>[...new Array(u)].map(((e,r)=>({x:o/2-Math.random()*o,y:o/2-Math.random()*o,scale:.4+Math.sin((r+1)/u*Math.PI)*(10*(.2+Math.random())),density:Math.max(.2,Math.random()),rotation:Math.max(.002,.005*Math.random())*s})))),[o,u,s]);return r.useFrame((e=>{var r;return null==(r=p.current)?void 0:r.children.forEach(((r,t)=>{r.children[0].rotation.z+=b[t].rotation,r.children[0].scale.setScalar(b[t].scale+(1+Math.sin(e.clock.getElapsedTime()/10))/2*t/10)}))})),c.createElement("group",h,c.createElement("group",{position:[0,0,u/2*i],ref:p},b.map((({x:r,y:n,scale:s,density:o},u)=>c.createElement(t.Billboard,{key:u,position:[r,n,-u*i]},c.createElement(a.Plane,{scale:s,rotation:[0,0,0]},c.createElement("meshStandardMaterial",{map:m,transparent:!0,opacity:s/6*o*e,depthTest:f,color:d})))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@react-three/fiber"),t=require("./Billboard.cjs.js"),a=require("./shapes.cjs.js"),n=require("./useTexture.cjs.js");function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("react-merge-refs"),require("three");var c=s(e);exports.Cloud=function({opacity:e=.5,speed:s=.4,width:o=10,depth:i=1.5,segments:u=20,texture:l="https://rawcdn.githack.com/pmndrs/drei-assets/9225a9f1fbd449d9411125c2f419b843d0308c9f/cloud.png",color:d="#ffffff",depthTest:f=!0,...h}){const p=c.useRef(null),m=n.useTexture(l),b=c.useMemo((()=>[...new Array(u)].map(((e,r)=>({x:o/2-Math.random()*o,y:o/2-Math.random()*o,scale:.4+Math.sin((r+1)/u*Math.PI)*(10*(.2+Math.random())),density:Math.max(.2,Math.random()),rotation:Math.max(.002,.005*Math.random())*s})))),[o,u,s]);return r.useFrame((e=>{var r;return null==(r=p.current)?void 0:r.children.forEach(((r,t)=>{r.children[0].rotation.z+=b[t].rotation,r.children[0].scale.setScalar(b[t].scale+(1+Math.sin(e.clock.getElapsedTime()/10))/2*t/10)}))})),c.createElement("group",h,c.createElement("group",{position:[0,0,u/2*i],ref:p},b.map((({x:r,y:n,scale:s,density:o},u)=>c.createElement(t.Billboard,{key:u,position:[r,n,-u*i]},c.createElement(a.Plane,{scale:s,rotation:[0,0,0]},c.createElement("meshStandardMaterial",{map:m,transparent:!0,opacity:s/6*o*e,depthTest:f,color:d})))))))};

package/core/Cloud.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare function Cloud({ opacity, speed, width, depth, segments, texture, color, depthTest, ...props }: {
     [x: string]: any;
     opacity?: number | undefined;
@@ -9,4 +9,4 @@ export declare function Cloud({ opacity, speed, width, depth, segments, texture,
     texture?: string | undefined;
     color?: string | undefined;
     depthTest?: boolean | undefined;
-}): JSX.Element;
+}): React.JSX.Element;

package/core/Cloud.js

@@ -16,7 +16,7 @@ function Cloud({
   depthTest = true,
   ...props
 }) {
-  const group = React.useRef();
+  const group = React.useRef(null);
   const cloudTexture = useTexture(texture);
   const clouds = React.useMemo(() => [...new Array(segments)].map((_, index) => ({
     x: width / 2 - Math.random() * width,
@@ -27,7 +27,6 @@ function Cloud({
   })), [width, segments, speed]);
   useFrame(state => {
     var _group$current;
-
     return (_group$current = group.current) == null ? void 0 : _group$current.children.forEach((cloud, index) => {
       cloud.children[0].rotation.z += clouds[index].rotation;
       cloud.children[0].scale.setScalar(clouds[index].scale + (1 + Math.sin(state.clock.getElapsedTime() / 10)) / 2 * index / 10);

package/core/ComputedAttribute.d.ts

@@ -1,9 +1,9 @@
 import { BufferAttributeProps } from '@react-three/fiber';
 import * as React from 'react';
 import { BufferAttribute, BufferGeometry } from 'three';
-declare type Props = {
+type Props = {
     compute: (geometry: BufferGeometry) => BufferAttribute;
     name: string;
 };
-export declare const ComputedAttribute: ({ compute, name, ...props }: React.PropsWithChildren<Props & BufferAttributeProps>) => JSX.Element;
+export declare const ComputedAttribute: ({ compute, name, ...props }: React.PropsWithChildren<Props & BufferAttributeProps>) => React.JSX.Element;
 export {};

package/core/ComputedAttribute.js

@@ -17,7 +17,6 @@ const ComputedAttribute = ({
   React.useLayoutEffect(() => {
     if (primitive.current) {
       var _ref;
-
       // @ts-expect-error brittle
       const parent = (_ref = primitive.current.parent) !== null && _ref !== void 0 ? _ref : primitive.current.__r3f.parent;
       const attr = compute(parent);

package/core/ContactShadows.d.ts

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type ContactShadowsProps = {
+export type ContactShadowsProps = {
     opacity?: number;
     width?: number;
     height?: number;