@tresjs/core 4.3.3 → 4.3.5

package/dist/tres.js

@@ -1,162 +1,180 @@
 /**
  * name: @tresjs/core
- * version: v4.3.3
+ * version: v4.3.5
  * (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 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, 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,
-  packageManager: hn,
-  description: gn,
-  author: vn,
-  license: yn,
-  repository: _n,
-  keywords: wn,
-  sideEffects: bn,
-  exports: Mn,
-  main: Pn,
-  module: Cn,
-  types: En,
-  files: Tn,
-  publishConfig: Sn,
-  scripts: An,
-  peerDependencies: xn,
-  dependencies: kn,
-  devDependencies: Ln
+var At = Object.defineProperty;
+var xt = (e, t, r) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var de = (e, t, r) => xt(e, typeof t != "symbol" ? t + "" : t, r);
+import { defineComponent as ue, withAsyncContext as ot, reactive as Se, renderSlot as st, unref as W, ref as $, computed as q, watchEffect as Ae, onUnmounted as K, shallowRef as H, watch as ie, readonly as _e, provide as ae, inject as kt, isRef as Lt, useSlots as Rt, getCurrentInstance as Ue, onMounted as Ot, createElementBlock as Dt, openBlock as jt, normalizeStyle as Bt, normalizeClass as It, createRenderer as $t, h as Fe, Fragment as Ht } from "vue";
+import * as it from "three";
+import { Layers as Ut, Scene as at, MathUtils as lt, Vector3 as xe, MeshBasicMaterial as ct, DoubleSide as Ft, TextureLoader as Wt, PerspectiveCamera as we, Camera as Nt, Clock as ut, REVISION as zt, Color as Z, NoToneMapping as Gt, PCFSoftShadowMap as Vt, ACESFilmicToneMapping as ft, SRGBColorSpace as Yt, WebGLRenderer as me, Vector2 as ge, Raycaster as qt, Object3D as Kt, BufferAttribute as Jt, ArrowHelper as Qt, Line as Xt, BufferGeometry as We, Float32BufferAttribute as Ne, LineBasicMaterial as Zt, Mesh as er, BackSide as tr, HemisphereLightHelper as rr, SpotLightHelper as nr, PointLightHelper as or, DirectionalLightHelper as sr } from "three";
+import { tryOnScopeDispose as ir, toValue as A, unrefElement as ar, useDevicePixelRatio as lr, useWindowSize as cr, useElementSize as ur, refDebounced as ze, usePointer as fr, useElementBounding as pr, createEventHook as D, useFps as dr, useMemory as mr, useRafFn as pt } from "@vueuse/core";
+const gr = "@tresjs/core", hr = "module", vr = "4.3.5", yr = "pnpm@10.6.3", _r = "Declarative ThreeJS using Vue Components", wr = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", br = "MIT", Mr = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, Pr = ["vue", "3d", "threejs", "three", "threejs-vue"], Cr = !1, Er = { ".": { 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" }, "./*": "./*" }, Tr = "./dist/tres.js", Sr = "./dist/tres.js", Ar = "./dist/index.d.ts", xr = ["*.d.ts", "dist"], kr = { access: "public" }, Lr = { 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" }, Rr = { three: ">=0.133", vue: ">=3.4" }, Or = { "@alvarosabu/utils": "^3.2.0", "@vue/devtools-api": "^6.6.3", "@vueuse/core": "^12.5.0" }, Dr = { "@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" }, jr = {
+  name: gr,
+  type: hr,
+  version: vr,
+  packageManager: yr,
+  description: _r,
+  author: wr,
+  license: br,
+  repository: Mr,
+  keywords: Pr,
+  sideEffects: Cr,
+  exports: Er,
+  main: Tr,
+  module: Sr,
+  types: Ar,
+  files: xr,
+  publishConfig: kr,
+  scripts: Lr,
+  peerDependencies: Rr,
+  dependencies: Or,
+  devDependencies: Dr
 };
-function On(e) {
+function Br(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);
+  return e && e.traverse((r) => {
+    r.name && (t.nodes[r.name] = r), r.material && !t.materials[r.material.name] && (t.materials[r.material.name] = r.material);
   }), t;
 }
-async function Dn(e, t, n, r, o) {
+async function Ir(e, t, r, n, o) {
   const { logError: l } = Q(), s = new e();
-  return o && o(s), n && n(s), await new Promise((a, c) => {
+  return o && o(s), r && r(s), await new Promise((a, c) => {
     s.load(
       t,
       (i) => {
         const f = i;
-        f.scene && Object.assign(f, On(f.scene)), a(f);
+        f.scene && Object.assign(f, Br(f.scene)), a(f);
       },
-      r,
+      n,
       (i) => {
         l("[useLoader] - Failed to load resource", i), c(i);
       }
     );
   });
 }
-const Yr = /* @__PURE__ */ fe({
+const eo = /* @__PURE__ */ ue({
   __name: "component",
   props: {
     loader: {},
     url: {}
   },
   async setup(e) {
-    let t, n;
-    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) });
+    let t, r;
+    const n = e, o = ([t, r] = ot(() => Se(Ir(n.loader, n.url))), t = await t, r(), t);
+    return (l, s) => st(l.$slots, "default", { data: W(o) });
   }
 });
