@react-three/drei 9.65.4 → 9.66.0

package/README.md

@@ -363,7 +363,7 @@ PointerLockControls additionally supports a `selector` prop, which enables the b
 #### CameraControls
 
 <p>
-  <a href="https://codesandbox.io/s/us6ipl"><img width="20%" src="https://codesandbox.io/api/v1/sandboxes/us6ipl/screenshot.png" alt="CameraControls"/></a>
+  <a href="https://codesandbox.io/s/sew669"><img width="20%" src="https://codesandbox.io/api/v1/sandboxes/sew669/screenshot.png?v2" alt="CameraControls"/></a>
 </p>
 
 This is an implementation of the [camera-controls](https://github.com/yomotsu/camera-controls) library.
@@ -3122,6 +3122,41 @@ function ScaledModel() {
     </Center>
 ```
 
+#### Resize
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-resize)
+
+Calculates a boundary box and scales its children so the highest dimension is constrained by 1. NB: proportions are preserved.
+
+```tsx
+export type ResizeProps = JSX.IntrinsicElements['group'] & {
+  /** constrained by width dimension (x axis), undefined */
+  width?: boolean
+  /** constrained by height dimension (y axis), undefined */
+  height?: boolean
+  /** constrained by depth dimension (z axis), undefined */
+  depth?: boolean
+  /** You can optionally pass the Box3, otherwise will be computed, undefined */
+  box3?: THREE.Box3
+  /** See https://threejs.org/docs/index.html?q=box3#api/en/math/Box3.setFromObject */
+  precise?: boolean
+}
+```
+
+```jsx
+<Resize>
+  <mesh />
+</Resize>
+```
+
+You can also specify the dimension to be constrained by:
+
+```jsx
+<Resize height>
+  <Box args={[70, 40, 20]}>
+</Resize>
+```
+
 #### BBAnchor
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/misc-bbanchor--bb-anchor-with-html)

package/core/Resize.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("three"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=n(e),a=u(r),l=u(t);const i=l.forwardRef((({children:e,width:r,height:t,depth:n,box3:u,precise:i=!0,...o},f)=>{const s=l.useRef(null),d=l.useRef(null),m=l.useRef(null);return l.useLayoutEffect((()=>{d.current.matrixWorld.identity(),u||(u=(new a.Box3).setFromObject(m.current,i));const e=u.max.x-u.min.x,c=u.max.y-u.min.y,l=u.max.z-u.min.z;let o=Math.max(e,c,l);r&&(o=e),t&&(o=c),n&&(o=l),d.current.scale.setScalar(1/o)}),[r,t,n,u,i]),l.useImperativeHandle(f,(()=>s.current),[]),l.createElement("group",c.default({ref:s},o),l.createElement("group",{ref:d},l.createElement("group",{ref:m},e)))}));exports.Resize=i;

package/core/Resize.d.ts

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

package/core/Resize.js

@@ -0,0 +1,39 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as THREE from 'three';
+import * as React from 'react';
+
+const Resize = /*#__PURE__*/React.forwardRef(({
+  children,
+  width,
+  height,
+  depth,
+  box3,
+  precise = true,
+  ...props
+}, fRef) => {
+  const ref = React.useRef(null);
+  const outer = React.useRef(null);
+  const inner = React.useRef(null);
+  React.useLayoutEffect(() => {
+    outer.current.matrixWorld.identity();
+    box3 || (box3 = new THREE.Box3().setFromObject(inner.current, precise));
+    const w = box3.max.x - box3.min.x;
+    const h = box3.max.y - box3.min.y;
+    const d = box3.max.z - box3.min.z;
+    let dimension = Math.max(w, h, d);
+    if (width) dimension = w;
+    if (height) dimension = h;
+    if (depth) dimension = d;
+    outer.current.scale.setScalar(1 / dimension);
+  }, [width, height, depth, box3, precise]);
+  React.useImperativeHandle(fRef, () => ref.current, []);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement("group", {
+    ref: outer
+  }, /*#__PURE__*/React.createElement("group", {
+    ref: inner
+  }, children)));
+});
+
+export { Resize };

package/core/Stage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("./Environment.cjs.js"),n=require("./ContactShadows.cjs.js"),r=require("./Center.cjs.js"),a=require("./AccumulativeShadows.cjs.js"),s=require("./Bounds.cjs.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}require("@react-three/fiber"),require("three"),require("three-stdlib"),require("./useEnvironment.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("./shaderMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js");var o=l(e),c=u(t);const d={rembrandt:{main:[1,2,1],fill:[-2,-.5,-2]},portrait:{main:[-1,2,.5],fill:[-1,.5,-1.5]},upfront:{main:[0,2,1],fill:[-1,.5,-1.5]},soft:{main:[-2,4,4],fill:[-1,.5,-1.5]}};function m({radius:e,adjustCamera:t}){const i=s.useBounds();return c.useEffect((()=>{t&&i.refresh().clip().fit()}),[e,t]),null}exports.Stage=function({children:e,center:t,adjustCamera:l=!0,intensity:u=.5,shadows:f="contact",environment:p="city",preset:h="rembrandt",...v}){var j,b,g,y,E,q,w,C;const S="string"==typeof h?d[h]:h,[{radius:O,height:z},B]=c.useState({radius:0,width:0,height:0,depth:0}),M=null!==(j=null==f?void 0:f.bias)&&void 0!==j?j:-1e-4,L=null!==(b=null==f?void 0:f.normalBias)&&void 0!==b?b:0,_=null!==(g=null==f?void 0:f.size)&&void 0!==g?g:1024,x=null!==(y=null==f?void 0:f.offset)&&void 0!==y?y:0,P="contact"===f||"contact"===(null==f?void 0:f.type),A="accumulative"===f||"accumulative"===(null==f?void 0:f.type),D={..."object"==typeof f?f:{}},k=p?"string"==typeof p?{preset:p}:p:null;return c.createElement(c.Fragment,null,c.createElement("ambientLight",{intensity:u/3}),c.createElement("spotLight",{penumbra:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],intensity:2*u,castShadow:!!f,"shadow-bias":M,"shadow-normalBias":L,"shadow-mapSize":_}),c.createElement("pointLight",{position:[S.fill[0]*O,S.fill[1]*O,S.fill[2]*O],intensity:u}),c.createElement(s.Bounds,o.default({fit:!!l,clip:!!l,margin:Number(l),observe:!0},v),c.createElement(m,{radius:O,adjustCamera:l}),c.createElement(r.Center,o.default({},t,{position:[0,x/2,0],onCentered:e=>{const{width:i,height:n,depth:r,boundingSphere:a}=e;B({radius:a.radius,width:i,height:n,depth:r}),null!=t&&t.onCentered&&t.onCentered(e)}}),e)),c.createElement("group",{position:[0,-z/2-x/2,0]},P&&c.createElement(n.ContactShadows,o.default({scale:4*O,far:O,blur:2},D)),A&&c.createElement(a.AccumulativeShadows,o.default({temporal:!0,frames:100,alphaTest:.9,toneMapped:!0,scale:4*O},D),c.createElement(a.RandomizedLight,{amount:null!==(E=D.amount)&&void 0!==E?E:8,radius:null!==(q=D.radius)&&void 0!==q?q:O,ambient:null!==(w=D.ambient)&&void 0!==w?w:.5,intensity:null!==(C=D.intensity)&&void 0!==C?C:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],size:4*O,bias:-M,mapSize:_}))),p&&c.createElement(i.Environment,k))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("./Environment.cjs.js"),n=require("./ContactShadows.cjs.js"),r=require("./Center.cjs.js"),a=require("./AccumulativeShadows.cjs.js"),s=require("./Bounds.cjs.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}require("@react-three/fiber"),require("three"),require("three-stdlib"),require("./useEnvironment.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("./shaderMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js");var o=l(e),c=u(t);const d={rembrandt:{main:[1,2,1],fill:[-2,-.5,-2]},portrait:{main:[-1,2,.5],fill:[-1,.5,-1.5]},upfront:{main:[0,2,1],fill:[-1,.5,-1.5]},soft:{main:[-2,4,4],fill:[-1,.5,-1.5]}};function m({radius:e,adjustCamera:t}){const i=s.useBounds();return c.useEffect((()=>{t&&i.refresh().clip().fit()}),[e,t]),null}exports.Stage=function({children:e,center:t,adjustCamera:l=!0,intensity:u=.5,shadows:f="contact",environment:p="city",preset:h="rembrandt",...v}){var j,b,g,y,E,q,w,C;const S="string"==typeof h?d[h]:h,[{radius:O,height:z},B]=c.useState({radius:0,width:0,height:0,depth:0}),M=null!==(j=null==f?void 0:f.bias)&&void 0!==j?j:-1e-4,L=null!==(b=null==f?void 0:f.normalBias)&&void 0!==b?b:0,_=null!==(g=null==f?void 0:f.size)&&void 0!==g?g:1024,x=null!==(y=null==f?void 0:f.offset)&&void 0!==y?y:0,P="contact"===f||"contact"===(null==f?void 0:f.type),k="accumulative"===f||"accumulative"===(null==f?void 0:f.type),A={..."object"==typeof f?f:{}},D=p?"string"==typeof p?{preset:p}:p:null,F=c.useCallback((e=>{const{width:i,height:n,depth:r,boundingSphere:a}=e;B({radius:a.radius,width:i,height:n,depth:r}),null!=t&&t.onCentered&&t.onCentered(e)}),[]);return c.createElement(c.Fragment,null,c.createElement("ambientLight",{intensity:u/3}),c.createElement("spotLight",{penumbra:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],intensity:2*u,castShadow:!!f,"shadow-bias":M,"shadow-normalBias":L,"shadow-mapSize":_}),c.createElement("pointLight",{position:[S.fill[0]*O,S.fill[1]*O,S.fill[2]*O],intensity:u}),c.createElement(s.Bounds,o.default({fit:!!l,clip:!!l,margin:Number(l),observe:!0},v),c.createElement(m,{radius:O,adjustCamera:l}),c.createElement(r.Center,o.default({},t,{position:[0,x/2,0],onCentered:F}),e)),c.createElement("group",{position:[0,-z/2-x/2,0]},P&&c.createElement(n.ContactShadows,o.default({scale:4*O,far:O,blur:2},A)),k&&c.createElement(a.AccumulativeShadows,o.default({temporal:!0,frames:100,alphaTest:.9,toneMapped:!0,scale:4*O},A),c.createElement(a.RandomizedLight,{amount:null!==(E=A.amount)&&void 0!==E?E:8,radius:null!==(q=A.radius)&&void 0!==q?q:O,ambient:null!==(w=A.ambient)&&void 0!==w?w:.5,intensity:null!==(C=A.intensity)&&void 0!==C?C:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],size:4*O,bias:-M,mapSize:_}))),p&&c.createElement(i.Environment,D))};

package/core/Stage.js

@@ -69,6 +69,21 @@ function Stage({
   const environmentProps = !environment ? null : typeof environment === 'string' ? {
     preset: environment
   } : environment;
+  const onCentered = React.useCallback(props => {
+    const {
+      width,
+      height,
+      depth,
+      boundingSphere
+    } = props;
+    set({
+      radius: boundingSphere.radius,
+      width,
+      height,
+      depth
+    });
+    if (center != null && center.onCentered) center.onCentered(props);
+  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ambientLight", {
     intensity: intensity / 3
   }), /*#__PURE__*/React.createElement("spotLight", {
@@ -92,21 +107,7 @@ function Stage({
     adjustCamera: adjustCamera
   }), /*#__PURE__*/React.createElement(Center, _extends({}, center, {
     position: [0, shadowOffset / 2, 0],
-    onCentered: props => {
-      const {
-        width,
-        height,
-        depth,
-        boundingSphere
-      } = props;
-      set({
-        radius: boundingSphere.radius,
-        width,
-        height,
-        depth
-      });
-      if (center != null && center.onCentered) center.onCentered(props);
-    }
+    onCentered: onCentered
   }), children)), /*#__PURE__*/React.createElement("group", {
     position: [0, -height / 2 - shadowOffset / 2, 0]
   }, contactShadow && /*#__PURE__*/React.createElement(ContactShadows, _extends({

package/core/index.cjs.js

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

package/core/index.d.ts

@@ -74,6 +74,7 @@ export * from './shapes';
 export * from './RoundedBox';
 export * from './ScreenQuad';
 export * from './Center';
+export * from './Resize';
 export * from './Bounds';
 export * from './CameraShake';
 export * from './Float';

package/core/index.js

@@ -74,6 +74,7 @@ export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedro
 export { RoundedBox } from './RoundedBox.js';
 export { ScreenQuad } from './ScreenQuad.js';
 export { Center } from './Center.js';
+export { Resize } from './Resize.js';
 export { Bounds, useBounds } from './Bounds.js';
 export { CameraShake } from './CameraShake.js';
 export { Float } from './Float.js';