@tresjs/core 5.0.0-next.5 → 5.0.0-next.6

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v5.0.0-next.5
+ * version: v5.0.0-next.6
  * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,11 +8,11 @@
 var Ao = Object.defineProperty;
 var wo = (e, t, n) => t in e ? Ao(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var C = (e, t, n) => wo(e, typeof t != "symbol" ? t + "" : t, n);
-import { reactive as bo, toValue as D, watch as Ot, onUnmounted as se, defineComponent as st, renderSlot as To, unref as Fe, ref as Oe, computed as ee, watchEffect as W, readonly as $t, shallowRef as ut, provide as Le, inject as Oo, isRef as Ee, useSlots as So, getCurrentInstance as zt, onMounted as Po, createElementBlock as Io, openBlock as Do, normalizeStyle as ko, normalizeClass as xo, createRenderer as Ro, h as Kt, Fragment as Fo } from "vue";
+import { reactive as bo, toValue as D, watch as Ot, onUnmounted as se, defineComponent as st, renderSlot as To, unref as Fe, ref as Oe, computed as ee, watchEffect as W, readonly as $t, shallowRef as ut, isRef as Ee, useSlots as Oo, getCurrentInstance as zt, onMounted as So, createElementBlock as Po, openBlock as Io, normalizeStyle as Do, normalizeClass as ko, createRenderer as xo, h as Kt, provide as Xe, Fragment as Ro } from "vue";
 import * as Er from "three";
-import { Layers as Lo, Scene as vr, MathUtils as Mo, Vector3 as k, MeshBasicMaterial as yr, DoubleSide as No, Clock as Vo, WebGLRenderer as Cr, Mesh as Ke, Material as Bo, Vector2 as Z, Ray as at, SphereGeometry as Uo, Object3D as je, Matrix4 as Se, BufferAttribute as Ar, Triangle as wr, Line3 as Ho, Plane as We, Raycaster as $o, Quaternion as lt, Sphere as zo, Color as Me, PCFSoftShadowMap as Ko, ACESFilmicToneMapping as jo, PerspectiveCamera as Wo, ArrowHelper as Go, Line as Yo, BufferGeometry as jt, Float32BufferAttribute as Wt, LineBasicMaterial as qo, BackSide as Xo, HemisphereLightHelper as Zo, SpotLightHelper as Qo, PointLightHelper as Jo, DirectionalLightHelper as ei } from "three";
-import { useAsyncState as ti, whenever as Gt, tryOnScopeDispose as ni, createEventHook as ye, useRafFn as br, useDevicePixelRatio as ri, useTimeout as oi, unrefElement as ii, useWindowSize as si, useElementSize as ui, refDebounced as Yt, useFps as ai, useMemory as li } from "@vueuse/core";
-const ci = "@tresjs/core", fi = "module", di = "5.0.0-next.5", pi = "pnpm@10.6.3", hi = "Declarative ThreeJS using Vue Components", _i = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", mi = "MIT", gi = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, Ei = ["vue", "3d", "threejs", "three", "threejs-vue"], vi = !1, yi = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Ci = "./dist/tres.js", Ai = "./dist/tres.js", wi = "./dist/index.d.ts", bi = ["*.d.ts", "dist"], Ti = { access: "public" }, Oi = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", typecheck: "vue-tsc --noEmit", "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" }, Si = { three: ">=0.133", vue: ">=3.4" }, Pi = { "@alvarosabu/utils": "^3.2.0", "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^12.5.0" }, Ii = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "5.0.0-next.0", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.177.0", "@typescript-eslint/eslint-plugin": "^8.23.0", "@typescript-eslint/parser": "^8.23.0", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.0.5", "@vitest/ui": "^3.0.5", "@vue/test-utils": "^2.4.6", eslint: "^9.19.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.7", jsdom: "^26.0.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.2", "release-it": "^18.1.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.14.0", sponsorkit: "^16.3.0", three: "^0.177.0", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^6.1.0", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.4", "vite-plugin-inspect": "^10.1.0", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.0.5", vue: "3.5.17", "vue-demi": "^0.14.10", "vue-tsc": "^2.2.0" }, Di = {
+import { Layers as Fo, Scene as vr, MathUtils as Mo, Vector3 as k, MeshBasicMaterial as yr, DoubleSide as Lo, Clock as No, WebGLRenderer as Cr, Mesh as ze, Material as Vo, Vector2 as Z, Ray as at, SphereGeometry as Bo, Object3D as Ke, Matrix4 as Se, BufferAttribute as Ar, Triangle as wr, Line3 as Uo, Plane as je, Raycaster as Ho, Quaternion as lt, Sphere as $o, Color as Me, PCFSoftShadowMap as zo, ACESFilmicToneMapping as Ko, PerspectiveCamera as jo, ArrowHelper as Wo, Line as Go, BufferGeometry as jt, Float32BufferAttribute as Wt, LineBasicMaterial as Yo, BackSide as qo, HemisphereLightHelper as Xo, SpotLightHelper as Zo, PointLightHelper as Qo, DirectionalLightHelper as Jo } from "three";
+import { useAsyncState as ei, whenever as Gt, tryOnScopeDispose as ti, createEventHook as ye, useRafFn as br, useDevicePixelRatio as ni, useTimeout as ri, unrefElement as oi, useWindowSize as ii, useElementSize as si, refDebounced as Yt, createInjectionState as ui, useFps as ai, useMemory as li } from "@vueuse/core";
+const ci = "@tresjs/core", fi = "module", di = "5.0.0-next.6", pi = "pnpm@10.6.3", hi = "Declarative ThreeJS using Vue Components", _i = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", mi = "MIT", gi = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, Ei = ["vue", "3d", "threejs", "three", "threejs-vue"], vi = !1, yi = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Ci = "./dist/tres.js", Ai = "./dist/tres.js", wi = "./dist/index.d.ts", bi = ["*.d.ts", "dist"], Ti = { access: "public" }, Oi = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", typecheck: "vue-tsc --noEmit", "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" }, Si = { three: ">=0.133", vue: ">=3.4" }, Pi = { "@alvarosabu/utils": "^3.2.0", "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^12.5.0" }, Ii = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "5.0.0-next.0", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.177.0", "@typescript-eslint/eslint-plugin": "^8.23.0", "@typescript-eslint/parser": "^8.23.0", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.0.5", "@vitest/ui": "^3.0.5", "@vue/test-utils": "^2.4.6", eslint: "^9.19.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.7", jsdom: "^26.0.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.2", "release-it": "^18.1.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.14.0", sponsorkit: "^16.3.0", three: "^0.177.0", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^6.1.0", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.4", "vite-plugin-inspect": "^10.1.0", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.0.5", vue: "3.5.17", "vue-demi": "^0.14.10", "vue-tsc": "^2.2.0" }, Di = {
   name: ci,
   type: fi,
   version: di,
