@tresjs/core 4.0.0-rc.0 → 4.0.0-rc.1

package/dist/tres.js

@@ -1,24 +1,24 @@
 /**
  * name: @tresjs/core
- * version: v4.0.0-rc.0
+ * version: v4.0.0-rc.1
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-var tt = Object.defineProperty;
-var ot = (e, r, o) => r in e ? tt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
-var se = (e, r, o) => (ot(e, typeof r != "symbol" ? r + "" : r, o), o);
-import { ref as D, computed as I, watchEffect as ve, onUnmounted as V, shallowRef as W, watch as z, reactive as $e, readonly as ue, provide as ce, inject as rt, defineComponent as ke, useSlots as nt, getCurrentInstance as Se, onMounted as st, openBlock as it, createElementBlock as at, normalizeClass as lt, unref as ut, normalizeStyle as ct, createRenderer as ft, h as xe, Fragment as pt } from "vue";
-import * as We from "three";
-import { PerspectiveCamera as fe, Camera as dt, Clock as mt, Vector3 as re, Color as ee, Scene as Ue, MeshBasicMaterial as Fe, DoubleSide as vt, REVISION as gt, SRGBColorSpace as ht, ACESFilmicToneMapping as Ne, PCFSoftShadowMap as yt, NoToneMapping as wt, WebGLRenderer as ie, TextureLoader as bt, Vector2 as ae, Raycaster as Mt, BufferAttribute as Pt, Line as _t, BufferGeometry as Te, Float32BufferAttribute as Ae, LineBasicMaterial as Ct, Mesh as Et, BackSide as kt, DirectionalLightHelper as St, PointLightHelper as xt, SpotLightHelper as Tt, HemisphereLightHelper as At, ArrowHelper as Lt, Quaternion as Ot } from "three";
-import { createEventHook as O, useRafFn as ze, toValue as S, unrefElement as Dt, useDevicePixelRatio as Bt, usePointer as jt, useElementBounding as Rt, useWindowSize as It, useElementSize as Ht, refDebounced as Le, useFps as $t, useMemory as Wt } from "@vueuse/core";
-const Ut = "@tresjs/core", Ft = "module", Nt = "4.0.0-rc.0", zt = "pnpm@8.15.6", Gt = "Declarative ThreeJS using Vue Components", Vt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", qt = "MIT", Yt = [
+var nt = Object.defineProperty;
+var ot = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var se = (e, t, n) => (ot(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { ref as A, computed as B, watchEffect as ve, onUnmounted as N, shallowRef as U, watch as V, reactive as $e, readonly as ue, provide as ce, inject as st, unref as W, defineComponent as Se, useSlots as it, getCurrentInstance as xe, onMounted as at, openBlock as lt, createElementBlock as ut, normalizeClass as ct, normalizeStyle as ft, createRenderer as dt, h as Te, Fragment as pt } from "vue";
+import * as Fe from "three";
+import { PerspectiveCamera as fe, Camera as mt, Clock as We, Vector3 as ge, Color as re, Scene as Ne, MeshBasicMaterial as ze, DoubleSide as vt, REVISION as gt, SRGBColorSpace as ht, ACESFilmicToneMapping as Ge, PCFSoftShadowMap as yt, NoToneMapping as bt, WebGLRenderer as ie, TextureLoader as wt, Vector2 as ae, MathUtils as Mt, Raycaster as Pt, BufferAttribute as Ct, Line as _t, BufferGeometry as Ae, Float32BufferAttribute as Oe, LineBasicMaterial as Et, Mesh as kt, BackSide as St, DirectionalLightHelper as xt, PointLightHelper as Tt, SpotLightHelper as At, HemisphereLightHelper as Ot, ArrowHelper as Lt } from "three";
+import { createEventHook as x, useRafFn as Ve, toValue as k, unrefElement as Dt, useDevicePixelRatio as Bt, usePointer as Rt, useElementBounding as jt, useWindowSize as It, useElementSize as Ht, refDebounced as Le, tryOnScopeDispose as Ut, useFps as $t, useMemory as Ft } from "@vueuse/core";
+const Wt = "@tresjs/core", Nt = "module", zt = "4.0.0-rc.1", Gt = "pnpm@8.15.6", Vt = "Declarative ThreeJS using Vue Components", qt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Yt = "MIT", Jt = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], Qt = !1, Jt = {
+], Qt = !1, Kt = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -37,18 +37,18 @@ const Ut = "@tresjs/core", Ft = "module", Nt = "4.0.0-rc.0", zt = "pnpm@8.15.6",
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, Kt = "./dist/tres.js", Xt = "./dist/tres.js", Zt = "./dist/index.d.ts", eo = [
+}, Xt = "./dist/tres.js", Zt = "./dist/tres.js", er = "./dist/index.d.ts", tr = [
   "*.d.ts",
   "dist"
-], to = {
+], rr = {
   access: "public"
-}, oo = {
+}, nr = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
   test: "vitest",
   "test:ci": "vitest run",
-  "test:ui": "vitest --ui",
+  "test:ui": "vitest --ui --coverage.enabled=true",
   release: "release-it",
   coverage: "vitest run --coverage",
   lint: "eslint .",
@@ -59,27 +59,28 @@ const Ut = "@tresjs/core", Ft = "module", Nt = "4.0.0-rc.0", zt = "pnpm@8.15.6",
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, ro = {
+}, or = {
   three: ">=0.133",
   vue: ">=3.4"
-}, no = {
+}, sr = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.1",
   "@vueuse/core": "^10.9.0"
-}, so = {
+}, ir = {
   "@release-it/conventional-changelog": "^8.0.1",
-  "@stackblitz/sdk": "^1.9.0",
-  "@tresjs/cientos": "3.8.0",
+  "@stackblitz/sdk": "^1.10.0",
+  "@tresjs/cientos": "3.9.0",
   "@tresjs/eslint-config": "^1.0.0",
-  "@types/three": "^0.163.0",
-  "@typescript-eslint/eslint-plugin": "^7.7.1",
-  "@typescript-eslint/parser": "^7.7.1",
+  "@types/three": "^0.164.0",
+  "@typescript-eslint/eslint-plugin": "^7.9.0",
+  "@typescript-eslint/parser": "^7.9.0",
   "@vitejs/plugin-vue": "^5.0.4",
   "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/ui": "^1.5.0",
-  "@vue/test-utils": "^2.4.5",
-  eslint: "^9.1.1",
-  "eslint-plugin-vue": "^9.25.0",
+  "@vitest/coverage-v8": "^1.6.0",
+  "@vitest/ui": "^1.6.0",
+  "@vue/test-utils": "^2.4.6",
+  eslint: "^9.2.0",
+  "eslint-plugin-vue": "^9.26.0",
   esno: "^4.7.0",
   gsap: "^3.12.5",
   husky: "^9.0.11",
@@ -87,196 +88,196 @@ const Ut = "@tresjs/core", Ft = "module", Nt = "4.0.0-rc.0", zt = "pnpm@8.15.6",
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
-  "release-it": "^17.2.0",
+  "release-it": "^17.2.1",
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
-  three: "^0.163.0",
-  unocss: "^0.59.4",
+  three: "^0.164.1",
+  unocss: "^0.60.2",
   unplugin: "^1.10.1",
-  "unplugin-vue-components": "^0.26.0",
-  vite: "^5.2.10",
+  "unplugin-vue-components": "^0.27.0",
+  vite: "^5.2.11",
   "vite-plugin-banner": "^0.7.1",
-  "vite-plugin-dts": "3.9.0",
+  "vite-plugin-dts": "3.9.1",
   "vite-plugin-inspect": "^0.8.4",
   "vite-plugin-require-transform": "^1.0.21",
   "vite-svg-loader": "^5.1.0",
-  vitepress: "1.1.3",
-  vitest: "^1.5.0",
-  vue: "^3.4.24",
+  vitepress: "1.1.4",
+  vitest: "^1.6.0",
+  vue: "^3.4.27",
   "vue-demi": "^0.14.7"
-}, io = {
-  name: Ut,
-  type: Ft,
-  version: Nt,
-  packageManager: zt,
-  description: Gt,
-  author: Vt,
-  license: qt,
-  keywords: Yt,
+}, ar = {
+  name: Wt,
+  type: Nt,
+  version: zt,
+  packageManager: Gt,
+  description: Vt,
+  author: qt,
+  license: Yt,
+  keywords: Jt,
   sideEffects: Qt,
-  exports: Jt,
-  main: Kt,
-  module: Xt,
-  types: Zt,
-  files: eo,
-  publishConfig: to,
-  scripts: oo,
-  peerDependencies: ro,
-  dependencies: no,
-  devDependencies: so
-}, ao = ({ sizes: e }) => {
-  const r = D([]), o = I(
-    () => r.value[0]
-  ), n = (t) => {
-    const s = t instanceof dt ? t : r.value.find((c) => c.uuid === t);
+  exports: Kt,
+  main: Xt,
+  module: Zt,
+  types: er,
+  files: tr,
+  publishConfig: rr,
+  scripts: nr,
+  peerDependencies: or,
+  dependencies: sr,
+  devDependencies: ir
+}, lr = ({ sizes: e }) => {
+  const t = A([]), n = B(
+    () => t.value[0]
+  ), o = (r) => {
+    const s = r instanceof mt ? r : t.value.find((l) => l.uuid === r);
     if (!s)
       return;
-    const l = r.value.filter(({ uuid: c }) => c !== s.uuid);
-    r.value = [s, ...l];
-  }, i = (t, s = !1) => {
-    r.value.some(({ uuid: l }) => l === t.uuid) || (s ? n(t) : r.value.push(t));
-  }, a = (t) => {
-    r.value = r.value.filter(({ uuid: s }) => s !== t.uuid);
+    const u = t.value.filter(({ uuid: l }) => l !== s.uuid);
+    t.value = [s, ...u];
+  }, i = (r, s = !1) => {
+    t.value.some(({ uuid: u }) => u === r.uuid) || (s ? o(r) : t.value.push(r));
+  }, a = (r) => {
+    t.value = t.value.filter(({ uuid: s }) => s !== r.uuid);
   };
   return ve(() => {
-    e.aspectRatio.value && r.value.forEach((t) => {
-      !t.manual && (t instanceof fe || lo(t)) && (t instanceof fe ? t.aspect = e.aspectRatio.value : (t.left = e.width.value * -0.5, t.right = e.width.value * 0.5, t.top = e.height.value * 0.5, t.bottom = e.height.value * -0.5), t.updateProjectionMatrix());
+    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());
     });
-  }), V(() => {
-    r.value = [];
+  }), N(() => {
+    t.value = [];
   }), {
-    camera: o,
-    cameras: r,
+    camera: n,
+    cameras: t,
     registerCamera: i,
     deregisterCamera: a,
-    setCameraActive: n
+    setCameraActive: o
   };
 };
-function lo(e) {
+function ur(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const Ge = O(), Ve = O(), ge = O(), G = new mt();
-let te = 0, oe = 0;
-const { pause: uo, resume: co, isActive: fo } = ze(
+const qe = x(), Ye = x(), he = x(), q = new We();
+let ne = 0, oe = 0;
+const { pause: cr, resume: fr, isActive: dr } = Ve(
   () => {
-    Ge.trigger({ delta: te, elapsed: oe, clock: G }), Ve.trigger({ delta: te, elapsed: oe, clock: G }), ge.trigger({ delta: te, elapsed: oe, clock: G });
+    qe.trigger({ delta: ne, elapsed: oe, clock: q }), Ye.trigger({ delta: ne, elapsed: oe, clock: q }), he.trigger({ delta: ne, elapsed: oe, clock: q });
   },
   { immediate: !1 }
 );
-ge.on(() => {
-  te = G.getDelta(), oe = G.getElapsedTime();
+he.on(() => {
+  ne = q.getDelta(), oe = q.getElapsedTime();
 });
-const ne = () => ({
-  onBeforeLoop: Ge.on,
-  onLoop: Ve.on,
-  onAfterLoop: ge.on,
-  pause: uo,
-  resume: co,
-  isActive: fo
-}), lr = !0, J = "[TresJS ▲ ■ ●] ";
-function B() {
-  function e(...n) {
-    typeof n[0] == "string" ? n[0] = J + n[0] : n.unshift(J), console.error(...n);
+const ln = () => ({
+  onBeforeLoop: qe.on,
+  onLoop: Ye.on,
+  onAfterLoop: he.on,
+  pause: cr,
+  resume: fr,
+  isActive: dr
+}), un = !0, K = "[TresJS ▲ ■ ●] ";
+function $() {
+  function e(...o) {
+    typeof o[0] == "string" ? o[0] = K + o[0] : o.unshift(K), console.error(...o);
   }
-  function r(...n) {
-    typeof n[0] == "string" ? n[0] = J + n[0] : n.unshift(J), console.warn(...n);
+  function t(...o) {
+    typeof o[0] == "string" ? o[0] = K + o[0] : o.unshift(K), console.warn(...o);
   }
-  function o(n, i) {
+  function n(o, i) {
   }
   return {
     logError: e,
-    logWarning: r,
-    logMessage: o
+    logWarning: t,
+    logMessage: n
   };
 }
-function ur(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof re ? [e.x, e.y, e.z] : e;
+function cn(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof ge ? [e.x, e.y, e.z] : e;
 }
-function po(e) {
-  return e instanceof ee ? e : Array.isArray(e) ? new ee(...e) : new ee(e);
+function pr(e) {
+  return e instanceof re ? e : Array.isArray(e) ? new re(...e) : new re(e);
 }
-class mo extends We.Mesh {
-  constructor(...o) {
-    super(...o);
+class mr extends Fe.Mesh {
+  constructor(...n) {
+    super(...n);
     se(this, "type", "HightlightMesh");
     se(this, "createTime");
     this.createTime = Date.now();
   }
   onBeforeRender() {
-    const n = (Date.now() - this.createTime) / 1e3, t = 1 + 0.07 * Math.sin(2.5 * n);
-    this.scale.set(t, t, t);
+    const o = (Date.now() - this.createTime) / 1e3, r = 1 + 0.07 * Math.sin(2.5 * o);
+    this.scale.set(r, r, r);
   }
 }
-const qe = (e, r) => {
-  for (const o of Object.keys(r))
-    r[o] instanceof Object && Object.assign(r[o], qe(e[o], r[o]));
-  return Object.assign(e || {}, r), e;
-}, vo = "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", go = /* @__PURE__ */ wo(vo);
-function Oe(e) {
+const Je = (e, t) => {
+  for (const n of Object.keys(t))
+    t[n] instanceof Object && Object.assign(t[n], Je(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) {
   return e && e.nodeType === 1;
 }
-function K(e) {
-  return e.replace(/-([a-z])/g, (r, o) => o.toUpperCase());
+function X(e) {
+  return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const ho = /\B([A-Z])/g;
-function yo(e) {
-  return e.replace(ho, "-$1").toLowerCase();
+const hr = /\B([A-Z])/g;
+function yr(e) {
+  return e.replace(hr, "-$1").toLowerCase();
 }
-function wo(e, r) {
-  const o = /* @__PURE__ */ Object.create(null), n = e.split(",");
-  for (let i = 0; i < n.length; i++)
-    o[n[i]] = !0;
-  return r ? (i) => !!o[i.toLowerCase()] : (i) => !!o[i];
+function br(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 bo = (e, r) => {
-  const o = /* @__PURE__ */ new Set(), n = [];
+const wr = (e, t) => {
+  const n = /* @__PURE__ */ new Set(), o = [];
   for (const i of e) {
-    const a = r(i);
-    o.has(a) || (o.add(a), n.push(i));
+    const a = t(i);
+    n.has(a) || (n.add(a), o.push(i));
   }
-  return n;
-}, De = (e, r) => {
-  if (!r)
+  return o;
+}, Be = (e, t) => {
+  if (!t)
     return;
-  const o = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
-  return o == null ? void 0 : o.reduce((n, i) => n && n[i], e);
-}, Mo = (e, r, o) => {
-  const n = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
-  n && n.reduce((i, a, t) => (i[a] === void 0 && (i[a] = {}), t === n.length - 1 && (i[a] = o), i[a]), e);
+  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) => {
+  const o = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
+  o && o.reduce((i, a, r) => (i[a] === void 0 && (i[a] = {}), r === o.length - 1 && (i[a] = n), i[a]), e);
 };
-function Ye(e, r) {
-  if (Oe(e) && Oe(r)) {
-    const i = e.attributes, a = r.attributes;
-    return i.length !== a.length ? !1 : Array.from(i).every(({ name: t, value: s }) => r.getAttribute(t) === s);
+function Qe(e, t) {
+  if (De(e) && De(t)) {
+    const i = e.attributes, a = t.attributes;
+    return i.length !== a.length ? !1 : Array.from(i).every(({ name: r, value: s }) => t.getAttribute(r) === s);
   }
-  if (e === r)
+  if (e === t)
     return !0;
-  if (e === null || typeof e != "object" || r === null || typeof r != "object")
+  if (e === null || typeof e != "object" || t === null || typeof t != "object")
     return !1;
-  const o = Object.keys(e), n = Object.keys(r);
-  if (o.length !== n.length)
+  const n = Object.keys(e), o = Object.keys(t);
+  if (n.length !== o.length)
     return !1;
-  for (const i of o)
-    if (!n.includes(i) || !Ye(e[i], r[i]))
+  for (const i of n)
+    if (!o.includes(i) || !Qe(e[i], t[i]))
       return !1;
   return !0;
 }
-function Po(e, r) {
-  if (!Array.isArray(e) || !Array.isArray(r) || e.length !== r.length)
+function Pr(e, t) {
+  if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
-  for (let o = 0; o < e.length; o++)
-    if (!Ye(e[o], r[o]))
+  for (let n = 0; n < e.length; n++)
+    if (!Qe(e[n], t[n]))
       return !1;
   return !0;
 }
-const _o = Array.isArray;
-function Co(e, r, o, n) {
-  const i = (l) => {
-    if (l.uuid === r)
-      return l;
-    for (const c of l.children) {
-      const y = i(c);
+const Cr = Array.isArray;
+function _r(e, t, n, o) {
+  const i = (u) => {
+    if (u.uuid === t)
+      return u;
+    for (const l of u.children) {
+      const y = i(l);
       if (y)
         return y;
     }
@@ -285,19 +286,19 @@ function Co(e, r, o, n) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
-  let t = a;
-  for (let l = 0; l < o.length - 1; l++)
-    if (t[o[l]] !== void 0)
-      t = t[o[l]];
+  let r = a;
+  for (let u = 0; u < n.length - 1; u++)
+    if (r[n[u]] !== void 0)
+      r = r[n[u]];
     else {
-      console.warn(`Property path is not valid: ${o.join(".")}`);
+      console.warn(`Property path is not valid: ${n.join(".")}`);
       return;
     }
-  const s = o[o.length - 1];
-  t[s] !== void 0 ? t[s] = n : console.warn(`Property path is not valid: ${o.join(".")}`);
+  const s = n[n.length - 1];
+  r[s] !== void 0 ? r[s] = o : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function Eo(e) {
-  const r = new Fe({
+function Er(e) {
+  const t = new ze({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
@@ -307,32 +308,32 @@ function Eo(e) {
     side: vt
     // To e
   });
-  return new mo(e.geometry.clone(), r);
+  return new mr(e.geometry.clone(), t);
 }
-function Qe(e) {
-  var o;
-  let r = e.value;
-  return e.value && ((o = e.value) != null && o.isMesh) && (r = e.value.position), Array.isArray(e.value) && (r = new re(...r)), r;
+function kr(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 ko(e) {
+function Sr(e) {
   return "map" in e;
 }
-function Be(e) {
-  ko(e) && e.map && e.map.dispose(), e.dispose();
+function Re(e) {
+  Sr(e) && e.map && e.map.dispose(), e.dispose();
 }
-function he(e) {
-  var o, n;
-  if (e.parent && ((o = e.removeFromParent) == null || o.call(e)), delete e.__tres, [...e.children].forEach((i) => he(i)), !(e instanceof Ue)) {
+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)) {
     const i = e;
-    i.geometry && (i.geometry.dispose(), delete i.geometry), Array.isArray(i.material) ? (i.material.forEach((a) => Be(a)), delete i.material) : i.material && (Be(i.material), delete i.material), (n = e.dispose) == null || n.call(e);
+    e && ((o = e.dispose) == null || o.call(e)), i.geometry && (i.geometry.dispose(), delete i.geometry), Array.isArray(i.material) ? (i.material.forEach((a) => Re(a)), delete i.material) : i.material && (Re(i.material), delete i.material);
   }
 }
-const So = Number.parseInt(gt.replace("dev", "")), X = {
+const xr = Number.parseInt(gt.replace("dev", "")), Z = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
     outputColorSpace: ht,
-    toneMapping: Ne,
+    toneMapping: Ge,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
@@ -340,364 +341,439 @@ const So = Number.parseInt(gt.replace("dev", "")), X = {
     }
   },
   flat: {
-    toneMapping: wt,
+    toneMapping: bt,
     toneMappingExposure: 1
   }
 };
-function xo({
-  scene: e,
-  canvas: r,
-  options: o,
-  disableRender: n,
-  emit: i,
-  contextParts: { sizes: a, camera: t, render: s, invalidate: l, advance: c }
+function Tr({
+  canvas: e,
+  options: t,
+  contextParts: { sizes: n, render: o, invalidate: i, advance: a }
 }) {
-  const y = I(() => ({
-    alpha: S(o.alpha) ?? !0,
-    depth: S(o.depth),
-    canvas: Dt(r),
-    context: S(o.context),
-    stencil: S(o.stencil),
-    antialias: S(o.antialias) ?? !0,
-    precision: S(o.precision),
-    powerPreference: S(o.powerPreference),
-    premultipliedAlpha: S(o.premultipliedAlpha),
-    preserveDrawingBuffer: S(o.preserveDrawingBuffer),
-    logarithmicDepthBuffer: S(o.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: S(o.failIfMajorPerformanceCaveat)
-  })), u = W(new ie(y.value));
-  function d() {
-    o.renderMode === "on-demand" && l();
+  const r = B(() => ({
+    alpha: k(t.alpha) ?? !0,
+    depth: k(t.depth),
+    canvas: Dt(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)
+  })), s = U(new ie(r.value));
+  function u() {
+    t.renderMode === "on-demand" && i();
   }
-  z(y, () => {
-    u.value.dispose(), u.value = new ie(y.value), d();
-  }), z([a.width, a.height], () => {
-    u.value.setSize(a.width.value, a.height.value), d();
+  V(r, () => {
+    s.value.dispose(), s.value = new ie(r.value), u();
+  }), V([n.width, n.height], () => {
+    s.value.setSize(n.width.value, n.height.value), u();
   }, {
     immediate: !0
-  }), z(() => o.clearColor, d);
-  const { pixelRatio: w } = Bt();
-  z(w, () => {
-    u.value.setPixelRatio(w.value);
+  }), V(() => t.clearColor, u);
+  const { pixelRatio: l } = Bt();
+  V(l, () => {
+    s.value.setPixelRatio(l.value);
   });
-  const { logError: P } = B(), { resume: m, onLoop: C } = ne();
-  C(() => {
-    t.value && !S(n) && s.frames.value > 0 && (u.value.render(e, t.value), i("render", u.value)), s.priority.value = 0, S(o.renderMode) === "always" ? s.frames.value = 1 : s.frames.value = Math.max(0, s.frames.value - 1);
-  }), m();
-  const p = (() => {
-    const _ = new ie(), v = {
+  const { logError: y } = $(), p = (() => {
+    const f = new ie(), b = {
       shadowMap: {
-        enabled: _.shadowMap.enabled,
-        type: _.shadowMap.type
+        enabled: f.shadowMap.enabled,
+        type: f.shadowMap.type
       },
-      toneMapping: _.toneMapping,
-      toneMappingExposure: _.toneMappingExposure,
-      outputColorSpace: _.outputColorSpace
+      toneMapping: f.toneMapping,
+      toneMappingExposure: f.toneMappingExposure,
+      outputColorSpace: f.outputColorSpace
     };
-    return _.dispose(), v;
-  })(), h = S(o.renderMode);
-  return h === "on-demand" && l(), h === "manual" && setTimeout(() => {
-    c();
+    return f.dispose(), b;
+  })(), M = k(t.renderMode);
+  return M === "on-demand" && i(), M === "manual" && setTimeout(() => {
+    a();
   }, 1), ve(() => {
-    const _ = S(o.preset);
-    _ && (_ in X || P(`Renderer Preset must be one of these: ${Object.keys(X).join(", ")}`), qe(u.value, X[_])), h === "always" && (s.frames.value = Math.max(1, s.frames.value));
-    const v = (k, x) => {
-      const A = S(k), T = () => {
-        if (_)
-          return De(X[_], x);
+    const f = k(t.preset);
+    f && (f in Z || y(`Renderer Preset must be one of these: ${Object.keys(Z).join(", ")}`), Je(s.value, Z[f])), M === "always" && (o.frames.value = Math.max(1, o.frames.value));
+    const b = (v, h) => {
+      const _ = k(v), g = () => {
+        if (f)
+          return Be(Z[f], h);
       };
-      if (A !== void 0)
-        return A;
-      const L = T();
-      return L !== void 0 ? L : De(p, x);
-    }, M = (k, x) => Mo(u.value, x, v(k, x));
-    M(o.shadows, "shadowMap.enabled"), M(o.toneMapping ?? Ne, "toneMapping"), M(o.shadowMapType, "shadowMap.type"), So < 150 && M(!o.useLegacyLights, "physicallyCorrectLights"), M(o.outputColorSpace, "outputColorSpace"), M(o.toneMappingExposure, "toneMappingExposure");
-    const b = v(o.clearColor, "clearColor");
-    b && u.value.setClearColor(
-      b ? po(b) : new ee(0)
+      if (_ !== void 0)
+        return _;
+      const P = g();
+      return P !== void 0 ? P : Be(p, h);
+    }, m = (v, h) => Mr(s.value, h, b(v, h));
+    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? Ge, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), xr < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
+    const w = b(t.clearColor, "clearColor");
+    w && s.value.setClearColor(
+      w ? pr(w) : new re(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), V(() => {
-    u.value.dispose(), u.value.forceContextLoss();
+  }), N(() => {
+    s.value.dispose(), s.value.forceContextLoss();
   }), {
-    renderer: u
+    renderer: s
   };
 }
-const le = (e) => typeof e == "function", To = (e) => !!e && e.constructor === Array;
-function Ao(e) {
-  const r = { nodes: {}, materials: {} };
-  return e && e.traverse((o) => {
-    o.name && (r.nodes[o.name] = o), o.material && !r.materials[o.material.name] && (r.materials[o.material.name] = o.material);
-  }), r;
+const ee = (e) => typeof e == "function", Ar = (e) => !!e && e.constructor === Array;
+function Or(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 cr(e, r, o, n, i) {
-  const { logError: a } = B(), t = new e();
-  i && i(t), o && o(t);
-  const l = (Array.isArray(r) ? r : [r]).map(
-    (c) => new Promise((y, u) => {
-      t.load(
-        c,
-        (d) => {
-          d.scene && Object.assign(d, Ao(d.scene)), y(d);
+async function fn(e, t, n, o, i) {
+  const { logError: a } = $(), r = new e();
+  i && i(r), n && n(r);
+  const u = (Array.isArray(t) ? t : [t]).map(
+    (l) => new Promise((y, c) => {
+      r.load(
+        l,
+        (p) => {
+          p.scene && Object.assign(p, Or(p.scene)), y(p);
         },
-        n,
-        (d) => u(a("[useLoader] - Failed to load resource", d))
+        o,
+        (p) => c(a("[useLoader] - Failed to load resource", p))
       );
     })
   );
-  return To(r) ? await Promise.all(l) : await l[0];
+  return Ar(t) ? await Promise.all(u) : await u[0];
 }
-async function fr(e, r) {
-  const o = new bt(r), n = (i) => new Promise((a, t) => {
-    o.load(
+async function dn(e, t) {
+  const n = new wt(t), o = (i) => new Promise((a, r) => {
+    n.load(
       i,
       (s) => a(s),
       () => null,
       () => {
-        t(new Error("[useTextures] - Failed to load texture"));
+        r(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (_o(e)) {
-    const i = await Promise.all(e.map((a) => n(a)));
+  if (Cr(e)) {
+    const i = await Promise.all(e.map((a) => o(a)));
     return e.length > 1 ? i : i[0];
   } else {
     const {
       map: i,
       displacementMap: a,
-      normalMap: t,
+      normalMap: r,
       roughnessMap: s,
-      metalnessMap: l,
-      aoMap: c,
+      metalnessMap: u,
+      aoMap: l,
       alphaMap: y,
-      matcap: u
+      matcap: c
     } = e;
     return {
-      map: i ? await n(i) : null,
-      displacementMap: a ? await n(a) : null,
-      normalMap: t ? await n(t) : null,
-      roughnessMap: s ? await n(s) : null,
-      metalnessMap: l ? await n(l) : null,
-      aoMap: c ? await n(c) : null,
-      alphaMap: y ? await n(y) : null,
-      matcap: u ? await n(u) : null
+      map: i ? await o(i) : null,
+      displacementMap: a ? await o(a) : null,
+      normalMap: r ? await o(r) : null,
+      roughnessMap: s ? await o(s) : null,
+      metalnessMap: u ? await o(u) : null,
+      aoMap: l ? await o(l) : null,
+      alphaMap: y ? await o(y) : null,
+      matcap: c ? await o(c) : null
     };
   }
 }
-const Je = (e, r) => {
-  const o = I(() => r.renderer.value.domElement), n = W([]), { x: i, y: a } = jt({ target: o });
-  let t = 0;
-  const { width: s, height: l, top: c, left: y } = Rt(o), u = ({ x: f, y: E }) => {
-    if (o.value)
+const Ke = (e, t) => {
+  const n = B(() => t.renderer.value.domElement), o = U([]), { x: i, y: a } = Rt({ target: n });
+  let r = 0;
+  const { width: s, height: u, top: l, left: y } = jt(n), c = ({ x: d, y: E }) => {
+    if (n.value)
       return {
-        x: (f - y.value) / s.value * 2 - 1,
-        y: -((E - c.value) / l.value) * 2 + 1
+        x: (d - y.value) / s.value * 2 - 1,
+        y: -((E - l.value) / u.value) * 2 + 1
       };
-  }, d = ({ x: f, y: E }) => {
-    if (r.camera.value)
-      return r.raycaster.value.setFromCamera(new ae(f, E), r.camera.value), n.value = r.raycaster.value.intersectObjects(e.value, !0), n.value;
-  }, w = (f) => {
-    const E = u({
-      x: (f == null ? void 0 : f.clientX) ?? i.value,
-      y: (f == null ? void 0 : f.clientY) ?? a.value
+  }, p = ({ x: d, y: E }) => {
+    if (t.camera.value)
+      return t.raycaster.value.setFromCamera(new ae(d, E), t.camera.value), o.value = t.raycaster.value.intersectObjects(e.value, !0), o.value;
+  }, M = (d) => {
+    const E = c({
+      x: (d == null ? void 0 : d.clientX) ?? i.value,
+      y: (d == null ? void 0 : d.clientY) ?? a.value
     });
-    return E ? d(E) || [] : [];
-  }, P = O(), m = O(), C = O(), g = O(), p = O(), h = O(), _ = O(), v = O();
-  function M(f) {
+    return E ? p(E) || [] : [];
+  }, f = x(), b = x(), m = x(), w = x(), v = x(), h = x(), _ = x(), g = x();
+  function P(d) {
     const E = {};
-    for (const H in f)
-      typeof H != "function" && (E[H] = f[H]);
+    for (const I in d)
+      typeof I != "function" && (E[I] = d[I]);
     return E;
   }
-  const b = (f, E) => {
-    var _e, Ce, Ee;
-    const H = M(E), Q = new re(E == null ? void 0 : E.clientX, E == null ? void 0 : E.clientY, 0).unproject((_e = r.camera) == null ? void 0 : _e.value);
-    f.trigger({
-      ...H,
-      intersections: n.value,
+  const C = (d, E) => {
+    var _e, Ee, ke;
+    const I = P(E), Q = new ge(E == null ? void 0 : E.clientX, E == null ? void 0 : E.clientY, 0).unproject((_e = t.camera) == null ? void 0 : _e.value);
+    d.trigger({
+      ...I,
+      intersections: o.value,
       // The unprojectedPoint is wrong, math needs to be fixed
       unprojectedPoint: Q,
-      ray: (Ce = r.raycaster) == null ? void 0 : Ce.value.ray,
-      camera: (Ee = r.camera) == null ? void 0 : Ee.value,
+      ray: (Ee = t.raycaster) == null ? void 0 : Ee.value.ray,
+      camera: (ke = t.camera) == null ? void 0 : ke.value,
       sourceEvent: E,
-      delta: t,
+      delta: r,
       stopPropagating: !1
     });
   };
-  let k;
-  const x = (f) => {
-    w(f), b(C, f), k = f;
-  }, A = () => {
-    k && x(k);
+  let R;
+  const O = (d) => {
+    M(d), C(m, d), R = d;
+  }, T = () => {
+    R && O(R);
   };
-  let T, L, j;
-  const q = (f) => {
+  let S, j, L;
+  const Y = (d) => {
     var E;
-    T = (E = n.value[0]) == null ? void 0 : E.object, t = 0, L = new ae(
-      (f == null ? void 0 : f.clientX) ?? i.value,
-      (f == null ? void 0 : f.clientY) ?? a.value
-    ), b(p, f);
+    S = (E = o.value[0]) == null ? void 0 : E.object, r = 0, j = new ae(
+      (d == null ? void 0 : d.clientX) ?? i.value,
+      (d == null ? void 0 : d.clientY) ?? a.value
+    ), C(v, d);
   };
-  let F, Y = !1;
-  const we = (f) => {
-    var E, H, Q;
-    f instanceof PointerEvent && (n.value.length === 0 && b(h, f), T === ((E = n.value[0]) == null ? void 0 : E.object) && (j = new ae(
-      (f == null ? void 0 : f.clientX) ?? i.value,
-      (f == null ? void 0 : f.clientY) ?? a.value
-    ), t = L == null ? void 0 : L.distanceTo(j), f.button === 0 ? (b(P, f), F === ((H = n.value[0]) == null ? void 0 : H.object) ? Y = !0 : (F = (Q = n.value[0]) == null ? void 0 : Q.object, Y = !1)) : f.button === 2 && b(_, f)), b(g, f));
-  }, be = (f) => {
-    Y && (b(m, f), F = void 0, Y = !1);
-  }, Me = (f) => b(C, f), Pe = (f) => b(v, f);
-  return o.value.addEventListener("pointerup", we), o.value.addEventListener("pointerdown", q), o.value.addEventListener("pointermove", x), o.value.addEventListener("pointerleave", Me), o.value.addEventListener("dblclick", be), o.value.addEventListener("wheel", Pe), V(() => {
-    o != null && o.value && (o.value.removeEventListener("pointerup", we), o.value.removeEventListener("pointerdown", q), o.value.removeEventListener("pointermove", x), o.value.removeEventListener("pointerleave", Me), o.value.removeEventListener("dblclick", be), o.value.removeEventListener("wheel", Pe));
+  let z, J = !1;
+  const we = (d) => {
+    var E, I, Q;
+    d instanceof PointerEvent && (o.value.length === 0 && C(h, d), S === ((E = o.value[0]) == null ? void 0 : E.object) && (L = new ae(
+      (d == null ? void 0 : d.clientX) ?? i.value,
+      (d == null ? void 0 : d.clientY) ?? a.value
+    ), r = j == null ? void 0 : j.distanceTo(L), d.button === 0 ? (C(f, d), z === ((I = o.value[0]) == null ? void 0 : I.object) ? J = !0 : (z = (Q = o.value[0]) == null ? void 0 : Q.object, J = !1)) : d.button === 2 && C(_, d)), C(w, d));
+  }, Me = (d) => {
+    J && (C(b, d), z = void 0, J = !1);
+  }, Pe = (d) => C(m, d), Ce = (d) => C(g, d);
+  return n.value.addEventListener("pointerup", we), n.value.addEventListener("pointerdown", Y), n.value.addEventListener("pointermove", O), n.value.addEventListener("pointerleave", Pe), n.value.addEventListener("dblclick", Me), n.value.addEventListener("wheel", Ce), N(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", we), n.value.removeEventListener("pointerdown", Y), n.value.removeEventListener("pointermove", O), n.value.removeEventListener("pointerleave", Pe), n.value.removeEventListener("dblclick", Me), n.value.removeEventListener("wheel", Ce));
   }), {
-    intersects: n,
-    onClick: (f) => P.on(f).off,
-    onDblClick: (f) => m.on(f).off,
-    onContextMenu: (f) => _.on(f).off,
-    onPointerMove: (f) => C.on(f).off,
-    onPointerUp: (f) => g.on(f).off,
-    onPointerDown: (f) => p.on(f).off,
-    onPointerMissed: (f) => h.on(f).off,
-    onWheel: (f) => v.on(f).off,
-    forceUpdate: A
+    intersects: o,
+    onClick: (d) => f.on(d).off,
+    onDblClick: (d) => b.on(d).off,
+    onContextMenu: (d) => _.on(d).off,
+    onPointerMove: (d) => m.on(d).off,
+    onPointerUp: (d) => w.on(d).off,
+    onPointerDown: (d) => v.on(d).off,
+    onPointerMissed: (d) => h.on(d).off,
+    onWheel: (d) => g.on(d).off,
+    forceUpdate: T
   };
 };
-function pr() {
-  const { logWarning: e } = B();
-  function r(a, t, s) {
-    let l = null;
-    return a.traverse((c) => {
-      c[t] === s && (l = c);
-    }), l || e(`Child with ${t} '${s}' not found.`), l;
+function pn() {
+  const { logWarning: e } = $();
+  function t(a, r, s) {
+    let u = null;
+    return a.traverse((l) => {
+      l[r] === s && (u = l);
+    }), u || e(`Child with ${r} '${s}' not found.`), u;
   }
-  function o(a, t, s) {
-    const l = [];
-    return a.traverse((c) => {
-      c[t].includes(s) && l.push(c);
-    }), l.length || e(`Children with ${t} '${s}' not found.`), l;
+  function n(a, r, s) {
+    const u = [];
+    return a.traverse((l) => {
+      l[r].includes(s) && u.push(l);
+    }), u.length || e(`Children with ${r} '${s}' not found.`), u;
   }
-  function n(a, t) {
-    return r(a, "name", t);
+  function o(a, r) {
+    return t(a, "name", r);
   }
-  function i(a, t) {
-    return o(a, "name", t);
+  function i(a, r) {
+    return n(a, "name", r);
   }
   return {
-    seek: r,
-    seekByName: n,
-    seekAll: o,
+    seek: t,
+    seekByName: o,
+    seekAll: n,
     seekAllByName: i
   };
 }
-const dr = (e) => {
-  const r = $e({
+const mn = (e) => {
+  const t = $e({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), o = D(/* @__PURE__ */ new Set()), n = (u) => {
-    o.value.add(u);
-  }, i = (u) => {
-    o.value.delete(u);
-  }, a = (u) => {
-    Object.values(r).forEach((d) => d.delete(u)), i(u);
-  }, t = (u) => {
-    const { onClick: d, onPointerMove: w, onPointerEnter: P, onPointerLeave: m } = u;
-    d && r.click.set(u, d), w && r.pointerMove.set(u, w), P && r.pointerEnter.set(u, P), m && r.pointerLeave.set(u, m);
-  }, s = I(
-    () => bo(
+  }), n = A(/* @__PURE__ */ new Set()), o = (c) => {
+    n.value.add(c);
+  }, i = (c) => {
+    n.value.delete(c);
+  }, a = (c) => {
+    Object.values(t).forEach((p) => p.delete(c)), i(c);
+  }, r = (c) => {
+    const { onClick: p, onPointerMove: M, onPointerEnter: f, onPointerLeave: b } = c;
+    p && t.click.set(c, p), M && t.pointerMove.set(c, M), f && t.pointerEnter.set(c, f), b && t.pointerLeave.set(c, b);
+  }, s = B(
+    () => wr(
       [
-        ...Array.from(o.value),
-        ...Object.values(r).map((u) => Array.from(u.keys())).flat()
+        ...Array.from(n.value),
+        ...Object.values(t).map((c) => Array.from(c.keys())).flat()
       ],
-      ({ uuid: u }) => u
+      ({ uuid: c }) => c
     )
   );
-  e.registerObjectAtPointerEventHandler = t, e.deregisterObjectAtPointerEventHandler = a, e.registerBlockingObjectAtPointerEventHandler = n, e.deregisterBlockingObjectAtPointerEventHandler = i;
-  const { onClick: l, onPointerMove: c } = Je(s, e);
-  l(({ intersects: u, event: d }) => {
-    var w;
-    u.length && ((w = r.click.get(u[0].object)) == null || w(u[0], d));
+  e.registerObjectAtPointerEventHandler = r, e.deregisterObjectAtPointerEventHandler = a, e.registerBlockingObjectAtPointerEventHandler = o, e.deregisterBlockingObjectAtPointerEventHandler = i;
+  const { onClick: u, onPointerMove: l } = Ke(s, e);
+  u(({ intersects: c, event: p }) => {
+    var M;
+    c.length && ((M = t.click.get(c[0].object)) == null || M(c[0], p));
   });
   let y;
-  return c(({ intersects: u, event: d }) => {
-    var g, p, h, _;
-    const w = (g = u == null ? void 0 : u[0]) == null ? void 0 : g.object, { pointerLeave: P, pointerEnter: m, pointerMove: C } = r;
-    y && y !== w && ((p = P.get(y)) == null || p(y, d)), w && (y !== w && ((h = m.get(w)) == null || h(u[0], d)), (_ = C.get(w)) == null || _(u[0], d)), y = w || null;
+  return l(({ intersects: c, event: p }) => {
+    var w, v, h, _;
+    const M = (w = c == null ? void 0 : c[0]) == null ? void 0 : w.object, { pointerLeave: f, pointerEnter: b, pointerMove: m } = t;
+    y && y !== M && ((v = f.get(y)) == null || v(y, p)), M && (y !== M && ((h = b.get(M)) == null || h(c[0], p)), (_ = m.get(M)) == null || _(c[0], p)), y = M || null;
   }), {
-    registerObject: t,
+    registerObject: r,
     deregisterObject: a,
-    registerBlockingObject: n,
+    registerBlockingObject: o,
     deregisterBlockingObject: i
   };
 };
-function ye(e) {
-  let r = 0;
-  return e.traverse((o) => {
-    if (o.isMesh && o.geometry) {
-      const n = o.geometry, i = n.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = n.index ? n.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, t = n.attributes.normal ? n.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = n.attributes.uv ? n.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, l = i + a + t + s;
-      r += l;
+function be(e) {
+  let t = 0;
+  return e.traverse((n) => {
+    if (n.isMesh && n.geometry) {
+      const o = n.geometry, i = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, r = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, u = i + a + r + s;
+      t += u;
     }
-  }), r;
+  }), t;
 }
-function Lo(e) {
+function Lr(e) {
   return (e / 1024).toFixed(2);
 }
-const pe = D({}), de = (e) => Object.assign(pe.value, e);
-function Oo(e, r, o = 10) {
-  const n = S(e) ? It() : Ht(I(() => S(r).parentElement)), i = ue(Le(n.width, o)), a = ue(Le(n.height, o)), t = I(() => i.value / a.value);
+const de = A({}), pe = (e) => Object.assign(de.value, e);
+function Dr(e, t, n = 10) {
+  const o = k(e) ? It() : Ht(B(() => k(t).parentElement)), i = ue(Le(o.width, n)), a = ue(Le(o.height, n)), r = B(() => i.value / a.value);
   return {
     height: a,
     width: i,
-    aspectRatio: t
+    aspectRatio: r
+  };
+}
+function le() {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  let n = 0, o = !1;
+  const i = () => {
+    const l = Array.from(e.entries()).sort((y, c) => {
+      const p = y[1].priority - c[1].priority;
+      return p === 0 ? y[1].addI - c[1].addI : p;
+    });
+    t.clear(), l.forEach((y) => t.add(y[0]));
+  }, a = (l) => {
+    e.delete(l), t.delete(l);
+  };
+  return { on: (l, y = 0) => {
+    e.set(l, { priority: y, addI: n++ });
+    const c = () => a(l);
+    return Ut(c), o = !0, {
+      off: c
+    };
+  }, off: a, trigger: (...l) => {
+    o && (i(), o = !1), t.forEach((y) => y(...l));
+  }, dispose: () => {
+    e.clear(), t.clear();
+  }, get count() {
+    return e.size;
+  } };
+}
+function Br() {
+  const e = new We(!1), t = A(!1), n = A(!1);
+  let o;
+  const i = Mt.generateUUID();
+  let a = null;
+  const r = le(), s = le(), u = le();
+  let l = {};
+  function y(h) {
+    l = h;
+  }
+  function c(h, _, g = 0) {
+    switch (_) {
+      case "before":
+        return r.on(h, g);
+      case "render":
+        return a || (a = h), s.dispose(), s.on(h);
+      case "after":
+        return u.on(h, g);
+    }
+  }
+  function p() {
+    t.value || (e.start(), t.value = !0, v());
+  }
+  function M() {
+    t.value && (e.stop(), cancelAnimationFrame(o), t.value = !1);
+  }
+  function f() {
+    e.stop(), t.value = !1;
+  }
+  function b() {
+    e.start(), t.value = !0;
+  }
+  function m() {
+    n.value = !0;
+  }
+  function w() {
+    n.value = !1;
+  }
+  function v() {
+    const h = e.getDelta(), _ = e.getElapsedTime(), g = { delta: h, elapsed: _, clock: e, ...l };
+    t.value && r.trigger(g), n.value || (s.count ? s.trigger(g) : a && a(g)), t.value && u.trigger(g), o = requestAnimationFrame(v);
+  }
+  return {
+    loopId: i,
+    register: (h, _, g) => c(h, _, g),
+    start: p,
+    stop: M,
+    pause: f,
+    resume: b,
+    pauseRender: m,
+    resumeRender: w,
+    isRenderPaused: n,
+    isActive: t,
+    setContext: y
   };
 }
-function Do({
+function Rr({
   scene: e,
-  canvas: r,
-  windowSize: o,
-  disableRender: n,
+  canvas: t,
+  windowSize: n,
+  disableRender: o,
   rendererOptions: i,
   emit: a
 }) {
-  const { logWarning: t } = B(), s = W(e), l = Oo(o, r), {
-    camera: c,
+  const { logWarning: r } = $(), s = U(e), u = Dr(n, t), {
+    camera: l,
     cameras: y,
-    registerCamera: u,
-    deregisterCamera: d,
-    setCameraActive: w
-  } = ao({ sizes: l, scene: e }), P = {
-    mode: D(i.renderMode || "always"),
-    priority: D(0),
-    frames: D(0),
+    registerCamera: c,
+    deregisterCamera: p,
+    setCameraActive: M
+  } = lr({ sizes: u, scene: e }), f = {
+    mode: A(i.renderMode || "always"),
+    priority: A(0),
+    frames: A(0),
     maxFrames: 60,
-    canBeInvalidated: I(() => P.mode.value === "on-demand" && P.frames.value === 0)
+    canBeInvalidated: B(() => f.mode.value === "on-demand" && f.frames.value === 0)
   };
-  function m(j = 1) {
-    i.renderMode === "on-demand" ? P.frames.value = Math.min(P.maxFrames, P.frames.value + j) : t("`invalidate` can only be used when `renderMode` is set to `on-demand`");
+  function b(L = 1) {
+    i.renderMode === "on-demand" ? f.frames.value = Math.min(f.maxFrames, f.frames.value + L) : r("`invalidate` can only be used when `renderMode` is set to `on-demand`");
   }
-  function C() {
-    i.renderMode === "manual" ? P.frames.value = 1 : t("`advance` can only be used when `renderMode` is set to `manual`");
+  function m() {
+    i.renderMode === "manual" ? f.frames.value = 1 : r("`advance` can only be used when `renderMode` is set to `manual`");
   }
-  const { renderer: g } = xo(
+  const { renderer: w } = Tr(
     {
       scene: e,
-      canvas: r,
+      canvas: t,
       options: i,
       emit: a,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: l, camera: c, render: P, invalidate: m, advance: C },
-      disableRender: n
+      contextParts: { sizes: u, camera: l, render: f, invalidate: b, advance: m },
+      disableRender: o
     }
-  ), p = {
-    sizes: l,
+  ), v = {
+    sizes: u,
     scene: s,
-    camera: c,
+    camera: l,
     cameras: ue(y),
-    renderer: g,
-    raycaster: W(new Mt()),
-    controls: D(null),
+    renderer: w,
+    raycaster: U(new Pt()),
+    controls: A(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -710,107 +786,152 @@ function Do({
         accumulator: []
       }
     },
-    render: P,
-    advance: C,
-    extend: de,
-    invalidate: m,
-    registerCamera: u,
-    setCameraActive: w,
-    deregisterCamera: d
-  };
-  ce("useTres", p), p.scene.value.__tres = {
-    root: p
+    render: f,
+    advance: m,
+    extend: pe,
+    invalidate: b,
+    registerCamera: c,
+    setCameraActive: M,
+    deregisterCamera: p,
+    loop: Br()
   };
-  const h = 100, _ = $t({ every: h }), { isSupported: v, memory: M } = Wt({ interval: h }), b = 160;
-  let k = performance.now();
-  const x = ({ timestamp: j }) => {
-    p.scene.value && (p.perf.memory.allocatedMem = ye(p.scene.value)), j - k >= h && (k = j, p.perf.fps.accumulator.push(_.value), p.perf.fps.accumulator.length > b && p.perf.fps.accumulator.shift(), p.perf.fps.value = _.value, v.value && M.value && (p.perf.memory.accumulator.push(M.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > b && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((q, F) => q + F, 0) / p.perf.memory.accumulator.length));
+  ce("useTres", v), v.scene.value.__tres = {
+    root: v
+  }, v.loop.register(() => {
+    l.value && f.frames.value > 0 && (w.value.render(e, l.value), a("render", v.renderer.value)), f.priority.value = 0, f.mode.value === "always" ? f.frames.value = 1 : f.frames.value = Math.max(0, f.frames.value - 1);
+  }, "render"), v.loop.start(), N(() => {
+    v.loop.stop();
+  });
+  const h = 100, _ = $t({ every: h }), { isSupported: g, memory: P } = Ft({ interval: h }), C = 160;
+  let R = performance.now();
+  const O = ({ timestamp: L }) => {
+    v.scene.value && (v.perf.memory.allocatedMem = be(v.scene.value)), L - R >= h && (R = L, v.perf.fps.accumulator.push(_.value), v.perf.fps.accumulator.length > C && v.perf.fps.accumulator.shift(), v.perf.fps.value = _.value, g.value && P.value && (v.perf.memory.accumulator.push(P.value.usedJSHeapSize / 1024 / 1024), v.perf.memory.accumulator.length > C && v.perf.memory.accumulator.shift(), v.perf.memory.currentMem = v.perf.memory.accumulator.reduce((Y, z) => Y + z, 0) / v.perf.memory.accumulator.length));
   };
-  let A = 0;
-  const T = 1, { pause: L } = ze(({ delta: j }) => {
-    window.__TRES__DEVTOOLS__ && (x({ timestamp: performance.now() }), A += j, A >= T && (window.__TRES__DEVTOOLS__.cb(p), A = 0));
+  let T = 0;
+  const S = 1, { pause: j } = Ve(({ delta: L }) => {
+    window.__TRES__DEVTOOLS__ && (O({ timestamp: performance.now() }), T += L, T >= S && (window.__TRES__DEVTOOLS__.cb(v), T = 0));
   }, { immediate: !0 });
-  return V(() => {
-    L();
-  }), p;
+  return N(() => {
+    j();
+  }), v;
 }
-function Bo() {
-  const e = rt("useTres");
+function Xe() {
+  const e = st("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const mr = Bo;
-function jo(e, r, o) {
-  const n = W(), i = W();
-  e && (n.value = e), r && (i.value = r);
-  const a = I(
-    () => n.value ? n.value.children : []
+const vn = Xe;
+function gn() {
+  const {
+    camera: e,
+    scene: t,
+    renderer: n,
+    loop: o,
+    raycaster: i,
+    controls: a,
+    invalidate: r,
+    advance: s
+  } = Xe();
+  o.setContext({
+    camera: W(e),
+    scene: W(t),
+    renderer: W(n),
+    raycaster: W(i),
+    controls: W(a),
+    invalidate: r,
+    advance: s
+  });
+  function u(c, p = 0) {
+    return o.register(c, "before", p);
+  }
+  function l(c) {
+    return o.register(c, "render");
+  }
+  function y(c, p = 0) {
+    return o.register(c, "after", p);
+  }
+  return {
+    pause: o.pause,
+    resume: o.resume,
+    pauseRender: o.pauseRender,
+    resumeRender: o.resumeRender,
+    isActive: o.isActive,
+    onBeforeRender: u,
+    render: l,
+    onAfterRender: y
+  };
+}
+function jr(e, t, n) {
+  const o = U(), i = U();
+  e && (o.value = e), t && (i.value = t);
+  const a = B(
+    () => o.value ? o.value.children : []
   );
-  function t(v, M) {
-    if (Array.isArray(v))
-      for (const b of v)
-        b(M);
-    typeof v == "function" && v(M);
+  function r(g, P) {
+    if (Array.isArray(g))
+      for (const C of g)
+        C(P);
+    typeof g == "function" && g(P);
   }
-  function s(v, M) {
-    const b = [], k = () => M.stopPropagating = !0;
-    M.stopPropagation = k;
-    for (const x of M == null ? void 0 : M.intersections) {
-      if (M.stopPropagating)
+  function s(g, P) {
+    const C = [], R = () => P.stopPropagating = !0;
+    P.stopPropagation = R;
+    for (const O of P == null ? void 0 : P.intersections) {
+      if (P.stopPropagating)
         return;
-      M = { ...M, ...x };
-      const { object: A } = x;
-      M.eventObject = A, t(A[v], M), b.push(A);
-      let T = A.parent;
-      for (; T !== null && !M.stopPropagating && !b.includes(T); )
-        M.eventObject = T, t(T[v], M), b.push(T), T = T.parent;
-      const L = yo(v.slice(2));
-      o(L, { intersection: x, event: M });
+      P = { ...P, ...O };
+      const { object: T } = O;
+      P.eventObject = T, r(T[g], P), C.push(T);
+      let S = T.parent;
+      for (; S !== null && !P.stopPropagating && !C.includes(S); )
+        P.eventObject = S, r(S[g], P), C.push(S), S = S.parent;
+      const j = yr(g.slice(2));
+      n(j, { intersection: O, event: P });
     }
   }
   const {
-    onClick: l,
-    onDblClick: c,
+    onClick: u,
+    onDblClick: l,
     onContextMenu: y,
-    onPointerMove: u,
-    onPointerDown: d,
-    onPointerUp: w,
-    onPointerMissed: P,
-    onWheel: m,
-    forceUpdate: C
-  } = Je(a, r);
-  w((v) => s("onPointerUp", v)), d((v) => s("onPointerDown", v)), l((v) => s("onClick", v)), c((v) => s("onDoubleClick", v)), y((v) => s("onContextMenu", v)), m((v) => s("onWheel", v));
-  let g = [];
-  u((v) => {
-    const M = v.intersections.map(({ object: b }) => b);
-    g.forEach((b) => {
-      M.includes(b) || (s("onPointerLeave", v), s("onPointerOut", v));
-    }), v.intersections.forEach(({ object: b }) => {
-      g.includes(b) || (s("onPointerEnter", v), s("onPointerOver", v));
-    }), s("onPointerMove", v), g = M;
+    onPointerMove: c,
+    onPointerDown: p,
+    onPointerUp: M,
+    onPointerMissed: f,
+    onWheel: b,
+    forceUpdate: m
+  } = Ke(a, t);
+  M((g) => s("onPointerUp", g)), p((g) => s("onPointerDown", g)), u((g) => s("onClick", g)), l((g) => s("onDoubleClick", g)), y((g) => s("onContextMenu", g)), b((g) => s("onWheel", g));
+  let w = [];
+  c((g) => {
+    const P = g.intersections.map(({ object: C }) => C);
+    w.forEach((C) => {
+      P.includes(C) || (s("onPointerLeave", g), s("onPointerOut", g));
+    }), g.intersections.forEach(({ object: C }) => {
+      w.includes(C) || (s("onPointerEnter", g), s("onPointerOver", g));
+    }), s("onPointerMove", g), w = P;
   });
-  const p = [];
-  P((v) => {
-    const M = () => v.stopPropagating = !0;
-    v.stopPropagation = M, p.forEach((b) => {
-      v.stopPropagating || (v.eventObject = b, t(b.onPointerMissed, v));
-    }), o("pointer-missed", { event: v });
+  const v = [];
+  f((g) => {
+    const P = () => g.stopPropagating = !0;
+    g.stopPropagation = P, v.forEach((C) => {
+      g.stopPropagating || (g.eventObject = C, r(C.onPointerMissed, g));
+    }), n("pointer-missed", { event: g });
   });
-  function h(v) {
-    p.push(v);
+  function h(g) {
+    v.push(g);
   }
-  function _(v) {
-    const M = p.indexOf(v);
-    M > -1 && p.splice(M, 1);
+  function _(g) {
+    const P = v.indexOf(g);
+    P > -1 && v.splice(P, 1);
   }
-  return r.eventManager = {
-    forceUpdate: C,
+  return t.eventManager = {
+    forceUpdate: m,
     registerPointerMissedObject: h,
     deregisterPointerMissedObject: _
-  }, { forceUpdate: C, registerPointerMissedObject: h, deregisterPointerMissedObject: _ };
+  }, { forceUpdate: m, registerPointerMissedObject: h, deregisterPointerMissedObject: _ };
 }
-const { logError: je } = B(), Ro = [
+const { logError: je } = $(), Ir = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -826,122 +947,122 @@ const { logError: je } = B(), Ro = [
   "onLostPointerCapture",
   "onWheel"
 ];
-function Re(e) {
-  var o;
-  const r = (o = e == null ? void 0 : e.__tres) == null ? void 0 : o.root;
-  r && r.render && r.render.canBeInvalidated.value && r.invalidate();
+function Ie(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 Io = () => {
+const Hr = () => {
   let e = null;
-  function r(t, s, l, c) {
-    if (c || (c = {}), c.args || (c.args = []), t === "template" || go(t))
+  function t(r, s, u, l) {
+    if (l || (l = {}), l.args || (l.args = []), r === "template" || gr(r))
       return null;
-    let y = t.replace("Tres", ""), u;
-    if (t === "primitive") {
-      (c == null ? void 0 : c.object) === void 0 && je("Tres primitives need a prop 'object'");
-      const d = c.object;
-      y = d.type, u = Object.assign(d.clone(), { type: y });
+    let y = r.replace("Tres", ""), c;
+    if (r === "primitive") {
+      (l == null ? void 0 : l.object) === void 0 && je("Tres primitives need a prop 'object'");
+      const p = l.object;
+      y = p.type, c = Object.assign(p.clone(), { type: y });
     } else {
-      const d = pe.value[y];
-      d || je(
+      const p = de.value[y];
+      p || je(
         `${y} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), u = new d(...c.args);
+      ), c = new p(...l.args);
     }
-    return u ? (u.isCamera && (c != null && c.position || u.position.set(3, 3, 3), c != null && c.lookAt || u.lookAt(0, 0, 0)), (c == null ? void 0 : c.attach) === void 0 && (u.isMaterial ? u.attach = "material" : u.isBufferGeometry && (u.attach = "geometry")), u.__tres = {
-      ...u.__tres,
+    return c ? (c.isCamera && (l != null && l.position || c.position.set(3, 3, 3), l != null && l.lookAt || c.lookAt(0, 0, 0)), (l == null ? void 0 : l.attach) === void 0 && (c.isMaterial ? c.attach = "material" : c.isBufferGeometry && (c.attach = "geometry")), c.__tres = {
+      ...c.__tres,
       type: y,
-      memoizedProps: c,
+      memoizedProps: l,
       eventCount: 0,
       disposable: !0,
-      primitive: t === "primitive"
-    }, u.isObject3D && u.__tres && (c != null && c.material || c != null && c.geometry) && (u.__tres.disposable = !1), u) : null;
+      primitive: r === "primitive"
+    }, c.isObject3D && c.__tres && (l != null && l.material || l != null && l.geometry) && (c.__tres.disposable = !1), c) : null;
   }
-  function o(t, s) {
-    var c, y, u, d, w;
-    if (!t)
+  function n(r, s) {
+    var l, y, c, p, M;
+    if (!r)
       return;
-    s && s.isScene && (e = s), e && t.__tres && (t.__tres.root = e.__tres.root);
-    const l = s || e;
-    if (t != null && t.isObject3D) {
-      const { registerCamera: P } = (c = t == null ? void 0 : t.__tres) == null ? void 0 : c.root;
-      t != null && t.isCamera && P(t), t.onPointerMissed && ((y = t == null ? void 0 : t.__tres) != null && y.root) && ((w = (d = (u = t == null ? void 0 : t.__tres) == null ? void 0 : u.root) == null ? void 0 : d.eventManager) == null || w.registerPointerMissedObject(t));
+    s && s.isScene && (e = s), e && r.__tres && (r.__tres.root = e.__tres.root);
+    const u = s || e;
+    if (r != null && r.isObject3D) {
+      const { registerCamera: f } = (l = r == null ? void 0 : r.__tres) == null ? void 0 : l.root;
+      r != null && r.isCamera && f(r), r.onPointerMissed && ((y = r == null ? void 0 : r.__tres) != null && y.root) && ((M = (p = (c = r == null ? void 0 : r.__tres) == null ? void 0 : c.root) == null ? void 0 : p.eventManager) == null || M.registerPointerMissedObject(r));
     }
-    t != null && t.isObject3D && (l != null && l.isObject3D) ? (l.add(t), t.dispatchEvent({ type: "added" })) : t != null && t.isFog ? l.fog = t : typeof (t == null ? void 0 : t.attach) == "string" && (t.__previousAttach = t[l == null ? void 0 : l.attach], l && (l[t.attach] = t));
+    r != null && r.isObject3D && (u != null && u.isObject3D) ? (u.add(r), r.dispatchEvent({ type: "added" })) : r != null && r.isFog ? u.fog = r : typeof (r == null ? void 0 : r.attach) == "string" && (r.__previousAttach = r[u == null ? void 0 : u.attach], u && (u[r.attach] = r));
   }
-  function n(t) {
-    var l, c, y, u;
-    if (!t)
+  function o(r) {
+    var u, l, y, c;
+    if (!r)
       return;
-    const s = t.__tres;
-    if (t.parent = t.parent || e, t.isObject3D) {
-      const d = (P) => {
-        var C, g;
-        const m = (g = (C = t == null ? void 0 : t.__tres) == null ? void 0 : C.root) == null ? void 0 : g.deregisterCamera;
-        P.isCamera && (m == null || m(P));
+    const s = r.__tres;
+    if (r.parent = r.parent || e, r.isObject3D) {
+      const p = (f) => {
+        var m, w;
+        const b = (w = (m = r == null ? void 0 : r.__tres) == null ? void 0 : m.root) == null ? void 0 : w.deregisterCamera;
+        f.isCamera && (b == null || b(f));
       };
-      (l = t.removeFromParent) == null || l.call(t), t.traverse((P) => {
-        var m, C;
-        d(P), P.onPointerMissed && ((C = (m = s == null ? void 0 : s.root) == null ? void 0 : m.eventManager) == null || C.deregisterPointerMissedObject(P));
-      }), d(t), Re(t), !((c = t.__tres) == null ? void 0 : c.primitive) && ((y = t.__tres) != null && y.disposable) && he(t), (u = t.dispose) == null || u.call(t);
+      (u = r.removeFromParent) == null || u.call(r), r.traverse((f) => {
+        var b, m;
+        p(f), f.onPointerMissed && ((m = (b = s == null ? void 0 : s.root) == null ? void 0 : b.eventManager) == null || m.deregisterPointerMissedObject(f));
+      }), p(r), Ie(r), !((l = r.__tres) == null ? void 0 : l.primitive) && ((y = r.__tres) != null && y.disposable) && ye(r), (c = r.dispose) == null || c.call(r);
     }
   }
-  function i(t, s, l, c) {
-    var y, u;
-    if (t) {
-      let d = t, w = s;
-      if ((y = t == null ? void 0 : t.__tres) != null && y.primitive && w === "object" && l !== null) {
-        const g = r("primitive", void 0, void 0, {
-          object: c
+  function i(r, s, u, l) {
+    var y, c;
+    if (r) {
+      let p = r, M = s;
+      if ((y = r == null ? void 0 : r.__tres) != null && y.primitive && M === "object" && u !== null) {
+        const w = t("primitive", void 0, void 0, {
+          object: l
         });
-        for (const p in g) {
-          if (p === "uuid")
+        for (const v in w) {
+          if (v === "uuid")
             continue;
-          const h = t[p], _ = g[p];
-          !(h != null && h.set) && !le(h) ? t[p] = _ : h.constructor === _.constructor && (h != null && h.copy) ? h == null || h.copy(_) : Array.isArray(_) ? h.set(..._) : !h.isColor && h.setScalar ? h.setScalar(_) : h.set(_);
+          const h = r[v], _ = w[v];
+          !(h != null && h.set) && !ee(h) ? r[v] = _ : h.constructor === _.constructor && (h != null && h.copy) ? h == null || h.copy(_) : Array.isArray(_) ? h.set(..._) : !h.isColor && h.setScalar ? h.setScalar(_) : h.set(_);
         }
-        g != null && g.__tres && (g.__tres.root = e == null ? void 0 : e.__tres.root), g != null && g.isGroup ? (t.geometry = void 0, t.material = void 0) : delete t.isGroup;
+        w != null && w.__tres && (w.__tres.root = e == null ? void 0 : e.__tres.root), w != null && w.isGroup ? (r.geometry = void 0, r.material = void 0) : delete r.isGroup;
       }
-      if (t != null && t.isObject3D && w === "blocks-pointer-events") {
-        c || c === "" ? t[w] = c : delete t[w];
+      if (r != null && r.isObject3D && M === "blocks-pointer-events") {
+        l || l === "" ? r[M] = l : delete r[M];
         return;
       }
-      let P = K(w), m = d == null ? void 0 : d[P];
-      if (w === "args") {
-        const g = t, p = l ?? [], h = c ?? [], _ = ((u = t == null ? void 0 : t.__tres) == null ? void 0 : u.type) || t.type;
-        _ && p.length && !Po(p, h) && (d = Object.assign(
-          g,
-          new pe.value[_](...c)
+      let f = X(M), b = p == null ? void 0 : p[f];
+      if (M === "args") {
+        const w = r, v = u ?? [], h = l ?? [], _ = ((c = r == null ? void 0 : r.__tres) == null ? void 0 : c.type) || r.type;
+        _ && v.length && !Pr(v, h) && (p = Object.assign(
+          w,
+          new de.value[_](...l)
         ));
         return;
       }
-      if (d.type === "BufferGeometry") {
-        if (w === "args")
+      if (p.type === "BufferGeometry") {
+        if (M === "args")
           return;
-        d.setAttribute(
-          K(w),
-          new Pt(...c)
+        p.setAttribute(
+          X(M),
+          new Ct(...l)
         );
         return;
       }
-      if (w.includes("-") && m === void 0) {
-        const g = w.split("-");
-        m = g.reduce((p, h) => p[K(h)], d), w = g.pop(), P = w, m != null && m.set || (d = g.reduce((p, h) => p[K(h)], d));
+      if (M.includes("-") && b === void 0) {
+        const w = M.split("-");
+        b = w.reduce((v, h) => v[X(h)], p), M = w.pop(), f = M, b != null && b.set || (p = w.reduce((v, h) => v[X(h)], p));
       }
-      let C = c;
-      if (C === "" && (C = !0), le(m)) {
-        Ro.includes(s) || (Array.isArray(C) ? t[P](...C) : t[P](C));
+      let m = l;
+      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);
         return;
       }
-      !(m != null && m.set) && !le(m) ? d[P] = C : m.constructor === C.constructor && (m != null && m.copy) ? m == null || m.copy(C) : Array.isArray(C) ? m.set(...C) : !m.isColor && m.setScalar ? m.setScalar(C) : m.set(C), Re(t);
+      !(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);
     }
   }
-  function a(t) {
-    return (t == null ? void 0 : t.parent) || null;
+  function a(r) {
+    return (r == null ? void 0 : r.parent) || null;
   }
   return {
-    insert: o,
-    remove: n,
-    createElement: r,
+    insert: n,
+    remove: o,
+    createElement: t,
     patchProp: i,
     parentNode: a,
     createText: () => void 0,
@@ -955,34 +1076,34 @@ const Io = () => {
     insertStaticContent: () => void 0
   };
 };
-function Ho() {
-  return Ke().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function Ur() {
+  return Ze().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function Ke() {
+function Ze() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const $o = typeof Proxy == "function", Wo = "devtools-plugin:setup", Uo = "plugin:settings:set";
-let U, me;
-function Fo() {
+const $r = typeof Proxy == "function", Fr = "devtools-plugin:setup", Wr = "plugin:settings:set";
+let F, me;
+function Nr() {
   var e;
-  return U !== void 0 || (typeof window < "u" && window.performance ? (U = !0, me = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (U = !0, me = globalThis.perf_hooks.performance) : U = !1), U;
+  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 No() {
-  return Fo() ? me.now() : Date.now();
+function zr() {
+  return Nr() ? me.now() : Date.now();
 }
-class zo {
-  constructor(r, o) {
-    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = r, this.hook = o;
-    const n = {};
-    if (r.settings)
-      for (const t in r.settings) {
-        const s = r.settings[t];
-        n[t] = s.defaultValue;
+class Gr {
+  constructor(t, n) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
+    const o = {};
+    if (t.settings)
+      for (const r in t.settings) {
+        const s = t.settings[r];
+        o[r] = s.defaultValue;
       }
-    const i = `__vue-devtools-plugin-settings__${r.id}`;
-    let a = Object.assign({}, n);
+    const i = `__vue-devtools-plugin-settings__${t.id}`;
+    let a = Object.assign({}, o);
     try {
-      const t = localStorage.getItem(i), s = JSON.parse(t);
+      const r = localStorage.getItem(i), s = JSON.parse(r);
       Object.assign(a, s);
     } catch {
     }
@@ -990,158 +1111,158 @@ class zo {
       getSettings() {
         return a;
       },
-      setSettings(t) {
+      setSettings(r) {
         try {
-          localStorage.setItem(i, JSON.stringify(t));
+          localStorage.setItem(i, JSON.stringify(r));
         } catch {
         }
-        a = t;
+        a = r;
       },
       now() {
-        return No();
+        return zr();
       }
-    }, o && o.on(Uo, (t, s) => {
-      t === this.plugin.id && this.fallbacks.setSettings(s);
+    }, n && n.on(Wr, (r, s) => {
+      r === this.plugin.id && this.fallbacks.setSettings(s);
     }), this.proxiedOn = new Proxy({}, {
-      get: (t, s) => this.target ? this.target.on[s] : (...l) => {
+      get: (r, s) => this.target ? this.target.on[s] : (...u) => {
         this.onQueue.push({
           method: s,
-          args: l
+          args: u
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (t, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...l) => (this.targetQueue.push({
+      get: (r, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...u) => (this.targetQueue.push({
         method: s,
-        args: l,
+        args: u,
         resolve: () => {
         }
-      }), this.fallbacks[s](...l)) : (...l) => new Promise((c) => {
+      }), this.fallbacks[s](...u)) : (...u) => new Promise((l) => {
         this.targetQueue.push({
           method: s,
-          args: l,
-          resolve: c
+          args: u,
+          resolve: l
         });
       })
     });
   }
-  async setRealTarget(r) {
-    this.target = r;
-    for (const o of this.onQueue)
-      this.target.on[o.method](...o.args);
-    for (const o of this.targetQueue)
-      o.resolve(await this.target[o.method](...o.args));
+  async setRealTarget(t) {
+    this.target = t;
+    for (const n of this.onQueue)
+      this.target.on[n.method](...n.args);
+    for (const n of this.targetQueue)
+      n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Go(e, r) {
-  const o = e, n = Ke(), i = Ho(), a = $o && o.enableEarlyProxy;
-  if (i && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    i.emit(Wo, e, r);
+function Vr(e, t) {
+  const n = e, o = Ze(), i = Ur(), a = $r && n.enableEarlyProxy;
+  if (i && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
+    i.emit(Fr, e, t);
   else {
-    const t = a ? new zo(o, i) : null;
-    (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
-      pluginDescriptor: o,
-      setupFn: r,
-      proxy: t
-    }), t && r(t.proxiedTarget);
+    const r = a ? new Gr(n, i) : null;
+    (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: n,
+      setupFn: t,
+      proxy: r
+    }), r && t(r.proxiedTarget);
   }
 }
-function Vo(e, r) {
-  const o = `▲ ■ ●${e}`;
-  typeof Ie == "function" ? Ie(o, r) : r === "error" ? console.error(o) : r === "warn" ? console.warn(o) : console.log(o);
+function qr(e, t) {
+  const n = `▲ ■ ●${e}`;
+  typeof He == "function" ? He(n, t) : console.log(n);
 }
-function Ie(e, r) {
-  throw new Error(e + r);
+function He(e, t) {
+  throw new Error(e + t);
 }
-const Xe = (e) => {
-  const r = {
+const et = (e) => {
+  const t = {
     id: e.uuid,
     label: e.type,
     children: [],
     tags: []
   };
-  e.name !== "" && r.tags.push({
+  e.name !== "" && t.tags.push({
     label: e.name,
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const o = ye(e);
-  return o > 0 && r.tags.push({
-    label: `${Lo(o)} KB`,
+  const n = be(e);
+  return n > 0 && t.tags.push({
+    label: `${Lr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (r.tags.push({
+  }), e.type.includes("Light") && (t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Intensity"
-  }), r.tags.push({
+  }), t.tags.push({
     label: `#${e.color.getHexString()}`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Color"
-  })), e.type.includes("Camera") && (r.tags.push({
+  })), e.type.includes("Camera") && (t.tags.push({
     label: `${e.fov}°`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Field of view"
-  }), r.tags.push({
+  }), t.tags.push({
     label: `x: ${Math.round(e.position.x)} y: ${Math.round(e.position.y)} z: ${Math.round(e.position.z)}`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Position"
-  })), r;
+  })), t;
 };
-function Ze(e, r, o = "") {
-  e.children.forEach((n) => {
-    if (n.type === "HightlightMesh" || o && !n.type.includes(o) && !n.name.includes(o))
+function tt(e, t, n = "") {
+  e.children.forEach((o) => {
+    if (o.type === "HightlightMesh" || n && !o.type.includes(n) && !o.name.includes(n))
       return;
-    const i = Xe(n);
-    r.children.push(i), Ze(n, i, o);
+    const i = et(o);
+    t.children.push(i), tt(o, i, n);
   });
 }
-const qo = [], N = "tres:inspector", Yo = $e({
+const Yr = [], G = "tres:inspector", Jr = $e({
   sceneGraph: null
 });
-function Qo(e, r) {
-  Go(
+function Qr(e, t) {
+  Vr(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: qo,
+      componentStateTypes: Yr,
       app: e
     },
-    (o) => {
-      typeof o.now != "function" && Vo(
+    (n) => {
+      typeof n.now != "function" && qr(
         "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."
-      ), o.addInspector({
-        id: N,
+      ), n.addInspector({
+        id: G,
         label: "TresJS 🪐",
         icon: "account_tree",
         treeFilterPlaceholder: "Search instances"
       }), setInterval(() => {
-        o.sendInspectorTree(N);
+        n.sendInspectorTree(G);
       }, 1e3), setInterval(() => {
-        o.notifyComponentUpdate();
-      }, 5e3), o.on.getInspectorTree((a) => {
-        if (a.inspectorId === N) {
-          const t = Xe(r.scene.value);
-          Ze(r.scene.value, t, a.filter), Yo.sceneGraph = t, a.rootNodes = [t];
+        n.notifyComponentUpdate();
+      }, 5e3), n.on.getInspectorTree((a) => {
+        if (a.inspectorId === G) {
+          const r = et(t.scene.value);
+          tt(t.scene.value, r, a.filter), Jr.sceneGraph = r, a.rootNodes = [r];
         }
       });
-      let n = null, i = null;
-      o.on.getInspectorState((a) => {
-        var t;
-        if (a.inspectorId === N) {
-          const [s] = r.scene.value.getObjectsByProperty("uuid", a.nodeId);
+      let o = null, i = null;
+      n.on.getInspectorState((a) => {
+        var r;
+        if (a.inspectorId === G) {
+          const [s] = t.scene.value.getObjectsByProperty("uuid", a.nodeId);
           if (!s)
             return;
-          if (i && n && n.parent && i.remove(n), s.isMesh) {
-            const l = Eo(s);
-            s.add(l), n = l, i = s;
+          if (i && o && o.parent && i.remove(o), s.isMesh) {
+            const u = Er(s);
+            s.add(u), o = u, i = s;
           }
           a.state = {
             object: [
@@ -1229,29 +1350,29 @@ function Qo(e, r) {
               }
             ]
           }, s.isScene && (a.state.info = {
-            memory: ye(s),
+            memory: be(s),
             objects: s.children.length,
-            calls: r.renderer.value.info.render.calls,
-            triangles: r.renderer.value.info.render.triangles,
-            points: r.renderer.value.info.render.points,
-            lines: r.renderer.value.info.render.lines
-          }, a.state.programs = ((t = r.renderer.value.info.programs) == null ? void 0 : t.map((l) => ({
-            key: l.name,
+            calls: t.renderer.value.info.render.calls,
+            triangles: t.renderer.value.info.render.triangles,
+            points: t.renderer.value.info.render.points,
+            lines: t.renderer.value.info.render.lines
+          }, a.state.programs = ((r = t.renderer.value.info.programs) == null ? void 0 : r.map((u) => ({
+            key: u.name,
             value: {
-              ...l,
-              vertexShader: l.vertexShader,
-              attributes: l.getAttributes(),
-              uniforms: l.getUniforms()
+              ...u,
+              vertexShader: u.vertexShader,
+              attributes: u.getAttributes(),
+              uniforms: u.getUniforms()
             }
           }))) || []);
         }
-      }), o.on.editInspectorState((a) => {
-        a.inspectorId === N && Co(r.scene.value, a.nodeId, a.path, a.state.value);
+      }), n.on.editInspectorState((a) => {
+        a.inspectorId === G && _r(t.scene.value, a.nodeId, a.path, a.state.value);
       });
     }
   );
 }
-const Jo = ["data-scene", "data-tres"], Ko = /* @__PURE__ */ ke({
+const Kr = ["data-scene", "data-tres"], Xr = /* @__PURE__ */ Se({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1293,115 +1414,115 @@ const Jo = ["data-scene", "data-tres"], Ko = /* @__PURE__ */ ke({
     "pointer-missed",
     "wheel"
   ],
-  setup(e, { expose: r, emit: o }) {
-    var C;
-    const n = e, i = o, a = nt(), { logWarning: t } = B(), s = D(), l = W(new Ue()), { resume: c } = ne(), y = (C = Se()) == null ? void 0 : C.appContext.app;
-    de(We);
-    const u = (g) => ke({
+  setup(e, { expose: t, emit: n }) {
+    var b;
+    const o = e, i = n, a = it(), { logWarning: r } = $(), s = A(), u = U(new Ne()), l = (b = xe()) == null ? void 0 : b.appContext.app;
+    pe(Fe);
+    const y = (m) => Se({
       setup() {
-        var h;
-        const p = (h = Se()) == null ? void 0 : h.appContext;
-        return p && (p.app = y), ce("useTres", g), ce("extend", de), typeof window < "u" && Qo(p == null ? void 0 : p.app, g), () => xe(pt, null, a != null && a.default ? a.default() : []);
+        var v;
+        const w = (v = xe()) == null ? void 0 : v.appContext;
+        return w && (w.app = l), ce("useTres", m), ce("extend", pe), typeof window < "u" && Qr(w == null ? void 0 : w.app, m), () => Te(pt, null, a != null && a.default ? a.default() : []);
       }
-    }), d = (g) => {
-      const p = u(g), { render: h } = ft(Io());
-      h(xe(p), l.value);
-    }, w = (g, p = !1) => {
-      he(g.scene.value), p && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), l.value.__tres = {
-        root: g
-      }, d(g), c();
-    }, P = I(() => n.disableRender), m = W(null);
-    return r({ context: m, dispose: () => w(m.value, !0) }), st(() => {
-      const g = s;
-      m.value = Do({
-        scene: l.value,
-        canvas: g,
-        windowSize: n.windowSize ?? !1,
-        disableRender: P.value ?? !1,
-        rendererOptions: n,
+    }), c = (m) => {
+      const w = y(m), { render: v } = dt(Hr());
+      v(Te(w), u.value);
+    }, p = (m, w = !1) => {
+      ye(m.scene.value), w && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), u.value.__tres = {
+        root: m
+      }, c(m);
+    }, M = B(() => o.disableRender), f = U(null);
+    return t({ context: f, dispose: () => p(f.value, !0) }), at(() => {
+      const m = s;
+      f.value = Rr({
+        scene: u.value,
+        canvas: m,
+        windowSize: o.windowSize ?? !1,
+        disableRender: M.value ?? !1,
+        rendererOptions: o,
         emit: i
-      }), jo(l.value, m.value, i);
-      const { registerCamera: p, camera: h, cameras: _, deregisterCamera: v } = m.value;
-      d(m.value);
-      const M = () => {
-        const b = new fe(
+      }), jr(u.value, f.value, i);
+      const { registerCamera: w, camera: v, cameras: h, deregisterCamera: _ } = f.value;
+      c(f.value);
+      const g = () => {
+        const P = new fe(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), p(b);
-        const k = ve(() => {
-          _.value.length >= 2 && (b.removeFromParent(), v(b), k == null || k());
+        P.position.set(3, 3, 3), P.lookAt(0, 0, 0), w(P);
+        const C = ve(() => {
+          h.value.length >= 2 && (P.removeFromParent(), _(P), C == null || C());
         });
       };
-      z(
-        () => n.camera,
-        (b, k) => {
-          b && p(b), k && (k.removeFromParent(), v(k));
+      V(
+        () => o.camera,
+        (P, C) => {
+          P && w(P), C && (C.removeFromParent(), _(C));
         },
         {
           immediate: !0
         }
-      ), h.value || (t(
+      ), v.value || (r(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), M());
-    }), V(() => {
-      w(m.value);
-    }), (g, p) => (it(), at("canvas", {
+      ), g());
+    }), N(() => {
+      p(f.value);
+    }), (m, w) => (lt(), ut("canvas", {
       ref_key: "canvas",
       ref: s,
-      "data-scene": l.value.uuid,
-      class: lt(g.$attrs.class),
-      "data-tres": `tresjs ${ut(io).version}`,
-      style: ct({
+      "data-scene": u.value.uuid,
+      class: ct(m.$attrs.class),
+      "data-tres": `tresjs ${W(ar).version}`,
+      style: ft({
         display: "block",
         width: "100%",
         height: "100%",
-        position: g.windowSize ? "fixed" : "relative",
+        position: m.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...g.$attrs.style
+        ...m.$attrs.style
       })
-    }, null, 14, Jo));
+    }, null, 14, Kr));
   }
-}), Xo = [
+}), Zr = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Zo = {
+], en = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Xo.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Zr.includes(e) || e === "primitive"
     }
   }
-}, vr = Zo, gr = {
-  mounted: (e, r) => {
-    if (r.arg) {
-      console.log(`v-log:${r.arg}`, e[r.arg]);
+}, hn = en, yn = {
+  mounted: (e, t) => {
+    if (t.arg) {
+      console.log(`v-log:${t.arg}`, e[t.arg]);
       return;
     }
     console.log("v-log", e);
   }
 };
-class et extends _t {
-  constructor(r, o) {
-    const n = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Te();
-    i.setAttribute("position", new Ae(n, 3)), i.computeBoundingSphere();
-    const a = new Ct({ fog: !1 });
-    super(i, a), this.light = r, this.color = o, this.type = "RectAreaLightHelper";
-    const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], s = new Te();
-    s.setAttribute("position", new Ae(t, 3)), s.computeBoundingSphere(), this.add(new Et(s, new Fe({ side: kt, fog: !1 })));
+class rt extends _t {
+  constructor(t, n) {
+    const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Ae();
+    i.setAttribute("position", new Oe(o, 3)), i.computeBoundingSphere();
+    const a = new Et({ fog: !1 });
+    super(i, a), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
+    const 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 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
       this.material.color.set(this.color), this.children[0].material.color.set(this.color);
     else {
       this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);
-      const r = this.material.color, o = Math.max(r.r, r.g, r.b);
-      o > 1 && r.multiplyScalar(1 / o), this.children[0].material.color.copy(this.material.color);
+      const t = this.material.color, n = Math.max(t.r, t.g, t.b);
+      n > 1 && t.multiplyScalar(1 / n), this.children[0].material.color.copy(this.material.color);
     }
     this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld), this.children[0].matrixWorld.copy(this.matrixWorld);
   }
@@ -1409,112 +1530,86 @@ class et extends _t {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: He } = B();
-let Z, $;
-const er = {
-  DirectionalLight: St,
-  PointLight: xt,
-  SpotLight: Tt,
-  HemisphereLight: At,
-  RectAreaLight: et
-}, hr = {
+const { logWarning: Ue } = $();
+let te, H;
+const tn = {
+  DirectionalLight: xt,
+  PointLight: Tt,
+  SpotLight: At,
+  HemisphereLight: Ot,
+  RectAreaLight: rt
+}, bn = {
   mounted: (e) => {
     if (!e.isLight) {
-      He(`${e.type} is not a light`);
+      Ue(`${e.type} is not a light`);
       return;
     }
-    Z = er[e.type], e.parent.add(new Z(e, 1, e.color.getHex()));
+    te = tn[e.type], e.parent.add(new te(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    $ = e.parent.children.find((r) => r instanceof Z), !($ instanceof et) && $.update();
+    H = e.parent.children.find((t) => t instanceof te), !(H instanceof rt) && H.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      He(`${e.type} is not a light`);
+      Ue(`${e.type} is not a light`);
       return;
     }
-    $ = e.parent.children.find((r) => r instanceof Z), $ && $.dispose && $.dispose(), e.parent.remove($);
+    H = e.parent.children.find((t) => t instanceof te), H && H.dispose && H.dispose(), e.parent.remove(H);
   }
-}, { logWarning: tr } = B(), yr = {
-  updated: (e, r) => {
-    const o = Qe(r);
-    if (!o) {
-      tr(`v-always-look-at: problem with binding value: ${r.value}`);
-      return;
-    }
-    const { onLoop: n } = ne();
-    n(() => {
-      e.lookAt(o);
-    });
-  }
-}, { logWarning: or } = B();
-let R = null;
-const wr = {
-  updated: (e, r) => {
+}, { logWarning: rn } = $();
+let D = null;
+const wn = {
+  updated: (e, t) => {
     var i;
-    const o = Qe(r);
-    if (!o) {
-      or(`v-distance-to: problem with binding value: ${r.value}`);
+    const n = kr(t);
+    if (!n) {
+      rn(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
-    R && (R.dispose(), e.parent.remove(R));
-    const n = o.clone().sub(e.position);
-    n.normalize(), R = new Lt(n, e.position, e.position.distanceTo(o), 16776960), e.parent.add(R), console.table(
+    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(
       [
-        ["Distance:", e.position.distanceTo(o)],
+        ["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}`],
-        [`Destiny: ${e.name || e.type}`, `x:${o.x}, y:${o.y}, z:${o == null ? void 0 : o.z}`]
+        [`Destiny: ${e.name || e.type}`, `x:${n.x}, y:${n.y}, z:${n == null ? void 0 : n.z}`]
       ]
     );
   },
   unmounted: (e) => {
-    R == null || R.dispose(), e.parent.remove(R);
-  }
-}, { logWarning: rr } = B(), br = {
-  mounted: (e, r) => {
-    if (e.isCamera) {
-      rr(`Rotate the ${e.type} is not a good idea`);
-      return;
-    }
-    const o = r.value ?? 0.01, n = D(r.modifiers.x || r.arg === "x" ? 1 : 0), i = D(r.modifiers.y || r.arg === "y" ? 1 : 0), a = D(r.modifiers.z || r.arg === "z" ? 1 : 0);
-    n.value + i.value + a.value === 0 && (n.value = 1, i.value = 1);
-    const t = new Ot().setFromAxisAngle(new re(n.value, i.value, a.value).normalize(), o), { onLoop: s } = ne();
-    s(() => {
-      e.applyQuaternion(t);
-    });
+    D == null || D.dispose(), e.parent.remove(D);
   }
-}, Mr = {
+}, Mn = {
   install(e) {
-    e.component("TresCanvas", Ko);
+    e.component("TresCanvas", Xr);
   }
 };
 export {
-  Ko as TresCanvas,
-  pe as catalogue,
-  Mr as default,
-  he as dispose,
-  de as extend,
-  lr as isProd,
-  po as normalizeColor,
-  ur as normalizeVectorFlexibleParam,
-  vr as templateCompilerOptions,
-  Ao as trasverseObjects,
-  ao as useCamera,
-  cr as useLoader,
-  B as useLogger,
-  dr as usePointerEventHandler,
-  Je as useRaycaster,
-  ne as useRenderLoop,
-  xo as useRenderer,
-  pr as useSeek,
-  fr as useTexture,
-  mr as useTres,
-  Bo as useTresContext,
-  Do as useTresContextProvider,
-  jo as useTresEventManager,
-  yr as vAlwaysLookAt,
-  wr as vDistanceTo,
-  hr as vLightHelper,
-  gr as vLog,
-  br as vRotate
+  Xr as TresCanvas,
+  de as catalogue,
+  Mn 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,
+  $ 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
 };