@tresjs/cientos 3.7.0 → 3.8.0

package/dist/core/controls/OrbitControls.vue.d.ts

@@ -276,6 +276,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             getEffectiveFOV: () => number;
             getFilmWidth: () => number;
             getFilmHeight: () => number;
+            getViewBounds: (distance: number, minTarget: import("three").Vector2, maxTarget: import("three").Vector2) => void;
+            getViewSize: (distance: number, target: import("three").Vector2) => import("three").Vector2;
             setViewOffset: (fullWidth: number, fullHeight: number, x: number, y: number, width: number, height: number) => void;
             clearViewOffset: () => void;
             updateProjectionMatrix: () => void;
@@ -494,34 +496,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -529,25 +530,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -557,14 +556,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -580,34 +580,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -615,25 +614,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -643,14 +640,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -683,11 +681,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     readonly isQuaternion: true;
                     set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                     clone: () => import("three").Quaternion;
-                    copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                    copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                     setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                    setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                    setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                     setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                     angleTo: (q: import("three").Quaternion) => number;
                     rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                     identity: () => import("three").Quaternion;
@@ -709,10 +707,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                     _onChange: (callback: () => void) => import("three").Quaternion;
                     _onChangeCallback: () => void;
-                    multiplyVector3: (v: any) => any;
                     random: () => import("three").Quaternion;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
@@ -727,34 +724,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -762,25 +758,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -790,14 +784,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1325,10 +1320,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     clone: () => import("three").AnimationClip;
                     toJSON: (clip: import("three").AnimationClip) => any;
                 }[];
-                userData: {
-                    [key: string]: any;
-                };
+                userData: Record<string, any>;
                 customDepthMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -1375,7 +1369,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -1398,34 +1392,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -1433,25 +1426,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -1461,14 +1452,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1513,7 +1505,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -1532,12 +1523,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -1564,6 +1555,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     }[T_6]) => void;
                 } | undefined;
                 customDistanceMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -1610,7 +1602,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -1633,34 +1625,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -1668,25 +1659,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -1696,14 +1685,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1748,7 +1738,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -1767,12 +1756,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -1798,6 +1787,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         dispose: {};
                     }[T_6]) => void;
                 } | undefined;
+                onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+                onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -1829,7 +1820,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-                getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+                getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
                 getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
                 getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
                 getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -1882,34 +1873,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -1917,25 +1907,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -1945,14 +1933,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1968,34 +1957,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -2003,25 +1991,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -2031,14 +2017,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2071,11 +2058,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     readonly isQuaternion: true;
                     set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                     clone: () => import("three").Quaternion;
-                    copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                    copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                     setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                    setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                    setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                     setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                     angleTo: (q: import("three").Quaternion) => number;
                     rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                     identity: () => import("three").Quaternion;
@@ -2097,10 +2084,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                     _onChange: (callback: () => void) => import("three").Quaternion;
                     _onChangeCallback: () => void;
-                    multiplyVector3: (v: any) => any;
                     random: () => import("three").Quaternion;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
@@ -2115,34 +2101,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -2150,25 +2135,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -2178,14 +2161,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2713,10 +2697,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     clone: () => import("three").AnimationClip;
                     toJSON: (clip: import("three").AnimationClip) => any;
                 }[];
-                userData: {
-                    [key: string]: any;
-                };
+                userData: Record<string, any>;
                 customDepthMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -2763,7 +2746,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -2786,34 +2769,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -2821,25 +2803,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -2849,14 +2829,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2901,7 +2882,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -2920,12 +2900,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -2952,6 +2932,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     }[T_6]) => void;
                 } | undefined;
                 customDistanceMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -2998,7 +2979,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -3021,34 +3002,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -3056,25 +3036,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -3084,14 +3062,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3136,7 +3115,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -3155,12 +3133,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -3186,6 +3164,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         dispose: {};
                     }[T_6]) => void;
                 } | undefined;
+                onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+                onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -3217,7 +3197,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-                getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+                getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
                 getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
                 getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
                 getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -3262,34 +3242,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -3297,25 +3276,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -3325,14 +3302,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3348,34 +3326,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -3383,25 +3360,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -3411,14 +3386,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3451,11 +3427,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 readonly isQuaternion: true;
                 set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                 clone: () => import("three").Quaternion;
-                copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                 setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                 setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                 angleTo: (q: import("three").Quaternion) => number;
                 rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                 identity: () => import("three").Quaternion;
@@ -3477,10 +3453,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
                 toJSON: () => [number, number, number, number];
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                 _onChange: (callback: () => void) => import("three").Quaternion;
                 _onChangeCallback: () => void;
-                multiplyVector3: (v: any) => any;
                 random: () => import("three").Quaternion;
                 [Symbol.iterator]: () => Generator<number, void, unknown>;
             };
@@ -3495,34 +3470,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -3530,25 +3504,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -3558,14 +3530,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4082,10 +4055,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 clone: () => import("three").AnimationClip;
                 toJSON: (clip: import("three").AnimationClip) => any;
             }[];
