@tresjs/core 4.1.0 → 4.2.1

package/dist/tres.js

@@ -1,24 +1,24 @@
 /**
  * name: @tresjs/core
- * version: v4.1.0
+ * version: v4.2.1
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-var gt = Object.defineProperty;
-var ht = (e, t, n) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ue = (e, t, n) => (ht(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { ref as D, computed as j, watchEffect as Me, onUnmounted as Y, shallowRef as $, watch as J, reactive as Ke, readonly as me, unref as V, provide as ge, inject as vt, defineComponent as Le, useSlots as yt, getCurrentInstance as Re, onMounted as wt, openBlock as bt, createElementBlock as Mt, normalizeClass as _t, normalizeStyle as Pt, createRenderer as Ct, h as De, Fragment as Et } from "vue";
-import * as Xe from "three";
-import { PerspectiveCamera as he, Camera as kt, Clock as Ze, Vector3 as _e, Color as se, Scene as et, MeshBasicMaterial as tt, DoubleSide as St, REVISION as Tt, SRGBColorSpace as At, ACESFilmicToneMapping as nt, PCFSoftShadowMap as Ot, NoToneMapping as xt, WebGLRenderer as fe, TextureLoader as Lt, Vector2 as de, MathUtils as Rt, Raycaster as Dt, BufferAttribute as Bt, Object3D as jt, Line as It, BufferGeometry as Be, Float32BufferAttribute as je, LineBasicMaterial as Ht, Mesh as Ut, BackSide as $t, DirectionalLightHelper as Ft, PointLightHelper as Wt, SpotLightHelper as Nt, HemisphereLightHelper as Gt, ArrowHelper as zt } from "three";
-import { createEventHook as L, useRafFn as rt, toValue as A, unrefElement as Vt, useDevicePixelRatio as Yt, usePointer as qt, useElementBounding as Jt, useWindowSize as Qt, useElementSize as Kt, refDebounced as Ie, tryOnScopeDispose as Xt, useFps as Zt, useMemory as en } from "@vueuse/core";
-const tn = "@tresjs/core", nn = "module", rn = "4.1.0", on = "pnpm@9.1.4", sn = "Declarative ThreeJS using Vue Components", an = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", ln = "MIT", cn = [
+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 I, computed as Y, watchEffect as Te, onUnmounted as Q, shallowRef as H, watch as le, readonly as ye, unref as K, provide as _e, inject as Mt, isRef as Ct, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as kt, normalizeClass as xt, 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 ce, 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.1", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], un = !1, fn = {
+], vn = !1, yn = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -37,12 +37,12 @@ const tn = "@tresjs/core", nn = "module", rn = "4.1.0", on = "pnpm@9.1.4", sn =
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, dn = "./dist/tres.js", pn = "./dist/tres.js", mn = "./dist/index.d.ts", gn = [
+}, _n = "./dist/tres.js", wn = "./dist/tres.js", bn = "./dist/index.d.ts", Pn = [
   "*.d.ts",
   "dist"
-], hn = {
+], Mn = {
   access: "public"
-}, vn = {
+}, Cn = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
@@ -59,28 +59,28 @@ const tn = "@tresjs/core", nn = "module", rn = "4.1.0", on = "pnpm@9.1.4", sn =
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, yn = {
+}, En = {
   three: ">=0.133",
   vue: ">=3.4"
-}, wn = {
+}, Tn = {
   "@alvarosabu/utils": "^3.2.0",
-  "@vue/devtools-api": "^6.6.2",
-  "@vueuse/core": "^10.10.0"
-}, bn = {
+  "@vue/devtools-api": "^6.6.3",
+  "@vueuse/core": "^10.11.0"
+}, Sn = {
   "@release-it/conventional-changelog": "^8.0.1",
-  "@stackblitz/sdk": "^1.10.0",
+  "@stackblitz/sdk": "^1.11.0",
   "@tresjs/cientos": "3.9.0",
   "@tresjs/eslint-config": "^1.1.0",
-  "@types/three": "^0.165.0",
-  "@typescript-eslint/eslint-plugin": "^7.11.0",
-  "@typescript-eslint/parser": "^7.11.0",
+  "@types/three": "^0.166.0",
+  "@typescript-eslint/eslint-plugin": "^7.16.0",
+  "@typescript-eslint/parser": "^7.16.0",
   "@vitejs/plugin-vue": "^5.0.5",
   "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^1.6.0",
-  "@vitest/ui": "^1.6.0",
+  "@vitest/coverage-v8": "^2.0.2",
+  "@vitest/ui": "^2.0.2",
   "@vue/test-utils": "^2.4.6",
-  eslint: "^9.4.0",
-  "eslint-plugin-vue": "^9.26.0",
+  eslint: "^9.6.0",
+  "eslint-plugin-vue": "^9.27.0",
   esno: "^4.7.0",
   gsap: "^3.12.5",
   husky: "^9.0.11",
@@ -88,138 +88,153 @@ const tn = "@tresjs/core", nn = "module", rn = "4.1.0", on = "pnpm@9.1.4", sn =
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
-  "release-it": "^17.3.0",
+  "release-it": "^17.5.0",
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
   sponsorkit: "^0.14.6",
-  three: "^0.165.0",
-  unocss: "^0.60.4",
-  unplugin: "^1.10.1",
-  "unplugin-vue-components": "^0.27.0",
-  vite: "^5.2.12",
+  three: "^0.166.1",
+  unocss: "^0.61.3",
+  unplugin: "^1.11.0",
+  "unplugin-vue-components": "^0.27.2",
+  vite: "^5.3.3",
   "vite-plugin-banner": "^0.7.1",
   "vite-plugin-dts": "3.9.1",
   "vite-plugin-inspect": "^0.8.4",
   "vite-plugin-require-transform": "^1.0.21",
   "vite-svg-loader": "^5.1.0",
-  vitepress: "1.2.2",
-  vitest: "^1.6.0",
-  vue: "^3.4.27",
+  vitepress: "1.3.0",
+  vitest: "^2.0.2",
+  vue: "^3.4.31",
   "vue-demi": "^0.14.8"
-}, Mn = {
-  name: tn,
-  type: nn,
-  version: rn,
-  packageManager: on,
-  description: sn,
-  author: an,
-  license: ln,
-  keywords: cn,
-  sideEffects: un,
-  exports: fn,
-  main: dn,
-  module: pn,
-  types: mn,
-  files: gn,
-  publishConfig: hn,
-  scripts: vn,
-  peerDependencies: yn,
-  dependencies: wn,
-  devDependencies: bn
+}, An = {
+  name: cn,
+  type: un,
+  version: fn,
+  packageManager: dn,
+  description: pn,
+  author: mn,
+  license: hn,
+  keywords: gn,
+  sideEffects: vn,
+  exports: yn,
+  main: _n,
+  module: wn,
+  types: bn,
+  files: Pn,
+  publishConfig: Mn,
+  scripts: Cn,
+  peerDependencies: En,
+  dependencies: Tn,
+  devDependencies: Sn
 };
-function ve(e) {
+function be(e) {
+  return typeof e > "u";
+}
+function de(e) {
   return Array.isArray(e);
 }
-function Q(e) {
+function kn(e) {
+  return typeof e == "number";
+}
+function at(e) {
+  return typeof e == "string";
+}
+function V(e) {
   return typeof e == "function";
 }
-function Z(e) {
-  return e === Object(e) && !ve(e) && !Q(e);
+function N(e) {
+  return e === Object(e) && !de(e) && !V(e);
 }
 function W(e) {
-  return Z(e) && "isObject3D" in e && !!e.isObject3D;
+  return N(e) && "isObject3D" in e && !!e.isObject3D;
 }
-function He(e) {
-  return Z(e) && "isCamera" in e && !!e.isCamera;
+function We(e) {
+  return N(e) && "isCamera" in e && !!e.isCamera;
 }
-function _n(e) {
-  return Z(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
+function xn(e) {
+  return N(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
 }
-function Pn(e) {
-  return Z(e) && "isMaterial" in e && !!e.isMaterial;
+function Ln(e) {
+  return N(e) && "isMaterial" in e && !!e.isMaterial;
 }
-function ot(e) {
-  return Z(e) && "isFog" in e && !!e.isFog;
+function Rn(e) {
+  return N(e) && "isFog" in e && !!e.isFog;
 }
-function Ue(e) {
-  return W(e) || _n(e) || Pn(e) || ot(e);
+function On(e) {
+  return N(e) && "isScene" in e && !!e.isScene;
 }
-const Cn = ({ sizes: e }) => {
-  const t = D([]), n = j(
+function re(e) {
+  return W(e) || xn(e) || Ln(e) || Rn(e);
+}
+function Dn(e) {
+  return N(e) && !!e.isPrimitive;
+}
+const jn = ({ sizes: e }) => {
+  const t = I([]), n = Y(
     () => t.value[0]
   ), r = (i) => {
-    const a = i instanceof kt ? i : t.value.find((o) => o.uuid === i);
-    if (!a)
+    const l = i instanceof Dt ? i : t.value.find((o) => o.uuid === i);
+    if (!l)
       return;
-    const d = t.value.filter(({ uuid: o }) => o !== a.uuid);
-    t.value = [a, ...d];
-  }, s = (i, a = !1) => {
-    if (He(i)) {
-      const d = i;
-      if (t.value.some(({ uuid: o }) => o === d.uuid))
+    const c = t.value.filter(({ uuid: o }) => o !== l.uuid);
+    t.value = [l, ...c];
+  }, s = (i, l = !1) => {
+    if (We(i)) {
+      const c = i;
+      if (t.value.some(({ uuid: o }) => o === c.uuid))
         return;
-      a ? r(d) : t.value.push(d);
+      l ? r(c) : t.value.push(c);
     }
-  }, l = (i) => {
-    if (He(i)) {
-      const a = i;
-      t.value = t.value.filter(({ uuid: d }) => d !== a.uuid);
+  }, a = (i) => {
+    if (We(i)) {
+      const l = i;
+      t.value = t.value.filter(({ uuid: c }) => c !== l.uuid);
     }
   };
-  return Me(() => {
+  return Te(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
-      !i.manual && (i instanceof he || En(i)) && (i instanceof he ? 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 || Bn(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());
     });
-  }), Y(() => {
+  }), Q(() => {
     t.value = [];
   }), {
     camera: n,
     cameras: t,
     registerCamera: s,
-    deregisterCamera: l,
+    deregisterCamera: a,
     setCameraActive: r
   };
 };
-function En(e) {
+function Bn(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const it = L(), st = L(), Pe = L(), K = new Ze();
-let ae = 0, le = 0;
-const { pause: kn, resume: $e, isActive: Sn } = rt(
+const lt = j(), ct = j(), Ae = j(), ee = new tt();
+let ue = 0, fe = 0;
+const { pause: In, resume: Ne, isActive: Hn } = it(
   () => {
-    it.trigger({ delta: ae, elapsed: le, clock: K }), st.trigger({ delta: ae, elapsed: le, clock: K }), Pe.trigger({ delta: ae, elapsed: le, clock: K });
+    lt.trigger({ delta: ue, elapsed: fe, clock: ee }), ct.trigger({ delta: ue, elapsed: fe, clock: ee }), Ae.trigger({ delta: ue, elapsed: fe, clock: ee });
   },
   { immediate: !1 }
 );
-Pe.on(() => {
-  ae = K.getDelta(), le = K.getElapsedTime();
+Ae.on(() => {
+  ue = ee.getDelta(), fe = ee.getElapsedTime();
 });
-let Fe = !1;
-const Pr = () => (Fe || (Fe = !0, $e()), {
-  onBeforeLoop: it.on,
-  onLoop: st.on,
-  onAfterLoop: Pe.on,
-  pause: kn,
-  resume: $e,
-  isActive: Sn
-}), Cr = !0, ne = "[TresJS ▲ ■ ●] ";
-function F() {
+let ze = !1;
+const $r = () => (ze || (ze = !0, Ne()), {
+  onBeforeLoop: lt.on,
+  onLoop: ct.on,
+  onAfterLoop: Ae.on,
+  pause: In,
+  resume: Ne,
+  isActive: Hn
+}), Ur = !0, oe = "[TresJS ▲ ■ ●] ";
+function z() {
   function e(...r) {
-    typeof r[0] == "string" ? r[0] = ne + r[0] : r.unshift(ne), console.error(...r);
+    typeof r[0] == "string" ? r[0] = oe + r[0] : r.unshift(oe), console.error(...r);
   }
   function t(...r) {
-    typeof r[0] == "string" ? r[0] = ne + r[0] : r.unshift(ne), console.warn(...r);
+    typeof r[0] == "string" ? r[0] = oe + r[0] : r.unshift(oe), console.warn(...r);
   }
   function n(r, s) {
   }
@@ -229,17 +244,17 @@ function F() {
     logMessage: n
   };
 }
-function Er(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof _e ? [e.x, e.y, e.z] : e;
+function Fr(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
 }
-function Tn(e) {
-  return e instanceof se ? e : Array.isArray(e) ? new se(...e) : new se(e);
+function $n(e) {
+  return e instanceof ce ? e : Array.isArray(e) ? new ce(...e) : new ce(e);
 }
-class An extends Xe.Mesh {
+class Un extends et.Mesh {
   constructor(...n) {
     super(...n);
-    ue(this, "type", "HightlightMesh");
-    ue(this, "createTime");
+    me(this, "type", "HightlightMesh");
+    me(this, "createTime");
     this.createTime = Date.now();
   }
   onBeforeRender() {
@@ -247,47 +262,40 @@ class An extends Xe.Mesh {
     this.scale.set(i, i, i);
   }
 }
-const at = (e, t) => {
+const ut = (e, t) => {
   for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], at(e[n], t[n]));
+    t[n] instanceof Object && Object.assign(t[n], ut(e[n], t[n]));
   return Object.assign(e || {}, t), e;
-}, On = "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", xn = /* @__PURE__ */ Dn(On);
-function We(e) {
+}, Fn = "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", Wn = /* @__PURE__ */ Gn(Fn);
+function Ge(e) {
   return e && e.nodeType === 1;
 }
