@tresjs/core 3.8.0 → 3.9.0

package/dist/tres.js

@@ -1,18 +1,18 @@
 /**
  * name: @tresjs/core
- * version: v3.8.0
+ * version: v3.9.0
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-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";
+var Oe = Object.defineProperty;
+var De = (e, r, t) => r in e ? Oe(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var Q = (e, r, t) => (De(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { ref as A, computed as L, watchEffect as B, onUnmounted as U, shallowRef as H, watch as ge, reactive as ve, readonly as Y, provide as K, inject as Be, createRenderer as je, defineComponent as ne, useSlots as He, getCurrentInstance as se, onMounted as Re, openBlock as Ie, createElementBlock as $e, normalizeClass as ze, unref as Ne, normalizeStyle as We, h as ie, Fragment as Ve } 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 = [
+import { PerspectiveCamera as X, OrthographicCamera as Fe, Camera as Ue, Clock as Ge, Vector3 as te, Color as W, MeshBasicMaterial as ye, DoubleSide as Qe, REVISION as qe, SRGBColorSpace as Je, ACESFilmicToneMapping as Ye, PCFSoftShadowMap as Ke, WebGLRenderer as q, TextureLoader as Xe, Vector2 as Ze, Raycaster as et, BufferAttribute as tt, Scene as rt, Line as ot, BufferGeometry as ae, Float32BufferAttribute as le, LineBasicMaterial as nt, Mesh as st, BackSide as it, DirectionalLightHelper as at, PointLightHelper as lt, SpotLightHelper as ut, HemisphereLightHelper as ct, ArrowHelper as dt, Quaternion as ft } from "three";
+import { createEventHook as R, useRafFn as we, toValue as E, 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 _t } from "@vueuse/core";
+const bt = "@tresjs/core", Et = "module", Ct = "3.9.0", xt = "pnpm@8.15.6", Mt = "Declarative ThreeJS using Vue Components", St = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", kt = "MIT", Pt = [
   "vue",
   "3d",
   "threejs",
@@ -21,25 +21,25 @@ const _t = "@tresjs/core", Et = "module", Ct = "3.8.0", Mt = "pnpm@8.15.6", xt =
 ], Tt = !1, At = {
   ".": {
     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"
   },
   "./*": "./*"
 }, Lt = "./dist/tres.js", Ot = "./dist/tres.js", Dt = "./dist/index.d.ts", Bt = [
-  "dist",
-  "*.d.ts"
+  "*.d.ts",
+  "dist"
 ], jt = {
   access: "public"
 }, Ht = {
@@ -51,12 +51,14 @@ const _t = "@tresjs/core", Et = "module", Ct = "3.8.0", Mt = "pnpm@8.15.6", xt =
   "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"
+  "docs:contributors": "esno scripts/update-contributors.ts",
+  prepare: "node .husky/install.mjs"
 }, Rt = {
   three: ">=0.133",
   vue: ">=3.3"
@@ -68,49 +70,51 @@ const _t = "@tresjs/core", Et = "module", Ct = "3.8.0", Mt = "pnpm@8.15.6", xt =
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.9.0",
   "@tresjs/cientos": "3.8.0",
+  "@tresjs/eslint-config": "^1.0.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",
+  "@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.0.4",
+  "@vitest/ui": "^1.5.0",
   "@vue/test-utils": "^2.4.3",
-  eslint: "^8.55.0",
-  "eslint-plugin-vue": "^9.19.2",
+  eslint: "^9.1.1",
+  "eslint-plugin-vue": "^9.25.0",
   esno: "^4.0.0",
   gsap: "^3.12.3",
+  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",
+  "release-it": "^17.2.0",
   "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",
+  unocss: "^0.59.4",
   unplugin: "^1.10.1",
   "unplugin-vue-components": "^0.26.0",
-  vite: "^5.2.7",
+  vite: "^5.2.10",
   "vite-plugin-banner": "^0.7.1",
-  "vite-plugin-dts": "3.8.1",
-  "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.2",
-  vitest: "^1.0.4",
-  vue: "^3.3.11",
+  vitepress: "1.1.3",
+  vitest: "^1.5.0",
+  vue: "^3.4.24",
   "vue-demi": "^0.14.6"
-}, Nt = {
-  name: _t,
+}, zt = {
+  name: bt,
   type: Et,
   version: Ct,
-  packageManager: Mt,
-  description: xt,
+  packageManager: xt,
+  description: Mt,
   author: St,
-  license: Pt,
-  keywords: kt,
+  license: kt,
+  keywords: Pt,
   sideEffects: Tt,
   exports: At,
   main: Lt,
@@ -122,58 +126,58 @@ const _t = "@tresjs/core", Et = "module", Ct = "3.8.0", Mt = "pnpm@8.15.6", xt =
   peerDependencies: Rt,
   dependencies: It,
   devDependencies: $t
-}, Vt = ({ sizes: e, scene: r }) => {
-  const t = R([]), o = T(
+}, Nt = ({ sizes: e, scene: r }) => {
+  const t = A([]), o = L(
     () => t.value[0]
-  ), 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);
+  ), s = (a) => {
+    const l = a instanceof Ue ? a : t.value.find((m) => m.uuid === a);
     if (!l)
       return;
     const c = t.value.filter(({ uuid: m }) => m !== l.uuid);
     t.value = [l, ...c];
+  }, i = (a, l = !1) => {
+    t.value.some(({ uuid: c }) => c === a.uuid) || (l ? s(a) : t.value.push(a));
+  }, n = (a) => {
+    t.value = t.value.filter(({ uuid: l }) => l !== a.uuid);
   };
-  return D(() => {
+  return B(() => {
     e.aspectRatio.value && t.value.forEach((a) => {
       a instanceof X && (a.aspect = e.aspectRatio.value), (a instanceof X || a instanceof Fe) && a.updateProjectionMatrix();
     });
-  }), r.userData.tres__registerCamera = s, r.userData.tres__deregisterCamera = i, G(() => {
+  }), r.userData.tres__registerCamera = i, r.userData.tres__deregisterCamera = n, U(() => {
     t.value = [];
   }), {
     camera: o,
     cameras: t,
-    registerCamera: s,
-    deregisterCamera: i,
-    setCameraActive: n
+    registerCamera: i,
+    deregisterCamera: n,
+    setCameraActive: s
   };
-}, _e = H(), Ee = H(), te = H(), B = new Je();
-let U = 0, F = 0;
-const { pause: zt, resume: Wt, isActive: Ut } = be(
+}, _e = R(), be = R(), re = R(), j = new Ge();
+let V = 0, F = 0;
+const { pause: Wt, resume: Vt, isActive: Ft } = we(
   () => {
-    _e.trigger({ delta: U, elapsed: F, clock: B }), Ee.trigger({ delta: U, elapsed: F, clock: B }), te.trigger({ delta: U, elapsed: F, clock: B });
+    _e.trigger({ delta: V, elapsed: F, clock: j }), be.trigger({ delta: V, elapsed: F, clock: j }), re.trigger({ delta: V, elapsed: F, clock: j });
   },
   { immediate: !1 }
 );
-te.on(() => {
-  U = B.getDelta(), F = B.getElapsedTime();
+re.on(() => {
+  V = j.getDelta(), F = j.getElapsedTime();
 });
-const re = () => ({
+const G = () => ({
   onBeforeLoop: _e.on,
-  onLoop: Ee.on,
-  onAfterLoop: te.on,
-  pause: zt,
-  resume: Wt,
-  isActive: Ut
-}), Rr = !0, $ = "[TresJS ▲ ■ ●] ";
-function A() {
+  onLoop: be.on,
+  onAfterLoop: re.on,
+  pause: Wt,
+  resume: Vt,
+  isActive: Ft
+}), Ir = !0, I = "[TresJS ▲ ■ ●] ";
+function P() {
   function e(...o) {
-    typeof o[0] == "string" ? o[0] = $ + o[0] : o.unshift($), console.error(...o);
+    typeof o[0] == "string" ? o[0] = I + o[0] : o.unshift(I), console.error(...o);
   }
   function r(...o) {
-    typeof o[0] == "string" ? o[0] = $ + o[0] : o.unshift($), console.warn(...o);
+    typeof o[0] == "string" ? o[0] = I + o[0] : o.unshift(I), console.warn(...o);
   }
   function t(o, s) {
   }
@@ -183,17 +187,17 @@ function A() {
     logMessage: t
   };
 }
-function Ir(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof ye ? [e.x, e.y, e.z] : e;
+function $r(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof te ? [e.x, e.y, e.z] : e;
 }
-function Ft(e) {
+function Ut(e) {
   return e instanceof W ? e : Array.isArray(e) ? new W(...e) : new W(e);
 }
 class Gt extends he.Mesh {
   constructor(...t) {
     super(...t);
-    J(this, "type", "HightlightMesh");
-    J(this, "createTime");
+    Q(this, "type", "HightlightMesh");
+    Q(this, "createTime");
     this.createTime = Date.now();
   }
   onBeforeRender() {
@@ -201,24 +205,24 @@ class Gt extends he.Mesh {
     this.scale.set(n, n, n);
   }
 }
-const Ce = (e, r) => {
+const Ee = (e, r) => {
   for (const t of Object.keys(r))
-    r[t] instanceof Object && Object.assign(r[t], Ce(e[t], r[t]));
+    r[t] instanceof Object && Object.assign(r[t], Ee(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);
+}, Qt = "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__ */ Jt(Qt);
 function ce(e) {
   return e && e.nodeType === 1;
 }