-class jn extends ot.Mesh {
-  constructor(...n) {
-    super(...n);
-    he(this, "type", "HightlightMesh");
-    he(this, "createTime");
+class $r extends it.Mesh {
+  constructor(...r) {
+    super(...r);
+    de(this, "type", "HightlightMesh");
+    de(this, "createTime");
     this.createTime = Date.now();
   }
   onBeforeRender() {
-    const r = (Date.now() - this.createTime) / 1e3, s = 1 + 0.07 * Math.sin(2.5 * r);
+    const n = (Date.now() - this.createTime) / 1e3, s = 1 + 0.07 * Math.sin(2.5 * n);
     this.scale.set(s, s, s);
   }
 }
-function Me(e) {
+function be(e) {
   return typeof e > "u";
 }
-function de(e) {
+function ke(e) {
   return Array.isArray(e);
 }
-function Bn(e) {
+function Hr(e) {
   return typeof e == "number";
 }
-function ft(e) {
+function dt(e) {
   return typeof e == "string";
 }
-function G(e) {
+function Y(e) {
   return typeof e == "function";
 }
-function H(e) {
-  return e === Object(e) && !de(e) && !G(e);
+function j(e) {
+  return e === Object(e) && !ke(e) && !Y(e);
 }
 function N(e) {
-  return H(e) && "isObject3D" in e && !!e.isObject3D;
+  return j(e) && !!e.isObject3D;
+}
+function mt(e) {
+  return j(e) && !!e.isColor;
+}
+function Ur(e) {
+  return e != null && (typeof e == "string" || typeof e == "number" || mt(e));
 }
-function ze(e) {
-  return H(e) && "isCamera" in e && !!e.isCamera;
+function Me(e) {
+  return e !== null && typeof e == "object" && "set" in e && typeof e.set == "function";
+}
+function Fr(e) {
+  return Me(e) && "copy" in e && typeof e.copy == "function";
+}
+function Wr(e) {
+  return !!(e != null && e.constructor);
+}
+function Ge(e) {
+  return e instanceof Ut;
 }
-function In(e) {
-  return H(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
+function Ve(e) {
+  return j(e) && !!e.isCamera;
 }
-function $n(e) {
-  return H(e) && "isMaterial" in e && !!e.isMaterial;
+function Nr(e) {
+  return j(e) && !!e.isBufferGeometry;
 }
-function Hn(e) {
-  return H(e) && "isLight" in e && !!e.isLight;
+function zr(e) {
+  return j(e) && !!e.isMaterial;
 }
-function Un(e) {
-  return H(e) && "isFog" in e && !!e.isFog;
+function Gr(e) {
+  return j(e) && !!e.isLight;
 }
-function Fn(e) {
-  return H(e) && "isScene" in e && !!e.isScene;
+function Vr(e) {
+  return j(e) && !!e.isFog;
 }
-function re(e) {
-  return N(e) || In(e) || $n(e) || Un(e);
+function Yr(e) {
+  return j(e) && !!e.isScene;
 }
-function Wn(e) {
-  return H(e) && !!e.isPrimitive;
+function ne(e) {
+  return N(e) || Nr(e) || zr(e) || Vr(e);
 }
-const dt = (e, t) => {
-  for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], dt(e[n], t[n]));
+function qr(e) {
+  return j(e) && !!e.isPrimitive;
+}
+const gt = (e, t) => {
+  for (const r of Object.keys(t))
+    t[r] instanceof Object && Object.assign(t[r], gt(e[r], t[r]));
   return Object.assign(e || {}, t), e;
-}, Nn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", zn = /* @__PURE__ */ Yn(Nn);
-function Ge(e) {
+}, Kr = "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", Jr = /* @__PURE__ */ Zr(Kr);
+function Ye(e) {
   return e && e.nodeType === 1;
 }
-function oe(e) {
-  return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+function he(e) {
+  return e.replace(/-([a-z])/g, (t, r) => r.toUpperCase());
 }
-const Gn = /\B([A-Z])/g;
-function Vn(e) {
-  return e.replace(Gn, "-$1").toLowerCase();
+const Qr = /\B([A-Z])/g;
+function Xr(e) {
+  return e.replace(Qr, "-$1").toLowerCase();
 }
-function Yn(e, t) {
-  const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
-  for (let o = 0; o < r.length; o++)
-    n[r[o]] = !0;
-  return t ? (o) => !!n[o.toLowerCase()] : (o) => !!n[o];
+function Zr(e, t) {
+  const r = /* @__PURE__ */ Object.create(null), n = e.split(",");
+  for (let o = 0; o < n.length; o++)
+    r[n[o]] = !0;
+  return t ? (o) => !!r[o.toLowerCase()] : (o) => !!r[o];
 }
-const Ve = (e, t) => {
+const qe = (e, t) => {
   if (!t)
     return;
-  const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  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((o, l, s) => (o[l] === void 0 && (o[l] = {}), s === r.length - 1 && (o[l] = n), o[l]), e);
+  return r == null ? void 0 : r.reduce((n, o) => n && n[o], e);
+}, en = (e, t, r) => {
+  const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
+  n && n.reduce((o, l, s) => (o[l] === void 0 && (o[l] = {}), s === n.length - 1 && (o[l] = r), o[l]), e);
 };
-function pt(e, t) {
-  if (Ge(e) && Ge(t)) {
+function ht(e, t) {
+  if (Ye(e) && Ye(t)) {
     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);
   }
@@ -164,24 +182,24 @@ function pt(e, t) {
     return !0;
   if (e === null || typeof e != "object" || t === null || typeof t != "object")
     return !1;
-  const n = Object.keys(e), r = Object.keys(t);
-  if (n.length !== r.length)
+  const r = Object.keys(e), n = Object.keys(t);
+  if (r.length !== n.length)
     return !1;
-  for (const o of n)
-    if (!r.includes(o) || !pt(e[o], t[o]))
+  for (const o of r)
+    if (!n.includes(o) || !ht(e[o], t[o]))
       return !1;
   return !0;
 }
-function Kn(e, t) {
+function tn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
-  for (let n = 0; n < e.length; n++)
-    if (!pt(e[n], t[n]))
+  for (let r = 0; r < e.length; r++)
+    if (!ht(e[r], t[r]))
       return !1;
   return !0;
 }
-const Jn = Array.isArray;
-function Qn(e, t, n, r) {
+const rn = Array.isArray;
+function nn(e, t, r, n) {
   const o = (c) => {
     if (c.uuid === t)
       return c;
@@ -196,160 +214,157 @@ function Qn(e, t, n, r) {
     return;
   }
   let s = l;
-  for (let c = 0; c < n.length - 1; c++)
-    if (s[n[c]] !== void 0)
-      s = s[n[c]];
+  for (let c = 0; c < r.length - 1; c++)
+    if (s[r[c]] !== void 0)
+      s = s[r[c]];
     else {
-      console.warn(`Property path is not valid: ${n.join(".")}`);
+      console.warn(`Property path is not valid: ${r.join(".")}`);
       return;
     }
-  const a = n[n.length - 1];
-  s[a] !== void 0 ? s[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
+  const a = r[r.length - 1];
+  s[a] !== void 0 ? s[a] = n : console.warn(`Property path is not valid: ${r.join(".")}`);
 }
-function Xn(e) {
-  const t = new at({
+function on(e) {
+  const t = new ct({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: It
+    side: Ft
     // To e
   });
-  return new jn(e.geometry.clone(), t);
+  return new $r(e.geometry.clone(), t);
 }
-function Zn(e) {
-  var n;
+function sn(e) {
+  var r;
   let t = e.value;
-  return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new xe(...t)), t;
+  return e.value && ((r = e.value) != null && r.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new xe(...t)), t;
 }
-function er(e) {
+function an(e) {
   return "map" in e;
 }
-function Ye(e) {
-  er(e) && e.map && e.map.dispose(), e.dispose();
+function Ke(e) {
+  an(e) && e.map && e.map.dispose(), e.dispose();
 }
-function mt(e) {
-  var n, r;
-  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((o) => mt(o)), !(e instanceof st)) {
+function vt(e) {
+  var r, n;
+  if (e.parent && ((r = e.removeFromParent) == null || r.call(e)), delete e.__tres, [...e.children].forEach((o) => vt(o)), !(e instanceof at)) {
     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);
+    e && ((n = e.dispose) == null || n.call(e)), o.geometry && o.geometry.dispose(), Array.isArray(o.material) ? o.material.forEach((l) => Ke(l)) : o.material && Ke(o.material);
   }
 }
-function tr(e, t) {
-  let n = 0;
-  for (let r = 0; r < e.length; r++)
-    t(e[r], r) && (e[n] = e[r], n++);
-  return e.length = n, e;
+function ln(e, t) {
+  let r = 0;
+  for (let n = 0; n < e.length; n++)
+    t(e[n], n) && (e[r] = e[n], r++);
+  return e.length = r, e;
 }
 function Pe(e, t) {
-  let n = e;
+  let r = e;
   if (t.includes("-")) {
-    const r = t.split("-");
-    let o = r.shift();
-    for (; n && r.length; )
-      o in n ? (n = n[o], o = r.shift()) : o = qe(o, r.shift());
-    return { target: n, key: qe(o, ...r) };
+    const n = t.split("-");
+    let o = n.shift();
+    for (; r && n.length; )
+      o in r ? (r = r[o], o = n.shift()) : o = Je(o, n.shift());
+    return { target: r, key: Je(o, ...n) };
   } else
-    return { target: n, key: t };
+    return { target: r, key: t };
 }
-function qe(...e) {
-  return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
+function Je(...e) {
+  return e.map((t, r) => r === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
-const Ke = /-\d+$/;
-function nr(e, t, n) {
-  if (ft(n)) {
-    if (Ke.test(n)) {
-      const l = n.replace(Ke, ""), { target: s, key: a } = Pe(e, l);
+const Qe = /-\d+$/;
+function cn(e, t, r) {
+  if (dt(r)) {
+    if (Qe.test(r)) {
+      const l = r.replace(Qe, ""), { 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);
+          i.every((f) => be(f)) && (s[a] = c);
         }, s[a] = i;
       }
     }
-    const { target: r, key: o } = Pe(e, n);
-    t.__tres.previousAttach = r[o], r[o] = J(t);
+    const { target: n, key: o } = Pe(e, r);
+    t.__tres.previousAttach = n[o], n[o] = J(t);
   } else
-    t.__tres.previousAttach = n(e, t);
+    t.__tres.previousAttach = r(e, t);
 }
-function rr(e, t, n) {
-  var r, o, l;
-  if (ft(n)) {
-    const { target: s, key: a } = Pe(e, n), c = t.__tres.previousAttach;
+function un(e, t, r) {
+  var n, o, l;
+  if (dt(r)) {
+    const { target: s, key: a } = Pe(e, r), c = t.__tres.previousAttach;
     c === void 0 ? delete s[a] : s[a] = c, "__tresDetach" in s && s.__tresDetach();
   } else
-    (o = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || o.call(r, e, t);
+    (o = (n = t.__tres) == null ? void 0 : n.previousAttach) == null || o.call(n, e, t);
   (l = t.__tres) == null || delete l.previousAttach;
 }
-function z(e, t, n) {
-  const r = e;
-  return r.__tres = {
+function z(e, t, r) {
+  const n = e;
+  return n.__tres = {
     type: "unknown",
     eventCount: 0,
-    root: n,
+    root: r,
     handlers: {},
     memoizedProps: {},
     objects: [],
     parent: null,
     previousAttach: null,
     ...t
-  }, r.__tres.attach || (r.isMaterial ? r.__tres.attach = "material" : r.isBufferGeometry ? r.__tres.attach = "geometry" : r.isFog && (r.__tres.attach = "fog")), r;
+  }, n.__tres.attach || (n.isMaterial ? n.__tres.attach = "material" : n.isBufferGeometry ? n.__tres.attach = "geometry" : n.isFog && (n.__tres.attach = "fog")), n;
 }
-function ht(e) {
-  var n;
-  const t = (n = e == null ? void 0 : e.__tres) == null ? void 0 : n.root;
+function yt(e) {
+  var r;
+  const t = (r = e == null ? void 0 : e.__tres) == null ? void 0 : r.root;
   t && t.render && t.render.canBeInvalidated.value && t.invalidate();
 }
-function or(e, t, n) {
+function fn(e, t, r) {
   var o;
-  if (!G(e.setPixelRatio))
+  if (!Y(e.setPixelRatio))
     return;
-  let r = 0;
-  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 !== ((o = e.getPixelRatio) == null ? void 0 : o.call(e)) && e.setPixelRatio(r);
+  let n = 0;
+  if (r && ke(r) && r.length >= 2) {
+    const [l, s] = r;
+    n = lt.clamp(t, l, s);
+  } else Hr(r) ? n = r : n = t;
+  n !== ((o = e.getPixelRatio) == null ? void 0 : o.call(e)) && e.setPixelRatio(n);
 }
-function sr(e, t, n, r, o) {
+function pn(e, t, r, n, o) {
   const l = [...t.__tres.objects], s = J(t);
   if (e = J(e), s === e)
     return !0;
   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, 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);
+    _t(f, o), wt(f, o);
+  s.__tres.objects = [], n.remove(t);
+  for (const [f, v] of Object.entries(i))
+    n.patchProp(a, f, a[f], v);
+  r(e), n.insert(t, c);
   for (const f of l)
-    r.insert(f, t);
+    n.insert(f, t);
   return !0;
 }
 function J(e) {
-  return Wn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+  return qr(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
-function gt(e, t) {
-  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), (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 _t(e, t) {
+  var n, o, l, s;
+  const r = ((n = e.__tres) == null ? void 0 : n.parent) || t.scene.value;
+  e.__tres && (e.__tres.parent = null), r && r.__tres && "objects" in r.__tres && ln(r.__tres.objects, (a) => a !== e), (o = e.__tres) != null && o.attach ? un(r, 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) => {
+function wt(e, t) {
+  var r;
+  (r = e.traverse) == null || r.call(e, (n) => {
     var o;
-    t.deregisterCamera(r), (o = t.eventManager) == null || o.deregisterPointerMissedObject(r);
-  }), t.deregisterCamera(e), ht(e);
+    t.deregisterCamera(n), (o = t.eventManager) == null || o.deregisterPointerMissedObject(n);
+  }), t.deregisterCamera(e), yt(e);
 }
-async function ir(e, t) {
-  const n = new $t(t), r = (o) => new Promise((l, s) => {
-    n.load(
+async function dn(e, t) {
+  const r = new Wt(t), n = (o) => new Promise((l, s) => {
+    r.load(
       o,
       (a) => l(a),
       () => null,
@@ -358,8 +373,8 @@ async function ir(e, t) {
       }
     );
   });
-  if (Jn(e)) {
-    const o = await Promise.all(e.map((l) => r(l)));
+  if (rn(e)) {
+    const o = await Promise.all(e.map((l) => n(l)));
     return e.length > 1 ? o : o[0];
   } else {
     const {
@@ -370,21 +385,21 @@ async function ir(e, t) {
       metalnessMap: c,
       aoMap: i,
       alphaMap: f,
-      matcap: g
+      matcap: v
     } = e;
     return {
-      map: o ? await r(o) : null,
-      displacementMap: l ? await r(l) : null,
-      normalMap: s ? await r(s) : null,
-      roughnessMap: a ? await r(a) : null,
-      metalnessMap: c ? await r(c) : null,
-      aoMap: i ? await r(i) : null,
-      alphaMap: f ? await r(f) : null,
-      matcap: g ? await r(g) : null
+      map: o ? await n(o) : null,
+      displacementMap: l ? await n(l) : null,
+      normalMap: s ? await n(s) : null,
+      roughnessMap: a ? await n(a) : null,
+      metalnessMap: c ? await n(c) : null,
+      aoMap: i ? await n(i) : null,
+      alphaMap: f ? await n(f) : null,
+      matcap: v ? await n(v) : null
     };
   }
 }
-const qr = /* @__PURE__ */ fe({
+const to = /* @__PURE__ */ ue({
   __name: "component",
   props: {
     map: {},
@@ -397,130 +412,130 @@ const qr = /* @__PURE__ */ fe({
     matcap: {}
   },
   async setup(e) {
-    let t, n;
-    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) });
+    let t, r;
+    const n = e, o = ([t, r] = ot(() => Se(dn(n))), t = await t, r(), t);
+    return (l, s) => st(l.$slots, "default", { textures: W(o) });
   }
-}), ar = ({ sizes: e }) => {
-  const t = I([]), n = q(
+}), mn = ({ sizes: e }) => {
+  const t = $([]), r = q(
     () => t.value[0]
-  ), r = (s) => {
-    const a = s instanceof Ht ? s : t.value.find((i) => i.uuid === s);
+  ), n = (s) => {
+    const a = s instanceof Nt ? s : t.value.find((i) => i.uuid === s);
     if (!a)
       return;
     const c = t.value.filter(({ uuid: i }) => i !== a.uuid);
     t.value = [a, ...c];
   }, o = (s, a = !1) => {
-    if (ze(s)) {
+    if (Ve(s)) {
       const c = s;
       if (t.value.some(({ uuid: i }) => i === c.uuid))
         return;
-      a ? r(c) : t.value.push(c);
+      a ? n(c) : t.value.push(c);
     }
   }, l = (s) => {
-    if (ze(s)) {
+    if (Ve(s)) {
       const a = s;
       t.value = t.value.filter(({ uuid: c }) => c !== a.uuid);
     }
   };
   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());
+      !s.manual && (s instanceof we || gn(s)) && (s instanceof we ? 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());
     });
   }), K(() => {
     t.value = [];
   }), {
-    camera: n,
+    camera: r,
     cameras: t,
     registerCamera: o,
     deregisterCamera: l,
-    setCameraActive: r
+    setCameraActive: n
   };
 };
-function lr(e) {
+function gn(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const Kr = !0, pe = "[TresJS ▲ ■ ●] ";
-function cr(...e) {
-  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.error(...e);
+const ro = !0, fe = "[TresJS ▲ ■ ●] ";
+function hn(...e) {
+  typeof e[0] == "string" ? e[0] = fe + e[0] : e.unshift(fe), console.error(...e);
 }
-function ur(...e) {
-  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.warn(...e);
+function vn(...e) {
+  typeof e[0] == "string" ? e[0] = fe + e[0] : e.unshift(fe), console.warn(...e);
 }
-function fr(e, t) {
+function yn(e, t) {
 }
 function Q() {
   return {
-    logError: cr,
-    logWarning: ur,
-    logMessage: fr
+    logError: hn,
+    logWarning: vn,
+    logMessage: yn
   };
 }
-const Ce = I({}), Ee = (e) => Object.assign(Ce.value, e);
-function ye() {
+const Ce = $({}), Ee = (e) => Object.assign(Ce.value, e);
+function ve() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
-  let n = 0, r = !1;
+  let r = 0, n = !1;
   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;
+    const i = Array.from(e.entries()).sort((f, v) => {
+      const u = f[1].priority - v[1].priority;
+      return u === 0 ? f[1].addI - v[1].addI : u;
     });
     t.clear(), i.forEach((f) => t.add(f[0]));
   }, l = (i) => {
     e.delete(i), t.delete(i);
   };
   return { on: (i, f = 0) => {
-    e.set(i, { priority: f, addI: n++ });
-    const g = () => l(i);
-    return nn(g), r = !0, {
-      off: g
+    e.set(i, { priority: f, addI: r++ });
+    const v = () => l(i);
+    return ir(v), n = !0, {
+      off: v
     };
   }, off: l, trigger: (...i) => {
-    r && (o(), r = !1), t.forEach((f) => f(...i));
+    n && (o(), n = !1), t.forEach((f) => f(...i));
   }, dispose: () => {
     e.clear(), t.clear();
   }, get count() {
     return e.size;
   } };
 }
-function dr() {
-  let e = !0, t = !0, n = !1;
-  const r = new lt(!1), o = I(r.running), l = I(!1);
+function _n() {
+  let e = !0, t = !0, r = !1;
+  const n = new ut(!1), o = $(n.running), l = $(!1);
   let s;
-  const a = it.generateUUID();
+  const a = lt.generateUUID();
   let c = null;
-  const i = ye(), f = ye(), g = ye();
+  const i = ve(), f = ve(), v = ve();
   S();
   let u = {};
-  function y(M) {
+  function _(M) {
     u = M;
   }
-  function p(M, x, m = 0) {
+  function d(M, x, m = 0) {
     switch (x) {
       case "before":
         return i.on(M, m);
       case "render":
         return c || (c = M), f.dispose(), f.on(M);
       case "after":
-        return g.on(M, m);
+        return v.on(M, m);
     }
   }
-  function _() {
+  function y() {
     t && (t = !1, S(), E());
   }
-  function d() {
+  function p() {
     t = !0, S(), cancelAnimationFrame(s);
   }
-  function v() {
-    n = !1, S();
+  function h() {
+    r = !1, S();
   }
   function P() {
-    n = !0, S();
+    r = !0, S();
   }
   function C() {
     l.value = !0;
   }
-  function w() {
+  function b() {
     l.value = !1;
   }
   function E() {
@@ -528,7 +543,7 @@ function dr() {
       s = requestAnimationFrame(E);
       return;
     }
-    const M = r.getDelta(), x = r.getElapsedTime(), m = {
+    const M = n.getDelta(), x = n.getElapsedTime(), m = {
       camera: W(u.camera),
       scene: W(u.scene),
       renderer: W(u.renderer),
@@ -536,73 +551,73 @@ function dr() {
       controls: W(u.controls),
       invalidate: u.invalidate,
       advance: u.advance
-    }, 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);
+    }, w = { delta: M, elapsed: x, clock: n, ...m };
+    o.value && i.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), o.value && v.trigger(w), s = requestAnimationFrame(E);
   }
   function S() {
-    const M = !t && !n;
-    r.running !== M && (r.running ? r.stop() : r.start()), o.value = r.running;
+    const M = !t && !r;
+    n.running !== M && (n.running ? n.stop() : n.start()), o.value = n.running;
   }
   return {
     loopId: a,
-    register: (M, x, m) => p(M, x, m),
-    start: _,
-    stop: d,
+    register: (M, x, m) => d(M, x, m),
+    start: y,
+    stop: p,
     pause: P,
-    resume: v,
+    resume: h,
     pauseRender: C,
-    resumeRender: w,
+    resumeRender: b,
     isRenderPaused: l,
     isActive: o,
-    setContext: y,
+    setContext: _,
     setReady: (M) => e = M
   };
 }
-function ke(e) {
+function Le(e) {
   let t = 0;
-  return e.traverse((n) => {
-    if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
-      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;
+  return e.traverse((r) => {
+    if (r.isMesh && r.geometry && r.type !== "HightlightMesh") {
+      const n = r.geometry, o = n.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, l = n.index ? n.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, s = n.attributes.normal ? n.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = n.attributes.uv ? n.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = o + l + s + a;
       t += c;
     }
   }), t;
 }
-function pr(e) {
+function wn(e) {
   return (e / 1024).toFixed(2);
 }
-const mr = Number.parseInt(Ut.replace("dev", ""));
-function Jr(e) {
+const bn = Number.parseInt(zt.replace("dev", ""));
+function no(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
-function hr(e) {
+function Mn(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
 }
-const se = {
+const oe = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: Nt,
-    toneMapping: ct,
+    outputColorSpace: Yt,
+    toneMapping: ft,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Wt
+      type: Vt
     }
   },
   flat: {
-    toneMapping: Ft,
+    toneMapping: Gt,
     toneMappingExposure: 1
   }
 };
-function gr({
+function Pn({
   canvas: e,
   options: t,
-  contextParts: { sizes: n, render: r, invalidate: o, advance: l }
+  contextParts: { sizes: r, render: n, invalidate: o, advance: l }
 }) {
   const s = q(() => ({
     alpha: A(t.alpha) ?? !0,
     depth: A(t.depth),
-    canvas: rn(e),
+    canvas: ar(e),
     context: A(t.context),
     stencil: A(t.stencil),
     antialias: A(t.antialias) ?? !0,
@@ -612,48 +627,48 @@ function gr({
     preserveDrawingBuffer: A(t.preserveDrawingBuffer),
     logarithmicDepthBuffer: A(t.logarithmicDepthBuffer),
     failIfMajorPerformanceCaveat: A(t.failIfMajorPerformanceCaveat)
-  })), a = $(new ge(s.value));
+  })), a = H(new me(s.value));
   function c() {
     t.renderMode === "on-demand" && o();
   }
-  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();
+  ie(s, () => {
+    a.value.dispose(), a.value = new me(s.value), c();
+  }), ie([r.width, r.height], () => {
+    a.value.setSize(r.width.value, r.height.value), c();
   }, {
     immediate: !0
-  }), ae(() => t.clearColor, c);
-  const { pixelRatio: i } = on(), { logError: f } = Q(), u = (() => {
-    const p = new ge(), _ = {
+  }), ie(() => t.clearColor, c);
+  const { pixelRatio: i } = lr(), { logError: f } = Q(), u = (() => {
+    const d = new me(), y = {
       shadowMap: {
-        enabled: p.shadowMap.enabled,
-        type: p.shadowMap.type
+        enabled: d.shadowMap.enabled,
+        type: d.shadowMap.type
       },
-      toneMapping: p.toneMapping,
-      toneMappingExposure: p.toneMappingExposure,
-      outputColorSpace: p.outputColorSpace
+      toneMapping: d.toneMapping,
+      toneMappingExposure: d.toneMappingExposure,
+      outputColorSpace: d.outputColorSpace
     };
-    return p.dispose(), _;
-  })(), y = A(t.renderMode);
-  return y === "on-demand" && o(), y === "manual" && setTimeout(() => {
+    return d.dispose(), y;
+  })(), _ = A(t.renderMode);
+  return _ === "on-demand" && o(), _ === "manual" && setTimeout(() => {
     l();
   }, 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);
+    const d = A(t.preset);
+    d && (d in oe || f(`Renderer Preset must be one of these: ${Object.keys(oe).join(", ")}`), gt(a.value, oe[d])), fn(a.value, i.value, A(t.dpr)), _ === "always" && (n.frames.value = Math.max(1, n.frames.value));
+    const y = (P, C) => {
+      const b = A(P), E = () => {
+        if (d)
+          return qe(oe[d], C);
       };
-      if (w !== void 0)
-        return w;
+      if (b !== void 0)
+        return b;
       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 v = _(t.clearColor, "clearColor");
-    v && a.value.setClearColor(
-      v ? hr(v) : new Z(0)
+      return S !== void 0 ? S : qe(u, C);
+    }, p = (P, C) => en(a.value, C, y(P, C));
+    p(t.shadows, "shadowMap.enabled"), p(t.toneMapping ?? ft, "toneMapping"), p(t.shadowMapType, "shadowMap.type"), bn < 150 && p(!t.useLegacyLights, "physicallyCorrectLights"), p(t.outputColorSpace, "outputColorSpace"), p(t.toneMappingExposure, "toneMappingExposure");
+    const h = y(t.clearColor, "clearColor");
+    h && a.value.setClearColor(
+      h ? Mn(h) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), K(() => {
@@ -662,199 +677,199 @@ function gr({
     renderer: a
   };
 }
-function vr(e, t, n = 10) {
-  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);
+function Cn(e, t, r = 10) {
+  const n = A(e) ? cr() : ur(q(() => A(t).parentElement)), o = _e(ze(n.width, r)), l = _e(ze(n.height, r)), s = q(() => o.value / l.value);
   return {
     height: l,
     width: o,
     aspectRatio: s
   };
 }
-const yr = (e, t) => {
-  const n = q(() => t.renderer.value.domElement), r = $([]), { x: o, y: l } = ln({ target: n });
+const En = (e, t) => {
+  const r = q(() => t.renderer.value.domElement), n = H([]), { x: o, y: l } = fr({ target: r });
   let s = 0;
-  const { width: a, height: c, top: i, left: f } = cn(n), g = ({ x: h, y: T }) => {
-    if (n.value)
+  const { width: a, height: c, top: i, left: f } = pr(r), v = ({ x: g, y: T }) => {
+    if (r.value)
       return {
-        x: (h - f.value) / a.value * 2 - 1,
+        x: (g - f.value) / a.value * 2 - 1,
         y: -((T - i.value) / c.value) * 2 + 1
       };
-  }, u = ({ x: h, y: T }) => {
+  }, u = ({ x: g, y: T }) => {
     if (t.camera.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 t.raycaster.value.setFromCamera(new ge(g, T), t.camera.value), n.value = t.raycaster.value.intersectObjects(e.value, !0), n.value;
+  }, _ = (g) => {
+    const T = v({
+      x: (g == null ? void 0 : g.clientX) ?? o.value,
+      y: (g == null ? void 0 : g.clientY) ?? l.value
     });
     return T ? u(T) || [] : [];
-  }, p = D(), _ = D(), d = D(), v = D(), P = D(), C = D(), w = D(), E = D();
-  function S(h) {
+  }, d = D(), y = D(), p = D(), h = D(), P = D(), C = D(), b = D(), E = D();
+  function S(g) {
     const T = {};
-    for (const U in h)
-      typeof U != "function" && (T[U] = h[U]);
+    for (const U in g)
+      typeof U != "function" && (T[U] = g[U]);
     return T;
   }
-  const M = (h, T) => {
-    var Be, Ie, $e;
-    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({
+  const M = (g, T) => {
+    var Ie, $e, He;
+    const U = S(T), re = new xe(T == null ? void 0 : T.clientX, T == null ? void 0 : T.clientY, 0).unproject((Ie = t.camera) == null ? void 0 : Ie.value);
+    g.trigger({
       ...U,
-      intersections: r.value,
+      intersections: n.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,
+      unprojectedPoint: re,
+      ray: ($e = t.raycaster) == null ? void 0 : $e.value.ray,
+      camera: (He = t.camera) == null ? void 0 : He.value,
       sourceEvent: T,
       delta: s,
       stopPropagating: !1
     });
   };
   let x;
-  const m = (h) => {
-    y(h), M(d, h), x = h;
-  }, b = () => {
+  const m = (g) => {
+    _(g), M(p, g), x = g;
+  }, w = () => {
     x && m(x);
   };
   let k, L, R;
-  const j = (h) => {
+  const B = (g) => {
     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);
+    k = (T = n.value[0]) == null ? void 0 : T.object, s = 0, L = new ge(
+      (g == null ? void 0 : g.clientX) ?? o.value,
+      (g == null ? void 0 : g.clientY) ?? l.value
+    ), M(P, g);
   };
-  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));
+  let O, G = !1;
+  const Oe = (g) => {
+    var T, U, re;
+    g instanceof PointerEvent && (n.value.length === 0 && M(C, g), k === ((T = n.value[0]) == null ? void 0 : T.object) && (R = new ge(
+      (g == null ? void 0 : g.clientX) ?? o.value,
+      (g == null ? void 0 : g.clientY) ?? l.value
+    ), s = L == null ? void 0 : L.distanceTo(R), g.button === 0 ? (M(d, g), O === ((U = n.value[0]) == null ? void 0 : U.object) ? G = !0 : (O = (re = n.value[0]) == null ? void 0 : re.object, G = !1)) : g.button === 2 && M(b, g)), M(h, g));
+  }, De = (g) => {
+    G && (M(y, g), O = void 0, G = !1);
+  }, je = (g) => M(p, g), Be = (g) => M(E, g);
+  return r.value.addEventListener("pointerup", Oe), r.value.addEventListener("pointerdown", B), r.value.addEventListener("pointermove", m), r.value.addEventListener("pointerleave", je), r.value.addEventListener("dblclick", De), r.value.addEventListener("wheel", Be), K(() => {
+    r != null && r.value && (r.value.removeEventListener("pointerup", Oe), r.value.removeEventListener("pointerdown", B), r.value.removeEventListener("pointermove", m), r.value.removeEventListener("pointerleave", je), r.value.removeEventListener("dblclick", De), r.value.removeEventListener("wheel", Be));
   }), {
-    intersects: r,
-    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
+    intersects: n,
+    onClick: (g) => d.on(g).off,
+    onDblClick: (g) => y.on(g).off,
+    onContextMenu: (g) => b.on(g).off,
+    onPointerMove: (g) => p.on(g).off,
+    onPointerUp: (g) => h.on(g).off,
+    onPointerDown: (g) => P.on(g).off,
+    onPointerMissed: (g) => C.on(g).off,
+    onWheel: (g) => E.on(g).off,
+    forceUpdate: w
   };
 };
-function _e(e, t) {
+function ye(e, t) {
   if (Array.isArray(e))
-    for (const n of e)
-      n(t);
+    for (const r of e)
+      r(t);
   typeof e == "function" && e(t);
 }
-function _r(e, t, n) {
+function Tn(e, t, r) {
   var x;
-  const r = $(), o = $();
-  e && (r.value = e), t && (o.value = t);
+  const n = H(), o = H();
+  e && (n.value = e), t && (o.value = t);
   const l = (m) => {
-    var b;
-    return ((b = m.__tres) == null ? void 0 : b.eventCount) > 0;
+    var w;
+    return ((w = m.__tres) == null ? void 0 : w.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)
+    var w;
+    return ((w = m.children) == null ? void 0 : w.some((k) => s(k))) || l(m);
+  }, a = H(((x = n.value) == null ? void 0 : x.children).filter(s) || []);
+  function c(m, w) {
+    const k = [], L = () => w.stopPropagating = !0;
+    w.stopPropagation = L;
+    for (const R of w == null ? void 0 : w.intersections) {
+      if (w.stopPropagating)
         return;
-      b = { ...b, ...R };
-      const { object: j } = R;
-      b.eventObject = j, _e(j[m], b), k.push(j);
-      let O = j.parent;
-      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 });
+      w = { ...w, ...R };
+      const { object: B } = R;
+      w.eventObject = B, ye(B[m], w), k.push(B);
+      let O = B.parent;
+      for (; O !== null && !w.stopPropagating && !k.includes(O); )
+        w.eventObject = O, ye(O[m], w), k.push(O), O = O.parent;
+      const G = Xr(m.slice(2));
+      r(G, { intersection: R, event: w });
     }
   }
   const {
     onClick: i,
     onDblClick: f,
-    onContextMenu: g,
+    onContextMenu: v,
     onPointerMove: u,
-    onPointerDown: y,
-    onPointerUp: p,
-    onPointerMissed: _,
-    onWheel: d,
-    forceUpdate: v
-  } = yr(a, t);
-  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));
+    onPointerDown: _,
+    onPointerUp: d,
+    onPointerMissed: y,
+    onWheel: p,
+    forceUpdate: h
+  } = En(a, t);
+  d((m) => c("onPointerUp", m)), _((m) => c("onPointerDown", m)), i((m) => c("onClick", m)), f((m) => c("onDoubleClick", m)), v((m) => c("onContextMenu", m)), p((m) => c("onWheel", m));
   let P = [];
   u((m) => {
-    const b = m.intersections.map(({ object: L }) => L), k = m.intersections;
+    const w = m.intersections.map(({ object: L }) => L), k = m.intersections;
     P.forEach(({ object: L }) => {
-      b.includes(L) || (m.intersections = P, c("onPointerLeave", m), c("onPointerOut", m));
+      w.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 = [];
-  _((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 });
+  y((m) => {
+    const w = () => m.stopPropagating = !0;
+    m.stopPropagation = w, C.forEach((k) => {
+      m.stopPropagating || (m.eventObject = k, ye(k.onPointerMissed, m));
+    }), r("pointer-missed", { event: m });
   });
-  function w(m) {
-    re(m) && N(m) && a.value.push(m);
+  function b(m) {
+    ne(m) && N(m) && a.value.push(m);
   }
   function E(m) {
-    if (re(m) && N(m)) {
-      const b = a.value.indexOf(m);
-      b > -1 && a.value.splice(b, 1);
+    if (ne(m) && N(m)) {
+      const w = a.value.indexOf(m);
+      w > -1 && a.value.splice(w, 1);
     }
   }
   function S(m) {
-    re(m) && N(m) && m.onPointerMissed && C.push(m);
+    ne(m) && N(m) && m.onPointerMissed && C.push(m);
   }
   function M(m) {
-    if (re(m) && N(m)) {
-      const b = C.indexOf(m);
-      b > -1 && C.splice(b, 1);
+    if (ne(m) && N(m)) {
+      const w = C.indexOf(m);
+      w > -1 && C.splice(w, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: v,
-    registerObject: w,
+    forceUpdate: h,
+    registerObject: b,
     deregisterObject: E,
     registerPointerMissedObject: S,
     deregisterPointerMissedObject: M
   }, {
-    forceUpdate: v,
-    registerObject: w,
+    forceUpdate: h,
+    registerObject: b,
     deregisterObject: E,
     registerPointerMissedObject: S,
     deregisterPointerMissedObject: M
   };
 }
-function wr(e, t, n = 100) {
-  n = n <= 0 ? 100 : n;
-  const r = D(), o = /* @__PURE__ */ new Set();
+function Sn(e, t, r = 100) {
+  r = r <= 0 ? 100 : r;
+  const n = D(), o = /* @__PURE__ */ new Set();
   let l = !1, s = !1, a = null;
   function c() {
-    a && clearTimeout(a), !s && !l && e() ? (r.trigger(t), o.forEach((u) => u()), o.clear(), l = !0) : !s && !l && (a = setTimeout(c, n));
+    a && clearTimeout(a), !s && !l && e() ? (n.trigger(t), o.forEach((u) => u()), o.clear(), l = !0) : !s && !l && (a = setTimeout(c, r));
   }
   function i() {
     s = !0, a && clearTimeout(a);
   }
   c();
-  const f = (u, ...y) => {
-    u(...y);
+  const f = (u, ..._) => {
+    u(..._);
   };
   return {
     on: (u) => {
@@ -862,22 +877,22 @@ function wr(e, t, n = 100) {
         return f(u, t), { off: () => {
         } };
       {
-        const y = r.on(u);
-        return o.add(y.off), r.on(u);
+        const _ = n.on(u);
+        return o.add(_.off), n.on(u);
       }
     },
-    off: r.off,
-    trigger: r.trigger,
-    clear: r.clear,
+    off: n.off,
+    trigger: n.trigger,
+    clear: n.clear,
     cancel: i
   };
 }
 const ee = /* @__PURE__ */ new WeakMap();
-function yt(e) {
-  if (e = e || me(), ee.has(e))
+function bt(e) {
+  if (e = e || pe(), ee.has(e))
     return ee.get(e);
-  const t = 100, n = Date.now(), l = wr(() => {
-    if (Date.now() - n >= t)
+  const t = 100, r = Date.now(), l = Sn(() => {
+    if (Date.now() - r >= t)
       return !0;
     {
       const s = e.renderer.value, a = (s == null ? void 0 : s.domElement) || { width: 0, height: 0 };
@@ -886,52 +901,52 @@ function yt(e) {
   }, e);
   return ee.set(e, l), l;
 }
-function Qr(e) {
-  const t = me();
+function oo(e) {
+  const t = pe();
   if (t)
-    return ee.has(t) ? ee.get(t).on(e) : yt(t).on(e);
+    return ee.has(t) ? ee.get(t).on(e) : bt(t).on(e);
 }
-function br({
+function An({
   scene: e,
   canvas: t,
-  windowSize: n,
-  rendererOptions: r,
+  windowSize: r,
+  rendererOptions: n,
   emit: o
 }) {
-  const l = $(e), s = vr(n, t), {
+  const l = H(e), s = Cn(r, t), {
     camera: a,
     cameras: c,
     registerCamera: i,
     deregisterCamera: f,
-    setCameraActive: g
-  } = ar({ sizes: s }), u = {
-    mode: I(r.renderMode || "always"),
-    priority: I(0),
-    frames: I(0),
+    setCameraActive: v
+  } = mn({ sizes: s }), u = {
+    mode: $(n.renderMode || "always"),
+    priority: $(0),
+    frames: $(0),
     maxFrames: 60,
     canBeInvalidated: q(() => u.mode.value === "on-demand" && u.frames.value === 0)
   };
-  function y(R = 1) {
-    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + R));
+  function _(R = 1) {
+    n.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + R));
   }
-  function p() {
-    r.renderMode === "manual" && (u.frames.value = 1);
+  function d() {
+    n.renderMode === "manual" && (u.frames.value = 1);
   }
-  const { renderer: _ } = gr(
+  const { renderer: y } = Pn(
     {
       canvas: t,
-      options: r,
+      options: n,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: s, render: u, invalidate: y, advance: p }
+      contextParts: { sizes: s, render: u, invalidate: _, advance: d }
     }
-  ), d = {
+  ), p = {
     sizes: s,
     scene: l,
     camera: a,
-    cameras: we(c),
-    renderer: _,
-    raycaster: $(new zt()),
-    controls: I(null),
+    cameras: _e(c),
+    renderer: y,
+    raycaster: H(new qt()),
+    controls: $(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -945,106 +960,106 @@ function br({
       }
     },
     render: u,
-    advance: p,
+    advance: d,
     extend: Ee,
-    invalidate: y,
+    invalidate: _,
     registerCamera: i,
-    setCameraActive: g,
+    setCameraActive: v,
     deregisterCamera: f,
-    loop: dr()
+    loop: _n()
   };
-  le("useTres", d), d.scene.value.__tres = {
-    root: d
-  }, d.loop.register(() => {
-    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);
+  ae("useTres", p), p.scene.value.__tres = {
+    root: p
+  }, p.loop.register(() => {
+    a.value && u.frames.value > 0 && (y.value.render(e, a.value), o("render", p.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
   }, "render");
-  const { on: v, cancel: P } = yt(d);
-  d.loop.setReady(!1), d.loop.start(), v(() => {
-    o("ready", d), d.loop.setReady(!0), _r(e, d, o);
+  const { on: h, cancel: P } = bt(p);
+  p.loop.setReady(!1), p.loop.start(), h(() => {
+    o("ready", p), p.loop.setReady(!0), Tn(e, p, o);
   }), K(() => {
-    P(), d.loop.stop();
+    P(), p.loop.stop();
   });
-  const C = 100, w = un({ every: C }), { isSupported: E, memory: S } = fn({ interval: C }), M = 160;
+  const C = 100, b = dr({ every: C }), { isSupported: E, memory: S } = mr({ 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));
+    p.scene.value && (p.perf.memory.allocatedMem = Le(p.scene.value)), R - x >= C && (x = R, p.perf.fps.accumulator.push(b.value), p.perf.fps.accumulator.length > M && p.perf.fps.accumulator.shift(), p.perf.fps.value = b.value, E.value && S.value && (p.perf.memory.accumulator.push(S.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > M && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((B, O) => B + O, 0) / p.perf.memory.accumulator.length));
   };
-  let b = 0;
-  const k = 1, { pause: L } = ut(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (m({ timestamp: performance.now() }), b += R, b >= k && (window.__TRES__DEVTOOLS__.cb(d), b = 0));
+  let w = 0;
+  const k = 1, { pause: L } = pt(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (m({ timestamp: performance.now() }), w += R, w >= k && (window.__TRES__DEVTOOLS__.cb(p), w = 0));
   }, { immediate: !0 });
   return K(() => {
     L();
-  }), d;
+  }), p;
 }
-function me() {
-  const e = St("useTres");
+function pe() {
+  const e = kt("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Xr = me;
-function Zr() {
+const so = pe;
+function io() {
   const {
     camera: e,
     scene: t,
-    renderer: n,
-    loop: r,
+    renderer: r,
+    loop: n,
     raycaster: o,
     controls: l,
     invalidate: s,
     advance: a
-  } = me();
-  r.setContext({
+  } = pe();
+  n.setContext({
     camera: e,
     scene: t,
-    renderer: n,
+    renderer: r,
     raycaster: o,
     controls: l,
     invalidate: s,
     advance: a
   });
-  function c(g, u = 0) {
-    return r.register(g, "before", u);
+  function c(v, u = 0) {
+    return n.register(v, "before", u);
   }
-  function i(g) {
-    return r.register(g, "render");
+  function i(v) {
+    return n.register(v, "render");
   }
-  function f(g, u = 0) {
-    return r.register(g, "after", u);
+  function f(v, u = 0) {
+    return n.register(v, "after", u);
   }
   return {
-    pause: r.pause,
-    resume: r.resume,
-    pauseRender: r.pauseRender,
-    resumeRender: r.resumeRender,
-    isActive: r.isActive,
+    pause: n.pause,
+    resume: n.resume,
+    pauseRender: n.pauseRender,
+    resumeRender: n.resumeRender,
+    isActive: n.isActive,
     onBeforeRender: c,
     render: i,
     onAfterRender: f
   };
 }
-const _t = D(), wt = D(), Le = D(), te = new lt();
-let ce = 0, ue = 0;
-const { pause: Mr, resume: Je, isActive: Pr } = ut(
+const Mt = D(), Pt = D(), Re = D(), te = new ut();
+let le = 0, ce = 0;
+const { pause: xn, resume: Xe, isActive: kn } = pt(
   () => {
-    _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), Le.trigger({ delta: ce, elapsed: ue, clock: te });
+    Mt.trigger({ delta: le, elapsed: ce, clock: te }), Pt.trigger({ delta: le, elapsed: ce, clock: te }), Re.trigger({ delta: le, elapsed: ce, clock: te });
   },
   { immediate: !1 }
 );
-Le.on(() => {
-  ce = te.getDelta(), ue = te.getElapsedTime();
+Re.on(() => {
+  le = te.getDelta(), ce = te.getElapsedTime();
 });
-let Qe = !1;
-const eo = () => (Qe || (Qe = !0, Je()), {
-  onBeforeLoop: _t.on,
-  onLoop: wt.on,
-  onAfterLoop: Le.on,
-  pause: Mr,
-  resume: Je,
-  isActive: Pr
+let Ze = !1;
+const ao = () => (Ze || (Ze = !0, Xe()), {
+  onBeforeLoop: Mt.on,
+  onLoop: Pt.on,
+  onAfterLoop: Re.on,
+  pause: xn,
+  resume: Xe,
+  isActive: kn
 });
-function to() {
+function lo() {
   const { logWarning: e } = Q();
   function t(l, s, a) {
     let c = null;
@@ -1052,46 +1067,45 @@ function to() {
       i[s] === a && (c = i);
     }), c || e(`Child with ${s} '${a}' not found.`), c;
   }
-  function n(l, s, a) {
+  function r(l, s, a) {
     const 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, s) {
+  function n(l, s) {
     return t(l, "name", s);
   }
   function o(l, s) {
-    return n(l, "name", s);
+    return r(l, "name", s);
   }
   return {
     seek: t,
-    seekByName: r,
-    seekAll: n,
+    seekByName: n,
+    seekAll: r,
     seekAllByName: o
   };
 }
-function Cr(e, t = {}, n = {}) {
-  let r = e;
+function Ln(e, t = {}, r = {}) {
+  let n = e;
   const o = (a) => {
-    r = a;
+    n = a;
   };
   let l = new Proxy({}, {});
   const s = {
     has(a, c) {
-      return c in t || c in r;
+      return c in t || c in n;
     },
     get(a, c, i) {
-      return c in t ? t[c](r) : r[c];
+      return c in t ? t[c](n) : n[c];
     },
     set(a, c, i) {
-      const f = n[c];
-      return f && typeof f == "function" ? f(i, r, l, o) : r[c] = i, !0;
+      return r[c] ? r[c](i, n, l, o) : n[c] = i, !0;
     }
   };
   return l = new Proxy({}, s), l;
 }
-const { logError: Xe } = Q(), Ze = [
+const { logError: et } = Q(), tt = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -1106,68 +1120,68 @@ const { logError: Xe } = Q(), Ze = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], Er = (e) => {
+], Rn = (e) => {
   const t = e.scene.value;
-  function n(i, f, g, u) {
-    if (u || (u = {}), u.args || (u.args = []), i === "template" || zn(i))
+  function r(i, f, v, u) {
+    if (u || (u = {}), u.args || (u.args = []), i === "template" || Jr(i))
       return null;
-    let y = i.replace("Tres", ""), p;
+    let _ = i.replace("Tres", ""), d;
     if (i === "primitive") {
-      (!H(u.object) || At(u.object)) && Xe(
+      (!j(u.object) || Lt(u.object)) && et(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), y = u.object.type;
-      const _ = {};
-      p = Cr(
+      ), _ = u.object.type;
+      const y = {};
+      d = Ln(
         u.object,
         {
-          object: (v) => v,
+          object: (h) => h,
           isPrimitive: () => !0,
-          __tres: () => _
+          __tres: () => y
         },
         {
-          object: (v, P, C, w) => {
-            sr(v, C, w, { patchProp: l, remove: o, insert: r }, e);
+          object: (h, P, C, b) => {
+            pn(h, C, b, { patchProp: l, remove: o, insert: n }, e);
           },
-          __tres: (v) => {
-            Object.assign(_, v);
+          __tres: (h) => {
+            Object.assign(y, h);
           }
         }
       );
     } else {
-      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);
+      const y = Ce.value[_];
+      y || et(
+        `${_} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), d = new y(...u.args);
     }
-    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,
+    return d ? (d.isCamera && (u != null && u.position || d.position.set(3, 3, 3), u != null && u.lookAt || d.lookAt(0, 0, 0)), d = z(d, {
+      ...d.__tres,
+      type: _,
       memoizedProps: u,
       eventCount: 0,
       primitive: i === "primitive",
       attach: u.attach
-    }, e), p) : null;
+    }, e), d) : null;
   }
-  function r(i, f) {
-    var y, p, _;
+  function n(i, f) {
+    var _, d, y;
     if (!i)
       return;
     f = f || t;
-    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);
+    const v = i.__tres ? i : z(i, {}, e), u = f.__tres ? f : z(f, {}, e);
+    i = J(v), f = J(u), i.__tres && ((_ = i.__tres) == null ? void 0 : _.eventCount) > 0 && ((d = e.eventManager) == null || d.registerObject(i)), e.registerCamera(i), (y = e.eventManager) == null || y.registerPointerMissedObject(i), v.__tres.attach ? cn(u, v, v.__tres.attach) : N(i) && N(u) && (u.add(i), i.dispatchEvent({ type: "added" })), v.__tres.parent = u, u.__tres.objects && !u.__tres.objects.includes(v) && u.__tres.objects.push(v);
   }
   function o(i, f) {
-    var p, _, d, v;
+    var d, y, p, h;
     if (!i)
       return;
-    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))
+    i != null && i.__tres && ((d = i.__tres) == null ? void 0 : d.eventCount) > 0 && ((y = e.eventManager) == null || y.deregisterObject(i)), f = be(f) ? "default" : f;
+    const v = (p = i.__tres) == null ? void 0 : p.dispose;
+    be(v) || (v === null ? f = !1 : f = v);
+    const u = (h = i.__tres) == null ? void 0 : h.primitive, _ = f === "default" ? !u : !!f;
+    if (i.__tres && "objects" in i.__tres && [...i.__tres.objects].forEach((P) => o(P, f)), _ && i.children && [...i.children].forEach((P) => o(P, f)), _t(i, e), wt(i, e), _ && !Yr(i)) {
+      if (Y(f))
         f(i);
-      else if (G(i.dispose))
+      else if (Y(i.dispose))
         try {
           i.dispose();
         } catch {
@@ -1175,71 +1189,72 @@ const { logError: Xe } = Q(), Ze = [
     }
     "__tres" in i && delete i.__tres;
   }
-  function l(i, f, g, u) {
+  function l(i, f, v, u) {
     var P, C;
     if (!i)
       return;
-    let y = i, p = f;
+    let _ = i, d = 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);
+      const b = ((P = i.__tres) == null ? void 0 : P.parent) || i.parent;
+      o(i), z(i, { attach: u }, e), b && n(i, b);
       return;
     }
     if (f === "dispose") {
       i.__tres || (i = z(i, {}, e)), i.__tres.dispose = u;
       return;
     }
-    if (N(i) && p === "blocks-pointer-events") {
-      u || u === "" ? i[p] = u : delete i[p];
+    if (N(i) && d === "blocks-pointer-events") {
+      u || u === "" ? i[d] = u : delete i[d];
       return;
     }
-    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,
+    tt.includes(f) && i.__tres && (i.__tres.eventCount += 1);
+    let y = he(d), p = _ == null ? void 0 : _[y];
+    if (d === "args") {
+      const b = i, E = v ?? [], S = u ?? [], M = ((C = i.__tres) == null ? void 0 : C.type) || i.type;
+      M && E.length && !tn(E, S) && (_ = Object.assign(
+        b,
         new Ce.value[M](...u)
       ));
       return;
     }
-    if (y.type === "BufferGeometry") {
-      if (p === "args")
+    if (_.type === "BufferGeometry") {
+      if (d === "args")
         return;
-      y.setAttribute(
-        oe(p),
-        new Vt(...u)
+      _.setAttribute(
+        he(d),
+        new Jt(...u)
       );
       return;
     }
-    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));
+    if (d.includes("-") && p === void 0) {
+      p = _;
+      for (const b of d.split("-"))
+        y = d = he(b), _ = p, p = p == null ? void 0 : p[d];
     }
-    let v = u;
-    if (v === "" && (v = !0), G(d)) {
-      Ze.includes(f) || (de(v) ? i[_](...v) : i[_](v)), _.startsWith("on") && G(v) && (y[_] = v);
+    let h = u;
+    if (h === "" && (h = !0), Y(p)) {
+      tt.includes(f) || (ke(h) ? i[y](...h) : i[y](h)), y.startsWith("on") && Y(h) && (_[y] = h);
       return;
     }
-    !(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);
+    Ge(p) && Ge(h) ? p.mask = h.mask : mt(p) && Ur(h) ? p.set(h) : Fr(p) && Wr(h) && p.constructor === h.constructor ? p.copy(h) : Me(p) && Array.isArray(h) ? "fromArray" in p && typeof p.fromArray == "function" ? p.fromArray(h) : p.set(...h) : Me(p) && typeof h == "number" ? "setScalar" in p && typeof p.setScalar == "function" ? p.setScalar(h) : p.set(h) : _[y] = h, yt(i);
   }
   function s(i) {
     var f;
     return ((f = i == null ? void 0 : i.__tres) == null ? void 0 : f.parent) || null;
   }
   function a(i) {
-    const f = z(new Gt(), { type: "Comment" }, e);
+    const f = z(new Kt(), { type: "Comment" }, e);
     return f.name = i, f;
   }
   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];
+    var _;
+    const f = s(i), v = ((_ = f == null ? void 0 : f.__tres) == null ? void 0 : _.objects) || [], u = v.indexOf(i);
+    return u < 0 || u >= v.length - 1 ? null : v[u + 1];
   }
   return {
-    insert: r,
+    insert: n,
     remove: o,
-    createElement: n,
+    createElement: r,
     patchProp: l,
     parentNode: s,
     createText: () => void 0,
@@ -1253,32 +1268,32 @@ const { logError: Xe } = Q(), Ze = [
     insertStaticContent: () => void 0
   };
 };
-function Tr() {
-  return bt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function On() {
+  return Ct().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function bt() {
+function Ct() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Sr = typeof Proxy == "function", Ar = "devtools-plugin:setup", xr = "plugin:settings:set";
-let Y, Te;
-function kr() {
+const Dn = typeof Proxy == "function", jn = "devtools-plugin:setup", Bn = "plugin:settings:set";
+let V, Te;
+function In() {
   var e;
-  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;
+  return V !== void 0 || (typeof window < "u" && window.performance ? (V = !0, Te = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (V = !0, Te = globalThis.perf_hooks.performance) : V = !1), V;
 }
-function Lr() {
-  return kr() ? Te.now() : Date.now();
+function $n() {
+  return In() ? Te.now() : Date.now();
 }
-class Rr {
-  constructor(t, n) {
-    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
-    const r = {};
+class Hn {
+  constructor(t, r) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = r;
+    const n = {};
     if (t.settings)
       for (const s in t.settings) {
         const a = t.settings[s];
-        r[s] = a.defaultValue;
+        n[s] = a.defaultValue;
       }
     const o = `__vue-devtools-plugin-settings__${t.id}`;
-    let l = Object.assign({}, r);
+    let l = Object.assign({}, n);
     try {
       const s = localStorage.getItem(o), a = JSON.parse(s);
       Object.assign(l, a);
@@ -1296,9 +1311,9 @@ class Rr {
         l = s;
       },
       now() {
-        return Lr();
+        return $n();
       }
-    }, n && n.on(xr, (s, a) => {
+    }, r && r.on(Bn, (s, a) => {
       s === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (s, a) => this.target ? this.target.on[a] : (...c) => {
@@ -1324,33 +1339,33 @@ class Rr {
   }
   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));
+    for (const r of this.onQueue)
+      this.target.on[r.method](...r.args);
+    for (const r of this.targetQueue)
+      r.resolve(await this.target[r.method](...r.args));
   }
 }
-function Or(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);
+function Un(e, t) {
+  const r = e, n = Ct(), o = On(), l = Dn && r.enableEarlyProxy;
+  if (o && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
+    o.emit(jn, e, t);
   else {
-    const s = l ? new Rr(n, o) : null;
-    (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
-      pluginDescriptor: n,
+    const s = l ? new Hn(r, o) : null;
+    (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: r,
       setupFn: t,
       proxy: s
     }), s && t(s.proxiedTarget);
   }
 }
-function Dr(e, t) {
-  const n = `▲ ■ ●${e}`;
-  typeof et == "function" ? et(n, t) : console.log(n);
+function Fn(e, t) {
+  const r = `▲ ■ ●${e}`;
+  typeof rt == "function" ? rt(r, t) : console.log(r);
 }
-function et(e, t) {
+function rt(e, t) {
   throw new Error(e + t);
 }
-const Mt = (e) => {
+const Et = (e) => {
   const t = {
     id: e.uuid,
     label: e.type,
@@ -1362,13 +1377,13 @@ const Mt = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const n = ke(e);
-  return n > 0 && t.tags.push({
-    label: `${pr(n)} KB`,
+  const r = Le(e);
+  return r > 0 && t.tags.push({
+    label: `${wn(r)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (Hn(e) && t.tags.push({
+  }), e.type.includes("Light") && (Gr(e) && t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
@@ -1390,56 +1405,56 @@ const Mt = (e) => {
     tooltip: "Position"
   })), t;
 };
-function Pt(e, t, n = "") {
-  e.children.forEach((r) => {
-    if (r.type === "HightlightMesh" || n && !r.type.includes(n) && !r.name.includes(n))
+function Tt(e, t, r = "") {
+  e.children.forEach((n) => {
+    if (n.type === "HightlightMesh" || r && !n.type.includes(r) && !n.name.includes(r))
       return;
-    const o = Mt(r);
-    t.children.push(o), Pt(r, o, n);
+    const o = Et(n);
+    t.children.push(o), Tt(n, o, r);
   });
 }
-const jr = [], X = "tres:inspector", Br = Se({
+const Wn = [], X = "tres:inspector", Nn = Se({
   sceneGraph: null
 });
-function Ir(e, t) {
-  Or(
+function zn(e, t) {
+  Un(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: jr,
+      componentStateTypes: Wn,
       app: e
     },
-    (n) => {
-      typeof n.now != "function" && Dr(
+    (r) => {
+      typeof r.now != "function" && Fn(
         "You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."
-      ), n.addInspector({
+      ), r.addInspector({
         id: X,
         label: "TresJS 🪐",
         icon: "account_tree",
         treeFilterPlaceholder: "Search instances"
       }), setInterval(() => {
-        n.sendInspectorTree(X);
+        r.sendInspectorTree(X);
       }, 1e3), setInterval(() => {
-        n.notifyComponentUpdate();
-      }, 5e3), n.on.getInspectorTree((l) => {
+        r.notifyComponentUpdate();
+      }, 5e3), r.on.getInspectorTree((l) => {
         if (l.inspectorId === X) {
-          const s = Mt(t.scene.value);
-          Pt(t.scene.value, s, l.filter), Br.sceneGraph = s, l.rootNodes = [s];
+          const s = Et(t.scene.value);
+          Tt(t.scene.value, s, l.filter), Nn.sceneGraph = s, l.rootNodes = [s];
         }
       });
-      let r = null, o = null;
-      n.on.getInspectorState((l) => {
+      let n = null, o = null;
+      r.on.getInspectorState((l) => {
         var s;
         if (l.inspectorId === X) {
           const [a] = t.scene.value.getObjectsByProperty("uuid", l.nodeId);
           if (!a)
             return;
-          if (o && r && r.parent && o.remove(r), a.isMesh) {
-            const c = Xn(a);
-            a.add(c), r = c, o = a;
+          if (o && n && n.parent && o.remove(n), a.isMesh) {
+            const c = on(a);
+            a.add(c), n = c, o = a;
           }
           l.state = {
             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")
@@ -1450,7 +1465,7 @@ function Ir(e, t) {
                 key: "Scene Info",
                 value: {
                   objects: a.children.length,
-                  memory: ke(a),
+                  memory: Le(a),
                   calls: t.renderer.value.info.render.calls,
                   triangles: t.renderer.value.info.render.triangles,
                   points: t.renderer.value.info.render.points,
@@ -1467,13 +1482,13 @@ function Ir(e, t) {
             ]
           });
         }
-      }), n.on.editInspectorState((l) => {
-        l.inspectorId === X && Qn(t.scene.value, l.nodeId, l.path, l.state.value);
+      }), r.on.editInspectorState((l) => {
+        l.inspectorId === X && nn(t.scene.value, l.nodeId, l.path, l.state.value);
       });
     }
   );
 }
-const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
+const Gn = ["data-scene", "data-tres"], Vn = /* @__PURE__ */ ue({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1518,135 +1533,135 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     "wheel",
     "ready"
   ],
-  setup(e, { expose: t, emit: n }) {
-    const r = e, o = n, l = xt(), s = I(), a = $(new st()), c = He();
-    Ee(ot);
-    const i = (p, _ = !1) => fe({
+  setup(e, { expose: t, emit: r }) {
+    const n = e, o = r, l = Rt(), s = $(), a = H(new at()), c = Ue();
+    Ee(it);
+    const i = (d, y = !1) => ue({
       setup() {
         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));
+        const p = (C = Ue()) == null ? void 0 : C.appContext;
+        p && (p.app = c == null ? void 0 : c.appContext.app);
+        const h = {};
+        function P(b) {
+          b && (b.parent && P(b.parent), b.provides && Object.assign(h, b.provides));
         }
-        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());
+        return c != null && c.parent && n.enableProvideBridge && (P(c.parent), Reflect.ownKeys(h).forEach((b) => {
+          ae(b, h[b]);
+        })), ae("useTres", d), ae("extend", Ee), typeof window < "u" && zn(p == null ? void 0 : p.app, d), () => Fe(Ht, null, y ? [] : l.default());
       }
-    }), 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
+    }), f = (d, y = !1) => {
+      const p = i(d, y), { render: h } = $t(Rn(d));
+      h(Fe(p), a.value);
+    }, v = (d, y = !1) => {
+      vt(d.scene.value), y && (d.renderer.value.dispose(), d.renderer.value.renderLists.dispose(), d.renderer.value.forceContextLoss()), a.value.__tres = {
+        root: d
       };
-    }, u = $(null);
-    t({ context: u, dispose: () => g(u.value, !0) });
-    const y = () => {
-      g(u.value), f(u.value, !0);
+    }, u = H(null);
+    t({ context: u, dispose: () => v(u.value, !0) });
+    const _ = () => {
+      v(u.value), f(u.value, !0);
     };
-    return kt(() => {
-      const p = s;
-      u.value = br({
+    return Ot(() => {
+      const d = s;
+      u.value = An({
         scene: a.value,
-        canvas: p,
-        windowSize: r.windowSize ?? !1,
-        rendererOptions: r,
+        canvas: d,
+        windowSize: n.windowSize ?? !1,
+        rendererOptions: n,
         emit: o
       });
-      const { registerCamera: _, camera: d, cameras: v, deregisterCamera: P } = u.value;
+      const { registerCamera: y, camera: p, cameras: h, deregisterCamera: P } = u.value;
       f(u.value);
       const C = () => {
-        const w = new be(
+        const b = new we(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        w.position.set(3, 3, 3), w.lookAt(0, 0, 0), _(w);
+        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), y(b);
         const E = Ae(() => {
-          v.value.length >= 2 && (w.removeFromParent(), P(w), E == null || E());
+          h.value.length >= 2 && (b.removeFromParent(), P(b), E == null || E());
         });
       };
-      ae(
-        () => r.camera,
-        (w, E) => {
-          w && _(w), E && (E.removeFromParent(), P(E));
+      ie(
+        () => n.camera,
+        (b, E) => {
+          b && y(b), E && (E.removeFromParent(), P(E));
         },
         {
           immediate: !0
         }
-      ), d.value || C();
-    }), K(y), (p, _) => (Rt(), Lt("canvas", {
+      ), p.value || C();
+    }), K(_), (d, y) => (jt(), Dt("canvas", {
       ref_key: "canvas",
       ref: s,
       "data-scene": a.value.uuid,
-      class: Dt(p.$attrs.class),
-      "data-tres": `tresjs ${W(Rn).version}`,
-      style: Ot({
+      class: It(d.$attrs.class),
+      "data-tres": `tresjs ${W(jr).version}`,
+      style: Bt({
         display: "block",
         width: "100%",
         height: "100%",
-        position: p.windowSize ? "fixed" : "relative",
+        position: d.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...p.$attrs.style
+        ...d.$attrs.style
       })
-    }, null, 14, $r));
+    }, null, 14, Gn));
   }
-}), Ur = [
+}), Yn = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], no = {
+], co = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Ur.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Yn.includes(e) || e === "primitive"
     }
   }
-}, { logWarning: Fr } = Q();
-let B = null;
-const ro = {
+}, { logWarning: qn } = Q();
+let I = null;
+const uo = {
   updated: (e, t) => {
     var o;
-    const n = Zn(t);
-    if (!n) {
-      Fr(`v-distance-to: problem with binding value: ${t.value}`);
+    const r = sn(t);
+    if (!r) {
+      qn(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
-    B && (B.dispose(), e.parent.remove(B));
-    const r = n.clone().sub(e.position);
-    r.normalize(), B = new Yt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(B), console.table(
+    I && (I.dispose(), e.parent.remove(I));
+    const n = r.clone().sub(e.position);
+    n.normalize(), I = new Qt(n, e.position, e.position.distanceTo(r), 16776960), e.parent.add(I), console.table(
       [
-        ["Distance:", e.position.distanceTo(n)],
+        ["Distance:", e.position.distanceTo(r)],
         [`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}`]
+        [`Destiny: ${e.name || e.type}`, `x:${r.x}, y:${r.y}, z:${r == null ? void 0 : r.z}`]
       ]
     );
   },
   unmounted: (e) => {
-    B == null || B.dispose(), e.parent && e.parent.remove(B);
+    I == null || I.dispose(), e.parent && e.parent.remove(I);
   }
 };
-class Ct extends qt {
-  constructor(t, n) {
-    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(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 })));
+class St extends Xt {
+  constructor(t, r) {
+    const n = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], o = new We();
+    o.setAttribute("position", new Ne(n, 3)), o.computeBoundingSphere();
+    const l = new Zt({ fog: !1 });
+    super(o, l), this.light = t, this.color = r, 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 We();
+    a.setAttribute("position", new Ne(s, 3)), a.computeBoundingSphere(), this.add(new er(a, new ct({ side: tr, 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 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);
+      const t = this.material.color, r = Math.max(t.r, t.g, t.b);
+      r > 1 && t.multiplyScalar(1 / r), 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);
   }
@@ -1654,33 +1669,33 @@ class Ct extends qt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: tt } = Q();
-let ie, F;
-const Wr = {
-  DirectionalLight: tn,
-  PointLight: en,
-  SpotLight: Zt,
-  HemisphereLight: Xt,
-  RectAreaLight: Ct
-}, oo = {
+const { logWarning: nt } = Q();
+let se, F;
+const Kn = {
+  DirectionalLight: sr,
+  PointLight: or,
+  SpotLight: nr,
+  HemisphereLight: rr,
+  RectAreaLight: St
+}, fo = {
   mounted: (e) => {
     if (!e.isLight) {
-      tt(`${e.type} is not a light`);
+      nt(`${e.type} is not a light`);
       return;
     }
-    ie = Wr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
+    se = Kn[e.type], e.parent.add(new se(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    F = e.parent.children.find((t) => t instanceof ie), !(F instanceof Ct) && F.update();
+    F = e.parent.children.find((t) => t instanceof se), !(F instanceof St) && F.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      tt(`${e.type} is not a light`);
+      nt(`${e.type} is not a light`);
       return;
     }
-    F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent && e.parent.remove(F);
+    F = e.parent.children.find((t) => t instanceof se), F && F.dispose && F.dispose(), e.parent && e.parent.remove(F);
   }
-}, so = {
+}, po = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1688,40 +1703,40 @@ const Wr = {
     }
     console.log("v-log", e);
   }
-}, io = {
+}, mo = {
   install(e) {
-    e.component("TresCanvas", Hr);
+    e.component("TresCanvas", Vn);
   }
 };
 export {
-  Hr as TresCanvas,
-  Yr as UseLoader,
-  qr as UseTexture,
+  Vn as TresCanvas,
+  eo as UseLoader,
+  to as UseTexture,
   Ce as catalogue,
-  dr as createRenderLoop,
-  io as default,
-  mt as dispose,
+  _n as createRenderLoop,
+  mo as default,
+  vt as dispose,
   Ee as extend,
-  Kr as isProd,
-  hr as normalizeColor,
-  Jr as normalizeVectorFlexibleParam,
-  Qr as onTresReady,
-  no as templateCompilerOptions,
-  On as traverseObjects,
-  ar as useCamera,
-  Dn as useLoader,
+  ro as isProd,
+  Mn as normalizeColor,
+  no as normalizeVectorFlexibleParam,
+  oo as onTresReady,
+  co as templateCompilerOptions,
+  Br as traverseObjects,
+  mn as useCamera,
+  Ir as useLoader,
   Q as useLogger,
-  Zr as useLoop,
-  yr as useRaycaster,
-  eo as useRenderLoop,
-  gr as useRenderer,
-  to as useSeek,
-  ir as useTexture,
-  Xr as useTres,
-  me as useTresContext,
-  br as useTresContextProvider,
-  _r as useTresEventManager,
-  ro as vDistanceTo,
-  oo as vLightHelper,
-  so as vLog
+  io as useLoop,
+  En as useRaycaster,
+  ao as useRenderLoop,
+  Pn as useRenderer,
+  lo as useSeek,
+  dn as useTexture,
+  so as useTres,
+  pe as useTresContext,
+  An as useTresContextProvider,
+  Tn as useTresEventManager,
+  uo as vDistanceTo,
+  fo as vLightHelper,
+  po as vLog
 };