-function re(e) {
+function se(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const Ln = /\B([A-Z])/g;
-function Rn(e) {
-  return e.replace(Ln, "-$1").toLowerCase();
+const Nn = /\B([A-Z])/g;
+function zn(e) {
+  return e.replace(Nn, "-$1").toLowerCase();
 }
-function Dn(e, t) {
+function Gn(e, t) {
   const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
   for (let s = 0; s < r.length; s++)
     n[r[s]] = !0;
   return (s) => !!n[s];
 }
-const Bn = (e, t) => {
-  const n = /* @__PURE__ */ new Set(), r = [];
-  for (const s of e) {
-    const l = t(s);
-    n.has(l) || (n.add(l), r.push(s));
-  }
-  return r;
-}, Ne = (e, t) => {
+const Ve = (e, t) => {
   if (!t)
     return;
   const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   return n == null ? void 0 : n.reduce((r, s) => r && r[s], e);
-}, jn = (e, t, n) => {
+}, Vn = (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);
+  r && r.reduce((s, a, i) => (s[a] === void 0 && (s[a] = {}), i === r.length - 1 && (s[a] = n), s[a]), e);
 };
-function lt(e, t) {
-  if (We(e) && We(t)) {
-    const s = e.attributes, l = t.attributes;
-    return s.length !== l.length ? !1 : Array.from(s).every(({ name: i, value: a }) => t.getAttribute(i) === a);
+function ft(e, t) {
+  if (Ge(e) && Ge(t)) {
+    const s = e.attributes, a = t.attributes;
+    return s.length !== a.length ? !1 : Array.from(s).every(({ name: i, value: l }) => t.getAttribute(i) === l);
   }
   if (e === t)
     return !0;
@@ -297,329 +305,427 @@ function lt(e, t) {
   if (n.length !== r.length)
     return !1;
   for (const s of n)
-    if (!r.includes(s) || !lt(e[s], t[s]))
+    if (!r.includes(s) || !ft(e[s], t[s]))
       return !1;
   return !0;
 }
-function In(e, t) {
+function Yn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!lt(e[n], t[n]))
+    if (!ft(e[n], t[n]))
       return !1;
   return !0;
 }
-const Hn = Array.isArray;
-function Un(e, t, n, r) {
-  const s = (d) => {
-    if (d.uuid === t)
-      return d;
-    for (const o of d.children) {
-      const h = s(o);
-      if (h)
-        return h;
+const qn = Array.isArray;
+function Jn(e, t, n, r) {
+  const s = (c) => {
+    if (c.uuid === t)
+      return c;
+    for (const o of c.children) {
+      const u = s(o);
+      if (u)
+        return u;
     }
-  }, l = s(e);
-  if (!l) {
+  }, a = s(e);
+  if (!a) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
-  let i = l;
-  for (let d = 0; d < n.length - 1; d++)
-    if (i[n[d]] !== void 0)
-      i = i[n[d]];
+  let i = a;
+  for (let c = 0; c < n.length - 1; c++)
+    if (i[n[c]] !== void 0)
+      i = i[n[c]];
     else {
       console.warn(`Property path is not valid: ${n.join(".")}`);
       return;
     }
-  const a = n[n.length - 1];
-  i[a] !== void 0 ? i[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
+  const l = n[n.length - 1];
+  i[l] !== void 0 ? i[l] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function $n(e) {
-  const t = new tt({
+function Kn(e) {
+  const t = new ot({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: St
+    side: jt
     // To e
   });
-  return new An(e.geometry.clone(), t);
+  return new Un(e.geometry.clone(), t);
 }
-function Fn(e) {
+function Qn(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 _e(...t)), t;
+  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Se(...t)), t;
 }
-function Wn(e) {
+function Xn(e) {
   return "map" in e;
 }
-function Ge(e) {
-  Wn(e) && e.map && e.map.dispose(), e.dispose();
+function Ye(e) {
+  Xn(e) && e.map && e.map.dispose(), e.dispose();
 }
-function Ce(e) {
+function dt(e) {
   var n, r;
-  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((s) => Ce(s)), !(e instanceof et)) {
+  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((s) => dt(s)), !(e instanceof nt)) {
     const s = 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) => Ge(l)), delete s.material) : s.material && (Ge(s.material), delete s.material);
+    e && ((r = e.dispose) == null || r.call(e)), s.geometry && (s.geometry.dispose(), delete s.geometry), Array.isArray(s.material) ? (s.material.forEach((a) => Ye(a)), delete s.material) : s.material && (Ye(s.material), delete s.material);
   }
 }
-function Nn(e, t) {
+function Zn(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;
 }
-const Gn = Number.parseInt(Tt.replace("dev", "")), oe = {
+function Pe(e, t) {
+  let n = e;
+  if (t.includes("-")) {
+    const r = t.split("-");
+    let s = r.shift();
+    for (; n && r.length; )
+      s in n ? (n = n[s], s = r.shift()) : s = qe(s, r.shift());
+    return { target: n, key: qe(s, ...r) };
+  } else
+    return { target: n, key: t };
+}
+function qe(...e) {
+  return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
+}
+const Je = /-\d+$/;
+function er(e, t, n) {
+  if (at(n)) {
+    if (Je.test(n)) {
+      const a = n.replace(Je, ""), { target: i, key: l } = Pe(e, a);
+      if (!Array.isArray(i[l])) {
+        const c = i[l], o = [];
+        o.__tresDetach = () => {
+          o.every((u) => be(u)) && (i[l] = c);
+        }, i[l] = o;
+      }
+    }
+    const { target: r, key: s } = Pe(e, n);
+    t.__tres.previousAttach = r[s], r[s] = X(t);
+  } else
+    t.__tres.previousAttach = n(e, t);
+}
+function tr(e, t, n) {
+  var r, s, a;
+  if (at(n)) {
+    const { target: i, key: l } = Pe(e, n), c = t.__tres.previousAttach;
+    c === void 0 ? delete i[l] : i[l] = c, "__tresDetach" in i && i.__tresDetach();
+  } else
+    (s = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || s.call(r, e, t);
+  (a = t.__tres) == null || delete a.previousAttach;
+}
+function G(e, t, n) {
+  const r = e;
+  return r.__tres = {
+    type: "unknown",
+    eventCount: 0,
+    root: n,
+    handlers: {},
+    memoizedProps: {},
+    objects: [],
+    parent: null,
+    previousAttach: null,
+    ...t
+  }, r.__tres.attach || (r.isMaterial ? r.__tres.attach = "material" : r.isBufferGeometry ? r.__tres.attach = "geometry" : r.isFog && (r.__tres.attach = "fog")), r;
+}
+function pt(e) {
+  var n;
+  const t = (n = e == null ? void 0 : e.__tres) == null ? void 0 : n.root;
+  t && t.render && t.render.canBeInvalidated.value && t.invalidate();
+}
+function nr(e, t, n) {
+  var s;
+  if (!V(e.setPixelRatio))
+    return;
+  let r = 0;
+  if (de(n) && n.length >= 2) {
+    const [a, i] = n;
+    r = rt.clamp(t, a, i);
+  } else kn(n) ? r = n : r = t;
+  r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
+}
+function rr(e, t, n, r, s) {
+  const a = [...t.__tres.objects], i = X(t);
+  if (e = X(e), i === e)
+    return !0;
+  const l = G(e, t.__tres ?? {}, s), c = t.parent ?? t.__tres.parent ?? null, o = { ...t.__tres.memoizedProps };
+  delete o.object;
+  for (const u of a)
+    mt(u, s), ht(u, s);
+  i.__tres.objects = [], r.remove(t);
+  for (const [u, v] of Object.entries(o))
+    r.patchProp(l, u, l[u], v);
+  n(e), r.insert(t, c);
+  for (const u of a)
+    r.insert(u, t);
+  return !0;
+}
+function X(e) {
+  return Dn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+}
+function mt(e, t) {
+  var r, s, a, 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 && Zn(n.__tres.objects, (l) => l !== e), (s = e.__tres) != null && s.attach ? tr(n, e, e.__tres.attach) : ((i = (a = e.parent) == null ? void 0 : a.remove) == null || i.call(a, X(e)), e.parent = null);
+}
+function ht(e, t) {
+  var n;
+  (n = e.traverse) == null || n.call(e, (r) => {
+    var s;
+    t.deregisterCamera(r), (s = t.eventManager) == null || s.deregisterPointerMissedObject(r);
+  }), t.deregisterCamera(e), pt(e);
+}
+const or = Number.parseInt(Bt.replace("dev", "")), ie = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: At,
-    toneMapping: nt,
+    outputColorSpace: It,
+    toneMapping: st,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Ot
+      type: Ht
     }
   },
   flat: {
-    toneMapping: xt,
+    toneMapping: $t,
     toneMappingExposure: 1
   }
 };
-function zn({
+function sr({
   canvas: e,
   options: t,
-  contextParts: { sizes: n, render: r, invalidate: s, advance: l }
+  contextParts: { sizes: n, render: r, invalidate: s, advance: a }
 }) {
-  const i = j(() => ({
-    alpha: A(t.alpha) ?? !0,
-    depth: A(t.depth),
-    canvas: Vt(e),
-    context: A(t.context),
-    stencil: A(t.stencil),
-    antialias: A(t.antialias) ?? !0,
-    precision: A(t.precision),
-    powerPreference: A(t.powerPreference),
-    premultipliedAlpha: A(t.premultipliedAlpha),
-    preserveDrawingBuffer: A(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: A(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: A(t.failIfMajorPerformanceCaveat)
-  })), a = $(new fe(i.value));
-  function d() {
+  const i = Y(() => ({
+    alpha: k(t.alpha) ?? !0,
+    depth: k(t.depth),
+    canvas: Zt(e),
+    context: k(t.context),
+    stencil: k(t.stencil),
+    antialias: k(t.antialias) ?? !0,
+    precision: k(t.precision),
+    powerPreference: k(t.powerPreference),
+    premultipliedAlpha: k(t.premultipliedAlpha),
+    preserveDrawingBuffer: k(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: k(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: k(t.failIfMajorPerformanceCaveat)
+  })), l = H(new he(i.value));
+  function c() {
     t.renderMode === "on-demand" && s();
   }
-  J(i, () => {
-    a.value.dispose(), a.value = new fe(i.value), d();
-  }), J([n.width, n.height], () => {
-    a.value.setSize(n.width.value, n.height.value), d();
+  le(i, () => {
+    l.value.dispose(), l.value = new he(i.value), c();
+  }), le([n.width, n.height], () => {
+    l.value.setSize(n.width.value, n.height.value), c();
   }, {
     immediate: !0
-  }), J(() => t.clearColor, d);
-  const { pixelRatio: o } = Yt();
-  J(o, () => {
-    a.value.setPixelRatio(o.value);
-  });
-  const { logError: h } = F(), c = (() => {
-    const f = new fe(), _ = {
+  }), le(() => t.clearColor, c);
+  const { pixelRatio: o } = en(), { logError: u } = z(), f = (() => {
+    const p = new he(), P = {
       shadowMap: {
-        enabled: f.shadowMap.enabled,
-        type: f.shadowMap.type
+        enabled: p.shadowMap.enabled,
+        type: p.shadowMap.type
       },
-      toneMapping: f.toneMapping,
-      toneMappingExposure: f.toneMappingExposure,
-      outputColorSpace: f.outputColorSpace
+      toneMapping: p.toneMapping,
+      toneMappingExposure: p.toneMappingExposure,
+      outputColorSpace: p.outputColorSpace
     };
-    return f.dispose(), _;
-  })(), v = A(t.renderMode);
-  return v === "on-demand" && s(), v === "manual" && setTimeout(() => {
-    l();
-  }, 100), Me(() => {
-    const f = A(t.preset);
-    f && (f in oe || h(`Renderer Preset must be one of these: ${Object.keys(oe).join(", ")}`), at(a.value, oe[f])), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const _ = (y, k) => {
-      const P = A(y), C = () => {
-        if (f)
-          return Ne(oe[f], k);
+    return p.dispose(), P;
+  })(), _ = k(t.renderMode);
+  return _ === "on-demand" && s(), _ === "manual" && setTimeout(() => {
+    a();
+  }, 100), Te(() => {
+    const p = k(t.preset);
+    p && (p in ie || u(`Renderer Preset must be one of these: ${Object.keys(ie).join(", ")}`), ut(l.value, ie[p])), nr(l.value, o.value, k(t.dpr)), _ === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const P = (g, E) => {
+      const C = k(g), T = () => {
+        if (p)
+          return Ve(ie[p], E);
       };
-      if (P !== void 0)
-        return P;
-      const b = C();
-      return b !== void 0 ? b : Ne(c, k);
-    }, m = (y, k) => jn(a.value, k, _(y, k));
-    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? nt, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), Gn < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
-    const w = _(t.clearColor, "clearColor");
-    w && a.value.setClearColor(
-      w ? Tn(w) : new se(0)
+      if (C !== void 0)
+        return C;
+      const M = T();
+      return M !== void 0 ? M : Ve(f, E);
+    }, m = (g, E) => Vn(l.value, E, P(g, E));
+    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? st, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), or < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
+    const y = P(t.clearColor, "clearColor");
+    y && l.value.setClearColor(
+      y ? $n(y) : new ce(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), Y(() => {
-    a.value.dispose(), a.value.forceContextLoss();
+  }), Q(() => {
+    l.value.dispose(), l.value.forceContextLoss();
   }), {
-    renderer: a
+    renderer: l
   };
 }
-const Vn = (e) => !!e && e.constructor === Array;
-function Yn(e) {
+const ir = (e) => !!e && e.constructor === Array;
+function ar(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((n) => {
     n.name && (t.nodes[n.name] = n), n.material && !t.materials[n.material.name] && (t.materials[n.material.name] = n.material);
   }), t;
 }
-async function kr(e, t, n, r, s) {
-  const { logError: l } = F(), i = new e();
+async function Wr(e, t, n, r, s) {
+  const { logError: a } = z(), i = new e();
   s && s(i), n && n(i);
-  const d = (Array.isArray(t) ? t : [t]).map(
-    (o) => new Promise((h, p) => {
+  const c = (Array.isArray(t) ? t : [t]).map(
+    (o) => new Promise((u, v) => {
       i.load(
         o,
-        (c) => {
-          c.scene && Object.assign(c, Yn(c.scene)), h(c);
+        (f) => {
+          const _ = f;
+          _.scene && Object.assign(_, ar(_.scene)), u(_);
         },
         r,
-        (c) => p(l("[useLoader] - Failed to load resource", c))
+        (f) => v(a("[useLoader] - Failed to load resource", f))
       );
     })
   );
-  return Vn(t) ? await Promise.all(d) : await d[0];
+  return ir(t) ? await Promise.all(c) : await c[0];
 }
-async function Sr(e, t) {
-  const n = new Lt(t), r = (s) => new Promise((l, i) => {
+async function Nr(e, t) {
+  const n = new Ut(t), r = (s) => new Promise((a, i) => {
     n.load(
       s,
-      (a) => l(a),
+      (l) => a(l),
       () => null,
       () => {
         i(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Hn(e)) {
-    const s = await Promise.all(e.map((l) => r(l)));
+  if (qn(e)) {
+    const s = await Promise.all(e.map((a) => r(a)));
     return e.length > 1 ? s : s[0];
   } else {
     const {
       map: s,
-      displacementMap: l,
+      displacementMap: a,
       normalMap: i,
-      roughnessMap: a,
-      metalnessMap: d,
+      roughnessMap: l,
+      metalnessMap: c,
       aoMap: o,
-      alphaMap: h,
-      matcap: p
+      alphaMap: u,
+      matcap: v
     } = e;
     return {
       map: s ? await r(s) : null,
-      displacementMap: l ? await r(l) : null,
+      displacementMap: a ? await r(a) : null,
       normalMap: i ? await r(i) : null,
-      roughnessMap: a ? await r(a) : null,
-      metalnessMap: d ? await r(d) : null,
+      roughnessMap: l ? await r(l) : null,
+      metalnessMap: c ? await r(c) : null,
       aoMap: o ? await r(o) : null,
-      alphaMap: h ? await r(h) : null,
-      matcap: p ? await r(p) : null
+      alphaMap: u ? await r(u) : null,
+      matcap: v ? await r(v) : null
     };
   }
 }
-const ct = (e, t) => {
-  const n = j(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = qt({ target: n });
+const lr = (e, t) => {
+  const n = Y(() => t.renderer.value.domElement), r = H([]), { x: s, y: a } = tn({ target: n });
   let i = 0;
-  const { width: a, height: d, top: o, left: h } = Jt(n), p = ({ x: g, y: S }) => {
+  const { width: l, height: c, top: o, left: u } = nn(n), v = ({ x: h, y: S }) => {
     if (n.value)
       return {
-        x: (g - h.value) / a.value * 2 - 1,
-        y: -((S - o.value) / d.value) * 2 + 1
+        x: (h - u.value) / l.value * 2 - 1,
+        y: -((S - o.value) / c.value) * 2 + 1
       };
-  }, c = ({ x: g, y: S }) => {
+  }, f = ({ x: h, y: S }) => {
     if (t.camera.value)
-      return t.raycaster.value.setFromCamera(new de(g, S), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
-  }, v = (g) => {
-    const S = p({
-      x: (g == null ? void 0 : g.clientX) ?? s.value,
-      y: (g == null ? void 0 : g.clientY) ?? l.value
+      return t.raycaster.value.setFromCamera(new ge(h, S), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
+  }, _ = (h) => {
+    const S = v({
+      x: (h == null ? void 0 : h.clientX) ?? s.value,
+      y: (h == null ? void 0 : h.clientY) ?? a.value
     });
-    return S ? c(S) || [] : [];
-  }, f = L(), _ = L(), m = L(), w = L(), y = L(), k = L(), P = L(), C = L();
-  function b(g) {
+    return S ? f(S) || [] : [];
+  }, p = j(), P = j(), m = j(), y = j(), g = j(), E = j(), C = j(), T = j();
+  function M(h) {
     const S = {};
-    for (const H in g)
-      typeof H != "function" && (S[H] = g[H]);
+    for (const U in h)
+      typeof U != "function" && (S[U] = h[U]);
     return S;
   }
-  const u = (g, S) => {
-    var Ae, Oe, xe;
-    const H = b(S), te = new _e(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Ae = t.camera) == null ? void 0 : Ae.value);
-    g.trigger({
-      ...H,
+  const w = (h, S) => {
+    var Oe, De, je;
+    const U = M(S), ne = new Se(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Oe = t.camera) == null ? void 0 : Oe.value);
+    h.trigger({
+      ...U,
       intersections: r.value,
       // The unprojectedPoint is wrong, math needs to be fixed
-      unprojectedPoint: te,
-      ray: (Oe = t.raycaster) == null ? void 0 : Oe.value.ray,
-      camera: (xe = t.camera) == null ? void 0 : xe.value,
+      unprojectedPoint: ne,
+      ray: (De = t.raycaster) == null ? void 0 : De.value.ray,
+      camera: (je = t.camera) == null ? void 0 : je.value,
       sourceEvent: S,
       delta: i,
       stopPropagating: !1
     });
   };
-  let M;
-  const E = (g) => {
-    v(g), u(m, g), M = g;
-  }, T = () => {
-    M && E(M);
+  let L;
+  const x = (h) => {
+    _(h), w(m, h), L = h;
+  }, d = () => {
+    L && x(L);
   };
-  let I, O, x;
-  const N = (g) => {
+  let b, A, D;
+  const $ = (h) => {
     var S;
-    I = (S = r.value[0]) == null ? void 0 : S.object, i = 0, O = new de(
-      (g == null ? void 0 : g.clientX) ?? s.value,
-      (g == null ? void 0 : g.clientY) ?? l.value
-    ), u(y, g);
+    b = (S = r.value[0]) == null ? void 0 : S.object, i = 0, A = new ge(
+      (h == null ? void 0 : h.clientX) ?? s.value,
+      (h == null ? void 0 : h.clientY) ?? a.value
+    ), w(g, h);
   };
-  let R, G = !1;
-  const ee = (g) => {
-    var S, H, te;
-    g instanceof PointerEvent && (r.value.length === 0 && u(k, g), I === ((S = r.value[0]) == null ? void 0 : S.object) && (x = new de(
-      (g == null ? void 0 : g.clientX) ?? s.value,
-      (g == null ? void 0 : g.clientY) ?? l.value
-    ), i = O == null ? void 0 : O.distanceTo(x), g.button === 0 ? (u(f, g), R === ((H = r.value[0]) == null ? void 0 : H.object) ? G = !0 : (R = (te = r.value[0]) == null ? void 0 : te.object, G = !1)) : g.button === 2 && u(P, g)), u(w, g));
-  }, ke = (g) => {
-    G && (u(_, g), R = void 0, G = !1);
-  }, Se = (g) => u(m, g), Te = (g) => u(C, g);
-  return n.value.addEventListener("pointerup", ee), n.value.addEventListener("pointerdown", N), n.value.addEventListener("pointermove", E), n.value.addEventListener("pointerleave", Se), n.value.addEventListener("dblclick", ke), n.value.addEventListener("wheel", Te), Y(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", ee), n.value.removeEventListener("pointerdown", N), n.value.removeEventListener("pointermove", E), n.value.removeEventListener("pointerleave", Se), n.value.removeEventListener("dblclick", ke), n.value.removeEventListener("wheel", Te));
+  let R, O = !1;
+  const q = (h) => {
+    var S, U, ne;
+    h instanceof PointerEvent && (r.value.length === 0 && w(E, h), b === ((S = r.value[0]) == null ? void 0 : S.object) && (D = new ge(
+      (h == null ? void 0 : h.clientX) ?? s.value,
+      (h == null ? void 0 : h.clientY) ?? a.value
+    ), i = A == null ? void 0 : A.distanceTo(D), h.button === 0 ? (w(p, h), R === ((U = r.value[0]) == null ? void 0 : U.object) ? O = !0 : (R = (ne = r.value[0]) == null ? void 0 : ne.object, O = !1)) : h.button === 2 && w(C, h)), w(y, h));
+  }, xe = (h) => {
+    O && (w(P, h), R = void 0, O = !1);
+  }, Le = (h) => w(m, h), Re = (h) => w(T, h);
+  return n.value.addEventListener("pointerup", q), n.value.addEventListener("pointerdown", $), n.value.addEventListener("pointermove", x), n.value.addEventListener("pointerleave", Le), n.value.addEventListener("dblclick", xe), n.value.addEventListener("wheel", Re), Q(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", q), n.value.removeEventListener("pointerdown", $), n.value.removeEventListener("pointermove", x), n.value.removeEventListener("pointerleave", Le), n.value.removeEventListener("dblclick", xe), n.value.removeEventListener("wheel", Re));
   }), {
     intersects: r,
-    onClick: (g) => f.on(g).off,
-    onDblClick: (g) => _.on(g).off,
-    onContextMenu: (g) => P.on(g).off,
-    onPointerMove: (g) => m.on(g).off,
-    onPointerUp: (g) => w.on(g).off,
-    onPointerDown: (g) => y.on(g).off,
-    onPointerMissed: (g) => k.on(g).off,
-    onWheel: (g) => C.on(g).off,
-    forceUpdate: T
+    onClick: (h) => p.on(h).off,
+    onDblClick: (h) => P.on(h).off,
+    onContextMenu: (h) => C.on(h).off,
+    onPointerMove: (h) => m.on(h).off,
+    onPointerUp: (h) => y.on(h).off,
+    onPointerDown: (h) => g.on(h).off,
+    onPointerMissed: (h) => E.on(h).off,
+    onWheel: (h) => T.on(h).off,
+    forceUpdate: d
   };
 };
-function Tr() {
-  const { logWarning: e } = F();
-  function t(l, i, a) {
-    let d = null;
-    return l.traverse((o) => {
-      o[i] === a && (d = o);
-    }), d || e(`Child with ${i} '${a}' not found.`), d;
+function zr() {
+  const { logWarning: e } = z();
+  function t(a, i, l) {
+    let c = null;
+    return a.traverse((o) => {
+      o[i] === l && (c = o);
+    }), c || e(`Child with ${i} '${l}' not found.`), c;
   }
-  function n(l, i, a) {
-    const d = [];
-    return l.traverse((o) => {
-      o[i].includes(a) && d.push(o);
-    }), d.length || e(`Children with ${i} '${a}' not found.`), d;
+  function n(a, i, l) {
+    const c = [];
+    return a.traverse((o) => {
+      o[i].includes(l) && c.push(o);
+    }), c.length || e(`Children with ${i} '${l}' not found.`), c;
   }
-  function r(l, i) {
-    return t(l, "name", i);
+  function r(a, i) {
+    return t(a, "name", i);
   }
-  function s(l, i) {
-    return n(l, "name", i);
+  function s(a, i) {
+    return n(a, "name", i);
   }
   return {
     seek: t,
@@ -628,192 +734,243 @@ function Tr() {
     seekAllByName: s
   };
 }
-const Ar = (e) => {
-  const t = Ke({
-    click: /* @__PURE__ */ new Map(),
-    pointerMove: /* @__PURE__ */ new Map(),
-    pointerEnter: /* @__PURE__ */ new Map(),
-    pointerLeave: /* @__PURE__ */ new Map()
-  }), n = D(/* @__PURE__ */ new Set()), r = (p) => {
-    n.value.add(p);
-  }, s = (p) => {
-    n.value.delete(p);
-  }, l = (p) => {
-    Object.values(t).forEach((c) => c.delete(p)), s(p);
-  }, i = (p) => {
-    const { onClick: c, onPointerMove: v, onPointerEnter: f, onPointerLeave: _ } = p;
-    c && t.click.set(p, c), v && t.pointerMove.set(p, v), f && t.pointerEnter.set(p, f), _ && t.pointerLeave.set(p, _);
-  }, a = j(
-    () => Bn(
-      [
-        ...Array.from(n.value),
-        ...Object.values(t).map((p) => Array.from(p.keys())).flat()
-      ],
-      ({ uuid: p }) => p
-    )
-  );
-  e.registerObjectAtPointerEventHandler = i, e.deregisterObjectAtPointerEventHandler = l, e.registerBlockingObjectAtPointerEventHandler = r, e.deregisterBlockingObjectAtPointerEventHandler = s;
-  const { onClick: d, onPointerMove: o } = ct(a, e);
-  d(({ intersects: p, event: c }) => {
-    var v;
-    p.length && ((v = t.click.get(p[0].object)) == null || v(p[0], c));
-  });
-  let h;
-  return o(({ intersects: p, event: c }) => {
-    var w, y, k, P;
-    const v = (w = p == null ? void 0 : p[0]) == null ? void 0 : w.object, { pointerLeave: f, pointerEnter: _, pointerMove: m } = t;
-    h && h !== v && ((y = f.get(h)) == null || y(h, c)), v && (h !== v && ((k = _.get(v)) == null || k(p[0], c)), (P = m.get(v)) == null || P(p[0], c)), h = v || null;
-  }), {
-    registerObject: i,
-    deregisterObject: l,
-    registerBlockingObject: r,
-    deregisterBlockingObject: s
-  };
-};
-function Ee(e) {
+function ke(e) {
   let t = 0;
   return e.traverse((n) => {
     if (n.isMesh && n.geometry) {
-      const r = n.geometry, s = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, d = s + l + i + a;
-      t += d;
+      const r = n.geometry, s = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, l = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = s + a + i + l;
+      t += c;
     }
   }), t;
 }
-function qn(e) {
+function cr(e) {
   return (e / 1024).toFixed(2);
 }
-const ye = D({}), we = (e) => Object.assign(ye.value, e);
-function Jn(e, t, n = 10) {
-  const r = A(e) ? Qt() : Kt(j(() => A(t).parentElement)), s = me(Ie(r.width, n)), l = me(Ie(r.height, n)), i = j(() => s.value / l.value);
+const Me = I({}), Ce = (e) => Object.assign(Me.value, e);
+function ur(e, t, n) {
+  var x;
+  const r = H(), s = H();
+  e && (r.value = e), t && (s.value = t);
+  const a = (d) => {
+    var b;
+    return ((b = d.__tres) == null ? void 0 : b.eventCount) > 0;
+  }, i = (d) => {
+    var b;
+    return ((b = d.children) == null ? void 0 : b.some((A) => i(A))) || a(d);
+  }, l = H(((x = r.value) == null ? void 0 : x.children).filter(i) || []);
+  function c(d, b) {
+    if (Array.isArray(d))
+      for (const A of d)
+        A(b);
+    typeof d == "function" && d(b);
+  }
+  function o(d, b) {
+    const A = [], D = () => b.stopPropagating = !0;
+    b.stopPropagation = D;
+    for (const $ of b == null ? void 0 : b.intersections) {
+      if (b.stopPropagating)
+        return;
+      b = { ...b, ...$ };
+      const { object: R } = $;
+      b.eventObject = R, c(R[d], b), A.push(R);
+      let O = R.parent;
+      for (; O !== null && !b.stopPropagating && !A.includes(O); )
+        b.eventObject = O, c(O[d], b), A.push(O), O = O.parent;
+      const q = zn(d.slice(2));
+      n(q, { intersection: $, event: b });
+    }
+  }
+  const {
+    onClick: u,
+    onDblClick: v,
+    onContextMenu: f,
+    onPointerMove: _,
+    onPointerDown: p,
+    onPointerUp: P,
+    onPointerMissed: m,
+    onWheel: y,
+    forceUpdate: g
+  } = lr(l, t);
+  P((d) => o("onPointerUp", d)), p((d) => o("onPointerDown", d)), u((d) => o("onClick", d)), v((d) => o("onDoubleClick", d)), f((d) => o("onContextMenu", d)), y((d) => o("onWheel", d));
+  let E = [];
+  _((d) => {
+    const b = d.intersections.map(({ object: D }) => D), A = d.intersections;
+    E.forEach(({ object: D }) => {
+      b.includes(D) || (d.intersections = E, o("onPointerLeave", d), o("onPointerOut", d));
+    }), d.intersections = A, d.intersections.forEach(({ object: D }) => {
+      E.includes(D) || (o("onPointerEnter", d), o("onPointerOver", d));
+    }), o("onPointerMove", d), E = d.intersections;
+  });
+  const C = [];
+  m((d) => {
+    const b = () => d.stopPropagating = !0;
+    d.stopPropagation = b, C.forEach((A) => {
+      d.stopPropagating || (d.eventObject = A, c(A.onPointerMissed, d));
+    }), n("pointer-missed", { event: d });
+  });
+  function T(d) {
+    re(d) && W(d) && l.value.push(d);
+  }
+  function M(d) {
+    if (re(d) && W(d)) {
+      const b = l.value.indexOf(d);
+      b > -1 && l.value.splice(b, 1);
+    }
+  }
+  function w(d) {
+    re(d) && W(d) && d.onPointerMissed && C.push(d);
+  }
+  function L(d) {
+    if (re(d) && W(d)) {
+      const b = C.indexOf(d);
+      b > -1 && C.splice(b, 1);
+    }
+  }
+  return t.eventManager = {
+    forceUpdate: g,
+    registerObject: T,
+    deregisterObject: M,
+    registerPointerMissedObject: w,
+    deregisterPointerMissedObject: L
+  }, {
+    forceUpdate: g,
+    registerObject: T,
+    deregisterObject: M,
+    registerPointerMissedObject: w,
+    deregisterPointerMissedObject: L
+  };
+}
+function fr(e, t, n = 10) {
+  const r = k(e) ? rn() : on(Y(() => k(t).parentElement)), s = ye(Fe(r.width, n)), a = ye(Fe(r.height, n)), i = Y(() => s.value / a.value);
   return {
-    height: l,
+    height: a,
     width: s,
     aspectRatio: i
   };
 }
-function pe() {
+function ve() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let n = 0, r = !1;
   const s = () => {
-    const o = Array.from(e.entries()).sort((h, p) => {
-      const c = h[1].priority - p[1].priority;
-      return c === 0 ? h[1].addI - p[1].addI : c;
+    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;
     });
-    t.clear(), o.forEach((h) => t.add(h[0]));
-  }, l = (o) => {
+    t.clear(), o.forEach((u) => t.add(u[0]));
+  }, a = (o) => {
     e.delete(o), t.delete(o);
   };
-  return { on: (o, h = 0) => {
-    e.set(o, { priority: h, addI: n++ });
-    const p = () => l(o);
-    return Xt(p), r = !0, {
-      off: p
+  return { on: (o, u = 0) => {
+    e.set(o, { priority: u, addI: n++ });
+    const v = () => a(o);
+    return sn(v), r = !0, {
+      off: v
     };
-  }, off: l, trigger: (...o) => {
-    r && (s(), r = !1), t.forEach((h) => h(...o));
+  }, off: a, trigger: (...o) => {
+    r && (s(), r = !1), t.forEach((u) => u(...o));
   }, dispose: () => {
     e.clear(), t.clear();
   }, get count() {
     return e.size;
   } };
 }
-function Qn() {
+function dr() {
   let e = !0, t = !0, n = !1;
-  const r = new Ze(!1), s = D(r.running), l = D(!1);
+  const r = new tt(!1), s = I(r.running), a = I(!1);
   let i;
-  const a = Rt.generateUUID();
-  let d = null;
-  const o = pe(), h = pe(), p = pe();
-  b();
-  let c = {};
-  function v(u) {
-    c = u;
+  const l = rt.generateUUID();
+  let c = null;
+  const o = ve(), u = ve(), v = ve();
+  M();
+  let f = {};
+  function _(w) {
+    f = w;
   }
-  function f(u, M, E = 0) {
-    switch (M) {
+  function p(w, L, x = 0) {
+    switch (L) {
       case "before":
-        return o.on(u, E);
+        return o.on(w, x);
       case "render":
-        return d || (d = u), h.dispose(), h.on(u);
+        return c || (c = w), u.dispose(), u.on(w);
       case "after":
-        return p.on(u, E);
+        return v.on(w, x);
     }
   }
-  function _() {
-    t && (t = !1, b(), C());
+  function P() {
+    t && (t = !1, M(), T());
   }
   function m() {
-    t = !0, b(), cancelAnimationFrame(i);
-  }
-  function w() {
-    n = !1, b();
+    t = !0, M(), cancelAnimationFrame(i);
   }
   function y() {
-    n = !0, b();
+    n = !1, M();
   }
-  function k() {
-    l.value = !0;
+  function g() {
+    n = !0, M();
   }
-  function P() {
-    l.value = !1;
+  function E() {
+    a.value = !0;
   }
   function C() {
+    a.value = !1;
+  }
+  function T() {
     if (!e) {
-      i = requestAnimationFrame(C);
+      i = requestAnimationFrame(T);
       return;
     }
-    const u = r.getDelta(), M = r.getElapsedTime(), E = {
-      camera: V(c.camera),
-      scene: V(c.scene),
-      renderer: V(c.renderer),
-      raycaster: V(c.raycaster),
-      controls: V(c.controls),
-      invalidate: c.invalidate,
-      advance: c.advance
-    }, T = { delta: u, elapsed: M, clock: r, ...E };
-    s.value && o.trigger(T), l.value || (h.count ? h.trigger(T) : d && d(T)), s.value && p.trigger(T), i = requestAnimationFrame(C);
+    const w = r.getDelta(), L = r.getElapsedTime(), x = {
+      camera: K(f.camera),
+      scene: K(f.scene),
+      renderer: K(f.renderer),
+      raycaster: K(f.raycaster),
+      controls: K(f.controls),
+      invalidate: f.invalidate,
+      advance: f.advance
+    }, d = { delta: w, elapsed: L, clock: r, ...x };
+    s.value && o.trigger(d), a.value || (u.count ? u.trigger(d) : c && c(d)), s.value && v.trigger(d), i = requestAnimationFrame(T);
   }
-  function b() {
-    const u = !t && !n;
-    r.running !== u && (r.running ? r.stop() : r.start()), s.value = r.running;
+  function M() {
+    const w = !t && !n;
+    r.running !== w && (r.running ? r.stop() : r.start()), s.value = r.running;
   }
   return {
-    loopId: a,
-    register: (u, M, E) => f(u, M, E),
-    start: _,
+    loopId: l,
+    register: (w, L, x) => p(w, L, x),
+    start: P,
     stop: m,
-    pause: y,
-    resume: w,
-    pauseRender: k,
-    resumeRender: P,
-    isRenderPaused: l,
+    pause: g,
+    resume: y,
+    pauseRender: E,
+    resumeRender: C,
+    isRenderPaused: a,
     isActive: s,
-    setContext: v,
-    setReady: (u) => e = u
+    setContext: _,
+    setReady: (w) => e = w
   };
 }
-function Kn(e, t, n = 100) {
+function pr(e, t, n = 100) {
   n = n <= 0 ? 100 : n;
-  const r = L(), s = /* @__PURE__ */ new Set();
-  let l = !1, i = !1, a = null;
-  function d() {
-    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((c) => c()), s.clear(), l = !0) : !i && !l && (a = setTimeout(d, n));
+  const r = j(), s = /* @__PURE__ */ new Set();
+  let a = !1, i = !1, l = null;
+  function c() {
+    l && clearTimeout(l), !i && !a && e() ? (r.trigger(t), s.forEach((f) => f()), s.clear(), a = !0) : !i && !a && (l = setTimeout(c, n));
   }
   function o() {
-    i = !0, a && clearTimeout(a);
+    i = !0, l && clearTimeout(l);
   }
-  d();
-  const h = (c, ...v) => {
-    c(...v);
+  c();
+  const u = (f, ..._) => {
+    f(..._);
   };
   return {
-    on: (c) => {
-      if (l)
-        return h(c, t), { off: () => {
+    on: (f) => {
+      if (a)
+        return u(f, t), { off: () => {
         } };
       {
-        const v = r.on(c);
-        return s.add(v.off), r.on(c);
+        const _ = r.on(f);
+        return s.add(_.off), r.on(f);
       }
     },
     off: r.off,
@@ -821,70 +978,70 @@ function Kn(e, t, n = 100) {
     cancel: o
   };
 }
-const X = /* @__PURE__ */ new WeakMap();
-function ut(e) {
-  if (e = e || ce(), X.has(e))
-    return X.get(e);
-  const t = 100, n = Date.now(), l = Kn(() => {
+const te = /* @__PURE__ */ new WeakMap();
+function gt(e) {
+  if (e = e || pe(), te.has(e))
+    return te.get(e);
+  const t = 100, n = Date.now(), a = pr(() => {
     if (Date.now() - n >= t)
       return !0;
     {
-      const i = e.renderer.value, a = (i == null ? void 0 : i.domElement) || { width: 0, height: 0 };
-      return !!(i && a.width > 0 && a.height > 0);
+      const i = e.renderer.value, l = (i == null ? void 0 : i.domElement) || { width: 0, height: 0 };
+      return !!(i && l.width > 0 && l.height > 0);
     }
   }, e);
-  return X.set(e, l), l;
+  return te.set(e, a), a;
 }
-function Or(e) {
-  const t = ce();
+function Gr(e) {
+  const t = pe();
   if (t)
-    return X.has(t) ? X.get(t).on(e) : ut(t).on(e);
+    return te.has(t) ? te.get(t).on(e) : gt(t).on(e);
 }
-function Xn({
+function mr({
   scene: e,
   canvas: t,
   windowSize: n,
   disableRender: r,
   rendererOptions: s,
-  emit: l
+  emit: a
 }) {
-  const { logWarning: i } = F(), a = $(e), d = Jn(n, t), {
+  const { logWarning: i } = z(), l = H(e), c = fr(n, t), {
     camera: o,
-    cameras: h,
-    registerCamera: p,
-    deregisterCamera: c,
-    setCameraActive: v
-  } = Cn({ sizes: d, scene: e }), f = {
-    mode: D(s.renderMode || "always"),
-    priority: D(0),
-    frames: D(0),
+    cameras: u,
+    registerCamera: v,
+    deregisterCamera: f,
+    setCameraActive: _
+  } = jn({ sizes: c, scene: e }), p = {
+    mode: I(s.renderMode || "always"),
+    priority: I(0),
+    frames: I(0),
     maxFrames: 60,
-    canBeInvalidated: j(() => f.mode.value === "on-demand" && f.frames.value === 0)
+    canBeInvalidated: Y(() => p.mode.value === "on-demand" && p.frames.value === 0)
   };
-  function _(R = 1) {
-    s.renderMode === "on-demand" ? f.frames.value = Math.min(f.maxFrames, f.frames.value + R) : i("`invalidate` can only be used when `renderMode` is set to `on-demand`");
+  function P(R = 1) {
+    s.renderMode === "on-demand" ? p.frames.value = Math.min(p.maxFrames, p.frames.value + R) : i("`invalidate` can only be used when `renderMode` is set to `on-demand`");
   }
   function m() {
-    s.renderMode === "manual" ? f.frames.value = 1 : i("`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: w } = zn(
+  const { renderer: y } = sr(
     {
       scene: e,
       canvas: t,
       options: s,
-      emit: l,
+      emit: a,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: d, camera: o, render: f, invalidate: _, advance: m },
+      contextParts: { sizes: c, camera: o, render: p, invalidate: P, advance: m },
       disableRender: r
     }
-  ), y = {
-    sizes: d,
-    scene: a,
+  ), g = {
+    sizes: c,
+    scene: l,
     camera: o,
-    cameras: me(h),
-    renderer: w,
-    raycaster: $(new Dt()),
-    controls: D(null),
+    cameras: ye(u),
+    renderer: y,
+    raycaster: H(new Ft()),
+    controls: I(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -897,74 +1054,74 @@ function Xn({
         accumulator: []
       }
     },
-    render: f,
+    render: p,
     advance: m,
-    extend: we,
-    invalidate: _,
-    registerCamera: p,
-    setCameraActive: v,
-    deregisterCamera: c,
-    loop: Qn()
+    extend: Ce,
+    invalidate: P,
+    registerCamera: v,
+    setCameraActive: _,
+    deregisterCamera: f,
+    loop: dr()
   };
-  ge("useTres", y), y.scene.value.__tres = {
-    root: y
-  }, y.loop.register(() => {
-    o.value && f.frames.value > 0 && (w.value.render(e, o.value), l("render", y.renderer.value)), f.priority.value = 0, f.mode.value === "always" ? f.frames.value = 1 : f.frames.value = Math.max(0, f.frames.value - 1);
+  _e("useTres", g), g.scene.value.__tres = {
+    root: g
+  }, g.loop.register(() => {
+    o.value && p.frames.value > 0 && (y.value.render(e, o.value), a("render", g.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");
-  const { on: k, cancel: P } = ut(y);
-  y.loop.setReady(!1), y.loop.start(), k(() => {
-    l("ready", y), y.loop.setReady(!0);
-  }), Y(() => {
-    P(), y.loop.stop();
+  const { on: E, cancel: C } = gt(g);
+  g.loop.setReady(!1), g.loop.start(), E(() => {
+    a("ready", g), g.loop.setReady(!0), ur(e, g, a);
+  }), Q(() => {
+    C(), g.loop.stop();
   });
-  const C = 100, b = Zt({ every: C }), { isSupported: u, memory: M } = en({ interval: C }), E = 160;
-  let T = performance.now();
-  const I = ({ timestamp: R }) => {
-    y.scene.value && (y.perf.memory.allocatedMem = Ee(y.scene.value)), R - T >= C && (T = R, y.perf.fps.accumulator.push(b.value), y.perf.fps.accumulator.length > E && y.perf.fps.accumulator.shift(), y.perf.fps.value = b.value, u.value && M.value && (y.perf.memory.accumulator.push(M.value.usedJSHeapSize / 1024 / 1024), y.perf.memory.accumulator.length > E && y.perf.memory.accumulator.shift(), y.perf.memory.currentMem = y.perf.memory.accumulator.reduce((G, ee) => G + ee, 0) / y.perf.memory.accumulator.length));
+  const T = 100, M = an({ every: T }), { isSupported: w, memory: L } = ln({ interval: T }), x = 160;
+  let d = performance.now();
+  const b = ({ timestamp: R }) => {
+    g.scene.value && (g.perf.memory.allocatedMem = ke(g.scene.value)), R - d >= T && (d = R, g.perf.fps.accumulator.push(M.value), g.perf.fps.accumulator.length > x && g.perf.fps.accumulator.shift(), g.perf.fps.value = M.value, w.value && L.value && (g.perf.memory.accumulator.push(L.value.usedJSHeapSize / 1024 / 1024), g.perf.memory.accumulator.length > x && g.perf.memory.accumulator.shift(), g.perf.memory.currentMem = g.perf.memory.accumulator.reduce((O, q) => O + q, 0) / g.perf.memory.accumulator.length));
   };
-  let O = 0;
-  const x = 1, { pause: N } = rt(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (I({ timestamp: performance.now() }), O += R, O >= x && (window.__TRES__DEVTOOLS__.cb(y), O = 0));
+  let A = 0;
+  const D = 1, { pause: $ } = it(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (b({ timestamp: performance.now() }), A += R, A >= D && (window.__TRES__DEVTOOLS__.cb(g), A = 0));
   }, { immediate: !0 });
-  return Y(() => {
-    N();
-  }), y;
+  return Q(() => {
+    $();
+  }), g;
 }
-function ce() {
-  const e = vt("useTres");
+function pe() {
+  const e = Mt("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const xr = ce;
-function Lr() {
+const Vr = pe;
+function Yr() {
   const {
     camera: e,
     scene: t,
     renderer: n,
     loop: r,
     raycaster: s,
-    controls: l,
+    controls: a,
     invalidate: i,
-    advance: a
-  } = ce();
+    advance: l
+  } = pe();
   r.setContext({
     camera: e,
     scene: t,
     renderer: n,
     raycaster: s,
-    controls: l,
+    controls: a,
     invalidate: i,
-    advance: a
+    advance: l
   });
-  function d(p, c = 0) {
-    return r.register(p, "before", c);
+  function c(v, f = 0) {
+    return r.register(v, "before", f);
   }
-  function o(p) {
-    return r.register(p, "render");
+  function o(v) {
+    return r.register(v, "render");
   }
-  function h(p, c = 0) {
-    return r.register(p, "after", c);
+  function u(v, f = 0) {
+    return r.register(v, "after", f);
   }
   return {
     pause: r.pause,
@@ -972,108 +1129,31 @@ function Lr() {
     pauseRender: r.pauseRender,
     resumeRender: r.resumeRender,
     isActive: r.isActive,
-    onBeforeRender: d,
+    onBeforeRender: c,
     render: o,
-    onAfterRender: h
+    onAfterRender: u
   };
 }
-function Zn(e, t, n) {
-  const r = $(), s = $();
-  e && (r.value = e), t && (s.value = t);
-  const l = (u) => {
-    var M;
-    return ((M = u.__tres) == null ? void 0 : M.eventCount) > 0;
-  }, i = (u) => {
-    var M;
-    return ((M = u.children) == null ? void 0 : M.some((E) => i(E))) || l(u);
-  }, a = j(() => {
-    var u, M;
-    return ((M = (u = r.value) == null ? void 0 : u.children) == null ? void 0 : M.filter(i)) || [];
-  });
-  function d(u, M) {
-    if (Array.isArray(u))
-      for (const E of u)
-        E(M);
-    typeof u == "function" && u(M);
-  }
-  function o(u, M) {
-    const E = [], T = () => M.stopPropagating = !0;
-    M.stopPropagation = T;
-    for (const I of M == null ? void 0 : M.intersections) {
-      if (M.stopPropagating)
-        return;
-      M = { ...M, ...I };
-      const { object: O } = I;
-      M.eventObject = O, d(O[u], M), E.push(O);
-      let x = O.parent;
-      for (; x !== null && !M.stopPropagating && !E.includes(x); )
-        M.eventObject = x, d(x[u], M), E.push(x), x = x.parent;
-      const N = Rn(u.slice(2));
-      n(N, { intersection: I, event: M });
-    }
-  }
-  const {
-    onClick: h,
-    onDblClick: p,
-    onContextMenu: c,
-    onPointerMove: v,
-    onPointerDown: f,
-    onPointerUp: _,
-    onPointerMissed: m,
-    onWheel: w,
-    forceUpdate: y
-  } = ct(a, t);
-  _((u) => o("onPointerUp", u)), f((u) => o("onPointerDown", u)), h((u) => o("onClick", u)), p((u) => o("onDoubleClick", u)), c((u) => o("onContextMenu", u)), w((u) => o("onWheel", u));
-  let k = [];
-  v((u) => {
-    const M = u.intersections.map(({ object: T }) => T), E = u.intersections;
-    k.forEach(({ object: T }) => {
-      M.includes(T) || (u.intersections = k, o("onPointerLeave", u), o("onPointerOut", u));
-    }), u.intersections = E, u.intersections.forEach(({ object: T }) => {
-      k.includes(T) || (o("onPointerEnter", u), o("onPointerOver", u));
-    }), o("onPointerMove", u), k = u.intersections;
-  });
-  const P = [];
-  m((u) => {
-    const M = () => u.stopPropagating = !0;
-    u.stopPropagation = M, P.forEach((E) => {
-      u.stopPropagating || (u.eventObject = E, d(E.onPointerMissed, u));
-    }), n("pointer-missed", { event: u });
-  });
-  function C(u) {
-    Ue(u) && W(u) && u.onPointerMissed && P.push(u);
-  }
-  function b(u) {
-    if (Ue(u) && W(u)) {
-      const M = P.indexOf(u);
-      M > -1 && P.splice(M, 1);
+function hr(e, t = {}, n = {}) {
+  let r = e;
+  const s = (l) => {
+    r = l;
+  };
+  let a = new Proxy({}, {});
+  const i = {
+    has(l, c) {
+      return c in t || c in r;
+    },
+    get(l, c, o) {
+      return c in t ? t[c](r) : r[c];
+    },
+    set(l, c, o) {
+      return n[c] ? n[c](o, r, a, s) : r[c] = o, !0;
     }
-  }
-  return t.eventManager = {
-    forceUpdate: y,
-    registerPointerMissedObject: C,
-    deregisterPointerMissedObject: b
-  }, { forceUpdate: y, registerPointerMissedObject: C, deregisterPointerMissedObject: b };
-}
-function ze(e, t, n) {
-  const r = e;
-  return r.__tres = {
-    type: "unknown",
-    eventCount: 0,
-    root: n,
-    handlers: {},
-    memoizedProps: {},
-    objects: [],
-    parent: null,
-    ...t
-  }, r;
-}
-function Ve(e) {
-  var n;
-  const t = (n = e == null ? void 0 : e.__tres) == null ? void 0 : n.root;
-  t && t.render && t.render.canBeInvalidated.value && t.invalidate();
+  };
+  return a = new Proxy({}, i), a;
 }
-const { logError: Ye } = F(), qe = [
+const { logError: Ke } = z(), Qe = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -1088,196 +1168,217 @@ const { logError: Ye } = F(), qe = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], er = (e) => {
+], gr = (e) => {
   const t = e.scene.value;
-  function n(o, h, p, c) {
-    if (c || (c = {}), c.args || (c.args = []), o === "template" || xn(o))
+  function n(o, u, v, f) {
+    if (f || (f = {}), f.args || (f.args = []), o === "template" || Wn(o))
       return null;
-    let v = o.replace("Tres", ""), f;
+    let _ = o.replace("Tres", ""), p;
     if (o === "primitive") {
-      (c == null ? void 0 : c.object) === void 0 && Ye("Tres primitives need a prop 'object'");
-      const _ = c.object;
-      v = _.type, f = Object.assign(_.clone(), { type: v });
+      (!N(f.object) || Ct(f.object)) && Ke(
+        "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
+      ), _ = f.object.type;
+      const P = {};
+      p = hr(
+        f.object,
+        {
+          object: (y) => y,
+          isPrimitive: () => !0,
+          __tres: () => P
+        },
+        {
+          object: (y, g, E, C) => {
+            rr(y, E, C, { patchProp: a, remove: s, insert: r }, e);
+          },
+          __tres: (y) => {
+            Object.assign(P, y);
+          }
+        }
+      );
     } else {
-      const _ = ye.value[v];
-      _ || Ye(
-        `${v} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), f = new _(...c.args);
+      const P = Me.value[_];
+      P || Ke(
+        `${_} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), p = new P(...f.args);
     }
-    return f ? (f.isCamera && (c != null && c.position || f.position.set(3, 3, 3), c != null && c.lookAt || f.lookAt(0, 0, 0)), (c == null ? void 0 : c.attach) === void 0 && (f.isMaterial ? f.attach = "material" : f.isBufferGeometry && (f.attach = "geometry")), f = ze(f, {
-      ...f.__tres,
-      type: v,
-      memoizedProps: c,
+    return p ? (p.isCamera && (f != null && f.position || p.position.set(3, 3, 3), f != null && f.lookAt || p.lookAt(0, 0, 0)), p = G(p, {
+      ...p.__tres,
+      type: _,
+      memoizedProps: f,
       eventCount: 0,
-      disposable: !0,
-      primitive: o === "primitive"
-    }, e), f.isObject3D && f.__tres && (c != null && c.material || c != null && c.geometry) && (f.__tres.disposable = !1), f) : null;
+      primitive: o === "primitive",
+      attach: f.attach
+    }, e), p) : null;
   }
-  function r(o, h) {
-    var f, _;
+  function r(o, u) {
+    var _, p, P;
     if (!o)
       return;
-    const p = o.__tres ? o : ze(o, {}), c = h || t;
-    e.registerCamera(o), (f = e.eventManager) == null || f.registerPointerMissedObject(o);
-    let v = !1;
-    W(o) && W(c) ? (c.add(o), v = !0, o.dispatchEvent({ type: "added" })) : ot(o) ? c.fog = o : typeof o.attach == "string" && (o.__previousAttach = o[c == null ? void 0 : c.attach], c && (c[o.attach] = o)), p.__tres.parent = c, (_ = c.__tres) != null && _.objects && !v && (c.__tres.objects.includes(o) || c.__tres.objects.push(o));
+    u = u || t;
+    const v = o.__tres ? o : G(o, {}, e), f = u.__tres ? u : G(u, {}, e);
+    o = X(v), u = X(f), o.__tres && ((_ = o.__tres) == null ? void 0 : _.eventCount) > 0 && ((p = e.eventManager) == null || p.registerObject(o)), e.registerCamera(o), (P = e.eventManager) == null || P.registerPointerMissedObject(o), v.__tres.attach ? er(f, v, v.__tres.attach) : W(o) && W(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);
   }
-  function s(o) {
-    var p, c, v, f, _;
+  function s(o, u) {
+    var p, P, m, y;
     if (!o)
       return;
-    o.parent = o.parent || t;
-    const h = ((p = o.__tres) == null ? void 0 : p.parent) || t;
-    o.__tres && (o.__tres.parent = null), h.__tres && "objects" in h.__tres && Nn(h.__tres.objects, (m) => m !== o), W(o) && ((c = o.removeFromParent) == null || c.call(o), o.traverse((w) => {
-      var y;
-      e.deregisterCamera(w), (y = e.eventManager) == null || y.deregisterPointerMissedObject(w);
-    }), e.deregisterCamera(o), Ve(o), !((v = o.__tres) != null && v.primitive) && ((f = o.__tres) != null && f.disposable) && Ce(o), (_ = o.dispose) == null || _.call(o));
+    o != null && o.__tres && ((p = o.__tres) == null ? void 0 : p.eventCount) > 0 && ((P = e.eventManager) == null || P.deregisterObject(o)), u = be(u) ? "default" : u;
+    const v = (m = o.__tres) == null ? void 0 : m.dispose;
+    be(v) || (v === null ? u = !1 : u = v);
+    const f = (y = o.__tres) == null ? void 0 : y.primitive, _ = u === "default" ? !f : !!u;
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((g) => s(g, u)), _ && o.children && [...o.children].forEach((g) => s(g, u)), mt(o, e), ht(o, e), _ && !On(o)) {
+      if (V(u))
+        u(o);
+      else if (V(o.dispose))
+        try {
+          o.dispose();
+        } catch {
+        }
+    }
+    "__tres" in o && delete o.__tres;
   }
-  function l(o, h, p, c) {
-    var y, k;
+  function a(o, u, v, f) {
+    var g, E;
     if (!o)
       return;
-    let v = o, f = h;
-    if ((y = o.__tres) != null && y.primitive && f === "object" && p !== null) {
-      const P = n("primitive", void 0, void 0, {
-        object: c
-      });
-      for (const C in P) {
-        if (C === "uuid")
-          continue;
-        const b = o[C], u = P[C];
-        !(b != null && b.set) && !Q(b) ? o[C] = u : b.constructor === u.constructor && (b != null && b.copy) ? b == null || b.copy(u) : Array.isArray(u) ? b.set(...u) : !b.isColor && b.setScalar ? b.setScalar(u) : b.set(u);
-      }
-      P != null && P.__tres && (P.__tres.root = e), P != null && P.isGroup ? (o.geometry = void 0, o.material = void 0) : delete o.isGroup;
+    let _ = o, p = u;
+    if (o.__tres && (o.__tres.memoizedProps[u] = f), u === "attach") {
+      const C = ((g = o.__tres) == null ? void 0 : g.parent) || o.parent;
+      s(o), G(o, { attach: f }, e), C && r(o, C);
+      return;
+    }
+    if (u === "dispose") {
+      o.__tres || (o = G(o, {}, e)), o.__tres.dispose = f;
+      return;
     }
-    if (W(o) && f === "blocks-pointer-events") {
-      c || c === "" ? o[f] = c : delete o[f];
+    if (W(o) && p === "blocks-pointer-events") {
+      f || f === "" ? o[p] = f : delete o[p];
       return;
     }
-    qe.includes(h) && (o.__tres.eventCount += 1);
-    let _ = re(f), m = v == null ? void 0 : v[_];
-    if (f === "args") {
-      const P = o, C = p ?? [], b = c ?? [], u = ((k = o.__tres) == null ? void 0 : k.type) || o.type;
-      u && C.length && !In(C, b) && (v = Object.assign(
-        P,
-        new ye.value[u](...c)
+    Qe.includes(u) && o.__tres && (o.__tres.eventCount += 1);
+    let P = se(p), m = _ == null ? void 0 : _[P];
+    if (p === "args") {
+      const C = o, T = v ?? [], M = f ?? [], w = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
+      w && T.length && !Yn(T, M) && (_ = Object.assign(
+        C,
+        new Me.value[w](...f)
       ));
       return;
     }
-    if (v.type === "BufferGeometry") {
-      if (f === "args")
+    if (_.type === "BufferGeometry") {
+      if (p === "args")
         return;
-      v.setAttribute(
-        re(f),
-        new Bt(...c)
+      _.setAttribute(
+        se(p),
+        new Wt(...f)
       );
       return;
     }
-    if (f.includes("-") && m === void 0) {
-      const P = f.split("-");
-      m = P.reduce((C, b) => C[re(b)], v), f = P.pop(), _ = f, m != null && m.set || (v = P.reduce((C, b) => C[re(b)], v));
+    if (p.includes("-") && m === void 0) {
+      const C = p.split("-");
+      m = C.reduce((T, M) => T[se(M)], _), p = C.pop(), P = p, m != null && m.set || (_ = C.reduce((T, M) => T[se(M)], _));
     }
-    let w = c;
-    if (w === "" && (w = !0), Q(m)) {
-      qe.includes(h) || (ve(w) ? o[_](...w) : o[_](w)), _.startsWith("on") && Q(w) && (v[_] = w);
+    let y = f;
+    if (y === "" && (y = !0), V(m)) {
+      Qe.includes(u) || (de(y) ? o[P](...y) : o[P](y)), P.startsWith("on") && V(y) && (_[P] = y);
       return;
     }
-    !(m != null && m.set) && !Q(m) ? v[_] = w : m.constructor === w.constructor && (m != null && m.copy) ? m == null || m.copy(w) : ve(w) ? m.set(...w) : !m.isColor && m.setScalar ? m.setScalar(w) : m.set(w), Ve(o);
+    !(m != null && m.set) && !V(m) ? _[P] = y : m.constructor === y.constructor && (m != null && m.copy) ? m == null || m.copy(y) : de(y) ? m.set(...y) : !m.isColor && m.setScalar ? m.setScalar(y) : m.set(y), pt(o);
   }
   function i(o) {
-    return (o == null ? void 0 : o.parent) || null;
+    var u;
+    return ((u = o == null ? void 0 : o.__tres) == null ? void 0 : u.parent) || null;
   }
-  function a(o) {
-    const h = new jt();
-    return h.name = o, h.__tres = { type: "Comment" }, h.__tres.root = t == null ? void 0 : t.__tres.root, h;
+  function l(o) {
+    const u = G(new Nt(), { type: "Comment" }, e);
+    return u.name = o, u;
   }
-  function d(o) {
-    if (!o)
-      return null;
-    const h = o.parent || t, p = h.children.indexOf(o);
-    return h.children[p + 1] || null;
+  function c(o) {
+    var _;
+    const u = i(o), v = ((_ = u == null ? void 0 : u.__tres) == null ? void 0 : _.objects) || [], f = v.indexOf(o);
+    return f < 0 || f >= v.length - 1 ? null : v[f + 1];
   }
   return {
     insert: r,
     remove: s,
     createElement: n,
-    patchProp: l,
+    patchProp: a,
     parentNode: i,
     createText: () => void 0,
-    createComment: a,
+    createComment: l,
     setText: () => void 0,
     setElementText: () => void 0,
-    nextSibling: d,
+    nextSibling: c,
     querySelector: () => void 0,
     setScopeId: () => void 0,
     cloneNode: () => void 0,
     insertStaticContent: () => void 0
   };
 };
-function tr() {
-  return ft().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function vr() {
+  return vt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function ft() {
+function vt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const nr = typeof Proxy == "function", rr = "devtools-plugin:setup", or = "plugin:settings:set";
-let z, be;
-function ir() {
+const yr = typeof Proxy == "function", _r = "devtools-plugin:setup", wr = "plugin:settings:set";
+let J, Ee;
+function br() {
   var e;
-  return z !== void 0 || (typeof window < "u" && window.performance ? (z = !0, be = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (z = !0, be = globalThis.perf_hooks.performance) : z = !1), z;
+  return J !== void 0 || (typeof window < "u" && window.performance ? (J = !0, Ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (J = !0, Ee = globalThis.perf_hooks.performance) : J = !1), J;
 }
-function sr() {
-  return ir() ? be.now() : Date.now();
+function Pr() {
+  return br() ? Ee.now() : Date.now();
 }
-class ar {
+class Mr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
     if (t.settings)
       for (const i in t.settings) {
-        const a = t.settings[i];
-        r[i] = a.defaultValue;
+        const l = t.settings[i];
+        r[i] = l.defaultValue;
       }
     const s = `__vue-devtools-plugin-settings__${t.id}`;
-    let l = Object.assign({}, r);
+    let a = Object.assign({}, r);
     try {
-      const i = localStorage.getItem(s), a = JSON.parse(i);
-      Object.assign(l, a);
+      const i = localStorage.getItem(s), l = JSON.parse(i);
+      Object.assign(a, l);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return l;
+        return a;
       },
       setSettings(i) {
         try {
           localStorage.setItem(s, JSON.stringify(i));
         } catch {
         }
-        l = i;
+        a = i;
       },
       now() {
-        return sr();
+        return Pr();
       }
-    }, n && n.on(or, (i, a) => {
-      i === this.plugin.id && this.fallbacks.setSettings(a);
+    }, n && n.on(wr, (i, l) => {
+      i === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
-      get: (i, a) => this.target ? this.target.on[a] : (...d) => {
+      get: (i, l) => this.target ? this.target.on[l] : (...c) => {
         this.onQueue.push({
-          method: a,
-          args: d
+          method: l,
+          args: c
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (i, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...d) => (this.targetQueue.push({
-        method: a,
-        args: d,
+      get: (i, l) => this.target ? this.target[l] : l === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(l) ? (...c) => (this.targetQueue.push({
+        method: l,
+        args: c,
         resolve: () => {
         }
-      }), this.fallbacks[a](...d)) : (...d) => new Promise((o) => {
+      }), this.fallbacks[l](...c)) : (...c) => new Promise((o) => {
         this.targetQueue.push({
-          method: a,
-          args: d,
+          method: l,
+          args: c,
           resolve: o
         });
       })
@@ -1291,12 +1392,12 @@ class ar {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function lr(e, t) {
-  const n = e, r = ft(), s = tr(), l = nr && n.enableEarlyProxy;
-  if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(rr, e, t);
+function Cr(e, t) {
+  const n = e, r = vt(), s = vr(), a = yr && n.enableEarlyProxy;
+  if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
+    s.emit(_r, e, t);
   else {
-    const i = l ? new ar(n, s) : null;
+    const i = a ? new Mr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1304,14 +1405,14 @@ function lr(e, t) {
     }), i && t(i.proxiedTarget);
   }
 }
-function cr(e, t) {
+function Er(e, t) {
   const n = `▲ ■ ●${e}`;
-  typeof Je == "function" ? Je(n, t) : console.log(n);
+  typeof Xe == "function" ? Xe(n, t) : console.log(n);
 }
-function Je(e, t) {
+function Xe(e, t) {
   throw new Error(e + t);
 }
-const dt = (e) => {
+const yt = (e) => {
   const t = {
     id: e.uuid,
     label: e.type,
@@ -1323,9 +1424,9 @@ const dt = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const n = Ee(e);
+  const n = ke(e);
   return n > 0 && t.tags.push({
-    label: `${qn(n)} KB`,
+    label: `${cr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -1351,166 +1452,83 @@ const dt = (e) => {
     tooltip: "Position"
   })), t;
 };
-function pt(e, t, n = "") {
+function _t(e, t, n = "") {
   e.children.forEach((r) => {
     if (r.type === "HightlightMesh" || n && !r.type.includes(n) && !r.name.includes(n))
       return;
-    const s = dt(r);
-    t.children.push(s), pt(r, s, n);
+    const s = yt(r);
+    t.children.push(s), _t(r, s, n);
   });
 }
-const ur = [], q = "tres:inspector", fr = Ke({
+const Tr = [], Z = "tres:inspector", Sr = Et({
   sceneGraph: null
 });
-function dr(e, t) {
-  lr(
+function Ar(e, t) {
+  Cr(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: ur,
+      componentStateTypes: Tr,
       app: e
     },
     (n) => {
-      typeof n.now != "function" && cr(
+      typeof n.now != "function" && Er(
         "You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."
       ), n.addInspector({
-        id: q,
+        id: Z,
         label: "TresJS 🪐",
         icon: "account_tree",
         treeFilterPlaceholder: "Search instances"
       }), setInterval(() => {
-        n.sendInspectorTree(q);
+        n.sendInspectorTree(Z);
       }, 1e3), setInterval(() => {
         n.notifyComponentUpdate();
-      }, 5e3), n.on.getInspectorTree((l) => {
-        if (l.inspectorId === q) {
-          const i = dt(t.scene.value);
-          pt(t.scene.value, i, l.filter), fr.sceneGraph = i, l.rootNodes = [i];
+      }, 5e3), n.on.getInspectorTree((a) => {
+        if (a.inspectorId === Z) {
+          const i = yt(t.scene.value);
+          _t(t.scene.value, i, a.filter), Sr.sceneGraph = i, a.rootNodes = [i];
         }
       });
       let r = null, s = null;
-      n.on.getInspectorState((l) => {
+      n.on.getInspectorState((a) => {
         var i;
-        if (l.inspectorId === q) {
-          const [a] = t.scene.value.getObjectsByProperty("uuid", l.nodeId);
-          if (!a)
+        if (a.inspectorId === Z) {
+          const [l] = t.scene.value.getObjectsByProperty("uuid", a.nodeId);
+          if (!l)
             return;
-          if (s && r && r.parent && s.remove(r), a.isMesh) {
-            const d = $n(a);
-            a.add(d), r = d, s = a;
+          if (s && r && r.parent && s.remove(r), l.isMesh) {
+            const c = Kn(l);
+            l.add(c), r = c, s = l;
           }
-          l.state = {
-            object: [
-              {
-                key: "uuid",
-                editable: !0,
-                value: a.uuid
-              },
-              {
-                key: "name",
-                editable: !0,
-                value: a.name
-              },
-              {
-                key: "type",
-                editable: !0,
-                value: a.type
-              },
-              {
-                key: "position",
-                editable: !0,
-                value: a.position
-              },
-              {
-                key: "rotation",
-                editable: !0,
-                value: a.rotation
-              },
-              {
-                key: "scale",
-                editable: !0,
-                value: a.scale
-              },
-              {
-                key: "geometry",
-                value: a.geometry
-              },
-              {
-                key: "material",
-                value: a.material
-              },
-              {
-                key: "color",
-                editable: !0,
-                value: a.color
-              },
-              {
-                key: "intensity",
-                editable: !0,
-                value: a.intensity
-              },
-              {
-                key: "castShadow",
-                editable: !0,
-                value: a.castShadow
-              },
-              {
-                key: "receiveShadow",
-                editable: !0,
-                value: a.receiveShadow
-              },
-              {
-                key: "frustumCulled",
-                editable: !0,
-                value: a.frustumCulled
-              },
-              {
-                key: "matrixAutoUpdate",
-                editable: !0,
-                value: a.matrixAutoUpdate
-              },
-              {
-                key: "matrixWorldNeedsUpdate",
-                editable: !0,
-                value: a.matrixWorldNeedsUpdate
-              },
-              {
-                key: "matrixWorld",
-                value: a.matrixWorld
-              },
-              {
-                key: "visible",
-                editable: !0,
-                value: a.visible
-              }
-            ]
-          }, a.isScene && (l.state.info = {
-            memory: Ee(a),
-            objects: a.children.length,
+          a.state = {
+            object: Object.entries(l).map(([c, o]) => ({ key: c, value: o, editable: !0 })).filter(({ key: c }) => c !== "parent")
+          }, l.isScene && (a.state.info = {
+            memory: ke(l),
+            objects: l.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
-          }, l.state.programs = ((i = t.renderer.value.info.programs) == null ? void 0 : i.map((d) => ({
-            key: d.name,
+          }, a.state.programs = ((i = t.renderer.value.info.programs) == null ? void 0 : i.map((c) => ({
+            key: c.name,
             value: {
-              ...d,
-              vertexShader: d.vertexShader,
-              attributes: d.getAttributes(),
-              uniforms: d.getUniforms()
+              ...c,
+              vertexShader: c.vertexShader,
+              attributes: c.getAttributes(),
+              uniforms: c.getUniforms()
             }
           }))) || []);
         }
-      }), n.on.editInspectorState((l) => {
-        l.inspectorId === q && Un(t.scene.value, l.nodeId, l.path, l.state.value);
+      }), n.on.editInspectorState((a) => {
+        a.inspectorId === Z && Jn(t.scene.value, a.nodeId, a.path, a.state.value);
       });
     }
   );
 }
-const pr = ["data-scene", "data-tres"], mr = /* @__PURE__ */ Le({
+const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1521,6 +1539,7 @@ const pr = ["data-scene", "data-tres"], mr = /* @__PURE__ */ Le({
     outputColorSpace: {},
     toneMappingExposure: {},
     renderMode: { default: "always" },
+    dpr: {},
     camera: {},
     preset: {},
     windowSize: { type: Boolean, default: void 0 },
@@ -1554,67 +1573,67 @@ const pr = ["data-scene", "data-tres"], mr = /* @__PURE__ */ Le({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    var _;
-    const r = e, s = n, l = yt(), { logWarning: i } = F(), a = D(), d = $(new et()), o = (_ = Re()) == null ? void 0 : _.appContext.app;
-    we(Xe);
-    const h = (m) => Le({
+    var P;
+    const r = e, s = n, a = Tt(), { logWarning: i } = z(), l = I(), c = H(new nt()), o = (P = Ie()) == null ? void 0 : P.appContext.app;
+    Ce(et);
+    const u = (m) => Be({
       setup() {
-        var y;
-        const w = (y = Re()) == null ? void 0 : y.appContext;
-        return w && (w.app = o), ge("useTres", m), ge("extend", we), typeof window < "u" && dr(w == null ? void 0 : w.app, m), () => De(Et, null, l != null && l.default ? l.default() : []);
+        var g;
+        const y = (g = Ie()) == null ? void 0 : g.appContext;
+        return y && (y.app = o), _e("useTres", m), _e("extend", Ce), typeof window < "u" && Ar(y == null ? void 0 : y.app, m), () => He(Ot, null, a != null && a.default ? a.default() : []);
       }
-    }), p = (m) => {
-      const w = h(m), { render: y } = Ct(er(m));
-      y(De(w), d.value);
-    }, c = (m, w = !1) => {
-      Ce(m.scene.value), w && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), d.value.__tres = {
+    }), v = (m) => {
+      const y = u(m), { render: g } = Rt(gr(m));
+      g(He(y), c.value);
+    }, f = (m, y = !1) => {
+      dt(m.scene.value), y && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), c.value.__tres = {
         root: m
-      }, p(m);
-    }, v = j(() => r.disableRender), f = $(null);
-    return t({ context: f, dispose: () => c(f.value, !0) }), wt(() => {
-      const m = a;
-      f.value = Xn({
-        scene: d.value,
+      }, v(m);
+    }, _ = Y(() => r.disableRender), p = H(null);
+    return t({ context: p, dispose: () => f(p.value, !0) }), St(() => {
+      const m = l;
+      p.value = mr({
+        scene: c.value,
         canvas: m,
         windowSize: r.windowSize ?? !1,
-        disableRender: v.value ?? !1,
+        disableRender: _.value ?? !1,
         rendererOptions: r,
         emit: s
-      }), Zn(d.value, f.value, s);
-      const { registerCamera: w, camera: y, cameras: k, deregisterCamera: P } = f.value;
-      p(f.value);
-      const C = () => {
-        const b = new he(
+      });
+      const { registerCamera: y, camera: g, cameras: E, deregisterCamera: C } = p.value;
+      v(p.value);
+      const T = () => {
+        const M = new we(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), w(b);
-        const u = Me(() => {
-          k.value.length >= 2 && (b.removeFromParent(), P(b), u == null || u());
+        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), y(M);
+        const w = Te(() => {
+          E.value.length >= 2 && (M.removeFromParent(), C(M), w == null || w());
         });
       };
-      J(
+      le(
         () => r.camera,
-        (b, u) => {
-          b && w(b), u && (u.removeFromParent(), P(u));
+        (M, w) => {
+          M && y(M), w && (w.removeFromParent(), C(w));
         },
         {
           immediate: !0
         }
-      ), y.value || (i(
+      ), g.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), C());
-    }), Y(() => {
-      c(f.value);
-    }), (m, w) => (bt(), Mt("canvas", {
+      ), T());
+    }), Q(() => {
+      f(p.value);
+    }), (m, y) => (At(), kt("canvas", {
       ref_key: "canvas",
-      ref: a,
-      "data-scene": d.value.uuid,
-      class: _t(m.$attrs.class),
-      "data-tres": `tresjs ${V(Mn).version}`,
-      style: Pt({
+      ref: l,
+      "data-scene": c.value.uuid,
+      class: xt(m.$attrs.class),
+      "data-tres": `tresjs ${K(An).version}`,
+      style: Lt({
         display: "block",
         width: "100%",
         height: "100%",
@@ -1625,19 +1644,19 @@ const pr = ["data-scene", "data-tres"], mr = /* @__PURE__ */ Le({
         touchAction: "none",
         ...m.$attrs.style
       })
-    }, null, 14, pr));
+    }, null, 14, kr));
   }
-}), gr = [
+}), Lr = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], hr = {
+], Rr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !gr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Lr.includes(e) || e === "primitive"
     }
   }
-}, Rr = hr, Dr = {
+}, qr = Rr, Jr = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1646,14 +1665,14 @@ const pr = ["data-scene", "data-tres"], mr = /* @__PURE__ */ Le({
     console.log("v-log", e);
   }
 };
-class mt extends It {
+class wt extends zt {
   constructor(t, n) {
-    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Be();
-    s.setAttribute("position", new je(r, 3)), s.computeBoundingSphere();
-    const l = new Ht({ fog: !1 });
-    super(s, l), this.light = t, this.color = n, 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 Be();
-    a.setAttribute("position", new je(i, 3)), a.computeBoundingSphere(), this.add(new Ut(a, new tt({ side: $t, fog: !1 })));
+    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new $e();
+    s.setAttribute("position", new Ue(r, 3)), s.computeBoundingSphere();
+    const a = new Gt({ fog: !1 });
+    super(s, a), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
+    const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], l = new $e();
+    l.setAttribute("position", new Ue(i, 3)), l.computeBoundingSphere(), this.add(new Vt(l, new ot({ side: Yt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1669,45 +1688,45 @@ class mt extends It {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: Qe } = F();
-let ie, U;
-const vr = {
-  DirectionalLight: Ft,
-  PointLight: Wt,
-  SpotLight: Nt,
-  HemisphereLight: Gt,
-  RectAreaLight: mt
-}, Br = {
+const { logWarning: Ze } = z();
+let ae, F;
+const Or = {
+  DirectionalLight: qt,
+  PointLight: Jt,
+  SpotLight: Kt,
+  HemisphereLight: Qt,
+  RectAreaLight: wt
+}, Kr = {
   mounted: (e) => {
     if (!e.isLight) {
-      Qe(`${e.type} is not a light`);
+      Ze(`${e.type} is not a light`);
       return;
     }
-    ie = vr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
+    ae = Or[e.type], e.parent.add(new ae(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    U = e.parent.children.find((t) => t instanceof ie), !(U instanceof mt) && U.update();
+    F = e.parent.children.find((t) => t instanceof ae), !(F instanceof wt) && F.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      Qe(`${e.type} is not a light`);
+      Ze(`${e.type} is not a light`);
       return;
     }
-    U = e.parent.children.find((t) => t instanceof ie), U && U.dispose && U.dispose(), e.parent.remove(U);
+    F = e.parent.children.find((t) => t instanceof ae), F && F.dispose && F.dispose(), e.parent.remove(F);
   }
-}, { logWarning: yr } = F();
+}, { logWarning: Dr } = z();
 let B = null;
-const jr = {
+const Qr = {
   updated: (e, t) => {
     var s;
-    const n = Fn(t);
+    const n = Qn(t);
     if (!n) {
-      yr(`v-distance-to: problem with binding value: ${t.value}`);
+      Dr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     B && (B.dispose(), e.parent.remove(B));
     const r = n.clone().sub(e.position);
-    r.normalize(), B = new zt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(B), console.table(
+    r.normalize(), B = new Xt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(B), console.table(
       [
         ["Distance:", e.position.distanceTo(n)],
         [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
@@ -1718,39 +1737,38 @@ const jr = {
   unmounted: (e) => {
     B == null || B.dispose(), e.parent.remove(B);
   }
-}, Ir = {
+}, Xr = {
   install(e) {
-    e.component("TresCanvas", mr);
+    e.component("TresCanvas", xr);
   }
 };
 export {
-  mr as TresCanvas,
-  ye as catalogue,
-  Qn as createRenderLoop,
-  Ir as default,
-  Ce as dispose,
-  we as extend,
-  Cr as isProd,
-  Tn as normalizeColor,
-  Er as normalizeVectorFlexibleParam,
-  Or as onTresReady,
-  Rr as templateCompilerOptions,
-  Yn as trasverseObjects,
-  Cn as useCamera,
-  kr as useLoader,
-  F as useLogger,
-  Lr as useLoop,
-  Ar as usePointerEventHandler,
-  ct as useRaycaster,
-  Pr as useRenderLoop,
-  zn as useRenderer,
-  Tr as useSeek,
-  Sr as useTexture,
-  xr as useTres,
-  ce as useTresContext,
-  Xn as useTresContextProvider,
-  Zn as useTresEventManager,
-  jr as vDistanceTo,
-  Br as vLightHelper,
-  Dr as vLog
+  xr as TresCanvas,
+  Me as catalogue,
+  dr as createRenderLoop,
+  Xr as default,
+  dt as dispose,
+  Ce as extend,
+  Ur as isProd,
+  $n as normalizeColor,
+  Fr as normalizeVectorFlexibleParam,
+  Gr as onTresReady,
+  qr as templateCompilerOptions,
+  ar as trasverseObjects,
+  jn as useCamera,
+  Wr as useLoader,
+  z as useLogger,
+  Yr as useLoop,
+  lr as useRaycaster,
+  $r as useRenderLoop,
+  sr as useRenderer,
+  zr as useSeek,
+  Nr as useTexture,
+  Vr as useTres,
+  pe as useTresContext,
+  mr as useTresContextProvider,
+  ur as useTresEventManager,
+  Qr as vDistanceTo,
+  Kr as vLightHelper,
+  Jr as vLog
 };