@react-three/drei 9.74.11 → 9.74.13

package/materials/DiscardMaterial.js

@@ -1,4 +1,5 @@
 import { shaderMaterial } from '../core/shaderMaterial.js';
+import 'three';
 
 const DiscardMaterial = shaderMaterial({}, 'void main() { }', 'void main() { gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0); discard;  }');
 

package/materials/MeshRefractionMaterial.js

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import { shaderMaterial } from '../core/shaderMaterial.js';
-import { shaderStructs, shaderIntersectFunction, MeshBVHUniformStruct } from 'three-mesh-bvh';
+import { MeshBVHUniformStruct, shaderStructs, shaderIntersectFunction } from 'three-mesh-bvh';
 
 // Author: N8Programs
 const MeshRefractionMaterial = shaderMaterial({

package/native/index.cjs.js

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

package/native/index.js

@@ -128,7 +128,6 @@ import 'lodash.pick';
 import 'lodash.omit';
 import 'camera-controls';
 import 'maath';
-import '@mediapipe/tasks-vision';
 import 'zustand';
 import 'stats.js';
 import '../helpers/useEffectfulState.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/drei",
-  "version": "9.74.11",
+  "version": "9.74.13",
   "private": false,
   "description": "useful add-ons for react-three-fiber",
   "keywords": [
@@ -40,24 +40,24 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.11.2",
-    "@mediapipe/tasks-vision": "^0.10.0",
+    "@mediapipe/tasks-vision": "^0.10.1",
     "@react-spring/three": "~9.6.1",
     "@use-gesture/react": "^10.2.24",
-    "camera-controls": "^2.3.1",
-    "detect-gpu": "^5.0.14",
+    "camera-controls": "^2.4.2",
+    "detect-gpu": "^5.0.28",
     "glsl-noise": "^0.0.0",
     "lodash.clamp": "^4.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.pick": "^4.4.0",
-    "maath": "^0.5.2",
+    "maath": "^0.6.0",
     "meshline": "^3.1.6",
     "react-composer": "^5.0.3",
     "react-merge-refs": "^1.1.0",
     "stats.js": "^0.17.0",
-    "suspend-react": "^0.1.0",
-    "three-mesh-bvh": "^0.5.23",
-    "three-stdlib": "^2.23.5",
-    "troika-three-text": "^0.47.1",
+    "suspend-react": "^0.1.3",
+    "three-mesh-bvh": "^0.6.0",
+    "three-stdlib": "^2.23.9",
+    "troika-three-text": "^0.47.2",
     "utility-types": "^3.10.0",
     "zustand": "^3.5.13"
   },

package/src/core/AccumulativeShadows.js

@@ -0,0 +1,311 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as THREE from 'three';
+import * as React from 'react';
+import { extend, useThree, useFrame } from '@react-three/fiber';
+import { shaderMaterial } from './shaderMaterial.js';
+import { DiscardMaterial } from '../materials/DiscardMaterial.js';
+
+function isLight(object) {
+  return object.isLight;
+}
+
+function isGeometry(object) {
+  return !!object.geometry;
+}
+
+const accumulativeContext = /*#__PURE__*/React.createContext(null);
+const SoftShadowMaterial = shaderMaterial({
+  color: new THREE.Color(),
+  blend: 2.0,
+  alphaTest: 0.75,
+  opacity: 0,
+  map: null
+}, `varying vec2 vUv;
+   void main() {
+     gl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.);
+     vUv = uv;
+   }`, `varying vec2 vUv;
+   uniform sampler2D map;
+   uniform vec3 color;
+   uniform float opacity;
+   uniform float alphaTest;
+   uniform float blend;
+   void main() {
+     vec4 sampledDiffuseColor = texture2D(map, vUv);
+     gl_FragColor = vec4(color * sampledDiffuseColor.r * blend, max(0.0, (1.0 - (sampledDiffuseColor.r + sampledDiffuseColor.g + sampledDiffuseColor.b) / alphaTest)) * opacity);
+     #include <tonemapping_fragment>
+     #include <encodings_fragment>
+   }`);
+const AccumulativeShadows = /*#__PURE__*/React.forwardRef(({
+  children,
+  temporal,
+  frames = 40,
+  limit = Infinity,
+  blend = 20,
+  scale = 10,
+  opacity = 1,
+  alphaTest = 0.75,
+  color = 'black',
+  colorBlend = 2,
+  resolution = 1024,
+  toneMapped = true,
+  ...props
+}, forwardRef) => {
+  extend({
+    SoftShadowMaterial
+  });
+  const gl = useThree(state => state.gl);
+  const scene = useThree(state => state.scene);
+  const camera = useThree(state => state.camera);
+  const invalidate = useThree(state => state.invalidate);
+  const gPlane = React.useRef(null);
+  const gLights = React.useRef(null);
+  const [plm] = React.useState(() => new ProgressiveLightMap(gl, scene, resolution));
+  React.useLayoutEffect(() => {
+    plm.configure(gPlane.current);
+  }, []);
+  const api = React.useMemo(() => ({
+    lights: new Map(),
+    temporal: !!temporal,
+    frames: Math.max(2, frames),
+    blend: Math.max(2, frames === Infinity ? blend : frames),
+    count: 0,
+    getMesh: () => gPlane.current,
+    reset: () => {
+      // Clear buffers, reset opacities, set frame count to 0
+      plm.clear();
+      const material = gPlane.current.material;
+      material.opacity = 0;
+      material.alphaTest = 0;
+      api.count = 0;
+    },
+    update: (frames = 1) => {
+      // Adapt the opacity-blend ratio to the number of frames
+      const material = gPlane.current.material;
+
+      if (!api.temporal) {
+        material.opacity = opacity;
+        material.alphaTest = alphaTest;
+      } else {
+        material.opacity = Math.min(opacity, material.opacity + opacity / api.blend);
+        material.alphaTest = Math.min(alphaTest, material.alphaTest + alphaTest / api.blend);
+      } // Switch accumulative lights on
+
+
+      gLights.current.visible = true; // Collect scene lights and meshes
+
+      plm.prepare(); // Update the lightmap and the accumulative lights
+
+      for (let i = 0; i < frames; i++) {
+        api.lights.forEach(light => light.update());
+        plm.update(camera, api.blend);
+      } // Switch lights off
+
+
+      gLights.current.visible = false; // Restore lights and meshes
+
+      plm.finish();
+    }
+  }), [plm, camera, scene, temporal, frames, blend, opacity, alphaTest]);
+  React.useLayoutEffect(() => {
+    // Reset internals, buffers, ...
+    api.reset(); // Update lightmap
+
+    if (!api.temporal && api.frames !== Infinity) api.update(api.blend);
+  }); // Expose api, allow children to set itself as the main light source
+
+  React.useImperativeHandle(forwardRef, () => api, [api]);
+  useFrame(() => {
+    if ((api.temporal || api.frames === Infinity) && api.count < api.frames && api.count < limit) {
+      invalidate();
+      api.update();
+      api.count++;
+    }
+  });
+  return /*#__PURE__*/React.createElement("group", props, /*#__PURE__*/React.createElement("group", {
+    traverse: () => null,
+    ref: gLights
+  }, /*#__PURE__*/React.createElement(accumulativeContext.Provider, {
+    value: api
+  }, children)), /*#__PURE__*/React.createElement("mesh", {
+    receiveShadow: true,
+    ref: gPlane,
+    scale: scale,
+    rotation: [-Math.PI / 2, 0, 0]
+  }, /*#__PURE__*/React.createElement("planeGeometry", null), /*#__PURE__*/React.createElement("softShadowMaterial", {
+    transparent: true,
+    depthWrite: false,
+    toneMapped: toneMapped,
+    color: color,
+    blend: colorBlend,
+    map: plm.progressiveLightMap2.texture
+  })));
+});
+const RandomizedLight = /*#__PURE__*/React.forwardRef(({
+  castShadow = true,
+  bias = 0.001,
+  mapSize = 512,
+  size = 5,
+  near = 0.5,
+  far = 500,
+  frames = 1,
+  position = [0, 0, 0],
+  radius = 1,
+  amount = 8,
+  intensity = 1,
+  ambient = 0.5,
+  ...props
+}, forwardRef) => {
+  const gLights = React.useRef(null);
+  const length = new THREE.Vector3(...position).length();
+  const parent = React.useContext(accumulativeContext);
+  const update = React.useCallback(() => {
+    let light;
+
+    if (gLights.current) {
+      for (let l = 0; l < gLights.current.children.length; l++) {
+        light = gLights.current.children[l];
+
+        if (Math.random() > ambient) {
+          light.position.set(position[0] + THREE.MathUtils.randFloatSpread(radius), position[1] + THREE.MathUtils.randFloatSpread(radius), position[2] + THREE.MathUtils.randFloatSpread(radius));
+        } else {
+          let lambda = Math.acos(2 * Math.random() - 1) - Math.PI / 2.0;
+          let phi = 2 * Math.PI * Math.random();
+          light.position.set(Math.cos(lambda) * Math.cos(phi) * length, Math.abs(Math.cos(lambda) * Math.sin(phi) * length), Math.sin(lambda) * length);
+        }
+      }
+    }
+  }, [radius, ambient, length, ...position]);
+  const api = React.useMemo(() => ({
+    update
+  }), [update]);
+  React.useImperativeHandle(forwardRef, () => api, [api]);
+  React.useLayoutEffect(() => {
+    const group = gLights.current;
+    if (parent) parent.lights.set(group.uuid, api);
+    return () => void parent.lights.delete(group.uuid);
+  }, [parent, api]);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: gLights
+  }, props), Array.from({
+    length: amount
+  }, (_, index) => /*#__PURE__*/React.createElement("directionalLight", {
+    key: index,
+    castShadow: castShadow,
+    "shadow-bias": bias,
+    "shadow-mapSize": [mapSize, mapSize],
+    intensity: intensity / amount
+  }, /*#__PURE__*/React.createElement("orthographicCamera", {
+    attach: "shadow-camera",
+    args: [-size, size, size, -size, near, far]
+  }))));
+}); // Based on "Progressive Light Map Accumulator", by [zalo](https://github.com/zalo/)
+
+class ProgressiveLightMap {
+  constructor(renderer, scene, res = 1024) {
+    this.renderer = renderer;
+    this.res = res;
+    this.scene = scene;
+    this.buffer1Active = false;
+    this.lights = [];
+    this.meshes = [];
+    this.object = null;
+    this.clearColor = new THREE.Color();
+    this.clearAlpha = 0; // Create the Progressive LightMap Texture
+
+    const format = /(Android|iPad|iPhone|iPod)/g.test(navigator.userAgent) ? THREE.HalfFloatType : THREE.FloatType;
+    this.progressiveLightMap1 = new THREE.WebGLRenderTarget(this.res, this.res, {
+      type: format
+    });
+    this.progressiveLightMap2 = new THREE.WebGLRenderTarget(this.res, this.res, {
+      type: format
+    }); // Inject some spicy new logic into a standard phong material
+
+    this.discardMat = new DiscardMaterial();
+    this.targetMat = new THREE.MeshLambertMaterial({
+      fog: false
+    });
+    this.previousShadowMap = {
+      value: this.progressiveLightMap1.texture
+    };
+    this.averagingWindow = {
+      value: 100
+    };
+
+    this.targetMat.onBeforeCompile = shader => {
+      // Vertex Shader: Set Vertex Positions to the Unwrapped UV Positions
+      shader.vertexShader = 'varying vec2 vUv;\n' + shader.vertexShader.slice(0, -1) + 'vUv = uv; gl_Position = vec4((uv - 0.5) * 2.0, 1.0, 1.0); }'; // Fragment Shader: Set Pixels to average in the Previous frame's Shadows
+
+      const bodyStart = shader.fragmentShader.indexOf('void main() {');
+      shader.fragmentShader = 'varying vec2 vUv;\n' + shader.fragmentShader.slice(0, bodyStart) + 'uniform sampler2D previousShadowMap;\n	uniform float averagingWindow;\n' + shader.fragmentShader.slice(bodyStart - 1, -1) + `\nvec3 texelOld = texture2D(previousShadowMap, vUv).rgb;
+        gl_FragColor.rgb = mix(texelOld, gl_FragColor.rgb, 1.0/ averagingWindow);
+      }`; // Set the Previous Frame's Texture Buffer and Averaging Window
+
+      shader.uniforms.previousShadowMap = this.previousShadowMap;
+      shader.uniforms.averagingWindow = this.averagingWindow;
+    };
+  }
+
+  clear() {
+    this.renderer.getClearColor(this.clearColor);
+    this.clearAlpha = this.renderer.getClearAlpha();
+    this.renderer.setClearColor('black', 1);
+    this.renderer.setRenderTarget(this.progressiveLightMap1);
+    this.renderer.clear();
+    this.renderer.setRenderTarget(this.progressiveLightMap2);
+    this.renderer.clear();
+    this.renderer.setRenderTarget(null);
+    this.renderer.setClearColor(this.clearColor, this.clearAlpha);
+    this.lights = [];
+    this.meshes = [];
+    this.scene.traverse(object => {
+      if (isGeometry(object)) {
+        this.meshes.push({
+          object,
+          material: object.material
+        });
+      } else if (isLight(object)) {
+        this.lights.push({
+          object,
+          intensity: object.intensity
+        });
+      }
+    });
+  }
+
+  prepare() {
+    this.lights.forEach(light => light.object.intensity = 0);
+    this.meshes.forEach(mesh => mesh.object.material = this.discardMat);
+  }
+
+  finish() {
+    this.lights.forEach(light => light.object.intensity = light.intensity);
+    this.meshes.forEach(mesh => mesh.object.material = mesh.material);
+  }
+
+  configure(object) {
+    this.object = object;
+  }
+
+  update(camera, blendWindow = 100) {
+    if (!this.object) return; // Set each object's material to the UV Unwrapped Surface Mapping Version
+
+    this.averagingWindow.value = blendWindow;
+    this.object.material = this.targetMat; // Ping-pong two surface buffers for reading/writing
+
+    const activeMap = this.buffer1Active ? this.progressiveLightMap1 : this.progressiveLightMap2;
+    const inactiveMap = this.buffer1Active ? this.progressiveLightMap2 : this.progressiveLightMap1; // Render the object's surface maps
+
+    const oldBg = this.scene.background;
+    this.scene.background = null;
+    this.renderer.setRenderTarget(activeMap);
+    this.previousShadowMap.value = inactiveMap.texture;
+    this.buffer1Active = !this.buffer1Active;
+    this.renderer.render(this.scene, camera);
+    this.renderer.setRenderTarget(null);
+    this.scene.background = oldBg;
+  }
+
+}
+
+export { AccumulativeShadows, RandomizedLight, accumulativeContext };