-            userData: {
-                [key: string]: any;
-            };
+            userData: Record<string, any>;
             customDepthMaterial?: {
+                readonly isMaterial: true;
                 alphaHash: boolean;
                 alphaTest: number;
                 alphaToCoverage: boolean;
@@ -4132,7 +4104,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => number;
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
                 blendDst: import("three").BlendingDstFactor;
@@ -4155,34 +4127,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setY: (y: number) => import("three").Vector3;
                         setZ: (z: number) => import("three").Vector3;
                         setComponent: (index: number, value: number) => import("three").Vector3;
-                        setFromColor: (color: import("three").Color) => import("three").Vector3;
                         getComponent: (index: number) => number;
                         clone: () => import("three").Vector3;
-                        copy: (v: import("three").Vector3) => import("three").Vector3;
-                        add: (v: import("three").Vector3) => import("three").Vector3;
+                        copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                        add: (v: import("three").Vector3Like) => import("three").Vector3;
                         addScalar: (s: number) => import("three").Vector3;
+                        addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                        addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        sub: (a: import("three").Vector3) => import("three").Vector3;
+                        sub: (a: import("three").Vector3Like) => import("three").Vector3;
                         subScalar: (s: number) => import("three").Vector3;
-                        subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        multiply: (v: import("three").Vector3) => import("three").Vector3;
+                        subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                        multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                         multiplyScalar: (s: number) => import("three").Vector3;
-                        multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                         applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                         applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                         applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                         applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                        applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                        applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                         project: (camera: Camera) => import("three").Vector3;
                         unproject: (camera: Camera) => import("three").Vector3;
                         transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                        divide: (v: import("three").Vector3) => import("three").Vector3;
+                        divide: (v: import("three").Vector3Like) => import("three").Vector3;
                         divideScalar: (s: number) => import("three").Vector3;
-                        min: (v: import("three").Vector3) => import("three").Vector3;
-                        max: (v: import("three").Vector3) => import("three").Vector3;
-                        clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                        min: (v: import("three").Vector3Like) => import("three").Vector3;
+                        max: (v: import("three").Vector3Like) => import("three").Vector3;
+                        clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                         clampScalar: (min: number, max: number) => import("three").Vector3;
                         clampLength: (min: number, max: number) => import("three").Vector3;
                         floor: () => import("three").Vector3;
@@ -4190,25 +4161,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         round: () => import("three").Vector3;
                         roundToZero: () => import("three").Vector3;
                         negate: () => import("three").Vector3;
-                        dot: (v: import("three").Vector3) => number;
+                        dot: (v: import("three").Vector3Like) => number;
                         lengthSq: () => number;
                         length: () => number;
-                        lengthManhattan: () => number;
                         manhattanLength: () => number;
-                        manhattanDistanceTo: (v: import("three").Vector3) => number;
                         normalize: () => import("three").Vector3;
                         setLength: (l: number) => import("three").Vector3;
-                        lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        cross: (a: import("three").Vector3) => import("three").Vector3;
-                        crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                        crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                         projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                        reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                        reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                         angleTo: (v: import("three").Vector3) => number;
-                        distanceTo: (v: import("three").Vector3) => number;
-                        distanceToSquared: (v: import("three").Vector3) => number;
-                        distanceToManhattan: (v: import("three").Vector3) => number;
+                        distanceTo: (v: import("three").Vector3Like) => number;
+                        distanceToSquared: (v: import("three").Vector3Like) => number;
+                        manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                         setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                         setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                         setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -4218,14 +4187,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                         setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                         setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                        equals: (v: import("three").Vector3) => boolean;
+                        setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                        equals: (v: import("three").Vector3Like) => boolean;
                         fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                         toArray: {
                             (array?: number[] | undefined, offset?: number | undefined): number[];
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                         random: () => import("three").Vector3;
                         randomDirection: () => import("three").Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4270,7 +4240,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 stencilFail: import("three").StencilOp;
                 stencilZFail: import("three").StencilOp;
                 stencilZPass: import("three").StencilOp;
-                readonly isMaterial: true;
                 name: string;
                 needsUpdate: boolean;
                 opacity: number;
@@ -4289,12 +4258,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
                 dispose: () => void;
-                onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                 customProgramCacheKey: () => string;
                 setValues: (values: import("three").MaterialParameters) => void;
                 toJSON: (meta?: any) => any;
@@ -4321,6 +4290,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 }[T_6]) => void;
             } | undefined;
             customDistanceMaterial?: {
+                readonly isMaterial: true;
                 alphaHash: boolean;
                 alphaTest: number;
                 alphaToCoverage: boolean;
@@ -4367,7 +4337,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => number;
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
                 blendDst: import("three").BlendingDstFactor;
@@ -4390,34 +4360,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setY: (y: number) => import("three").Vector3;
                         setZ: (z: number) => import("three").Vector3;
                         setComponent: (index: number, value: number) => import("three").Vector3;
-                        setFromColor: (color: import("three").Color) => import("three").Vector3;
                         getComponent: (index: number) => number;
                         clone: () => import("three").Vector3;
-                        copy: (v: import("three").Vector3) => import("three").Vector3;
-                        add: (v: import("three").Vector3) => import("three").Vector3;
+                        copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                        add: (v: import("three").Vector3Like) => import("three").Vector3;
                         addScalar: (s: number) => import("three").Vector3;
+                        addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                        addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        sub: (a: import("three").Vector3) => import("three").Vector3;
+                        sub: (a: import("three").Vector3Like) => import("three").Vector3;
                         subScalar: (s: number) => import("three").Vector3;
-                        subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        multiply: (v: import("three").Vector3) => import("three").Vector3;
+                        subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                        multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                         multiplyScalar: (s: number) => import("three").Vector3;
-                        multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                         applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                         applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                         applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                         applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                        applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                        applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                         project: (camera: Camera) => import("three").Vector3;
                         unproject: (camera: Camera) => import("three").Vector3;
                         transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                        divide: (v: import("three").Vector3) => import("three").Vector3;
+                        divide: (v: import("three").Vector3Like) => import("three").Vector3;
                         divideScalar: (s: number) => import("three").Vector3;
-                        min: (v: import("three").Vector3) => import("three").Vector3;
-                        max: (v: import("three").Vector3) => import("three").Vector3;
-                        clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                        min: (v: import("three").Vector3Like) => import("three").Vector3;
+                        max: (v: import("three").Vector3Like) => import("three").Vector3;
+                        clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                         clampScalar: (min: number, max: number) => import("three").Vector3;
                         clampLength: (min: number, max: number) => import("three").Vector3;
                         floor: () => import("three").Vector3;
@@ -4425,25 +4394,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         round: () => import("three").Vector3;
                         roundToZero: () => import("three").Vector3;
                         negate: () => import("three").Vector3;
-                        dot: (v: import("three").Vector3) => number;
+                        dot: (v: import("three").Vector3Like) => number;
                         lengthSq: () => number;
                         length: () => number;
-                        lengthManhattan: () => number;
                         manhattanLength: () => number;
-                        manhattanDistanceTo: (v: import("three").Vector3) => number;
                         normalize: () => import("three").Vector3;
                         setLength: (l: number) => import("three").Vector3;
-                        lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        cross: (a: import("three").Vector3) => import("three").Vector3;
-                        crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                        crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                         projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                        reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                        reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                         angleTo: (v: import("three").Vector3) => number;
-                        distanceTo: (v: import("three").Vector3) => number;
-                        distanceToSquared: (v: import("three").Vector3) => number;
-                        distanceToManhattan: (v: import("three").Vector3) => number;
+                        distanceTo: (v: import("three").Vector3Like) => number;
+                        distanceToSquared: (v: import("three").Vector3Like) => number;
+                        manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                         setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                         setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                         setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -4453,14 +4420,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                         setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                         setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                        equals: (v: import("three").Vector3) => boolean;
+                        setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                        equals: (v: import("three").Vector3Like) => boolean;
                         fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                         toArray: {
                             (array?: number[] | undefined, offset?: number | undefined): number[];
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                         random: () => import("three").Vector3;
                         randomDirection: () => import("three").Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4505,7 +4473,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 stencilFail: import("three").StencilOp;
                 stencilZFail: import("three").StencilOp;
                 stencilZPass: import("three").StencilOp;
-                readonly isMaterial: true;
                 name: string;
                 needsUpdate: boolean;
                 opacity: number;
@@ -4524,12 +4491,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
                 dispose: () => void;
-                onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                 customProgramCacheKey: () => string;
                 setValues: (values: import("three").MaterialParameters) => void;
                 toJSON: (meta?: any) => any;
@@ -4555,6 +4522,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     dispose: {};
                 }[T_6]) => void;
             } | undefined;
