@tresjs/core 4.0.0-rc.1 → 4.0.0

package/dist/tres.js

@@ -1,24 +1,24 @@
 /**
  * name: @tresjs/core
- * version: v4.0.0-rc.1
+ * version: v4.0.0
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-var nt = Object.defineProperty;
-var ot = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var se = (e, t, n) => (ot(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { ref as A, computed as B, watchEffect as ve, onUnmounted as N, shallowRef as U, watch as V, reactive as $e, readonly as ue, provide as ce, inject as st, unref as W, defineComponent as Se, useSlots as it, getCurrentInstance as xe, onMounted as at, openBlock as lt, createElementBlock as ut, normalizeClass as ct, normalizeStyle as ft, createRenderer as dt, h as Te, Fragment as pt } from "vue";
-import * as Fe from "three";
-import { PerspectiveCamera as fe, Camera as mt, Clock as We, Vector3 as ge, Color as re, Scene as Ne, MeshBasicMaterial as ze, DoubleSide as vt, REVISION as gt, SRGBColorSpace as ht, ACESFilmicToneMapping as Ge, PCFSoftShadowMap as yt, NoToneMapping as bt, WebGLRenderer as ie, TextureLoader as wt, Vector2 as ae, MathUtils as Mt, Raycaster as Pt, BufferAttribute as Ct, Line as _t, BufferGeometry as Ae, Float32BufferAttribute as Oe, LineBasicMaterial as Et, Mesh as kt, BackSide as St, DirectionalLightHelper as xt, PointLightHelper as Tt, SpotLightHelper as At, HemisphereLightHelper as Ot, ArrowHelper as Lt } from "three";
-import { createEventHook as x, useRafFn as Ve, toValue as k, unrefElement as Dt, useDevicePixelRatio as Bt, usePointer as Rt, useElementBounding as jt, useWindowSize as It, useElementSize as Ht, refDebounced as Le, tryOnScopeDispose as Ut, useFps as $t, useMemory as Ft } from "@vueuse/core";
-const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.1", Gt = "pnpm@8.15.6", Vt = "Declarative ThreeJS using Vue Components", qt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Yt = "MIT", Jt = [
+var st = Object.defineProperty;
+var it = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var se = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { ref as A, computed as B, watchEffect as ve, onUnmounted as N, shallowRef as U, watch as V, reactive as We, readonly as ue, unref as W, provide as ce, inject as at, defineComponent as Se, useSlots as lt, getCurrentInstance as xe, onMounted as ut, openBlock as ct, createElementBlock as ft, normalizeClass as dt, normalizeStyle as pt, createRenderer as mt, h as Te, Fragment as vt } from "vue";
+import * as Ne from "three";
+import { PerspectiveCamera as fe, Camera as gt, Clock as ze, Vector3 as ge, Color as re, Scene as Ge, MeshBasicMaterial as Ve, DoubleSide as ht, REVISION as yt, SRGBColorSpace as bt, ACESFilmicToneMapping as qe, PCFSoftShadowMap as wt, NoToneMapping as Mt, WebGLRenderer as ie, TextureLoader as Pt, Vector2 as ae, MathUtils as Ct, Raycaster as _t, BufferAttribute as Et, Line as kt, BufferGeometry as Ae, Float32BufferAttribute as Oe, LineBasicMaterial as St, Mesh as xt, BackSide as Tt, DirectionalLightHelper as At, PointLightHelper as Ot, SpotLightHelper as Lt, HemisphereLightHelper as Dt, ArrowHelper as Bt } from "three";
+import { createEventHook as x, useRafFn as Ye, toValue as k, unrefElement as Rt, useDevicePixelRatio as jt, usePointer as It, useElementBounding as Ht, useWindowSize as Ut, useElementSize as $t, refDebounced as Le, tryOnScopeDispose as Ft, useFps as Wt, useMemory as Nt } from "@vueuse/core";
+const zt = "@tresjs/core", Gt = "module", Vt = "4.0.0", qt = "pnpm@8.15.6", Yt = "Declarative ThreeJS using Vue Components", Jt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Qt = "MIT", Kt = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], Qt = !1, Kt = {
+], Xt = !1, Zt = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -37,12 +37,12 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.1", Gt = "pnpm@8.15.6",
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, Xt = "./dist/tres.js", Zt = "./dist/tres.js", er = "./dist/index.d.ts", tr = [
+}, er = "./dist/tres.js", tr = "./dist/tres.js", rr = "./dist/index.d.ts", nr = [
   "*.d.ts",
   "dist"
-], rr = {
+], or = {
   access: "public"
-}, nr = {
+}, sr = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
@@ -59,90 +59,90 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.1", Gt = "pnpm@8.15.6",
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, or = {
+}, ir = {
   three: ">=0.133",
   vue: ">=3.4"
-}, sr = {
+}, ar = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.1",
-  "@vueuse/core": "^10.9.0"
-}, ir = {
+  "@vueuse/core": "^10.10.0"
+}, lr = {
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.10.0",
   "@tresjs/cientos": "3.9.0",
-  "@tresjs/eslint-config": "^1.0.0",
-  "@types/three": "^0.164.0",
-  "@typescript-eslint/eslint-plugin": "^7.9.0",
-  "@typescript-eslint/parser": "^7.9.0",
+  "@tresjs/eslint-config": "^1.1.0",
+  "@types/three": "^0.164.1",
+  "@typescript-eslint/eslint-plugin": "^7.11.0",
+  "@typescript-eslint/parser": "^7.11.0",
   "@vitejs/plugin-vue": "^5.0.4",
   "@vitest/coverage-c8": "^0.33.0",
   "@vitest/coverage-v8": "^1.6.0",
   "@vitest/ui": "^1.6.0",
   "@vue/test-utils": "^2.4.6",
-  eslint: "^9.2.0",
+  eslint: "^9.3.0",
   "eslint-plugin-vue": "^9.26.0",
   esno: "^4.7.0",
   gsap: "^3.12.5",
   husky: "^9.0.11",
-  jsdom: "^24.0.0",
+  jsdom: "^24.1.0",
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
-  "release-it": "^17.2.1",
+  "release-it": "^17.3.0",
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
   three: "^0.164.1",
-  unocss: "^0.60.2",
+  unocss: "^0.60.3",
   unplugin: "^1.10.1",
   "unplugin-vue-components": "^0.27.0",
-  vite: "^5.2.11",
+  vite: "^5.2.12",
   "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.1.4",
+  vitepress: "1.2.2",
   vitest: "^1.6.0",
   vue: "^3.4.27",
   "vue-demi": "^0.14.7"
-}, ar = {
-  name: Wt,
-  type: Nt,
-  version: zt,
-  packageManager: Gt,
-  description: Vt,
-  author: qt,
-  license: Yt,
-  keywords: Jt,
-  sideEffects: Qt,
-  exports: Kt,
-  main: Xt,
-  module: Zt,
-  types: er,
-  files: tr,
-  publishConfig: rr,
-  scripts: nr,
-  peerDependencies: or,
-  dependencies: sr,
-  devDependencies: ir
-}, lr = ({ sizes: e }) => {
+}, ur = {
+  name: zt,
+  type: Gt,
+  version: Vt,
+  packageManager: qt,
+  description: Yt,
+  author: Jt,
+  license: Qt,
+  keywords: Kt,
+  sideEffects: Xt,
+  exports: Zt,
+  main: er,
+  module: tr,
+  types: rr,
+  files: nr,
+  publishConfig: or,
+  scripts: sr,
+  peerDependencies: ir,
+  dependencies: ar,
+  devDependencies: lr
+}, cr = ({ sizes: e }) => {
   const t = A([]), n = B(
     () => t.value[0]
   ), o = (r) => {
-    const s = r instanceof mt ? r : t.value.find((l) => l.uuid === r);
+    const s = r instanceof gt ? r : t.value.find((a) => a.uuid === r);
     if (!s)
       return;
-    const u = t.value.filter(({ uuid: l }) => l !== s.uuid);
+    const u = t.value.filter(({ uuid: a }) => a !== s.uuid);
     t.value = [s, ...u];
   }, i = (r, s = !1) => {
     t.value.some(({ uuid: u }) => u === r.uuid) || (s ? o(r) : t.value.push(r));
-  }, a = (r) => {
+  }, l = (r) => {
     t.value = t.value.filter(({ uuid: s }) => s !== r.uuid);
   };
   return ve(() => {
     e.aspectRatio.value && t.value.forEach((r) => {
-      !r.manual && (r instanceof fe || ur(r)) && (r instanceof fe ? r.aspect = e.aspectRatio.value : (r.left = e.width.value * -0.5, r.right = e.width.value * 0.5, r.top = e.height.value * 0.5, r.bottom = e.height.value * -0.5), r.updateProjectionMatrix());
+      !r.manual && (r instanceof fe || fr(r)) && (r instanceof fe ? r.aspect = e.aspectRatio.value : (r.left = e.width.value * -0.5, r.right = e.width.value * 0.5, r.top = e.height.value * 0.5, r.bottom = e.height.value * -0.5), r.updateProjectionMatrix());
     });
   }), N(() => {
     t.value = [];
@@ -150,32 +150,33 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.1", Gt = "pnpm@8.15.6",
     camera: n,
     cameras: t,
     registerCamera: i,
-    deregisterCamera: a,
+    deregisterCamera: l,
     setCameraActive: o
   };
 };
-function ur(e) {
+function fr(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const qe = x(), Ye = x(), he = x(), q = new We();
+const Je = x(), Qe = x(), he = x(), q = new ze();
 let ne = 0, oe = 0;
-const { pause: cr, resume: fr, isActive: dr } = Ve(
+const { pause: dr, resume: De, isActive: pr } = Ye(
   () => {
-    qe.trigger({ delta: ne, elapsed: oe, clock: q }), Ye.trigger({ delta: ne, elapsed: oe, clock: q }), he.trigger({ delta: ne, elapsed: oe, clock: q });
+    Je.trigger({ delta: ne, elapsed: oe, clock: q }), Qe.trigger({ delta: ne, elapsed: oe, clock: q }), he.trigger({ delta: ne, elapsed: oe, clock: q });
   },
   { immediate: !1 }
 );
 he.on(() => {
   ne = q.getDelta(), oe = q.getElapsedTime();
 });
-const ln = () => ({
-  onBeforeLoop: qe.on,
-  onLoop: Ye.on,
+let Be = !1;
+const un = () => (Be || (Be = !0, De()), {
+  onBeforeLoop: Je.on,
+  onLoop: Qe.on,
   onAfterLoop: he.on,
-  pause: cr,
-  resume: fr,
-  isActive: dr
-}), un = !0, K = "[TresJS ▲ ■ ●] ";
+  pause: dr,
+  resume: De,
+  isActive: pr
+}), cn = !0, K = "[TresJS ▲ ■ ●] ";
 function $() {
   function e(...o) {
     typeof o[0] == "string" ? o[0] = K + o[0] : o.unshift(K), console.error(...o);
@@ -191,13 +192,13 @@ function $() {
     logMessage: n
   };
 }
-function cn(e) {
+function fn(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof ge ? [e.x, e.y, e.z] : e;
 }
-function pr(e) {
+function mr(e) {
   return e instanceof re ? e : Array.isArray(e) ? new re(...e) : new re(e);
 }
-class mr extends Fe.Mesh {
+class vr extends Ne.Mesh {
   constructor(...n) {
     super(...n);
     se(this, "type", "HightlightMesh");
@@ -209,47 +210,47 @@ class mr extends Fe.Mesh {
     this.scale.set(r, r, r);
   }
 }
-const Je = (e, t) => {
+const Ke = (e, t) => {
   for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], Je(e[n], t[n]));
+    t[n] instanceof Object && Object.assign(t[n], Ke(e[n], t[n]));
   return Object.assign(e || {}, t), e;
-}, vr = "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", gr = /* @__PURE__ */ br(vr);
-function De(e) {
+}, gr = "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", hr = /* @__PURE__ */ wr(gr);
+function Re(e) {
   return e && e.nodeType === 1;
 }
 function X(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const hr = /\B([A-Z])/g;
-function yr(e) {
-  return e.replace(hr, "-$1").toLowerCase();
+const yr = /\B([A-Z])/g;
+function br(e) {
+  return e.replace(yr, "-$1").toLowerCase();
 }
-function br(e, t) {
+function wr(e, t) {
   const n = /* @__PURE__ */ Object.create(null), o = e.split(",");
   for (let i = 0; i < o.length; i++)
     n[o[i]] = !0;
   return (i) => !!n[i];
 }
-const wr = (e, t) => {
+const Mr = (e, t) => {
   const n = /* @__PURE__ */ new Set(), o = [];
   for (const i of e) {
-    const a = t(i);
-    n.has(a) || (n.add(a), o.push(i));
+    const l = t(i);
+    n.has(l) || (n.add(l), o.push(i));
   }
   return o;
-}, Be = (e, t) => {
+}, je = (e, t) => {
   if (!t)
     return;
   const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   return n == null ? void 0 : n.reduce((o, i) => o && o[i], e);
-}, Mr = (e, t, n) => {
+}, Pr = (e, t, n) => {
   const o = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  o && o.reduce((i, a, r) => (i[a] === void 0 && (i[a] = {}), r === o.length - 1 && (i[a] = n), i[a]), e);
+  o && o.reduce((i, l, r) => (i[l] === void 0 && (i[l] = {}), r === o.length - 1 && (i[l] = n), i[l]), e);
 };
-function Qe(e, t) {
-  if (De(e) && De(t)) {
-    const i = e.attributes, a = t.attributes;
-    return i.length !== a.length ? !1 : Array.from(i).every(({ name: r, value: s }) => t.getAttribute(r) === s);
+function Xe(e, t) {
+  if (Re(e) && Re(t)) {
+    const i = e.attributes, l = t.attributes;
+    return i.length !== l.length ? !1 : Array.from(i).every(({ name: r, value: s }) => t.getAttribute(r) === s);
   }
   if (e === t)
     return !0;
@@ -259,34 +260,34 @@ function Qe(e, t) {
   if (n.length !== o.length)
     return !1;
   for (const i of n)
-    if (!o.includes(i) || !Qe(e[i], t[i]))
+    if (!o.includes(i) || !Xe(e[i], t[i]))
       return !1;
   return !0;
 }
-function Pr(e, t) {
+function Cr(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!Qe(e[n], t[n]))
+    if (!Xe(e[n], t[n]))
       return !1;
   return !0;
 }
-const Cr = Array.isArray;
-function _r(e, t, n, o) {
+const _r = Array.isArray;
+function Er(e, t, n, o) {
   const i = (u) => {
     if (u.uuid === t)
       return u;
-    for (const l of u.children) {
-      const y = i(l);
+    for (const a of u.children) {
+      const y = i(a);
       if (y)
         return y;
     }
-  }, a = i(e);
-  if (!a) {
+  }, l = i(e);
+  if (!l) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
-  let r = a;
+  let r = l;
   for (let u = 0; u < n.length - 1; u++)
     if (r[n[u]] !== void 0)
       r = r[n[u]];
@@ -297,63 +298,63 @@ function _r(e, t, n, o) {
   const s = n[n.length - 1];
   r[s] !== void 0 ? r[s] = o : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function Er(e) {
-  const t = new ze({
+function kr(e) {
+  const t = new Ve({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: vt
+    side: ht
     // To e
   });
-  return new mr(e.geometry.clone(), t);
+  return new vr(e.geometry.clone(), t);
 }
-function kr(e) {
+function Sr(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 ge(...t)), t;
 }
-function Sr(e) {
+function xr(e) {
   return "map" in e;
 }
-function Re(e) {
-  Sr(e) && e.map && e.map.dispose(), e.dispose();
+function Ie(e) {
+  xr(e) && e.map && e.map.dispose(), e.dispose();
 }
 function ye(e) {
   var n, o;
-  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((i) => ye(i)), !(e instanceof Ne)) {
+  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((i) => ye(i)), !(e instanceof Ge)) {
     const i = e;
-    e && ((o = e.dispose) == null || o.call(e)), i.geometry && (i.geometry.dispose(), delete i.geometry), Array.isArray(i.material) ? (i.material.forEach((a) => Re(a)), delete i.material) : i.material && (Re(i.material), delete i.material);
+    e && ((o = e.dispose) == null || o.call(e)), i.geometry && (i.geometry.dispose(), delete i.geometry), Array.isArray(i.material) ? (i.material.forEach((l) => Ie(l)), delete i.material) : i.material && (Ie(i.material), delete i.material);
   }
 }
-const xr = Number.parseInt(gt.replace("dev", "")), Z = {
+const Tr = Number.parseInt(yt.replace("dev", "")), Z = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: ht,
-    toneMapping: Ge,
+    outputColorSpace: bt,
+    toneMapping: qe,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: yt
+      type: wt
     }
   },
   flat: {
-    toneMapping: bt,
+    toneMapping: Mt,
     toneMappingExposure: 1
   }
 };
-function Tr({
+function Ar({
   canvas: e,
   options: t,
-  contextParts: { sizes: n, render: o, invalidate: i, advance: a }
+  contextParts: { sizes: n, render: o, invalidate: i, advance: l }
 }) {
   const r = B(() => ({
     alpha: k(t.alpha) ?? !0,
     depth: k(t.depth),
-    canvas: Dt(e),
+    canvas: Rt(e),
     context: k(t.context),
     stencil: k(t.stencil),
     antialias: k(t.antialias) ?? !0,
@@ -374,9 +375,9 @@ function Tr({
   }, {
     immediate: !0
   }), V(() => t.clearColor, u);
-  const { pixelRatio: l } = Bt();
-  V(l, () => {
-    s.value.setPixelRatio(l.value);
+  const { pixelRatio: a } = jt();
+  V(a, () => {
+    s.value.setPixelRatio(a.value);
   });
   const { logError: y } = $(), p = (() => {
     const f = new ie(), b = {
@@ -389,26 +390,26 @@ function Tr({
       outputColorSpace: f.outputColorSpace
     };
     return f.dispose(), b;
-  })(), M = k(t.renderMode);
-  return M === "on-demand" && i(), M === "manual" && setTimeout(() => {
-    a();
-  }, 1), ve(() => {
+  })(), P = k(t.renderMode);
+  return P === "on-demand" && i(), P === "manual" && setTimeout(() => {
+    l();
+  }, 100), ve(() => {
     const f = k(t.preset);
-    f && (f in Z || y(`Renderer Preset must be one of these: ${Object.keys(Z).join(", ")}`), Je(s.value, Z[f])), M === "always" && (o.frames.value = Math.max(1, o.frames.value));
+    f && (f in Z || y(`Renderer Preset must be one of these: ${Object.keys(Z).join(", ")}`), Ke(s.value, Z[f])), P === "always" && (o.frames.value = Math.max(1, o.frames.value));
     const b = (v, h) => {
       const _ = k(v), g = () => {
         if (f)
-          return Be(Z[f], h);
+          return je(Z[f], h);
       };
       if (_ !== void 0)
         return _;
-      const P = g();
-      return P !== void 0 ? P : Be(p, h);
-    }, m = (v, h) => Mr(s.value, h, b(v, h));
-    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? Ge, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), xr < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
+      const M = g();
+      return M !== void 0 ? M : je(p, h);
+    }, m = (v, h) => Pr(s.value, h, b(v, h));
+    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? qe, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), Tr < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
     const w = b(t.clearColor, "clearColor");
     w && s.value.setClearColor(
-      w ? pr(w) : new re(0)
+      w ? mr(w) : new re(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), N(() => {
@@ -417,87 +418,87 @@ function Tr({
     renderer: s
   };
 }
-const ee = (e) => typeof e == "function", Ar = (e) => !!e && e.constructor === Array;
-function Or(e) {
+const ee = (e) => typeof e == "function", Or = (e) => !!e && e.constructor === Array;
+function Lr(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 fn(e, t, n, o, i) {
-  const { logError: a } = $(), r = new e();
+async function dn(e, t, n, o, i) {
+  const { logError: l } = $(), r = new e();
   i && i(r), n && n(r);
   const u = (Array.isArray(t) ? t : [t]).map(
-    (l) => new Promise((y, c) => {
+    (a) => new Promise((y, c) => {
       r.load(
-        l,
+        a,
         (p) => {
-          p.scene && Object.assign(p, Or(p.scene)), y(p);
+          p.scene && Object.assign(p, Lr(p.scene)), y(p);
         },
         o,
-        (p) => c(a("[useLoader] - Failed to load resource", p))
+        (p) => c(l("[useLoader] - Failed to load resource", p))
       );
     })
   );
-  return Ar(t) ? await Promise.all(u) : await u[0];
+  return Or(t) ? await Promise.all(u) : await u[0];
 }
-async function dn(e, t) {
-  const n = new wt(t), o = (i) => new Promise((a, r) => {
+async function pn(e, t) {
+  const n = new Pt(t), o = (i) => new Promise((l, r) => {
     n.load(
       i,
-      (s) => a(s),
+      (s) => l(s),
       () => null,
       () => {
         r(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Cr(e)) {
-    const i = await Promise.all(e.map((a) => o(a)));
+  if (_r(e)) {
+    const i = await Promise.all(e.map((l) => o(l)));
     return e.length > 1 ? i : i[0];
   } else {
     const {
       map: i,
-      displacementMap: a,
+      displacementMap: l,
       normalMap: r,
       roughnessMap: s,
       metalnessMap: u,
-      aoMap: l,
+      aoMap: a,
       alphaMap: y,
       matcap: c
     } = e;
     return {
       map: i ? await o(i) : null,
-      displacementMap: a ? await o(a) : null,
+      displacementMap: l ? await o(l) : null,
       normalMap: r ? await o(r) : null,
       roughnessMap: s ? await o(s) : null,
       metalnessMap: u ? await o(u) : null,
-      aoMap: l ? await o(l) : null,
+      aoMap: a ? await o(a) : null,
       alphaMap: y ? await o(y) : null,
       matcap: c ? await o(c) : null
     };
   }
 }
-const Ke = (e, t) => {
-  const n = B(() => t.renderer.value.domElement), o = U([]), { x: i, y: a } = Rt({ target: n });
+const Ze = (e, t) => {
+  const n = B(() => t.renderer.value.domElement), o = U([]), { x: i, y: l } = It({ target: n });
   let r = 0;
-  const { width: s, height: u, top: l, left: y } = jt(n), c = ({ x: d, y: E }) => {
+  const { width: s, height: u, top: a, left: y } = Ht(n), c = ({ x: d, y: E }) => {
     if (n.value)
       return {
         x: (d - y.value) / s.value * 2 - 1,
-        y: -((E - l.value) / u.value) * 2 + 1
+        y: -((E - a.value) / u.value) * 2 + 1
       };
   }, p = ({ x: d, y: E }) => {
     if (t.camera.value)
       return t.raycaster.value.setFromCamera(new ae(d, E), t.camera.value), o.value = t.raycaster.value.intersectObjects(e.value, !0), o.value;
-  }, M = (d) => {
+  }, P = (d) => {
     const E = c({
       x: (d == null ? void 0 : d.clientX) ?? i.value,
-      y: (d == null ? void 0 : d.clientY) ?? a.value
+      y: (d == null ? void 0 : d.clientY) ?? l.value
     });
     return E ? p(E) || [] : [];
   }, f = x(), b = x(), m = x(), w = x(), v = x(), h = x(), _ = x(), g = x();
-  function P(d) {
+  function M(d) {
     const E = {};
     for (const I in d)
       typeof I != "function" && (E[I] = d[I]);
@@ -505,7 +506,7 @@ const Ke = (e, t) => {
   }
   const C = (d, E) => {
     var _e, Ee, ke;
-    const I = P(E), Q = new ge(E == null ? void 0 : E.clientX, E == null ? void 0 : E.clientY, 0).unproject((_e = t.camera) == null ? void 0 : _e.value);
+    const I = M(E), Q = new ge(E == null ? void 0 : E.clientX, E == null ? void 0 : E.clientY, 0).unproject((_e = t.camera) == null ? void 0 : _e.value);
     d.trigger({
       ...I,
       intersections: o.value,
@@ -520,7 +521,7 @@ const Ke = (e, t) => {
   };
   let R;
   const O = (d) => {
-    M(d), C(m, d), R = d;
+    P(d), C(m, d), R = d;
   }, T = () => {
     R && O(R);
   };
@@ -529,7 +530,7 @@ const Ke = (e, t) => {
     var E;
     S = (E = o.value[0]) == null ? void 0 : E.object, r = 0, j = new ae(
       (d == null ? void 0 : d.clientX) ?? i.value,
-      (d == null ? void 0 : d.clientY) ?? a.value
+      (d == null ? void 0 : d.clientY) ?? l.value
     ), C(v, d);
   };
   let z, J = !1;
@@ -537,7 +538,7 @@ const Ke = (e, t) => {
     var E, I, Q;
     d instanceof PointerEvent && (o.value.length === 0 && C(h, d), S === ((E = o.value[0]) == null ? void 0 : E.object) && (L = new ae(
       (d == null ? void 0 : d.clientX) ?? i.value,
-      (d == null ? void 0 : d.clientY) ?? a.value
+      (d == null ? void 0 : d.clientY) ?? l.value
     ), r = j == null ? void 0 : j.distanceTo(L), d.button === 0 ? (C(f, d), z === ((I = o.value[0]) == null ? void 0 : I.object) ? J = !0 : (z = (Q = o.value[0]) == null ? void 0 : Q.object, J = !1)) : d.button === 2 && C(_, d)), C(w, d));
   }, Me = (d) => {
     J && (C(b, d), z = void 0, J = !1);
@@ -557,25 +558,25 @@ const Ke = (e, t) => {
     forceUpdate: T
   };
 };
-function pn() {
+function mn() {
   const { logWarning: e } = $();
-  function t(a, r, s) {
+  function t(l, r, s) {
     let u = null;
-    return a.traverse((l) => {
-      l[r] === s && (u = l);
+    return l.traverse((a) => {
+      a[r] === s && (u = a);
     }), u || e(`Child with ${r} '${s}' not found.`), u;
   }
-  function n(a, r, s) {
+  function n(l, r, s) {
     const u = [];
-    return a.traverse((l) => {
-      l[r].includes(s) && u.push(l);
+    return l.traverse((a) => {
+      a[r].includes(s) && u.push(a);
     }), u.length || e(`Children with ${r} '${s}' not found.`), u;
   }
-  function o(a, r) {
-    return t(a, "name", r);
+  function o(l, r) {
+    return t(l, "name", r);
   }
-  function i(a, r) {
-    return n(a, "name", r);
+  function i(l, r) {
+    return n(l, "name", r);
   }
   return {
     seek: t,
@@ -584,8 +585,8 @@ function pn() {
     seekAllByName: i
   };
 }
-const mn = (e) => {
-  const t = $e({
+const vn = (e) => {
+  const t = We({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
@@ -594,13 +595,13 @@ const mn = (e) => {
     n.value.add(c);
   }, i = (c) => {
     n.value.delete(c);
-  }, a = (c) => {
+  }, l = (c) => {
     Object.values(t).forEach((p) => p.delete(c)), i(c);
   }, r = (c) => {
-    const { onClick: p, onPointerMove: M, onPointerEnter: f, onPointerLeave: b } = c;
-    p && t.click.set(c, p), M && t.pointerMove.set(c, M), f && t.pointerEnter.set(c, f), b && t.pointerLeave.set(c, b);
+    const { onClick: p, onPointerMove: P, onPointerEnter: f, onPointerLeave: b } = c;
+    p && t.click.set(c, p), P && t.pointerMove.set(c, P), f && t.pointerEnter.set(c, f), b && t.pointerLeave.set(c, b);
   }, s = B(
-    () => wr(
+    () => Mr(
       [
         ...Array.from(n.value),
         ...Object.values(t).map((c) => Array.from(c.keys())).flat()
@@ -608,20 +609,20 @@ const mn = (e) => {
       ({ uuid: c }) => c
     )
   );
-  e.registerObjectAtPointerEventHandler = r, e.deregisterObjectAtPointerEventHandler = a, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = i;
-  const { onClick: u, onPointerMove: l } = Ke(s, e);
+  e.registerObjectAtPointerEventHandler = r, e.deregisterObjectAtPointerEventHandler = l, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = i;
+  const { onClick: u, onPointerMove: a } = Ze(s, e);
   u(({ intersects: c, event: p }) => {
-    var M;
-    c.length && ((M = t.click.get(c[0].object)) == null || M(c[0], p));
+    var P;
+    c.length && ((P = t.click.get(c[0].object)) == null || P(c[0], p));
   });
   let y;
-  return l(({ intersects: c, event: p }) => {
+  return a(({ intersects: c, event: p }) => {
     var w, v, h, _;
-    const M = (w = c == null ? void 0 : c[0]) == null ? void 0 : w.object, { pointerLeave: f, pointerEnter: b, pointerMove: m } = t;
-    y && y !== M && ((v = f.get(y)) == null || v(y, p)), M && (y !== M && ((h = b.get(M)) == null || h(c[0], p)), (_ = m.get(M)) == null || _(c[0], p)), y = M || null;
+    const P = (w = c == null ? void 0 : c[0]) == null ? void 0 : w.object, { pointerLeave: f, pointerEnter: b, pointerMove: m } = t;
+    y && y !== P && ((v = f.get(y)) == null || v(y, p)), P && (y !== P && ((h = b.get(P)) == null || h(c[0], p)), (_ = m.get(P)) == null || _(c[0], p)), y = P || null;
   }), {
     registerObject: r,
-    deregisterObject: a,
+    deregisterObject: l,
     registerBlockingObject: o,
     deregisterBlockingObject: i
   };
@@ -630,19 +631,19 @@ function be(e) {
   let t = 0;
   return e.traverse((n) => {
     if (n.isMesh && n.geometry) {
-      const o = n.geometry, i = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, r = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, u = i + a + r + s;
+      const o = n.geometry, i = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, r = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, u = i + l + r + s;
       t += u;
     }
   }), t;
 }
-function Lr(e) {
+function Dr(e) {
   return (e / 1024).toFixed(2);
 }
 const de = A({}), pe = (e) => Object.assign(de.value, e);
-function Dr(e, t, n = 10) {
-  const o = k(e) ? It() : Ht(B(() => k(t).parentElement)), i = ue(Le(o.width, n)), a = ue(Le(o.height, n)), r = B(() => i.value / a.value);
+function Br(e, t, n = 10) {
+  const o = k(e) ? Ut() : $t(B(() => k(t).parentElement)), i = ue(Le(o.width, n)), l = ue(Le(o.height, n)), r = B(() => i.value / l.value);
   return {
-    height: a,
+    height: l,
     width: i,
     aspectRatio: r
   };
@@ -651,44 +652,44 @@ function le() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let n = 0, o = !1;
   const i = () => {
-    const l = Array.from(e.entries()).sort((y, c) => {
+    const a = Array.from(e.entries()).sort((y, c) => {
       const p = y[1].priority - c[1].priority;
       return p === 0 ? y[1].addI - c[1].addI : p;
     });
-    t.clear(), l.forEach((y) => t.add(y[0]));
-  }, a = (l) => {
-    e.delete(l), t.delete(l);
+    t.clear(), a.forEach((y) => t.add(y[0]));
+  }, l = (a) => {
+    e.delete(a), t.delete(a);
   };
-  return { on: (l, y = 0) => {
-    e.set(l, { priority: y, addI: n++ });
-    const c = () => a(l);
-    return Ut(c), o = !0, {
+  return { on: (a, y = 0) => {
+    e.set(a, { priority: y, addI: n++ });
+    const c = () => l(a);
+    return Ft(c), o = !0, {
       off: c
     };
-  }, off: a, trigger: (...l) => {
-    o && (i(), o = !1), t.forEach((y) => y(...l));
+  }, off: l, trigger: (...a) => {
+    o && (i(), o = !1), t.forEach((y) => y(...a));
   }, dispose: () => {
     e.clear(), t.clear();
   }, get count() {
     return e.size;
   } };
 }
-function Br() {
-  const e = new We(!1), t = A(!1), n = A(!1);
+function Rr() {
+  const e = new ze(!1), t = A(!1), n = A(!1);
   let o;
-  const i = Mt.generateUUID();
-  let a = null;
+  const i = Ct.generateUUID();
+  let l = null;
   const r = le(), s = le(), u = le();
-  let l = {};
+  let a = {};
   function y(h) {
-    l = h;
+    a = h;
   }
   function c(h, _, g = 0) {
     switch (_) {
       case "before":
         return r.on(h, g);
       case "render":
-        return a || (a = h), s.dispose(), s.on(h);
+        return l || (l = h), s.dispose(), s.on(h);
       case "after":
         return u.on(h, g);
     }
@@ -696,7 +697,7 @@ function Br() {
   function p() {
     t.value || (e.start(), t.value = !0, v());
   }
-  function M() {
+  function P() {
     t.value && (e.stop(), cancelAnimationFrame(o), t.value = !1);
   }
   function f() {
@@ -712,14 +713,22 @@ function Br() {
     n.value = !1;
   }
   function v() {
-    const h = e.getDelta(), _ = e.getElapsedTime(), g = { delta: h, elapsed: _, clock: e, ...l };
-    t.value && r.trigger(g), n.value || (s.count ? s.trigger(g) : a && a(g)), t.value && u.trigger(g), o = requestAnimationFrame(v);
+    const h = e.getDelta(), _ = e.getElapsedTime(), g = {
+      camera: W(a.camera),
+      scene: W(a.scene),
+      renderer: W(a.renderer),
+      raycaster: W(a.raycaster),
+      controls: W(a.controls),
+      invalidate: a.invalidate,
+      advance: a.advance
+    }, M = { delta: h, elapsed: _, clock: e, ...g };
+    t.value && r.trigger(M), n.value || (s.count ? s.trigger(M) : l && l(M)), t.value && u.trigger(M), o = requestAnimationFrame(v);
   }
   return {
     loopId: i,
     register: (h, _, g) => c(h, _, g),
     start: p,
-    stop: M,
+    stop: P,
     pause: f,
     resume: b,
     pauseRender: m,
@@ -729,21 +738,21 @@ function Br() {
     setContext: y
   };
 }
-function Rr({
+function jr({
   scene: e,
   canvas: t,
   windowSize: n,
   disableRender: o,
   rendererOptions: i,
-  emit: a
+  emit: l
 }) {
-  const { logWarning: r } = $(), s = U(e), u = Dr(n, t), {
-    camera: l,
+  const { logWarning: r } = $(), s = U(e), u = Br(n, t), {
+    camera: a,
     cameras: y,
     registerCamera: c,
     deregisterCamera: p,
-    setCameraActive: M
-  } = lr({ sizes: u, scene: e }), f = {
+    setCameraActive: P
+  } = cr({ sizes: u, scene: e }), f = {
     mode: A(i.renderMode || "always"),
     priority: A(0),
     frames: A(0),
@@ -756,23 +765,23 @@ function Rr({
   function m() {
     i.renderMode === "manual" ? f.frames.value = 1 : r("`advance` can only be used when `renderMode` is set to `manual`");
   }
-  const { renderer: w } = Tr(
+  const { renderer: w } = Ar(
     {
       scene: e,
       canvas: t,
       options: i,
-      emit: a,
+      emit: l,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: u, camera: l, render: f, invalidate: b, advance: m },
+      contextParts: { sizes: u, camera: a, render: f, invalidate: b, advance: m },
       disableRender: o
     }
   ), v = {
     sizes: u,
     scene: s,
-    camera: l,
+    camera: a,
     cameras: ue(y),
     renderer: w,
-    raycaster: U(new Pt()),
+    raycaster: U(new _t()),
     controls: A(null),
     perf: {
       maxFrames: 160,
@@ -791,61 +800,61 @@ function Rr({
     extend: pe,
     invalidate: b,
     registerCamera: c,
-    setCameraActive: M,
+    setCameraActive: P,
     deregisterCamera: p,
-    loop: Br()
+    loop: Rr()
   };
   ce("useTres", v), v.scene.value.__tres = {
     root: v
   }, v.loop.register(() => {
-    l.value && f.frames.value > 0 && (w.value.render(e, l.value), a("render", v.renderer.value)), f.priority.value = 0, f.mode.value === "always" ? f.frames.value = 1 : f.frames.value = Math.max(0, f.frames.value - 1);
+    a.value && f.frames.value > 0 && (w.value.render(e, a.value), l("render", v.renderer.value)), f.priority.value = 0, f.mode.value === "always" ? f.frames.value = 1 : f.frames.value = Math.max(0, f.frames.value - 1);
   }, "render"), v.loop.start(), N(() => {
     v.loop.stop();
   });
-  const h = 100, _ = $t({ every: h }), { isSupported: g, memory: P } = Ft({ interval: h }), C = 160;
+  const h = 100, _ = Wt({ every: h }), { isSupported: g, memory: M } = Nt({ interval: h }), C = 160;
   let R = performance.now();
   const O = ({ timestamp: L }) => {
-    v.scene.value && (v.perf.memory.allocatedMem = be(v.scene.value)), L - R >= h && (R = L, v.perf.fps.accumulator.push(_.value), v.perf.fps.accumulator.length > C && v.perf.fps.accumulator.shift(), v.perf.fps.value = _.value, g.value && P.value && (v.perf.memory.accumulator.push(P.value.usedJSHeapSize / 1024 / 1024), v.perf.memory.accumulator.length > C && v.perf.memory.accumulator.shift(), v.perf.memory.currentMem = v.perf.memory.accumulator.reduce((Y, z) => Y + z, 0) / v.perf.memory.accumulator.length));
+    v.scene.value && (v.perf.memory.allocatedMem = be(v.scene.value)), L - R >= h && (R = L, v.perf.fps.accumulator.push(_.value), v.perf.fps.accumulator.length > C && v.perf.fps.accumulator.shift(), v.perf.fps.value = _.value, g.value && M.value && (v.perf.memory.accumulator.push(M.value.usedJSHeapSize / 1024 / 1024), v.perf.memory.accumulator.length > C && v.perf.memory.accumulator.shift(), v.perf.memory.currentMem = v.perf.memory.accumulator.reduce((Y, z) => Y + z, 0) / v.perf.memory.accumulator.length));
   };
   let T = 0;
-  const S = 1, { pause: j } = Ve(({ delta: L }) => {
+  const S = 1, { pause: j } = Ye(({ delta: L }) => {
     window.__TRES__DEVTOOLS__ && (O({ timestamp: performance.now() }), T += L, T >= S && (window.__TRES__DEVTOOLS__.cb(v), T = 0));
   }, { immediate: !0 });
   return N(() => {
     j();
   }), v;
 }
-function Xe() {
-  const e = st("useTres");
+function et() {
+  const e = at("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const vn = Xe;
-function gn() {
+const gn = et;
+function hn() {
   const {
     camera: e,
     scene: t,
     renderer: n,
     loop: o,
     raycaster: i,
-    controls: a,
+    controls: l,
     invalidate: r,
     advance: s
-  } = Xe();
+  } = et();
   o.setContext({
-    camera: W(e),
-    scene: W(t),
-    renderer: W(n),
-    raycaster: W(i),
-    controls: W(a),
+    camera: e,
+    scene: t,
+    renderer: n,
+    raycaster: i,
+    controls: l,
     invalidate: r,
     advance: s
   });
   function u(c, p = 0) {
     return o.register(c, "before", p);
   }
-  function l(c) {
+  function a(c) {
     return o.register(c, "render");
   }
   function y(c, p = 0) {
@@ -858,63 +867,63 @@ function gn() {
     resumeRender: o.resumeRender,
     isActive: o.isActive,
     onBeforeRender: u,
-    render: l,
+    render: a,
     onAfterRender: y
   };
 }
-function jr(e, t, n) {
+function Ir(e, t, n) {
   const o = U(), i = U();
   e && (o.value = e), t && (i.value = t);
-  const a = B(
+  const l = B(
     () => o.value ? o.value.children : []
   );
-  function r(g, P) {
+  function r(g, M) {
     if (Array.isArray(g))
       for (const C of g)
-        C(P);
-    typeof g == "function" && g(P);
+        C(M);
+    typeof g == "function" && g(M);
   }
-  function s(g, P) {
-    const C = [], R = () => P.stopPropagating = !0;
-    P.stopPropagation = R;
-    for (const O of P == null ? void 0 : P.intersections) {
-      if (P.stopPropagating)
+  function s(g, M) {
+    const C = [], R = () => M.stopPropagating = !0;
+    M.stopPropagation = R;
+    for (const O of M == null ? void 0 : M.intersections) {
+      if (M.stopPropagating)
         return;
-      P = { ...P, ...O };
+      M = { ...M, ...O };
       const { object: T } = O;
-      P.eventObject = T, r(T[g], P), C.push(T);
+      M.eventObject = T, r(T[g], M), C.push(T);
       let S = T.parent;
-      for (; S !== null && !P.stopPropagating && !C.includes(S); )
-        P.eventObject = S, r(S[g], P), C.push(S), S = S.parent;
-      const j = yr(g.slice(2));
-      n(j, { intersection: O, event: P });
+      for (; S !== null && !M.stopPropagating && !C.includes(S); )
+        M.eventObject = S, r(S[g], M), C.push(S), S = S.parent;
+      const j = br(g.slice(2));
+      n(j, { intersection: O, event: M });
     }
   }
   const {
     onClick: u,
-    onDblClick: l,
+    onDblClick: a,
     onContextMenu: y,
     onPointerMove: c,
     onPointerDown: p,
-    onPointerUp: M,
+    onPointerUp: P,
     onPointerMissed: f,
     onWheel: b,
     forceUpdate: m
-  } = Ke(a, t);
-  M((g) => s("onPointerUp", g)), p((g) => s("onPointerDown", g)), u((g) => s("onClick", g)), l((g) => s("onDoubleClick", g)), y((g) => s("onContextMenu", g)), b((g) => s("onWheel", g));
+  } = Ze(l, t);
+  P((g) => s("onPointerUp", g)), p((g) => s("onPointerDown", g)), u((g) => s("onClick", g)), a((g) => s("onDoubleClick", g)), y((g) => s("onContextMenu", g)), b((g) => s("onWheel", g));
   let w = [];
   c((g) => {
-    const P = g.intersections.map(({ object: C }) => C);
+    const M = g.intersections.map(({ object: C }) => C);
     w.forEach((C) => {
-      P.includes(C) || (s("onPointerLeave", g), s("onPointerOut", g));
+      M.includes(C) || (s("onPointerLeave", g), s("onPointerOut", g));
     }), g.intersections.forEach(({ object: C }) => {
       w.includes(C) || (s("onPointerEnter", g), s("onPointerOver", g));
-    }), s("onPointerMove", g), w = P;
+    }), s("onPointerMove", g), w = M;
   });
   const v = [];
   f((g) => {
-    const P = () => g.stopPropagating = !0;
-    g.stopPropagation = P, v.forEach((C) => {
+    const M = () => g.stopPropagating = !0;
+    g.stopPropagation = M, v.forEach((C) => {
       g.stopPropagating || (g.eventObject = C, r(C.onPointerMissed, g));
     }), n("pointer-missed", { event: g });
   });
@@ -922,8 +931,8 @@ function jr(e, t, n) {
     v.push(g);
   }
   function _(g) {
-    const P = v.indexOf(g);
-    P > -1 && v.splice(P, 1);
+    const M = v.indexOf(g);
+    M > -1 && v.splice(M, 1);
   }
   return t.eventManager = {
     forceUpdate: m,
@@ -931,7 +940,7 @@ function jr(e, t, n) {
     deregisterPointerMissedObject: _
   }, { forceUpdate: m, registerPointerMissedObject: h, deregisterPointerMissedObject: _ };
 }
-const { logError: je } = $(), Ir = [
+const { logError: He } = $(), Hr = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -947,50 +956,50 @@ const { logError: je } = $(), Ir = [
   "onLostPointerCapture",
   "onWheel"
 ];
-function Ie(e) {
+function Ue(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();
 }
-const Hr = () => {
+const Ur = () => {
   let e = null;
-  function t(r, s, u, l) {
-    if (l || (l = {}), l.args || (l.args = []), r === "template" || gr(r))
+  function t(r, s, u, a) {
+    if (a || (a = {}), a.args || (a.args = []), r === "template" || hr(r))
       return null;
     let y = r.replace("Tres", ""), c;
     if (r === "primitive") {
-      (l == null ? void 0 : l.object) === void 0 && je("Tres primitives need a prop 'object'");
-      const p = l.object;
+      (a == null ? void 0 : a.object) === void 0 && He("Tres primitives need a prop 'object'");
+      const p = a.object;
       y = p.type, c = Object.assign(p.clone(), { type: y });
     } else {
       const p = de.value[y];
-      p || je(
+      p || He(
         `${y} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), c = new p(...l.args);
+      ), c = new p(...a.args);
     }
-    return c ? (c.isCamera && (l != null && l.position || c.position.set(3, 3, 3), l != null && l.lookAt || c.lookAt(0, 0, 0)), (l == null ? void 0 : l.attach) === void 0 && (c.isMaterial ? c.attach = "material" : c.isBufferGeometry && (c.attach = "geometry")), c.__tres = {
+    return c ? (c.isCamera && (a != null && a.position || c.position.set(3, 3, 3), a != null && a.lookAt || c.lookAt(0, 0, 0)), (a == null ? void 0 : a.attach) === void 0 && (c.isMaterial ? c.attach = "material" : c.isBufferGeometry && (c.attach = "geometry")), c.__tres = {
       ...c.__tres,
       type: y,
-      memoizedProps: l,
+      memoizedProps: a,
       eventCount: 0,
       disposable: !0,
       primitive: r === "primitive"
-    }, c.isObject3D && c.__tres && (l != null && l.material || l != null && l.geometry) && (c.__tres.disposable = !1), c) : null;
+    }, c.isObject3D && c.__tres && (a != null && a.material || a != null && a.geometry) && (c.__tres.disposable = !1), c) : null;
   }
   function n(r, s) {
-    var l, y, c, p, M;
+    var a, y, c, p, P;
     if (!r)
       return;
     s && s.isScene && (e = s), e && r.__tres && (r.__tres.root = e.__tres.root);
     const u = s || e;
     if (r != null && r.isObject3D) {
-      const { registerCamera: f } = (l = r == null ? void 0 : r.__tres) == null ? void 0 : l.root;
-      r != null && r.isCamera && f(r), r.onPointerMissed && ((y = r == null ? void 0 : r.__tres) != null && y.root) && ((M = (p = (c = r == null ? void 0 : r.__tres) == null ? void 0 : c.root) == null ? void 0 : p.eventManager) == null || M.registerPointerMissedObject(r));
+      const { registerCamera: f } = (a = r == null ? void 0 : r.__tres) == null ? void 0 : a.root;
+      r != null && r.isCamera && f(r), r.onPointerMissed && ((y = r == null ? void 0 : r.__tres) != null && y.root) && ((P = (p = (c = r == null ? void 0 : r.__tres) == null ? void 0 : c.root) == null ? void 0 : p.eventManager) == null || P.registerPointerMissedObject(r));
     }
     r != null && r.isObject3D && (u != null && u.isObject3D) ? (u.add(r), r.dispatchEvent({ type: "added" })) : r != null && r.isFog ? u.fog = r : typeof (r == null ? void 0 : r.attach) == "string" && (r.__previousAttach = r[u == null ? void 0 : u.attach], u && (u[r.attach] = r));
   }
   function o(r) {
-    var u, l, y, c;
+    var u, a, y, c;
     if (!r)
       return;
     const s = r.__tres;
@@ -1003,16 +1012,16 @@ const Hr = () => {
       (u = r.removeFromParent) == null || u.call(r), r.traverse((f) => {
         var b, m;
         p(f), f.onPointerMissed && ((m = (b = s == null ? void 0 : s.root) == null ? void 0 : b.eventManager) == null || m.deregisterPointerMissedObject(f));
-      }), p(r), Ie(r), !((l = r.__tres) == null ? void 0 : l.primitive) && ((y = r.__tres) != null && y.disposable) && ye(r), (c = r.dispose) == null || c.call(r);
+      }), p(r), Ue(r), !((a = r.__tres) == null ? void 0 : a.primitive) && ((y = r.__tres) != null && y.disposable) && ye(r), (c = r.dispose) == null || c.call(r);
     }
   }
-  function i(r, s, u, l) {
+  function i(r, s, u, a) {
     var y, c;
     if (r) {
-      let p = r, M = s;
-      if ((y = r == null ? void 0 : r.__tres) != null && y.primitive && M === "object" && u !== null) {
+      let p = r, P = s;
+      if ((y = r == null ? void 0 : r.__tres) != null && y.primitive && P === "object" && u !== null) {
         const w = t("primitive", void 0, void 0, {
-          object: l
+          object: a
         });
         for (const v in w) {
           if (v === "uuid")
@@ -1022,41 +1031,41 @@ const Hr = () => {
         }
         w != null && w.__tres && (w.__tres.root = e == null ? void 0 : e.__tres.root), w != null && w.isGroup ? (r.geometry = void 0, r.material = void 0) : delete r.isGroup;
       }
-      if (r != null && r.isObject3D && M === "blocks-pointer-events") {
-        l || l === "" ? r[M] = l : delete r[M];
+      if (r != null && r.isObject3D && P === "blocks-pointer-events") {
+        a || a === "" ? r[P] = a : delete r[P];
         return;
       }
-      let f = X(M), b = p == null ? void 0 : p[f];
-      if (M === "args") {
-        const w = r, v = u ?? [], h = l ?? [], _ = ((c = r == null ? void 0 : r.__tres) == null ? void 0 : c.type) || r.type;
-        _ && v.length && !Pr(v, h) && (p = Object.assign(
+      let f = X(P), b = p == null ? void 0 : p[f];
+      if (P === "args") {
+        const w = r, v = u ?? [], h = a ?? [], _ = ((c = r == null ? void 0 : r.__tres) == null ? void 0 : c.type) || r.type;
+        _ && v.length && !Cr(v, h) && (p = Object.assign(
           w,
-          new de.value[_](...l)
+          new de.value[_](...a)
         ));
         return;
       }
       if (p.type === "BufferGeometry") {
-        if (M === "args")
+        if (P === "args")
           return;
         p.setAttribute(
-          X(M),
-          new Ct(...l)
+          X(P),
+          new Et(...a)
         );
         return;
       }
-      if (M.includes("-") && b === void 0) {
-        const w = M.split("-");
-        b = w.reduce((v, h) => v[X(h)], p), M = w.pop(), f = M, b != null && b.set || (p = w.reduce((v, h) => v[X(h)], p));
+      if (P.includes("-") && b === void 0) {
+        const w = P.split("-");
+        b = w.reduce((v, h) => v[X(h)], p), P = w.pop(), f = P, b != null && b.set || (p = w.reduce((v, h) => v[X(h)], p));
       }
-      let m = l;
+      let m = a;
       if (m === "" && (m = !0), ee(b)) {
-        Ir.includes(s) || (Array.isArray(m) ? r[f](...m) : r[f](m)), f.startsWith("on") && ee(m) && (p[f] = m);
+        Hr.includes(s) || (Array.isArray(m) ? r[f](...m) : r[f](m)), f.startsWith("on") && ee(m) && (p[f] = m);
         return;
       }
-      !(b != null && b.set) && !ee(b) ? p[f] = m : b.constructor === m.constructor && (b != null && b.copy) ? b == null || b.copy(m) : Array.isArray(m) ? b.set(...m) : !b.isColor && b.setScalar ? b.setScalar(m) : b.set(m), Ie(r);
+      !(b != null && b.set) && !ee(b) ? p[f] = m : b.constructor === m.constructor && (b != null && b.copy) ? b == null || b.copy(m) : Array.isArray(m) ? b.set(...m) : !b.isColor && b.setScalar ? b.setScalar(m) : b.set(m), Ue(r);
     }
   }
-  function a(r) {
+  function l(r) {
     return (r == null ? void 0 : r.parent) || null;
   }
   return {
@@ -1064,7 +1073,7 @@ const Hr = () => {
     remove: o,
     createElement: t,
     patchProp: i,
-    parentNode: a,
+    parentNode: l,
     createText: () => void 0,
     createComment: () => void 0,
     setText: () => void 0,
@@ -1076,22 +1085,22 @@ const Hr = () => {
     insertStaticContent: () => void 0
   };
 };
-function Ur() {
-  return Ze().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function $r() {
+  return tt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function Ze() {
+function tt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const $r = typeof Proxy == "function", Fr = "devtools-plugin:setup", Wr = "plugin:settings:set";
+const Fr = typeof Proxy == "function", Wr = "devtools-plugin:setup", Nr = "plugin:settings:set";
 let F, me;
-function Nr() {
+function zr() {
   var e;
   return F !== void 0 || (typeof window < "u" && window.performance ? (F = !0, me = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (F = !0, me = globalThis.perf_hooks.performance) : F = !1), F;
 }
-function zr() {
-  return Nr() ? me.now() : Date.now();
+function Gr() {
+  return zr() ? me.now() : Date.now();
 }
-class Gr {
+class Vr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const o = {};
@@ -1101,27 +1110,27 @@ class Gr {
         o[r] = s.defaultValue;
       }
     const i = `__vue-devtools-plugin-settings__${t.id}`;
-    let a = Object.assign({}, o);
+    let l = Object.assign({}, o);
     try {
       const r = localStorage.getItem(i), s = JSON.parse(r);
-      Object.assign(a, s);
+      Object.assign(l, s);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return a;
+        return l;
       },
       setSettings(r) {
         try {
           localStorage.setItem(i, JSON.stringify(r));
         } catch {
         }
-        a = r;
+        l = r;
       },
       now() {
-        return zr();
+        return Gr();
       }
-    }, n && n.on(Wr, (r, s) => {
+    }, n && n.on(Nr, (r, s) => {
       r === this.plugin.id && this.fallbacks.setSettings(s);
     }), this.proxiedOn = new Proxy({}, {
       get: (r, s) => this.target ? this.target.on[s] : (...u) => {
@@ -1136,11 +1145,11 @@ class Gr {
         args: u,
         resolve: () => {
         }
-      }), this.fallbacks[s](...u)) : (...u) => new Promise((l) => {
+      }), this.fallbacks[s](...u)) : (...u) => new Promise((a) => {
         this.targetQueue.push({
           method: s,
           args: u,
-          resolve: l
+          resolve: a
         });
       })
     });
@@ -1153,12 +1162,12 @@ class Gr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Vr(e, t) {
-  const n = e, o = Ze(), i = Ur(), a = $r && n.enableEarlyProxy;
-  if (i && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    i.emit(Fr, e, t);
+function qr(e, t) {
+  const n = e, o = tt(), i = $r(), l = Fr && n.enableEarlyProxy;
+  if (i && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
+    i.emit(Wr, e, t);
   else {
-    const r = a ? new Gr(n, i) : null;
+    const r = l ? new Vr(n, i) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1166,14 +1175,14 @@ function Vr(e, t) {
     }), r && t(r.proxiedTarget);
   }
 }
-function qr(e, t) {
+function Yr(e, t) {
   const n = `▲ ■ ●${e}`;
-  typeof He == "function" ? He(n, t) : console.log(n);
+  typeof $e == "function" ? $e(n, t) : console.log(n);
 }
-function He(e, t) {
+function $e(e, t) {
   throw new Error(e + t);
 }
-const et = (e) => {
+const rt = (e) => {
   const t = {
     id: e.uuid,
     label: e.type,
@@ -1187,7 +1196,7 @@ const et = (e) => {
   });
   const n = be(e);
   return n > 0 && t.tags.push({
-    label: `${Lr(n)} KB`,
+    label: `${Dr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -1213,30 +1222,30 @@ const et = (e) => {
     tooltip: "Position"
   })), t;
 };
-function tt(e, t, n = "") {
+function nt(e, t, n = "") {
   e.children.forEach((o) => {
     if (o.type === "HightlightMesh" || n && !o.type.includes(n) && !o.name.includes(n))
       return;
-    const i = et(o);
-    t.children.push(i), tt(o, i, n);
+    const i = rt(o);
+    t.children.push(i), nt(o, i, n);
   });
 }
-const Yr = [], G = "tres:inspector", Jr = $e({
+const Jr = [], G = "tres:inspector", Qr = We({
   sceneGraph: null
 });
-function Qr(e, t) {
-  Vr(
+function Kr(e, t) {
+  qr(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: Yr,
+      componentStateTypes: Jr,
       app: e
     },
     (n) => {
-      typeof n.now != "function" && qr(
+      typeof n.now != "function" && Yr(
         "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: G,
@@ -1247,24 +1256,24 @@ function Qr(e, t) {
         n.sendInspectorTree(G);
       }, 1e3), setInterval(() => {
         n.notifyComponentUpdate();
-      }, 5e3), n.on.getInspectorTree((a) => {
-        if (a.inspectorId === G) {
-          const r = et(t.scene.value);
-          tt(t.scene.value, r, a.filter), Jr.sceneGraph = r, a.rootNodes = [r];
+      }, 5e3), n.on.getInspectorTree((l) => {
+        if (l.inspectorId === G) {
+          const r = rt(t.scene.value);
+          nt(t.scene.value, r, l.filter), Qr.sceneGraph = r, l.rootNodes = [r];
         }
       });
       let o = null, i = null;
-      n.on.getInspectorState((a) => {
+      n.on.getInspectorState((l) => {
         var r;
-        if (a.inspectorId === G) {
-          const [s] = t.scene.value.getObjectsByProperty("uuid", a.nodeId);
+        if (l.inspectorId === G) {
+          const [s] = t.scene.value.getObjectsByProperty("uuid", l.nodeId);
           if (!s)
             return;
           if (i && o && o.parent && i.remove(o), s.isMesh) {
-            const u = Er(s);
+            const u = kr(s);
             s.add(u), o = u, i = s;
           }
-          a.state = {
+          l.state = {
             object: [
               {
                 key: "uuid",
@@ -1349,14 +1358,14 @@ function Qr(e, t) {
                 value: s.visible
               }
             ]
-          }, s.isScene && (a.state.info = {
+          }, s.isScene && (l.state.info = {
             memory: be(s),
             objects: s.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
-          }, a.state.programs = ((r = t.renderer.value.info.programs) == null ? void 0 : r.map((u) => ({
+          }, l.state.programs = ((r = t.renderer.value.info.programs) == null ? void 0 : r.map((u) => ({
             key: u.name,
             value: {
               ...u,
@@ -1366,13 +1375,13 @@ function Qr(e, t) {
             }
           }))) || []);
         }
-      }), n.on.editInspectorState((a) => {
-        a.inspectorId === G && _r(t.scene.value, a.nodeId, a.path, a.state.value);
+      }), n.on.editInspectorState((l) => {
+        l.inspectorId === G && Er(t.scene.value, l.nodeId, l.path, l.state.value);
       });
     }
   );
 }
-const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
+const Xr = ["data-scene", "data-tres"], Zr = /* @__PURE__ */ Se({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1416,50 +1425,50 @@ const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
   ],
   setup(e, { expose: t, emit: n }) {
     var b;
-    const o = e, i = n, a = it(), { logWarning: r } = $(), s = A(), u = U(new Ne()), l = (b = xe()) == null ? void 0 : b.appContext.app;
-    pe(Fe);
+    const o = e, i = n, l = lt(), { logWarning: r } = $(), s = A(), u = U(new Ge()), a = (b = xe()) == null ? void 0 : b.appContext.app;
+    pe(Ne);
     const y = (m) => Se({
       setup() {
         var v;
         const w = (v = xe()) == null ? void 0 : v.appContext;
-        return w && (w.app = l), ce("useTres", m), ce("extend", pe), typeof window < "u" && Qr(w == null ? void 0 : w.app, m), () => Te(pt, null, a != null && a.default ? a.default() : []);
+        return w && (w.app = a), ce("useTres", m), ce("extend", pe), typeof window < "u" && Kr(w == null ? void 0 : w.app, m), () => Te(vt, null, l != null && l.default ? l.default() : []);
       }
     }), c = (m) => {
-      const w = y(m), { render: v } = dt(Hr());
+      const w = y(m), { render: v } = mt(Ur());
       v(Te(w), u.value);
     }, p = (m, w = !1) => {
       ye(m.scene.value), w && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), u.value.__tres = {
         root: m
       }, c(m);
-    }, M = B(() => o.disableRender), f = U(null);
-    return t({ context: f, dispose: () => p(f.value, !0) }), at(() => {
+    }, P = B(() => o.disableRender), f = U(null);
+    return t({ context: f, dispose: () => p(f.value, !0) }), ut(() => {
       const m = s;
-      f.value = Rr({
+      f.value = jr({
         scene: u.value,
         canvas: m,
         windowSize: o.windowSize ?? !1,
-        disableRender: M.value ?? !1,
+        disableRender: P.value ?? !1,
         rendererOptions: o,
         emit: i
-      }), jr(u.value, f.value, i);
+      }), Ir(u.value, f.value, i);
       const { registerCamera: w, camera: v, cameras: h, deregisterCamera: _ } = f.value;
       c(f.value);
       const g = () => {
-        const P = new fe(
+        const M = new fe(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        P.position.set(3, 3, 3), P.lookAt(0, 0, 0), w(P);
+        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), w(M);
         const C = ve(() => {
-          h.value.length >= 2 && (P.removeFromParent(), _(P), C == null || C());
+          h.value.length >= 2 && (M.removeFromParent(), _(M), C == null || C());
         });
       };
       V(
         () => o.camera,
-        (P, C) => {
-          P && w(P), C && (C.removeFromParent(), _(C));
+        (M, C) => {
+          M && w(M), C && (C.removeFromParent(), _(C));
         },
         {
           immediate: !0
@@ -1469,13 +1478,13 @@ const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
       ), g());
     }), N(() => {
       p(f.value);
-    }), (m, w) => (lt(), ut("canvas", {
+    }), (m, w) => (ct(), ft("canvas", {
       ref_key: "canvas",
       ref: s,
       "data-scene": u.value.uuid,
-      class: ct(m.$attrs.class),
-      "data-tres": `tresjs ${W(ar).version}`,
-      style: ft({
+      class: dt(m.$attrs.class),
+      "data-tres": `tresjs ${W(ur).version}`,
+      style: pt({
         display: "block",
         width: "100%",
         height: "100%",
@@ -1486,19 +1495,19 @@ const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
         touchAction: "none",
         ...m.$attrs.style
       })
-    }, null, 14, Kr));
+    }, null, 14, Xr));
   }
-}), Zr = [
+}), en = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], en = {
+], tn = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Zr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !en.includes(e) || e === "primitive"
     }
   }
-}, hn = en, yn = {
+}, yn = tn, bn = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1507,14 +1516,14 @@ const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
     console.log("v-log", e);
   }
 };
-class rt extends _t {
+class ot extends kt {
   constructor(t, n) {
     const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Ae();
     i.setAttribute("position", new Oe(o, 3)), i.computeBoundingSphere();
-    const a = new Et({ fog: !1 });
-    super(i, a), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
+    const l = new St({ fog: !1 });
+    super(i, l), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
     const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], s = new Ae();
-    s.setAttribute("position", new Oe(r, 3)), s.computeBoundingSphere(), this.add(new kt(s, new ze({ side: St, fog: !1 })));
+    s.setAttribute("position", new Oe(r, 3)), s.computeBoundingSphere(), this.add(new xt(s, new Ve({ side: Tt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1530,45 +1539,45 @@ class rt extends _t {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: Ue } = $();
+const { logWarning: Fe } = $();
 let te, H;
-const tn = {
-  DirectionalLight: xt,
-  PointLight: Tt,
-  SpotLight: At,
-  HemisphereLight: Ot,
-  RectAreaLight: rt
-}, bn = {
+const rn = {
+  DirectionalLight: At,
+  PointLight: Ot,
+  SpotLight: Lt,
+  HemisphereLight: Dt,
+  RectAreaLight: ot
+}, wn = {
   mounted: (e) => {
     if (!e.isLight) {
-      Ue(`${e.type} is not a light`);
+      Fe(`${e.type} is not a light`);
       return;
     }
-    te = tn[e.type], e.parent.add(new te(e, 1, e.color.getHex()));
+    te = rn[e.type], e.parent.add(new te(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    H = e.parent.children.find((t) => t instanceof te), !(H instanceof rt) && H.update();
+    H = e.parent.children.find((t) => t instanceof te), !(H instanceof ot) && H.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      Ue(`${e.type} is not a light`);
+      Fe(`${e.type} is not a light`);
       return;
     }
     H = e.parent.children.find((t) => t instanceof te), H && H.dispose && H.dispose(), e.parent.remove(H);
   }
-}, { logWarning: rn } = $();
+}, { logWarning: nn } = $();
 let D = null;
-const wn = {
+const Mn = {
   updated: (e, t) => {
     var i;
-    const n = kr(t);
+    const n = Sr(t);
     if (!n) {
-      rn(`v-distance-to: problem with binding value: ${t.value}`);
+      nn(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     D && (D.dispose(), e.parent.remove(D));
     const o = n.clone().sub(e.position);
-    o.normalize(), D = new Lt(o, e.position, e.position.distanceTo(n), 16776960), e.parent.add(D), console.table(
+    o.normalize(), D = new Bt(o, e.position, e.position.distanceTo(n), 16776960), e.parent.add(D), console.table(
       [
         ["Distance:", e.position.distanceTo(n)],
         [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(i = e.position) == null ? void 0 : i.z}`],
@@ -1579,37 +1588,38 @@ const wn = {
   unmounted: (e) => {
     D == null || D.dispose(), e.parent.remove(D);
   }
-}, Mn = {
+}, Pn = {
   install(e) {
-    e.component("TresCanvas", Xr);
+    e.component("TresCanvas", Zr);
   }
 };
 export {
-  Xr as TresCanvas,
+  Zr as TresCanvas,
   de as catalogue,
-  Mn as default,
+  Rr as createRenderLoop,
+  Pn as default,
   ye as dispose,
   pe as extend,
-  un as isProd,
-  pr as normalizeColor,
-  cn as normalizeVectorFlexibleParam,
-  hn as templateCompilerOptions,
-  Or as trasverseObjects,
-  lr as useCamera,
-  fn as useLoader,
+  cn as isProd,
+  mr as normalizeColor,
+  fn as normalizeVectorFlexibleParam,
+  yn as templateCompilerOptions,
+  Lr as trasverseObjects,
+  cr as useCamera,
+  dn as useLoader,
   $ as useLogger,
-  gn as useLoop,
-  mn as usePointerEventHandler,
-  Ke as useRaycaster,
-  ln as useRenderLoop,
-  Tr as useRenderer,
-  pn as useSeek,
-  dn as useTexture,
-  vn as useTres,
-  Xe as useTresContext,
-  Rr as useTresContextProvider,
-  jr as useTresEventManager,
-  wn as vDistanceTo,
-  bn as vLightHelper,
-  yn as vLog
+  hn as useLoop,
+  vn as usePointerEventHandler,
+  Ze as useRaycaster,
+  un as useRenderLoop,
+  Ar as useRenderer,
+  mn as useSeek,
+  pn as useTexture,
+  gn as useTres,
+  et as useTresContext,
+  jr as useTresContextProvider,
+  Ir as useTresEventManager,
+  Mn as vDistanceTo,
+  wn as vLightHelper,
+  bn as vLog
 };