package/src/core/AdaptiveDpr.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { useThree } from '@react-three/fiber';
+
+function AdaptiveDpr({
+  pixelated
+}) {
+  const gl = useThree(state => state.gl);
+  const active = useThree(state => state.internal.active);
+  const current = useThree(state => state.performance.current);
+  const initialDpr = useThree(state => state.viewport.initialDpr);
+  const setDpr = useThree(state => state.setDpr); // Restore initial pixelratio on unmount
+
+  React.useEffect(() => {
+    const domElement = gl.domElement;
+    return () => {
+      if (active) setDpr(initialDpr);
+      if (pixelated && domElement) domElement.style.imageRendering = 'auto';
+    };
+  }, []); // Set adaptive pixelratio
+
+  React.useEffect(() => {
+    setDpr(current * initialDpr);
+    if (pixelated && gl.domElement) gl.domElement.style.imageRendering = current === 1 ? 'auto' : 'pixelated';
+  }, [current]);
+  return null;
+}
+
+export { AdaptiveDpr };

package/src/core/AdaptiveEvents.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useThree } from '@react-three/fiber';
+
+function AdaptiveEvents() {
+  const get = useThree(state => state.get);
+  const setEvents = useThree(state => state.setEvents);
+  const current = useThree(state => state.performance.current);
+  React.useEffect(() => {
+    const enabled = get().events.enabled;
+    return () => setEvents({
+      enabled
+    });
+  }, []);
+  React.useEffect(() => setEvents({
+    enabled: current === 1
+  }), [current]);
+  return null;
+}
+
+export { AdaptiveEvents };

