@tresjs/core 4.3.0 → 4.3.2

package/dist/tres.js

@@ -1,117 +1,20 @@
 /**
  * name: @tresjs/core
- * version: v4.3.0
- * (c) 2024
+ * version: v4.3.2
+ * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
 var Et = Object.defineProperty;
 var Tt = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as J, watchEffect as xe, onUnmounted as K, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as xt, useSlots as At, getCurrentInstance as He, onMounted as kt, openBlock as Lt, createElementBlock as Ot, normalizeClass as Rt, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
+import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as K, watchEffect as Ae, onUnmounted as J, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as At, useSlots as xt, getCurrentInstance as He, onMounted as Lt, openBlock as kt, createElementBlock as Rt, normalizeClass as Ot, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
 import * as ot from "three";
-import { Scene as st, Vector3 as Ae, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Jt, Mesh as Kt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
-import { tryOnScopeDispose as nn, toValue as x, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
-const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
-  type: "git",
-  url: "git+https://github.com/Tresjs/tres.git"
-}, wn = [
-  "vue",
-  "3d",
-  "threejs",
-  "three",
-  "threejs-vue"
-], bn = !1, Mn = {
-  ".": {
-    types: "./dist/index.d.ts",
-    import: "./dist/tres.js",
-    require: "./dist/tres.umd.cjs"
-  },
-  "./components": {
-    types: "./dist/src/components/index.d.ts"
-  },
-  "./composables": {
-    types: "./dist/src/composables/index.d.ts"
-  },
-  "./types": {
-    types: "./dist/src/types/index.d.ts"
-  },
-  "./utils": {
-    types: "./dist/src/utils/index.d.ts"
-  },
-  "./*": "./*"
-}, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = [
-  "*.d.ts",
-  "dist"
-], Sn = {
-  access: "public"
-}, xn = {
-  dev: "cd playground/vue && npm run dev",
-  "dev:nuxt": "cd playground/nuxt && npm run dev",
-  build: "vite build",
-  test: "vitest",
-  "test:ci": "vitest run",
-  "test:ui": "vitest --ui --coverage.enabled=true",
-  release: "release-it",
-  coverage: "vitest run --coverage",
-  lint: "eslint .",
-  "lint:fix": "eslint . --fix",
-  "docs:dev": "vitepress dev docs",
-  "docs:build": "vitepress build docs",
-  "docs:serve": "vitepress serve docs",
-  "docs:preview": "vitepress preview docs",
-  "docs:contributors": "esno scripts/update-contributors.ts"
-}, An = {
-  three: ">=0.133",
-  vue: ">=3.4"
-}, kn = {
-  "@alvarosabu/utils": "^3.2.0",
-  "@vue/devtools-api": "^6.6.3",
-  "@vueuse/core": "^11.1.0"
-}, Ln = {
-  "@release-it/conventional-changelog": "^8.0.2",
-  "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "4.0.2",
-  "@tresjs/eslint-config": "^1.3.1",
-  "@types/three": "^0.168.0",
-  "@typescript-eslint/eslint-plugin": "^8.6.0",
-  "@typescript-eslint/parser": "^8.6.0",
-  "@vitejs/plugin-vue": "^5.1.3",
-  "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^2.1.1",
-  "@vitest/ui": "^2.1.1",
-  "@vue/test-utils": "^2.4.6",
-  eslint: "^9.10.0",
-  "eslint-plugin-vue": "^9.28.0",
-  esno: "^4.7.0",
-  gsap: "^3.12.5",
-  husky: "^9.1.6",
-  jsdom: "^25.0.0",
-  kolorist: "^1.8.0",
-  ohmyfetch: "^0.4.21",
-  pathe: "^1.1.2",
-  "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.15.5",
-  three: "^0.168.0",
-  unocss: "^0.62.4",
-  unplugin: "^1.14.1",
-  "unplugin-vue-components": "^0.27.4",
-  vite: "^5.4.6",
-  "vite-plugin-banner": "^0.8.0",
-  "vite-plugin-dts": "4.2.1",
-  "vite-plugin-inspect": "^0.8.7",
-  "vite-plugin-require-transform": "^1.0.21",
-  "vite-svg-loader": "^5.1.0",
-  vitepress: "1.3.4",
-  vitest: "^2.1.1",
-  vue: "3.5.6",
-  "vue-demi": "^0.14.10"
-}, On = {
-  name: pn,
-  type: dn,
+import { Scene as st, Vector3 as xe, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Kt, Mesh as Jt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
+import { tryOnScopeDispose as nn, toValue as A, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
+const dn = "@tresjs/core", pn = "module", mn = "4.3.2", hn = "pnpm@9.15.1", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, wn = ["vue", "3d", "threejs", "three", "threejs-vue"], bn = !1, Mn = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js", require: "./dist/tres.umd.cjs" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = ["*.d.ts", "dist"], Sn = { access: "public" }, An = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "docs:contributors": "esno scripts/update-contributors.ts" }, xn = { three: ">=0.133", vue: ">=3.4" }, Ln = { "@alvarosabu/utils": "^3.2.0", "@vue/devtools-api": "^6.6.3", "@vueuse/core": "^12.0.0" }, kn = { "@release-it/conventional-changelog": "^9.0.3", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "4.0.3", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.171.0", "@typescript-eslint/eslint-plugin": "^8.18.1", "@typescript-eslint/parser": "^8.18.1", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^2.1.8", "@vitest/ui": "^2.1.8", "@vue/test-utils": "^2.4.6", eslint: "^9.17.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.5", jsdom: "^25.0.1", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^1.1.2", "release-it": "^17.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.12.0", sponsorkit: "^0.16.2", three: "^0.171.0", unocss: "^0.65.2", unplugin: "^2.1.0", "unplugin-vue-components": "^0.28.0", vite: "^6.0.5", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.4.0", "vite-plugin-inspect": "^0.10.4", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.5.0", vitest: "2.1.8", vue: "3.5.13", "vue-demi": "^0.14.10" }, Rn = {
+  name: dn,
+  type: pn,
   version: mn,
   packageManager: hn,
   description: gn,
@@ -126,12 +29,12 @@ const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn =
   types: En,
   files: Tn,
   publishConfig: Sn,
-  scripts: xn,
-  peerDependencies: An,
-  dependencies: kn,
-  devDependencies: Ln
+  scripts: An,
+  peerDependencies: xn,
+  dependencies: Ln,
+  devDependencies: kn
 };
-function Rn(e) {
+function On(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);
@@ -144,7 +47,7 @@ async function Dn(e, t, n, r, s) {
       t,
       (o) => {
         const f = o;
-        f.scene && Object.assign(f, Rn(f.scene)), a(f);
+        f.scene && Object.assign(f, On(f.scene)), a(f);
       },
       r,
       (o) => {
@@ -153,7 +56,7 @@ async function Dn(e, t, n, r, s) {
     );
   });
 }
-const qr = /* @__PURE__ */ fe({
+const Yr = /* @__PURE__ */ fe({
   __name: "component",
   props: {
     loader: {},
@@ -180,7 +83,7 @@ class jn extends ot.Mesh {
 function Me(e) {
   return typeof e > "u";
 }
-function pe(e) {
+function de(e) {
   return Array.isArray(e);
 }
 function Bn(e) {
@@ -193,7 +96,7 @@ function G(e) {
   return typeof e == "function";
 }
 function H(e) {
-  return e === Object(e) && !pe(e) && !G(e);
+  return e === Object(e) && !de(e) && !G(e);
 }
 function N(e) {
   return H(e) && "isObject3D" in e && !!e.isObject3D;
@@ -222,9 +125,9 @@ function re(e) {
 function Wn(e) {
   return H(e) && !!e.isPrimitive;
 }
-const pt = (e, t) => {
+const dt = (e, t) => {
   for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], pt(e[n], t[n]));
+    t[n] instanceof Object && Object.assign(t[n], dt(e[n], t[n]));
   return Object.assign(e || {}, t), e;
 }, Nn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", zn = /* @__PURE__ */ Yn(Nn);
 function Ge(e) {
@@ -252,7 +155,7 @@ const Ve = (e, t) => {
   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);
 };
-function dt(e, t) {
+function pt(e, t) {
   if (Ge(e) && Ge(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);
@@ -265,19 +168,19 @@ function dt(e, t) {
   if (n.length !== r.length)
     return !1;
   for (const s of n)
-    if (!r.includes(s) || !dt(e[s], t[s]))
+    if (!r.includes(s) || !pt(e[s], t[s]))
       return !1;
   return !0;
 }
-function Jn(e, t) {
+function Kn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!dt(e[n], t[n]))
+    if (!pt(e[n], t[n]))
       return !1;
   return !0;
 }
-const Kn = Array.isArray;
+const Jn = Array.isArray;
 function Qn(e, t, n, r) {
   const s = (c) => {
     if (c.uuid === t)
@@ -319,7 +222,7 @@ function Xn(e) {
 function Zn(e) {
   var n;
   let t = e.value;
-  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Ae(...t)), t;
+  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new xe(...t)), t;
 }
 function er(e) {
   return "map" in e;
@@ -354,11 +257,11 @@ function Pe(e, t) {
 function qe(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
-const Je = /-\d+$/;
+const Ke = /-\d+$/;
 function nr(e, t, n) {
   if (ft(n)) {
-    if (Je.test(n)) {
-      const l = n.replace(Je, ""), { target: i, key: a } = Pe(e, l);
+    if (Ke.test(n)) {
+      const l = n.replace(Ke, ""), { target: i, key: a } = Pe(e, l);
       if (!Array.isArray(i[a])) {
         const c = i[a], o = [];
         o.__tresDetach = () => {
@@ -404,7 +307,7 @@ function or(e, t, n) {
   if (!G(e.setPixelRatio))
     return;
   let r = 0;
-  if (pe(n) && n.length >= 2) {
+  if (n && de(n) && n.length >= 2) {
     const [l, i] = n;
     r = it.clamp(t, l, i);
   } else Bn(n) ? r = n : r = t;
@@ -452,7 +355,7 @@ async function ir(e, t) {
       }
     );
   });
-  if (Kn(e)) {
+  if (Jn(e)) {
     const s = await Promise.all(e.map((l) => r(l)));
     return e.length > 1 ? s : s[0];
   } else {
@@ -478,7 +381,7 @@ async function ir(e, t) {
     };
   }
 }
-const Jr = /* @__PURE__ */ fe({
+const qr = /* @__PURE__ */ fe({
   __name: "component",
   props: {
     map: {},
@@ -496,7 +399,7 @@ const Jr = /* @__PURE__ */ fe({
     return (l, i) => rt(l.$slots, "default", { textures: W(s) });
   }
 }), ar = ({ sizes: e }) => {
-  const t = I([]), n = J(
+  const t = I([]), n = K(
     () => t.value[0]
   ), r = (i) => {
     const a = i instanceof Ht ? i : t.value.find((o) => o.uuid === i);
@@ -517,11 +420,11 @@ const Jr = /* @__PURE__ */ fe({
       t.value = t.value.filter(({ uuid: c }) => c !== a.uuid);
     }
   };
-  return xe(() => {
+  return Ae(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
       !i.manual && (i instanceof be || lr(i)) && (i instanceof be ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
     });
-  }), K(() => {
+  }), J(() => {
     t.value = [];
   }), {
     camera: n,
@@ -534,12 +437,12 @@ const Jr = /* @__PURE__ */ fe({
 function lr(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const Kr = !0, de = "[TresJS ▲ ■ ●] ";
+const Kr = !0, pe = "[TresJS ▲ ■ ●] ";
 function cr(...e) {
-  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.error(...e);
+  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.error(...e);
 }
 function ur(...e) {
-  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.warn(...e);
+  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.warn(...e);
 }
 function fr(e, t) {
 }
@@ -577,41 +480,41 @@ function ye() {
     return e.size;
   } };
 }
-function pr() {
+function dr() {
   let e = !0, t = !0, n = !1;
   const r = new lt(!1), s = I(r.running), l = I(!1);
   let i;
   const a = it.generateUUID();
   let c = null;
   const o = ye(), f = ye(), y = ye();
-  P();
+  E();
   let u = {};
   function v(M) {
     u = M;
   }
-  function h(M, A, d = 0) {
-    switch (A) {
+  function h(M, x, p = 0) {
+    switch (x) {
       case "before":
-        return o.on(M, d);
+        return o.on(M, p);
       case "render":
         return c || (c = M), f.dispose(), f.on(M);
       case "after":
-        return y.on(M, d);
+        return y.on(M, p);
     }
   }
   function g() {
-    t && (t = !1, P(), b());
+    t && (t = !1, E(), b());
   }
-  function p() {
-    t = !0, P(), cancelAnimationFrame(i);
+  function d() {
+    t = !0, E(), cancelAnimationFrame(i);
   }
   function _() {
-    n = !1, P();
+    n = !1, E();
   }
-  function C() {
-    n = !0, P();
+  function P() {
+    n = !0, E();
   }
-  function E() {
+  function C() {
     l.value = !0;
   }
   function T() {
@@ -622,7 +525,7 @@ function pr() {
       i = requestAnimationFrame(b);
       return;
     }
-    const M = r.getDelta(), A = r.getElapsedTime(), d = {
+    const M = r.getDelta(), x = r.getElapsedTime(), p = {
       camera: W(u.camera),
       scene: W(u.scene),
       renderer: W(u.renderer),
@@ -630,21 +533,21 @@ function pr() {
       controls: W(u.controls),
       invalidate: u.invalidate,
       advance: u.advance
-    }, w = { delta: M, elapsed: A, clock: r, ...d };
+    }, w = { delta: M, elapsed: x, clock: r, ...p };
     s.value && o.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), s.value && y.trigger(w), i = requestAnimationFrame(b);
   }
-  function P() {
+  function E() {
     const M = !t && !n;
     r.running !== M && (r.running ? r.stop() : r.start()), s.value = r.running;
   }
   return {
     loopId: a,
-    register: (M, A, d) => h(M, A, d),
+    register: (M, x, p) => h(M, x, p),
     start: g,
-    stop: p,
-    pause: C,
+    stop: d,
+    pause: P,
     resume: _,
-    pauseRender: E,
+    pauseRender: C,
     resumeRender: T,
     isRenderPaused: l,
     isActive: s,
@@ -652,7 +555,7 @@ function pr() {
     setReady: (M) => e = M
   };
 }
-function ke(e) {
+function Le(e) {
   let t = 0;
   return e.traverse((n) => {
     if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
@@ -661,12 +564,12 @@ function ke(e) {
     }
   }), t;
 }
-function dr(e) {
+function pr(e) {
   return (e / 1024).toFixed(2);
 }
 const mr = Number.parseInt(Ut.replace("dev", ""));
-function Qr(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
+function Jr(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
 function hr(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
@@ -693,19 +596,19 @@ function gr({
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
 }) {
-  const i = J(() => ({
-    alpha: x(t.alpha) ?? !0,
-    depth: x(t.depth),
+  const i = K(() => ({
+    alpha: A(t.alpha) ?? !0,
+    depth: A(t.depth),
     canvas: rn(e),
-    context: x(t.context),
-    stencil: x(t.stencil),
-    antialias: x(t.antialias) ?? !0,
-    precision: x(t.precision),
-    powerPreference: x(t.powerPreference),
-    premultipliedAlpha: x(t.premultipliedAlpha),
-    preserveDrawingBuffer: x(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: x(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: x(t.failIfMajorPerformanceCaveat)
+    context: A(t.context),
+    stencil: A(t.stencil),
+    antialias: A(t.antialias) ?? !0,
+    precision: A(t.precision),
+    powerPreference: A(t.powerPreference),
+    premultipliedAlpha: A(t.premultipliedAlpha),
+    preserveDrawingBuffer: A(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: A(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: A(t.failIfMajorPerformanceCaveat)
   })), a = $(new ge(i.value));
   function c() {
     t.renderMode === "on-demand" && s();
@@ -728,36 +631,36 @@ function gr({
       outputColorSpace: h.outputColorSpace
     };
     return h.dispose(), g;
-  })(), v = x(t.renderMode);
+  })(), v = A(t.renderMode);
   return v === "on-demand" && s(), v === "manual" && setTimeout(() => {
     l();
-  }, 100), xe(() => {
-    const h = x(t.preset);
-    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), pt(a.value, se[h])), or(a.value, o.value, x(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const g = (C, E) => {
-      const T = x(C), b = () => {
+  }, 100), Ae(() => {
+    const h = A(t.preset);
+    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(a.value, se[h])), or(a.value, o.value, A(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const g = (P, C) => {
+      const T = A(P), b = () => {
         if (h)
-          return Ve(se[h], E);
+          return Ve(se[h], C);
       };
       if (T !== void 0)
         return T;
-      const P = b();
-      return P !== void 0 ? P : Ve(u, E);
-    }, p = (C, E) => qn(a.value, E, g(C, E));
-    p(t.shadows, "shadowMap.enabled"), p(t.toneMapping ?? ct, "toneMapping"), p(t.shadowMapType, "shadowMap.type"), mr < 150 && p(!t.useLegacyLights, "physicallyCorrectLights"), p(t.outputColorSpace, "outputColorSpace"), p(t.toneMappingExposure, "toneMappingExposure");
+      const E = b();
+      return E !== void 0 ? E : Ve(u, C);
+    }, d = (P, C) => qn(a.value, C, g(P, C));
+    d(t.shadows, "shadowMap.enabled"), d(t.toneMapping ?? ct, "toneMapping"), d(t.shadowMapType, "shadowMap.type"), mr < 150 && d(!t.useLegacyLights, "physicallyCorrectLights"), d(t.outputColorSpace, "outputColorSpace"), d(t.toneMappingExposure, "toneMappingExposure");
     const _ = g(t.clearColor, "clearColor");
     _ && a.value.setClearColor(
       _ ? hr(_) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), K(() => {
+  }), J(() => {
     a.value.dispose(), a.value.forceContextLoss();
   }), {
     renderer: a
   };
 }
 function vr(e, t, n = 10) {
-  const r = x(e) ? sn() : an(J(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = J(() => s.value / l.value);
+  const r = A(e) ? sn() : an(K(() => A(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = K(() => s.value / l.value);
   return {
     height: l,
     width: s,
@@ -765,7 +668,7 @@ function vr(e, t, n = 10) {
   };
 }
 const yr = (e, t) => {
-  const n = J(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
+  const n = K(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
   let i = 0;
   const { width: a, height: c, top: o, left: f } = cn(n), y = ({ x: m, y: S }) => {
     if (n.value)
@@ -782,8 +685,8 @@ const yr = (e, t) => {
       y: (m == null ? void 0 : m.clientY) ?? l.value
     });
     return S ? u(S) || [] : [];
-  }, h = D(), g = D(), p = D(), _ = D(), C = D(), E = D(), T = D(), b = D();
-  function P(m) {
+  }, h = D(), g = D(), d = D(), _ = D(), P = D(), C = D(), T = D(), b = D();
+  function E(m) {
     const S = {};
     for (const U in m)
       typeof U != "function" && (S[U] = m[U]);
@@ -791,7 +694,7 @@ const yr = (e, t) => {
   }
   const M = (m, S) => {
     var Be, Ie, $e;
-    const U = P(S), ne = new Ae(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
+    const U = E(S), ne = new xe(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
     m.trigger({
       ...U,
       intersections: r.value,
@@ -804,41 +707,41 @@ const yr = (e, t) => {
       stopPropagating: !1
     });
   };
-  let A;
-  const d = (m) => {
-    v(m), M(p, m), A = m;
+  let x;
+  const p = (m) => {
+    v(m), M(d, m), x = m;
   }, w = () => {
-    A && d(A);
+    x && p(x);
   };
-  let k, L, O;
+  let L, k, R;
   const j = (m) => {
     var S;
-    k = (S = r.value[0]) == null ? void 0 : S.object, i = 0, L = new ve(
+    L = (S = r.value[0]) == null ? void 0 : S.object, i = 0, k = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), M(C, m);
+    ), M(P, m);
   };
-  let R, Y = !1;
-  const Oe = (m) => {
+  let O, Y = !1;
+  const Re = (m) => {
     var S, U, ne;
-    m instanceof PointerEvent && (r.value.length === 0 && M(E, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (O = new ve(
+    m instanceof PointerEvent && (r.value.length === 0 && M(C, m), L === ((S = r.value[0]) == null ? void 0 : S.object) && (R = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = L == null ? void 0 : L.distanceTo(O), m.button === 0 ? (M(h, m), R === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (R = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
-  }, Re = (m) => {
-    Y && (M(g, m), R = void 0, Y = !1);
-  }, De = (m) => M(p, m), je = (m) => M(b, m);
-  return n.value.addEventListener("pointerup", Oe), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", d), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Re), n.value.addEventListener("wheel", je), K(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", Oe), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", d), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Re), n.value.removeEventListener("wheel", je));
+    ), i = k == null ? void 0 : k.distanceTo(R), m.button === 0 ? (M(h, m), O === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
+  }, Oe = (m) => {
+    Y && (M(g, m), O = void 0, Y = !1);
+  }, De = (m) => M(d, m), je = (m) => M(b, m);
+  return n.value.addEventListener("pointerup", Re), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", p), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Oe), n.value.addEventListener("wheel", je), J(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", Re), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", p), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Oe), n.value.removeEventListener("wheel", je));
   }), {
     intersects: r,
     onClick: (m) => h.on(m).off,
     onDblClick: (m) => g.on(m).off,
     onContextMenu: (m) => T.on(m).off,
-    onPointerMove: (m) => p.on(m).off,
+    onPointerMove: (m) => d.on(m).off,
     onPointerUp: (m) => _.on(m).off,
-    onPointerDown: (m) => C.on(m).off,
-    onPointerMissed: (m) => E.on(m).off,
+    onPointerDown: (m) => P.on(m).off,
+    onPointerMissed: (m) => C.on(m).off,
     onWheel: (m) => b.on(m).off,
     forceUpdate: w
   };
@@ -850,30 +753,30 @@ function _e(e, t) {
   typeof e == "function" && e(t);
 }
 function _r(e, t, n) {
-  var A;
+  var x;
   const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
-  const l = (d) => {
+  const l = (p) => {
     var w;
-    return ((w = d.__tres) == null ? void 0 : w.eventCount) > 0;
-  }, i = (d) => {
+    return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
+  }, i = (p) => {
     var w;
-    return ((w = d.children) == null ? void 0 : w.some((k) => i(k))) || l(d);
-  }, a = $(((A = r.value) == null ? void 0 : A.children).filter(i) || []);
-  function c(d, w) {
-    const k = [], L = () => w.stopPropagating = !0;
-    w.stopPropagation = L;
-    for (const O of w == null ? void 0 : w.intersections) {
+    return ((w = p.children) == null ? void 0 : w.some((L) => i(L))) || l(p);
+  }, a = $(((x = r.value) == null ? void 0 : x.children).filter(i) || []);
+  function c(p, w) {
+    const L = [], k = () => w.stopPropagating = !0;
+    w.stopPropagation = k;
+    for (const R of w == null ? void 0 : w.intersections) {
       if (w.stopPropagating)
         return;
-      w = { ...w, ...O };
-      const { object: j } = O;
-      w.eventObject = j, _e(j[d], w), k.push(j);
-      let R = j.parent;
-      for (; R !== null && !w.stopPropagating && !k.includes(R); )
-        w.eventObject = R, _e(R[d], w), k.push(R), R = R.parent;
-      const Y = Vn(d.slice(2));
-      n(Y, { intersection: O, event: w });
+      w = { ...w, ...R };
+      const { object: j } = R;
+      w.eventObject = j, _e(j[p], w), L.push(j);
+      let O = j.parent;
+      for (; O !== null && !w.stopPropagating && !L.includes(O); )
+        w.eventObject = O, _e(O[p], w), L.push(O), O = O.parent;
+      const Y = Vn(p.slice(2));
+      n(Y, { intersection: R, event: w });
     }
   }
   const {
@@ -884,55 +787,55 @@ function _r(e, t, n) {
     onPointerDown: v,
     onPointerUp: h,
     onPointerMissed: g,
-    onWheel: p,
+    onWheel: d,
     forceUpdate: _
   } = yr(a, t);
-  h((d) => c("onPointerUp", d)), v((d) => c("onPointerDown", d)), o((d) => c("onClick", d)), f((d) => c("onDoubleClick", d)), y((d) => c("onContextMenu", d)), p((d) => c("onWheel", d));
-  let C = [];
-  u((d) => {
-    const w = d.intersections.map(({ object: L }) => L), k = d.intersections;
-    C.forEach(({ object: L }) => {
-      w.includes(L) || (d.intersections = C, c("onPointerLeave", d), c("onPointerOut", d));
-    }), d.intersections = k, d.intersections.forEach(({ object: L }) => {
-      C.includes(L) || (c("onPointerEnter", d), c("onPointerOver", d));
-    }), c("onPointerMove", d), C = d.intersections;
+  h((p) => c("onPointerUp", p)), v((p) => c("onPointerDown", p)), o((p) => c("onClick", p)), f((p) => c("onDoubleClick", p)), y((p) => c("onContextMenu", p)), d((p) => c("onWheel", p));
+  let P = [];
+  u((p) => {
+    const w = p.intersections.map(({ object: k }) => k), L = p.intersections;
+    P.forEach(({ object: k }) => {
+      w.includes(k) || (p.intersections = P, c("onPointerLeave", p), c("onPointerOut", p));
+    }), p.intersections = L, p.intersections.forEach(({ object: k }) => {
+      P.includes(k) || (c("onPointerEnter", p), c("onPointerOver", p));
+    }), c("onPointerMove", p), P = p.intersections;
   });
-  const E = [];
-  g((d) => {
-    const w = () => d.stopPropagating = !0;
-    d.stopPropagation = w, E.forEach((k) => {
-      d.stopPropagating || (d.eventObject = k, _e(k.onPointerMissed, d));
-    }), n("pointer-missed", { event: d });
+  const C = [];
+  g((p) => {
+    const w = () => p.stopPropagating = !0;
+    p.stopPropagation = w, C.forEach((L) => {
+      p.stopPropagating || (p.eventObject = L, _e(L.onPointerMissed, p));
+    }), n("pointer-missed", { event: p });
   });
-  function T(d) {
-    re(d) && N(d) && a.value.push(d);
+  function T(p) {
+    re(p) && N(p) && a.value.push(p);
   }
-  function b(d) {
-    if (re(d) && N(d)) {
-      const w = a.value.indexOf(d);
+  function b(p) {
+    if (re(p) && N(p)) {
+      const w = a.value.indexOf(p);
       w > -1 && a.value.splice(w, 1);
     }
   }
-  function P(d) {
-    re(d) && N(d) && d.onPointerMissed && E.push(d);
+  function E(p) {
+    re(p) && N(p) && p.onPointerMissed && C.push(p);
   }
-  function M(d) {
-    if (re(d) && N(d)) {
-      const w = E.indexOf(d);
-      w > -1 && E.splice(w, 1);
+  function M(p) {
+    if (re(p) && N(p)) {
+      const w = C.indexOf(p);
+      w > -1 && C.splice(w, 1);
     }
   }
   return t.eventManager = {
     forceUpdate: _,
     registerObject: T,
     deregisterObject: b,
-    registerPointerMissedObject: P,
+    registerPointerMissedObject: E,
     deregisterPointerMissedObject: M
   }, {
     forceUpdate: _,
     registerObject: T,
     deregisterObject: b,
-    registerPointerMissedObject: P,
+    registerPointerMissedObject: E,
     deregisterPointerMissedObject: M
   };
 }
@@ -979,7 +882,7 @@ function yt(e) {
   }, e);
   return ee.set(e, l), l;
 }
-function Xr(e) {
+function Qr(e) {
   const t = me();
   if (t)
     return ee.has(t) ? ee.get(t).on(e) : yt(t).on(e);
@@ -1002,10 +905,10 @@ function br({
     priority: I(0),
     frames: I(0),
     maxFrames: 60,
-    canBeInvalidated: J(() => u.mode.value === "on-demand" && u.frames.value === 0)
+    canBeInvalidated: K(() => u.mode.value === "on-demand" && u.frames.value === 0)
   };
-  function v(O = 1) {
-    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + O));
+  function v(R = 1) {
+    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + R));
   }
   function h() {
     r.renderMode === "manual" && (u.frames.value = 1);
@@ -1019,7 +922,7 @@ function br({
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
       contextParts: { sizes: i, camera: a, render: u, invalidate: v, advance: h }
     }
-  ), p = {
+  ), d = {
     sizes: i,
     scene: l,
     camera: a,
@@ -1046,31 +949,31 @@ function br({
     registerCamera: o,
     setCameraActive: y,
     deregisterCamera: f,
-    loop: pr()
+    loop: dr()
   };
-  le("useTres", p), p.scene.value.__tres = {
-    root: p
-  }, p.loop.register(() => {
-    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", p.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
+  le("useTres", d), d.scene.value.__tres = {
+    root: d
+  }, d.loop.register(() => {
+    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", d.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
   }, "render");
-  const { on: _, cancel: C } = yt(p);
-  p.loop.setReady(!1), p.loop.start(), _(() => {
-    s("ready", p), p.loop.setReady(!0), _r(e, p, s);
-  }), K(() => {
-    C(), p.loop.stop();
+  const { on: _, cancel: P } = yt(d);
+  d.loop.setReady(!1), d.loop.start(), _(() => {
+    s("ready", d), d.loop.setReady(!0), _r(e, d, s);
+  }), J(() => {
+    P(), d.loop.stop();
   });
-  const E = 100, T = un({ every: E }), { isSupported: b, memory: P } = fn({ interval: E }), M = 160;
-  let A = performance.now();
-  const d = ({ timestamp: O }) => {
-    p.scene.value && (p.perf.memory.allocatedMem = ke(p.scene.value)), O - A >= E && (A = O, p.perf.fps.accumulator.push(T.value), p.perf.fps.accumulator.length > M && p.perf.fps.accumulator.shift(), p.perf.fps.value = T.value, b.value && P.value && (p.perf.memory.accumulator.push(P.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > M && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((j, R) => j + R, 0) / p.perf.memory.accumulator.length));
+  const C = 100, T = un({ every: C }), { isSupported: b, memory: E } = fn({ interval: C }), M = 160;
+  let x = performance.now();
+  const p = ({ timestamp: R }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = Le(d.scene.value)), R - x >= C && (x = R, d.perf.fps.accumulator.push(T.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = T.value, b.value && E.value && (d.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
   };
   let w = 0;
-  const k = 1, { pause: L } = ut(({ delta: O }) => {
-    window.__TRES__DEVTOOLS__ && (d({ timestamp: performance.now() }), w += O, w >= k && (window.__TRES__DEVTOOLS__.cb(p), w = 0));
+  const L = 1, { pause: k } = ut(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += R, w >= L && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
   }, { immediate: !0 });
-  return K(() => {
-    L();
-  }), p;
+  return J(() => {
+    k();
+  }), d;
 }
 function me() {
   const e = St("useTres");
@@ -1078,8 +981,8 @@ function me() {
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Zr = me;
-function eo() {
+const Xr = me;
+function Zr() {
   const {
     camera: e,
     scene: t,
@@ -1119,27 +1022,27 @@ function eo() {
     onAfterRender: f
   };
 }
-const _t = D(), wt = D(), Le = D(), te = new lt();
+const _t = D(), wt = D(), ke = D(), te = new lt();
 let ce = 0, ue = 0;
-const { pause: Mr, resume: Ke, isActive: Pr } = ut(
+const { pause: Mr, resume: Je, isActive: Pr } = ut(
   () => {
-    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), Le.trigger({ delta: ce, elapsed: ue, clock: te });
+    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), ke.trigger({ delta: ce, elapsed: ue, clock: te });
   },
   { immediate: !1 }
 );
-Le.on(() => {
+ke.on(() => {
   ce = te.getDelta(), ue = te.getElapsedTime();
 });
 let Qe = !1;
-const to = () => (Qe || (Qe = !0, Ke()), {
+const eo = () => (Qe || (Qe = !0, Je()), {
   onBeforeLoop: _t.on,
   onLoop: wt.on,
-  onAfterLoop: Le.on,
+  onAfterLoop: ke.on,
   pause: Mr,
-  resume: Ke,
+  resume: Je,
   isActive: Pr
 });
-function no() {
+function to() {
   const { logWarning: e } = V();
   function t(l, i, a) {
     let c = null;
@@ -1207,7 +1110,7 @@ const { logError: Xe } = V(), Ze = [
       return null;
     let v = o.replace("Tres", ""), h;
     if (o === "primitive") {
-      (!H(u.object) || xt(u.object)) && Xe(
+      (!H(u.object) || At(u.object)) && Xe(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
       ), v = u.object.type;
       const g = {};
@@ -1219,8 +1122,8 @@ const { logError: Xe } = V(), Ze = [
           __tres: () => g
         },
         {
-          object: (_, C, E, T) => {
-            sr(_, E, T, { patchProp: l, remove: s, insert: r }, e);
+          object: (_, P, C, T) => {
+            sr(_, C, T, { patchProp: l, remove: s, insert: r }, e);
           },
           __tres: (_) => {
             Object.assign(g, _);
@@ -1251,14 +1154,14 @@ const { logError: Xe } = V(), Ze = [
     o = Q(y), f = Q(u), o.__tres && ((v = o.__tres) == null ? void 0 : v.eventCount) > 0 && ((h = e.eventManager) == null || h.registerObject(o)), e.registerCamera(o), (g = e.eventManager) == null || g.registerPointerMissedObject(o), y.__tres.attach ? nr(u, y, y.__tres.attach) : N(o) && N(u) && (u.add(o), o.dispatchEvent({ type: "added" })), y.__tres.parent = u, u.__tres.objects && !u.__tres.objects.includes(y) && u.__tres.objects.push(y);
   }
   function s(o, f) {
-    var h, g, p, _;
+    var h, g, d, _;
     if (!o)
       return;
     o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.deregisterObject(o)), f = Me(f) ? "default" : f;
-    const y = (p = o.__tres) == null ? void 0 : p.dispose;
+    const y = (d = o.__tres) == null ? void 0 : d.dispose;
     Me(y) || (y === null ? f = !1 : f = y);
     const u = (_ = o.__tres) == null ? void 0 : _.primitive, v = f === "default" ? !u : !!f;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, f)), v && o.children && [...o.children].forEach((C) => s(C, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((P) => s(P, f)), v && o.children && [...o.children].forEach((P) => s(P, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
       if (G(f))
         f(o);
       else if (G(o.dispose))
@@ -1270,12 +1173,12 @@ const { logError: Xe } = V(), Ze = [
     "__tres" in o && delete o.__tres;
   }
   function l(o, f, y, u) {
-    var C, E;
+    var P, C;
     if (!o)
       return;
     let v = o, h = f;
     if (o.__tres && (o.__tres.memoizedProps[f] = u), f === "attach") {
-      const T = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
+      const T = ((P = o.__tres) == null ? void 0 : P.parent) || o.parent;
       s(o), z(o, { attach: u }, e), T && r(o, T);
       return;
     }
@@ -1288,10 +1191,10 @@ const { logError: Xe } = V(), Ze = [
       return;
     }
     Ze.includes(f) && o.__tres && (o.__tres.eventCount += 1);
-    let g = oe(h), p = v == null ? void 0 : v[g];
+    let g = oe(h), d = v == null ? void 0 : v[g];
     if (h === "args") {
-      const T = o, b = y ?? [], P = u ?? [], M = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
-      M && b.length && !Jn(b, P) && (v = Object.assign(
+      const T = o, b = y ?? [], E = u ?? [], M = ((C = o.__tres) == null ? void 0 : C.type) || o.type;
+      M && b.length && !Kn(b, E) && (v = Object.assign(
         T,
         new Ce.value[M](...u)
       ));
@@ -1306,16 +1209,16 @@ const { logError: Xe } = V(), Ze = [
       );
       return;
     }
-    if (h.includes("-") && p === void 0) {
+    if (h.includes("-") && d === void 0) {
       const T = h.split("-");
-      p = T.reduce((b, P) => b[oe(P)], v), h = T.pop(), g = h, p != null && p.set || (v = T.reduce((b, P) => b[oe(P)], v));
+      d = T.reduce((b, E) => b[oe(E)], v), h = T.pop(), g = h, d != null && d.set || (v = T.reduce((b, E) => b[oe(E)], v));
     }
     let _ = u;
-    if (_ === "" && (_ = !0), G(p)) {
-      Ze.includes(f) || (pe(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
+    if (_ === "" && (_ = !0), G(d)) {
+      Ze.includes(f) || (de(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
       return;
     }
-    !(p != null && p.set) && !G(p) ? v[g] = _ : p.constructor === _.constructor && (p != null && p.copy) ? p == null || p.copy(_) : pe(_) ? p.set(..._) : !p.isColor && p.setScalar ? p.setScalar(_) : p.set(_), ht(o);
+    !(d != null && d.set) && !G(d) ? v[g] = _ : d.constructor === _.constructor && (d != null && d.copy) ? d == null || d.copy(_) : de(_) ? d.set(..._) : !d.isColor && d.setScalar ? d.setScalar(_) : d.set(_), ht(o);
   }
   function i(o) {
     var f;
@@ -1353,16 +1256,16 @@ function Tr() {
 function bt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Sr = typeof Proxy == "function", xr = "devtools-plugin:setup", Ar = "plugin:settings:set";
+const Sr = typeof Proxy == "function", Ar = "devtools-plugin:setup", xr = "plugin:settings:set";
 let q, Te;
-function kr() {
+function Lr() {
   var e;
   return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Te = globalThis.perf_hooks.performance) : q = !1), q;
 }
-function Lr() {
-  return kr() ? Te.now() : Date.now();
+function kr() {
+  return Lr() ? Te.now() : Date.now();
 }
-class Or {
+class Rr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1390,9 +1293,9 @@ class Or {
         l = i;
       },
       now() {
-        return Lr();
+        return kr();
       }
-    }, n && n.on(Ar, (i, a) => {
+    }, n && n.on(xr, (i, a) => {
       i === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (i, a) => this.target ? this.target.on[a] : (...c) => {
@@ -1424,12 +1327,12 @@ class Or {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Rr(e, t) {
+function Or(e, t) {
   const n = e, r = bt(), s = Tr(), l = Sr && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(xr, e, t);
+    s.emit(Ar, e, t);
   else {
-    const i = l ? new Or(n, s) : null;
+    const i = l ? new Rr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1456,9 +1359,9 @@ const Mt = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const n = ke(e);
+  const n = Le(e);
   return n > 0 && t.tags.push({
-    label: `${dr(n)} KB`,
+    label: `${pr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -1496,7 +1399,7 @@ const jr = [], X = "tres:inspector", Br = Se({
   sceneGraph: null
 });
 function Ir(e, t) {
-  Rr(
+  Or(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
@@ -1539,7 +1442,7 @@ function Ir(e, t) {
             object: Object.entries(a).map(([c, o]) => c === "children" ? { key: c, value: o.filter((f) => f.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
           }, a.isScene && (l.state.info = {
             objects: a.children.length,
-            memory: ke(a),
+            memory: Le(a),
             calls: t.renderer.value.info.render.calls,
             triangles: t.renderer.value.info.render.triangles,
             points: t.renderer.value.info.render.points,
@@ -1577,7 +1480,6 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     windowSize: { type: Boolean, default: void 0 },
     enableProvideBridge: { type: Boolean, default: !0 },
     context: {},
-    precision: {},
     alpha: { type: Boolean, default: void 0 },
     premultipliedAlpha: { type: Boolean },
     antialias: { type: Boolean, default: void 0 },
@@ -1585,8 +1487,10 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     preserveDrawingBuffer: { type: Boolean, default: void 0 },
     powerPreference: {},
     depth: { type: Boolean, default: void 0 },
+    failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 },
+    precision: {},
     logarithmicDepthBuffer: { type: Boolean, default: void 0 },
-    failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
+    reverseDepthBuffer: { type: Boolean }
   },
   emits: [
     "render",
@@ -1605,26 +1509,26 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = e, s = n, l = At(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
+    const r = e, s = n, l = xt(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
     Ee(ot);
-    const f = (g, p = !1) => fe({
+    const f = (g, d = !1) => fe({
       setup() {
         var T;
         const _ = (T = He()) == null ? void 0 : T.appContext;
         _ && (_.app = o == null ? void 0 : o.appContext.app);
-        const C = {};
-        function E(b) {
-          b && (b.parent && E(b.parent), b.provides && Object.assign(C, b.provides));
+        const P = {};
+        function C(b) {
+          b && (b.parent && C(b.parent), b.provides && Object.assign(P, b.provides));
         }
-        return o != null && o.parent && r.enableProvideBridge && (E(o.parent), Object.entries(C).forEach(([b, P]) => {
-          le(b, P);
-        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, p ? [] : l.default());
+        return o != null && o.parent && r.enableProvideBridge && (C(o.parent), Reflect.ownKeys(P).forEach((b) => {
+          le(b, P[b]);
+        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, d ? [] : l.default());
       }
-    }), y = (g, p = !1) => {
-      const _ = f(g, p), { render: C } = jt(Er(g));
-      C(Ue(_), c.value);
-    }, u = (g, p = !1) => {
-      mt(g.scene.value), p && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
+    }), y = (g, d = !1) => {
+      const _ = f(g, d), { render: P } = jt(Er(g));
+      P(Ue(_), c.value);
+    }, u = (g, d = !1) => {
+      mt(g.scene.value), d && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
         root: g
       };
     }, v = $(null);
@@ -1632,7 +1536,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     const h = () => {
       u(v.value), y(v.value, !0);
     };
-    return kt(() => {
+    return Lt(() => {
       const g = a;
       v.value = br({
         scene: c.value,
@@ -1641,7 +1545,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: p, camera: _, cameras: C, deregisterCamera: E } = v.value;
+      const { registerCamera: d, camera: _, cameras: P, deregisterCamera: C } = v.value;
       y(v.value);
       const T = () => {
         const b = new be(
@@ -1650,15 +1554,15 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
           0.1,
           1e3
         );
-        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), p(b);
-        const P = xe(() => {
-          C.value.length >= 2 && (b.removeFromParent(), E(b), P == null || P());
+        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), d(b);
+        const E = Ae(() => {
+          P.value.length >= 2 && (b.removeFromParent(), C(b), E == null || E());
         });
       };
       ae(
         () => r.camera,
-        (b, P) => {
-          b && p(b), P && (P.removeFromParent(), E(P));
+        (b, E) => {
+          b && d(b), E && (E.removeFromParent(), C(E));
         },
         {
           immediate: !0
@@ -1666,12 +1570,12 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
       ), _.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
       ), T());
-    }), K(h), (g, p) => (Lt(), Ot("canvas", {
+    }), J(h), (g, d) => (kt(), Rt("canvas", {
       ref_key: "canvas",
       ref: a,
       "data-scene": c.value.uuid,
-      class: Rt(g.$attrs.class),
-      "data-tres": `tresjs ${W(On).version}`,
+      class: Ot(g.$attrs.class),
+      "data-tres": `tresjs ${W(Rn).version}`,
       style: Dt({
         display: "block",
         width: "100%",
@@ -1689,20 +1593,20 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Fr = {
+], no = {
   template: {
     compilerOptions: {
       isCustomElement: (e) => e.startsWith("Tres") && !Ur.includes(e) || e === "primitive"
     }
   }
-}, ro = Fr, { logWarning: Wr } = V();
+}, { logWarning: Fr } = V();
 let B = null;
-const oo = {
+const ro = {
   updated: (e, t) => {
     var s;
     const n = Zn(t);
     if (!n) {
-      Wr(`v-distance-to: problem with binding value: ${t.value}`);
+      Fr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     B && (B.dispose(), e.parent.remove(B));
@@ -1723,10 +1627,10 @@ class Ct extends qt {
   constructor(t, n) {
     const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Fe();
     s.setAttribute("position", new We(r, 3)), s.computeBoundingSphere();
-    const l = new Jt({ fog: !1 });
+    const l = new Kt({ 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 Fe();
-    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Kt(a, new at({ side: Qt, fog: !1 })));
+    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Jt(a, new at({ side: Qt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1744,19 +1648,19 @@ class Ct extends qt {
 }
 const { logWarning: tt } = V();
 let ie, F;
-const Nr = {
+const Wr = {
   DirectionalLight: Xt,
   PointLight: Zt,
   SpotLight: en,
   HemisphereLight: tn,
   RectAreaLight: Ct
-}, so = {
+}, oo = {
   mounted: (e) => {
     if (!e.isLight) {
       tt(`${e.type} is not a light`);
       return;
     }
-    ie = Nr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
+    ie = Wr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
   },
   updated: (e) => {
     F = e.parent.children.find((t) => t instanceof ie), !(F instanceof Ct) && F.update();
@@ -1768,7 +1672,7 @@ const Nr = {
     }
     F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent.remove(F);
   }
-}, io = {
+}, so = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1776,40 +1680,40 @@ const Nr = {
     }
     console.log("v-log", e);
   }
-}, ao = {
+}, io = {
   install(e) {
     e.component("TresCanvas", Hr);
   }
 };
 export {
   Hr as TresCanvas,
-  qr as UseLoader,
-  Jr as UseTexture,
+  Yr as UseLoader,
+  qr as UseTexture,
   Ce as catalogue,
-  pr as createRenderLoop,
-  ao as default,
+  dr as createRenderLoop,
+  io as default,
   mt as dispose,
   Ee as extend,
   Kr as isProd,
   hr as normalizeColor,
-  Qr as normalizeVectorFlexibleParam,
-  Xr as onTresReady,
-  ro as templateCompilerOptions,
-  Rn as trasverseObjects,
+  Jr as normalizeVectorFlexibleParam,
+  Qr as onTresReady,
+  no as templateCompilerOptions,
+  On as traverseObjects,
   ar as useCamera,
   Dn as useLoader,
   V as useLogger,
-  eo as useLoop,
+  Zr as useLoop,
   yr as useRaycaster,
-  to as useRenderLoop,
+  eo as useRenderLoop,
   gr as useRenderer,
-  no as useSeek,
+  to as useSeek,
   ir as useTexture,
-  Zr as useTres,
+  Xr as useTres,
   me as useTresContext,
   br as useTresContextProvider,
   _r as useTresEventManager,
-  oo as vDistanceTo,
-  so as vLightHelper,
-  io as vLog
+  ro as vDistanceTo,
+  oo as vLightHelper,
+  so as vLog
 };