@tresjs/core 4.0.0-rc.2 → 4.0.0

package/dist/tres.js

@@ -1,24 +1,24 @@
 /**
  * name: @tresjs/core
- * version: v4.0.0-rc.2
+ * 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, unref as W, provide as ce, inject as st, 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.2", 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.2", 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,21 +59,21 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", 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.1.0",
   "@types/three": "^0.164.1",
-  "@typescript-eslint/eslint-plugin": "^7.10.0",
-  "@typescript-eslint/parser": "^7.10.0",
+  "@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",
@@ -84,7 +84,7 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", Gt = "pnpm@8.15.6",
   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",
@@ -96,7 +96,7 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", Gt = "pnpm@8.15.6",
   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",
@@ -106,31 +106,31 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", Gt = "pnpm@8.15.6",
   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((a) => a.uuid === r);
+    const s = r instanceof gt ? r : t.value.find((a) => a.uuid === r);
     if (!s)
       return;
     const u = t.value.filter(({ uuid: a }) => a !== s.uuid);
@@ -142,7 +142,7 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", Gt = "pnpm@8.15.6",
   };
   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 = [];
@@ -154,28 +154,29 @@ const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.2", Gt = "pnpm@8.15.6",
     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,45 +210,45 @@ 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 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, 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)) {
+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);
   }
@@ -259,20 +260,20 @@ 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;
@@ -297,55 +298,55 @@ 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((l) => Re(l)), 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: l }
@@ -353,7 +354,7 @@ function Tr({
   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,7 +375,7 @@ function Tr({
   }, {
     immediate: !0
   }), V(() => t.clearColor, u);
-  const { pixelRatio: a } = Bt();
+  const { pixelRatio: a } = jt();
   V(a, () => {
     s.value.setPixelRatio(a.value);
   });
@@ -394,21 +395,21 @@ function Tr({
     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])), P === "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 M = g();
-      return M !== void 0 ? M : 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");
+      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,14 +418,14 @@ 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) {
+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(
@@ -432,17 +433,17 @@ async function fn(e, t, n, o, i) {
       r.load(
         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(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((l, r) => {
+async function pn(e, t) {
+  const n = new Pt(t), o = (i) => new Promise((l, r) => {
     n.load(
       i,
       (s) => l(s),
@@ -452,7 +453,7 @@ async function dn(e, t) {
       }
     );
   });
-  if (Cr(e)) {
+  if (_r(e)) {
     const i = await Promise.all(e.map((l) => o(l)));
     return e.length > 1 ? i : i[0];
   } else {
@@ -478,10 +479,10 @@ async function dn(e, t) {
     };
   }
 }
-const Ke = (e, t) => {
-  const n = B(() => t.renderer.value.domElement), o = U([]), { x: i, y: l } = 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: a, 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,
@@ -557,7 +558,7 @@ const Ke = (e, t) => {
     forceUpdate: T
   };
 };
-function pn() {
+function mn() {
   const { logWarning: e } = $();
   function t(l, r, s) {
     let u = null;
@@ -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(),
@@ -600,7 +601,7 @@ const mn = (e) => {
     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()
@@ -609,7 +610,7 @@ const mn = (e) => {
     )
   );
   e.registerObjectAtPointerEventHandler = r, e.deregisterObjectAtPointerEventHandler = l, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = i;
-  const { onClick: u, onPointerMove: a } = Ke(s, e);
+  const { onClick: u, onPointerMove: a } = Ze(s, e);
   u(({ intersects: c, event: p }) => {
     var P;
     c.length && ((P = t.click.get(c[0].object)) == null || P(c[0], p));
@@ -635,12 +636,12 @@ function be(e) {
     }
   }), 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)), l = ue(Le(o.height, n)), r = B(() => i.value / l.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: l,
     width: i,
@@ -662,7 +663,7 @@ function le() {
   return { on: (a, y = 0) => {
     e.set(a, { priority: y, addI: n++ });
     const c = () => l(a);
-    return Ut(c), o = !0, {
+    return Ft(c), o = !0, {
       off: c
     };
   }, off: l, trigger: (...a) => {
@@ -673,10 +674,10 @@ function le() {
     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();
+  const i = Ct.generateUUID();
   let l = null;
   const r = le(), s = le(), u = le();
   let a = {};
@@ -737,7 +738,7 @@ function Br() {
     setContext: y
   };
 }
-function Rr({
+function jr({
   scene: e,
   canvas: t,
   windowSize: n,
@@ -745,13 +746,13 @@ function Rr({
   rendererOptions: i,
   emit: l
 }) {
-  const { logWarning: r } = $(), s = U(e), u = Dr(n, t), {
+  const { logWarning: r } = $(), s = U(e), u = Br(n, t), {
     camera: a,
     cameras: y,
     registerCamera: c,
     deregisterCamera: p,
     setCameraActive: P
-  } = lr({ sizes: u, scene: e }), f = {
+  } = cr({ sizes: u, scene: e }), f = {
     mode: A(i.renderMode || "always"),
     priority: A(0),
     frames: A(0),
@@ -764,7 +765,7 @@ 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,
@@ -780,7 +781,7 @@ function Rr({
     camera: a,
     cameras: ue(y),
     renderer: w,
-    raycaster: U(new Pt()),
+    raycaster: U(new _t()),
     controls: A(null),
     perf: {
       maxFrames: 160,
@@ -801,7 +802,7 @@ function Rr({
     registerCamera: c,
     setCameraActive: P,
     deregisterCamera: p,
-    loop: Br()
+    loop: Rr()
   };
   ce("useTres", v), v.scene.value.__tres = {
     root: v
@@ -810,27 +811,27 @@ function Rr({
   }, "render"), v.loop.start(), N(() => {
     v.loop.stop();
   });
-  const h = 100, _ = $t({ every: h }), { isSupported: g, memory: M } = 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 && 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,
@@ -840,7 +841,7 @@ function gn() {
     controls: l,
     invalidate: r,
     advance: s
-  } = Xe();
+  } = et();
   o.setContext({
     camera: e,
     scene: t,
@@ -870,7 +871,7 @@ function gn() {
     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 l = B(
@@ -894,7 +895,7 @@ function jr(e, t, n) {
       let S = T.parent;
       for (; S !== null && !M.stopPropagating && !C.includes(S); )
         M.eventObject = S, r(S[g], M), C.push(S), S = S.parent;
-      const j = yr(g.slice(2));
+      const j = br(g.slice(2));
       n(j, { intersection: O, event: M });
     }
   }
@@ -908,7 +909,7 @@ function jr(e, t, n) {
     onPointerMissed: f,
     onWheel: b,
     forceUpdate: m
-  } = Ke(l, t);
+  } = 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) => {
@@ -939,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",
@@ -955,24 +956,24 @@ 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, a) {
-    if (a || (a = {}), a.args || (a.args = []), r === "template" || gr(r))
+    if (a || (a = {}), a.args || (a.args = []), r === "template" || hr(r))
       return null;
     let y = r.replace("Tres", ""), c;
     if (r === "primitive") {
-      (a == null ? void 0 : a.object) === void 0 && je("Tres primitives need a prop '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(...a.args);
     }
@@ -1011,7 +1012,7 @@ 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), !((a = r.__tres) == null ? void 0 : a.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, a) {
@@ -1037,7 +1038,7 @@ const Hr = () => {
       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 && !Pr(v, h) && (p = Object.assign(
+        _ && v.length && !Cr(v, h) && (p = Object.assign(
           w,
           new de.value[_](...a)
         ));
@@ -1048,7 +1049,7 @@ const Hr = () => {
           return;
         p.setAttribute(
           X(P),
-          new Ct(...a)
+          new Et(...a)
         );
         return;
       }
@@ -1058,10 +1059,10 @@ const Hr = () => {
       }
       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 l(r) {
@@ -1084,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 = {};
@@ -1127,9 +1128,9 @@ class Gr {
         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) => {
@@ -1161,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(), l = $r && n.enableEarlyProxy;
+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(Fr, e, t);
+    i.emit(Wr, e, t);
   else {
-    const r = l ? 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,
@@ -1174,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,
@@ -1195,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"
@@ -1221,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,
@@ -1257,8 +1258,8 @@ function Qr(e, t) {
         n.notifyComponentUpdate();
       }, 5e3), n.on.getInspectorTree((l) => {
         if (l.inspectorId === G) {
-          const r = et(t.scene.value);
-          tt(t.scene.value, r, l.filter), Jr.sceneGraph = r, l.rootNodes = [r];
+          const r = rt(t.scene.value);
+          nt(t.scene.value, r, l.filter), Qr.sceneGraph = r, l.rootNodes = [r];
         }
       });
       let o = null, i = null;
@@ -1269,7 +1270,7 @@ function Qr(e, t) {
           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;
           }
           l.state = {
@@ -1375,12 +1376,12 @@ function Qr(e, t) {
           }))) || []);
         }
       }), n.on.editInspectorState((l) => {
-        l.inspectorId === G && _r(t.scene.value, l.nodeId, l.path, l.state.value);
+        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 },
@@ -1424,32 +1425,32 @@ const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
   ],
   setup(e, { expose: t, emit: n }) {
     var b;
-    const o = e, i = n, l = it(), { logWarning: r } = $(), s = A(), u = U(new Ne()), a = (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 = a), ce("useTres", m), ce("extend", pe), typeof window < "u" && Qr(w == null ? void 0 : w.app, m), () => Te(pt, null, l != null && l.default ? l.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);
     }, P = B(() => o.disableRender), f = U(null);
-    return t({ context: f, dispose: () => p(f.value, !0) }), at(() => {
+    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: 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 = () => {
@@ -1477,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%",
@@ -1494,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]);
@@ -1515,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 l = new Et({ fog: !1 });
+    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)
@@ -1538,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}`],
@@ -1587,38 +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,
-  Br as createRenderLoop,
-  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
 };