@tresjs/core 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/tres.js

@@ -1,37 +1,37 @@
 /**
  * name: @tresjs/core
- * version: v5.0.0-alpha.1
+ * version: v5.0.0-alpha.2
  * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { reactive as Io, toValue as I, watch as At, onUnmounted as ie, defineComponent as ot, renderSlot as Do, unref as ke, ref as Ae, computed as J, watchEffect as z, readonly as $t, shallowRef as it, isRef as me, useSlots as ko, getCurrentInstance as zt, onMounted as Kt, createElementBlock as xo, openBlock as Ro, normalizeStyle as Fo, normalizeClass as Lo, createRenderer as No, h as Wt, provide as qe, Fragment as Mo } from "vue";
+import { reactive as Do, toValue as D, watch as At, onUnmounted as ie, defineComponent as ot, renderSlot as Io, unref as ke, ref as Ae, computed as J, watchEffect as $, readonly as zt, shallowRef as it, isRef as me, useSlots as ko, getCurrentInstance as $t, onMounted as Kt, createElementBlock as xo, openBlock as Ro, normalizeStyle as Lo, normalizeClass as Fo, createRenderer as Mo, h as Wt, provide as qe, Fragment as No } from "vue";
 import * as vr from "three";
-import { Layers as Vo, Scene as yr, MathUtils as Bo, Clock as Uo, WebGLRenderer as Cr, Mesh as He, Material as Ho, Vector3 as D, Vector2 as Y, Ray as st, SphereGeometry as jo, Object3D as je, Matrix4 as Te, BufferAttribute as br, Triangle as wr, Line3 as $o, Plane as $e, Raycaster as zo, Quaternion as at, Sphere as Ko, MeshBasicMaterial as Ar, DoubleSide as Wo, Color as xe, PCFSoftShadowMap as Go, ACESFilmicToneMapping as Yo, PerspectiveCamera as qo, ArrowHelper as Xo, Line as Zo, BufferGeometry as Gt, Float32BufferAttribute as Yt, LineBasicMaterial as Qo, BackSide as Jo, HemisphereLightHelper as ei, SpotLightHelper as ti, PointLightHelper as ni, DirectionalLightHelper as ri } from "three";
-import { useAsyncState as oi, whenever as qt, tryOnScopeDispose as ii, createEventHook as Ee, useRafFn as Tr, useDevicePixelRatio as si, useTimeout as ai, unrefElement as ui, useWindowSize as li, useElementSize as ci, refDebounced as Xt, createInjectionState as fi, useFps as di, useMemory as pi, promiseTimeout as hi } from "@vueuse/core";
-const _i = "@tresjs/core", mi = "module", gi = "5.0.0-alpha.1", Ei = "pnpm@10.6.3", vi = "Declarative ThreeJS using Vue Components", yi = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Ci = "MIT", bi = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, wi = ["vue", "3d", "threejs", "three", "threejs-vue"], Ai = !1, Ti = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js", require: "./dist/tres.js", default: "./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" }, "./*": "./*" }, Oi = "./dist/tres.js", Si = "./dist/tres.js", Pi = "./dist/index.d.ts", Ii = ["*.d.ts", "dist"], Di = { access: "public" }, ki = { 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": "pnpm --filter='./docs' dev", "docs:generate": "pnpm --filter='./docs' generate", "docs:prepare": "pnpm --filter='./docs' prepare", "docs:lint": "pnpm --filter='./docs' lint", "docs:typecheck": "pnpm --filter='./docs' typecheck", postinstall: "pnpm run build && pnpm --filter='./docs' prepare" }, xi = { three: ">=0.133", vue: ">=3.4" }, Ri = { "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^12.5.0", radashi: "^12.6.0" }, Fi = { "@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", "@tresjs/leches": "1.0.0-next.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.179.1", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^7.1.3", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.4", "vite-plugin-inspect": "^11.3.3", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.2.4", vue: "3.5.20", "vue-demi": "^0.14.10", "vue-tsc": "^3.0.6" }, Li = { onlyBuiltDependencies: ["better-sqlite3"], ignoredBuiltDependencies: ["vue-demi"], overrides: { vue: "^3.5.13", "vue-router": "^4.5.0" } }, Ni = { unimport: "4.1.1" }, Mi = {
+import { Layers as Vo, Scene as yr, MathUtils as Bo, Clock as Uo, WebGLRenderer as br, Mesh as He, Material as Ho, Vector3 as I, Vector2 as Y, Ray as st, SphereGeometry as jo, Object3D as je, Matrix4 as Te, BufferAttribute as Cr, Triangle as wr, Line3 as zo, Plane as ze, Raycaster as $o, Quaternion as ut, Sphere as Ko, MeshBasicMaterial as Ar, DoubleSide as Wo, Color as xe, PCFSoftShadowMap as Go, ACESFilmicToneMapping as Yo, PerspectiveCamera as qo, ArrowHelper as Xo, Line as Qo, BufferGeometry as Gt, Float32BufferAttribute as Yt, LineBasicMaterial as Zo, BackSide as Jo, HemisphereLightHelper as ei, SpotLightHelper as ti, PointLightHelper as ni, DirectionalLightHelper as ri } from "three";
+import { useAsyncState as oi, whenever as qt, tryOnScopeDispose as ii, createEventHook as Ee, useRafFn as Tr, useDevicePixelRatio as si, useTimeout as ui, unrefElement as ai, useWindowSize as li, useElementSize as ci, refDebounced as Xt, createInjectionState as fi, useFps as di, useMemory as pi, promiseTimeout as hi } from "@vueuse/core";
+const _i = "@tresjs/core", mi = "module", gi = "5.0.0-alpha.2", Ei = "pnpm@10.6.3", vi = "Declarative ThreeJS using Vue Components", yi = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", bi = "MIT", Ci = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, wi = ["vue", "3d", "threejs", "three", "threejs-vue"], Ai = !1, Ti = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js", require: "./dist/tres.js", default: "./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" }, "./*": "./*" }, Oi = "./dist/tres.js", Si = "./dist/tres.js", Pi = "./dist/index.d.ts", Di = ["*.d.ts", "dist"], Ii = { access: "public" }, ki = { 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": "pnpm --filter='./docs' dev", "docs:generate": "pnpm --filter='./docs' generate", "docs:prepare": "pnpm --filter='./docs' prepare", "docs:lint": "pnpm --filter='./docs' lint", "docs:typecheck": "pnpm --filter='./docs' typecheck", postinstall: "pnpm run build && pnpm --filter='./docs' prepare" }, xi = { three: ">=0.133", vue: ">=3.4" }, Ri = { "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^13.9.0", radashi: "^12.6.2" }, Li = { "@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", "@tresjs/leches": "1.0.0-next.0", "@types/three": "^0.179.0", "@typescript-eslint/eslint-plugin": "^8.42.0", "@typescript-eslint/parser": "^8.42.0", "@vitejs/plugin-vue": "^6.0.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.2.4", "@vitest/ui": "^3.2.4", "@vue/test-utils": "^2.4.6", eslint: "^9.34.0", "eslint-plugin-vue": "^10.4.0", esno: "^4.8.0", gsap: "^3.13.0", jsdom: "^26.1.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.3", "release-it": "^19.0.4", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^6.0.3", sponsorkit: "^17.0.0", three: "^0.179.1", unocss: "^65.5.0", unplugin: "^2.3.10", "unplugin-vue-components": "^29.0.0", vite: "^7.1.4", "vite-plugin-banner": "^0.8.1", "vite-plugin-dts": "4.5.4", "vite-plugin-inspect": "^11.3.3", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.4", vitest: "3.2.4", vue: "3.5.21", "vue-demi": "^0.14.10", "vue-tsc": "^3.0.6" }, Fi = { onlyBuiltDependencies: ["better-sqlite3"], ignoredBuiltDependencies: ["vue-demi"], overrides: { vue: "^3.5.21", "vue-router": "^4.5.1" } }, Mi = { unimport: "4.1.1" }, Ni = {
   name: _i,
   type: mi,
   version: gi,
   packageManager: Ei,
   description: vi,
   author: yi,
-  license: Ci,
-  repository: bi,
+  license: bi,
+  repository: Ci,
   keywords: wi,
   sideEffects: Ai,
   exports: Ti,
   main: Oi,
   module: Si,
   types: Pi,
-  files: Ii,
-  publishConfig: Di,
+  files: Di,
+  publishConfig: Ii,
   scripts: ki,
   peerDependencies: xi,
   dependencies: Ri,
-  devDependencies: Fi,
-  pnpm: Li,
-  resolutions: Ni
+  devDependencies: Li,
+  pnpm: Fi,
+  resolutions: Mi
 };
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
@@ -42,7 +42,7 @@ function Vi(e) {
   return (n) => n in t;
 }
 const Bi = "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", Ui = /* @__PURE__ */ Vi(Bi);
