@react-three/drei 11.0.0-alpha.4 → 11.0.0-alpha.5

package/webgpu/index.d.ts

@@ -3,11 +3,10 @@ import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, CSSPropertie
 import * as _react_three_fiber from '@react-three/fiber';
 import { ThreeElements, ReactThreeFiber, ComputeFunction, Vector2, Vector3, ThreeElement, ThreeEvent, Color as Color$1, ObjectMap, Euler } from '@react-three/fiber';
 import * as THREE from 'three/webgpu';
-import { MeshBasicNodeMaterial, MeshNormalNodeMaterial, MeshPhysicalNodeMaterial, Material, Color, ColorRepresentation, Object3D, Texture as Texture$1, Fog, FogExp2, WebGLCubeRenderTarget, CubeCamera as CubeCamera$1, OrthographicCamera as OrthographicCamera$1, PerspectiveCamera as PerspectiveCamera$1, Event, Camera, Matrix4, Vector3 as Vector3$1, Group, LOD, Mesh, ExtrudeGeometry, PositionalAudio as PositionalAudio$1, AnimationClip, AnimationMixer, AnimationAction, BufferGeometry, BufferAttribute, InstancedMesh as InstancedMesh$1, InstancedBufferAttribute, DepthTexture, CubeTexture as CubeTexture$1, Raycaster, Intersection, RenderTargetOptions, Box3, Sphere as Sphere$1, Loader as Loader$1, ColorSpace, Scene, PlaneGeometry, MeshBasicMaterial, WebGLRenderer, WebGLRenderTarget, SpriteNodeMaterial, SpotLight as SpotLight$1 } from 'three/webgpu';
+import { MeshBasicNodeMaterial, MeshNormalNodeMaterial, MeshPhysicalNodeMaterial, Material, Color, ColorRepresentation, Object3D, Texture as Texture$1, Fog, FogExp2, WebGLCubeRenderTarget, CubeCamera as CubeCamera$1, OrthographicCamera as OrthographicCamera$1, PerspectiveCamera as PerspectiveCamera$1, Event, EventDispatcher, Camera, Matrix4, Vector3 as Vector3$1, Group, LOD, Mesh, ExtrudeGeometry, PositionalAudio as PositionalAudio$1, AnimationClip, AnimationMixer, AnimationAction, BufferGeometry, BufferAttribute, InstancedMesh as InstancedMesh$1, InstancedBufferAttribute, DepthTexture, CubeTexture as CubeTexture$1, Raycaster, Intersection, RenderTargetOptions, Box3, Sphere as Sphere$1, Loader as Loader$1, ColorSpace, Scene, PlaneGeometry, MeshBasicMaterial, SpriteNodeMaterial, SpotLight as SpotLight$1 } from 'three/webgpu';
 import { reflector, uniform, Fn } from 'three/tsl';
 import { LineSegments2 } from 'three/examples/jsm/lines/webgpu/LineSegments2.js';
 import { ArcballControls as ArcballControls$1 } from 'three/examples/jsm/controls/ArcballControls.js';
-import { DeviceOrientationControls as DeviceOrientationControls$1 } from 'three-stdlib';
 import { DragConfig } from '@use-gesture/react';
 import { FirstPersonControls as FirstPersonControls$1 } from 'three/examples/jsm/controls/FirstPersonControls.js';
 import { FlyControls as FlyControls$1 } from 'three/examples/jsm/controls/FlyControls.js';
@@ -28,6 +27,7 @@ import { Falsey, Assign } from 'utility-types';
 import * as hls_js from 'hls.js';
 import hls_js__default from 'hls.js';
 import { GLTFLoader, GLTF } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js';
 import * as detect_gpu from 'detect-gpu';
 import { GetGPUTier } from 'detect-gpu';
 import Stats$1 from 'stats-gl';
@@ -76,24 +76,13 @@ interface AccumulativeContext {
     frames: number;
     blend: number;
     count: number;
-    getMesh: () => THREE.Mesh<THREE.PlaneGeometry, SoftShadowMaterialProps & THREE.ShaderMaterial>;
+    getMesh: () => THREE.Mesh<THREE.PlaneGeometry, THREE.ShaderMaterial>;
     reset: () => void;
     update: (frames?: number) => void;
 }
 interface AccumulativeLightContext {
     update: () => void;
 }
