@tresjs/core 4.0.2 → 4.1.0-next.0

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.0.2
+ * version: v4.1.0-next.0
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,11 +8,11 @@
 var at = Object.defineProperty;
 var lt = (e, t, r) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var ie = (e, t, r) => (lt(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { ref as L, computed as D, watchEffect as ge, onUnmounted as N, shallowRef as H, watch as G, reactive as ze, readonly as ce, unref as W, provide as fe, inject as ut, defineComponent as xe, useSlots as ct, getCurrentInstance as Te, onMounted as ft, openBlock as dt, createElementBlock as pt, normalizeClass as mt, normalizeStyle as vt, createRenderer as gt, h as Ae, Fragment as ht } from "vue";
+import { ref as L, computed as D, watchEffect as ve, onUnmounted as N, shallowRef as H, watch as G, reactive as ze, readonly as ue, unref as W, provide as fe, inject as ct, defineComponent as xe, useSlots as ut, getCurrentInstance as ke, onMounted as ft, openBlock as pt, createElementBlock as dt, normalizeClass as mt, normalizeStyle as gt, createRenderer as vt, h as Oe, Fragment as ht } from "vue";
 import * as Ge from "three";
-import { PerspectiveCamera as de, Camera as yt, Clock as Ve, Vector3 as he, Color as re, Scene as qe, MeshBasicMaterial as Ye, DoubleSide as bt, REVISION as wt, SRGBColorSpace as Mt, ACESFilmicToneMapping as Je, PCFSoftShadowMap as Pt, NoToneMapping as _t, WebGLRenderer as ae, TextureLoader as Ct, Vector2 as le, MathUtils as Et, Raycaster as kt, BufferAttribute as St, Object3D as xt, Line as Tt, BufferGeometry as Oe, Float32BufferAttribute as Le, LineBasicMaterial as At, Mesh as Ot, BackSide as Lt, DirectionalLightHelper as Dt, PointLightHelper as Bt, SpotLightHelper as jt, HemisphereLightHelper as Rt, ArrowHelper as It } from "three";
-import { createEventHook as O, useRafFn as Qe, toValue as S, unrefElement as Ht, useDevicePixelRatio as Ut, usePointer as $t, useElementBounding as Ft, useWindowSize as Wt, useElementSize as Nt, refDebounced as De, tryOnScopeDispose as zt, useFps as Gt, useMemory as Vt } from "@vueuse/core";
-const qt = "@tresjs/core", Yt = "module", Jt = "4.0.2", Qt = "pnpm@9.1.4", Kt = "Declarative ThreeJS using Vue Components", Xt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Zt = "MIT", er = [
+import { PerspectiveCamera as pe, Camera as yt, Clock as Ve, Vector3 as he, Color as re, Scene as qe, MeshBasicMaterial as Ye, DoubleSide as wt, REVISION as bt, SRGBColorSpace as Mt, ACESFilmicToneMapping as Je, PCFSoftShadowMap as Pt, NoToneMapping as _t, WebGLRenderer as ae, TextureLoader as Ct, Vector2 as le, MathUtils as Et, Raycaster as St, BufferAttribute as Tt, Object3D as xt, Line as kt, BufferGeometry as Ae, Float32BufferAttribute as Le, LineBasicMaterial as Ot, Mesh as At, BackSide as Lt, DirectionalLightHelper as Dt, PointLightHelper as Bt, SpotLightHelper as jt, HemisphereLightHelper as Rt, ArrowHelper as It } from "three";
+import { createEventHook as A, useRafFn as Qe, toValue as T, unrefElement as Ht, useDevicePixelRatio as $t, usePointer as Ft, useElementBounding as Ut, useWindowSize as Wt, useElementSize as Nt, refDebounced as De, tryOnScopeDispose as zt, useFps as Gt, useMemory as Vt } from "@vueuse/core";
+const qt = "@tresjs/core", Yt = "module", Jt = "4.1.0-next.0", Qt = "pnpm@9.1.4", Kt = "Declarative ThreeJS using Vue Components", Xt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Zt = "MIT", er = [
   "vue",
   "3d",
   "threejs",
@@ -59,10 +59,10 @@ const qt = "@tresjs/core", Yt = "module", Jt = "4.0.2", Qt = "pnpm@9.1.4", Kt =
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, ur = {
+}, cr = {
   three: ">=0.133",
   vue: ">=3.4"
-}, cr = {
+}, ur = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.2",
   "@vueuse/core": "^10.10.0"
@@ -106,7 +106,7 @@ const qt = "@tresjs/core", Yt = "module", Jt = "4.0.2", Qt = "pnpm@9.1.4", Kt =
   vitest: "^1.6.0",
   vue: "^3.4.27",
   "vue-demi": "^0.14.8"
-}, dr = {
+}, pr = {
   name: qt,
   type: Yt,
   version: Jt,
@@ -123,43 +123,43 @@ const qt = "@tresjs/core", Yt = "module", Jt = "4.0.2", Qt = "pnpm@9.1.4", Kt =
   files: ir,
   publishConfig: ar,
   scripts: lr,
-  peerDependencies: ur,
-  dependencies: cr,
+  peerDependencies: cr,
+  dependencies: ur,
   devDependencies: fr
-}, pr = ({ sizes: e }) => {
+}, dr = ({ sizes: e }) => {
   const t = L([]), r = D(
     () => t.value[0]
-  ), o = (a) => {
-    const s = a instanceof yt ? a : t.value.find((f) => f.uuid === a);
-    if (!s)
+  ), o = (i) => {
+    const a = i instanceof yt ? i : t.value.find((f) => f.uuid === i);
+    if (!a)
       return;
-    const n = t.value.filter(({ uuid: f }) => f !== s.uuid);
-    t.value = [s, ...n];
-  }, i = (a, s = !1) => {
-    t.value.some(({ uuid: n }) => n === a.uuid) || (s ? o(a) : t.value.push(a));
-  }, u = (a) => {
-    t.value = t.value.filter(({ uuid: s }) => s !== a.uuid);
+    const n = t.value.filter(({ uuid: f }) => f !== a.uuid);
+    t.value = [a, ...n];
+  }, s = (i, a = !1) => {
+    t.value.some(({ uuid: n }) => n === i.uuid) || (a ? o(i) : t.value.push(i));
+  }, c = (i) => {
+    t.value = t.value.filter(({ uuid: a }) => a !== i.uuid);
   };
-  return ge(() => {
-    e.aspectRatio.value && t.value.forEach((a) => {
-      !a.manual && (a instanceof de || mr(a)) && (a instanceof de ? a.aspect = e.aspectRatio.value : (a.left = e.width.value * -0.5, a.right = e.width.value * 0.5, a.top = e.height.value * 0.5, a.bottom = e.height.value * -0.5), a.updateProjectionMatrix());
+  return ve(() => {
+    e.aspectRatio.value && t.value.forEach((i) => {
+      !i.manual && (i instanceof pe || mr(i)) && (i instanceof pe ? 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());
     });
   }), N(() => {
     t.value = [];
   }), {
     camera: r,
     cameras: t,
-    registerCamera: i,
-    deregisterCamera: u,
+    registerCamera: s,
+    deregisterCamera: c,
     setCameraActive: o
   };
 };
 function mr(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const Ke = O(), Xe = O(), ye = O(), V = new Ve();
+const Ke = A(), Xe = A(), ye = A(), V = new Ve();
 let ne = 0, oe = 0;
-const { pause: vr, resume: Be, isActive: gr } = Qe(
+const { pause: gr, resume: Be, isActive: vr } = Qe(
   () => {
     Ke.trigger({ delta: ne, elapsed: oe, clock: V }), Xe.trigger({ delta: ne, elapsed: oe, clock: V }), ye.trigger({ delta: ne, elapsed: oe, clock: V });
   },
@@ -173,18 +173,18 @@ const fn = () => (je || (je = !0, Be()), {
   onBeforeLoop: Ke.on,
   onLoop: Xe.on,
   onAfterLoop: ye.on,
-  pause: vr,
+  pause: gr,
   resume: Be,
-  isActive: gr
-}), dn = !0, K = "[TresJS ▲ ■ ●] ";
-function U() {
+  isActive: vr
+}), pn = !0, K = "[TresJS ▲ ■ ●] ";
+function $() {
   function e(...o) {
     typeof o[0] == "string" ? o[0] = K + o[0] : o.unshift(K), console.error(...o);
   }
   function t(...o) {
     typeof o[0] == "string" ? o[0] = K + o[0] : o.unshift(K), console.warn(...o);
   }
-  function r(o, i) {
+  function r(o, s) {
   }
   return {
     logError: e,
@@ -192,7 +192,7 @@ function U() {
     logMessage: r
   };
 }
-function pn(e) {
+function dn(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof he ? [e.x, e.y, e.z] : e;
 }
 function hr(e) {
@@ -206,15 +206,15 @@ class yr extends Ge.Mesh {
     this.createTime = Date.now();
   }
   onBeforeRender() {
-    const o = (Date.now() - this.createTime) / 1e3, a = 1 + 0.07 * Math.sin(2.5 * o);
-    this.scale.set(a, a, a);
+    const o = (Date.now() - this.createTime) / 1e3, i = 1 + 0.07 * Math.sin(2.5 * o);
+    this.scale.set(i, i, i);
   }
 }
 const Ze = (e, t) => {
   for (const r of Object.keys(t))
     t[r] instanceof Object && Object.assign(t[r], Ze(e[r], t[r]));
   return Object.assign(e || {}, t), e;
-}, br = "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", wr = /* @__PURE__ */ _r(br);
+}, wr = "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", br = /* @__PURE__ */ _r(wr);
 function Re(e) {
   return e && e.nodeType === 1;
 }
@@ -227,30 +227,30 @@ function Pr(e) {
 }
 function _r(e, t) {
   const r = /* @__PURE__ */ Object.create(null), o = e.split(",");
-  for (let i = 0; i < o.length; i++)
-    r[o[i]] = !0;
-  return (i) => !!r[i];
+  for (let s = 0; s < o.length; s++)
+    r[o[s]] = !0;
+  return (s) => !!r[s];
 }
 const Cr = (e, t) => {
   const r = /* @__PURE__ */ new Set(), o = [];
-  for (const i of e) {
-    const u = t(i);
-    r.has(u) || (r.add(u), o.push(i));
+  for (const s of e) {
+    const c = t(s);
+    r.has(c) || (r.add(c), o.push(s));
   }
   return o;
 }, Ie = (e, t) => {
   if (!t)
     return;
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  return r == null ? void 0 : r.reduce((o, i) => o && o[i], e);
+  return r == null ? void 0 : r.reduce((o, s) => o && o[s], e);
 }, Er = (e, t, r) => {
   const o = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  o && o.reduce((i, u, a) => (i[u] === void 0 && (i[u] = {}), a === o.length - 1 && (i[u] = r), i[u]), e);
+  o && o.reduce((s, c, i) => (s[c] === void 0 && (s[c] = {}), i === o.length - 1 && (s[c] = r), s[c]), e);
 };
 function et(e, t) {
   if (Re(e) && Re(t)) {
-    const i = e.attributes, u = t.attributes;
-    return i.length !== u.length ? !1 : Array.from(i).every(({ name: a, value: s }) => t.getAttribute(a) === s);
+    const s = e.attributes, c = t.attributes;
+    return s.length !== c.length ? !1 : Array.from(s).every(({ name: i, value: a }) => t.getAttribute(i) === a);
   }
   if (e === t)
     return !0;
@@ -259,12 +259,12 @@ function et(e, t) {
   const r = Object.keys(e), o = Object.keys(t);
   if (r.length !== o.length)
     return !1;
-  for (const i of r)
-    if (!o.includes(i) || !et(e[i], t[i]))
+  for (const s of r)
+    if (!o.includes(s) || !et(e[s], t[s]))
       return !1;
   return !0;
 }
-function kr(e, t) {
+function Sr(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let r = 0; r < e.length; r++)
@@ -272,33 +272,33 @@ function kr(e, t) {
       return !1;
   return !0;
 }
-const Sr = Array.isArray;
+const Tr = Array.isArray;
 function xr(e, t, r, o) {
-  const i = (n) => {
+  const s = (n) => {
     if (n.uuid === t)
       return n;
     for (const f of n.children) {
-      const h = i(f);
+      const h = s(f);
       if (h)
         return h;
     }
-  }, u = i(e);
-  if (!u) {
+  }, c = s(e);
+  if (!c) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
-  let a = u;
+  let i = c;
   for (let n = 0; n < r.length - 1; n++)
-    if (a[r[n]] !== void 0)
-      a = a[r[n]];
+    if (i[r[n]] !== void 0)
+      i = i[r[n]];
     else {
       console.warn(`Property path is not valid: ${r.join(".")}`);
       return;
     }
-  const s = r[r.length - 1];
-  a[s] !== void 0 ? a[s] = o : console.warn(`Property path is not valid: ${r.join(".")}`);
+  const a = r[r.length - 1];
+  i[a] !== void 0 ? i[a] = o : console.warn(`Property path is not valid: ${r.join(".")}`);
 }
-function Tr(e) {
+function kr(e) {
   const t = new Ye({
     color: 11003607,
     // Highlight color, e.g., yellow
@@ -306,30 +306,30 @@ function Tr(e) {
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: bt
+    side: wt
     // To e
   });
   return new yr(e.geometry.clone(), t);
 }
-function Ar(e) {
+function Or(e) {
   var r;
   let t = e.value;
   return e.value && ((r = e.value) != null && r.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new he(...t)), t;
 }
-function Or(e) {
+function Ar(e) {
   return "map" in e;
 }
 function He(e) {
-  Or(e) && e.map && e.map.dispose(), e.dispose();
+  Ar(e) && e.map && e.map.dispose(), e.dispose();
 }
-function be(e) {
+function we(e) {
   var r, o;
-  if (e.parent && ((r = e.removeFromParent) == null || r.call(e)), delete e.__tres, [...e.children].forEach((i) => be(i)), !(e instanceof qe)) {
-    const i = e;
-    e && ((o = e.dispose) == null || o.call(e)), i.geometry && (i.geometry.dispose(), delete i.geometry), Array.isArray(i.material) ? (i.material.forEach((u) => He(u)), delete i.material) : i.material && (He(i.material), delete i.material);
+  if (e.parent && ((r = e.removeFromParent) == null || r.call(e)), delete e.__tres, [...e.children].forEach((s) => we(s)), !(e instanceof qe)) {
+    const s = e;
+    e && ((o = e.dispose) == null || o.call(e)), s.geometry && (s.geometry.dispose(), delete s.geometry), Array.isArray(s.material) ? (s.material.forEach((c) => He(c)), delete s.material) : s.material && (He(s.material), delete s.material);
   }
 }
-const Lr = Number.parseInt(wt.replace("dev", "")), Z = {
+const Lr = Number.parseInt(bt.replace("dev", "")), Z = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
@@ -349,73 +349,73 @@ const Lr = Number.parseInt(wt.replace("dev", "")), Z = {
 function Dr({
   canvas: e,
   options: t,
-  contextParts: { sizes: r, render: o, invalidate: i, advance: u }
+  contextParts: { sizes: r, render: o, invalidate: s, advance: c }
 }) {
-  const a = D(() => ({
-    alpha: S(t.alpha) ?? !0,
-    depth: S(t.depth),
+  const i = D(() => ({
+    alpha: T(t.alpha) ?? !0,
+    depth: T(t.depth),
     canvas: Ht(e),
-    context: S(t.context),
-    stencil: S(t.stencil),
-    antialias: S(t.antialias) ?? !0,
-    precision: S(t.precision),
-    powerPreference: S(t.powerPreference),
-    premultipliedAlpha: S(t.premultipliedAlpha),
-    preserveDrawingBuffer: S(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: S(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: S(t.failIfMajorPerformanceCaveat)
-  })), s = H(new ae(a.value));
+    context: T(t.context),
+    stencil: T(t.stencil),
+    antialias: T(t.antialias) ?? !0,
+    precision: T(t.precision),
+    powerPreference: T(t.powerPreference),
+    premultipliedAlpha: T(t.premultipliedAlpha),
+    preserveDrawingBuffer: T(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: T(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: T(t.failIfMajorPerformanceCaveat)
+  })), a = H(new ae(i.value));
   function n() {
-    t.renderMode === "on-demand" && i();
+    t.renderMode === "on-demand" && s();
   }
-  G(a, () => {
-    s.value.dispose(), s.value = new ae(a.value), n();
+  G(i, () => {
+    a.value.dispose(), a.value = new ae(i.value), n();
   }), G([r.width, r.height], () => {
-    s.value.setSize(r.width.value, r.height.value), n();
+    a.value.setSize(r.width.value, r.height.value), n();
   }, {
     immediate: !0
   }), G(() => t.clearColor, n);
-  const { pixelRatio: f } = Ut();
+  const { pixelRatio: f } = $t();
   G(f, () => {
-    s.value.setPixelRatio(f.value);
+    a.value.setPixelRatio(f.value);
   });
-  const { logError: h } = U(), b = (() => {
-    const d = new ae(), P = {
+  const { logError: h } = $(), w = (() => {
+    const p = new ae(), P = {
       shadowMap: {
-        enabled: d.shadowMap.enabled,
-        type: d.shadowMap.type
+        enabled: p.shadowMap.enabled,
+        type: p.shadowMap.type
       },
-      toneMapping: d.toneMapping,
-      toneMappingExposure: d.toneMappingExposure,
-      outputColorSpace: d.outputColorSpace
+      toneMapping: p.toneMapping,
+      toneMappingExposure: p.toneMappingExposure,
+      outputColorSpace: p.outputColorSpace
     };
-    return d.dispose(), P;
-  })(), w = S(t.renderMode);
-  return w === "on-demand" && i(), w === "manual" && setTimeout(() => {
-    u();
-  }, 100), ge(() => {
-    const d = S(t.preset);
-    d && (d in Z || h(`Renderer Preset must be one of these: ${Object.keys(Z).join(", ")}`), Ze(s.value, Z[d])), w === "always" && (o.frames.value = Math.max(1, o.frames.value));
-    const P = (p, M) => {
-      const _ = S(p), c = () => {
-        if (d)
-          return Ie(Z[d], M);
+    return p.dispose(), P;
+  })(), b = T(t.renderMode);
+  return b === "on-demand" && s(), b === "manual" && setTimeout(() => {
+    c();
+  }, 100), ve(() => {
+    const p = T(t.preset);
+    p && (p in Z || h(`Renderer Preset must be one of these: ${Object.keys(Z).join(", ")}`), Ze(a.value, Z[p])), b === "always" && (o.frames.value = Math.max(1, o.frames.value));
+    const P = (d, M) => {
+      const _ = T(d), u = () => {
+        if (p)
+          return Ie(Z[p], M);
       };
       if (_ !== void 0)
         return _;
-      const g = c();
-      return g !== void 0 ? g : Ie(b, M);
-    }, y = (p, M) => Er(s.value, M, P(p, M));
+      const v = u();
+      return v !== void 0 ? v : Ie(w, M);
+    }, y = (d, M) => Er(a.value, M, P(d, M));
     y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? Je, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), Lr < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
-    const v = P(t.clearColor, "clearColor");
-    v && s.value.setClearColor(
-      v ? hr(v) : new re(0)
+    const g = P(t.clearColor, "clearColor");
+    g && a.value.setClearColor(
+      g ? hr(g) : new re(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), N(() => {
-    s.value.dispose(), s.value.forceContextLoss();
+    a.value.dispose(), a.value.forceContextLoss();
   }), {
-    renderer: s
+    renderer: a
   };
 }
 const ee = (e) => typeof e == "function", Br = (e) => !!e && e.constructor === Array;
@@ -425,53 +425,53 @@ function jr(e) {
     r.name && (t.nodes[r.name] = r), r.material && !t.materials[r.material.name] && (t.materials[r.material.name] = r.material);
   }), t;
 }
-async function mn(e, t, r, o, i) {
-  const { logError: u } = U(), a = new e();
-  i && i(a), r && r(a);
+async function mn(e, t, r, o, s) {
+  const { logError: c } = $(), i = new e();
+  s && s(i), r && r(i);
   const n = (Array.isArray(t) ? t : [t]).map(
     (f) => new Promise((h, l) => {
-      a.load(
+      i.load(
         f,
-        (b) => {
-          b.scene && Object.assign(b, jr(b.scene)), h(b);
+        (w) => {
+          w.scene && Object.assign(w, jr(w.scene)), h(w);
         },
         o,
-        (b) => l(u("[useLoader] - Failed to load resource", b))
+        (w) => l(c("[useLoader] - Failed to load resource", w))
       );
     })
   );
   return Br(t) ? await Promise.all(n) : await n[0];
 }
-async function vn(e, t) {
-  const r = new Ct(t), o = (i) => new Promise((u, a) => {
+async function gn(e, t) {
+  const r = new Ct(t), o = (s) => new Promise((c, i) => {
     r.load(
-      i,
-      (s) => u(s),
+      s,
+      (a) => c(a),
       () => null,
       () => {
-        a(new Error("[useTextures] - Failed to load texture"));
+        i(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Sr(e)) {
-    const i = await Promise.all(e.map((u) => o(u)));
-    return e.length > 1 ? i : i[0];
+  if (Tr(e)) {
+    const s = await Promise.all(e.map((c) => o(c)));
+    return e.length > 1 ? s : s[0];
   } else {
     const {
-      map: i,
-      displacementMap: u,
-      normalMap: a,
-      roughnessMap: s,
+      map: s,
+      displacementMap: c,
+      normalMap: i,
+      roughnessMap: a,
       metalnessMap: n,
       aoMap: f,
       alphaMap: h,
       matcap: l
     } = e;
     return {
-      map: i ? await o(i) : null,
-      displacementMap: u ? await o(u) : null,
-      normalMap: a ? await o(a) : null,
-      roughnessMap: s ? await o(s) : null,
+      map: s ? await o(s) : null,
+      displacementMap: c ? await o(c) : null,
+      normalMap: i ? await o(i) : null,
+      roughnessMap: a ? await o(a) : null,
       metalnessMap: n ? await o(n) : null,
       aoMap: f ? await o(f) : null,
       alphaMap: h ? await o(h) : null,
@@ -480,112 +480,112 @@ async function vn(e, t) {
   }
 }
 const tt = (e, t) => {
-  const r = D(() => t.renderer.value.domElement), o = H([]), { x: i, y: u } = $t({ target: r }), a = D(() => e.value.filter((m) => {
+  const r = D(() => t.renderer.value.domElement), o = H([]), { x: s, y: c } = Ft({ target: r }), i = D(() => e.value.filter((m) => {
     var C;
     return ((C = m.__tres) == null ? void 0 : C.eventCount) > 0;
   }));
-  let s = 0;
-  const { width: n, height: f, top: h, left: l } = Ft(r), b = ({ x: m, y: C }) => {
+  let a = 0;
+  const { width: n, height: f, top: h, left: l } = Ut(r), w = ({ x: m, y: C }) => {
     if (r.value)
       return {
         x: (m - l.value) / n.value * 2 - 1,
         y: -((C - h.value) / f.value) * 2 + 1
       };
-  }, w = ({ x: m, y: C }) => {
+  }, b = ({ x: m, y: C }) => {
     if (t.camera.value)
-      return t.raycaster.value.setFromCamera(new le(m, C), t.camera.value), o.value = t.raycaster.value.intersectObjects(a.value, !0), o.value;
-  }, d = (m) => {
-    const C = b({
-      x: (m == null ? void 0 : m.clientX) ?? i.value,
-      y: (m == null ? void 0 : m.clientY) ?? u.value
+      return t.raycaster.value.setFromCamera(new le(m, C), t.camera.value), o.value = t.raycaster.value.intersectObjects(i.value, !0), o.value;
+  }, p = (m) => {
+    const C = w({
+      x: (m == null ? void 0 : m.clientX) ?? s.value,
+      y: (m == null ? void 0 : m.clientY) ?? c.value
     });
-    return C ? w(C) || [] : [];
-  }, P = O(), y = O(), v = O(), p = O(), M = O(), _ = O(), c = O(), g = O();
+    return C ? b(C) || [] : [];
+  }, P = A(), y = A(), g = A(), d = A(), M = A(), _ = A(), u = A(), v = A();
   function E(m) {
     const C = {};
     for (const R in m)
       typeof R != "function" && (C[R] = m[R]);
     return C;
   }
-  const k = (m, C) => {
-    var Ee, ke, Se;
+  const S = (m, C) => {
+    var Ee, Se, Te;
     const R = E(C), Q = new he(C == null ? void 0 : C.clientX, C == null ? void 0 : C.clientY, 0).unproject((Ee = t.camera) == null ? void 0 : Ee.value);
     m.trigger({
       ...R,
       intersections: o.value,
       // The unprojectedPoint is wrong, math needs to be fixed
       unprojectedPoint: Q,
-      ray: (ke = t.raycaster) == null ? void 0 : ke.value.ray,
-      camera: (Se = t.camera) == null ? void 0 : Se.value,
+      ray: (Se = t.raycaster) == null ? void 0 : Se.value.ray,
+      camera: (Te = t.camera) == null ? void 0 : Te.value,
       sourceEvent: C,
-      delta: s,
+      delta: a,
       stopPropagating: !1
     });
   };
   let B;
   const x = (m) => {
-    d(m), k(v, m), B = m;
-  }, T = () => {
+    p(m), S(g, m), B = m;
+  }, k = () => {
     B && x(B);
   };
-  let $, A, q;
+  let F, O, q;
   const Y = (m) => {
     var C;
-    $ = (C = o.value[0]) == null ? void 0 : C.object, s = 0, A = new le(
-      (m == null ? void 0 : m.clientX) ?? i.value,
-      (m == null ? void 0 : m.clientY) ?? u.value
-    ), k(M, m);
+    F = (C = o.value[0]) == null ? void 0 : C.object, a = 0, O = new le(
+      (m == null ? void 0 : m.clientX) ?? s.value,
+      (m == null ? void 0 : m.clientY) ?? c.value
+    ), S(M, m);
   };
   let se, J = !1;
   const Me = (m) => {
     var C, R, Q;
-    m instanceof PointerEvent && (o.value.length === 0 && k(_, m), $ === ((C = o.value[0]) == null ? void 0 : C.object) && (q = new le(
-      (m == null ? void 0 : m.clientX) ?? i.value,
-      (m == null ? void 0 : m.clientY) ?? u.value
-    ), s = A == null ? void 0 : A.distanceTo(q), m.button === 0 ? (k(P, m), se === ((R = o.value[0]) == null ? void 0 : R.object) ? J = !0 : (se = (Q = o.value[0]) == null ? void 0 : Q.object, J = !1)) : m.button === 2 && k(c, m)), k(p, m));
+    m instanceof PointerEvent && (o.value.length === 0 && S(_, m), F === ((C = o.value[0]) == null ? void 0 : C.object) && (q = new le(
+      (m == null ? void 0 : m.clientX) ?? s.value,
+      (m == null ? void 0 : m.clientY) ?? c.value
+    ), a = O == null ? void 0 : O.distanceTo(q), m.button === 0 ? (S(P, m), se === ((R = o.value[0]) == null ? void 0 : R.object) ? J = !0 : (se = (Q = o.value[0]) == null ? void 0 : Q.object, J = !1)) : m.button === 2 && S(u, m)), S(d, m));
   }, Pe = (m) => {
-    J && (k(y, m), se = void 0, J = !1);
-  }, _e = (m) => k(v, m), Ce = (m) => k(g, m);
+    J && (S(y, m), se = void 0, J = !1);
+  }, _e = (m) => S(g, m), Ce = (m) => S(v, m);
   return r.value.addEventListener("pointerup", Me), r.value.addEventListener("pointerdown", Y), r.value.addEventListener("pointermove", x), r.value.addEventListener("pointerleave", _e), r.value.addEventListener("dblclick", Pe), r.value.addEventListener("wheel", Ce), N(() => {
     r != null && r.value && (r.value.removeEventListener("pointerup", Me), r.value.removeEventListener("pointerdown", Y), r.value.removeEventListener("pointermove", x), r.value.removeEventListener("pointerleave", _e), r.value.removeEventListener("dblclick", Pe), r.value.removeEventListener("wheel", Ce));
   }), {
     intersects: o,
     onClick: (m) => P.on(m).off,
     onDblClick: (m) => y.on(m).off,
-    onContextMenu: (m) => c.on(m).off,
-    onPointerMove: (m) => v.on(m).off,
-    onPointerUp: (m) => p.on(m).off,
+    onContextMenu: (m) => u.on(m).off,
+    onPointerMove: (m) => g.on(m).off,
+    onPointerUp: (m) => d.on(m).off,
     onPointerDown: (m) => M.on(m).off,
     onPointerMissed: (m) => _.on(m).off,
-    onWheel: (m) => g.on(m).off,
-    forceUpdate: T
+    onWheel: (m) => v.on(m).off,
+    forceUpdate: k
   };
 };
-function gn() {
-  const { logWarning: e } = U();
-  function t(u, a, s) {
+function vn() {
+  const { logWarning: e } = $();
+  function t(c, i, a) {
     let n = null;
-    return u.traverse((f) => {
-      f[a] === s && (n = f);
-    }), n || e(`Child with ${a} '${s}' not found.`), n;
+    return c.traverse((f) => {
+      f[i] === a && (n = f);
+    }), n || e(`Child with ${i} '${a}' not found.`), n;
   }
-  function r(u, a, s) {
+  function r(c, i, a) {
     const n = [];
-    return u.traverse((f) => {
-      f[a].includes(s) && n.push(f);
-    }), n.length || e(`Children with ${a} '${s}' not found.`), n;
+    return c.traverse((f) => {
+      f[i].includes(a) && n.push(f);
+    }), n.length || e(`Children with ${i} '${a}' not found.`), n;
   }
-  function o(u, a) {
-    return t(u, "name", a);
+  function o(c, i) {
+    return t(c, "name", i);
   }
-  function i(u, a) {
-    return r(u, "name", a);
+  function s(c, i) {
+    return r(c, "name", i);
   }
   return {
     seek: t,
     seekByName: o,
     seekAll: r,
-    seekAllByName: i
+    seekAllByName: s
   };
 }
 const hn = (e) => {
@@ -596,14 +596,14 @@ const hn = (e) => {
     pointerLeave: /* @__PURE__ */ new Map()
   }), r = L(/* @__PURE__ */ new Set()), o = (l) => {
     r.value.add(l);
-  }, i = (l) => {
+  }, s = (l) => {
     r.value.delete(l);
-  }, u = (l) => {
-    Object.values(t).forEach((b) => b.delete(l)), i(l);
-  }, a = (l) => {
-    const { onClick: b, onPointerMove: w, onPointerEnter: d, onPointerLeave: P } = l;
-    b && t.click.set(l, b), w && t.pointerMove.set(l, w), d && t.pointerEnter.set(l, d), P && t.pointerLeave.set(l, P);
-  }, s = D(
+  }, c = (l) => {
+    Object.values(t).forEach((w) => w.delete(l)), s(l);
+  }, i = (l) => {
+    const { onClick: w, onPointerMove: b, onPointerEnter: p, onPointerLeave: P } = l;
+    w && t.click.set(l, w), b && t.pointerMove.set(l, b), p && t.pointerEnter.set(l, p), P && t.pointerLeave.set(l, P);
+  }, a = D(
     () => Cr(
       [
         ...Array.from(r.value),
@@ -612,29 +612,29 @@ const hn = (e) => {
       ({ uuid: l }) => l
     )
   );
-  e.registerObjectAtPointerEventHandler = a, e.deregisterObjectAtPointerEventHandler = u, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = i;
-  const { onClick: n, onPointerMove: f } = tt(s, e);
-  n(({ intersects: l, event: b }) => {
-    var w;
-    l.length && ((w = t.click.get(l[0].object)) == null || w(l[0], b));
+  e.registerObjectAtPointerEventHandler = i, e.deregisterObjectAtPointerEventHandler = c, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = s;
+  const { onClick: n, onPointerMove: f } = tt(a, e);
+  n(({ intersects: l, event: w }) => {
+    var b;
+    l.length && ((b = t.click.get(l[0].object)) == null || b(l[0], w));
   });
   let h;
-  return f(({ intersects: l, event: b }) => {
-    var v, p, M, _;
-    const w = (v = l == null ? void 0 : l[0]) == null ? void 0 : v.object, { pointerLeave: d, pointerEnter: P, pointerMove: y } = t;
-    h && h !== w && ((p = d.get(h)) == null || p(h, b)), w && (h !== w && ((M = P.get(w)) == null || M(l[0], b)), (_ = y.get(w)) == null || _(l[0], b)), h = w || null;
+  return f(({ intersects: l, event: w }) => {
+    var g, d, M, _;
+    const b = (g = l == null ? void 0 : l[0]) == null ? void 0 : g.object, { pointerLeave: p, pointerEnter: P, pointerMove: y } = t;
+    h && h !== b && ((d = p.get(h)) == null || d(h, w)), b && (h !== b && ((M = P.get(b)) == null || M(l[0], w)), (_ = y.get(b)) == null || _(l[0], w)), h = b || null;
   }), {
-    registerObject: a,
-    deregisterObject: u,
+    registerObject: i,
+    deregisterObject: c,
     registerBlockingObject: o,
-    deregisterBlockingObject: i
+    deregisterBlockingObject: s
   };
 };
-function we(e) {
+function be(e) {
   let t = 0;
   return e.traverse((r) => {
     if (r.isMesh && r.geometry) {
-      const o = r.geometry, i = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, u = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, a = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, n = i + u + a + s;
+      const o = r.geometry, s = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, c = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, n = s + c + i + a;
       t += n;
     }
   }), t;
@@ -642,35 +642,35 @@ function we(e) {
 function Rr(e) {
   return (e / 1024).toFixed(2);
 }
-const pe = L({}), me = (e) => Object.assign(pe.value, e);
+const de = L({}), me = (e) => Object.assign(de.value, e);
 function Ir(e, t, r = 10) {
-  const o = S(e) ? Wt() : Nt(D(() => S(t).parentElement)), i = ce(De(o.width, r)), u = ce(De(o.height, r)), a = D(() => i.value / u.value);
+  const o = T(e) ? Wt() : Nt(D(() => T(t).parentElement)), s = ue(De(o.width, r)), c = ue(De(o.height, r)), i = D(() => s.value / c.value);
   return {
-    height: u,
-    width: i,
-    aspectRatio: a
+    height: c,
+    width: s,
+    aspectRatio: i
   };
 }
-function ue() {
+function ce() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let r = 0, o = !1;
-  const i = () => {
+  const s = () => {
     const f = Array.from(e.entries()).sort((h, l) => {
-      const b = h[1].priority - l[1].priority;
-      return b === 0 ? h[1].addI - l[1].addI : b;
+      const w = h[1].priority - l[1].priority;
+      return w === 0 ? h[1].addI - l[1].addI : w;
     });
     t.clear(), f.forEach((h) => t.add(h[0]));
-  }, u = (f) => {
+  }, c = (f) => {
     e.delete(f), t.delete(f);
   };
   return { on: (f, h = 0) => {
     e.set(f, { priority: h, addI: r++ });
-    const l = () => u(f);
+    const l = () => c(f);
     return zt(l), o = !0, {
       off: l
     };
-  }, off: u, trigger: (...f) => {
-    o && (i(), o = !1), t.forEach((h) => h(...f));
+  }, off: c, trigger: (...f) => {
+    o && (s(), o = !1), t.forEach((h) => h(...f));
   }, dispose: () => {
     e.clear(), t.clear();
   }, get count() {
@@ -680,30 +680,30 @@ function ue() {
 function Hr() {
   const e = new Ve(!1), t = L(!1), r = L(!1);
   let o;
-  const i = Et.generateUUID();
-  let u = null;
-  const a = ue(), s = ue(), n = ue();
+  const s = Et.generateUUID();
+  let c = null;
+  const i = ce(), a = ce(), n = ce();
   let f = {};
   function h(M) {
     f = M;
   }
-  function l(M, _, c = 0) {
+  function l(M, _, u = 0) {
     switch (_) {
       case "before":
-        return a.on(M, c);
+        return i.on(M, u);
       case "render":
-        return u || (u = M), s.dispose(), s.on(M);
+        return c || (c = M), a.dispose(), a.on(M);
       case "after":
-        return n.on(M, c);
+        return n.on(M, u);
     }
   }
-  function b() {
-    t.value || (e.start(), t.value = !0, p());
-  }
   function w() {
+    t.value || (e.start(), t.value = !0, d());
+  }
+  function b() {
     t.value && (e.stop(), cancelAnimationFrame(o), t.value = !1);
   }
-  function d() {
+  function p() {
     e.stop(), t.value = !1;
   }
   function P() {
@@ -712,11 +712,11 @@ function Hr() {
   function y() {
     r.value = !0;
   }
-  function v() {
+  function g() {
     r.value = !1;
   }
-  function p() {
-    const M = e.getDelta(), _ = e.getElapsedTime(), c = {
+  function d() {
+    const M = e.getDelta(), _ = e.getElapsedTime(), u = {
       camera: W(f.camera),
       scene: W(f.scene),
       renderer: W(f.renderer),
@@ -724,67 +724,67 @@ function Hr() {
       controls: W(f.controls),
       invalidate: f.invalidate,
       advance: f.advance
-    }, g = { delta: M, elapsed: _, clock: e, ...c };
-    t.value && a.trigger(g), r.value || (s.count ? s.trigger(g) : u && u(g)), t.value && n.trigger(g), o = requestAnimationFrame(p);
+    }, v = { delta: M, elapsed: _, clock: e, ...u };
+    t.value && i.trigger(v), r.value || (a.count ? a.trigger(v) : c && c(v)), t.value && n.trigger(v), o = requestAnimationFrame(d);
   }
   return {
-    loopId: i,
-    register: (M, _, c) => l(M, _, c),
-    start: b,
-    stop: w,
-    pause: d,
+    loopId: s,
+    register: (M, _, u) => l(M, _, u),
+    start: w,
+    stop: b,
+    pause: p,
     resume: P,
     pauseRender: y,
-    resumeRender: v,
+    resumeRender: g,
     isRenderPaused: r,
     isActive: t,
     setContext: h
   };
 }
-function Ur({
+function $r({
   scene: e,
   canvas: t,
   windowSize: r,
   disableRender: o,
-  rendererOptions: i,
-  emit: u
+  rendererOptions: s,
+  emit: c
 }) {
-  const { logWarning: a } = U(), s = H(e), n = Ir(r, t), {
+  const { logWarning: i } = $(), a = H(e), n = Ir(r, t), {
     camera: f,
     cameras: h,
     registerCamera: l,
-    deregisterCamera: b,
-    setCameraActive: w
-  } = pr({ sizes: n, scene: e }), d = {
-    mode: L(i.renderMode || "always"),
+    deregisterCamera: w,
+    setCameraActive: b
+  } = dr({ sizes: n, scene: e }), p = {
+    mode: L(s.renderMode || "always"),
     priority: L(0),
     frames: L(0),
     maxFrames: 60,
-    canBeInvalidated: D(() => d.mode.value === "on-demand" && d.frames.value === 0)
+    canBeInvalidated: D(() => p.mode.value === "on-demand" && p.frames.value === 0)
   };
-  function P(A = 1) {
-    i.renderMode === "on-demand" ? d.frames.value = Math.min(d.maxFrames, d.frames.value + A) : a("`invalidate` can only be used when `renderMode` is set to `on-demand`");
+  function P(O = 1) {
+    s.renderMode === "on-demand" ? p.frames.value = Math.min(p.maxFrames, p.frames.value + O) : i("`invalidate` can only be used when `renderMode` is set to `on-demand`");
   }
   function y() {
-    i.renderMode === "manual" ? d.frames.value = 1 : a("`advance` can only be used when `renderMode` is set to `manual`");
+    s.renderMode === "manual" ? p.frames.value = 1 : i("`advance` can only be used when `renderMode` is set to `manual`");
   }
-  const { renderer: v } = Dr(
+  const { renderer: g } = Dr(
     {
       scene: e,
       canvas: t,
-      options: i,
-      emit: u,
+      options: s,
+      emit: c,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: n, camera: f, render: d, invalidate: P, advance: y },
+      contextParts: { sizes: n, camera: f, render: p, invalidate: P, advance: y },
       disableRender: o
     }
-  ), p = {
+  ), d = {
     sizes: n,
-    scene: s,
+    scene: a,
     camera: f,
-    cameras: ce(h),
-    renderer: v,
-    raycaster: H(new kt()),
+    cameras: ue(h),
+    renderer: g,
+    raycaster: H(new St()),
     controls: L(null),
     perf: {
       maxFrames: 160,
@@ -798,70 +798,70 @@ function Ur({
         accumulator: []
       }
     },
-    render: d,
+    render: p,
     advance: y,
     extend: me,
     invalidate: P,
     registerCamera: l,
-    setCameraActive: w,
-    deregisterCamera: b,
+    setCameraActive: b,
+    deregisterCamera: w,
     loop: Hr()
   };
-  fe("useTres", p), p.scene.value.__tres = {
-    root: p
-  }, p.loop.register(() => {
-    f.value && d.frames.value > 0 && (v.value.render(e, f.value), u("render", p.renderer.value)), d.priority.value = 0, d.mode.value === "always" ? d.frames.value = 1 : d.frames.value = Math.max(0, d.frames.value - 1);
-  }, "render"), p.loop.start(), N(() => {
-    p.loop.stop();
+  fe("useTres", d), d.scene.value.__tres = {
+    root: d
+  }, d.loop.register(() => {
+    f.value && p.frames.value > 0 && (g.value.render(e, f.value), c("render", d.renderer.value)), p.priority.value = 0, p.mode.value === "always" ? p.frames.value = 1 : p.frames.value = Math.max(0, p.frames.value - 1);
+  }, "render"), d.loop.start(), N(() => {
+    d.loop.stop();
   });
-  const M = 100, _ = Gt({ every: M }), { isSupported: c, memory: g } = Vt({ interval: M }), E = 160;
-  let k = performance.now();
-  const B = ({ timestamp: A }) => {
-    p.scene.value && (p.perf.memory.allocatedMem = we(p.scene.value)), A - k >= M && (k = A, p.perf.fps.accumulator.push(_.value), p.perf.fps.accumulator.length > E && p.perf.fps.accumulator.shift(), p.perf.fps.value = _.value, c.value && g.value && (p.perf.memory.accumulator.push(g.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > E && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((q, Y) => q + Y, 0) / p.perf.memory.accumulator.length));
+  const M = 100, _ = Gt({ every: M }), { isSupported: u, memory: v } = Vt({ interval: M }), E = 160;
+  let S = performance.now();
+  const B = ({ timestamp: O }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = be(d.scene.value)), O - S >= M && (S = O, d.perf.fps.accumulator.push(_.value), d.perf.fps.accumulator.length > E && d.perf.fps.accumulator.shift(), d.perf.fps.value = _.value, u.value && v.value && (d.perf.memory.accumulator.push(v.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > E && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((q, Y) => q + Y, 0) / d.perf.memory.accumulator.length));
   };
   let x = 0;
-  const T = 1, { pause: $ } = Qe(({ delta: A }) => {
-    window.__TRES__DEVTOOLS__ && (B({ timestamp: performance.now() }), x += A, x >= T && (window.__TRES__DEVTOOLS__.cb(p), x = 0));
+  const k = 1, { pause: F } = Qe(({ delta: O }) => {
+    window.__TRES__DEVTOOLS__ && (B({ timestamp: performance.now() }), x += O, x >= k && (window.__TRES__DEVTOOLS__.cb(d), x = 0));
   }, { immediate: !0 });
   return N(() => {
-    $();
-  }), p;
+    F();
+  }), d;
 }
 function rt() {
-  const e = ut("useTres");
+  const e = ct("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
 const yn = rt;
-function bn() {
+function wn() {
   const {
     camera: e,
     scene: t,
     renderer: r,
     loop: o,
-    raycaster: i,
-    controls: u,
-    invalidate: a,
-    advance: s
+    raycaster: s,
+    controls: c,
+    invalidate: i,
+    advance: a
   } = rt();
   o.setContext({
     camera: e,
     scene: t,
     renderer: r,
-    raycaster: i,
-    controls: u,
-    invalidate: a,
-    advance: s
+    raycaster: s,
+    controls: c,
+    invalidate: i,
+    advance: a
   });
-  function n(l, b = 0) {
-    return o.register(l, "before", b);
+  function n(l, w = 0) {
+    return o.register(l, "before", w);
   }
   function f(l) {
     return o.register(l, "render");
   }
-  function h(l, b = 0) {
-    return o.register(l, "after", b);
+  function h(l, w = 0) {
+    return o.register(l, "after", w);
   }
   return {
     pause: o.pause,
@@ -874,32 +874,32 @@ function bn() {
     onAfterRender: h
   };
 }
-function $r(e, t, r) {
-  const o = H(), i = H();
-  e && (o.value = e), t && (i.value = t);
-  const u = D(
+function Fr(e, t, r) {
+  const o = H(), s = H();
+  e && (o.value = e), t && (s.value = t);
+  const c = D(
     () => o.value ? o.value.children : []
   );
-  function a(c, g) {
-    if (Array.isArray(c))
-      for (const E of c)
-        E(g);
-    typeof c == "function" && c(g);
+  function i(u, v) {
+    if (Array.isArray(u))
+      for (const E of u)
+        E(v);
+    typeof u == "function" && u(v);
   }
-  function s(c, g) {
-    const E = [], k = () => g.stopPropagating = !0;
-    g.stopPropagation = k;
-    for (const B of g == null ? void 0 : g.intersections) {
-      if (g.stopPropagating)
+  function a(u, v) {
+    const E = [], S = () => v.stopPropagating = !0;
+    v.stopPropagation = S;
+    for (const B of v == null ? void 0 : v.intersections) {
+      if (v.stopPropagating)
         return;
-      g = { ...g, ...B };
+      v = { ...v, ...B };
       const { object: x } = B;
-      g.eventObject = x, a(x[c], g), E.push(x);
-      let T = x.parent;
-      for (; T !== null && !g.stopPropagating && !E.includes(T); )
-        g.eventObject = T, a(T[c], g), E.push(T), T = T.parent;
-      const $ = Pr(c.slice(2));
-      r($, { intersection: B, event: g });
+      v.eventObject = x, i(x[u], v), E.push(x);
+      let k = x.parent;
+      for (; k !== null && !v.stopPropagating && !E.includes(k); )
+        v.eventObject = k, i(k[u], v), E.push(k), k = k.parent;
+      const F = Pr(u.slice(2));
+      r(F, { intersection: B, event: v });
     }
   }
   const {
@@ -907,35 +907,35 @@ function $r(e, t, r) {
     onDblClick: f,
     onContextMenu: h,
     onPointerMove: l,
-    onPointerDown: b,
-    onPointerUp: w,
-    onPointerMissed: d,
+    onPointerDown: w,
+    onPointerUp: b,
+    onPointerMissed: p,
     onWheel: P,
     forceUpdate: y
-  } = tt(u, t);
-  w((c) => s("onPointerUp", c)), b((c) => s("onPointerDown", c)), n((c) => s("onClick", c)), f((c) => s("onDoubleClick", c)), h((c) => s("onContextMenu", c)), P((c) => s("onWheel", c));
-  let v = [];
-  l((c) => {
-    const g = c.intersections.map(({ object: k }) => k), E = c.intersections;
-    v.forEach(({ object: k }) => {
-      g.includes(k) || (c.intersections = v, s("onPointerLeave", c), s("onPointerOut", c));
-    }), c.intersections = E, c.intersections.forEach(({ object: k }) => {
-      v.includes(k) || (s("onPointerEnter", c), s("onPointerOver", c));
-    }), s("onPointerMove", c), v = c.intersections;
+  } = tt(c, t);
+  b((u) => a("onPointerUp", u)), w((u) => a("onPointerDown", u)), n((u) => a("onClick", u)), f((u) => a("onDoubleClick", u)), h((u) => a("onContextMenu", u)), P((u) => a("onWheel", u));
+  let g = [];
+  l((u) => {
+    const v = u.intersections.map(({ object: S }) => S), E = u.intersections;
+    g.forEach(({ object: S }) => {
+      v.includes(S) || (u.intersections = g, a("onPointerLeave", u), a("onPointerOut", u));
+    }), u.intersections = E, u.intersections.forEach(({ object: S }) => {
+      g.includes(S) || (a("onPointerEnter", u), a("onPointerOver", u));
+    }), a("onPointerMove", u), g = u.intersections;
   });
-  const p = [];
-  d((c) => {
-    const g = () => c.stopPropagating = !0;
-    c.stopPropagation = g, p.forEach((E) => {
-      c.stopPropagating || (c.eventObject = E, a(E.onPointerMissed, c));
-    }), r("pointer-missed", { event: c });
+  const d = [];
+  p((u) => {
+    const v = () => u.stopPropagating = !0;
+    u.stopPropagation = v, d.forEach((E) => {
+      u.stopPropagating || (u.eventObject = E, i(E.onPointerMissed, u));
+    }), r("pointer-missed", { event: u });
   });
-  function M(c) {
-    p.push(c);
+  function M(u) {
+    d.push(u);
   }
-  function _(c) {
-    const g = p.indexOf(c);
-    g > -1 && p.splice(g, 1);
+  function _(u) {
+    const v = d.indexOf(u);
+    v > -1 && d.splice(v, 1);
   }
   return t.eventManager = {
     forceUpdate: y,
@@ -943,7 +943,7 @@ function $r(e, t, r) {
     deregisterPointerMissedObject: _
   }, { forceUpdate: y, registerPointerMissedObject: M, deregisterPointerMissedObject: _ };
 }
-const { logError: Ue } = U(), $e = [
+const { logError: $e } = $(), Fe = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -959,78 +959,78 @@ const { logError: Ue } = U(), $e = [
   "onLostPointerCapture",
   "onWheel"
 ];
-function Fe(e) {
+function Ue(e) {
   var r;
   const t = (r = e == null ? void 0 : e.__tres) == null ? void 0 : r.root;
   t && t.render && t.render.canBeInvalidated.value && t.invalidate();
 }
-const Fr = () => {
+const Ur = () => {
   let e = null;
   function t(n, f, h, l) {
-    if (l || (l = {}), l.args || (l.args = []), n === "template" || wr(n))
+    if (l || (l = {}), l.args || (l.args = []), n === "template" || br(n))
       return null;
-    let b = n.replace("Tres", ""), w;
+    let w = n.replace("Tres", ""), b;
     if (n === "primitive") {
-      (l == null ? void 0 : l.object) === void 0 && Ue("Tres primitives need a prop 'object'");
-      const d = l.object;
-      b = d.type, w = Object.assign(d.clone(), { type: b });
+      (l == null ? void 0 : l.object) === void 0 && $e("Tres primitives need a prop 'object'");
+      const p = l.object;
+      w = p.type, b = Object.assign(p.clone(), { type: w });
     } else {
-      const d = pe.value[b];
-      d || Ue(
-        `${b} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), w = new d(...l.args);
+      const p = de.value[w];
+      p || $e(
+        `${w} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), b = new p(...l.args);
     }
-    return w ? (w.isCamera && (l != null && l.position || w.position.set(3, 3, 3), l != null && l.lookAt || w.lookAt(0, 0, 0)), (l == null ? void 0 : l.attach) === void 0 && (w.isMaterial ? w.attach = "material" : w.isBufferGeometry && (w.attach = "geometry")), w.__tres = {
-      ...w.__tres,
-      type: b,
+    return b ? (b.isCamera && (l != null && l.position || b.position.set(3, 3, 3), l != null && l.lookAt || b.lookAt(0, 0, 0)), (l == null ? void 0 : l.attach) === void 0 && (b.isMaterial ? b.attach = "material" : b.isBufferGeometry && (b.attach = "geometry")), b.__tres = {
+      ...b.__tres,
+      type: w,
       memoizedProps: l,
       eventCount: 0,
       disposable: !0,
       primitive: n === "primitive"
-    }, w.isObject3D && w.__tres && (l != null && l.material || l != null && l.geometry) && (w.__tres.disposable = !1), w) : null;
+    }, b.isObject3D && b.__tres && (l != null && l.material || l != null && l.geometry) && (b.__tres.disposable = !1), b) : null;
   }
   function r(n, f) {
-    var l, b, w, d, P;
+    var l, w, b, p, P;
     if (!n)
       return;
     f && f.isScene && (e = f), e && n.__tres && (n.__tres.root = e.__tres.root);
     const h = f || e;
     if (n != null && n.isObject3D) {
       const { registerCamera: y } = (l = n == null ? void 0 : n.__tres) == null ? void 0 : l.root;
-      n != null && n.isCamera && y(n), n.onPointerMissed && ((b = n == null ? void 0 : n.__tres) != null && b.root) && ((P = (d = (w = n == null ? void 0 : n.__tres) == null ? void 0 : w.root) == null ? void 0 : d.eventManager) == null || P.registerPointerMissedObject(n));
+      n != null && n.isCamera && y(n), n.onPointerMissed && ((w = n == null ? void 0 : n.__tres) != null && w.root) && ((P = (p = (b = n == null ? void 0 : n.__tres) == null ? void 0 : b.root) == null ? void 0 : p.eventManager) == null || P.registerPointerMissedObject(n));
     }
     n != null && n.isObject3D && (h != null && h.isObject3D) ? (h.add(n), n.dispatchEvent({ type: "added" })) : n != null && n.isFog ? h.fog = n : typeof (n == null ? void 0 : n.attach) == "string" && (n.__previousAttach = n[h == null ? void 0 : h.attach], h && (h[n.attach] = n));
   }
   function o(n) {
-    var h, l, b, w;
+    var h, l, w, b;
     if (!n)
       return;
     const f = n.__tres;
     if (n.parent = n.parent || e, n.isObject3D) {
-      const d = (y) => {
-        var p, M;
-        const v = (M = (p = n == null ? void 0 : n.__tres) == null ? void 0 : p.root) == null ? void 0 : M.deregisterCamera;
-        y.isCamera && (v == null || v(y));
+      const p = (y) => {
+        var d, M;
+        const g = (M = (d = n == null ? void 0 : n.__tres) == null ? void 0 : d.root) == null ? void 0 : M.deregisterCamera;
+        y.isCamera && (g == null || g(y));
       };
       (h = n.removeFromParent) == null || h.call(n), n.traverse((y) => {
-        var v, p;
-        d(y), y.onPointerMissed && ((p = (v = f == null ? void 0 : f.root) == null ? void 0 : v.eventManager) == null || p.deregisterPointerMissedObject(y));
-      }), d(n), Fe(n), !((l = n.__tres) == null ? void 0 : l.primitive) && ((b = n.__tres) != null && b.disposable) && be(n), (w = n.dispose) == null || w.call(n);
+        var g, d;
+        p(y), y.onPointerMissed && ((d = (g = f == null ? void 0 : f.root) == null ? void 0 : g.eventManager) == null || d.deregisterPointerMissedObject(y));
+      }), p(n), Ue(n), !((l = n.__tres) == null ? void 0 : l.primitive) && ((w = n.__tres) != null && w.disposable) && we(n), (b = n.dispose) == null || b.call(n);
     }
   }
-  function i(n, f, h, l) {
-    var b, w;
+  function s(n, f, h, l) {
+    var w, b;
     if (n) {
-      let d = n, P = f;
-      if ((b = n == null ? void 0 : n.__tres) != null && b.primitive && P === "object" && h !== null) {
+      let p = n, P = f;
+      if ((w = n == null ? void 0 : n.__tres) != null && w.primitive && P === "object" && h !== null) {
         const M = t("primitive", void 0, void 0, {
           object: l
         });
         for (const _ in M) {
           if (_ === "uuid")
             continue;
-          const c = n[_], g = M[_];
-          !(c != null && c.set) && !ee(c) ? n[_] = g : c.constructor === g.constructor && (c != null && c.copy) ? c == null || c.copy(g) : Array.isArray(g) ? c.set(...g) : !c.isColor && c.setScalar ? c.setScalar(g) : c.set(g);
+          const u = n[_], v = M[_];
+          !(u != null && u.set) && !ee(u) ? n[_] = v : u.constructor === v.constructor && (u != null && u.copy) ? u == null || u.copy(v) : Array.isArray(v) ? u.set(...v) : !u.isColor && u.setScalar ? u.setScalar(v) : u.set(v);
         }
         M != null && M.__tres && (M.__tres.root = e == null ? void 0 : e.__tres.root), M != null && M.isGroup ? (n.geometry = void 0, n.material = void 0) : delete n.isGroup;
       }
@@ -1038,45 +1038,45 @@ const Fr = () => {
         l || l === "" ? n[P] = l : delete n[P];
         return;
       }
-      $e.includes(f) && (n.__tres.eventCount += 1);
-      let y = X(P), v = d == null ? void 0 : d[y];
+      Fe.includes(f) && (n.__tres.eventCount += 1);
+      let y = X(P), g = p == null ? void 0 : p[y];
       if (P === "args") {
-        const M = n, _ = h ?? [], c = l ?? [], g = ((w = n == null ? void 0 : n.__tres) == null ? void 0 : w.type) || n.type;
-        g && _.length && !kr(_, c) && (d = Object.assign(
+        const M = n, _ = h ?? [], u = l ?? [], v = ((b = n == null ? void 0 : n.__tres) == null ? void 0 : b.type) || n.type;
+        v && _.length && !Sr(_, u) && (p = Object.assign(
           M,
-          new pe.value[g](...l)
+          new de.value[v](...l)
         ));
         return;
       }
-      if (d.type === "BufferGeometry") {
+      if (p.type === "BufferGeometry") {
         if (P === "args")
           return;
-        d.setAttribute(
+        p.setAttribute(
           X(P),
-          new St(...l)
+          new Tt(...l)
         );
         return;
       }
-      if (P.includes("-") && v === void 0) {
+      if (P.includes("-") && g === void 0) {
         const M = P.split("-");
-        v = M.reduce((_, c) => _[X(c)], d), P = M.pop(), y = P, v != null && v.set || (d = M.reduce((_, c) => _[X(c)], d));
+        g = M.reduce((_, u) => _[X(u)], p), P = M.pop(), y = P, g != null && g.set || (p = M.reduce((_, u) => _[X(u)], p));
       }
-      let p = l;
-      if (p === "" && (p = !0), ee(v)) {
-        $e.includes(f) || (Array.isArray(p) ? n[y](...p) : n[y](p)), y.startsWith("on") && ee(p) && (d[y] = p);
+      let d = l;
+      if (d === "" && (d = !0), ee(g)) {
+        Fe.includes(f) || (Array.isArray(d) ? n[y](...d) : n[y](d)), y.startsWith("on") && ee(d) && (p[y] = d);
         return;
       }
-      !(v != null && v.set) && !ee(v) ? d[y] = p : v.constructor === p.constructor && (v != null && v.copy) ? v == null || v.copy(p) : Array.isArray(p) ? v.set(...p) : !v.isColor && v.setScalar ? v.setScalar(p) : v.set(p), Fe(n);
+      !(g != null && g.set) && !ee(g) ? p[y] = d : g.constructor === d.constructor && (g != null && g.copy) ? g == null || g.copy(d) : Array.isArray(d) ? g.set(...d) : !g.isColor && g.setScalar ? g.setScalar(d) : g.set(d), Ue(n);
     }
   }
-  function u(n) {
+  function c(n) {
     return (n == null ? void 0 : n.parent) || null;
   }
-  function a(n) {
+  function i(n) {
     const f = new xt();
     return f.name = n, f.__tres = { type: "Comment" }, f.__tres.root = e == null ? void 0 : e.__tres.root, f;
   }
-  function s(n) {
+  function a(n) {
     if (!n)
       return null;
     const f = n.parent || e, h = f.children.indexOf(n);
@@ -1086,13 +1086,13 @@ const Fr = () => {
     insert: r,
     remove: o,
     createElement: t,
-    patchProp: i,
-    parentNode: u,
+    patchProp: s,
+    parentNode: c,
     createText: () => void 0,
-    createComment: a,
+    createComment: i,
     setText: () => void 0,
     setElementText: () => void 0,
-    nextSibling: s,
+    nextSibling: a,
     querySelector: () => void 0,
     setScopeId: () => void 0,
     cloneNode: () => void 0,
@@ -1106,62 +1106,62 @@ function nt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
 const Nr = typeof Proxy == "function", zr = "devtools-plugin:setup", Gr = "plugin:settings:set";
-let F, ve;
+let U, ge;
 function Vr() {
   var e;
-  return F !== void 0 || (typeof window < "u" && window.performance ? (F = !0, ve = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (F = !0, ve = globalThis.perf_hooks.performance) : F = !1), F;
+  return U !== void 0 || (typeof window < "u" && window.performance ? (U = !0, ge = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (U = !0, ge = globalThis.perf_hooks.performance) : U = !1), U;
 }
 function qr() {
-  return Vr() ? ve.now() : Date.now();
+  return Vr() ? ge.now() : Date.now();
 }
 class Yr {
   constructor(t, r) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = r;
     const o = {};
     if (t.settings)
-      for (const a in t.settings) {
-        const s = t.settings[a];
-        o[a] = s.defaultValue;
+      for (const i in t.settings) {
+        const a = t.settings[i];
+        o[i] = a.defaultValue;
       }
-    const i = `__vue-devtools-plugin-settings__${t.id}`;
-    let u = Object.assign({}, o);
+    const s = `__vue-devtools-plugin-settings__${t.id}`;
+    let c = Object.assign({}, o);
     try {
-      const a = localStorage.getItem(i), s = JSON.parse(a);
-      Object.assign(u, s);
+      const i = localStorage.getItem(s), a = JSON.parse(i);
+      Object.assign(c, a);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return u;
+        return c;
       },
-      setSettings(a) {
+      setSettings(i) {
         try {
-          localStorage.setItem(i, JSON.stringify(a));
+          localStorage.setItem(s, JSON.stringify(i));
         } catch {
         }
-        u = a;
+        c = i;
       },
       now() {
         return qr();
       }
-    }, r && r.on(Gr, (a, s) => {
-      a === this.plugin.id && this.fallbacks.setSettings(s);
+    }, r && r.on(Gr, (i, a) => {
+      i === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
-      get: (a, s) => this.target ? this.target.on[s] : (...n) => {
+      get: (i, a) => this.target ? this.target.on[a] : (...n) => {
         this.onQueue.push({
-          method: s,
+          method: a,
           args: n
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (a, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...n) => (this.targetQueue.push({
-        method: s,
+      get: (i, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...n) => (this.targetQueue.push({
+        method: a,
         args: n,
         resolve: () => {
         }
-      }), this.fallbacks[s](...n)) : (...n) => new Promise((f) => {
+      }), this.fallbacks[a](...n)) : (...n) => new Promise((f) => {
         this.targetQueue.push({
-          method: s,
+          method: a,
           args: n,
           resolve: f
         });
@@ -1177,16 +1177,16 @@ class Yr {
   }
 }
 function Jr(e, t) {
-  const r = e, o = nt(), i = Wr(), u = Nr && r.enableEarlyProxy;
-  if (i && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !u))
-    i.emit(zr, e, t);
+  const r = e, o = nt(), s = Wr(), c = Nr && r.enableEarlyProxy;
+  if (s && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !c))
+    s.emit(zr, e, t);
   else {
-    const a = u ? new Yr(r, i) : null;
+    const i = c ? new Yr(r, s) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: r,
       setupFn: t,
-      proxy: a
-    }), a && t(a.proxiedTarget);
+      proxy: i
+    }), i && t(i.proxiedTarget);
   }
 }
 function Qr(e, t) {
@@ -1208,7 +1208,7 @@ const ot = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const r = we(e);
+  const r = be(e);
   return r > 0 && t.tags.push({
     label: `${Rr(r)} KB`,
     textColor: 15707189,
@@ -1240,8 +1240,8 @@ function st(e, t, r = "") {
   e.children.forEach((o) => {
     if (o.type === "HightlightMesh" || r && !o.type.includes(r) && !o.name.includes(r))
       return;
-    const i = ot(o);
-    t.children.push(i), st(o, i, r);
+    const s = ot(o);
+    t.children.push(s), st(o, s, r);
   });
 }
 const Kr = [], z = "tres:inspector", Xr = ze({
@@ -1270,116 +1270,37 @@ function Zr(e, t) {
         r.sendInspectorTree(z);
       }, 1e3), setInterval(() => {
         r.notifyComponentUpdate();
-      }, 5e3), r.on.getInspectorTree((u) => {
-        if (u.inspectorId === z) {
-          const a = ot(t.scene.value);
-          st(t.scene.value, a, u.filter), Xr.sceneGraph = a, u.rootNodes = [a];
+      }, 5e3), r.on.getInspectorTree((c) => {
+        if (c.inspectorId === z) {
+          const i = ot(t.scene.value);
+          st(t.scene.value, i, c.filter), Xr.sceneGraph = i, c.rootNodes = [i];
         }
       });
-      let o = null, i = null;
-      r.on.getInspectorState((u) => {
-        var a;
-        if (u.inspectorId === z) {
-          const [s] = t.scene.value.getObjectsByProperty("uuid", u.nodeId);
-          if (!s)
+      let o = null, s = null;
+      r.on.getInspectorState((c) => {
+        var i;
+        if (c.inspectorId === z) {
+          const [a] = t.scene.value.getObjectsByProperty("uuid", c.nodeId);
+          if (!a)
             return;
-          if (i && o && o.parent && i.remove(o), s.isMesh) {
-            const n = Tr(s);
-            s.add(n), o = n, i = s;
+          if (s && o && o.parent && s.remove(o), a.isMesh) {
+            const n = kr(a);
+            a.add(n), o = n, s = a;
           }
-          u.state = {
-            object: [
-              {
-                key: "uuid",
-                editable: !0,
-                value: s.uuid
-              },
-              {
-                key: "name",
-                editable: !0,
-                value: s.name
-              },
-              {
-                key: "type",
-                editable: !0,
-                value: s.type
-              },
-              {
-                key: "position",
-                editable: !0,
-                value: s.position
-              },
-              {
-                key: "rotation",
-                editable: !0,
-                value: s.rotation
-              },
-              {
-                key: "scale",
-                editable: !0,
-                value: s.scale
-              },
-              {
-                key: "geometry",
-                value: s.geometry
-              },
-              {
-                key: "material",
-                value: s.material
-              },
-              {
-                key: "color",
-                editable: !0,
-                value: s.color
-              },
-              {
-                key: "intensity",
-                editable: !0,
-                value: s.intensity
-              },
-              {
-                key: "castShadow",
-                editable: !0,
-                value: s.castShadow
-              },
-              {
-                key: "receiveShadow",
-                editable: !0,
-                value: s.receiveShadow
-              },
-              {
-                key: "frustumCulled",
-                editable: !0,
-                value: s.frustumCulled
-              },
-              {
-                key: "matrixAutoUpdate",
-                editable: !0,
-                value: s.matrixAutoUpdate
-              },
-              {
-                key: "matrixWorldNeedsUpdate",
-                editable: !0,
-                value: s.matrixWorldNeedsUpdate
-              },
-              {
-                key: "matrixWorld",
-                value: s.matrixWorld
-              },
-              {
-                key: "visible",
-                editable: !0,
-                value: s.visible
-              }
-            ]
-          }, s.isScene && (u.state.info = {
-            memory: we(s),
-            objects: s.children.length,
+          c.state = {
+            object: Object.entries(a).map(([n, f]) => ({
+              key: n,
+              value: f,
+              editable: !0
+            })).filter(({ key: n }) => n !== "parent")
+          }, a.isScene && (c.state.info = {
+            memory: be(a),
+            objects: a.children.length,
             calls: t.renderer.value.info.render.calls,
             triangles: t.renderer.value.info.render.triangles,
             points: t.renderer.value.info.render.points,
             lines: t.renderer.value.info.render.lines
-          }, u.state.programs = ((a = t.renderer.value.info.programs) == null ? void 0 : a.map((n) => ({
+          }, c.state.programs = ((i = t.renderer.value.info.programs) == null ? void 0 : i.map((n) => ({
             key: n.name,
             value: {
               ...n,
@@ -1389,8 +1310,8 @@ function Zr(e, t) {
             }
           }))) || []);
         }
-      }), r.on.editInspectorState((u) => {
-        u.inspectorId === z && xr(t.scene.value, u.nodeId, u.path, u.state.value);
+      }), r.on.editInspectorState((c) => {
+        c.inspectorId === z && xr(t.scene.value, c.nodeId, c.path, c.state.value);
       });
     }
   );
@@ -1439,66 +1360,66 @@ const en = ["data-scene", "data-tres"], tn = /* @__PURE__ */ xe({
   ],
   setup(e, { expose: t, emit: r }) {
     var P;
-    const o = e, i = r, u = ct(), { logWarning: a } = U(), s = L(), n = H(new qe()), f = (P = Te()) == null ? void 0 : P.appContext.app;
+    const o = e, s = r, c = ut(), { logWarning: i } = $(), a = L(), n = H(new qe()), f = (P = ke()) == null ? void 0 : P.appContext.app;
     me(Ge);
     const h = (y) => xe({
       setup() {
-        var p;
-        const v = (p = Te()) == null ? void 0 : p.appContext;
-        return v && (v.app = f), fe("useTres", y), fe("extend", me), typeof window < "u" && Zr(v == null ? void 0 : v.app, y), () => Ae(ht, null, u != null && u.default ? u.default() : []);
+        var d;
+        const g = (d = ke()) == null ? void 0 : d.appContext;
+        return g && (g.app = f), fe("useTres", y), fe("extend", me), typeof window < "u" && Zr(g == null ? void 0 : g.app, y), () => Oe(ht, null, c != null && c.default ? c.default() : []);
       }
     }), l = (y) => {
-      const v = h(y), { render: p } = gt(Fr());
-      p(Ae(v), n.value);
-    }, b = (y, v = !1) => {
-      be(y.scene.value), v && (y.renderer.value.dispose(), y.renderer.value.renderLists.dispose(), y.renderer.value.forceContextLoss()), n.value.__tres = {
+      const g = h(y), { render: d } = vt(Ur());
+      d(Oe(g), n.value);
+    }, w = (y, g = !1) => {
+      we(y.scene.value), g && (y.renderer.value.dispose(), y.renderer.value.renderLists.dispose(), y.renderer.value.forceContextLoss()), n.value.__tres = {
         root: y
       }, l(y);
-    }, w = D(() => o.disableRender), d = H(null);
-    return t({ context: d, dispose: () => b(d.value, !0) }), ft(() => {
-      const y = s;
-      d.value = Ur({
+    }, b = D(() => o.disableRender), p = H(null);
+    return t({ context: p, dispose: () => w(p.value, !0) }), ft(() => {
+      const y = a;
+      p.value = $r({
         scene: n.value,
         canvas: y,
         windowSize: o.windowSize ?? !1,
-        disableRender: w.value ?? !1,
+        disableRender: b.value ?? !1,
         rendererOptions: o,
-        emit: i
-      }), $r(n.value, d.value, i);
-      const { registerCamera: v, camera: p, cameras: M, deregisterCamera: _ } = d.value;
-      l(d.value);
-      const c = () => {
-        const g = new de(
+        emit: s
+      }), Fr(n.value, p.value, s);
+      const { registerCamera: g, camera: d, cameras: M, deregisterCamera: _ } = p.value;
+      l(p.value);
+      const u = () => {
+        const v = new pe(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        g.position.set(3, 3, 3), g.lookAt(0, 0, 0), v(g);
-        const E = ge(() => {
-          M.value.length >= 2 && (g.removeFromParent(), _(g), E == null || E());
+        v.position.set(3, 3, 3), v.lookAt(0, 0, 0), g(v);
+        const E = ve(() => {
+          M.value.length >= 2 && (v.removeFromParent(), _(v), E == null || E());
         });
       };
       G(
         () => o.camera,
-        (g, E) => {
-          g && v(g), E && (E.removeFromParent(), _(E));
+        (v, E) => {
+          v && g(v), E && (E.removeFromParent(), _(E));
         },
         {
           immediate: !0
         }
-      ), p.value || (a(
+      ), d.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), c());
+      ), u());
     }), N(() => {
-      b(d.value);
-    }), (y, v) => (dt(), pt("canvas", {
+      w(p.value);
+    }), (y, g) => (pt(), dt("canvas", {
       ref_key: "canvas",
-      ref: s,
+      ref: a,
       "data-scene": n.value.uuid,
       class: mt(y.$attrs.class),
-      "data-tres": `tresjs ${W(dr).version}`,
-      style: vt({
+      "data-tres": `tresjs ${W(pr).version}`,
+      style: gt({
         display: "block",
         width: "100%",
         height: "100%",
@@ -1521,7 +1442,7 @@ const en = ["data-scene", "data-tres"], tn = /* @__PURE__ */ xe({
       isCustomElement: (e) => e.startsWith("Tres") && !rn.includes(e) || e === "primitive"
     }
   }
-}, wn = nn, Mn = {
+}, bn = nn, Mn = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1530,14 +1451,14 @@ const en = ["data-scene", "data-tres"], tn = /* @__PURE__ */ xe({
     console.log("v-log", e);
   }
 };
-class it extends Tt {
+class it extends kt {
   constructor(t, r) {
-    const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Oe();
-    i.setAttribute("position", new Le(o, 3)), i.computeBoundingSphere();
-    const u = new At({ fog: !1 });
-    super(i, u), this.light = t, this.color = r, this.type = "RectAreaLightHelper";
-    const a = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], s = new Oe();
-    s.setAttribute("position", new Le(a, 3)), s.computeBoundingSphere(), this.add(new Ot(s, new Ye({ side: Lt, fog: !1 })));
+    const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Ae();
+    s.setAttribute("position", new Le(o, 3)), s.computeBoundingSphere();
+    const c = new Ot({ fog: !1 });
+    super(s, c), this.light = t, this.color = r, this.type = "RectAreaLightHelper";
+    const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new Ae();
+    a.setAttribute("position", new Le(i, 3)), a.computeBoundingSphere(), this.add(new At(a, new Ye({ side: Lt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1553,7 +1474,7 @@ class it extends Tt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: Ne } = U();
+const { logWarning: Ne } = $();
 let te, I;
 const on = {
   DirectionalLight: Dt,
@@ -1579,12 +1500,12 @@ const on = {
     }
     I = e.parent.children.find((t) => t instanceof te), I && I.dispose && I.dispose(), e.parent.remove(I);
   }
-}, { logWarning: sn } = U();
+}, { logWarning: sn } = $();
 let j = null;
 const _n = {
   updated: (e, t) => {
-    var i;
-    const r = Ar(t);
+    var s;
+    const r = Or(t);
     if (!r) {
       sn(`v-distance-to: problem with binding value: ${t.value}`);
       return;
@@ -1594,7 +1515,7 @@ const _n = {
     o.normalize(), j = new It(o, e.position, e.position.distanceTo(r), 16776960), e.parent.add(j), console.table(
       [
         ["Distance:", e.position.distanceTo(r)],
-        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(i = e.position) == null ? void 0 : i.z}`],
+        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
         [`Destiny: ${e.name || e.type}`, `x:${r.x}, y:${r.y}, z:${r == null ? void 0 : r.z}`]
       ]
     );
@@ -1609,30 +1530,30 @@ const _n = {
 };
 export {
   tn as TresCanvas,
-  pe as catalogue,
+  de as catalogue,
   Hr as createRenderLoop,
   Cn as default,
-  be as dispose,
+  we as dispose,
   me as extend,
-  dn as isProd,
+  pn as isProd,
   hr as normalizeColor,
-  pn as normalizeVectorFlexibleParam,
-  wn as templateCompilerOptions,
+  dn as normalizeVectorFlexibleParam,
+  bn as templateCompilerOptions,
   jr as trasverseObjects,
-  pr as useCamera,
+  dr as useCamera,
   mn as useLoader,
-  U as useLogger,
-  bn as useLoop,
+  $ as useLogger,
+  wn as useLoop,
   hn as usePointerEventHandler,
   tt as useRaycaster,
   fn as useRenderLoop,
   Dr as useRenderer,
-  gn as useSeek,
-  vn as useTexture,
+  vn as useSeek,
+  gn as useTexture,
   yn as useTres,
   rt as useTresContext,
-  Ur as useTresContextProvider,
-  $r as useTresEventManager,
+  $r as useTresContextProvider,
+  Fr as useTresEventManager,
   _n as vDistanceTo,
   Pn as vLightHelper,
   Mn as vLog