@tresjs/core 4.2.9 → 4.3.0

package/dist/tres.js

@@ -1,27 +1,27 @@
 /**
  * name: @tresjs/core
- * version: v4.2.9
+ * version: v4.3.0
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-var bt = Object.defineProperty;
-var Ct = (e, t, n) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var me = (e, t, n) => Ct(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRef as $, watch as ce, readonly as ye, unref as J, provide as _e, inject as Mt, isRef as Pt, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as xt, normalizeClass as kt, normalizeStyle as Lt, createRenderer as Rt, h as He, Fragment as Ot } from "vue";
-import * as et from "three";
-import { PerspectiveCamera as we, Camera as Dt, Clock as tt, Vector3 as Se, Color as Z, Scene as nt, MathUtils as rt, MeshBasicMaterial as ot, DoubleSide as jt, REVISION as Bt, SRGBColorSpace as It, ACESFilmicToneMapping as st, PCFSoftShadowMap as Ht, NoToneMapping as $t, WebGLRenderer as he, TextureLoader as Ut, Vector2 as ge, Raycaster as Ft, BufferAttribute as Wt, Object3D as Nt, Line as zt, BufferGeometry as $e, Float32BufferAttribute as Ue, LineBasicMaterial as Gt, Mesh as Vt, BackSide as Yt, DirectionalLightHelper as qt, PointLightHelper as Jt, SpotLightHelper as Kt, HemisphereLightHelper as Qt, ArrowHelper as Xt } from "three";
-import { createEventHook as j, useRafFn as it, toValue as k, unrefElement as Zt, useDevicePixelRatio as en, usePointer as tn, useElementBounding as nn, useWindowSize as rn, useElementSize as on, refDebounced as Fe, tryOnScopeDispose as sn, useFps as an, useMemory as ln } from "@vueuse/core";
-const cn = "@tresjs/core", un = "module", fn = "4.2.9", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = {
+var Et = Object.defineProperty;
+var Tt = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var he = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as J, watchEffect as xe, onUnmounted as K, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as xt, useSlots as At, getCurrentInstance as He, onMounted as kt, openBlock as Lt, createElementBlock as Ot, normalizeClass as Rt, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
+import * as ot from "three";
+import { Scene as st, Vector3 as Ae, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Jt, Mesh as Kt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
+import { tryOnScopeDispose as nn, toValue as x, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
+const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
   type: "git",
   url: "git+https://github.com/Tresjs/tres.git"
-}, vn = [
+}, wn = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], yn = !1, _n = {
+], bn = !1, Mn = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -40,12 +40,12 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.9", dn = "pnpm@9.1.4", pn =
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, wn = "./dist/tres.js", bn = "./dist/tres.js", Cn = "./dist/index.d.ts", Mn = [
+}, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = [
   "*.d.ts",
   "dist"
-], Pn = {
+], Sn = {
   access: "public"
-}, En = {
+}, xn = {
   dev: "cd playground/vue && npm run dev",
   "dev:nuxt": "cd playground/nuxt && npm run dev",
   build: "vite build",
@@ -60,34 +60,33 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.9", dn = "pnpm@9.1.4", pn =
   "docs:build": "vitepress build docs",
   "docs:serve": "vitepress serve docs",
   "docs:preview": "vitepress preview docs",
-  "docs:contributors": "esno scripts/update-contributors.ts",
-  prepare: "node .husky/install.mjs"
-}, Tn = {
+  "docs:contributors": "esno scripts/update-contributors.ts"
+}, An = {
   three: ">=0.133",
   vue: ">=3.4"
-}, Sn = {
+}, kn = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.3",
-  "@vueuse/core": "^10.11.0"
-}, An = {
-  "@release-it/conventional-changelog": "^8.0.1",
+  "@vueuse/core": "^11.1.0"
+}, Ln = {
+  "@release-it/conventional-changelog": "^8.0.2",
   "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "3.9.0",
-  "@tresjs/eslint-config": "^1.1.0",
-  "@types/three": "^0.166.0",
-  "@typescript-eslint/eslint-plugin": "^7.16.0",
-  "@typescript-eslint/parser": "^7.16.0",
-  "@vitejs/plugin-vue": "^5.0.5",
+  "@tresjs/cientos": "4.0.2",
+  "@tresjs/eslint-config": "^1.3.1",
+  "@types/three": "^0.168.0",
+  "@typescript-eslint/eslint-plugin": "^8.6.0",
+  "@typescript-eslint/parser": "^8.6.0",
+  "@vitejs/plugin-vue": "^5.1.3",
   "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^2.0.2",
-  "@vitest/ui": "^2.0.2",
+  "@vitest/coverage-v8": "^2.1.1",
+  "@vitest/ui": "^2.1.1",
   "@vue/test-utils": "^2.4.6",
-  eslint: "^9.6.0",
-  "eslint-plugin-vue": "^9.27.0",
+  eslint: "^9.10.0",
+  "eslint-plugin-vue": "^9.28.0",
   esno: "^4.7.0",
   gsap: "^3.12.5",
-  husky: "^9.0.11",
-  jsdom: "^24.1.0",
+  husky: "^9.1.6",
+  jsdom: "^25.0.0",
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
@@ -95,189 +94,143 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.9", dn = "pnpm@9.1.4", pn =
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
-  sponsorkit: "^0.14.6",
-  three: "^0.166.1",
-  unocss: "^0.61.3",
-  unplugin: "^1.11.0",
-  "unplugin-vue-components": "^0.27.2",
-  vite: "^5.3.3",
-  "vite-plugin-banner": "^0.7.1",
-  "vite-plugin-dts": "3.9.1",
-  "vite-plugin-inspect": "^0.8.4",
+  sponsorkit: "^0.15.5",
+  three: "^0.168.0",
+  unocss: "^0.62.4",
+  unplugin: "^1.14.1",
+  "unplugin-vue-components": "^0.27.4",
+  vite: "^5.4.6",
+  "vite-plugin-banner": "^0.8.0",
+  "vite-plugin-dts": "4.2.1",
+  "vite-plugin-inspect": "^0.8.7",
   "vite-plugin-require-transform": "^1.0.21",
   "vite-svg-loader": "^5.1.0",
-  vitepress: "1.3.0",
-  vitest: "^2.0.2",
-  vue: "^3.4.31",
-  "vue-demi": "^0.14.8"
-}, xn = {
-  name: cn,
-  type: un,
-  version: fn,
-  packageManager: dn,
-  description: pn,
-  author: mn,
-  license: hn,
-  repository: gn,
-  keywords: vn,
-  sideEffects: yn,
-  exports: _n,
-  main: wn,
-  module: bn,
-  types: Cn,
-  files: Mn,
-  publishConfig: Pn,
-  scripts: En,
-  peerDependencies: Tn,
-  dependencies: Sn,
-  devDependencies: An
+  vitepress: "1.3.4",
+  vitest: "^2.1.1",
+  vue: "3.5.6",
+  "vue-demi": "^0.14.10"
+}, On = {
+  name: pn,
+  type: dn,
+  version: mn,
+  packageManager: hn,
+  description: gn,
+  author: vn,
+  license: yn,
+  repository: _n,
+  keywords: wn,
+  sideEffects: bn,
+  exports: Mn,
+  main: Pn,
+  module: Cn,
+  types: En,
+  files: Tn,
+  publishConfig: Sn,
+  scripts: xn,
+  peerDependencies: An,
+  dependencies: kn,
+  devDependencies: Ln
 };
-function be(e) {
+function Rn(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 Dn(e, t, n, r, s) {
+  const { logError: l } = V(), i = new e();
+  return s && s(i), n && n(i), await new Promise((a, c) => {
+    i.load(
+      t,
+      (o) => {
+        const f = o;
+        f.scene && Object.assign(f, Rn(f.scene)), a(f);
+      },
+      r,
+      (o) => {
+        l("[useLoader] - Failed to load resource", o), c(o);
+      }
+    );
+  });
+}
+const qr = /* @__PURE__ */ fe({
+  __name: "component",
+  props: {
+    loader: {},
+    url: {}
+  },
+  async setup(e) {
+    let t, n;
+    const r = e, s = ([t, n] = nt(() => Se(Dn(r.loader, r.url))), t = await t, n(), t);
+    return (l, i) => rt(l.$slots, "default", { data: W(s) });
+  }
+});
+class jn extends ot.Mesh {
+  constructor(...n) {
+    super(...n);
+    he(this, "type", "HightlightMesh");
+    he(this, "createTime");
+    this.createTime = Date.now();
+  }
+  onBeforeRender() {
+    const r = (Date.now() - this.createTime) / 1e3, i = 1 + 0.07 * Math.sin(2.5 * r);
+    this.scale.set(i, i, i);
+  }
+}
+function Me(e) {
   return typeof e > "u";
 }