-function Zt(e) {
+function Qt(e) {
   var t;
   const n = ((t = e?.replace(/([A-Z])+/g, Hi)) == null ? void 0 : t.split(/(?=[A-Z])|[\.\-\s_]/).map((r) => r.toLowerCase())) ?? [];
   return n.length === 0 ? "" : n.length === 1 ? n[0] : n.reduce((r, o) => `${r}${o.charAt(0).toUpperCase()}${o.slice(1)}`);
@@ -70,7 +70,7 @@ function Or(e, t) {
       return !1;
   return !0;
 }
-function Z(e) {
+function Q(e) {
   return typeof e == "function";
 }
 function Sr(e) {
@@ -85,32 +85,32 @@ function Ot(e) {
 function ji(e, t) {
   return Object.prototype.toString.call(e) === t;
 }
-function ut(e) {
+function at(e) {
   return typeof e > "u";
 }
-const B = (e) => (t) => Tt(t) && e in t && !!t[e], lt = B("isObject3D"), ze = B("isMesh"), Pr = B("isCamera"), $i = B("isOrthographicCamera"), Ir = B("isPerspectiveCamera"), Dr = B("isColor"), zi = (e) => Ot(e) || Sr(e) || Dr(e), Qt = (e) => e instanceof Vo, kr = B("isBufferGeometry"), xr = B("isMaterial"), Rr = B("isLight"), Fr = B("isFog"), Lr = B("isScene"), cl = B("isGroup"), ct = (e) => e !== null && typeof e == "object" && "set" in e && typeof e.set == "function", Ki = (e) => ct(e) && "copy" in e && typeof e.copy == "function", Wi = (e) => !!e?.constructor, re = (e) => Pr(e) || $i(e) || Ir(e), Gi = (e) => (
+const B = (e) => (t) => Tt(t) && e in t && !!t[e], lt = B("isObject3D"), $e = B("isMesh"), Pr = B("isCamera"), zi = B("isOrthographicCamera"), Dr = B("isPerspectiveCamera"), Ir = B("isColor"), $i = (e) => Ot(e) || Sr(e) || Ir(e), Zt = (e) => e instanceof Vo, kr = B("isBufferGeometry"), xr = B("isMaterial"), Rr = B("isLight"), Lr = B("isFog"), Fr = B("isScene"), dl = B("isGroup"), ct = (e) => e !== null && typeof e == "object" && "set" in e && typeof e.set == "function", Ki = (e) => ct(e) && "copy" in e && typeof e.copy == "function", Wi = (e) => !!e?.constructor, re = (e) => Pr(e) || zi(e) || Dr(e), Gi = (e) => (
   // NOTE: TresObject is currently defined as
   // TresObject3D | THREE.BufferGeometry | THREE.Material | THREE.Fog
-  lt(e) || kr(e) || xr(e) || Fr(e)
+  lt(e) || kr(e) || xr(e) || Lr(e)
 ), Yi = B("isPrimitive"), qi = (e) => Gi(e) && "__tres" in e, Xi = (e, t) => {
   let n = 0;
   for (let r = 0; r < e.length; r++)
     t(e[r], r) && (e[n] = e[r], n++);
   return e.length = n, e;
-}, fl = !0, Le = "[TresJS ▲ ■ ●] ";
+}, pl = !0, Fe = "[TresJS ▲ ■ ●] ";
 function Jt(...e) {
-  typeof e[0] == "string" ? e[0] = Le + e[0] : e.unshift(Le), console.error(...e);
+  typeof e[0] == "string" ? e[0] = Fe + e[0] : e.unshift(Fe), console.error(...e);
 }
-function Ne(...e) {
-  typeof e[0] == "string" ? e[0] = Le + e[0] : e.unshift(Le), console.warn(...e);
+function Me(...e) {
+  typeof e[0] == "string" ? e[0] = Fe + e[0] : e.unshift(Fe), console.warn(...e);
 }
-function dl(e, t) {
+function hl(e, t) {
 }
 function en(e) {
   ((n) => "map" in n && !!n.map)(e) && e.map.dispose(), e.dispose();
 }
-function Me(e) {
-  if (e.parent && e.removeFromParent?.(), delete e.__tres, [...e.children].forEach((n) => Me(n)), !(e instanceof yr)) {
+function Ne(e) {
+  if (e.parent && e.removeFromParent?.(), delete e.__tres, [...e.children].forEach((n) => Ne(n)), !(e instanceof yr)) {
     const n = e;
     e && e.dispose?.(), n.geometry && n.geometry.dispose(), Array.isArray(n.material) ? n.material.forEach((r) => en(r)) : n.material && en(n.material);
   }
@@ -129,16 +129,16 @@ function Ve(e, t) {
 function tn(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
-function Zi(e, t, n) {
+function Qi(e, t, n) {
   const r = /-\d+$/;
   if (Ot(n)) {
     if (r.test(n)) {
-      const s = n.replace(r, ""), { target: a, key: u } = Ve(e, s);
-      if (!Array.isArray(a[u])) {
-        const l = a[u], c = [];
+      const s = n.replace(r, ""), { target: u, key: a } = Ve(e, s);
+      if (!Array.isArray(u[a])) {
+        const l = u[a], c = [];
         c.__tresDetach = () => {
-          c.every((f) => ut(f)) && (a[u] = l);
-        }, a[u] = c;
+          c.every((f) => at(f)) && (u[a] = l);
+        }, u[a] = c;
       }
     }
     const { target: o, key: i } = Ve(e, n);
@@ -146,7 +146,7 @@ function Zi(e, t, n) {
   } else
     t.__tres.previousAttach = n(e, t);
 }
-function Qi(e, t, n) {
+function Zi(e, t, n) {
   if (Ot(n)) {
     const { target: r, key: o } = Ve(e, n), i = t.__tres.previousAttach;
     i === void 0 ? delete r[o] : r[o] = i, "__tresDetach" in r && r.__tresDetach();
@@ -164,7 +164,7 @@ function X(e, t, n) {
     parent: null,
     previousAttach: null,
     ...t
-  }, r.__tres.attach || (xr(r) ? r.__tres.attach = "material" : kr(r) ? r.__tres.attach = "geometry" : Fr(r) && (r.__tres.attach = "fog")), r;
+  }, r.__tres.attach || (xr(r) ? r.__tres.attach = "material" : kr(r) ? r.__tres.attach = "geometry" : Lr(r) && (r.__tres.attach = "fog")), r;
 }
 function ft(e) {
   const t = e?.__tres?.root;
@@ -174,14 +174,14 @@ function Ji(e, t, n, r, o) {
   const i = [...t.__tres.objects], s = se(t);
   if (e = se(e), s === e)
     return !0;
-  const a = X(e, t.__tres ?? {}, o), u = t.parent ?? t.__tres.parent ?? null, l = { ...t.__tres.memoizedProps };
+  const u = X(e, t.__tres ?? {}, o), a = t.parent ?? t.__tres.parent ?? null, l = { ...t.__tres.memoizedProps };
   delete l.object;
   for (const c of i)
-    Nr(c, o), Mr(c, o);
+    Mr(c, o), Nr(c, o);
   s.__tres.objects = [], r.remove(t);
   for (const [c, f] of Object.entries(l))
-    r.patchProp(a, c, a[c], f);
-  n(e), r.insert(t, u);
+    r.patchProp(u, c, u[c], f);
+  n(e), r.insert(t, a);
   for (const c of i)
     r.insert(c, t);
   return !0;
@@ -193,30 +193,31 @@ function se(e) {
   } else
     return e;
 }
-function Nr(e, t) {
+function Mr(e, t) {
   const n = e.__tres?.parent || t.scene.value;
-  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && Xi(n.__tres.objects, (r) => r !== e), e.__tres?.attach ? Qi(n, e, e.__tres.attach) : (e.parent?.remove?.(se(e)), e.parent = null);
+  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && Xi(n.__tres.objects, (r) => r !== e), e.__tres?.attach ? Zi(n, e, e.__tres.attach) : (e.parent?.remove?.(se(e)), e.parent = null);
 }
-function Mr(e, t) {
+function Nr(e, t) {
   e.traverse?.((n) => {
     re(n) && t.camera.deregisterCamera(n);
   }), re(e) && t.camera.deregisterCamera(e), ft(e);
 }
 function es(e, t, n) {
-  const r = new e(n?.manager), o = Io({
+  const r = new e(n?.manager), o = Do({
     loaded: 0,
     total: 0,
     percentage: 0
   });
   n?.extensions && n.extensions(r);
-  const i = I(t), s = oi(
-    (u) => new Promise((l, c) => {
-      r.load(u || i || "", (f) => {
-        l(f);
-      }, (f) => {
-        o.loaded = f.loaded, o.total = f.total, o.percentage = o.loaded / o.total * 100;
-      }, (f) => {
-        c(f);
+  const i = D(t), s = oi(
+    (a) => new Promise((l, c) => {
+      const f = a || i || "";
+      r.load(f, (_) => {
+        l(_);
+      }, (_) => {
+        o.loaded = _.loaded, o.total = _.total, o.percentage = o.loaded / o.total * 100;
+      }, (_) => {
+        c(_);
       });
     }),
     n?.initialValue ?? null,
@@ -224,25 +225,25 @@ function es(e, t, n) {
       ...n?.asyncOptions,
       immediate: n?.asyncOptions?.immediate ?? !0
     }
-  ), a = At(() => I(t), (u) => {
-    if (u) {
+  ), u = At(() => D(t), (a) => {
+    if (a) {
       const l = s.state.value;
-      l && typeof l == "object" && "scene" in l && l.scene && Me(l.scene), s.execute(0, u);
+      l && typeof l == "object" && "scene" in l && l.scene && Ne(l.scene), s.execute(0, a);
     }
   });
   return ie(() => {
-    a();
-    const u = s.state.value;
-    u && typeof u == "object" && "scene" in u && u.scene && Me(u.scene);
+    u();
+    const a = s.state.value;
+    a && typeof a == "object" && "scene" in a && a.scene && Ne(a.scene);
   }), {
     ...s,
-    load: (u) => {
-      s.execute(0, u);
+    load: (a) => {
+      s.execute(0, a);
     },
     progress: o
   };
 }
-const pl = /* @__PURE__ */ ot({
+const _l = /* @__PURE__ */ ot({
   __name: "component",
   props: {
     loader: {},
@@ -252,11 +253,11 @@ const pl = /* @__PURE__ */ ot({
   emits: ["loaded", "error"],
   setup(e, { emit: t }) {
     const n = e, r = t, { state: o, isLoading: i, error: s } = es(n.loader, n.path, { manager: n.manager });
-    return qt(s, (a) => {
-      a && r("error", a);
-    }), qt(o, (a) => {
-      a && r("loaded", a);
-    }), (a, u) => Do(a.$slots, "default", {
+    return qt(s, (u) => {
+      u && r("error", u);
+    }), qt(o, (u) => {
+      u && r("loaded", u);
+    }), (u, a) => Io(u.$slots, "default", {
       state: ke(o),
       isLoading: ke(i),
       error: ke(s)
@@ -264,19 +265,19 @@ const pl = /* @__PURE__ */ ot({
   }
 }), ts = ({ sizes: e }) => {
   const t = Ae([]), n = J(() => t.value[0]), r = (s) => {
-    const a = Pr(s) ? s : t.value.find((l) => l.uuid === s);
-    if (!a)
+    const u = Pr(s) ? s : t.value.find((l) => l.uuid === s);
+    if (!u)
       return;
-    const u = t.value.filter(({ uuid: l }) => l !== a.uuid);
-    t.value = [a, ...u];
-  }, o = (s, a = !1) => {
-    t.value.some(({ uuid: u }) => u === s.uuid) || (t.value.push(s), a && r(s.uuid));
+    const a = t.value.filter(({ uuid: l }) => l !== u.uuid);
+    t.value = [u, ...a];
+  }, o = (s, u = !1) => {
+    t.value.some(({ uuid: a }) => a === s.uuid) || (t.value.push(s), u && r(s.uuid));
   }, i = (s) => {
-    t.value = t.value.filter(({ uuid: a }) => a !== s.uuid);
+    t.value = t.value.filter(({ uuid: u }) => u !== s.uuid);
   };
-  return z(() => {
+  return $(() => {
     e.aspectRatio.value && t.value.forEach((s) => {
-      Ir(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
+      Dr(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
     });
   }), {
     activeCamera: n,
@@ -289,13 +290,13 @@ const pl = /* @__PURE__ */ ot({
 function ns(e) {
   const t = { nodes: {}, materials: {}, meshes: {} };
   return e && e.traverse((n) => {
-    n.name && (t.nodes[n.name] = n), ze(n) && (t.meshes[n.name] || (t.meshes[n.name] = n), (Array.isArray(n.material) ? n.material : [n.material]).forEach((r) => {
+    n.name && (t.nodes[n.name] = n), $e(n) && (t.meshes[n.name] || (t.meshes[n.name] = n), (Array.isArray(n.material) ? n.material : [n.material]).forEach((r) => {
       r.name && !t.materials[r.name] && (t.materials[r.name] = r);
     }));
   }), t;
 }
-const hl = (e) => J(() => {
-  const t = I(e);
+const ml = (e) => J(() => {
+  const t = D(e);
   if (t)
     return ns(t);
 });
@@ -304,8 +305,8 @@ function nn() {
   let n = 0, r = !1;
   const o = () => {
     const l = Array.from(e.entries()).sort((c, f) => {
-      const m = c[1].priority - f[1].priority;
-      return m === 0 ? c[1].addI - f[1].addI : m;
+      const _ = c[1].priority - f[1].priority;
+      return _ === 0 ? c[1].addI - f[1].addI : _;
     });
     t.clear(), l.forEach((c) => t.add(c[0]));
   }, i = (l) => {
@@ -326,7 +327,7 @@ function nn() {
   } };
 }
 const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), rs = (e, t, n) => {
-  if (!Z(e.setPixelRatio))
+  if (!Q(e.setPixelRatio))
     return;
   let r = 0;
   if (n && Array.isArray(n) && n.length >= 2) {
@@ -339,11 +340,11 @@ const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), rs = (e, t, n) => {
     before: Ee(),
     after: Ee()
   }, { pause: r, resume: o, isActive: i } = Tr(() => {
-    const u = () => ({
+    const a = () => ({
       delta: t.getDelta(),
       elapsed: t.elapsedTime
     });
-    n.before.trigger(u()), e(), n.after.trigger(u());
+    n.before.trigger(a()), e(), n.after.trigger(a());
   }, {
     immediate: !1
   });
@@ -365,37 +366,37 @@ function is({
   options: n,
   contextParts: { sizes: r, camera: o }
 }) {
-  const s = Z(n.renderer) ? n.renderer({
+  const s = Q(n.renderer) ? n.renderer({
     sizes: r,
     scene: e,
     camera: o,
     canvas: t
-  }) : new Cr({
+  }) : new br({
     ...n,
-    canvas: ui(t)
-  }), a = Ae(I(n.renderMode) === "manual" ? 0 : 1), u = 60, l = J(() => I(n.renderMode) === "on-demand" && a.value === 0), c = () => e.value.traverse((E) => {
+    canvas: ai(t)
+  }), u = Ae(D(n.renderMode) === "manual" ? 0 : 1), a = 60, l = J(() => D(n.renderMode) === "on-demand" && u.value === 0), c = () => e.value.traverse((E) => {
     E instanceof He && E.material instanceof Ho && (E.material.needsUpdate = !0);
   }), f = (E = 1) => {
-    l.value && (a.value = Math.min(u, a.value + E));
-  }, m = () => {
-    if (I(n.renderMode) !== "manual")
+    l.value && (u.value = Math.min(a, u.value + E));
+  }, _ = () => {
+    if (D(n.renderMode) !== "manual")
       throw new Error("advance can only be called in manual render mode.");
-    a.value = 1;
+    u.value = 1;
   }, d = () => {
-    I(n.renderMode) === "on-demand" && f();
-  }, h = J(() => I(n.renderMode) === "always"), v = (E) => Tt(E) && "isRenderer" in E && !!E.isRenderer, p = Ee();
+    D(n.renderMode) === "on-demand" && f();
+  }, h = J(() => D(n.renderMode) === "always"), v = (E) => Tt(E) && "isRenderer" in E && !!E.isRenderer, p = Ee();
   let g = !1;
   v(s) && (s.init(), p.trigger(s));
-  const C = Ee(), b = () => {
-    a.value = h.value ? 1 : Math.max(0, a.value - 1), C.trigger(s);
+  const b = Ee(), C = () => {
+    u.value = h.value ? 1 : Math.max(0, u.value - 1), b.trigger(s);
   };
   let P = (E) => {
     o.activeCamera.value && (s.render(e.value, o.activeCamera.value), E());
   };
-  const N = (E) => {
+  const M = (E) => {
     P = E;
   }, A = os(() => {
-    a.value && P(b);
+    u.value && P(C);
   });
   p.on(A.start), At([r.width, r.height], () => {
     s.setSize(r.width.value, r.height.value), !g && s.domElement.width && s.domElement.height && (p.trigger(s), g = !0), d();
@@ -403,14 +404,14 @@ function is({
     immediate: !0
   });
   const { pixelRatio: O } = si();
-  z(() => {
-    rs(s, O.value, I(n.dpr));
-  }), I(n.renderMode) === "on-demand" && f(), I(n.renderMode) === "manual" && ai(100, {
-    callback: m
+  $(() => {
+    rs(s, O.value, D(n.dpr));
+  }), D(n.renderMode) === "on-demand" && f(), D(n.renderMode) === "manual" && ui(100, {
+    callback: _
   });
   const T = J(() => {
-    const E = I(n.clearColor), x = I(n.clearAlpha), R = typeof E == "string" && E.length === 9 && E.startsWith("#");
-    return R && x !== void 0 && Ne(`clearColor with alpha (e.g. ${E}) and clearAlpha cannot both be set, using clearColor as source of truth`), R ? {
+    const E = D(n.clearColor), x = D(n.clearAlpha), R = typeof E == "string" && E.length === 9 && E.startsWith("#");
+    return R && x !== void 0 && Me(`clearColor with alpha (e.g. ${E}) and clearAlpha cannot both be set, using clearColor as source of truth`), R ? {
       alpha: Number.parseInt(E.slice(7, 9), 16) / 255,
       color: E.slice(0, 7)
     } : {
@@ -418,22 +419,22 @@ function is({
       color: E
     };
   });
-  return z(() => {
+  return $(() => {
     const E = T.value;
     E.color === void 0 || E.alpha === void 0 || s.setClearColor(E.color, E.alpha);
-  }), z(() => {
+  }), $(() => {
     const E = n.toneMapping;
     E && (s.toneMapping = E);
-  }), z(() => {
+  }), $(() => {
     const E = n.toneMappingExposure;
     E && (s.toneMappingExposure = E);
-  }), z(() => {
+  }), $(() => {
     const E = n.outputColorSpace;
     E && (s.outputColorSpace = E);
-  }), z(() => {
+  }), $(() => {
     const E = n.shadows;
     E !== void 0 && (s.shadowMap.enabled = E, c());
-  }), z(() => {
+  }), $(() => {
     const E = n.shadowMapType;
     E !== void 0 && (s.shadowMap.type = E, c());
   }), ie(() => {
@@ -441,24 +442,24 @@ function is({
   }), {
     loop: A,
     instance: s,
-    advance: m,
+    advance: _,
     onReady: p.on,
-    onRender: C.on,
+    onRender: b.on,
     invalidate: f,
     canBeInvalidated: l,
-    mode: I(n.renderMode),
-    replaceRenderFunction: N
+    mode: D(n.renderMode),
+    replaceRenderFunction: M
   };
 }
 function ss(e, t, n = 10) {
-  const r = I(e) ? li() : ci(J(() => I(t).parentElement)), o = $t(Xt(r.width, n)), i = $t(Xt(r.height, n)), s = J(() => o.value / i.value);
+  const r = D(e) ? li() : ci(J(() => D(t).parentElement)), o = zt(Xt(r.width, n)), i = zt(Xt(r.height, n)), s = J(() => o.value / i.value);
   return {
     height: i,
     width: o,
     aspectRatio: s
   };
 }
-class as {
+class us {
   nativeEvent;
   NONE = 0;
   CAPTURING_PHASE = 1;
@@ -565,8 +566,8 @@ class as {
     return t in this.nativeEvent ? this.nativeEvent[t] : n;
   }
 }
-const Xe = new D();
-class F extends as {
+const Xe = new I();
+class L extends us {
   type;
   bubbles;
   internalPointer;
@@ -665,7 +666,7 @@ class F extends as {
       case "screen-ray":
       case "ray":
       case "sphere":
-        return this._ray = new st(this.intersection.pointerPosition, new D(0, 0, -1).applyQuaternion(this.intersection.pointerQuaternion));
+        return this._ray = new st(this.intersection.pointerPosition, new I(0, 0, -1).applyQuaternion(this.intersection.pointerQuaternion));
       case "lines":
         return this._ray = new st(this.intersection.details.line.start, this.intersection.details.line.end.clone().sub(this.intersection.details.line.start).normalize());
     }
@@ -678,7 +679,7 @@ class F extends as {
   get unprojectedPoint() {
     if (this._unprojectedPoint == null) {
       const t = this.pointer;
-      this._unprojectedPoint = new D(t.x, t.y, 0).unproject(this.camera);
+      this._unprojectedPoint = new I(t.x, t.y, 0).unproject(this.camera);
     }
     return this._unprojectedPoint;
   }
@@ -691,11 +692,11 @@ class F extends as {
   get delta() {
     throw new Error("not supported");
   }
-  constructor(t, n, r, o, i, s, a = i.object, u = a, l = {
+  constructor(t, n, r, o, i, s, u = i.object, a = u, l = {
     stopped: !n,
     stoppedImmediate: !1
   }) {
-    super(r), this.type = t, this.bubbles = n, this.internalPointer = o, this.intersection = i, this.camera = s, this.currentObject = a, this.object = u, this.propagationState = l;
+    super(r), this.type = t, this.bubbles = n, this.internalPointer = o, this.intersection = i, this.camera = s, this.currentObject = u, this.object = a, this.propagationState = l;
   }
   stopPropagation() {
     this.propagationState.stopped = !0;
@@ -707,10 +708,10 @@ class F extends as {
    * for internal use
    */
   retarget(t) {
-    return new F(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, t, this.target, this.propagationState);
+    return new L(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, t, this.target, this.propagationState);
   }
 }
-class Be extends F {
+class Be extends L {
   get deltaX() {
     return this.nativeEvent.deltaX;
   }
@@ -730,7 +731,7 @@ class Be extends F {
     return new Be(this.nativeEvent, this.internalPointer, this.intersection, this.camera, t, this.target);
   }
 }
-function M(e) {
+function N(e) {
   Vr(e, e.currentObject);
 }
 function Vr(e, t) {
@@ -757,7 +758,7 @@ const Br = {
   pointerover: "onPointerOver",
   pointerup: "onPointerUp",
   wheel: "onWheel"
-}, us = Object.keys(Br);
+}, as = Object.keys(Br);
 function ls(e, t) {
   if (e._listeners != null && t in e._listeners)
     return e._listeners[t];
@@ -780,7 +781,7 @@ function ps(e, t, n) {
   if (n === "all")
     return !0;
   if (typeof n == "function")
-    return ({ id: i, type: s, state: a }) => n(i, s, a);
+    return ({ id: i, type: s, state: u }) => n(i, s, u);
   let r, o;
   return "deny" in n ? (o = !0, r = n.deny) : (o = !1, r = n.allow), Array.isArray(r) ? (i) => on(r.includes(i.type), o) : (i) => on(r === i.type, o);
 }
@@ -788,22 +789,22 @@ function on(e, t) {
   return t ? !e : e;
 }
 function Hr(e, t, n, r = !1, o, i, s) {
-  const a = r || hs(e, t), u = t.pointerEvents ?? o, l = u ?? t.defaultPointerEvents ?? "listener", c = t.pointerEventsType ?? i ?? "all", f = t.pointerEventsOrder ?? s ?? 0, m = ps(a, l, c), d = n.length;
+  const u = r || hs(e, t), a = t.pointerEvents ?? o, l = a ?? t.defaultPointerEvents ?? "listener", c = t.pointerEventsType ?? i ?? "all", f = t.pointerEventsOrder ?? s ?? 0, _ = ps(u, l, c), d = n.length;
   if (d === 1)
-    (m === !0 || typeof m == "function" && m(n[0])) && Ze(n[0], t, l, c, f);
-  else if (m === !0)
+    (_ === !0 || typeof _ == "function" && _(n[0])) && Qe(n[0], t, l, c, f);
+  else if (_ === !0)
     for (let p = 0; p < d; p++)
-      Ze(n[p], t, l, c, f);
-  else if (typeof m == "function")
+      Qe(n[p], t, l, c, f);
+  else if (typeof _ == "function")
     for (let p = 0; p < d; p++) {
       const g = n[p];
-      m(g) && Ze(g, t, l, c, f);
+      _(g) && Qe(g, t, l, c, f);
     }
   if (t.children.length === 0 || t.intersectChildren === !1)
     return;
   const h = t.interactableDescendants ?? t.children, v = h.length;
   for (let p = 0; p < v; p++)
-    Hr(e, h[p], n, a, u, c, f);
+    Hr(e, h[p], n, u, a, c, f);
 }
 function hs(e, t) {
   if (t.ancestorsHaveListeners || e === "pointer" && t.ancestorsHavePointerListeners || e === "wheel" && t.ancestorsHaveWheelListeners || t.__r3f != null && t.__r3f?.eventCount > 0 && (e === "wheel" && t.__r3f.handlers.onWheel != null || e === "pointer" && Object.keys(t.__r3f.handlers).some((o) => o != "onWheel")))
@@ -817,20 +818,20 @@ function hs(e, t) {
   const n = Object.entries(t._listeners), r = n.length;
   for (let o = 0; o < r; o++) {
     const i = n[o];
-    if (i[0] !== "wheel" && us.includes(i[0]) && i[1] != null && i[1].length > 0)
+    if (i[0] !== "wheel" && as.includes(i[0]) && i[1] != null && i[1].length > 0)
       return !0;
   }
   return !1;
 }
-function Ze({ intersector: e, options: t }, n, r, o, i) {
+function Qe({ intersector: e, options: t }, n, r, o, i) {
   t.filter?.(n, r, o, i) !== !1 && e.executeIntersection(n, i);
 }
 function _s(e, t, { customSort: n = ms } = {}, r) {
   let o, i, s;
-  const a = e.length;
-  for (let u = 0; u < a; u++) {
-    const l = e[u], c = t?.[u];
-    (o == null || n(l, c, o, i) < 0) && (s = u, o = l, i = c);
+  const u = e.length;
+  for (let a = 0; a < u; a++) {
+    const l = e[a], c = t?.[a];
+    (o == null || n(l, c, o, i) < 0) && (s = a, o = l, i = c);
   }
   return s;
 }
@@ -839,13 +840,13 @@ function ms(e, t = 0, n, r = 0) {
 }
 const sn = 1e7;
 function gs(e, t, n, r, o, i = 0) {
-  const s = t.direction.clone().multiplyScalar(sn), a = sn;
+  const s = t.direction.clone().multiplyScalar(sn), u = sn;
   return {
-    distance: a + i,
+    distance: u + i,
     object: Ur(e),
     point: s,
     normal: t.origin.clone().sub(s).normalize(),
-    details: n(s, a),
+    details: n(s, u),
     pointerPosition: r,
     pointerQuaternion: o,
     pointOnFace: s,
@@ -856,7 +857,7 @@ function Es(e, t, n) {
   for (; n > 0; )
     e.push(t), --n;
 }
-const Qe = Symbol("buttonsDownTime"), vs = Symbol("buttonsClickTime");
+const Ze = Symbol("buttonsDownTime"), vs = Symbol("buttonsClickTime");
 globalThis.pointerEventspointerMap ??= /* @__PURE__ */ new Map();
 je.prototype.setPointerCapture = function(e) {
   St(e)?.setCapture(this);
@@ -899,8 +900,8 @@ class ys {
   //to handle interaction before first move (after exit)
   wasMoved = !1;
   onFirstMove = [];
-  constructor(t, n, r, o, i, s, a, u, l = {}) {
-    this.id = t, this.type = n, this.state = r, this.intersector = o, this.getCamera = i, this.onMoveCommited = s, this.parentSetPointerCapture = a, this.parentReleasePointerCapture = u, this.options = l, globalThis.pointerEventspointerMap?.set(t, this);
+  constructor(t, n, r, o, i, s, u, a, l = {}) {
+    this.id = t, this.type = n, this.state = r, this.intersector = o, this.getCamera = i, this.onMoveCommited = s, this.parentSetPointerCapture = u, this.parentReleasePointerCapture = a, this.options = l, globalThis.pointerEventspointerMap?.set(t, this);
   }
   getPointerCapture() {
     return this.pointerCapture;
@@ -934,23 +935,23 @@ class ys {
   }
   commit(t, n) {
     const r = this.getCamera(), o = this.prevEnabled ? this.prevIntersection : void 0, i = this.enabled ? this.intersection : void 0;
-    o != null && o.object != i?.object && M(new F("pointerout", !0, t, this, o, r));
+    o != null && o.object != i?.object && N(new L("pointerout", !0, t, this, o, r));
     const s = this.pointerEntered;
     this.pointerEntered = [], this.pointerEnteredHelper.length = 0, jr(i?.object, this.pointerEntered, s, this.pointerEnteredHelper);
-    const a = s.length;
-    for (let u = 0; u < a; u++) {
-      const l = s[u];
-      M(new F("pointerleave", !1, t, this, o, r, l));
+    const u = s.length;
+    for (let a = 0; a < u; a++) {
+      const l = s[a];
+      N(new L("pointerleave", !1, t, this, o, r, l));
     }
-    i != null && o?.object != i.object && M(new F("pointerover", !0, t, this, i, r));
-    for (let u = this.pointerEnteredHelper.length - 1; u >= 0; u--) {
-      const l = this.pointerEnteredHelper[u];
-      M(new F("pointerenter", !1, t, this, i, r, l));
+    i != null && o?.object != i.object && N(new L("pointerover", !0, t, this, i, r));
+    for (let a = this.pointerEnteredHelper.length - 1; a >= 0; a--) {
+      const l = this.pointerEnteredHelper[a];
+      N(new L("pointerenter", !1, t, this, i, r, l));
     }
-    if (n && i != null && M(new F("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 L("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 l = 0; l < u; l++)
+      const a = this.onFirstMove.length;
+      for (let l = 0; l < a; l++)
         this.onFirstMove[l](r);
       this.onFirstMove.length = 0;
     }
@@ -967,7 +968,7 @@ class ys {
    * just emitting a move event to the current intersection
    */
   emitMove(t) {
-    this.intersection != null && M(new F("pointermove", !0, t, this, this.intersection, this.getCamera()));
+    this.intersection != null && N(new L("pointermove", !0, t, this, this.intersection, this.getCamera()));
   }
   down(t) {
     if (this.buttonsDown.add(t.button), !this.enabled)
@@ -978,9 +979,9 @@ class ys {
     }
     if (this.intersection == null)
       return;
-    M(new F("pointerdown", !0, t, this, this.intersection, this.getCamera()));
+    N(new L("pointerdown", !0, t, this, this.intersection, this.getCamera()));
     const { object: n } = this.intersection;
-    n[Qe] ??= /* @__PURE__ */ new Map(), n[Qe].set(t.button, t.timeStamp), this.buttonsDownTime.set(t.button, t.timeStamp);
+    n[Ze] ??= /* @__PURE__ */ new Map(), n[Ze].set(t.button, t.timeStamp), this.buttonsDownTime.set(t.button, t.timeStamp);
   }
   up(t) {
     if (this.buttonsDown.delete(t.button), !this.enabled)
@@ -993,16 +994,16 @@ class ys {
       return;
     const { clickThesholdMs: n, contextMenuButton: r = 2, dblClickThresholdMs: o = 500, clickThresholdMs: i = n ?? 300 } = this.options;
     this.pointerCapture = void 0;
-    const s = Cs(this.buttonsDownTime, this.intersection.object[Qe], t.button, t.timeStamp, i), a = this.getCamera();
-    if (s && t.button === r && M(new F("contextmenu", !0, t, this, this.intersection, a)), M(new F("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
+    const s = bs(this.buttonsDownTime, this.intersection.object[Ze], t.button, t.timeStamp, i), u = this.getCamera();
+    if (s && t.button === r && N(new L("contextmenu", !0, t, this, this.intersection, u)), N(new L("pointerup", !0, t, this, this.intersection, u)), !s || t.button === r)
       return;
-    M(new F("click", !0, t, this, this.intersection, a));
-    const { object: u } = this.intersection, l = u[vs] ??= /* @__PURE__ */ new Map(), c = l.get(t.button);
+    N(new L("click", !0, t, this, this.intersection, u));
+    const { object: a } = this.intersection, l = a[vs] ??= /* @__PURE__ */ new Map(), c = l.get(t.button);
     if (c == null || t.timeStamp - c > o) {
       l.set(t.button, t.timeStamp);
       return;
     }
-    M(new F("dblclick", !0, t, this, this.intersection, a)), l.delete(t.button);
+    N(new L("dblclick", !0, t, this, this.intersection, u)), l.delete(t.button);
   }
   cancel(t) {
     if (this.enabled) {
@@ -1010,7 +1011,7 @@ class ys {
         this.onFirstMove.push(this.cancel.bind(this, t));
         return;
       }
-      this.intersection != null && M(new F("pointercancel", !0, t, this, this.intersection, this.getCamera()));
+      this.intersection != null && N(new L("pointercancel", !0, t, this, this.intersection, this.getCamera()));
     }
   }
   wheel(t, n, r = !1) {
@@ -1022,7 +1023,7 @@ class ys {
     }
     r || (this.wheelIntersection = this.computeIntersection("wheel", t, n));
     const o = r ? this.intersection : this.wheelIntersection;
-    o != null && M(new Be(n, this, o, this.getCamera()));
+    o != null && N(new Be(n, this, o, this.getCamera()));
   }
   emitWheel(t, n = !1) {
     if (!this.enabled)
@@ -1032,7 +1033,7 @@ class ys {
       return;
     }
     const r = n ? this.intersection : this.wheelIntersection;
-    r != null && M(new Be(t, this, r, this.getCamera()));
+    r != null && N(new Be(t, this, r, this.getCamera()));
   }
   exit(t) {
     this.wasMoved && (this.pointerCapture != null && (this.parentReleasePointerCapture?.(), this.pointerCapture = void 0), this.intersection = void 0, this.commit(t, !1)), this.onFirstMove.length = 0, this.wasMoved = !1;
@@ -1044,30 +1045,30 @@ function jr(e, t, n, r) {
   const o = n.indexOf(e);
   o != -1 ? n.splice(o, 1) : r.push(e), t.push(e), jr(e.parent, t, n, r);
 }
-function Cs(e, t, n, r, o) {
+function bs(e, t, n, r, o) {
   if (t == null)
     return !1;
   const i = t.get(n);
   return !(i == null || r - i > o || i != e.get(n));
 }
-const he = new wr(), Je = new wr(), an = new Y(), un = new Y(), ln = new Y(), et = new D(), bs = new Te(), Pe = new D();
+const he = new wr(), Je = new wr(), un = new Y(), an = new Y(), ln = new Y(), et = new I(), Cs = new Te(), Pe = new I();
 function ws(e, t, n) {
-  Pe.copy(t).applyMatrix4(bs.copy(n.matrixWorld).invert());
+  Pe.copy(t).applyMatrix4(Cs.copy(n.matrixWorld).invert());
   const r = n.geometry.attributes.uv;
-  if (r == null || !(r instanceof br))
+  if (r == null || !(r instanceof Cr))
     return !1;
   let o;
-  return As(n, (i, s, a) => {
-    n.getVertexPosition(i, he.a), n.getVertexPosition(s, he.b), n.getVertexPosition(a, he.c);
-    const u = he.closestPointToPoint(Pe, et).distanceTo(Pe);
-    o != null && u >= o || (o = u, Je.copy(he), an.fromBufferAttribute(r, i), un.fromBufferAttribute(r, s), ln.fromBufferAttribute(r, a));
-  }), o == null ? !1 : (Je.closestPointToPoint(Pe, et), Je.getInterpolation(et, an, un, ln, e), !0);
+  return As(n, (i, s, u) => {
+    n.getVertexPosition(i, he.a), n.getVertexPosition(s, he.b), n.getVertexPosition(u, he.c);
+    const a = he.closestPointToPoint(Pe, et).distanceTo(Pe);
+    o != null && a >= o || (o = a, Je.copy(he), un.fromBufferAttribute(r, i), an.fromBufferAttribute(r, s), ln.fromBufferAttribute(r, u));
+  }), o == null ? !1 : (Je.closestPointToPoint(Pe, et), Je.getInterpolation(et, un, an, ln, e), !0);
 }
 function As(e, t) {
   const n = e.geometry.drawRange;
   if (e.geometry.index != null) {
-    const s = e.geometry.index, a = Math.max(0, n.start), u = Math.min(s.count, n.start + n.count);
-    for (let l = a; l < u; l += 3)
+    const s = e.geometry.index, u = Math.max(0, n.start), a = Math.min(s.count, n.start + n.count);
+    for (let l = u; l < a; l += 3)
       t(s.getX(l), s.getX(l + 1), s.getX(l + 2));
     return;
   }
@@ -1079,25 +1080,25 @@ function As(e, t) {
     t(s, s + 1, s + 2);
 }
 new Te();
-new $o();
-new D();
-new $e();
+new zo();
+new I();
+new ze();
 new st();
 new Y();
-new D(0, 0, 0), new D(0, 0, 1);
-const cn = new Te(), Ts = new D();
-new D(0, 0, -1);
-new $e();
-const fn = new Y(), Os = new D();
+new I(0, 0, 0), new I(0, 0, 1);
+const cn = new Te(), Ts = new I();
+new I(0, 0, -1);
+new ze();
+const fn = new Y(), Os = new I();
 class Ss {
   prepareTransformation;
   options;
-  raycaster = new zo();
-  cameraQuaternion = new at();
-  fromPosition = new D();
-  fromQuaternion = new at();
+  raycaster = new $o();
+  cameraQuaternion = new ut();
+  fromPosition = new I();
+  fromQuaternion = new ut();
   coords = new Y();
-  viewPlane = new $e();
+  viewPlane = new ze();
   intersects = [];
   pointerEventsOrders = [];
   constructor(t, n) {
@@ -1113,7 +1114,7 @@ class Ss {
     if (!this.startIntersection(r))
       return t;
     this.viewPlane.constant -= o.distanceViewPlane;
-    const i = this.raycaster.ray.intersectPlane(this.viewPlane, new D());
+    const i = this.raycaster.ray.intersectPlane(this.viewPlane, new I());
     if (i == null)
       return t;
     t.object.updateWorldMatrix(!0, !1), ds(this.viewPlane, t, t.object.matrixWorld);
@@ -1143,9 +1144,9 @@ class Ss {
   }
   finalizeIntersection(t) {
     const n = this.fromPosition.clone(), r = this.cameraQuaternion.clone(), o = this.raycaster.ray.direction.clone(), i = _s(this.intersects, this.pointerEventsOrders, this.options), s = i == null ? void 0 : this.intersects[i];
-    return this.intersects.length = 0, this.pointerEventsOrders.length = 0, s == null ? gs(t, this.raycaster.ray, (a, u) => ({
+    return this.intersects.length = 0, this.pointerEventsOrders.length = 0, s == null ? gs(t, this.raycaster.ray, (u, a) => ({
       type: "screen-ray",
-      distanceViewPlane: u,
+      distanceViewPlane: a,
       screenPoint: this.coords.clone(),
       direction: o
     }), n, r) : (s.object.updateWorldMatrix(!0, !1), cn.copy(s.object.matrixWorld).invert(), Object.assign(s, {
@@ -1162,27 +1163,27 @@ class Ss {
     }));
   }
 }
-new D();
+new I();
 new Y();
 new Te();
-new D();
-new at();
-new $e();
+new I();
+new ut();
+new ze();
 new Ko();
-new D();
-new D();
-new D();
-new D(1e-4, 1e-4, 1e-4);
+new I();
+new I();
+new I();
+new I(1e-4, 1e-4, 1e-4);
 new Te();
 let Ps = 23412;
-function Is() {
+function Ds() {
   return Ps++;
 }
-function Ds(e, t, n) {
+function Is(e, t, n) {
   if (!(t instanceof globalThis.MouseEvent))
     return n.set(0, 0);
-  const { width: r, height: o, top: i, left: s } = e.getBoundingClientRect(), a = t.clientX - s, u = t.clientY - i;
-  return n.set(a / r * 2 - 1, -(u / o) * 2 + 1);
+  const { width: r, height: o, top: i, left: s } = e.getBoundingClientRect(), u = t.clientX - s, a = t.clientY - i;
+  return n.set(u / r * 2 - 1, -(a / o) * 2 + 1);
 }
 function ks(e, t, n, r) {
   return xs(
@@ -1190,7 +1191,7 @@ function ks(e, t, n, r) {
     //backwards compatibility
     typeof t == "function" ? t : () => t,
     n,
-    Ds.bind(null, e),
+    Is.bind(null, e),
     e.setPointerCapture.bind(e),
     (o) => {
       e.hasPointerCapture(o) && e.releasePointerCapture(o);
@@ -1202,10 +1203,10 @@ function ks(e, t, n, r) {
   );
 }
 function xs(e, t, n, r, o, i, s = {}) {
-  const a = s?.forwardPointerCapture ?? !0, u = /* @__PURE__ */ new Map(), l = s.pointerTypePrefix ?? "forward-", c = (O, T) => {
-    let E = u.get(O.pointerId);
-    return E != null || (E = new ys(Is(), `${l}${O.pointerType}`, O.pointerState, new Ss((x, R) => (r(x, R), t()), s), t, void 0, a ? o.bind(null, O.pointerId) : void 0, a ? i.bind(null, O.pointerId) : void 0, s), T != "move" && T != "wheel" && (E.setIntersection(E.computeIntersection("pointer", n, O)), E.commit(O, !1)), u.set(O.pointerId, E)), E;
-  }, f = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), d = [], h = [], v = (O, T, E) => {
+  const u = s?.forwardPointerCapture ?? !0, a = /* @__PURE__ */ new Map(), l = s.pointerTypePrefix ?? "forward-", c = (O, T) => {
+    let E = a.get(O.pointerId);
+    return E != null || (E = new ys(Ds(), `${l}${O.pointerType}`, O.pointerState, new Ss((x, R) => (r(x, R), t()), s), t, void 0, u ? o.bind(null, O.pointerId) : void 0, u ? i.bind(null, O.pointerId) : void 0, s), T != "move" && T != "wheel" && (E.setIntersection(E.computeIntersection("pointer", n, O)), E.commit(O, !1)), a.set(O.pointerId, E)), E;
+  }, f = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), d = [], h = [], v = (O, T, E) => {
     switch (O) {
       case "move":
         E.move(n, T);
@@ -1227,22 +1228,22 @@ function xs(e, t, n, r, o, i, s = {}) {
         E.up(T);
         return;
       case "exit":
-        m.delete(E), f.delete(E), E.exit(T);
+        _.delete(E), f.delete(E), E.exit(T);
         return;
     }
   }, p = (O, T) => {
     const E = c(T, O);
-    O === "move" && m.set(E, T), O === "wheel" && f.set(E, T), s.batchEvents ?? !0 ? h.push({ type: O, event: T }) : v(O, T, E);
-  }, g = p.bind(null, "move"), C = p.bind(null, "cancel"), b = p.bind(null, "down"), P = p.bind(null, "up"), N = p.bind(null, "wheel"), A = p.bind(null, "exit");
-  return e.addEventListener("pointermove", g), e.addEventListener("pointercancel", C), e.addEventListener("pointerdown", b), e.addEventListener("pointerup", P), e.addEventListener("wheel", N), e.addEventListener("pointerleave", A), {
+    O === "move" && _.set(E, T), O === "wheel" && f.set(E, T), s.batchEvents ?? !0 ? h.push({ type: O, event: T }) : v(O, T, E);
+  }, g = p.bind(null, "move"), b = p.bind(null, "cancel"), C = p.bind(null, "down"), P = p.bind(null, "up"), M = p.bind(null, "wheel"), A = p.bind(null, "exit");
+  return e.addEventListener("pointermove", g), e.addEventListener("pointercancel", b), e.addEventListener("pointerdown", C), e.addEventListener("pointerup", P), e.addEventListener("wheel", M), e.addEventListener("pointerleave", A), {
     destroy() {
-      e.removeEventListener("pointermove", g), e.removeEventListener("pointercancel", C), e.removeEventListener("pointerdown", b), e.removeEventListener("pointerup", P), e.removeEventListener("wheel", N), e.removeEventListener("pointerleave", A), m.clear(), f.clear();
+      e.removeEventListener("pointermove", g), e.removeEventListener("pointercancel", b), e.removeEventListener("pointerdown", C), e.removeEventListener("pointerup", P), e.removeEventListener("wheel", M), e.removeEventListener("pointerleave", A), _.clear(), f.clear();
     },
     update() {
       const O = h.length;
       for (let T = 0; T < O; T++) {
         const { type: E, event: x } = h[T], R = c(x, E);
-        if (E === "move" && (d.push(R), m.get(R) != x)) {
+        if (E === "move" && (d.push(R), _.get(R) != x)) {
           R.emitMove(x);
           continue;
         }
@@ -1253,7 +1254,7 @@ function xs(e, t, n, r, o, i, s = {}) {
         v(E, x, R);
       }
       if (h.length = 0, s.intersectEveryFrame ?? !1)
-        for (const [T, E] of m.entries())
+        for (const [T, E] of _.entries())
           d.includes(T) || T.move(n, E);
       d.length = 0;
     }
@@ -1266,53 +1267,53 @@ function Rs({
   canvas: e,
   contextParts: { scene: t, camera: n, renderer: r }
 }) {
-  const { update: o, destroy: i } = ks(I(e), () => I(n.activeCamera), t.value), { off: s } = r.loop.onLoop(o);
+  const { update: o, destroy: i } = ks(D(e), () => D(n.activeCamera), t.value), { off: s } = r.loop.onLoop(o);
   ie(i), ie(s);
-  const a = Ur(t.value), u = Ee();
-  return a.addEventListener("click", u.trigger), {
-    onPointerMissed: u.on
+  const u = Ur(t.value), a = Ee();
+  return u.addEventListener("click", a.trigger), {
+    onPointerMissed: a.on
   };
 }
-const Fs = "useTres", [Ls, Ns] = fi(({
+const Ls = "useTres", [Fs, Ms] = fi(({
   scene: e,
   canvas: t,
   windowSize: n,
   rendererOptions: r
 }) => {
-  const o = it(e), i = ss(n, t), s = ts({ sizes: i }), a = is(
+  const o = it(e), i = ss(n, t), s = ts({ sizes: i }), u = is(
     {
       scene: o,
       canvas: t,
       options: r,
       contextParts: { sizes: i, camera: s }
     }
-  ), u = Rs({
+  ), a = Rs({
     canvas: t,
-    contextParts: { scene: o, camera: s, renderer: a }
+    contextParts: { scene: o, camera: s, renderer: u }
   }), l = {
     sizes: i,
     scene: o,
     camera: s,
-    renderer: a,
+    renderer: u,
     controls: Ae(null),
     extend: pt,
-    events: u
+    events: a
   };
   return l.scene.value.__tres = {
     root: l
   }, l;
 }, {
   injectionKey: "useTres"
-}), $r = () => {
-  const e = Ns();
+}), zr = () => {
+  const e = Ms();
   if (!e)
     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 Ms() {
-  const { scene: e, renderer: t, camera: n, sizes: r, controls: o, extend: i, events: s } = $r();
+function Ns() {
+  const { scene: e, renderer: t, camera: n, sizes: r, controls: o, extend: i, events: s } = zr();
   return {
     scene: e,
     renderer: t.instance,
@@ -1325,8 +1326,8 @@ function Ms() {
     advance: t.advance
   };
 }
-const _l = () => {
-  const e = Ms(), { renderer: t } = $r(), n = nn(), r = nn();
+const gl = () => {
+  const e = Ns(), { renderer: t } = zr(), n = nn(), r = nn();
   t.loop.onBeforeLoop((i) => {
     n.trigger({ ...e, ...i });
   }), t.loop.onLoop((i) => {
@@ -1344,19 +1345,19 @@ const _l = () => {
 };
 function Vs(e, t = {}, n = {}) {
   let r = e;
-  const o = (a) => {
-    r = a;
+  const o = (u) => {
+    r = u;
   };
   let i = new Proxy({}, {});
   const s = {
-    has(a, u) {
-      return u in t || u in r;
+    has(u, a) {
+      return a in t || a in r;
     },
-    get(a, u, l) {
-      return u in t ? t[u](r) : r[u];
+    get(u, a, l) {
+      return a in t ? t[a](r) : r[a];
     },
-    set(a, u, l) {
-      return n[u] ? n[u](l, r, i, o) : r[u] = l, !0;
+    set(u, a, l) {
+      return n[a] ? n[a](l, r, i, o) : r[a] = l, !0;
     }
   };
   return i = new Proxy({}, s), i;
@@ -1391,7 +1392,7 @@ const Bs = [
   onWheel: "wheel"
 }, pn = (e) => Bs.includes(e), Hs = (e) => {
   const t = e.scene.value;
-  function n(c, f, m, d) {
+  function n(c, f, _, d) {
     if (d || (d = {}), d.args || (d.args = []), Ui(c))
       return null;
     let h = c.replace("Tres", ""), v;
@@ -1403,16 +1404,16 @@ const Bs = [
       v = Vs(
         d.object,
         {
-          object: (C) => C,
+          object: (b) => b,
           isPrimitive: () => !0,
           __tres: () => p
         },
         {
-          object: (C, b, P, N) => {
-            Ji(C, P, N, { patchProp: i, remove: o, insert: r }, e);
+          object: (b, C, P, M) => {
+            Ji(b, P, M, { patchProp: i, remove: o, insert: r }, e);
           },
-          __tres: (C) => {
-            Object.assign(p, C);
+          __tres: (b) => {
+            Object.assign(p, b);
           }
         }
       );
@@ -1434,20 +1435,20 @@ const Bs = [
     if (!c)
       return;
     f = f || t;
-    const m = c.__tres ? c : X(c, {}, e), d = f.__tres ? f : X(f, {}, e);
-    c = se(m), f = se(d), re(c) && e.camera?.registerCamera(c), m.__tres.attach ? Zi(d, m, m.__tres.attach) : lt(c) && lt(d) && (d.add(c), c.dispatchEvent({ type: "added" })), m.__tres.parent = d, d.__tres.objects && !d.__tres.objects.includes(m) && d.__tres.objects.push(m);
+    const _ = c.__tres ? c : X(c, {}, e), d = f.__tres ? f : X(f, {}, e);
+    c = se(_), f = se(d), re(c) && e.camera?.registerCamera(c), _.__tres.attach ? Qi(d, _, _.__tres.attach) : lt(c) && lt(d) && (d.add(c), c.dispatchEvent({ type: "added" })), _.__tres.parent = d, d.__tres.objects && !d.__tres.objects.includes(_) && d.__tres.objects.push(_);
   }
   function o(c, f) {
     if (!c)
       return;
-    f = ut(f) ? "default" : f;
-    const m = c.__tres?.dispose;
-    ut(m) || (m === null ? f = !1 : f = m);
+    f = at(f) ? "default" : f;
+    const _ = c.__tres?.dispose;
+    at(_) || (_ === null ? f = !1 : f = _);
     const d = c.__tres?.primitive, h = f === "default" ? !d : !!f;
-    if (c.__tres && "objects" in c.__tres && [...c.__tres.objects].forEach((v) => o(v, f)), h && c.children && [...c.children].forEach((v) => o(v, f)), Nr(c, e), Mr(c, e), h && !Lr(c)) {
-      if (Z(f))
+    if (c.__tres && "objects" in c.__tres && [...c.__tres.objects].forEach((v) => o(v, f)), h && c.children && [...c.children].forEach((v) => o(v, f)), Mr(c, e), Nr(c, e), h && !Fr(c)) {
+      if (Q(f))
         f(c);
-      else if (Z(c.dispose))
+      else if (Q(c.dispose))
         try {
           c.dispose();
         } catch {
@@ -1455,34 +1456,34 @@ const Bs = [
     }
     "__tres" in c && delete c.__tres;
   }
-  function i(c, f, m, d) {
+  function i(c, f, _, d) {
     if (!c)
       return;
     let h = c;
     const v = f;
     if (c.__tres && (c.__tres.memoizedProps[f] = d), f === "attach") {
-      const b = c.__tres?.parent || c.parent;
-      o(c), X(c, { attach: d }, e), b && r(c, b);
+      const C = c.__tres?.parent || c.parent;
+      o(c), X(c, { attach: d }, e), C && r(c, C);
       return;
     }
     if (f === "dispose") {
       c.__tres || (c = X(c, {}, e)), c.__tres.dispose = d;
       return;
     }
-    pn(f) && Z(d) && c.addEventListener(Us[f], d);
-    let p = Zt(v), g = h?.[p];
+    pn(f) && Q(d) && c.addEventListener(Us[f], d);
+    let p = Qt(v), g = h?.[p];
     if (v === "args") {
-      const b = c, P = m ?? [], N = d ?? [], A = c.__tres?.type || c.type;
-      if (A && P.length && !Or(P, N)) {
+      const C = c, P = _ ?? [], M = d ?? [], A = c.__tres?.type || c.type;
+      if (A && P.length && !Or(P, M)) {
         const O = new dt.value[A](...d), T = Object.getOwnPropertyDescriptors(O);
         Object.entries(T).forEach(([E, x]) => {
-          if (!(!x.writable && !x.set) && E in b)
+          if (!(!x.writable && !x.set) && E in C)
             try {
-              b[E] = O[E];
+              C[E] = O[E];
             } catch (R) {
               console.warn(`Could not set property ${E} on ${A}:`, R);
             }
-        }), h = b;
+        }), h = C;
       }
       return;
     }
@@ -1490,35 +1491,35 @@ const Bs = [
       if (v === "args")
         return;
       h.setAttribute(
-        Zt(v),
-        new br(...d)
+        Qt(v),
+        new Cr(...d)
       );
       return;
     }
     if (v.includes("-") && g === void 0) {
-      const b = Ve(h, v);
-      if (g = b.target, h = b.target, p = b.key, g && p) {
+      const C = Ve(h, v);
+      if (g = C.target, h = C.target, p = C.key, g && p) {
         g[p] = d, re(c) && c.updateProjectionMatrix(), ft(c);
         return;
       }
     }
-    let C = d;
-    if (C === "" && (C = !0), Z(g)) {
-      pn(f) || (Array.isArray(C) ? c[p](...C) : c[p](C)), p.startsWith("on") && Z(C) && (h[p] = C);
+    let b = d;
+    if (b === "" && (b = !0), Q(g)) {
+      pn(f) || (Array.isArray(b) ? c[p](...b) : c[p](b)), p.startsWith("on") && Q(b) && (h[p] = b);
       return;
     }
-    Qt(g) && Qt(C) ? g.mask = C.mask : Dr(g) && zi(C) ? g.set(C) : Ki(g) && Wi(C) && g.constructor === C.constructor ? g.copy(C) : ct(g) && Array.isArray(C) ? "fromArray" in g && typeof g.fromArray == "function" ? g.fromArray(C) : g.set(...C) : ct(g) && typeof C == "number" ? "setScalar" in g && typeof g.setScalar == "function" ? g.setScalar(C) : g.set(C) : h[p] = C, re(c) && c.updateProjectionMatrix(), ft(c);
+    Zt(g) && Zt(b) ? g.mask = b.mask : Ir(g) && $i(b) ? g.set(b) : Ki(g) && Wi(b) && g.constructor === b.constructor ? g.copy(b) : ct(g) && Array.isArray(b) ? "fromArray" in g && typeof g.fromArray == "function" ? g.fromArray(b) : g.set(...b) : ct(g) && typeof b == "number" ? "setScalar" in g && typeof g.setScalar == "function" ? g.setScalar(b) : g.set(b) : h[p] = b, re(c) && c.updateProjectionMatrix(), ft(c);
   }
   function s(c) {
     return c?.__tres?.parent || null;
   }
-  function a(c) {
+  function u(c) {
     const f = X(new je(), { type: "Comment" }, e);
     return f.name = c, f;
   }
-  function u(c) {
-    const m = s(c)?.__tres?.objects || [], d = m.indexOf(c);
-    return d < 0 || d >= m.length - 1 ? null : m[d + 1];
+  function a(c) {
+    const _ = s(c)?.__tres?.objects || [], d = _.indexOf(c);
+    return d < 0 || d >= _.length - 1 ? null : _[d + 1];
   }
   const l = () => {
   };
@@ -1529,36 +1530,95 @@ const Bs = [
     patchProp: i,
     parentNode: s,
     createText: l,
-    createComment: a,
+    createComment: u,
     setText: l,
     setElementText: l,
-    nextSibling: u,
+    nextSibling: a,
     querySelector: l,
     setScopeId: l,
     cloneNode: l,
     insertStaticContent: l
   };
-};
-var js = Object.create, zr = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, Pt = Object.getOwnPropertyNames, zs = Object.getPrototypeOf, Ks = Object.prototype.hasOwnProperty, Ws = (e, t) => function() {
+}, js = ["asset-load"];
+class zs {
+  subscribers = /* @__PURE__ */ new Set();
+  messageQueue = [];
+  maxQueueSize = 100;
+  // Prevent memory leaks by limiting queue size
+  /**
+   * Send a message to devtools subscribers
+   * If no subscribers are available, only queueable message types are queued
+   */
+  send(t, n) {
+    const r = {
+      type: t,
+      data: n,
+      timestamp: Date.now()
+    };
+    this.subscribers.size > 0 ? this.subscribers.forEach((o) => o(r)) : js.includes(t) && this.queueMessage(r);
+  }
+  /**
+   * Queue a message for later delivery
+   */
+  queueMessage(t) {
+    this.messageQueue.push(t), this.messageQueue.length > this.maxQueueSize && this.messageQueue.shift();
+  }
+  /**
+   * Flush all queued messages to current subscribers
+   */
+  flushQueue() {
+    this.messageQueue.length === 0 || this.subscribers.size === 0 || (this.messageQueue.forEach((t) => {
+      this.subscribers.forEach((n) => n(t));
+    }), this.messageQueue = []);
+  }
+  /**
+   * Subscribe to devtools messages
+   * When a new subscriber is added, all queued messages (asset-load events) are immediately delivered
+   */
+  subscribe(t) {
+    return this.subscribers.add(t), this.flushQueue(), () => {
+      this.subscribers.delete(t);
+    };
+  }
+  /**
+   * Check if there are any subscribers
+   */
+  get hasSubscribers() {
+    return this.subscribers.size > 0;
+  }
+  /**
+   * Get the current queue size
+   */
+  get queueSize() {
+    return this.messageQueue.length;
+  }
+  /**
+   * Clear all queued messages
+   */
+  clearQueue() {
+    this.messageQueue = [];
+  }
+}
+var $s = Object.create, $r = Object.defineProperty, Ks = 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))
-      !Ks.call(e, o) && o !== n && zr(e, o, { get: () => t[o], enumerable: !(r = $s(t, o)) || r.enumerable });
+      !Gs.call(e, o) && o !== n && $r(e, o, { get: () => t[o], enumerable: !(r = Ks(t, o)) || r.enumerable });
   return e;
-}, qs = (e, t, n) => (n = e != null ? js(zs(e)) : {}, Ys(
+}, Qs = (e, t, n) => (n = e != null ? $s(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.
-  zr(n, "default", { value: e, enumerable: !0 }),
+  $r(n, "default", { value: e, enumerable: !0 }),
   e
-)), Oe = Ws({
+)), Oe = 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({
+}), Zs = qs({
   "../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js"(e, t) {
     Oe(), t.exports = r;
     function n(i) {
@@ -1567,65 +1627,65 @@ var js = Object.create, zr = Object.defineProperty, $s = Object.getOwnPropertyDe
     function r(i) {
       if (i = i || {}, i.circles) return o(i);
       const s = /* @__PURE__ */ new Map();
-      if (s.set(Date, (f) => new Date(f)), s.set(Map, (f, m) => new Map(u(Array.from(f), m))), s.set(Set, (f, m) => new Set(u(Array.from(f), m))), i.constructorHandlers)
+      if (s.set(Date, (f) => new Date(f)), s.set(Map, (f, _) => new Map(a(Array.from(f), _))), s.set(Set, (f, _) => new Set(a(Array.from(f), _))), i.constructorHandlers)
         for (const f of i.constructorHandlers)
           s.set(f[0], f[1]);
-      let a = null;
+      let u = null;
       return i.proto ? c : l;
-      function u(f, m) {
+      function a(f, _) {
         const d = Object.keys(f), h = new Array(d.length);
         for (let v = 0; v < d.length; v++) {
           const p = d[v], g = f[p];
-          typeof g != "object" || g === null ? h[p] = g : g.constructor !== Object && (a = s.get(g.constructor)) ? h[p] = a(g, m) : ArrayBuffer.isView(g) ? h[p] = n(g) : h[p] = m(g);
+          typeof g != "object" || g === null ? h[p] = g : g.constructor !== Object && (u = s.get(g.constructor)) ? h[p] = u(g, _) : ArrayBuffer.isView(g) ? h[p] = n(g) : h[p] = _(g);
         }
         return h;
       }
       function l(f) {
         if (typeof f != "object" || f === null) return f;
-        if (Array.isArray(f)) return u(f, l);
-        if (f.constructor !== Object && (a = s.get(f.constructor)))
-          return a(f, l);
-        const m = {};
+        if (Array.isArray(f)) return a(f, l);
+        if (f.constructor !== Object && (u = s.get(f.constructor)))
+          return u(f, l);
+        const _ = {};
         for (const d in f) {
           if (Object.hasOwnProperty.call(f, d) === !1) continue;
           const h = f[d];
-          typeof h != "object" || h === null ? m[d] = h : h.constructor !== Object && (a = s.get(h.constructor)) ? m[d] = a(h, l) : ArrayBuffer.isView(h) ? m[d] = n(h) : m[d] = l(h);
+          typeof h != "object" || h === null ? _[d] = h : h.constructor !== Object && (u = s.get(h.constructor)) ? _[d] = u(h, l) : ArrayBuffer.isView(h) ? _[d] = n(h) : _[d] = l(h);
         }
-        return m;
+        return _;
       }
       function c(f) {
         if (typeof f != "object" || f === null) return f;
-        if (Array.isArray(f)) return u(f, c);
-        if (f.constructor !== Object && (a = s.get(f.constructor)))
-          return a(f, c);
-        const m = {};
+        if (Array.isArray(f)) return a(f, c);
+        if (f.constructor !== Object && (u = s.get(f.constructor)))
+          return u(f, c);
+        const _ = {};
         for (const d in f) {
           const h = f[d];
-          typeof h != "object" || h === null ? m[d] = h : h.constructor !== Object && (a = s.get(h.constructor)) ? m[d] = a(h, c) : ArrayBuffer.isView(h) ? m[d] = n(h) : m[d] = c(h);
+          typeof h != "object" || h === null ? _[d] = h : h.constructor !== Object && (u = s.get(h.constructor)) ? _[d] = u(h, c) : ArrayBuffer.isView(h) ? _[d] = n(h) : _[d] = c(h);
         }
-        return m;
+        return _;
       }
     }
     function o(i) {
-      const s = [], a = [], u = /* @__PURE__ */ new Map();
-      if (u.set(Date, (d) => new Date(d)), u.set(Map, (d, h) => new Map(c(Array.from(d), h))), u.set(Set, (d, h) => new Set(c(Array.from(d), h))), i.constructorHandlers)
+      const s = [], u = [], a = /* @__PURE__ */ new Map();
+      if (a.set(Date, (d) => new Date(d)), a.set(Map, (d, h) => new Map(c(Array.from(d), h))), a.set(Set, (d, h) => new Set(c(Array.from(d), h))), i.constructorHandlers)
         for (const d of i.constructorHandlers)
-          u.set(d[0], d[1]);
+          a.set(d[0], d[1]);
       let l = null;
-      return i.proto ? m : f;
+      return i.proto ? _ : f;
       function c(d, h) {
         const v = Object.keys(d), p = new Array(v.length);
         for (let g = 0; g < v.length; g++) {
-          const C = v[g], b = d[C];
-          if (typeof b != "object" || b === null)
-            p[C] = b;
-          else if (b.constructor !== Object && (l = u.get(b.constructor)))
-            p[C] = l(b, h);
-          else if (ArrayBuffer.isView(b))
-            p[C] = n(b);
+          const b = v[g], C = d[b];
+          if (typeof C != "object" || C === null)
+            p[b] = C;
+          else if (C.constructor !== Object && (l = a.get(C.constructor)))
+            p[b] = l(C, h);
+          else if (ArrayBuffer.isView(C))
+            p[b] = n(C);
           else {
-            const P = s.indexOf(b);
-            P !== -1 ? p[C] = a[P] : p[C] = h(b);
+            const P = s.indexOf(C);
+            P !== -1 ? p[b] = u[P] : p[b] = h(C);
           }
         }
         return p;
@@ -1633,47 +1693,47 @@ var js = Object.create, zr = Object.defineProperty, $s = Object.getOwnPropertyDe
       function f(d) {
         if (typeof d != "object" || d === null) return d;
         if (Array.isArray(d)) return c(d, f);
-        if (d.constructor !== Object && (l = u.get(d.constructor)))
+        if (d.constructor !== Object && (l = a.get(d.constructor)))
           return l(d, f);
         const h = {};
-        s.push(d), a.push(h);
+        s.push(d), u.push(h);
         for (const v in d) {
           if (Object.hasOwnProperty.call(d, v) === !1) continue;
           const p = d[v];
           if (typeof p != "object" || p === null)
             h[v] = p;
-          else if (p.constructor !== Object && (l = u.get(p.constructor)))
+          else if (p.constructor !== Object && (l = a.get(p.constructor)))
             h[v] = l(p, f);
           else if (ArrayBuffer.isView(p))
             h[v] = n(p);
           else {
             const g = s.indexOf(p);
-            g !== -1 ? h[v] = a[g] : h[v] = f(p);
+            g !== -1 ? h[v] = u[g] : h[v] = f(p);
           }
         }
-        return s.pop(), a.pop(), h;
+        return s.pop(), u.pop(), h;
       }
-      function m(d) {
+      function _(d) {
         if (typeof d != "object" || d === null) return d;
-        if (Array.isArray(d)) return c(d, m);
-        if (d.constructor !== Object && (l = u.get(d.constructor)))
-          return l(d, m);
+        if (Array.isArray(d)) return c(d, _);
+        if (d.constructor !== Object && (l = a.get(d.constructor)))
+          return l(d, _);
         const h = {};
-        s.push(d), a.push(h);
+        s.push(d), u.push(h);
         for (const v in d) {
           const p = d[v];
           if (typeof p != "object" || p === null)
             h[v] = p;
-          else if (p.constructor !== Object && (l = u.get(p.constructor)))
-            h[v] = l(p, m);
+          else if (p.constructor !== Object && (l = a.get(p.constructor)))
+            h[v] = l(p, _);
           else if (ArrayBuffer.isView(p))
             h[v] = n(p);
           else {
             const g = s.indexOf(p);
-            g !== -1 ? h[v] = a[g] : h[v] = m(p);
+            g !== -1 ? h[v] = u[g] : h[v] = _(p);
           }
         }
-        return s.pop(), a.pop(), h;
+        return s.pop(), u.pop(), h;
       }
     }
   }
@@ -1687,14 +1747,14 @@ Kr && (y.self, y.top);
 var hn;
 typeof navigator < "u" && ((hn = navigator.userAgent) == null || hn.toLowerCase().includes("electron"));
 Oe();
-var Zs = qs(Xs()), Qs = /(?:^|[-_/])(\w)/g;
-function Js(e, t) {
+var Js = Qs(Zs()), eu = /(?:^|[-_/])(\w)/g;
+function tu(e, t) {
   return t ? t.toUpperCase() : "";
 }
-function ea(e) {
-  return e && `${e}`.replace(Qs, Js);
+function nu(e) {
+  return e && `${e}`.replace(eu, tu);
 }
-function ta(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);
@@ -1703,34 +1763,34 @@ function ta(e, t) {
     return o.substring(0, i);
   }
 }
-var _n = (0, Zs.default)({ circles: !0 });
-const na = {
+var _n = (0, Js.default)({ circles: !0 });
+const ou = {
   trailing: !0
 };
-function ae(e, t = 25, n = {}) {
-  if (n = { ...na, ...n }, !Number.isFinite(t))
+function ue(e, t = 25, n = {}) {
+  if (n = { ...ou, ...n }, !Number.isFinite(t))
     throw new TypeError("Expected `wait` to be a finite number");
-  let r, o, i = [], s, a;
-  const u = (l, c) => (s = ra(e, l, c), s.finally(() => {
-    if (s = null, n.trailing && a && !o) {
-      const f = u(l, a);
-      return a = null, f;
+  let r, o, i = [], s, u;
+  const a = (l, c) => (s = iu(e, l, c), s.finally(() => {
+    if (s = null, n.trailing && u && !o) {
+      const f = a(l, u);
+      return u = null, f;
     }
   }), s);
   return function(...l) {
-    return s ? (n.trailing && (a = l), s) : new Promise((c) => {
+    return s ? (n.trailing && (u = l), s) : new Promise((c) => {
       const f = !o && n.leading;
       clearTimeout(o), o = setTimeout(() => {
         o = null;
-        const m = n.leading ? r : u(this, l);
+        const _ = n.leading ? r : a(this, l);
         for (const d of i)
-          d(m);
+          d(_);
         i = [];
-      }, t), f ? (r = u(this, l), c(r)) : i.push(c);
+      }, t), f ? (r = a(this, l), c(r)) : i.push(c);
     });
   };
 }
-async function ra(e, t, n) {
+async function iu(e, t, n) {
   return await e.apply(t, n);
 }
 function ht(e, t = {}, n) {
@@ -1740,15 +1800,15 @@ function ht(e, t = {}, n) {
   }
   return t;
 }
-const oa = { run: (e) => e() }, ia = () => oa, Wr = typeof console.createTask < "u" ? console.createTask : ia;
-function sa(e, t) {
+const su = { run: (e) => e() }, uu = () => su, Wr = typeof console.createTask < "u" ? console.createTask : uu;
+function au(e, t) {
   const n = t.shift(), r = Wr(n);
   return e.reduce(
     (o, i) => o.then(() => r.run(() => i(...t))),
     Promise.resolve()
   );
 }
-function aa(e, t) {
+function lu(e, t) {
   const n = t.shift(), r = Wr(n);
   return Promise.all(e.map((o) => r.run(() => o(...t))));
 }
@@ -1756,7 +1816,7 @@ function tt(e, t) {
   for (const n of [...e])
     n(t);
 }
-class ua {
+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);
   }
@@ -1825,10 +1885,10 @@ class ua {
       delete this._hooks[t];
   }
   callHook(t, ...n) {
-    return n.unshift(t), this.callHookWith(sa, t, ...n);
+    return n.unshift(t), this.callHookWith(au, t, ...n);
   }
   callHookParallel(t, ...n) {
-    return n.unshift(t), this.callHookWith(aa, 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;
@@ -1859,30 +1919,30 @@ class ua {
   }
 }
 function Gr() {
-  return new ua();
+  return new cu();
 }
-var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, It = Object.getOwnPropertyNames, fa = Object.getPrototypeOf, da = Object.prototype.hasOwnProperty, pa = (e, t) => function() {
-  return e && (t = (0, e[It(e)[0]])(e = 0)), t;
+var fu = Object.create, Yr = Object.defineProperty, du = Object.getOwnPropertyDescriptor, Dt = Object.getOwnPropertyNames, pu = Object.getPrototypeOf, hu = Object.prototype.hasOwnProperty, _u = (e, t) => function() {
+  return e && (t = (0, e[Dt(e)[0]])(e = 0)), t;
 }, qr = (e, t) => function() {
-  return t || (0, e[It(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, ha = (e, t, n, r) => {
+  return t || (0, e[Dt(e)[0]])((t = { exports: {} }).exports, t), t.exports;
+}, mu = (e, t, n, r) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let o of It(t))
-      !da.call(e, o) && o !== n && Yr(e, o, { get: () => t[o], enumerable: !(r = ca(t, o)) || r.enumerable });
+    for (let o of Dt(t))
+      !hu.call(e, o) && o !== n && Yr(e, o, { get: () => t[o], enumerable: !(r = du(t, o)) || r.enumerable });
   return e;
-}, _a = (e, t, n) => (n = e != null ? la(fa(e)) : {}, ha(
+}, 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.
   Yr(n, "default", { value: e, enumerable: !0 }),
   e
-)), _ = pa({
+)), m = _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"() {
   }
-}), ma = qr({
+}), Eu = qr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js"(e, t) {
-    _(), function(n) {
+    m(), function(n) {
       var r = {
         // latin
         À: "A",
@@ -2936,7 +2996,7 @@ var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDe
           ü: "u",
           ö: "o"
         }
-      }, a = {
+      }, u = {
         ar: {
           "∆": "delta",
           "∞": "la-nihaya",
@@ -3216,12 +3276,12 @@ var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDe
           "∑": "tong",
           "¤": "tien te"
         }
-      }, u = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), f = function(p, g) {
-        var C = "-", b = "", P = "", N = !0, A = {}, O, T, E, x, R, Ut, de, te, Ht, $, w, Se, H, ne, K = "";
+      }, a = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), f = function(p, g) {
+        var b = "-", C = "", P = "", M = !0, A = {}, O, T, E, x, R, Ut, de, te, Ht, z, w, Se, H, ne, K = "";
         if (typeof p != "string")
           return "";
-        if (typeof g == "string" && (C = g), de = a.en, te = s.en, typeof g == "object") {
-          O = g.maintainCase || !1, A = g.custom && typeof g.custom == "object" ? g.custom : A, E = +g.truncate > 1 && g.truncate || !1, x = g.uric || !1, R = g.uricNoSlash || !1, Ut = g.mark || !1, N = !(g.symbols === !1 || g.lang === !1), C = g.separator || C, x && (K += u), R && (K += l), Ut && (K += c), de = g.lang && a[g.lang] && N ? a[g.lang] : N ? a.en : {}, te = g.lang && s[g.lang] ? s[g.lang] : g.lang === !1 || g.lang === !0 ? {} : s.en, g.titleCase && typeof g.titleCase.length == "number" && Array.prototype.toString.call(g.titleCase) ? (g.titleCase.forEach(function(U) {
+        if (typeof g == "string" && (b = g), de = u.en, te = s.en, typeof g == "object") {
+          O = g.maintainCase || !1, A = g.custom && typeof g.custom == "object" ? g.custom : A, E = +g.truncate > 1 && g.truncate || !1, x = g.uric || !1, R = g.uricNoSlash || !1, Ut = g.mark || !1, M = !(g.symbols === !1 || g.lang === !1), b = g.separator || b, x && (K += a), R && (K += l), Ut && (K += c), de = g.lang && u[g.lang] && M ? u[g.lang] : M ? u.en : {}, te = g.lang && s[g.lang] ? s[g.lang] : g.lang === !1 || g.lang === !0 ? {} : s.en, g.titleCase && typeof g.titleCase.length == "number" && Array.prototype.toString.call(g.titleCase) ? (g.titleCase.forEach(function(U) {
             A[U + ""] = U + "";
           }), T = !0) : T = !!g.titleCase, g.custom && typeof g.custom.length == "number" && Array.prototype.toString.call(g.custom) && g.custom.forEach(function(U) {
             A[U + ""] = U + "";
@@ -3232,15 +3292,15 @@ var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDe
           for (w in A)
             K += w;
         }
-        for (K += C, K = d(K), p = p.replace(/(^\s+|\s+$)/g, ""), H = !1, ne = !1, $ = 0, Se = p.length; $ < Se; $++)
-          w = p[$], h(w, A) ? H = !1 : te[w] ? (w = H && te[w].match(/[A-Za-z0-9]/) ? " " + te[w] : te[w], H = !1) : w in r ? ($ + 1 < Se && o.indexOf(p[$ + 1]) >= 0 ? (P += w, w = "") : ne === !0 ? (w = i[P] + r[w], P = "") : w = H && r[w].match(/[A-Za-z0-9]/) ? " " + r[w] : r[w], H = !1, ne = !1) : w in i ? (P += w, w = "", $ === Se - 1 && (w = i[P]), ne = !0) : /* process symbol chars */ de[w] && !(x && u.indexOf(w) !== -1) && !(R && l.indexOf(w) !== -1) ? (w = H || b.substr(-1).match(/[A-Za-z0-9]/) ? C + de[w] : de[w], w += p[$ + 1] !== void 0 && p[$ + 1].match(/[A-Za-z0-9]/) ? C : "", H = !0) : (ne === !0 ? (w = i[P] + w, P = "", ne = !1) : H && (/[A-Za-z0-9]/.test(w) || b.substr(-1).match(/A-Za-z0-9]/)) && (w = " " + w), H = !1), b += w.replace(new RegExp("[^\\w\\s" + K + "_-]", "g"), C);
-        return T && (b = b.replace(/(\w)(\S*)/g, function(U, pe, jt) {
+        for (K += b, K = d(K), p = p.replace(/(^\s+|\s+$)/g, ""), H = !1, ne = !1, z = 0, Se = p.length; z < Se; z++)
+          w = p[z], h(w, A) ? H = !1 : te[w] ? (w = H && te[w].match(/[A-Za-z0-9]/) ? " " + te[w] : te[w], H = !1) : w in r ? (z + 1 < Se && o.indexOf(p[z + 1]) >= 0 ? (P += w, w = "") : ne === !0 ? (w = i[P] + r[w], P = "") : w = H && r[w].match(/[A-Za-z0-9]/) ? " " + r[w] : r[w], H = !1, ne = !1) : w in i ? (P += w, w = "", z === Se - 1 && (w = i[P]), ne = !0) : /* process symbol chars */ de[w] && !(x && a.indexOf(w) !== -1) && !(R && l.indexOf(w) !== -1) ? (w = H || C.substr(-1).match(/[A-Za-z0-9]/) ? b + de[w] : de[w], w += p[z + 1] !== void 0 && p[z + 1].match(/[A-Za-z0-9]/) ? b : "", H = !0) : (ne === !0 ? (w = i[P] + w, P = "", ne = !1) : H && (/[A-Za-z0-9]/.test(w) || C.substr(-1).match(/A-Za-z0-9]/)) && (w = " " + w), H = !1), C += w.replace(new RegExp("[^\\w\\s" + K + "_-]", "g"), b);
+        return T && (C = C.replace(/(\w)(\S*)/g, function(U, pe, jt) {
           var Ye = pe.toUpperCase() + (jt !== null ? jt : "");
           return Object.keys(A).indexOf(Ye.toLowerCase()) < 0 ? Ye : Ye.toLowerCase();
-        })), b = b.replace(/\s+/g, C).replace(new RegExp("\\" + C + "+", "g"), C).replace(new RegExp("(^\\" + C + "+|\\" + C + "+$)", "g"), ""), E && b.length > E && (Ht = b.charAt(E) === C, b = b.slice(0, E), Ht || (b = b.slice(0, b.lastIndexOf(C)))), !O && !T && (b = b.toLowerCase()), b;
-      }, m = function(p) {
-        return function(C) {
-          return f(C, p);
+        })), C = C.replace(/\s+/g, b).replace(new RegExp("\\" + b + "+", "g"), b).replace(new RegExp("(^\\" + b + "+|\\" + b + "+$)", "g"), ""), E && C.length > E && (Ht = C.charAt(E) === b, C = C.slice(0, E), Ht || (C = C.slice(0, C.lastIndexOf(b)))), !O && !T && (C = C.toLowerCase()), C;
+      }, _ = function(p) {
+        return function(b) {
+          return f(b, p);
         };
       }, d = function(p) {
         return p.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
@@ -3250,7 +3310,7 @@ var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDe
             return !0;
       };
       if (typeof t < "u" && t.exports)
-        t.exports = f, t.exports.createSlug = m;
+        t.exports = f, t.exports.createSlug = _;
       else if (typeof define < "u" && define.amd)
         define([], function() {
           return f;
@@ -3259,38 +3319,38 @@ var la = Object.create, Yr = Object.defineProperty, ca = Object.getOwnPropertyDe
         try {
           if (n.getSlug || n.createSlug)
             throw "speakingurl: globals exists /(getSlug|createSlug)/";
-          n.getSlug = f, n.createSlug = m;
+          n.getSlug = f, n.createSlug = _;
         } catch {
         }
     }(e);
   }
-}), ga = qr({
+}), vu = qr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js"(e, t) {
-    _(), t.exports = ma();
+    m(), t.exports = Eu();
   }
 });
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-function Ea(e) {
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+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 va(e) {
+function bu(e) {
   const t = e.__file;
   if (t)
-    return ea(ta(t, ".vue"));
+    return nu(ru(t, ".vue"));
 }
 function mn(e, t) {
   return e.type.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ = t, t;
 }
-function Dt(e) {
+function It(e) {
   if (e.__VUE_DEVTOOLS_NEXT_APP_RECORD__)
     return e.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
   if (e.root)
@@ -3298,12 +3358,12 @@ function Dt(e) {
 }
 function Xr(e) {
   var t, n;
-  const r = (t = e.subTree) == null ? void 0 : t.type, o = Dt(e);
+  const r = (t = e.subTree) == null ? void 0 : t.type, o = It(e);
   return o ? ((n = o?.types) == null ? void 0 : n.Fragment) === r : !1;
 }
 function Ke(e) {
   var t, n, r;
-  const o = Ea(e?.type || {});
+  const o = yu(e?.type || {});
   if (o)
     return o;
   if (e?.root === e)
@@ -3314,10 +3374,10 @@ function Ke(e) {
   for (const s in (r = e.appContext) == null ? void 0 : r.components)
     if (e.appContext.components[s] === e?.type)
       return mn(e, s);
-  const i = va(e?.type || {});
+  const i = bu(e?.type || {});
   return i || "Anonymous Component";
 }
-function ya(e) {
+function Cu(e) {
   var t, n, r;
   const o = (r = (n = (t = e?.appContext) == null ? void 0 : t.app) == null ? void 0 : n.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? r : 0, i = e === e?.root ? "root" : e.uid;
   return `${o}:${i}`;
@@ -3325,7 +3385,7 @@ function ya(e) {
 function _t(e, t) {
   return t = t || `${e.id}:root`, e.instanceMap.get(t) || e.instanceMap.get(":root");
 }
-function Ca() {
+function wu() {
   const e = {
     top: 0,
     bottom: 0,
@@ -3340,12 +3400,12 @@ function Ca() {
   };
   return e;
 }
-var Ie;
-function ba(e) {
-  return Ie || (Ie = document.createRange()), Ie.selectNode(e), Ie.getBoundingClientRect();
+var De;
+function Au(e) {
+  return De || (De = document.createRange()), De.selectNode(e), De.getBoundingClientRect();
 }
-function wa(e) {
-  const t = Ca();
+function Tu(e) {
+  const t = wu();
   if (!e.children)
     return t;
   for (let n = 0, r = e.children.length; n < r; n++) {
@@ -3355,13 +3415,13 @@ function wa(e) {
       i = ee(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 = ba(s));
+      s.nodeType === 1 || s.getBoundingClientRect ? i = s.getBoundingClientRect() : s.nodeType === 3 && s.data.trim() && (i = Au(s));
     }
-    i && Aa(t, i);
+    i && Ou(t, i);
   }
   return t;
 }
-function Aa(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 gn = {
@@ -3374,13 +3434,13 @@ var gn = {
 };
 function ee(e) {
   const t = e.subTree.el;
-  return typeof window > "u" ? gn : Xr(e) ? wa(e.subTree) : t?.nodeType === 1 ? t?.getBoundingClientRect() : e.subTree.component ? ee(e.subTree.component) : gn;
+  return typeof window > "u" ? gn : Xr(e) ? Tu(e.subTree) : t?.nodeType === 1 ? t?.getBoundingClientRect() : e.subTree.component ? ee(e.subTree.component) : gn;
 }
-_();
+m();
 function kt(e) {
-  return Xr(e) ? Ta(e.subTree) : e.subTree ? [e.subTree.el] : [];
+  return Xr(e) ? Su(e.subTree) : e.subTree ? [e.subTree.el] : [];
 }
-function Ta(e) {
+function Su(e) {
   if (!e.children)
     return [];
   const t = [];
@@ -3388,7 +3448,7 @@ function Ta(e) {
     n.component ? t.push(...kt(n.component)) : n?.el && t.push(n.el);
   }), t;
 }
-var Zr = "__vue-devtools-component-inspector__", Qr = "__vue-devtools-component-inspector__card__", Jr = "__vue-devtools-component-inspector__name__", eo = "__vue-devtools-component-inspector__indicator__", to = {
+var Qr = "__vue-devtools-component-inspector__", Zr = "__vue-devtools-component-inspector__card__", Jr = "__vue-devtools-component-inspector__name__", eo = "__vue-devtools-component-inspector__indicator__", to = {
   display: "block",
   zIndex: 2147483640,
   position: "fixed",
@@ -3397,7 +3457,7 @@ var Zr = "__vue-devtools-component-inspector__", Qr = "__vue-devtools-component-
   borderRadius: "5px",
   transition: "all 0.1s ease-in",
   pointerEvents: "none"
-}, Oa = {
+}, Pu = {
   fontFamily: "Arial, Helvetica, sans-serif",
   padding: "5px 8px",
   borderRadius: "4px",
@@ -3410,7 +3470,7 @@ var Zr = "__vue-devtools-component-inspector__", Qr = "__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)"
-}, Sa = {
+}, Du = {
   display: "inline-block",
   fontWeight: 400,
   fontStyle: "normal",
@@ -3418,15 +3478,15 @@ var Zr = "__vue-devtools-component-inspector__", Qr = "__vue-devtools-component-
   opacity: 0.7
 };
 function ce() {
-  return document.getElementById(Zr);
-}
-function Pa() {
   return document.getElementById(Qr);
 }
-function Ia() {
+function Iu() {
+  return document.getElementById(Zr);
+}
+function ku() {
   return document.getElementById(eo);
 }
-function Da() {
+function xu() {
   return document.getElementById(Jr);
 }
 function xt(e) {
@@ -3440,23 +3500,23 @@ function xt(e) {
 function Rt(e) {
   var t;
   const n = document.createElement("div");
-  n.id = (t = e.elementId) != null ? t : Zr, Object.assign(n.style, {
+  n.id = (t = e.elementId) != null ? t : Qr, Object.assign(n.style, {
     ...to,
     ...xt(e.bounds),
     ...e.style
   });
   const r = document.createElement("span");
-  r.id = Qr, Object.assign(r.style, {
-    ...Oa,
+  r.id = Zr, Object.assign(r.style, {
+    ...Pu,
     top: e.bounds.top < 35 ? 0 : "-35px"
   });
   const o = document.createElement("span");
   o.id = Jr, o.innerHTML = `&lt;${e.name}&gt;&nbsp;&nbsp;`;
   const i = document.createElement("i");
-  return i.id = eo, i.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(i.style, Sa), r.appendChild(o), r.appendChild(i), n.appendChild(r), document.body.appendChild(n), n;
+  return i.id = eo, i.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(i.style, Du), r.appendChild(o), r.appendChild(i), n.appendChild(r), document.body.appendChild(n), n;
 }
-function Ft(e) {
-  const t = ce(), n = Pa(), r = Da(), o = Ia();
+function Lt(e) {
+  const t = ce(), n = Iu(), r = xu(), o = ku();
   t && (Object.assign(t.style, {
     ...to,
     ...xt(e.bounds)
@@ -3464,12 +3524,12 @@ 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 ka(e) {
+function Ru(e) {
   const t = ee(e);
   if (!t.width && !t.height)
     return;
   const n = Ke(e);
-  ce() ? Ft({ bounds: t, name: n }) : Rt({ bounds: t, name: n });
+  ce() ? Lt({ bounds: t, name: n }) : Rt({ bounds: t, name: n });
 }
 function no() {
   const e = ce();
@@ -3482,24 +3542,24 @@ function gt(e) {
     const n = t.__vueParentComponent;
     if (n && (mt = n, n.vnode.el)) {
       const o = ee(n), i = Ke(n);
-      ce() ? Ft({ bounds: o, name: i }) : Rt({ bounds: o, name: i });
+      ce() ? Lt({ bounds: o, name: i }) : Rt({ bounds: o, name: i });
     }
   }
 }
-function xa(e, t) {
+function Lu(e, t) {
   if (e.preventDefault(), e.stopPropagation(), mt) {
-    const n = ya(mt);
+    const n = Cu(mt);
     t(n);
   }
 }
 var Ue = null;
-function Ra() {
+function Fu() {
   no(), window.removeEventListener("mouseover", gt), window.removeEventListener("click", Ue, !0), Ue = null;
 }
-function Fa() {
+function Mu() {
   return window.addEventListener("mouseover", gt), new Promise((e) => {
     function t(n) {
-      n.preventDefault(), n.stopPropagation(), xa(n, (r) => {
+      n.preventDefault(), n.stopPropagation(), Lu(n, (r) => {
         window.removeEventListener("click", t, !0), Ue = null, window.removeEventListener("mouseover", gt);
         const o = ce();
         o && (o.style.display = "none"), e(JSON.stringify({ id: r }));
@@ -3508,8 +3568,8 @@ function Fa() {
     Ue = t, window.addEventListener("click", t, !0);
   });
 }
-function La(e) {
-  const t = _t(L.value, e.id);
+function Nu(e) {
+  const t = _t(F.value, e.id);
   if (t) {
     const [n] = kt(t);
     if (typeof n.scrollIntoView == "function")
@@ -3531,46 +3591,46 @@ function La(e) {
       const r = ee(t);
       if (r.width || r.height) {
         const o = Ke(t), i = ce();
-        i ? Ft({ ...e, name: o, bounds: r }) : Rt({ ...e, name: o, bounds: r }), setTimeout(() => {
+        i ? Lt({ ...e, name: o, bounds: r }) : Rt({ ...e, name: o, bounds: r }), setTimeout(() => {
           i && (i.style.display = "none");
         }, 1500);
       }
     }, 1200);
   }
 }
-_();
+m();
 var En, vn;
 (vn = (En = y).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null || (En.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = !0);
-function Na(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 Ma() {
+function Bu() {
   const e = y.__VUE_INSPECTOR__, t = e.openInEditor;
   e.openInEditor = async (...n) => {
     e.disable(), t(...n);
   };
 }
-function Va() {
+function Uu() {
   return new Promise((e) => {
     function t() {
-      Ma(), e(y.__VUE_INSPECTOR__);
+      Bu(), e(y.__VUE_INSPECTOR__);
     }
-    y.__VUE_INSPECTOR__ ? t() : Na(() => {
+    y.__VUE_INSPECTOR__ ? t() : Vu(() => {
       t();
     });
   });
 }
-_();
-_();
-function Ba(e) {
+m();
+m();
+function Hu(e) {
   return !!(e && e.__v_isReadonly);
 }
 function ro(e) {
-  return Ba(e) ? ro(e.__v_raw) : !!(e && e.__v_isReactive);
+  return Hu(e) ? ro(e.__v_raw) : !!(e && e.__v_isReactive);
 }
 function nt(e) {
   return !!(e && e.__v_isRef === !0);
@@ -3579,15 +3639,15 @@ function _e(e) {
   const t = e && e.__v_raw;
   return t ? _e(t) : e;
 }
-var Ua = class {
+var ju = class {
   constructor() {
-    this.refEditor = new Ha();
+    this.refEditor = new zu();
   }
   set(e, t, n, r) {
     const o = Array.isArray(t) ? t : t.split(".");
     for (; o.length > 1; ) {
-      const a = o.shift();
-      e instanceof Map ? e = e.get(a) : e instanceof Set ? e = Array.from(e.values())[a] : e = e[a], this.refEditor.isRef(e) && (e = this.refEditor.get(e));
+      const u = o.shift();
+      e instanceof Map ? e = e.get(u) : e instanceof Set ? e = Array.from(e.values())[u] : e = e[u], this.refEditor.isRef(e) && (e = this.refEditor.get(e));
     }
     const i = o[0], s = this.refEditor.get(e)[i];
     r ? r(e, i, n) : this.refEditor.isRef(s) ? this.refEditor.set(s, n) : e[i] = n;
@@ -3617,7 +3677,7 @@ var Ua = class {
       }
     };
   }
-}, Ha = class {
+}, zu = class {
   set(e, t) {
     if (nt(e))
       e.value = t;
@@ -3647,11 +3707,11 @@ var Ua = class {
     return nt(e) || ro(e);
   }
 };
-_();
-_();
-_();
-var ja = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
-function $a() {
+m();
+m();
+m();
+var $u = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
+function Ku() {
   if (!Kr || typeof localStorage > "u" || localStorage === null)
     return {
       recordingState: !1,
@@ -3661,7 +3721,7 @@ function $a() {
       performanceEventEnabled: !1,
       selected: ""
     };
-  const e = localStorage.getItem(ja);
+  const e = localStorage.getItem($u);
   return e ? JSON.parse(e) : {
     recordingState: !1,
     mouseEventEnabled: !1,
@@ -3671,46 +3731,46 @@ function $a() {
     selected: ""
   };
 }
-_();
-_();
-_();
-var yn, Cn;
-(Cn = (yn = y).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (yn.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = []);
-var za = new Proxy(y.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+m();
+m();
+m();
+var yn, bn;
+(bn = (yn = y).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (yn.__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 Ka(e, t) {
-  k.timelineLayersState[t.id] = !1, za.push({
+function Gu(e, t) {
+  k.timelineLayersState[t.id] = !1, Wu.push({
     ...e,
     descriptorId: t.id,
-    appRecord: Dt(t.app)
+    appRecord: It(t.app)
   });
 }
-var bn, wn;
-(wn = (bn = y).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null || (bn.__VUE_DEVTOOLS_KIT_INSPECTOR__ = []);
-var Lt = new Proxy(y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
+var Cn, wn;
+(wn = (Cn = y).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null || (Cn.__VUE_DEVTOOLS_KIT_INSPECTOR__ = []);
+var Ft = new Proxy(y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
-}), oo = ae(() => {
+}), oo = ue(() => {
   fe.hooks.callHook("sendInspectorToClient", io());
 });
-function Wa(e, t) {
+function Yu(e, t) {
   var n, r;
-  Lt.push({
+  Ft.push({
     options: e,
     descriptor: t,
     treeFilterPlaceholder: (n = e.treeFilterPlaceholder) != null ? n : "Search tree...",
     stateFilterPlaceholder: (r = e.stateFilterPlaceholder) != null ? r : "Search state...",
     treeFilter: "",
     selectedNodeId: "",
-    appRecord: Dt(t.app)
+    appRecord: It(t.app)
   }), oo();
 }
 function io() {
-  return Lt.filter((e) => e.descriptor.app === L.value.app).filter((e) => e.descriptor.id !== "components").map((e) => {
+  return Ft.filter((e) => e.descriptor.app === F.value.app).filter((e) => e.descriptor.id !== "components").map((e) => {
     var t;
     const n = e.descriptor, r = e.options;
     return {
@@ -3725,36 +3785,36 @@ function io() {
   });
 }
 function Re(e, t) {
-  return Lt.find((n) => n.options.id === e && (t ? n.descriptor.app === t : !0));
+  return Ft.find((n) => n.options.id === e && (t ? n.descriptor.app === t : !0));
 }
-function Ga() {
+function qu() {
   const e = Gr();
   e.hook("addInspector", ({ inspector: r, plugin: o }) => {
-    Wa(r, o.descriptor);
+    Yu(r, o.descriptor);
   });
-  const t = ae(async ({ inspectorId: r, plugin: o }) => {
+  const t = ue(async ({ inspectorId: r, plugin: o }) => {
     var i;
     if (!r || !((i = o?.descriptor) != null && i.app) || k.highPerfModeEnabled)
       return;
-    const s = Re(r, o.descriptor.app), a = {
+    const s = Re(r, o.descriptor.app), u = {
       app: o.descriptor.app,
       inspectorId: r,
       filter: s?.treeFilter || "",
       rootNodes: []
     };
-    await new Promise((u) => {
+    await new Promise((a) => {
       e.callHookWith(
         async (l) => {
-          await Promise.all(l.map((c) => c(a))), u();
+          await Promise.all(l.map((c) => c(u))), a();
         },
         "getInspectorTree"
         /* GET_INSPECTOR_TREE */
       );
     }), e.callHookWith(
-      async (u) => {
-        await Promise.all(u.map((l) => l({
+      async (a) => {
+        await Promise.all(a.map((l) => l({
           inspectorId: r,
-          rootNodes: a.rootNodes
+          rootNodes: u.rootNodes
         })));
       },
       "sendInspectorTreeToClient"
@@ -3762,22 +3822,22 @@ function Ga() {
     );
   }, 120);
   e.hook("sendInspectorTree", t);
-  const n = ae(async ({ inspectorId: r, plugin: o }) => {
+  const n = ue(async ({ inspectorId: r, plugin: o }) => {
     var i;
     if (!r || !((i = o?.descriptor) != null && i.app) || k.highPerfModeEnabled)
       return;
-    const s = Re(r, o.descriptor.app), a = {
+    const s = Re(r, o.descriptor.app), u = {
       app: o.descriptor.app,
       inspectorId: r,
       nodeId: s?.selectedNodeId || "",
       state: null
-    }, u = {
+    }, a = {
       currentTab: `custom-inspector:${r}`
     };
-    a.nodeId && await new Promise((l) => {
+    u.nodeId && await new Promise((l) => {
       e.callHookWith(
         async (c) => {
-          await Promise.all(c.map((f) => f(a, u))), l();
+          await Promise.all(c.map((f) => f(u, a))), l();
         },
         "getInspectorState"
         /* GET_INSPECTOR_STATE */
@@ -3786,8 +3846,8 @@ function Ga() {
       async (l) => {
         await Promise.all(l.map((c) => c({
           inspectorId: r,
-          nodeId: a.nodeId,
-          state: a.state
+          nodeId: u.nodeId,
+          state: u.state
         })));
       },
       "sendInspectorStateToClient"
@@ -3798,13 +3858,13 @@ function Ga() {
     const s = Re(r, i.descriptor.app);
     s && (s.selectedNodeId = o);
   }), e.hook("timelineLayerAdded", ({ options: r, plugin: o }) => {
-    Ka(r, o.descriptor);
+    Gu(r, o.descriptor);
   }), e.hook("timelineEventAdded", ({ options: r, plugin: o }) => {
     var i;
     const s = ["performance", "component-event", "keyboard", "mouse"];
     k.highPerfModeEnabled || !((i = k.timelineLayersState) != null && i[o.descriptor.id]) && !s.includes(r.layerId) || e.callHookWith(
-      async (a) => {
-        await Promise.all(a.map((u) => u(r)));
+      async (u) => {
+        await Promise.all(u.map((a) => a(r)));
       },
       "sendTimelineEventToClient"
       /* SEND_TIMELINE_EVENT_TO_CLIENT */
@@ -3814,10 +3874,10 @@ function Ga() {
     if (!o)
       return null;
     const i = o.id.toString();
-    return [...o.instanceMap].filter(([a]) => a.split(":")[0] === i).map(([, a]) => a);
+    return [...o.instanceMap].filter(([u]) => u.split(":")[0] === i).map(([, u]) => u);
   }), e.hook("getComponentBounds", async ({ instance: r }) => ee(r)), e.hook("getComponentName", ({ instance: r }) => Ke(r)), e.hook("componentHighlight", ({ uid: r }) => {
-    const o = L.value.instanceMap.get(r);
-    o && ka(o);
+    const o = F.value.instanceMap.get(r);
+    o && Ru(o);
   }), e.hook("componentUnhighlight", () => {
     no();
   }), e;
@@ -3826,14 +3886,14 @@ var An, Tn;
 (Tn = (An = y).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null || (An.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = []);
 var On, Sn;
 (Sn = (On = y).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null || (On.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {});
-var Pn, In;
-(In = (Pn = y).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null || (Pn.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "");
-var Dn, kn;
-(kn = (Dn = y).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null || (Dn.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = []);
+var Pn, Dn;
+(Dn = (Pn = y).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null || (Pn.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "");
+var In, kn;
+(kn = (In = y).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null || (In.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = []);
 var xn, Rn;
 (Rn = (xn = y).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null || (xn.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = []);
-var Q = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
-function Ya() {
+var Z = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
+function Xu() {
   return {
     connected: !1,
     clientConnected: !1,
@@ -3845,78 +3905,78 @@ function Ya() {
     highPerfModeEnabled: !0,
     devtoolsClientDetected: {},
     perfUniqueGroupId: 0,
-    timelineLayersState: $a()
+    timelineLayersState: Ku()
   };
 }
-var Fn, Ln;
-(Ln = (Fn = y)[Q]) != null || (Fn[Q] = Ya());
-var qa = ae((e) => {
+var Ln, Fn;
+(Fn = (Ln = y)[Z]) != null || (Ln[Z] = Xu());
+var Qu = ue((e) => {
   fe.hooks.callHook("devtoolsStateUpdated", { state: e });
 });
-ae((e, t) => {
+ue((e, t) => {
   fe.hooks.callHook("devtoolsConnectedUpdated", { state: e, oldState: t });
 });
 var We = 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];
   }
-}), L = new Proxy(y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
+}), F = 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 so() {
-  qa({
-    ...y[Q],
+  Qu({
+    ...y[Z],
     appRecords: We.value,
-    activeAppRecordId: L.id,
+    activeAppRecordId: F.id,
     tabs: y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
     commands: y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
 }
-function Xa(e) {
+function Zu(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = e, so();
 }
-function Za(e) {
+function Ju(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = e, so();
 }
-var k = new Proxy(y[Q], {
+var k = new Proxy(y[Z], {
   get(e, t) {
-    return t === "appRecords" ? We : t === "activeAppRecordId" ? L.id : t === "tabs" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : y[Q][t];
+    return t === "appRecords" ? We : t === "activeAppRecordId" ? F.id : t === "tabs" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : y[Z][t];
   },
   deleteProperty(e, t) {
     return delete e[t], !0;
   },
   set(e, t, n) {
-    return { ...y[Q] }, e[t] = n, y[Q][t] = n, !0;
+    return { ...y[Z] }, e[t] = n, y[Z][t] = n, !0;
   }
 });
-function Qa(e = {}) {
+function ea(e = {}) {
   var t, n, r;
-  const { file: o, host: i, baseUrl: s = window.location.origin, line: a = 0, column: u = 0 } = e;
+  const { file: o, host: i, baseUrl: s = window.location.origin, line: u = 0, column: a = 0 } = e;
   if (o) {
     if (i === "chrome-extension") {
       const l = o.replace(/\\/g, "\\\\"), c = (n = (t = window.VUE_DEVTOOLS_CONFIG) == null ? void 0 : t.openInEditorHost) != null ? n : "/";
       fetch(`${c}__open-in-editor?file=${encodeURI(o)}`).then((f) => {
         if (!f.ok) {
-          const m = `Opening component ${l} failed`;
-          console.log(`%c${m}`, "color:red");
+          const _ = `Opening component ${l} failed`;
+          console.log(`%c${_}`, "color:red");
         }
       });
     } else if (k.vitePluginDetected) {
       const l = (r = y.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? r : s;
-      y.__VUE_INSPECTOR__.openInEditor(l, o, a, u);
+      y.__VUE_INSPECTOR__.openInEditor(l, o, u, a);
     }
   }
 }
-_();
-_();
-_();
-_();
-_();
-var Nn, Mn;
-(Mn = (Nn = y).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null || (Nn.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = []);
-var Nt = new Proxy(y.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+m();
+m();
+m();
+m();
+m();
+var Mn, Nn;
+(Nn = (Mn = y).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null || (Mn.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = []);
+var Mt = new Proxy(y.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
@@ -3927,43 +3987,43 @@ function Et(e) {
     t[n] = e[n].defaultValue;
   }), t;
 }
-function Mt(e) {
+function Nt(e) {
   return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${e}__`;
 }
-function Ja(e) {
+function ta(e) {
   var t, n, r;
-  const o = (n = (t = Nt.find((i) => {
+  const o = (n = (t = Mt.find((i) => {
     var s;
     return i[0].id === e && !!((s = i[0]) != null && s.settings);
   })) == null ? void 0 : t[0]) != null ? n : null;
   return (r = o?.settings) != null ? r : null;
 }
-function ao(e, t) {
+function uo(e, t) {
   var n, r, o;
-  const i = Mt(e);
+  const i = Nt(e);
   if (i) {
     const s = localStorage.getItem(i);
     if (s)
       return JSON.parse(s);
   }
   if (e) {
-    const s = (r = (n = Nt.find((a) => a[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
+    const s = (r = (n = Mt.find((u) => u[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
     return Et((o = s?.settings) != null ? o : {});
   }
   return Et(t);
 }
-function eu(e, t) {
-  const n = Mt(e);
+function na(e, t) {
+  const n = Nt(e);
   localStorage.getItem(n) || localStorage.setItem(n, JSON.stringify(Et(t)));
 }
-function tu(e, t, n) {
-  const r = Mt(e), o = localStorage.getItem(r), i = JSON.parse(o || "{}"), s = {
+function ra(e, t, n) {
+  const r = Nt(e), o = localStorage.getItem(r), i = JSON.parse(o || "{}"), s = {
     ...i,
     [t]: n
   };
   localStorage.setItem(r, JSON.stringify(s)), fe.hooks.callHookWith(
-    (a) => {
-      a.forEach((u) => u({
+    (u) => {
+      u.forEach((a) => a({
         pluginId: e,
         key: t,
         oldValue: i[t],
@@ -3975,18 +4035,18 @@ function tu(e, t, n) {
     /* SET_PLUGIN_SETTINGS */
   );
 }
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVTOOLS_HOOK = Gr(), nu = {
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVTOOLS_HOOK = Gr(), oa = {
   vueAppInit(e) {
     V.hook("app:init", e);
   },
@@ -4017,12 +4077,12 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
   perfEnd(e) {
     return V.hook("perf:end", e);
   }
-}, uo = {
-  on: nu,
+}, ao = {
+  on: oa,
   setupDevToolsPlugin(e, t) {
     return V.callHook("devtools-plugin:setup", e, t);
   }
-}, ru = class {
+}, ia = class {
   constructor({ plugin: e, ctx: t }) {
     this.hooks = t.hooks, this.plugin = e;
   }
@@ -4086,7 +4146,7 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
   }
   // custom inspector
   addInspector(e) {
-    this.hooks.callHook("addInspector", { inspector: e, plugin: this.plugin }), this.plugin.descriptor.settings && eu(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) {
     k.highPerfModeEnabled || this.hooks.callHook("sendInspectorTree", { inspectorId: e, plugin: this.plugin });
@@ -4112,7 +4172,7 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
   }
   // settings
   getSettings(e) {
-    return ao(e ?? this.plugin.descriptor.id, this.plugin.descriptor.settings);
+    return uo(e ?? this.plugin.descriptor.id, this.plugin.descriptor.settings);
   }
   // utilities
   getComponentInstances(e) {
@@ -4134,36 +4194,36 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
       /* COMPONENT_UNHIGHLIGHT */
     );
   }
-}, ou = ru;
-_();
-_();
-_();
-_();
-var iu = "__vue_devtool_undefined__", su = "__vue_devtool_infinity__", au = "__vue_devtool_negative_infinity__", uu = "__vue_devtool_nan__";
-_();
-_();
-var lu = {
-  [iu]: "undefined",
-  [uu]: "NaN",
-  [su]: "Infinity",
-  [au]: "-Infinity"
+}, sa = ia;
+m();
+m();
+m();
+m();
+var ua = "__vue_devtool_undefined__", aa = "__vue_devtool_infinity__", la = "__vue_devtool_negative_infinity__", ca = "__vue_devtool_nan__";
+m();
+m();
+var fa = {
+  [ua]: "undefined",
+  [ca]: "NaN",
+  [aa]: "Infinity",
+  [la]: "-Infinity"
 };
-Object.entries(lu).reduce((e, [t, n]) => (e[n] = t, e), {});
-_();
-_();
-_();
-_();
-_();
+Object.entries(fa).reduce((e, [t, n]) => (e[n] = t, e), {});
+m();
+m();
+m();
+m();
+m();
 var Un, Hn;
 (Hn = (Un = y).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null || (Un.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set());
-function cu(e, t) {
-  return uo.setupDevToolsPlugin(e, t);
+function da(e, t) {
+  return ao.setupDevToolsPlugin(e, t);
 }
-function fu(e, t) {
+function pa(e, t) {
   const [n, r] = e;
   if (n.app !== t)
     return;
-  const o = new ou({
+  const o = new sa({
     plugin: {
       setupFn: r,
       descriptor: n
@@ -4175,22 +4235,22 @@ function fu(e, t) {
   }), r(o);
 }
 function lo(e, t) {
-  y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(e) || k.highPerfModeEnabled && !t?.inspectingComponent || (y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(e), Nt.forEach((n) => {
-    fu(n, e);
+  y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(e) || k.highPerfModeEnabled && !t?.inspectingComponent || (y.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(e), Mt.forEach((n) => {
+    pa(n, e);
   }));
 }
-_();
-_();
-var ve = "__VUE_DEVTOOLS_ROUTER__", ue = "__VUE_DEVTOOLS_ROUTER_INFO__", jn, $n;
-($n = (jn = y)[ue]) != null || (jn[ue] = {
+m();
+m();
+var ve = "__VUE_DEVTOOLS_ROUTER__", ae = "__VUE_DEVTOOLS_ROUTER_INFO__", jn, zn;
+(zn = (jn = y)[ae]) != null || (jn[ae] = {
   currentRoute: null,
   routes: []
 });
-var zn, Kn;
-(Kn = (zn = y)[ve]) != null || (zn[ve] = {});
-new Proxy(y[ue], {
+var $n, Kn;
+(Kn = ($n = y)[ve]) != null || ($n[ve] = {});
+new Proxy(y[ae], {
   get(e, t) {
-    return y[ue][t];
+    return y[ae][t];
   }
 });
 new Proxy(y[ve], {
@@ -4199,7 +4259,7 @@ new Proxy(y[ve], {
       return y[ve];
   }
 });
-function du(e) {
+function ha(e) {
   const t = /* @__PURE__ */ new Map();
   return (e?.getRoutes() || []).filter((n) => !t.has(n.path) && t.set(n.path, 1));
 }
@@ -4214,44 +4274,44 @@ function Vt(e) {
     };
   });
 }
-function pu(e) {
+function _a(e) {
   if (e) {
-    const { fullPath: t, hash: n, href: r, path: o, name: i, matched: s, params: a, query: u } = e;
+    const { fullPath: t, hash: n, href: r, path: o, name: i, matched: s, params: u, query: a } = e;
     return {
       fullPath: t,
       hash: n,
       href: r,
       path: o,
       name: i,
-      params: a,
-      query: u,
+      params: u,
+      query: a,
       matched: Vt(s)
     };
   }
   return e;
 }
-function hu(e, t) {
+function ma(e, t) {
   function n() {
     var r;
-    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = pu(o?.currentRoute.value), s = Vt(du(o)), a = console.warn;
+    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = _a(o?.currentRoute.value), s = Vt(ha(o)), u = console.warn;
     console.warn = () => {
-    }, y[ue] = {
+    }, y[ae] = {
       currentRoute: i ? _n(i) : {},
       routes: _n(s)
-    }, y[ve] = o, console.warn = a;
+    }, y[ve] = o, console.warn = u;
   }
-  n(), uo.on.componentUpdated(ae(() => {
+  n(), ao.on.componentUpdated(ue(() => {
     var r;
-    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !k.highPerfModeEnabled && fe.hooks.callHook("routerInfoUpdated", { state: y[ue] }));
+    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !k.highPerfModeEnabled && fe.hooks.callHook("routerInfoUpdated", { state: y[ae] }));
   }, 200));
 }
-function _u(e) {
+function ga(e) {
   return {
     // get inspector tree
     async getInspectorTree(t) {
       const n = {
         ...t,
-        app: L.value.app,
+        app: F.value.app,
         rootNodes: []
       };
       return await new Promise((r) => {
@@ -4268,7 +4328,7 @@ function _u(e) {
     async getInspectorState(t) {
       const n = {
         ...t,
-        app: L.value.app,
+        app: F.value.app,
         state: null
       }, r = {
         currentTab: `custom-inspector:${t.inspectorId}`
@@ -4285,11 +4345,11 @@ function _u(e) {
     },
     // edit inspector state
     editInspectorState(t) {
-      const n = new Ua(), r = {
+      const n = new ju(), r = {
         ...t,
-        app: L.value.app,
-        set: (o, i = t.path, s = t.state.value, a) => {
-          n.set(o, i, s, a || n.createDefaultSetCallback(t.state));
+        app: F.value.app,
+        set: (o, i = t.path, s = t.state.value, u) => {
+          n.set(o, i, s, u || n.createDefaultSetCallback(t.state));
         }
       };
       e.callHookWith(
@@ -4310,102 +4370,102 @@ function _u(e) {
     },
     // inspect component inspector
     inspectComponentInspector() {
-      return Fa();
+      return Mu();
     },
     // cancel inspect component inspector
     cancelInspectComponentInspector() {
-      return Ra();
+      return Fu();
     },
     // get component render code
     getComponentRenderCode(t) {
-      const n = _t(L.value, t);
+      const n = _t(F.value, t);
       if (n)
         return typeof n?.type != "function" ? n.render.toString() : n.type.toString();
     },
     // scroll to component
     scrollToComponent(t) {
-      return La({ id: t });
+      return Nu({ id: t });
     },
     // open in editor
-    openInEditor: Qa,
+    openInEditor: ea,
     // get vue inspector
-    getVueInspector: Va,
+    getVueInspector: Uu,
     // toggle app
     toggleApp(t, n) {
       const r = We.value.find((o) => o.id === t);
-      r && (Za(t), Xa(r), hu(r, L), oo(), lo(r.app, n));
+      r && (Ju(t), Zu(r), ma(r, F), oo(), lo(r.app, n));
     },
     // inspect dom
     inspectDOM(t) {
-      const n = _t(L.value, t);
+      const n = _t(F.value, t);
       if (n) {
         const [r] = kt(n);
         r && (y.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = r);
       }
     },
     updatePluginSettings(t, n, r) {
-      tu(t, n, r);
+      ra(t, n, r);
     },
     getPluginSettings(t) {
       return {
-        options: Ja(t),
-        values: ao(t)
+        options: ta(t),
+        values: uo(t)
       };
     }
   };
 }
-_();
+m();
 var Wn, Gn;
 (Gn = (Wn = y).__VUE_DEVTOOLS_ENV__) != null || (Wn.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: !1
 });
-var Yn = Ga(), qn, Xn;
+var Yn = qu(), qn, Xn;
 (Xn = (qn = y).__VUE_DEVTOOLS_KIT_CONTEXT__) != null || (qn.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks: Yn,
   get state() {
     return {
       ...k,
-      activeAppRecordId: L.id,
-      activeAppRecord: L.value,
+      activeAppRecordId: F.id,
+      activeAppRecord: F.value,
       appRecords: We.value
     };
   },
-  api: _u(Yn)
+  api: ga(Yn)
 });
 var fe = y.__VUE_DEVTOOLS_KIT_CONTEXT__;
-_();
-_a(ga());
-var Zn, Qn;
-(Qn = (Zn = y).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null || (Zn.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
+m();
+gu(vu());
+var Qn, Zn;
+(Zn = (Qn = y).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null || (Qn.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 });
-_();
-_();
-function mu(e) {
-  k.highPerfModeEnabled = e ?? !k.highPerfModeEnabled, !e && L.value && lo(L.value.app);
-}
-_();
-_();
-_();
-function gu(e) {
+m();
+m();
+function Ea(e) {
+  k.highPerfModeEnabled = e ?? !k.highPerfModeEnabled, !e && F.value && lo(F.value.app);
+}
+m();
+m();
+m();
+function va(e) {
   k.devtoolsClientDetected = {
     ...k.devtoolsClientDetected,
     ...e
   };
   const t = Object.values(k.devtoolsClientDetected).some(Boolean);
-  mu(!t);
+  Ea(!t);
 }
 var Jn, er;
-(er = (Jn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Jn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = gu);
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-var Eu = class {
+(er = (Jn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Jn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = va);
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+var ya = class {
   constructor() {
     this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
   }
@@ -4423,7 +4483,7 @@ var Eu = class {
   }
 }, co = class {
   constructor(e) {
-    this.generateIdentifier = e, this.kv = new Eu();
+    this.generateIdentifier = e, this.kv = new ya();
   }
   register(e, t) {
     this.kv.getByValue(e) || (t || (t = this.generateIdentifier(e)), this.kv.set(t, e));
@@ -4437,7 +4497,7 @@ var Eu = class {
   getValue(e) {
     return this.kv.getByKey(e);
   }
-}, vu = class extends co {
+}, ba = class extends co {
   constructor() {
     super((e) => e.name), this.classToAllowedProps = /* @__PURE__ */ new Map();
   }
@@ -4448,9 +4508,9 @@ var Eu = class {
     return this.classToAllowedProps.get(e);
   }
 };
-_();
-_();
-function yu(e) {
+m();
+m();
+function Ca(e) {
   if ("values" in Object)
     return Object.values(e);
   const t = [];
@@ -4458,8 +4518,8 @@ function yu(e) {
     e.hasOwnProperty(n) && t.push(e[n]);
   return t;
 }
-function Cu(e, t) {
-  const n = yu(e);
+function wa(e, t) {
+  const n = Ca(e);
   if ("find" in n)
     return n.find(t);
   const r = n;
@@ -4472,7 +4532,7 @@ function Cu(e, t) {
 function le(e, t) {
   Object.entries(e).forEach(([n, r]) => t(r, n));
 }
-function Fe(e, t) {
+function Le(e, t) {
   return e.indexOf(t) !== -1;
 }
 function tr(e, t) {
@@ -4482,7 +4542,7 @@ function tr(e, t) {
       return r;
   }
 }
-var bu = class {
+var Aa = class {
   constructor() {
     this.transfomers = {};
   }
@@ -4490,16 +4550,16 @@ var bu = class {
     this.transfomers[e.name] = e;
   }
   findApplicable(e) {
-    return Cu(this.transfomers, (t) => t.isApplicable(e));
+    return wa(this.transfomers, (t) => t.isApplicable(e));
   }
   findByName(e) {
     return this.transfomers[e];
   }
 };
-_();
-_();
-var wu = (e) => Object.prototype.toString.call(e).slice(8, -1), fo = (e) => typeof e > "u", Au = (e) => e === null, ye = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, vt = (e) => ye(e) && Object.keys(e).length === 0, G = (e) => Array.isArray(e), Tu = (e) => typeof e == "string", Ou = (e) => typeof e == "number" && !isNaN(e), Su = (e) => typeof e == "boolean", Pu = (e) => e instanceof RegExp, Ce = (e) => e instanceof Map, be = (e) => e instanceof Set, po = (e) => wu(e) === "Symbol", Iu = (e) => e instanceof Date && !isNaN(e.valueOf()), Du = (e) => e instanceof Error, nr = (e) => typeof e == "number" && isNaN(e), ku = (e) => Su(e) || Au(e) || fo(e) || Ou(e) || Tu(e) || po(e), xu = (e) => typeof e == "bigint", Ru = (e) => e === 1 / 0 || e === -1 / 0, Fu = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), Lu = (e) => e instanceof URL;
-_();
+m();
+m();
+var Ta = (e) => Object.prototype.toString.call(e).slice(8, -1), fo = (e) => typeof e > "u", Oa = (e) => e === null, ye = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, vt = (e) => ye(e) && Object.keys(e).length === 0, G = (e) => Array.isArray(e), Sa = (e) => typeof e == "string", Pa = (e) => typeof e == "number" && !isNaN(e), Da = (e) => typeof e == "boolean", Ia = (e) => e instanceof RegExp, be = (e) => e instanceof Map, Ce = (e) => e instanceof Set, po = (e) => Ta(e) === "Symbol", ka = (e) => e instanceof Date && !isNaN(e.valueOf()), xa = (e) => e instanceof Error, nr = (e) => typeof e == "number" && isNaN(e), Ra = (e) => Da(e) || Oa(e) || fo(e) || Pa(e) || Sa(e) || po(e), La = (e) => typeof e == "bigint", Fa = (e) => e === 1 / 0 || e === -1 / 0, Ma = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), Na = (e) => e instanceof URL;
+m();
 var ho = (e) => e.replace(/\./g, "\\."), rt = (e) => e.map(String).map(ho).join("."), ge = (e) => {
   const t = [];
   let n = "";
@@ -4518,7 +4578,7 @@ var ho = (e) => e.replace(/\./g, "\\."), rt = (e) => e.map(String).map(ho).join(
   const r = n;
   return t.push(r), t;
 };
-_();
+m();
 function j(e, t, n, r) {
   return {
     isApplicable: e,
@@ -4530,9 +4590,9 @@ function j(e, t, n, r) {
 var _o = [
   j(fo, "undefined", () => null, () => {
   }),
-  j(xu, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
-  j(Iu, "Date", (e) => e.toISOString(), (e) => new Date(e)),
-  j(Du, "Error", (e, t) => {
+  j(La, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
+  j(ka, "Date", (e) => e.toISOString(), (e) => new Date(e)),
+  j(xa, "Error", (e, t) => {
     const n = {
       name: e.name,
       message: e.message
@@ -4546,22 +4606,22 @@ var _o = [
       n[r] = e[r];
     }), n;
   }),
-  j(Pu, "regexp", (e) => "" + e, (e) => {
+  j(Ia, "regexp", (e) => "" + e, (e) => {
     const t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
     return new RegExp(t, n);
   }),
   j(
-    be,
+    Ce,
     "set",
     // (sets only exist in es6+)
     // eslint-disable-next-line es5/no-es6-methods
     (e) => [...e.values()],
     (e) => new Set(e)
   ),
-  j(Ce, "map", (e) => [...e.entries()], (e) => new Map(e)),
-  j((e) => nr(e) || Ru(e), "number", (e) => nr(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
+  j(be, "map", (e) => [...e.entries()], (e) => new Map(e)),
+  j((e) => nr(e) || Fa(e), "number", (e) => nr(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
   j((e) => e === 0 && 1 / e === -1 / 0, "number", () => "-0", Number),
-  j(Lu, "URL", (e) => e.toString(), (e) => new URL(e))
+  j(Na, "URL", (e) => e.toString(), (e) => new URL(e))
 ];
 function Ge(e, t, n, r) {
   return {
@@ -4576,7 +4636,7 @@ var mo = Ge((e, t) => po(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) =
   if (!r)
     throw new Error("Trying to deserialize unknown symbol");
   return r;
-}), Nu = [
+}), Va = [
   Int8Array,
   Uint8Array,
   Int16Array,
@@ -4586,8 +4646,8 @@ var mo = Ge((e, t) => po(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) =
   Float32Array,
   Float64Array,
   Uint8ClampedArray
-].reduce((e, t) => (e[t.name] = t, e), {}), go = Ge(Fu, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
-  const n = Nu[t[1]];
+].reduce((e, t) => (e[t.name] = t, e), {}), go = Ge(Ma, (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);
@@ -4613,8 +4673,8 @@ var vo = Ge(Eo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)
   if (!r)
     throw new Error("Trying to deserialize unknown custom value");
   return r.deserialize(e);
-}), Mu = [vo, mo, yo, go], rr = (e, t) => {
-  const n = tr(Mu, (o) => o.isApplicable(e, t));
+}), Ba = [vo, mo, yo, go], rr = (e, t) => {
+  const n = tr(Ba, (o) => o.isApplicable(e, t));
   if (n)
     return {
       value: n.transform(e, t),
@@ -4626,11 +4686,11 @@ var vo = Ge(Eo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)
       value: r.transform(e, t),
       type: r.annotation
     };
-}, Co = {};
+}, bo = {};
 _o.forEach((e) => {
-  Co[e.annotation] = e;
+  bo[e.annotation] = e;
 });
-var Vu = (e, t, n) => {
+var Ua = (e, t, n) => {
   if (G(t))
     switch (t[0]) {
       case "symbol":
@@ -4645,13 +4705,13 @@ var Vu = (e, t, n) => {
         throw new Error("Unknown transformation: " + t);
     }
   else {
-    const r = Co[t];
+    const r = bo[t];
     if (!r)
       throw new Error("Unknown transformation: " + t);
     return r.untransform(e, n);
   }
 };
-_();
+m();
 var oe = (e, t) => {
   if (t > e.size)
     throw new Error("index out of bounds");
@@ -4660,21 +4720,21 @@ var oe = (e, t) => {
     n.next(), t--;
   return n.next().value;
 };
-function bo(e) {
-  if (Fe(e, "__proto__"))
+function Co(e) {
+  if (Le(e, "__proto__"))
     throw new Error("__proto__ is not allowed as a property");
-  if (Fe(e, "prototype"))
+  if (Le(e, "prototype"))
     throw new Error("prototype is not allowed as a property");
-  if (Fe(e, "constructor"))
+  if (Le(e, "constructor"))
     throw new Error("constructor is not allowed as a property");
 }
-var Bu = (e, t) => {
-  bo(t);
+var Ha = (e, t) => {
+  Co(t);
   for (let n = 0; n < t.length; n++) {
     const r = t[n];
-    if (be(e))
+    if (Ce(e))
       e = oe(e, +r);
-    else if (Ce(e)) {
+    else if (be(e)) {
       const o = +r, i = +t[++n] == 0 ? "key" : "value", s = oe(e, o);
       switch (i) {
         case "key":
@@ -4689,23 +4749,23 @@ var Bu = (e, t) => {
   }
   return e;
 }, yt = (e, t, n) => {
-  if (bo(t), t.length === 0)
+  if (Co(t), t.length === 0)
     return n(e);
   let r = e;
   for (let i = 0; i < t.length - 1; i++) {
     const s = t[i];
     if (G(r)) {
-      const a = +s;
-      r = r[a];
+      const u = +s;
+      r = r[u];
     } else if (ye(r))
       r = r[s];
-    else if (be(r)) {
-      const a = +s;
-      r = oe(r, a);
-    } else if (Ce(r)) {
+    else if (Ce(r)) {
+      const u = +s;
+      r = oe(r, u);
+    } else if (be(r)) {
       if (i === t.length - 2)
         break;
-      const u = +s, l = +t[++i] == 0 ? "key" : "value", c = oe(r, u);
+      const a = +s, l = +t[++i] == 0 ? "key" : "value", c = oe(r, a);
       switch (l) {
         case "key":
           r = c;
@@ -4717,16 +4777,16 @@ var Bu = (e, t) => {
     }
   }
   const o = t[t.length - 1];
-  if (G(r) ? r[+o] = n(r[+o]) : ye(r) && (r[o] = n(r[o])), be(r)) {
+  if (G(r) ? r[+o] = n(r[+o]) : ye(r) && (r[o] = n(r[o])), Ce(r)) {
     const i = oe(r, +o), s = n(i);
     i !== s && (r.delete(i), r.add(s));
   }
-  if (Ce(r)) {
+  if (be(r)) {
     const i = +t[t.length - 2], s = oe(r, i);
     switch (+o == 0 ? "key" : "value") {
       case "key": {
-        const u = n(s);
-        r.set(u, r.get(s)), u !== s && r.delete(s);
+        const a = n(s);
+        r.set(a, r.get(s)), a !== s && r.delete(s);
         break;
       }
       case "value": {
@@ -4737,26 +4797,26 @@ var Bu = (e, t) => {
   }
   return e;
 };
-function Ct(e, t, n = []) {
+function bt(e, t, n = []) {
   if (!e)
     return;
   if (!G(e)) {
-    le(e, (i, s) => Ct(i, t, [...n, ...ge(s)]));
+    le(e, (i, s) => bt(i, t, [...n, ...ge(s)]));
     return;
   }
   const [r, o] = e;
   o && le(o, (i, s) => {
-    Ct(i, t, [...n, ...ge(s)]);
+    bt(i, t, [...n, ...ge(s)]);
   }), t(r, n);
 }
-function Uu(e, t, n) {
-  return Ct(t, (r, o) => {
-    e = yt(e, o, (i) => Vu(i, r, n));
+function ja(e, t, n) {
+  return bt(t, (r, o) => {
+    e = yt(e, o, (i) => Ua(i, r, n));
   }), e;
 }
-function Hu(e, t) {
+function za(e, t) {
   function n(r, o) {
-    const i = Bu(e, ge(o));
+    const i = Ha(e, ge(o));
     r.map(ge).forEach((s) => {
       e = yt(e, s, () => i);
     });
@@ -4770,79 +4830,79 @@ function Hu(e, t) {
     le(t, n);
   return e;
 }
-var ju = (e, t) => ye(e) || G(e) || Ce(e) || be(e) || Eo(e, t);
-function $u(e, t, n) {
+var $a = (e, t) => ye(e) || G(e) || be(e) || Ce(e) || Eo(e, t);
+function Ka(e, t, n) {
   const r = n.get(e);
   r ? r.push(t) : n.set(e, [t]);
 }
-function zu(e, t) {
+function Wa(e, t) {
   const n = {};
   let r;
   return e.forEach((o) => {
     if (o.length <= 1)
       return;
-    t || (o = o.map((a) => a.map(String)).sort((a, u) => a.length - u.length));
+    t || (o = o.map((u) => u.map(String)).sort((u, a) => u.length - a.length));
     const [i, ...s] = o;
     i.length === 0 ? r = s.map(rt) : n[rt(i)] = s.map(rt);
   }), r ? vt(n) ? [r] : [r, n] : vt(n) ? void 0 : n;
 }
 var wo = (e, t, n, r, o = [], i = [], s = /* @__PURE__ */ new Map()) => {
-  var a;
-  const u = ku(e);
-  if (!u) {
-    $u(e, o, t);
+  var u;
+  const a = Ra(e);
+  if (!a) {
+    Ka(e, o, t);
     const h = s.get(e);
     if (h)
       return r ? {
         transformedValue: null
       } : h;
   }
-  if (!ju(e, n)) {
+  if (!$a(e, n)) {
     const h = rr(e, n), v = h ? {
       transformedValue: h.value,
       annotations: [h.type]
     } : {
       transformedValue: e
     };
-    return u || s.set(e, v), v;
+    return a || s.set(e, v), v;
   }
-  if (Fe(i, e))
+  if (Le(i, e))
     return {
       transformedValue: null
     };
-  const l = rr(e, n), c = (a = l?.value) != null ? a : e, f = G(c) ? [] : {}, m = {};
+  const l = rr(e, n), c = (u = l?.value) != null ? u : e, f = G(c) ? [] : {}, _ = {};
   le(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 p = wo(h, t, n, r, [...o, v], [...i, e], s);
-    f[v] = p.transformedValue, G(p.annotations) ? m[v] = p.annotations : ye(p.annotations) && le(p.annotations, (g, C) => {
-      m[ho(v) + "." + C] = g;
+    f[v] = p.transformedValue, G(p.annotations) ? _[v] = p.annotations : ye(p.annotations) && le(p.annotations, (g, b) => {
+      _[ho(v) + "." + b] = g;
     });
   });
-  const d = vt(m) ? {
+  const d = vt(_) ? {
     transformedValue: f,
     annotations: l ? [l.type] : void 0
   } : {
     transformedValue: f,
-    annotations: l ? [l.type, m] : m
+    annotations: l ? [l.type, _] : _
   };
-  return u || s.set(e, d), d;
+  return a || s.set(e, d), d;
 };
-_();
-_();
+m();
+m();
 function Ao(e) {
   return Object.prototype.toString.call(e).slice(8, -1);
 }
 function or(e) {
   return Ao(e) === "Array";
 }
-function Ku(e) {
+function Ga(e) {
   if (Ao(e) !== "Object")
     return !1;
   const t = Object.getPrototypeOf(e);
   return !!t && t.constructor === Object && t === Object.prototype;
 }
-function Wu(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,
@@ -4851,17 +4911,17 @@ function Wu(e, t, n, r, o) {
     configurable: !0
   });
 }
-function bt(e, t = {}) {
+function Ct(e, t = {}) {
   if (or(e))
-    return e.map((o) => bt(o, t));
-  if (!Ku(e))
+    return e.map((o) => Ct(o, t));
+  if (!Ga(e))
     return e;
   const n = Object.getOwnPropertyNames(e), r = Object.getOwnPropertySymbols(e);
   return [...n, ...r].reduce((o, i) => {
     if (or(t.props) && !t.props.includes(i))
       return o;
-    const s = e[i], a = bt(s, t);
-    return Wu(o, i, a, e, t.nonenumerable), o;
+    const s = e[i], u = Ct(s, t);
+    return Ya(o, i, u, e, t.nonenumerable), o;
   }, {});
 }
 var S = class {
@@ -4869,10 +4929,10 @@ var S = 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 vu(), this.symbolRegistry = new co((t) => {
+    this.classRegistry = new ba(), this.symbolRegistry = new co((t) => {
       var n;
       return (n = t.description) != null ? n : "";
-    }), this.customTransformerRegistry = new bu(), this.allowedErrorProps = [], this.dedupe = e;
+    }), this.customTransformerRegistry = new Aa(), this.allowedErrorProps = [], this.dedupe = e;
   }
   serialize(e) {
     const t = /* @__PURE__ */ new Map(), n = wo(e, t, this, this.dedupe), r = {
@@ -4882,7 +4942,7 @@ var S = class {
       ...r.meta,
       values: n.annotations
     });
-    const o = zu(t, this.dedupe);
+    const o = Wa(t, this.dedupe);
     return o && (r.meta = {
       ...r.meta,
       referentialEqualities: o
@@ -4890,8 +4950,8 @@ var S = class {
   }
   deserialize(e) {
     const { json: t, meta: n } = e;
-    let r = bt(t);
-    return n?.values && (r = Uu(r, n.values, this)), n?.referentialEqualities && (r = Hu(r, n.referentialEqualities)), r;
+    let r = Ct(t);
+    return n?.values && (r = ja(r, n.values, this)), n?.referentialEqualities && (r = za(r, n.referentialEqualities)), r;
   }
   stringify(e) {
     return JSON.stringify(this.serialize(e));
@@ -4924,33 +4984,33 @@ S.registerClass = S.defaultInstance.registerClass.bind(S.defaultInstance);
 S.registerSymbol = S.defaultInstance.registerSymbol.bind(S.defaultInstance);
 S.registerCustom = S.defaultInstance.registerCustom.bind(S.defaultInstance);
 S.allowErrorProps = S.defaultInstance.allowErrorProps.bind(S.defaultInstance);
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-_();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+m();
 var ir, sr;
 (sr = (ir = y).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null || (ir.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = []);
-var ar, ur;
-(ur = (ar = y).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null || (ar.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null);
+var ur, ar;
+(ar = (ur = y).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null || (ur.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null);
 var lr, cr;
 (cr = (lr = y).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null || (lr.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null);
 var fr, dr;
@@ -4959,14 +5019,14 @@ var pr, hr;
 (hr = (pr = y).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null || (pr.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null);
 var _r, mr;
 (mr = (_r = y).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null || (_r.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null);
-_();
-_();
-_();
-_();
-_();
-_();
-_();
-function Gu(e, t) {
+m();
+m();
+m();
+m();
+m();
+m();
+m();
+function qa(e, t) {
   const n = `▲ ■ ●${e}`;
   typeof gr == "function" ? gr(n, t) : console.log(n);
 }
@@ -4976,21 +5036,22 @@ function gr(e, t) {
 function Bt(e) {
   let t = 0;
   return e.traverse((n) => {
-    if (ze(n) && n.type !== "HightlightMesh") {
-      const r = n.geometry, o = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, i = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, s = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, u = o + i + s + a;
-      t += u;
+    if ($e(n) && n.type !== "HightlightMesh") {
+      const r = n.geometry, o = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, i = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, s = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, u = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, a = o + i + s + u;
+      t += a;
     }
   }), t;
 }
 function Er(e, t, n) {
   e.push(t), e.length > n && e.shift();
 }
-function Yu(e) {
+function Xa(e) {
   return (e / 1024).toFixed(2);
 }
-function qu(e) {
+function Qa(e) {
   if (!e)
     return;
+  typeof window < "u" && !window.__TRES__DEVTOOLS__ && (window.__TRES__DEVTOOLS__ = new zs());
   const t = {
     maxFrames: 160,
     fps: {
@@ -5003,14 +5064,11 @@ function qu(e) {
       accumulator: []
     }
   }, n = 100, r = di({ every: n }), { isSupported: o, memory: i } = pi({ interval: n }), s = 160;
-  let a = performance.now(), u = 0;
-  const l = 1, c = ({ timestamp: m }) => {
-    e.scene.value && (t.memory.allocatedMem = Bt(e.scene.value)), m - a >= n && (a = m, Er(t.fps.accumulator, r.value, s), t.fps.value = r.value, o.value && i.value?.usedJSHeapSize && (Er(t.memory.accumulator, i.value.usedJSHeapSize / 1024 / 1024, s), t.memory.accumulator.length > 0 && (t.memory.currentMem = t.memory.accumulator.reduce((d, h) => d + h, 0) / t.memory.accumulator.length)));
-  }, { pause: f } = Tr(({ delta: m }) => {
-    window.__TRES__DEVTOOLS__ && (c({ timestamp: performance.now() }), u += m, u >= l && (window.__TRES__DEVTOOLS__.cb({
-      context: e,
-      performance: t
-    }), u = 0));
+  let u = performance.now(), a = 0;
+  const l = 1, c = ({ timestamp: _ }) => {
+    e.scene.value && (t.memory.allocatedMem = Bt(e.scene.value)), _ - u >= n && (u = _, Er(t.fps.accumulator, r.value, s), t.fps.value = r.value, o.value && i.value?.usedJSHeapSize && (Er(t.memory.accumulator, i.value.usedJSHeapSize / 1024 / 1024, s), t.memory.accumulator.length > 0 && (t.memory.currentMem = t.memory.accumulator.reduce((d, h) => d + h, 0) / t.memory.accumulator.length)));
+  }, { pause: f } = Tr(({ delta: _ }) => {
+    window.__TRES__DEVTOOLS__ && (c({ timestamp: performance.now() }), a += _, a >= l && (window.__TRES__DEVTOOLS__.send("context", e), window.__TRES__DEVTOOLS__.send("performance", t), a = 0));
   }, { immediate: !0 });
   ie(() => {
     f();
@@ -5025,7 +5083,7 @@ const To = (e, t) => {
       return r;
   }
 };
-class Xu extends vr.Mesh {
+class Za extends vr.Mesh {
   type = "HightlightMesh";
   createTime;
   constructor(...t) {
@@ -5050,7 +5108,7 @@ const Oo = (e) => {
   });
   const n = Bt(e);
   return n > 0 && t.tags.push({
-    label: `${Yu(n)} KB`,
+    label: `${Xa(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -5076,7 +5134,7 @@ const Oo = (e) => {
     tooltip: "Position"
   })), t;
 };
-function Zu(e, t, n = "") {
+function Ja(e, t, n = "") {
   const r = n ? `${n}.${e}` : e;
   return {
     id: `context-${t}-${r}`,
@@ -5096,27 +5154,27 @@ function So(e, t, n = "") {
 function wt(e, t, n = /* @__PURE__ */ new WeakSet(), r = 0, o = 4, i, s = "") {
   if (r >= o || !e || n.has(e))
     return;
-  const a = r === 0 ? e?.scene?.value?.uuid || Math.random().toString(36).slice(2, 11) : i;
-  n.add(e), Object.entries(e).forEach(([u, l]) => {
-    if (u.startsWith("_") || typeof l == "function")
+  const u = r === 0 ? e?.scene?.value?.uuid || Math.random().toString(36).slice(2, 11) : i;
+  n.add(e), Object.entries(e).forEach(([a, l]) => {
+    if (a.startsWith("_") || typeof l == "function")
       return;
-    const c = s ? `${s}.${u}` : u, f = Zu(u, a, s);
-    u !== "scene" && (me(l) ? (f.tags.push({
+    const c = s ? `${s}.${a}` : a, f = Ja(a, u, s);
+    a !== "scene" && (me(l) ? (f.tags.push({
       label: `Ref<${typeof l.value}>`,
       textColor: 4372611,
       backgroundColor: 15793395
-    }), l.value && typeof l.value == "object" ? wt(l.value, f, n, r + 1, o, a, c) : f.label = `${u}: ${JSON.stringify(l.value)}`) : l && typeof l == "object" && !Array.isArray(l) ? Object.keys(l).length > 0 ? n.has(l) ? f.tags.push({
+    }), l.value && typeof l.value == "object" ? wt(l.value, f, n, r + 1, o, u, c) : f.label = `${a}: ${JSON.stringify(l.value)}`) : l && typeof l == "object" && !Array.isArray(l) ? Object.keys(l).length > 0 ? n.has(l) ? f.tags.push({
       label: "Circular",
       textColor: 16711680,
       backgroundColor: 16773360
-    }) : wt(l, f, n, r + 1, o, a, c) : f.label = `${u}: {}` : Array.isArray(l) ? (f.label = `${u}: Array(${l.length})`, f.tags.push({
+    }) : wt(l, f, n, r + 1, o, u, c) : f.label = `${a}: {}` : Array.isArray(l) ? (f.label = `${a}: Array(${l.length})`, f.tags.push({
       label: `length: ${l.length}`,
       textColor: 9738662,
       backgroundColor: 16316922
-    })) : f.label = `${u}: ${JSON.stringify(l)}`, t.children.push(f));
+    })) : f.label = `${a}: ${JSON.stringify(l)}`, t.children.push(f));
   });
 }
-const Qu = (e) => (t) => {
+const el = (e) => (t) => {
   if (t.inspectorId === we) {
     const n = Oo(e.scene.value);
     So(e.scene.value, n, t.filter);
@@ -5128,7 +5186,7 @@ const Qu = (e) => (t) => {
     };
     wt(e, r), t.rootNodes = [n, r];
   }
-}, Ju = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
+}, tl = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
   if (r.inspectorId !== we)
     return;
   const o = new Ar({
@@ -5145,24 +5203,24 @@ const Qu = (e) => (t) => {
     const i = r.nodeId.match(/^scene-(.+)$/), s = i ? i[1] : null;
     if (!s)
       return;
-    const [a] = e.scene.value.getObjectsByProperty("uuid", s);
-    if (!a)
+    const [u] = e.scene.value.getObjectsByProperty("uuid", s);
+    if (!u)
       return;
-    if (n && t && t.parent && n.remove(t), ze(a)) {
-      const u = new Xu(a.geometry.clone(), o);
-      a.add(u), t = u, n = a;
+    if (n && t && t.parent && n.remove(t), $e(u)) {
+      const a = new Za(u.geometry.clone(), o);
+      u.add(a), t = a, n = u;
     }
     if (r.state = {
-      object: Object.entries(a).map(([u, l]) => u === "children" ? { key: u, value: l.filter((c) => c.type !== "HightlightMesh") } : { key: u, value: l, editable: !0 }).filter(({ key: u }) => u !== "parent")
-    }, Lr(a)) {
-      const u = {
+      object: Object.entries(u).map(([a, l]) => a === "children" ? { key: a, value: l.filter((c) => c.type !== "HightlightMesh") } : { key: a, value: l, editable: !0 }).filter(({ key: a }) => a !== "parent")
+    }, Fr(u)) {
+      const a = {
         ...r.state,
         state: [
           {
             key: "Scene Info",
             value: {
-              objects: a.children.length,
-              memory: Bt(a),
+              objects: u.children.length,
+              memory: Bt(u),
               calls: e.renderer.instance.info.render.calls,
               triangles: e.renderer.instance.info.render.triangles,
               points: e.renderer.instance.info.render.points,
@@ -5171,13 +5229,13 @@ const Qu = (e) => (t) => {
           }
         ]
       };
-      "programs" in e.renderer.instance.info && u.state.push({
+      "programs" in e.renderer.instance.info && a.state.push({
         key: "Programs",
         value: e.renderer.instance.info.programs?.map((l) => ({
           ...l,
           programName: l.name
         }))
-      }), r.state = u;
+      }), r.state = a;
     }
   } else if (r.nodeId.includes("context")) {
     const i = r.nodeId.match(/^context-([^-]+(?:-[^-]+)*)-(.+)$/), s = i ? i[2] : "context";
@@ -5191,15 +5249,15 @@ const Qu = (e) => (t) => {
       };
       return;
     }
-    const a = s.split(".");
-    let u = e;
-    for (const l of a) {
-      if (!u || typeof u != "object")
+    const u = s.split(".");
+    let a = e;
+    for (const l of u) {
+      if (!a || typeof a != "object")
         break;
-      u = me(u[l]) ? u[l].value : u[l];
+      a = me(a[l]) ? a[l].value : a[l];
     }
-    u !== void 0 && (r.state = {
-      object: Object.entries(u).filter(([l]) => !l.startsWith("_") && l !== "parent").map(([l, c]) => me(c) ? {
+    a !== void 0 && (r.state = {
+      object: Object.entries(a).filter(([l]) => !l.startsWith("_") && l !== "parent").map(([l, c]) => me(c) ? {
         key: l,
         value: c.value,
         editable: !1
@@ -5218,31 +5276,31 @@ const Qu = (e) => (t) => {
       })
     });
   }
-}, el = (e, t, n, r) => {
+}, nl = (e, t, n, r) => {
   const o = To(e, t);
   if (!o) {
     console.warn("Object with UUID not found in the scene.");
     return;
   }
   let i = o;
-  for (let a = 0; a < n.length - 1; a++)
-    if (i[n[a]] !== void 0)
-      i = i[n[a]];
+  for (let u = 0; u < n.length - 1; u++)
+    if (i[n[u]] !== void 0)
+      i = i[n[u]];
     else {
       console.warn(`Property path is not valid: ${n.join(".")}`);
       return;
     }
   const s = n[n.length - 1];
   i[s] !== void 0 ? i[s] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
-}, tl = (e) => (t) => {
+}, rl = (e) => (t) => {
   if (t.inspectorId === we && t.nodeId.includes("scene")) {
     const n = t.nodeId.match(/^scene-(.+)$/), r = n ? n[1] : null;
     if (!r)
       return;
-    el(e.scene.value, r, t.path, t.state.value);
+    nl(e.scene.value, r, t.path, t.state.value);
   }
 }, we = "tres:inspector";
-function nl(e, t) {
+function ol(e, t) {
   const n = {
     id: "dev.esm.tres",
     label: "TresJS 🪐",
@@ -5251,10 +5309,10 @@ function nl(e, t) {
     homepage: "https://docs.tresjs.org",
     app: e
   }, r = null, o = null;
-  qu(t), cu(
+  Qa(t), da(
     n,
     (i) => {
-      typeof i.now != "function" && Gu(
+      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: we,
@@ -5265,14 +5323,14 @@ function nl(e, t) {
         i.sendInspectorTree(we);
       }, 1e3), setInterval(() => {
         i.notifyComponentUpdate();
-      }, 5e3), i.on.getInspectorTree(Qu(t)), i.on.getInspectorState(Ju(t, {
+      }, 5e3), i.on.getInspectorTree(el(t)), i.on.getInspectorState(tl(t, {
         highlightMesh: r,
         prevInstance: o
-      })), i.on.editInspectorState(tl(t));
+      })), i.on.editInspectorState(rl(t));
     }
   );
 }
-const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ ot({
+const il = ["data-scene", "data-tres"], sl = /* @__PURE__ */ ot({
   __name: "TresCanvas",
   props: {
     camera: {},
@@ -5302,43 +5360,43 @@ const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ ot({
   },
   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 = ko(), s = Ae(), a = it(new yr()), u = zt();
+    const r = e, o = n, i = ko(), s = Ae(), u = it(new yr()), a = $t();
     pt(vr);
     const l = (h, v = !1) => ot({
       setup() {
-        const p = zt()?.appContext;
-        p && (p.app = u?.appContext.app);
+        const p = $t()?.appContext;
+        p && (p.app = a?.appContext.app);
         const g = {};
-        function C(b) {
-          b && (b.parent && C(b.parent), b.provides && Object.assign(g, b.provides));
+        function b(C) {
+          C && (C.parent && b(C.parent), C.provides && Object.assign(g, C.provides));
         }
-        return u?.parent && r.enableProvideBridge && (C(u.parent), Reflect.ownKeys(g).forEach((b) => {
-          qe(b, g[b]);
-        })), qe(Fs, h), qe("extend", pt), typeof window < "u" && p?.app && nl(p?.app, h), () => Wt(Mo, null, v ? [] : i.default());
+        return a?.parent && r.enableProvideBridge && (b(a.parent), Reflect.ownKeys(g).forEach((C) => {
+          qe(C, g[C]);
+        })), qe(Ls, h), qe("extend", pt), typeof window < "u" && p?.app && ol(p?.app, h), () => Wt(No, null, v ? [] : i.default());
       }
     }), c = (h, v = !1) => {
-      const p = l(h, v), { render: g } = No(Hs(h));
-      g(Wt(p), a.value);
+      const p = l(h, v), { render: g } = Mo(Hs(h));
+      g(Wt(p), u.value);
     }, f = (h, v = !1) => {
-      Me(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 = {
+      Ne(h.scene.value), v && (h.renderer.instance.dispose(), h.renderer.instance instanceof br && (h.renderer.instance.renderLists.dispose(), h.renderer.instance.forceContextLoss())), u.value.__tres = {
         root: h
       };
-    }, m = it(null);
-    t({ context: m, dispose: () => f(m.value, !0) });
+    }, _ = it(null);
+    t({ context: _, dispose: () => f(_.value, !0) });
     const d = () => {
-      f(m.value), c(m.value, !0);
+      f(_.value), c(_.value, !0);
     };
     return Kt(() => {
       const h = s;
-      m.value = Ls({
-        scene: a.value,
+      _.value = Fs({
+        scene: u.value,
         canvas: h,
         windowSize: r.windowSize ?? !1,
         rendererOptions: r
       });
-      const { camera: v, renderer: p } = m.value, { registerCamera: g, cameras: C, activeCamera: b, deregisterCamera: P } = v;
-      c(m.value);
-      const N = () => {
+      const { camera: v, renderer: p } = _.value, { registerCamera: g, cameras: b, activeCamera: C, deregisterCamera: P } = v;
+      c(_.value);
+      const M = () => {
         const A = new qo(
           45,
           window.innerWidth / window.innerHeight,
@@ -5346,38 +5404,38 @@ const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ ot({
           1e3
         );
         A.position.set(3, 3, 3), A.lookAt(0, 0, 0), g(A);
-        const O = z(() => {
-          C.value.length >= 2 && (A.removeFromParent(), P(A), O?.());
+        const O = $(() => {
+          b.value.length >= 2 && (A.removeFromParent(), P(A), O?.());
         });
       };
-      m.value.events.onPointerMissed((A) => {
+      _.value.events.onPointerMissed((A) => {
         o("pointermissed", A);
       }), At(
         () => r.camera,
         (A, O) => {
-          A && g(I(A), !0), O && (I(O).removeFromParent(), P(I(O)));
+          A && g(D(A), !0), O && (D(O).removeFromParent(), P(D(O)));
         },
         {
           immediate: !0
         }
-      ), b.value || N(), p.onRender(() => {
-        m.value && o("render", m.value);
+      ), C.value || M(), p.onRender(() => {
+        _.value && o("render", _.value);
       }), p.loop.onLoop((A) => {
-        m.value && o("loop", { ...m.value, ...A });
+        _.value && o("loop", { ..._.value, ...A });
       }), p.loop.onBeforeLoop((A) => {
-        m.value && o("beforeLoop", { ...m.value, ...A });
+        _.value && o("beforeLoop", { ..._.value, ...A });
       }), p.onReady(() => {
-        o("ready", m.value);
+        o("ready", _.value);
       });
     }), Kt(async () => {
-      await hi(3e3), m.value && (!m.value.sizes.width || !m.value.sizes.height.value) && console.warn("TresCanvas: The canvas has no area, so nothing can be rendered. Set it manually on the parent element or use the prop windowSize.");
+      await hi(3e3), _.value && (!_.value.sizes.width || !_.value.sizes.height.value) && console.warn("TresCanvas: The canvas has no area, so nothing can be rendered. Set it manually on the parent element or use the prop windowSize.");
     }), ie(d), (h, v) => (Ro(), xo("canvas", {
       ref_key: "canvasRef",
       ref: s,
-      "data-scene": a.value.uuid,
-      class: Lo(h.$attrs.class),
-      "data-tres": `tresjs ${ke(Mi).version}`,
-      style: Fo({
+      "data-scene": u.value.uuid,
+      class: Fo(h.$attrs.class),
+      "data-tres": `tresjs ${ke(Ni).version}`,
+      style: Lo({
         display: "block",
         width: "100%",
         height: "100%",
@@ -5388,35 +5446,35 @@ const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ ot({
         touchAction: "none",
         ...h.$attrs.style
       })
-    }, null, 14, rl));
+    }, null, 14, il));
   }
 });
-function ml(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof D ? [e.x, e.y, e.z] : e;
+function El(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof I ? [e.x, e.y, e.z] : e;
 }
-function gl(e) {
+function vl(e) {
   return e instanceof xe ? e : Array.isArray(e) ? new xe(...e) : new xe(e);
 }
-const il = [
+const ul = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], El = {
+], yl = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !il.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !ul.includes(e) || e === "primitive"
     }
   }
 };
 let q = null;
-const vl = {
+const bl = {
   updated: (e, t) => {
     const r = ((i) => {
       let s = i.value;
-      return i.value && ze(i.value) && (s = i.value.position), Array.isArray(i.value) && (s = new D(...s)), s;
+      return i.value && $e(i.value) && (s = i.value.position), Array.isArray(i.value) && (s = new I(...s)), s;
     })(t);
     if (!r) {
-      Ne(`v-distance-to: problem with binding value: ${t.value}`);
+      Me(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     q && (q.dispose(), e.parent.remove(q));
@@ -5433,14 +5491,14 @@ const vl = {
     q?.dispose(), e.parent && e.parent.remove(q);
   }
 };
-class Po extends Zo {
+class Po extends Qo {
   constructor(t, n) {
     const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], o = new Gt();
     o.setAttribute("position", new Yt(r, 3)), o.computeBoundingSphere();
-    const i = new Qo({ fog: !1 });
+    const i = new Zo({ 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 Gt();
-    a.setAttribute("position", new Yt(s, 3)), a.computeBoundingSphere(), this.add(new He(a, new Ar({ side: Jo, fog: !1 })));
+    const s = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], u = new Gt();
+    u.setAttribute("position", new Yt(s, 3)), u.computeBoundingSphere(), this.add(new He(u, new Ar({ side: Jo, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -5456,32 +5514,32 @@ class Po extends Zo {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-let De, W;
-const sl = {
+let Ie, W;
+const al = {
   DirectionalLight: ri,
   PointLight: ni,
   SpotLight: ti,
   HemisphereLight: ei,
   RectAreaLight: Po
-}, yl = {
+}, Cl = {
   mounted: (e) => {
     if (!Rr(e)) {
-      Ne(`${e.type} is not a light`);
+      Me(`${e.type} is not a light`);
       return;
     }
-    De = sl[e.type], e.parent?.add(new De(e, 1, e.color.getHex()));
+    Ie = al[e.type], e.parent?.add(new Ie(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    W = e.parent.children.find((t) => t instanceof De), !(W instanceof Po) && W.update();
+    W = e.parent.children.find((t) => t instanceof Ie), !(W instanceof Po) && W.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
-      Ne(`${e.type} is not a light`);
+      Me(`${e.type} is not a light`);
       return;
     }
-    W = e.parent.children.find((t) => t instanceof De), W && W.dispose && W.dispose(), e.parent && e.parent.remove(W);
+    W = e.parent.children.find((t) => t instanceof Ie), W && W.dispose && W.dispose(), e.parent && e.parent.remove(W);
   }
-}, Cl = {
+}, wl = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -5489,56 +5547,58 @@ const sl = {
     }
     console.log("v-log", e);
   }
-}, bl = {
+}, Al = {
   install(e) {
-    e.component("TresCanvas", ol);
+    e.component("TresCanvas", sl);
   }
 };
 export {
-  ol as TresCanvas,
-  pl as UseLoader,
+  zs as DevtoolsMessenger,
+  sl as TresCanvas,
+  _l as UseLoader,
   ns as buildGraph,
   dt as catalogue,
-  bl as default,
-  Me as dispose,
+  Al as default,
+  Ne as dispose,
   pt as extend,
   kr as isBufferGeometry,
   Pr as isCamera,
   Wi as isClassInstance,
-  Dr as isColor,
-  zi as isColorRepresentation,
+  Ir as isColor,
+  $i as isColorRepresentation,
   Ki as isCopyable,
-  Fr as isFog,
-  cl as isGroup,
-  Qt as isLayers,
+  Lr as isFog,
+  dl as isGroup,
+  Zt as isLayers,
   Rr as isLight,
   xr as isMaterial,
-  ze as isMesh,
+  $e as isMesh,
   lt as isObject3D,
-  $i as isOrthographicCamera,
-  Ir as isPerspectiveCamera,
-  fl as isProd,
-  Lr as isScene,
+  zi as isOrthographicCamera,
+  Dr as isPerspectiveCamera,
+  pl as isProd,
+  Fr as isScene,
   re as isTresCamera,
   qi as isTresInstance,
   Gi as isTresObject,
   Yi as isTresPrimitive,
   ct as isVectorLike,
   Jt as logError,
-  dl as logMessage,
-  Ne as logWarning,
-  gl as normalizeColor,
-  ml as normalizeVectorFlexibleParam,
-  El as templateCompilerOptions,
+  hl as logMessage,
+  Me as logWarning,
+  vl as normalizeColor,
+  El as normalizeVectorFlexibleParam,
+  ol as registerTresDevtools,
+  yl as templateCompilerOptions,
   ts as useCameraManager,
-  hl as useGraph,
+  ml as useGraph,
   es as useLoader,
-  _l as useLoop,
+  gl as useLoop,
   is as useRendererManager,
-  Ms as useTres,
-  $r as useTresContext,
-  Ls as useTresContextProvider,
-  vl as vDistanceTo,
-  yl as vLightHelper,
-  Cl as vLog
+  Ns as useTres,
+  zr as useTresContext,
+  Fs as useTresContextProvider,
+  bl as vDistanceTo,
+  Cl as vLightHelper,
+  wl as vLog
 };