@react-three/drei 9.83.9 → 9.84.0

package/web/Select.js

@@ -35,7 +35,7 @@ function Select({
     if (object === undefined) return [];else if (Array.isArray(object)) return object;else if (!shift) return state[0] === object ? [] : [object];else if (state.includes(object)) return state.filter(o => o !== object);else return [object, ...state];
   }, []);
   React.useEffect(() => {
-    if (downed) onChange == null ? void 0 : onChange(active);else onChangePointerUp == null ? void 0 : onChangePointerUp(active);
+    if (downed) onChange == null || onChange(active);else onChangePointerUp == null || onChangePointerUp(active);
   }, [active, downed]);
   const onClick = React.useCallback(e => {
     e.stopPropagation();
@@ -60,7 +60,6 @@ function Select({
     const oldRaycasterEnabled = get().events.enabled;
     const oldControlsEnabled = controls == null ? void 0 : controls.enabled;
     let isDown = false;
-
     function prepareRay(event, vec) {
       const {
         offsetX,
@@ -72,16 +71,14 @@ function Select({
       } = size;
       vec.set(offsetX / width * 2 - 1, -(offsetY / height) * 2 + 1);
     }
-
     function onSelectStart(event) {
       var _gl$domElement$parent;
-
       if (controls) controls.enabled = false;
       setEvents({
         enabled: false
       });
       down(isDown = true);
-      (_gl$domElement$parent = gl.domElement.parentElement) == null ? void 0 : _gl$domElement$parent.appendChild(element);
+      (_gl$domElement$parent = gl.domElement.parentElement) == null || _gl$domElement$parent.appendChild(element);
       element.style.left = `${event.clientX}px`;
       element.style.top = `${event.clientY}px`;
       element.style.width = '0px';
@@ -89,7 +86,6 @@ function Select({
       startPoint.x = event.clientX;
       startPoint.y = event.clientY;
     }
-
     function onSelectMove(event) {
       pointBottomRight.x = Math.max(startPoint.x, event.clientX);
       pointBottomRight.y = Math.max(startPoint.y, event.clientY);
@@ -100,35 +96,29 @@ function Select({
       element.style.width = `${pointBottomRight.x - pointTopLeft.x}px`;
       element.style.height = `${pointBottomRight.y - pointTopLeft.y}px`;
     }
-
     function onSelectOver() {
       if (isDown) {
         var _element$parentElemen;
-
         if (controls) controls.enabled = oldControlsEnabled;
         setEvents({
           enabled: oldRaycasterEnabled
         });
         down(isDown = false);
-        (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.removeChild(element);
+        (_element$parentElemen = element.parentElement) == null || _element$parentElemen.removeChild(element);
       }
     }
-
     function pointerDown(event) {
       if (event.shiftKey) {
         onSelectStart(event);
         prepareRay(event, selBox.startPoint);
       }
     }
-
     let previous = [];
-
     function pointerMove(event) {
       if (isDown) {
         onSelectMove(event);
         prepareRay(event, selBox.endPoint);
         const allSelected = selBox.select().sort(o => o.uuid).filter(o => o.isMesh);
-
         if (!shallow(allSelected, previous)) {
           previous = allSelected;
           dispatch({
@@ -137,11 +127,9 @@ function Select({
         }
       }
     }
-
     function pointerUp(event) {
       if (isDown) onSelectOver();
     }
-
     document.addEventListener('pointerdown', pointerDown, {
       passive: true
     });
@@ -167,10 +155,11 @@ function Select({
   }, props), /*#__PURE__*/React.createElement(context.Provider, {
     value: active
   }, children));
-} // The return type is explicitly declared here because otherwise TypeScript will emit `THREE.Object3D<THREE.Event>[]`.
+}
+
+// The return type is explicitly declared here because otherwise TypeScript will emit `THREE.Object3D<THREE.Event>[]`.
 // The meaning of the generic parameter for `Object3D` was changed in r156, so it should not be included so that it
 // works with all versions of @types/three.
-
 function useSelect() {
   return React.useContext(context);
 }

package/web/View.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import * as THREE from 'three';
-declare type LegacyCanvasSize = {
+type LegacyCanvasSize = {
     height: number;
     width: number;
 };
-declare type CanvasSize = LegacyCanvasSize & {
+type CanvasSize = LegacyCanvasSize & {
     top: number;
     left: number;
 };
-export declare type ContainerProps = {
+export type ContainerProps = {
     scene: THREE.Scene;
     index: number;
     children?: React.ReactNode;
@@ -17,11 +17,11 @@ export declare type ContainerProps = {
     track: React.MutableRefObject<HTMLElement>;
     canvasSize: LegacyCanvasSize | CanvasSize;
 };
-export declare type ViewProps = {
+export type ViewProps = {
     track: React.MutableRefObject<HTMLElement>;
     index?: number;
     frames?: number;
     children?: React.ReactNode;
 };
-export declare const View: ({ track, index, frames, children }: ViewProps) => JSX.Element;
+export declare const View: ({ track, index, frames, children }: ViewProps) => React.JSX.Element;
 export {};

package/web/View.js

@@ -3,8 +3,8 @@ import * as THREE from 'three';
 import { useThree, createPortal, useFrame } from '@react-three/fiber';
 
 const isOrthographicCamera = def => def && def.isOrthographicCamera;
-
 const col = new THREE.Color();
+
 /**
  * In `@react-three/fiber` after `v8.0.0` but prior to `v8.1.0`, `state.size` contained only dimension
  * information. After `v8.1.0`, position information (`top`, `left`) was added
@@ -15,7 +15,6 @@ const col = new THREE.Color();
 function isNonLegacyCanvasSize(size) {
   return 'top' in size;
 }
-
 function computeContainerPosition(canvasSize, trackRect) {
   const {
     right,
@@ -26,7 +25,6 @@ function computeContainerPosition(canvasSize, trackRect) {
     height
   } = trackRect;
   const isOffscreen = trackRect.bottom < 0 || top > canvasSize.height || right < 0 || trackRect.left > canvasSize.width;
-
   if (isNonLegacyCanvasSize(canvasSize)) {
     const canvasBottom = canvasSize.top + canvasSize.height;
     const bottom = canvasBottom - trackBottom;
@@ -42,9 +40,9 @@ function computeContainerPosition(canvasSize, trackRect) {
       },
       isOffscreen
     };
-  } // Fall back on old behavior if r3f < 8.1.0
-
+  }
 
+  // Fall back on old behavior if r3f < 8.1.0
   const bottom = canvasSize.height - trackBottom;
   return {
     position: {
@@ -58,7 +56,6 @@ function computeContainerPosition(canvasSize, trackRect) {
     isOffscreen
   };
 }
-
 function Container({
   canvasSize,
   scene,
@@ -76,11 +73,9 @@ function Container({
   useFrame(state => {
     if (frames === Infinity || frameCount <= frames) {
       var _track$current;
-
       rect.current = (_track$current = track.current) == null ? void 0 : _track$current.getBoundingClientRect();
       frameCount++;
     }
-
     if (rect.current) {
       const {
         position: {
@@ -92,7 +87,6 @@ function Container({
         isOffscreen
       } = computeContainerPosition(canvasSize, rect.current);
       const aspect = width / height;
-
       if (isOrthographicCamera(camera)) {
         if (camera.left !== width / -2 || camera.right !== width / 2 || camera.top !== height / 2 || camera.bottom !== height / -2) {
           Object.assign(camera, {
@@ -107,11 +101,9 @@ function Container({
         camera.aspect = aspect;
         camera.updateProjectionMatrix();
       }
-
       state.gl.setViewport(left, bottom, width, height);
       state.gl.setScissor(left, bottom, width, height);
       state.gl.setScissorTest(true);
-
       if (isOffscreen) {
         state.gl.getClearColor(col);
         state.gl.setClearColor(col, state.gl.getClearAlpha());
@@ -119,9 +111,8 @@ function Container({
       } else {
         // When children are present render the portalled scene, otherwise the default scene
         state.gl.render(children ? virtualScene : scene, camera);
-      } // Restore the default state
-
-
+      }
+      // Restore the default state
       state.gl.setScissorTest(true);
     }
   }, index);
@@ -139,12 +130,10 @@ function Container({
     if (isNonLegacyCanvasSize(canvasSize)) {
       return;
     }
-
     console.warn('Detected @react-three/fiber canvas size does not include position information. <View /> may not work as expected. ' + 'Upgrade to @react-three/fiber ^8.1.0 for support.\n See https://github.com/pmndrs/drei/issues/944');
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 }
-
 const View = ({
   track,
   index = 1,
@@ -152,7 +141,6 @@ const View = ({
   children
 }) => {
   var _rect$current, _rect$current2;
-
   const rect = React.useRef(null);
   const {
     size,
@@ -176,10 +164,9 @@ const View = ({
   const [ready, toggle] = React.useReducer(() => true, false);
   React.useEffect(() => {
     var _track$current2;
-
     // We need the tracking elements bounds beforehand in order to inject it into the portal
-    rect.current = (_track$current2 = track.current) == null ? void 0 : _track$current2.getBoundingClientRect(); // And now we can proceed
-
+    rect.current = (_track$current2 = track.current) == null ? void 0 : _track$current2.getBoundingClientRect();
+    // And now we can proceed
     toggle();
   }, [track]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, ready && createPortal( /*#__PURE__*/React.createElement(Container, {

package/web/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("./KeyboardControls.cjs.js"),a=require("./Select.cjs.js"),u=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),j=require("../core/Billboard.cjs.js"),p=require("../core/ScreenSpace.cjs.js"),l=require("../core/QuadraticBezierLine.cjs.js"),x=require("../core/CubicBezierLine.cjs.js"),q=require("../core/CatmullRomLine.cjs.js"),d=require("../core/Line.cjs.js"),m=require("../core/PositionalAudio.cjs.js"),C=require("../core/Text.cjs.js"),h=require("../core/Text3D.cjs.js"),S=require("../core/Effects.cjs.js"),M=require("../core/GradientTexture.cjs.js"),P=require("../core/Image.cjs.js"),b=require("../core/Edges.cjs.js"),f=require("../core/Outlines.cjs.js"),T=require("../core/Trail.cjs.js"),v=require("../core/Sampler.cjs.js"),g=require("../core/ComputedAttribute.cjs.js"),B=require("../core/Clone.cjs.js"),F=require("../core/MarchingCubes.cjs.js"),L=require("../core/Decal.cjs.js"),A=require("../core/Svg.cjs.js"),k=require("../core/Gltf.cjs.js"),D=require("../core/AsciiRenderer.cjs.js"),E=require("../core/OrthographicCamera.cjs.js"),R=require("../core/PerspectiveCamera.cjs.js"),G=require("../core/CubeCamera.cjs.js"),w=require("../core/DeviceOrientationControls.cjs.js"),y=require("../core/FlyControls.cjs.js"),z=require("../core/MapControls.cjs.js"),O=require("../core/OrbitControls.cjs.js"),I=require("../core/TrackballControls.cjs.js"),H=require("../core/ArcballControls.cjs.js"),V=require("../core/TransformControls.cjs.js"),K=require("../core/PointerLockControls.cjs.js"),W=require("../core/FirstPersonControls.cjs.js"),Q=require("../core/CameraControls.cjs.js"),X=require("../core/FaceControls.cjs.js"),N=require("../core/GizmoHelper.cjs.js"),U=require("../core/GizmoViewcube.cjs.js"),_=require("../core/GizmoViewport.cjs.js"),J=require("../core/Grid.cjs.js"),Y=require("../core/useCubeTexture.cjs.js"),Z=require("../core/useFBX.cjs.js"),$=require("../core/useGLTF.cjs.js"),ee=require("../core/useKTX2.cjs.js"),re=require("../core/useProgress.cjs.js"),se=require("../core/useTexture.cjs.js"),oe=require("../core/useVideoTexture.cjs.js"),te=require("../core/useFont.cjs.js"),ie=require("../core/Stats.cjs.js"),ce=require("../core/StatsGl.cjs.js"),ae=require("../core/useDepthBuffer.cjs.js"),ue=require("../core/useAspect.cjs.js"),ne=require("../core/useCamera.cjs.js"),je=require("../core/useDetectGPU.cjs.js"),pe=require("../core/useHelper.cjs.js"),le=require("../core/useBVH.cjs.js"),xe=require("../core/useContextBridge.cjs.js"),qe=require("../core/useAnimations.cjs.js"),de=require("../core/useFBO.cjs.js"),me=require("../core/useIntersect.cjs.js"),Ce=require("../core/useBoxProjectedEnv.cjs.js"),he=require("../core/BBAnchor.cjs.js"),Se=require("../core/useTrailTexture.cjs.js"),Me=require("../core/useCubeCamera.cjs.js"),Pe=require("../core/Example.cjs.js"),be=require("../core/SpriteAnimator.cjs.js"),fe=require("../core/FaceLandmarker.cjs.js"),Te=require("../core/CurveModifier.cjs.js"),ve=require("../core/MeshDistortMaterial.cjs.js"),ge=require("../core/MeshWobbleMaterial.cjs.js"),Be=require("../core/MeshReflectorMaterial.cjs.js"),Fe=require("../core/MeshRefractionMaterial.cjs.js"),Le=require("../core/MeshTransmissionMaterial.cjs.js"),Ae=require("../core/MeshDiscardMaterial.cjs.js"),ke=require("../core/PointMaterial.cjs.js"),De=require("../core/shaderMaterial.cjs.js"),Ee=require("../core/softShadows.cjs.js"),Re=require("../core/shapes.cjs.js"),Ge=require("../core/Facemesh.cjs.js"),we=require("../core/RoundedBox.cjs.js"),ye=require("../core/ScreenQuad.cjs.js"),ze=require("../core/Center.cjs.js"),Oe=require("../core/Resize.cjs.js"),Ie=require("../core/Bounds.cjs.js"),He=require("../core/CameraShake.cjs.js"),Ve=require("../core/Float.cjs.js"),Ke=require("../core/Stage.cjs.js"),We=require("../core/Backdrop.cjs.js"),Qe=require("../core/Shadow.cjs.js"),Xe=require("../core/Caustics.cjs.js"),Ne=require("../core/ContactShadows.cjs.js"),Ue=require("../core/AccumulativeShadows.cjs.js"),_e=require("../core/Reflector.cjs.js"),Je=require("../core/SpotLight.cjs.js"),Ye=require("../core/Environment.cjs.js"),Ze=require("../core/Lightformer.cjs.js"),$e=require("../core/Sky.cjs.js"),er=require("../core/Stars.cjs.js"),rr=require("../core/Cloud.cjs.js"),sr=require("../core/Sparkles.cjs.js"),or=require("../core/useEnvironment.cjs.js"),tr=require("../core/useMatcapTexture.cjs.js"),ir=require("../core/useNormalTexture.cjs.js"),cr=require("../core/Wireframe.cjs.js"),ar=require("../core/Points.cjs.js"),ur=require("../core/Instances.cjs.js"),nr=require("../core/Segments.cjs.js"),jr=require("../core/Detailed.cjs.js"),pr=require("../core/Preload.cjs.js"),lr=require("../core/BakeShadows.cjs.js"),xr=require("../core/meshBounds.cjs.js"),qr=require("../core/AdaptiveDpr.cjs.js"),dr=require("../core/AdaptiveEvents.cjs.js"),mr=require("../core/PerformanceMonitor.cjs.js"),Cr=require("../core/RenderTexture.cjs.js"),hr=require("../core/Mask.cjs.js"),Sr=require("../core/Hud.cjs.js"),Mr=require("../core/MeshPortalMaterial.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("maath"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("camera-controls"),require("@mediapipe/tasks-vision"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../materials/WireframeMaterial.cjs.js"),require("react-composer"),exports.Html=e.Html,exports.CycleRaycast=r.CycleRaycast,exports.useCursor=s.useCursor,exports.Loader=o.Loader,exports.Scroll=t.Scroll,exports.ScrollControls=t.ScrollControls,exports.useScroll=t.useScroll,exports.PresentationControls=i.PresentationControls,exports.KeyboardControls=c.KeyboardControls,exports.useKeyboardControls=c.useKeyboardControls,exports.Select=a.Select,exports.useSelect=a.useSelect,exports.View=u.View,exports.PivotControls=n.PivotControls,exports.calculateScaleFactor=n.calculateScaleFactor,exports.Billboard=j.Billboard,exports.ScreenSpace=p.ScreenSpace,exports.QuadraticBezierLine=l.QuadraticBezierLine,exports.CubicBezierLine=x.CubicBezierLine,exports.CatmullRomLine=q.CatmullRomLine,exports.Line=d.Line,exports.PositionalAudio=m.PositionalAudio,exports.Text=C.Text,exports.Text3D=h.Text3D,exports.Effects=S.Effects,exports.isWebGL2Available=S.isWebGL2Available,exports.GradientTexture=M.GradientTexture,exports.GradientType=M.GradientType,exports.Image=P.Image,exports.Edges=b.Edges,exports.Outlines=f.Outlines,exports.Trail=T.Trail,exports.useTrail=T.useTrail,exports.Sampler=v.Sampler,exports.useSurfaceSampler=v.useSurfaceSampler,exports.ComputedAttribute=g.ComputedAttribute,exports.Clone=B.Clone,exports.MarchingCube=F.MarchingCube,exports.MarchingCubes=F.MarchingCubes,exports.MarchingPlane=F.MarchingPlane,exports.Decal=L.Decal,exports.Svg=A.Svg,exports.Gltf=k.Gltf,exports.AsciiRenderer=D.AsciiRenderer,exports.OrthographicCamera=E.OrthographicCamera,exports.PerspectiveCamera=R.PerspectiveCamera,exports.CubeCamera=G.CubeCamera,exports.DeviceOrientationControls=w.DeviceOrientationControls,exports.FlyControls=y.FlyControls,exports.MapControls=z.MapControls,exports.OrbitControls=O.OrbitControls,exports.TrackballControls=I.TrackballControls,exports.ArcballControls=H.ArcballControls,exports.TransformControls=V.TransformControls,exports.PointerLockControls=K.PointerLockControls,exports.FirstPersonControls=W.FirstPersonControls,exports.CameraControls=Q.CameraControls,exports.FaceControls=X.FaceControls,exports.useFaceControls=X.useFaceControls,exports.GizmoHelper=N.GizmoHelper,exports.useGizmoContext=N.useGizmoContext,exports.GizmoViewcube=U.GizmoViewcube,exports.GizmoViewport=_.GizmoViewport,exports.Grid=J.Grid,exports.useCubeTexture=Y.useCubeTexture,exports.useFBX=Z.useFBX,exports.useGLTF=$.useGLTF,exports.useKTX2=ee.useKTX2,exports.useProgress=re.useProgress,exports.IsObject=se.IsObject,exports.useTexture=se.useTexture,exports.useVideoTexture=oe.useVideoTexture,exports.useFont=te.useFont,exports.Stats=ie.Stats,exports.StatsGl=ce.StatsGl,exports.useDepthBuffer=ae.useDepthBuffer,exports.useAspect=ue.useAspect,exports.useCamera=ne.useCamera,exports.useDetectGPU=je.useDetectGPU,exports.useHelper=pe.useHelper,exports.Bvh=le.Bvh,exports.useBVH=le.useBVH,exports.useContextBridge=xe.useContextBridge,exports.useAnimations=qe.useAnimations,exports.useFBO=de.useFBO,exports.useIntersect=me.useIntersect,exports.useBoxProjectedEnv=Ce.useBoxProjectedEnv,exports.BBAnchor=he.BBAnchor,exports.useTrailTexture=Se.useTrailTexture,exports.useCubeCamera=Me.useCubeCamera,exports.Example=Pe.Example,exports.SpriteAnimator=be.SpriteAnimator,exports.FaceLandmarker=fe.FaceLandmarker,exports.FaceLandmarkerDefaults=fe.FaceLandmarkerDefaults,exports.useFaceLandmarker=fe.useFaceLandmarker,exports.CurveModifier=Te.CurveModifier,exports.MeshDistortMaterial=ve.MeshDistortMaterial,exports.MeshWobbleMaterial=ge.MeshWobbleMaterial,exports.MeshReflectorMaterial=Be.MeshReflectorMaterial,exports.MeshRefractionMaterial=Fe.MeshRefractionMaterial,exports.MeshTransmissionMaterial=Le.MeshTransmissionMaterial,exports.MeshDiscardMaterial=Ae.MeshDiscardMaterial,exports.PointMaterial=ke.PointMaterial,exports.PointMaterialImpl=ke.PointMaterialImpl,exports.shaderMaterial=De.shaderMaterial,exports.SoftShadows=Ee.SoftShadows,exports.Box=Re.Box,exports.Capsule=Re.Capsule,exports.Circle=Re.Circle,exports.Cone=Re.Cone,exports.Cylinder=Re.Cylinder,exports.Dodecahedron=Re.Dodecahedron,exports.Extrude=Re.Extrude,exports.Icosahedron=Re.Icosahedron,exports.Lathe=Re.Lathe,exports.Octahedron=Re.Octahedron,exports.Plane=Re.Plane,exports.Polyhedron=Re.Polyhedron,exports.Ring=Re.Ring,exports.Shape=Re.Shape,exports.Sphere=Re.Sphere,exports.Tetrahedron=Re.Tetrahedron,exports.Torus=Re.Torus,exports.TorusKnot=Re.TorusKnot,exports.Tube=Re.Tube,exports.Facemesh=Ge.Facemesh,exports.FacemeshDatas=Ge.FacemeshDatas,exports.FacemeshEye=Ge.FacemeshEye,exports.FacemeshEyeDefaults=Ge.FacemeshEyeDefaults,exports.RoundedBox=we.RoundedBox,exports.ScreenQuad=ye.ScreenQuad,exports.Center=ze.Center,exports.Resize=Oe.Resize,exports.Bounds=Ie.Bounds,exports.useBounds=Ie.useBounds,exports.CameraShake=He.CameraShake,exports.Float=Ve.Float,exports.Stage=Ke.Stage,exports.Backdrop=We.Backdrop,exports.Shadow=Qe.Shadow,exports.Caustics=Xe.Caustics,exports.ContactShadows=Ne.ContactShadows,exports.AccumulativeShadows=Ue.AccumulativeShadows,exports.RandomizedLight=Ue.RandomizedLight,exports.accumulativeContext=Ue.accumulativeContext,exports.Reflector=_e.Reflector,exports.SpotLight=Je.SpotLight,exports.SpotLightShadow=Je.SpotLightShadow,exports.Environment=Ye.Environment,exports.EnvironmentCube=Ye.EnvironmentCube,exports.EnvironmentMap=Ye.EnvironmentMap,exports.EnvironmentPortal=Ye.EnvironmentPortal,exports.Lightformer=Ze.Lightformer,exports.Sky=$e.Sky,exports.calcPosFromAngles=$e.calcPosFromAngles,exports.Stars=er.Stars,exports.Cloud=rr.Cloud,exports.Sparkles=sr.Sparkles,exports.useEnvironment=or.useEnvironment,exports.useMatcapTexture=tr.useMatcapTexture,exports.useNormalTexture=ir.useNormalTexture,exports.Wireframe=cr.Wireframe,exports.Point=ar.Point,exports.Points=ar.Points,exports.PointsBuffer=ar.PointsBuffer,exports.PositionPoint=ar.PositionPoint,exports.Instance=ur.Instance,exports.Instances=ur.Instances,exports.Merged=ur.Merged,exports.Segment=nr.Segment,exports.SegmentObject=nr.SegmentObject,exports.Segments=nr.Segments,exports.Detailed=jr.Detailed,exports.Preload=pr.Preload,exports.BakeShadows=lr.BakeShadows,exports.meshBounds=xr.meshBounds,exports.AdaptiveDpr=qr.AdaptiveDpr,exports.AdaptiveEvents=dr.AdaptiveEvents,exports.PerformanceMonitor=mr.PerformanceMonitor,exports.usePerformanceMonitor=mr.usePerformanceMonitor,exports.RenderTexture=Cr.RenderTexture,exports.Mask=hr.Mask,exports.useMask=hr.useMask,exports.Hud=Sr.Hud,exports.MeshPortalMaterial=Mr.MeshPortalMaterial;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),c=require("./KeyboardControls.cjs.js"),a=require("./Select.cjs.js"),u=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),j=require("../core/Billboard.cjs.js"),l=require("../core/ScreenSpace.cjs.js"),p=require("../core/QuadraticBezierLine.cjs.js"),x=require("../core/CubicBezierLine.cjs.js"),q=require("../core/CatmullRomLine.cjs.js"),d=require("../core/Line.cjs.js"),m=require("../core/PositionalAudio.cjs.js"),C=require("../core/Text.cjs.js"),h=require("../core/Text3D.cjs.js"),S=require("../core/Effects.cjs.js"),M=require("../core/GradientTexture.cjs.js"),P=require("../core/Image.cjs.js"),b=require("../core/Edges.cjs.js"),f=require("../core/Outlines.cjs.js"),T=require("../core/Trail.cjs.js"),v=require("../core/Sampler.cjs.js"),g=require("../core/ComputedAttribute.cjs.js"),B=require("../core/Clone.cjs.js"),F=require("../core/MarchingCubes.cjs.js"),L=require("../core/Decal.cjs.js"),A=require("../core/Svg.cjs.js"),k=require("../core/Gltf.cjs.js"),D=require("../core/AsciiRenderer.cjs.js"),E=require("../core/OrthographicCamera.cjs.js"),R=require("../core/PerspectiveCamera.cjs.js"),G=require("../core/CubeCamera.cjs.js"),w=require("../core/DeviceOrientationControls.cjs.js"),y=require("../core/FlyControls.cjs.js"),z=require("../core/MapControls.cjs.js"),O=require("../core/OrbitControls.cjs.js"),I=require("../core/TrackballControls.cjs.js"),H=require("../core/ArcballControls.cjs.js"),V=require("../core/TransformControls.cjs.js"),K=require("../core/PointerLockControls.cjs.js"),W=require("../core/FirstPersonControls.cjs.js"),Q=require("../core/CameraControls.cjs.js"),X=require("../core/FaceControls.cjs.js"),N=require("../core/MotionPathControls.cjs.js"),U=require("../core/GizmoHelper.cjs.js"),_=require("../core/GizmoViewcube.cjs.js"),J=require("../core/GizmoViewport.cjs.js"),Y=require("../core/Grid.cjs.js"),Z=require("../core/useCubeTexture.cjs.js"),$=require("../core/useFBX.cjs.js"),ee=require("../core/useGLTF.cjs.js"),re=require("../core/useKTX2.cjs.js"),se=require("../core/useProgress.cjs.js"),oe=require("../core/useTexture.cjs.js"),te=require("../core/useVideoTexture.cjs.js"),ie=require("../core/useFont.cjs.js"),ce=require("../core/Stats.cjs.js"),ae=require("../core/StatsGl.cjs.js"),ue=require("../core/useDepthBuffer.cjs.js"),ne=require("../core/useAspect.cjs.js"),je=require("../core/useCamera.cjs.js"),le=require("../core/useDetectGPU.cjs.js"),pe=require("../core/useHelper.cjs.js"),xe=require("../core/useBVH.cjs.js"),qe=require("../core/useContextBridge.cjs.js"),de=require("../core/useAnimations.cjs.js"),me=require("../core/useFBO.cjs.js"),Ce=require("../core/useIntersect.cjs.js"),he=require("../core/useBoxProjectedEnv.cjs.js"),Se=require("../core/BBAnchor.cjs.js"),Me=require("../core/useTrailTexture.cjs.js"),Pe=require("../core/useCubeCamera.cjs.js"),be=require("../core/Example.cjs.js"),fe=require("../core/SpriteAnimator.cjs.js"),Te=require("../core/FaceLandmarker.cjs.js"),ve=require("../core/CurveModifier.cjs.js"),ge=require("../core/MeshDistortMaterial.cjs.js"),Be=require("../core/MeshWobbleMaterial.cjs.js"),Fe=require("../core/MeshReflectorMaterial.cjs.js"),Le=require("../core/MeshRefractionMaterial.cjs.js"),Ae=require("../core/MeshTransmissionMaterial.cjs.js"),ke=require("../core/MeshDiscardMaterial.cjs.js"),De=require("../core/PointMaterial.cjs.js"),Ee=require("../core/shaderMaterial.cjs.js"),Re=require("../core/softShadows.cjs.js"),Ge=require("../core/shapes.cjs.js"),we=require("../core/Facemesh.cjs.js"),ye=require("../core/RoundedBox.cjs.js"),ze=require("../core/ScreenQuad.cjs.js"),Oe=require("../core/Center.cjs.js"),Ie=require("../core/Resize.cjs.js"),He=require("../core/Bounds.cjs.js"),Ve=require("../core/CameraShake.cjs.js"),Ke=require("../core/Float.cjs.js"),We=require("../core/Stage.cjs.js"),Qe=require("../core/Backdrop.cjs.js"),Xe=require("../core/Shadow.cjs.js"),Ne=require("../core/Caustics.cjs.js"),Ue=require("../core/ContactShadows.cjs.js"),_e=require("../core/AccumulativeShadows.cjs.js"),Je=require("../core/Reflector.cjs.js"),Ye=require("../core/SpotLight.cjs.js"),Ze=require("../core/Environment.cjs.js"),$e=require("../core/Lightformer.cjs.js"),er=require("../core/Sky.cjs.js"),rr=require("../core/Stars.cjs.js"),sr=require("../core/Cloud.cjs.js"),or=require("../core/Sparkles.cjs.js"),tr=require("../core/useEnvironment.cjs.js"),ir=require("../core/useMatcapTexture.cjs.js"),cr=require("../core/useNormalTexture.cjs.js"),ar=require("../core/Wireframe.cjs.js"),ur=require("../core/Points.cjs.js"),nr=require("../core/Instances.cjs.js"),jr=require("../core/Segments.cjs.js"),lr=require("../core/Detailed.cjs.js"),pr=require("../core/Preload.cjs.js"),xr=require("../core/BakeShadows.cjs.js"),qr=require("../core/meshBounds.cjs.js"),dr=require("../core/AdaptiveDpr.cjs.js"),mr=require("../core/AdaptiveEvents.cjs.js"),Cr=require("../core/PerformanceMonitor.cjs.js"),hr=require("../core/RenderTexture.cjs.js"),Sr=require("../core/Mask.cjs.js"),Mr=require("../core/Hud.cjs.js"),Pr=require("../core/MeshPortalMaterial.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("react-merge-refs"),require("maath"),require("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("camera-controls"),require("@mediapipe/tasks-vision"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../materials/WireframeMaterial.cjs.js"),require("react-composer"),exports.Html=e.Html,exports.CycleRaycast=r.CycleRaycast,exports.useCursor=s.useCursor,exports.Loader=o.Loader,exports.Scroll=t.Scroll,exports.ScrollControls=t.ScrollControls,exports.useScroll=t.useScroll,exports.PresentationControls=i.PresentationControls,exports.KeyboardControls=c.KeyboardControls,exports.useKeyboardControls=c.useKeyboardControls,exports.Select=a.Select,exports.useSelect=a.useSelect,exports.View=u.View,exports.PivotControls=n.PivotControls,exports.calculateScaleFactor=n.calculateScaleFactor,exports.Billboard=j.Billboard,exports.ScreenSpace=l.ScreenSpace,exports.QuadraticBezierLine=p.QuadraticBezierLine,exports.CubicBezierLine=x.CubicBezierLine,exports.CatmullRomLine=q.CatmullRomLine,exports.Line=d.Line,exports.PositionalAudio=m.PositionalAudio,exports.Text=C.Text,exports.Text3D=h.Text3D,exports.Effects=S.Effects,exports.isWebGL2Available=S.isWebGL2Available,exports.GradientTexture=M.GradientTexture,exports.GradientType=M.GradientType,exports.Image=P.Image,exports.Edges=b.Edges,exports.Outlines=f.Outlines,exports.Trail=T.Trail,exports.useTrail=T.useTrail,exports.Sampler=v.Sampler,exports.useSurfaceSampler=v.useSurfaceSampler,exports.ComputedAttribute=g.ComputedAttribute,exports.Clone=B.Clone,exports.MarchingCube=F.MarchingCube,exports.MarchingCubes=F.MarchingCubes,exports.MarchingPlane=F.MarchingPlane,exports.Decal=L.Decal,exports.Svg=A.Svg,exports.Gltf=k.Gltf,exports.AsciiRenderer=D.AsciiRenderer,exports.OrthographicCamera=E.OrthographicCamera,exports.PerspectiveCamera=R.PerspectiveCamera,exports.CubeCamera=G.CubeCamera,exports.DeviceOrientationControls=w.DeviceOrientationControls,exports.FlyControls=y.FlyControls,exports.MapControls=z.MapControls,exports.OrbitControls=O.OrbitControls,exports.TrackballControls=I.TrackballControls,exports.ArcballControls=H.ArcballControls,exports.TransformControls=V.TransformControls,exports.PointerLockControls=K.PointerLockControls,exports.FirstPersonControls=W.FirstPersonControls,exports.CameraControls=Q.CameraControls,exports.FaceControls=X.FaceControls,exports.useFaceControls=X.useFaceControls,exports.MotionPathControls=N.MotionPathControls,exports.useMotion=N.useMotion,exports.GizmoHelper=U.GizmoHelper,exports.useGizmoContext=U.useGizmoContext,exports.GizmoViewcube=_.GizmoViewcube,exports.GizmoViewport=J.GizmoViewport,exports.Grid=Y.Grid,exports.useCubeTexture=Z.useCubeTexture,exports.useFBX=$.useFBX,exports.useGLTF=ee.useGLTF,exports.useKTX2=re.useKTX2,exports.useProgress=se.useProgress,exports.IsObject=oe.IsObject,exports.useTexture=oe.useTexture,exports.useVideoTexture=te.useVideoTexture,exports.useFont=ie.useFont,exports.Stats=ce.Stats,exports.StatsGl=ae.StatsGl,exports.useDepthBuffer=ue.useDepthBuffer,exports.useAspect=ne.useAspect,exports.useCamera=je.useCamera,exports.useDetectGPU=le.useDetectGPU,exports.useHelper=pe.useHelper,exports.Bvh=xe.Bvh,exports.useBVH=xe.useBVH,exports.useContextBridge=qe.useContextBridge,exports.useAnimations=de.useAnimations,exports.useFBO=me.useFBO,exports.useIntersect=Ce.useIntersect,exports.useBoxProjectedEnv=he.useBoxProjectedEnv,exports.BBAnchor=Se.BBAnchor,exports.useTrailTexture=Me.useTrailTexture,exports.useCubeCamera=Pe.useCubeCamera,exports.Example=be.Example,exports.SpriteAnimator=fe.SpriteAnimator,exports.FaceLandmarker=Te.FaceLandmarker,exports.FaceLandmarkerDefaults=Te.FaceLandmarkerDefaults,exports.useFaceLandmarker=Te.useFaceLandmarker,exports.CurveModifier=ve.CurveModifier,exports.MeshDistortMaterial=ge.MeshDistortMaterial,exports.MeshWobbleMaterial=Be.MeshWobbleMaterial,exports.MeshReflectorMaterial=Fe.MeshReflectorMaterial,exports.MeshRefractionMaterial=Le.MeshRefractionMaterial,exports.MeshTransmissionMaterial=Ae.MeshTransmissionMaterial,exports.MeshDiscardMaterial=ke.MeshDiscardMaterial,exports.PointMaterial=De.PointMaterial,exports.PointMaterialImpl=De.PointMaterialImpl,exports.shaderMaterial=Ee.shaderMaterial,exports.SoftShadows=Re.SoftShadows,exports.Box=Ge.Box,exports.Capsule=Ge.Capsule,exports.Circle=Ge.Circle,exports.Cone=Ge.Cone,exports.Cylinder=Ge.Cylinder,exports.Dodecahedron=Ge.Dodecahedron,exports.Extrude=Ge.Extrude,exports.Icosahedron=Ge.Icosahedron,exports.Lathe=Ge.Lathe,exports.Octahedron=Ge.Octahedron,exports.Plane=Ge.Plane,exports.Polyhedron=Ge.Polyhedron,exports.Ring=Ge.Ring,exports.Shape=Ge.Shape,exports.Sphere=Ge.Sphere,exports.Tetrahedron=Ge.Tetrahedron,exports.Torus=Ge.Torus,exports.TorusKnot=Ge.TorusKnot,exports.Tube=Ge.Tube,exports.Facemesh=we.Facemesh,exports.FacemeshDatas=we.FacemeshDatas,exports.FacemeshEye=we.FacemeshEye,exports.FacemeshEyeDefaults=we.FacemeshEyeDefaults,exports.RoundedBox=ye.RoundedBox,exports.ScreenQuad=ze.ScreenQuad,exports.Center=Oe.Center,exports.Resize=Ie.Resize,exports.Bounds=He.Bounds,exports.useBounds=He.useBounds,exports.CameraShake=Ve.CameraShake,exports.Float=Ke.Float,exports.Stage=We.Stage,exports.Backdrop=Qe.Backdrop,exports.Shadow=Xe.Shadow,exports.Caustics=Ne.Caustics,exports.ContactShadows=Ue.ContactShadows,exports.AccumulativeShadows=_e.AccumulativeShadows,exports.RandomizedLight=_e.RandomizedLight,exports.accumulativeContext=_e.accumulativeContext,exports.Reflector=Je.Reflector,exports.SpotLight=Ye.SpotLight,exports.SpotLightShadow=Ye.SpotLightShadow,exports.Environment=Ze.Environment,exports.EnvironmentCube=Ze.EnvironmentCube,exports.EnvironmentMap=Ze.EnvironmentMap,exports.EnvironmentPortal=Ze.EnvironmentPortal,exports.Lightformer=$e.Lightformer,exports.Sky=er.Sky,exports.calcPosFromAngles=er.calcPosFromAngles,exports.Stars=rr.Stars,exports.Cloud=sr.Cloud,exports.Sparkles=or.Sparkles,exports.useEnvironment=tr.useEnvironment,exports.useMatcapTexture=ir.useMatcapTexture,exports.useNormalTexture=cr.useNormalTexture,exports.Wireframe=ar.Wireframe,exports.Point=ur.Point,exports.Points=ur.Points,exports.PointsBuffer=ur.PointsBuffer,exports.PositionPoint=ur.PositionPoint,exports.Instance=nr.Instance,exports.Instances=nr.Instances,exports.Merged=nr.Merged,exports.Segment=jr.Segment,exports.SegmentObject=jr.SegmentObject,exports.Segments=jr.Segments,exports.Detailed=lr.Detailed,exports.Preload=pr.Preload,exports.BakeShadows=xr.BakeShadows,exports.meshBounds=qr.meshBounds,exports.AdaptiveDpr=dr.AdaptiveDpr,exports.AdaptiveEvents=mr.AdaptiveEvents,exports.PerformanceMonitor=Cr.PerformanceMonitor,exports.usePerformanceMonitor=Cr.usePerformanceMonitor,exports.RenderTexture=hr.RenderTexture,exports.Mask=Sr.Mask,exports.useMask=Sr.useMask,exports.Hud=Mr.Hud,exports.MeshPortalMaterial=Pr.MeshPortalMaterial;

package/web/index.js

@@ -45,6 +45,7 @@ export { PointerLockControls } from '../core/PointerLockControls.js';
 export { FirstPersonControls } from '../core/FirstPersonControls.js';
 export { CameraControls } from '../core/CameraControls.js';
 export { FaceControls, useFaceControls } from '../core/FaceControls.js';
+export { MotionPathControls, useMotion } from '../core/MotionPathControls.js';
 export { GizmoHelper, useGizmoContext } from '../core/GizmoHelper.js';
 export { GizmoViewcube } from '../core/GizmoViewcube.js';
 export { GizmoViewport } from '../core/GizmoViewport.js';

package/web/pivotControls/AxisArrow.js

@@ -11,11 +11,9 @@ const calculateOffset = (clickPoint, normal, rayStart, rayDir) => {
   const e1 = normal.dot(normal);
   const e2 = normal.dot(clickPoint) - normal.dot(rayStart);
   const e3 = normal.dot(rayDir);
-
   if (e3 === 0) {
     return -e2 / e1;
   }
-
   vec1.copy(rayDir).multiplyScalar(e1 / e3).sub(normal);
   vec2.copy(rayDir).multiplyScalar(e2 / e3).add(rayStart).sub(clickPoint);
   const offset = -vec1.dot(vec2) / vec1.dot(vec1);
@@ -43,8 +41,9 @@ const AxisArrow = ({
     onDrag,
     onDragEnd,
     userData
-  } = React.useContext(context); // @ts-expect-error new in @react-three/fiber@7.0.5
+  } = React.useContext(context);
 
+  // @ts-expect-error new in @react-three/fiber@7.0.5
   const camControls = useThree(state => state.controls);
   const divRef = React.useRef(null);
   const objRef = React.useRef(null);
@@ -56,7 +55,6 @@ const AxisArrow = ({
       divRef.current.innerText = `${translation.current[axis].toFixed(2)}`;
       divRef.current.style.display = 'block';
     }
-
     e.stopPropagation();
     const rotation = new THREE.Matrix4().extractRotation(objRef.current.matrixWorld);
     const clickPoint = e.point.clone();
@@ -73,14 +71,13 @@ const AxisArrow = ({
       origin,
       directions: [dir]
     });
-    camControls && (camControls.enabled = false); // @ts-ignore - setPointerCapture is not in the type definition
-
+    camControls && (camControls.enabled = false);
+    // @ts-ignore - setPointerCapture is not in the type definition
     e.target.setPointerCapture(e.pointerId);
   }, [annotations, direction, camControls, onDragStart, translation, axis]);
   const onPointerMove = React.useCallback(e => {
     e.stopPropagation();
     if (!isHovered) setIsHovered(true);
-
     if (clickInfo.current) {
       const {
         clickPoint,
@@ -88,21 +85,16 @@ const AxisArrow = ({
       } = clickInfo.current;
       const [min, max] = (translationLimits == null ? void 0 : translationLimits[axis]) || [undefined, undefined];
       let offset = calculateOffset(clickPoint, dir, e.ray.origin, e.ray.direction);
-
       if (min !== undefined) {
         offset = Math.max(offset, min - offset0.current);
       }
-
       if (max !== undefined) {
         offset = Math.min(offset, max - offset0.current);
       }
-
       translation.current[axis] = offset0.current + offset;
-
       if (annotations) {
         divRef.current.innerText = `${translation.current[axis].toFixed(2)}`;
       }
-
       offsetMatrix.makeTranslation(dir.x * offset, dir.y * offset, dir.z * offset);
       onDrag(offsetMatrix);
     }
@@ -111,12 +103,11 @@ const AxisArrow = ({
     if (annotations) {
       divRef.current.style.display = 'none';
     }
-
     e.stopPropagation();
     clickInfo.current = null;
     onDragEnd();
-    camControls && (camControls.enabled = true); // @ts-ignore - releasePointerCapture & PointerEvent#pointerId is not in the type definition
-
+    camControls && (camControls.enabled = true);
+    // @ts-ignore - releasePointerCapture & PointerEvent#pointerId is not in the type definition
     e.target.releasePointerCapture(e.pointerId);
   }, [annotations, camControls, onDragEnd]);
   const onPointerOut = React.useCallback(e => {

package/web/pivotControls/AxisRotator.js

@@ -8,11 +8,8 @@ import { context } from './context.js';
 
 const clickDir = new THREE.Vector3();
 const intersectionDir = new THREE.Vector3();
-
 const toDegrees = radians => radians * 180 / Math.PI;
-
 const toRadians = degrees => degrees * Math.PI / 180;
-
 const calculateAngle = (clickPoint, intersectionPoint, origin, e1, e2) => {
   clickDir.copy(clickPoint).sub(origin);
   intersectionDir.copy(intersectionPoint).sub(origin);
@@ -26,27 +23,21 @@ const calculateAngle = (clickPoint, intersectionPoint, origin, e1, e2) => {
   const angleIntersection = Math.atan2(vIntersection, uIntersection);
   return angleIntersection - angleClick;
 };
-
 const fmod = (num, denom) => {
   let k = Math.floor(num / denom);
   k = k < 0 ? k + 1 : k;
   return num - k * denom;
 };
-
 const minimizeAngle = angle => {
   let result = fmod(angle, 2 * Math.PI);
-
   if (Math.abs(result) < 1e-6) {
     return 0.0;
   }
-
   if (result < 0.0) {
     result += 2 * Math.PI;
   }
-
   return result;
 };
-
 const rotMatrix = new THREE.Matrix4();
 const posNew = new THREE.Vector3();
 const ray = new THREE.Ray();
@@ -71,8 +62,9 @@ const AxisRotator = ({
     onDrag,
     onDragEnd,
     userData
-  } = React.useContext(context); // @ts-expect-error new in @react-three/fiber@7.0.5
+  } = React.useContext(context);
 
+  // @ts-expect-error new in @react-three/fiber@7.0.5
   const camControls = useThree(state => state.controls);
   const divRef = React.useRef(null);
   const objRef = React.useRef(null);
@@ -85,7 +77,6 @@ const AxisRotator = ({
       divRef.current.innerText = `${toDegrees(angle.current).toFixed(0)}º`;
       divRef.current.style.display = 'block';
     }
-
     e.stopPropagation();
     const clickPoint = e.point.clone();
     const origin = new THREE.Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
@@ -107,14 +98,13 @@ const AxisRotator = ({
       origin,
       directions: [e1, e2, normal]
     });
-    camControls && (camControls.enabled = false); // @ts-ignore
-
+    camControls && (camControls.enabled = false);
+    // @ts-ignore
     e.target.setPointerCapture(e.pointerId);
   }, [annotations, camControls, onDragStart, axis]);
   const onPointerMove = React.useCallback(e => {
     e.stopPropagation();
     if (!isHovered) setIsHovered(true);
-
     if (clickInfo.current) {
       const {
         clickPoint,
@@ -130,13 +120,13 @@ const AxisRotator = ({
       ray.direction.negate();
       ray.intersectPlane(plane, intersection);
       let deltaAngle = calculateAngle(clickPoint, intersection, origin, e1, e2);
-      let degrees = toDegrees(deltaAngle); // @ts-ignore
+      let degrees = toDegrees(deltaAngle);
 
+      // @ts-ignore
       if (e.shiftKey) {
         degrees = Math.round(degrees / 10) * 10;
         deltaAngle = toRadians(degrees);
       }
-
       if (min !== undefined && max !== undefined && max - min < 2 * Math.PI) {
         deltaAngle = minimizeAngle(deltaAngle);
         deltaAngle = deltaAngle > Math.PI ? deltaAngle - 2 * Math.PI : deltaAngle;
@@ -146,12 +136,10 @@ const AxisRotator = ({
         angle.current = minimizeAngle(angle0.current + deltaAngle);
         angle.current = angle.current > Math.PI ? angle.current - 2 * Math.PI : angle.current;
       }
-
       if (annotations) {
         degrees = toDegrees(angle.current);
         divRef.current.innerText = `${degrees.toFixed(0)}º`;
       }
-
       rotMatrix.makeRotationAxis(normal, deltaAngle);
       posNew.copy(origin).applyMatrix4(rotMatrix).sub(origin).negate();
       rotMatrix.setPosition(posNew);
@@ -162,13 +150,12 @@ const AxisRotator = ({
     if (annotations) {
       divRef.current.style.display = 'none';
     }
-
     e.stopPropagation();
     angle0.current = angle.current;
     clickInfo.current = null;
     onDragEnd();
-    camControls && (camControls.enabled = true); // @ts-ignore
-
+    camControls && (camControls.enabled = true);
+    // @ts-ignore
     e.target.releasePointerCapture(e.pointerId);
   }, [annotations, camControls, onDragEnd]);
   const onPointerOut = React.useCallback(e => {
@@ -184,12 +171,10 @@ const AxisRotator = ({
   const arc = React.useMemo(() => {
     const segments = 32;
     const points = [];
-
     for (let j = 0; j <= segments; j++) {
       const angle = j * (Math.PI / 2) / segments;
       points.push(new THREE.Vector3(Math.cos(angle) * r, Math.sin(angle) * r, 0));
     }
-
     return points;
   }, [r]);
   return /*#__PURE__*/React.createElement("group", {

package/web/pivotControls/PlaneSlider.js

@@ -19,7 +19,6 @@ const decomposeIntoBasis = (e1, e2, offset) => {
   const x = (c1 - y * b1) / a1;
   return [x, y];
 };
-
 const ray = new THREE.Ray();
 const intersection = new THREE.Vector3();
 const offsetMatrix = new THREE.Matrix4();
@@ -44,8 +43,9 @@ const PlaneSlider = ({
     onDrag,
     onDragEnd,
     userData
-  } = React.useContext(context); // @ts-expect-error new in @react-three/fiber@7.0.5
+  } = React.useContext(context);
 
+  // @ts-expect-error new in @react-three/fiber@7.0.5
   const camControls = useThree(state => state.controls);
   const divRef = React.useRef(null);
   const objRef = React.useRef(null);
@@ -58,7 +58,6 @@ const PlaneSlider = ({
       divRef.current.innerText = `${translation.current[(axis + 1) % 3].toFixed(2)}, ${translation.current[(axis + 2) % 3].toFixed(2)}`;
       divRef.current.style.display = 'block';
     }
-
     e.stopPropagation();
     const clickPoint = e.point.clone();
     const origin = new THREE.Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
@@ -80,14 +79,13 @@ const PlaneSlider = ({
       origin,
       directions: [e1, e2, normal]
     });
-    camControls && (camControls.enabled = false); // @ts-ignore
-
+    camControls && (camControls.enabled = false);
+    // @ts-ignore
     e.target.setPointerCapture(e.pointerId);
   }, [annotations, camControls, onDragStart, axis]);
   const onPointerMove = React.useCallback(e => {
     e.stopPropagation();
     if (!isHovered) setIsHovered(true);
-
     if (clickInfo.current) {
       const {
         clickPoint,
@@ -105,30 +103,23 @@ const PlaneSlider = ({
       let [offsetX, offsetY] = decomposeIntoBasis(e1, e2, intersection);
       /* let offsetY = (intersection.y - (intersection.x * e1.y) / e1.x) / (e2.y - (e2.x * e1.y) / e1.x)
       let offsetX = (intersection.x - offsetY * e2.x) / e1.x */
-
       if (minX !== undefined) {
         offsetX = Math.max(offsetX, minX - offsetX0.current);
       }
-
       if (maxX !== undefined) {
         offsetX = Math.min(offsetX, maxX - offsetX0.current);
       }
-
       if (minY !== undefined) {
         offsetY = Math.max(offsetY, minY - offsetY0.current);
       }
-
       if (maxY !== undefined) {
         offsetY = Math.min(offsetY, maxY - offsetY0.current);
       }
-
       translation.current[(axis + 1) % 3] = offsetX0.current + offsetX;
       translation.current[(axis + 2) % 3] = offsetY0.current + offsetY;
-
       if (annotations) {
         divRef.current.innerText = `${translation.current[(axis + 1) % 3].toFixed(2)}, ${translation.current[(axis + 2) % 3].toFixed(2)}`;
       }
-
       offsetMatrix.makeTranslation(offsetX * e1.x + offsetY * e2.x, offsetX * e1.y + offsetY * e2.y, offsetX * e1.z + offsetY * e2.z);
       onDrag(offsetMatrix);
     }
@@ -137,12 +128,11 @@ const PlaneSlider = ({
     if (annotations) {
       divRef.current.style.display = 'none';
     }
-
     e.stopPropagation();
     clickInfo.current = null;
     onDragEnd();
-    camControls && (camControls.enabled = true); // @ts-ignore
-
+    camControls && (camControls.enabled = true);
+    // @ts-ignore
     e.target.releasePointerCapture(e.pointerId);
   }, [annotations, camControls, onDragEnd]);
   const onPointerOut = React.useCallback(e => {

package/web/pivotControls/context.d.ts

@@ -1,12 +1,12 @@
 import * as THREE from 'three';
 import * as React from 'react';
-export declare type OnDragStartProps = {
+export type OnDragStartProps = {
     component: 'Arrow' | 'Slider' | 'Rotator';
     axis: 0 | 1 | 2;
     origin: THREE.Vector3;
     directions: THREE.Vector3[];
 };
-export declare type PivotContext = {
+export type PivotContext = {
     onDragStart: (props: OnDragStartProps) => void;
     onDrag: (mdW: THREE.Matrix4) => void;
     onDragEnd: () => void;

package/web/pivotControls/index.d.ts

@@ -4,7 +4,7 @@ import { Size } from '@react-three/fiber';
 import { OnDragStartProps } from './context';
 import { ForwardRefComponent } from '../../helpers/ts-utils';
 export declare const calculateScaleFactor: (point3: THREE.Vector3, radiusPx: number, camera: THREE.Camera, size: Size) => number;
-declare type PivotControlsProps = {
+type PivotControlsProps = {
     scale?: number;
     lineWidth?: number;
     fixed?: boolean;