+            onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+            onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -4586,7 +4555,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-            getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+            getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
             getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
             getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
             getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -4854,34 +4823,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -4889,25 +4857,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -4917,14 +4883,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4940,34 +4907,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -4975,25 +4941,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -5003,14 +4967,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5043,11 +5008,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     readonly isQuaternion: true;
                     set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                     clone: () => import("three").Quaternion;
-                    copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                    copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                     setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                    setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                    setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                     setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                     angleTo: (q: import("three").Quaternion) => number;
                     rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                     identity: () => import("three").Quaternion;
@@ -5069,10 +5034,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                     _onChange: (callback: () => void) => import("three").Quaternion;
                     _onChangeCallback: () => void;
-                    multiplyVector3: (v: any) => any;
                     random: () => import("three").Quaternion;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
@@ -5087,34 +5051,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -5122,25 +5085,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -5150,14 +5111,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5685,10 +5647,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     clone: () => import("three").AnimationClip;
                     toJSON: (clip: import("three").AnimationClip) => any;
                 }[];
-                userData: {
-                    [key: string]: any;
-                };
+                userData: Record<string, any>;
                 customDepthMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -5735,7 +5696,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -5758,34 +5719,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -5793,25 +5753,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -5821,14 +5779,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5873,7 +5832,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -5892,12 +5850,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -5924,6 +5882,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     }[T_6]) => void;
                 } | undefined;
                 customDistanceMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -5970,7 +5929,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -5993,34 +5952,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -6028,25 +5986,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -6056,14 +6012,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -6108,7 +6065,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -6127,12 +6083,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -6158,6 +6114,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         dispose: {};
                     }[T_6]) => void;
                 } | undefined;
+                onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+                onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -6189,7 +6147,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-                getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+                getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
                 getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
                 getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
                 getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -6242,34 +6200,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -6277,25 +6234,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -6305,14 +6260,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -6328,34 +6284,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -6363,25 +6318,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -6391,14 +6344,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -6431,11 +6385,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     readonly isQuaternion: true;
                     set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                     clone: () => import("three").Quaternion;
-                    copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                    copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                     setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                    setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                    setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                     setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                    setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                     angleTo: (q: import("three").Quaternion) => number;
                     rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                     identity: () => import("three").Quaternion;
@@ -6457,10 +6411,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                     _onChange: (callback: () => void) => import("three").Quaternion;
                     _onChangeCallback: () => void;
-                    multiplyVector3: (v: any) => any;
                     random: () => import("three").Quaternion;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
@@ -6475,34 +6428,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setY: (y: number) => import("three").Vector3;
                     setZ: (z: number) => import("three").Vector3;
                     setComponent: (index: number, value: number) => import("three").Vector3;
-                    setFromColor: (color: import("three").Color) => import("three").Vector3;
                     getComponent: (index: number) => number;
                     clone: () => import("three").Vector3;
-                    copy: (v: import("three").Vector3) => import("three").Vector3;
-                    add: (v: import("three").Vector3) => import("three").Vector3;
+                    copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                    add: (v: import("three").Vector3Like) => import("three").Vector3;
                     addScalar: (s: number) => import("three").Vector3;
+                    addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                    addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    sub: (a: import("three").Vector3) => import("three").Vector3;
+                    sub: (a: import("three").Vector3Like) => import("three").Vector3;
                     subScalar: (s: number) => import("three").Vector3;
-                    subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                    multiply: (v: import("three").Vector3) => import("three").Vector3;
+                    subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                    multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                     multiplyScalar: (s: number) => import("three").Vector3;
-                    multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                     applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                     applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                     applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                     applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                    applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                    applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                     project: (camera: Camera) => import("three").Vector3;
                     unproject: (camera: Camera) => import("three").Vector3;
                     transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                    divide: (v: import("three").Vector3) => import("three").Vector3;
+                    divide: (v: import("three").Vector3Like) => import("three").Vector3;
                     divideScalar: (s: number) => import("three").Vector3;
-                    min: (v: import("three").Vector3) => import("three").Vector3;
-                    max: (v: import("three").Vector3) => import("three").Vector3;
-                    clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                    min: (v: import("three").Vector3Like) => import("three").Vector3;
+                    max: (v: import("three").Vector3Like) => import("three").Vector3;
+                    clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                     clampScalar: (min: number, max: number) => import("three").Vector3;
                     clampLength: (min: number, max: number) => import("three").Vector3;
                     floor: () => import("three").Vector3;
@@ -6510,25 +6462,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     round: () => import("three").Vector3;
                     roundToZero: () => import("three").Vector3;
                     negate: () => import("three").Vector3;
-                    dot: (v: import("three").Vector3) => number;
+                    dot: (v: import("three").Vector3Like) => number;
                     lengthSq: () => number;
                     length: () => number;
-                    lengthManhattan: () => number;
                     manhattanLength: () => number;
-                    manhattanDistanceTo: (v: import("three").Vector3) => number;
                     normalize: () => import("three").Vector3;
                     setLength: (l: number) => import("three").Vector3;
-                    lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                    cross: (a: import("three").Vector3) => import("three").Vector3;
-                    crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                    lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                    cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                    crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                     projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                     projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                    reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                    reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                     angleTo: (v: import("three").Vector3) => number;
-                    distanceTo: (v: import("three").Vector3) => number;
-                    distanceToSquared: (v: import("three").Vector3) => number;
-                    distanceToManhattan: (v: import("three").Vector3) => number;
+                    distanceTo: (v: import("three").Vector3Like) => number;
+                    distanceToSquared: (v: import("three").Vector3Like) => number;
+                    manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                     setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                     setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                     setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -6538,14 +6488,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                     setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                     setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                    equals: (v: import("three").Vector3) => boolean;
+                    setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                    equals: (v: import("three").Vector3Like) => boolean;
                     fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                     toArray: {
                         (array?: number[] | undefined, offset?: number | undefined): number[];
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                     random: () => import("three").Vector3;
                     randomDirection: () => import("three").Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7073,10 +7024,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     clone: () => import("three").AnimationClip;
                     toJSON: (clip: import("three").AnimationClip) => any;
                 }[];