package/src/core/ArcballControls.js

@@ -0,0 +1,67 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import { useThree, useFrame } from '@react-three/fiber';
+import * as React from 'react';
+import { forwardRef, useMemo, useEffect } from 'react';
+import { ArcballControls as ArcballControls$1 } from 'three-stdlib';
+
+const ArcballControls = /*#__PURE__*/forwardRef(({
+  camera,
+  makeDefault,
+  regress,
+  domElement,
+  onChange,
+  onStart,
+  onEnd,
+  ...restProps
+}, ref) => {
+  const invalidate = useThree(state => state.invalidate);
+  const defaultCamera = useThree(state => state.camera);
+  const gl = useThree(state => state.gl);
+  const events = useThree(state => state.events);
+  const set = useThree(state => state.set);
+  const get = useThree(state => state.get);
+  const performance = useThree(state => state.performance);
+  const explCamera = camera || defaultCamera;
+  const explDomElement = domElement || events.connected || gl.domElement;
+  const controls = useMemo(() => new ArcballControls$1(explCamera), [explCamera]);
+  useFrame(() => {
+    if (controls.enabled) controls.update();
+  }, -1);
+  useEffect(() => {
+    controls.connect(explDomElement);
+    return () => void controls.dispose();
+  }, [explDomElement, regress, controls, invalidate]);
+  useEffect(() => {
+    const callback = e => {
+      invalidate();
+      if (regress) performance.regress();
+      if (onChange) onChange(e);
+    };
+
+    controls.addEventListener('change', callback);
+    if (onStart) controls.addEventListener('start', onStart);
+    if (onEnd) controls.addEventListener('end', onEnd);
+    return () => {
+      controls.removeEventListener('change', callback);
+      if (onStart) controls.removeEventListener('start', onStart);
+      if (onEnd) controls.removeEventListener('end', onEnd);
+    };
+  }, [onChange, onStart, onEnd]);
+  useEffect(() => {
+    if (makeDefault) {
+      const old = get().controls;
+      set({
+        controls
+      });
+      return () => set({
+        controls: old
+      });
+    }
+  }, [makeDefault, controls]);
+  return /*#__PURE__*/React.createElement("primitive", _extends({
+    ref: ref,
+    object: controls
+  }, restProps));
+});
+
+export { ArcballControls };