-function N(e) {
+function $(e) {
   return e.replace(/-([a-z])/g, (r, t) => t.toUpperCase());
 }
-function Yt(e, r) {
+function Jt(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 qt = (e, r) => {
+const Yt = (e, r) => {
   const t = /* @__PURE__ */ new Set(), o = [];
   for (const s of e) {
     const i = r(s);
@@ -234,7 +238,7 @@ const qt = (e, r) => {
   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 Me(e, r) {
+function Ce(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);
@@ -247,7 +251,7 @@ function Me(e, r) {
   if (t.length !== o.length)
     return !1;
   for (const s of t)
-    if (!o.includes(s) || !Me(e[s], r[s]))
+    if (!o.includes(s) || !Ce(e[s], r[s]))
       return !1;
   return !0;
 }
@@ -255,7 +259,7 @@ 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 (!Me(e[t], r[t]))
+    if (!Ce(e[t], r[t]))
       return !1;
   return !0;
 }
@@ -286,7 +290,7 @@ function er(e, r, t, o) {
   n[a] !== void 0 ? n[a] = o : console.warn(`Property path is not valid: ${t.join(".")}`);
 }
 function tr(e) {
-  const r = new we({
+  const r = new ye({
     color: 11003607,
     // Highlight color, e.g., yellow
     transparent: !0,
@@ -301,18 +305,18 @@ function tr(e) {
 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;
+  return e.value && ((t = e.value) != null && t.isMesh) && (r = e.value.position), Array.isArray(e.value) && (r = new te(...r)), r;
 }
-const rr = Number.parseInt(Ye.replace("dev", "")), V = {
+const rr = Number.parseInt(qe.replace("dev", "")), z = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: qe,
-    toneMapping: Ke,
+    outputColorSpace: Je,
+    toneMapping: Ye,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Xe
+      type: Ke
     }
   }
 };
@@ -323,31 +327,31 @@ function or({
   disableRender: o,
   contextParts: { sizes: s, camera: i }
 }) {
-  const n = T(() => ({
-    alpha: _(t.alpha),
-    depth: _(t.depth),
+  const n = L(() => ({
+    alpha: E(t.alpha),
+    depth: E(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));
+    context: E(t.context),
+    stencil: E(t.stencil),
+    antialias: E(t.antialias) === void 0 ? !0 : E(t.antialias),
+    precision: E(t.precision),
+    powerPreference: E(t.powerPreference),
+    premultipliedAlpha: E(t.premultipliedAlpha),
+    preserveDrawingBuffer: E(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: E(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: E(t.failIfMajorPerformanceCaveat)
+  })), a = H(new q(n.value));
   ge(n, () => {
-    a.value.dispose(), a.value = new Q(n.value);
-  }), D(() => {
+    a.value.dispose(), a.value = new q(n.value);
+  }), B(() => {
     a.value.setSize(s.width.value, s.height.value);
   });
   const { pixelRatio: l } = mt();
-  D(() => {
+  B(() => {
     a.value.setPixelRatio(l.value);
   });
-  const { logError: c } = A(), d = (() => {
-    const p = new Q(), y = {
+  const { logError: c } = P(), d = (() => {
+    const p = new q(), y = {
       shadowMap: {
         enabled: p.shadowMap.enabled,
         type: p.shadowMap.type
@@ -358,30 +362,30 @@ function or({
     };
     return p.dispose(), y;
   })();
-  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 = () => {
+  B(() => {
+    const p = E(t.preset);
+    p && (p in z || c(`Renderer Preset must be one of these: ${Object.keys(z).join(", ")}`), Ee(a.value, z[p]));
+    const y = (C, x) => {
+      const w = E(C), S = () => {
         if (p)
-          return de(V[p], M);
+          return de(z[p], x);
       };
       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));
+      return v !== void 0 ? v : de(d, x);
+    }, b = (C, x) => Kt(a.value, x, y(C, x));
     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)
+    const M = y(t.clearColor, "clearColor");
+    M && a.value.setClearColor(
+      M ? Ut(M) : new W(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: u, resume: f, onLoop: h } = re();
+  const { pause: u, resume: f, onLoop: h } = G();
   return h(() => {
-    i.value && !_(o) && a.value.render(e, i.value);
-  }), f(), G(() => {
+    i.value && !E(o) && a.value.render(e, i.value);
+  }), f(), U(() => {
     u(), a.value.dispose(), a.value.forceContextLoss();
   }), {
     renderer: a
@@ -394,8 +398,8 @@ function sr(e) {
     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();
+async function zr(e, r, t, o, s) {
+  const { logError: i } = P(), n = new e();
   s && s(n), t && t(n);
   const l = (Array.isArray(r) ? r : [r]).map(
     (c) => new Promise((m, d) => {
@@ -412,7 +416,7 @@ async function $r(e, r, t, o, s) {
   return nr(r) ? await Promise.all(l) : await l[0];
 }
 async function Nr(e, r) {
-  const t = new Ze(r), o = (s) => new Promise((i, n) => {
+  const t = new Xe(r), o = (s) => new Promise((i, n) => {
     t.load(
       s,
       (a) => i(a),
@@ -449,44 +453,44 @@ async function Nr(e, r) {
   }
 }
 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 }) => {
+  const s = L(() => r.value.domElement), { x: i, y: n } = gt({ target: s }), { width: a, height: l, top: c, left: m } = vt(s), d = ({ x: v, y: _ }) => {
     if (s.value)
       return {
         x: (v - m.value) / a.value * 2 - 1,
-        y: -((E - c.value) / l.value) * 2 + 1
+        y: -((_ - c.value) / l.value) * 2 + 1
       };
-  }, u = ({ x: v, y: E }) => {
+  }, u = ({ x: v, y: _ }) => {
     if (t.value)
-      return o.value.setFromCamera(new et(v, E), t.value), o.value.intersectObjects(e.value, !1);
+      return o.value.setFromCamera(new Ze(v, _), t.value), o.value.intersectObjects(e.value, !1);
   }, f = (v) => {
-    const E = d({
+    const _ = d({
       x: (v == null ? void 0 : v.clientX) ?? i.value,
       y: (v == null ? void 0 : v.clientY) ?? n.value
     });
-    return E ? u(E) || [] : [];
-  }, h = T(() => f()), p = H(), y = H(), b = (v, E) => {
-    v.trigger({ event: E, intersects: f(E) });
-  }, x = (v) => {
+    return _ ? u(_) || [] : [];
+  }, h = L(() => f()), p = R(), y = R(), b = (v, _) => {
+    v.trigger({ event: _, intersects: f(_) });
+  }, M = (v) => {
     b(y, v);
   };
   let C;
-  const M = (v) => {
-    var E;
-    C = (E = f(v)[0]) == null ? void 0 : E.object;
+  const x = (v) => {
+    var _;
+    C = (_ = f(v)[0]) == null ? void 0 : _.object;
   }, w = (v) => {
-    var E;
-    v instanceof PointerEvent && C === ((E = f(v)[0]) == null ? void 0 : E.object) && b(p, v);
+    var _;
+    v instanceof PointerEvent && C === ((_ = f(v)[0]) == null ? void 0 : _.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));
+  return s.value.addEventListener("pointerup", w), s.value.addEventListener("pointerdown", x), s.value.addEventListener("pointermove", M), s.value.addEventListener("pointerleave", S), U(() => {
+    s != null && s.value && (s.value.removeEventListener("pointerup", w), s.value.removeEventListener("pointerdown", x), s.value.removeEventListener("pointermove", M), s.value.removeEventListener("pointerleave", S));
   }), {
     intersects: h,
     onClick: (v) => p.on(v).off,
     onPointerMove: (v) => y.on(v).off
   };
 };
-function Vr() {
-  const { logWarning: e } = A();
+function Wr() {
+  const { logWarning: e } = P();
   function r(i, n, a) {
     let l = null;
     return i.traverse((c) => {
@@ -518,7 +522,7 @@ const ar = ({ scene: e, contextParts: r }) => {
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), o = R(/* @__PURE__ */ new Set()), s = (u) => {
+  }), o = A(/* @__PURE__ */ new Set()), s = (u) => {
     o.value.add(u);
   }, i = (u) => {
     o.value.delete(u);
@@ -529,8 +533,8 @@ const ar = ({ scene: e, contextParts: r }) => {
     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 = a, e.userData.tres__deregisterAtPointerEventHandler = n, e.userData.tres__registerBlockingObjectAtPointerEventHandler = s, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = i;
-  const l = T(
-    () => qt(
+  const l = L(
+    () => Yt(
       [
         ...Array.from(o.value),
         ...Object.values(t).map((u) => Array.from(u.keys())).flat()
@@ -544,15 +548,15 @@ const ar = ({ scene: e, contextParts: r }) => {
   });
   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;
+    var M, C, x, w;
+    const h = (M = u == null ? void 0 : u[0]) == null ? void 0 : M.object, { pointerLeave: p, pointerEnter: y, pointerMove: b } = t;
+    d && d !== h && ((C = p.get(d)) == null || C(d, f)), h && (d !== h && ((x = y.get(h)) == null || x(u[0], f)), (w = b.get(h)) == null || w(u[0], f)), d = h || null;
   }), {
     registerObject: a,
     deregisterObject: n
   };
 };
-function Se(e) {
+function Me(e) {
   let r = 0;
   return e.traverse((t) => {
     if (t.isMesh && t.geometry) {
@@ -564,9 +568,9 @@ function Se(e) {
 function lr(e) {
   return (e / 1024).toFixed(2);
 }
-const Z = R({}), oe = (e) => Object.assign(Z.value, e);
+const Z = A({}), 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);
+  const o = E(e) ? ht() : yt(L(() => E(r).parentElement)), s = Y(ue(o.width, t)), i = Y(ue(o.height, t)), n = L(() => s.value / i.value);
   return {
     height: i,
     width: s,
@@ -580,13 +584,13 @@ function cr({
   disableRender: o,
   rendererOptions: s
 }) {
-  const i = ur(t, r), n = j(e), {
+  const i = ur(t, r), n = H(e), {
     camera: a,
     cameras: l,
     registerCamera: c,
     deregisterCamera: m,
     setCameraActive: d
-  } = Vt({ sizes: i, scene: e }), { renderer: u } = or(
+  } = Nt({ sizes: i, scene: e }), { renderer: u } = or(
     {
       scene: e,
       canvas: r,
@@ -598,10 +602,10 @@ function cr({
     sizes: i,
     scene: n,
     camera: a,
-    cameras: q(l),
+    cameras: Y(l),
     renderer: u,
-    raycaster: j(new tt()),
-    controls: R(null),
+    raycaster: H(new et()),
+    controls: A(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -620,28 +624,28 @@ function cr({
     deregisterCamera: m
   };
   K("useTres", f);
-  const h = 100, p = wt({ every: h }), { isSupported: y, memory: b } = bt({ interval: h }), x = 160;
+  const h = 100, p = wt({ every: h }), { isSupported: y, memory: b } = _t({ interval: h }), M = 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));
+  const x = ({ timestamp: _ }) => {
+    f.scene.value && (f.perf.memory.allocatedMem = Me(f.scene.value)), _ - C >= h && (C = _, f.perf.fps.accumulator.push(p.value), f.perf.fps.accumulator.length > M && 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 > M && f.perf.memory.accumulator.shift(), f.perf.memory.currentMem = f.perf.memory.accumulator.reduce((Ae, Le) => Ae + Le, 0) / f.perf.memory.accumulator.length));
   };
   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));
+  const S = 1, { pause: v } = we(({ delta: _ }) => {
+    window.__TRES__DEVTOOLS__ && (x({ timestamp: performance.now() }), w += _, w >= S && (window.__TRES__DEVTOOLS__.cb(f), w = 0));
   }, { immediate: !0 });
-  return G(() => {
+  return U(() => {
     v();
   }), f;
 }
 function dr() {
-  const e = je("useTres");
+  const e = Be("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const zr = dr;
+const Vr = dr;
 let g = null;
-const { logError: pe } = A(), Y = [
+const { logError: pe } = P(), J = [
   "onClick",
   "onPointerMove",
   "onPointerEnter",
@@ -649,7 +653,7 @@ const { logError: pe } = A(), Y = [
 ], fr = {
   createElement(e, r, t, o) {
     var n, a;
-    if (o || (o = {}), o.args || (o.args = []), e === "template" || Qt(e))
+    if (o || (o = {}), o.args || (o.args = []), e === "template" || qt(e))
       return null;
     let s = e.replace("Tres", ""), i;
     if (e === "primitive") {
@@ -672,12 +676,12 @@ const { logError: pe } = A(), Y = [
     if (e != null && e.isObject3D) {
       if (e != null && e.isCamera) {
         if (!(g != null && g.userData.tres__registerCamera))
-          throw "could not find tres__registerCamera on scene's userData";
+          throw new Error("could not find tres__registerCamera on scene's userData");
         (s = g == null ? void 0 : (o = g.userData).tres__registerCamera) == null || s.call(o, e);
       }
-      if (e && Y.some((a) => e[a])) {
+      if (e && J.some((a) => e[a])) {
         if (!(g != null && g.userData.tres__registerAtPointerEventHandler))
-          throw "could not find tres__registerAtPointerEventHandler on scene's userData";
+          throw new Error("could not find tres__registerAtPointerEventHandler on scene's userData");
         (n = g == null ? void 0 : (i = g.userData).tres__registerAtPointerEventHandler) == null || n.call(i, e);
       }
     }
@@ -694,14 +698,14 @@ const { logError: pe } = A(), Y = [
         }, 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";
+            throw new Error("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));
+            throw new Error("could not find tres__deregisterAtPointerEventHandler on scene's userData");
+          c && J.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";
+            throw new Error("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) => {
@@ -719,7 +723,7 @@ const { logError: pe } = A(), Y = [
         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 m = N(c), d = l == null ? void 0 : l[m];
+      let m = $(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)));
@@ -729,18 +733,18 @@ const { logError: pe } = A(), Y = [
         if (c === "args")
           return;
         l.setAttribute(
-          N(c),
-          new rt(...o)
+          $(c),
+          new tt(...o)
         );
         return;
       }
       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));
+        d = f.reduce((h, p) => h[$(p)], l), c = f.pop(), m = c.toLowerCase(), d != null && d.set || (l = f.reduce((h, p) => h[$(p)], l));
       }
       let u = o;
       if (u === "" && (u = !0), fe(d)) {
-        Y.includes(r) || (Array.isArray(u) ? e[m](...u) : e[m](u));
+        J.includes(r) || (Array.isArray(u) ? e[m](...u) : e[m](u));
         return;
       }
       !(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);
@@ -758,24 +762,24 @@ const { logError: pe } = A(), Y = [
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: pr } = He(fr);
+}, { render: pr } = je(fr);
 oe(he);
 function mr() {
-  return Pe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+  return Se().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function Pe() {
+function Se() {
   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;
+let O, 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;
+  return O !== void 0 || (typeof window < "u" && window.performance ? (O = !0, ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (O = !0, ee = globalThis.perf_hooks.performance) : O = !1), O;
 }
 function wr() {
   return yr() ? ee.now() : Date.now();
 }
-class br {
+class _r {
   constructor(r, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = r, this.hook = t;
     const o = {};
@@ -837,12 +841,12 @@ class br {
       t.resolve(await this.target[t.method](...t.args));
   }
 }
-function _r(e, r) {
-  const t = e, o = Pe(), s = mr(), i = gr && t.enableEarlyProxy;
+function br(e, r) {
+  const t = e, o = Se(), 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;
+    const n = i ? new _r(t, s) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: r,
@@ -866,7 +870,7 @@ const ke = (e) => {
     textColor: 5750629,
     backgroundColor: 15793395
   });
-  const t = Se(e);
+  const t = Me(e);
   return t > 0 && r.tags.push({
     label: `${lr(t)} KB`,
     textColor: 15707189,
@@ -888,26 +892,25 @@ const ke = (e) => {
     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) {
+function Pe(e, r) {
   e.children.forEach((t) => {
     if (t.type === "HightlightMesh")
       return;
     const o = ke(t);
-    r.children.push(o), Te(t, o);
+    r.children.push(o), Pe(t, o);
   });
 }
-const Cr = [], O = "tres:inspector", Mr = ve({
+const Cr = [], D = "tres:inspector", xr = ve({
   sceneGraph: null
 });
-function xr(e, r) {
-  _r(
+function Mr(e, r) {
+  br(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
@@ -919,26 +922,25 @@ function xr(e, r) {
     },
     (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,
+        id: D,
         label: "TresJS 🪐",
         icon: "account_tree",
         treeFilterPlaceholder: "Search instances"
       }), setInterval(() => {
-        t.sendInspectorTree(O);
+        t.sendInspectorTree(D);
       }, 1e3), setInterval(() => {
         t.notifyComponentUpdate();
       }, 5e3), t.on.getInspectorTree((i) => {
-        if (i.inspectorId === O) {
+        if (i.inspectorId === D) {
           const n = ke(r.scene.value);
-          Te(r.scene.value, n), Mr.sceneGraph = n, i.rootNodes = [n];
+          Pe(r.scene.value, n), xr.sceneGraph = n, i.rootNodes = [n];
         }
       });
       let o = null, s = null;
       t.on.getInspectorState((i) => {
-        if (i.inspectorId === O) {
+        if (i.inspectorId === D) {
           const [n] = r.scene.value.getObjectsByProperty("uuid", i.nodeId);
           if (!n)
             return;
@@ -1034,12 +1036,12 @@ function xr(e, r) {
           };
         }
       }), t.on.editInspectorState((i) => {
-        i.inspectorId === O && er(r.scene.value, i.nodeId, i.path, i.state.value);
+        i.inspectorId === D && er(r.scene.value, i.nodeId, i.path, i.state.value);
       });
     }
   );
 }
-const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
+const Sr = ["data-scene", "data-tres"], kr = /* @__PURE__ */ ne({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1067,30 +1069,30 @@ const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
   },
   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({
+    const t = e, o = He(), { logWarning: s } = P(), i = A(), n = H(new rt()), { resume: a } = G(), l = (h = se()) == null ? void 0 : h.appContext.app, c = (p) => ne({
       setup() {
         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() : []);
+        return y && (y.app = l), K("useTres", p), K("extend", oe), typeof window < "u" && Mr(y.app, p), () => ie(Ve, null, o != null && o.default ? o.default() : []);
       }
     }), m = (p) => {
       const y = c(p);
-      pr(ie(y), i.value);
+      pr(ie(y), n.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;
+      n.value.children = [], y && (p.renderer.value.dispose(), p.renderer.value.renderLists.dispose(), p.renderer.value.forceContextLoss()), m(p), a();
+    }, u = L(() => t.disableRender), f = H(null);
+    return r({ context: f, dispose: () => d(f.value, !0) }), Re(() => {
+      const p = i;
       f.value = cr({
-        scene: i.value,
+        scene: n.value,
         canvas: p,
         windowSize: t.windowSize,
         disableRender: u,
         rendererOptions: t
-      }), ar({ scene: i.value, contextParts: f.value });
-      const { registerCamera: y, camera: b, cameras: x, deregisterCamera: C } = f.value;
+      }), ar({ scene: n.value, contextParts: f.value });
+      const { registerCamera: y, camera: b, cameras: M, deregisterCamera: C } = f.value;
       m(f.value);
-      const M = () => {
+      const x = () => {
         const w = new X(
           45,
           window.innerWidth / window.innerHeight,
@@ -1098,8 +1100,8 @@ const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
           1e3
         );
         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());
+        const S = B(() => {
+          M.value.length >= 2 && (w.removeFromParent(), C(w), S == null || S());
         });
       };
       ge(
@@ -1110,15 +1112,15 @@ const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
         {
           immediate: !0
         }
-      ), b.value || (o(
+      ), b.value || (s(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), M());
-    }), (p, y) => ($e(), Ne("canvas", {
+      ), x());
+    }), (p, y) => (Ie(), $e("canvas", {
       ref_key: "canvas",
-      ref: s,
-      "data-scene": i.value.uuid,
-      class: Ve(p.$attrs.class),
-      "data-tres": `tresjs ${ze(Nt).version}`,
+      ref: i,
+      "data-scene": n.value.uuid,
+      class: ze(p.$attrs.class),
+      "data-tres": `tresjs ${Ne(zt).version}`,
       style: We({
         display: "block",
         width: "100%",
@@ -1132,17 +1134,17 @@ const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
       })
     }, null, 14, Sr));
   }
-}), kr = [
+}), Pr = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
 ], Tr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !kr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Pr.includes(e) || e === "primitive"
     }
   }
-}, Wr = Tr, Ur = {
+}, Fr = Tr, Ur = {
   mounted: (e, r) => {
     if (r.arg) {
       console.log(`v-log:${r.arg}`, e[r.arg]);
@@ -1151,14 +1153,14 @@ const Sr = ["data-scene", "data-tres"], Pr = /* @__PURE__ */ ne({
     console.log("v-log", e);
   }
 };
-class Ae extends nt {
+class Te extends ot {
   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 });
+    const i = new nt({ 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 })));
+    a.setAttribute("position", new le(n, 3)), a.computeBoundingSphere(), this.add(new st(a, new ye({ side: it, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1174,45 +1176,47 @@ class Ae extends nt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: me } = A();
-let z, k;
+const { logWarning: me } = P();
+let N, T;
 const Ar = {
-  DirectionalLight: lt,
-  PointLight: ut,
-  SpotLight: ct,
-  HemisphereLight: dt,
-  RectAreaLight: Ae
-}, Fr = {
+  DirectionalLight: at,
+  PointLight: lt,
+  SpotLight: ut,
+  HemisphereLight: ct,
+  RectAreaLight: Te
+}, Gr = {
   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()));
+    N = Ar[e.type], e.parent.add(new N(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    k = e.parent.children.find((r) => r instanceof z), !(k instanceof Ae) && k.update();
+    T = e.parent.children.find((r) => r instanceof N), !(T instanceof Te) && T.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);
+    T = e.parent.children.find((r) => r instanceof N), T && T.dispose && T.dispose(), e.parent.remove(T);
   }
-}, { logWarning: Lr } = A(), Gr = {
+}, { logWarning: Lr } = P(), Qr = {
   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();
+    const { onLoop: o } = G();
     o(() => {
       e.lookAt(t);
     });
   }
-}, { logWarning: Or } = A(), Jr = {
+}, { logWarning: Or } = P();
+let k = null;
+const qr = {
   updated: (e, r) => {
     var s;
     const t = xe(r);
@@ -1220,9 +1224,9 @@ const Ar = {
       Or(`v-distance-to: problem with binding value: ${r.value}`);
       return;
     }
-    P && (P.dispose(), e.parent.remove(P));
+    k && (k.dispose(), e.parent.remove(k));
     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(
+    o.normalize(), k = new dt(o, e.position, e.position.distanceTo(t), 16776960), e.parent.add(k), 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}`],
@@ -1231,39 +1235,51 @@ const Ar = {
     );
   },
   unmounted: (e) => {
-    P == null || P.dispose(), e.parent.remove(P);
+    k == null || k.dispose(), e.parent.remove(k);
   }
-};
-let P = null;
-const Qr = {
+}, { logWarning: Dr } = P(), Jr = {
+  mounted: (e, r) => {
+    if (e.isCamera) {
+      Dr(`Rotate the ${e.type} is not a good idea`);
+      return;
+    }
+    const t = r.value ?? 0.01, o = A(r.modifiers.x || r.arg === "x" ? 1 : 0), s = A(r.modifiers.y || r.arg === "y" ? 1 : 0), i = A(r.modifiers.z || r.arg === "z" ? 1 : 0);
+    o.value + s.value + i.value === 0 && (o.value = 1, s.value = 1);
+    const n = new ft().setFromAxisAngle(new te(o.value, s.value, i.value).normalize(), t), { onLoop: a } = G();
+    a(() => {
+      e.applyQuaternion(n);
+    });
+  }
+}, Yr = {
   install(e) {
-    e.component("TresCanvas", Pr);
+    e.component("TresCanvas", kr);
   }
 };
 export {
-  Pr as TresCanvas,
+  kr as TresCanvas,
   Z as catalogue,
-  Qr as default,
+  Yr as default,
   oe as extend,
-  Rr as isProd,
-  Ft as normalizeColor,
-  Ir as normalizeVectorFlexibleParam,
-  Wr as templateCompilerOptions,
+  Ir as isProd,
+  Ut as normalizeColor,
+  $r as normalizeVectorFlexibleParam,
+  Fr as templateCompilerOptions,
   sr as trasverseObjects,
-  Vt as useCamera,
-  $r as useLoader,
-  A as useLogger,
+  Nt as useCamera,
+  zr as useLoader,
+  P as useLogger,
   ar as usePointerEventHandler,
   ir as useRaycaster,
-  re as useRenderLoop,
+  G as useRenderLoop,
   or as useRenderer,
-  Vr as useSeek,
+  Wr as useSeek,
   Nr as useTexture,
-  zr as useTres,
+  Vr as useTres,
   dr as useTresContext,
   cr as useTresContextProvider,
-  Gr as vAlwaysLookAt,
-  Jr as vDistanceTo,
-  Fr as vLightHelper,
-  Ur as vLog
+  Qr as vAlwaysLookAt,
+  qr as vDistanceTo,
+  Gr as vLightHelper,
+  Ur as vLog,
+  Jr as vRotate
 };