-                userData: {
-                    [key: string]: any;
-                };
+                userData: Record<string, any>;
                 customDepthMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -7123,7 +7073,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -7146,34 +7096,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -7181,25 +7130,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -7209,14 +7156,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7261,7 +7209,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -7280,12 +7227,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -7312,6 +7259,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     }[T_6]) => void;
                 } | undefined;
                 customDistanceMaterial?: {
+                    readonly isMaterial: true;
                     alphaHash: boolean;
                     alphaTest: number;
                     alphaToCoverage: boolean;
@@ -7358,7 +7306,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
                         toJSON: () => number;
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                         [Symbol.iterator]: () => Generator<number, void, unknown>;
                     };
                     blendDst: import("three").BlendingDstFactor;
@@ -7381,34 +7329,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setY: (y: number) => import("three").Vector3;
                             setZ: (z: number) => import("three").Vector3;
                             setComponent: (index: number, value: number) => import("three").Vector3;
-                            setFromColor: (color: import("three").Color) => import("three").Vector3;
                             getComponent: (index: number) => number;
                             clone: () => import("three").Vector3;
-                            copy: (v: import("three").Vector3) => import("three").Vector3;
-                            add: (v: import("three").Vector3) => import("three").Vector3;
+                            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                            add: (v: import("three").Vector3Like) => import("three").Vector3;
                             addScalar: (s: number) => import("three").Vector3;
+                            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            sub: (a: import("three").Vector3) => import("three").Vector3;
+                            sub: (a: import("three").Vector3Like) => import("three").Vector3;
                             subScalar: (s: number) => import("three").Vector3;
-                            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                            multiply: (v: import("three").Vector3) => import("three").Vector3;
+                            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                             multiplyScalar: (s: number) => import("three").Vector3;
-                            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                             project: (camera: Camera) => import("three").Vector3;
                             unproject: (camera: Camera) => import("three").Vector3;
                             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                            divide: (v: import("three").Vector3) => import("three").Vector3;
+                            divide: (v: import("three").Vector3Like) => import("three").Vector3;
                             divideScalar: (s: number) => import("three").Vector3;
-                            min: (v: import("three").Vector3) => import("three").Vector3;
-                            max: (v: import("three").Vector3) => import("three").Vector3;
-                            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                            min: (v: import("three").Vector3Like) => import("three").Vector3;
+                            max: (v: import("three").Vector3Like) => import("three").Vector3;
+                            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                             clampScalar: (min: number, max: number) => import("three").Vector3;
                             clampLength: (min: number, max: number) => import("three").Vector3;
                             floor: () => import("three").Vector3;
@@ -7416,25 +7363,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             round: () => import("three").Vector3;
                             roundToZero: () => import("three").Vector3;
                             negate: () => import("three").Vector3;
-                            dot: (v: import("three").Vector3) => number;
+                            dot: (v: import("three").Vector3Like) => number;
                             lengthSq: () => number;
                             length: () => number;
-                            lengthManhattan: () => number;
                             manhattanLength: () => number;
-                            manhattanDistanceTo: (v: import("three").Vector3) => number;
                             normalize: () => import("three").Vector3;
                             setLength: (l: number) => import("three").Vector3;
-                            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                            cross: (a: import("three").Vector3) => import("three").Vector3;
-                            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                             angleTo: (v: import("three").Vector3) => number;
-                            distanceTo: (v: import("three").Vector3) => number;
-                            distanceToSquared: (v: import("three").Vector3) => number;
-                            distanceToManhattan: (v: import("three").Vector3) => number;
+                            distanceTo: (v: import("three").Vector3Like) => number;
+                            distanceToSquared: (v: import("three").Vector3Like) => number;
+                            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -7444,14 +7389,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                            equals: (v: import("three").Vector3) => boolean;
+                            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                            equals: (v: import("three").Vector3Like) => boolean;
                             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                             toArray: {
                                 (array?: number[] | undefined, offset?: number | undefined): number[];
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                             random: () => import("three").Vector3;
                             randomDirection: () => import("three").Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7496,7 +7442,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     stencilFail: import("three").StencilOp;
                     stencilZFail: import("three").StencilOp;
                     stencilZPass: import("three").StencilOp;
-                    readonly isMaterial: true;
                     name: string;
                     needsUpdate: boolean;
                     opacity: number;
@@ -7515,12 +7460,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     uuid: string;
                     vertexColors: boolean;
                     visible: boolean;
-                    userData: any;
+                    userData: Record<string, any>;
                     version: number;
                     clone: () => import("three").Material;
                     copy: (material: import("three").Material) => import("three").Material;
                     dispose: () => void;
-                    onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                    onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                     customProgramCacheKey: () => string;
                     setValues: (values: import("three").MaterialParameters) => void;
                     toJSON: (meta?: any) => any;
@@ -7546,6 +7491,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         dispose: {};
                     }[T_6]) => void;
                 } | undefined;
+                onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+                onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
                 applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -7577,7 +7524,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
                 getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-                getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+                getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
                 getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
                 getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
                 getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -7622,34 +7569,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -7657,25 +7603,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -7685,14 +7629,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7708,34 +7653,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -7743,25 +7687,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -7771,14 +7713,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7811,11 +7754,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 readonly isQuaternion: true;
                 set: (x: number, y: number, z: number, w: number) => import("three").Quaternion;
                 clone: () => import("three").Quaternion;
-                copy: (q: import("three").Quaternion) => import("three").Quaternion;
+                copy: (q: import("three").QuaternionLike) => import("three").Quaternion;
                 setFromEuler: (euler: import("three").Euler, update?: boolean | undefined) => import("three").Quaternion;
-                setFromAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Quaternion;
+                setFromAxisAngle: (axis: import("three").Vector3Like, angle: number) => import("three").Quaternion;
                 setFromRotationMatrix: (m: import("three").Matrix4) => import("three").Quaternion;
-                setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3) => import("three").Quaternion;
+                setFromUnitVectors: (vFrom: import("three").Vector3, vTo: import("three").Vector3Like) => import("three").Quaternion;
                 angleTo: (q: import("three").Quaternion) => number;
                 rotateTowards: (q: import("three").Quaternion, step: number) => import("three").Quaternion;
                 identity: () => import("three").Quaternion;
@@ -7837,10 +7780,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
                 toJSON: () => [number, number, number, number];
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Quaternion;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Quaternion;
                 _onChange: (callback: () => void) => import("three").Quaternion;
                 _onChangeCallback: () => void;