@@ -82,13 +82,13 @@ function dt(e) {
 function Fi(e) {
   return dt(e) && "copy" in e && typeof e.copy == "function";
 }
-function Li(e) {
+function Mi(e) {
   return !!(e != null && e.constructor);
 }
 function qt(e) {
-  return e instanceof Lo;
+  return e instanceof Fo;
 }
-function Mi(e) {
+function Li(e) {
   return U(e) && !!e.isPerspectiveCamera;
 }
 function Ni(e) {
@@ -115,14 +115,14 @@ function zi(e) {
 function Ki(e) {
   return $i(e) && "__tres" in e;
 }
-const ll = !0, Be = "[TresJS ▲ ■ ●] ";
+const fl = !0, Ve = "[TresJS ▲ ■ ●] ";
 function Xt(...e) {
-  typeof e[0] == "string" ? e[0] = Be + e[0] : e.unshift(Be), console.error(...e);
+  typeof e[0] == "string" ? e[0] = Ve + e[0] : e.unshift(Ve), console.error(...e);
 }
-function Ue(...e) {
-  typeof e[0] == "string" ? e[0] = Be + e[0] : e.unshift(Be), console.warn(...e);
+function Be(...e) {
+  typeof e[0] == "string" ? e[0] = Ve + e[0] : e.unshift(Ve), console.warn(...e);
 }
-function cl(e, t) {
+function dl(e, t) {
 }
 const ji = "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", Wi = /* @__PURE__ */ Gi(ji);
 function Zt(e) {
@@ -195,7 +195,7 @@ function Xi(e) {
     opacity: 0.2,
     depthTest: !1,
     // So the highlight is always visible
-    side: No
+    side: Lo
     // To e
   });
   return new ki(e.geometry.clone(), t);
@@ -211,9 +211,9 @@ function Qi(e) {
 function Qt(e) {
   Qi(e) && e.map && e.map.dispose(), e.dispose();
 }
-function He(e) {
+function Ue(e) {
   var n, r;
-  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((o) => He(o)), !(e instanceof vr)) {
+  if (e.parent && ((n = e.removeFromParent) == null || n.call(e)), delete e.__tres, [...e.children].forEach((o) => Ue(o)), !(e instanceof vr)) {
     const o = e;
     e && ((r = e.dispose) == null || r.call(e)), o.geometry && o.geometry.dispose(), Array.isArray(o.material) ? o.material.forEach((i) => Qt(i)) : o.material && Qt(o.material);
   }
@@ -334,7 +334,7 @@ function os(e, t, n) {
     percentage: 0
   });
   n != null && n.extensions && n.extensions(r);
-  const i = D(t), s = ti(
+  const i = D(t), s = ei(
     (u) => new Promise((c, p) => {
       r.load(u || i || "", (f) => {
         c(f);
@@ -352,13 +352,13 @@ function os(e, t, n) {
   ), a = Ot(() => D(t), (u) => {
     if (u) {
       const c = s.state.value;
-      c && typeof c == "object" && "scene" in c && c.scene && He(c.scene), s.execute(0, u);
+      c && typeof c == "object" && "scene" in c && c.scene && Ue(c.scene), s.execute(0, u);
     }
   });
   return se(() => {
     a();
     const u = s.state.value;
-    u && typeof u == "object" && "scene" in u && u.scene && He(u.scene);
+    u && typeof u == "object" && "scene" in u && u.scene && Ue(u.scene);
   }), {
     ...s,
     load: (u) => {
@@ -367,7 +367,7 @@ function os(e, t, n) {
     progress: o
   };
 }
-const fl = /* @__PURE__ */ st({
+const pl = /* @__PURE__ */ st({
   __name: "component",
   props: {
     loader: {},
@@ -401,7 +401,7 @@ const fl = /* @__PURE__ */ st({
   };
   return W(() => {
     e.aspectRatio.value && t.value.forEach((s) => {
-      Mi(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
+      Li(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
     });
   }), {
     activeCamera: n,
@@ -417,7 +417,7 @@ function ss(e) {
     n.name && (t.nodes[n.name] = n), n.material && !t.materials[n.material.name] && (t.materials[n.material.name] = n.material), n.isMesh && !t.meshes[n.name] && (t.meshes[n.name] = n);
   }), t;
 }
-function dl(e) {
+function hl(e) {
   return ee(() => ss(D(e)));
 }
 function tn() {
@@ -435,7 +435,7 @@ function tn() {
   return { on: (u, c = 0) => {
     e.set(u, { priority: c, addI: n++ });
     const p = () => i(u);
-    return ni(p), r = !0, {
+    return ti(p), r = !0, {
       off: p
     };
   }, off: i, trigger: (...u) => (r && (o(), r = !1), Promise.all(
@@ -446,34 +446,29 @@ function tn() {
     return e.size;
   } };
 }
-const ht = Oe({}), _t = (e) => Object.assign(ht.value, e), us = (e, t) => {
-  const n = new Vo();
-  let r = e;
-  const o = {
+const ht = Oe({}), _t = (e) => Object.assign(ht.value, e), us = (e) => {
+  const t = new No(), n = {
     before: ye(),
     after: ye()
-  }, { pause: i, resume: s, isActive: a } = br(() => {
-    const p = () => ({
-      delta: n.getDelta(),
-      elapsed: n.getElapsedTime()
+  }, { pause: r, resume: o, isActive: i } = br(() => {
+    const l = () => ({
+      delta: t.getDelta(),
+      elapsed: t.elapsedTime
     });
-    o.before.trigger(p()), r(t), o.after.trigger(p());
+    n.before.trigger(l()), e(), n.after.trigger(l());
   }, {
     immediate: !1
-  }), l = () => {
-    n.start(), s();
-  }, u = () => {
-    n.stop(), i();
-  }, c = (p) => {
-    r = p;
-  };
+  });
   return {
-    start: l,
-    stop: u,
-    isActive: a,
-    onBeforeLoop: o.before.on,
-    onLoop: o.after.on,
-    replaceLoopFunction: c
+    start: () => {
+      t.start(), o();
+    },
+    stop: () => {
+      t.stop(), r();
+    },
+    isActive: i,
+    onBeforeLoop: n.before.on,
+    onLoop: n.after.on
   };
 };
 function as({
@@ -489,79 +484,86 @@ function as({
     canvas: t
   }) : new Cr({
     ...n,
-    canvas: ii(t)
-  }), a = Oe(D(n.renderMode) === "manual" ? 0 : 1), l = 60, u = ee(() => D(n.renderMode) === "on-demand" && a.value === 0), c = () => e.value.traverse((v) => {
-    v instanceof Ke && v.material instanceof Bo && (v.material.needsUpdate = !0);
-  }), p = (v = 1) => {
-    u.value && (a.value = Math.min(l, a.value + v));
+    canvas: oi(t)
+  }), a = Oe(D(n.renderMode) === "manual" ? 0 : 1), l = 60, u = ee(() => D(n.renderMode) === "on-demand" && a.value === 0), c = () => e.value.traverse((E) => {
+    E instanceof ze && E.material instanceof Vo && (E.material.needsUpdate = !0);
+  }), p = (E = 1) => {
+    u.value && (a.value = Math.min(l, a.value + E));
   }, f = () => {
     if (D(n.renderMode) !== "manual")
       throw new Error("advance can only be called in manual render mode.");
     a.value = 1;
   }, _ = () => {
     D(n.renderMode) === "on-demand" && p();
-  }, h = ee(() => D(n.renderMode) === "always"), E = (v) => U(v) && "isRenderer" in v && !!v.isRenderer, d = ye();
+  }, h = ee(() => D(n.renderMode) === "always"), v = (E) => U(E) && "isRenderer" in E && !!E.isRenderer, d = ye();
   let m = !1;
-  E(s) && (s.init(), d.trigger(s));
-  const w = ye(), b = us((v) => {
-    o.activeCamera.value && a.value && (s.render(e.value, o.activeCamera.value), v());
-  }, () => {
+  v(s) && (s.init(), d.trigger(s));
+  const w = ye(), A = () => {
     a.value = h.value ? 1 : Math.max(0, a.value - 1), w.trigger(s);
+  };
+  let b = (E) => {
+    o.activeCamera.value && (s.render(e.value, o.activeCamera.value), E());
+  };
+  const V = (E) => {
+    b = E;
+  }, P = us(() => {
+    a.value && b(A);
   });
-  d.on(b.start), Ot([r.width, r.height], () => {
+  d.on(P.start), Ot([r.width, r.height], () => {
     s.setSize(r.width.value, r.height.value), !m && s.domElement.width && s.domElement.height && (d.trigger(s), m = !0), _();
   }, {
     immediate: !0
   });
-  const { pixelRatio: V } = ri();
+  const { pixelRatio: T } = ni();
   W(() => {
-    ns(s, V.value, D(n.dpr));
-  }), D(n.renderMode) === "on-demand" && p(), D(n.renderMode) === "manual" && oi(100, {
+    ns(s, T.value, D(n.dpr));
+  }), D(n.renderMode) === "on-demand" && p(), D(n.renderMode) === "manual" && ri(100, {
     callback: f
   });
-  const P = ee(() => {
-    const v = D(n.clearColor), O = D(n.clearAlpha), T = typeof v == "string" && v.length === 9 && v.startsWith("#");
-    return T && O !== void 0 && Ue(`clearColor with alpha (e.g. ${v}) and clearAlpha cannot both be set, using clearColor as source of truth`), T ? {
-      alpha: Number.parseInt(v.slice(7, 9), 16) / 255,
-      color: v.slice(0, 7)
+  const S = ee(() => {
+    const E = D(n.clearColor), x = D(n.clearAlpha), F = typeof E == "string" && E.length === 9 && E.startsWith("#");
+    return F && x !== void 0 && Be(`clearColor with alpha (e.g. ${E}) and clearAlpha cannot both be set, using clearColor as source of truth`), F ? {
+      alpha: Number.parseInt(E.slice(7, 9), 16) / 255,
+      color: E.slice(0, 7)
     } : {
-      alpha: O,
-      color: v
+      alpha: x,
+      color: E
     };
   });
   return W(() => {
-    const v = P.value;
-    v.color === void 0 || v.alpha === void 0 || s.setClearColor(v.color, v.alpha);
+    const E = S.value;
+    E.color === void 0 || E.alpha === void 0 || s.setClearColor(E.color, E.alpha);
   }), W(() => {
-    const v = n.toneMapping;
-    v && (s.toneMapping = v);
+    const E = n.toneMapping;
+    E && (s.toneMapping = E);
   }), W(() => {
-    const v = n.toneMappingExposure;
-    v && (s.toneMappingExposure = v);
+    const E = n.toneMappingExposure;
+    E && (s.toneMappingExposure = E);
   }), W(() => {
-    const v = n.outputColorSpace;
-    v && (s.outputColorSpace = v);
+    const E = n.outputColorSpace;
+    E && (s.outputColorSpace = E);
   }), W(() => {
-    const v = n.shadows;
-    v !== void 0 && (s.shadowMap.enabled = v, c());
+    const E = n.shadows;
+    E !== void 0 && (s.shadowMap.enabled = E, c());
   }), W(() => {
-    const v = n.shadowMapType;
-    v !== void 0 && (s.shadowMap.type = v, c());
+    const E = n.shadowMapType;
+    E !== void 0 && (s.shadowMap.type = E, c());
   }), se(() => {
     s.dispose(), "forceContextLoss" in s && s.forceContextLoss();
   }), {
-    loop: b,
+    loop: P,
     instance: s,
     advance: f,
     onReady: d.on,
     onRender: w.on,
     invalidate: p,
     canBeInvalidated: u,
-    mode: D(n.renderMode)
+    mode: D(n.renderMode),
+    replaceRenderFunction: V
   };
 }
 function ls(e, t, n = 10) {
-  const r = D(e) ? si() : ui(ee(() => D(t).parentElement)), o = $t(Yt(r.width, n)), i = $t(Yt(r.height, n)), s = ee(() => o.value / i.value);
+  const r = D(e) ? ii() : si(ee(() => D(t).parentElement)), o = $t(Yt(r.width, n)), i = $t(Yt(r.height, n)), s = ee(() => o.value / i.value);
   return {
     height: i,
     width: o,
@@ -676,7 +678,7 @@ class cs {
   }
 }
 const Qe = new k();
-class L extends cs {
+class M extends cs {
   constructor(n, r, o, i, s, a, l = s.object, u = l, c = {
     stopped: !r,
     stoppedImmediate: !1
@@ -818,10 +820,10 @@ class L extends cs {
    * for internal use
    */
   retarget(n) {
-    return new L(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, n, this.target, this.propagationState);
+    return new M(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, n, this.target, this.propagationState);
   }
 }
-class $e extends L {
+class He extends M {
   get deltaX() {
     return this.nativeEvent.deltaX;
   }
@@ -838,7 +840,7 @@ class $e extends L {
    * for internal use
    */
   retarget(t) {
-    return new $e(this.nativeEvent, this.internalPointer, this.intersection, this.camera, t, this.target);
+    return new He(this.nativeEvent, this.internalPointer, this.intersection, this.camera, t, this.target);
   }
 }
 function N(e) {
@@ -877,10 +879,10 @@ function ds(e, t) {
   if (e.isVoidObject && t === "click" && ((r = e.parent) == null ? void 0 : r.__r3f) != null && (n = e.parent.__r3f.root.getState().onPointerMissed), e.__r3f != null && (n = e.__r3f.handlers[Rr[t]]), n != null)
     return [n];
 }
-const ps = 1e10, hs = new Uo(ps), nn = /* @__PURE__ */ new Map();
+const ps = 1e10, hs = new Bo(ps), nn = /* @__PURE__ */ new Map();
 function Fr(e) {
   let t = nn.get(e);
-  return t == null && (t = new Ke(hs), t.isVoidObject = !0, t.parent = e, t.pointerEventsOrder = -1 / 0, nn.set(e, t)), t;
+  return t == null && (t = new ze(hs), t.isVoidObject = !0, t.parent = e, t.pointerEventsOrder = -1 / 0, nn.set(e, t)), t;
 }
 function _s(e, t, n) {
   var o;
@@ -900,7 +902,7 @@ function ms(e, t, n) {
 function rn(e, t) {
   return t ? !e : e;
 }
-function Lr(e, t, n, r = !1, o, i, s) {
+function Mr(e, t, n, r = !1, o, i, s) {
   const a = r || gs(e, t), l = t.pointerEvents ?? o, u = l ?? t.defaultPointerEvents ?? "listener", c = t.pointerEventsType ?? i ?? "all", p = t.pointerEventsOrder ?? s ?? 0, f = ms(a, u, c), _ = n.length;
   if (_ === 1)
     (f === !0 || typeof f == "function" && f(n[0])) && Je(n[0], t, u, c, p);
@@ -914,9 +916,9 @@ function Lr(e, t, n, r = !1, o, i, s) {
     }
   if (t.children.length === 0 || t.intersectChildren === !1)
     return;
-  const h = t.interactableDescendants ?? t.children, E = h.length;
-  for (let d = 0; d < E; d++)
-    Lr(e, h[d], n, a, l, c, p);
+  const h = t.interactableDescendants ?? t.children, v = h.length;
+  for (let d = 0; d < v; d++)
+    Mr(e, h[d], n, a, l, c, p);
 }
 function gs(e, t) {
   var o;
@@ -973,15 +975,15 @@ function Cs(e, t, n) {
 }
 const _e = Symbol("buttonsDownTime"), et = Symbol("buttonsClickTime");
 globalThis.pointerEventspointerMap ?? (globalThis.pointerEventspointerMap = /* @__PURE__ */ new Map());
-je.prototype.setPointerCapture = function(e) {
+Ke.prototype.setPointerCapture = function(e) {
   var t;
   (t = St(e)) == null || t.setCapture(this);
 };
-je.prototype.releasePointerCapture = function(e) {
+Ke.prototype.releasePointerCapture = function(e) {
   const t = St(e);
   t == null || !t.hasCaptured(this) || t.setCapture(void 0);
 };
-je.prototype.hasPointerCapture = function(e) {
+Ke.prototype.hasPointerCapture = function(e) {
   var t;
   return ((t = St(e)) == null ? void 0 : t.hasCaptured(this)) ?? !1;
 };
@@ -1049,7 +1051,7 @@ class As {
     this.enabled !== t && (!t && this.pointerCapture != null && ((o = this.parentReleasePointerCapture) == null || o.call(this), this.pointerCapture = void 0), this.enabled = t, r && this.commit(n, !1));
   }
   computeIntersection(t, n, r) {
-    return this.pointerCapture != null ? this.intersector.intersectPointerCapture(this.pointerCapture, r) : (this.intersector.startIntersection(r), Lr(t, n, [this]), this.intersector.finalizeIntersection(n));
+    return this.pointerCapture != null ? this.intersector.intersectPointerCapture(this.pointerCapture, r) : (this.intersector.startIntersection(r), Mr(t, n, [this]), this.intersector.finalizeIntersection(n));
   }
   setIntersection(t) {
     this.intersection = t;
@@ -1057,20 +1059,20 @@ class As {
   commit(t, n) {
     var l;
     const r = this.getCamera(), o = this.prevEnabled ? this.prevIntersection : void 0, i = this.enabled ? this.intersection : void 0;
-    o != null && o.object != (i == null ? void 0 : i.object) && N(new L("pointerout", !0, t, this, o, r));
+    o != null && o.object != (i == null ? void 0 : i.object) && N(new M("pointerout", !0, t, this, o, r));
     const s = this.pointerEntered;
-    this.pointerEntered = [], this.pointerEnteredHelper.length = 0, Mr(i == null ? void 0 : i.object, this.pointerEntered, s, this.pointerEnteredHelper);
+    this.pointerEntered = [], this.pointerEnteredHelper.length = 0, Lr(i == null ? void 0 : i.object, this.pointerEntered, s, this.pointerEnteredHelper);
     const a = s.length;
     for (let u = 0; u < a; u++) {
       const c = s[u];
-      N(new L("pointerleave", !1, t, this, o, r, c));
+      N(new M("pointerleave", !1, t, this, o, r, c));
     }
-    i != null && (o == null ? void 0 : o.object) != i.object && N(new L("pointerover", !0, t, this, i, r));
+    i != null && (o == null ? void 0 : o.object) != i.object && N(new M("pointerover", !0, t, this, i, r));
     for (let u = this.pointerEnteredHelper.length - 1; u >= 0; u--) {
       const c = this.pointerEnteredHelper[u];
-      N(new L("pointerenter", !1, t, this, i, r, c));
+      N(new M("pointerenter", !1, t, this, i, r, c));
     }
-    if (n && i != null && N(new L("pointermove", !0, t, this, i, r)), this.prevIntersection = this.intersection, this.prevEnabled = this.enabled, !this.wasMoved && this.intersector.isReady()) {
+    if (n && i != null && N(new M("pointermove", !0, t, this, i, r)), this.prevIntersection = this.intersection, this.prevEnabled = this.enabled, !this.wasMoved && this.intersector.isReady()) {
       this.wasMoved = !0;
       const u = this.onFirstMove.length;
       for (let c = 0; c < u; c++)
@@ -1090,7 +1092,7 @@ class As {
    * just emitting a move event to the current intersection
    */
   emitMove(t) {
-    this.intersection != null && N(new L("pointermove", !0, t, this, this.intersection, this.getCamera()));
+    this.intersection != null && N(new M("pointermove", !0, t, this, this.intersection, this.getCamera()));
   }
   down(t) {
     if (this.buttonsDown.add(t.button), !this.enabled)
@@ -1101,7 +1103,7 @@ class As {
     }
     if (this.intersection == null)
       return;
-    N(new L("pointerdown", !0, t, this, this.intersection, this.getCamera()));
+    N(new M("pointerdown", !0, t, this, this.intersection, this.getCamera()));
     const { object: n } = this.intersection;
     n[_e] ?? (n[_e] = /* @__PURE__ */ new Map()), n[_e].set(t.button, t.timeStamp), this.buttonsDownTime.set(t.button, t.timeStamp);
   }
@@ -1117,15 +1119,15 @@ class As {
     const { clickThesholdMs: n, contextMenuButton: r = 2, dblClickThresholdMs: o = 500, clickThresholdMs: i = n ?? 300 } = this.options;
     this.pointerCapture = void 0;
     const s = ws(this.buttonsDownTime, this.intersection.object[_e], t.button, t.timeStamp, i), a = this.getCamera();
-    if (s && t.button === r && N(new L("contextmenu", !0, t, this, this.intersection, a)), N(new L("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
+    if (s && t.button === r && N(new M("contextmenu", !0, t, this, this.intersection, a)), N(new M("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
       return;
-    N(new L("click", !0, t, this, this.intersection, a));
+    N(new M("click", !0, t, this, this.intersection, a));
     const { object: l } = this.intersection, u = l[et] ?? (l[et] = /* @__PURE__ */ new Map()), c = u.get(t.button);
     if (c == null || t.timeStamp - c > o) {
       u.set(t.button, t.timeStamp);
       return;
     }
-    N(new L("dblclick", !0, t, this, this.intersection, a)), u.delete(t.button);
+    N(new M("dblclick", !0, t, this, this.intersection, a)), u.delete(t.button);
   }
   cancel(t) {
     if (this.enabled) {
@@ -1133,7 +1135,7 @@ class As {
         this.onFirstMove.push(this.cancel.bind(this, t));
         return;
       }
-      this.intersection != null && N(new L("pointercancel", !0, t, this, this.intersection, this.getCamera()));
+      this.intersection != null && N(new M("pointercancel", !0, t, this, this.intersection, this.getCamera()));
     }
   }
   wheel(t, n, r = !1) {
@@ -1145,7 +1147,7 @@ class As {
     }
     r || (this.wheelIntersection = this.computeIntersection("wheel", t, n));
     const o = r ? this.intersection : this.wheelIntersection;
-    o != null && N(new $e(n, this, o, this.getCamera()));
+    o != null && N(new He(n, this, o, this.getCamera()));
   }
   emitWheel(t, n = !1) {
     if (!this.enabled)
@@ -1155,18 +1157,18 @@ class As {
       return;
     }
     const r = n ? this.intersection : this.wheelIntersection;
-    r != null && N(new $e(t, this, r, this.getCamera()));
+    r != null && N(new He(t, this, r, this.getCamera()));
   }
   exit(t) {
     var n;
     this.wasMoved && (this.pointerCapture != null && ((n = this.parentReleasePointerCapture) == null || n.call(this), this.pointerCapture = void 0), this.intersection = void 0, this.commit(t, !1)), this.onFirstMove.length = 0, this.wasMoved = !1;
   }
 }
-function Mr(e, t, n, r) {
+function Lr(e, t, n, r) {
   if (e == null)
     return;
   const o = n.indexOf(e);
-  o != -1 ? n.splice(o, 1) : r.push(e), t.push(e), Mr(e.parent, t, n, r);
+  o != -1 ? n.splice(o, 1) : r.push(e), t.push(e), Lr(e.parent, t, n, r);
 }
 function ws(e, t, n, r, o) {
   if (t == null)
@@ -1203,26 +1205,26 @@ function Os(e, t) {
     t(s, s + 1, s + 2);
 }
 new Se();
-new Ho();
+new Uo();
 new k();
-new We();
+new je();
 new at();
 new Z();
 new k(0, 0, 0), new k(0, 0, 1);
 const ln = new Se(), Ss = new k();
 new k(0, 0, -1);
-new We();
+new je();
 const cn = new Z(), Ps = new k();
 class Is {
   constructor(t, n) {
     C(this, "prepareTransformation");
     C(this, "options");
-    C(this, "raycaster", new $o());
+    C(this, "raycaster", new Ho());
     C(this, "cameraQuaternion", new lt());
     C(this, "fromPosition", new k());
     C(this, "fromQuaternion", new lt());
     C(this, "coords", new Z());
-    C(this, "viewPlane", new We());
+    C(this, "viewPlane", new je());
     C(this, "intersects", []);
     C(this, "pointerEventsOrders", []);
     this.prepareTransformation = t, this.options = n;
@@ -1242,7 +1244,7 @@ class Is {
       return t;
     t.object.updateWorldMatrix(!0, !1), _s(this.viewPlane, t, t.object.matrixWorld);
     let s = t.uv;
-    return t.object instanceof Ke && Ts(cn, i, t.object) && (s = cn.clone()), {
+    return t.object instanceof ze && Ts(cn, i, t.object) && (s = cn.clone()), {
       ...t,
       details: {
         ...o,
@@ -1291,8 +1293,8 @@ new Z();
 new Se();
 new k();
 new lt();
-new We();
-new zo();
+new je();
+new $o();
 new k();
 new k();
 new k();
@@ -1326,59 +1328,59 @@ function Rs(e, t, n, r) {
   );
 }
 function Fs(e, t, n, r, o, i, s = {}) {
-  const a = (s == null ? void 0 : s.forwardPointerCapture) ?? !0, l = /* @__PURE__ */ new Map(), u = s.pointerTypePrefix ?? "forward-", c = (v, O) => {
-    let T = l.get(v.pointerId);
-    return T != null || (T = new As(ks(), `${u}${v.pointerType}`, v.pointerState, new Is((R, F) => (r(R, F), t()), s), t, void 0, a ? o.bind(null, v.pointerId) : void 0, a ? i.bind(null, v.pointerId) : void 0, s), O != "move" && O != "wheel" && (T.setIntersection(T.computeIntersection("pointer", n, v)), T.commit(v, !1)), l.set(v.pointerId, T)), T;
-  }, p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), _ = [], h = [], E = (v, O, T) => {
-    switch (v) {
+  const a = (s == null ? void 0 : s.forwardPointerCapture) ?? !0, l = /* @__PURE__ */ new Map(), u = s.pointerTypePrefix ?? "forward-", c = (T, S) => {
+    let E = l.get(T.pointerId);
+    return E != null || (E = new As(ks(), `${u}${T.pointerType}`, T.pointerState, new Is((x, F) => (r(x, F), t()), s), t, void 0, a ? o.bind(null, T.pointerId) : void 0, a ? i.bind(null, T.pointerId) : void 0, s), S != "move" && S != "wheel" && (E.setIntersection(E.computeIntersection("pointer", n, T)), E.commit(T, !1)), l.set(T.pointerId, E)), E;
+  }, p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), _ = [], h = [], v = (T, S, E) => {
+    switch (T) {
       case "move":
-        T.move(n, O);
+        E.move(n, S);
         return;
       case "wheel":
-        T.wheel(n, O);
+        E.wheel(n, S);
         return;
       case "cancel":
-        T.cancel(O);
+        E.cancel(S);
         return;
       case "down":
-        if (!fn(O))
+        if (!fn(S))
           return;
-        T.down(O);
+        E.down(S);
         return;
       case "up":
-        if (!fn(O))
+        if (!fn(S))
           return;
-        T.up(O);
+        E.up(S);
         return;
       case "exit":
-        f.delete(T), p.delete(T), T.exit(O);
+        f.delete(E), p.delete(E), E.exit(S);
         return;
     }
-  }, d = (v, O) => {
-    const T = c(O, v);
-    v === "move" && f.set(T, O), v === "wheel" && p.set(T, O), s.batchEvents ?? !0 ? h.push({ type: v, event: O }) : E(v, O, T);
+  }, d = (T, S) => {
+    const E = c(S, T);
+    T === "move" && f.set(E, S), T === "wheel" && p.set(E, S), s.batchEvents ?? !0 ? h.push({ type: T, event: S }) : v(T, S, E);
   }, m = d.bind(null, "move"), w = d.bind(null, "cancel"), A = d.bind(null, "down"), b = d.bind(null, "up"), V = d.bind(null, "wheel"), P = d.bind(null, "exit");
   return e.addEventListener("pointermove", m), e.addEventListener("pointercancel", w), e.addEventListener("pointerdown", A), e.addEventListener("pointerup", b), e.addEventListener("wheel", V), e.addEventListener("pointerleave", P), {
     destroy() {
       e.removeEventListener("pointermove", m), e.removeEventListener("pointercancel", w), e.removeEventListener("pointerdown", A), e.removeEventListener("pointerup", b), e.removeEventListener("wheel", V), e.removeEventListener("pointerleave", P), f.clear(), p.clear();
     },
     update() {
-      const v = h.length;
-      for (let O = 0; O < v; O++) {
-        const { type: T, event: R } = h[O], F = c(R, T);
-        if (T === "move" && (_.push(F), f.get(F) != R)) {
-          F.emitMove(R);
+      const T = h.length;
+      for (let S = 0; S < T; S++) {
+        const { type: E, event: x } = h[S], F = c(x, E);
+        if (E === "move" && (_.push(F), f.get(F) != x)) {
+          F.emitMove(x);
           continue;
         }
-        if (T === "wheel" && p.get(F) != R) {
-          F.emitWheel(R);
+        if (E === "wheel" && p.get(F) != x) {
+          F.emitWheel(x);
           continue;
         }
-        E(T, R, F);
+        v(E, x, F);
       }
       if (h.length = 0, s.intersectEveryFrame ?? !1)
-        for (const [O, T] of f.entries())
-          _.includes(O) || O.move(n, T);
+        for (const [S, E] of f.entries())
+          _.includes(S) || S.move(n, E);
       _.length = 0;
     }
   };
@@ -1386,7 +1388,7 @@ function Fs(e, t, n, r, o, i, s = {}) {
 function fn(e) {
   return e.button != null;
 }
-function Ls({
+function Ms({
   canvas: e,
   contextParts: { scene: t, camera: n, renderer: r }
 }) {
@@ -1397,12 +1399,12 @@ function Ls({
     onPointerMissed: l.on
   };
 }
-function Ms({
+const Ls = "useTres", [Ns, Vs] = ui(({
   scene: e,
   canvas: t,
   windowSize: n,
   rendererOptions: r
-}) {
+}) => {
   const o = ut(e), i = ls(n, t), s = is({ sizes: i }), a = as(
     {
       scene: o,
@@ -1410,7 +1412,7 @@ function Ms({
       options: r,
       contextParts: { sizes: i, camera: s }
     }
-  ), l = Ls({
+  ), l = Ms({
     canvas: t,
     contextParts: { scene: o, camera: s, renderer: a }
   }), u = {
@@ -1422,17 +1424,20 @@ function Ms({
     extend: _t,
     events: l
   };
-  return Le("useTres", u), u.scene.value.__tres = {
+  return u.scene.value.__tres = {
     root: u
   }, u;
-}
-function Nr() {
-  const e = Oo("useTres");
+}, {
+  injectionKey: "useTres"
+}), Nr = () => {
+  const e = Vs();
   if (!e)
-    throw new Error("useTresContext must be used together with useTresContextProvider");
+    throw new Error(`useTresContext must be used together with useTresContextProvider.
+ You probably tried to use it above or on the same level as a TresCanvas component.
+ It should be used in child components of a TresCanvas instance.`);
   return e;
-}
-function Ns() {
+};
+function Bs() {
   const { scene: e, renderer: t, camera: n, sizes: r, controls: o, extend: i, events: s } = Nr();
   return {
     scene: e,
@@ -1446,14 +1451,14 @@ function Ns() {
     advance: t.advance
   };
 }
-const pl = () => {
-  const e = Ns(), { renderer: t } = Nr(), n = tn(), r = tn();
+const _l = () => {
+  const e = Bs(), { renderer: t } = Nr(), n = tn(), r = tn();
   t.loop.onBeforeLoop((i) => {
     n.trigger({ ...e, ...i });
   }), t.loop.onLoop((i) => {
     r.trigger({ ...e, ...i });
   });
-  const o = t.loop.replaceLoopFunction;
+  const o = t.replaceRenderFunction;
   return {
     stop: t.loop.stop,
     start: t.loop.start,
@@ -1463,7 +1468,7 @@ const pl = () => {
     render: o
   };
 };
-function Vs(e, t = {}, n = {}) {
+function Us(e, t = {}, n = {}) {
   let r = e;
   const o = (a) => {
     r = a;
@@ -1482,7 +1487,7 @@ function Vs(e, t = {}, n = {}) {
   };
   return i = new Proxy({}, s), i;
 }
-const Bs = [
+const Hs = [
   "onClick",
   "onContextmenu",
   "onPointermove",
@@ -1496,7 +1501,7 @@ const Bs = [
   "onPointercancel",
   "onLostpointercapture",
   "onWheel"
-], Us = {
+], $s = {
   onClick: "click",
   onContextmenu: "contextmenu",
   onPointermove: "pointermove",
@@ -1510,7 +1515,7 @@ const Bs = [
   onPointercancel: "pointercancel",
   onLostpointercapture: "lostpointercapture",
   onWheel: "wheel"
-}, dn = (e) => Bs.includes(e), Hs = (e) => {
+}, dn = (e) => Hs.includes(e), zs = (e) => {
   const t = e.scene.value;
   function n(u, c, p, f) {
     if (f || (f = {}), f.args || (f.args = []), u === "template" || Wi(u))
@@ -1520,28 +1525,28 @@ const Bs = [
       (!U(f.object) || Ee(f.object)) && Xt(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
       ), _ = f.object.type;
-      const E = {};
-      h = Vs(
+      const v = {};
+      h = Us(
         f.object,
         {
           object: (m) => m,
           isPrimitive: () => !0,
-          __tres: () => E
+          __tres: () => v
         },
         {
           object: (m, w, A, b) => {
             rs(m, A, b, { patchProp: i, remove: o, insert: r }, e);
           },
           __tres: (m) => {
-            Object.assign(E, m);
+            Object.assign(v, m);
           }
         }
       );
     } else {
-      const E = ht.value[_];
-      E || Xt(
+      const v = ht.value[_];
+      v || Xt(
         `${_} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), h = new E(...f.args);
+      ), h = new v(...f.args);
     }
     return h ? (ie(h) && (f != null && f.position || h.position.set(3, 3, 3), f != null && f.lookAt || h.lookAt(0, 0, 0)), h = Q(h, {
       ...Ki(h) ? h.__tres : {},
@@ -1560,13 +1565,13 @@ const Bs = [
     u = ue(p), c = ue(f), ie(u) && ((_ = e.camera) == null || _.registerCamera(u)), p.__tres.attach ? es(f, p, p.__tres.attach) : ft(u) && ft(f) && (f.add(u), u.dispatchEvent({ type: "added" })), p.__tres.parent = f, f.__tres.objects && !f.__tres.objects.includes(p) && f.__tres.objects.push(p);
   }
   function o(u, c) {
-    var h, E;
+    var h, v;
     if (!u)
       return;
     c = ct(c) ? "default" : c;
     const p = (h = u.__tres) == null ? void 0 : h.dispose;
     ct(p) || (p === null ? c = !1 : c = p);
-    const f = (E = u.__tres) == null ? void 0 : E.primitive, _ = c === "default" ? !f : !!c;
+    const f = (v = u.__tres) == null ? void 0 : v.primitive, _ = c === "default" ? !f : !!c;
     if (u.__tres && "objects" in u.__tres && [...u.__tres.objects].forEach((d) => o(d, c)), _ && u.children && [...u.children].forEach((d) => o(d, c)), Dr(u, e), kr(u, e), _ && !Hi(u)) {
       if (q(c))
         c(u);
@@ -1592,18 +1597,18 @@ const Bs = [
       u.__tres || (u = Q(u, {}, e)), u.__tres.dispose = f;
       return;
     }
-    dn(c) && q(f) && u.addEventListener(Us[c], f);
-    let E = Ze(h), d = _ == null ? void 0 : _[E];
+    dn(c) && q(f) && u.addEventListener($s[c], f);
+    let v = Ze(h), d = _ == null ? void 0 : _[v];
     if (h === "args") {
-      const b = u, V = p ?? [], P = f ?? [], v = ((A = u.__tres) == null ? void 0 : A.type) || u.type;
-      if (v && V.length && !Yi(V, P)) {
-        const O = new ht.value[v](...f), T = Object.getOwnPropertyDescriptors(O);
-        Object.entries(T).forEach(([R, F]) => {
-          if (!(!F.writable && !F.set) && R in b)
+      const b = u, V = p ?? [], P = f ?? [], T = ((A = u.__tres) == null ? void 0 : A.type) || u.type;
+      if (T && V.length && !Yi(V, P)) {
+        const S = new ht.value[T](...f), E = Object.getOwnPropertyDescriptors(S);
+        Object.entries(E).forEach(([x, F]) => {
+          if (!(!F.writable && !F.set) && x in b)
             try {
-              b[R] = O[R];
+              b[x] = S[x];
             } catch (Ie) {
-              console.warn(`Could not set property ${R} on ${v}:`, Ie);
+              console.warn(`Could not set property ${x} on ${T}:`, Ie);
             }
         }), _ = b;
       }
@@ -1621,21 +1626,21 @@ const Bs = [
     if (h.includes("-") && d === void 0) {
       d = _;
       for (const b of h.split("-"))
-        E = h = Ze(b), _ = d, d = d == null ? void 0 : d[h];
+        v = h = Ze(b), _ = d, d = d == null ? void 0 : d[h];
     }
     let m = f;
     if (m === "" && (m = !0), q(d)) {
-      dn(c) || (Tr(m) ? u[E](...m) : u[E](m)), E.startsWith("on") && q(m) && (_[E] = m);
+      dn(c) || (Tr(m) ? u[v](...m) : u[v](m)), v.startsWith("on") && q(m) && (_[v] = m);
       return;
     }
-    qt(d) && qt(m) ? d.mask = m.mask : Sr(d) && Ri(m) ? d.set(m) : Fi(d) && Li(m) && d.constructor === m.constructor ? d.copy(m) : dt(d) && Array.isArray(m) ? "fromArray" in d && typeof d.fromArray == "function" ? d.fromArray(m) : d.set(...m) : dt(d) && typeof m == "number" ? "setScalar" in d && typeof d.setScalar == "function" ? d.setScalar(m) : d.set(m) : _[E] = m, ie(u) && u.updateProjectionMatrix(), Ir(u);
+    qt(d) && qt(m) ? d.mask = m.mask : Sr(d) && Ri(m) ? d.set(m) : Fi(d) && Mi(m) && d.constructor === m.constructor ? d.copy(m) : dt(d) && Array.isArray(m) ? "fromArray" in d && typeof d.fromArray == "function" ? d.fromArray(m) : d.set(...m) : dt(d) && typeof m == "number" ? "setScalar" in d && typeof d.setScalar == "function" ? d.setScalar(m) : d.set(m) : _[v] = m, ie(u) && u.updateProjectionMatrix(), Ir(u);
   }
   function s(u) {
     var c;
     return ((c = u == null ? void 0 : u.__tres) == null ? void 0 : c.parent) || null;
   }
   function a(u) {
-    const c = Q(new je(), { type: "Comment" }, e);
+    const c = Q(new Ke(), { type: "Comment" }, e);
     return c.name = u, c;
   }
   function l(u) {
@@ -1660,26 +1665,26 @@ const Bs = [
     insertStaticContent: () => void 0
   };
 };
-var $s = Object.create, Vr = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Pt = Object.getOwnPropertyNames, Ks = Object.getPrototypeOf, js = Object.prototype.hasOwnProperty, Ws = (e, t) => function() {
+var Ks = Object.create, Vr = Object.defineProperty, js = Object.getOwnPropertyDescriptor, Pt = Object.getOwnPropertyNames, Ws = Object.getPrototypeOf, Gs = Object.prototype.hasOwnProperty, Ys = (e, t) => function() {
   return e && (t = (0, e[Pt(e)[0]])(e = 0)), t;
-}, Gs = (e, t) => function() {
+}, qs = (e, t) => function() {
   return t || (0, e[Pt(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, Ys = (e, t, n, r) => {
+}, Xs = (e, t, n, r) => {
   if (t && typeof t == "object" || typeof t == "function")
     for (let o of Pt(t))
-      !js.call(e, o) && o !== n && Vr(e, o, { get: () => t[o], enumerable: !(r = zs(t, o)) || r.enumerable });
+      !Gs.call(e, o) && o !== n && Vr(e, o, { get: () => t[o], enumerable: !(r = js(t, o)) || r.enumerable });
   return e;
-}, qs = (e, t, n) => (n = e != null ? $s(Ks(e)) : {}, Ys(
+}, Zs = (e, t, n) => (n = e != null ? Ks(Ws(e)) : {}, Xs(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
   Vr(n, "default", { value: e, enumerable: !0 }),
   e
-)), Pe = Ws({
+)), Pe = Ys({
   "../../node_modules/.pnpm/tsup@8.4.0_@microsoft+api-extractor@7.51.1_@types+node@22.13.14__jiti@2.4.2_postcss@8.5_96eb05a9d65343021e53791dd83f3773/node_modules/tsup/assets/esm_shims.js"() {
   }
-}), Xs = Gs({
+}), Qs = qs({
   "../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js"(e, t) {
     Pe(), t.exports = r;
     function n(i) {
@@ -1695,8 +1700,8 @@ var $s = Object.create, Vr = Object.defineProperty, zs = Object.getOwnPropertyDe
       return i.proto ? c : u;
       function l(p, f) {
         const _ = Object.keys(p), h = new Array(_.length);
-        for (let E = 0; E < _.length; E++) {
-          const d = _[E], m = p[d];
+        for (let v = 0; v < _.length; v++) {
+          const d = _[v], m = p[d];
           typeof m != "object" || m === null ? h[d] = m : m.constructor !== Object && (a = s.get(m.constructor)) ? h[d] = a(m, f) : ArrayBuffer.isView(m) ? h[d] = n(m) : h[d] = f(m);
         }
         return h;
@@ -1735,9 +1740,9 @@ var $s = Object.create, Vr = Object.defineProperty, zs = Object.getOwnPropertyDe
       let u = null;
       return i.proto ? f : p;
       function c(_, h) {
-        const E = Object.keys(_), d = new Array(E.length);
-        for (let m = 0; m < E.length; m++) {
-          const w = E[m], A = _[w];
+        const v = Object.keys(_), d = new Array(v.length);
+        for (let m = 0; m < v.length; m++) {
+          const w = v[m], A = _[w];
           if (typeof A != "object" || A === null)
             d[w] = A;
           else if (A.constructor !== Object && (u = l.get(A.constructor)))
@@ -1758,18 +1763,18 @@ var $s = Object.create, Vr = Object.defineProperty, zs = Object.getOwnPropertyDe
           return u(_, p);
         const h = {};
         s.push(_), a.push(h);
-        for (const E in _) {
-          if (Object.hasOwnProperty.call(_, E) === !1) continue;
-          const d = _[E];
+        for (const v in _) {
+          if (Object.hasOwnProperty.call(_, v) === !1) continue;
+          const d = _[v];
           if (typeof d != "object" || d === null)
-            h[E] = d;
+            h[v] = d;
           else if (d.constructor !== Object && (u = l.get(d.constructor)))
-            h[E] = u(d, p);
+            h[v] = u(d, p);
           else if (ArrayBuffer.isView(d))
-            h[E] = n(d);
+            h[v] = n(d);
           else {
             const m = s.indexOf(d);
-            m !== -1 ? h[E] = a[m] : h[E] = p(d);
+            m !== -1 ? h[v] = a[m] : h[v] = p(d);
           }
         }
         return s.pop(), a.pop(), h;
@@ -1781,17 +1786,17 @@ var $s = Object.create, Vr = Object.defineProperty, zs = Object.getOwnPropertyDe
           return u(_, f);
         const h = {};
         s.push(_), a.push(h);
-        for (const E in _) {
-          const d = _[E];
+        for (const v in _) {
+          const d = _[v];
           if (typeof d != "object" || d === null)
-            h[E] = d;
+            h[v] = d;
           else if (d.constructor !== Object && (u = l.get(d.constructor)))
-            h[E] = u(d, f);
+            h[v] = u(d, f);
           else if (ArrayBuffer.isView(d))
-            h[E] = n(d);
+            h[v] = n(d);
           else {
             const m = s.indexOf(d);
-            m !== -1 ? h[E] = a[m] : h[E] = f(d);
+            m !== -1 ? h[v] = a[m] : h[v] = f(d);
           }
         }
         return s.pop(), a.pop(), h;
@@ -1808,14 +1813,14 @@ Br && (y.self, y.top);
 var pn;
 typeof navigator < "u" && ((pn = navigator.userAgent) == null || pn.toLowerCase().includes("electron"));
 Pe();
-var Zs = qs(Xs()), Qs = /(?:^|[-_/])(\w)/g;
-function Js(e, t) {
+var Js = Zs(Qs()), eu = /(?:^|[-_/])(\w)/g;
+function tu(e, t) {
   return t ? t.toUpperCase() : "";
 }
-function eu(e) {
-  return e && `${e}`.replace(Qs, Js);
+function nu(e) {
+  return e && `${e}`.replace(eu, tu);
 }
-function tu(e, t) {
+function ru(e, t) {
   let n = e.replace(/^[a-z]:/i, "").replace(/\\/g, "/");
   n.endsWith(`index${t}`) && (n = n.replace(`/index${t}`, t));
   const r = n.lastIndexOf("/"), o = n.substring(r + 1);
@@ -1824,15 +1829,15 @@ function tu(e, t) {
     return o.substring(0, i);
   }
 }
-var hn = (0, Zs.default)({ circles: !0 });
-const nu = {
+var hn = (0, Js.default)({ circles: !0 });
+const ou = {
   trailing: !0
 };
 function ae(e, t = 25, n = {}) {
-  if (n = { ...nu, ...n }, !Number.isFinite(t))
+  if (n = { ...ou, ...n }, !Number.isFinite(t))
     throw new TypeError("Expected `wait` to be a finite number");
   let r, o, i = [], s, a;
-  const l = (u, c) => (s = ru(e, u, c), s.finally(() => {
+  const l = (u, c) => (s = iu(e, u, c), s.finally(() => {
     if (s = null, n.trailing && a && !o) {
       const p = l(u, a);
       return a = null, p;
@@ -1851,7 +1856,7 @@ function ae(e, t = 25, n = {}) {
     });
   };
 }
-async function ru(e, t, n) {
+async function iu(e, t, n) {
   return await e.apply(t, n);
 }
 function mt(e, t = {}, n) {
@@ -1861,15 +1866,15 @@ function mt(e, t = {}, n) {
   }
   return t;
 }
-const ou = { run: (e) => e() }, iu = () => ou, Ur = typeof console.createTask < "u" ? console.createTask : iu;
-function su(e, t) {
+const su = { run: (e) => e() }, uu = () => su, Ur = typeof console.createTask < "u" ? console.createTask : uu;
+function au(e, t) {
   const n = t.shift(), r = Ur(n);
   return e.reduce(
     (o, i) => o.then(() => r.run(() => i(...t))),
     Promise.resolve()
   );
 }
-function uu(e, t) {
+function lu(e, t) {
   const n = t.shift(), r = Ur(n);
   return Promise.all(e.map((o) => r.run(() => o(...t))));
 }
@@ -1877,7 +1882,7 @@ function rt(e, t) {
   for (const n of [...e])
     n(t);
 }
-class au {
+class cu {
   constructor() {
     this._hooks = {}, this._before = void 0, this._after = void 0, this._deprecatedMessages = void 0, this._deprecatedHooks = {}, this.hook = this.hook.bind(this), this.callHook = this.callHook.bind(this), this.callHookWith = this.callHookWith.bind(this);
   }
@@ -1946,10 +1951,10 @@ class au {
       delete this._hooks[t];
   }
   callHook(t, ...n) {
-    return n.unshift(t), this.callHookWith(su, t, ...n);
+    return n.unshift(t), this.callHookWith(au, t, ...n);
   }
   callHookParallel(t, ...n) {
-    return n.unshift(t), this.callHookWith(uu, t, ...n);
+    return n.unshift(t), this.callHookWith(lu, t, ...n);
   }
   callHookWith(t, n, ...r) {
     const o = this._before || this._after ? { name: n, args: r, context: {} } : void 0;
@@ -1980,28 +1985,28 @@ class au {
   }
 }
 function Hr() {
-  return new au();
+  return new cu();
 }
-var lu = Object.create, $r = Object.defineProperty, cu = Object.getOwnPropertyDescriptor, It = Object.getOwnPropertyNames, fu = Object.getPrototypeOf, du = Object.prototype.hasOwnProperty, pu = (e, t) => function() {
+var fu = Object.create, $r = Object.defineProperty, du = Object.getOwnPropertyDescriptor, It = Object.getOwnPropertyNames, pu = Object.getPrototypeOf, hu = Object.prototype.hasOwnProperty, _u = (e, t) => function() {
   return e && (t = (0, e[It(e)[0]])(e = 0)), t;
 }, zr = (e, t) => function() {
   return t || (0, e[It(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, hu = (e, t, n, r) => {
+}, mu = (e, t, n, r) => {
   if (t && typeof t == "object" || typeof t == "function")
     for (let o of It(t))
-      !du.call(e, o) && o !== n && $r(e, o, { get: () => t[o], enumerable: !(r = cu(t, o)) || r.enumerable });
+      !hu.call(e, o) && o !== n && $r(e, o, { get: () => t[o], enumerable: !(r = du(t, o)) || r.enumerable });
   return e;
-}, _u = (e, t, n) => (n = e != null ? lu(fu(e)) : {}, hu(
+}, gu = (e, t, n) => (n = e != null ? fu(pu(e)) : {}, mu(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
   $r(n, "default", { value: e, enumerable: !0 }),
   e
-)), g = pu({
+)), g = _u({
   "../../node_modules/.pnpm/tsup@8.4.0_@microsoft+api-extractor@7.51.1_@types+node@22.13.14__jiti@2.4.2_postcss@8.5_96eb05a9d65343021e53791dd83f3773/node_modules/tsup/assets/esm_shims.js"() {
   }
-}), mu = zr({
+}), Eu = zr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js"(e, t) {
     g(), function(n) {
       var r = {
@@ -3338,36 +3343,36 @@ var lu = Object.create, $r = Object.defineProperty, cu = Object.getOwnPropertyDe
           "¤": "tien te"
         }
       }, l = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), u = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), p = function(d, m) {
-        var w = "-", A = "", b = "", V = !0, P = {}, v, O, T, R, F, Ie, pe, ne, Ut, K, S, De, $, re, G = "";
+        var w = "-", A = "", b = "", V = !0, P = {}, T, S, E, x, F, Ie, pe, ne, Ut, K, O, De, $, re, G = "";
         if (typeof d != "string")
           return "";
         if (typeof m == "string" && (w = m), pe = a.en, ne = s.en, typeof m == "object") {
-          v = m.maintainCase || !1, P = m.custom && typeof m.custom == "object" ? m.custom : P, T = +m.truncate > 1 && m.truncate || !1, R = m.uric || !1, F = m.uricNoSlash || !1, Ie = m.mark || !1, V = !(m.symbols === !1 || m.lang === !1), w = m.separator || w, R && (G += l), F && (G += u), Ie && (G += c), pe = m.lang && a[m.lang] && V ? a[m.lang] : V ? a.en : {}, ne = m.lang && s[m.lang] ? s[m.lang] : m.lang === !1 || m.lang === !0 ? {} : s.en, m.titleCase && typeof m.titleCase.length == "number" && Array.prototype.toString.call(m.titleCase) ? (m.titleCase.forEach(function(H) {
+          T = m.maintainCase || !1, P = m.custom && typeof m.custom == "object" ? m.custom : P, E = +m.truncate > 1 && m.truncate || !1, x = m.uric || !1, F = m.uricNoSlash || !1, Ie = m.mark || !1, V = !(m.symbols === !1 || m.lang === !1), w = m.separator || w, x && (G += l), F && (G += u), Ie && (G += c), pe = m.lang && a[m.lang] && V ? a[m.lang] : V ? a.en : {}, ne = m.lang && s[m.lang] ? s[m.lang] : m.lang === !1 || m.lang === !0 ? {} : s.en, m.titleCase && typeof m.titleCase.length == "number" && Array.prototype.toString.call(m.titleCase) ? (m.titleCase.forEach(function(H) {
             P[H + ""] = H + "";
-          }), O = !0) : O = !!m.titleCase, m.custom && typeof m.custom.length == "number" && Array.prototype.toString.call(m.custom) && m.custom.forEach(function(H) {
+          }), S = !0) : S = !!m.titleCase, m.custom && typeof m.custom.length == "number" && Array.prototype.toString.call(m.custom) && m.custom.forEach(function(H) {
             P[H + ""] = H + "";
           }), Object.keys(P).forEach(function(H) {
             var he;
             H.length > 1 ? he = new RegExp("\\b" + _(H) + "\\b", "gi") : he = new RegExp(_(H), "gi"), d = d.replace(he, P[H]);
           });
-          for (S in P)
-            G += S;
+          for (O in P)
+            G += O;
         }
         for (G += w, G = _(G), d = d.replace(/(^\s+|\s+$)/g, ""), $ = !1, re = !1, K = 0, De = d.length; K < De; K++)
-          S = d[K], h(S, P) ? $ = !1 : ne[S] ? (S = $ && ne[S].match(/[A-Za-z0-9]/) ? " " + ne[S] : ne[S], $ = !1) : S in r ? (K + 1 < De && o.indexOf(d[K + 1]) >= 0 ? (b += S, S = "") : re === !0 ? (S = i[b] + r[S], b = "") : S = $ && r[S].match(/[A-Za-z0-9]/) ? " " + r[S] : r[S], $ = !1, re = !1) : S in i ? (b += S, S = "", K === De - 1 && (S = i[b]), re = !0) : /* process symbol chars */ pe[S] && !(R && l.indexOf(S) !== -1) && !(F && u.indexOf(S) !== -1) ? (S = $ || A.substr(-1).match(/[A-Za-z0-9]/) ? w + pe[S] : pe[S], S += d[K + 1] !== void 0 && d[K + 1].match(/[A-Za-z0-9]/) ? w : "", $ = !0) : (re === !0 ? (S = i[b] + S, b = "", re = !1) : $ && (/[A-Za-z0-9]/.test(S) || A.substr(-1).match(/A-Za-z0-9]/)) && (S = " " + S), $ = !1), A += S.replace(new RegExp("[^\\w\\s" + G + "_-]", "g"), w);
-        return O && (A = A.replace(/(\w)(\S*)/g, function(H, he, Ht) {
-          var Xe = he.toUpperCase() + (Ht !== null ? Ht : "");
-          return Object.keys(P).indexOf(Xe.toLowerCase()) < 0 ? Xe : Xe.toLowerCase();
-        })), A = A.replace(/\s+/g, w).replace(new RegExp("\\" + w + "+", "g"), w).replace(new RegExp("(^\\" + w + "+|\\" + w + "+$)", "g"), ""), T && A.length > T && (Ut = A.charAt(T) === w, A = A.slice(0, T), Ut || (A = A.slice(0, A.lastIndexOf(w)))), !v && !O && (A = A.toLowerCase()), A;
+          O = d[K], h(O, P) ? $ = !1 : ne[O] ? (O = $ && ne[O].match(/[A-Za-z0-9]/) ? " " + ne[O] : ne[O], $ = !1) : O in r ? (K + 1 < De && o.indexOf(d[K + 1]) >= 0 ? (b += O, O = "") : re === !0 ? (O = i[b] + r[O], b = "") : O = $ && r[O].match(/[A-Za-z0-9]/) ? " " + r[O] : r[O], $ = !1, re = !1) : O in i ? (b += O, O = "", K === De - 1 && (O = i[b]), re = !0) : /* process symbol chars */ pe[O] && !(x && l.indexOf(O) !== -1) && !(F && u.indexOf(O) !== -1) ? (O = $ || A.substr(-1).match(/[A-Za-z0-9]/) ? w + pe[O] : pe[O], O += d[K + 1] !== void 0 && d[K + 1].match(/[A-Za-z0-9]/) ? w : "", $ = !0) : (re === !0 ? (O = i[b] + O, b = "", re = !1) : $ && (/[A-Za-z0-9]/.test(O) || A.substr(-1).match(/A-Za-z0-9]/)) && (O = " " + O), $ = !1), A += O.replace(new RegExp("[^\\w\\s" + G + "_-]", "g"), w);
+        return S && (A = A.replace(/(\w)(\S*)/g, function(H, he, Ht) {
+          var qe = he.toUpperCase() + (Ht !== null ? Ht : "");
+          return Object.keys(P).indexOf(qe.toLowerCase()) < 0 ? qe : qe.toLowerCase();
+        })), A = A.replace(/\s+/g, w).replace(new RegExp("\\" + w + "+", "g"), w).replace(new RegExp("(^\\" + w + "+|\\" + w + "+$)", "g"), ""), E && A.length > E && (Ut = A.charAt(E) === w, A = A.slice(0, E), Ut || (A = A.slice(0, A.lastIndexOf(w)))), !T && !S && (A = A.toLowerCase()), A;
       }, f = function(d) {
         return function(w) {
           return p(w, d);
         };
       }, _ = function(d) {
         return d.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
-      }, h = function(E, d) {
+      }, h = function(v, d) {
         for (var m in d)
-          if (d[m] === E)
+          if (d[m] === v)
             return !0;
       };
       if (typeof t < "u" && t.exports)
@@ -3385,9 +3390,9 @@ var lu = Object.create, $r = Object.defineProperty, cu = Object.getOwnPropertyDe
         }
     }(e);
   }
-}), gu = zr({
+}), vu = zr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js"(e, t) {
-    g(), t.exports = mu();
+    g(), t.exports = Eu();
   }
 });
 g();
@@ -3398,15 +3403,15 @@ g();
 g();
 g();
 g();
-function Eu(e) {
+function yu(e) {
   var t;
   const n = e.name || e._componentTag || e.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || e.__name;
   return n === "index" && ((t = e.__file) != null && t.endsWith("index.vue")) ? "" : n;
 }
-function vu(e) {
+function Cu(e) {
   const t = e.__file;
   if (t)
-    return eu(tu(t, ".vue"));
+    return nu(ru(t, ".vue"));
 }
 function _n(e, t) {
   return e.type.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ = t, t;
@@ -3422,9 +3427,9 @@ function Kr(e) {
   const r = (t = e.subTree) == null ? void 0 : t.type, o = Dt(e);
   return o ? ((n = o == null ? void 0 : o.types) == null ? void 0 : n.Fragment) === r : !1;
 }
-function Ge(e) {
+function We(e) {
   var t, n, r;
-  const o = Eu((e == null ? void 0 : e.type) || {});
+  const o = yu((e == null ? void 0 : e.type) || {});
   if (o)
     return o;
   if ((e == null ? void 0 : e.root) === e)
@@ -3435,10 +3440,10 @@ function Ge(e) {
   for (const s in (r = e.appContext) == null ? void 0 : r.components)
     if (e.appContext.components[s] === (e == null ? void 0 : e.type))
       return _n(e, s);
-  const i = vu((e == null ? void 0 : e.type) || {});
+  const i = Cu((e == null ? void 0 : e.type) || {});
   return i || "Anonymous Component";
 }
-function yu(e) {
+function Au(e) {
   var t, n, r;
   const o = (r = (n = (t = e == null ? void 0 : e.appContext) == null ? void 0 : t.app) == null ? void 0 : n.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? r : 0, i = e === (e == null ? void 0 : e.root) ? "root" : e.uid;
   return `${o}:${i}`;
@@ -3446,7 +3451,7 @@ function yu(e) {
 function gt(e, t) {
   return t = t || `${e.id}:root`, e.instanceMap.get(t) || e.instanceMap.get(":root");
 }
-function Cu() {
+function wu() {
   const e = {
     top: 0,
     bottom: 0,
@@ -3462,11 +3467,11 @@ function Cu() {
   return e;
 }
 var xe;
-function Au(e) {
+function bu(e) {
   return xe || (xe = document.createRange()), xe.selectNode(e), xe.getBoundingClientRect();
 }
-function wu(e) {
-  const t = Cu();
+function Tu(e) {
+  const t = wu();
   if (!e.children)
     return t;
   for (let n = 0, r = e.children.length; n < r; n++) {
@@ -3476,13 +3481,13 @@ function wu(e) {
       i = te(o.component);
     else if (o.el) {
       const s = o.el;
-      s.nodeType === 1 || s.getBoundingClientRect ? i = s.getBoundingClientRect() : s.nodeType === 3 && s.data.trim() && (i = Au(s));
+      s.nodeType === 1 || s.getBoundingClientRect ? i = s.getBoundingClientRect() : s.nodeType === 3 && s.data.trim() && (i = bu(s));
     }
-    i && bu(t, i);
+    i && Ou(t, i);
   }
   return t;
 }
-function bu(e, t) {
+function Ou(e, t) {
   return (!e.top || t.top < e.top) && (e.top = t.top), (!e.bottom || t.bottom > e.bottom) && (e.bottom = t.bottom), (!e.left || t.left < e.left) && (e.left = t.left), (!e.right || t.right > e.right) && (e.right = t.right), e;
 }
 var mn = {
@@ -3495,13 +3500,13 @@ var mn = {
 };
 function te(e) {
   const t = e.subTree.el;
-  return typeof window > "u" ? mn : Kr(e) ? wu(e.subTree) : (t == null ? void 0 : t.nodeType) === 1 ? t == null ? void 0 : t.getBoundingClientRect() : e.subTree.component ? te(e.subTree.component) : mn;
+  return typeof window > "u" ? mn : Kr(e) ? Tu(e.subTree) : (t == null ? void 0 : t.nodeType) === 1 ? t == null ? void 0 : t.getBoundingClientRect() : e.subTree.component ? te(e.subTree.component) : mn;
 }
 g();
 function kt(e) {
-  return Kr(e) ? Tu(e.subTree) : e.subTree ? [e.subTree.el] : [];
+  return Kr(e) ? Su(e.subTree) : e.subTree ? [e.subTree.el] : [];
 }
-function Tu(e) {
+function Su(e) {
   if (!e.children)
     return [];
   const t = [];
@@ -3518,7 +3523,7 @@ var jr = "__vue-devtools-component-inspector__", Wr = "__vue-devtools-component-
   borderRadius: "5px",
   transition: "all 0.1s ease-in",
   pointerEvents: "none"
-}, Ou = {
+}, Pu = {
   fontFamily: "Arial, Helvetica, sans-serif",
   padding: "5px 8px",
   borderRadius: "4px",
@@ -3531,7 +3536,7 @@ var jr = "__vue-devtools-component-inspector__", Wr = "__vue-devtools-component-
   lineHeight: "24px",
   backgroundColor: "#42b883",
   boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
-}, Su = {
+}, Iu = {
   display: "inline-block",
   fontWeight: 400,
   fontStyle: "normal",
@@ -3541,13 +3546,13 @@ var jr = "__vue-devtools-component-inspector__", Wr = "__vue-devtools-component-
 function fe() {
   return document.getElementById(jr);
 }
-function Pu() {
+function Du() {
   return document.getElementById(Wr);
 }
-function Iu() {
+function ku() {
   return document.getElementById(Yr);
 }
-function Du() {
+function xu() {
   return document.getElementById(Gr);
 }
 function xt(e) {
@@ -3568,16 +3573,16 @@ function Rt(e) {
   });
   const r = document.createElement("span");
   r.id = Wr, Object.assign(r.style, {
-    ...Ou,
+    ...Pu,
     top: e.bounds.top < 35 ? 0 : "-35px"
   });
   const o = document.createElement("span");
   o.id = Gr, o.innerHTML = `&lt;${e.name}&gt;&nbsp;&nbsp;`;
   const i = document.createElement("i");
-  return i.id = Yr, i.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(i.style, Su), r.appendChild(o), r.appendChild(i), n.appendChild(r), document.body.appendChild(n), n;
+  return i.id = Yr, i.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(i.style, Iu), r.appendChild(o), r.appendChild(i), n.appendChild(r), document.body.appendChild(n), n;
 }
 function Ft(e) {
-  const t = fe(), n = Pu(), r = Du(), o = Iu();
+  const t = fe(), n = Du(), r = xu(), o = ku();
   t && (Object.assign(t.style, {
     ...qr,
     ...xt(e.bounds)
@@ -3585,11 +3590,11 @@ function Ft(e) {
     top: e.bounds.top < 35 ? 0 : "-35px"
   }), r.innerHTML = `&lt;${e.name}&gt;&nbsp;&nbsp;`, o.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`);
 }
-function ku(e) {
+function Ru(e) {
   const t = te(e);
   if (!t.width && !t.height)
     return;
-  const n = Ge(e);
+  const n = We(e);
   fe() ? Ft({ bounds: t, name: n }) : Rt({ bounds: t, name: n });
 }
 function Xr() {
@@ -3602,35 +3607,35 @@ function vt(e) {
   if (t) {
     const n = t.__vueParentComponent;
     if (n && (Et = n, n.vnode.el)) {
-      const o = te(n), i = Ge(n);
+      const o = te(n), i = We(n);
       fe() ? Ft({ bounds: o, name: i }) : Rt({ bounds: o, name: i });
     }
   }
 }
-function xu(e, t) {
+function Fu(e, t) {
   if (e.preventDefault(), e.stopPropagation(), Et) {
-    const n = yu(Et);
+    const n = Au(Et);
     t(n);
   }
 }
-var ze = null;
-function Ru() {
-  Xr(), window.removeEventListener("mouseover", vt), window.removeEventListener("click", ze, !0), ze = null;
+var $e = null;
+function Mu() {
+  Xr(), window.removeEventListener("mouseover", vt), window.removeEventListener("click", $e, !0), $e = null;
 }
-function Fu() {
+function Lu() {
   return window.addEventListener("mouseover", vt), new Promise((e) => {
     function t(n) {
-      n.preventDefault(), n.stopPropagation(), xu(n, (r) => {
-        window.removeEventListener("click", t, !0), ze = null, window.removeEventListener("mouseover", vt);
+      n.preventDefault(), n.stopPropagation(), Fu(n, (r) => {
+        window.removeEventListener("click", t, !0), $e = null, window.removeEventListener("mouseover", vt);
         const o = fe();
         o && (o.style.display = "none"), e(JSON.stringify({ id: r }));
       });
     }
-    ze = t, window.addEventListener("click", t, !0);
+    $e = t, window.addEventListener("click", t, !0);
   });
 }
-function Lu(e) {
-  const t = gt(M.value, e.id);
+function Nu(e) {
+  const t = gt(L.value, e.id);
   if (t) {
     const [n] = kt(t);
     if (typeof n.scrollIntoView == "function")
@@ -3651,7 +3656,7 @@ function Lu(e) {
     setTimeout(() => {
       const r = te(t);
       if (r.width || r.height) {
-        const o = Ge(t), i = fe();
+        const o = We(t), i = fe();
         i ? Ft({ ...e, name: o, bounds: r }) : Rt({ ...e, name: o, bounds: r }), setTimeout(() => {
           i && (i.style.display = "none");
         }, 1500);
@@ -3662,36 +3667,36 @@ function Lu(e) {
 g();
 var gn, En;
 (En = (gn = y).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null || (gn.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = !0);
-function Mu(e) {
+function Vu(e) {
   let t = 0;
   const n = setInterval(() => {
     y.__VUE_INSPECTOR__ && (clearInterval(n), t += 30, e()), t >= /* 5s */
     5e3 && clearInterval(n);
   }, 30);
 }
-function Nu() {
+function Bu() {
   const e = y.__VUE_INSPECTOR__, t = e.openInEditor;
   e.openInEditor = async (...n) => {
     e.disable(), t(...n);
   };
 }
-function Vu() {
+function Uu() {
   return new Promise((e) => {
     function t() {
-      Nu(), e(y.__VUE_INSPECTOR__);
+      Bu(), e(y.__VUE_INSPECTOR__);
     }
-    y.__VUE_INSPECTOR__ ? t() : Mu(() => {
+    y.__VUE_INSPECTOR__ ? t() : Vu(() => {
       t();
     });
   });
 }
 g();
 g();
-function Bu(e) {
+function Hu(e) {
   return !!(e && e.__v_isReadonly);
 }
 function Zr(e) {
-  return Bu(e) ? Zr(e.__v_raw) : !!(e && e.__v_isReactive);
+  return Hu(e) ? Zr(e.__v_raw) : !!(e && e.__v_isReactive);
 }
 function ot(e) {
   return !!(e && e.__v_isRef === !0);
@@ -3700,9 +3705,9 @@ function ge(e) {
   const t = e && e.__v_raw;
   return t ? ge(t) : e;
 }
-var Uu = class {
+var $u = class {
   constructor() {
-    this.refEditor = new Hu();
+    this.refEditor = new zu();
   }
   set(e, t, n, r) {
     const o = Array.isArray(t) ? t : t.split(".");
@@ -3738,7 +3743,7 @@ var Uu = class {
       }
     };
   }
-}, Hu = class {
+}, zu = class {
   set(e, t) {
     if (ot(e))
       e.value = t;
@@ -3771,8 +3776,8 @@ var Uu = class {
 g();
 g();
 g();
-var $u = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
-function zu() {
+var Ku = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
+function ju() {
   if (!Br || typeof localStorage > "u" || localStorage === null)
     return {
       recordingState: !1,
@@ -3782,7 +3787,7 @@ function zu() {
       performanceEventEnabled: !1,
       selected: ""
     };
-  const e = localStorage.getItem($u);
+  const e = localStorage.getItem(Ku);
   return e ? JSON.parse(e) : {
     recordingState: !1,
     mouseEventEnabled: !1,
@@ -3797,13 +3802,13 @@ g();
 g();
 var vn, yn;
 (yn = (vn = y).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (vn.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = []);
-var Ku = new Proxy(y.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+var Wu = new Proxy(y.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
 });
-function ju(e, t) {
-  x.timelineLayersState[t.id] = !1, Ku.push({
+function Gu(e, t) {
+  R.timelineLayersState[t.id] = !1, Wu.push({
     ...e,
     descriptorId: t.id,
     appRecord: Dt(t.app)
@@ -3811,16 +3816,16 @@ function ju(e, t) {
 }
 var Cn, An;
 (An = (Cn = y).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null || (Cn.__VUE_DEVTOOLS_KIT_INSPECTOR__ = []);
-var Lt = new Proxy(y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
+var Mt = new Proxy(y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
 }), Qr = ae(() => {
   de.hooks.callHook("sendInspectorToClient", Jr());
 });
-function Wu(e, t) {
+function Yu(e, t) {
   var n, r;
-  Lt.push({
+  Mt.push({
     options: e,
     descriptor: t,
     treeFilterPlaceholder: (n = e.treeFilterPlaceholder) != null ? n : "Search tree...",
@@ -3831,7 +3836,7 @@ function Wu(e, t) {
   }), Qr();
 }
 function Jr() {
-  return Lt.filter((e) => e.descriptor.app === M.value.app).filter((e) => e.descriptor.id !== "components").map((e) => {
+  return Mt.filter((e) => e.descriptor.app === L.value.app).filter((e) => e.descriptor.id !== "components").map((e) => {
     var t;
     const n = e.descriptor, r = e.options;
     return {
@@ -3845,19 +3850,19 @@ function Jr() {
     };
   });
 }
-function Ne(e, t) {
-  return Lt.find((n) => n.options.id === e && (t ? n.descriptor.app === t : !0));
+function Le(e, t) {
+  return Mt.find((n) => n.options.id === e && (t ? n.descriptor.app === t : !0));
 }
-function Gu() {
+function qu() {
   const e = Hr();
   e.hook("addInspector", ({ inspector: r, plugin: o }) => {
-    Wu(r, o.descriptor);
+    Yu(r, o.descriptor);
   });
   const t = ae(async ({ inspectorId: r, plugin: o }) => {
     var i;
-    if (!r || !((i = o == null ? void 0 : o.descriptor) != null && i.app) || x.highPerfModeEnabled)
+    if (!r || !((i = o == null ? void 0 : o.descriptor) != null && i.app) || R.highPerfModeEnabled)
       return;
-    const s = Ne(r, o.descriptor.app), a = {
+    const s = Le(r, o.descriptor.app), a = {
       app: o.descriptor.app,
       inspectorId: r,
       filter: (s == null ? void 0 : s.treeFilter) || "",
@@ -3885,9 +3890,9 @@ function Gu() {
   e.hook("sendInspectorTree", t);
   const n = ae(async ({ inspectorId: r, plugin: o }) => {
     var i;
-    if (!r || !((i = o == null ? void 0 : o.descriptor) != null && i.app) || x.highPerfModeEnabled)
+    if (!r || !((i = o == null ? void 0 : o.descriptor) != null && i.app) || R.highPerfModeEnabled)
       return;
-    const s = Ne(r, o.descriptor.app), a = {
+    const s = Le(r, o.descriptor.app), a = {
       app: o.descriptor.app,
       inspectorId: r,
       nodeId: (s == null ? void 0 : s.selectedNodeId) || "",
@@ -3916,14 +3921,14 @@ function Gu() {
     );
   }, 120);
   return e.hook("sendInspectorState", n), e.hook("customInspectorSelectNode", ({ inspectorId: r, nodeId: o, plugin: i }) => {
-    const s = Ne(r, i.descriptor.app);
+    const s = Le(r, i.descriptor.app);
     s && (s.selectedNodeId = o);
   }), e.hook("timelineLayerAdded", ({ options: r, plugin: o }) => {
-    ju(r, o.descriptor);
+    Gu(r, o.descriptor);
   }), e.hook("timelineEventAdded", ({ options: r, plugin: o }) => {
     var i;
     const s = ["performance", "component-event", "keyboard", "mouse"];
-    x.highPerfModeEnabled || !((i = x.timelineLayersState) != null && i[o.descriptor.id]) && !s.includes(r.layerId) || e.callHookWith(
+    R.highPerfModeEnabled || !((i = R.timelineLayersState) != null && i[o.descriptor.id]) && !s.includes(r.layerId) || e.callHookWith(
       async (a) => {
         await Promise.all(a.map((l) => l(r)));
       },
@@ -3936,9 +3941,9 @@ function Gu() {
       return null;
     const i = o.id.toString();
     return [...o.instanceMap].filter(([a]) => a.split(":")[0] === i).map(([, a]) => a);
-  }), e.hook("getComponentBounds", async ({ instance: r }) => te(r)), e.hook("getComponentName", ({ instance: r }) => Ge(r)), e.hook("componentHighlight", ({ uid: r }) => {
-    const o = M.value.instanceMap.get(r);
-    o && ku(o);
+  }), e.hook("getComponentBounds", async ({ instance: r }) => te(r)), e.hook("getComponentName", ({ instance: r }) => We(r)), e.hook("componentHighlight", ({ uid: r }) => {
+    const o = L.value.instanceMap.get(r);
+    o && Ru(o);
   }), e.hook("componentUnhighlight", () => {
     Xr();
   }), e;
@@ -3954,7 +3959,7 @@ var In, Dn;
 var kn, xn;
 (xn = (kn = y).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null || (kn.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = []);
 var J = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
-function Yu() {
+function Xu() {
   return {
     connected: !1,
     clientConnected: !1,
@@ -3966,44 +3971,44 @@ function Yu() {
     highPerfModeEnabled: !0,
     devtoolsClientDetected: {},
     perfUniqueGroupId: 0,
-    timelineLayersState: zu()
+    timelineLayersState: ju()
   };
 }
 var Rn, Fn;
-(Fn = (Rn = y)[J]) != null || (Rn[J] = Yu());
-var qu = ae((e) => {
+(Fn = (Rn = y)[J]) != null || (Rn[J] = Xu());
+var Zu = ae((e) => {
   de.hooks.callHook("devtoolsStateUpdated", { state: e });
 });
 ae((e, t) => {
   de.hooks.callHook("devtoolsConnectedUpdated", { state: e, oldState: t });
 });
-var Ye = new Proxy(y.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
+var Ge = new Proxy(y.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
   get(e, t, n) {
     return t === "value" ? y.__VUE_DEVTOOLS_KIT_APP_RECORDS__ : y.__VUE_DEVTOOLS_KIT_APP_RECORDS__[t];
   }
-}), M = new Proxy(y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
+}), L = new Proxy(y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
   get(e, t, n) {
     return t === "value" ? y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ : t === "id" ? y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ : y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[t];
   }
 });
 function eo() {
-  qu({
+  Zu({
     ...y[J],
-    appRecords: Ye.value,
-    activeAppRecordId: M.id,
+    appRecords: Ge.value,
+    activeAppRecordId: L.id,
     tabs: y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
     commands: y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
 }
-function Xu(e) {
+function Qu(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = e, eo();
 }
-function Zu(e) {
+function Ju(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = e, eo();
 }
-var x = new Proxy(y[J], {
+var R = new Proxy(y[J], {
   get(e, t) {
-    return t === "appRecords" ? Ye : t === "activeAppRecordId" ? M.id : t === "tabs" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : y[J][t];
+    return t === "appRecords" ? Ge : t === "activeAppRecordId" ? L.id : t === "tabs" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : y[J][t];
   },
   deleteProperty(e, t) {
     return delete e[t], !0;
@@ -4012,7 +4017,7 @@ var x = new Proxy(y[J], {
     return { ...y[J] }, e[t] = n, y[J][t] = n, !0;
   }
 });
-function Qu(e = {}) {
+function ea(e = {}) {
   var t, n, r;
   const { file: o, host: i, baseUrl: s = window.location.origin, line: a = 0, column: l = 0 } = e;
   if (o) {
@@ -4024,7 +4029,7 @@ function Qu(e = {}) {
           console.log(`%c${f}`, "color:red");
         }
       });
-    } else if (x.vitePluginDetected) {
+    } else if (R.vitePluginDetected) {
       const u = (r = y.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? r : s;
       y.__VUE_INSPECTOR__.openInEditor(u, o, a, l);
     }
@@ -4035,9 +4040,9 @@ g();
 g();
 g();
 g();
-var Ln, Mn;
-(Mn = (Ln = y).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null || (Ln.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = []);
-var Mt = new Proxy(y.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+var Mn, Ln;
+(Ln = (Mn = y).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null || (Mn.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = []);
+var Lt = new Proxy(y.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
@@ -4051,9 +4056,9 @@ function yt(e) {
 function Nt(e) {
   return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${e}__`;
 }
-function Ju(e) {
+function ta(e) {
   var t, n, r;
-  const o = (n = (t = Mt.find((i) => {
+  const o = (n = (t = Lt.find((i) => {
     var s;
     return i[0].id === e && !!((s = i[0]) != null && s.settings);
   })) == null ? void 0 : t[0]) != null ? n : null;
@@ -4068,16 +4073,16 @@ function to(e, t) {
       return JSON.parse(s);
   }
   if (e) {
-    const s = (r = (n = Mt.find((a) => a[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
+    const s = (r = (n = Lt.find((a) => a[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
     return yt((o = s == null ? void 0 : s.settings) != null ? o : {});
   }
   return yt(t);
 }
-function ea(e, t) {
+function na(e, t) {
   const n = Nt(e);
   localStorage.getItem(n) || localStorage.setItem(n, JSON.stringify(yt(t)));
 }
-function ta(e, t, n) {
+function ra(e, t, n) {
   const r = Nt(e), o = localStorage.getItem(r), i = JSON.parse(o || "{}"), s = {
     ...i,
     [t]: n
@@ -4107,7 +4112,7 @@ g();
 g();
 g();
 g();
-var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVTOOLS_HOOK = Hr(), na = {
+var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVTOOLS_HOOK = Hr(), oa = {
   vueAppInit(e) {
     B.hook("app:init", e);
   },
@@ -4139,11 +4144,11 @@ var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVT
     return B.hook("perf:end", e);
   }
 }, no = {
-  on: na,
+  on: oa,
   setupDevToolsPlugin(e, t) {
     return B.callHook("devtools-plugin:setup", e, t);
   }
-}, ra = class {
+}, ia = class {
   constructor({ plugin: e, ctx: t }) {
     this.hooks = t.hooks, this.plugin = e;
   }
@@ -4185,7 +4190,7 @@ var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVT
   // component inspector
   notifyComponentUpdate(e) {
     var t;
-    if (x.highPerfModeEnabled)
+    if (R.highPerfModeEnabled)
       return;
     const n = Jr().find((r) => r.packageName === this.plugin.descriptor.packageName);
     if (n != null && n.id) {
@@ -4207,13 +4212,13 @@ var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVT
   }
   // custom inspector
   addInspector(e) {
-    this.hooks.callHook("addInspector", { inspector: e, plugin: this.plugin }), this.plugin.descriptor.settings && ea(e.id, this.plugin.descriptor.settings);
+    this.hooks.callHook("addInspector", { inspector: e, plugin: this.plugin }), this.plugin.descriptor.settings && na(e.id, this.plugin.descriptor.settings);
   }
   sendInspectorTree(e) {
-    x.highPerfModeEnabled || this.hooks.callHook("sendInspectorTree", { inspectorId: e, plugin: this.plugin });
+    R.highPerfModeEnabled || this.hooks.callHook("sendInspectorTree", { inspectorId: e, plugin: this.plugin });
   }
   sendInspectorState(e) {
-    x.highPerfModeEnabled || this.hooks.callHook("sendInspectorState", { inspectorId: e, plugin: this.plugin });
+    R.highPerfModeEnabled || this.hooks.callHook("sendInspectorState", { inspectorId: e, plugin: this.plugin });
   }
   selectInspectorNode(e, t) {
     this.hooks.callHook("customInspectorSelectNode", { inspectorId: e, nodeId: t, plugin: this.plugin });
@@ -4223,13 +4228,13 @@ var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVT
   }
   // timeline
   now() {
-    return x.highPerfModeEnabled ? 0 : Date.now();
+    return R.highPerfModeEnabled ? 0 : Date.now();
   }
   addTimelineLayer(e) {
     this.hooks.callHook("timelineLayerAdded", { options: e, plugin: this.plugin });
   }
   addTimelineEvent(e) {
-    x.highPerfModeEnabled || this.hooks.callHook("timelineEventAdded", { options: e, plugin: this.plugin });
+    R.highPerfModeEnabled || this.hooks.callHook("timelineEventAdded", { options: e, plugin: this.plugin });
   }
   // settings
   getSettings(e) {
@@ -4255,21 +4260,21 @@ var Nn, Vn, B = (Vn = (Nn = y).__VUE_DEVTOOLS_HOOK) != null ? Vn : Nn.__VUE_DEVT
       /* COMPONENT_UNHIGHLIGHT */
     );
   }
-}, oa = ra;
+}, sa = ia;
 g();
 g();
 g();
 g();
-var ia = "__vue_devtool_undefined__", sa = "__vue_devtool_infinity__", ua = "__vue_devtool_negative_infinity__", aa = "__vue_devtool_nan__";
+var ua = "__vue_devtool_undefined__", aa = "__vue_devtool_infinity__", la = "__vue_devtool_negative_infinity__", ca = "__vue_devtool_nan__";
 g();
 g();
-var la = {
-  [ia]: "undefined",
-  [aa]: "NaN",
-  [sa]: "Infinity",
-  [ua]: "-Infinity"
+var fa = {
+  [ua]: "undefined",
+  [ca]: "NaN",
+  [aa]: "Infinity",
+  [la]: "-Infinity"
 };
-Object.entries(la).reduce((e, [t, n]) => (e[n] = t, e), {});
+Object.entries(fa).reduce((e, [t, n]) => (e[n] = t, e), {});
 g();
 g();
 g();
@@ -4277,14 +4282,14 @@ g();
 g();
 var Bn, Un;
 (Un = (Bn = y).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null || (Bn.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set());
-function ca(e, t) {
+function da(e, t) {
   return no.setupDevToolsPlugin(e, t);
 }
-function fa(e, t) {
+function pa(e, t) {
   const [n, r] = e;
   if (n.app !== t)
     return;
-  const o = new oa({
+  const o = new sa({
     plugin: {
       setupFn: r,
       descriptor: n
@@ -4296,8 +4301,8 @@ function fa(e, t) {
   }), r(o);
 }
 function ro(e, t) {
-  y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(e) || x.highPerfModeEnabled && !(t != null && t.inspectingComponent) || (y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(e), Mt.forEach((n) => {
-    fa(n, e);
+  y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(e) || R.highPerfModeEnabled && !(t != null && t.inspectingComponent) || (y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(e), Lt.forEach((n) => {
+    pa(n, e);
   }));
 }
 g();
@@ -4320,7 +4325,7 @@ new Proxy(y[Ce], {
       return y[Ce];
   }
 });
-function da(e) {
+function ha(e) {
   const t = /* @__PURE__ */ new Map();
   return ((e == null ? void 0 : e.getRoutes()) || []).filter((n) => !t.has(n.path) && t.set(n.path, 1));
 }
@@ -4335,7 +4340,7 @@ function Vt(e) {
     };
   });
 }
-function pa(e) {
+function _a(e) {
   if (e) {
     const { fullPath: t, hash: n, href: r, path: o, name: i, matched: s, params: a, query: l } = e;
     return {
@@ -4351,10 +4356,10 @@ function pa(e) {
   }
   return e;
 }
-function ha(e, t) {
+function ma(e, t) {
   function n() {
     var r;
-    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = pa(o == null ? void 0 : o.currentRoute.value), s = Vt(da(o)), a = console.warn;
+    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = _a(o == null ? void 0 : o.currentRoute.value), s = Vt(ha(o)), a = console.warn;
     console.warn = () => {
     }, y[le] = {
       currentRoute: i ? hn(i) : {},
@@ -4363,16 +4368,16 @@ function ha(e, t) {
   }
   n(), no.on.componentUpdated(ae(() => {
     var r;
-    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !x.highPerfModeEnabled && de.hooks.callHook("routerInfoUpdated", { state: y[le] }));
+    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !R.highPerfModeEnabled && de.hooks.callHook("routerInfoUpdated", { state: y[le] }));
   }, 200));
 }
-function _a(e) {
+function ga(e) {
   return {
     // get inspector tree
     async getInspectorTree(t) {
       const n = {
         ...t,
-        app: M.value.app,
+        app: L.value.app,
         rootNodes: []
       };
       return await new Promise((r) => {
@@ -4389,7 +4394,7 @@ function _a(e) {
     async getInspectorState(t) {
       const n = {
         ...t,
-        app: M.value.app,
+        app: L.value.app,
         state: null
       }, r = {
         currentTab: `custom-inspector:${t.inspectorId}`
@@ -4406,9 +4411,9 @@ function _a(e) {
     },
     // edit inspector state
     editInspectorState(t) {
-      const n = new Uu(), r = {
+      const n = new $u(), r = {
         ...t,
-        app: M.value.app,
+        app: L.value.app,
         set: (o, i = t.path, s = t.state.value, a) => {
           n.set(o, i, s, a || n.createDefaultSetCallback(t.state));
         }
@@ -4423,7 +4428,7 @@ function _a(e) {
     },
     // send inspector state
     sendInspectorState(t) {
-      const n = Ne(t);
+      const n = Le(t);
       e.callHook("sendInspectorState", { inspectorId: t, plugin: {
         descriptor: n.descriptor,
         setupFn: () => ({})
@@ -4431,45 +4436,45 @@ function _a(e) {
     },
     // inspect component inspector
     inspectComponentInspector() {
-      return Fu();
+      return Lu();
     },
     // cancel inspect component inspector
     cancelInspectComponentInspector() {
-      return Ru();
+      return Mu();
     },
     // get component render code
     getComponentRenderCode(t) {
-      const n = gt(M.value, t);
+      const n = gt(L.value, t);
       if (n)
         return typeof (n == null ? void 0 : n.type) != "function" ? n.render.toString() : n.type.toString();
     },
     // scroll to component
     scrollToComponent(t) {
-      return Lu({ id: t });
+      return Nu({ id: t });
     },
     // open in editor
-    openInEditor: Qu,
+    openInEditor: ea,
     // get vue inspector
-    getVueInspector: Vu,
+    getVueInspector: Uu,
     // toggle app
     toggleApp(t, n) {
-      const r = Ye.value.find((o) => o.id === t);
-      r && (Zu(t), Xu(r), ha(r, M), Qr(), ro(r.app, n));
+      const r = Ge.value.find((o) => o.id === t);
+      r && (Ju(t), Qu(r), ma(r, L), Qr(), ro(r.app, n));
     },
     // inspect dom
     inspectDOM(t) {
-      const n = gt(M.value, t);
+      const n = gt(L.value, t);
       if (n) {
         const [r] = kt(n);
         r && (y.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = r);
       }
     },
     updatePluginSettings(t, n, r) {
-      ta(t, n, r);
+      ra(t, n, r);
     },
     getPluginSettings(t) {
       return {
-        options: Ju(t),
+        options: ta(t),
         values: to(t)
       };
     }
@@ -4480,44 +4485,44 @@ var jn, Wn;
 (Wn = (jn = y).__VUE_DEVTOOLS_ENV__) != null || (jn.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: !1
 });
-var Gn = Gu(), Yn, qn;
+var Gn = qu(), Yn, qn;
 (qn = (Yn = y).__VUE_DEVTOOLS_KIT_CONTEXT__) != null || (Yn.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks: Gn,
   get state() {
     return {
-      ...x,
-      activeAppRecordId: M.id,
-      activeAppRecord: M.value,
-      appRecords: Ye.value
+      ...R,
+      activeAppRecordId: L.id,
+      activeAppRecord: L.value,
+      appRecords: Ge.value
     };
   },
-  api: _a(Gn)
+  api: ga(Gn)
 });
 var de = y.__VUE_DEVTOOLS_KIT_CONTEXT__;
 g();
-_u(gu());
+gu(vu());
 var Xn, Zn;
 (Zn = (Xn = y).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null || (Xn.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 });
 g();
-function ma(e) {
-  x.highPerfModeEnabled = e ?? !x.highPerfModeEnabled, !e && M.value && ro(M.value.app);
+function Ea(e) {
+  R.highPerfModeEnabled = e ?? !R.highPerfModeEnabled, !e && L.value && ro(L.value.app);
 }
 g();
 g();
 g();
-function ga(e) {
-  x.devtoolsClientDetected = {
-    ...x.devtoolsClientDetected,
+function va(e) {
+  R.devtoolsClientDetected = {
+    ...R.devtoolsClientDetected,
     ...e
   };
-  const t = Object.values(x.devtoolsClientDetected).some(Boolean);
-  ma(!t);
+  const t = Object.values(R.devtoolsClientDetected).some(Boolean);
+  Ea(!t);
 }
 var Qn, Jn;
-(Jn = (Qn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Qn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = ga);
+(Jn = (Qn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Qn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = va);
 g();
 g();
 g();
@@ -4525,7 +4530,7 @@ g();
 g();
 g();
 g();
-var Ea = class {
+var ya = class {
   constructor() {
     this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
   }
@@ -4543,7 +4548,7 @@ var Ea = class {
   }
 }, oo = class {
   constructor(e) {
-    this.generateIdentifier = e, this.kv = new Ea();
+    this.generateIdentifier = e, this.kv = new ya();
   }
   register(e, t) {
     this.kv.getByValue(e) || (t || (t = this.generateIdentifier(e)), this.kv.set(t, e));
@@ -4557,7 +4562,7 @@ var Ea = class {
   getValue(e) {
     return this.kv.getByKey(e);
   }
-}, va = class extends oo {
+}, Ca = class extends oo {
   constructor() {
     super((e) => e.name), this.classToAllowedProps = /* @__PURE__ */ new Map();
   }
@@ -4570,7 +4575,7 @@ var Ea = class {
 };
 g();
 g();
-function ya(e) {
+function Aa(e) {
   if ("values" in Object)
     return Object.values(e);
   const t = [];
@@ -4578,8 +4583,8 @@ function ya(e) {
     e.hasOwnProperty(n) && t.push(e[n]);
   return t;
 }
-function Ca(e, t) {
-  const n = ya(e);
+function wa(e, t) {
+  const n = Aa(e);
   if ("find" in n)
     return n.find(t);
   const r = n;
@@ -4592,7 +4597,7 @@ function Ca(e, t) {
 function ce(e, t) {
   Object.entries(e).forEach(([n, r]) => t(r, n));
 }
-function Ve(e, t) {
+function Ne(e, t) {
   return e.indexOf(t) !== -1;
 }
 function er(e, t) {
@@ -4602,7 +4607,7 @@ function er(e, t) {
       return r;
   }
 }
-var Aa = class {
+var ba = class {
   constructor() {
     this.transfomers = {};
   }
@@ -4610,7 +4615,7 @@ var Aa = class {
     this.transfomers[e.name] = e;
   }
   findApplicable(e) {
-    return Ca(this.transfomers, (t) => t.isApplicable(e));
+    return wa(this.transfomers, (t) => t.isApplicable(e));
   }
   findByName(e) {
     return this.transfomers[e];
@@ -4618,7 +4623,7 @@ var Aa = class {
 };
 g();
 g();
-var wa = (e) => Object.prototype.toString.call(e).slice(8, -1), io = (e) => typeof e > "u", ba = (e) => e === null, Ae = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Ct = (e) => Ae(e) && Object.keys(e).length === 0, X = (e) => Array.isArray(e), Ta = (e) => typeof e == "string", Oa = (e) => typeof e == "number" && !isNaN(e), Sa = (e) => typeof e == "boolean", Pa = (e) => e instanceof RegExp, we = (e) => e instanceof Map, be = (e) => e instanceof Set, so = (e) => wa(e) === "Symbol", Ia = (e) => e instanceof Date && !isNaN(e.valueOf()), Da = (e) => e instanceof Error, tr = (e) => typeof e == "number" && isNaN(e), ka = (e) => Sa(e) || ba(e) || io(e) || Oa(e) || Ta(e) || so(e), xa = (e) => typeof e == "bigint", Ra = (e) => e === 1 / 0 || e === -1 / 0, Fa = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), La = (e) => e instanceof URL;
+var Ta = (e) => Object.prototype.toString.call(e).slice(8, -1), io = (e) => typeof e > "u", Oa = (e) => e === null, Ae = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Ct = (e) => Ae(e) && Object.keys(e).length === 0, X = (e) => Array.isArray(e), Sa = (e) => typeof e == "string", Pa = (e) => typeof e == "number" && !isNaN(e), Ia = (e) => typeof e == "boolean", Da = (e) => e instanceof RegExp, we = (e) => e instanceof Map, be = (e) => e instanceof Set, so = (e) => Ta(e) === "Symbol", ka = (e) => e instanceof Date && !isNaN(e.valueOf()), xa = (e) => e instanceof Error, tr = (e) => typeof e == "number" && isNaN(e), Ra = (e) => Ia(e) || Oa(e) || io(e) || Pa(e) || Sa(e) || so(e), Fa = (e) => typeof e == "bigint", Ma = (e) => e === 1 / 0 || e === -1 / 0, La = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), Na = (e) => e instanceof URL;
 g();
 var uo = (e) => e.replace(/\./g, "\\."), it = (e) => e.map(String).map(uo).join("."), ve = (e) => {
   const t = [];
@@ -4650,9 +4655,9 @@ function z(e, t, n, r) {
 var ao = [
   z(io, "undefined", () => null, () => {
   }),
-  z(xa, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
-  z(Ia, "Date", (e) => e.toISOString(), (e) => new Date(e)),
-  z(Da, "Error", (e, t) => {
+  z(Fa, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
+  z(ka, "Date", (e) => e.toISOString(), (e) => new Date(e)),
+  z(xa, "Error", (e, t) => {
     const n = {
       name: e.name,
       message: e.message
@@ -4666,7 +4671,7 @@ var ao = [
       n[r] = e[r];
     }), n;
   }),
-  z(Pa, "regexp", (e) => "" + e, (e) => {
+  z(Da, "regexp", (e) => "" + e, (e) => {
     const t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
     return new RegExp(t, n);
   }),
@@ -4679,11 +4684,11 @@ var ao = [
     (e) => new Set(e)
   ),
   z(we, "map", (e) => [...e.entries()], (e) => new Map(e)),
-  z((e) => tr(e) || Ra(e), "number", (e) => tr(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
+  z((e) => tr(e) || Ma(e), "number", (e) => tr(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
   z((e) => e === 0 && 1 / e === -1 / 0, "number", () => "-0", Number),
-  z(La, "URL", (e) => e.toString(), (e) => new URL(e))
+  z(Na, "URL", (e) => e.toString(), (e) => new URL(e))
 ];
-function qe(e, t, n, r) {
+function Ye(e, t, n, r) {
   return {
     isApplicable: e,
     annotation: t,
@@ -4691,12 +4696,12 @@ function qe(e, t, n, r) {
     untransform: r
   };
 }
-var lo = qe((e, t) => so(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) => ["symbol", t.symbolRegistry.getIdentifier(e)], (e) => e.description, (e, t, n) => {
+var lo = Ye((e, t) => so(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) => ["symbol", t.symbolRegistry.getIdentifier(e)], (e) => e.description, (e, t, n) => {
   const r = n.symbolRegistry.getValue(t[1]);
   if (!r)
     throw new Error("Trying to deserialize unknown symbol");
   return r;
-}), Ma = [
+}), Va = [
   Int8Array,
   Uint8Array,
   Int16Array,
@@ -4706,8 +4711,8 @@ var lo = qe((e, t) => so(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) =
   Float32Array,
   Float64Array,
   Uint8ClampedArray
-].reduce((e, t) => (e[t.name] = t, e), {}), co = qe(Fa, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
-  const n = Ma[t[1]];
+].reduce((e, t) => (e[t.name] = t, e), {}), co = Ye(La, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
+  const n = Va[t[1]];
   if (!n)
     throw new Error("Trying to deserialize unknown typed array");
   return new n(e);
@@ -4715,7 +4720,7 @@ var lo = qe((e, t) => so(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) =
 function fo(e, t) {
   return e != null && e.constructor ? !!t.classRegistry.getIdentifier(e.constructor) : !1;
 }
-var po = qe(fo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)], (e, t) => {
+var po = Ye(fo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)], (e, t) => {
   const n = t.classRegistry.getAllowedProps(e.constructor);
   if (!n)
     return { ...e };
@@ -4728,13 +4733,13 @@ var po = qe(fo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)
   if (!r)
     throw new Error(`Trying to deserialize unknown class '${t[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
   return Object.assign(Object.create(r.prototype), e);
-}), ho = qe((e, t) => !!t.customTransformerRegistry.findApplicable(e), (e, t) => ["custom", t.customTransformerRegistry.findApplicable(e).name], (e, t) => t.customTransformerRegistry.findApplicable(e).serialize(e), (e, t, n) => {
+}), ho = Ye((e, t) => !!t.customTransformerRegistry.findApplicable(e), (e, t) => ["custom", t.customTransformerRegistry.findApplicable(e).name], (e, t) => t.customTransformerRegistry.findApplicable(e).serialize(e), (e, t, n) => {
   const r = n.customTransformerRegistry.findByName(t[1]);
   if (!r)
     throw new Error("Trying to deserialize unknown custom value");
   return r.deserialize(e);
-}), Na = [po, lo, ho, co], nr = (e, t) => {
-  const n = er(Na, (o) => o.isApplicable(e, t));
+}), Ba = [po, lo, ho, co], nr = (e, t) => {
+  const n = er(Ba, (o) => o.isApplicable(e, t));
   if (n)
     return {
       value: n.transform(e, t),
@@ -4750,7 +4755,7 @@ var po = qe(fo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)
 ao.forEach((e) => {
   _o[e.annotation] = e;
 });
-var Va = (e, t, n) => {
+var Ua = (e, t, n) => {
   if (X(t))
     switch (t[0]) {
       case "symbol":
@@ -4781,14 +4786,14 @@ var oe = (e, t) => {
   return n.next().value;
 };
 function mo(e) {
-  if (Ve(e, "__proto__"))
+  if (Ne(e, "__proto__"))
     throw new Error("__proto__ is not allowed as a property");
-  if (Ve(e, "prototype"))
+  if (Ne(e, "prototype"))
     throw new Error("prototype is not allowed as a property");
-  if (Ve(e, "constructor"))
+  if (Ne(e, "constructor"))
     throw new Error("constructor is not allowed as a property");
 }
-var Ba = (e, t) => {
+var Ha = (e, t) => {
   mo(t);
   for (let n = 0; n < t.length; n++) {
     const r = t[n];
@@ -4869,14 +4874,14 @@ function wt(e, t, n = []) {
     wt(i, t, [...n, ...ve(s)]);
   }), t(r, n);
 }
-function Ua(e, t, n) {
+function $a(e, t, n) {
   return wt(t, (r, o) => {
-    e = At(e, o, (i) => Va(i, r, n));
+    e = At(e, o, (i) => Ua(i, r, n));
   }), e;
 }
-function Ha(e, t) {
+function za(e, t) {
   function n(r, o) {
-    const i = Ba(e, ve(o));
+    const i = Ha(e, ve(o));
     r.map(ve).forEach((s) => {
       e = At(e, s, () => i);
     });
@@ -4890,12 +4895,12 @@ function Ha(e, t) {
     ce(t, n);
   return e;
 }
-var $a = (e, t) => Ae(e) || X(e) || we(e) || be(e) || fo(e, t);
-function za(e, t, n) {
+var Ka = (e, t) => Ae(e) || X(e) || we(e) || be(e) || fo(e, t);
+function ja(e, t, n) {
   const r = n.get(e);
   r ? r.push(t) : n.set(e, [t]);
 }
-function Ka(e, t) {
+function Wa(e, t) {
   const n = {};
   let r;
   return e.forEach((o) => {
@@ -4908,35 +4913,35 @@ function Ka(e, t) {
 }
 var go = (e, t, n, r, o = [], i = [], s = /* @__PURE__ */ new Map()) => {
   var a;
-  const l = ka(e);
+  const l = Ra(e);
   if (!l) {
-    za(e, o, t);
+    ja(e, o, t);
     const h = s.get(e);
     if (h)
       return r ? {
         transformedValue: null
       } : h;
   }
-  if (!$a(e, n)) {
-    const h = nr(e, n), E = h ? {
+  if (!Ka(e, n)) {
+    const h = nr(e, n), v = h ? {
       transformedValue: h.value,
       annotations: [h.type]
     } : {
       transformedValue: e
     };
-    return l || s.set(e, E), E;
+    return l || s.set(e, v), v;
   }
-  if (Ve(i, e))
+  if (Ne(i, e))
     return {
       transformedValue: null
     };
   const u = nr(e, n), c = (a = u == null ? void 0 : u.value) != null ? a : e, p = X(c) ? [] : {}, f = {};
-  ce(c, (h, E) => {
-    if (E === "__proto__" || E === "constructor" || E === "prototype")
-      throw new Error(`Detected property ${E}. This is a prototype pollution risk, please remove it from your object.`);
-    const d = go(h, t, n, r, [...o, E], [...i, e], s);
-    p[E] = d.transformedValue, X(d.annotations) ? f[E] = d.annotations : Ae(d.annotations) && ce(d.annotations, (m, w) => {
-      f[uo(E) + "." + w] = m;
+  ce(c, (h, v) => {
+    if (v === "__proto__" || v === "constructor" || v === "prototype")
+      throw new Error(`Detected property ${v}. This is a prototype pollution risk, please remove it from your object.`);
+    const d = go(h, t, n, r, [...o, v], [...i, e], s);
+    p[v] = d.transformedValue, X(d.annotations) ? f[v] = d.annotations : Ae(d.annotations) && ce(d.annotations, (m, w) => {
+      f[uo(v) + "." + w] = m;
     });
   });
   const _ = Ct(f) ? {
@@ -4956,13 +4961,13 @@ function Eo(e) {
 function rr(e) {
   return Eo(e) === "Array";
 }
-function ja(e) {
+function Ga(e) {
   if (Eo(e) !== "Object")
     return !1;
   const t = Object.getPrototypeOf(e);
   return !!t && t.constructor === Object && t === Object.prototype;
 }
-function Wa(e, t, n, r, o) {
+function Ya(e, t, n, r, o) {
   const i = {}.propertyIsEnumerable.call(r, t) ? "enumerable" : "nonenumerable";
   i === "enumerable" && (e[t] = n), o && i === "nonenumerable" && Object.defineProperty(e, t, {
     value: n,
@@ -4974,14 +4979,14 @@ function Wa(e, t, n, r, o) {
 function bt(e, t = {}) {
   if (rr(e))
     return e.map((o) => bt(o, t));
-  if (!ja(e))
+  if (!Ga(e))
     return e;
   const n = Object.getOwnPropertyNames(e), r = Object.getOwnPropertySymbols(e);
   return [...n, ...r].reduce((o, i) => {
     if (rr(t.props) && !t.props.includes(i))
       return o;
     const s = e[i], a = bt(s, t);
-    return Wa(o, i, a, e, t.nonenumerable), o;
+    return Ya(o, i, a, e, t.nonenumerable), o;
   }, {});
 }
 var I = class {
@@ -4989,10 +4994,10 @@ var I = class {
    * @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
    */
   constructor({ dedupe: e = !1 } = {}) {
-    this.classRegistry = new va(), this.symbolRegistry = new oo((t) => {
+    this.classRegistry = new Ca(), this.symbolRegistry = new oo((t) => {
       var n;
       return (n = t.description) != null ? n : "";
-    }), this.customTransformerRegistry = new Aa(), this.allowedErrorProps = [], this.dedupe = e;
+    }), this.customTransformerRegistry = new ba(), this.allowedErrorProps = [], this.dedupe = e;
   }
   serialize(e) {
     const t = /* @__PURE__ */ new Map(), n = go(e, t, this, this.dedupe), r = {
@@ -5002,7 +5007,7 @@ var I = class {
       ...r.meta,
       values: n.annotations
     });
-    const o = Ka(t, this.dedupe);
+    const o = Wa(t, this.dedupe);
     return o && (r.meta = {
       ...r.meta,
       referentialEqualities: o
@@ -5011,7 +5016,7 @@ var I = class {
   deserialize(e) {
     const { json: t, meta: n } = e;
     let r = bt(t);
-    return n != null && n.values && (r = Ua(r, n.values, this)), n != null && n.referentialEqualities && (r = Ha(r, n.referentialEqualities)), r;
+    return n != null && n.values && (r = $a(r, n.values, this)), n != null && n.referentialEqualities && (r = za(r, n.referentialEqualities)), r;
   }
   stringify(e) {
     return JSON.stringify(this.serialize(e));
@@ -5086,7 +5091,7 @@ g();
 g();
 g();
 g();
-function Ga(e, t) {
+function qa(e, t) {
   const n = `▲ ■ ●${e}`;
   typeof mr == "function" ? mr(n, t) : console.log(n);
 }
@@ -5105,10 +5110,10 @@ function Bt(e) {
 function gr(e, t, n) {
   e.push(t), e.length > n && e.shift();
 }
-function Ya(e) {
+function Xa(e) {
   return (e / 1024).toFixed(2);
 }
-function qa(e) {
+function Za(e) {
   if (!e)
     return;
   const t = {
@@ -5126,7 +5131,7 @@ function qa(e) {
   let a = performance.now(), l = 0;
   const u = 1, c = ({ timestamp: f }) => {
     var _;
-    e.scene.value && (t.memory.allocatedMem = Bt(e.scene.value)), f - a >= n && (a = f, gr(t.fps.accumulator, r.value, s), t.fps.value = r.value, o.value && ((_ = i.value) != null && _.usedJSHeapSize) && (gr(t.memory.accumulator, i.value.usedJSHeapSize / 1024 / 1024, s), t.memory.accumulator.length > 0 && (t.memory.currentMem = t.memory.accumulator.reduce((h, E) => h + E, 0) / t.memory.accumulator.length)));
+    e.scene.value && (t.memory.allocatedMem = Bt(e.scene.value)), f - a >= n && (a = f, gr(t.fps.accumulator, r.value, s), t.fps.value = r.value, o.value && ((_ = i.value) != null && _.usedJSHeapSize) && (gr(t.memory.accumulator, i.value.usedJSHeapSize / 1024 / 1024, s), t.memory.accumulator.length > 0 && (t.memory.currentMem = t.memory.accumulator.reduce((h, v) => h + v, 0) / t.memory.accumulator.length)));
   }, { pause: p } = br(({ delta: f }) => {
     window.__TRES__DEVTOOLS__ && (c({ timestamp: performance.now() }), l += f, l >= u && (window.__TRES__DEVTOOLS__.cb({
       context: e,
@@ -5151,7 +5156,7 @@ const vo = (e) => {
   });
   const n = Bt(e);
   return n > 0 && t.tags.push({
-    label: `${Ya(n)} KB`,
+    label: `${Xa(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -5177,7 +5182,7 @@ const vo = (e) => {
     tooltip: "Position"
   })), t;
 };
-function Xa(e, t, n = "") {
+function Qa(e, t, n = "") {
   const r = n ? `${n}.${e}` : e;
   return {
     id: `context-${t}-${r}`,
@@ -5202,7 +5207,7 @@ function Tt(e, t, n = /* @__PURE__ */ new WeakSet(), r = 0, o = 4, i, s = "") {
   n.add(e), Object.entries(e).forEach(([c, p]) => {
     if (c.startsWith("_") || typeof p == "function")
       return;
-    const f = s ? `${s}.${c}` : c, _ = Xa(c, a, s);
+    const f = s ? `${s}.${c}` : c, _ = Qa(c, a, s);
     c !== "scene" && (Ee(p) ? (_.tags.push({
       label: `Ref<${typeof p.value}>`,
       textColor: 4372611,
@@ -5218,7 +5223,7 @@ function Tt(e, t, n = /* @__PURE__ */ new WeakSet(), r = 0, o = 4, i, s = "") {
     })) : _.label = `${c}: ${JSON.stringify(p)}`, t.children.push(_));
   });
 }
-const Za = (e) => (t) => {
+const Ja = (e) => (t) => {
   if (t.inspectorId === Te) {
     const n = vo(e.scene.value);
     yo(e.scene.value, n, t.filter);
@@ -5230,7 +5235,7 @@ const Za = (e) => (t) => {
     };
     Tt(e, r), t.rootNodes = [n, r];
   }
-}, Qa = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
+}, el = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
   var o;
   if (r.inspectorId === Te) {
     if (r.nodeId.includes("scene")) {
@@ -5311,7 +5316,7 @@ const Za = (e) => (t) => {
       });
     }
   }
-}, Ja = (e) => (t) => {
+}, tl = (e) => (t) => {
   if (t.inspectorId === Te && t.nodeId.includes("scene")) {
     const n = t.nodeId.match(/^scene-(.+)$/), r = n ? n[1] : null;
     if (!r)
@@ -5319,7 +5324,7 @@ const Za = (e) => (t) => {
     qi(e.scene.value, r, t.path, t.state.value);
   }
 }, Te = "tres:inspector";
-function el(e, t) {
+function nl(e, t) {
   const n = {
     id: "dev.esm.tres",
     label: "TresJS 🪐",
@@ -5328,10 +5333,10 @@ function el(e, t) {
     homepage: "https://docs.tresjs.org",
     app: e
   }, r = null, o = null;
-  qa(t), ca(
+  Za(t), da(
     n,
     (i) => {
-      typeof i.now != "function" && Ga(
+      typeof i.now != "function" && qa(
         "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."
       ), i.addInspector({
         id: Te,
@@ -5342,14 +5347,14 @@ function el(e, t) {
         i.sendInspectorTree(Te);
       }, 1e3), setInterval(() => {
         i.notifyComponentUpdate();
-      }, 5e3), i.on.getInspectorTree(Za(t)), i.on.getInspectorState(Qa(t, {
+      }, 5e3), i.on.getInspectorTree(Ja(t)), i.on.getInspectorState(el(t, {
         highlightMesh: r,
         prevInstance: o
-      })), i.on.editInspectorState(Ja(t));
+      })), i.on.editInspectorState(tl(t));
     }
   );
 }
-const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
+const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ st({
   __name: "TresCanvas",
   props: {
     camera: {},
@@ -5368,8 +5373,8 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
     clearColor: { default: "#000000" },
     clearAlpha: { default: 1 },
     shadows: { type: Boolean, default: void 0 },
-    toneMapping: { default: jo },
-    shadowMapType: { default: Ko },
+    toneMapping: { default: Ko },
+    shadowMapType: { default: zo },
     useLegacyLights: { type: Boolean, default: void 0 },
     outputColorSpace: {},
     toneMappingExposure: {},
@@ -5379,9 +5384,9 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
   },
   emits: ["ready", "pointermissed", "render", "beforeLoop", "loop", "click", "contextmenu", "pointermove", "pointerenter", "pointerleave", "pointerover", "pointerout", "dblclick", "pointerdown", "pointerup", "pointercancel", "lostpointercapture", "wheel"],
   setup(e, { expose: t, emit: n }) {
-    const r = e, o = n, i = So(), s = Oe(), a = ut(new vr()), l = zt();
+    const r = e, o = n, i = Oo(), s = Oe(), a = ut(new vr()), l = zt();
     _t(Er);
-    const u = (h, E = !1) => st({
+    const u = (h, v = !1) => st({
       setup() {
         var A;
         const d = (A = zt()) == null ? void 0 : A.appContext;
@@ -5391,14 +5396,14 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
           b && (b.parent && w(b.parent), b.provides && Object.assign(m, b.provides));
         }
         return l != null && l.parent && r.enableProvideBridge && (w(l.parent), Reflect.ownKeys(m).forEach((b) => {
-          Le(b, m[b]);
-        })), Le("useTres", h), Le("extend", _t), typeof window < "u" && (d != null && d.app) && el(d == null ? void 0 : d.app, h), () => Kt(Fo, null, E ? [] : i.default());
+          Xe(b, m[b]);
+        })), Xe(Ls, h), Xe("extend", _t), typeof window < "u" && (d != null && d.app) && nl(d == null ? void 0 : d.app, h), () => Kt(Ro, null, v ? [] : i.default());
       }
-    }), c = (h, E = !1) => {
-      const d = u(h, E), { render: m } = Ro(Hs(h));
+    }), c = (h, v = !1) => {
+      const d = u(h, v), { render: m } = xo(zs(h));
       m(Kt(d), a.value);
-    }, p = (h, E = !1) => {
-      He(h.scene.value), E && (h.renderer.instance.dispose(), h.renderer.instance instanceof Cr && (h.renderer.instance.renderLists.dispose(), h.renderer.instance.forceContextLoss())), a.value.__tres = {
+    }, p = (h, v = !1) => {
+      Ue(h.scene.value), v && (h.renderer.instance.dispose(), h.renderer.instance instanceof Cr && (h.renderer.instance.renderLists.dispose(), h.renderer.instance.forceContextLoss())), a.value.__tres = {
         root: h
       };
     }, f = ut(null);
@@ -5406,34 +5411,34 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
     const _ = () => {
       p(f.value), c(f.value, !0);
     };
-    return Po(() => {
+    return So(() => {
       const h = s;
-      f.value = Ms({
+      f.value = Ns({
         scene: a.value,
         canvas: h,
         windowSize: r.windowSize ?? !1,
         rendererOptions: r
       });
-      const { camera: E, renderer: d } = f.value, { registerCamera: m, cameras: w, activeCamera: A, deregisterCamera: b } = E;
+      const { camera: v, renderer: d } = f.value, { registerCamera: m, cameras: w, activeCamera: A, deregisterCamera: b } = v;
       c(f.value);
       const V = () => {
-        const P = new Wo(
+        const P = new jo(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
         P.position.set(3, 3, 3), P.lookAt(0, 0, 0), m(P);
-        const v = W(() => {
-          w.value.length >= 2 && (P.removeFromParent(), b(P), v == null || v());
+        const T = W(() => {
+          w.value.length >= 2 && (P.removeFromParent(), b(P), T == null || T());
         });
       };
       f.value.events.onPointerMissed((P) => {
         o("pointermissed", P);
       }), Ot(
         () => r.camera,
-        (P, v) => {
-          P && m(D(P), !0), v && (D(v).removeFromParent(), b(D(v)));
+        (P, T) => {
+          P && m(D(P), !0), T && (D(T).removeFromParent(), b(D(T)));
         },
         {
           immediate: !0
@@ -5447,13 +5452,13 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
       }), d.onReady(() => {
         o("ready", f.value);
       });
-    }), se(_), (h, E) => (Do(), Io("canvas", {
+    }), se(_), (h, v) => (Io(), Po("canvas", {
       ref_key: "canvasRef",
       ref: s,
       "data-scene": a.value.uuid,
-      class: xo(h.$attrs.class),
+      class: ko(h.$attrs.class),
       "data-tres": `tresjs ${Fe(Di).version}`,
-      style: ko({
+      style: Do({
         display: "block",
         width: "100%",
         height: "100%",
@@ -5464,38 +5469,38 @@ const tl = ["data-scene", "data-tres"], nl = /* @__PURE__ */ st({
         touchAction: "none",
         ...h.$attrs.style
       })
-    }, null, 14, tl));
+    }, null, 14, rl));
   }
 });
-function hl(e) {
+function ml(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof k ? [e.x, e.y, e.z] : e;
 }
-function _l(e) {
+function gl(e) {
   return e instanceof Me ? e : Array.isArray(e) ? new Me(...e) : new Me(e);
 }
-const rl = [
+const il = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], ml = {
+], El = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !rl.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !il.includes(e) || e === "primitive"
     }
   }
 };
 let j = null;
-const gl = {
+const vl = {
   updated: (e, t) => {
     var o;
     const n = Zi(t);
     if (!n) {
-      Ue(`v-distance-to: problem with binding value: ${t.value}`);
+      Be(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     j && (j.dispose(), e.parent.remove(j));
     const r = n.clone().sub(e.position);
-    r.normalize(), j = new Go(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(j), console.table(
+    r.normalize(), j = new Wo(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(j), console.table(
       [
         ["Distance:", e.position.distanceTo(n)],
         [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(o = e.position) == null ? void 0 : o.z}`],
@@ -5507,14 +5512,14 @@ const gl = {
     j == null || j.dispose(), e.parent && e.parent.remove(j);
   }
 };
-class Co extends Yo {
+class Co extends Go {
   constructor(t, n) {
     const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], o = new jt();
     o.setAttribute("position", new Wt(r, 3)), o.computeBoundingSphere();
-    const i = new qo({ fog: !1 });
+    const i = new Yo({ fog: !1 });
     super(o, i), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
     const s = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new jt();
-    a.setAttribute("position", new Wt(s, 3)), a.computeBoundingSphere(), this.add(new Ke(a, new yr({ side: Xo, fog: !1 })));
+    a.setAttribute("position", new Wt(s, 3)), a.computeBoundingSphere(), this.add(new ze(a, new yr({ side: qo, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -5531,31 +5536,31 @@ class Co extends Yo {
   }
 }
 let Re, Y;
-const ol = {
-  DirectionalLight: ei,
-  PointLight: Jo,
-  SpotLight: Qo,
-  HemisphereLight: Zo,
+const sl = {
+  DirectionalLight: Jo,
+  PointLight: Qo,
+  SpotLight: Zo,
+  HemisphereLight: Xo,
   RectAreaLight: Co
-}, El = {
+}, yl = {
   mounted: (e) => {
     if (!e.isLight) {
-      Ue(`${e.type} is not a light`);
+      Be(`${e.type} is not a light`);
       return;
     }
-    Re = ol[e.type], e.parent.add(new Re(e, 1, e.color.getHex()));
+    Re = sl[e.type], e.parent.add(new Re(e, 1, e.color.getHex()));
   },
   updated: (e) => {
     Y = e.parent.children.find((t) => t instanceof Re), !(Y instanceof Co) && Y.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      Ue(`${e.type} is not a light`);
+      Be(`${e.type} is not a light`);
       return;
     }
     Y = e.parent.children.find((t) => t instanceof Re), Y && Y.dispose && Y.dispose(), e.parent && e.parent.remove(Y);
   }
-}, vl = {
+}, Cl = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -5563,35 +5568,35 @@ const ol = {
     }
     console.log("v-log", e);
   }
-}, yl = {
+}, Al = {
   install(e) {
-    e.component("TresCanvas", nl);
+    e.component("TresCanvas", ol);
   }
 };
 export {
-  nl as TresCanvas,
-  fl as UseLoader,
+  ol as TresCanvas,
+  pl as UseLoader,
   ss as buildGraph,
   ht as catalogue,
-  yl as default,
-  He as dispose,
+  Al as default,
+  Ue as dispose,
   _t as extend,
-  ll as isProd,
+  fl as isProd,
   Xt as logError,
-  cl as logMessage,
-  Ue as logWarning,
-  _l as normalizeColor,
-  hl as normalizeVectorFlexibleParam,
-  ml as templateCompilerOptions,
+  dl as logMessage,
+  Be as logWarning,
+  gl as normalizeColor,
+  ml as normalizeVectorFlexibleParam,
+  El as templateCompilerOptions,
   is as useCameraManager,
-  dl as useGraph,
+  hl as useGraph,
   os as useLoader,
-  pl as useLoop,
+  _l as useLoop,
   as as useRendererManager,
-  Ns as useTres,
+  Bs as useTres,
   Nr as useTresContext,
-  Ms as useTresContextProvider,
-  gl as vDistanceTo,
-  El as vLightHelper,
-  vl as vLog
+  Ns as useTresContextProvider,
+  vl as vDistanceTo,
+  yl as vLightHelper,
+  Cl as vLog
 };