@react-three/drei 9.31.2 → 9.32.1

package/index.js

@@ -4,6 +4,7 @@ export { useCursor } from './web/useCursor.js';
 export { Loader } from './web/Loader.js';
 export { Scroll, ScrollControls, useScroll } from './web/ScrollControls.js';
 export { PresentationControls } from './web/PresentationControls.js';
+export { KeyboardControls, useKeyboardControls } from './web/KeyboardControls.js';
 export { Select, useSelect } from './web/Select.js';
 export { Billboard } from './core/Billboard.js';
 export { QuadraticBezierLine } from './core/QuadraticBezierLine.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/drei",
-  "version": "9.31.2",
+  "version": "9.32.1",
   "private": false,
   "description": "useful add-ons for react-three-fiber",
   "keywords": [
@@ -53,7 +53,7 @@
     "stats.js": "^0.17.0",
     "suspend-react": "^0.0.8",
     "three-mesh-bvh": "^0.5.15",
-    "three-stdlib": "^2.14.3",
+    "three-stdlib": "^2.16.2",
     "troika-three-text": "^0.46.4",
     "utility-types": "^3.10.0",
     "zustand": "^3.5.13"

package/web/KeyboardControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("zustand"),r=require("zustand/middleware");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=s(e),o=n(t);const c=u.createContext(null);exports.KeyboardControls=function({map:e,children:t,onChange:n,domElement:s}){const a=e.map((e=>e.name+e.keys)).join("-"),d=u.useMemo((()=>o.default(r.subscribeWithSelector((()=>e.reduce(((e,t)=>({...e,[t.name]:!1})),{}))))),[a]),i=u.useMemo((()=>[d.subscribe,d.getState,d]),[a]),f=d.setState;return u.useEffect((()=>{const t=e.map((({name:e,keys:t,up:r})=>({keys:t,up:r,fn:t=>{f({[e]:t}),n&&n(e,t,i[2]())}}))).reduce(((e,{keys:t,fn:r,up:n=!0})=>(t.forEach((t=>e[t]={fn:r,pressed:!1,up:n})),e)),{}),r=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,pressed:u,up:o}=n;n.pressed=!0,!o&&u||s(!0)},u=({key:e,code:r})=>{const n=t[e]||t[r];if(!n)return;const{fn:s,up:u}=n;n.pressed=!1,u&&s(!1)},o=s||window;return o.addEventListener("keydown",r,{passive:!0}),o.addEventListener("keyup",u,{passive:!0}),()=>{o.removeEventListener("keydown",r),o.removeEventListener("keyup",u)}}),[s,a]),u.createElement(c.Provider,{value:i,children:t})},exports.useKeyboardControls=function(e){const[t,r,n]=u.useContext(c);return e?n(e):[t,r]};

package/web/KeyboardControls.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { StateSelector } from 'zustand';
+declare type KeyboardControlsState = {
+    [key: string]: boolean;
+};
+declare type KeyboardControlsEntry = {
+    name: string;
+    keys: string[];
+    up?: boolean;
+};
+declare type KeyboardControlsProps = {
+    map: KeyboardControlsEntry[];
+    children: React.ReactNode;
+    onChange: (name: string, pressed: boolean, state: KeyboardControlsState) => void;
+    domElement?: HTMLElement;
+};
+export declare function KeyboardControls({ map, children, onChange, domElement }: KeyboardControlsProps): JSX.Element;
+export declare function useKeyboardControls(sel?: StateSelector<KeyboardControlsState, any>): any;
+export {};

package/web/KeyboardControls.js