-                multiplyVector3: (v: any) => any;
                 random: () => import("three").Quaternion;
                 [Symbol.iterator]: () => Generator<number, void, unknown>;
             };
@@ -7855,34 +7797,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setY: (y: number) => import("three").Vector3;
                 setZ: (z: number) => import("three").Vector3;
                 setComponent: (index: number, value: number) => import("three").Vector3;
-                setFromColor: (color: import("three").Color) => import("three").Vector3;
                 getComponent: (index: number) => number;
                 clone: () => import("three").Vector3;
-                copy: (v: import("three").Vector3) => import("three").Vector3;
-                add: (v: import("three").Vector3) => import("three").Vector3;
+                copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                add: (v: import("three").Vector3Like) => import("three").Vector3;
                 addScalar: (s: number) => import("three").Vector3;
+                addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                sub: (a: import("three").Vector3) => import("three").Vector3;
+                sub: (a: import("three").Vector3Like) => import("three").Vector3;
                 subScalar: (s: number) => import("three").Vector3;
-                subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                multiply: (v: import("three").Vector3) => import("three").Vector3;
+                subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                 multiplyScalar: (s: number) => import("three").Vector3;
-                multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                 applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                 applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                 applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                 applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                 project: (camera: Camera) => import("three").Vector3;
                 unproject: (camera: Camera) => import("three").Vector3;
                 transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                divide: (v: import("three").Vector3) => import("three").Vector3;
+                divide: (v: import("three").Vector3Like) => import("three").Vector3;
                 divideScalar: (s: number) => import("three").Vector3;
-                min: (v: import("three").Vector3) => import("three").Vector3;
-                max: (v: import("three").Vector3) => import("three").Vector3;
-                clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                min: (v: import("three").Vector3Like) => import("three").Vector3;
+                max: (v: import("three").Vector3Like) => import("three").Vector3;
+                clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                 clampScalar: (min: number, max: number) => import("three").Vector3;
                 clampLength: (min: number, max: number) => import("three").Vector3;
                 floor: () => import("three").Vector3;
@@ -7890,25 +7831,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 round: () => import("three").Vector3;
                 roundToZero: () => import("three").Vector3;
                 negate: () => import("three").Vector3;
-                dot: (v: import("three").Vector3) => number;
+                dot: (v: import("three").Vector3Like) => number;
                 lengthSq: () => number;
                 length: () => number;
-                lengthManhattan: () => number;
                 manhattanLength: () => number;
-                manhattanDistanceTo: (v: import("three").Vector3) => number;
                 normalize: () => import("three").Vector3;
                 setLength: (l: number) => import("three").Vector3;
-                lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                cross: (a: import("three").Vector3) => import("three").Vector3;
-                crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                 projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                 projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                 angleTo: (v: import("three").Vector3) => number;
-                distanceTo: (v: import("three").Vector3) => number;
-                distanceToSquared: (v: import("three").Vector3) => number;
-                distanceToManhattan: (v: import("three").Vector3) => number;
+                distanceTo: (v: import("three").Vector3Like) => number;
+                distanceToSquared: (v: import("three").Vector3Like) => number;
+                manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                 setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                 setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                 setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -7918,14 +7857,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                 setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                 setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                equals: (v: import("three").Vector3) => boolean;
+                setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                equals: (v: import("three").Vector3Like) => boolean;
                 fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                 toArray: {
                     (array?: number[] | undefined, offset?: number | undefined): number[];
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                 random: () => import("three").Vector3;
                 randomDirection: () => import("three").Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8442,10 +8382,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 clone: () => import("three").AnimationClip;
                 toJSON: (clip: import("three").AnimationClip) => any;
             }[];
