@tresjs/cientos 5.0.2 → 5.1.0

package/README.md

@@ -3,7 +3,7 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/v/@tresjs/cientos/latest?color=FBB03B" alt="npm package"></a>
   <a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/dm/@tresjs/cientos?color=FBB03B" alt="npm downloads"></a>
-  <a href="https://discord.gg/UCr96AQmWn"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a>
+  <a href="https://tresjs.org/discord"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a>
 </p>
 <br/>
 

package/dist/core/abstractions/Outline/component.vue.d.ts

@@ -23,12 +23,12 @@ declare const _default: import('vue').DefineComponent<OutlineProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OutlineProps> & Readonly<{}>, {
     color: TresColor;
     renderOrder: number;
+    angle: number;
     opacity: number;
     transparent: boolean;
     polygonOffset: boolean;
     polygonOffsetFactor: number;
     toneMapped: boolean;
-    angle: number;
     thickness: number;
     screenspace: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/core/abstractions/ScreenSizer.vue.d.ts

@@ -4,22 +4,22 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        outerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        outerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
-        innerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+        innerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+        }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
     };
     rootEl: any;
 };
@@ -27,22 +27,22 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     instance: import('vue').ShallowRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    outerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    outerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
-    innerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+    innerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/core/controls/Helper/component.vue.d.ts

@@ -4,13 +4,13 @@ export interface HelperProps {
     args?: any[];
 }
 declare const _default: import('vue').DefineComponent<HelperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HelperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    objRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    objRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three/webgpu').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three/webgpu').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Object3D<import('three').Object3DEventMap>, typeof import('three').Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
 }, any>;
 export default _default;

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

