@tresjs/core 4.2.6 → 4.2.8

package/dist/tres.js

@@ -1,24 +1,27 @@
 /**
  * name: @tresjs/core
- * version: v4.2.6
+ * version: v4.2.8
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
 var bt = Object.defineProperty;
-var Pt = (e, t, n) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var me = (e, t, n) => Pt(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRef as $, watch as ce, readonly as ye, unref as J, provide as _e, inject as Ct, isRef as Mt, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as xt, normalizeClass as kt, normalizeStyle as Lt, createRenderer as Rt, h as He, Fragment as Ot } from "vue";
+var Ct = (e, t, n) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var me = (e, t, n) => Ct(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRef as $, watch as ce, readonly as ye, unref as J, provide as _e, inject as Mt, isRef as Pt, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as xt, normalizeClass as kt, normalizeStyle as Lt, createRenderer as Rt, h as He, Fragment as Ot } from "vue";
 import * as et from "three";
 import { PerspectiveCamera as we, Camera as Dt, Clock as tt, Vector3 as Se, Color as Z, Scene as nt, MathUtils as rt, MeshBasicMaterial as ot, DoubleSide as jt, REVISION as Bt, SRGBColorSpace as It, ACESFilmicToneMapping as st, PCFSoftShadowMap as Ht, NoToneMapping as $t, WebGLRenderer as he, TextureLoader as Ut, Vector2 as ge, Raycaster as Ft, BufferAttribute as Wt, Object3D as Nt, Line as zt, BufferGeometry as $e, Float32BufferAttribute as Ue, LineBasicMaterial as Gt, Mesh as Vt, BackSide as Yt, DirectionalLightHelper as qt, PointLightHelper as Jt, SpotLightHelper as Kt, HemisphereLightHelper as Qt, ArrowHelper as Xt } from "three";
 import { createEventHook as j, useRafFn as it, toValue as k, unrefElement as Zt, useDevicePixelRatio as en, usePointer as tn, useElementBounding as nn, useWindowSize as rn, useElementSize as on, refDebounced as Fe, tryOnScopeDispose as sn, useFps as an, useMemory as ln } from "@vueuse/core";
-const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = [
+const cn = "@tresjs/core", un = "module", fn = "4.2.8", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = {
+  type: "git",
+  url: "git+https://github.com/Tresjs/tres.git"
+}, vn = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], vn = !1, yn = {
+], yn = !1, _n = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -37,15 +40,15 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, _n = "./dist/tres.js", wn = "./dist/tres.js", bn = "./dist/index.d.ts", Pn = [
+}, wn = "./dist/tres.js", bn = "./dist/tres.js", Cn = "./dist/index.d.ts", Mn = [
   "*.d.ts",
   "dist"
-], Cn = {
+], Pn = {
   access: "public"
-}, Mn = {
-  dev: "cd playground && npm run dev",
+}, En = {
+  dev: "cd playground/vue && npm run dev",
+  "dev:nuxt": "cd playground/nuxt && npm run dev",
   build: "vite build",
-  playground: "cd playground && npm run dev",
   test: "vitest",
   "test:ci": "vitest run",
   "test:ui": "vitest --ui --coverage.enabled=true",
@@ -59,14 +62,14 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, En = {
+}, Tn = {
   three: ">=0.133",
   vue: ">=3.4"
-}, Tn = {
+}, Sn = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.3",
   "@vueuse/core": "^10.11.0"
-}, Sn = {
+}, An = {
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.11.0",
   "@tresjs/cientos": "3.9.0",
@@ -107,7 +110,7 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   vitest: "^2.0.2",
   vue: "^3.4.31",
   "vue-demi": "^0.14.8"
-}, An = {
+}, xn = {
   name: cn,
   type: un,
   version: fn,
@@ -115,18 +118,19 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   description: pn,
   author: mn,
   license: hn,
-  keywords: gn,
-  sideEffects: vn,
-  exports: yn,
-  main: _n,
-  module: wn,
-  types: bn,
-  files: Pn,
-  publishConfig: Cn,
-  scripts: Mn,
-  peerDependencies: En,
-  dependencies: Tn,
-  devDependencies: Sn
+  repository: gn,
+  keywords: vn,
+  sideEffects: yn,
+  exports: _n,
+  main: wn,
+  module: bn,
+  types: Cn,
+  files: Mn,
+  publishConfig: Pn,
+  scripts: En,
+  peerDependencies: Tn,
+  dependencies: Sn,
+  devDependencies: An
 };
 function be(e) {
   return typeof e > "u";
@@ -134,7 +138,7 @@ function be(e) {
 function de(e) {
   return Array.isArray(e);
 }
-function xn(e) {
+function kn(e) {
   return typeof e == "number";
 }
 function at(e) {
@@ -152,28 +156,28 @@ function N(e) {
 function We(e) {
   return U(e) && "isCamera" in e && !!e.isCamera;
 }
-function kn(e) {
+function Ln(e) {
   return U(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
 }
-function Ln(e) {
+function Rn(e) {
   return U(e) && "isMaterial" in e && !!e.isMaterial;
 }
-function Rn(e) {
+function On(e) {
   return U(e) && "isLight" in e && !!e.isLight;
 }
-function On(e) {
+function Dn(e) {
   return U(e) && "isFog" in e && !!e.isFog;
 }
-function Dn(e) {
+function jn(e) {
   return U(e) && "isScene" in e && !!e.isScene;
 }
 function oe(e) {
-  return N(e) || kn(e) || Ln(e) || On(e);
+  return N(e) || Ln(e) || Rn(e) || Dn(e);
 }
-function jn(e) {
+function Bn(e) {
   return U(e) && !!e.isPrimitive;
 }
-const Bn = ({ sizes: e }) => {
+const In = ({ sizes: e }) => {
   const t = H([]), n = V(
     () => t.value[0]
   ), r = (i) => {
@@ -197,7 +201,7 @@ const Bn = ({ sizes: e }) => {
   };
   return Te(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
-      !i.manual && (i instanceof we || In(i)) && (i instanceof we ? 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());
+      !i.manual && (i instanceof we || Hn(i)) && (i instanceof we ? 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());
     });
   }), K(() => {
     t.value = [];
@@ -209,12 +213,12 @@ const Bn = ({ sizes: e }) => {
     setCameraActive: r
   };
 };
-function In(e) {
+function Hn(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
 const lt = j(), ct = j(), Ae = j(), ee = new tt();
 let ue = 0, fe = 0;
-const { pause: Hn, resume: Ne, isActive: $n } = it(
+const { pause: $n, resume: Ne, isActive: Un } = it(
   () => {
     lt.trigger({ delta: ue, elapsed: fe, clock: ee }), ct.trigger({ delta: ue, elapsed: fe, clock: ee }), Ae.trigger({ delta: ue, elapsed: fe, clock: ee });
   },
@@ -228,9 +232,9 @@ const Ur = () => (ze || (ze = !0, Ne()), {
   onBeforeLoop: lt.on,
   onLoop: ct.on,
   onAfterLoop: Ae.on,
-  pause: Hn,
+  pause: $n,
   resume: Ne,
-  isActive: $n
+  isActive: Un
 }), Fr = !0, se = "[TresJS ▲ ■ ●] ";
 function Y() {
   function e(...r) {
@@ -250,10 +254,10 @@ function Y() {
 function Wr(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
 }
-function Un(e) {
+function Fn(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
 }
-class Fn extends et.Mesh {
+class Wn extends et.Mesh {
   constructor(...n) {
     super(...n);
     me(this, "type", "HightlightMesh");
@@ -269,18 +273,18 @@ const ut = (e, t) => {
   for (const n of Object.keys(t))
     t[n] instanceof Object && Object.assign(t[n], ut(e[n], t[n]));
   return Object.assign(e || {}, t), e;
-}, Wn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", Nn = /* @__PURE__ */ Vn(Wn);
+}, Nn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", zn = /* @__PURE__ */ Yn(Nn);
 function Ge(e) {
   return e && e.nodeType === 1;
 }
 function ie(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const zn = /\B([A-Z])/g;
-function Gn(e) {
-  return e.replace(zn, "-$1").toLowerCase();
+const Gn = /\B([A-Z])/g;
+function Vn(e) {
+  return e.replace(Gn, "-$1").toLowerCase();
 }
-function Vn(e, t) {
+function Yn(e, t) {
   const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
   for (let s = 0; s < r.length; s++)
     n[r[s]] = !0;
@@ -291,7 +295,7 @@ const Ve = (e, t) => {
     return;
   const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   return n == null ? void 0 : n.reduce((r, s) => r && r[s], e);
-}, Yn = (e, t, n) => {
+}, qn = (e, t, n) => {
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   r && r.reduce((s, l, i) => (s[l] === void 0 && (s[l] = {}), i === r.length - 1 && (s[l] = n), s[l]), e);
 };
@@ -312,7 +316,7 @@ function ft(e, t) {
       return !1;
   return !0;
 }
-function qn(e, t) {
+function Jn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -320,8 +324,8 @@ function qn(e, t) {
       return !1;
   return !0;
 }
-const Jn = Array.isArray;
-function Kn(e, t, n, r) {
+const Kn = Array.isArray;
+function Qn(e, t, n, r) {
   const s = (c) => {
     if (c.uuid === t)
       return c;
@@ -346,7 +350,7 @@ function Kn(e, t, n, r) {
   const a = n[n.length - 1];
   i[a] !== void 0 ? i[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function Qn(e) {
+function Xn(e) {
   const t = new ot({
     color: 11003607,
     // Highlight color, e.g., yellow
@@ -357,18 +361,18 @@ function Qn(e) {
     side: jt
     // To e
   });
-  return new Fn(e.geometry.clone(), t);
+  return new Wn(e.geometry.clone(), t);
 }
-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 Se(...t)), t;
 }
-function Zn(e) {
+function er(e) {
   return "map" in e;
 }
 function Ye(e) {
-  Zn(e) && e.map && e.map.dispose(), e.dispose();
+  er(e) && e.map && e.map.dispose(), e.dispose();
 }
 function dt(e) {
   var n, r;
@@ -377,13 +381,13 @@ function dt(e) {
     e && ((r = e.dispose) == null || r.call(e)), s.geometry && (s.geometry.dispose(), delete s.geometry), Array.isArray(s.material) ? (s.material.forEach((l) => Ye(l)), delete s.material) : s.material && (Ye(s.material), delete s.material);
   }
 }
-function er(e, t) {
+function tr(e, t) {
   let n = 0;
   for (let r = 0; r < e.length; r++)
     t(e[r], r) && (e[n] = e[r], n++);
   return e.length = n, e;
 }
-function Pe(e, t) {
+function Ce(e, t) {
   let n = e;
   if (t.includes("-")) {
     const r = t.split("-");
@@ -398,10 +402,10 @@ function qe(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
 const Je = /-\d+$/;
-function tr(e, t, n) {
+function nr(e, t, n) {
   if (at(n)) {
     if (Je.test(n)) {
-      const l = n.replace(Je, ""), { target: i, key: a } = Pe(e, l);
+      const l = n.replace(Je, ""), { target: i, key: a } = Ce(e, l);
       if (!Array.isArray(i[a])) {
         const c = i[a], o = [];
         o.__tresDetach = () => {
@@ -409,15 +413,15 @@ function tr(e, t, n) {
         }, i[a] = o;
       }
     }
-    const { target: r, key: s } = Pe(e, n);
+    const { target: r, key: s } = Ce(e, n);
     t.__tres.previousAttach = r[s], r[s] = Q(t);
   } else
     t.__tres.previousAttach = n(e, t);
 }
-function nr(e, t, n) {
+function rr(e, t, n) {
   var r, s, l;
   if (at(n)) {
-    const { target: i, key: a } = Pe(e, n), c = t.__tres.previousAttach;
+    const { target: i, key: a } = Ce(e, n), c = t.__tres.previousAttach;
     c === void 0 ? delete i[a] : i[a] = c, "__tresDetach" in i && i.__tresDetach();
   } else
     (s = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || s.call(r, e, t);
@@ -442,7 +446,7 @@ function pt(e) {
   const t = (n = e == null ? void 0 : e.__tres) == null ? void 0 : n.root;
   t && t.render && t.render.canBeInvalidated.value && t.invalidate();
 }
-function rr(e, t, n) {
+function or(e, t, n) {
   var s;
   if (!G(e.setPixelRatio))
     return;
@@ -450,10 +454,10 @@ function rr(e, t, n) {
   if (de(n) && n.length >= 2) {
     const [l, i] = n;
     r = rt.clamp(t, l, i);
-  } else xn(n) ? r = n : r = t;
+  } else kn(n) ? r = n : r = t;
   r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
 }
-function or(e, t, n, r, s) {
+function sr(e, t, n, r, s) {
   const l = [...t.__tres.objects], i = Q(t);
   if (e = Q(e), i === e)
     return !0;
@@ -470,12 +474,12 @@ function or(e, t, n, r, s) {
   return !0;
 }
 function Q(e) {
-  return jn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+  return Bn(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
 function mt(e, t) {
   var r, s, l, i;
   const n = ((r = e.__tres) == null ? void 0 : r.parent) || t.scene.value;
-  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && er(n.__tres.objects, (a) => a !== e), (s = e.__tres) != null && s.attach ? nr(n, e, e.__tres.attach) : ((i = (l = e.parent) == null ? void 0 : l.remove) == null || i.call(l, Q(e)), e.parent = null);
+  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && tr(n.__tres.objects, (a) => a !== e), (s = e.__tres) != null && s.attach ? rr(n, e, e.__tres.attach) : ((i = (l = e.parent) == null ? void 0 : l.remove) == null || i.call(l, Q(e)), e.parent = null);
 }
 function ht(e, t) {
   var n;
@@ -484,7 +488,7 @@ function ht(e, t) {
     t.deregisterCamera(r), (s = t.eventManager) == null || s.deregisterPointerMissedObject(r);
   }), t.deregisterCamera(e), pt(e);
 }
-const sr = Number.parseInt(Bt.replace("dev", "")), ae = {
+const ir = Number.parseInt(Bt.replace("dev", "")), ae = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
@@ -501,7 +505,7 @@ const sr = Number.parseInt(Bt.replace("dev", "")), ae = {
     toneMappingExposure: 1
   }
 };
-function ir({
+function ar({
   canvas: e,
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
@@ -530,37 +534,37 @@ function ir({
   }, {
     immediate: !0
   }), ce(() => t.clearColor, c);
-  const { pixelRatio: o } = en(), { logError: u } = Y(), f = (() => {
-    const g = new he(), b = {
+  const { pixelRatio: o } = en(), { logError: u } = Y(), d = (() => {
+    const h = new he(), b = {
       shadowMap: {
-        enabled: g.shadowMap.enabled,
-        type: g.shadowMap.type
+        enabled: h.shadowMap.enabled,
+        type: h.shadowMap.type
       },
-      toneMapping: g.toneMapping,
-      toneMappingExposure: g.toneMappingExposure,
-      outputColorSpace: g.outputColorSpace
+      toneMapping: h.toneMapping,
+      toneMappingExposure: h.toneMappingExposure,
+      outputColorSpace: h.outputColorSpace
     };
-    return g.dispose(), b;
-  })(), h = k(t.renderMode);
-  return h === "on-demand" && s(), h === "manual" && setTimeout(() => {
+    return h.dispose(), b;
+  })(), g = k(t.renderMode);
+  return g === "on-demand" && s(), g === "manual" && setTimeout(() => {
     l();
   }, 100), Te(() => {
-    const g = k(t.preset);
-    g && (g in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(a.value, ae[g])), rr(a.value, o.value, k(t.dpr)), h === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const b = (C, M) => {
-      const P = k(C), E = () => {
-        if (g)
-          return Ve(ae[g], M);
+    const h = k(t.preset);
+    h && (h in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(a.value, ae[h])), or(a.value, o.value, k(t.dpr)), g === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const b = (M, P) => {
+      const C = k(M), E = () => {
+        if (h)
+          return Ve(ae[h], P);
       };
-      if (P !== void 0)
-        return P;
+      if (C !== void 0)
+        return C;
       const S = E();
-      return S !== void 0 ? S : Ve(f, M);
-    }, y = (C, M) => Yn(a.value, M, b(C, M));
-    y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? st, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), sr < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
-    const d = b(t.clearColor, "clearColor");
-    d && a.value.setClearColor(
-      d ? Un(d) : new Z(0)
+      return S !== void 0 ? S : Ve(d, P);
+    }, y = (M, P) => qn(a.value, P, b(M, P));
+    y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? st, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), ir < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
+    const f = b(t.clearColor, "clearColor");
+    f && a.value.setClearColor(
+      f ? Fn(f) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), K(() => {
@@ -569,7 +573,6 @@ function ir({
     renderer: a
   };
 }
-const ar = (e) => !!e && e.constructor === Array;
 function lr(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((n) => {
@@ -579,20 +582,20 @@ function lr(e) {
 async function Nr(e, t, n, r, s) {
   const { logError: l } = Y(), i = new e();
   s && s(i), n && n(i);
-  const c = (Array.isArray(t) ? t : [t]).map(
-    (o) => new Promise((u, v) => {
-      i.load(
-        o,
-        (f) => {
-          const h = f;
-          h.scene && Object.assign(h, lr(h.scene)), u(h);
-        },
-        r,
-        (f) => v(l("[useLoader] - Failed to load resource", f))
-      );
-    })
-  );
-  return ar(t) ? await Promise.all(c) : await c[0];
+  const a = Array.isArray(t) ? t : [t];
+  return await new Promise((c, o) => {
+    i.load(
+      a,
+      (u) => {
+        const v = u;
+        v.scene && Object.assign(v, lr(v.scene)), c(v);
+      },
+      r,
+      (u) => {
+        l("[useLoader] - Failed to load resource", u), o(u);
+      }
+    );
+  });
 }
 async function zr(e, t) {
   const n = new Ut(t), r = (s) => new Promise((l, i) => {
@@ -605,7 +608,7 @@ async function zr(e, t) {
       }
     );
   });
-  if (Jn(e)) {
+  if (Kn(e)) {
     const s = await Promise.all(e.map((l) => r(l)));
     return e.length > 1 ? s : s[0];
   } else {
@@ -640,16 +643,16 @@ const cr = (e, t) => {
         x: (m - u.value) / a.value * 2 - 1,
         y: -((T - o.value) / c.value) * 2 + 1
       };
-  }, f = ({ x: m, y: T }) => {
+  }, d = ({ x: m, y: T }) => {
     if (t.camera.value)
       return t.raycaster.value.setFromCamera(new ge(m, T), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
-  }, h = (m) => {
+  }, g = (m) => {
     const T = v({
       x: (m == null ? void 0 : m.clientX) ?? s.value,
       y: (m == null ? void 0 : m.clientY) ?? l.value
     });
-    return T ? f(T) || [] : [];
-  }, g = j(), b = j(), y = j(), d = j(), C = j(), M = j(), P = j(), E = j();
+    return T ? d(T) || [] : [];
+  }, h = j(), b = j(), y = j(), f = j(), M = j(), P = j(), C = j(), E = j();
   function S(m) {
     const T = {};
     for (const F in m)
@@ -673,7 +676,7 @@ const cr = (e, t) => {
   };
   let A;
   const L = (m) => {
-    h(m), _(y, m), A = m;
+    g(m), _(y, m), A = m;
   }, p = () => {
     A && L(A);
   };
@@ -683,15 +686,15 @@ const cr = (e, t) => {
     w = (T = r.value[0]) == null ? void 0 : T.object, i = 0, x = new ge(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), _(C, m);
+    ), _(M, m);
   };
   let B, R = !1;
   const ne = (m) => {
     var T, F, re;
-    m instanceof PointerEvent && (r.value.length === 0 && _(M, m), w === ((T = r.value[0]) == null ? void 0 : T.object) && (D = new ge(
+    m instanceof PointerEvent && (r.value.length === 0 && _(P, m), w === ((T = r.value[0]) == null ? void 0 : T.object) && (D = new ge(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = x == null ? void 0 : x.distanceTo(D), m.button === 0 ? (_(g, m), B === ((F = r.value[0]) == null ? void 0 : F.object) ? R = !0 : (B = (re = r.value[0]) == null ? void 0 : re.object, R = !1)) : m.button === 2 && _(P, m)), _(d, m));
+    ), i = x == null ? void 0 : x.distanceTo(D), m.button === 0 ? (_(h, m), B === ((F = r.value[0]) == null ? void 0 : F.object) ? R = !0 : (B = (re = r.value[0]) == null ? void 0 : re.object, R = !1)) : m.button === 2 && _(C, m)), _(f, m));
   }, ke = (m) => {
     R && (_(b, m), B = void 0, R = !1);
   }, Le = (m) => _(y, m), Re = (m) => _(E, m);
@@ -699,13 +702,13 @@ const cr = (e, t) => {
     n != null && n.value && (n.value.removeEventListener("pointerup", ne), n.value.removeEventListener("pointerdown", O), n.value.removeEventListener("pointermove", L), n.value.removeEventListener("pointerleave", Le), n.value.removeEventListener("dblclick", ke), n.value.removeEventListener("wheel", Re));
   }), {
     intersects: r,
-    onClick: (m) => g.on(m).off,
+    onClick: (m) => h.on(m).off,
     onDblClick: (m) => b.on(m).off,
-    onContextMenu: (m) => P.on(m).off,
+    onContextMenu: (m) => C.on(m).off,
     onPointerMove: (m) => y.on(m).off,
-    onPointerUp: (m) => d.on(m).off,
-    onPointerDown: (m) => C.on(m).off,
-    onPointerMissed: (m) => M.on(m).off,
+    onPointerUp: (m) => f.on(m).off,
+    onPointerDown: (m) => M.on(m).off,
+    onPointerMissed: (m) => P.on(m).off,
     onWheel: (m) => E.on(m).off,
     forceUpdate: p
   };
@@ -749,7 +752,7 @@ function xe(e) {
 function ur(e) {
   return (e / 1024).toFixed(2);
 }
-const Ce = H({}), Me = (e) => Object.assign(Ce.value, e);
+const Me = H({}), Pe = (e) => Object.assign(Me.value, e);
 function fr(e, t, n) {
   var L;
   const r = $(), s = $();
@@ -779,35 +782,35 @@ function fr(e, t, n) {
       let R = B.parent;
       for (; R !== null && !w.stopPropagating && !x.includes(R); )
         w.eventObject = R, c(R[p], w), x.push(R), R = R.parent;
-      const ne = Gn(p.slice(2));
+      const ne = Vn(p.slice(2));
       n(ne, { intersection: O, event: w });
     }
   }
   const {
     onClick: u,
     onDblClick: v,
-    onContextMenu: f,
-    onPointerMove: h,
-    onPointerDown: g,
+    onContextMenu: d,
+    onPointerMove: g,
+    onPointerDown: h,
     onPointerUp: b,
     onPointerMissed: y,
-    onWheel: d,
-    forceUpdate: C
+    onWheel: f,
+    forceUpdate: M
   } = cr(a, t);
-  b((p) => o("onPointerUp", p)), g((p) => o("onPointerDown", p)), u((p) => o("onClick", p)), v((p) => o("onDoubleClick", p)), f((p) => o("onContextMenu", p)), d((p) => o("onWheel", p));
-  let M = [];
-  h((p) => {
+  b((p) => o("onPointerUp", p)), h((p) => o("onPointerDown", p)), u((p) => o("onClick", p)), v((p) => o("onDoubleClick", p)), d((p) => o("onContextMenu", p)), f((p) => o("onWheel", p));
+  let P = [];
+  g((p) => {
     const w = p.intersections.map(({ object: D }) => D), x = p.intersections;
-    M.forEach(({ object: D }) => {
-      w.includes(D) || (p.intersections = M, o("onPointerLeave", p), o("onPointerOut", p));
+    P.forEach(({ object: D }) => {
+      w.includes(D) || (p.intersections = P, o("onPointerLeave", p), o("onPointerOut", p));
     }), p.intersections = x, p.intersections.forEach(({ object: D }) => {
-      M.includes(D) || (o("onPointerEnter", p), o("onPointerOver", p));
-    }), o("onPointerMove", p), M = p.intersections;
+      P.includes(D) || (o("onPointerEnter", p), o("onPointerOver", p));
+    }), o("onPointerMove", p), P = p.intersections;
   });
-  const P = [];
+  const C = [];
   y((p) => {
     const w = () => p.stopPropagating = !0;
-    p.stopPropagation = w, P.forEach((x) => {
+    p.stopPropagation = w, C.forEach((x) => {
       p.stopPropagating || (p.eventObject = x, c(x.onPointerMissed, p));
     }), n("pointer-missed", { event: p });
   });
@@ -821,22 +824,22 @@ function fr(e, t, n) {
     }
   }
   function _(p) {
-    oe(p) && N(p) && p.onPointerMissed && P.push(p);
+    oe(p) && N(p) && p.onPointerMissed && C.push(p);
   }
   function A(p) {
     if (oe(p) && N(p)) {
-      const w = P.indexOf(p);
-      w > -1 && P.splice(w, 1);
+      const w = C.indexOf(p);
+      w > -1 && C.splice(w, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: C,
+    forceUpdate: M,
     registerObject: E,
     deregisterObject: S,
     registerPointerMissedObject: _,
     deregisterPointerMissedObject: A
   }, {
-    forceUpdate: C,
+    forceUpdate: M,
     registerObject: E,
     deregisterObject: S,
     registerPointerMissedObject: _,
@@ -856,8 +859,8 @@ function ve() {
   let n = 0, r = !1;
   const s = () => {
     const o = Array.from(e.entries()).sort((u, v) => {
-      const f = u[1].priority - v[1].priority;
-      return f === 0 ? u[1].addI - v[1].addI : f;
+      const d = u[1].priority - v[1].priority;
+      return d === 0 ? u[1].addI - v[1].addI : d;
     });
     t.clear(), o.forEach((u) => t.add(u[0]));
   }, l = (o) => {
@@ -885,11 +888,11 @@ function pr() {
   let c = null;
   const o = ve(), u = ve(), v = ve();
   S();
-  let f = {};
-  function h(_) {
-    f = _;
+  let d = {};
+  function g(_) {
+    d = _;
   }
-  function g(_, A, L = 0) {
+  function h(_, A, L = 0) {
     switch (A) {
       case "before":
         return o.on(_, L);
@@ -905,16 +908,16 @@ function pr() {
   function y() {
     t = !0, S(), cancelAnimationFrame(i);
   }
-  function d() {
+  function f() {
     n = !1, S();
   }
-  function C() {
+  function M() {
     n = !0, S();
   }
-  function M() {
+  function P() {
     l.value = !0;
   }
-  function P() {
+  function C() {
     l.value = !1;
   }
   function E() {
@@ -923,13 +926,13 @@ function pr() {
       return;
     }
     const _ = r.getDelta(), A = r.getElapsedTime(), L = {
-      camera: J(f.camera),
-      scene: J(f.scene),
-      renderer: J(f.renderer),
-      raycaster: J(f.raycaster),
-      controls: J(f.controls),
-      invalidate: f.invalidate,
-      advance: f.advance
+      camera: J(d.camera),
+      scene: J(d.scene),
+      renderer: J(d.renderer),
+      raycaster: J(d.raycaster),
+      controls: J(d.controls),
+      invalidate: d.invalidate,
+      advance: d.advance
     }, p = { delta: _, elapsed: A, clock: r, ...L };
     s.value && o.trigger(p), l.value || (u.count ? u.trigger(p) : c && c(p)), s.value && v.trigger(p), i = requestAnimationFrame(E);
   }
@@ -939,16 +942,16 @@ function pr() {
   }
   return {
     loopId: a,
-    register: (_, A, L) => g(_, A, L),
+    register: (_, A, L) => h(_, A, L),
     start: b,
     stop: y,
-    pause: C,
-    resume: d,
-    pauseRender: M,
-    resumeRender: P,
+    pause: M,
+    resume: f,
+    pauseRender: P,
+    resumeRender: C,
     isRenderPaused: l,
     isActive: s,
-    setContext: h,
+    setContext: g,
     setReady: (_) => e = _
   };
 }
@@ -957,23 +960,23 @@ function mr(e, t, n = 100) {
   const r = j(), s = /* @__PURE__ */ new Set();
   let l = !1, i = !1, a = null;
   function c() {
-    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((f) => f()), s.clear(), l = !0) : !i && !l && (a = setTimeout(c, n));
+    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((d) => d()), s.clear(), l = !0) : !i && !l && (a = setTimeout(c, n));
   }
   function o() {
     i = !0, a && clearTimeout(a);
   }
   c();
-  const u = (f, ...h) => {
-    f(...h);
+  const u = (d, ...g) => {
+    d(...g);
   };
   return {
-    on: (f) => {
+    on: (d) => {
       if (l)
-        return u(f, t), { off: () => {
+        return u(d, t), { off: () => {
         } };
       {
-        const h = r.on(f);
-        return s.add(h.off), r.on(f);
+        const g = r.on(d);
+        return s.add(g.off), r.on(d);
       }
     },
     off: r.off,
@@ -1013,31 +1016,31 @@ function hr({
     cameras: o,
     registerCamera: u,
     deregisterCamera: v,
-    setCameraActive: f
-  } = Bn({ sizes: a, scene: e }), h = {
+    setCameraActive: d
+  } = In({ sizes: a, scene: e }), g = {
     mode: H(s.renderMode || "always"),
     priority: H(0),
     frames: H(0),
     maxFrames: 60,
-    canBeInvalidated: V(() => h.mode.value === "on-demand" && h.frames.value === 0)
+    canBeInvalidated: V(() => g.mode.value === "on-demand" && g.frames.value === 0)
   };
-  function g(O = 1) {
-    s.renderMode === "on-demand" && (h.frames.value = Math.min(h.maxFrames, h.frames.value + O));
+  function h(O = 1) {
+    s.renderMode === "on-demand" && (g.frames.value = Math.min(g.maxFrames, g.frames.value + O));
   }
   function b() {
-    s.renderMode === "manual" && (h.frames.value = 1);
+    s.renderMode === "manual" && (g.frames.value = 1);
   }
-  const { renderer: y } = ir(
+  const { renderer: y } = ar(
     {
       scene: e,
       canvas: t,
       options: s,
       emit: l,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: a, camera: c, render: h, invalidate: g, advance: b },
+      contextParts: { sizes: a, camera: c, render: g, invalidate: h, advance: b },
       disableRender: r
     }
-  ), d = {
+  ), f = {
     sizes: a,
     scene: i,
     camera: c,
@@ -1057,41 +1060,41 @@ function hr({
         accumulator: []
       }
     },
-    render: h,
+    render: g,
     advance: b,
-    extend: Me,
-    invalidate: g,
+    extend: Pe,
+    invalidate: h,
     registerCamera: u,
-    setCameraActive: f,
+    setCameraActive: d,
     deregisterCamera: v,
     loop: pr()
   };
-  _e("useTres", d), d.scene.value.__tres = {
-    root: d
-  }, d.loop.register(() => {
-    c.value && h.frames.value > 0 && (y.value.render(e, c.value), l("render", d.renderer.value)), h.priority.value = 0, h.mode.value === "always" ? h.frames.value = 1 : h.frames.value = Math.max(0, h.frames.value - 1);
+  _e("useTres", f), f.scene.value.__tres = {
+    root: f
+  }, f.loop.register(() => {
+    c.value && g.frames.value > 0 && (y.value.render(e, c.value), l("render", f.renderer.value)), g.priority.value = 0, g.mode.value === "always" ? g.frames.value = 1 : g.frames.value = Math.max(0, g.frames.value - 1);
   }, "render");
-  const { on: C, cancel: M } = gt(d);
-  d.loop.setReady(!1), d.loop.start(), C(() => {
-    l("ready", d), d.loop.setReady(!0), fr(e, d, l);
+  const { on: M, cancel: P } = gt(f);
+  f.loop.setReady(!1), f.loop.start(), M(() => {
+    l("ready", f), f.loop.setReady(!0), fr(e, f, l);
   }), K(() => {
-    M(), d.loop.stop();
+    P(), f.loop.stop();
   });
-  const P = 100, E = an({ every: P }), { isSupported: S, memory: _ } = ln({ interval: P }), A = 160;
+  const C = 100, E = an({ every: C }), { isSupported: S, memory: _ } = ln({ interval: C }), A = 160;
   let L = performance.now();
   const p = ({ timestamp: O }) => {
-    d.scene.value && (d.perf.memory.allocatedMem = xe(d.scene.value)), O - L >= P && (L = O, d.perf.fps.accumulator.push(E.value), d.perf.fps.accumulator.length > A && d.perf.fps.accumulator.shift(), d.perf.fps.value = E.value, S.value && _.value && (d.perf.memory.accumulator.push(_.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > A && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((B, R) => B + R, 0) / d.perf.memory.accumulator.length));
+    f.scene.value && (f.perf.memory.allocatedMem = xe(f.scene.value)), O - L >= C && (L = O, f.perf.fps.accumulator.push(E.value), f.perf.fps.accumulator.length > A && f.perf.fps.accumulator.shift(), f.perf.fps.value = E.value, S.value && _.value && (f.perf.memory.accumulator.push(_.value.usedJSHeapSize / 1024 / 1024), f.perf.memory.accumulator.length > A && f.perf.memory.accumulator.shift(), f.perf.memory.currentMem = f.perf.memory.accumulator.reduce((B, R) => B + R, 0) / f.perf.memory.accumulator.length));
   };
   let w = 0;
   const x = 1, { pause: D } = it(({ delta: O }) => {
-    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += O, w >= x && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
+    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += O, w >= x && (window.__TRES__DEVTOOLS__.cb(f), w = 0));
   }, { immediate: !0 });
   return K(() => {
     D();
-  }), d;
+  }), f;
 }
 function pe() {
-  const e = Ct("useTres");
+  const e = Mt("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
@@ -1117,14 +1120,14 @@ function qr() {
     invalidate: i,
     advance: a
   });
-  function c(v, f = 0) {
-    return r.register(v, "before", f);
+  function c(v, d = 0) {
+    return r.register(v, "before", d);
   }
   function o(v) {
     return r.register(v, "render");
   }
-  function u(v, f = 0) {
-    return r.register(v, "after", f);
+  function u(v, d = 0) {
+    return r.register(v, "after", d);
   }
   return {
     pause: r.pause,
@@ -1173,63 +1176,63 @@ const { logError: Ke } = Y(), Qe = [
   "onWheel"
 ], vr = (e) => {
   const t = e.scene.value;
-  function n(o, u, v, f) {
-    if (f || (f = {}), f.args || (f.args = []), o === "template" || Nn(o))
+  function n(o, u, v, d) {
+    if (d || (d = {}), d.args || (d.args = []), o === "template" || zn(o))
       return null;
-    let h = o.replace("Tres", ""), g;
+    let g = o.replace("Tres", ""), h;
     if (o === "primitive") {
-      (!U(f.object) || Mt(f.object)) && Ke(
+      (!U(d.object) || Pt(d.object)) && Ke(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), h = f.object.type;
+      ), g = d.object.type;
       const b = {};
-      g = gr(
-        f.object,
+      h = gr(
+        d.object,
         {
-          object: (d) => d,
+          object: (f) => f,
           isPrimitive: () => !0,
           __tres: () => b
         },
         {
-          object: (d, C, M, P) => {
-            or(d, M, P, { patchProp: l, remove: s, insert: r }, e);
+          object: (f, M, P, C) => {
+            sr(f, P, C, { patchProp: l, remove: s, insert: r }, e);
           },
-          __tres: (d) => {
-            Object.assign(b, d);
+          __tres: (f) => {
+            Object.assign(b, f);
           }
         }
       );
     } else {
-      const b = Ce.value[h];
+      const b = Me.value[g];
       b || Ke(
-        `${h} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), g = new b(...f.args);
+        `${g} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), h = new b(...d.args);
     }
-    return g ? (g.isCamera && (f != null && f.position || g.position.set(3, 3, 3), f != null && f.lookAt || g.lookAt(0, 0, 0)), g = z(g, {
-      ...g.__tres,
-      type: h,
-      memoizedProps: f,
+    return h ? (h.isCamera && (d != null && d.position || h.position.set(3, 3, 3), d != null && d.lookAt || h.lookAt(0, 0, 0)), h = z(h, {
+      ...h.__tres,
+      type: g,
+      memoizedProps: d,
       eventCount: 0,
       primitive: o === "primitive",
-      attach: f.attach
-    }, e), g) : null;
+      attach: d.attach
+    }, e), h) : null;
   }
   function r(o, u) {
-    var h, g, b;
+    var g, h, b;
     if (!o)
       return;
     u = u || t;
-    const v = o.__tres ? o : z(o, {}, e), f = u.__tres ? u : z(u, {}, e);
-    o = Q(v), u = Q(f), o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), v.__tres.attach ? tr(f, v, v.__tres.attach) : N(o) && N(f) && (f.add(o), o.dispatchEvent({ type: "added" })), v.__tres.parent = f, f.__tres.objects && !f.__tres.objects.includes(v) && f.__tres.objects.push(v);
+    const v = o.__tres ? o : z(o, {}, e), d = u.__tres ? u : z(u, {}, e);
+    o = Q(v), u = Q(d), o.__tres && ((g = o.__tres) == null ? void 0 : g.eventCount) > 0 && ((h = e.eventManager) == null || h.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), v.__tres.attach ? nr(d, v, v.__tres.attach) : N(o) && N(d) && (d.add(o), o.dispatchEvent({ type: "added" })), v.__tres.parent = d, d.__tres.objects && !d.__tres.objects.includes(v) && d.__tres.objects.push(v);
   }
   function s(o, u) {
-    var g, b, y, d;
+    var h, b, y, f;
     if (!o)
       return;
-    o != null && o.__tres && ((g = o.__tres) == null ? void 0 : g.eventCount) > 0 && ((b = e.eventManager) == null || b.deregisterObject(o)), u = be(u) ? "default" : u;
+    o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((b = e.eventManager) == null || b.deregisterObject(o)), u = be(u) ? "default" : u;
     const v = (y = o.__tres) == null ? void 0 : y.dispose;
     be(v) || (v === null ? u = !1 : u = v);
-    const f = (d = o.__tres) == null ? void 0 : d.primitive, h = u === "default" ? !f : !!u;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, u)), h && o.children && [...o.children].forEach((C) => s(C, u)), mt(o, e), ht(o, e), h && !Dn(o)) {
+    const d = (f = o.__tres) == null ? void 0 : f.primitive, g = u === "default" ? !d : !!u;
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((M) => s(M, u)), g && o.children && [...o.children].forEach((M) => s(M, u)), mt(o, e), ht(o, e), g && !jn(o)) {
       if (G(u))
         u(o);
       else if (G(o.dispose))
@@ -1240,53 +1243,53 @@ const { logError: Ke } = Y(), Qe = [
     }
     "__tres" in o && delete o.__tres;
   }
-  function l(o, u, v, f) {
-    var C, M;
+  function l(o, u, v, d) {
+    var M, P;
     if (!o)
       return;
-    let h = o, g = u;
-    if (o.__tres && (o.__tres.memoizedProps[u] = f), u === "attach") {
-      const P = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
-      s(o), z(o, { attach: f }, e), P && r(o, P);
+    let g = o, h = u;
+    if (o.__tres && (o.__tres.memoizedProps[u] = d), u === "attach") {
+      const C = ((M = o.__tres) == null ? void 0 : M.parent) || o.parent;
+      s(o), z(o, { attach: d }, e), C && r(o, C);
       return;
     }
     if (u === "dispose") {
-      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = f;
+      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = d;
       return;
     }
-    if (N(o) && g === "blocks-pointer-events") {
-      f || f === "" ? o[g] = f : delete o[g];
+    if (N(o) && h === "blocks-pointer-events") {
+      d || d === "" ? o[h] = d : delete o[h];
       return;
     }
     Qe.includes(u) && o.__tres && (o.__tres.eventCount += 1);
-    let b = ie(g), y = h == null ? void 0 : h[b];
-    if (g === "args") {
-      const P = o, E = v ?? [], S = f ?? [], _ = ((M = o.__tres) == null ? void 0 : M.type) || o.type;
-      _ && E.length && !qn(E, S) && (h = Object.assign(
-        P,
-        new Ce.value[_](...f)
+    let b = ie(h), y = g == null ? void 0 : g[b];
+    if (h === "args") {
+      const C = o, E = v ?? [], S = d ?? [], _ = ((P = o.__tres) == null ? void 0 : P.type) || o.type;
+      _ && E.length && !Jn(E, S) && (g = Object.assign(
+        C,
+        new Me.value[_](...d)
       ));
       return;
     }
-    if (h.type === "BufferGeometry") {
-      if (g === "args")
+    if (g.type === "BufferGeometry") {
+      if (h === "args")
         return;
-      h.setAttribute(
-        ie(g),
-        new Wt(...f)
+      g.setAttribute(
+        ie(h),
+        new Wt(...d)
       );
       return;
     }
-    if (g.includes("-") && y === void 0) {
-      const P = g.split("-");
-      y = P.reduce((E, S) => E[ie(S)], h), g = P.pop(), b = g, y != null && y.set || (h = P.reduce((E, S) => E[ie(S)], h));
+    if (h.includes("-") && y === void 0) {
+      const C = h.split("-");
+      y = C.reduce((E, S) => E[ie(S)], g), h = C.pop(), b = h, y != null && y.set || (g = C.reduce((E, S) => E[ie(S)], g));
     }
-    let d = f;
-    if (d === "" && (d = !0), G(y)) {
-      Qe.includes(u) || (de(d) ? o[b](...d) : o[b](d)), b.startsWith("on") && G(d) && (h[b] = d);
+    let f = d;
+    if (f === "" && (f = !0), G(y)) {
+      Qe.includes(u) || (de(f) ? o[b](...f) : o[b](f)), b.startsWith("on") && G(f) && (g[b] = f);
       return;
     }
-    !(y != null && y.set) && !G(y) ? h[b] = d : y.constructor === d.constructor && (y != null && y.copy) ? y == null || y.copy(d) : de(d) ? y.set(...d) : !y.isColor && y.setScalar ? y.setScalar(d) : y.set(d), pt(o);
+    !(y != null && y.set) && !G(y) ? g[b] = f : y.constructor === f.constructor && (y != null && y.copy) ? y == null || y.copy(f) : de(f) ? y.set(...f) : !y.isColor && y.setScalar ? y.setScalar(f) : y.set(f), pt(o);
   }
   function i(o) {
     var u;
@@ -1297,9 +1300,9 @@ const { logError: Ke } = Y(), Qe = [
     return u.name = o, u;
   }
   function c(o) {
-    var h;
-    const u = i(o), v = ((h = u == null ? void 0 : u.__tres) == null ? void 0 : h.objects) || [], f = v.indexOf(o);
-    return f < 0 || f >= v.length - 1 ? null : v[f + 1];
+    var g;
+    const u = i(o), v = ((g = u == null ? void 0 : u.__tres) == null ? void 0 : g.objects) || [], d = v.indexOf(o);
+    return d < 0 || d >= v.length - 1 ? null : v[d + 1];
   }
   return {
     insert: r,
@@ -1326,14 +1329,14 @@ function vt() {
 }
 const _r = typeof Proxy == "function", wr = "devtools-plugin:setup", br = "plugin:settings:set";
 let q, Ee;
-function Pr() {
+function Cr() {
   var e;
   return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Ee = globalThis.perf_hooks.performance) : q = !1), q;
 }
-function Cr() {
-  return Pr() ? Ee.now() : Date.now();
+function Mr() {
+  return Cr() ? Ee.now() : Date.now();
 }
-class Mr {
+class Pr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1361,7 +1364,7 @@ class Mr {
         l = i;
       },
       now() {
-        return Cr();
+        return Mr();
       }
     }, n && n.on(br, (i, a) => {
       i === this.plugin.id && this.fallbacks.setSettings(a);
@@ -1400,7 +1403,7 @@ function Er(e, t) {
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
     s.emit(wr, e, t);
   else {
-    const i = l ? new Mr(n, s) : null;
+    const i = l ? new Pr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1433,7 +1436,7 @@ const yt = (e) => {
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (Rn(e) && t.tags.push({
+  }), e.type.includes("Light") && (On(e) && t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
@@ -1503,7 +1506,7 @@ function xr(e, t) {
           if (!a)
             return;
           if (s && r && r.parent && s.remove(r), a.isMesh) {
-            const c = Qn(a);
+            const c = Xn(a);
             a.add(c), r = c, s = a;
           }
           l.state = {
@@ -1526,7 +1529,7 @@ function xr(e, t) {
           }))) || []);
         }
       }), n.on.editInspectorState((l) => {
-        l.inspectorId === X && Kn(t.scene.value, l.nodeId, l.path, l.state.value);
+        l.inspectorId === X && Qn(t.scene.value, l.nodeId, l.path, l.state.value);
       });
     }
   );
@@ -1578,37 +1581,37 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
   setup(e, { expose: t, emit: n }) {
     var y;
     const r = e, s = n, l = Tt(), { logWarning: i } = Y(), a = H(), c = $(new nt()), o = (y = Ie()) == null ? void 0 : y.appContext.app;
-    Me(et);
-    const u = (d, C = !1) => Be({
+    Pe(et);
+    const u = (f, M = !1) => Be({
       setup() {
-        var P;
-        const M = (P = Ie()) == null ? void 0 : P.appContext;
-        return M && (M.app = o), _e("useTres", d), _e("extend", Me), typeof window < "u" && xr(M == null ? void 0 : M.app, d), () => He(Ot, null, C ? [] : l.default());
+        var C;
+        const P = (C = Ie()) == null ? void 0 : C.appContext;
+        return P && (P.app = o), _e("useTres", f), _e("extend", Pe), typeof window < "u" && xr(P == null ? void 0 : P.app, f), () => He(Ot, null, M ? [] : l.default());
       }
-    }), v = (d, C = !1) => {
-      const M = u(d, C), { render: P } = Rt(vr(d));
-      P(He(M), c.value);
-    }, f = (d, C = !1) => {
-      dt(d.scene.value), C && (d.renderer.value.dispose(), d.renderer.value.renderLists.dispose(), d.renderer.value.forceContextLoss()), c.value.__tres = {
-        root: d
+    }), v = (f, M = !1) => {
+      const P = u(f, M), { render: C } = Rt(vr(f));
+      C(He(P), c.value);
+    }, d = (f, M = !1) => {
+      dt(f.scene.value), M && (f.renderer.value.dispose(), f.renderer.value.renderLists.dispose(), f.renderer.value.forceContextLoss()), c.value.__tres = {
+        root: f
       };
-    }, h = V(() => r.disableRender), g = $(null);
-    t({ context: g, dispose: () => f(g.value, !0) });
+    }, g = V(() => r.disableRender), h = $(null);
+    t({ context: h, dispose: () => d(h.value, !0) });
     const b = () => {
-      f(g.value), v(g.value, !0);
+      d(h.value), v(h.value, !0);
     };
     return St(() => {
-      const d = a;
-      g.value = hr({
+      const f = a;
+      h.value = hr({
         scene: c.value,
-        canvas: d,
+        canvas: f,
         windowSize: r.windowSize ?? !1,
-        disableRender: h.value ?? !1,
+        disableRender: g.value ?? !1,
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: C, camera: M, cameras: P, deregisterCamera: E } = g.value;
-      v(g.value);
+      const { registerCamera: M, camera: P, cameras: C, deregisterCamera: E } = h.value;
+      v(h.value);
       const S = () => {
         const _ = new we(
           45,
@@ -1616,38 +1619,38 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
           0.1,
           1e3
         );
-        _.position.set(3, 3, 3), _.lookAt(0, 0, 0), C(_);
+        _.position.set(3, 3, 3), _.lookAt(0, 0, 0), M(_);
         const A = Te(() => {
-          P.value.length >= 2 && (_.removeFromParent(), E(_), A == null || A());
+          C.value.length >= 2 && (_.removeFromParent(), E(_), A == null || A());
         });
       };
       ce(
         () => r.camera,
         (_, A) => {
-          _ && C(_), A && (A.removeFromParent(), E(A));
+          _ && M(_), A && (A.removeFromParent(), E(A));
         },
         {
           immediate: !0
         }
-      ), M.value || (i(
+      ), P.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
       ), S());
-    }), K(b), (d, C) => (At(), xt("canvas", {
+    }), K(b), (f, M) => (At(), xt("canvas", {
       ref_key: "canvas",
       ref: a,
       "data-scene": c.value.uuid,
-      class: kt(d.$attrs.class),
-      "data-tres": `tresjs ${J(An).version}`,
+      class: kt(f.$attrs.class),
+      "data-tres": `tresjs ${J(xn).version}`,
       style: Lt({
         display: "block",
         width: "100%",
         height: "100%",
-        position: d.windowSize ? "fixed" : "relative",
+        position: f.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...d.$attrs.style
+        ...f.$attrs.style
       })
     }, null, 14, kr));
   }
@@ -1724,7 +1727,7 @@ let I = null;
 const Xr = {
   updated: (e, t) => {
     var s;
-    const n = Xn(t);
+    const n = Zn(t);
     if (!n) {
       jr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
@@ -1749,24 +1752,24 @@ const Xr = {
 };
 export {
   Lr as TresCanvas,
-  Ce as catalogue,
+  Me as catalogue,
   pr as createRenderLoop,
   Zr as default,
   dt as dispose,
-  Me as extend,
+  Pe as extend,
   Fr as isProd,
-  Un as normalizeColor,
+  Fn as normalizeColor,
   Wr as normalizeVectorFlexibleParam,
   Vr as onTresReady,
   Jr as templateCompilerOptions,
   lr as trasverseObjects,
-  Bn as useCamera,
+  In as useCamera,
   Nr as useLoader,
   Y as useLogger,
   qr as useLoop,
   cr as useRaycaster,
   Ur as useRenderLoop,
-  ir as useRenderer,
+  ar as useRenderer,
   Gr as useSeek,
   zr as useTexture,
   Yr as useTres,