package/src/core/AsciiRenderer.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { useThree, useFrame } from '@react-three/fiber';
+import { AsciiEffect } from 'three-stdlib';
+
+function AsciiRenderer({
+  renderIndex = 1,
+  bgColor = 'black',
+  fgColor = 'white',
+  characters = ' .:-+*=%@#',
+  invert = true,
+  color = false,
+  resolution = 0.15
+}) {
+  // Reactive state
+  const {
+    size,
+    gl,
+    scene,
+    camera
+  } = useThree(); // Create effect
+
+  const effect = React.useMemo(() => {
+    const effect = new AsciiEffect(gl, characters, {
+      invert,
+      color,
+      resolution
+    });
+    effect.domElement.style.position = 'absolute';
+    effect.domElement.style.top = '0px';
+    effect.domElement.style.left = '0px';
+    effect.domElement.style.pointerEvents = 'none';
+    return effect;
+  }, [characters, invert, color, resolution]); // Styling
+
+  React.useLayoutEffect(() => {
+    effect.domElement.style.color = fgColor;
+    effect.domElement.style.backgroundColor = bgColor;
+  }, [fgColor, bgColor]); // Append on mount, remove on unmount
+
+  React.useEffect(() => {
+    gl.domElement.style.opacity = '0';
+    gl.domElement.parentNode.appendChild(effect.domElement);
+    return () => {
+      gl.domElement.style.opacity = '1';
+      gl.domElement.parentNode.removeChild(effect.domElement);
+    };
+  }, [effect]); // Set size
+
+  React.useEffect(() => {
+    effect.setSize(size.width, size.height);
+  }, [effect, size]); // Take over render-loop (that is what the index is for)
+
+  useFrame(state => {
+    effect.render(scene, camera);
+  }, renderIndex); // return something to not break type signatures
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
+export { AsciiRenderer };

package/src/core/BBAnchor.js

@@ -0,0 +1,37 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import * as THREE from 'three';
+import { useFrame } from '@react-three/fiber';
+
+const boundingBox = new THREE.Box3();
+const boundingBoxSize = new THREE.Vector3();
+const BBAnchor = ({
+  anchor,
+  ...props
+}) => {
+  const ref = React.useRef(null);
+  const parentRef = React.useRef(null); // Reattach group created by this component to the parent's parent,
+  // so it becomes a sibling of its initial parent.
+  // We do that so the children have no impact on a bounding box of a parent.
+
+  React.useEffect(() => {
+    var _ref$current, _ref$current$parent;
+
+    if ((_ref$current = ref.current) != null && (_ref$current$parent = _ref$current.parent) != null && _ref$current$parent.parent) {
+      parentRef.current = ref.current.parent;
+      ref.current.parent.parent.add(ref.current);
+    }
+  }, []);
+  useFrame(() => {
+    if (parentRef.current) {
+      boundingBox.setFromObject(parentRef.current);
+      boundingBox.getSize(boundingBoxSize);
+      ref.current.position.set(parentRef.current.position.x + boundingBoxSize.x * anchor[0] / 2, parentRef.current.position.y + boundingBoxSize.y * anchor[1] / 2, parentRef.current.position.z + boundingBoxSize.z * anchor[2] / 2);
+    }
+  });
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: ref
+  }, props));
+};
+
+export { BBAnchor };