@tresjs/core 4.3.1 → 4.3.2

package/dist/src/composables/useLoader/component.vue.d.ts

@@ -1,21 +1,20 @@
 import { LoaderProto } from './index';
+type __VLS_Props = {
+    loader: LoaderProto<unknown>;
+    url: string | string[];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             data: unknown;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    loader: LoaderProto<unknown>;
-    url: string | string[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    loader: LoaderProto<unknown>;
-    url: string | string[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/composables/useLoader/index.d.ts

@@ -12,7 +12,7 @@ export type LoaderReturnType<T, L extends LoaderProto<T>> = T extends unknown ?
  * @param {Object3D} object
  * @return { [key: string]: any }
  */
-export declare function trasverseObjects(object: Object3D): {
+export declare function traverseObjects(object: Object3D): {
     [key: string]: any;
 };
 export type Extensions<T extends {

package/dist/src/composables/useTexture/component.vue.d.ts

@@ -1,5 +1,6 @@
 import { PBRUseTextureMap } from './index';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             textures: {
@@ -15,7 +16,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PBRUseTextureMap, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PBRUseTextureMap> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/types/index.d.ts

@@ -187,14 +187,7 @@ type TresComponents = {
 };
 declare module 'vue' {
     interface GlobalComponents extends TresComponents {
-    }
-}
-declare module '@vue/runtime-core' {
-    interface GlobalComponents extends TresComponents {
-    }
-}
-declare module '@vue/runtime-dom' {
-    interface GlobalComponents extends TresComponents {
+        primitive: DefineComponent<TresPrimitive>;
     }
 }
 export {};

package/dist/tres.js

@@ -1,115 +1,18 @@
 /**
  * name: @tresjs/core
- * version: v4.3.1
- * (c) 2024
+ * version: v4.3.2
+ * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
 var Et = Object.defineProperty;
 var Tt = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as K, watchEffect as xe, onUnmounted as J, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as xt, useSlots as At, getCurrentInstance as He, onMounted as kt, openBlock as Lt, createElementBlock as Rt, normalizeClass as Ot, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
+import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as K, watchEffect as Ae, onUnmounted as J, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as At, useSlots as xt, getCurrentInstance as He, onMounted as Lt, openBlock as kt, createElementBlock as Rt, normalizeClass as Ot, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
 import * as ot from "three";
-import { Scene as st, Vector3 as Ae, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Kt, Mesh as Jt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
-import { tryOnScopeDispose as nn, toValue as x, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
-const dn = "@tresjs/core", pn = "module", mn = "4.3.1", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
-  type: "git",
-  url: "git+https://github.com/Tresjs/tres.git"
-}, wn = [
-  "vue",
-  "3d",
-  "threejs",
-  "three",
-  "threejs-vue"
-], bn = !1, Mn = {
-  ".": {
-    types: "./dist/index.d.ts",
-    import: "./dist/tres.js",
-    require: "./dist/tres.umd.cjs"
-  },
-  "./components": {
-    types: "./dist/src/components/index.d.ts"
-  },
-  "./composables": {
-    types: "./dist/src/composables/index.d.ts"
-  },
-  "./types": {
-    types: "./dist/src/types/index.d.ts"
-  },
-  "./utils": {
-    types: "./dist/src/utils/index.d.ts"
-  },
-  "./*": "./*"
-}, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = [
-  "*.d.ts",
-  "dist"
-], Sn = {
-  access: "public"
-}, xn = {
-  dev: "cd playground/vue && npm run dev",
-  "dev:nuxt": "cd playground/nuxt && npm run dev",
-  build: "vite build",
-  test: "vitest",
-  "test:ci": "vitest run",
-  "test:ui": "vitest --ui --coverage.enabled=true",
-  release: "release-it",
-  coverage: "vitest run --coverage",
-  lint: "eslint .",
-  "lint:fix": "eslint . --fix",
-  "docs:dev": "vitepress dev docs",
-  "docs:build": "vitepress build docs",
-  "docs:serve": "vitepress serve docs",
-  "docs:preview": "vitepress preview docs",
-  "docs:contributors": "esno scripts/update-contributors.ts"
-}, An = {
-  three: ">=0.133",
-  vue: ">=3.4"
-}, kn = {
-  "@alvarosabu/utils": "^3.2.0",
-  "@vue/devtools-api": "^6.6.3",
-  "@vueuse/core": "^11.1.0"
-}, Ln = {
-  "@release-it/conventional-changelog": "^9.0.0",
-  "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "4.0.3",
-  "@tresjs/eslint-config": "^1.4.0",
-  "@types/three": "^0.169.0",
-  "@typescript-eslint/eslint-plugin": "^8.8.1",
-  "@typescript-eslint/parser": "^8.8.1",
-  "@vitejs/plugin-vue": "^5.1.4",
-  "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^2.1.2",
-  "@vitest/ui": "^2.1.2",
-  "@vue/test-utils": "^2.4.6",
-  eslint: "^9.12.0",
-  "eslint-plugin-vue": "^9.29.0",
-  esno: "^4.8.0",
-  gsap: "^3.12.5",
-  husky: "^9.1.6",
-  jsdom: "^25.0.1",
-  kolorist: "^1.8.0",
-  ohmyfetch: "^0.4.21",
-  pathe: "^1.1.2",
-  "release-it": "^17.8.2",
-  "rollup-plugin-analyzer": "^4.0.0",
-  "rollup-plugin-copy": "^3.5.0",
-  "rollup-plugin-visualizer": "^5.12.0",
-  sponsorkit: "^0.15.5",
-  three: "^0.169.0",
-  unocss: "^0.63.4",
-  unplugin: "^1.14.1",
-  "unplugin-vue-components": "^0.27.4",
-  vite: "^5.4.8",
-  "vite-plugin-banner": "^0.8.0",
-  "vite-plugin-dts": "4.2.4",
-  "vite-plugin-inspect": "^0.8.7",
-  "vite-plugin-require-transform": "^1.0.21",
-  "vite-svg-loader": "^5.1.0",
-  vitepress: "1.4.0",
-  vitest: "^2.1.2",
-  vue: "3.5.12",
-  "vue-demi": "^0.14.10"
-}, Rn = {
+import { Scene as st, Vector3 as xe, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Kt, Mesh as Jt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
+import { tryOnScopeDispose as nn, toValue as A, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
+const dn = "@tresjs/core", pn = "module", mn = "4.3.2", hn = "pnpm@9.15.1", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, wn = ["vue", "3d", "threejs", "three", "threejs-vue"], bn = !1, Mn = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js", require: "./dist/tres.umd.cjs" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = ["*.d.ts", "dist"], Sn = { access: "public" }, An = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "docs:contributors": "esno scripts/update-contributors.ts" }, xn = { three: ">=0.133", vue: ">=3.4" }, Ln = { "@alvarosabu/utils": "^3.2.0", "@vue/devtools-api": "^6.6.3", "@vueuse/core": "^12.0.0" }, kn = { "@release-it/conventional-changelog": "^9.0.3", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "4.0.3", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.171.0", "@typescript-eslint/eslint-plugin": "^8.18.1", "@typescript-eslint/parser": "^8.18.1", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^2.1.8", "@vitest/ui": "^2.1.8", "@vue/test-utils": "^2.4.6", eslint: "^9.17.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.5", jsdom: "^25.0.1", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^1.1.2", "release-it": "^17.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.12.0", sponsorkit: "^0.16.2", three: "^0.171.0", unocss: "^0.65.2", unplugin: "^2.1.0", "unplugin-vue-components": "^0.28.0", vite: "^6.0.5", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.4.0", "vite-plugin-inspect": "^0.10.4", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.5.0", vitest: "2.1.8", vue: "3.5.13", "vue-demi": "^0.14.10" }, Rn = {
   name: dn,
   type: pn,
   version: mn,
@@ -126,10 +29,10 @@ const dn = "@tresjs/core", pn = "module", mn = "4.3.1", hn = "pnpm@9.1.4", gn =
   types: En,
   files: Tn,
   publishConfig: Sn,
-  scripts: xn,
-  peerDependencies: An,
-  dependencies: kn,
-  devDependencies: Ln
+  scripts: An,
+  peerDependencies: xn,
+  dependencies: Ln,
+  devDependencies: kn
 };
 function On(e) {
   const t = { nodes: {}, materials: {} };
@@ -319,7 +222,7 @@ function Xn(e) {
 function Zn(e) {
   var n;
   let t = e.value;
-  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Ae(...t)), t;
+  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new xe(...t)), t;
 }
 function er(e) {
   return "map" in e;
@@ -404,7 +307,7 @@ function or(e, t, n) {
   if (!G(e.setPixelRatio))
     return;
   let r = 0;
-  if (de(n) && n.length >= 2) {
+  if (n && de(n) && n.length >= 2) {
     const [l, i] = n;
     r = it.clamp(t, l, i);
   } else Bn(n) ? r = n : r = t;
@@ -517,7 +420,7 @@ const qr = /* @__PURE__ */ fe({
       t.value = t.value.filter(({ uuid: c }) => c !== a.uuid);
     }
   };
-  return xe(() => {
+  return Ae(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
       !i.manual && (i instanceof be || lr(i)) && (i instanceof be ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
     });
@@ -589,8 +492,8 @@ function dr() {
   function v(M) {
     u = M;
   }
-  function h(M, A, p = 0) {
-    switch (A) {
+  function h(M, x, p = 0) {
+    switch (x) {
       case "before":
         return o.on(M, p);
       case "render":
@@ -622,7 +525,7 @@ function dr() {
       i = requestAnimationFrame(b);
       return;
     }
-    const M = r.getDelta(), A = r.getElapsedTime(), p = {
+    const M = r.getDelta(), x = r.getElapsedTime(), p = {
       camera: W(u.camera),
       scene: W(u.scene),
       renderer: W(u.renderer),
@@ -630,7 +533,7 @@ function dr() {
       controls: W(u.controls),
       invalidate: u.invalidate,
       advance: u.advance
-    }, w = { delta: M, elapsed: A, clock: r, ...p };
+    }, w = { delta: M, elapsed: x, clock: r, ...p };
     s.value && o.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), s.value && y.trigger(w), i = requestAnimationFrame(b);
   }
   function E() {
@@ -639,7 +542,7 @@ function dr() {
   }
   return {
     loopId: a,
-    register: (M, A, p) => h(M, A, p),
+    register: (M, x, p) => h(M, x, p),
     start: g,
     stop: d,
     pause: P,
@@ -652,7 +555,7 @@ function dr() {
     setReady: (M) => e = M
   };
 }
-function ke(e) {
+function Le(e) {
   let t = 0;
   return e.traverse((n) => {
     if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
@@ -666,7 +569,7 @@ function pr(e) {
 }
 const mr = Number.parseInt(Ut.replace("dev", ""));
 function Jr(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
+  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
 function hr(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
@@ -694,18 +597,18 @@ function gr({
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
 }) {
   const i = K(() => ({
-    alpha: x(t.alpha) ?? !0,
-    depth: x(t.depth),
+    alpha: A(t.alpha) ?? !0,
+    depth: A(t.depth),
     canvas: rn(e),
-    context: x(t.context),
-    stencil: x(t.stencil),
-    antialias: x(t.antialias) ?? !0,
-    precision: x(t.precision),
-    powerPreference: x(t.powerPreference),
-    premultipliedAlpha: x(t.premultipliedAlpha),
-    preserveDrawingBuffer: x(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: x(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: x(t.failIfMajorPerformanceCaveat)
+    context: A(t.context),
+    stencil: A(t.stencil),
+    antialias: A(t.antialias) ?? !0,
+    precision: A(t.precision),
+    powerPreference: A(t.powerPreference),
+    premultipliedAlpha: A(t.premultipliedAlpha),
+    preserveDrawingBuffer: A(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: A(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: A(t.failIfMajorPerformanceCaveat)
   })), a = $(new ge(i.value));
   function c() {
     t.renderMode === "on-demand" && s();
@@ -728,14 +631,14 @@ function gr({
       outputColorSpace: h.outputColorSpace
     };
     return h.dispose(), g;
-  })(), v = x(t.renderMode);
+  })(), v = A(t.renderMode);
   return v === "on-demand" && s(), v === "manual" && setTimeout(() => {
     l();
-  }, 100), xe(() => {
-    const h = x(t.preset);
-    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(a.value, se[h])), or(a.value, o.value, x(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
+  }, 100), Ae(() => {
+    const h = A(t.preset);
+    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(a.value, se[h])), or(a.value, o.value, A(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
     const g = (P, C) => {
-      const T = x(P), b = () => {
+      const T = A(P), b = () => {
         if (h)
           return Ve(se[h], C);
       };
@@ -757,7 +660,7 @@ function gr({
   };
 }
 function vr(e, t, n = 10) {
-  const r = x(e) ? sn() : an(K(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = K(() => s.value / l.value);
+  const r = A(e) ? sn() : an(K(() => A(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = K(() => s.value / l.value);
   return {
     height: l,
     width: s,
@@ -791,7 +694,7 @@ const yr = (e, t) => {
   }
   const M = (m, S) => {
     var Be, Ie, $e;
-    const U = E(S), ne = new Ae(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
+    const U = E(S), ne = new xe(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
     m.trigger({
       ...U,
       intersections: r.value,
@@ -804,16 +707,16 @@ const yr = (e, t) => {
       stopPropagating: !1
     });
   };
-  let A;
+  let x;
   const p = (m) => {
-    v(m), M(d, m), A = m;
+    v(m), M(d, m), x = m;
   }, w = () => {
-    A && p(A);
+    x && p(x);
   };
-  let k, L, R;
+  let L, k, R;
   const j = (m) => {
     var S;
-    k = (S = r.value[0]) == null ? void 0 : S.object, i = 0, L = new ve(
+    L = (S = r.value[0]) == null ? void 0 : S.object, i = 0, k = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
     ), M(P, m);
@@ -821,10 +724,10 @@ const yr = (e, t) => {
   let O, Y = !1;
   const Re = (m) => {
     var S, U, ne;
-    m instanceof PointerEvent && (r.value.length === 0 && M(C, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (R = new ve(
+    m instanceof PointerEvent && (r.value.length === 0 && M(C, m), L === ((S = r.value[0]) == null ? void 0 : S.object) && (R = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = L == null ? void 0 : L.distanceTo(R), m.button === 0 ? (M(h, m), O === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
+    ), i = k == null ? void 0 : k.distanceTo(R), m.button === 0 ? (M(h, m), O === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
   }, Oe = (m) => {
     Y && (M(g, m), O = void 0, Y = !1);
   }, De = (m) => M(d, m), je = (m) => M(b, m);
@@ -850,7 +753,7 @@ function _e(e, t) {
   typeof e == "function" && e(t);
 }
 function _r(e, t, n) {
-  var A;
+  var x;
   const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
   const l = (p) => {
@@ -858,20 +761,20 @@ function _r(e, t, n) {
     return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
   }, i = (p) => {
     var w;
-    return ((w = p.children) == null ? void 0 : w.some((k) => i(k))) || l(p);
-  }, a = $(((A = r.value) == null ? void 0 : A.children).filter(i) || []);
+    return ((w = p.children) == null ? void 0 : w.some((L) => i(L))) || l(p);
+  }, a = $(((x = r.value) == null ? void 0 : x.children).filter(i) || []);
   function c(p, w) {
-    const k = [], L = () => w.stopPropagating = !0;
-    w.stopPropagation = L;
+    const L = [], k = () => w.stopPropagating = !0;
+    w.stopPropagation = k;
     for (const R of w == null ? void 0 : w.intersections) {
       if (w.stopPropagating)
         return;
       w = { ...w, ...R };
       const { object: j } = R;
-      w.eventObject = j, _e(j[p], w), k.push(j);
+      w.eventObject = j, _e(j[p], w), L.push(j);
       let O = j.parent;
-      for (; O !== null && !w.stopPropagating && !k.includes(O); )
-        w.eventObject = O, _e(O[p], w), k.push(O), O = O.parent;
+      for (; O !== null && !w.stopPropagating && !L.includes(O); )
+        w.eventObject = O, _e(O[p], w), L.push(O), O = O.parent;
       const Y = Vn(p.slice(2));
       n(Y, { intersection: R, event: w });
     }
@@ -890,18 +793,18 @@ function _r(e, t, n) {
   h((p) => c("onPointerUp", p)), v((p) => c("onPointerDown", p)), o((p) => c("onClick", p)), f((p) => c("onDoubleClick", p)), y((p) => c("onContextMenu", p)), d((p) => c("onWheel", p));
   let P = [];
   u((p) => {
-    const w = p.intersections.map(({ object: L }) => L), k = p.intersections;
-    P.forEach(({ object: L }) => {
-      w.includes(L) || (p.intersections = P, c("onPointerLeave", p), c("onPointerOut", p));
-    }), p.intersections = k, p.intersections.forEach(({ object: L }) => {
-      P.includes(L) || (c("onPointerEnter", p), c("onPointerOver", p));
+    const w = p.intersections.map(({ object: k }) => k), L = p.intersections;
+    P.forEach(({ object: k }) => {
+      w.includes(k) || (p.intersections = P, c("onPointerLeave", p), c("onPointerOut", p));
+    }), p.intersections = L, p.intersections.forEach(({ object: k }) => {
+      P.includes(k) || (c("onPointerEnter", p), c("onPointerOver", p));
     }), c("onPointerMove", p), P = p.intersections;
   });
   const C = [];
   g((p) => {
     const w = () => p.stopPropagating = !0;
-    p.stopPropagation = w, C.forEach((k) => {
-      p.stopPropagating || (p.eventObject = k, _e(k.onPointerMissed, p));
+    p.stopPropagation = w, C.forEach((L) => {
+      p.stopPropagating || (p.eventObject = L, _e(L.onPointerMissed, p));
     }), n("pointer-missed", { event: p });
   });
   function T(p) {
@@ -1060,16 +963,16 @@ function br({
     P(), d.loop.stop();
   });
   const C = 100, T = un({ every: C }), { isSupported: b, memory: E } = fn({ interval: C }), M = 160;
-  let A = performance.now();
+  let x = performance.now();
   const p = ({ timestamp: R }) => {
-    d.scene.value && (d.perf.memory.allocatedMem = ke(d.scene.value)), R - A >= C && (A = R, d.perf.fps.accumulator.push(T.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = T.value, b.value && E.value && (d.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
+    d.scene.value && (d.perf.memory.allocatedMem = Le(d.scene.value)), R - x >= C && (x = R, d.perf.fps.accumulator.push(T.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = T.value, b.value && E.value && (d.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
   };
   let w = 0;
-  const k = 1, { pause: L } = ut(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += R, w >= k && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
+  const L = 1, { pause: k } = ut(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += R, w >= L && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
   }, { immediate: !0 });
   return J(() => {
-    L();
+    k();
   }), d;
 }
 function me() {
@@ -1119,22 +1022,22 @@ function Zr() {
     onAfterRender: f
   };
 }
-const _t = D(), wt = D(), Le = D(), te = new lt();
+const _t = D(), wt = D(), ke = D(), te = new lt();
 let ce = 0, ue = 0;
 const { pause: Mr, resume: Je, isActive: Pr } = ut(
   () => {
-    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), Le.trigger({ delta: ce, elapsed: ue, clock: te });
+    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), ke.trigger({ delta: ce, elapsed: ue, clock: te });
   },
   { immediate: !1 }
 );
-Le.on(() => {
+ke.on(() => {
   ce = te.getDelta(), ue = te.getElapsedTime();
 });
 let Qe = !1;
 const eo = () => (Qe || (Qe = !0, Je()), {
   onBeforeLoop: _t.on,
   onLoop: wt.on,
-  onAfterLoop: Le.on,
+  onAfterLoop: ke.on,
   pause: Mr,
   resume: Je,
   isActive: Pr
@@ -1207,7 +1110,7 @@ const { logError: Xe } = V(), Ze = [
       return null;
     let v = o.replace("Tres", ""), h;
     if (o === "primitive") {
-      (!H(u.object) || xt(u.object)) && Xe(
+      (!H(u.object) || At(u.object)) && Xe(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
       ), v = u.object.type;
       const g = {};
@@ -1353,14 +1256,14 @@ function Tr() {
 function bt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Sr = typeof Proxy == "function", xr = "devtools-plugin:setup", Ar = "plugin:settings:set";
+const Sr = typeof Proxy == "function", Ar = "devtools-plugin:setup", xr = "plugin:settings:set";
 let q, Te;
-function kr() {
+function Lr() {
   var e;
   return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Te = globalThis.perf_hooks.performance) : q = !1), q;
 }
-function Lr() {
-  return kr() ? Te.now() : Date.now();
+function kr() {
+  return Lr() ? Te.now() : Date.now();
 }
 class Rr {
   constructor(t, n) {
@@ -1390,9 +1293,9 @@ class Rr {
         l = i;
       },
       now() {
-        return Lr();
+        return kr();
       }
-    }, n && n.on(Ar, (i, a) => {
+    }, n && n.on(xr, (i, a) => {
       i === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (i, a) => this.target ? this.target.on[a] : (...c) => {
@@ -1427,7 +1330,7 @@ class Rr {
 function Or(e, t) {
   const n = e, r = bt(), s = Tr(), l = Sr && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(xr, e, t);
+    s.emit(Ar, e, t);
   else {
     const i = l ? new Rr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
@@ -1456,7 +1359,7 @@ const Mt = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const n = ke(e);
+  const n = Le(e);
   return n > 0 && t.tags.push({
     label: `${pr(n)} KB`,
     textColor: 15707189,
@@ -1539,7 +1442,7 @@ function Ir(e, t) {
             object: Object.entries(a).map(([c, o]) => c === "children" ? { key: c, value: o.filter((f) => f.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
           }, a.isScene && (l.state.info = {
             objects: a.children.length,
-            memory: ke(a),
+            memory: Le(a),
             calls: t.renderer.value.info.render.calls,
             triangles: t.renderer.value.info.render.triangles,
             points: t.renderer.value.info.render.points,
@@ -1606,7 +1509,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = e, s = n, l = At(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
+    const r = e, s = n, l = xt(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
     Ee(ot);
     const f = (g, d = !1) => fe({
       setup() {
@@ -1633,7 +1536,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     const h = () => {
       u(v.value), y(v.value, !0);
     };
-    return kt(() => {
+    return Lt(() => {
       const g = a;
       v.value = br({
         scene: c.value,
@@ -1652,7 +1555,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
           1e3
         );
         b.position.set(3, 3, 3), b.lookAt(0, 0, 0), d(b);
-        const E = xe(() => {
+        const E = Ae(() => {
           P.value.length >= 2 && (b.removeFromParent(), C(b), E == null || E());
         });
       };
@@ -1667,7 +1570,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
       ), _.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
       ), T());
-    }), J(h), (g, d) => (Lt(), Rt("canvas", {
+    }), J(h), (g, d) => (kt(), Rt("canvas", {
       ref_key: "canvas",
       ref: a,
       "data-scene": c.value.uuid,
@@ -1796,7 +1699,7 @@ export {
   Jr as normalizeVectorFlexibleParam,
   Qr as onTresReady,
   no as templateCompilerOptions,
-  On as trasverseObjects,
+  On as traverseObjects,
   ar as useCamera,
   Dn as useLoader,
   V as useLogger,