@tresjs/core 4.3.1 → 4.3.3

package/dist/tres.js

@@ -1,115 +1,18 @@
 /**
  * name: @tresjs/core
- * version: v4.3.1
- * (c) 2024
+ * version: v4.3.3
+ * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
 var Et = Object.defineProperty;
 var Tt = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as K, watchEffect as xe, onUnmounted as J, 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 Rt, normalizeClass as Ot, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
+import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as q, watchEffect as Ae, onUnmounted as K, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as At, useSlots as xt, getCurrentInstance as He, onMounted as kt, createElementBlock as Lt, openBlock as Rt, normalizeStyle as Ot, normalizeClass 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 Kt, Mesh as Jt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
-import { tryOnScopeDispose as nn, toValue as 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 dn = "@tresjs/core", pn = "module", mn = "4.3.1", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
-  type: "git",
-  url: "git+https://github.com/Tresjs/tres.git"
-}, wn = [
-  "vue",
-  "3d",
-  "threejs",
-  "three",
-  "threejs-vue"
-], bn = !1, Mn = {
-  ".": {
-    types: "./dist/index.d.ts",
-    import: "./dist/tres.js",
-    require: "./dist/tres.umd.cjs"
-  },
-  "./components": {
-    types: "./dist/src/components/index.d.ts"
-  },
-  "./composables": {
-    types: "./dist/src/composables/index.d.ts"
-  },
-  "./types": {
-    types: "./dist/src/types/index.d.ts"
-  },
-  "./utils": {
-    types: "./dist/src/utils/index.d.ts"
-  },
-  "./*": "./*"
-}, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = [
-  "*.d.ts",
-  "dist"
-], Sn = {
-  access: "public"
-}, xn = {
-  dev: "cd playground/vue && npm run dev",
-  "dev:nuxt": "cd playground/nuxt && npm run dev",
-  build: "vite build",
-  test: "vitest",
-  "test:ci": "vitest run",
-  "test:ui": "vitest --ui --coverage.enabled=true",
-  release: "release-it",
-  coverage: "vitest run --coverage",
-  lint: "eslint .",
-  "lint:fix": "eslint . --fix",
-  "docs:dev": "vitepress dev docs",
-  "docs:build": "vitepress build docs",
-  "docs:serve": "vitepress serve docs",
-  "docs:preview": "vitepress preview docs",
-  "docs:contributors": "esno scripts/update-contributors.ts"
-}, An = {
-  three: ">=0.133",
-  vue: ">=3.4"
-}, kn = {
-  "@alvarosabu/utils": "^3.2.0",
-  "@vue/devtools-api": "^6.6.3",
-  "@vueuse/core": "^11.1.0"
-}, Ln = {
-  "@release-it/conventional-changelog": "^9.0.0",
-  "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "4.0.3",
-  "@tresjs/eslint-config": "^1.4.0",
-  "@types/three": "^0.169.0",
-  "@typescript-eslint/eslint-plugin": "^8.8.1",
-  "@typescript-eslint/parser": "^8.8.1",
-  "@vitejs/plugin-vue": "^5.1.4",
-  "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^2.1.2",
-  "@vitest/ui": "^2.1.2",
-  "@vue/test-utils": "^2.4.6",
-  eslint: "^9.12.0",
-  "eslint-plugin-vue": "^9.29.0",
-  esno: "^4.8.0",
-  gsap: "^3.12.5",
-  husky: "^9.1.6",
-  jsdom: "^25.0.1",
-  kolorist: "^1.8.0",
-  ohmyfetch: "^0.4.21",
-  pathe: "^1.1.2",
-  "release-it": "^17.8.2",
-  "rollup-plugin-analyzer": "^4.0.0",
-  "rollup-plugin-copy": "^3.5.0",
-  "rollup-plugin-visualizer": "^5.12.0",
-  sponsorkit: "^0.15.5",
-  three: "^0.169.0",
-  unocss: "^0.63.4",
-  unplugin: "^1.14.1",
-  "unplugin-vue-components": "^0.27.4",
-  vite: "^5.4.8",
-  "vite-plugin-banner": "^0.8.0",
-  "vite-plugin-dts": "4.2.4",
-  "vite-plugin-inspect": "^0.8.7",
-  "vite-plugin-require-transform": "^1.0.21",
-  "vite-svg-loader": "^5.1.0",
-  vitepress: "1.4.0",
-  vitest: "^2.1.2",
-  vue: "3.5.12",
-  "vue-demi": "^0.14.10"
-}, Rn = {
+import { Scene as st, MathUtils as it, Vector3 as xe, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, NoToneMapping as Ft, PCFSoftShadowMap as Wt, ACESFilmicToneMapping as ct, SRGBColorSpace as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, Object3D as Gt, BufferAttribute as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Kt, Mesh as Jt, BackSide as Qt, HemisphereLightHelper as Xt, SpotLightHelper as Zt, PointLightHelper as en, DirectionalLightHelper as tn } from "three";
+import { tryOnScopeDispose as nn, toValue as A, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
+const dn = "@tresjs/core", pn = "module", mn = "4.3.3", hn = "pnpm@9.15.5", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, wn = ["vue", "3d", "threejs", "three", "threejs-vue"], bn = !1, Mn = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js", require: "./dist/tres.umd.cjs" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Pn = "./dist/tres.js", Cn = "./dist/tres.js", En = "./dist/index.d.ts", Tn = ["*.d.ts", "dist"], Sn = { access: "public" }, An = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "docs:contributors": "esno scripts/update-contributors.ts" }, xn = { three: ">=0.133", vue: ">=3.4" }, kn = { "@alvarosabu/utils": "^3.2.0", "@vue/devtools-api": "^6.6.3", "@vueuse/core": "^12.5.0" }, Ln = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "4.1.0", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.173.0", "@typescript-eslint/eslint-plugin": "^8.23.0", "@typescript-eslint/parser": "^8.23.0", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.0.5", "@vitest/ui": "^3.0.5", "@vue/test-utils": "^2.4.6", eslint: "^9.19.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.7", jsdom: "^26.0.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.2", "release-it": "^18.1.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.14.0", sponsorkit: "^16.3.0", three: "^0.173.0", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^6.1.0", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.0", "vite-plugin-inspect": "^10.1.0", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.0.5", vue: "3.5.13", "vue-demi": "^0.14.10" }, Rn = {
   name: dn,
   type: pn,
   version: mn,
@@ -126,8 +29,8 @@ const dn = "@tresjs/core", pn = "module", mn = "4.3.1", hn = "pnpm@9.1.4", gn =
   types: En,
   files: Tn,
   publishConfig: Sn,
-  scripts: xn,
-  peerDependencies: An,
+  scripts: An,
+  peerDependencies: xn,
   dependencies: kn,
   devDependencies: Ln
 };
@@ -137,18 +40,18 @@ function On(e) {
     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(
+async function Dn(e, t, n, r, o) {
+  const { logError: l } = Q(), s = new e();
+  return o && o(s), n && n(s), await new Promise((a, c) => {
+    s.load(
       t,
-      (o) => {
-        const f = o;
+      (i) => {
+        const f = i;
         f.scene && Object.assign(f, On(f.scene)), a(f);
       },
       r,
-      (o) => {
-        l("[useLoader] - Failed to load resource", o), c(o);
+      (i) => {
+        l("[useLoader] - Failed to load resource", i), c(i);
       }
     );
   });
@@ -161,8 +64,8 @@ const Yr = /* @__PURE__ */ fe({
   },
   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) });
