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

package/dist/tres.js

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