-function de(e) {
+function pe(e) {
   return Array.isArray(e);
 }
-function kn(e) {
+function Bn(e) {
   return typeof e == "number";
 }
-function at(e) {
+function ft(e) {
   return typeof e == "string";
 }
 function G(e) {
   return typeof e == "function";
 }
-function U(e) {
-  return e === Object(e) && !de(e) && !G(e);
+function H(e) {
+  return e === Object(e) && !pe(e) && !G(e);
 }
 function N(e) {
-  return U(e) && "isObject3D" in e && !!e.isObject3D;
-}
-function We(e) {
-  return U(e) && "isCamera" in e && !!e.isCamera;
-}
-function Ln(e) {
-  return U(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
-}
-function Rn(e) {
-  return U(e) && "isMaterial" in e && !!e.isMaterial;
-}
-function On(e) {
-  return U(e) && "isLight" in e && !!e.isLight;
-}
-function Dn(e) {
-  return U(e) && "isFog" in e && !!e.isFog;
+  return H(e) && "isObject3D" in e && !!e.isObject3D;
 }
-function jn(e) {
-  return U(e) && "isScene" in e && !!e.isScene;
+function ze(e) {
+  return H(e) && "isCamera" in e && !!e.isCamera;
 }
-function oe(e) {
-  return N(e) || Ln(e) || Rn(e) || Dn(e);
+function In(e) {
+  return H(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
 }
-function Bn(e) {
-  return U(e) && !!e.isPrimitive;
+function $n(e) {
+  return H(e) && "isMaterial" in e && !!e.isMaterial;
 }
-const In = ({ sizes: e }) => {
-  const t = H([]), n = V(
-    () => t.value[0]
-  ), r = (i) => {
-    const a = i instanceof Dt ? i : t.value.find((o) => o.uuid === i);
-    if (!a)
-      return;
-    const c = t.value.filter(({ uuid: o }) => o !== a.uuid);
-    t.value = [a, ...c];
-  }, s = (i, a = !1) => {
-    if (We(i)) {
-      const c = i;
-      if (t.value.some(({ uuid: o }) => o === c.uuid))
-        return;
-      a ? r(c) : t.value.push(c);
-    }
-  }, l = (i) => {
-    if (We(i)) {
-      const a = i;
-      t.value = t.value.filter(({ uuid: c }) => c !== a.uuid);
-    }
-  };
-  return Te(() => {
-    e.aspectRatio.value && t.value.forEach((i) => {
-      !i.manual && (i instanceof we || Hn(i)) && (i instanceof we ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
-    });
-  }), K(() => {
-    t.value = [];
-  }), {
-    camera: n,
-    cameras: t,
-    registerCamera: s,
-    deregisterCamera: l,
-    setCameraActive: r
-  };
-};
 function Hn(e) {
-  return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
+  return H(e) && "isLight" in e && !!e.isLight;
 }
-const lt = j(), ct = j(), Ae = j(), ee = new tt();
-let ue = 0, fe = 0;
-const { pause: $n, resume: Ne, isActive: Un } = it(
-  () => {
-    lt.trigger({ delta: ue, elapsed: fe, clock: ee }), ct.trigger({ delta: ue, elapsed: fe, clock: ee }), Ae.trigger({ delta: ue, elapsed: fe, clock: ee });
-  },
-  { immediate: !1 }
-);
-Ae.on(() => {
-  ue = ee.getDelta(), fe = ee.getElapsedTime();
-});
-let ze = !1;
-const Ur = () => (ze || (ze = !0, Ne()), {
-  onBeforeLoop: lt.on,
-  onLoop: ct.on,
-  onAfterLoop: Ae.on,
-  pause: $n,
-  resume: Ne,
-  isActive: Un
-}), Fr = !0, se = "[TresJS ▲ ■ ●] ";
-function Y() {
-  function e(...r) {
-    typeof r[0] == "string" ? r[0] = se + r[0] : r.unshift(se), console.error(...r);
-  }
-  function t(...r) {
-    typeof r[0] == "string" ? r[0] = se + r[0] : r.unshift(se), console.warn(...r);
-  }
-  function n(r, s) {
-  }
-  return {
-    logError: e,
-    logWarning: t,
-    logMessage: n
-  };
-}
-function Wr(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
+function Un(e) {
+  return H(e) && "isFog" in e && !!e.isFog;
 }
 function Fn(e) {
-  return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
+  return H(e) && "isScene" in e && !!e.isScene;
 }
-class Wn extends et.Mesh {
-  constructor(...n) {
-    super(...n);
-    me(this, "type", "HightlightMesh");
-    me(this, "createTime");
-    this.createTime = Date.now();
-  }
-  onBeforeRender() {
-    const r = (Date.now() - this.createTime) / 1e3, i = 1 + 0.07 * Math.sin(2.5 * r);
-    this.scale.set(i, i, i);
-  }
+function re(e) {
+  return N(e) || In(e) || $n(e) || Un(e);
+}
+function Wn(e) {
+  return H(e) && !!e.isPrimitive;
 }
-const ut = (e, t) => {
+const pt = (e, t) => {
   for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], ut(e[n], t[n]));
+    t[n] instanceof Object && Object.assign(t[n], pt(e[n], t[n]));
   return Object.assign(e || {}, t), e;
 }, Nn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", zn = /* @__PURE__ */ Yn(Nn);
 function Ge(e) {
   return e && e.nodeType === 1;
 }
-function ie(e) {
+function oe(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
 const Gn = /\B([A-Z])/g;
@@ -299,7 +252,7 @@ const Ve = (e, t) => {
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   r && r.reduce((s, l, i) => (s[l] === void 0 && (s[l] = {}), i === r.length - 1 && (s[l] = n), s[l]), e);
 };
-function ft(e, t) {
+function dt(e, t) {
   if (Ge(e) && Ge(t)) {
     const s = e.attributes, l = t.attributes;
     return s.length !== l.length ? !1 : Array.from(s).every(({ name: i, value: a }) => t.getAttribute(i) === a);
@@ -312,7 +265,7 @@ function ft(e, t) {
   if (n.length !== r.length)
     return !1;
   for (const s of n)
-    if (!r.includes(s) || !ft(e[s], t[s]))
+    if (!r.includes(s) || !dt(e[s], t[s]))
       return !1;
   return !0;
 }
@@ -320,7 +273,7 @@ function Jn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!ft(e[n], t[n]))
+    if (!dt(e[n], t[n]))
       return !1;
   return !0;
 }
@@ -330,9 +283,9 @@ function Qn(e, t, n, r) {
     if (c.uuid === t)
       return c;
     for (const o of c.children) {
-      const u = s(o);
-      if (u)
-        return u;
+      const f = s(o);
+      if (f)
+        return f;
     }
   }, l = s(e);
   if (!l) {
@@ -351,22 +304,22 @@ function Qn(e, t, n, r) {
   i[a] !== void 0 ? i[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
 function Xn(e) {
-  const t = new ot({
+  const t = new at({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: jt
+    side: It
     // To e
   });
-  return new Wn(e.geometry.clone(), t);
+  return new jn(e.geometry.clone(), t);
 }
 function Zn(e) {
   var n;
   let t = e.value;
-  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Se(...t)), t;
+  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Ae(...t)), t;
 }
 function er(e) {
   return "map" in e;
@@ -374,9 +327,9 @@ function er(e) {
 function Ye(e) {
   er(e) && e.map && e.map.dispose(), e.dispose();
 }
-function dt(e) {
+function mt(e) {
   var n, r;
-  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((s) => dt(s)), !(e instanceof nt)) {
+  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((s) => mt(s)), !(e instanceof st)) {
     const s = e;
     e && ((r = e.dispose) == null || r.call(e)), s.geometry && (s.geometry.dispose(), delete s.geometry), Array.isArray(s.material) ? (s.material.forEach((l) => Ye(l)), delete s.material) : s.material && (Ye(s.material), delete s.material);
   }
@@ -387,7 +340,7 @@ function tr(e, t) {
     t(e[r], r) && (e[n] = e[r], n++);
   return e.length = n, e;
 }
-function Ce(e, t) {
+function Pe(e, t) {
   let n = e;
   if (t.includes("-")) {
     const r = t.split("-");
@@ -403,25 +356,25 @@ function qe(...e) {
 }
 const Je = /-\d+$/;
 function nr(e, t, n) {
-  if (at(n)) {
+  if (ft(n)) {
     if (Je.test(n)) {
-      const l = n.replace(Je, ""), { target: i, key: a } = Ce(e, l);
+      const l = n.replace(Je, ""), { target: i, key: a } = Pe(e, l);
       if (!Array.isArray(i[a])) {
         const c = i[a], o = [];
         o.__tresDetach = () => {
-          o.every((u) => be(u)) && (i[a] = c);
+          o.every((f) => Me(f)) && (i[a] = c);
         }, i[a] = o;
       }
     }
-    const { target: r, key: s } = Ce(e, n);
+    const { target: r, key: s } = Pe(e, n);
     t.__tres.previousAttach = r[s], r[s] = Q(t);
   } else
     t.__tres.previousAttach = n(e, t);
 }
 function rr(e, t, n) {
   var r, s, l;
-  if (at(n)) {
-    const { target: i, key: a } = Ce(e, n), c = t.__tres.previousAttach;
+  if (ft(n)) {
+    const { target: i, key: a } = Pe(e, n), c = t.__tres.previousAttach;
     c === void 0 ? delete i[a] : i[a] = c, "__tresDetach" in i && i.__tresDetach();
   } else
     (s = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || s.call(r, e, t);
@@ -441,7 +394,7 @@ function z(e, t, n) {
     ...t
   }, r.__tres.attach || (r.isMaterial ? r.__tres.attach = "material" : r.isBufferGeometry ? r.__tres.attach = "geometry" : r.isFog && (r.__tres.attach = "fog")), r;
 }
-function pt(e) {
+function ht(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();
@@ -451,10 +404,10 @@ function or(e, t, n) {
   if (!G(e.setPixelRatio))
     return;
   let r = 0;
-  if (de(n) && n.length >= 2) {
+  if (pe(n) && n.length >= 2) {
     const [l, i] = n;
-    r = rt.clamp(t, l, i);
-  } else kn(n) ? r = n : r = t;
+    r = it.clamp(t, l, i);
+  } else Bn(n) ? r = n : r = t;
   r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
 }
 function sr(e, t, n, r, s) {
@@ -463,79 +416,309 @@ function sr(e, t, n, r, s) {
     return !0;
   const a = z(e, t.__tres ?? {}, s), c = t.parent ?? t.__tres.parent ?? null, o = { ...t.__tres.memoizedProps };
   delete o.object;
-  for (const u of l)
-    mt(u, s), ht(u, s);
+  for (const f of l)
+    gt(f, s), vt(f, s);
   i.__tres.objects = [], r.remove(t);
-  for (const [u, v] of Object.entries(o))
-    r.patchProp(a, u, a[u], v);
+  for (const [f, y] of Object.entries(o))
+    r.patchProp(a, f, a[f], y);
   n(e), r.insert(t, c);
-  for (const u of l)
-    r.insert(u, t);
+  for (const f of l)
+    r.insert(f, t);
   return !0;
 }
 function Q(e) {
-  return Bn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+  return Wn(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
-function mt(e, t) {
+function gt(e, t) {
   var r, s, l, i;
   const n = ((r = e.__tres) == null ? void 0 : r.parent) || t.scene.value;
   e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && tr(n.__tres.objects, (a) => a !== e), (s = e.__tres) != null && s.attach ? rr(n, e, e.__tres.attach) : ((i = (l = e.parent) == null ? void 0 : l.remove) == null || i.call(l, Q(e)), e.parent = null);
 }
-function ht(e, t) {
+function vt(e, t) {
   var n;
   (n = e.traverse) == null || n.call(e, (r) => {
     var s;
     t.deregisterCamera(r), (s = t.eventManager) == null || s.deregisterPointerMissedObject(r);
-  }), t.deregisterCamera(e), pt(e);
+  }), t.deregisterCamera(e), ht(e);
 }
-const ir = Number.parseInt(Bt.replace("dev", "")), ae = {
+async function ir(e, t) {
+  const n = new $t(t), r = (s) => new Promise((l, i) => {
+    n.load(
+      s,
+      (a) => l(a),
+      () => null,
+      () => {
+        i(new Error("[useTextures] - Failed to load texture"));
+      }
+    );
+  });
+  if (Kn(e)) {
+    const s = await Promise.all(e.map((l) => r(l)));
+    return e.length > 1 ? s : s[0];
+  } else {
+    const {
+      map: s,
+      displacementMap: l,
+      normalMap: i,
+      roughnessMap: a,
+      metalnessMap: c,
+      aoMap: o,
+      alphaMap: f,
+      matcap: y
+    } = e;
+    return {
+      map: s ? await r(s) : null,
+      displacementMap: l ? await r(l) : null,
+      normalMap: i ? await r(i) : null,
+      roughnessMap: a ? await r(a) : null,
+      metalnessMap: c ? await r(c) : null,
+      aoMap: o ? await r(o) : null,
+      alphaMap: f ? await r(f) : null,
+      matcap: y ? await r(y) : null
+    };
+  }
+}
+const Jr = /* @__PURE__ */ fe({
+  __name: "component",
+  props: {
+    map: {},
+    displacementMap: {},
+    normalMap: {},
+    roughnessMap: {},
+    metalnessMap: {},
+    aoMap: {},
+    alphaMap: {},
+    matcap: {}
+  },
+  async setup(e) {
+    let t, n;
+    const r = e, s = ([t, n] = nt(() => Se(ir(r))), t = await t, n(), t);
+    return (l, i) => rt(l.$slots, "default", { textures: W(s) });
+  }
+}), ar = ({ sizes: e }) => {
+  const t = I([]), n = J(
+    () => t.value[0]
+  ), r = (i) => {
+    const a = i instanceof Ht ? i : t.value.find((o) => o.uuid === i);
+    if (!a)
+      return;
+    const c = t.value.filter(({ uuid: o }) => o !== a.uuid);
+    t.value = [a, ...c];
+  }, s = (i, a = !1) => {
+    if (ze(i)) {
+      const c = i;
+      if (t.value.some(({ uuid: o }) => o === c.uuid))
+        return;
+      a ? r(c) : t.value.push(c);
+    }
+  }, l = (i) => {
+    if (ze(i)) {
+      const a = i;
+      t.value = t.value.filter(({ uuid: c }) => c !== a.uuid);
+    }
+  };
+  return xe(() => {
+    e.aspectRatio.value && t.value.forEach((i) => {
+      !i.manual && (i instanceof be || lr(i)) && (i instanceof be ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
+    });
+  }), K(() => {
+    t.value = [];
+  }), {
+    camera: n,
+    cameras: t,
+    registerCamera: s,
+    deregisterCamera: l,
+    setCameraActive: r
+  };
+};
+function lr(e) {
+  return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
+}
+const Kr = !0, de = "[TresJS ▲ ■ ●] ";
+function cr(...e) {
+  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.error(...e);
+}
+function ur(...e) {
+  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.warn(...e);
+}
+function fr(e, t) {
+}
+function V() {
+  return {
+    logError: cr,
+    logWarning: ur,
+    logMessage: fr
+  };
+}
+const Ce = I({}), Ee = (e) => Object.assign(Ce.value, e);
+function ye() {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  let n = 0, r = !1;
+  const s = () => {
+    const o = Array.from(e.entries()).sort((f, y) => {
+      const u = f[1].priority - y[1].priority;
+      return u === 0 ? f[1].addI - y[1].addI : u;
+    });
+    t.clear(), o.forEach((f) => t.add(f[0]));
+  }, l = (o) => {
+    e.delete(o), t.delete(o);
+  };
+  return { on: (o, f = 0) => {
+    e.set(o, { priority: f, addI: n++ });
+    const y = () => l(o);
+    return nn(y), r = !0, {
+      off: y
+    };
+  }, off: l, trigger: (...o) => {
+    r && (s(), r = !1), t.forEach((f) => f(...o));
+  }, dispose: () => {
+    e.clear(), t.clear();
+  }, get count() {
+    return e.size;
+  } };
+}
+function pr() {
+  let e = !0, t = !0, n = !1;
+  const r = new lt(!1), s = I(r.running), l = I(!1);
+  let i;
+  const a = it.generateUUID();
+  let c = null;
+  const o = ye(), f = ye(), y = ye();
+  P();
+  let u = {};
+  function v(M) {
+    u = M;
+  }
+  function h(M, A, d = 0) {
+    switch (A) {
+      case "before":
+        return o.on(M, d);
+      case "render":
+        return c || (c = M), f.dispose(), f.on(M);
+      case "after":
+        return y.on(M, d);
+    }
+  }
+  function g() {
+    t && (t = !1, P(), b());
+  }
+  function p() {
+    t = !0, P(), cancelAnimationFrame(i);
+  }
+  function _() {
+    n = !1, P();
+  }
+  function C() {
+    n = !0, P();
+  }
+  function E() {
+    l.value = !0;
+  }
+  function T() {
+    l.value = !1;
+  }
+  function b() {
+    if (!e) {
+      i = requestAnimationFrame(b);
+      return;
+    }
+    const M = r.getDelta(), A = r.getElapsedTime(), d = {
+      camera: W(u.camera),
+      scene: W(u.scene),
+      renderer: W(u.renderer),
+      raycaster: W(u.raycaster),
+      controls: W(u.controls),
+      invalidate: u.invalidate,
+      advance: u.advance
+    }, w = { delta: M, elapsed: A, clock: r, ...d };
+    s.value && o.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), s.value && y.trigger(w), i = requestAnimationFrame(b);
+  }
+  function P() {
+    const M = !t && !n;
+    r.running !== M && (r.running ? r.stop() : r.start()), s.value = r.running;
+  }
+  return {
+    loopId: a,
+    register: (M, A, d) => h(M, A, d),
+    start: g,
+    stop: p,
+    pause: C,
+    resume: _,
+    pauseRender: E,
+    resumeRender: T,
+    isRenderPaused: l,
+    isActive: s,
+    setContext: v,
+    setReady: (M) => e = M
+  };
+}
+function ke(e) {
+  let t = 0;
+  return e.traverse((n) => {
+    if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
+      const r = n.geometry, s = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = s + l + i + a;
+      t += c;
+    }
+  }), t;
+}
+function dr(e) {
+  return (e / 1024).toFixed(2);
+}
+const mr = Number.parseInt(Ut.replace("dev", ""));
+function Qr(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
+}
+function hr(e) {
+  return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
+}
+const se = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: It,
-    toneMapping: st,
+    outputColorSpace: Ft,
+    toneMapping: ct,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Ht
+      type: Wt
     }
   },
   flat: {
-    toneMapping: $t,
+    toneMapping: Nt,
     toneMappingExposure: 1
   }
 };
-function ar({
+function gr({
   canvas: e,
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
 }) {
-  const i = V(() => ({
-    alpha: k(t.alpha) ?? !0,
-    depth: k(t.depth),
-    canvas: Zt(e),
-    context: k(t.context),
-    stencil: k(t.stencil),
-    antialias: k(t.antialias) ?? !0,
-    precision: k(t.precision),
-    powerPreference: k(t.powerPreference),
-    premultipliedAlpha: k(t.premultipliedAlpha),
-    preserveDrawingBuffer: k(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: k(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: k(t.failIfMajorPerformanceCaveat)
-  })), a = $(new he(i.value));
+  const i = J(() => ({
+    alpha: x(t.alpha) ?? !0,
+    depth: x(t.depth),
+    canvas: rn(e),
+    context: x(t.context),
+    stencil: x(t.stencil),
+    antialias: x(t.antialias) ?? !0,
+    precision: x(t.precision),
+    powerPreference: x(t.powerPreference),
+    premultipliedAlpha: x(t.premultipliedAlpha),
+    preserveDrawingBuffer: x(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: x(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: x(t.failIfMajorPerformanceCaveat)
+  })), a = $(new ge(i.value));
   function c() {
     t.renderMode === "on-demand" && s();
   }
-  ce(i, () => {
-    a.value.dispose(), a.value = new he(i.value), c();
-  }), ce([n.width, n.height], () => {
+  ae(i, () => {
+    a.value.dispose(), a.value = new ge(i.value), c();
+  }), ae([n.width, n.height], () => {
     a.value.setSize(n.width.value, n.height.value), c();
   }, {
     immediate: !0
-  }), ce(() => t.clearColor, c);
-  const { pixelRatio: o } = en(), { logError: u } = Y(), d = (() => {
-    const h = new he(), b = {
+  }), ae(() => t.clearColor, c);
+  const { pixelRatio: o } = on(), { logError: f } = V(), u = (() => {
+    const h = new ge(), g = {
       shadowMap: {
         enabled: h.shadowMap.enabled,
         type: h.shadowMap.type
@@ -544,27 +727,27 @@ function ar({
       toneMappingExposure: h.toneMappingExposure,
       outputColorSpace: h.outputColorSpace
     };
-    return h.dispose(), b;
-  })(), g = k(t.renderMode);
-  return g === "on-demand" && s(), g === "manual" && setTimeout(() => {
+    return h.dispose(), g;
+  })(), v = x(t.renderMode);
+  return v === "on-demand" && s(), v === "manual" && setTimeout(() => {
     l();
-  }, 100), Te(() => {
-    const h = k(t.preset);
-    h && (h in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(a.value, ae[h])), or(a.value, o.value, k(t.dpr)), g === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const b = (M, P) => {
-      const C = k(M), E = () => {
+  }, 100), xe(() => {
+    const h = x(t.preset);
+    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), pt(a.value, se[h])), or(a.value, o.value, x(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const g = (C, E) => {
+      const T = x(C), b = () => {
         if (h)
-          return Ve(ae[h], P);
+          return Ve(se[h], E);
       };
-      if (C !== void 0)
-        return C;
-      const S = E();
-      return S !== void 0 ? S : Ve(d, P);
-    }, y = (M, P) => qn(a.value, P, b(M, P));
-    y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? st, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), ir < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
-    const f = b(t.clearColor, "clearColor");
-    f && a.value.setClearColor(
-      f ? Fn(f) : new Z(0)
+      if (T !== void 0)
+        return T;
+      const P = b();
+      return P !== void 0 ? P : Ve(u, E);
+    }, p = (C, E) => qn(a.value, E, g(C, E));
+    p(t.shadows, "shadowMap.enabled"), p(t.toneMapping ?? ct, "toneMapping"), p(t.shadowMapType, "shadowMap.type"), mr < 150 && p(!t.useLegacyLights, "physicallyCorrectLights"), p(t.outputColorSpace, "outputColorSpace"), p(t.toneMappingExposure, "toneMappingExposure");
+    const _ = g(t.clearColor, "clearColor");
+    _ && a.value.setClearColor(
+      _ ? hr(_) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), K(() => {
@@ -573,408 +756,208 @@ function ar({
     renderer: a
   };
 }
-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 Nr(e, t, n, r, s) {
-  const { logError: l } = Y(), i = new e();
-  return s && s(i), n && n(i), await new Promise((a, c) => {
-    i.load(
-      t,
-      (o) => {
-        const u = o;
-        u.scene && Object.assign(u, lr(u.scene)), a(u);
-      },
-      r,
-      (o) => {
-        l("[useLoader] - Failed to load resource", o), c(o);
-      }
-    );
-  });
-}
-async function zr(e, t) {
-  const n = new Ut(t), r = (s) => new Promise((l, i) => {
-    n.load(
-      s,
-      (a) => l(a),
-      () => null,
-      () => {
-        i(new Error("[useTextures] - Failed to load texture"));
-      }
-    );
-  });
-  if (Kn(e)) {
-    const s = await Promise.all(e.map((l) => r(l)));
-    return e.length > 1 ? s : s[0];
-  } else {
-    const {
-      map: s,
-      displacementMap: l,
-      normalMap: i,
-      roughnessMap: a,
-      metalnessMap: c,
-      aoMap: o,
-      alphaMap: u,
-      matcap: v
-    } = e;
-    return {
-      map: s ? await r(s) : null,
-      displacementMap: l ? await r(l) : null,
-      normalMap: i ? await r(i) : null,
-      roughnessMap: a ? await r(a) : null,
-      metalnessMap: c ? await r(c) : null,
-      aoMap: o ? await r(o) : null,
-      alphaMap: u ? await r(u) : null,
-      matcap: v ? await r(v) : null
-    };
-  }
+function vr(e, t, n = 10) {
+  const r = x(e) ? sn() : an(J(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = J(() => s.value / l.value);
+  return {
+    height: l,
+    width: s,
+    aspectRatio: i
+  };
 }
-const cr = (e, t) => {
-  const n = V(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = tn({ target: n });
+const yr = (e, t) => {
+  const n = J(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
   let i = 0;
-  const { width: a, height: c, top: o, left: u } = nn(n), v = ({ x: m, y: T }) => {
+  const { width: a, height: c, top: o, left: f } = cn(n), y = ({ x: m, y: S }) => {
     if (n.value)
       return {
-        x: (m - u.value) / a.value * 2 - 1,
-        y: -((T - o.value) / c.value) * 2 + 1
+        x: (m - f.value) / a.value * 2 - 1,
+        y: -((S - o.value) / c.value) * 2 + 1
       };
-  }, d = ({ x: m, y: T }) => {
+  }, u = ({ x: m, y: S }) => {
     if (t.camera.value)
-      return t.raycaster.value.setFromCamera(new ge(m, T), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
-  }, g = (m) => {
-    const T = v({
+      return t.raycaster.value.setFromCamera(new ve(m, S), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
+  }, v = (m) => {
+    const S = y({
       x: (m == null ? void 0 : m.clientX) ?? s.value,
       y: (m == null ? void 0 : m.clientY) ?? l.value
     });
-    return T ? d(T) || [] : [];
-  }, h = j(), b = j(), y = j(), f = j(), M = j(), P = j(), C = j(), E = j();
-  function S(m) {
-    const T = {};
-    for (const F in m)
-      typeof F != "function" && (T[F] = m[F]);
-    return T;
+    return S ? u(S) || [] : [];
+  }, h = D(), g = D(), p = D(), _ = D(), C = D(), E = D(), T = D(), b = D();
+  function P(m) {
+    const S = {};
+    for (const U in m)
+      typeof U != "function" && (S[U] = m[U]);
+    return S;
   }
-  const _ = (m, T) => {
-    var Oe, De, je;
-    const F = S(T), re = new Se(T == null ? void 0 : T.clientX, T == null ? void 0 : T.clientY, 0).unproject((Oe = t.camera) == null ? void 0 : Oe.value);
+  const M = (m, S) => {
+    var Be, Ie, $e;
+    const U = P(S), ne = new Ae(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
     m.trigger({
-      ...F,
+      ...U,
       intersections: r.value,
       // The unprojectedPoint is wrong, math needs to be fixed
-      unprojectedPoint: re,
-      ray: (De = t.raycaster) == null ? void 0 : De.value.ray,
-      camera: (je = t.camera) == null ? void 0 : je.value,
-      sourceEvent: T,
+      unprojectedPoint: ne,
+      ray: (Ie = t.raycaster) == null ? void 0 : Ie.value.ray,
+      camera: ($e = t.camera) == null ? void 0 : $e.value,
+      sourceEvent: S,
       delta: i,
       stopPropagating: !1
     });
   };
   let A;
-  const L = (m) => {
-    g(m), _(y, m), A = m;
-  }, p = () => {
-    A && L(A);
+  const d = (m) => {
+    v(m), M(p, m), A = m;
+  }, w = () => {
+    A && d(A);
   };
-  let w, x, D;
-  const O = (m) => {
-    var T;
-    w = (T = r.value[0]) == null ? void 0 : T.object, i = 0, x = new ge(
+  let k, L, O;
+  const j = (m) => {
+    var S;
+    k = (S = r.value[0]) == null ? void 0 : S.object, i = 0, L = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), _(M, m);
+    ), M(C, m);
   };
-  let B, R = !1;
-  const ne = (m) => {
-    var T, F, re;
-    m instanceof PointerEvent && (r.value.length === 0 && _(P, m), w === ((T = r.value[0]) == null ? void 0 : T.object) && (D = new ge(
+  let R, Y = !1;
+  const Oe = (m) => {
+    var S, U, ne;
+    m instanceof PointerEvent && (r.value.length === 0 && M(E, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (O = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = x == null ? void 0 : x.distanceTo(D), m.button === 0 ? (_(h, m), B === ((F = r.value[0]) == null ? void 0 : F.object) ? R = !0 : (B = (re = r.value[0]) == null ? void 0 : re.object, R = !1)) : m.button === 2 && _(C, m)), _(f, m));
-  }, ke = (m) => {
-    R && (_(b, m), B = void 0, R = !1);
-  }, Le = (m) => _(y, m), Re = (m) => _(E, m);
-  return n.value.addEventListener("pointerup", ne), n.value.addEventListener("pointerdown", O), n.value.addEventListener("pointermove", L), n.value.addEventListener("pointerleave", Le), n.value.addEventListener("dblclick", ke), n.value.addEventListener("wheel", Re), K(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", ne), n.value.removeEventListener("pointerdown", O), n.value.removeEventListener("pointermove", L), n.value.removeEventListener("pointerleave", Le), n.value.removeEventListener("dblclick", ke), n.value.removeEventListener("wheel", Re));
+    ), i = L == null ? void 0 : L.distanceTo(O), m.button === 0 ? (M(h, m), R === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (R = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
+  }, Re = (m) => {
+    Y && (M(g, m), R = void 0, Y = !1);
+  }, De = (m) => M(p, m), je = (m) => M(b, m);
+  return n.value.addEventListener("pointerup", Oe), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", d), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Re), n.value.addEventListener("wheel", je), K(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", Oe), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", d), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Re), n.value.removeEventListener("wheel", je));
   }), {
     intersects: r,
     onClick: (m) => h.on(m).off,
-    onDblClick: (m) => b.on(m).off,
-    onContextMenu: (m) => C.on(m).off,
-    onPointerMove: (m) => y.on(m).off,
-    onPointerUp: (m) => f.on(m).off,
-    onPointerDown: (m) => M.on(m).off,
-    onPointerMissed: (m) => P.on(m).off,
-    onWheel: (m) => E.on(m).off,
-    forceUpdate: p
+    onDblClick: (m) => g.on(m).off,
+    onContextMenu: (m) => T.on(m).off,
+    onPointerMove: (m) => p.on(m).off,
+    onPointerUp: (m) => _.on(m).off,
+    onPointerDown: (m) => C.on(m).off,
+    onPointerMissed: (m) => E.on(m).off,
+    onWheel: (m) => b.on(m).off,
+    forceUpdate: w
   };
 };
-function Gr() {
-  const { logWarning: e } = Y();
-  function t(l, i, a) {
-    let c = null;
-    return l.traverse((o) => {
-      o[i] === a && (c = o);
-    }), c || e(`Child with ${i} '${a}' not found.`), c;
-  }
-  function n(l, i, a) {
-    const c = [];
-    return l.traverse((o) => {
-      o[i].includes(a) && c.push(o);
-    }), c.length || e(`Children with ${i} '${a}' not found.`), c;
-  }
-  function r(l, i) {
-    return t(l, "name", i);
-  }
-  function s(l, i) {
-    return n(l, "name", i);
-  }
-  return {
-    seek: t,
-    seekByName: r,
-    seekAll: n,
-    seekAllByName: s
-  };
-}
-function xe(e) {
-  let t = 0;
-  return e.traverse((n) => {
-    if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
-      const r = n.geometry, s = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = s + l + i + a;
-      t += c;
-    }
-  }), t;
-}
-function ur(e) {
-  return (e / 1024).toFixed(2);
-}
-const Me = H({}), Pe = (e) => Object.assign(Me.value, e);
-function fr(e, t, n) {
-  var L;
+function _e(e, t) {
+  if (Array.isArray(e))
+    for (const n of e)
+      n(t);
+  typeof e == "function" && e(t);
+}
+function _r(e, t, n) {
+  var A;
   const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
-  const l = (p) => {
+  const l = (d) => {
     var w;
-    return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
-  }, i = (p) => {
+    return ((w = d.__tres) == null ? void 0 : w.eventCount) > 0;
+  }, i = (d) => {
     var w;
-    return ((w = p.children) == null ? void 0 : w.some((x) => i(x))) || l(p);
-  }, a = $(((L = r.value) == null ? void 0 : L.children).filter(i) || []);
-  function c(p, w) {
-    if (Array.isArray(p))
-      for (const x of p)
-        x(w);
-    typeof p == "function" && p(w);
-  }
-  function o(p, w) {
-    const x = [], D = () => w.stopPropagating = !0;
-    w.stopPropagation = D;
+    return ((w = d.children) == null ? void 0 : w.some((k) => i(k))) || l(d);
+  }, a = $(((A = r.value) == null ? void 0 : A.children).filter(i) || []);
+  function c(d, w) {
+    const k = [], L = () => w.stopPropagating = !0;
+    w.stopPropagation = L;
     for (const O of w == null ? void 0 : w.intersections) {
       if (w.stopPropagating)
         return;
       w = { ...w, ...O };
-      const { object: B } = O;
-      w.eventObject = B, c(B[p], w), x.push(B);
-      let R = B.parent;
-      for (; R !== null && !w.stopPropagating && !x.includes(R); )
-        w.eventObject = R, c(R[p], w), x.push(R), R = R.parent;
-      const ne = Vn(p.slice(2));
-      n(ne, { intersection: O, event: w });
+      const { object: j } = O;
+      w.eventObject = j, _e(j[d], w), k.push(j);
+      let R = j.parent;
+      for (; R !== null && !w.stopPropagating && !k.includes(R); )
+        w.eventObject = R, _e(R[d], w), k.push(R), R = R.parent;
+      const Y = Vn(d.slice(2));
+      n(Y, { intersection: O, event: w });
     }
   }
   const {
-    onClick: u,
-    onDblClick: v,
-    onContextMenu: d,
-    onPointerMove: g,
-    onPointerDown: h,
-    onPointerUp: b,
-    onPointerMissed: y,
-    onWheel: f,
-    forceUpdate: M
-  } = cr(a, t);
-  b((p) => o("onPointerUp", p)), h((p) => o("onPointerDown", p)), u((p) => o("onClick", p)), v((p) => o("onDoubleClick", p)), d((p) => o("onContextMenu", p)), f((p) => o("onWheel", p));
-  let P = [];
-  g((p) => {
-    const w = p.intersections.map(({ object: D }) => D), x = p.intersections;
-    P.forEach(({ object: D }) => {
-      w.includes(D) || (p.intersections = P, o("onPointerLeave", p), o("onPointerOut", p));
-    }), p.intersections = x, p.intersections.forEach(({ object: D }) => {
-      P.includes(D) || (o("onPointerEnter", p), o("onPointerOver", p));
-    }), o("onPointerMove", p), P = p.intersections;
+    onClick: o,
+    onDblClick: f,
+    onContextMenu: y,
+    onPointerMove: u,
+    onPointerDown: v,
+    onPointerUp: h,
+    onPointerMissed: g,
+    onWheel: p,
+    forceUpdate: _
+  } = yr(a, t);
+  h((d) => c("onPointerUp", d)), v((d) => c("onPointerDown", d)), o((d) => c("onClick", d)), f((d) => c("onDoubleClick", d)), y((d) => c("onContextMenu", d)), p((d) => c("onWheel", d));
+  let C = [];
+  u((d) => {
+    const w = d.intersections.map(({ object: L }) => L), k = d.intersections;
+    C.forEach(({ object: L }) => {
+      w.includes(L) || (d.intersections = C, c("onPointerLeave", d), c("onPointerOut", d));
+    }), d.intersections = k, d.intersections.forEach(({ object: L }) => {
+      C.includes(L) || (c("onPointerEnter", d), c("onPointerOver", d));
+    }), c("onPointerMove", d), C = d.intersections;
   });
-  const C = [];
-  y((p) => {
-    const w = () => p.stopPropagating = !0;
-    p.stopPropagation = w, C.forEach((x) => {
-      p.stopPropagating || (p.eventObject = x, c(x.onPointerMissed, p));
-    }), n("pointer-missed", { event: p });
+  const E = [];
+  g((d) => {
+    const w = () => d.stopPropagating = !0;
+    d.stopPropagation = w, E.forEach((k) => {
+      d.stopPropagating || (d.eventObject = k, _e(k.onPointerMissed, d));
+    }), n("pointer-missed", { event: d });
   });
-  function E(p) {
-    oe(p) && N(p) && a.value.push(p);
+  function T(d) {
+    re(d) && N(d) && a.value.push(d);
   }
-  function S(p) {
-    if (oe(p) && N(p)) {
-      const w = a.value.indexOf(p);
+  function b(d) {
+    if (re(d) && N(d)) {
+      const w = a.value.indexOf(d);
       w > -1 && a.value.splice(w, 1);
     }
   }
-  function _(p) {
-    oe(p) && N(p) && p.onPointerMissed && C.push(p);
+  function P(d) {
+    re(d) && N(d) && d.onPointerMissed && E.push(d);
   }
-  function A(p) {
-    if (oe(p) && N(p)) {
-      const w = C.indexOf(p);
-      w > -1 && C.splice(w, 1);
+  function M(d) {
+    if (re(d) && N(d)) {
+      const w = E.indexOf(d);
+      w > -1 && E.splice(w, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: M,
-    registerObject: E,
-    deregisterObject: S,
-    registerPointerMissedObject: _,
-    deregisterPointerMissedObject: A
+    forceUpdate: _,
+    registerObject: T,
+    deregisterObject: b,
+    registerPointerMissedObject: P,
+    deregisterPointerMissedObject: M
   }, {
-    forceUpdate: M,
-    registerObject: E,
-    deregisterObject: S,
-    registerPointerMissedObject: _,
-    deregisterPointerMissedObject: A
-  };
-}
-function dr(e, t, n = 10) {
-  const r = k(e) ? rn() : on(V(() => k(t).parentElement)), s = ye(Fe(r.width, n)), l = ye(Fe(r.height, n)), i = V(() => s.value / l.value);
-  return {
-    height: l,
-    width: s,
-    aspectRatio: i
-  };
-}
-function ve() {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
-  let n = 0, r = !1;
-  const s = () => {
-    const o = Array.from(e.entries()).sort((u, v) => {
-      const d = u[1].priority - v[1].priority;
-      return d === 0 ? u[1].addI - v[1].addI : d;
-    });
-    t.clear(), o.forEach((u) => t.add(u[0]));
-  }, l = (o) => {
-    e.delete(o), t.delete(o);
+    forceUpdate: _,
+    registerObject: T,
+    deregisterObject: b,
+    registerPointerMissedObject: P,
+    deregisterPointerMissedObject: M
   };
-  return { on: (o, u = 0) => {
-    e.set(o, { priority: u, addI: n++ });
-    const v = () => l(o);
-    return sn(v), r = !0, {
-      off: v
-    };
-  }, off: l, trigger: (...o) => {
-    r && (s(), r = !1), t.forEach((u) => u(...o));
-  }, dispose: () => {
-    e.clear(), t.clear();
-  }, get count() {
-    return e.size;
-  } };
 }
-function pr() {
-  let e = !0, t = !0, n = !1;
-  const r = new tt(!1), s = H(r.running), l = H(!1);
-  let i;
-  const a = rt.generateUUID();
-  let c = null;
-  const o = ve(), u = ve(), v = ve();
-  S();
-  let d = {};
-  function g(_) {
-    d = _;
-  }
-  function h(_, A, L = 0) {
-    switch (A) {
-      case "before":
-        return o.on(_, L);
-      case "render":
-        return c || (c = _), u.dispose(), u.on(_);
-      case "after":
-        return v.on(_, L);
-    }
-  }
-  function b() {
-    t && (t = !1, S(), E());
-  }
-  function y() {
-    t = !0, S(), cancelAnimationFrame(i);
-  }
-  function f() {
-    n = !1, S();
-  }
-  function M() {
-    n = !0, S();
-  }
-  function P() {
-    l.value = !0;
-  }
-  function C() {
-    l.value = !1;
-  }
-  function E() {
-    if (!e) {
-      i = requestAnimationFrame(E);
-      return;
-    }
-    const _ = r.getDelta(), A = r.getElapsedTime(), L = {
-      camera: J(d.camera),
-      scene: J(d.scene),
-      renderer: J(d.renderer),
-      raycaster: J(d.raycaster),
-      controls: J(d.controls),
-      invalidate: d.invalidate,
-      advance: d.advance
-    }, p = { delta: _, elapsed: A, clock: r, ...L };
-    s.value && o.trigger(p), l.value || (u.count ? u.trigger(p) : c && c(p)), s.value && v.trigger(p), i = requestAnimationFrame(E);
-  }
-  function S() {
-    const _ = !t && !n;
-    r.running !== _ && (r.running ? r.stop() : r.start()), s.value = r.running;
-  }
-  return {
-    loopId: a,
-    register: (_, A, L) => h(_, A, L),
-    start: b,
-    stop: y,
-    pause: M,
-    resume: f,
-    pauseRender: P,
-    resumeRender: C,
-    isRenderPaused: l,
-    isActive: s,
-    setContext: g,
-    setReady: (_) => e = _
-  };
-}
-function mr(e, t, n = 100) {
+function wr(e, t, n = 100) {
   n = n <= 0 ? 100 : n;
-  const r = j(), s = /* @__PURE__ */ new Set();
+  const r = D(), s = /* @__PURE__ */ new Set();
   let l = !1, i = !1, a = null;
   function c() {
-    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((d) => d()), s.clear(), l = !0) : !i && !l && (a = setTimeout(c, n));
+    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((u) => u()), s.clear(), l = !0) : !i && !l && (a = setTimeout(c, n));
   }
   function o() {
     i = !0, a && clearTimeout(a);
   }
   c();
-  const u = (d, ...g) => {
-    d(...g);
+  const f = (u, ...v) => {
+    u(...v);
   };
   return {
-    on: (d) => {
+    on: (u) => {
       if (l)
-        return u(d, t), { off: () => {
+        return f(u, t), { off: () => {
         } };
       {
-        const g = r.on(d);
-        return s.add(g.off), r.on(d);
+        const v = r.on(u);
+        return s.add(v.off), r.on(u);
       }
     },
     off: r.off,
@@ -982,11 +965,11 @@ function mr(e, t, n = 100) {
     cancel: o
   };
 }
-const te = /* @__PURE__ */ new WeakMap();
-function gt(e) {
-  if (e = e || pe(), te.has(e))
-    return te.get(e);
-  const t = 100, n = Date.now(), l = mr(() => {
+const ee = /* @__PURE__ */ new WeakMap();
+function yt(e) {
+  if (e = e || me(), ee.has(e))
+    return ee.get(e);
+  const t = 100, n = Date.now(), l = wr(() => {
     if (Date.now() - n >= t)
       return !0;
     {
@@ -994,58 +977,56 @@ function gt(e) {
       return !!(i && a.width > 0 && a.height > 0);
     }
   }, e);
-  return te.set(e, l), l;
+  return ee.set(e, l), l;
 }
-function Vr(e) {
-  const t = pe();
+function Xr(e) {
+  const t = me();
   if (t)
-    return te.has(t) ? te.get(t).on(e) : gt(t).on(e);
+    return ee.has(t) ? ee.get(t).on(e) : yt(t).on(e);
 }
-function hr({
+function br({
   scene: e,
   canvas: t,
   windowSize: n,
-  disableRender: r,
-  rendererOptions: s,
-  emit: l
+  rendererOptions: r,
+  emit: s
 }) {
-  const i = $(e), a = dr(n, t), {
-    camera: c,
-    cameras: o,
-    registerCamera: u,
-    deregisterCamera: v,
-    setCameraActive: d
-  } = In({ sizes: a, scene: e }), g = {
-    mode: H(s.renderMode || "always"),
-    priority: H(0),
-    frames: H(0),
+  const l = $(e), i = vr(n, t), {
+    camera: a,
+    cameras: c,
+    registerCamera: o,
+    deregisterCamera: f,
+    setCameraActive: y
+  } = ar({ sizes: i, scene: e }), u = {
+    mode: I(r.renderMode || "always"),
+    priority: I(0),
+    frames: I(0),
     maxFrames: 60,
-    canBeInvalidated: V(() => g.mode.value === "on-demand" && g.frames.value === 0)
+    canBeInvalidated: J(() => u.mode.value === "on-demand" && u.frames.value === 0)
   };
-  function h(O = 1) {
-    s.renderMode === "on-demand" && (g.frames.value = Math.min(g.maxFrames, g.frames.value + O));
+  function v(O = 1) {
+    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + O));
   }
-  function b() {
-    s.renderMode === "manual" && (g.frames.value = 1);
+  function h() {
+    r.renderMode === "manual" && (u.frames.value = 1);
   }
-  const { renderer: y } = ar(
+  const { renderer: g } = gr(
     {
       scene: e,
       canvas: t,
-      options: s,
-      emit: l,
+      options: r,
+      emit: s,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: a, camera: c, render: g, invalidate: h, advance: b },
-      disableRender: r
+      contextParts: { sizes: i, camera: a, render: u, invalidate: v, advance: h }
     }
-  ), f = {
-    sizes: a,
-    scene: i,
-    camera: c,
-    cameras: ye(o),
-    renderer: y,
-    raycaster: $(new Ft()),
-    controls: H(null),
+  ), p = {
+    sizes: i,
+    scene: l,
+    camera: a,
+    cameras: we(c),
+    renderer: g,
+    raycaster: $(new zt()),
+    controls: I(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -1058,47 +1039,47 @@ function hr({
         accumulator: []
       }
     },
-    render: g,
-    advance: b,
-    extend: Pe,
-    invalidate: h,
-    registerCamera: u,
-    setCameraActive: d,
-    deregisterCamera: v,
+    render: u,
+    advance: h,
+    extend: Ee,
+    invalidate: v,
+    registerCamera: o,
+    setCameraActive: y,
+    deregisterCamera: f,
     loop: pr()
   };
-  _e("useTres", f), f.scene.value.__tres = {
-    root: f
-  }, f.loop.register(() => {
-    c.value && g.frames.value > 0 && (y.value.render(e, c.value), l("render", f.renderer.value)), g.priority.value = 0, g.mode.value === "always" ? g.frames.value = 1 : g.frames.value = Math.max(0, g.frames.value - 1);
+  le("useTres", p), p.scene.value.__tres = {
+    root: p
+  }, p.loop.register(() => {
+    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", p.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
   }, "render");
-  const { on: M, cancel: P } = gt(f);
-  f.loop.setReady(!1), f.loop.start(), M(() => {
-    l("ready", f), f.loop.setReady(!0), fr(e, f, l);
+  const { on: _, cancel: C } = yt(p);
+  p.loop.setReady(!1), p.loop.start(), _(() => {
+    s("ready", p), p.loop.setReady(!0), _r(e, p, s);
   }), K(() => {
-    P(), f.loop.stop();
+    C(), p.loop.stop();
   });
-  const C = 100, E = an({ every: C }), { isSupported: S, memory: _ } = ln({ interval: C }), A = 160;
-  let L = performance.now();
-  const p = ({ timestamp: O }) => {
-    f.scene.value && (f.perf.memory.allocatedMem = xe(f.scene.value)), O - L >= C && (L = O, f.perf.fps.accumulator.push(E.value), f.perf.fps.accumulator.length > A && f.perf.fps.accumulator.shift(), f.perf.fps.value = E.value, S.value && _.value && (f.perf.memory.accumulator.push(_.value.usedJSHeapSize / 1024 / 1024), f.perf.memory.accumulator.length > A && f.perf.memory.accumulator.shift(), f.perf.memory.currentMem = f.perf.memory.accumulator.reduce((B, R) => B + R, 0) / f.perf.memory.accumulator.length));
+  const E = 100, T = un({ every: E }), { isSupported: b, memory: P } = fn({ interval: E }), M = 160;
+  let A = performance.now();
+  const d = ({ timestamp: O }) => {
+    p.scene.value && (p.perf.memory.allocatedMem = ke(p.scene.value)), O - A >= E && (A = O, p.perf.fps.accumulator.push(T.value), p.perf.fps.accumulator.length > M && p.perf.fps.accumulator.shift(), p.perf.fps.value = T.value, b.value && P.value && (p.perf.memory.accumulator.push(P.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > M && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((j, R) => j + R, 0) / p.perf.memory.accumulator.length));
   };
   let w = 0;
-  const x = 1, { pause: D } = it(({ delta: O }) => {
-    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += O, w >= x && (window.__TRES__DEVTOOLS__.cb(f), w = 0));
+  const k = 1, { pause: L } = ut(({ delta: O }) => {
+    window.__TRES__DEVTOOLS__ && (d({ timestamp: performance.now() }), w += O, w >= k && (window.__TRES__DEVTOOLS__.cb(p), w = 0));
   }, { immediate: !0 });
   return K(() => {
-    D();
-  }), f;
+    L();
+  }), p;
 }
-function pe() {
-  const e = Mt("useTres");
+function me() {
+  const e = St("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Yr = pe;
-function qr() {
+const Zr = me;
+function eo() {
   const {
     camera: e,
     scene: t,
@@ -1108,7 +1089,7 @@ function qr() {
     controls: l,
     invalidate: i,
     advance: a
-  } = pe();
+  } = me();
   r.setContext({
     camera: e,
     scene: t,
@@ -1118,14 +1099,14 @@ function qr() {
     invalidate: i,
     advance: a
   });
-  function c(v, d = 0) {
-    return r.register(v, "before", d);
+  function c(y, u = 0) {
+    return r.register(y, "before", u);
   }
-  function o(v) {
-    return r.register(v, "render");
+  function o(y) {
+    return r.register(y, "render");
   }
-  function u(v, d = 0) {
-    return r.register(v, "after", d);
+  function f(y, u = 0) {
+    return r.register(y, "after", u);
   }
   return {
     pause: r.pause,
@@ -1135,10 +1116,57 @@ function qr() {
     isActive: r.isActive,
     onBeforeRender: c,
     render: o,
-    onAfterRender: u
+    onAfterRender: f
+  };
+}
+const _t = D(), wt = D(), Le = D(), te = new lt();
+let ce = 0, ue = 0;
+const { pause: Mr, resume: Ke, isActive: Pr } = ut(
+  () => {
+    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), Le.trigger({ delta: ce, elapsed: ue, clock: te });
+  },
+  { immediate: !1 }
+);
+Le.on(() => {
+  ce = te.getDelta(), ue = te.getElapsedTime();
+});
+let Qe = !1;
+const to = () => (Qe || (Qe = !0, Ke()), {
+  onBeforeLoop: _t.on,
+  onLoop: wt.on,
+  onAfterLoop: Le.on,
+  pause: Mr,
+  resume: Ke,
+  isActive: Pr
+});
+function no() {
+  const { logWarning: e } = V();
+  function t(l, i, a) {
+    let c = null;
+    return l.traverse((o) => {
+      o[i] === a && (c = o);
+    }), c || e(`Child with ${i} '${a}' not found.`), c;
+  }
+  function n(l, i, a) {
+    const c = [];
+    return l.traverse((o) => {
+      o[i].includes(a) && c.push(o);
+    }), c.length || e(`Children with ${i} '${a}' not found.`), c;
+  }
+  function r(l, i) {
+    return t(l, "name", i);
+  }
+  function s(l, i) {
+    return n(l, "name", i);
+  }
+  return {
+    seek: t,
+    seekByName: r,
+    seekAll: n,
+    seekAllByName: s
   };
 }
-function gr(e, t = {}, n = {}) {
+function Cr(e, t = {}, n = {}) {
   let r = e;
   const s = (a) => {
     r = a;
@@ -1157,7 +1185,7 @@ function gr(e, t = {}, n = {}) {
   };
   return l = new Proxy({}, i), l;
 }
-const { logError: Ke } = Y(), Qe = [
+const { logError: Xe } = V(), Ze = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -1172,67 +1200,67 @@ const { logError: Ke } = Y(), Qe = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], vr = (e) => {
+], Er = (e) => {
   const t = e.scene.value;
-  function n(o, u, v, d) {
-    if (d || (d = {}), d.args || (d.args = []), o === "template" || zn(o))
+  function n(o, f, y, u) {
+    if (u || (u = {}), u.args || (u.args = []), o === "template" || zn(o))
       return null;
-    let g = o.replace("Tres", ""), h;
+    let v = o.replace("Tres", ""), h;
     if (o === "primitive") {
-      (!U(d.object) || Pt(d.object)) && Ke(
+      (!H(u.object) || xt(u.object)) && Xe(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), g = d.object.type;
-      const b = {};
-      h = gr(
-        d.object,
+      ), v = u.object.type;
+      const g = {};
+      h = Cr(
+        u.object,
         {
-          object: (f) => f,
+          object: (_) => _,
           isPrimitive: () => !0,
-          __tres: () => b
+          __tres: () => g
         },
         {
-          object: (f, M, P, C) => {
-            sr(f, P, C, { patchProp: l, remove: s, insert: r }, e);
+          object: (_, C, E, T) => {
+            sr(_, E, T, { patchProp: l, remove: s, insert: r }, e);
           },
-          __tres: (f) => {
-            Object.assign(b, f);
+          __tres: (_) => {
+            Object.assign(g, _);
           }
         }
       );
     } else {
-      const b = Me.value[g];
-      b || Ke(
-        `${g} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), h = new b(...d.args);
+      const g = Ce.value[v];
+      g || Xe(
+        `${v} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), h = new g(...u.args);
     }
-    return h ? (h.isCamera && (d != null && d.position || h.position.set(3, 3, 3), d != null && d.lookAt || h.lookAt(0, 0, 0)), h = z(h, {
+    return h ? (h.isCamera && (u != null && u.position || h.position.set(3, 3, 3), u != null && u.lookAt || h.lookAt(0, 0, 0)), h = z(h, {
       ...h.__tres,
-      type: g,
-      memoizedProps: d,
+      type: v,
+      memoizedProps: u,
       eventCount: 0,
       primitive: o === "primitive",
-      attach: d.attach
+      attach: u.attach
     }, e), h) : null;
   }
-  function r(o, u) {
-    var g, h, b;
+  function r(o, f) {
+    var v, h, g;
     if (!o)
       return;
-    u = u || t;
-    const v = o.__tres ? o : z(o, {}, e), d = u.__tres ? u : z(u, {}, e);
-    o = Q(v), u = Q(d), o.__tres && ((g = o.__tres) == null ? void 0 : g.eventCount) > 0 && ((h = e.eventManager) == null || h.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), v.__tres.attach ? nr(d, v, v.__tres.attach) : N(o) && N(d) && (d.add(o), o.dispatchEvent({ type: "added" })), v.__tres.parent = d, d.__tres.objects && !d.__tres.objects.includes(v) && d.__tres.objects.push(v);
+    f = f || t;
+    const y = o.__tres ? o : z(o, {}, e), u = f.__tres ? f : z(f, {}, e);
+    o = Q(y), f = Q(u), o.__tres && ((v = o.__tres) == null ? void 0 : v.eventCount) > 0 && ((h = e.eventManager) == null || h.registerObject(o)), e.registerCamera(o), (g = e.eventManager) == null || g.registerPointerMissedObject(o), y.__tres.attach ? nr(u, y, y.__tres.attach) : N(o) && N(u) && (u.add(o), o.dispatchEvent({ type: "added" })), y.__tres.parent = u, u.__tres.objects && !u.__tres.objects.includes(y) && u.__tres.objects.push(y);
   }
-  function s(o, u) {
-    var h, b, y, f;
+  function s(o, f) {
+    var h, g, p, _;
     if (!o)
       return;
-    o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((b = e.eventManager) == null || b.deregisterObject(o)), u = be(u) ? "default" : u;
-    const v = (y = o.__tres) == null ? void 0 : y.dispose;
-    be(v) || (v === null ? u = !1 : u = v);
-    const d = (f = o.__tres) == null ? void 0 : f.primitive, g = u === "default" ? !d : !!u;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((M) => s(M, u)), g && o.children && [...o.children].forEach((M) => s(M, u)), mt(o, e), ht(o, e), g && !jn(o)) {
-      if (G(u))
-        u(o);
+    o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.deregisterObject(o)), f = Me(f) ? "default" : f;
+    const y = (p = o.__tres) == null ? void 0 : p.dispose;
+    Me(y) || (y === null ? f = !1 : f = y);
+    const u = (_ = o.__tres) == null ? void 0 : _.primitive, v = f === "default" ? !u : !!f;
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, f)), v && o.children && [...o.children].forEach((C) => s(C, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
+      if (G(f))
+        f(o);
       else if (G(o.dispose))
         try {
           o.dispose();
@@ -1241,66 +1269,66 @@ const { logError: Ke } = Y(), Qe = [
     }
     "__tres" in o && delete o.__tres;
   }
-  function l(o, u, v, d) {
-    var M, P;
+  function l(o, f, y, u) {
+    var C, E;
     if (!o)
       return;
-    let g = o, h = u;
-    if (o.__tres && (o.__tres.memoizedProps[u] = d), u === "attach") {
-      const C = ((M = o.__tres) == null ? void 0 : M.parent) || o.parent;
-      s(o), z(o, { attach: d }, e), C && r(o, C);
+    let v = o, h = f;
+    if (o.__tres && (o.__tres.memoizedProps[f] = u), f === "attach") {
+      const T = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
+      s(o), z(o, { attach: u }, e), T && r(o, T);
       return;
     }
-    if (u === "dispose") {
-      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = d;
+    if (f === "dispose") {
+      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = u;
       return;
     }
     if (N(o) && h === "blocks-pointer-events") {
-      d || d === "" ? o[h] = d : delete o[h];
+      u || u === "" ? o[h] = u : delete o[h];
       return;
     }
-    Qe.includes(u) && o.__tres && (o.__tres.eventCount += 1);
-    let b = ie(h), y = g == null ? void 0 : g[b];
+    Ze.includes(f) && o.__tres && (o.__tres.eventCount += 1);
+    let g = oe(h), p = v == null ? void 0 : v[g];
     if (h === "args") {
-      const C = o, E = v ?? [], S = d ?? [], _ = ((P = o.__tres) == null ? void 0 : P.type) || o.type;
-      _ && E.length && !Jn(E, S) && (g = Object.assign(
-        C,
-        new Me.value[_](...d)
+      const T = o, b = y ?? [], P = u ?? [], M = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
+      M && b.length && !Jn(b, P) && (v = Object.assign(
+        T,
+        new Ce.value[M](...u)
       ));
       return;
     }
-    if (g.type === "BufferGeometry") {
+    if (v.type === "BufferGeometry") {
       if (h === "args")
         return;
-      g.setAttribute(
-        ie(h),
-        new Wt(...d)
+      v.setAttribute(
+        oe(h),
+        new Gt(...u)
       );
       return;
     }
-    if (h.includes("-") && y === void 0) {
-      const C = h.split("-");
-      y = C.reduce((E, S) => E[ie(S)], g), h = C.pop(), b = h, y != null && y.set || (g = C.reduce((E, S) => E[ie(S)], g));
+    if (h.includes("-") && p === void 0) {
+      const T = h.split("-");
+      p = T.reduce((b, P) => b[oe(P)], v), h = T.pop(), g = h, p != null && p.set || (v = T.reduce((b, P) => b[oe(P)], v));
     }
-    let f = d;
-    if (f === "" && (f = !0), G(y)) {
-      Qe.includes(u) || (de(f) ? o[b](...f) : o[b](f)), b.startsWith("on") && G(f) && (g[b] = f);
+    let _ = u;
+    if (_ === "" && (_ = !0), G(p)) {
+      Ze.includes(f) || (pe(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
       return;
     }
-    !(y != null && y.set) && !G(y) ? g[b] = f : y.constructor === f.constructor && (y != null && y.copy) ? y == null || y.copy(f) : de(f) ? y.set(...f) : !y.isColor && y.setScalar ? y.setScalar(f) : y.set(f), pt(o);
+    !(p != null && p.set) && !G(p) ? v[g] = _ : p.constructor === _.constructor && (p != null && p.copy) ? p == null || p.copy(_) : pe(_) ? p.set(..._) : !p.isColor && p.setScalar ? p.setScalar(_) : p.set(_), ht(o);
   }
   function i(o) {
-    var u;
-    return ((u = o == null ? void 0 : o.__tres) == null ? void 0 : u.parent) || null;
+    var f;
+    return ((f = o == null ? void 0 : o.__tres) == null ? void 0 : f.parent) || null;
   }
   function a(o) {
-    const u = z(new Nt(), { type: "Comment" }, e);
-    return u.name = o, u;
+    const f = z(new Vt(), { type: "Comment" }, e);
+    return f.name = o, f;
   }
   function c(o) {
-    var g;
-    const u = i(o), v = ((g = u == null ? void 0 : u.__tres) == null ? void 0 : g.objects) || [], d = v.indexOf(o);
-    return d < 0 || d >= v.length - 1 ? null : v[d + 1];
+    var v;
+    const f = i(o), y = ((v = f == null ? void 0 : f.__tres) == null ? void 0 : v.objects) || [], u = y.indexOf(o);
+    return u < 0 || u >= y.length - 1 ? null : y[u + 1];
   }
   return {
     insert: r,
@@ -1319,22 +1347,22 @@ const { logError: Ke } = Y(), Qe = [
     insertStaticContent: () => void 0
   };
 };
-function yr() {
-  return vt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function Tr() {
+  return bt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function vt() {
+function bt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const _r = typeof Proxy == "function", wr = "devtools-plugin:setup", br = "plugin:settings:set";
-let q, Ee;
-function Cr() {
+const Sr = typeof Proxy == "function", xr = "devtools-plugin:setup", Ar = "plugin:settings:set";
+let q, Te;
+function kr() {
   var e;
-  return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Ee = globalThis.perf_hooks.performance) : q = !1), q;
+  return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Te = globalThis.perf_hooks.performance) : q = !1), q;
 }
-function Mr() {
-  return Cr() ? Ee.now() : Date.now();
+function Lr() {
+  return kr() ? Te.now() : Date.now();
 }
-class Pr {
+class Or {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1362,9 +1390,9 @@ class Pr {
         l = i;
       },
       now() {
-        return Mr();
+        return Lr();
       }
-    }, n && n.on(br, (i, a) => {
+    }, n && n.on(Ar, (i, a) => {
       i === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (i, a) => this.target ? this.target.on[a] : (...c) => {
@@ -1396,12 +1424,12 @@ class Pr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Er(e, t) {
-  const n = e, r = vt(), s = yr(), l = _r && n.enableEarlyProxy;
+function Rr(e, t) {
+  const n = e, r = bt(), s = Tr(), l = Sr && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(wr, e, t);
+    s.emit(xr, e, t);
   else {
-    const i = l ? new Pr(n, s) : null;
+    const i = l ? new Or(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1409,14 +1437,14 @@ function Er(e, t) {
     }), i && t(i.proxiedTarget);
   }
 }
-function Tr(e, t) {
+function Dr(e, t) {
   const n = `▲ ■ ●${e}`;
-  typeof Xe == "function" ? Xe(n, t) : console.log(n);
+  typeof et == "function" ? et(n, t) : console.log(n);
 }
-function Xe(e, t) {
+function et(e, t) {
   throw new Error(e + t);
 }
-const yt = (e) => {
+const Mt = (e) => {
   const t = {
     id: e.uuid,
     label: e.type,
@@ -1428,13 +1456,13 @@ const yt = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const n = xe(e);
+  const n = ke(e);
   return n > 0 && t.tags.push({
-    label: `${ur(n)} KB`,
+    label: `${dr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (On(e) && t.tags.push({
+  }), e.type.includes("Light") && (Hn(e) && t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
@@ -1456,30 +1484,30 @@ const yt = (e) => {
     tooltip: "Position"
   })), t;
 };
-function _t(e, t, n = "") {
+function Pt(e, t, n = "") {
   e.children.forEach((r) => {
     if (r.type === "HightlightMesh" || n && !r.type.includes(n) && !r.name.includes(n))
       return;
-    const s = yt(r);
-    t.children.push(s), _t(r, s, n);
+    const s = Mt(r);
+    t.children.push(s), Pt(r, s, n);
   });
 }
-const Sr = [], X = "tres:inspector", Ar = Et({
+const jr = [], X = "tres:inspector", Br = Se({
   sceneGraph: null
 });
-function xr(e, t) {
-  Er(
+function Ir(e, t) {
+  Rr(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: Sr,
+      componentStateTypes: jr,
       app: e
     },
     (n) => {
-      typeof n.now != "function" && Tr(
+      typeof n.now != "function" && Dr(
         "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: X,
@@ -1492,8 +1520,8 @@ function xr(e, t) {
         n.notifyComponentUpdate();
       }, 5e3), n.on.getInspectorTree((l) => {
         if (l.inspectorId === X) {
-          const i = yt(t.scene.value);
-          _t(t.scene.value, i, l.filter), Ar.sceneGraph = i, l.rootNodes = [i];
+          const i = Mt(t.scene.value);
+          Pt(t.scene.value, i, l.filter), Br.sceneGraph = i, l.rootNodes = [i];
         }
       });
       let r = null, s = null;
@@ -1508,10 +1536,10 @@ function xr(e, t) {
             a.add(c), r = c, s = a;
           }
           l.state = {
-            object: Object.entries(a).map(([c, o]) => c === "children" ? { key: c, value: o.filter((u) => u.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
+            object: Object.entries(a).map(([c, o]) => c === "children" ? { key: c, value: o.filter((f) => f.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
           }, a.isScene && (l.state.info = {
-            memory: xe(a),
             objects: a.children.length,
+            memory: ke(a),
             calls: t.renderer.value.info.render.calls,
             triangles: t.renderer.value.info.render.triangles,
             points: t.renderer.value.info.render.points,
@@ -1532,7 +1560,7 @@ function xr(e, t) {
     }
   );
 }
-const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
+const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1547,7 +1575,7 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
     camera: {},
     preset: {},
     windowSize: { type: Boolean, default: void 0 },
-    disableRender: { type: Boolean, default: void 0 },
+    enableProvideBridge: { type: Boolean, default: !0 },
     context: {},
     precision: {},
     alpha: { type: Boolean, default: void 0 },
@@ -1577,108 +1605,128 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    var y;
-    const r = e, s = n, l = Tt(), { logWarning: i } = Y(), a = H(), c = $(new nt()), o = (y = Ie()) == null ? void 0 : y.appContext.app;
-    Pe(et);
-    const u = (f, M = !1) => Be({
+    const r = e, s = n, l = At(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
+    Ee(ot);
+    const f = (g, p = !1) => fe({
       setup() {
-        var C;
-        const P = (C = Ie()) == null ? void 0 : C.appContext;
-        return P && (P.app = o), _e("useTres", f), _e("extend", Pe), typeof window < "u" && xr(P == null ? void 0 : P.app, f), () => He(Ot, null, M ? [] : l.default());
+        var T;
+        const _ = (T = He()) == null ? void 0 : T.appContext;
+        _ && (_.app = o == null ? void 0 : o.appContext.app);
+        const C = {};
+        function E(b) {
+          b && (b.parent && E(b.parent), b.provides && Object.assign(C, b.provides));
+        }
+        return o != null && o.parent && r.enableProvideBridge && (E(o.parent), Object.entries(C).forEach(([b, P]) => {
+          le(b, P);
+        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, p ? [] : l.default());
       }
-    }), v = (f, M = !1) => {
-      const P = u(f, M), { render: C } = Rt(vr(f));
-      C(He(P), c.value);
-    }, d = (f, M = !1) => {
-      dt(f.scene.value), M && (f.renderer.value.dispose(), f.renderer.value.renderLists.dispose(), f.renderer.value.forceContextLoss()), c.value.__tres = {
-        root: f
+    }), y = (g, p = !1) => {
+      const _ = f(g, p), { render: C } = jt(Er(g));
+      C(Ue(_), c.value);
+    }, u = (g, p = !1) => {
+      mt(g.scene.value), p && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
+        root: g
       };
-    }, g = V(() => r.disableRender), h = $(null);
-    t({ context: h, dispose: () => d(h.value, !0) });
-    const b = () => {
-      d(h.value), v(h.value, !0);
+    }, v = $(null);
+    t({ context: v, dispose: () => u(v.value, !0) });
+    const h = () => {
+      u(v.value), y(v.value, !0);
     };
-    return St(() => {
-      const f = a;
-      h.value = hr({
+    return kt(() => {
+      const g = a;
+      v.value = br({
         scene: c.value,
-        canvas: f,
+        canvas: g,
         windowSize: r.windowSize ?? !1,
-        disableRender: g.value ?? !1,
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: M, camera: P, cameras: C, deregisterCamera: E } = h.value;
-      v(h.value);
-      const S = () => {
-        const _ = new we(
+      const { registerCamera: p, camera: _, cameras: C, deregisterCamera: E } = v.value;
+      y(v.value);
+      const T = () => {
+        const b = new be(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        _.position.set(3, 3, 3), _.lookAt(0, 0, 0), M(_);
-        const A = Te(() => {
-          C.value.length >= 2 && (_.removeFromParent(), E(_), A == null || A());
+        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), p(b);
+        const P = xe(() => {
+          C.value.length >= 2 && (b.removeFromParent(), E(b), P == null || P());
         });
       };
-      ce(
+      ae(
         () => r.camera,
-        (_, A) => {
-          _ && M(_), A && (A.removeFromParent(), E(A));
+        (b, P) => {
+          b && p(b), P && (P.removeFromParent(), E(P));
         },
         {
           immediate: !0
         }
-      ), P.value || (i(
+      ), _.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), S());
-    }), K(b), (f, M) => (At(), xt("canvas", {
+      ), T());
+    }), K(h), (g, p) => (Lt(), Ot("canvas", {
       ref_key: "canvas",
       ref: a,
       "data-scene": c.value.uuid,
-      class: kt(f.$attrs.class),
-      "data-tres": `tresjs ${J(xn).version}`,
-      style: Lt({
+      class: Rt(g.$attrs.class),
+      "data-tres": `tresjs ${W(On).version}`,
+      style: Dt({
         display: "block",
         width: "100%",
         height: "100%",
-        position: f.windowSize ? "fixed" : "relative",
+        position: g.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...f.$attrs.style
+        ...g.$attrs.style
       })
-    }, null, 14, kr));
+    }, null, 14, $r));
   }
-}), Rr = [
+}), Ur = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Or = {
+], Fr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Rr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Ur.includes(e) || e === "primitive"
     }
   }
-}, Jr = Or, Kr = {
-  mounted: (e, t) => {
-    if (t.arg) {
-      console.log(`v-log:${t.arg}`, e[t.arg]);
+}, ro = Fr, { logWarning: Wr } = V();
+let B = null;
+const oo = {
+  updated: (e, t) => {
+    var s;
+    const n = Zn(t);
+    if (!n) {
+      Wr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
-    console.log("v-log", e);
+    B && (B.dispose(), e.parent.remove(B));
+    const r = n.clone().sub(e.position);
+    r.normalize(), B = new Yt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(B), console.table(
+      [
+        ["Distance:", e.position.distanceTo(n)],
+        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
+        [`Destiny: ${e.name || e.type}`, `x:${n.x}, y:${n.y}, z:${n == null ? void 0 : n.z}`]
+      ]
+    );
+  },
+  unmounted: (e) => {
+    B == null || B.dispose(), e.parent.remove(B);
   }
 };
-class wt extends zt {
+class Ct extends qt {
   constructor(t, n) {
-    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new $e();
-    s.setAttribute("position", new Ue(r, 3)), s.computeBoundingSphere();
-    const l = new Gt({ fog: !1 });
+    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Fe();
+    s.setAttribute("position", new We(r, 3)), s.computeBoundingSphere();
+    const l = new Jt({ fog: !1 });
     super(s, l), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
-    const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new $e();
-    a.setAttribute("position", new Ue(i, 3)), a.computeBoundingSphere(), this.add(new Vt(a, new ot({ side: Yt, fog: !1 })));
+    const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new Fe();
+    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Kt(a, new at({ side: Qt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1694,87 +1742,74 @@ class wt extends zt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: Ze } = Y();
-let le, W;
-const Dr = {
-  DirectionalLight: qt,
-  PointLight: Jt,
-  SpotLight: Kt,
-  HemisphereLight: Qt,
-  RectAreaLight: wt
-}, Qr = {
+const { logWarning: tt } = V();
+let ie, F;
+const Nr = {
+  DirectionalLight: Xt,
+  PointLight: Zt,
+  SpotLight: en,
+  HemisphereLight: tn,
+  RectAreaLight: Ct
+}, so = {
   mounted: (e) => {
     if (!e.isLight) {
-      Ze(`${e.type} is not a light`);
+      tt(`${e.type} is not a light`);
       return;
     }
-    le = Dr[e.type], e.parent.add(new le(e, 1, e.color.getHex()));
+    ie = Nr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    W = e.parent.children.find((t) => t instanceof le), !(W instanceof wt) && W.update();
+    F = e.parent.children.find((t) => t instanceof ie), !(F instanceof Ct) && F.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      Ze(`${e.type} is not a light`);
+      tt(`${e.type} is not a light`);
       return;
     }
-    W = e.parent.children.find((t) => t instanceof le), W && W.dispose && W.dispose(), e.parent.remove(W);
+    F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent.remove(F);
   }
-}, { logWarning: jr } = Y();
-let I = null;
-const Xr = {
-  updated: (e, t) => {
-    var s;
-    const n = Zn(t);
-    if (!n) {
-      jr(`v-distance-to: problem with binding value: ${t.value}`);
+}, io = {
+  mounted: (e, t) => {
+    if (t.arg) {
+      console.log(`v-log:${t.arg}`, e[t.arg]);
       return;
     }
-    I && (I.dispose(), e.parent.remove(I));
-    const r = n.clone().sub(e.position);
-    r.normalize(), I = new Xt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(I), console.table(
-      [
-        ["Distance:", e.position.distanceTo(n)],
-        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
-        [`Destiny: ${e.name || e.type}`, `x:${n.x}, y:${n.y}, z:${n == null ? void 0 : n.z}`]
-      ]
-    );
-  },
-  unmounted: (e) => {
-    I == null || I.dispose(), e.parent.remove(I);
+    console.log("v-log", e);
   }
-}, Zr = {
+}, ao = {
   install(e) {
-    e.component("TresCanvas", Lr);
+    e.component("TresCanvas", Hr);
   }
 };
 export {
-  Lr as TresCanvas,
-  Me as catalogue,
+  Hr as TresCanvas,
+  qr as UseLoader,
+  Jr as UseTexture,
+  Ce as catalogue,
   pr as createRenderLoop,
-  Zr as default,
-  dt as dispose,
-  Pe as extend,
-  Fr as isProd,
-  Fn as normalizeColor,
-  Wr as normalizeVectorFlexibleParam,
-  Vr as onTresReady,
-  Jr as templateCompilerOptions,
-  lr as trasverseObjects,
-  In as useCamera,
-  Nr as useLoader,
-  Y as useLogger,
-  qr as useLoop,
-  cr as useRaycaster,
-  Ur as useRenderLoop,
-  ar as useRenderer,
-  Gr as useSeek,
-  zr as useTexture,
-  Yr as useTres,
-  pe as useTresContext,
-  hr as useTresContextProvider,
-  fr as useTresEventManager,
-  Xr as vDistanceTo,
-  Qr as vLightHelper,
-  Kr as vLog
+  ao as default,
+  mt as dispose,
+  Ee as extend,
+  Kr as isProd,
+  hr as normalizeColor,
+  Qr as normalizeVectorFlexibleParam,
+  Xr as onTresReady,
+  ro as templateCompilerOptions,
+  Rn as trasverseObjects,
+  ar as useCamera,
+  Dn as useLoader,
+  V as useLogger,
+  eo as useLoop,
+  yr as useRaycaster,
+  to as useRenderLoop,
+  gr as useRenderer,
+  no as useSeek,
+  ir as useTexture,
+  Zr as useTres,
+  me as useTresContext,
+  br as useTresContextProvider,
+  _r as useTresEventManager,
+  oo as vDistanceTo,
+  so as vLightHelper,
+  io as vLog
 };