@tresjs/core 3.7.0-next.0 → 3.8.0

package/dist/tres.js

@@ -1,192 +1,353 @@
 /**
  * name: @tresjs/core
- * version: v3.7.0-next.0
- * (c) 2023
+ * version: v3.8.0
+ * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as L, computed as D, watchEffect as k, onUnmounted as O, shallowRef as S, watch as ae, reactive as ge, readonly as ye, provide as G, inject as he, createRenderer as we, defineComponent as J, useSlots as Ee, getCurrentInstance as K, onMounted as _e, openBlock as Ce, createElementBlock as Me, normalizeClass as Pe, normalizeStyle as Ae, h as X, Fragment as be } from "vue";
-import * as De from "three";
-import { PerspectiveCamera as W, OrthographicCamera as ke, Camera as Te, Clock as Se, Vector3 as xe, Color as F, REVISION as Le, SRGBColorSpace as Oe, ACESFilmicToneMapping as Be, PCFSoftShadowMap as Re, WebGLRenderer as N, LoadingManager as je, TextureLoader as He, Vector2 as Fe, Raycaster as ze, BufferAttribute as $e, Scene as Ie } from "three";
-import { createEventHook as x, useRafFn as ne, toValue as C, unrefElement as Ne, useDevicePixelRatio as Ve, usePointer as Ge, useElementBounding as We, useWindowSize as qe, useElementSize as Ue, useFps as Ye, useMemory as Je } from "@vueuse/core";
-const Ke = ({ sizes: e, scene: n }) => {
-  const t = L([]), r = D(
+var De = Object.defineProperty;
+var Be = (e, r, t) => r in e ? De(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var J = (e, r, t) => (Be(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { ref as R, computed as T, watchEffect as D, onUnmounted as G, shallowRef as j, watch as ge, reactive as ve, readonly as q, provide as K, inject as je, createRenderer as He, defineComponent as ne, useSlots as Re, getCurrentInstance as se, onMounted as Ie, openBlock as $e, createElementBlock as Ne, normalizeClass as Ve, unref as ze, normalizeStyle as We, h as ie, Fragment as Ue } from "vue";
+import * as he from "three";
+import { PerspectiveCamera as X, OrthographicCamera as Fe, Camera as Ge, Clock as Je, Vector3 as ye, Color as W, MeshBasicMaterial as we, DoubleSide as Qe, REVISION as Ye, SRGBColorSpace as qe, ACESFilmicToneMapping as Ke, PCFSoftShadowMap as Xe, WebGLRenderer as Q, TextureLoader as Ze, Vector2 as et, Raycaster as tt, BufferAttribute as rt, Scene as ot, Line as nt, BufferGeometry as ae, Float32BufferAttribute as le, LineBasicMaterial as st, Mesh as it, BackSide as at, DirectionalLightHelper as lt, PointLightHelper as ut, SpotLightHelper as ct, HemisphereLightHelper as dt, ArrowHelper as ft } from "three";
+import { createEventHook as H, useRafFn as be, toValue as _, unrefElement as pt, useDevicePixelRatio as mt, usePointer as gt, useElementBounding as vt, useWindowSize as ht, useElementSize as yt, refDebounced as ue, useFps as wt, useMemory as bt } from "@vueuse/core";
+const _t = "@tresjs/core", Et = "module", Ct = "3.8.0", Mt = "pnpm@8.15.6", xt = "Declarative ThreeJS using Vue Components", St = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Pt = "MIT", kt = [
+  "vue",
+  "3d",
+  "threejs",
+  "three",
+  "threejs-vue"
+], Tt = !1, At = {
+  ".": {
+    types: "./dist/index.d.ts",
+    require: "./dist/tres.umd.cjs",
+    import: "./dist/tres.js"
+  },
+  "./components": {
+    types: "./dist/components/index.d.ts"
+  },
+  "./composables": {
+    types: "./dist/composables/index.d.ts"
+  },
+  "./types": {
+    types: "./dist/types/index.d.ts"
+  },
+  "./utils": {
+    types: "./dist/utils/index.d.ts"
+  },
+  "./*": "./*"
+}, Lt = "./dist/tres.js", Ot = "./dist/tres.js", Dt = "./dist/index.d.ts", Bt = [
+  "dist",
+  "*.d.ts"
+], jt = {
+  access: "public"
+}, Ht = {
+  dev: "cd playground && npm run dev",
+  build: "vite build",
+  playground: "cd playground && npm run dev",
+  test: "vitest",
+  "test:ci": "vitest run",
+  "test:ui": "vitest --ui",
+  release: "release-it",
+  coverage: "vitest run --coverage",
+  lint: "eslint . --ext .js,.jsx,.ts,.tsx,.vue",
+  "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"
+}, Rt = {
+  three: ">=0.133",
+  vue: ">=3.3"
+}, It = {
+  "@alvarosabu/utils": "^3.1.1",
+  "@vue/devtools-api": "^6.6.1",
+  "@vueuse/core": "^10.7.0"
+}, $t = {
+  "@release-it/conventional-changelog": "^8.0.1",
+  "@stackblitz/sdk": "^1.9.0",
+  "@tresjs/cientos": "3.8.0",
+  "@tresjs/eslint-config-vue": "^0.2.1",
+  "@types/three": "^0.163.0",
+  "@typescript-eslint/eslint-plugin": "^7.5.0",
+  "@typescript-eslint/parser": "^7.5.0",
+  "@vitejs/plugin-vue": "^5.0.4",
+  "@vitest/coverage-c8": "^0.33.0",
+  "@vitest/ui": "^1.0.4",
+  "@vue/test-utils": "^2.4.3",
+  eslint: "^8.55.0",
+  "eslint-plugin-vue": "^9.19.2",
+  esno: "^4.0.0",
+  gsap: "^3.12.3",
+  jsdom: "^24.0.0",
+  kolorist: "^1.8.0",
+  ohmyfetch: "^0.4.21",
+  pathe: "^1.1.1",
+  "release-it": "^17.0.1",
+  "rollup-plugin-analyzer": "^4.0.0",
+  "rollup-plugin-copy": "^3.5.0",
+  "rollup-plugin-visualizer": "^5.11.0",
+  three: "^0.163.0",
+  unocss: "^0.58.0",
+  unplugin: "^1.10.1",
+  "unplugin-vue-components": "^0.26.0",
+  vite: "^5.2.7",
+  "vite-plugin-banner": "^0.7.1",
+  "vite-plugin-dts": "3.8.1",
+  "vite-plugin-inspect": "^0.8.1",
+  "vite-plugin-require-transform": "^1.0.21",
+  "vite-svg-loader": "^5.1.0",
+  vitepress: "1.0.2",
+  vitest: "^1.0.4",
+  vue: "^3.3.11",
+  "vue-demi": "^0.14.6"
+}, Nt = {
+  name: _t,
+  type: Et,
+  version: Ct,
+  packageManager: Mt,
+  description: xt,
+  author: St,
+  license: Pt,
+  keywords: kt,
+  sideEffects: Tt,
+  exports: At,
+  main: Lt,
+  module: Ot,
+  types: Dt,
+  files: Bt,
+  publishConfig: jt,
+  scripts: Ht,
+  peerDependencies: Rt,
+  dependencies: It,
+  devDependencies: $t
+}, Vt = ({ sizes: e, scene: r }) => {
+  const t = R([]), o = T(
     () => t.value[0]
-  ), a = (l, c = !1) => {
-    t.value.some(({ uuid: m }) => m === l.uuid) || (c ? u(l) : t.value.push(l));
-  }, o = (l) => {
-    t.value = t.value.filter(({ uuid: c }) => c !== l.uuid);
-  }, u = (l) => {
-    const c = l instanceof Te ? l : t.value.find((h) => h.uuid === l);
-    if (!c)
+  ), s = (a, l = !1) => {
+    t.value.some(({ uuid: c }) => c === a.uuid) || (l ? n(a) : t.value.push(a));
+  }, i = (a) => {
+    t.value = t.value.filter(({ uuid: l }) => l !== a.uuid);
+  }, n = (a) => {
+    const l = a instanceof Ge ? a : t.value.find((m) => m.uuid === a);
+    if (!l)
       return;
-    const m = t.value.filter(({ uuid: h }) => h !== c.uuid);
-    t.value = [c, ...m];
+    const c = t.value.filter(({ uuid: m }) => m !== l.uuid);
+    t.value = [l, ...c];
   };
-  return k(() => {
-    e.aspectRatio.value && t.value.forEach((l) => {
-      l instanceof W && (l.aspect = e.aspectRatio.value), (l instanceof W || l instanceof ke) && l.updateProjectionMatrix();
+  return D(() => {
+    e.aspectRatio.value && t.value.forEach((a) => {
+      a instanceof X && (a.aspect = e.aspectRatio.value), (a instanceof X || a instanceof Fe) && a.updateProjectionMatrix();
     });
-  }), n.userData.tres__registerCamera = a, n.userData.tres__deregisterCamera = o, O(() => {
+  }), r.userData.tres__registerCamera = s, r.userData.tres__deregisterCamera = i, G(() => {
     t.value = [];
   }), {
-    camera: r,
+    camera: o,
     cameras: t,
-    registerCamera: a,
-    deregisterCamera: o,
-    setCameraActive: u
+    registerCamera: s,
+    deregisterCamera: i,
+    setCameraActive: n
   };
-}, oe = x(), se = x(), U = x(), T = new Se();
-let z = 0, $ = 0;
-const { pause: Xe, resume: Qe, isActive: Ze } = ne(
+}, _e = H(), Ee = H(), te = H(), B = new Je();
+let U = 0, F = 0;
+const { pause: zt, resume: Wt, isActive: Ut } = be(
   () => {
-    oe.trigger({ delta: z, elapsed: $, clock: T }), se.trigger({ delta: z, elapsed: $, clock: T }), U.trigger({ delta: z, elapsed: $, clock: T });
+    _e.trigger({ delta: U, elapsed: F, clock: B }), Ee.trigger({ delta: U, elapsed: F, clock: B }), te.trigger({ delta: U, elapsed: F, clock: B });
   },
   { immediate: !1 }
 );
-U.on(() => {
-  z = T.getDelta(), $ = T.getElapsedTime();
+te.on(() => {
+  U = B.getDelta(), F = B.getElapsedTime();
 });
-const ie = () => ({
-  onBeforeLoop: oe.on,
-  onLoop: se.on,
-  onAfterLoop: U.on,
-  pause: Xe,
-  resume: Qe,
-  isActive: Ze
-}), bt = !0, Q = "[TresJS ▲ ■ ●] ";
-function B() {
-  function e(r, a) {
-    console.error(`${Q} ${r}`, a || "");
+const re = () => ({
+  onBeforeLoop: _e.on,
+  onLoop: Ee.on,
+  onAfterLoop: te.on,
+  pause: zt,
+  resume: Wt,
+  isActive: Ut
+}), Rr = !0, $ = "[TresJS ▲ ■ ●] ";
+function A() {
+  function e(...o) {
+    typeof o[0] == "string" ? o[0] = $ + o[0] : o.unshift($), console.error(...o);
   }
-  function n(r) {
-    console.warn(`${Q} ${r}`);
+  function r(...o) {
+    typeof o[0] == "string" ? o[0] = $ + o[0] : o.unshift($), console.warn(...o);
   }
-  function t(r, a) {
+  function t(o, s) {
   }
   return {
     logError: e,
-    logWarning: n,
+    logWarning: r,
     logMessage: t
   };
 }
-function Dt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
+function Ir(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof ye ? [e.x, e.y, e.z] : e;
+}
+function Ft(e) {
+  return e instanceof W ? e : Array.isArray(e) ? new W(...e) : new W(e);
 }
-function et(e) {
-  return e instanceof F ? e : Array.isArray(e) ? new F(...e) : new F(e);
+class Gt extends he.Mesh {
+  constructor(...t) {
+    super(...t);
+    J(this, "type", "HightlightMesh");
+    J(this, "createTime");
+    this.createTime = Date.now();
+  }
+  onBeforeRender() {
+    const o = (Date.now() - this.createTime) / 1e3, n = 1 + 0.07 * Math.sin(2.5 * o);
+    this.scale.set(n, n, n);
+  }
 }
-const le = (e, n) => {
-  for (const t of Object.keys(n))
-    n[t] instanceof Object && Object.assign(n[t], le(e[t], n[t]));
-  return Object.assign(e || {}, n), e;
-}, tt = "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", rt = /* @__PURE__ */ at(tt);
-function Z(e) {
+const Ce = (e, r) => {
+  for (const t of Object.keys(r))
+    r[t] instanceof Object && Object.assign(r[t], Ce(e[t], r[t]));
+  return Object.assign(e || {}, r), e;
+}, Jt = "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", Qt = /* @__PURE__ */ Yt(Jt);
+function ce(e) {
   return e && e.nodeType === 1;
 }
-function j(e) {
-  return e.replace(/-([a-z])/g, (n, t) => t.toUpperCase());
+function N(e) {
+  return e.replace(/-([a-z])/g, (r, t) => t.toUpperCase());
 }
-function at(e, n) {
-  const t = /* @__PURE__ */ Object.create(null), r = e.split(",");
-  for (let a = 0; a < r.length; a++)
-    t[r[a]] = !0;
-  return n ? (a) => !!t[a.toLowerCase()] : (a) => !!t[a];
+function Yt(e, r) {
+  const t = /* @__PURE__ */ Object.create(null), o = e.split(",");
+  for (let s = 0; s < o.length; s++)
+    t[o[s]] = !0;
+  return r ? (s) => !!t[s.toLowerCase()] : (s) => !!t[s];
 }
-const nt = (e, n) => {
-  const t = /* @__PURE__ */ new Set(), r = [];
-  for (const a of e) {
-    const o = n(a);
-    t.has(o) || (t.add(o), r.push(a));
+const qt = (e, r) => {
+  const t = /* @__PURE__ */ new Set(), o = [];
+  for (const s of e) {
+    const i = r(s);
+    t.has(i) || (t.add(i), o.push(s));
   }
-  return r;
-}, ee = (e, n) => {
-  if (!n)
+  return o;
+}, de = (e, r) => {
+  if (!r)
     return;
-  const t = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
-  return t == null ? void 0 : t.reduce((r, a) => r && r[a], e);
-}, ot = (e, n, t) => {
-  const r = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
-  r && r.reduce((a, o, u) => (a[o] === void 0 && (a[o] = {}), u === r.length - 1 && (a[o] = t), a[o]), e);
+  const t = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+  return t == null ? void 0 : t.reduce((o, s) => o && o[s], e);
+}, Kt = (e, r, t) => {
+  const o = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+  o && o.reduce((s, i, n) => (s[i] === void 0 && (s[i] = {}), n === o.length - 1 && (s[i] = t), s[i]), e);
 };
-function ue(e, n) {
-  if (Z(e) && Z(n)) {
-    const a = e.attributes, o = n.attributes;
-    return a.length !== o.length ? !1 : Array.from(a).every(({ name: u, value: l }) => n.getAttribute(u) === l);
+function Me(e, r) {
+  if (ce(e) && ce(r)) {
+    const s = e.attributes, i = r.attributes;
+    return s.length !== i.length ? !1 : Array.from(s).every(({ name: n, value: a }) => r.getAttribute(n) === a);
   }
-  if (e === n)
+  if (e === r)
     return !0;
-  if (e === null || typeof e != "object" || n === null || typeof n != "object")
+  if (e === null || typeof e != "object" || r === null || typeof r != "object")
     return !1;
-  const t = Object.keys(e), r = Object.keys(n);
-  if (t.length !== r.length)
+  const t = Object.keys(e), o = Object.keys(r);
+  if (t.length !== o.length)
     return !1;
-  for (const a of t)
-    if (!r.includes(a) || !ue(e[a], n[a]))
+  for (const s of t)
+    if (!o.includes(s) || !Me(e[s], r[s]))
       return !1;
   return !0;
 }
-function st(e, n) {
-  if (!Array.isArray(e) || !Array.isArray(n) || e.length !== n.length)
+function Xt(e, r) {
+  if (!Array.isArray(e) || !Array.isArray(r) || e.length !== r.length)
     return !1;
   for (let t = 0; t < e.length; t++)
-    if (!ue(e[t], n[t]))
+    if (!Me(e[t], r[t]))
       return !1;
   return !0;
 }
-const it = Array.isArray;
-function ce(e) {
-  var n, t;
-  e.children && e.children.forEach((r) => ce(r));
-  for (const r in e)
-    (t = (n = e[r]) == null ? void 0 : n.dispose) == null || t.call(n), delete e[r];
-  e.dispose && e.type !== "Scene" && e.dispose();
+const Zt = Array.isArray;
+function er(e, r, t, o) {
+  const s = (l) => {
+    if (l.uuid === r)
+      return l;
+    for (const c of l.children) {
+      const m = s(c);
+      if (m)
+        return m;
+    }
+  }, i = s(e);
+  if (!i) {
+    console.warn("Object with UUID not found in the scene.");
+    return;
+  }
+  let n = i;
+  for (let l = 0; l < t.length - 1; l++)
+    if (n[t[l]] !== void 0)
+      n = n[t[l]];
+    else {
+      console.warn(`Property path is not valid: ${t.join(".")}`);
+      return;
+    }
+  const a = t[t.length - 1];
+  n[a] !== void 0 ? n[a] = o : console.warn(`Property path is not valid: ${t.join(".")}`);
+}
+function tr(e) {
+  const r = new we({
+    color: 11003607,
+    // Highlight color, e.g., yellow
+    transparent: !0,
+    opacity: 0.2,
+    depthTest: !1,
+    // So the highlight is always visible
+    side: Qe
+    // To e
+  });
+  return new Gt(e.geometry.clone(), r);
+}
+function xe(e) {
+  var t;
+  let r = e.value;
+  return e.value && ((t = e.value) != null && t.isMesh) && (r = e.value.position), Array.isArray(e.value) && (r = new ye(...r)), r;
 }
-const lt = Number.parseInt(Le.replace("dev", "")), H = {
+const rr = Number.parseInt(Ye.replace("dev", "")), V = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: Oe,
-    toneMapping: Be,
+    outputColorSpace: qe,
+    toneMapping: Ke,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Re
+      type: Xe
     }
   }
 };
-function ut({
+function or({
   scene: e,
-  canvas: n,
+  canvas: r,
   options: t,
-  disableRender: r,
-  contextParts: { sizes: a, camera: o }
+  disableRender: o,
+  contextParts: { sizes: s, camera: i }
 }) {
-  const u = D(() => ({
-    alpha: C(t.alpha),
-    depth: C(t.depth),
-    canvas: Ne(n),
-    context: C(t.context),
-    stencil: C(t.stencil),
-    antialias: C(t.antialias) === void 0 ? !0 : C(t.antialias),
-    precision: C(t.precision),
-    powerPreference: C(t.powerPreference),
-    premultipliedAlpha: C(t.premultipliedAlpha),
-    preserveDrawingBuffer: C(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: C(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: C(t.failIfMajorPerformanceCaveat)
-  })), l = S(new N(u.value));
-  ae(u, () => {
-    l.value.dispose(), l.value = new N(u.value);
-  }), k(() => {
-    l.value.setSize(a.width.value, a.height.value);
+  const n = T(() => ({
+    alpha: _(t.alpha),
+    depth: _(t.depth),
+    canvas: pt(r),
+    context: _(t.context),
+    stencil: _(t.stencil),
+    antialias: _(t.antialias) === void 0 ? !0 : _(t.antialias),
+    precision: _(t.precision),
+    powerPreference: _(t.powerPreference),
+    premultipliedAlpha: _(t.premultipliedAlpha),
+    preserveDrawingBuffer: _(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: _(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: _(t.failIfMajorPerformanceCaveat)
+  })), a = j(new Q(n.value));
+  ge(n, () => {
+    a.value.dispose(), a.value = new Q(n.value);
+  }), D(() => {
+    a.value.setSize(s.width.value, s.height.value);
   });
-  const { pixelRatio: c } = Ve();
-  k(() => {
-    l.value.setPixelRatio(c.value);
+  const { pixelRatio: l } = mt();
+  D(() => {
+    a.value.setPixelRatio(l.value);
   });
-  const { logError: m } = B(), i = (() => {
-    const p = new N(), w = {
+  const { logError: c } = A(), d = (() => {
+    const p = new Q(), y = {
       shadowMap: {
         enabled: p.shadowMap.enabled,
         type: p.shadowMap.type
@@ -195,247 +356,252 @@ function ut({
       toneMappingExposure: p.toneMappingExposure,
       outputColorSpace: p.outputColorSpace
     };
-    return p.dispose(), w;
+    return p.dispose(), y;
   })();
-  k(() => {
-    const p = C(t.preset);
-    p && (p in H || m(`Renderer Preset must be one of these: ${Object.keys(H).join(", ")}`), le(l.value, H[p]));
-    const w = (P, A) => {
-      const E = C(P), b = () => {
+  D(() => {
+    const p = _(t.preset);
+    p && (p in V || c(`Renderer Preset must be one of these: ${Object.keys(V).join(", ")}`), Ce(a.value, V[p]));
+    const y = (C, M) => {
+      const w = _(C), S = () => {
         if (p)
-          return ee(H[p], A);
+          return de(V[p], M);
       };
-      if (E !== void 0)
-        return E;
-      const g = b();
-      return g !== void 0 ? g : ee(i, A);
-    }, v = (P, A) => ot(l.value, A, w(P, A));
-    v(t.shadows, "shadowMap.enabled"), v(t.toneMapping, "toneMapping"), v(t.shadowMapType, "shadowMap.type"), lt < 150 && v(!t.useLegacyLights, "physicallyCorrectLights"), v(t.outputColorSpace, "outputColorSpace"), v(t.toneMappingExposure, "toneMappingExposure");
-    const M = w(t.clearColor, "clearColor");
-    M && l.value.setClearColor(
-      M ? et(M) : new F(0)
+      if (w !== void 0)
+        return w;
+      const v = S();
+      return v !== void 0 ? v : de(d, M);
+    }, b = (C, M) => Kt(a.value, M, y(C, M));
+    b(t.shadows, "shadowMap.enabled"), b(t.toneMapping, "toneMapping"), b(t.shadowMapType, "shadowMap.type"), rr < 150 && b(!t.useLegacyLights, "physicallyCorrectLights"), b(t.outputColorSpace, "outputColorSpace"), b(t.toneMappingExposure, "toneMappingExposure");
+    const x = y(t.clearColor, "clearColor");
+    x && a.value.setClearColor(
+      x ? Ft(x) : new W(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: s, resume: f, onLoop: d } = ie();
-  return d(() => {
-    o.value && !C(r) && l.value.render(e, o.value);
-  }), f(), O(() => {
-    s(), l.value.dispose(), l.value.forceContextLoss();
+  const { pause: u, resume: f, onLoop: h } = re();
+  return h(() => {
+    i.value && !_(o) && a.value.render(e, i.value);
+  }), f(), G(() => {
+    u(), a.value.dispose(), a.value.forceContextLoss();
   }), {
-    renderer: l
+    renderer: a
   };
 }
-const te = (e) => typeof e == "function", ct = (e) => !!e && e.constructor === Array;
-function ft(e) {
-  const n = { nodes: {}, materials: {} };
+const fe = (e) => typeof e == "function", nr = (e) => !!e && e.constructor === Array;
+function sr(e) {
+  const r = { nodes: {}, materials: {} };
   return e && e.traverse((t) => {
-    t.name && (n.nodes[t.name] = t), t.material && !n.materials[t.material.name] && (n.materials[t.material.name] = t.material);
-  }), n;
-}
-async function kt(e, n, t, r, a) {
-  const { logError: o } = B(), u = new e();
-  a && a(u), t && t(u);
-  const c = (Array.isArray(n) ? n : [n]).map(
-    (m) => new Promise((h, i) => {
-      u.load(
-        m,
-        (s) => {
-          s.scene && Object.assign(s, ft(s.scene)), h(s);
+    t.name && (r.nodes[t.name] = t), t.material && !r.materials[t.material.name] && (r.materials[t.material.name] = t.material);
+  }), r;
+}
+async function $r(e, r, t, o, s) {
+  const { logError: i } = A(), n = new e();
+  s && s(n), t && t(n);
+  const l = (Array.isArray(r) ? r : [r]).map(
+    (c) => new Promise((m, d) => {
+      n.load(
+        c,
+        (u) => {
+          u.scene && Object.assign(u, sr(u.scene)), m(u);
         },
-        r,
-        (s) => i(o("[useLoader] - Failed to load resource", s))
+        o,
+        (u) => d(i("[useLoader] - Failed to load resource", u))
       );
     })
   );
-  return ct(n) ? await Promise.all(c) : await c[0];
+  return nr(r) ? await Promise.all(l) : await l[0];
 }
-async function Tt(e) {
-  const n = new je(), t = new He(n), r = (a) => new Promise((o, u) => {
+async function Nr(e, r) {
+  const t = new Ze(r), o = (s) => new Promise((i, n) => {
     t.load(
-      a,
-      (l) => o(l),
+      s,
+      (a) => i(a),
       () => null,
       () => {
-        u(new Error("[useTextures] - Failed to load texture"));
+        n(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (it(e)) {
-    const a = await Promise.all(e.map((o) => r(o)));
-    return e.length > 1 ? a : a[0];
+  if (Zt(e)) {
+    const s = await Promise.all(e.map((i) => o(i)));
+    return e.length > 1 ? s : s[0];
   } else {
     const {
-      map: a,
-      displacementMap: o,
-      normalMap: u,
-      roughnessMap: l,
-      metalnessMap: c,
-      aoMap: m,
-      alphaMap: h,
-      matcap: i
+      map: s,
+      displacementMap: i,
+      normalMap: n,
+      roughnessMap: a,
+      metalnessMap: l,
+      aoMap: c,
+      alphaMap: m,
+      matcap: d
     } = e;
     return {
-      map: a ? await r(a) : null,
-      displacementMap: o ? await r(o) : null,
-      normalMap: u ? await r(u) : null,
-      roughnessMap: l ? await r(l) : null,
-      metalnessMap: c ? await r(c) : null,
-      aoMap: m ? await r(m) : null,
-      alphaMap: h ? await r(h) : null,
-      matcap: i ? await r(i) : null
+      map: s ? await o(s) : null,
+      displacementMap: i ? await o(i) : null,
+      normalMap: n ? await o(n) : null,
+      roughnessMap: a ? await o(a) : null,
+      metalnessMap: l ? await o(l) : null,
+      aoMap: c ? await o(c) : null,
+      alphaMap: m ? await o(m) : null,
+      matcap: d ? await o(d) : null
     };
   }
 }
-const mt = (e, { renderer: n, camera: t, raycaster: r }) => {
-  const a = D(() => n.value.domElement), { x: o, y: u } = Ge({ target: a }), { width: l, height: c, top: m, left: h } = We(a), i = ({ x: g, y: _ }) => {
-    if (a.value)
+const ir = (e, { renderer: r, camera: t, raycaster: o }) => {
+  const s = T(() => r.value.domElement), { x: i, y: n } = gt({ target: s }), { width: a, height: l, top: c, left: m } = vt(s), d = ({ x: v, y: E }) => {
+    if (s.value)
       return {
-        x: (g - h.value) / l.value * 2 - 1,
-        y: -((_ - m.value) / c.value) * 2 + 1
+        x: (v - m.value) / a.value * 2 - 1,
+        y: -((E - c.value) / l.value) * 2 + 1
       };
-  }, s = ({ x: g, y: _ }) => {
+  }, u = ({ x: v, y: E }) => {
     if (t.value)
-      return r.value.setFromCamera(new Fe(g, _), t.value), r.value.intersectObjects(e.value, !1);
-  }, f = (g) => {
-    const _ = i({
-      x: (g == null ? void 0 : g.clientX) ?? o.value,
-      y: (g == null ? void 0 : g.clientY) ?? u.value
+      return o.value.setFromCamera(new et(v, E), t.value), o.value.intersectObjects(e.value, !1);
+  }, f = (v) => {
+    const E = d({
+      x: (v == null ? void 0 : v.clientX) ?? i.value,
+      y: (v == null ? void 0 : v.clientY) ?? n.value
     });
-    return _ ? s(_) || [] : [];
-  }, d = D(() => f()), p = x(), w = x(), v = (g, _) => {
-    g.trigger({ event: _, intersects: f(_) });
-  }, M = (g) => {
-    v(w, g);
+    return E ? u(E) || [] : [];
+  }, h = T(() => f()), p = H(), y = H(), b = (v, E) => {
+    v.trigger({ event: E, intersects: f(E) });
+  }, x = (v) => {
+    b(y, v);
   };
-  let P;
-  const A = (g) => {
-    var _;
-    P = (_ = f(g)[0]) == null ? void 0 : _.object;
-  }, E = (g) => {
-    var _;
-    g instanceof PointerEvent && P === ((_ = f(g)[0]) == null ? void 0 : _.object) && v(p, g);
-  }, b = (g) => w.trigger({ event: g, intersects: [] });
-  return a.value.addEventListener("pointerup", E), a.value.addEventListener("pointerdown", A), a.value.addEventListener("pointermove", M), a.value.addEventListener("pointerleave", b), O(() => {
-    a != null && a.value && (a.value.removeEventListener("pointerup", E), a.value.removeEventListener("pointerdown", A), a.value.removeEventListener("pointermove", M), a.value.removeEventListener("pointerleave", b));
+  let C;
+  const M = (v) => {
+    var E;
+    C = (E = f(v)[0]) == null ? void 0 : E.object;
+  }, w = (v) => {
+    var E;
+    v instanceof PointerEvent && C === ((E = f(v)[0]) == null ? void 0 : E.object) && b(p, v);
+  }, S = (v) => y.trigger({ event: v, intersects: [] });
+  return s.value.addEventListener("pointerup", w), s.value.addEventListener("pointerdown", M), s.value.addEventListener("pointermove", x), s.value.addEventListener("pointerleave", S), G(() => {
+    s != null && s.value && (s.value.removeEventListener("pointerup", w), s.value.removeEventListener("pointerdown", M), s.value.removeEventListener("pointermove", x), s.value.removeEventListener("pointerleave", S));
   }), {
-    intersects: d,
-    onClick: (g) => p.on(g).off,
-    onPointerMove: (g) => w.on(g).off
+    intersects: h,
+    onClick: (v) => p.on(v).off,
+    onPointerMove: (v) => y.on(v).off
   };
 };
-function St() {
-  const { logWarning: e } = B();
-  function n(o, u, l) {
-    let c = null;
-    return o.traverse((m) => {
-      m[u] === l && (c = m);
-    }), c || e(`Child with ${u} '${l}' not found.`), c;
+function Vr() {
+  const { logWarning: e } = A();
+  function r(i, n, a) {
+    let l = null;
+    return i.traverse((c) => {
+      c[n] === a && (l = c);
+    }), l || e(`Child with ${n} '${a}' not found.`), l;
   }
-  function t(o, u, l) {
-    const c = [];
-    return o.traverse((m) => {
-      m[u].includes(l) && c.push(m);
-    }), c.length || e(`Children with ${u} '${l}' not found.`), c;
+  function t(i, n, a) {
+    const l = [];
+    return i.traverse((c) => {
+      c[n].includes(a) && l.push(c);
+    }), l.length || e(`Children with ${n} '${a}' not found.`), l;
   }
-  function r(o, u) {
-    return n(o, "name", u);
+  function o(i, n) {
+    return r(i, "name", n);
   }
-  function a(o, u) {
-    return t(o, "name", u);
+  function s(i, n) {
+    return t(i, "name", n);
   }
   return {
-    seek: n,
-    seekByName: r,
+    seek: r,
+    seekByName: o,
     seekAll: t,
-    seekAllByName: a
+    seekAllByName: s
   };
 }
-const pt = ({ scene: e, contextParts: n }) => {
-  const t = ge({
+const ar = ({ scene: e, contextParts: r }) => {
+  const t = ve({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), r = L(/* @__PURE__ */ new Set()), a = (s) => {
-    r.value.add(s);
-  }, o = (s) => {
-    r.value.delete(s);
-  }, u = (s) => {
-    Object.values(t).forEach((f) => f.delete(s)), o(s);
-  }, l = (s) => {
-    const { onClick: f, onPointerMove: d, onPointerEnter: p, onPointerLeave: w } = s;
-    f && t.click.set(s, f), d && t.pointerMove.set(s, d), p && t.pointerEnter.set(s, p), w && t.pointerLeave.set(s, w);
+  }), o = R(/* @__PURE__ */ new Set()), s = (u) => {
+    o.value.add(u);
+  }, i = (u) => {
+    o.value.delete(u);
+  }, n = (u) => {
+    Object.values(t).forEach((f) => f.delete(u)), i(u);
+  }, a = (u) => {
+    const { onClick: f, onPointerMove: h, onPointerEnter: p, onPointerLeave: y } = u;
+    f && t.click.set(u, f), h && t.pointerMove.set(u, h), p && t.pointerEnter.set(u, p), y && t.pointerLeave.set(u, y);
   };
-  e.userData.tres__registerAtPointerEventHandler = l, e.userData.tres__deregisterAtPointerEventHandler = u, e.userData.tres__registerBlockingObjectAtPointerEventHandler = a, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
-  const c = D(
-    () => nt(
+  e.userData.tres__registerAtPointerEventHandler = a, e.userData.tres__deregisterAtPointerEventHandler = n, e.userData.tres__registerBlockingObjectAtPointerEventHandler = s, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = i;
+  const l = T(
+    () => qt(
       [
-        ...Array.from(r.value),
-        ...Object.values(t).map((s) => Array.from(s.keys())).flat()
+        ...Array.from(o.value),
+        ...Object.values(t).map((u) => Array.from(u.keys())).flat()
       ],
-      ({ uuid: s }) => s
+      ({ uuid: u }) => u
     )
-  ), { onClick: m, onPointerMove: h } = mt(c, n);
-  m(({ intersects: s, event: f }) => {
-    var d;
-    s.length && ((d = t.click.get(s[0].object)) == null || d(s[0], f));
+  ), { onClick: c, onPointerMove: m } = ir(l, r);
+  c(({ intersects: u, event: f }) => {
+    var h;
+    u.length && ((h = t.click.get(u[0].object)) == null || h(u[0], f));
   });
-  let i;
-  return h(({ intersects: s, event: f }) => {
-    var M, P, A, E;
-    const d = (M = s == null ? void 0 : s[0]) == null ? void 0 : M.object, { pointerLeave: p, pointerEnter: w, pointerMove: v } = t;
-    i && i !== d && ((P = p.get(i)) == null || P(i, f)), d && (i !== d && ((A = w.get(d)) == null || A(s[0], f)), (E = v.get(d)) == null || E(s[0], f)), i = d || null;
+  let d;
+  return m(({ intersects: u, event: f }) => {
+    var x, C, M, w;
+    const h = (x = u == null ? void 0 : u[0]) == null ? void 0 : x.object, { pointerLeave: p, pointerEnter: y, pointerMove: b } = t;
+    d && d !== h && ((C = p.get(d)) == null || C(d, f)), h && (d !== h && ((M = y.get(h)) == null || M(u[0], f)), (w = b.get(h)) == null || w(u[0], f)), d = h || null;
   }), {
-    registerObject: l,
-    deregisterObject: u
+    registerObject: a,
+    deregisterObject: n
   };
 };
-function dt(e) {
-  let n = 0;
+function Se(e) {
+  let r = 0;
   return e.traverse((t) => {
     if (t.isMesh && t.geometry) {
-      const r = t.geometry, a = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, o = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, u = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, l = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = a + o + u + l;
-      n += c;
+      const o = t.geometry, s = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, i = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, n = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, l = s + i + n + a;
+      r += l;
     }
-  }), n;
+  }), r;
+}
+function lr(e) {
+  return (e / 1024).toFixed(2);
+}
+const Z = R({}), oe = (e) => Object.assign(Z.value, e);
+function ur(e, r, t = 10) {
+  const o = _(e) ? ht() : yt(T(() => _(r).parentElement)), s = q(ue(o.width, t)), i = q(ue(o.height, t)), n = T(() => s.value / i.value);
+  return {
+    height: i,
+    width: s,
+    aspectRatio: n
+  };
 }
-const q = L({}), Y = (e) => Object.assign(q.value, e);
-function vt({
+function cr({
   scene: e,
-  canvas: n,
+  canvas: r,
   windowSize: t,
-  disableRender: r,
-  rendererOptions: a
+  disableRender: o,
+  rendererOptions: s
 }) {
-  const o = D(
-    () => C(t) ? qe() : Ue(C(n).parentElement)
-  ), u = D(() => o.value.width.value), l = D(() => o.value.height.value), c = D(() => u.value / l.value), m = {
-    height: l,
-    width: u,
-    aspectRatio: c
-  }, h = S(e), {
-    camera: i,
-    cameras: s,
-    registerCamera: f,
-    deregisterCamera: d,
-    setCameraActive: p
-  } = Ke({ sizes: m, scene: e }), { renderer: w } = ut(
+  const i = ur(t, r), n = j(e), {
+    camera: a,
+    cameras: l,
+    registerCamera: c,
+    deregisterCamera: m,
+    setCameraActive: d
+  } = Vt({ sizes: i, scene: e }), { renderer: u } = or(
     {
       scene: e,
-      canvas: n,
-      options: a,
-      contextParts: { sizes: m, camera: i },
-      disableRender: r
+      canvas: r,
+      options: s,
+      contextParts: { sizes: i, camera: a },
+      disableRender: o
     }
-  ), v = {
-    sizes: m,
-    scene: h,
-    camera: i,
-    cameras: ye(s),
-    renderer: w,
-    raycaster: S(new ze()),
-    controls: L(null),
+  ), f = {
+    sizes: i,
+    scene: n,
+    camera: a,
+    cameras: q(l),
+    renderer: u,
+    raycaster: j(new tt()),
+    controls: R(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -448,136 +614,136 @@ function vt({
         accumulator: []
       }
     },
-    extend: Y,
-    registerCamera: f,
-    setCameraActive: p,
-    deregisterCamera: d
+    extend: oe,
+    registerCamera: c,
+    setCameraActive: d,
+    deregisterCamera: m
   };
-  G("useTres", v);
-  const M = 100, P = Ye({ every: M }), { isSupported: A, memory: E } = Je({ interval: M }), b = 160;
-  let g = performance.now();
-  const _ = ({ timestamp: R }) => {
-    v.scene.value && (v.perf.memory.allocatedMem = dt(v.scene.value)), R - g >= M && (g = R, v.perf.fps.accumulator.push(P.value), v.perf.fps.accumulator.length > b && v.perf.fps.accumulator.shift(), v.perf.fps.value = P.value, A.value && E.value && (v.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), v.perf.memory.accumulator.length > b && v.perf.memory.accumulator.shift(), v.perf.memory.currentMem = v.perf.memory.accumulator.reduce((de, ve) => de + ve, 0) / v.perf.memory.accumulator.length));
+  K("useTres", f);
+  const h = 100, p = wt({ every: h }), { isSupported: y, memory: b } = bt({ interval: h }), x = 160;
+  let C = performance.now();
+  const M = ({ timestamp: I }) => {
+    f.scene.value && (f.perf.memory.allocatedMem = Se(f.scene.value)), I - C >= h && (C = I, f.perf.fps.accumulator.push(p.value), f.perf.fps.accumulator.length > x && f.perf.fps.accumulator.shift(), f.perf.fps.value = p.value, y.value && b.value && (f.perf.memory.accumulator.push(b.value.usedJSHeapSize / 1024 / 1024), f.perf.memory.accumulator.length > x && f.perf.memory.accumulator.shift(), f.perf.memory.currentMem = f.perf.memory.accumulator.reduce((Le, Oe) => Le + Oe, 0) / f.perf.memory.accumulator.length));
   };
-  let I = 0;
-  const me = 1, { pause: pe, resume: Ct } = ne(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (_({ timestamp: performance.now() }), I += R, I >= me && (window.__TRES__DEVTOOLS__.cb(v), I = 0));
+  let w = 0;
+  const S = 1, { pause: v, resume: E } = be(({ delta: I }) => {
+    window.__TRES__DEVTOOLS__ && (M({ timestamp: performance.now() }), w += I, w >= S && (window.__TRES__DEVTOOLS__.cb(f), w = 0));
   }, { immediate: !0 });
-  return O(() => {
-    pe();
-  }), v;
+  return G(() => {
+    v();
+  }), f;
 }
-function gt() {
-  const e = he("useTres");
+function dr() {
+  const e = je("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const xt = gt;
-let y = null;
-const { logError: re } = B(), V = [
+const zr = dr;
+let g = null;
+const { logError: pe } = A(), Y = [
   "onClick",
   "onPointerMove",
   "onPointerEnter",
   "onPointerLeave"
-], fe = {
-  createElement(e, n, t, r) {
-    var u, l;
-    if (r || (r = {}), r.args || (r.args = []), e === "template" || rt(e))
+], fr = {
+  createElement(e, r, t, o) {
+    var n, a;
+    if (o || (o = {}), o.args || (o.args = []), e === "template" || Qt(e))
       return null;
-    let a = e.replace("Tres", ""), o;
+    let s = e.replace("Tres", ""), i;
     if (e === "primitive") {
-      (r == null ? void 0 : r.object) === void 0 && re("Tres primitives need a prop 'object'");
-      const c = r.object;
-      a = c.type, o = Object.assign(c, { type: a, attach: r.attach, primitive: !0 });
+      (o == null ? void 0 : o.object) === void 0 && pe("Tres primitives need a prop 'object'");
+      const l = o.object;
+      s = l.type, i = Object.assign(l, { type: s, attach: o.attach, primitive: !0 });
     } else {
-      const c = q.value[a];
-      c || re(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new c(...r.args);
+      const l = Z.value[s];
+      l || pe(`${s} is not defined on the THREE namespace. Use extend to add it to the catalog.`), i = new l(...o.args);
     }
-    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((u = r == null ? void 0 : r.material) != null && u.isMaterial && (o.userData.tres__materialViaProp = !0), (l = r == null ? void 0 : r.geometry) != null && l.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
-      ...o.userData,
-      tres__name: a
-    }, o;
+    return i.isCamera && (o != null && o.position || i.position.set(3, 3, 3), o != null && o.lookAt || i.lookAt(0, 0, 0)), (o == null ? void 0 : o.attach) === void 0 && (i.isMaterial ? i.attach = "material" : i.isBufferGeometry && (i.attach = "geometry")), i.isObject3D && ((n = o == null ? void 0 : o.material) != null && n.isMaterial && (i.userData.tres__materialViaProp = !0), (a = o == null ? void 0 : o.geometry) != null && a.isBufferGeometry && (i.userData.tres__geometryViaProp = !0)), i.userData = {
+      ...i.userData,
+      tres__name: s
+    }, i;
   },
-  insert(e, n) {
-    var r, a, o, u;
-    n && n.isScene && (y = n);
-    const t = n || y;
+  insert(e, r) {
+    var o, s, i, n;
+    r && r.isScene && (g = r);
+    const t = r || g;
     if (e != null && e.isObject3D) {
       if (e != null && e.isCamera) {
-        if (!(y != null && y.userData.tres__registerCamera))
+        if (!(g != null && g.userData.tres__registerCamera))
           throw "could not find tres__registerCamera on scene's userData";
-        (a = y == null ? void 0 : (r = y.userData).tres__registerCamera) == null || a.call(r, e);
+        (s = g == null ? void 0 : (o = g.userData).tres__registerCamera) == null || s.call(o, e);
       }
-      if (e && V.some((l) => e[l])) {
-        if (!(y != null && y.userData.tres__registerAtPointerEventHandler))
+      if (e && Y.some((a) => e[a])) {
+        if (!(g != null && g.userData.tres__registerAtPointerEventHandler))
           throw "could not find tres__registerAtPointerEventHandler on scene's userData";
-        (u = y == null ? void 0 : (o = y.userData).tres__registerAtPointerEventHandler) == null || u.call(o, e);
+        (n = g == null ? void 0 : (i = g.userData).tres__registerAtPointerEventHandler) == null || n.call(i, e);
       }
     }
     e != null && e.isObject3D && (t != null && t.isObject3D) ? (t.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? t.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[t == null ? void 0 : t.attach], t && (t[e.attach] = e));
   },
   remove(e) {
-    var c, m, h;
-    if (!e)
-      return;
-    const n = (i) => {
-      var f, d;
-      const s = i;
-      i.userData.tres__materialViaProp || ((f = s.material) == null || f.dispose(), delete s.material), i.userData.tres__geometryViaProp || ((d = s.geometry) == null || d.dispose(), delete s.geometry);
-    }, t = y == null ? void 0 : y.userData.tres__deregisterAtPointerEventHandler, r = y == null ? void 0 : y.userData.tres__deregisterBlockingObjectAtPointerEventHandler, a = (i) => {
-      var s, f;
-      if (!r)
-        throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
-      if ((f = y == null ? void 0 : (s = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || f.call(s, i), !t)
-        throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
-      i && V.some((d) => i[d]) && (t == null || t(i));
-    }, o = (i) => {
-      const s = y == null ? void 0 : y.userData.tres__deregisterCamera;
-      if (!s)
-        throw "could not find tres__deregisterCamera on scene's userData";
-      i.isCamera && (s == null || s(i));
-    }, u = e == null ? void 0 : e.primitive, l = !u && (e.dispose === void 0 ? e.dispose !== null : !1);
-    if (e != null && e.isObject3D && ((c = e.parent) != null && c.isObject3D) && (e.parent.remove(e), (m = e.removeFromParent) == null || m.call(e)), !u && (e != null && e.isObject3D)) {
-      e.children.forEach((i) => fe.remove(i)), n(e), o(e), a == null || a(e);
-      for (const i in e)
-        i !== "geometry" && i !== "material" && ((h = i.dispose) == null || h.call(i), delete e[i]);
+    var r, t;
+    if (e) {
+      if (e.isObject3D) {
+        const o = e, s = (c) => {
+          var d, u;
+          const m = c;
+          c.userData.tres__materialViaProp || ((d = m.material) == null || d.dispose(), m.material = void 0), c.userData.tres__geometryViaProp || ((u = m.geometry) == null || u.dispose(), m.geometry = void 0);
+        }, i = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, n = g == null ? void 0 : g.userData.tres__deregisterBlockingObjectAtPointerEventHandler, a = (c) => {
+          var m, d;
+          if (!n)
+            throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
+          if ((d = g == null ? void 0 : (m = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || d.call(m, c), !i)
+            throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
+          c && Y.some((u) => c[u]) && (i == null || i(c));
+        }, l = (c) => {
+          const m = g == null ? void 0 : g.userData.tres__deregisterCamera;
+          if (!m)
+            throw "could not find tres__deregisterCamera on scene's userData";
+          c.isCamera && (m == null || m(c));
+        };
+        (r = e.removeFromParent) == null || r.call(e), o.traverse((c) => {
+          s(c), l(c), a == null || a(c);
+        }), s(o), l(o), a == null || a(o);
+      }
+      (t = e.dispose) == null || t.call(e);
     }
-    l && e.dispose && e.type !== "Scene" && e.dispose();
   },
-  patchProp(e, n, t, r) {
-    var a, o, u, l;
+  patchProp(e, r, t, o) {
+    var s, i, n, a;
     if (e) {
-      let c = e, m = n;
-      if (e.isObject3D && m === "blocks-pointer-events") {
-        r || r === "" ? (o = y == null ? void 0 : (a = y.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(a, e) : (l = y == null ? void 0 : (u = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || l.call(u, e);
+      let l = e, c = r;
+      if (e.isObject3D && c === "blocks-pointer-events") {
+        o || o === "" ? (i = g == null ? void 0 : (s = g.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || i.call(s, e) : (a = g == null ? void 0 : (n = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || a.call(n, e);
         return;
       }
-      let h = j(m), i = c == null ? void 0 : c[h];
-      if (m === "args") {
-        const f = e, d = t ?? [], p = r ?? [], w = e.userData.tres__name || e.type;
-        w && d.length && !st(d, p) && (c = Object.assign(f, new q.value[w](...r)));
+      let m = N(c), d = l == null ? void 0 : l[m];
+      if (c === "args") {
+        const f = e, h = t ?? [], p = o ?? [], y = e.userData.tres__name || e.type;
+        y && h.length && !Xt(h, p) && (l = Object.assign(f, new Z.value[y](...o)));
         return;
       }
-      if (c.type === "BufferGeometry") {
-        if (m === "args")
+      if (l.type === "BufferGeometry") {
+        if (c === "args")
           return;
-        c.setAttribute(
-          j(m),
-          new $e(...r)
+        l.setAttribute(
+          N(c),
+          new rt(...o)
         );
         return;
       }
-      if (m.includes("-") && i === void 0) {
-        const f = m.split("-");
-        i = f.reduce((d, p) => d[j(p)], c), m = f.pop(), h = m.toLowerCase(), i != null && i.set || (c = f.reduce((d, p) => d[j(p)], c));
+      if (c.includes("-") && d === void 0) {
+        const f = c.split("-");
+        d = f.reduce((h, p) => h[N(p)], l), c = f.pop(), m = c.toLowerCase(), d != null && d.set || (l = f.reduce((h, p) => h[N(p)], l));
       }
-      let s = r;
-      if (s === "" && (s = !0), te(i)) {
-        V.includes(n) || (Array.isArray(s) ? e[h](...s) : e[h](s));
+      let u = o;
+      if (u === "" && (u = !0), fe(d)) {
+        Y.includes(r) || (Array.isArray(u) ? e[m](...u) : e[m](u));
         return;
       }
-      !(i != null && i.set) && !te(i) ? c[h] = s : i.constructor === s.constructor && (i != null && i.copy) ? i == null || i.copy(s) : Array.isArray(s) ? i.set(...s) : !i.isColor && i.setScalar ? i.setScalar(s) : i.set(s);
+      !(d != null && d.set) && !fe(d) ? l[m] = u : d.constructor === u.constructor && (d != null && d.copy) ? d == null || d.copy(u) : Array.isArray(u) ? d.set(...u) : !d.isColor && d.setScalar ? d.setScalar(u) : d.set(u);
     }
   },
   parentNode(e) {
@@ -592,9 +758,288 @@ const { logError: re } = B(), V = [
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: yt } = we(fe);
-Y(De);
-const ht = ["data-scene"], wt = /* @__PURE__ */ J({
+}, { render: pr } = He(fr);
+oe(he);
+function mr() {
+  return Pe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+}
+function Pe() {
+  return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
+}
+const gr = typeof Proxy == "function", vr = "devtools-plugin:setup", hr = "plugin:settings:set";
+let L, ee;
+function yr() {
+  var e;
+  return L !== void 0 || (typeof window < "u" && window.performance ? (L = !0, ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (L = !0, ee = globalThis.perf_hooks.performance) : L = !1), L;
+}
+function wr() {
+  return yr() ? ee.now() : Date.now();
+}
+class br {
+  constructor(r, t) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = r, this.hook = t;
+    const o = {};
+    if (r.settings)
+      for (const n in r.settings) {
+        const a = r.settings[n];
+        o[n] = a.defaultValue;
+      }
+    const s = `__vue-devtools-plugin-settings__${r.id}`;
+    let i = Object.assign({}, o);
+    try {
+      const n = localStorage.getItem(s), a = JSON.parse(n);
+      Object.assign(i, a);
+    } catch {
+    }
+    this.fallbacks = {
+      getSettings() {
+        return i;
+      },
+      setSettings(n) {
+        try {
+          localStorage.setItem(s, JSON.stringify(n));
+        } catch {
+        }
+        i = n;
+      },
+      now() {
+        return wr();
+      }
+    }, t && t.on(hr, (n, a) => {
+      n === this.plugin.id && this.fallbacks.setSettings(a);
+    }), this.proxiedOn = new Proxy({}, {
+      get: (n, a) => this.target ? this.target.on[a] : (...l) => {
+        this.onQueue.push({
+          method: a,
+          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,
+        args: l,
+        resolve: () => {
+        }
+      }), this.fallbacks[a](...l)) : (...l) => new Promise((c) => {
+        this.targetQueue.push({
+          method: a,
+          args: l,
+          resolve: c
+        });
+      })
+    });
+  }
+  async setRealTarget(r) {
+    this.target = r;
+    for (const t of this.onQueue)
+      this.target.on[t.method](...t.args);
+    for (const t of this.targetQueue)
+      t.resolve(await this.target[t.method](...t.args));
+  }
+}
+function _r(e, r) {
+  const t = e, o = Pe(), s = mr(), i = gr && t.enableEarlyProxy;
+  if (s && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !i))
+    s.emit(vr, e, r);
+  else {
+    const n = i ? new br(t, s) : null;
+    (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: t,
+      setupFn: r,
+      proxy: n
+    }), n && r(n.proxiedTarget);
+  }
+}
+function Er(e, r) {
+  const t = `▲ ■ ●${e}`;
+  typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, r) : r === "error" ? console.error(t) : r === "warn" ? console.warn(t) : console.log(t);
+}
+const ke = (e) => {
+  const r = {
+    id: e.uuid,
+    label: e.type,
+    children: [],
+    tags: []
+  };
+  e.name !== "" && r.tags.push({
+    label: e.name,
+    textColor: 5750629,
+    backgroundColor: 15793395
+  });
+  const t = Se(e);
+  return t > 0 && r.tags.push({
+    label: `${lr(t)} KB`,
+    textColor: 15707189,
+    backgroundColor: 16775644,
+    tooltip: "Memory usage"
+  }), e.type.includes("Light") && (r.tags.push({
+    label: `${e.intensity}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Intensity"
+  }), r.tags.push({
+    label: `#${e.color.getHexString()}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Color"
+  })), e.type.includes("Camera") && (r.tags.push({
+    label: `${e.fov}°`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Field of view"
+  }), r.tags.push({
+    // eslint-disable-next-line max-len
+    label: `x: ${Math.round(e.position.x)} y: ${Math.round(e.position.y)} z: ${Math.round(e.position.z)}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Position"
+  })), r;
+};
+function Te(e, r) {
+  e.children.forEach((t) => {
+    if (t.type === "HightlightMesh")
+      return;
+    const o = ke(t);
+    r.children.push(o), Te(t, o);
+  });
+}
+const Cr = [], O = "tres:inspector", Mr = ve({
+  sceneGraph: null
+});
+function xr(e, r) {
+  _r(
+    {
+      id: "dev.esm.tres",
+      label: "TresJS 🪐",
+      logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
+      packageName: "tresjs",
+      homepage: "https://tresjs.org",
+      componentStateTypes: Cr,
+      app: e
+    },
+    (t) => {
+      typeof t.now != "function" && Er(
+        // eslint-disable-next-line max-len
+        "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."
+      ), t.addInspector({
+        id: O,
+        label: "TresJS 🪐",
+        icon: "account_tree",
+        treeFilterPlaceholder: "Search instances"
+      }), setInterval(() => {
+        t.sendInspectorTree(O);
+      }, 1e3), setInterval(() => {
+        t.notifyComponentUpdate();
+      }, 5e3), t.on.getInspectorTree((i) => {
+        if (i.inspectorId === O) {
+          const n = ke(r.scene.value);
+          Te(r.scene.value, n), Mr.sceneGraph = n, i.rootNodes = [n];
+        }
+      });
+      let o = null, s = null;
+      t.on.getInspectorState((i) => {
+        if (i.inspectorId === O) {
+          const [n] = r.scene.value.getObjectsByProperty("uuid", i.nodeId);
+          if (!n)
+            return;
+          if (s && o && o.parent && s.remove(o), n.isMesh) {
+            const a = tr(n);
+            n.add(a), o = a, s = n;
+          }
+          i.state = {
+            object: [
+              {
+                key: "uuid",
+                editable: !0,
+                value: n.uuid
+              },
+              {
+                key: "name",
+                editable: !0,
+                value: n.name
+              },
+              {
+                key: "type",
+                editable: !0,
+                value: n.type
+              },
+              {
+                key: "position",
+                editable: !0,
+                value: n.position
+              },
+              {
+                key: "rotation",
+                editable: !0,
+                value: n.rotation
+              },
+              {
+                key: "scale",
+                editable: !0,
+                value: n.scale
+              },
+              {
+                key: "geometry",
+                value: n.geometry
+              },
+              {
+                key: "material",
+                value: n.material
+              },
+              {
+                key: "color",
+                editable: !0,
+                value: n.color
+              },
+              {
+                key: "intensity",
+                editable: !0,
+                value: n.intensity
+              },
+              {
+                key: "castShadow",
+                editable: !0,
+                value: n.castShadow
+              },
+              {
+                key: "receiveShadow",
+                editable: !0,
+                value: n.receiveShadow
+              },
+              {
+                key: "frustumCulled",
+                editable: !0,
+                value: n.frustumCulled
+              },
+              {
+                key: "matrixAutoUpdate",
+                editable: !0,
+                value: n.matrixAutoUpdate
+              },
+              {
+                key: "matrixWorldNeedsUpdate",
+                editable: !0,
+                value: n.matrixWorldNeedsUpdate
+              },
+              {
+                key: "matrixWorld",
+                value: n.matrixWorld
+              },
+              {
+                key: "visible",
+                editable: !0,
+                value: n.visible
+              }
+            ]
+          };
+        }
+      }), t.on.editInspectorState((i) => {
+        i.inspectorId === O && er(r.scene.value, i.nodeId, i.path, i.state.value);
+      });
+    }
+  );
+}
+const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -620,65 +1065,61 @@ const ht = ["data-scene"], wt = /* @__PURE__ */ J({
     logarithmicDepthBuffer: { type: Boolean, default: void 0 },
     failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
   },
-  setup(e, { expose: n }) {
-    var d;
-    const t = e, { logWarning: r } = B(), a = L(), o = S(new Ie());
-    ie();
-    const u = Ee(), l = (d = K()) == null ? void 0 : d.appContext.app;
-    let c = null;
-    const m = (p) => J({
+  setup(e, { expose: r }) {
+    var h;
+    const t = e, { logWarning: o } = A(), s = R(), i = j(new ot()), { resume: n } = re(), a = Re(), l = (h = se()) == null ? void 0 : h.appContext.app, c = (p) => ne({
       setup() {
-        var v;
-        const w = (v = K()) == null ? void 0 : v.appContext;
-        return w && (w.app = l), G("useTres", p), G("extend", Y), () => X(be, null, u != null && u.default ? u.default() : []);
+        var b;
+        const y = (b = se()) == null ? void 0 : b.appContext;
+        return y && (y.app = l), K("useTres", p), K("extend", oe), typeof window < "u" && xr(y.app, p), () => ie(Ue, null, a != null && a.default ? a.default() : []);
       }
-    }), h = (p) => {
-      c = m(p), yt(X(c), o.value);
-    }, i = (p) => {
-      ce(o.value), o.value = null;
-    }, s = D(() => t.disableRender), f = S(null);
-    return n({ context: f, dispose: () => i(f.value) }), _e(() => {
-      const p = a;
-      f.value = vt({
-        scene: o.value,
+    }), m = (p) => {
+      const y = c(p);
+      pr(ie(y), i.value);
+    }, d = (p, y = !1) => {
+      i.value.children = [], y && (p.renderer.value.dispose(), p.renderer.value.renderLists.dispose(), p.renderer.value.forceContextLoss()), m(p), n();
+    }, u = T(() => t.disableRender), f = j(null);
+    return r({ context: f, dispose: () => d(f.value, !0) }), Ie(() => {
+      const p = s;
+      f.value = cr({
+        scene: i.value,
         canvas: p,
         windowSize: t.windowSize,
-        disableRender: s,
+        disableRender: u,
         rendererOptions: t
-      }), pt({ scene: o.value, contextParts: f.value });
-      const { registerCamera: w, camera: v, cameras: M, deregisterCamera: P } = f.value;
-      h(f.value);
-      const A = () => {
-        const E = new W(
+      }), ar({ scene: i.value, contextParts: f.value });
+      const { registerCamera: y, camera: b, cameras: x, deregisterCamera: C } = f.value;
+      m(f.value);
+      const M = () => {
+        const w = new X(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        E.position.set(3, 3, 3), E.lookAt(0, 0, 0), w(E);
-        const b = k(() => {
-          M.value.length >= 2 && (E.removeFromParent(), P(E), b == null || b());
+        w.position.set(3, 3, 3), w.lookAt(0, 0, 0), y(w);
+        const S = D(() => {
+          x.value.length >= 2 && (w.removeFromParent(), C(w), S == null || S());
         });
       };
-      ae(
+      ge(
         () => t.camera,
-        (E, b) => {
-          E && w(E), b && (b.removeFromParent(), P(b));
+        (w, S) => {
+          w && y(w), S && (S.removeFromParent(), C(S));
         },
         {
           immediate: !0
         }
-      ), v.value || (r(
+      ), b.value || (o(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), A());
-    }), O(() => {
-      f.value && i(f.value);
-    }), (p, w) => (Ce(), Me("canvas", {
+      ), M());
+    }), (p, y) => ($e(), Ne("canvas", {
       ref_key: "canvas",
-      ref: a,
-      "data-scene": o.value.uuid,
-      class: Pe(p.$attrs.class),
-      style: Ae({
+      ref: s,
+      "data-scene": i.value.uuid,
+      class: Ve(p.$attrs.class),
+      "data-tres": `tresjs ${ze(Nt).version}`,
+      style: We({
         display: "block",
         width: "100%",
         height: "100%",
@@ -689,44 +1130,140 @@ const ht = ["data-scene"], wt = /* @__PURE__ */ J({
         touchAction: "none",
         ...p.$attrs.style
       })
-    }, null, 14, ht));
+    }, null, 14, Sr));
   }
-}), Et = [
+}), kr = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], _t = {
+], Tr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Et.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !kr.includes(e) || e === "primitive"
+    }
+  }
+}, Wr = Tr, Ur = {
+  mounted: (e, r) => {
+    if (r.arg) {
+      console.log(`v-log:${r.arg}`, e[r.arg]);
+      return;
+    }
+    console.log("v-log", e);
+  }
+};
+class Ae extends nt {
+  constructor(r, t) {
+    const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new ae();
+    s.setAttribute("position", new le(o, 3)), s.computeBoundingSphere();
+    const i = new st({ fog: !1 });
+    super(s, i), this.light = r, this.color = t, 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 ae();
+    a.setAttribute("position", new le(n, 3)), a.computeBoundingSphere(), this.add(new it(a, new we({ side: at, fog: !1 })));
+  }
+  updateMatrixWorld() {
+    if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
+      this.material.color.set(this.color), this.children[0].material.color.set(this.color);
+    else {
+      this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);
+      const r = this.material.color, t = Math.max(r.r, r.g, r.b);
+      t > 1 && r.multiplyScalar(1 / t), 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);
+  }
+  dispose() {
+    this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
+  }
+}
+const { logWarning: me } = A();
+let z, k;
+const Ar = {
+  DirectionalLight: lt,
+  PointLight: ut,
+  SpotLight: ct,
+  HemisphereLight: dt,
+  RectAreaLight: Ae
+}, Fr = {
+  mounted: (e) => {
+    if (!e.isLight) {
+      me(`${e.type} is not a light`);
+      return;
+    }
+    z = Ar[e.type], e.parent.add(new z(e, 1, e.color.getHex()));
+  },
+  updated: (e) => {
+    k = e.parent.children.find((r) => r instanceof z), !(k instanceof Ae) && k.update();
+  },
+  unmounted: (e) => {
+    if (!e.isLight) {
+      me(`${e.type} is not a light`);
+      return;
     }
+    k = e.parent.children.find((r) => r instanceof z), k && k.dispose && k.dispose(), e.parent.remove(k);
   }
-}, Lt = _t, Ot = {
+}, { logWarning: Lr } = A(), Gr = {
+  updated: (e, r) => {
+    const t = xe(r);
+    if (!t) {
+      Lr(`v-always-look-at: problem with binding value: ${r.value}`);
+      return;
+    }
+    const { onLoop: o } = re();
+    o(() => {
+      e.lookAt(t);
+    });
+  }
+}, { logWarning: Or } = A(), Jr = {
+  updated: (e, r) => {
+    var s;
+    const t = xe(r);
+    if (!t) {
+      Or(`v-distance-to: problem with binding value: ${r.value}`);
+      return;
+    }
+    P && (P.dispose(), e.parent.remove(P));
+    const o = t.clone().sub(e.position);
+    o.normalize(), P = new ft(o, e.position, e.position.distanceTo(t), 16776960), e.parent.add(P), console.table(
+      [
+        ["Distance:", e.position.distanceTo(t)],
+        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
+        [`Destiny: ${e.name || e.type}`, `x:${t.x}, y:${t.y}, z:${t == null ? void 0 : t.z}`]
+      ]
+    );
+  },
+  unmounted: (e) => {
+    P == null || P.dispose(), e.parent.remove(P);
+  }
+};
+let P = null;
+const Qr = {
   install(e) {
-    e.component("TresCanvas", wt);
+    e.component("TresCanvas", Pr);
   }
 };
 export {
-  wt as TresCanvas,
-  q as catalogue,
-  Ot as default,
-  ce as dispose,
-  Y as extend,
-  bt as isProd,
-  et as normalizeColor,
-  Dt as normalizeVectorFlexibleParam,
-  Lt as templateCompilerOptions,
-  ft as trasverseObjects,
-  Ke as useCamera,
-  kt as useLoader,
-  B as useLogger,
-  pt as usePointerEventHandler,
-  mt as useRaycaster,
-  ie as useRenderLoop,
-  ut as useRenderer,
-  St as useSeek,
-  Tt as useTexture,
-  xt as useTres,
-  gt as useTresContext,
-  vt as useTresContextProvider
+  Pr as TresCanvas,
+  Z as catalogue,
+  Qr as default,
+  oe as extend,
+  Rr as isProd,
+  Ft as normalizeColor,
+  Ir as normalizeVectorFlexibleParam,
+  Wr as templateCompilerOptions,
+  sr as trasverseObjects,
+  Vt as useCamera,
+  $r as useLoader,
+  A as useLogger,
+  ar as usePointerEventHandler,
+  ir as useRaycaster,
+  re as useRenderLoop,
+  or as useRenderer,
+  Vr as useSeek,
+  Nr as useTexture,
+  zr as useTres,
+  dr as useTresContext,
+  cr as useTresContextProvider,
+  Gr as vAlwaysLookAt,
+  Jr as vDistanceTo,
+  Fr as vLightHelper,
+  Ur as vLog
 };