-type SoftShadowMaterialProps = {
-    map: THREE.Texture;
-    color?: ReactThreeFiber.Color;
-    alphaTest?: number;
-    blend?: number;
-};
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        softShadowMaterial: ThreeElements['shaderMaterial'] & SoftShadowMaterialProps;
-    }
-}
 declare const accumulativeContext: React.Context<AccumulativeContext>;
 declare const AccumulativeShadows: ForwardRefComponent<AccumulativeShadowsProps, AccumulativeContext>;
 type RandomizedLightProps = Omit<ThreeElements['group'], 'ref'> & {
@@ -566,8 +555,8 @@ type SegmentsProps = {
     children: React.ReactNode;
 };
 type SegmentProps = Omit<ThreeElements['segmentObject'], 'ref' | 'start' | 'end' | 'color'> & {
-    start: ReactThreeFiber.Vector3;
-    end: ReactThreeFiber.Vector3;
+    start?: ReactThreeFiber.Vector3;
+    end?: ReactThreeFiber.Vector3;
     color?: ReactThreeFiber.Color;
 };
 declare const Segments: ForwardRefComponent<SegmentsProps, LineSegments2>;
@@ -578,8 +567,8 @@ declare module '@react-three/fiber' {
 }
 declare class SegmentObject {
     color: THREE.Color;
-    start: THREE.Vector3;
-    end: THREE.Vector3;
+    start?: THREE.Vector3;
+    end?: THREE.Vector3;
     constructor();
 }
 declare const Segment: ForwardRefComponent<SegmentProps, SegmentObject>;
@@ -650,6 +639,34 @@ type ArcballControlsProps = Omit<Overwrite<ThreeElement<typeof ArcballControls$1
 }>, 'ref' | 'args'>;
 declare const ArcballControls: ForwardRefComponent<ArcballControlsProps, ArcballControls$1>;
 
+interface StandardControlsEventMap {
+    change: {};
+    start: {};
+    end: {};
+}
+declare class DeviceOrientationControls$1 extends EventDispatcher<StandardControlsEventMap> {
+    object: Camera;
+    private changeEvent;
+    private EPS;
+    enabled: boolean;
+    deviceOrientation: Partial<DeviceOrientationEvent>;
+    screenOrientation: string | number;
+    alphaOffset: number;
+    constructor(object: Camera);
+    private onDeviceOrientationChangeEvent;
+    private onScreenOrientationChangeEvent;
+    private zee;
+    private euler;
+    private q0;
+    private q1;
+    private setObjectQuaternion;
+    connect: () => void;
+    disconnect: () => void;
+    private lastQuaternion;
+    update: () => void;
+    dispose: () => void;
+}
+
 type DeviceOrientationControlsProps = Omit<ThreeElement<typeof DeviceOrientationControls$1>, 'ref' | 'args'> & {
     camera?: THREE.Camera;
     onChange?: (e?: THREE.Event) => void;
@@ -657,6 +674,9 @@ type DeviceOrientationControlsProps = Omit<ThreeElement<typeof DeviceOrientation
 };
 declare const DeviceOrientationControls: ForwardRefComponent<DeviceOrientationControlsProps, DeviceOrientationControls$1>;
 
+type ExpandedDragConfig = DragConfig & {
+    preventOverlap?: boolean;
+};
 type DragControlsProps = {
     autoTransform?: boolean;
     matrix?: THREE.Matrix4;
@@ -667,7 +687,7 @@ type DragControlsProps = {
     onDrag?: (localMatrix: THREE.Matrix4, deltaLocalMatrix: THREE.Matrix4, worldMatrix: THREE.Matrix4, deltaWorldMatrix: THREE.Matrix4) => void;
     onDragEnd?: () => void;
     children: React.ReactNode;
-    dragConfig?: DragConfig;
+    dragConfig?: ExpandedDragConfig;
 };
 declare const DragControls: ForwardRefComponent<DragControlsProps, THREE.Group>;
 
@@ -816,6 +836,7 @@ type ScrollControlsProps = {
     maxSpeed?: number;
     prepend?: boolean;
     enabled?: boolean;
+    pixelPerfect?: boolean;
     style?: React.CSSProperties;
     children: React.ReactNode;
 };
@@ -832,9 +853,10 @@ type ScrollControlsState = {
     range(from: number, distance: number, margin?: number): number;
     curve(from: number, distance: number, margin?: number): number;
     visible(from: number, distance: number, margin?: number): boolean;
+    pixelPerfect: boolean;
 };
 declare function useScroll(): ScrollControlsState;
-declare function ScrollControls({ eps, enabled, infinite, horizontal, pages, distance, damping, maxSpeed, prepend, style, children, }: ScrollControlsProps): React.JSX.Element;
+declare function ScrollControls({ eps, enabled, infinite, horizontal, pages, distance, damping, maxSpeed, prepend, pixelPerfect, style, children, }: ScrollControlsProps): React.JSX.Element;
 interface ScrollPropsWithFalseHtml {
     children?: React.ReactNode;
     html?: false;
@@ -1108,54 +1130,6 @@ declare const Text3D: ForwardRefComponent<React.PropsWithChildren<Text3DProps &
     lineHeight?: number;
 }>, THREE.Mesh>;
 
-interface WireframeMaterialProps$1 extends THREE.ShaderMaterialParameters {
-    fillOpacity?: number;
-    fillMix?: number;
-    strokeOpacity?: number;
-    thickness?: number;
-    colorBackfaces?: boolean;
-    dashInvert?: boolean;
-    dash?: boolean;
-    dashRepeats?: number;
-    dashLength?: number;
-    squeeze?: boolean;
-    squeezeMin?: number;
-    squeezeMax?: number;
-    stroke?: THREE.ColorRepresentation;
-    backfaceStroke?: THREE.ColorRepresentation;
-    fill?: THREE.ColorRepresentation;
-}
-declare const WireframeMaterial$1: _react_three_fiber.ConstructorRepresentation<THREE.ShaderMaterial & {
-    strokeOpacity: number;
-    fillOpacity: number;
-    fillMix: number;
-    thickness: number;
-    colorBackfaces: boolean;
-    dashInvert: boolean;
-    dash: boolean;
-    dashRepeats: number;
-    dashLength: number;
-    squeeze: boolean;
-    squeezeMin: number;
-    squeezeMax: number;
-    stroke: THREE.Color;
-    backfaceStroke: THREE.Color;
-    fill: THREE.Color;
-}> & {
-    key: string;
-};
-
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        meshWireframeMaterial: ThreeElement<typeof WireframeMaterial$1>;
-    }
-}
-interface WireframeProps {
-    geometry?: THREE.BufferGeometry | React.RefObject<THREE.BufferGeometry>;
-    simplify?: boolean;
-}
-declare function Wireframe({ geometry: customGeometry, ...props }: WireframeProps & WireframeMaterialProps$1): React.JSX.Element;
-
 type GizmoHelperContext = {
     tweenCamera: (direction: Vector3$1) => void;
 };