-            userData: {
-                [key: string]: any;
-            };
+            userData: Record<string, any>;
             customDepthMaterial?: {
+                readonly isMaterial: true;
                 alphaHash: boolean;
                 alphaTest: number;
                 alphaToCoverage: boolean;
@@ -8492,7 +8431,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => number;
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
                 blendDst: import("three").BlendingDstFactor;
@@ -8515,34 +8454,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setY: (y: number) => import("three").Vector3;
                         setZ: (z: number) => import("three").Vector3;
                         setComponent: (index: number, value: number) => import("three").Vector3;
-                        setFromColor: (color: import("three").Color) => import("three").Vector3;
                         getComponent: (index: number) => number;
                         clone: () => import("three").Vector3;
-                        copy: (v: import("three").Vector3) => import("three").Vector3;
-                        add: (v: import("three").Vector3) => import("three").Vector3;
+                        copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                        add: (v: import("three").Vector3Like) => import("three").Vector3;
                         addScalar: (s: number) => import("three").Vector3;
+                        addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                        addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        sub: (a: import("three").Vector3) => import("three").Vector3;
+                        sub: (a: import("three").Vector3Like) => import("three").Vector3;
                         subScalar: (s: number) => import("three").Vector3;
-                        subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        multiply: (v: import("three").Vector3) => import("three").Vector3;
+                        subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                        multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                         multiplyScalar: (s: number) => import("three").Vector3;
-                        multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                         applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                         applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                         applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                         applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                        applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                        applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                         project: (camera: Camera) => import("three").Vector3;
                         unproject: (camera: Camera) => import("three").Vector3;
                         transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                        divide: (v: import("three").Vector3) => import("three").Vector3;
+                        divide: (v: import("three").Vector3Like) => import("three").Vector3;
                         divideScalar: (s: number) => import("three").Vector3;
-                        min: (v: import("three").Vector3) => import("three").Vector3;
-                        max: (v: import("three").Vector3) => import("three").Vector3;
-                        clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                        min: (v: import("three").Vector3Like) => import("three").Vector3;
+                        max: (v: import("three").Vector3Like) => import("three").Vector3;
+                        clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                         clampScalar: (min: number, max: number) => import("three").Vector3;
                         clampLength: (min: number, max: number) => import("three").Vector3;
                         floor: () => import("three").Vector3;
@@ -8550,25 +8488,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         round: () => import("three").Vector3;
                         roundToZero: () => import("three").Vector3;
                         negate: () => import("three").Vector3;
-                        dot: (v: import("three").Vector3) => number;
+                        dot: (v: import("three").Vector3Like) => number;
                         lengthSq: () => number;
                         length: () => number;
-                        lengthManhattan: () => number;
                         manhattanLength: () => number;
-                        manhattanDistanceTo: (v: import("three").Vector3) => number;
                         normalize: () => import("three").Vector3;
                         setLength: (l: number) => import("three").Vector3;
-                        lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        cross: (a: import("three").Vector3) => import("three").Vector3;
-                        crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                        crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                         projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                        reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                        reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                         angleTo: (v: import("three").Vector3) => number;
-                        distanceTo: (v: import("three").Vector3) => number;
-                        distanceToSquared: (v: import("three").Vector3) => number;
-                        distanceToManhattan: (v: import("three").Vector3) => number;
+                        distanceTo: (v: import("three").Vector3Like) => number;
+                        distanceToSquared: (v: import("three").Vector3Like) => number;
+                        manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                         setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                         setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                         setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -8578,14 +8514,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                         setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                         setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                        equals: (v: import("three").Vector3) => boolean;
+                        setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                        equals: (v: import("three").Vector3Like) => boolean;
                         fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                         toArray: {
                             (array?: number[] | undefined, offset?: number | undefined): number[];
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                         random: () => import("three").Vector3;
                         randomDirection: () => import("three").Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8630,7 +8567,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 stencilFail: import("three").StencilOp;
                 stencilZFail: import("three").StencilOp;
                 stencilZPass: import("three").StencilOp;
-                readonly isMaterial: true;
                 name: string;
                 needsUpdate: boolean;
                 opacity: number;
@@ -8649,12 +8585,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
                 dispose: () => void;
-                onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                 customProgramCacheKey: () => string;
                 setValues: (values: import("three").MaterialParameters) => void;
                 toJSON: (meta?: any) => any;
@@ -8681,6 +8617,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 }[T_6]) => void;
             } | undefined;
             customDistanceMaterial?: {
+                readonly isMaterial: true;
                 alphaHash: boolean;
                 alphaTest: number;
                 alphaToCoverage: boolean;
@@ -8727,7 +8664,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         (xyz: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => number;
-                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Color;
+                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Color;
                     [Symbol.iterator]: () => Generator<number, void, unknown>;
                 };
                 blendDst: import("three").BlendingDstFactor;
@@ -8750,34 +8687,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setY: (y: number) => import("three").Vector3;
                         setZ: (z: number) => import("three").Vector3;
                         setComponent: (index: number, value: number) => import("three").Vector3;
-                        setFromColor: (color: import("three").Color) => import("three").Vector3;
                         getComponent: (index: number) => number;
                         clone: () => import("three").Vector3;
-                        copy: (v: import("three").Vector3) => import("three").Vector3;
-                        add: (v: import("three").Vector3) => import("three").Vector3;
+                        copy: (v: import("three").Vector3Like) => import("three").Vector3;
+                        add: (v: import("three").Vector3Like) => import("three").Vector3;
                         addScalar: (s: number) => import("three").Vector3;
+                        addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-                        addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        sub: (a: import("three").Vector3) => import("three").Vector3;
+                        sub: (a: import("three").Vector3Like) => import("three").Vector3;
                         subScalar: (s: number) => import("three").Vector3;
-                        subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-                        multiply: (v: import("three").Vector3) => import("three").Vector3;
+                        subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+                        multiply: (v: import("three").Vector3Like) => import("three").Vector3;
                         multiplyScalar: (s: number) => import("three").Vector3;
-                        multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         applyEuler: (euler: import("three").Euler) => import("three").Vector3;
                         applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
                         applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
                         applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
                         applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-                        applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+                        applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
                         project: (camera: Camera) => import("three").Vector3;
                         unproject: (camera: Camera) => import("three").Vector3;
                         transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-                        divide: (v: import("three").Vector3) => import("three").Vector3;
+                        divide: (v: import("three").Vector3Like) => import("three").Vector3;
                         divideScalar: (s: number) => import("three").Vector3;
-                        min: (v: import("three").Vector3) => import("three").Vector3;
-                        max: (v: import("three").Vector3) => import("three").Vector3;
-                        clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+                        min: (v: import("three").Vector3Like) => import("three").Vector3;
+                        max: (v: import("three").Vector3Like) => import("three").Vector3;
+                        clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
                         clampScalar: (min: number, max: number) => import("three").Vector3;
                         clampLength: (min: number, max: number) => import("three").Vector3;
                         floor: () => import("three").Vector3;
@@ -8785,25 +8721,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         round: () => import("three").Vector3;
                         roundToZero: () => import("three").Vector3;
                         negate: () => import("three").Vector3;
-                        dot: (v: import("three").Vector3) => number;
+                        dot: (v: import("three").Vector3Like) => number;
                         lengthSq: () => number;
                         length: () => number;
-                        lengthManhattan: () => number;
                         manhattanLength: () => number;
-                        manhattanDistanceTo: (v: import("three").Vector3) => number;
                         normalize: () => import("three").Vector3;
                         setLength: (l: number) => import("three").Vector3;
-                        lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-                        cross: (a: import("three").Vector3) => import("three").Vector3;
-                        crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+                        lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+                        cross: (a: import("three").Vector3Like) => import("three").Vector3;
+                        crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
                         projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
                         projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-                        reflect: (vector: import("three").Vector3) => import("three").Vector3;
+                        reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
                         angleTo: (v: import("three").Vector3) => number;
-                        distanceTo: (v: import("three").Vector3) => number;
-                        distanceToSquared: (v: import("three").Vector3) => number;
-                        distanceToManhattan: (v: import("three").Vector3) => number;
+                        distanceTo: (v: import("three").Vector3Like) => number;
+                        distanceToSquared: (v: import("three").Vector3Like) => number;
+                        manhattanDistanceTo: (v: import("three").Vector3Like) => number;
                         setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
                         setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
                         setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -8813,14 +8747,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                         setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
                         setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
                         setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-                        equals: (v: import("three").Vector3) => boolean;
+                        setFromColor: (color: import("three").RGB) => import("three").Vector3;
+                        equals: (v: import("three").Vector3Like) => boolean;
                         fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
                         toArray: {
                             (array?: number[] | undefined, offset?: number | undefined): number[];
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
                         random: () => import("three").Vector3;
                         randomDirection: () => import("three").Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8865,7 +8800,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 stencilFail: import("three").StencilOp;
                 stencilZFail: import("three").StencilOp;
                 stencilZPass: import("three").StencilOp;
-                readonly isMaterial: true;
                 name: string;
                 needsUpdate: boolean;
                 opacity: number;
@@ -8884,12 +8818,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
                 dispose: () => void;
-                onBeforeCompile: (shader: import("three").Shader, renderer: import("three").WebGLRenderer) => void;
+                onBeforeCompile: (parameters: import("three").WebGLProgramParametersWithUniforms, renderer: import("three").WebGLRenderer) => void;
                 customProgramCacheKey: () => string;
                 setValues: (values: import("three").MaterialParameters) => void;
                 toJSON: (meta?: any) => any;
@@ -8915,6 +8849,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
                     dispose: {};
                 }[T_6]) => void;
             } | undefined;