+    const r = e, o = ([t, n] = nt(() => Se(Dn(r.loader, r.url))), t = await t, n(), t);
+    return (l, s) => rt(l.$slots, "default", { data: W(o) });
   }
 });
 class jn extends ot.Mesh {
@@ -173,8 +76,8 @@ class jn extends ot.Mesh {
     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);
+    const r = (Date.now() - this.createTime) / 1e3, s = 1 + 0.07 * Math.sin(2.5 * r);
+    this.scale.set(s, s, s);
   }
 }
 function Me(e) {
@@ -239,23 +142,23 @@ function Vn(e) {
 }
 function Yn(e, t) {
   const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
-  for (let s = 0; s < r.length; s++)
-    n[r[s]] = !0;
-  return (s) => !!n[s];
+  for (let o = 0; o < r.length; o++)
+    n[r[o]] = !0;
+  return t ? (o) => !!n[o.toLowerCase()] : (o) => !!n[o];
 }
 const Ve = (e, t) => {
   if (!t)
     return;
   const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  return n == null ? void 0 : n.reduce((r, s) => r && r[s], e);
+  return n == null ? void 0 : n.reduce((r, o) => r && r[o], e);
 }, qn = (e, t, n) => {
   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);
+  r && r.reduce((o, l, s) => (o[l] === void 0 && (o[l] = {}), s === r.length - 1 && (o[l] = n), o[l]), e);
 };
 function pt(e, t) {
   if (Ge(e) && Ge(t)) {
-    const s = e.attributes, l = t.attributes;
-    return s.length !== l.length ? !1 : Array.from(s).every(({ name: i, value: a }) => t.getAttribute(i) === a);
+    const o = e.attributes, l = t.attributes;
+    return o.length !== l.length ? !1 : Array.from(o).every(({ name: s, value: a }) => t.getAttribute(s) === a);
   }
   if (e === t)
     return !0;
@@ -264,8 +167,8 @@ function pt(e, t) {
   const n = Object.keys(e), r = Object.keys(t);
   if (n.length !== r.length)
     return !1;
-  for (const s of n)
-    if (!r.includes(s) || !pt(e[s], t[s]))
+  for (const o of n)
+    if (!r.includes(o) || !pt(e[o], t[o]))
       return !1;
   return !0;
 }
@@ -279,29 +182,29 @@ function Kn(e, t) {
 }
 const Jn = Array.isArray;
 function Qn(e, t, n, r) {
-  const s = (c) => {
+  const o = (c) => {
     if (c.uuid === t)
       return c;
-    for (const o of c.children) {
-      const f = s(o);
+    for (const i of c.children) {
+      const f = o(i);
       if (f)
         return f;
     }
-  }, l = s(e);
+  }, l = o(e);
   if (!l) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
-  let i = l;
+  let s = l;
   for (let c = 0; c < n.length - 1; c++)
-    if (i[n[c]] !== void 0)
-      i = i[n[c]];
+    if (s[n[c]] !== void 0)
+      s = s[n[c]];
     else {
       console.warn(`Property path is not valid: ${n.join(".")}`);
       return;
     }
   const a = n[n.length - 1];
-  i[a] !== void 0 ? i[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
+  s[a] !== void 0 ? s[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
 function Xn(e) {
   const t = new at({
@@ -319,7 +222,7 @@ function Xn(e) {
 function Zn(e) {
   var n;
   let t = e.value;
-  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Ae(...t)), t;
+  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new xe(...t)), t;
 }
 function er(e) {
   return "map" in e;
@@ -329,9 +232,9 @@ function Ye(e) {
 }
 function mt(e) {
   var n, r;
-  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);
+  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((o) => mt(o)), !(e instanceof st)) {
+    const o = e;
+    e && ((r = e.dispose) == null || r.call(e)), o.geometry && o.geometry.dispose(), Array.isArray(o.material) ? o.material.forEach((l) => Ye(l)) : o.material && Ye(o.material);
   }
 }
 function tr(e, t) {
@@ -344,10 +247,10 @@ function Pe(e, t) {
   let n = e;
   if (t.includes("-")) {
     const r = t.split("-");
-    let s = r.shift();
+    let o = r.shift();
     for (; n && r.length; )
-      s in n ? (n = n[s], s = r.shift()) : s = qe(s, r.shift());
-    return { target: n, key: qe(s, ...r) };
+      o in n ? (n = n[o], o = r.shift()) : o = qe(o, r.shift());
+    return { target: n, key: qe(o, ...r) };
   } else
     return { target: n, key: t };
 }
@@ -358,26 +261,26 @@ const Ke = /-\d+$/;
 function nr(e, t, n) {
   if (ft(n)) {
     if (Ke.test(n)) {
-      const l = n.replace(Ke, ""), { target: i, key: a } = Pe(e, l);
-      if (!Array.isArray(i[a])) {
-        const c = i[a], o = [];
-        o.__tresDetach = () => {
-          o.every((f) => Me(f)) && (i[a] = c);
-        }, i[a] = o;
+      const l = n.replace(Ke, ""), { target: s, key: a } = Pe(e, l);
+      if (!Array.isArray(s[a])) {
+        const c = s[a], i = [];
+        i.__tresDetach = () => {
+          i.every((f) => Me(f)) && (s[a] = c);
+        }, s[a] = i;
       }
     }
-    const { target: r, key: s } = Pe(e, n);
-    t.__tres.previousAttach = r[s], r[s] = Q(t);
+    const { target: r, key: o } = Pe(e, n);
+    t.__tres.previousAttach = r[o], r[o] = J(t);
   } else
     t.__tres.previousAttach = n(e, t);
 }
 function rr(e, t, n) {
-  var r, s, l;
+  var r, o, l;
   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();
+    const { target: s, key: a } = Pe(e, n), c = t.__tres.previousAttach;
+    c === void 0 ? delete s[a] : s[a] = c, "__tresDetach" in s && s.__tresDetach();
   } else
-    (s = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || s.call(r, e, t);
+    (o = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || o.call(r, e, t);
   (l = t.__tres) == null || delete l.previousAttach;
 }
 function z(e, t, n) {
@@ -400,81 +303,84 @@ function ht(e) {
   t && t.render && t.render.canBeInvalidated.value && t.invalidate();
 }
 function or(e, t, n) {
-  var s;
+  var o;
   if (!G(e.setPixelRatio))
     return;
   let r = 0;
-  if (de(n) && n.length >= 2) {
-    const [l, i] = n;
-    r = it.clamp(t, l, i);
+  if (n && de(n)) {
+    const l = n;
+    if (l.length >= 2) {
+      const [s, a] = l;
+      r = it.clamp(t, s, a);
+    }
   } else Bn(n) ? r = n : r = t;
-  r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
+  r !== ((o = e.getPixelRatio) == null ? void 0 : o.call(e)) && e.setPixelRatio(r);
 }
-function sr(e, t, n, r, s) {
-  const l = [...t.__tres.objects], i = Q(t);
-  if (e = Q(e), i === e)
+function sr(e, t, n, r, o) {
+  const l = [...t.__tres.objects], s = J(t);
+  if (e = J(e), s === e)
     return !0;
-  const a = z(e, t.__tres ?? {}, s), c = t.parent ?? t.__tres.parent ?? null, o = { ...t.__tres.memoizedProps };
-  delete o.object;
+  const a = z(e, t.__tres ?? {}, o), c = t.parent ?? t.__tres.parent ?? null, i = { ...t.__tres.memoizedProps };
+  delete i.object;
   for (const f of l)
-    gt(f, s), vt(f, s);
-  i.__tres.objects = [], r.remove(t);
-  for (const [f, y] of Object.entries(o))
-    r.patchProp(a, f, a[f], y);
+    gt(f, o), vt(f, o);
+  s.__tres.objects = [], r.remove(t);
+  for (const [f, g] of Object.entries(i))
+    r.patchProp(a, f, a[f], g);
   n(e), r.insert(t, c);
   for (const f of l)
     r.insert(f, t);
   return !0;
 }
-function Q(e) {
+function J(e) {
   return Wn(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
 function gt(e, t) {
-  var r, s, l, i;
+  var r, o, l, s;
   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);
+  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && tr(n.__tres.objects, (a) => a !== e), (o = e.__tres) != null && o.attach ? rr(n, e, e.__tres.attach) : ((s = (l = e.parent) == null ? void 0 : l.remove) == null || s.call(l, J(e)), e.parent = null);
 }
 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);
+    var o;
+    t.deregisterCamera(r), (o = t.eventManager) == null || o.deregisterPointerMissedObject(r);
   }), t.deregisterCamera(e), ht(e);
 }
 async function ir(e, t) {
-  const n = new $t(t), r = (s) => new Promise((l, i) => {
+  const n = new $t(t), r = (o) => new Promise((l, s) => {
     n.load(
-      s,
+      o,
       (a) => l(a),
       () => null,
       () => {
-        i(new Error("[useTextures] - Failed to load texture"));
+        s(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
   if (Jn(e)) {
-    const s = await Promise.all(e.map((l) => r(l)));
-    return e.length > 1 ? s : s[0];
+    const o = await Promise.all(e.map((l) => r(l)));
+    return e.length > 1 ? o : o[0];
   } else {
     const {
-      map: s,
+      map: o,
       displacementMap: l,
-      normalMap: i,
+      normalMap: s,
       roughnessMap: a,
       metalnessMap: c,
-      aoMap: o,
+      aoMap: i,
       alphaMap: f,
-      matcap: y
+      matcap: g
     } = e;
     return {
-      map: s ? await r(s) : null,
+      map: o ? await r(o) : null,
       displacementMap: l ? await r(l) : null,
-      normalMap: i ? await r(i) : null,
+      normalMap: s ? await r(s) : null,
       roughnessMap: a ? await r(a) : null,
       metalnessMap: c ? await r(c) : null,
-      aoMap: o ? await r(o) : null,
+      aoMap: i ? await r(i) : null,
       alphaMap: f ? await r(f) : null,
-      matcap: y ? await r(y) : null
+      matcap: g ? await r(g) : null
     };
   }
 }
@@ -492,41 +398,41 @@ const qr = /* @__PURE__ */ fe({
   },
   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) });
+    const r = e, o = ([t, n] = nt(() => Se(ir(r))), t = await t, n(), t);
+    return (l, s) => rt(l.$slots, "default", { textures: W(o) });
   }
 }), ar = ({ sizes: e }) => {
-  const t = I([]), n = K(
+  const t = I([]), n = q(
     () => t.value[0]
-  ), r = (i) => {
-    const a = i instanceof Ht ? i : t.value.find((o) => o.uuid === i);
+  ), r = (s) => {
+    const a = s instanceof Ht ? s : t.value.find((i) => i.uuid === s);
     if (!a)
       return;
-    const c = t.value.filter(({ uuid: o }) => o !== a.uuid);
+    const c = t.value.filter(({ uuid: i }) => i !== 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))
+  }, o = (s, a = !1) => {
+    if (ze(s)) {
+      const c = s;
+      if (t.value.some(({ uuid: i }) => i === c.uuid))
         return;
       a ? r(c) : t.value.push(c);
     }
-  }, l = (i) => {
-    if (ze(i)) {
-      const a = i;
+  }, l = (s) => {
+    if (ze(s)) {
+      const a = s;
       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());
+  return Ae(() => {
+    e.aspectRatio.value && t.value.forEach((s) => {
+      !s.manual && (s instanceof be || lr(s)) && (s instanceof be ? s.aspect = e.aspectRatio.value : (s.left = e.width.value * -0.5, s.right = e.width.value * 0.5, s.top = e.height.value * 0.5, s.bottom = e.height.value * -0.5), s.updateProjectionMatrix());
     });
-  }), J(() => {
+  }), K(() => {
     t.value = [];
   }), {
     camera: n,
     cameras: t,
-    registerCamera: s,
+    registerCamera: o,
     deregisterCamera: l,
     setCameraActive: r
   };
@@ -543,7 +449,7 @@ function ur(...e) {
 }
 function fr(e, t) {
 }
-function V() {
+function Q() {
   return {
     logError: cr,
     logWarning: ur,
@@ -554,23 +460,23 @@ 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;
+  const o = () => {
+    const i = Array.from(e.entries()).sort((f, g) => {
+      const u = f[1].priority - g[1].priority;
+      return u === 0 ? f[1].addI - g[1].addI : u;
     });
-    t.clear(), o.forEach((f) => t.add(f[0]));
-  }, l = (o) => {
-    e.delete(o), t.delete(o);
+    t.clear(), i.forEach((f) => t.add(f[0]));
+  }, l = (i) => {
+    e.delete(i), t.delete(i);
   };
-  return { on: (o, f = 0) => {
-    e.set(o, { priority: f, addI: n++ });
-    const y = () => l(o);
-    return nn(y), r = !0, {
-      off: y
+  return { on: (i, f = 0) => {
+    e.set(i, { priority: f, addI: n++ });
+    const g = () => l(i);
+    return nn(g), r = !0, {
+      off: g
     };
-  }, off: l, trigger: (...o) => {
-    r && (s(), r = !1), t.forEach((f) => f(...o));
+  }, off: l, trigger: (...i) => {
+    r && (o(), r = !1), t.forEach((f) => f(...i));
   }, dispose: () => {
     e.clear(), t.clear();
   }, get count() {
@@ -579,50 +485,50 @@ function ye() {
 }
 function dr() {
   let e = !0, t = !0, n = !1;
-  const r = new lt(!1), s = I(r.running), l = I(!1);
-  let i;
+  const r = new lt(!1), o = I(r.running), l = I(!1);
+  let s;
   const a = it.generateUUID();
   let c = null;
-  const o = ye(), f = ye(), y = ye();
-  E();
+  const i = ye(), f = ye(), g = ye();
+  S();
   let u = {};
-  function v(M) {
+  function y(M) {
     u = M;
   }
-  function h(M, A, p = 0) {
-    switch (A) {
+  function p(M, x, m = 0) {
+    switch (x) {
       case "before":
-        return o.on(M, p);
+        return i.on(M, m);
       case "render":
         return c || (c = M), f.dispose(), f.on(M);
       case "after":
-        return y.on(M, p);
+        return g.on(M, m);
     }
   }
-  function g() {
-    t && (t = !1, E(), b());
+  function _() {
+    t && (t = !1, S(), E());
   }
   function d() {
-    t = !0, E(), cancelAnimationFrame(i);
+    t = !0, S(), cancelAnimationFrame(s);
   }
-  function _() {
-    n = !1, E();
+  function v() {
+    n = !1, S();
   }
   function P() {
-    n = !0, E();
+    n = !0, S();
   }
   function C() {
     l.value = !0;
   }
-  function T() {
+  function w() {
     l.value = !1;
   }
-  function b() {
+  function E() {
     if (!e) {
-      i = requestAnimationFrame(b);
+      s = requestAnimationFrame(E);
       return;
     }
-    const M = r.getDelta(), A = r.getElapsedTime(), p = {
+    const M = r.getDelta(), x = r.getElapsedTime(), m = {
       camera: W(u.camera),
       scene: W(u.scene),
       renderer: W(u.renderer),
@@ -630,25 +536,25 @@ function dr() {
       controls: W(u.controls),
       invalidate: u.invalidate,
       advance: u.advance
-    }, w = { delta: M, elapsed: A, clock: r, ...p };
-    s.value && o.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), s.value && y.trigger(w), i = requestAnimationFrame(b);
+    }, b = { delta: M, elapsed: x, clock: r, ...m };
+    o.value && i.trigger(b), l.value || (f.count ? f.trigger(b) : c && c(b)), o.value && g.trigger(b), s = requestAnimationFrame(E);
   }
-  function E() {
+  function S() {
     const M = !t && !n;
-    r.running !== M && (r.running ? r.stop() : r.start()), s.value = r.running;
+    r.running !== M && (r.running ? r.stop() : r.start()), o.value = r.running;
   }
   return {
     loopId: a,
-    register: (M, A, p) => h(M, A, p),
-    start: g,
+    register: (M, x, m) => p(M, x, m),
+    start: _,
     stop: d,
     pause: P,
-    resume: _,
+    resume: v,
     pauseRender: C,
-    resumeRender: T,
+    resumeRender: w,
     isRenderPaused: l,
-    isActive: s,
-    setContext: v,
+    isActive: o,
+    setContext: y,
     setReady: (M) => e = M
   };
 }
@@ -656,7 +562,7 @@ 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;
+      const r = n.geometry, o = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, s = 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 = o + l + s + a;
       t += c;
     }
   }), t;
@@ -666,7 +572,7 @@ function pr(e) {
 }
 const mr = Number.parseInt(Ut.replace("dev", ""));
 function Jr(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
+  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
 function hr(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
@@ -675,7 +581,7 @@ const se = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: Ft,
+    outputColorSpace: Nt,
     toneMapping: ct,
     toneMappingExposure: 3,
     shadowMap: {
@@ -684,163 +590,163 @@ const se = {
     }
   },
   flat: {
-    toneMapping: Nt,
+    toneMapping: Ft,
     toneMappingExposure: 1
   }
 };
 function gr({
   canvas: e,
   options: t,
-  contextParts: { sizes: n, render: r, invalidate: s, advance: l }
+  contextParts: { sizes: n, render: r, invalidate: o, advance: l }
 }) {
-  const i = K(() => ({
-    alpha: x(t.alpha) ?? !0,
-    depth: x(t.depth),
+  const s = q(() => ({
+    alpha: A(t.alpha) ?? !0,
+    depth: A(t.depth),
     canvas: rn(e),
-    context: x(t.context),
-    stencil: x(t.stencil),
-    antialias: x(t.antialias) ?? !0,
-    precision: x(t.precision),
-    powerPreference: x(t.powerPreference),
-    premultipliedAlpha: x(t.premultipliedAlpha),
-    preserveDrawingBuffer: x(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: x(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: x(t.failIfMajorPerformanceCaveat)
-  })), a = $(new ge(i.value));
+    context: A(t.context),
+    stencil: A(t.stencil),
+    antialias: A(t.antialias) ?? !0,
+    precision: A(t.precision),
+    powerPreference: A(t.powerPreference),
+    premultipliedAlpha: A(t.premultipliedAlpha),
+    preserveDrawingBuffer: A(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: A(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: A(t.failIfMajorPerformanceCaveat)
+  })), a = $(new ge(s.value));
   function c() {
-    t.renderMode === "on-demand" && s();
+    t.renderMode === "on-demand" && o();
   }
-  ae(i, () => {
-    a.value.dispose(), a.value = new ge(i.value), c();
+  ae(s, () => {
+    a.value.dispose(), a.value = new ge(s.value), c();
   }), ae([n.width, n.height], () => {
     a.value.setSize(n.width.value, n.height.value), c();
   }, {
     immediate: !0
   }), ae(() => t.clearColor, c);
-  const { pixelRatio: o } = on(), { logError: f } = V(), u = (() => {
-    const h = new ge(), g = {
+  const { pixelRatio: i } = on(), { logError: f } = Q(), u = (() => {
+    const p = new ge(), _ = {
       shadowMap: {
-        enabled: h.shadowMap.enabled,
-        type: h.shadowMap.type
+        enabled: p.shadowMap.enabled,
+        type: p.shadowMap.type
       },
-      toneMapping: h.toneMapping,
-      toneMappingExposure: h.toneMappingExposure,
-      outputColorSpace: h.outputColorSpace
+      toneMapping: p.toneMapping,
+      toneMappingExposure: p.toneMappingExposure,
+      outputColorSpace: p.outputColorSpace
     };
-    return h.dispose(), g;
-  })(), v = x(t.renderMode);
-  return v === "on-demand" && s(), v === "manual" && setTimeout(() => {
+    return p.dispose(), _;
+  })(), y = A(t.renderMode);
+  return y === "on-demand" && o(), y === "manual" && setTimeout(() => {
     l();
-  }, 100), xe(() => {
-    const h = x(t.preset);
-    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(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 = (P, C) => {
-      const T = x(P), b = () => {
-        if (h)
-          return Ve(se[h], C);
+  }, 100), Ae(() => {
+    const p = A(t.preset);
+    p && (p in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(a.value, se[p])), or(a.value, i.value, A(t.dpr)), y === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const _ = (P, C) => {
+      const w = A(P), E = () => {
+        if (p)
+          return Ve(se[p], C);
       };
-      if (T !== void 0)
-        return T;
-      const E = b();
-      return E !== void 0 ? E : Ve(u, C);
-    }, d = (P, C) => qn(a.value, C, g(P, C));
+      if (w !== void 0)
+        return w;
+      const S = E();
+      return S !== void 0 ? S : Ve(u, C);
+    }, d = (P, C) => qn(a.value, C, _(P, C));
     d(t.shadows, "shadowMap.enabled"), d(t.toneMapping ?? ct, "toneMapping"), d(t.shadowMapType, "shadowMap.type"), mr < 150 && d(!t.useLegacyLights, "physicallyCorrectLights"), d(t.outputColorSpace, "outputColorSpace"), d(t.toneMappingExposure, "toneMappingExposure");
-    const _ = g(t.clearColor, "clearColor");
-    _ && a.value.setClearColor(
-      _ ? hr(_) : new Z(0)
+    const v = _(t.clearColor, "clearColor");
+    v && a.value.setClearColor(
+      v ? hr(v) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), J(() => {
+  }), K(() => {
     a.value.dispose(), a.value.forceContextLoss();
   }), {
     renderer: a
   };
 }
 function vr(e, t, n = 10) {
-  const r = x(e) ? sn() : an(K(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = K(() => s.value / l.value);
+  const r = A(e) ? sn() : an(q(() => A(t).parentElement)), o = we(Ne(r.width, n)), l = we(Ne(r.height, n)), s = q(() => o.value / l.value);
   return {
     height: l,
-    width: s,
-    aspectRatio: i
+    width: o,
+    aspectRatio: s
   };
 }
 const yr = (e, t) => {
-  const n = K(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
-  let i = 0;
-  const { width: a, height: c, top: o, left: f } = cn(n), y = ({ x: m, y: S }) => {
+  const n = q(() => t.renderer.value.domElement), r = $([]), { x: o, y: l } = ln({ target: n });
+  let s = 0;
+  const { width: a, height: c, top: i, left: f } = cn(n), g = ({ x: h, y: T }) => {
     if (n.value)
       return {
-        x: (m - f.value) / a.value * 2 - 1,
-        y: -((S - o.value) / c.value) * 2 + 1
+        x: (h - f.value) / a.value * 2 - 1,
+        y: -((T - i.value) / c.value) * 2 + 1
       };
-  }, u = ({ x: m, y: S }) => {
+  }, u = ({ x: h, y: T }) => {
     if (t.camera.value)
-      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.raycaster.value.setFromCamera(new ve(h, T), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
+  }, y = (h) => {
+    const T = g({
+      x: (h == null ? void 0 : h.clientX) ?? o.value,
+      y: (h == null ? void 0 : h.clientY) ?? l.value
     });
-    return S ? u(S) || [] : [];
-  }, h = D(), g = D(), d = D(), _ = D(), P = D(), C = D(), T = D(), b = D();
-  function E(m) {
-    const S = {};
-    for (const U in m)
-      typeof U != "function" && (S[U] = m[U]);
-    return S;
+    return T ? u(T) || [] : [];
+  }, p = D(), _ = D(), d = D(), v = D(), P = D(), C = D(), w = D(), E = D();
+  function S(h) {
+    const T = {};
+    for (const U in h)
+      typeof U != "function" && (T[U] = h[U]);
+    return T;
   }
-  const M = (m, S) => {
+  const M = (h, T) => {
     var Be, Ie, $e;
-    const U = E(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({
+    const U = S(T), ne = new xe(T == null ? void 0 : T.clientX, T == null ? void 0 : T.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
+    h.trigger({
       ...U,
       intersections: r.value,
       // The unprojectedPoint is wrong, math needs to be fixed
       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,
+      sourceEvent: T,
+      delta: s,
       stopPropagating: !1
     });
   };
-  let A;
-  const p = (m) => {
-    v(m), M(d, m), A = m;
-  }, w = () => {
-    A && p(A);
+  let x;
+  const m = (h) => {
+    y(h), M(d, h), x = h;
+  }, b = () => {
+    x && m(x);
   };
   let k, L, R;
-  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(P, m);
+  const j = (h) => {
+    var T;
+    k = (T = r.value[0]) == null ? void 0 : T.object, s = 0, L = new ve(
+      (h == null ? void 0 : h.clientX) ?? o.value,
+      (h == null ? void 0 : h.clientY) ?? l.value
+    ), M(P, h);
   };
-  let O, Y = !1;
-  const Re = (m) => {
-    var S, U, ne;
-    m instanceof PointerEvent && (r.value.length === 0 && M(C, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (R = new ve(
-      (m == null ? void 0 : m.clientX) ?? s.value,
-      (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = L == null ? void 0 : L.distanceTo(R), m.button === 0 ? (M(h, m), O === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
-  }, Oe = (m) => {
-    Y && (M(g, m), O = void 0, Y = !1);
-  }, De = (m) => M(d, m), je = (m) => M(b, m);
-  return n.value.addEventListener("pointerup", Re), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", p), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Oe), n.value.addEventListener("wheel", je), J(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", Re), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", p), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Oe), n.value.removeEventListener("wheel", je));
+  let O, V = !1;
+  const Re = (h) => {
+    var T, U, ne;
+    h instanceof PointerEvent && (r.value.length === 0 && M(C, h), k === ((T = r.value[0]) == null ? void 0 : T.object) && (R = new ve(
+      (h == null ? void 0 : h.clientX) ?? o.value,
+      (h == null ? void 0 : h.clientY) ?? l.value
+    ), s = L == null ? void 0 : L.distanceTo(R), h.button === 0 ? (M(p, h), O === ((U = r.value[0]) == null ? void 0 : U.object) ? V = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, V = !1)) : h.button === 2 && M(w, h)), M(v, h));
+  }, Oe = (h) => {
+    V && (M(_, h), O = void 0, V = !1);
+  }, De = (h) => M(d, h), je = (h) => M(E, h);
+  return n.value.addEventListener("pointerup", Re), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", m), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Oe), n.value.addEventListener("wheel", je), K(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", Re), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", m), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Oe), n.value.removeEventListener("wheel", je));
   }), {
     intersects: r,
-    onClick: (m) => h.on(m).off,
-    onDblClick: (m) => g.on(m).off,
-    onContextMenu: (m) => T.on(m).off,
-    onPointerMove: (m) => d.on(m).off,
-    onPointerUp: (m) => _.on(m).off,
-    onPointerDown: (m) => P.on(m).off,
-    onPointerMissed: (m) => C.on(m).off,
-    onWheel: (m) => b.on(m).off,
-    forceUpdate: w
+    onClick: (h) => p.on(h).off,
+    onDblClick: (h) => _.on(h).off,
+    onContextMenu: (h) => w.on(h).off,
+    onPointerMove: (h) => d.on(h).off,
+    onPointerUp: (h) => v.on(h).off,
+    onPointerDown: (h) => P.on(h).off,
+    onPointerMissed: (h) => C.on(h).off,
+    onWheel: (h) => E.on(h).off,
+    forceUpdate: b
   };
 };
 function _e(e, t) {
@@ -850,105 +756,105 @@ function _e(e, 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) => {
-    var w;
-    return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
-  }, i = (p) => {
-    var w;
-    return ((w = p.children) == null ? void 0 : w.some((k) => i(k))) || l(p);
-  }, a = $(((A = r.value) == null ? void 0 : A.children).filter(i) || []);
-  function c(p, w) {
-    const k = [], L = () => w.stopPropagating = !0;
-    w.stopPropagation = L;
-    for (const R of w == null ? void 0 : w.intersections) {
-      if (w.stopPropagating)
+  var x;
+  const r = $(), o = $();
+  e && (r.value = e), t && (o.value = t);
+  const l = (m) => {
+    var b;
+    return ((b = m.__tres) == null ? void 0 : b.eventCount) > 0;
+  }, s = (m) => {
+    var b;
+    return ((b = m.children) == null ? void 0 : b.some((k) => s(k))) || l(m);
+  }, a = $(((x = r.value) == null ? void 0 : x.children).filter(s) || []);
+  function c(m, b) {
+    const k = [], L = () => b.stopPropagating = !0;
+    b.stopPropagation = L;
+    for (const R of b == null ? void 0 : b.intersections) {
+      if (b.stopPropagating)
         return;
-      w = { ...w, ...R };
+      b = { ...b, ...R };
       const { object: j } = R;
-      w.eventObject = j, _e(j[p], w), k.push(j);
+      b.eventObject = j, _e(j[m], b), k.push(j);
       let O = j.parent;
-      for (; O !== null && !w.stopPropagating && !k.includes(O); )
-        w.eventObject = O, _e(O[p], w), k.push(O), O = O.parent;
-      const Y = Vn(p.slice(2));
-      n(Y, { intersection: R, event: w });
+      for (; O !== null && !b.stopPropagating && !k.includes(O); )
+        b.eventObject = O, _e(O[m], b), k.push(O), O = O.parent;
+      const V = Vn(m.slice(2));
+      n(V, { intersection: R, event: b });
     }
   }
   const {
-    onClick: o,
+    onClick: i,
     onDblClick: f,
-    onContextMenu: y,
+    onContextMenu: g,
     onPointerMove: u,
-    onPointerDown: v,
-    onPointerUp: h,
-    onPointerMissed: g,
+    onPointerDown: y,
+    onPointerUp: p,
+    onPointerMissed: _,
     onWheel: d,
-    forceUpdate: _
+    forceUpdate: v
   } = yr(a, t);
-  h((p) => c("onPointerUp", p)), v((p) => c("onPointerDown", p)), o((p) => c("onClick", p)), f((p) => c("onDoubleClick", p)), y((p) => c("onContextMenu", p)), d((p) => c("onWheel", p));
+  p((m) => c("onPointerUp", m)), y((m) => c("onPointerDown", m)), i((m) => c("onClick", m)), f((m) => c("onDoubleClick", m)), g((m) => c("onContextMenu", m)), d((m) => c("onWheel", m));
   let P = [];
-  u((p) => {
-    const w = p.intersections.map(({ object: L }) => L), k = p.intersections;
+  u((m) => {
+    const b = m.intersections.map(({ object: L }) => L), k = m.intersections;
     P.forEach(({ object: L }) => {
-      w.includes(L) || (p.intersections = P, c("onPointerLeave", p), c("onPointerOut", p));
-    }), p.intersections = k, p.intersections.forEach(({ object: L }) => {
-      P.includes(L) || (c("onPointerEnter", p), c("onPointerOver", p));
-    }), c("onPointerMove", p), P = p.intersections;
+      b.includes(L) || (m.intersections = P, c("onPointerLeave", m), c("onPointerOut", m));
+    }), m.intersections = k, m.intersections.forEach(({ object: L }) => {
+      P.includes(L) || (c("onPointerEnter", m), c("onPointerOver", m));
+    }), c("onPointerMove", m), P = m.intersections;
   });
   const C = [];
-  g((p) => {
-    const w = () => p.stopPropagating = !0;
-    p.stopPropagation = w, C.forEach((k) => {
-      p.stopPropagating || (p.eventObject = k, _e(k.onPointerMissed, p));
-    }), n("pointer-missed", { event: p });
+  _((m) => {
+    const b = () => m.stopPropagating = !0;
+    m.stopPropagation = b, C.forEach((k) => {
+      m.stopPropagating || (m.eventObject = k, _e(k.onPointerMissed, m));
+    }), n("pointer-missed", { event: m });
   });
-  function T(p) {
-    re(p) && N(p) && a.value.push(p);
+  function w(m) {
+    re(m) && N(m) && a.value.push(m);
   }
-  function b(p) {
-    if (re(p) && N(p)) {
-      const w = a.value.indexOf(p);
-      w > -1 && a.value.splice(w, 1);
+  function E(m) {
+    if (re(m) && N(m)) {
+      const b = a.value.indexOf(m);
+      b > -1 && a.value.splice(b, 1);
     }
   }
-  function E(p) {
-    re(p) && N(p) && p.onPointerMissed && C.push(p);
+  function S(m) {
+    re(m) && N(m) && m.onPointerMissed && C.push(m);
   }
-  function M(p) {
-    if (re(p) && N(p)) {
-      const w = C.indexOf(p);
-      w > -1 && C.splice(w, 1);
+  function M(m) {
+    if (re(m) && N(m)) {
+      const b = C.indexOf(m);
+      b > -1 && C.splice(b, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: _,
-    registerObject: T,
-    deregisterObject: b,
-    registerPointerMissedObject: E,
+    forceUpdate: v,
+    registerObject: w,
+    deregisterObject: E,
+    registerPointerMissedObject: S,
     deregisterPointerMissedObject: M
   }, {
-    forceUpdate: _,
-    registerObject: T,
-    deregisterObject: b,
-    registerPointerMissedObject: E,
+    forceUpdate: v,
+    registerObject: w,
+    deregisterObject: E,
+    registerPointerMissedObject: S,
     deregisterPointerMissedObject: M
   };
 }
 function wr(e, t, n = 100) {
   n = n <= 0 ? 100 : n;
-  const r = D(), s = /* @__PURE__ */ new Set();
-  let l = !1, i = !1, a = null;
+  const r = D(), o = /* @__PURE__ */ new Set();
+  let l = !1, s = !1, a = null;
   function c() {
-    a && clearTimeout(a), !i && !l && e() ? (r.trigger(t), s.forEach((u) => u()), s.clear(), l = !0) : !i && !l && (a = setTimeout(c, n));
+    a && clearTimeout(a), !s && !l && e() ? (r.trigger(t), o.forEach((u) => u()), o.clear(), l = !0) : !s && !l && (a = setTimeout(c, n));
   }
-  function o() {
-    i = !0, a && clearTimeout(a);
+  function i() {
+    s = !0, a && clearTimeout(a);
   }
   c();
-  const f = (u, ...v) => {
-    u(...v);
+  const f = (u, ...y) => {
+    u(...y);
   };
   return {
     on: (u) => {
@@ -956,13 +862,14 @@ function wr(e, t, n = 100) {
         return f(u, t), { off: () => {
         } };
       {
-        const v = r.on(u);
-        return s.add(v.off), r.on(u);
+        const y = r.on(u);
+        return o.add(y.off), r.on(u);
       }
     },
     off: r.off,
     trigger: r.trigger,
-    cancel: o
+    clear: r.clear,
+    cancel: i
   };
 }
 const ee = /* @__PURE__ */ new WeakMap();
@@ -973,8 +880,8 @@ function yt(e) {
     if (Date.now() - n >= t)
       return !0;
     {
-      const i = e.renderer.value, a = (i == null ? void 0 : i.domElement) || { width: 0, height: 0 };
-      return !!(i && a.width > 0 && a.height > 0);
+      const s = e.renderer.value, a = (s == null ? void 0 : s.domElement) || { width: 0, height: 0 };
+      return !!(s && a.width > 0 && a.height > 0);
     }
   }, e);
   return ee.set(e, l), l;
@@ -989,42 +896,40 @@ function br({
   canvas: t,
   windowSize: n,
   rendererOptions: r,
-  emit: s
+  emit: o
 }) {
-  const l = $(e), i = vr(n, t), {
+  const l = $(e), s = vr(n, t), {
     camera: a,
     cameras: c,
-    registerCamera: o,
+    registerCamera: i,
     deregisterCamera: f,
-    setCameraActive: y
-  } = ar({ sizes: i, scene: e }), u = {
+    setCameraActive: g
+  } = ar({ sizes: s }), u = {
     mode: I(r.renderMode || "always"),
     priority: I(0),
     frames: I(0),
     maxFrames: 60,
-    canBeInvalidated: K(() => u.mode.value === "on-demand" && u.frames.value === 0)
+    canBeInvalidated: q(() => u.mode.value === "on-demand" && u.frames.value === 0)
   };
-  function v(R = 1) {
+  function y(R = 1) {
     r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + R));
   }
-  function h() {
+  function p() {
     r.renderMode === "manual" && (u.frames.value = 1);
   }
-  const { renderer: g } = gr(
+  const { renderer: _ } = gr(
     {
-      scene: e,
       canvas: t,
       options: r,
-      emit: s,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: i, camera: a, render: u, invalidate: v, advance: h }
+      contextParts: { sizes: s, render: u, invalidate: y, advance: p }
     }
   ), d = {
-    sizes: i,
+    sizes: s,
     scene: l,
     camera: a,
     cameras: we(c),
-    renderer: g,
+    renderer: _,
     raycaster: $(new zt()),
     controls: I(null),
     perf: {
@@ -1040,35 +945,35 @@ function br({
       }
     },
     render: u,
-    advance: h,
+    advance: p,
     extend: Ee,
-    invalidate: v,
-    registerCamera: o,
-    setCameraActive: y,
+    invalidate: y,
+    registerCamera: i,
+    setCameraActive: g,
     deregisterCamera: f,
     loop: dr()
   };
   le("useTres", d), d.scene.value.__tres = {
     root: d
   }, d.loop.register(() => {
-    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", d.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
+    a.value && u.frames.value > 0 && (_.value.render(e, a.value), o("render", d.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
   }, "render");
-  const { on: _, cancel: P } = yt(d);
-  d.loop.setReady(!1), d.loop.start(), _(() => {
-    s("ready", d), d.loop.setReady(!0), _r(e, d, s);
-  }), J(() => {
+  const { on: v, cancel: P } = yt(d);
+  d.loop.setReady(!1), d.loop.start(), v(() => {
+    o("ready", d), d.loop.setReady(!0), _r(e, d, o);
+  }), K(() => {
     P(), d.loop.stop();
   });
-  const C = 100, T = un({ every: C }), { isSupported: b, memory: E } = fn({ interval: C }), M = 160;
-  let A = performance.now();
-  const p = ({ timestamp: R }) => {
-    d.scene.value && (d.perf.memory.allocatedMem = ke(d.scene.value)), R - A >= C && (A = R, d.perf.fps.accumulator.push(T.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = T.value, b.value && E.value && (d.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
+  const C = 100, w = un({ every: C }), { isSupported: E, memory: S } = fn({ interval: C }), M = 160;
+  let x = performance.now();
+  const m = ({ timestamp: R }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = ke(d.scene.value)), R - x >= C && (x = R, d.perf.fps.accumulator.push(w.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = w.value, E.value && S.value && (d.perf.memory.accumulator.push(S.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
   };
-  let w = 0;
+  let b = 0;
   const k = 1, { pause: L } = ut(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += R, w >= k && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
+    window.__TRES__DEVTOOLS__ && (m({ timestamp: performance.now() }), b += R, b >= k && (window.__TRES__DEVTOOLS__.cb(d), b = 0));
   }, { immediate: !0 });
-  return J(() => {
+  return K(() => {
     L();
   }), d;
 }
@@ -1085,28 +990,28 @@ function Zr() {
     scene: t,
     renderer: n,
     loop: r,
-    raycaster: s,
+    raycaster: o,
     controls: l,
-    invalidate: i,
+    invalidate: s,
     advance: a
   } = me();
   r.setContext({
     camera: e,
     scene: t,
     renderer: n,
-    raycaster: s,
+    raycaster: o,
     controls: l,
-    invalidate: i,
+    invalidate: s,
     advance: a
   });
-  function c(y, u = 0) {
-    return r.register(y, "before", u);
+  function c(g, u = 0) {
+    return r.register(g, "before", u);
   }
-  function o(y) {
-    return r.register(y, "render");
+  function i(g) {
+    return r.register(g, "render");
   }
-  function f(y, u = 0) {
-    return r.register(y, "after", u);
+  function f(g, u = 0) {
+    return r.register(g, "after", u);
   }
   return {
     pause: r.pause,
@@ -1115,7 +1020,7 @@ function Zr() {
     resumeRender: r.resumeRender,
     isActive: r.isActive,
     onBeforeRender: c,
-    render: o,
+    render: i,
     onAfterRender: f
   };
 }
@@ -1140,52 +1045,53 @@ const eo = () => (Qe || (Qe = !0, Je()), {
   isActive: Pr
 });
 function to() {
-  const { logWarning: e } = V();
-  function t(l, i, a) {
+  const { logWarning: e } = Q();
+  function t(l, s, a) {
     let c = null;
-    return l.traverse((o) => {
-      o[i] === a && (c = o);
-    }), c || e(`Child with ${i} '${a}' not found.`), c;
+    return l.traverse((i) => {
+      i[s] === a && (c = i);
+    }), c || e(`Child with ${s} '${a}' not found.`), c;
   }
-  function n(l, i, a) {
+  function n(l, s, a) {
     const c = [];
-    return l.traverse((o) => {
-      o[i].includes(a) && c.push(o);
-    }), c.length || e(`Children with ${i} '${a}' not found.`), c;
+    return l.traverse((i) => {
+      i[s].includes(a) && c.push(i);
+    }), c.length || e(`Children with ${s} '${a}' not found.`), c;
   }
-  function r(l, i) {
-    return t(l, "name", i);
+  function r(l, s) {
+    return t(l, "name", s);
   }
-  function s(l, i) {
-    return n(l, "name", i);
+  function o(l, s) {
+    return n(l, "name", s);
   }
   return {
     seek: t,
     seekByName: r,
     seekAll: n,
-    seekAllByName: s
+    seekAllByName: o
   };
 }
 function Cr(e, t = {}, n = {}) {
   let r = e;
-  const s = (a) => {
+  const o = (a) => {
     r = a;
   };
   let l = new Proxy({}, {});
-  const i = {
+  const s = {
     has(a, c) {
       return c in t || c in r;
     },
-    get(a, c, o) {
+    get(a, c, i) {
       return c in t ? t[c](r) : r[c];
     },
-    set(a, c, o) {
-      return n[c] ? n[c](o, r, l, s) : r[c] = o, !0;
+    set(a, c, i) {
+      const f = n[c];
+      return f && typeof f == "function" ? f(i, r, l, o) : r[c] = i, !0;
     }
   };
-  return l = new Proxy({}, i), l;
+  return l = new Proxy({}, s), l;
 }
-const { logError: Xe } = V(), Ze = [
+const { logError: Xe } = Q(), Ze = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -1202,140 +1108,140 @@ const { logError: Xe } = V(), Ze = [
   "onWheel"
 ], Er = (e) => {
   const t = e.scene.value;
-  function n(o, f, y, u) {
-    if (u || (u = {}), u.args || (u.args = []), o === "template" || zn(o))
+  function n(i, f, g, u) {
+    if (u || (u = {}), u.args || (u.args = []), i === "template" || zn(i))
       return null;
-    let v = o.replace("Tres", ""), h;
-    if (o === "primitive") {
-      (!H(u.object) || xt(u.object)) && Xe(
+    let y = i.replace("Tres", ""), p;
+    if (i === "primitive") {
+      (!H(u.object) || At(u.object)) && Xe(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), v = u.object.type;
-      const g = {};
-      h = Cr(
+      ), y = u.object.type;
+      const _ = {};
+      p = Cr(
         u.object,
         {
-          object: (_) => _,
+          object: (v) => v,
           isPrimitive: () => !0,
-          __tres: () => g
+          __tres: () => _
         },
         {
-          object: (_, P, C, T) => {
-            sr(_, C, T, { patchProp: l, remove: s, insert: r }, e);
+          object: (v, P, C, w) => {
+            sr(v, C, w, { patchProp: l, remove: o, insert: r }, e);
           },
-          __tres: (_) => {
-            Object.assign(g, _);
+          __tres: (v) => {
+            Object.assign(_, v);
           }
         }
       );
     } else {
-      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);
+      const _ = Ce.value[y];
+      _ || Xe(
+        `${y} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), p = new _(...u.args);
     }
-    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: v,
+    return p ? (p.isCamera && (u != null && u.position || p.position.set(3, 3, 3), u != null && u.lookAt || p.lookAt(0, 0, 0)), p = z(p, {
+      ...p.__tres,
+      type: y,
       memoizedProps: u,
       eventCount: 0,
-      primitive: o === "primitive",
+      primitive: i === "primitive",
       attach: u.attach
-    }, e), h) : null;
+    }, e), p) : null;
   }
-  function r(o, f) {
-    var v, h, g;
-    if (!o)
+  function r(i, f) {
+    var y, p, _;
+    if (!i)
       return;
     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);
+    const g = i.__tres ? i : z(i, {}, e), u = f.__tres ? f : z(f, {}, e);
+    i = J(g), f = J(u), i.__tres && ((y = i.__tres) == null ? void 0 : y.eventCount) > 0 && ((p = e.eventManager) == null || p.registerObject(i)), e.registerCamera(i), (_ = e.eventManager) == null || _.registerPointerMissedObject(i), g.__tres.attach ? nr(u, g, g.__tres.attach) : N(i) && N(u) && (u.add(i), i.dispatchEvent({ type: "added" })), g.__tres.parent = u, u.__tres.objects && !u.__tres.objects.includes(g) && u.__tres.objects.push(g);
   }
-  function s(o, f) {
-    var h, g, d, _;
-    if (!o)
+  function o(i, f) {
+    var p, _, d, v;
+    if (!i)
       return;
-    o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.deregisterObject(o)), f = Me(f) ? "default" : f;
-    const y = (d = o.__tres) == null ? void 0 : d.dispose;
-    Me(y) || (y === null ? f = !1 : f = y);
-    const u = (_ = o.__tres) == null ? void 0 : _.primitive, v = f === "default" ? !u : !!f;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((P) => s(P, f)), v && o.children && [...o.children].forEach((P) => s(P, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
+    i != null && i.__tres && ((p = i.__tres) == null ? void 0 : p.eventCount) > 0 && ((_ = e.eventManager) == null || _.deregisterObject(i)), f = Me(f) ? "default" : f;
+    const g = (d = i.__tres) == null ? void 0 : d.dispose;
+    Me(g) || (g === null ? f = !1 : f = g);
+    const u = (v = i.__tres) == null ? void 0 : v.primitive, y = f === "default" ? !u : !!f;
+    if (i.__tres && "objects" in i.__tres && [...i.__tres.objects].forEach((P) => o(P, f)), y && i.children && [...i.children].forEach((P) => o(P, f)), gt(i, e), vt(i, e), y && !Fn(i)) {
       if (G(f))
-        f(o);
-      else if (G(o.dispose))
+        f(i);
+      else if (G(i.dispose))
         try {
-          o.dispose();
+          i.dispose();
         } catch {
         }
     }
-    "__tres" in o && delete o.__tres;
+    "__tres" in i && delete i.__tres;
   }
-  function l(o, f, y, u) {
+  function l(i, f, g, u) {
     var P, C;
-    if (!o)
+    if (!i)
       return;
-    let v = o, h = f;
-    if (o.__tres && (o.__tres.memoizedProps[f] = u), f === "attach") {
-      const T = ((P = o.__tres) == null ? void 0 : P.parent) || o.parent;
-      s(o), z(o, { attach: u }, e), T && r(o, T);
+    let y = i, p = f;
+    if (i.__tres && (i.__tres.memoizedProps[f] = u), f === "attach") {
+      const w = ((P = i.__tres) == null ? void 0 : P.parent) || i.parent;
+      o(i), z(i, { attach: u }, e), w && r(i, w);
       return;
     }
     if (f === "dispose") {
-      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = u;
+      i.__tres || (i = z(i, {}, e)), i.__tres.dispose = u;
       return;
     }
-    if (N(o) && h === "blocks-pointer-events") {
-      u || u === "" ? o[h] = u : delete o[h];
+    if (N(i) && p === "blocks-pointer-events") {
+      u || u === "" ? i[p] = u : delete i[p];
       return;
     }
-    Ze.includes(f) && o.__tres && (o.__tres.eventCount += 1);
-    let g = oe(h), d = v == null ? void 0 : v[g];
-    if (h === "args") {
-      const T = o, b = y ?? [], E = u ?? [], M = ((C = o.__tres) == null ? void 0 : C.type) || o.type;
-      M && b.length && !Kn(b, E) && (v = Object.assign(
-        T,
+    Ze.includes(f) && i.__tres && (i.__tres.eventCount += 1);
+    let _ = oe(p), d = y == null ? void 0 : y[_];
+    if (p === "args") {
+      const w = i, E = g ?? [], S = u ?? [], M = ((C = i.__tres) == null ? void 0 : C.type) || i.type;
+      M && E.length && !Kn(E, S) && (y = Object.assign(
+        w,
         new Ce.value[M](...u)
       ));
       return;
     }
-    if (v.type === "BufferGeometry") {
-      if (h === "args")
+    if (y.type === "BufferGeometry") {
+      if (p === "args")
         return;
-      v.setAttribute(
-        oe(h),
-        new Gt(...u)
+      y.setAttribute(
+        oe(p),
+        new Vt(...u)
       );
       return;
     }
-    if (h.includes("-") && d === void 0) {
-      const T = h.split("-");
-      d = T.reduce((b, E) => b[oe(E)], v), h = T.pop(), g = h, d != null && d.set || (v = T.reduce((b, E) => b[oe(E)], v));
+    if (p.includes("-") && d === void 0) {
+      const w = p.split("-");
+      d = w.reduce((E, S) => E[oe(S)], y), p = w.pop(), _ = p, d != null && d.set || (y = w.reduce((E, S) => E[oe(S)], y));
     }
-    let _ = u;
-    if (_ === "" && (_ = !0), G(d)) {
-      Ze.includes(f) || (de(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
+    let v = u;
+    if (v === "" && (v = !0), G(d)) {
+      Ze.includes(f) || (de(v) ? i[_](...v) : i[_](v)), _.startsWith("on") && G(v) && (y[_] = v);
       return;
     }
-    !(d != null && d.set) && !G(d) ? v[g] = _ : d.constructor === _.constructor && (d != null && d.copy) ? d == null || d.copy(_) : de(_) ? d.set(..._) : !d.isColor && d.setScalar ? d.setScalar(_) : d.set(_), ht(o);
+    !(d != null && d.set) && !G(d) ? y[_] = v : d.constructor === v.constructor && (d != null && d.copy) ? d == null || d.copy(v) : de(v) ? d.set(...v) : !d.isColor && d.setScalar ? d.setScalar(v) : d.set(v), ht(i);
   }
-  function i(o) {
+  function s(i) {
     var f;
-    return ((f = o == null ? void 0 : o.__tres) == null ? void 0 : f.parent) || null;
+    return ((f = i == null ? void 0 : i.__tres) == null ? void 0 : f.parent) || null;
   }
-  function a(o) {
-    const f = z(new Vt(), { type: "Comment" }, e);
-    return f.name = o, f;
+  function a(i) {
+    const f = z(new Gt(), { type: "Comment" }, e);
+    return f.name = i, f;
   }
-  function c(o) {
-    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];
+  function c(i) {
+    var y;
+    const f = s(i), g = ((y = f == null ? void 0 : f.__tres) == null ? void 0 : y.objects) || [], u = g.indexOf(i);
+    return u < 0 || u >= g.length - 1 ? null : g[u + 1];
   }
   return {
     insert: r,
-    remove: s,
+    remove: o,
     createElement: n,
     patchProp: l,
-    parentNode: i,
+    parentNode: s,
     createText: () => void 0,
     createComment: a,
     setText: () => void 0,
@@ -1353,11 +1259,11 @@ function Tr() {
 function bt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Sr = typeof Proxy == "function", xr = "devtools-plugin:setup", Ar = "plugin:settings:set";
-let q, Te;
+const Sr = typeof Proxy == "function", Ar = "devtools-plugin:setup", xr = "plugin:settings:set";
+let Y, Te;
 function kr() {
   var e;
-  return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Te = globalThis.perf_hooks.performance) : q = !1), q;
+  return Y !== void 0 || (typeof window < "u" && window.performance ? (Y = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (Y = !0, Te = globalThis.perf_hooks.performance) : Y = !1), Y;
 }
 function Lr() {
   return kr() ? Te.now() : Date.now();
@@ -1367,14 +1273,14 @@ class Rr {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
     if (t.settings)
-      for (const i in t.settings) {
-        const a = t.settings[i];
-        r[i] = a.defaultValue;
+      for (const s in t.settings) {
+        const a = t.settings[s];
+        r[s] = a.defaultValue;
       }
-    const s = `__vue-devtools-plugin-settings__${t.id}`;
+    const o = `__vue-devtools-plugin-settings__${t.id}`;
     let l = Object.assign({}, r);
     try {
-      const i = localStorage.getItem(s), a = JSON.parse(i);
+      const s = localStorage.getItem(o), a = JSON.parse(s);
       Object.assign(l, a);
     } catch {
     }
@@ -1382,36 +1288,36 @@ class Rr {
       getSettings() {
         return l;
       },
-      setSettings(i) {
+      setSettings(s) {
         try {
-          localStorage.setItem(s, JSON.stringify(i));
+          localStorage.setItem(o, JSON.stringify(s));
         } catch {
         }
-        l = i;
+        l = s;
       },
       now() {
         return Lr();
       }
-    }, n && n.on(Ar, (i, a) => {
-      i === this.plugin.id && this.fallbacks.setSettings(a);
+    }, n && n.on(xr, (s, a) => {
+      s === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
-      get: (i, a) => this.target ? this.target.on[a] : (...c) => {
+      get: (s, a) => this.target ? this.target.on[a] : (...c) => {
         this.onQueue.push({
           method: a,
           args: c
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (i, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...c) => (this.targetQueue.push({
+      get: (s, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...c) => (this.targetQueue.push({
         method: a,
         args: c,
         resolve: () => {
         }
-      }), this.fallbacks[a](...c)) : (...c) => new Promise((o) => {
+      }), this.fallbacks[a](...c)) : (...c) => new Promise((i) => {
         this.targetQueue.push({
           method: a,
           args: c,
-          resolve: o
+          resolve: i
         });
       })
     });
@@ -1425,16 +1331,16 @@ class Rr {
   }
 }
 function Or(e, t) {
-  const n = e, r = bt(), s = Tr(), l = Sr && n.enableEarlyProxy;
-  if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(xr, e, t);
+  const n = e, r = bt(), o = Tr(), l = Sr && n.enableEarlyProxy;
+  if (o && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
+    o.emit(Ar, e, t);
   else {
-    const i = l ? new Rr(n, s) : null;
+    const s = l ? new Rr(n, o) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
-      proxy: i
-    }), i && t(i.proxiedTarget);
+      proxy: s
+    }), s && t(s.proxiedTarget);
   }
 }
 function Dr(e, t) {
@@ -1488,8 +1394,8 @@ 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 = Mt(r);
-    t.children.push(s), Pt(r, s, n);
+    const o = Mt(r);
+    t.children.push(o), Pt(r, o, n);
   });
 }
 const jr = [], X = "tres:inspector", Br = Se({
@@ -1520,39 +1426,46 @@ function Ir(e, t) {
         n.notifyComponentUpdate();
       }, 5e3), n.on.getInspectorTree((l) => {
         if (l.inspectorId === X) {
-          const i = Mt(t.scene.value);
-          Pt(t.scene.value, i, l.filter), Br.sceneGraph = i, l.rootNodes = [i];
+          const s = Mt(t.scene.value);
+          Pt(t.scene.value, s, l.filter), Br.sceneGraph = s, l.rootNodes = [s];
         }
       });
-      let r = null, s = null;
+      let r = null, o = null;
       n.on.getInspectorState((l) => {
-        var i;
+        var s;
         if (l.inspectorId === X) {
           const [a] = t.scene.value.getObjectsByProperty("uuid", l.nodeId);
           if (!a)
             return;
-          if (s && r && r.parent && s.remove(r), a.isMesh) {
+          if (o && r && r.parent && o.remove(r), a.isMesh) {
             const c = Xn(a);
-            a.add(c), r = c, s = a;
+            a.add(c), r = c, o = a;
           }
           l.state = {
-            object: Object.entries(a).map(([c, o]) => c === "children" ? { key: c, value: o.filter((f) => f.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
-          }, a.isScene && (l.state.info = {
-            objects: a.children.length,
-            memory: ke(a),
-            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
-          }, l.state.programs = ((i = t.renderer.value.info.programs) == null ? void 0 : i.map((c) => ({
-            key: c.name,
-            value: {
-              ...c,
-              vertexShader: c.vertexShader,
-              attributes: c.getAttributes(),
-              uniforms: c.getUniforms()
-            }
-          }))) || []);
+            object: Object.entries(a).map(([c, i]) => c === "children" ? { key: c, value: i.filter((f) => f.type !== "HightlightMesh") } : { key: c, value: i, editable: !0 }).filter(({ key: c }) => c !== "parent")
+          }, a.isScene && (l.state = {
+            ...l.state,
+            state: [
+              {
+                key: "Scene Info",
+                value: {
+                  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,
+                  lines: t.renderer.value.info.render.lines
+                }
+              },
+              {
+                key: "Programs",
+                value: ((s = t.renderer.value.info.programs) == null ? void 0 : s.map((c) => ({
+                  ...c,
+                  programName: c.name
+                }))) || []
+              }
+            ]
+          });
         }
       }), n.on.editInspectorState((l) => {
         l.inspectorId === X && Qn(t.scene.value, l.nodeId, l.path, l.state.value);
@@ -1606,83 +1519,81 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = e, s = n, l = At(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
+    const r = e, o = n, l = xt(), s = I(), a = $(new st()), c = He();
     Ee(ot);
-    const f = (g, d = !1) => fe({
+    const i = (p, _ = !1) => fe({
       setup() {
-        var T;
-        const _ = (T = He()) == null ? void 0 : T.appContext;
-        _ && (_.app = o == null ? void 0 : o.appContext.app);
-        const P = {};
-        function C(b) {
-          b && (b.parent && C(b.parent), b.provides && Object.assign(P, b.provides));
+        var C;
+        const d = (C = He()) == null ? void 0 : C.appContext;
+        d && (d.app = c == null ? void 0 : c.appContext.app);
+        const v = {};
+        function P(w) {
+          w && (w.parent && P(w.parent), w.provides && Object.assign(v, w.provides));
         }
-        return o != null && o.parent && r.enableProvideBridge && (C(o.parent), Reflect.ownKeys(P).forEach((b) => {
-          le(b, P[b]);
-        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, d ? [] : l.default());
+        return c != null && c.parent && r.enableProvideBridge && (P(c.parent), Reflect.ownKeys(v).forEach((w) => {
+          le(w, v[w]);
+        })), le("useTres", p), le("extend", Ee), typeof window < "u" && Ir(d == null ? void 0 : d.app, p), () => Ue(Bt, null, _ ? [] : l.default());
       }
-    }), y = (g, d = !1) => {
-      const _ = f(g, d), { render: P } = jt(Er(g));
-      P(Ue(_), c.value);
-    }, u = (g, d = !1) => {
-      mt(g.scene.value), d && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
-        root: g
+    }), f = (p, _ = !1) => {
+      const d = i(p, _), { render: v } = jt(Er(p));
+      v(Ue(d), a.value);
+    }, g = (p, _ = !1) => {
+      mt(p.scene.value), _ && (p.renderer.value.dispose(), p.renderer.value.renderLists.dispose(), p.renderer.value.forceContextLoss()), a.value.__tres = {
+        root: p
       };
-    }, v = $(null);
-    t({ context: v, dispose: () => u(v.value, !0) });
-    const h = () => {
-      u(v.value), y(v.value, !0);
+    }, u = $(null);
+    t({ context: u, dispose: () => g(u.value, !0) });
+    const y = () => {
+      g(u.value), f(u.value, !0);
     };
     return kt(() => {
-      const g = a;
-      v.value = br({
-        scene: c.value,
-        canvas: g,
+      const p = s;
+      u.value = br({
+        scene: a.value,
+        canvas: p,
         windowSize: r.windowSize ?? !1,
         rendererOptions: r,
-        emit: s
+        emit: o
       });
-      const { registerCamera: d, camera: _, cameras: P, deregisterCamera: C } = v.value;
-      y(v.value);
-      const T = () => {
-        const b = new be(
+      const { registerCamera: _, camera: d, cameras: v, deregisterCamera: P } = u.value;
+      f(u.value);
+      const C = () => {
+        const w = new be(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), d(b);
-        const E = xe(() => {
-          P.value.length >= 2 && (b.removeFromParent(), C(b), E == null || E());
+        w.position.set(3, 3, 3), w.lookAt(0, 0, 0), _(w);
+        const E = Ae(() => {
+          v.value.length >= 2 && (w.removeFromParent(), P(w), E == null || E());
         });
       };
       ae(
         () => r.camera,
-        (b, E) => {
-          b && d(b), E && (E.removeFromParent(), C(E));
+        (w, E) => {
+          w && _(w), E && (E.removeFromParent(), P(E));
         },
         {
           immediate: !0
         }
-      ), _.value || (i(
-        "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), T());
-    }), J(h), (g, d) => (Lt(), Rt("canvas", {
+      ), d.value || C();
+    }), K(y), (p, _) => (Rt(), Lt("canvas", {
       ref_key: "canvas",
-      ref: a,
-      "data-scene": c.value.uuid,
-      class: Ot(g.$attrs.class),
+      ref: s,
+      "data-scene": a.value.uuid,
+      class: Dt(p.$attrs.class),
       "data-tres": `tresjs ${W(Rn).version}`,
-      style: Dt({
+      style: Ot({
         display: "block",
         width: "100%",
         height: "100%",
-        position: g.windowSize ? "fixed" : "relative",
+        position: p.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...g.$attrs.style
+        ...p.$attrs.style
       })
     }, null, 14, $r));
   }
@@ -1696,11 +1607,11 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
       isCustomElement: (e) => e.startsWith("Tres") && !Ur.includes(e) || e === "primitive"
     }
   }
-}, { logWarning: Fr } = V();
+}, { logWarning: Fr } = Q();
 let B = null;
 const ro = {
   updated: (e, t) => {
-    var s;
+    var o;
     const n = Zn(t);
     if (!n) {
       Fr(`v-distance-to: problem with binding value: ${t.value}`);
@@ -1711,23 +1622,23 @@ const ro = {
     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}`],
+        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(o = e.position) == 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) => {
-    B == null || B.dispose(), e.parent.remove(B);
+    B == null || B.dispose(), e.parent && e.parent.remove(B);
   }
 };
 class Ct extends qt {
   constructor(t, n) {
-    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Fe();
-    s.setAttribute("position", new We(r, 3)), s.computeBoundingSphere();
+    const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], o = new Fe();
+    o.setAttribute("position", new We(r, 3)), o.computeBoundingSphere();
     const l = new Kt({ fog: !1 });
-    super(s, l), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
-    const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new Fe();
-    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Jt(a, new at({ side: Qt, fog: !1 })));
+    super(o, l), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
+    const s = [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(s, 3)), a.computeBoundingSphere(), this.add(new Jt(a, new at({ side: Qt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1743,13 +1654,13 @@ class Ct extends qt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: tt } = V();
+const { logWarning: tt } = Q();
 let ie, F;
 const Wr = {
-  DirectionalLight: Xt,
-  PointLight: Zt,
-  SpotLight: en,
-  HemisphereLight: tn,
+  DirectionalLight: tn,
+  PointLight: en,
+  SpotLight: Zt,
+  HemisphereLight: Xt,
   RectAreaLight: Ct
 }, oo = {
   mounted: (e) => {
@@ -1767,7 +1678,7 @@ const Wr = {
       tt(`${e.type} is not a light`);
       return;
     }
-    F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent.remove(F);
+    F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent && e.parent.remove(F);
   }
 }, so = {
   mounted: (e, t) => {
@@ -1796,10 +1707,10 @@ export {
   Jr as normalizeVectorFlexibleParam,
   Qr as onTresReady,
   no as templateCompilerOptions,
-  On as trasverseObjects,
+  On as traverseObjects,
   ar as useCamera,
   Dn as useLoader,
-  V as useLogger,
+  Q as useLogger,
   Zr as useLoop,
   yr as useRaycaster,
   eo as useRenderLoop,