@@ -1202,6 +1176,11 @@ type OnDragStartProps = {
     origin: THREE.Vector3;
     directions: THREE.Vector3[];
 };
+type OnHoverProps = {
+    component: 'Arrow' | 'Slider' | 'Rotator' | 'Sphere';
+    axis: 0 | 1 | 2;
+    hovering: boolean;
+};
 
 type PivotControlsProps = {
     enabled?: boolean;
@@ -1211,6 +1190,7 @@ type PivotControlsProps = {
     offset?: [number, number, number];
     rotation?: [number, number, number];
     matrix?: THREE.Matrix4;
+    object?: THREE.Object3D | React.MutableRefObject<THREE.Object3D>;
     anchor?: [number, number, number];
     autoTransform?: boolean;
     activeAxes?: [boolean, boolean, boolean];
@@ -1228,6 +1208,7 @@ type PivotControlsProps = {
     onDragStart?: (props: OnDragStartProps) => void;
     onDrag?: (l: THREE.Matrix4, deltaL: THREE.Matrix4, w: THREE.Matrix4, deltaW: THREE.Matrix4) => void;
     onDragEnd?: () => void;
+    onHover?: (props: OnHoverProps) => void;
     depthTest?: boolean;
     renderOrder?: number;
     opacity?: number;
@@ -1313,6 +1294,7 @@ type InstancedAttributeProps = Omit<ThreeElements['instancedBufferAttribute'], '
     defaultValue: any;
     normalized?: boolean;
     usage?: number;
+    type?: 'float' | 'int' | 'uint' | 'short' | 'ushort' | 'byte';
 };
 type InstancedMesh = Omit<THREE.InstancedMesh, 'instanceMatrix' | 'instanceColor'> & {
     instanceMatrix: THREE.InstancedBufferAttribute;
@@ -1627,10 +1609,10 @@ declare function Fbx({ path, ...props }: {
 type Path = string | string[];
 type UseDraco = boolean | string;
 type UseMeshopt = boolean;
-type ExtendLoader = (loader: GLTFLoader) => void;
+type ExtendLoader$1 = (loader: GLTFLoader) => void;
 declare const useGLTF: {
-    <T extends Path>(path: T, useDraco?: UseDraco, useMeshopt?: UseMeshopt, extendLoader?: ExtendLoader): T extends any[] ? (GLTF & ObjectMap)[] : GLTF & ObjectMap;
-    preload(path: Path, useDraco?: UseDraco, useMeshopt?: UseMeshopt, extendLoader?: ExtendLoader): void;
+    <T extends Path>(path: T, useDraco?: UseDraco, useMeshopt?: UseMeshopt, extendLoader?: ExtendLoader$1): T extends any[] ? (GLTF & ObjectMap)[] : GLTF & ObjectMap;
+    preload(path: Path, useDraco?: UseDraco, useMeshopt?: UseMeshopt, extendLoader?: ExtendLoader$1): void;
     clear(path: Path): void;
     setDecoderPath(path: string): void;
 };
@@ -1638,22 +1620,26 @@ type GltfProps = Omit<CloneProps, 'object'> & {
     src: string;
     useDraco?: UseDraco;
     useMeshOpt?: UseMeshopt;
-    extendLoader?: ExtendLoader;
+    extendLoader?: ExtendLoader$1;
 };
 declare const Gltf: React.ForwardRefExoticComponent<Omit<GltfProps, "ref"> & React.RefAttributes<three.Group<three.Object3DEventMap>>>;
 
-declare function useKTX2<Url extends string[] | string | Record<string, string>>(input: Url, basisPath?: string): Url extends any[] ? Texture$1[] : Url extends object ? {
+type ExtendLoader = (loader: KTX2Loader) => void;
+declare function useKTX2<Url extends string[] | string | Record<string, string>>(input: Url, basisPath?: boolean | string, extendLoader?: ExtendLoader): Url extends any[] ? Texture$1[] : Url extends object ? {
     [key in keyof Url]: Texture$1;
 } : Texture$1;
 declare namespace useKTX2 {
-    var preload: (url: string extends any[] ? string[] : string, basisPath?: string) => void;
+    var preload: (url: string extends any[] ? string[] : string, basisPath?: boolean | string, extendLoader?: ExtendLoader) => void;
     var clear: (input: string | string[]) => void;
+    var setTranscoderPath: (path: string) => void;
 }
-declare const Ktx2: ({ children, input, basisPath, }: {
+type Ktx2Props = {
     children?: (texture: ReturnType<typeof useKTX2>) => React.ReactNode;
     input: Parameters<typeof useKTX2>[0];
     basisPath?: Parameters<typeof useKTX2>[1];
-}) => React.JSX.Element;
+    extendLoader?: ExtendLoader;
+};
+declare const Ktx2: ({ children, input, basisPath, extendLoader }: Ktx2Props) => React.JSX.Element;
 
 type Data = {
     errors: string[];
@@ -1803,7 +1789,7 @@ declare const Mask: ForwardRefComponent<MaskProps, THREE.Mesh>;
 declare function useMask(id: number, inverse?: boolean): {
     stencilWrite: boolean;
     stencilRef: number;
-    stencilFunc: 517 | 514;
+    stencilFunc: 514 | 517;
     stencilFail: 7680;
     stencilZFail: 7680;
     stencilZPass: 7680;
@@ -2132,6 +2118,7 @@ interface HtmlProps extends Omit<Assign<React.HTMLAttributes<HTMLDivElement>, Th
     geometry?: React.ReactNode;
     castShadow?: boolean;
     receiveShadow?: boolean;
+    pixelPerfect?: boolean;
 }
 declare const Html: ForwardRefComponent<HtmlProps, HTMLDivElement>;
 
@@ -2158,36 +2145,116 @@ type SelectProps = Omit<ThreeElements['group'], 'ref'> & {
 declare function Select({ box, multiple, children, onChange, onChangePointerUp, border, backgroundColor, filter: customFilter, ...props }: SelectProps): React.JSX.Element;
 declare function useSelect(): THREE.Object3D[];
 
-declare function BakeShadows(): null;
-
-declare class ConvolutionMaterial$1 extends THREE.ShaderMaterial {
-    readonly kernel: Float32Array;
-    constructor(texelSize?: THREE.Vector2);
-    setTexelSize(x: number, y: number): void;
-    setResolution(resolution: THREE.Vector2): void;
+interface WireframeMaterialProps {
+    fillOpacity?: number;
+    fillMix?: number;
+    strokeOpacity?: number;
+    thickness?: number;
+    colorBackfaces?: boolean;
+    dashInvert?: boolean;
+    dash?: boolean;
+    dashRepeats?: number;
+    dashLength?: number;
+    squeeze?: boolean;
+    squeezeMin?: number;
+    squeezeMax?: number;
+    stroke?: THREE.ColorRepresentation;
+    backfaceStroke?: THREE.ColorRepresentation;
+    fill?: THREE.ColorRepresentation;
 }
-
-interface BlurPassProps {
-    gl: WebGLRenderer;
-    resolution: number;
-    width?: number;
-    height?: number;
-    minDepthThreshold?: number;
-    maxDepthThreshold?: number;
-    depthScale?: number;
-    depthToBlurRatioBias?: number;
+type WireframeMaterialType = Omit<ThreeElements['meshBasicMaterial'], 'args'> & WireframeMaterialProps;
+declare module '@react-three/fiber' {
+    interface ThreeElements {
+        wireframeMaterial: WireframeMaterialType;
+    }
+}
+declare class WireframeMaterialImpl extends MeshBasicNodeMaterial {
+    private _strokeOpacity;
+    private _fillOpacity;
+    private _fillMix;
+    private _thickness;
+    private _colorBackfaces;
+    private _dashInvert;
+    private _dash;
+    private _dashRepeats;
+    private _dashLength;
+    private _squeeze;
+    private _squeezeMin;
+    private _squeezeMax;
+    private _stroke;
+    private _backfaceStroke;
+    private _fill;
+    readonly isWireframeMaterial = true;
+    constructor();
+    private _buildWireframeShader;
+    get strokeOpacity(): number;
+    set strokeOpacity(v: number);
+    get fillOpacity(): number;
+    set fillOpacity(v: number);
+    get fillMix(): number;
+    set fillMix(v: number);
+    get thickness(): number;
+    set thickness(v: number);
+    get colorBackfaces(): boolean;
+    set colorBackfaces(v: boolean);
+    get dashInvert(): boolean;
+    set dashInvert(v: boolean);
+    get dash(): boolean;
+    set dash(v: boolean);
+    get dashRepeats(): number;
+    set dashRepeats(v: number);
+    get dashLength(): number;
+    set dashLength(v: number);
+    get squeeze(): boolean;
+    set squeeze(v: boolean);
+    get squeezeMin(): number;
+    set squeezeMin(v: number);
+    get squeezeMax(): number;
+    set squeezeMax(v: number);
+    get stroke(): THREE.Color;
+    set stroke(v: THREE.Color | THREE.ColorRepresentation);
+    get backfaceStroke(): THREE.Color;
+    set backfaceStroke(v: THREE.Color | THREE.ColorRepresentation);
+    get fill(): THREE.Color;
+    set fill(v: THREE.Color | THREE.ColorRepresentation);
 }
-declare class BlurPass {
-    readonly renderTargetA: WebGLRenderTarget;
-    readonly renderTargetB: WebGLRenderTarget;
-    readonly convolutionMaterial: ConvolutionMaterial$1;
-    readonly scene: Scene;
-    readonly camera: Camera;
-    readonly screen: Mesh;
-    renderToScreen: boolean;
-    constructor({ gl, resolution, width, height, minDepthThreshold, maxDepthThreshold, depthScale, depthToBlurRatioBias, }: BlurPassProps);
-    render(renderer: any, inputBuffer: any, outputBuffer: any): void;
+declare function setBarycentricCoordinates(geometry: THREE.BufferGeometry): THREE.BufferGeometry;
+declare const WireframeMaterial: ForwardRefComponent<WireframeMaterialProps, WireframeMaterialImpl>;
+declare const WireframeMaterialShaders: {
+    uniforms: {
+        strokeOpacity: number;
+        fillOpacity: number;
+        fillMix: number;
+        thickness: number;
+        colorBackfaces: boolean;
+        dashInvert: boolean;
+        dash: boolean;
+        dashRepeats: number;
+        dashLength: number;
+        squeeze: boolean;
+        squeezeMin: number;
+        squeezeMax: number;
+        stroke: THREE.Color;
+        backfaceStroke: THREE.Color;
+        fill: THREE.Color;
+    };
+    vertex: string;
+    fragment: string;
+};
+declare function setWireframeOverride(_material: THREE.Material, _uniforms: {
+    [key: string]: THREE.Uniform<any>;
+}): void;
+declare function useWireframeUniforms(_uniforms: {
+    [key: string]: THREE.Uniform<any>;
+}, _props: WireframeMaterialProps): void;
+
+interface WireframeProps {
+    geometry?: THREE.BufferGeometry | React.RefObject<THREE.BufferGeometry>;
+    simplify?: boolean;
 }
+declare function Wireframe({ geometry: customGeometry, ...props }: WireframeProps & WireframeMaterialProps): React.JSX.Element;
+
+declare function BakeShadows(): null;
 
 declare class ConvolutionMaterial extends MeshBasicNodeMaterial {
     private _inputBuffer;
@@ -2276,13 +2343,6 @@ type ImageProps = Omit<ThreeElements['mesh'], 'scale'> & {
 });
 declare const Image: ForwardRefComponent<ImageProps, THREE.Mesh>;
 
-type SoftShadowsProps = {
-    size?: number;
-    samples?: number;
-    focus?: number;
-};
-declare function SoftShadows({ focus, samples, size }: SoftShadowsProps): null;
-
 declare class SpotLightMaterial extends MeshBasicNodeMaterial {
     private _depth;
     private _opacity;
@@ -2315,109 +2375,6 @@ declare class SpotLightMaterial extends MeshBasicNodeMaterial {
     set resolution(v: THREE.Vector2);
 }
 
-interface WireframeMaterialProps {
-    fillOpacity?: number;
-    fillMix?: number;
-    strokeOpacity?: number;
-    thickness?: number;
-    colorBackfaces?: boolean;
-    dashInvert?: boolean;
-    dash?: boolean;
-    dashRepeats?: number;
-    dashLength?: number;
-    squeeze?: boolean;
-    squeezeMin?: number;
-    squeezeMax?: number;
-    stroke?: THREE.ColorRepresentation;
-    backfaceStroke?: THREE.ColorRepresentation;
-    fill?: THREE.ColorRepresentation;
-}
-type WireframeMaterialType = Omit<ThreeElements['meshBasicMaterial'], 'args'> & WireframeMaterialProps;
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        wireframeMaterial: WireframeMaterialType;
-    }
-}
-declare class WireframeMaterialImpl extends MeshBasicNodeMaterial {
-    private _strokeOpacity;
-    private _fillOpacity;
-    private _fillMix;
-    private _thickness;
-    private _colorBackfaces;
-    private _dashInvert;
-    private _dash;
-    private _dashRepeats;
-    private _dashLength;
-    private _squeeze;
-    private _squeezeMin;
-    private _squeezeMax;
-    private _stroke;
-    private _backfaceStroke;
-    private _fill;
-    readonly isWireframeMaterial = true;
-    constructor();
-    private _buildWireframeShader;
-    get strokeOpacity(): number;
-    set strokeOpacity(v: number);
-    get fillOpacity(): number;
-    set fillOpacity(v: number);
-    get fillMix(): number;
-    set fillMix(v: number);
-    get thickness(): number;
-    set thickness(v: number);
-    get colorBackfaces(): boolean;
-    set colorBackfaces(v: boolean);
-    get dashInvert(): boolean;
-    set dashInvert(v: boolean);
-    get dash(): boolean;
-    set dash(v: boolean);
-    get dashRepeats(): number;
-    set dashRepeats(v: number);
-    get dashLength(): number;
-    set dashLength(v: number);
-    get squeeze(): boolean;
-    set squeeze(v: boolean);
-    get squeezeMin(): number;
-    set squeezeMin(v: number);
-    get squeezeMax(): number;
-    set squeezeMax(v: number);
-    get stroke(): THREE.Color;
-    set stroke(v: THREE.Color | THREE.ColorRepresentation);
-    get backfaceStroke(): THREE.Color;
-    set backfaceStroke(v: THREE.Color | THREE.ColorRepresentation);
-    get fill(): THREE.Color;
-    set fill(v: THREE.Color | THREE.ColorRepresentation);
-}
-declare function setBarycentricCoordinates(geometry: THREE.BufferGeometry): THREE.BufferGeometry;
-declare const WireframeMaterial: ForwardRefComponent<WireframeMaterialProps, WireframeMaterialImpl>;
-declare const WireframeMaterialShaders: {
-    uniforms: {
-        strokeOpacity: number;
-        fillOpacity: number;
-        fillMix: number;
-        thickness: number;
-        colorBackfaces: boolean;
-        dashInvert: boolean;
-        dash: boolean;
-        dashRepeats: number;
-        dashLength: number;
-        squeeze: boolean;
-        squeezeMin: number;
-        squeezeMax: number;
-        stroke: THREE.Color;
-        backfaceStroke: THREE.Color;
-        fill: THREE.Color;
-    };
-    vertex: string;
-    fragment: string;
-};
-declare function setWireframeOverride(_material: THREE.Material, _uniforms: {
-    [key: string]: THREE.Uniform<any>;
-}): void;
-declare function useWireframeUniforms(_uniforms: {
-    [key: string]: THREE.Uniform<any>;
-}, _props: WireframeMaterialProps): void;
-
 declare class StarfieldMaterial extends SpriteNodeMaterial {
     private _time;
     private _fade;
@@ -2465,6 +2422,13 @@ type GridProps = Omit<ThreeElements['mesh'], 'ref' | 'args'> & GridMaterialType
 };
 declare const Grid: ForwardRefComponent<GridProps, THREE.Mesh>;
 
+type SoftShadowsProps = {
+    size?: number;
+    samples?: number;
+    focus?: number;
+};
+declare function SoftShadows(props: SoftShadowsProps): null;
+
 type SpotLightProps = Omit<ThreeElements['spotLight'], 'ref'> & {
     depthBuffer?: Texture$1;
     attenuation?: number;
@@ -2510,5 +2474,5 @@ type SparklesProps = Omit<ThreeElements['mesh'], 'ref'> & {
 };
 declare const Sparkles: ForwardRefComponent<SparklesProps, THREE.InstancedMesh>;
 
-export { AccumulativeShadows, AdaptiveDpr, AdaptiveEvents, ArcballControls, BBAnchor, Backdrop, BakeShadows, Billboard, BlurPass, Bounds, Box, CameraShake, Capsule, CatmullRomLine, Caustics, CausticsMaterial, CausticsNormalMaterial, CausticsProjectionMaterial, Center, Circle, Clone, Cloud, CloudInstance, Clouds, ComputedAttribute, Cone, ContactShadows, ConvolutionMaterial, CubeCamera, CubeTexture, CubicBezierLine, CurveModifier, CycleRaycast, Cylinder, Decal, Detailed, DetectGPU, DeviceOrientationControls, DiscardMaterial, Dodecahedron, DragControls, Edges, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, Example, Extrude, FakeCloudMaterial, Fbo, Fbx, FirstPersonControls, Fisheye, Float, FlyControls, GizmoHelper, GizmoViewcube, GizmoViewport, Gltf, GradientTexture, GradientType, Grid, Helper, Html, Hud, Icosahedron, Image, Instance, InstancedAttribute, Instances, IsObject, KeyboardControls, Ktx2, Lathe, Lightformer, Line, Loader, MapControls, Mask, MatcapTexture, Merged, MeshDistortMaterial, MeshPortalMaterial, MeshReflectorMaterial, MeshReflectorMaterial$1 as MeshReflectorMaterialImpl, MeshRefractionMaterial, MeshTransmissionMaterial, MeshWobbleMaterial, MotionPathControls, NormalTexture, Octahedron, OrbitControls, OrthographicCamera, Outlines, PerformanceMonitor, PerspectiveCamera, PivotControls, Plane, Point, PointMaterial, PointMaterialImpl, PointerLockControls, Points, PointsBuffer, Polyhedron, PositionMesh, PositionPoint, PositionalAudio, Preload, PresentationControls, Progress, QuadraticBezierLine, RandomizedLight, RenderCubeTexture, RenderTexture, Resize, Ring, RoundedBox, RoundedBoxGeometry, Sampler, ScreenQuad, ScreenSizer, ScreenSpace, ScreenVideoTexture, Scroll, ScrollControls, Segment, SegmentObject, Segments, Select, Shadow, Shape, Sky, SoftShadows, Sparkles, SparklesMaterial, Sphere, SpotLight, SpotLightMaterial, SpriteAnimator, Stage, StarfieldMaterial, Stars, Stats, StatsGl, Svg, Tetrahedron, Text3D, Texture, Torus, TorusKnot, TrackballControls, Trail, TrailTexture, TransformControls, Tube, VideoTexture, View, WebcamVideoTexture, Wireframe, WireframeMaterial, WireframeMaterialShaders, accumulativeContext, calcPosFromAngles, checkIfFrameIsEmpty, createInstances, getFirstFrame, meshBounds, presetsObj, setBarycentricCoordinates, setWireframeOverride, useAnimations, useAspect, useBounds, useContextBridge, useCubeCamera, useCubeTexture, useCursor, useCustomRaycast, useDepthBuffer, useDetectGPU, useEnvironment, useFBO, useFBX, useFont, useGLTF, useGizmoContext, useHelper, useIntersect, useKTX2, useKeyboardControls, useMask, useMatcapTexture, useMotion, useNormalTexture, usePerformanceMonitor, useProgress, useScroll, useSelect, useSpriteAnimator, useSpriteLoader, useSurfaceSampler, useTexture, useTrail, useTrailTexture, useVideoTexture, useWireframeUniforms };
-export type { AccumulativeShadowsProps, ArcballControlsProps, Args, BBAnchorProps, BackdropProps, BillboardProps, BlurPassProps, BoundsApi, BoundsProps, CalculatePosition, CameraShakeProps, CatmullRomLineProps, CausticsProps, CenterProps, CloneProps, CloudProps, CloudsProps, ComputedAttributeProps, ContactShadowsProps, ContainerProps, CubeCameraOptions, CubeCameraProps, CubeTextureProps, CubicBezierLineProps, CurveModifierProps, CurveModifierRef, CycleRaycastProps, DecalProps, DetailedProps, DetectGPUProps, DeviceOrientationControlsProps, DragControlsProps, EdgesProps, EnvironmentLoaderProps, EnvironmentProps, ExampleApi, ExampleProps, FboProps, FirstPersonControlsProps, FisheyeProps, FloatProps, FlyControlsProps, FontData, FrameData, GizmoHelperProps, GltfProps, Glyph, GradientTextureProps, GridMaterialType, GridProps, HelperProps, HtmlProps, HudProps, ImageProps, InstanceProps, InstancedAttributeProps, InstancesProps, KeyboardControlsEntry, KeyboardControlsProps, LightProps, LineProps, LoaderOptions, MapControlsProps, MaskProps, MergedProps, MeshDistortMaterialProps, MeshReflectorMaterialProps, MeshRefractionMaterialProps, MeshRefractionMaterialType, MeshTransmissionMaterialProps, MetaData, MotionPathProps, MotionPathRef, OnCenterCallbackProps, OrbitControlsChangeEvent, OrbitControlsProps, OrthographicCameraProps, OutlinesProps, PerformanceMonitorApi, PerformanceMonitorProps, PerspectiveCameraProps, PivotControlsProps, PointMaterialProps, PointerLockControlsProps, PointsBuffersProps, PointsInstancesProps, PortalProps, PositionalAudioProps, PreloadProps, PresentationControlProps, PresetsType, QuadraticBezierLineProps, QuadraticBezierLineRef, RandomizedLightProps, RenderCubeTextureApi, RenderCubeTextureProps, RenderTextureProps, ResizeProps, RoundedBoxGeometryProps, RoundedBoxProps, SamplerProps, ScreenQuadProps, ScreenSizerProps, ScreenSpaceProps, ScreenVideoTextureProps, ScrollControlsProps, ScrollControlsState, ScrollProps, SegmentProps, SegmentsProps, SelectProps, ShadowProps, ShadowType, ShakeController, ShapeProps, Size, SizeProps, SkyProps, SoftShadowsProps, SparklesProps, SpotLightProps, SpriteAnimatorProps, SpriteData, StageProps, StarsProps, StatsGlProps, StatsProps, SvgProps, Text3DProps, TrackballControlsProps, TrailProps, TrailTextureProps, TransformControlsProps, TransformFn, VideoTextureProps, ViewProps, ViewportProps, WebcamVideoTextureProps, WireframeMaterialProps, WireframeMaterialType, WobbleMaterialProps, useSurfaceSamplerProps };
+export { AccumulativeShadows, AdaptiveDpr, AdaptiveEvents, ArcballControls, BBAnchor, Backdrop, BakeShadows, Billboard, Bounds, Box, CameraShake, Capsule, CatmullRomLine, Caustics, CausticsMaterial, CausticsNormalMaterial, CausticsProjectionMaterial, Center, Circle, Clone, Cloud, CloudInstance, Clouds, ComputedAttribute, Cone, ContactShadows, ConvolutionMaterial, CubeCamera, CubeTexture, CubicBezierLine, CurveModifier, CycleRaycast, Cylinder, Decal, Detailed, DetectGPU, DeviceOrientationControls, DiscardMaterial, Dodecahedron, DragControls, Edges, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, Example, Extrude, FakeCloudMaterial, Fbo, Fbx, FirstPersonControls, Fisheye, Float, FlyControls, GizmoHelper, GizmoViewcube, GizmoViewport, Gltf, GradientTexture, GradientType, Grid, Helper, Html, Hud, Icosahedron, Image, Instance, InstancedAttribute, Instances, IsObject, KeyboardControls, Ktx2, Lathe, Lightformer, Line, Loader, MapControls, Mask, MatcapTexture, Merged, MeshDistortMaterial, MeshPortalMaterial, MeshReflectorMaterial, MeshReflectorMaterial$1 as MeshReflectorMaterialImpl, MeshRefractionMaterial, MeshTransmissionMaterial, MeshWobbleMaterial, MotionPathControls, NormalTexture, Octahedron, OrbitControls, OrthographicCamera, Outlines, PerformanceMonitor, PerspectiveCamera, PivotControls, Plane, Point, PointMaterial, PointMaterialImpl, PointerLockControls, Points, PointsBuffer, Polyhedron, PositionMesh, PositionPoint, PositionalAudio, Preload, PresentationControls, Progress, QuadraticBezierLine, RandomizedLight, RenderCubeTexture, RenderTexture, Resize, Ring, RoundedBox, RoundedBoxGeometry, Sampler, ScreenQuad, ScreenSizer, ScreenSpace, ScreenVideoTexture, Scroll, ScrollControls, Segment, SegmentObject, Segments, Select, Shadow, Shape, Sky, SoftShadows, Sparkles, SparklesMaterial, Sphere, SpotLight, SpotLightMaterial, SpriteAnimator, Stage, StarfieldMaterial, Stars, Stats, StatsGl, Svg, Tetrahedron, Text3D, Texture, Torus, TorusKnot, TrackballControls, Trail, TrailTexture, TransformControls, Tube, VideoTexture, View, WebcamVideoTexture, Wireframe, WireframeMaterial, WireframeMaterialShaders, accumulativeContext, calcPosFromAngles, checkIfFrameIsEmpty, createInstances, getFirstFrame, meshBounds, presetsObj, setBarycentricCoordinates, setWireframeOverride, useAnimations, useAspect, useBounds, useContextBridge, useCubeCamera, useCubeTexture, useCursor, useCustomRaycast, useDepthBuffer, useDetectGPU, useEnvironment, useFBO, useFBX, useFont, useGLTF, useGizmoContext, useHelper, useIntersect, useKTX2, useKeyboardControls, useMask, useMatcapTexture, useMotion, useNormalTexture, usePerformanceMonitor, useProgress, useScroll, useSelect, useSpriteAnimator, useSpriteLoader, useSurfaceSampler, useTexture, useTrail, useTrailTexture, useVideoTexture, useWireframeUniforms };
+export type { AccumulativeShadowsProps, ArcballControlsProps, Args, BBAnchorProps, BackdropProps, BillboardProps, BoundsApi, BoundsProps, CalculatePosition, CameraShakeProps, CatmullRomLineProps, CausticsProps, CenterProps, CloneProps, CloudProps, CloudsProps, ComputedAttributeProps, ContactShadowsProps, ContainerProps, CubeCameraOptions, CubeCameraProps, CubeTextureProps, CubicBezierLineProps, CurveModifierProps, CurveModifierRef, CycleRaycastProps, DecalProps, DetailedProps, DetectGPUProps, DeviceOrientationControlsProps, DragControlsProps, EdgesProps, EdgesRef, EnvironmentLoaderProps, EnvironmentProps, ExampleApi, ExampleProps, ExpandedDragConfig, FboProps, FirstPersonControlsProps, FisheyeProps, FloatProps, FlyControlsProps, FontData, FrameData, GizmoHelperProps, GltfProps, Glyph, GradientTextureProps, GridMaterialType, GridProps, HelperProps, HtmlProps, HudProps, ImageProps, InstanceProps, InstancedAttributeProps, InstancesProps, KeyboardControlsEntry, KeyboardControlsProps, Ktx2Props, LightProps, LineProps, LoaderOptions, MapControlsProps, MaskProps, MergedProps, MeshDistortMaterialProps, MeshReflectorMaterialProps, MeshRefractionMaterialProps, MeshRefractionMaterialType, MeshTransmissionMaterialProps, MetaData, MotionPathProps, MotionPathRef, OnCenterCallbackProps, OnDragStartProps, OnHoverProps, OrbitControlsChangeEvent, OrbitControlsProps, OrthographicCameraProps, OutlinesProps, PerformanceMonitorApi, PerformanceMonitorProps, PerspectiveCameraProps, PivotControlsProps, PointMaterialProps, PointerLockControlsProps, PointsBuffersProps, PointsInstancesProps, PortalProps, PositionalAudioProps, PreloadProps, PresentationControlProps, PresetsType, QuadraticBezierLineProps, QuadraticBezierLineRef, RandomizedLightProps, RenderCubeTextureApi, RenderCubeTextureProps, RenderTextureProps, ResizeProps, RoundedBoxGeometryProps, RoundedBoxProps, SamplerProps, ScreenQuadProps, ScreenSizerProps, ScreenSpaceProps, ScreenVideoTextureProps, ScrollControlsProps, ScrollControlsState, ScrollProps, SegmentProps, SegmentsProps, SelectProps, ShadowProps, ShadowType, ShakeController, ShapeProps, Size, SizeProps, SkyProps, SoftShadowsProps, SparklesProps, SpotLightProps, SpriteAnimatorProps, SpriteData, StageProps, StarsProps, StatsGlProps, StatsProps, SvgProps, Text3DProps, TrackballControlsProps, TrailProps, TrailTextureProps, TransformControlsProps, TransformFn, VideoTextureProps, ViewProps, ViewportProps, WebcamVideoTextureProps, WireframeMaterialProps, WireframeMaterialType, WobbleMaterialProps, useSurfaceSamplerProps };