+            onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+            onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -8946,7 +8882,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-            getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+            getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
             getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
             getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
             getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -8992,34 +8928,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setY: (y: number) => import("three").Vector3;
             setZ: (z: number) => import("three").Vector3;
             setComponent: (index: number, value: number) => import("three").Vector3;
-            setFromColor: (color: import("three").Color) => import("three").Vector3;
             getComponent: (index: number) => number;
             clone: () => import("three").Vector3;
-            copy: (v: import("three").Vector3) => import("three").Vector3;
-            add: (v: import("three").Vector3) => import("three").Vector3;
+            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+            add: (v: import("three").Vector3Like) => import("three").Vector3;
             addScalar: (s: number) => import("three").Vector3;
+            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            sub: (a: import("three").Vector3) => import("three").Vector3;
+            sub: (a: import("three").Vector3Like) => import("three").Vector3;
             subScalar: (s: number) => import("three").Vector3;
-            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            multiply: (v: import("three").Vector3) => import("three").Vector3;
+            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
             multiplyScalar: (s: number) => import("three").Vector3;
-            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
             project: (camera: Camera) => import("three").Vector3;
             unproject: (camera: Camera) => import("three").Vector3;
             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-            divide: (v: import("three").Vector3) => import("three").Vector3;
+            divide: (v: import("three").Vector3Like) => import("three").Vector3;
             divideScalar: (s: number) => import("three").Vector3;
-            min: (v: import("three").Vector3) => import("three").Vector3;
-            max: (v: import("three").Vector3) => import("three").Vector3;
-            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+            min: (v: import("three").Vector3Like) => import("three").Vector3;
+            max: (v: import("three").Vector3Like) => import("three").Vector3;
+            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
             clampScalar: (min: number, max: number) => import("three").Vector3;
             clampLength: (min: number, max: number) => import("three").Vector3;
             floor: () => import("three").Vector3;
@@ -9027,25 +8962,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             round: () => import("three").Vector3;
             roundToZero: () => import("three").Vector3;
             negate: () => import("three").Vector3;
-            dot: (v: import("three").Vector3) => number;
+            dot: (v: import("three").Vector3Like) => number;
             lengthSq: () => number;
             length: () => number;
-            lengthManhattan: () => number;
             manhattanLength: () => number;
-            manhattanDistanceTo: (v: import("three").Vector3) => number;
             normalize: () => import("three").Vector3;
             setLength: (l: number) => import("three").Vector3;
-            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-            cross: (a: import("three").Vector3) => import("three").Vector3;
-            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
             angleTo: (v: import("three").Vector3) => number;
-            distanceTo: (v: import("three").Vector3) => number;
-            distanceToSquared: (v: import("three").Vector3) => number;
-            distanceToManhattan: (v: import("three").Vector3) => number;
+            distanceTo: (v: import("three").Vector3Like) => number;
+            distanceToSquared: (v: import("three").Vector3Like) => number;
+            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -9055,14 +8988,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-            equals: (v: import("three").Vector3) => boolean;
+            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+            equals: (v: import("three").Vector3Like) => boolean;
             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
             toArray: {
                 (array?: number[] | undefined, offset?: number | undefined): number[];
                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
             };
-            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
             random: () => import("three").Vector3;
             randomDirection: () => import("three").Vector3;
             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9117,34 +9051,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setY: (y: number) => import("three").Vector3;
             setZ: (z: number) => import("three").Vector3;
             setComponent: (index: number, value: number) => import("three").Vector3;
-            setFromColor: (color: import("three").Color) => import("three").Vector3;
             getComponent: (index: number) => number;
             clone: () => import("three").Vector3;
-            copy: (v: import("three").Vector3) => import("three").Vector3;
-            add: (v: import("three").Vector3) => import("three").Vector3;
+            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+            add: (v: import("three").Vector3Like) => import("three").Vector3;
             addScalar: (s: number) => import("three").Vector3;
+            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            sub: (a: import("three").Vector3) => import("three").Vector3;
+            sub: (a: import("three").Vector3Like) => import("three").Vector3;
             subScalar: (s: number) => import("three").Vector3;
-            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            multiply: (v: import("three").Vector3) => import("three").Vector3;
+            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
             multiplyScalar: (s: number) => import("three").Vector3;
-            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
             project: (camera: Camera) => import("three").Vector3;
             unproject: (camera: Camera) => import("three").Vector3;
             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-            divide: (v: import("three").Vector3) => import("three").Vector3;
+            divide: (v: import("three").Vector3Like) => import("three").Vector3;
             divideScalar: (s: number) => import("three").Vector3;
-            min: (v: import("three").Vector3) => import("three").Vector3;
-            max: (v: import("three").Vector3) => import("three").Vector3;
-            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+            min: (v: import("three").Vector3Like) => import("three").Vector3;
+            max: (v: import("three").Vector3Like) => import("three").Vector3;
+            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
             clampScalar: (min: number, max: number) => import("three").Vector3;
             clampLength: (min: number, max: number) => import("three").Vector3;
             floor: () => import("three").Vector3;
@@ -9152,25 +9085,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             round: () => import("three").Vector3;
             roundToZero: () => import("three").Vector3;
             negate: () => import("three").Vector3;
-            dot: (v: import("three").Vector3) => number;
+            dot: (v: import("three").Vector3Like) => number;
             lengthSq: () => number;
             length: () => number;
-            lengthManhattan: () => number;
             manhattanLength: () => number;
-            manhattanDistanceTo: (v: import("three").Vector3) => number;
             normalize: () => import("three").Vector3;
             setLength: (l: number) => import("three").Vector3;
-            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-            cross: (a: import("three").Vector3) => import("three").Vector3;
-            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
             angleTo: (v: import("three").Vector3) => number;
-            distanceTo: (v: import("three").Vector3) => number;
-            distanceToSquared: (v: import("three").Vector3) => number;
-            distanceToManhattan: (v: import("three").Vector3) => number;
+            distanceTo: (v: import("three").Vector3Like) => number;
+            distanceToSquared: (v: import("three").Vector3Like) => number;
+            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -9180,14 +9111,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-            equals: (v: import("three").Vector3) => boolean;
+            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+            equals: (v: import("three").Vector3Like) => boolean;
             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
             toArray: {
                 (array?: number[] | undefined, offset?: number | undefined): number[];
                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
             };