@@ -0,0 +1,101 @@
+import * as React from 'react';
+import create from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
+
+const context = /*@__PURE__*/React.createContext(null);
+function KeyboardControls({
+  map,
+  children,
+  onChange,
+  domElement
+}) {
+  const key = map.map(item => item.name + item.keys).join('-');
+  const useControls = React.useMemo(() => {
+    return create(subscribeWithSelector(() => map.reduce((prev, cur) => ({ ...prev,
+      [cur.name]: false
+    }), {})));
+  }, [key]);
+  const api = React.useMemo(() => [useControls.subscribe, useControls.getState, useControls], [key]);
+  const set = useControls.setState;
+  React.useEffect(() => {
+    const config = map.map(({
+      name,
+      keys,
+      up
+    }) => ({
+      keys,
+      up,
+      fn: value => {
+        // Set zustand state
+        set({
+          [name]: value
+        }); // Inform callback
+
+        if (onChange) onChange(name, value, api[2]());
+      }
+    }));
+    const keyMap = config.reduce((out, {
+      keys,
+      fn,
+      up = true
+    }) => {
+      keys.forEach(key => out[key] = {
+        fn,
+        pressed: false,
+        up
+      });
+      return out;
+    }, {});
+
+    const downHandler = ({
+      key,
+      code
+    }) => {
+      const obj = keyMap[key] || keyMap[code];
+      if (!obj) return;
+      const {
+        fn,
+        pressed,
+        up
+      } = obj;
+      obj.pressed = true;
+      if (up || !pressed) fn(true);
+    };
+
+    const upHandler = ({
+      key,
+      code
+    }) => {
+      const obj = keyMap[key] || keyMap[code];
+      if (!obj) return;
+      const {
+        fn,
+        up
+      } = obj;
+      obj.pressed = false;
+      if (up) fn(false);
+    };
+
+    const source = domElement || window;
+    source.addEventListener('keydown', downHandler, {
+      passive: true
+    });
+    source.addEventListener('keyup', upHandler, {
+      passive: true
+    });
+    return () => {
+      source.removeEventListener('keydown', downHandler);
+      source.removeEventListener('keyup', upHandler);
+    };
+  }, [domElement, key]);
+  return /*#__PURE__*/React.createElement(context.Provider, {
+    value: api,
+    children: children
+  });
+}
+function useKeyboardControls(sel) {
+  const [sub, get, store] = React.useContext(context);
+  if (sel) return store(sel);else return [sub, get];
+}
+
+export { KeyboardControls, useKeyboardControls };

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("./Select.cjs.js"),u=require("./View.cjs.js"),a=require("../core/Billboard.cjs.js"),n=require("../core/QuadraticBezierLine.cjs.js"),j=require("../core/CubicBezierLine.cjs.js"),l=require("../core/CatmullRomLine.cjs.js"),p=require("../core/Line.cjs.js"),x=require("../core/PositionalAudio.cjs.js"),q=require("../core/Text.cjs.js"),d=require("../core/Text3D.cjs.js"),C=require("../core/Effects.cjs.js"),m=require("../core/GradientTexture.cjs.js"),h=require("../core/Image.cjs.js"),S=require("../core/Edges.cjs.js"),M=require("../core/Trail.cjs.js"),P=require("../core/Sampler.cjs.js"),b=require("../core/ComputedAttribute.cjs.js"),B=require("../core/Clone.cjs.js"),f=require("../core/MarchingCubes.cjs.js"),T=require("../core/Decal.cjs.js"),g=require("../core/OrthographicCamera.cjs.js"),v=require("../core/PerspectiveCamera.cjs.js"),A=require("../core/CubeCamera.cjs.js"),L=require("../core/DeviceOrientationControls.cjs.js"),k=require("../core/FlyControls.cjs.js"),R=require("../core/MapControls.cjs.js"),w=require("../core/OrbitControls.cjs.js"),D=require("../core/TrackballControls.cjs.js"),E=require("../core/ArcballControls.cjs.js"),F=require("../core/TransformControls.cjs.js"),G=require("../core/PointerLockControls.cjs.js"),z=require("../core/FirstPersonControls.cjs.js"),O=require("../core/pivotControls/index.cjs.js"),y=require("../core/GizmoHelper.cjs.js"),I=require("../core/GizmoViewcube.cjs.js"),V=require("../core/GizmoViewport.cjs.js"),H=require("../core/useCubeTexture.cjs.js"),Q=require("../core/useFBX.cjs.js"),X=require("../core/useGLTF.cjs.js"),K=require("../core/useKTX2.cjs.js"),W=require("../core/useProgress.cjs.js"),N=require("../core/useTexture.cjs.js"),U=require("../core/useVideoTexture.cjs.js"),_=require("../core/Stats.cjs.js"),J=require("../core/useDepthBuffer.cjs.js"),Y=require("../core/useAspect.cjs.js"),Z=require("../core/useCamera.cjs.js"),$=require("../core/useDetectGPU.cjs.js"),ee=require("../core/useHelper.cjs.js"),re=require("../core/useBVH.cjs.js"),se=require("../core/useContextBridge.cjs.js"),oe=require("../core/useAnimations.cjs.js"),te=require("../core/useFBO.cjs.js"),ie=require("../core/useIntersect.cjs.js"),ce=require("../core/useBoxProjectedEnv.cjs.js"),ue=require("../core/BBAnchor.cjs.js"),ae=require("../core/CurveModifier.cjs.js"),ne=require("../core/MeshDistortMaterial.cjs.js"),je=require("../core/MeshWobbleMaterial.cjs.js"),le=require("../core/MeshReflectorMaterial.cjs.js"),pe=require("../core/MeshRefractionMaterial.cjs.js"),xe=require("../core/PointMaterial.cjs.js"),qe=require("../core/shaderMaterial.cjs.js"),de=require("../core/softShadows.cjs.js"),Ce=require("../core/shapes.cjs.js"),me=require("../core/RoundedBox.cjs.js"),he=require("../core/ScreenQuad.cjs.js"),Se=require("../core/Center.cjs.js"),Me=require("../core/Bounds.cjs.js"),Pe=require("../core/CameraShake.cjs.js"),be=require("../core/Float.cjs.js"),Be=require("../core/Stage.cjs.js"),fe=require("../core/Backdrop.cjs.js"),Te=require("../core/Shadow.cjs.js"),ge=require("../core/ContactShadows.cjs.js"),ve=require("../core/AccumulativeShadows.cjs.js"),Ae=require("../core/Reflector.cjs.js"),Le=require("../core/SpotLight.cjs.js"),ke=require("../core/Environment.cjs.js"),Re=require("../core/Lightformer.cjs.js"),we=require("../core/Sky.cjs.js"),De=require("../core/Stars.cjs.js"),Ee=require("../core/Cloud.cjs.js"),Fe=require("../core/Sparkles.cjs.js"),Ge=require("../core/useMatcapTexture.cjs.js"),ze=require("../core/useNormalTexture.cjs.js"),Oe=require("../core/Points.cjs.js"),ye=require("../core/Instances.cjs.js"),Ie=require("../core/Segments.cjs.js"),Ve=require("../core/Detailed.cjs.js"),He=require("../core/Preload.cjs.js"),Qe=require("../core/BakeShadows.cjs.js"),Xe=require("../core/meshBounds.cjs.js"),Ke=require("../core/AdaptiveDpr.cjs.js"),We=require("../core/AdaptiveEvents.cjs.js"),Ne=require("../core/PerformanceMonitor.cjs.js"),Ue=require("../core/RenderTexture.cjs.js"),_e=require("../core/Mask.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("@react-spring/three"),require("@use-gesture/react"),require("three-stdlib"),require("zustand/shallow"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("../core/pivotControls/AxisArrow.cjs.js"),require("../core/pivotControls/context.cjs.js"),require("../core/pivotControls/PlaneSlider.cjs.js"),require("../core/pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),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("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.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.Select=c.Select,exports.useSelect=c.useSelect,exports.View=u.View,exports.Billboard=a.Billboard,exports.QuadraticBezierLine=n.QuadraticBezierLine,exports.CubicBezierLine=j.CubicBezierLine,exports.CatmullRomLine=l.CatmullRomLine,exports.Line=p.Line,exports.PositionalAudio=x.PositionalAudio,exports.Text=q.Text,exports.Text3D=d.Text3D,exports.Effects=C.Effects,exports.isWebGL2Available=C.isWebGL2Available,exports.GradientTexture=m.GradientTexture,exports.Image=h.Image,exports.Edges=S.Edges,exports.Trail=M.Trail,exports.useTrail=M.useTrail,exports.Sampler=P.Sampler,exports.useSurfaceSampler=P.useSurfaceSampler,exports.ComputedAttribute=b.ComputedAttribute,exports.Clone=B.Clone,exports.MarchingCube=f.MarchingCube,exports.MarchingCubes=f.MarchingCubes,exports.MarchingPlane=f.MarchingPlane,exports.Decal=T.Decal,exports.OrthographicCamera=g.OrthographicCamera,exports.PerspectiveCamera=v.PerspectiveCamera,exports.CubeCamera=A.CubeCamera,exports.DeviceOrientationControls=L.DeviceOrientationControls,exports.FlyControls=k.FlyControls,exports.MapControls=R.MapControls,exports.OrbitControls=w.OrbitControls,exports.TrackballControls=D.TrackballControls,exports.ArcballControls=E.ArcballControls,exports.TransformControls=F.TransformControls,exports.PointerLockControls=G.PointerLockControls,exports.FirstPersonControls=z.FirstPersonControls,exports.PivotControls=O.PivotControls,exports.calculateScaleFactor=O.calculateScaleFactor,exports.GizmoHelper=y.GizmoHelper,exports.useGizmoContext=y.useGizmoContext,exports.GizmoViewcube=I.GizmoViewcube,exports.GizmoViewport=V.GizmoViewport,exports.useCubeTexture=H.useCubeTexture,exports.useFBX=Q.useFBX,exports.useGLTF=X.useGLTF,exports.useKTX2=K.useKTX2,exports.useProgress=W.useProgress,exports.IsObject=N.IsObject,exports.useTexture=N.useTexture,exports.useVideoTexture=U.useVideoTexture,exports.Stats=_.Stats,exports.useDepthBuffer=J.useDepthBuffer,exports.useAspect=Y.useAspect,exports.useCamera=Z.useCamera,exports.useDetectGPU=$.useDetectGPU,exports.useHelper=ee.useHelper,exports.useBVH=re.useBVH,exports.useContextBridge=se.useContextBridge,exports.useAnimations=oe.useAnimations,exports.useFBO=te.useFBO,exports.useIntersect=ie.useIntersect,exports.useBoxProjectedEnv=ce.useBoxProjectedEnv,exports.BBAnchor=ue.BBAnchor,exports.CurveModifier=ae.CurveModifier,exports.MeshDistortMaterial=ne.MeshDistortMaterial,exports.MeshWobbleMaterial=je.MeshWobbleMaterial,exports.MeshReflectorMaterial=le.MeshReflectorMaterial,exports.MeshRefractionMaterial=pe.MeshRefractionMaterial,exports.PointMaterial=xe.PointMaterial,exports.PointMaterialImpl=xe.PointMaterialImpl,exports.shaderMaterial=qe.shaderMaterial,exports.softShadows=de.softShadows,exports.Box=Ce.Box,exports.Capsule=Ce.Capsule,exports.Circle=Ce.Circle,exports.Cone=Ce.Cone,exports.Cylinder=Ce.Cylinder,exports.Dodecahedron=Ce.Dodecahedron,exports.Extrude=Ce.Extrude,exports.Icosahedron=Ce.Icosahedron,exports.Lathe=Ce.Lathe,exports.Octahedron=Ce.Octahedron,exports.Plane=Ce.Plane,exports.Polyhedron=Ce.Polyhedron,exports.Ring=Ce.Ring,exports.Sphere=Ce.Sphere,exports.Tetrahedron=Ce.Tetrahedron,exports.Torus=Ce.Torus,exports.TorusKnot=Ce.TorusKnot,exports.Tube=Ce.Tube,exports.RoundedBox=me.RoundedBox,exports.ScreenQuad=he.ScreenQuad,exports.Center=Se.Center,exports.Bounds=Me.Bounds,exports.useBounds=Me.useBounds,exports.CameraShake=Pe.CameraShake,exports.Float=be.Float,exports.Stage=Be.Stage,exports.Backdrop=fe.Backdrop,exports.Shadow=Te.Shadow,exports.ContactShadows=ge.ContactShadows,exports.AccumulativeShadows=ve.AccumulativeShadows,exports.RandomizedLight=ve.RandomizedLight,exports.accumulativeContext=ve.accumulativeContext,exports.Reflector=Ae.Reflector,exports.SpotLight=Le.SpotLight,exports.Environment=ke.Environment,exports.EnvironmentCube=ke.EnvironmentCube,exports.EnvironmentMap=ke.EnvironmentMap,exports.EnvironmentPortal=ke.EnvironmentPortal,exports.useEnvironment=ke.useEnvironment,exports.Lightformer=Re.Lightformer,exports.Sky=we.Sky,exports.calcPosFromAngles=we.calcPosFromAngles,exports.Stars=De.Stars,exports.Cloud=Ee.Cloud,exports.Sparkles=Fe.Sparkles,exports.useMatcapTexture=Ge.useMatcapTexture,exports.useNormalTexture=ze.useNormalTexture,exports.Point=Oe.Point,exports.Points=Oe.Points,exports.PointsBuffer=Oe.PointsBuffer,exports.PositionPoint=Oe.PositionPoint,exports.Instance=ye.Instance,exports.Instances=ye.Instances,exports.Merged=ye.Merged,exports.Segment=Ie.Segment,exports.SegmentObject=Ie.SegmentObject,exports.Segments=Ie.Segments,exports.Detailed=Ve.Detailed,exports.Preload=He.Preload,exports.BakeShadows=Qe.BakeShadows,exports.meshBounds=Xe.meshBounds,exports.AdaptiveDpr=Ke.AdaptiveDpr,exports.AdaptiveEvents=We.AdaptiveEvents,exports.PerformanceMonitor=Ne.PerformanceMonitor,exports.usePerformanceMonitor=Ne.usePerformanceMonitor,exports.RenderTexture=Ue.RenderTexture,exports.Mask=_e.Mask,exports.useMask=_e.useMask;
+"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"),u=require("./Select.cjs.js"),a=require("./View.cjs.js"),n=require("../core/Billboard.cjs.js"),j=require("../core/QuadraticBezierLine.cjs.js"),l=require("../core/CubicBezierLine.cjs.js"),p=require("../core/CatmullRomLine.cjs.js"),x=require("../core/Line.cjs.js"),q=require("../core/PositionalAudio.cjs.js"),d=require("../core/Text.cjs.js"),C=require("../core/Text3D.cjs.js"),m=require("../core/Effects.cjs.js"),h=require("../core/GradientTexture.cjs.js"),S=require("../core/Image.cjs.js"),M=require("../core/Edges.cjs.js"),P=require("../core/Trail.cjs.js"),b=require("../core/Sampler.cjs.js"),B=require("../core/ComputedAttribute.cjs.js"),f=require("../core/Clone.cjs.js"),T=require("../core/MarchingCubes.cjs.js"),g=require("../core/Decal.cjs.js"),v=require("../core/OrthographicCamera.cjs.js"),A=require("../core/PerspectiveCamera.cjs.js"),L=require("../core/CubeCamera.cjs.js"),k=require("../core/DeviceOrientationControls.cjs.js"),R=require("../core/FlyControls.cjs.js"),w=require("../core/MapControls.cjs.js"),D=require("../core/OrbitControls.cjs.js"),E=require("../core/TrackballControls.cjs.js"),y=require("../core/ArcballControls.cjs.js"),z=require("../core/TransformControls.cjs.js"),F=require("../core/PointerLockControls.cjs.js"),G=require("../core/FirstPersonControls.cjs.js"),O=require("../core/pivotControls/index.cjs.js"),I=require("../core/GizmoHelper.cjs.js"),V=require("../core/GizmoViewcube.cjs.js"),H=require("../core/GizmoViewport.cjs.js"),K=require("../core/useCubeTexture.cjs.js"),Q=require("../core/useFBX.cjs.js"),X=require("../core/useGLTF.cjs.js"),W=require("../core/useKTX2.cjs.js"),N=require("../core/useProgress.cjs.js"),U=require("../core/useTexture.cjs.js"),_=require("../core/useVideoTexture.cjs.js"),J=require("../core/Stats.cjs.js"),Y=require("../core/useDepthBuffer.cjs.js"),Z=require("../core/useAspect.cjs.js"),$=require("../core/useCamera.cjs.js"),ee=require("../core/useDetectGPU.cjs.js"),re=require("../core/useHelper.cjs.js"),se=require("../core/useBVH.cjs.js"),oe=require("../core/useContextBridge.cjs.js"),te=require("../core/useAnimations.cjs.js"),ie=require("../core/useFBO.cjs.js"),ce=require("../core/useIntersect.cjs.js"),ue=require("../core/useBoxProjectedEnv.cjs.js"),ae=require("../core/BBAnchor.cjs.js"),ne=require("../core/CurveModifier.cjs.js"),je=require("../core/MeshDistortMaterial.cjs.js"),le=require("../core/MeshWobbleMaterial.cjs.js"),pe=require("../core/MeshReflectorMaterial.cjs.js"),xe=require("../core/MeshRefractionMaterial.cjs.js"),qe=require("../core/PointMaterial.cjs.js"),de=require("../core/shaderMaterial.cjs.js"),Ce=require("../core/softShadows.cjs.js"),me=require("../core/shapes.cjs.js"),he=require("../core/RoundedBox.cjs.js"),Se=require("../core/ScreenQuad.cjs.js"),Me=require("../core/Center.cjs.js"),Pe=require("../core/Bounds.cjs.js"),be=require("../core/CameraShake.cjs.js"),Be=require("../core/Float.cjs.js"),fe=require("../core/Stage.cjs.js"),Te=require("../core/Backdrop.cjs.js"),ge=require("../core/Shadow.cjs.js"),ve=require("../core/ContactShadows.cjs.js"),Ae=require("../core/AccumulativeShadows.cjs.js"),Le=require("../core/Reflector.cjs.js"),ke=require("../core/SpotLight.cjs.js"),Re=require("../core/Environment.cjs.js"),we=require("../core/Lightformer.cjs.js"),De=require("../core/Sky.cjs.js"),Ee=require("../core/Stars.cjs.js"),ye=require("../core/Cloud.cjs.js"),ze=require("../core/Sparkles.cjs.js"),Fe=require("../core/useMatcapTexture.cjs.js"),Ge=require("../core/useNormalTexture.cjs.js"),Oe=require("../core/Points.cjs.js"),Ie=require("../core/Instances.cjs.js"),Ve=require("../core/Segments.cjs.js"),He=require("../core/Detailed.cjs.js"),Ke=require("../core/Preload.cjs.js"),Qe=require("../core/BakeShadows.cjs.js"),Xe=require("../core/meshBounds.cjs.js"),We=require("../core/AdaptiveDpr.cjs.js"),Ne=require("../core/AdaptiveEvents.cjs.js"),Ue=require("../core/PerformanceMonitor.cjs.js"),_e=require("../core/RenderTexture.cjs.js"),Je=require("../core/Mask.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("@react-spring/three"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("../core/pivotControls/AxisArrow.cjs.js"),require("../core/pivotControls/context.cjs.js"),require("../core/pivotControls/PlaneSlider.cjs.js"),require("../core/pivotControls/AxisRotator.cjs.js"),require("lodash.clamp"),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("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.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=u.Select,exports.useSelect=u.useSelect,exports.View=a.View,exports.Billboard=n.Billboard,exports.QuadraticBezierLine=j.QuadraticBezierLine,exports.CubicBezierLine=l.CubicBezierLine,exports.CatmullRomLine=p.CatmullRomLine,exports.Line=x.Line,exports.PositionalAudio=q.PositionalAudio,exports.Text=d.Text,exports.Text3D=C.Text3D,exports.Effects=m.Effects,exports.isWebGL2Available=m.isWebGL2Available,exports.GradientTexture=h.GradientTexture,exports.Image=S.Image,exports.Edges=M.Edges,exports.Trail=P.Trail,exports.useTrail=P.useTrail,exports.Sampler=b.Sampler,exports.useSurfaceSampler=b.useSurfaceSampler,exports.ComputedAttribute=B.ComputedAttribute,exports.Clone=f.Clone,exports.MarchingCube=T.MarchingCube,exports.MarchingCubes=T.MarchingCubes,exports.MarchingPlane=T.MarchingPlane,exports.Decal=g.Decal,exports.OrthographicCamera=v.OrthographicCamera,exports.PerspectiveCamera=A.PerspectiveCamera,exports.CubeCamera=L.CubeCamera,exports.DeviceOrientationControls=k.DeviceOrientationControls,exports.FlyControls=R.FlyControls,exports.MapControls=w.MapControls,exports.OrbitControls=D.OrbitControls,exports.TrackballControls=E.TrackballControls,exports.ArcballControls=y.ArcballControls,exports.TransformControls=z.TransformControls,exports.PointerLockControls=F.PointerLockControls,exports.FirstPersonControls=G.FirstPersonControls,exports.PivotControls=O.PivotControls,exports.calculateScaleFactor=O.calculateScaleFactor,exports.GizmoHelper=I.GizmoHelper,exports.useGizmoContext=I.useGizmoContext,exports.GizmoViewcube=V.GizmoViewcube,exports.GizmoViewport=H.GizmoViewport,exports.useCubeTexture=K.useCubeTexture,exports.useFBX=Q.useFBX,exports.useGLTF=X.useGLTF,exports.useKTX2=W.useKTX2,exports.useProgress=N.useProgress,exports.IsObject=U.IsObject,exports.useTexture=U.useTexture,exports.useVideoTexture=_.useVideoTexture,exports.Stats=J.Stats,exports.useDepthBuffer=Y.useDepthBuffer,exports.useAspect=Z.useAspect,exports.useCamera=$.useCamera,exports.useDetectGPU=ee.useDetectGPU,exports.useHelper=re.useHelper,exports.useBVH=se.useBVH,exports.useContextBridge=oe.useContextBridge,exports.useAnimations=te.useAnimations,exports.useFBO=ie.useFBO,exports.useIntersect=ce.useIntersect,exports.useBoxProjectedEnv=ue.useBoxProjectedEnv,exports.BBAnchor=ae.BBAnchor,exports.CurveModifier=ne.CurveModifier,exports.MeshDistortMaterial=je.MeshDistortMaterial,exports.MeshWobbleMaterial=le.MeshWobbleMaterial,exports.MeshReflectorMaterial=pe.MeshReflectorMaterial,exports.MeshRefractionMaterial=xe.MeshRefractionMaterial,exports.PointMaterial=qe.PointMaterial,exports.PointMaterialImpl=qe.PointMaterialImpl,exports.shaderMaterial=de.shaderMaterial,exports.softShadows=Ce.softShadows,exports.Box=me.Box,exports.Capsule=me.Capsule,exports.Circle=me.Circle,exports.Cone=me.Cone,exports.Cylinder=me.Cylinder,exports.Dodecahedron=me.Dodecahedron,exports.Extrude=me.Extrude,exports.Icosahedron=me.Icosahedron,exports.Lathe=me.Lathe,exports.Octahedron=me.Octahedron,exports.Plane=me.Plane,exports.Polyhedron=me.Polyhedron,exports.Ring=me.Ring,exports.Sphere=me.Sphere,exports.Tetrahedron=me.Tetrahedron,exports.Torus=me.Torus,exports.TorusKnot=me.TorusKnot,exports.Tube=me.Tube,exports.RoundedBox=he.RoundedBox,exports.ScreenQuad=Se.ScreenQuad,exports.Center=Me.Center,exports.Bounds=Pe.Bounds,exports.useBounds=Pe.useBounds,exports.CameraShake=be.CameraShake,exports.Float=Be.Float,exports.Stage=fe.Stage,exports.Backdrop=Te.Backdrop,exports.Shadow=ge.Shadow,exports.ContactShadows=ve.ContactShadows,exports.AccumulativeShadows=Ae.AccumulativeShadows,exports.RandomizedLight=Ae.RandomizedLight,exports.accumulativeContext=Ae.accumulativeContext,exports.Reflector=Le.Reflector,exports.SpotLight=ke.SpotLight,exports.Environment=Re.Environment,exports.EnvironmentCube=Re.EnvironmentCube,exports.EnvironmentMap=Re.EnvironmentMap,exports.EnvironmentPortal=Re.EnvironmentPortal,exports.useEnvironment=Re.useEnvironment,exports.Lightformer=we.Lightformer,exports.Sky=De.Sky,exports.calcPosFromAngles=De.calcPosFromAngles,exports.Stars=Ee.Stars,exports.Cloud=ye.Cloud,exports.Sparkles=ze.Sparkles,exports.useMatcapTexture=Fe.useMatcapTexture,exports.useNormalTexture=Ge.useNormalTexture,exports.Point=Oe.Point,exports.Points=Oe.Points,exports.PointsBuffer=Oe.PointsBuffer,exports.PositionPoint=Oe.PositionPoint,exports.Instance=Ie.Instance,exports.Instances=Ie.Instances,exports.Merged=Ie.Merged,exports.Segment=Ve.Segment,exports.SegmentObject=Ve.SegmentObject,exports.Segments=Ve.Segments,exports.Detailed=He.Detailed,exports.Preload=Ke.Preload,exports.BakeShadows=Qe.BakeShadows,exports.meshBounds=Xe.meshBounds,exports.AdaptiveDpr=We.AdaptiveDpr,exports.AdaptiveEvents=Ne.AdaptiveEvents,exports.PerformanceMonitor=Ue.PerformanceMonitor,exports.usePerformanceMonitor=Ue.usePerformanceMonitor,exports.RenderTexture=_e.RenderTexture,exports.Mask=Je.Mask,exports.useMask=Je.useMask;

package/web/index.d.ts

@@ -4,6 +4,7 @@ export { useCursor } from './useCursor';
 export { Loader } from './Loader';
 export * from './ScrollControls';
 export * from './PresentationControls';
+export * from './KeyboardControls';
 export * from './Select';
 export * from '../core';
 export * from './View';

package/web/index.js

@@ -4,6 +4,7 @@ export { useCursor } from './useCursor.js';
 export { Loader } from './Loader.js';
 export { Scroll, ScrollControls, useScroll } from './ScrollControls.js';
 export { PresentationControls } from './PresentationControls.js';
+export { KeyboardControls, useKeyboardControls } from './KeyboardControls.js';
 export { Select, useSelect } from './Select.js';
 export { View } from './View.js';
 export { Billboard } from '../core/Billboard.js';
@@ -111,6 +112,7 @@ import 'zustand';
 import 'react-merge-refs';
 import '@react-spring/three';
 import '@use-gesture/react';
+import 'zustand/middleware';
 import 'three-stdlib';
 import 'zustand/shallow';
 import 'troika-three-text';