@@ -250,8 +250,8 @@ declare const _default: import('vue').DefineComponent<OrbitControlsProps, {
     onStart?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    maxDistance: number;
     target: TresVector3;
+    maxDistance: number;
     mouseButtons: {
         LEFT?: number;
         MIDDLE?: number;

package/dist/core/misc/html/HTML.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<HTMLProps, {
     onOnOcclude?: ((...args: any[]) => any) | undefined;
 }>, {
     sprite: boolean;
-    geometry: any;
     pointerEvents: PointerEventsProperties;
+    geometry: any;
     transform: boolean;
     as: string;
     eps: number;

package/dist/core/staging/Fit.vue.d.ts

@@ -15,7 +15,7 @@ export interface Props {
     precise?: boolean;
 }
 declare const props: Readonly<{}> & {
-    readonly into: number | Box3 | Vector3 | [number, number, number] | Object3D<import('three').Object3DEventMap> | null;
+    readonly into: number | Box3 | Vector3 | Object3D<import('three').Object3DEventMap> | [number, number, number] | null;
     readonly precise: boolean;
 } & {
     readonly precise: boolean;

package/dist/core/staging/RandomizedLights/component.vue.d.ts

@@ -29,13 +29,13 @@ declare const _default: import('vue').DefineComponent<RandomizedLightsProps, {
     position: VectorFlexibleParams;
     castShadow: boolean;
     count: number;
-    near: number;
-    far: number;
-    radius: number;
     intensity: number;
-    size: number;
     bias: number;
+    radius: number;
     mapSize: number;
+    near: number;
+    far: number;
+    size: number;
     ambient: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     lightsRef: unknown;

package/dist/core/staging/useEnvironment/lightformer/index.vue.d.ts

@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     map: Texture;
     color: any;
     args: any[];
-    toneMapped: boolean;
     intensity: number;
+    toneMapped: boolean;
     form: "circle" | "ring" | "rect" | any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     mesh: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes, import('three').BufferGeometryEventMap>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes, import('three').BufferGeometryEventMap>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core/dist/src/utils/pointerEvents.js').PointerEventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes, import('three').BufferGeometryEventMap>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, typeof import('three').Mesh>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {

package/dist/trescientos.js

@@ -1,13 +1,13 @@
 /**
  * name: @tresjs/cientos
- * version: v5.0.2
+ * version: v5.1.0
  * (c) 2025
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
 import * as Ki from "three";
-import { TextureLoader as ao, DoubleSide as tn, WebGLCubeRenderTarget as T1, HalfFloatType as ci, CubeCamera as b1, Group as di, Quaternion as xt, Euler as Fs, AudioListener as w1, Audio as gT, AudioLoader as S1, MathUtils as vt, ShaderMaterial as ei, UniformsUtils as eo, Vector2 as Pe, Color as Be, Texture as On, FrontSide as ba, Mesh as Ae, MeshBasicMaterial as Ii, Vector3 as V, FramebufferTexture as sg, RawShaderMaterial as Gh, AdditiveBlending as Np, Box2 as M1, Vector4 as ls, UnsignedByteType as Hf, BufferGeometry as ps, InterleavedBuffer as Pp, InterleavedBufferAttribute as Mn, REVISION as Ip, BufferAttribute as Qt, TrianglesDrawMode as yT, TriangleFanDrawMode as $f, TriangleStripDrawMode as A1, CompressedTexture as Vh, RGBAFormat as E1, PropertyBinding as Un, InterpolateDiscrete as R1, Matrix4 as Qe, Scene as Ml, PlaneGeometry as qi, Uniform as $e, PerspectiveCamera as fi, WebGLRenderer as Al, InterpolateLinear as Bp, NearestFilter as vu, NearestMipmapNearestFilter as C1, NearestMipmapLinearFilter as N1, LinearFilter as Xs, LinearMipmapNearestFilter as P1, LinearMipmapLinearFilter as Fp, ClampToEdgeWrapping as ua, RepeatWrapping as to, MirroredRepeatWrapping as I1, Plane as kl, WebGLRenderTarget as ui, NoToneMapping as xT, UniformsLib as _u, DynamicDrawUsage as ic, Sphere as wa, BackSide as fh, BoxGeometry as ji, Triangle as vT, Object3D as Js, Raycaster as Dp, LineBasicMaterial as El, CylinderGeometry as xi, Float32BufferAttribute as Is, Line as at, OctahedronGeometry as Ar, SphereGeometry as _T, TorusGeometry as nc, MOUSE as Ai, TOUCH as Xi, Spherical as Tu, OrthographicCamera as hr, Ray as TT, Loader as zl, LoaderUtils as Qo, FileLoader as so, MeshPhysicalMaterial as on, SpotLight as B1, PointLight as Wf, DirectionalLight as Lp, InstancedMesh as F1, InstancedBufferAttribute as bT, ImageBitmapLoader as wT, PointsMaterial as D1, Material as Hh, MeshStandardMaterial as Gl, SkinnedMesh as Op, LineSegments as ST, LineLoop as MT, Points as L1, Skeleton as O1, AnimationClip as U1, Bone as jf, VectorKeyframeTrack as qf, NumberKeyframeTrack as Xf, QuaternionKeyframeTrack as Yf, Interpolant as AT, Box3 as Bs, ExtrudeGeometry as ET, Curve as RT, MeshPhongMaterial as $h, MeshLambertMaterial as k1, EquirectangularReflectionMapping as cu, AmbientLight as CT, Uint16BufferAttribute as NT, Matrix3 as kr, ShapePath as er, DataTextureLoader as PT, FloatType as uu, DataUtils as rc, ShapeUtils as IT, Shape as BT, Path as Wh, InstancedBufferGeometry as FT, InstancedInterleavedBuffer as Kf, WireframeGeometry as DT, Line3 as LT, AlwaysStencilFunc as OT, ReplaceStencilOp as jh, AnimationMixer as UT, KeepStencilOp as qh, NotEqualStencilFunc as ig, EqualStencilFunc as ng, DepthTexture as z1, EdgesGeometry as kT, CubeTextureLoader as zT, CubeReflectionMapping as GT, ShapeGeometry as VT, DefaultLoadingManager as oc, VideoTexture as HT, Clock as $T, NoBlending as WT, Camera as jT, TangentSpaceNormalMap as qT, LOD as XT, CatmullRomCurve3 as YT, QuadraticBezierCurve3 as G1, CubicBezierCurve3 as KT, MeshDepthMaterial as rg, ShaderChunk as Xh, DataTexture as V1, UVMapping as ZT, IcosahedronGeometry as QT } from "three";
-import { defineComponent as _e, watch as re, ref as Fe, shallowRef as de, withAsyncContext as Up, onUnmounted as kt, createElementBlock as ve, openBlock as me, renderSlot as Ze, createElementVNode as Ee, unref as k, getCurrentScope as JT, onScopeDispose as eb, onMounted as an, nextTick as kp, getCurrentInstance as zp, isRef as bu, hasInjectionContext as H1, inject as Gp, toValue as Le, computed as Ce, reactive as ha, watchEffect as Pt, isReactive as Rl, createVNode as An, mergeProps as ft, provide as tb, toRefs as rt, shallowReactive as $1, onBeforeUnmount as ph, useSlots as Vp, createCommentVNode as ms, createBlock as En, Fragment as W1, renderList as j1, useAttrs as sb, render as ib, triggerRef as nb, withCtx as ac, Suspense as rb, normalizeProps as ob, toRaw as og } from "vue";
+import { TextureLoader as ao, DoubleSide as tn, WebGLCubeRenderTarget as T1, HalfFloatType as ci, CubeCamera as b1, Group as di, Quaternion as xt, Euler as Fs, AudioListener as w1, Audio as gT, AudioLoader as S1, MathUtils as vt, ShaderMaterial as ei, UniformsUtils as eo, Vector2 as Pe, Color as Be, Texture as On, FrontSide as ba, Mesh as Ae, MeshBasicMaterial as Ii, Vector3 as V, FramebufferTexture as sg, RawShaderMaterial as Gh, AdditiveBlending as Np, Box2 as M1, Vector4 as cs, UnsignedByteType as Hf, BufferGeometry as ms, InterleavedBuffer as Pp, InterleavedBufferAttribute as Mn, REVISION as Ip, BufferAttribute as Qt, TrianglesDrawMode as yT, TriangleFanDrawMode as $f, TriangleStripDrawMode as A1, CompressedTexture as Vh, RGBAFormat as E1, PropertyBinding as Un, InterpolateDiscrete as R1, Matrix4 as Qe, Scene as Ml, PlaneGeometry as qi, Uniform as $e, PerspectiveCamera as fi, WebGLRenderer as Al, InterpolateLinear as Bp, NearestFilter as vu, NearestMipmapNearestFilter as C1, NearestMipmapLinearFilter as N1, LinearFilter as Xs, LinearMipmapNearestFilter as P1, LinearMipmapLinearFilter as Fp, ClampToEdgeWrapping as ua, RepeatWrapping as to, MirroredRepeatWrapping as I1, Plane as kl, WebGLRenderTarget as ui, NoToneMapping as xT, UniformsLib as _u, DynamicDrawUsage as ic, Sphere as wa, BackSide as fh, BoxGeometry as ji, Triangle as vT, Object3D as Js, Raycaster as Dp, LineBasicMaterial as El, CylinderGeometry as xi, Float32BufferAttribute as Is, Line as at, OctahedronGeometry as Ar, SphereGeometry as _T, TorusGeometry as nc, MOUSE as Ai, TOUCH as Xi, Spherical as Tu, OrthographicCamera as hr, Ray as TT, Loader as zl, LoaderUtils as Qo, FileLoader as so, MeshPhysicalMaterial as on, SpotLight as B1, PointLight as Wf, DirectionalLight as Lp, InstancedMesh as F1, InstancedBufferAttribute as bT, ImageBitmapLoader as wT, PointsMaterial as D1, Material as Hh, MeshStandardMaterial as Gl, SkinnedMesh as Op, LineSegments as ST, LineLoop as MT, Points as L1, Skeleton as O1, AnimationClip as U1, Bone as jf, VectorKeyframeTrack as qf, NumberKeyframeTrack as Xf, QuaternionKeyframeTrack as Yf, Interpolant as AT, Box3 as Bs, ExtrudeGeometry as ET, Curve as RT, MeshPhongMaterial as $h, MeshLambertMaterial as k1, EquirectangularReflectionMapping as cu, AmbientLight as CT, Uint16BufferAttribute as NT, Matrix3 as kr, ShapePath as er, DataTextureLoader as PT, FloatType as uu, DataUtils as rc, ShapeUtils as IT, Shape as BT, Path as Wh, InstancedBufferGeometry as FT, InstancedInterleavedBuffer as Kf, WireframeGeometry as DT, Line3 as LT, AlwaysStencilFunc as OT, ReplaceStencilOp as jh, AnimationMixer as UT, KeepStencilOp as qh, NotEqualStencilFunc as ig, EqualStencilFunc as ng, DepthTexture as z1, EdgesGeometry as kT, CubeTextureLoader as zT, CubeReflectionMapping as GT, ShapeGeometry as VT, DefaultLoadingManager as oc, VideoTexture as HT, Clock as $T, NoBlending as WT, Camera as jT, TangentSpaceNormalMap as qT, LOD as XT, CatmullRomCurve3 as YT, QuadraticBezierCurve3 as G1, CubicBezierCurve3 as KT, MeshDepthMaterial as rg, ShaderChunk as Xh, DataTexture as V1, UVMapping as ZT, IcosahedronGeometry as QT } from "three";
+import { defineComponent as _e, watch as re, ref as Fe, shallowRef as de, withAsyncContext as Up, onUnmounted as kt, createElementBlock as ve, openBlock as me, renderSlot as Ze, createElementVNode as Ee, unref as k, getCurrentScope as JT, onScopeDispose as eb, onMounted as an, nextTick as kp, getCurrentInstance as zp, isRef as bu, hasInjectionContext as H1, inject as Gp, toValue as Le, computed as Ce, reactive as ha, watchEffect as Pt, isReactive as Rl, createVNode as An, mergeProps as ft, provide as tb, toRefs as rt, shallowReactive as $1, onBeforeUnmount as ph, useSlots as Vp, createCommentVNode as ls, createBlock as En, Fragment as W1, renderList as j1, useAttrs as sb, render as ib, triggerRef as nb, withCtx as ac, Suspense as rb, normalizeProps as ob, toRaw as og } from "vue";
 import { logError as sn, useTres as ke, useLoop as ot, normalizeVectorFlexibleParam as Jo, useTresContext as si, extend as Vl, useLoader as Sa, normalizeColor as bn, logWarning as Hr, buildGraph as wu } from "@tresjs/core";
 function ab(a) {
   const e = lb(a), t = [];
@@ -1347,7 +1347,7 @@ class Cl extends Ae {
     this.addElement = function(x) {
       u.push(x);
     };
-    const p = new Pe(), m = new Pe(), g = new M1(), y = new ls();
+    const p = new Pe(), m = new Pe(), g = new M1(), y = new cs();
     this.onBeforeRender = function(x, v, w) {
       x.getCurrentViewport(y);
       const A = x.getRenderTarget(), b = A !== null ? A.texture.type : Hf;
@@ -1456,7 +1456,7 @@ Z1.Shader = {
   )
 };
 Cl.Geometry = (function() {
-  const a = new ps(), e = new Float32Array([
+  const a = new ms(), e = new Float32Array([
     -1,
     -1,
     0,
@@ -3329,7 +3329,7 @@ const Sg = /* @__PURE__ */ (() => {
   const a = class extends Ae {
     constructor(t, s = {}) {
       super(t), this.isReflector = !0, this.type = "Reflector", this.camera = new fi();
-      const i = this, n = s.color !== void 0 ? new Be(s.color) : new Be(8355711), r = s.textureWidth || 512, o = s.textureHeight || 512, l = s.clipBias || 0, c = s.shader || a.ReflectorShader, u = s.multisample !== void 0 ? s.multisample : 4, h = new kl(), f = new V(), d = new V(), p = new V(), m = new Qe(), g = new V(0, 0, -1), y = new ls(), x = new V(), v = new V(), w = new ls(), A = new Qe(), b = this.camera, M = new ui(r, o, {
+      const i = this, n = s.color !== void 0 ? new Be(s.color) : new Be(8355711), r = s.textureWidth || 512, o = s.textureHeight || 512, l = s.clipBias || 0, c = s.shader || a.ReflectorShader, u = s.multisample !== void 0 ? s.multisample : 4, h = new kl(), f = new V(), d = new V(), p = new V(), m = new Qe(), g = new V(0, 0, -1), y = new cs(), x = new V(), v = new V(), w = new cs(), A = new Qe(), b = this.camera, M = new ui(r, o, {
         samples: u,
         type: ci
       }), _ = new ei({
@@ -3430,7 +3430,7 @@ const Sg = /* @__PURE__ */ (() => {
 class cS extends Ae {
   constructor(e, t = {}) {
     super(e), this.isWater = !0;
-    const s = this, i = t.textureWidth !== void 0 ? t.textureWidth : 512, n = t.textureHeight !== void 0 ? t.textureHeight : 512, r = t.clipBias !== void 0 ? t.clipBias : 0, o = t.alpha !== void 0 ? t.alpha : 1, l = t.time !== void 0 ? t.time : 0, c = t.waterNormals !== void 0 ? t.waterNormals : null, u = t.sunDirection !== void 0 ? t.sunDirection : new V(0.70707, 0.70707, 0), h = new Be(t.sunColor !== void 0 ? t.sunColor : 16777215), f = new Be(t.waterColor !== void 0 ? t.waterColor : 8355711), d = t.eye !== void 0 ? t.eye : new V(0, 0, 0), p = t.distortionScale !== void 0 ? t.distortionScale : 20, m = t.side !== void 0 ? t.side : ba, g = t.fog !== void 0 ? t.fog : !1, y = new kl(), x = new V(), v = new V(), w = new V(), A = new Qe(), b = new V(0, 0, -1), M = new ls(), _ = new V(), T = new V(), S = new ls(), E = new Qe(), C = new fi(), B = new ui(i, n), D = {
+    const s = this, i = t.textureWidth !== void 0 ? t.textureWidth : 512, n = t.textureHeight !== void 0 ? t.textureHeight : 512, r = t.clipBias !== void 0 ? t.clipBias : 0, o = t.alpha !== void 0 ? t.alpha : 1, l = t.time !== void 0 ? t.time : 0, c = t.waterNormals !== void 0 ? t.waterNormals : null, u = t.sunDirection !== void 0 ? t.sunDirection : new V(0.70707, 0.70707, 0), h = new Be(t.sunColor !== void 0 ? t.sunColor : 16777215), f = new Be(t.waterColor !== void 0 ? t.waterColor : 8355711), d = t.eye !== void 0 ? t.eye : new V(0, 0, 0), p = t.distortionScale !== void 0 ? t.distortionScale : 20, m = t.side !== void 0 ? t.side : ba, g = t.fog !== void 0 ? t.fog : !1, y = new kl(), x = new V(), v = new V(), w = new V(), A = new Qe(), b = new V(0, 0, -1), M = new cs(), _ = new V(), T = new V(), S = new cs(), E = new Qe(), C = new fi(), B = new ui(i, n), D = {
       uniforms: eo.merge([
         _u.fog,
         _u.lights,
@@ -3575,7 +3575,7 @@ class cS extends Ae {
 }
 class uS extends Ae {
   constructor(e, t, s = !1, i = !1, n = 1e4) {
-    const r = new ps();
+    const r = new ms();
     super(r, t), this.isMarchingCubes = !0;
     const o = this, l = new Float32Array(36), c = new Float32Array(36), u = new Float32Array(36);
     this.enableUvs = s, this.enableColors = i, this.init = function(x) {
@@ -8617,15 +8617,15 @@ class bS extends Js {
     v.color.set(7895160);
     const w = x.clone();
     w.opacity = 0.25;
-    const A = new xi(0, 0.05, 0.2, 12, 1, !1), b = new ji(0.125, 0.125, 0.125), M = new ps();
+    const A = new xi(0, 0.05, 0.2, 12, 1, !1), b = new ji(0.125, 0.125, 0.125), M = new ms();
     M.setAttribute("position", new Is([0, 0, 0, 1, 0, 0], 3));
     const _ = (ie, ue) => {
-      const ge = new ps(), we = [];
+      const ge = new ms(), we = [];
       for (let W = 0; W <= 64 * ue; ++W)
         we.push(0, Math.cos(W / 32 * Math.PI) * ie, Math.sin(W / 32 * Math.PI) * ie);
       return ge.setAttribute("position", new Is(we, 3)), ge;
     }, T = () => {
-      const ie = new ps();
+      const ie = new ms();
       return ie.setAttribute("position", new Is([0, 0, 0, 1, 1, 1], 3)), ie;
     }, S = {
       X: [
@@ -10625,7 +10625,7 @@ class dM {
         r.push(h.promise);
       else {
         let f;
-        c.extensions && c.extensions[nt.KHR_DRACO_MESH_COMPRESSION] ? f = n(c) : f = Dg(new ps(), c, t), i[u] = { primitive: c, promise: f }, r.push(f);
+        c.extensions && c.extensions[nt.KHR_DRACO_MESH_COMPRESSION] ? f = n(c) : f = Dg(new ms(), c, t), i[u] = { primitive: c, promise: f }, r.push(f);
       }
     }
     return Promise.all(r);
@@ -11131,7 +11131,7 @@ function yM(a, e, t, s) {
   return i;
 }
 function xM(a, e, t, s) {
-  const i = mx(a, s, e), n = yM(i, s, a, e), r = new ls(0, 0, 0, 0);
+  const i = mx(a, s, e), n = yM(i, s, a, e), r = new cs(0, 0, 0, 0);
   for (let o = 0; o <= a; ++o) {
     const l = t[i - a + o], c = n[o], u = l.w * c;
     r.x += l.x * u, r.y += l.y * u, r.z += l.z * u, r.w += l.w * c;
@@ -11202,7 +11202,7 @@ function _M(a, e, t, s, i) {
     r[u] = h;
   }
   for (let u = n + 1; u <= i + 1; ++u)
-    r[u] = new ls(0, 0, 0);
+    r[u] = new cs(0, 0, 0);
   return r;
 }
 function TM(a, e) {
@@ -11240,7 +11240,7 @@ class Og extends RT {
     super(), this.degree = e, this.knots = t, this.controlPoints = [], this.startKnot = i || 0, this.endKnot = n || this.knots.length - 1;
     for (let r = 0; r < s.length; ++r) {
       const o = s[r];
-      this.controlPoints[r] = new ls(o.x, o.y, o.z, o.w);
+      this.controlPoints[r] = new cs(o.x, o.y, o.z, o.w);
     }
   }
   getPoint(e, t) {
@@ -11830,7 +11830,7 @@ class AM {
   }
   // Generate a BufferGeometry from a node in FBXTree.Objects.Geometry
   genGeometry(e, t, s, i) {
-    const n = new ps();
+    const n = new ms();
     e.attrName && (n.name = e.attrName);
     const r = this.parseGeoNode(e, t), o = this.genBuffers(r), l = new Is(o.vertex, 3);
     if (l.applyMatrix4(i), n.setAttribute("position", l), o.colors.length > 0 && n.setAttribute("color", new Is(o.colors, 3)), t && (n.setAttribute("skinIndex", new NT(o.weightsIndices, 4)), n.setAttribute("skinWeight", new Is(o.vertexWeights, 4)), n.FBX_Deformer = t), o.normal.length > 0) {
@@ -12033,13 +12033,13 @@ class AM {
     if (Og === void 0)
       return console.error(
         "THREE.FBXLoader: The loader relies on NURBSCurve for any nurbs present in the model. Nurbs will show up as empty geometry."
-      ), new ps();
+      ), new ms();
     const t = parseInt(e.Order);
     if (isNaN(t))
-      return console.error("THREE.FBXLoader: Invalid Order %s given for geometry ID: %s", e.Order, e.id), new ps();
+      return console.error("THREE.FBXLoader: Invalid Order %s given for geometry ID: %s", e.Order, e.id), new ms();
     const s = t - 1, i = e.KnotVector.a, n = [], r = e.Points.a;
     for (let h = 0, f = r.length; h < f; h += 4)
-      n.push(new ls().fromArray(r, h));
+      n.push(new cs().fromArray(r, h));
     let o, l;
     if (e.Form === "Closed")
       n.push(n[0]);
@@ -12049,7 +12049,7 @@ class AM {
         n.push(n[h]);
     }
     const u = new Og(s, i, n, o, l).getPoints(n.length * 12);
-    return new ps().setFromPoints(u);
+    return new ms().setFromPoints(u);
   }
 }
 class EM {
@@ -13758,7 +13758,7 @@ const HM = "srgb", ld = /* @__PURE__ */ (() => {
       const r = [], o = [], l = [];
       if (a.pointsToStrokeWithBuffers(t, s, i, n, r, o, l) === 0)
         return null;
-      const c = new ps();
+      const c = new ms();
       return c.setAttribute("position", new Is(r, 3)), c.setAttribute("normal", new Is(o, 3)), c.setAttribute("uv", new Is(l, 2)), c;
     }
     static pointsToStrokeWithBuffers(t, s, i, n, r, o, l, c) {
@@ -13952,7 +13952,7 @@ class $M extends zl {
     }), o;
   }
   _createGeometry(e) {
-    const t = new ps();
+    const t = new ms();
     e.index && t.setIndex(new Qt(e.index.array, 1));
     for (let s = 0; s < e.attributes.length; s++) {
       const i = e.attributes[s], n = i.name, r = i.array, o = i.itemSize;
@@ -14748,7 +14748,7 @@ class Zp extends ei {
     }), this.setValues(e);
   }
 }
-const ud = /* @__PURE__ */ new ls(), Vg = /* @__PURE__ */ new V(), Hg = /* @__PURE__ */ new V(), ns = /* @__PURE__ */ new ls(), rs = /* @__PURE__ */ new ls(), Di = /* @__PURE__ */ new ls(), hd = /* @__PURE__ */ new V(), dd = /* @__PURE__ */ new Qe(), as = /* @__PURE__ */ new LT(), $g = /* @__PURE__ */ new V(), gc = /* @__PURE__ */ new Bs(), yc = /* @__PURE__ */ new wa(), Li = /* @__PURE__ */ new ls();
+const ud = /* @__PURE__ */ new cs(), Vg = /* @__PURE__ */ new V(), Hg = /* @__PURE__ */ new V(), ns = /* @__PURE__ */ new cs(), rs = /* @__PURE__ */ new cs(), Di = /* @__PURE__ */ new cs(), hd = /* @__PURE__ */ new V(), dd = /* @__PURE__ */ new Qe(), as = /* @__PURE__ */ new LT(), $g = /* @__PURE__ */ new V(), gc = /* @__PURE__ */ new Bs(), yc = /* @__PURE__ */ new wa(), Li = /* @__PURE__ */ new cs();
 let Yi, Zr;
 function Wg(a, e, t) {
   return Li.set(0, 0, -e, 1).applyMatrix4(a.projectionMatrix), Li.multiplyScalar(1 / Li.w), Li.x = Zr / t.width, Li.y = Zr / t.height, Li.applyMatrix4(a.projectionMatrixInverse), Li.multiplyScalar(1 / Li.w), Math.abs(Math.max(Li.x, Li.y));
@@ -14855,7 +14855,7 @@ class YM extends XM {
 }
 class KM extends at {
   constructor(e, t = 1, s = 16, i = 2) {
-    const n = new ps(), r = s + i * 2, o = new Float32Array((r * 3 + 3) * 3);
+    const n = new ms(), r = s + i * 2, o = new Float32Array((r * 3 + 3) * 3);
     n.setAttribute("position", new Qt(o, 3));
     const l = new El({ color: 65280 }), c = new El({ color: 16776960 });
     super(n, [c, l]), this.type = "PositionalAudioHelper", this.audio = e, this.range = t, this.divisionsInnerAngle = s, this.divisionsOuterAngle = i, this.update();
@@ -15261,9 +15261,9 @@ const ZM = ["object"], Nk = /* @__PURE__ */ _e({
         key: 0,
         args: [A.value, _.value],
         center: k(n)
-      }, null, 8, iA)) : ms("", !0),
+      }, null, 8, iA)) : ls("", !0),
       Ze(T.$slots, "default")
-    ], 512)) : ms("", !0);
+    ], 512)) : ls("", !0);
   }
 });
 function kk(a, e, t) {
@@ -15434,7 +15434,7 @@ const Gk = /* @__PURE__ */ _e({
       () => {
         if (n.value) {
           const l = n.value.parent;
-          if (l && "geometry" in l && l.geometry instanceof ps) {
+          if (l && "geometry" in l && l.geometry instanceof ms) {
             const c = l.geometry;
             (c !== r.value || i.value !== o.value) && (r.value = c, o.value = i.value, n.value.geometry = new kT(c, i.value));
           }
@@ -15750,7 +15750,7 @@ let mA = class {
 var gd;
 const gA = "2.10.1", _c = 1 / 8, yA = /Mac/.test((gd = globalThis?.navigator) === null || gd === void 0 ? void 0 : gd.platform);
 let Ge, Kg, Tc, yd, Rs, qe, ht, bo, za, Oi, Ui, Nr, Zg, Qg, ni, Ga, wo, Jg, xd, ey, vd, _d, bc;
-class hs extends mA {
+class ds extends mA {
   /**
        * Injects THREE as the dependency. You can then proceed to use CameraControls.
        *
@@ -15971,7 +15971,7 @@ class hs extends mA {
       this.dispatchEvent({ type: "control" });
     }, h = (y) => {
       if (!(!this._domElement || !this._enabled)) {
-        if (this.mouseButtons.right === hs.ACTION.NONE) {
+        if (this.mouseButtons.right === ds.ACTION.NONE) {
           const x = y instanceof PointerEvent ? y.pointerId : 0, v = this._findPointerById(x);
           v && this._disposePointer(v), this._domElement.ownerDocument.removeEventListener("pointermove", o, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("pointerup", l);
           return;
@@ -16434,7 +16434,7 @@ class hs extends mA {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], n = "isObject3D" in e ? hs.createBoundingSphere(e, xd) : xd.copy(e);
+    const s = [], n = "isObject3D" in e ? ds.createBoundingSphere(e, xd) : xd.copy(e);
     if (s.push(this.moveTo(n.center.x, n.center.y, n.center.z, t)), Cr(this._camera)) {
       const r = this.getDistanceToFitSphere(n.radius);
       s.push(this.dollyTo(r, t));
@@ -16958,15 +16958,15 @@ class hs extends mA {
   }
 }
 const wx = (a) => !!(a && a.isPerspectiveCamera), Sx = (a) => !!(a && a.isOrthographicCamera), xA = ["min-polar-angle", "max-polar-angle", "min-azimuth-angle", "max-azimuth-angle", "distance", "min-distance", "max-distance", "infinity-dolly", "min-zoom", "max-zoom", "smooth-time", "dragging-smooth-time", "max-speed", "azimuth-rotate-speed", "polar-rotate-speed", "dolly-speed", "dolly-drag-inverted", "truck-speed", "dolly-to-cursor", "drag-to-offset", "vertical-drag-to-forward", "boundary-friction", "rest-threshold", "collider-meshes", "args", "mouse-buttons", "touches"], ty = (a, e) => ({
-  left: hs.ACTION.ROTATE,
-  middle: hs.ACTION.DOLLY,
-  right: hs.ACTION.TRUCK,
-  wheel: wx(a) ? hs.ACTION.DOLLY : Sx(a) ? hs.ACTION.ZOOM : hs.ACTION.NONE,
+  left: ds.ACTION.ROTATE,
+  middle: ds.ACTION.DOLLY,
+  right: ds.ACTION.TRUCK,
+  wheel: wx(a) ? ds.ACTION.DOLLY : Sx(a) ? ds.ACTION.ZOOM : ds.ACTION.NONE,
   ...e
 }), sy = (a, e) => ({
-  one: hs.ACTION.TOUCH_ROTATE,
-  two: wx(a) ? hs.ACTION.TOUCH_DOLLY_TRUCK : Sx(a) ? hs.ACTION.TOUCH_ZOOM_TRUCK : hs.ACTION.NONE,
-  three: hs.ACTION.TOUCH_TRUCK,
+  one: ds.ACTION.TOUCH_ROTATE,
+  two: wx(a) ? ds.ACTION.TOUCH_DOLLY_TRUCK : Sx(a) ? ds.ACTION.TOUCH_ZOOM_TRUCK : ds.ACTION.NONE,
+  three: ds.ACTION.TOUCH_TRUCK,
   ...e
 }), jk = /* @__PURE__ */ _e({
   __name: "CameraControls",
@@ -17041,9 +17041,9 @@ const wx = (a) => !!(a && a.isPerspectiveCamera), Sx = (a) => !!(a && a.isOrthog
       Spherical: Tu,
       Vector2: Pe,
       Vector3: V,
-      Vector4: ls
+      Vector4: cs
     };
-    hs.install({ THREE: D });
+    ds.install({ THREE: D });
     const { camera: G, renderer: O, extend: ce, controls: te, invalidate: H } = ke();
     re(s, () => {
       H();
@@ -17055,7 +17055,7 @@ const wx = (a) => !!(a && a.isPerspectiveCamera), Sx = (a) => !!(a && a.isOrthog
       s.camera || G.value,
       s.touches
     )), ge = de(null);
-    ce({ CameraControls: hs }), Pt(() => {
+    ce({ CameraControls: ds }), Pt(() => {
       we(), ge.value && n.value ? te.value = ge.value : te.value = null;
     });
     function we() {
@@ -17104,7 +17104,7 @@ const wx = (a) => !!(a && a.isPerspectiveCamera), Sx = (a) => !!(a && a.isOrthog
       args: [a.camera || k(G), a.domElement || k(O).domElement],
       "mouse-buttons": ie.value,
       touches: ue.value
-    }, null, 8, xA)) : ms("", !0);
+    }, null, 8, xA)) : ls("", !0);
   }
 });
 function vA(a, e, ...t) {
@@ -17173,7 +17173,7 @@ const qk = /* @__PURE__ */ _e({
       "dom-element": a.domElement || k(l).domElement,
       onIsLock: w,
       onChange: A
-    }, null, 8, ["selector", "make-default", "camera", "dom-element"])) : ms("", !0);
+    }, null, 8, ["selector", "make-default", "camera", "dom-element"])) : ls("", !0);
   }
 }), _A = ["args", "auto-rotate", "auto-rotate-speed", "enable-damping", "damping-factor", "enable-pan", "key-pan-speed", "keys", "max-azimuth-angle", "min-azimuth-angle", "max-polar-angle", "min-polar-angle", "min-distance", "max-distance", "min-zoom", "max-zoom", "enable-zoom", "zoom-speed", "enable-rotate", "rotate-speed"], Yk = /* @__PURE__ */ _e({
   __name: "MapControls",
@@ -17263,7 +17263,7 @@ const qk = /* @__PURE__ */ _e({
       "zoom-speed": k(v),
       "enable-rotate": k(w),
       "rotate-speed": k(A)
-    }, null, 8, _A)) : ms("", !0);
+    }, null, 8, _A)) : ls("", !0);
   }
 }), TA = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "damping-factor", "enable-pan", "key-pan-speed", "keys", "max-azimuth-angle", "min-azimuth-angle", "max-polar-angle", "min-polar-angle", "min-distance", "max-distance", "min-zoom", "max-zoom", "touches", "enable-zoom", "zoom-speed", "enable-rotate", "rotate-speed", "mouse-buttons", "args"], Kk = /* @__PURE__ */ _e({
   __name: "OrbitControls",
@@ -17360,7 +17360,7 @@ const qk = /* @__PURE__ */ _e({
       "rotate-speed": k(_),
       "mouse-buttons": k(S),
       args: [a.camera || k(E), a.domElement || k(C).domElement]
-    }, null, 8, TA)) : ms("", !0);
+    }, null, 8, TA)) : ls("", !0);
   }
 }), bA = ["args"], wA = /* @__PURE__ */ _e({
   __name: "PointerLockControls",
@@ -17396,7 +17396,7 @@ const qk = /* @__PURE__ */ _e({
       ref_key: "controlsRef",
       ref: u,
       args: [a.camera || k(n), a.domElement || k(r).domElement]
-    }, null, 8, bA)) : ms("", !0);
+    }, null, 8, bA)) : ls("", !0);
   }
 }), Zk = /* @__PURE__ */ _e({
   __name: "ScrollControls",
@@ -17535,7 +17535,7 @@ const qk = /* @__PURE__ */ _e({
       "show-y": k(m),
       "show-z": k(g),
       visible: !0
-    }, null, 8, SA)) : ms("", !0);
+    }, null, 8, SA)) : ls("", !0);
   }
 });
 function MA(a, e = {}) {
@@ -17630,7 +17630,7 @@ const AA = { key: 0 }, EA = ["geometry", "render-order"], Jk = /* @__PURE__ */ _
       layers: n
     }), kt(() => {
       r();
-    }), (o, l) => k(i) ? ms("", !0) : (me(), ve("TresGroup", AA, [
+    }), (o, l) => k(i) ? ls("", !0) : (me(), ve("TresGroup", AA, [
       (me(!0), ve(W1, null, j1(k(n), ({ geometry: c, material: u, isStroke: h }, f) => (me(), ve("TresMesh", ft({
         key: `${f}`
       }, { ref_for: !0 }, h ? t.strokeMeshProps : t.fillMeshProps, {
@@ -17662,14 +17662,17 @@ const CA = ["object"], ez = /* @__PURE__ */ _e({
     receiveShadow: { type: Boolean, default: !1 }
   },
   setup(a, { expose: e }) {
-    const t = a, { state: s } = RA(t.path);
+    const t = a, { state: s, isLoading: i } = RA(t.path);
     return e({
       instance: s
     }), Pt(() => {
-      s.value && (t.castShadow || t.receiveShadow) && s.value.traverse((i) => {
-        i instanceof Ae && (i.castShadow = t.castShadow, i.receiveShadow = t.receiveShadow);
+      s.value && (t.castShadow || t.receiveShadow) && s.value.traverse((n) => {
+        n instanceof Ae && (n.castShadow = t.castShadow, n.receiveShadow = t.receiveShadow);
       });
-    }), (i, n) => (me(), ve("primitive", ft({ object: k(s) }, i.$attrs), null, 16, CA));
+    }), (n, r) => !k(i) && k(s) ? (me(), ve("primitive", ft({
+      key: 0,
+      object: k(s)
+    }, n.$attrs), null, 16, CA)) : ls("", !0);
   }
 });
 function NA(a, e) {
@@ -17714,7 +17717,7 @@ const PA = ["object"], tz = /* @__PURE__ */ _e({
     }), (n, r) => !k(i) && k(s)?.scene ? (me(), ve("primitive", ft({
       key: 0,
       object: k(s)?.scene
-    }, n.$attrs), null, 16, PA)) : ms("", !0);
+    }, n.$attrs), null, 16, PA)) : ls("", !0);
   }
 }), sz = /* @__PURE__ */ _e({
   __name: "component",
@@ -20354,7 +20357,7 @@ class AE {
       depthBuffer: !1,
       type: ci
     }), this.renderTargetB = this.renderTargetA.clone(), this.convolutionMaterial = new ME(), this.convolutionMaterial.setTexelSize(1 / t, 1 / s), this.convolutionMaterial.setResolution(new Pe(t, s)), this.scene = new Ml(), this.camera = new jT(), this.convolutionMaterial.uniforms.depthEdge0.value = i, this.convolutionMaterial.uniforms.depthEdge1.value = n, this.convolutionMaterial.uniforms.depthScale.value = r, this.convolutionMaterial.uniforms.depthBias.value = o, this.convolutionMaterial.defines.USE_DEPTH = r > 0;
-    const l = new Float32Array([-1, -1, 0, 3, -1, 0, -1, 3, 0]), c = new Float32Array([0, 0, 2, 0, 0, 2]), u = new ps();
+    const l = new Float32Array([-1, -1, 0, 3, -1, 0, -1, 3, 0]), c = new Float32Array([0, 0, 2, 0, 0, 2]), u = new ms();
     u.setAttribute("position", new Qt(l, 3)), u.setAttribute("uv", new Qt(c, 2)), this.screen = new Ae(u, this.convolutionMaterial), this.screen.frustumCulled = !1, this.scene.add(this.screen);
   }
   render(e, t, s) {
@@ -20579,7 +20582,7 @@ class EE extends Gl {
  * Copyright 2010-2025 Three.js Authors
  * SPDX-License-Identifier: MIT
  */
-const vh = "180", RE = 0, CE = 1, NE = 2, PE = 0, IE = 1, hu = 3, dr = 0, Ms = 1, Qr = 2, fa = 0, Nn = 1, Au = 2, Eu = 3, Ru = 4, fl = 5, Ri = 100, Nx = 101, Px = 102, BE = 103, FE = 104, sr = 200, Ix = 201, Bx = 202, Fx = 203, Cu = 204, Nu = 205, Dx = 206, Lx = 207, Ox = 208, Ux = 209, kx = 210, zx = 0, Gx = 1, Vx = 2, Pu = 3, Hx = 4, $x = 5, Wx = 6, jx = 7, _h = 0, DE = 1, LE = 2, ta = 0, OE = 1, UE = 2, kE = 3, zE = 4, GE = 6, VE = 7, Qp = 300, Nl = 301, Iu = 302, Jp = 303, em = 304, ip = 306, pa = 1e3, cr = 1001, ma = 1002, Zt = 1003, qx = 1004, Pl = 1005, ti = 1006, np = 1007, Pn = 1008, gs = 1009, sa = 1010, ia = 1011, Kr = 1012, ds = 1013, zt = 1014, Ds = 1015, Ks = 1016, Xx = 1017, Yx = 1018, fr = 1020, tm = 35902, sm = 35899, Kx = 1021, Th = 1022, Zs = 1023, Qi = 1026, In = 1027, bh = 1028, wh = 1029, ur = 1030, Sh = 1031, HE = 1032, Mh = 1033, pl = 33776, ml = 33777, gl = 33778, yl = 33779, rp = 35840, op = 35841, ap = 35842, lp = 35843, Bu = 36196, Fu = 37492, Du = 37496, Lu = 37808, Ou = 37809, Uu = 37810, ku = 37811, zu = 37812, Gu = 37813, Vu = 37814, Hu = 37815, $u = 37816, Wu = 37817, ju = 37818, qu = 37819, Xu = 37820, Yu = 37821, Ku = 36492, $E = 36494, WE = 36495, Zu = 36283, Qu = 36284, Ju = 36285, eh = 36286, mr = 0, jE = 1, gr = "", js = "srgb", cp = "srgb-linear", th = "linear", ze = "srgb", qE = 0, zr = 7680, XE = 7681, YE = 7682, KE = 7683, ZE = 34055, QE = 34056, JE = 5386, eR = 512, tR = 513, sR = 514, iR = 515, nR = 516, rR = 517, oR = 518, up = 519, Zx = 512, im = 513, Qx = 514, Jx = 515, ev = 516, tv = 517, sv = 518, iv = 519, sh = 35044, jo = 35048, Qs = 2e3, yr = 2001, qo = {
+const vh = "180", RE = 0, CE = 1, NE = 2, PE = 0, IE = 1, hu = 3, dr = 0, Ms = 1, Qr = 2, fa = 0, Nn = 1, Au = 2, Eu = 3, Ru = 4, fl = 5, Ri = 100, Nx = 101, Px = 102, BE = 103, FE = 104, sr = 200, Ix = 201, Bx = 202, Fx = 203, Cu = 204, Nu = 205, Dx = 206, Lx = 207, Ox = 208, Ux = 209, kx = 210, zx = 0, Gx = 1, Vx = 2, Pu = 3, Hx = 4, $x = 5, Wx = 6, jx = 7, _h = 0, DE = 1, LE = 2, ta = 0, OE = 1, UE = 2, kE = 3, zE = 4, GE = 6, VE = 7, Qp = 300, Nl = 301, Iu = 302, Jp = 303, em = 304, ip = 306, pa = 1e3, cr = 1001, ma = 1002, Zt = 1003, qx = 1004, Pl = 1005, ti = 1006, np = 1007, Pn = 1008, gs = 1009, sa = 1010, ia = 1011, Kr = 1012, fs = 1013, zt = 1014, Ds = 1015, Ks = 1016, Xx = 1017, Yx = 1018, fr = 1020, tm = 35902, sm = 35899, Kx = 1021, Th = 1022, Zs = 1023, Qi = 1026, In = 1027, bh = 1028, wh = 1029, ur = 1030, Sh = 1031, HE = 1032, Mh = 1033, pl = 33776, ml = 33777, gl = 33778, yl = 33779, rp = 35840, op = 35841, ap = 35842, lp = 35843, Bu = 36196, Fu = 37492, Du = 37496, Lu = 37808, Ou = 37809, Uu = 37810, ku = 37811, zu = 37812, Gu = 37813, Vu = 37814, Hu = 37815, $u = 37816, Wu = 37817, ju = 37818, qu = 37819, Xu = 37820, Yu = 37821, Ku = 36492, $E = 36494, WE = 36495, Zu = 36283, Qu = 36284, Ju = 36285, eh = 36286, mr = 0, jE = 1, gr = "", js = "srgb", cp = "srgb-linear", th = "linear", ze = "srgb", qE = 0, zr = 7680, XE = 7681, YE = 7682, KE = 7683, ZE = 34055, QE = 34056, JE = 5386, eR = 512, tR = 513, sR = 514, iR = 515, nR = 516, rR = 517, oR = 518, up = 519, Zx = 512, im = 513, Qx = 514, Jx = 515, ev = 516, tv = 517, sv = 518, iv = 519, sh = 35044, jo = 35048, Qs = 2e3, yr = 2001, qo = {
   COMPUTE: "compute",
   RENDER: "render"
 };
@@ -20639,12 +20642,12 @@ class co {
     }
   }
 }
-const cs = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
+const us = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
 let yy = 1234567;
 const xl = Math.PI / 180, ga = 180 / Math.PI;
 function Bn() {
   const a = Math.random() * 4294967295 | 0, e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, s = Math.random() * 4294967295 | 0;
-  return (cs[a & 255] + cs[a >> 8 & 255] + cs[a >> 16 & 255] + cs[a >> 24 & 255] + "-" + cs[e & 255] + cs[e >> 8 & 255] + "-" + cs[e >> 16 & 15 | 64] + cs[e >> 24 & 255] + "-" + cs[t & 63 | 128] + cs[t >> 8 & 255] + "-" + cs[t >> 16 & 255] + cs[t >> 24 & 255] + cs[s & 255] + cs[s >> 8 & 255] + cs[s >> 16 & 255] + cs[s >> 24 & 255]).toLowerCase();
+  return (us[a & 255] + us[a >> 8 & 255] + us[a >> 16 & 255] + us[a >> 24 & 255] + "-" + us[e & 255] + us[e >> 8 & 255] + "-" + us[e >> 16 & 15 | 64] + us[e >> 24 & 255] + "-" + us[t & 63 | 128] + us[t >> 8 & 255] + "-" + us[t >> 16 & 255] + us[t >> 24 & 255] + us[s & 255] + us[s >> 8 & 255] + us[s >> 16 & 255] + us[s >> 24 & 255]).toLowerCase();
 }
 function Je(a, e, t) {
   return Math.max(e, Math.min(t, a));
@@ -27528,7 +27531,7 @@ class pt {
    * @return {number} The hexadecimal value.
    */
   getHex(e = js) {
-    return yt.workingToColorSpace(us.copy(this), e), Math.round(Je(us.r * 255, 0, 255)) * 65536 + Math.round(Je(us.g * 255, 0, 255)) * 256 + Math.round(Je(us.b * 255, 0, 255));
+    return yt.workingToColorSpace(hs.copy(this), e), Math.round(Je(hs.r * 255, 0, 255)) * 65536 + Math.round(Je(hs.g * 255, 0, 255)) * 256 + Math.round(Je(hs.b * 255, 0, 255));
   }
   /**
    * Returns the hexadecimal value of this color as a string (for example, 'FFFFFF').
@@ -27548,8 +27551,8 @@ class pt {
    * @return {{h:number,s:number,l:number}} The HSL representation of this color.
    */
   getHSL(e, t = yt.workingColorSpace) {
-    yt.workingToColorSpace(us.copy(this), t);
-    const s = us.r, i = us.g, n = us.b, r = Math.max(s, i, n), o = Math.min(s, i, n);
+    yt.workingToColorSpace(hs.copy(this), t);
+    const s = hs.r, i = hs.g, n = hs.b, r = Math.max(s, i, n), o = Math.min(s, i, n);
     let l, c;
     const u = (o + r) / 2;
     if (o === r)
@@ -27579,7 +27582,7 @@ class pt {
    * @return {Color} The RGB representation of this color.
    */
   getRGB(e, t = yt.workingColorSpace) {
-    return yt.workingToColorSpace(us.copy(this), t), e.r = us.r, e.g = us.g, e.b = us.b, e;
+    return yt.workingToColorSpace(hs.copy(this), t), e.r = hs.r, e.g = hs.g, e.b = hs.b, e;
   }
   /**
    * Returns the value of this color as a CSS style string. Example: `rgb(255,0,0)`.
@@ -27588,8 +27591,8 @@ class pt {
    * @return {string} The CSS representation of this color.
    */
   getStyle(e = js) {
-    yt.workingToColorSpace(us.copy(this), e);
-    const t = us.r, s = us.g, i = us.b;
+    yt.workingToColorSpace(hs.copy(this), e);
+    const t = hs.r, s = hs.g, i = hs.b;
     return e !== js ? `color(${e} ${t.toFixed(3)} ${s.toFixed(3)} ${i.toFixed(3)})` : `rgb(${Math.round(t * 255)},${Math.round(s * 255)},${Math.round(i * 255)})`;
   }
   /**
@@ -27773,7 +27776,7 @@ class pt {
     yield this.r, yield this.g, yield this.b;
   }
 }
-const us = /* @__PURE__ */ new pt();
+const hs = /* @__PURE__ */ new pt();
 pt.NAMES = rv;
 let zR = 0;
 class Us extends co {
@@ -32010,7 +32013,7 @@ function EC(a) {
     case Yx:
       return { byteLength: 2, components: 4 };
     case zt:
-    case ds:
+    case fs:
     case Ds:
       return { byteLength: 4, components: 1 };
     case tm:
@@ -35296,7 +35299,7 @@ class Ea extends Xl {
    * @return {string} The node type.
    */
   getNodeType() {
-    return this.value.isDepthTexture === !0 ? "float" : this.value.type === zt ? "uvec4" : this.value.type === ds ? "ivec4" : "vec4";
+    return this.value.isDepthTexture === !0 ? "float" : this.value.type === zt ? "uvec4" : this.value.type === fs ? "ivec4" : "vec4";
   }
   /**
    * Overwrites the default implementation to return a fixed value `'texture'`.
@@ -35983,7 +35986,7 @@ yi.RADIUS;
 const pP = /* @__PURE__ */ Ue(new zs()).onObjectUpdate(({ object: a }, e) => e.value.getNormalMatrix(a.matrixWorld)), Fh = /* @__PURE__ */ he((a) => a.renderer.overrideNodes.modelViewMatrix || mP).once()().toVar("modelViewMatrix"), mP = /* @__PURE__ */ Hn.mul(oo), Qy = /* @__PURE__ */ he((a) => (a.context.isHighPrecisionModelViewMatrix = !0, Ue("mat4").onObjectUpdate(({ object: e, camera: t }) => e.modelViewMatrix.multiplyMatrices(t.matrixWorldInverse, e.matrixWorld)))).once()().toVar("highpModelViewMatrix"), Jy = /* @__PURE__ */ he((a) => {
   const e = a.context.isHighPrecisionModelViewMatrix;
   return Ue("mat3").onObjectUpdate(({ object: t, camera: s }) => (e !== !0 && t.modelViewMatrix.multiplyMatrices(s.matrixWorldInverse, t.matrixWorld), t.normalMatrix.getNormalMatrix(t.modelViewMatrix)));
-}).once()().toVar("highpModelNormalViewMatrix"), Dh = /* @__PURE__ */ vr("position", "vec3"), fs = /* @__PURE__ */ Dh.toVarying("positionLocal"), e0 = /* @__PURE__ */ Dh.toVarying("positionPrevious"), va = /* @__PURE__ */ he((a) => oo.mul(fs).xyz.toVarying(a.getSubBuildProperty("v_positionWorld")), "vec3").once(["POSITION"])(), Jv = /* @__PURE__ */ he(() => fs.transformDirection(oo).toVarying("v_positionWorldDirection").normalize().toVar("positionWorldDirection"), "vec3").once(["POSITION"])(), Ht = /* @__PURE__ */ he((a) => a.context.setupPositionView().toVarying("v_positionView"), "vec3").once(["POSITION"])(), Ut = /* @__PURE__ */ Ht.negate().toVarying("v_positionViewDirection").normalize().toVar("positionViewDirection");
+}).once()().toVar("highpModelNormalViewMatrix"), Dh = /* @__PURE__ */ vr("position", "vec3"), ps = /* @__PURE__ */ Dh.toVarying("positionLocal"), e0 = /* @__PURE__ */ Dh.toVarying("positionPrevious"), va = /* @__PURE__ */ he((a) => oo.mul(ps).xyz.toVarying(a.getSubBuildProperty("v_positionWorld")), "vec3").once(["POSITION"])(), Jv = /* @__PURE__ */ he(() => ps.transformDirection(oo).toVarying("v_positionWorldDirection").normalize().toVar("positionWorldDirection"), "vec3").once(["POSITION"])(), Ht = /* @__PURE__ */ he((a) => a.context.setupPositionView().toVarying("v_positionView"), "vec3").once(["POSITION"])(), Ut = /* @__PURE__ */ Ht.negate().toVarying("v_positionViewDirection").normalize().toVar("positionViewDirection");
 class gP extends Ie {
   static get type() {
     return "FrontFacingNode";
@@ -36618,8 +36621,8 @@ class bI extends Ie {
       const l = new eC(s.array, 3), c = s.usage === jo ? Ky : Yy;
       this.bufferColor = l, r = le(c(l, "vec3", 3, 0)), this.instanceColorNode = r;
     }
-    const o = n.mul(fs).xyz;
-    if (fs.assign(o), e.hasGeometryAttribute("normal")) {
+    const o = n.mul(ps).xyz;
+    if (ps.assign(o), e.hasGeometryAttribute("normal")) {
       const l = _P(rn, n);
       rn.assign(l);
     }
@@ -36699,7 +36702,7 @@ class MI extends Ie {
       ah("vec3", "vBatchColor").assign(m);
     }
     const h = Es(c);
-    fs.assign(c.mul(fs));
+    ps.assign(c.mul(ps));
     const f = rn.div(le(h[0].dot(h[0]), h[1].dot(h[1]), h[2].dot(h[2]))), d = h.mul(f).xyz;
     rn.assign(d), e.hasGeometryAttribute("tangent") && zm.mulAssign(h);
   }
@@ -36715,7 +36718,7 @@ class EI extends Ie {
    * @param {SkinnedMesh} skinnedMesh - The skinned mesh.
    */
   constructor(e) {
-    super("void"), this.skinnedMesh = e, this.updateType = Xe.OBJECT, this.skinIndexNode = vr("skinIndex", "uvec4"), this.skinWeightNode = vr("skinWeight", "vec4"), this.bindMatrixNode = At("bindMatrix", "mat4"), this.bindMatrixInverseNode = At("bindMatrixInverse", "mat4"), this.boneMatricesNode = s0("skeleton.boneMatrices", "mat4", e.skeleton.bones.length), this.positionNode = fs, this.toPositionNode = fs, this.previousBoneMatricesNode = null;
+    super("void"), this.skinnedMesh = e, this.updateType = Xe.OBJECT, this.skinIndexNode = vr("skinIndex", "uvec4"), this.skinWeightNode = vr("skinWeight", "vec4"), this.bindMatrixNode = At("bindMatrix", "mat4"), this.bindMatrixInverseNode = At("bindMatrixInverse", "mat4"), this.boneMatricesNode = s0("skeleton.boneMatrices", "mat4", e.skeleton.bones.length), this.positionNode = ps, this.toPositionNode = ps, this.previousBoneMatricesNode = null;
   }
   /**
    * Transforms the given vertex position via skinning.
@@ -36965,12 +36968,12 @@ class II extends Ie {
    */
   setup(e) {
     const { geometry: t } = e, s = t.morphAttributes.position !== void 0, i = t.hasAttribute("normal") && t.morphAttributes.normal !== void 0, n = t.morphAttributes.position || t.morphAttributes.normal || t.morphAttributes.color, r = n !== void 0 ? n.length : 0, { texture: o, stride: l, size: c } = PI(t);
-    s === !0 && fs.mulAssign(this.morphBaseInfluence), i === !0 && rn.mulAssign(this.morphBaseInfluence);
+    s === !0 && ps.mulAssign(this.morphBaseInfluence), i === !0 && rn.mulAssign(this.morphBaseInfluence);
     const u = Nt(c.width);
     Pi(r, ({ i: h }) => {
       const f = ae(0).toVar();
       this.mesh.count > 1 && this.mesh.morphTexture !== null && this.mesh.morphTexture !== void 0 ? f.assign(Mi(this.mesh.morphTexture, Tn(Nt(h).add(1), Nt(Gm))).r) : f.assign(At("morphTargetInfluences", "float").element(h).toVar()), Gt(f.notEqual(0), () => {
-        s === !0 && fs.addAssign(l0({
+        s === !0 && ps.addAssign(l0({
           bufferMap: o,
           influence: f,
           stride: l,
@@ -37504,7 +37507,7 @@ class jt extends Us {
    * @return {Node<vec3>} The position in view space.
    */
   setupPositionView() {
-    return Fh.mul(fs).xyz;
+    return Fh.mul(ps).xyz;
   }
   /**
    * Setups the position in clip space.
@@ -37534,9 +37537,9 @@ class jt extends Us {
     const { object: t, geometry: s } = e;
     if ((s.morphAttributes.position || s.morphAttributes.normal || s.morphAttributes.color) && BI(t).toStack(), t.isSkinnedMesh === !0 && RI(t).toStack(), this.displacementMap) {
       const i = or("displacementMap", "texture"), n = or("displacementScale", "float"), r = or("displacementBias", "float");
-      fs.addAssign(rn.normalize().mul(i.x.mul(n).add(r)));
+      ps.addAssign(rn.normalize().mul(i.x.mul(n).add(r)));
     }
-    return t.isBatchedMesh && AI(t).toStack(), t.isInstancedMesh && t.instanceMatrix && t.instanceMatrix.isInstancedBufferAttribute === !0 && SI(t).toStack(), this.positionNode !== null && fs.assign(bl(this.positionNode, "POSITION", "vec3")), fs;
+    return t.isBatchedMesh && AI(t).toStack(), t.isInstancedMesh && t.instanceMatrix && t.instanceMatrix.isInstancedBufferAttribute === !0 && SI(t).toStack(), this.positionNode !== null && ps.assign(bl(this.positionNode, "POSITION", "vec3")), ps;
   }
   /**
    * Setups the computation of the material's diffuse color.
@@ -37551,7 +37554,7 @@ class jt extends Us {
     const i = this.opacityNode ? ae(this.opacityNode) : f_;
     dt.a.assign(dt.a.mul(i));
     let n = null;
-    (this.alphaTestNode !== null || this.alphaTest > 0) && (n = this.alphaTestNode !== null ? ae(this.alphaTestNode) : HP, dt.a.lessThanEqual(n).discard()), this.alphaHash === !0 && dt.a.lessThan(jI(fs)).discard(), this.transparent === !1 && this.blending === Nn && this.alphaToCoverage === !1 ? dt.a.assign(1) : n === null && dt.a.lessThanEqual(0).discard();
+    (this.alphaTestNode !== null || this.alphaTest > 0) && (n = this.alphaTestNode !== null ? ae(this.alphaTestNode) : HP, dt.a.lessThanEqual(n).discard()), this.alphaHash === !0 && dt.a.lessThan(jI(ps)).discard(), this.transparent === !1 && this.blending === Nn && this.alphaToCoverage === !1 ? dt.a.assign(1) : n === null && dt.a.lessThanEqual(0).discard();
   }
   /**
    * Abstract interface method that can be implemented by derived materials
@@ -39645,7 +39648,7 @@ class vF extends U_ {
   }
   setupPositionView() {
     const { positionNode: e } = this;
-    return Fh.mul(le(e || fs)).xyz;
+    return Fh.mul(le(e || ps)).xyz;
   }
   setupVertexSprite(e) {
     const { material: t, camera: s } = e, { rotationNode: i, scaleNode: n, sizeNode: r, sizeAttenuation: o } = this;
@@ -44137,7 +44140,7 @@ class Z_ {
   getComponentTypeFromTexture(e) {
     const t = e.type;
     if (e.isDataTexture) {
-      if (t === ds) return "int";
+      if (t === fs) return "int";
       if (t === zt) return "uint";
     }
     return "float";
@@ -48313,7 +48316,7 @@ ${s.code}
         Uint32Array: zt,
         Int8Array: sa,
         Int16Array: ia,
-        Int32Array: ds,
+        Int32Array: fs,
         Uint8ClampedArray: gs
       }, c = Math.pow(2, Math.ceil(Math.log2(Math.sqrt(i / n))));
       let u = Math.ceil(i / n / c);
@@ -48361,7 +48364,7 @@ ${s.code}
       f === void 0 && (f = c + "Size", this.getVarFromNode(t, f, "uint"), this.addLineFlowCode(`${f} = uint( textureSize( ${r}, 0 ).x )`, e), h.propertySizeName = f);
       const { itemSize: d } = i, p = "." + Aa.join("").slice(0, d), m = `ivec2(${o} % ${f}, ${o} / ${f})`, g = this.generateTextureLoad(null, r, m, null, null, "0");
       let y = "vec4";
-      i.pbo.type === zt ? y = "uvec4" : i.pbo.type === ds && (y = "ivec4"), this.addLineFlowCode(`${c} = ${y}(${g})${p}`, e), l.propertyName = c;
+      i.pbo.type === zt ? y = "uvec4" : i.pbo.type === fs && (y = "ivec4"), this.addLineFlowCode(`${c} = ${y}(${g})${p}`, e), l.propertyName = c;
     }
     return c;
   }
@@ -48477,7 +48480,7 @@ ${s.code}
       if (r.type === "texture" || r.type === "texture3D") {
         const u = r.node.value;
         let h = "";
-        (u.isDataTexture === !0 || u.isData3DTexture === !0) && (u.type === zt ? h = "u" : u.type === ds && (h = "i")), r.type === "texture3D" && u.isArrayTexture === !1 ? o = `${h}sampler3D ${r.name};` : u.compareFunction ? u.isArrayTexture === !0 ? o = `sampler2DArrayShadow ${r.name};` : o = `sampler2DShadow ${r.name};` : u.isArrayTexture === !0 || u.isDataArrayTexture === !0 || u.isCompressedArrayTexture === !0 ? o = `${h}sampler2DArray ${r.name};` : o = `${h}sampler2D ${r.name};`;
+        (u.isDataTexture === !0 || u.isData3DTexture === !0) && (u.type === zt ? h = "u" : u.type === fs && (h = "i")), r.type === "texture3D" && u.isArrayTexture === !1 ? o = `${h}sampler3D ${r.name};` : u.compareFunction ? u.isArrayTexture === !0 ? o = `sampler2DArrayShadow ${r.name};` : o = `sampler2DShadow ${r.name};` : u.isArrayTexture === !0 || u.isDataArrayTexture === !0 || u.isCompressedArrayTexture === !0 ? o = `${h}sampler2DArray ${r.name};` : o = `${h}sampler2D ${r.name};`;
       } else if (r.type === "cubeTexture")
         o = `samplerCube ${r.name};`;
       else if (r.type === "buffer") {
@@ -48514,7 +48517,7 @@ ${s.code}
    */
   getTypeFromAttribute(e) {
     let t = super.getTypeFromAttribute(e);
-    if (/^[iu]/.test(t) && e.gpuType !== ds) {
+    if (/^[iu]/.test(t) && e.gpuType !== fs) {
       let s = e;
       e.isInterleavedBufferAttribute && (s = e.data);
       const i = s.array;
@@ -49561,7 +49564,7 @@ class u3 {
       bytesPerElement: n.BYTES_PER_ELEMENT,
       version: e.version,
       pbo: e.pbo,
-      isInteger: u === i.INT || u === i.UNSIGNED_INT || e.gpuType === ds,
+      isInteger: u === i.INT || u === i.UNSIGNED_INT || e.gpuType === fs,
       id: l3++
     };
     if (e.isStorageBufferAttribute || e.isStorageInstancedBufferAttribute) {
@@ -50152,7 +50155,7 @@ class d3 {
     if (e === sa) return s.BYTE;
     if (e === ia) return s.SHORT;
     if (e === Kr) return s.UNSIGNED_SHORT;
-    if (e === ds) return s.INT;
+    if (e === fs) return s.INT;
     if (e === zt) return s.UNSIGNED_INT;
     if (e === Ds) return s.FLOAT;
     if (e === Ks)
@@ -53184,7 +53187,7 @@ function Rp(a, e = null) {
           case zt:
             r = U.RGBA32Uint;
             break;
-          case ds:
+          case fs:
             r = U.RGBA32Sint;
             break;
           case gs:
@@ -53226,7 +53229,7 @@ function Rp(a, e = null) {
           case zt:
             r = U.R32Uint;
             break;
-          case ds:
+          case fs:
             r = U.R32Sint;
             break;
           case gs:
@@ -53256,7 +53259,7 @@ function Rp(a, e = null) {
           case zt:
             r = U.RG32Uint;
             break;
-          case ds:
+          case fs:
             r = U.RG32Sint;
             break;
           case gs:
@@ -53301,7 +53304,7 @@ function Rp(a, e = null) {
         break;
       case wh:
         switch (s) {
-          case ds:
+          case fs:
             r = U.R32Sint;
             break;
           case zt:
@@ -53313,7 +53316,7 @@ function Rp(a, e = null) {
         break;
       case Sh:
         switch (s) {
-          case ds:
+          case fs:
             r = U.RG32Sint;
             break;
           case zt:
@@ -53325,7 +53328,7 @@ function Rp(a, e = null) {
         break;
       case Mh:
         switch (s) {
-          case ds:
+          case fs:
             r = U.RGBA32Sint;
             break;
           case zt:
@@ -54988,7 +54991,7 @@ class G3 {
           t.compatibilityMode && r.texture.compareFunction === null ? l.sampleType = Ur.UnfilterableFloat : l.sampleType = Ur.Depth;
         else if (r.texture.isDataTexture || r.texture.isDataArrayTexture || r.texture.isData3DTexture) {
           const u = r.texture.type;
-          u === ds ? l.sampleType = Ur.SInt : u === zt ? l.sampleType = Ur.UInt : u === Ds && (this.backend.hasFeature("float32-filterable") ? l.sampleType = Ur.Float : l.sampleType = Ur.UnfilterableFloat);
+          u === fs ? l.sampleType = Ur.SInt : u === zt ? l.sampleType = Ur.UInt : u === Ds && (this.backend.hasFeature("float32-filterable") ? l.sampleType = Ur.Float : l.sampleType = Ur.UnfilterableFloat);
         }
         r.isSampledCubeTexture ? l.viewDimension = Wt.Cube : r.texture.isArrayTexture || r.texture.isDataArrayTexture || r.texture.isCompressedArrayTexture ? l.viewDimension = Wt.TwoDArray : r.isSampledTexture3D && (l.viewDimension = Wt.ThreeD), o.texture = l;
       } else if (r.isSampler) {
@@ -56851,10 +56854,10 @@ const Y3 = ["texture-matrix", "t-sharp", "t-depth", "t-blur", "defines-USE_BLUR"
       cameraWorldPosition: new V(),
       rotationMatrix: new Qe(),
       lookAtPosition: new V(0, 0, -1),
-      clipPlane: new ls(),
+      clipPlane: new cs(),
       view: new V(),
       target: new V(),
-      q: new ls(),
+      q: new cs(),
       virtualCamera: new fi(),
       textureMatrix: new Qe()
     }, p = new ui(
@@ -57358,7 +57361,7 @@ const oO = /* @__PURE__ */ ((a) => (e) => hT(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
         ref: l,
         geometry: k(c),
         material: W.value
-      }, null, 8, lO)) : ms("", !0)
+      }, null, 8, lO)) : ls("", !0)
     ], 512));
   }
 });
@@ -58174,7 +58177,7 @@ const xO = ["args"], vO = ["color"], Tz = /* @__PURE__ */ _e({
   setup(a, { expose: e }) {
     const t = a, { invalidate: s } = ke(), { cos: i, sin: n, abs: r } = Math, o = de(), l = de(t.color);
     function c(d, p) {
-      const m = new ps(), g = d * p, y = new Float32Array(Array.from({ length: 3 * g }).fill(0)), x = new Float32Array(Array.from({ length: 3 * g }).fill(0)), v = [];
+      const m = new ms(), g = d * p, y = new Float32Array(Array.from({ length: 3 * g }).fill(0)), x = new Float32Array(Array.from({ length: 3 * g }).fill(0)), v = [];
       for (let w = 0; w < p - 1; w++) {
         for (let T = 0; T < d - 1; T++) {
           const S = w * d + T, E = S + 1, C = S + d, B = E + d;
@@ -60168,7 +60171,7 @@ const qU = ["object"], Kz = /* @__PURE__ */ _e({
           position: d.value,
           intensity: a.intensity
         }, null, 8, ZU)
-      ])) : ms("", !0),
+      ])) : ls("", !0),
       An(k(yU), ft({
         ref_key: "boundsRef",
         ref: o,
@@ -60198,7 +60201,7 @@ const qU = ["object"], Kz = /* @__PURE__ */ _e({
           scale: i.value * 4,
           far: i.value,
           blur: 2
-        }, p.value), null, 16, ["scale", "far"])) : ms("", !0),
+        }, p.value), null, 16, ["scale", "far"])) : ls("", !0),
         m.value ? (me(), En(k(lU), ft({
           key: 1,
           ref_key: "accumulativeShadowsRef",
@@ -60221,10 +60224,10 @@ const qU = ["object"], Kz = /* @__PURE__ */ _e({
             }, m.value), null, 16, ["position", "count", "radius", "intensity", "ambient", "size", "bias", "map-size"])
           ]),
           _: 1
-        }, 16, ["scale"])) : ms("", !0),
+        }, 16, ["scale"])) : ls("", !0),
         (me(), En(rb, null, {
           default: ac(() => [
-            g.value ? (me(), En(k(tk), ob(ft({ key: 0 }, g.value)), null, 16)) : ms("", !0)
+            g.value ? (me(), En(k(tk), ob(ft({ key: 0 }, g.value)), null, 16)) : ls("", !0)
           ]),
           _: 1
         }))
@@ -60366,7 +60369,7 @@ const tk = /* @__PURE__ */ _e({
       ref: f
     }, [
       Ze(y.$slots, "default")
-    ], 512)) : ms("", !0);
+    ], 512)) : ls("", !0);
   }
 }), sk = {
   key: 0,
@@ -60427,7 +60430,7 @@ export {
   uk as AnimatedSprite,
   Gz as Backdrop,
   pz as BakeShadows,
-  hs as BaseCameraControls,
+  ds as BaseCameraControls,
   dk as Billboard,
   yU as Bounds,
   Tz as Box,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/cientos",
   "type": "module",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "description": "Collection of useful helpers and fully functional, ready-made abstractions for Tres",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@tresjs/core": "5.0.3",
+    "@tresjs/core": "5.1.0",
     "three": ">=0.133",
     "vue": ">=3.5.17"
   },
@@ -78,8 +78,8 @@
     "vite-plugin-glsl": "^1.5.1",
     "vite-svg-loader": "^5.1.0",
     "vue-tsc": "^3.0.7",
-    "@tresjs/eslint-config": "1.4.1",
-    "@tresjs/core": "5.0.3"
+    "@tresjs/core": "5.1.0",
+    "@tresjs/eslint-config": "1.5.0"
   },
   "nx": {
     "implicitDependencies": [