-            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
             random: () => import("three").Vector3;
             randomDirection: () => import("three").Vector3;
             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9203,34 +9135,33 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setY: (y: number) => import("three").Vector3;
             setZ: (z: number) => import("three").Vector3;
             setComponent: (index: number, value: number) => import("three").Vector3;
-            setFromColor: (color: import("three").Color) => import("three").Vector3;
             getComponent: (index: number) => number;
             clone: () => import("three").Vector3;
-            copy: (v: import("three").Vector3) => import("three").Vector3;
-            add: (v: import("three").Vector3) => import("three").Vector3;
+            copy: (v: import("three").Vector3Like) => import("three").Vector3;
+            add: (v: import("three").Vector3Like) => import("three").Vector3;
             addScalar: (s: number) => import("three").Vector3;
+            addVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             addScaledVector: (v: import("three").Vector3, s: number) => import("three").Vector3;
-            addVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            sub: (a: import("three").Vector3) => import("three").Vector3;
+            sub: (a: import("three").Vector3Like) => import("three").Vector3;
             subScalar: (s: number) => import("three").Vector3;
-            subVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
-            multiply: (v: import("three").Vector3) => import("three").Vector3;
+            subVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
+            multiply: (v: import("three").Vector3Like) => import("three").Vector3;
             multiplyScalar: (s: number) => import("three").Vector3;
-            multiplyVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            multiplyVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             applyEuler: (euler: import("three").Euler) => import("three").Vector3;
             applyAxisAngle: (axis: import("three").Vector3, angle: number) => import("three").Vector3;
             applyMatrix3: (m: import("three").Matrix3) => import("three").Vector3;
             applyNormalMatrix: (m: import("three").Matrix3) => import("three").Vector3;
             applyMatrix4: (m: import("three").Matrix4) => import("three").Vector3;
-            applyQuaternion: (q: import("three").Quaternion) => import("three").Vector3;
+            applyQuaternion: (q: import("three").QuaternionLike) => import("three").Vector3;
             project: (camera: Camera) => import("three").Vector3;
             unproject: (camera: Camera) => import("three").Vector3;
             transformDirection: (m: import("three").Matrix4) => import("three").Vector3;
-            divide: (v: import("three").Vector3) => import("three").Vector3;
+            divide: (v: import("three").Vector3Like) => import("three").Vector3;
             divideScalar: (s: number) => import("three").Vector3;
-            min: (v: import("three").Vector3) => import("three").Vector3;
-            max: (v: import("three").Vector3) => import("three").Vector3;
-            clamp: (min: import("three").Vector3, max: import("three").Vector3) => import("three").Vector3;
+            min: (v: import("three").Vector3Like) => import("three").Vector3;
+            max: (v: import("three").Vector3Like) => import("three").Vector3;
+            clamp: (min: import("three").Vector3Like, max: import("three").Vector3Like) => import("three").Vector3;
             clampScalar: (min: number, max: number) => import("three").Vector3;
             clampLength: (min: number, max: number) => import("three").Vector3;
             floor: () => import("three").Vector3;
@@ -9238,25 +9169,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             round: () => import("three").Vector3;
             roundToZero: () => import("three").Vector3;
             negate: () => import("three").Vector3;
-            dot: (v: import("three").Vector3) => number;
+            dot: (v: import("three").Vector3Like) => number;
             lengthSq: () => number;
             length: () => number;
-            lengthManhattan: () => number;
             manhattanLength: () => number;
-            manhattanDistanceTo: (v: import("three").Vector3) => number;
             normalize: () => import("three").Vector3;
             setLength: (l: number) => import("three").Vector3;
-            lerp: (v: import("three").Vector3, alpha: number) => import("three").Vector3;
-            lerpVectors: (v1: import("three").Vector3, v2: import("three").Vector3, alpha: number) => import("three").Vector3;
-            cross: (a: import("three").Vector3) => import("three").Vector3;
-            crossVectors: (a: import("three").Vector3, b: import("three").Vector3) => import("three").Vector3;
+            lerp: (v: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            lerpVectors: (v1: import("three").Vector3Like, v2: import("three").Vector3Like, alpha: number) => import("three").Vector3;
+            cross: (a: import("three").Vector3Like) => import("three").Vector3;
+            crossVectors: (a: import("three").Vector3Like, b: import("three").Vector3Like) => import("three").Vector3;
             projectOnVector: (v: import("three").Vector3) => import("three").Vector3;
             projectOnPlane: (planeNormal: import("three").Vector3) => import("three").Vector3;
-            reflect: (vector: import("three").Vector3) => import("three").Vector3;
+            reflect: (vector: import("three").Vector3Like) => import("three").Vector3;
             angleTo: (v: import("three").Vector3) => number;
-            distanceTo: (v: import("three").Vector3) => number;
-            distanceToSquared: (v: import("three").Vector3) => number;
-            distanceToManhattan: (v: import("three").Vector3) => number;
+            distanceTo: (v: import("three").Vector3Like) => number;
+            distanceToSquared: (v: import("three").Vector3Like) => number;
+            manhattanDistanceTo: (v: import("three").Vector3Like) => number;
             setFromSpherical: (s: import("three").Spherical) => import("three").Vector3;
             setFromSphericalCoords: (r: number, phi: number, theta: number) => import("three").Vector3;
             setFromCylindrical: (s: import("three").Cylindrical) => import("three").Vector3;
@@ -9266,14 +9195,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
             setFromMatrixColumn: (matrix: import("three").Matrix4, index: number) => import("three").Vector3;
             setFromMatrix3Column: (matrix: import("three").Matrix3, index: number) => import("three").Vector3;
             setFromEuler: (e: import("three").Euler) => import("three").Vector3;
-            equals: (v: import("three").Vector3) => boolean;
+            setFromColor: (color: import("three").RGB) => import("three").Vector3;
+            equals: (v: import("three").Vector3Like) => boolean;
             fromArray: (array: number[] | ArrayLike<number>, offset?: number | undefined) => import("three").Vector3;
             toArray: {
                 (array?: number[] | undefined, offset?: number | undefined): number[];
                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
             };
-            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => import("three").Vector3;
+            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => import("three").Vector3;
             random: () => import("three").Vector3;
             randomDirection: () => import("three").Vector3;
             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9310,7 +9240,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     start: (...args: any[]) => void;
     change: (...args: any[]) => void;
     end: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OrbitControlsProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OrbitControlsProps>, {
     makeDefault: boolean;
     autoRotate: boolean;
     autoRotateSpeed: number;