@tresjs/core 5.0.2 → 5.1.0

package/dist/tres.js

@@ -1,52 +1,51 @@
 /**
  * name: @tresjs/core
- * version: v5.0.2
+ * version: v5.1.0
  * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-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 { 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 $, 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 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.2", Ei = "pnpm@10.17.0", 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", 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/index.d.ts", Pi = ["*.d.ts", "dist"], Di = { access: "public" }, Ii = { 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" }, ki = { three: ">=0.133", vue: ">=3.4" }, xi = { "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^13.9.0", radashi: "^12.6.2" }, Ri = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "5.0.0-alpha.1", "@tresjs/eslint-config": "^1.4.0", "@tresjs/leches": "1.0.0-next.0", "@types/three": "^0.180.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: "^27.0.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.180.0", unocss: "^65.5.0", unplugin: "^2.3.10", "unplugin-vue-components": "^29.0.0", vite: "^7.1.6", "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" }, Li = { onlyBuiltDependencies: ["better-sqlite3"], ignoredBuiltDependencies: ["vue-demi"], overrides: { ipx: "^3.0.3", vue: "^3.5.21", "vue-router": "^4.5.1" } }, Fi = { unimport: "4.1.1" }, Mi = {
+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 zo, Plane as ze, Raycaster as $o, 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 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 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.1.0", Ei = "pnpm@10.17.0", 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", directory: "packages/core" }, wi = ["vue", "3d", "threejs", "three", "threejs-vue"], Ai = !1, Ti = { ".": { types: "./dist/index.d.ts", import: "./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/index.d.ts", Pi = ["*.d.ts", "dist"], Ii = { access: "public" }, Di = { build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", typecheck: "vue-tsc --noEmit" }, ki = { three: ">=0.133", vue: ">=3.4" }, xi = { "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "catalog:", radashi: "^12.6.2" }, Ri = { "@tresjs/eslint-config": "workspace:*", "@types/three": "catalog:", "@typescript-eslint/eslint-plugin": "catalog:", "@typescript-eslint/parser": "catalog:", "@vitejs/plugin-vue": "catalog:", "@vitest/coverage-v8": "3.2.4", "@vitest/ui": "catalog:", "@vue/test-utils": "catalog:", eslint: "catalog:", "eslint-plugin-vue": "catalog:", jsdom: "catalog:", kolorist: "catalog:", pathe: "catalog:", "rollup-plugin-analyzer": "catalog:", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "catalog:", three: "catalog:", vite: "catalog:", "vite-plugin-banner": "catalog:", "vite-plugin-dts": "catalog:", "vite-plugin-inspect": "^11.3.3", vitest: "catalog:", vue: "catalog:", "vue-demi": "^0.14.10", "vue-tsc": "catalog:" }, Li = { implicitDependencies: ["!@tresjs/core-*"] }, Fi = {
   name: _i,
   type: mi,
   version: gi,
   packageManager: Ei,
   description: vi,
   author: yi,
-  license: bi,
-  repository: Ci,
+  license: Ci,
+  repository: bi,
   keywords: wi,
   sideEffects: Ai,
   exports: Ti,
   module: Oi,
   types: Si,
   files: Pi,
-  publishConfig: Di,
-  scripts: Ii,
+  publishConfig: Ii,
+  scripts: Di,
   peerDependencies: ki,
   dependencies: xi,
   devDependencies: Ri,
-  pnpm: Li,
-  resolutions: Fi
+  nx: Li
 };
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
-function Ni(e) {
+function Mi(e) {
   const t = /* @__PURE__ */ Object.create(null);
   for (const n of e.split(","))
     t[n] = 1;
   return (n) => n in t;
 }
-const Vi = "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", Bi = /* @__PURE__ */ Ni(Vi);
+const Ni = "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", Vi = /* @__PURE__ */ Mi(Ni);
 function Qt(e) {
   var t;
-  const n = ((t = e?.replace(/([A-Z])+/g, Ui)) == null ? void 0 : t.split(/(?=[A-Z])|[\.\-\s_]/).map((r) => r.toLowerCase())) ?? [];
+  const n = ((t = e?.replace(/([A-Z])+/g, Bi)) == 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)}`);
 }
-function Ui(e) {
+function Bi(e) {
   if (!e || e.length === 0)
     return "";
   const t = e.toLowerCase();
@@ -76,34 +75,34 @@ function Sr(e) {
   return typeof e == "number" && !Number.isNaN(e);
 }
 function Tt(e) {
-  return Hi(e, "[object Object]");
+  return Ui(e, "[object Object]");
 }
 function Ot(e) {
   return typeof e == "string";
 }
-function Hi(e, t) {
+function Ui(e, t) {
   return Object.prototype.toString.call(e) === t;
 }
-function at(e) {
+function ut(e) {
   return typeof e > "u";
 }
-const B = (e) => (t) => Tt(t) && e in t && !!t[e], lt = B("isObject3D"), $e = B("isMesh"), Pr = B("isCamera"), ji = B("isOrthographicCamera"), Dr = B("isPerspectiveCamera"), Ir = B("isColor"), zi = (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"), fl = B("isGroup"), ct = (e) => e !== null && typeof e == "object" && "set" in e && typeof e.set == "function", $i = (e) => ct(e) && "copy" in e && typeof e.copy == "function", Ki = (e) => !!e?.constructor, re = (e) => Pr(e) || ji(e) || Dr(e), Wi = (e) => (
+const B = (e) => (t) => Tt(t) && e in t && !!t[e], lt = B("isObject3D"), $e = B("isMesh"), Pr = B("isCamera"), Hi = B("isOrthographicCamera"), Ir = B("isPerspectiveCamera"), Dr = B("isColor"), ji = (e) => Ot(e) || Sr(e) || Dr(e), Zt = (e) => e instanceof Vo, kr = B("isBufferGeometry"), xr = B("isMaterial"), Rr = B("isLight"), Lr = B("isFog"), Fr = B("isScene"), cl = B("isGroup"), ct = (e) => e !== null && typeof e == "object" && "set" in e && typeof e.set == "function", zi = (e) => ct(e) && "copy" in e && typeof e.copy == "function", $i = (e) => !!e?.constructor, re = (e) => Pr(e) || Hi(e) || Ir(e), Ki = (e) => (
   // NOTE: TresObject is currently defined as
   // TresObject3D | THREE.BufferGeometry | THREE.Material | THREE.Fog
   lt(e) || kr(e) || xr(e) || Lr(e)
-), Gi = B("isPrimitive"), Yi = (e) => Wi(e) && "__tres" in e, qi = (e, t) => {
+), Wi = B("isPrimitive"), Gi = (e) => Ki(e) && "__tres" in e, Yi = (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;
-}, dl = !0, Fe = "[TresJS ▲ ■ ●] ";
+}, fl = !0, Fe = "[TresJS ▲ ■ ●] ";
 function Jt(...e) {
   typeof e[0] == "string" ? e[0] = Fe + e[0] : e.unshift(Fe), console.error(...e);
 }
 function Me(...e) {
   typeof e[0] == "string" ? e[0] = Fe + e[0] : e.unshift(Fe), console.warn(...e);
 }
-function pl(e, t) {
+function dl(e, t) {
 }
 function en(e) {
   ((n) => "map" in n && !!n.map)(e) && e.map.dispose(), e.dispose();
@@ -128,16 +127,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 Xi(e, t, n) {
+function qi(e, t, n) {
   const r = /-\d+$/;
   if (Ot(n)) {
     if (r.test(n)) {
-      const s = n.replace(r, ""), { target: u, key: a } = Ve(e, s);
-      if (!Array.isArray(u[a])) {
-        const l = u[a], c = [];
+      const s = n.replace(r, ""), { target: a, key: u } = Ve(e, s);
+      if (!Array.isArray(a[u])) {
+        const l = a[u], c = [];
         c.__tresDetach = () => {
-          c.every((f) => at(f)) && (u[a] = l);
-        }, u[a] = c;
+          c.every((f) => ut(f)) && (a[u] = l);
+        }, a[u] = c;
       }
     }
     const { target: o, key: i } = Ve(e, n);
@@ -145,7 +144,7 @@ function Xi(e, t, n) {
   } else
     t.__tres.previousAttach = n(e, t);
 }
-function Qi(e, t, n) {
+function Xi(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();
@@ -169,24 +168,24 @@ function ft(e) {
   const t = e?.__tres?.root;
   t?.renderer && t.renderer.canBeInvalidated.value && t.renderer.invalidate();
 }
-function Zi(e, t, n, r, o) {
+function Qi(e, t, n, r, o) {
   const i = [...t.__tres.objects], s = se(t);
   if (e = se(e), s === e)
     return !0;
-  const u = X(e, t.__tres ?? {}, o), a = t.parent ?? t.__tres.parent ?? null, l = { ...t.__tres.memoizedProps };
+  const a = X(e, t.__tres ?? {}, o), u = t.parent ?? t.__tres.parent ?? null, l = { ...t.__tres.memoizedProps };
   delete l.object;
   for (const c of i)
     Mr(c, o), Nr(c, o);
   s.__tres.objects = [], r.remove(t);
   for (const [c, f] of Object.entries(l))
-    r.patchProp(u, c, u[c], f);
-  n(e), r.insert(t, a);
+    r.patchProp(a, c, a[c], f);
+  n(e), r.insert(t, u);
   for (const c of i)
     r.insert(c, t);
   return !0;
 }
 function se(e) {
-  if (Gi(e)) {
+  if (Wi(e)) {
     const t = e;
     return t.object.__tres = t.__tres, t.object;
   } else
@@ -194,29 +193,29 @@ function se(e) {
 }
 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 && qi(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 && Yi(n.__tres.objects, (r) => r !== e), e.__tres?.attach ? Xi(n, e, e.__tres.attach) : (e.parent?.remove?.(se(e)), e.parent = null);
 }
 function Nr(e, t) {
   e.traverse?.((n) => {
     re(n) && t.camera.deregisterCamera(n);
   }), re(e) && t.camera.deregisterCamera(e), ft(e);
 }
-function Ji(e, t, n) {
-  const r = new e(n?.manager), o = Do({
+function Zi(e, t, n) {
+  const r = new e(n?.manager), o = Io({
     loaded: 0,
     total: 0,
     percentage: 0
   });
   n?.extensions && n.extensions(r);
-  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(_);
+  const i = I(t), s = oi(
+    (u) => new Promise((l, c) => {
+      const f = u || i || "";
+      r.load(f, (h) => {
+        l(h);
+      }, (h) => {
+        o.loaded = h.loaded, o.total = h.total, o.percentage = o.loaded / o.total * 100;
+      }, (h) => {
+        c(h);
       });
     }),
     n?.initialValue ?? null,
@@ -224,25 +223,25 @@ function Ji(e, t, n) {
       ...n?.asyncOptions,
       immediate: n?.asyncOptions?.immediate ?? !0
     }
-  ), u = At(() => D(t), (a) => {
-    if (a) {
+  ), a = At(() => I(t), (u) => {
+    if (u) {
       const l = s.state.value;
-      l && typeof l == "object" && "scene" in l && l.scene && Ne(l.scene), s.execute(0, a);
+      l && typeof l == "object" && "scene" in l && l.scene && Ne(l.scene), s.execute(0, u);
     }
   });
   return ie(() => {
-    u();
-    const a = s.state.value;
-    a && typeof a == "object" && "scene" in a && a.scene && Ne(a.scene);
+    a();
+    const u = s.state.value;
+    u && typeof u == "object" && "scene" in u && u.scene && Ne(u.scene);
   }), {
     ...s,
-    load: (a) => {
-      s.execute(0, a);
+    load: (u) => {
+      s.execute(0, u);
     },
     progress: o
   };
 }
-const hl = /* @__PURE__ */ ot({
+const pl = /* @__PURE__ */ ot({
   __name: "component",
   props: {
     loader: {},
@@ -251,32 +250,32 @@ const hl = /* @__PURE__ */ ot({
   },
   emits: ["loaded", "error"],
   setup(e, { emit: t }) {
-    const n = e, r = t, { state: o, isLoading: i, error: s } = Ji(n.loader, n.path, { manager: n.manager });
-    return qt(s, (u) => {
-      u && r("error", u);
-    }), qt(o, (u) => {
-      u && r("loaded", u);
-    }), (u, a) => Io(u.$slots, "default", {
+    const n = e, r = t, { state: o, isLoading: i, error: s } = Zi(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", {
       state: ke(o),
       isLoading: ke(i),
       error: ke(s)
     });
   }
-}), es = ({ sizes: e }) => {
+}), Ji = ({ sizes: e }) => {
   const t = Ae([]), n = J(() => t.value[0]), r = (s) => {
-    const u = Pr(s) ? s : t.value.find((l) => l.uuid === s);
-    if (!u)
+    const a = Pr(s) ? s : t.value.find((l) => l.uuid === s);
+    if (!a)
       return;
-    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));
+    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));
   }, i = (s) => {
-    t.value = t.value.filter(({ uuid: u }) => u !== s.uuid);
+    t.value = t.value.filter(({ uuid: a }) => a !== s.uuid);
   };
   return $(() => {
     e.aspectRatio.value && t.value.forEach((s) => {
-      Dr(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
+      Ir(s) && (s.aspect = e.aspectRatio.value, s.updateProjectionMatrix());
     });
   }), {
     activeCamera: n,
@@ -286,7 +285,7 @@ const hl = /* @__PURE__ */ ot({
     setActiveCamera: r
   };
 };
-function ts(e) {
+function es(e) {
   const t = { nodes: {}, materials: {}, meshes: {} };
   return e && e.traverse((n) => {
     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) => {
@@ -294,18 +293,18 @@ function ts(e) {
     }));
   }), t;
 }
-const _l = (e) => J(() => {
-  const t = D(e);
+const hl = (e) => J(() => {
+  const t = I(e);
   if (t)
-    return ts(t);
+    return es(t);
 });
 function nn() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let n = 0, r = !1;
   const o = () => {
     const l = Array.from(e.entries()).sort((c, f) => {
-      const _ = c[1].priority - f[1].priority;
-      return _ === 0 ? c[1].addI - f[1].addI : _;
+      const h = c[1].priority - f[1].priority;
+      return h === 0 ? c[1].addI - f[1].addI : h;
     });
     t.clear(), l.forEach((c) => t.add(c[0]));
   }, i = (l) => {
@@ -325,7 +324,7 @@ function nn() {
     return e.size;
   } };
 }
-const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), ns = (e, t, n) => {
+const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), ts = (e, t, n) => {
   if (!Q(e.setPixelRatio))
     return;
   let r = 0;
@@ -334,16 +333,16 @@ const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), ns = (e, t, n) => {
     r = Bo.clamp(t, o, i);
   } else Sr(n) ? r = n : r = t;
   r !== e.getPixelRatio?.() && e.setPixelRatio(r);
-}, rs = (e) => {
+}, ns = (e) => {
   const t = new Uo(), n = {
     before: Ee(),
     after: Ee()
   }, { pause: r, resume: o, isActive: i } = Tr(() => {
-    const a = () => ({
+    const u = () => ({
       delta: t.getDelta(),
       elapsed: t.elapsedTime
     });
-    n.before.trigger(a()), e(), n.after.trigger(a());
+    n.before.trigger(u()), e(), n.after.trigger(u());
   }, {
     immediate: !1
   });
@@ -359,7 +358,7 @@ const dt = Ae({}), pt = (e) => Object.assign(dt.value, e), ns = (e, t, n) => {
     onLoop: n.after.on
   };
 };
-function os({
+function rs({
   scene: e,
   canvas: t,
   options: n,
@@ -370,32 +369,32 @@ function os({
     scene: e,
     camera: o,
     canvas: t
-  }) : new br({
+  }) : new Cr({
     ...n,
-    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) => {
+    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) => {
     E instanceof He && E.material instanceof Ho && (E.material.needsUpdate = !0);
   }), f = (E = 1) => {
-    l.value && (u.value = Math.min(a, u.value + E));
-  }, _ = () => {
-    if (D(n.renderMode) !== "manual")
+    l.value && (a.value = Math.min(u, a.value + E));
+  }, h = () => {
+    if (I(n.renderMode) !== "manual")
       throw new Error("advance can only be called in manual render mode.");
-    u.value = 1;
+    a.value = 1;
   }, d = () => {
-    D(n.renderMode) === "on-demand" && f();
-  }, h = J(() => D(n.renderMode) === "always"), v = (E) => Tt(E) && "isRenderer" in E && !!E.isRenderer, p = Ee();
+    I(n.renderMode) === "on-demand" && f();
+  }, _ = J(() => I(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 b = Ee(), C = () => {
-    u.value = h.value ? 1 : Math.max(0, u.value - 1), b.trigger(s);
+  const C = Ee(), b = () => {
+    a.value = _.value ? 1 : Math.max(0, a.value - 1), C.trigger(s);
   };
   let P = (E) => {
     o.activeCamera.value && (s.render(e.value, o.activeCamera.value), E());
   };
   const M = (E) => {
     P = E;
-  }, A = rs(() => {
-    u.value && P(C);
+  }, A = ns(() => {
+    a.value && P(b);
   });
   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();
@@ -404,12 +403,12 @@ function os({
   });
   const { pixelRatio: O } = si();
   $(() => {
-    ns(s, O.value, D(n.dpr));
-  }), D(n.renderMode) === "on-demand" && f(), D(n.renderMode) === "manual" && ui(100, {
-    callback: _
+    ts(s, O.value, I(n.dpr));
+  }), I(n.renderMode) === "on-demand" && f(), I(n.renderMode) === "manual" && ai(100, {
+    callback: h
   });
   const T = J(() => {
-    const E = D(n.clearColor), x = D(n.clearAlpha), R = typeof E == "string" && E.length === 9 && E.startsWith("#");
+    const E = I(n.clearColor), x = I(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)
@@ -441,24 +440,24 @@ function os({
   }), {
     loop: A,
     instance: s,
-    advance: _,
+    advance: h,
     onReady: p.on,
-    onRender: b.on,
+    onRender: C.on,
     invalidate: f,
     canBeInvalidated: l,
-    mode: D(n.renderMode),
+    mode: I(n.renderMode),
     replaceRenderFunction: M
   };
 }
-function is(e, t, n = 10) {
-  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);
+function os(e, t, n = 10) {
+  const r = I(e) ? li() : ci(J(() => I(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 ss {
+class is {
   nativeEvent;
   NONE = 0;
   CAPTURING_PHASE = 1;
@@ -565,8 +564,8 @@ class ss {
     return t in this.nativeEvent ? this.nativeEvent[t] : n;
   }
 }
-const Xe = new I();
-class L extends ss {
+const Xe = new D();
+class L extends is {
   type;
   bubbles;
   internalPointer;
@@ -665,7 +664,7 @@ class L extends ss {
       case "screen-ray":
       case "ray":
       case "sphere":
-        return this._ray = new st(this.intersection.pointerPosition, new I(0, 0, -1).applyQuaternion(this.intersection.pointerQuaternion));
+        return this._ray = new st(this.intersection.pointerPosition, new D(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 +677,7 @@ class L extends ss {
   get unprojectedPoint() {
     if (this._unprojectedPoint == null) {
       const t = this.pointer;
-      this._unprojectedPoint = new I(t.x, t.y, 0).unproject(this.camera);
+      this._unprojectedPoint = new D(t.x, t.y, 0).unproject(this.camera);
     }
     return this._unprojectedPoint;
   }
@@ -691,11 +690,11 @@ class L extends ss {
   get delta() {
     throw new Error("not supported");
   }
-  constructor(t, n, r, o, i, s, u = i.object, a = u, l = {
+  constructor(t, n, r, o, i, s, a = i.object, u = a, l = {
     stopped: !n,
     stoppedImmediate: !1
   }) {
-    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;
+    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;
   }
   stopPropagation() {
     this.propagationState.stopped = !0;
@@ -757,7 +756,7 @@ const Br = {
   pointerover: "onPointerOver",
   pointerup: "onPointerUp",
   wheel: "onWheel"
-}, us = Object.keys(Br);
+}, ss = Object.keys(Br);
 function as(e, t) {
   if (e._listeners != null && t in e._listeners)
     return e._listeners[t];
@@ -765,22 +764,22 @@ function as(e, t) {
   if (e.isVoidObject && t === "click" && e.parent?.__r3f != null && (n = e.parent.__r3f.root.getState().onPointerMissed), e.__r3f != null && (n = e.__r3f.handlers[Br[t]]), n != null)
     return [n];
 }
-const ls = 1e10, cs = new jo(ls), rn = /* @__PURE__ */ new Map();
+const us = 1e10, ls = new jo(us), rn = /* @__PURE__ */ new Map();
 function Ur(e) {
   let t = rn.get(e);
-  return t == null && (t = new He(cs), t.isVoidObject = !0, t.parent = e, t.pointerEventsOrder = -1 / 0, rn.set(e, t)), t;
+  return t == null && (t = new He(ls), t.isVoidObject = !0, t.parent = e, t.pointerEventsOrder = -1 / 0, rn.set(e, t)), t;
 }
-function fs(e, t, n) {
+function cs(e, t, n) {
   const r = t.normal ?? t.face?.normal;
   return r == null ? !1 : (e.setFromNormalAndCoplanarPoint(r, t.localPoint), e.applyMatrix4(n), !0);
 }
-function ds(e, t, n) {
+function fs(e, t, n) {
   if (t === "none" || t === "listener" && !e)
     return !1;
   if (n === "all")
     return !0;
   if (typeof n == "function")
-    return ({ id: i, type: s, state: u }) => n(i, s, u);
+    return ({ id: i, type: s, state: a }) => n(i, s, a);
   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,24 +787,24 @@ function on(e, t) {
   return t ? !e : e;
 }
 function Hr(e, t, n, r = !1, o, i, s) {
-  const u = r || ps(e, t), a = t.pointerEvents ?? o, l = a ?? t.defaultPointerEvents ?? "listener", c = t.pointerEventsType ?? i ?? "all", f = t.pointerEventsOrder ?? s ?? 0, _ = ds(u, l, c), d = n.length;
+  const a = r || ds(e, t), u = t.pointerEvents ?? o, l = u ?? t.defaultPointerEvents ?? "listener", c = t.pointerEventsType ?? i ?? "all", f = t.pointerEventsOrder ?? s ?? 0, h = fs(a, l, c), d = n.length;
   if (d === 1)
-    (_ === !0 || typeof _ == "function" && _(n[0])) && Qe(n[0], t, l, c, f);
-  else if (_ === !0)
+    (h === !0 || typeof h == "function" && h(n[0])) && Qe(n[0], t, l, c, f);
+  else if (h === !0)
     for (let p = 0; p < d; p++)
       Qe(n[p], t, l, c, f);
-  else if (typeof _ == "function")
+  else if (typeof h == "function")
     for (let p = 0; p < d; p++) {
       const g = n[p];
-      _(g) && Qe(g, t, l, c, f);
+      h(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;
+  const _ = t.interactableDescendants ?? t.children, v = _.length;
   for (let p = 0; p < v; p++)
-    Hr(e, h[p], n, u, a, c, f);
+    Hr(e, _[p], n, a, u, c, f);
 }
-function ps(e, t) {
+function ds(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")))
     return !0;
   if (t._listeners == null)
@@ -817,7 +816,7 @@ function ps(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" && ss.includes(i[0]) && i[1] != null && i[1].length > 0)
       return !0;
   }
   return !1;
@@ -825,38 +824,38 @@ function ps(e, t) {
 function Qe({ intersector: e, options: t }, n, r, o, i) {
   t.filter?.(n, r, o, i) !== !1 && e.executeIntersection(n, i);
 }
-function hs(e, t, { customSort: n = _s } = {}, r) {
+function ps(e, t, { customSort: n = hs } = {}, r) {
   let o, i, s;
-  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);
+  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);
   }
   return s;
 }
-function _s(e, t = 0, n, r = 0) {
+function hs(e, t = 0, n, r = 0) {
   return t != r ? r - t : e.distance - n.distance;
 }
 const sn = 1e7;
-function ms(e, t, n, r, o, i = 0) {
-  const s = t.direction.clone().multiplyScalar(sn), u = sn;
+function _s(e, t, n, r, o, i = 0) {
+  const s = t.direction.clone().multiplyScalar(sn), a = sn;
   return {
-    distance: u + i,
+    distance: a + i,
     object: Ur(e),
     point: s,
     normal: t.origin.clone().sub(s).normalize(),
-    details: n(s, u),
+    details: n(s, a),
     pointerPosition: r,
     pointerQuaternion: o,
     pointOnFace: s,
     localPoint: s
   };
 }
-function gs(e, t, n) {
+function ms(e, t, n) {
   for (; n > 0; )
     e.push(t), --n;
 }
-const Ze = Symbol("buttonsDownTime"), Es = Symbol("buttonsClickTime");
+const Ze = Symbol("buttonsDownTime"), gs = Symbol("buttonsClickTime");
 globalThis.pointerEventspointerMap ??= /* @__PURE__ */ new Map();
 je.prototype.setPointerCapture = function(e) {
   St(e)?.setCapture(this);
@@ -871,7 +870,7 @@ je.prototype.hasPointerCapture = function(e) {
 function St(e) {
   return globalThis.pointerEventspointerMap?.get(e);
 }
-class vs {
+class Es {
   id;
   type;
   state;
@@ -899,8 +898,8 @@ class vs {
   //to handle interaction before first move (after exit)
   wasMoved = !1;
   onFirstMove = [];
-  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);
+  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);
   }
   getPointerCapture() {
     return this.pointerCapture;
@@ -937,20 +936,20 @@ class vs {
     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 u = s.length;
-    for (let a = 0; a < u; a++) {
-      const l = s[a];
+    const a = s.length;
+    for (let u = 0; u < a; u++) {
+      const l = s[u];
       N(new L("pointerleave", !1, t, this, o, 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];
+    for (let u = this.pointerEnteredHelper.length - 1; u >= 0; u--) {
+      const l = this.pointerEnteredHelper[u];
       N(new L("pointerenter", !1, t, this, i, r, l));
     }
     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 a = this.onFirstMove.length;
-      for (let l = 0; l < a; l++)
+      const u = this.onFirstMove.length;
+      for (let l = 0; l < u; l++)
         this.onFirstMove[l](r);
       this.onFirstMove.length = 0;
     }
@@ -993,16 +992,16 @@ class vs {
       return;
     const { clickThesholdMs: n, contextMenuButton: r = 2, dblClickThresholdMs: o = 500, clickThresholdMs: i = n ?? 300 } = this.options;
     this.pointerCapture = void 0;
-    const s = ys(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)
+    const s = vs(this.buttonsDownTime, this.intersection.object[Ze], t.button, t.timeStamp, i), a = this.getCamera();
+    if (s && t.button === r && N(new L("contextmenu", !0, t, this, this.intersection, a)), N(new L("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
       return;
-    N(new L("click", !0, t, this, this.intersection, u));
-    const { object: a } = this.intersection, l = a[Es] ??= /* @__PURE__ */ new Map(), c = l.get(t.button);
+    N(new L("click", !0, t, this, this.intersection, a));
+    const { object: u } = this.intersection, l = u[gs] ??= /* @__PURE__ */ new Map(), c = l.get(t.button);
     if (c == null || t.timeStamp - c > o) {
       l.set(t.button, t.timeStamp);
       return;
     }
-    N(new L("dblclick", !0, t, this, this.intersection, u)), l.delete(t.button);
+    N(new L("dblclick", !0, t, this, this.intersection, a)), l.delete(t.button);
   }
   cancel(t) {
     if (this.enabled) {
@@ -1044,30 +1043,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 ys(e, t, n, r, o) {
+function vs(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(), un = new Y(), an = new Y(), ln = new Y(), et = new I(), bs = new Te(), Pe = new I();
+const he = new wr(), Je = new wr(), an = new Y(), un = new Y(), ln = new Y(), et = new D(), ys = new Te(), Pe = new D();
 function Cs(e, t, n) {
-  Pe.copy(t).applyMatrix4(bs.copy(n.matrixWorld).invert());
+  Pe.copy(t).applyMatrix4(ys.copy(n.matrixWorld).invert());
   const r = n.geometry.attributes.uv;
-  if (r == null || !(r instanceof Cr))
+  if (r == null || !(r instanceof br))
     return !1;
   let o;
-  return ws(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);
+  return bs(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);
 }
-function ws(e, t) {
+function bs(e, t) {
   const n = e.geometry.drawRange;
   if (e.geometry.index != null) {
-    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)
+    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)
       t(s.getX(l), s.getX(l + 1), s.getX(l + 2));
     return;
   }
@@ -1080,22 +1079,22 @@ function ws(e, t) {
 }
 new Te();
 new zo();
-new I();
+new D();
 new ze();
 new st();
 new Y();
-new I(0, 0, 0), new I(0, 0, 1);
-const cn = new Te(), As = new I();
-new I(0, 0, -1);
+new D(0, 0, 0), new D(0, 0, 1);
+const cn = new Te(), ws = new D();
+new D(0, 0, -1);
 new ze();
-const fn = new Y(), Ts = new I();
-class Os {
+const fn = new Y(), As = new D();
+class Ts {
   prepareTransformation;
   options;
   raycaster = new $o();
-  cameraQuaternion = new ut();
-  fromPosition = new I();
-  fromQuaternion = new ut();
+  cameraQuaternion = new at();
+  fromPosition = new D();
+  fromQuaternion = new at();
   coords = new Y();
   viewPlane = new ze();
   intersects = [];
@@ -1113,10 +1112,10 @@ class Os {
     if (!this.startIntersection(r))
       return t;
     this.viewPlane.constant -= o.distanceViewPlane;
-    const i = this.raycaster.ray.intersectPlane(this.viewPlane, new I());
+    const i = this.raycaster.ray.intersectPlane(this.viewPlane, new D());
     if (i == null)
       return t;
-    t.object.updateWorldMatrix(!0, !1), fs(this.viewPlane, t, t.object.matrixWorld);
+    t.object.updateWorldMatrix(!0, !1), cs(this.viewPlane, t, t.object.matrixWorld);
     let s = t.uv;
     return t.object instanceof He && Cs(fn, i, t.object) && (s = fn.clone()), {
       ...t,
@@ -1135,17 +1134,17 @@ class Os {
   }
   startIntersection(t) {
     const n = this.prepareTransformation(t, this.coords);
-    return n == null ? !1 : (n.updateWorldMatrix(!0, !1), n.matrixWorld.decompose(this.fromPosition, this.fromQuaternion, As), this.raycaster.setFromCamera(this.coords, n), this.viewPlane.setFromNormalAndCoplanarPoint(n.getWorldDirection(Ts), this.raycaster.ray.origin), !0);
+    return n == null ? !1 : (n.updateWorldMatrix(!0, !1), n.matrixWorld.decompose(this.fromPosition, this.fromQuaternion, ws), this.raycaster.setFromCamera(this.coords, n), this.viewPlane.setFromNormalAndCoplanarPoint(n.getWorldDirection(As), this.raycaster.ray.origin), !0);
   }
   executeIntersection(t, n) {
     const r = this.intersects.length;
-    t.raycast(this.raycaster, this.intersects), gs(this.pointerEventsOrders, n, this.intersects.length - r);
+    t.raycast(this.raycaster, this.intersects), ms(this.pointerEventsOrders, n, this.intersects.length - r);
   }
   finalizeIntersection(t) {
-    const n = this.fromPosition.clone(), r = this.cameraQuaternion.clone(), o = this.raycaster.ray.direction.clone(), i = hs(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 ? ms(t, this.raycaster.ray, (u, a) => ({
+    const n = this.fromPosition.clone(), r = this.cameraQuaternion.clone(), o = this.raycaster.ray.direction.clone(), i = ps(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 ? _s(t, this.raycaster.ray, (a, u) => ({
       type: "screen-ray",
-      distanceViewPlane: a,
+      distanceViewPlane: u,
       screenPoint: this.coords.clone(),
       direction: o
     }), n, r) : (s.object.updateWorldMatrix(!0, !1), cn.copy(s.object.matrixWorld).invert(), Object.assign(s, {
@@ -1162,35 +1161,35 @@ class Os {
     }));
   }
 }
-new I();
+new D();
 new Y();
 new Te();
-new I();
-new ut();
+new D();
+new at();
 new ze();
 new Ko();
-new I();
-new I();
-new I();
-new I(1e-4, 1e-4, 1e-4);
+new D();
+new D();
+new D();
+new D(1e-4, 1e-4, 1e-4);
 new Te();
-let Ss = 23412;
-function Ps() {
-  return Ss++;
+let Os = 23412;
+function Ss() {
+  return Os++;
 }
-function Ds(e, t, n) {
+function Ps(e, t, n) {
   if (!(t instanceof globalThis.MouseEvent))
     return n.set(0, 0);
-  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);
+  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);
 }
 function Is(e, t, n, r) {
-  return ks(
+  return Ds(
     e,
     //backwards compatibility
     typeof t == "function" ? t : () => t,
     n,
-    Ds.bind(null, e),
+    Ps.bind(null, e),
     e.setPointerCapture.bind(e),
     (o) => {
       e.hasPointerCapture(o) && e.releasePointerCapture(o);
@@ -1201,11 +1200,11 @@ function Is(e, t, n, r) {
     }
   );
 }
-function ks(e, t, n, r, o, i, s = {}) {
-  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 vs(Ps(), `${l}${O.pointerType}`, O.pointerState, new Os((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) => {
+function Ds(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 Es(Ss(), `${l}${O.pointerType}`, O.pointerState, new Ts((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(), h = /* @__PURE__ */ new Map(), d = [], _ = [], v = (O, T, E) => {
     switch (O) {
       case "move":
         E.move(n, T);
@@ -1227,22 +1226,22 @@ function ks(e, t, n, r, o, i, s = {}) {
         E.up(T);
         return;
       case "exit":
-        _.delete(E), f.delete(E), E.exit(T);
+        h.delete(E), f.delete(E), E.exit(T);
         return;
     }
   }, p = (O, T) => {
     const E = c(T, O);
-    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), {
+    O === "move" && h.set(E, T), O === "wheel" && f.set(E, T), s.batchEvents ?? !0 ? _.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"), M = 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", M), e.addEventListener("pointerleave", A), {
     destroy() {
-      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();
+      e.removeEventListener("pointermove", g), e.removeEventListener("pointercancel", C), e.removeEventListener("pointerdown", b), e.removeEventListener("pointerup", P), e.removeEventListener("wheel", M), e.removeEventListener("pointerleave", A), h.clear(), f.clear();
     },
     update() {
-      const O = h.length;
+      const O = _.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), _.get(R) != x)) {
+        const { type: E, event: x } = _[T], R = c(x, E);
+        if (E === "move" && (d.push(R), h.get(R) != x)) {
           R.emitMove(x);
           continue;
         }
@@ -1252,8 +1251,8 @@ function ks(e, t, n, r, o, i, s = {}) {
         }
         v(E, x, R);
       }
-      if (h.length = 0, s.intersectEveryFrame ?? !1)
-        for (const [T, E] of _.entries())
+      if (_.length = 0, s.intersectEveryFrame ?? !1)
+        for (const [T, E] of h.entries())
           d.includes(T) || T.move(n, E);
       d.length = 0;
     }
@@ -1262,41 +1261,41 @@ function ks(e, t, n, r, o, i, s = {}) {
 function dn(e) {
   return e.button != null;
 }
-function xs({
+function ks({
   canvas: e,
   contextParts: { scene: t, camera: n, renderer: r }
 }) {
-  const { update: o, destroy: i } = Is(D(e), () => D(n.activeCamera), t.value), { off: s } = r.loop.onLoop(o);
+  const { update: o, destroy: i } = Is(I(e), () => I(n.activeCamera), t.value), { off: s } = r.loop.onLoop(o);
   ie(i), ie(s);
-  const u = Ur(t.value), a = Ee();
-  return u.addEventListener("click", a.trigger), {
-    onPointerMissed: a.on
+  const a = Ur(t.value), u = Ee();
+  return a.addEventListener("click", u.trigger), {
+    onPointerMissed: u.on
   };
 }
-const Rs = "useTres", [Ls, Fs] = fi(({
+const xs = "useTres", [Rs, Ls] = fi(({
   scene: e,
   canvas: t,
   windowSize: n,
   rendererOptions: r
 }) => {
-  const o = it(e), i = is(n, t), s = es({ sizes: i }), u = os(
+  const o = it(e), i = os(n, t), s = Ji({ sizes: i }), a = rs(
     {
       scene: o,
       canvas: t,
       options: r,
       contextParts: { sizes: i, camera: s }
     }
-  ), a = xs({
+  ), u = ks({
     canvas: t,
-    contextParts: { scene: o, camera: s, renderer: u }
+    contextParts: { scene: o, camera: s, renderer: a }
   }), l = {
     sizes: i,
     scene: o,
     camera: s,
-    renderer: u,
+    renderer: a,
     controls: Ae(null),
     extend: pt,
-    events: a
+    events: u
   };
   return l.scene.value.__tres = {
     root: l
@@ -1304,14 +1303,14 @@ const Rs = "useTres", [Ls, Fs] = fi(({
 }, {
   injectionKey: "useTres"
 }), zr = () => {
-  const e = Fs();
+  const e = Ls();
   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() {
+function Fs() {
   const { scene: e, renderer: t, camera: n, sizes: r, controls: o, extend: i, events: s } = zr();
   return {
     scene: e,
@@ -1325,8 +1324,8 @@ function Ms() {
     advance: t.advance
   };
 }
-const ml = () => {
-  const e = Ms(), { renderer: t } = zr(), n = nn(), r = nn();
+const _l = () => {
+  const e = Fs(), { renderer: t } = zr(), n = nn(), r = nn();
   t.loop.onBeforeLoop((i) => {
     n.trigger({ ...e, ...i });
   }), t.loop.onLoop((i) => {
@@ -1342,26 +1341,26 @@ const ml = () => {
     render: o
   };
 };
-function Ns(e, t = {}, n = {}) {
+function Ms(e, t = {}, n = {}) {
   let r = e;
-  const o = (u) => {
-    r = u;
+  const o = (a) => {
+    r = a;
   };
   let i = new Proxy({}, {});
   const s = {
-    has(u, a) {
-      return a in t || a in r;
+    has(a, u) {
+      return u in t || u in r;
     },
-    get(u, a, l) {
-      return a in t ? t[a](r) : r[a];
+    get(a, u, l) {
+      return u in t ? t[u](r) : r[u];
     },
-    set(u, a, l) {
-      return n[a] ? n[a](l, r, i, o) : r[a] = l, !0;
+    set(a, u, l) {
+      return n[u] ? n[u](l, r, i, o) : r[u] = l, !0;
     }
   };
   return i = new Proxy({}, s), i;
 }
-const Vs = [
+const Ns = [
   "onClick",
   "onContextmenu",
   "onPointermove",
@@ -1375,7 +1374,7 @@ const Vs = [
   "onPointercancel",
   "onLostpointercapture",
   "onWheel"
-], Bs = {
+], Vs = {
   onClick: "click",
   onContextmenu: "contextmenu",
   onPointermove: "pointermove",
@@ -1389,42 +1388,43 @@ const Vs = [
   onPointercancel: "pointercancel",
   onLostpointercapture: "lostpointercapture",
   onWheel: "wheel"
-}, pn = (e) => Vs.includes(e), Us = (e) => {
+}, pn = (e) => Ns.includes(e), Bs = (e) => {
   const t = e.scene.value;
-  function n(c, f, _, d) {
-    if (d || (d = {}), d.args || (d.args = []), Bi(c))
+  function n(c, f, h, d) {
+    if (d || (d = {}), d.args || (d.args = []), Vi(c))
       return null;
-    let h = c.replace("Tres", ""), v;
+    c.includes("-") && (c = c.replace(/-([a-z])/g, (p, g) => g.toUpperCase()).replace(/^[a-z]/, (p) => p.toUpperCase()));
+    let _ = c.replace("Tres", ""), v;
     if (c === "primitive") {
       (!Tt(d.object) || me(d.object)) && Jt(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), h = d.object.type;
+      ), _ = d.object.type;
       const p = {};
-      v = Ns(
+      v = Ms(
         d.object,
         {
-          object: (b) => b,
+          object: (C) => C,
           isPrimitive: () => !0,
           __tres: () => p
         },
         {
-          object: (b, C, P, M) => {
-            Zi(b, P, M, { patchProp: i, remove: o, insert: r }, e);
+          object: (C, b, P, M) => {
+            Qi(C, P, M, { patchProp: i, remove: o, insert: r }, e);
           },
-          __tres: (b) => {
-            Object.assign(p, b);
+          __tres: (C) => {
+            Object.assign(p, C);
           }
         }
       );
     } else {
-      const p = dt.value[h];
+      const p = dt.value[_];
       p || Jt(
-        `${h} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+        `${_} is not defined on the THREE namespace. Use extend to add it to the catalog.`
       ), v = new p(...d.args);
     }
     return v ? (re(v) && (d?.position || v.position.set(3, 3, 3), d?.lookAt || v.lookAt(0, 0, 0)), v = X(v, {
-      ...Yi(v) ? v.__tres : {},
-      type: h,
+      ...Gi(v) ? v.__tres : {},
+      type: _,
       memoizedProps: d,
       primitive: c === "primitive",
       attach: d.attach
@@ -1434,17 +1434,17 @@ const Vs = [
     if (!c)
       return;
     f = f || t;
-    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 ? Xi(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(_);
+    const h = c.__tres ? c : X(c, {}, e), d = f.__tres ? f : X(f, {}, e);
+    c = se(h), f = se(d), re(c) && e.camera?.registerCamera(c), h.__tres.attach ? qi(d, h, h.__tres.attach) : lt(c) && lt(d) && (d.add(c), c.dispatchEvent({ type: "added" })), h.__tres.parent = d, d.__tres.objects && !d.__tres.objects.includes(h) && d.__tres.objects.push(h);
   }
   function o(c, f) {
     if (!c)
       return;
-    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)), Mr(c, e), Nr(c, e), h && !Fr(c)) {
+    f = ut(f) ? "default" : f;
+    const h = c.__tres?.dispose;
+    ut(h) || (h === null ? f = !1 : f = h);
+    const d = c.__tres?.primitive, _ = f === "default" ? !d : !!f;
+    if (c.__tres && "objects" in c.__tres && [...c.__tres.objects].forEach((v) => o(v, f)), _ && c.children && [...c.children].forEach((v) => o(v, f)), Mr(c, e), Nr(c, e), _ && !Fr(c)) {
       if (Q(f))
         f(c);
       else if (Q(c.dispose))
@@ -1455,70 +1455,70 @@ const Vs = [
     }
     "__tres" in c && delete c.__tres;
   }
-  function i(c, f, _, d) {
+  function i(c, f, h, d) {
     if (!c)
       return;
-    let h = c;
+    let _ = c;
     const v = f;
     if (c.__tres && (c.__tres.memoizedProps[f] = d), f === "attach") {
-      const C = c.__tres?.parent || c.parent;
-      o(c), X(c, { attach: d }, e), C && r(c, C);
+      const b = c.__tres?.parent || c.parent;
+      o(c), X(c, { attach: d }, e), b && r(c, b);
       return;
     }
     if (f === "dispose") {
       c.__tres || (c = X(c, {}, e)), c.__tres.dispose = d;
       return;
     }
-    pn(f) && Q(d) && c.addEventListener(Bs[f], d);
-    let p = Qt(v), g = h?.[p];
+    pn(f) && Q(d) && c.addEventListener(Vs[f], d);
+    let p = Qt(v), g = _?.[p];
     if (v === "args") {
-      const C = c, P = _ ?? [], M = d ?? [], A = c.__tres?.type || c.type;
+      const b = c, P = h ?? [], 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 C)
+          if (!(!x.writable && !x.set) && E in b)
             try {
-              C[E] = O[E];
+              b[E] = O[E];
             } catch (R) {
               console.warn(`Could not set property ${E} on ${A}:`, R);
             }
-        }), h = C;
+        }), _ = b;
       }
       return;
     }
-    if (h.type === "BufferGeometry") {
+    if (_.type === "BufferGeometry") {
       if (v === "args")
         return;
-      h.setAttribute(
+      _.setAttribute(
         Qt(v),
-        new Cr(...d)
+        new br(...d)
       );
       return;
     }
     if (v.includes("-") && g === void 0) {
-      const C = Ve(h, v);
-      if (g = C.target, h = C.target, p = C.key, g && p) {
+      const b = Ve(_, v);
+      if (g = b.target, _ = b.target, p = b.key, g && p) {
         g[p] = d, re(c) && c.updateProjectionMatrix(), ft(c);
         return;
       }
     }
-    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);
+    let C = d;
+    if (C === "" && (C = !0), Q(g)) {
+      pn(f) || (Array.isArray(C) ? c[p](...C) : c[p](C)), p.startsWith("on") && Q(C) && (_[p] = C);
       return;
     }
-    Zt(g) && Zt(b) ? g.mask = b.mask : Ir(g) && zi(b) ? g.set(b) : $i(g) && Ki(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);
+    Zt(g) && Zt(C) ? g.mask = C.mask : Dr(g) && ji(C) ? g.set(C) : zi(g) && $i(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) : _[p] = C, re(c) && c.updateProjectionMatrix(), ft(c);
   }
   function s(c) {
     return c?.__tres?.parent || null;
   }
-  function u(c) {
+  function a(c) {
     const f = X(new je(), { type: "Comment" }, e);
     return f.name = c, f;
   }
-  function a(c) {
-    const _ = s(c)?.__tres?.objects || [], d = _.indexOf(c);
-    return d < 0 || d >= _.length - 1 ? null : _[d + 1];
+  function u(c) {
+    const h = s(c)?.__tres?.objects || [], d = h.indexOf(c);
+    return d < 0 || d >= h.length - 1 ? null : h[d + 1];
   }
   const l = () => {
   };
@@ -1529,17 +1529,17 @@ const Vs = [
     patchProp: i,
     parentNode: s,
     createText: l,
-    createComment: u,
+    createComment: a,
     setText: l,
     setElementText: l,
-    nextSibling: a,
+    nextSibling: u,
     querySelector: l,
     setScopeId: l,
     cloneNode: l,
     insertStaticContent: l
   };
-}, Hs = ["asset-load"];
-class js {
+}, Us = ["asset-load"];
+class Hs {
   subscribers = /* @__PURE__ */ new Set();
   messageQueue = [];
   maxQueueSize = 100;
@@ -1554,7 +1554,7 @@ class js {
       data: n,
       timestamp: Date.now()
     };
-    this.subscribers.size > 0 ? this.subscribers.forEach((o) => o(r)) : Hs.includes(t) && this.queueMessage(r);
+    this.subscribers.size > 0 ? this.subscribers.forEach((o) => o(r)) : Us.includes(t) && this.queueMessage(r);
   }
   /**
    * Queue a message for later delivery
@@ -1598,26 +1598,26 @@ class js {
     this.messageQueue = [];
   }
 }
-var zs = Object.create, $r = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, Pt = Object.getOwnPropertyNames, Ks = Object.getPrototypeOf, Ws = Object.prototype.hasOwnProperty, Gs = (e, t) => function() {
+var js = Object.create, $r = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Pt = Object.getOwnPropertyNames, $s = Object.getPrototypeOf, Ks = Object.prototype.hasOwnProperty, Ws = (e, t) => function() {
   return e && (t = (0, e[Pt(e)[0]])(e = 0)), t;
-}, Ys = (e, t) => function() {
+}, Gs = (e, t) => function() {
   return t || (0, e[Pt(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, qs = (e, t, n, r) => {
+}, Ys = (e, t, n, r) => {
   if (t && typeof t == "object" || typeof t == "function")
     for (let o of Pt(t))
-      !Ws.call(e, o) && o !== n && $r(e, o, { get: () => t[o], enumerable: !(r = $s(t, o)) || r.enumerable });
+      !Ks.call(e, o) && o !== n && $r(e, o, { get: () => t[o], enumerable: !(r = zs(t, o)) || r.enumerable });
   return e;
-}, Xs = (e, t, n) => (n = e != null ? zs(Ks(e)) : {}, qs(
+}, qs = (e, t, n) => (n = e != null ? js($s(e)) : {}, Ys(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
   $r(n, "default", { value: e, enumerable: !0 }),
   e
-)), Oe = Gs({
+)), Oe = Ws({
   "../../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"() {
   }
-}), Qs = Ys({
+}), Xs = Gs({
   "../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js"(e, t) {
     Oe(), t.exports = r;
     function n(i) {
@@ -1626,65 +1626,65 @@ var zs = Object.create, $r = 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, _) => new Map(a(Array.from(f), _))), s.set(Set, (f, _) => new Set(a(Array.from(f), _))), i.constructorHandlers)
+      if (s.set(Date, (f) => new Date(f)), s.set(Map, (f, h) => new Map(u(Array.from(f), h))), s.set(Set, (f, h) => new Set(u(Array.from(f), h))), i.constructorHandlers)
         for (const f of i.constructorHandlers)
           s.set(f[0], f[1]);
-      let u = null;
+      let a = null;
       return i.proto ? c : l;
-      function a(f, _) {
-        const d = Object.keys(f), h = new Array(d.length);
+      function u(f, h) {
+        const d = Object.keys(f), _ = 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 && (u = s.get(g.constructor)) ? h[p] = u(g, _) : ArrayBuffer.isView(g) ? h[p] = n(g) : h[p] = _(g);
+          typeof g != "object" || g === null ? _[p] = g : g.constructor !== Object && (a = s.get(g.constructor)) ? _[p] = a(g, h) : ArrayBuffer.isView(g) ? _[p] = n(g) : _[p] = h(g);
         }
-        return h;
+        return _;
       }
       function l(f) {
         if (typeof f != "object" || f === null) return f;
-        if (Array.isArray(f)) return a(f, l);
-        if (f.constructor !== Object && (u = s.get(f.constructor)))
-          return u(f, l);
-        const _ = {};
+        if (Array.isArray(f)) return u(f, l);
+        if (f.constructor !== Object && (a = s.get(f.constructor)))
+          return a(f, l);
+        const h = {};
         for (const d in f) {
           if (Object.hasOwnProperty.call(f, d) === !1) continue;
-          const h = f[d];
-          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);
+          const _ = f[d];
+          typeof _ != "object" || _ === null ? h[d] = _ : _.constructor !== Object && (a = s.get(_.constructor)) ? h[d] = a(_, l) : ArrayBuffer.isView(_) ? h[d] = n(_) : h[d] = l(_);
         }
-        return _;
+        return h;
       }
       function c(f) {
         if (typeof f != "object" || f === null) return f;
-        if (Array.isArray(f)) return a(f, c);
-        if (f.constructor !== Object && (u = s.get(f.constructor)))
-          return u(f, c);
-        const _ = {};
+        if (Array.isArray(f)) return u(f, c);
+        if (f.constructor !== Object && (a = s.get(f.constructor)))
+          return a(f, c);
+        const h = {};
         for (const d in f) {
-          const h = f[d];
-          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);
+          const _ = f[d];
+          typeof _ != "object" || _ === null ? h[d] = _ : _.constructor !== Object && (a = s.get(_.constructor)) ? h[d] = a(_, c) : ArrayBuffer.isView(_) ? h[d] = n(_) : h[d] = c(_);
         }
-        return _;
+        return h;
       }
     }
     function o(i) {
-      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)
+      const s = [], a = [], u = /* @__PURE__ */ new Map();
+      if (u.set(Date, (d) => new Date(d)), u.set(Map, (d, _) => new Map(c(Array.from(d), _))), u.set(Set, (d, _) => new Set(c(Array.from(d), _))), i.constructorHandlers)
         for (const d of i.constructorHandlers)
-          a.set(d[0], d[1]);
+          u.set(d[0], d[1]);
       let l = null;
-      return i.proto ? _ : f;
-      function c(d, h) {
+      return i.proto ? h : f;
+      function c(d, _) {
         const v = Object.keys(d), p = new Array(v.length);
         for (let g = 0; g < v.length; g++) {
-          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);
+          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, _);
+          else if (ArrayBuffer.isView(b))
+            p[C] = n(b);
           else {
-            const P = s.indexOf(C);
-            P !== -1 ? p[b] = u[P] : p[b] = h(C);
+            const P = s.indexOf(b);
+            P !== -1 ? p[C] = a[P] : p[C] = _(b);
           }
         }
         return p;
@@ -1692,47 +1692,47 @@ var zs = Object.create, $r = 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 = a.get(d.constructor)))
+        if (d.constructor !== Object && (l = u.get(d.constructor)))
           return l(d, f);
-        const h = {};
-        s.push(d), u.push(h);
+        const _ = {};
+        s.push(d), a.push(_);
         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 = a.get(p.constructor)))
-            h[v] = l(p, f);
+            _[v] = p;
+          else if (p.constructor !== Object && (l = u.get(p.constructor)))
+            _[v] = l(p, f);
           else if (ArrayBuffer.isView(p))
-            h[v] = n(p);
+            _[v] = n(p);
           else {
             const g = s.indexOf(p);
-            g !== -1 ? h[v] = u[g] : h[v] = f(p);
+            g !== -1 ? _[v] = a[g] : _[v] = f(p);
           }
         }
-        return s.pop(), u.pop(), h;
+        return s.pop(), a.pop(), _;
       }
-      function _(d) {
+      function h(d) {
         if (typeof d != "object" || d === null) return d;
-        if (Array.isArray(d)) return c(d, _);
-        if (d.constructor !== Object && (l = a.get(d.constructor)))
-          return l(d, _);
-        const h = {};
-        s.push(d), u.push(h);
+        if (Array.isArray(d)) return c(d, h);
+        if (d.constructor !== Object && (l = u.get(d.constructor)))
+          return l(d, h);
+        const _ = {};
+        s.push(d), a.push(_);
         for (const v in d) {
           const p = d[v];
           if (typeof p != "object" || p === null)
-            h[v] = p;
-          else if (p.constructor !== Object && (l = a.get(p.constructor)))
-            h[v] = l(p, _);
+            _[v] = p;
+          else if (p.constructor !== Object && (l = u.get(p.constructor)))
+            _[v] = l(p, h);
           else if (ArrayBuffer.isView(p))
-            h[v] = n(p);
+            _[v] = n(p);
           else {
             const g = s.indexOf(p);
-            g !== -1 ? h[v] = u[g] : h[v] = _(p);
+            g !== -1 ? _[v] = a[g] : _[v] = h(p);
           }
         }
-        return s.pop(), u.pop(), h;
+        return s.pop(), a.pop(), _;
       }
     }
   }
@@ -1746,14 +1746,14 @@ Kr && (y.self, y.top);
 var hn;
 typeof navigator < "u" && ((hn = navigator.userAgent) == null || hn.toLowerCase().includes("electron"));
 Oe();
-var Zs = Xs(Qs()), Js = /(?:^|[-_/])(\w)/g;
-function eu(e, t) {
+var Qs = qs(Xs()), Zs = /(?:^|[-_/])(\w)/g;
+function Js(e, t) {
   return t ? t.toUpperCase() : "";
 }
-function tu(e) {
-  return e && `${e}`.replace(Js, eu);
+function ea(e) {
+  return e && `${e}`.replace(Zs, Js);
 }
-function nu(e, t) {
+function ta(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);
@@ -1762,34 +1762,34 @@ function nu(e, t) {
     return o.substring(0, i);
   }
 }
-var _n = (0, Zs.default)({ circles: !0 });
-const ru = {
+var _n = (0, Qs.default)({ circles: !0 });
+const na = {
   trailing: !0
 };
-function ue(e, t = 25, n = {}) {
-  if (n = { ...ru, ...n }, !Number.isFinite(t))
+function ae(e, t = 25, n = {}) {
+  if (n = { ...na, ...n }, !Number.isFinite(t))
     throw new TypeError("Expected `wait` to be a finite number");
-  let r, o, i = [], s, u;
-  const a = (l, c) => (s = ou(e, l, c), s.finally(() => {
-    if (s = null, n.trailing && u && !o) {
-      const f = a(l, u);
-      return u = null, f;
+  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;
     }
   }), s);
   return function(...l) {
-    return s ? (n.trailing && (u = l), s) : new Promise((c) => {
+    return s ? (n.trailing && (a = l), s) : new Promise((c) => {
       const f = !o && n.leading;
       clearTimeout(o), o = setTimeout(() => {
         o = null;
-        const _ = n.leading ? r : a(this, l);
+        const h = n.leading ? r : u(this, l);
         for (const d of i)
-          d(_);
+          d(h);
         i = [];
-      }, t), f ? (r = a(this, l), c(r)) : i.push(c);
+      }, t), f ? (r = u(this, l), c(r)) : i.push(c);
     });
   };
 }
-async function ou(e, t, n) {
+async function ra(e, t, n) {
   return await e.apply(t, n);
 }
 function ht(e, t = {}, n) {
@@ -1799,15 +1799,15 @@ function ht(e, t = {}, n) {
   }
   return t;
 }
-const iu = { run: (e) => e() }, su = () => iu, Wr = typeof console.createTask < "u" ? console.createTask : su;
-function uu(e, t) {
+const oa = { run: (e) => e() }, ia = () => oa, Wr = typeof console.createTask < "u" ? console.createTask : ia;
+function sa(e, t) {
   const n = t.shift(), r = Wr(n);
   return e.reduce(
     (o, i) => o.then(() => r.run(() => i(...t))),
     Promise.resolve()
   );
 }
-function au(e, t) {
+function aa(e, t) {
   const n = t.shift(), r = Wr(n);
   return Promise.all(e.map((o) => r.run(() => o(...t))));
 }
@@ -1815,7 +1815,7 @@ function tt(e, t) {
   for (const n of [...e])
     n(t);
 }
-class lu {
+class ua {
   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);
   }
@@ -1884,10 +1884,10 @@ class lu {
       delete this._hooks[t];
   }
   callHook(t, ...n) {
-    return n.unshift(t), this.callHookWith(uu, t, ...n);
+    return n.unshift(t), this.callHookWith(sa, t, ...n);
   }
   callHookParallel(t, ...n) {
-    return n.unshift(t), this.callHookWith(au, t, ...n);
+    return n.unshift(t), this.callHookWith(aa, t, ...n);
   }
   callHookWith(t, n, ...r) {
     const o = this._before || this._after ? { name: n, args: r, context: {} } : void 0;
@@ -1918,30 +1918,30 @@ class lu {
   }
 }
 function Gr() {
-  return new lu();
+  return new ua();
 }
-var cu = Object.create, Yr = Object.defineProperty, fu = Object.getOwnPropertyDescriptor, Dt = Object.getOwnPropertyNames, du = Object.getPrototypeOf, pu = Object.prototype.hasOwnProperty, hu = (e, t) => function() {
-  return e && (t = (0, e[Dt(e)[0]])(e = 0)), t;
+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;
 }, qr = (e, t) => function() {
-  return t || (0, e[Dt(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, _u = (e, t, n, r) => {
+  return t || (0, e[It(e)[0]])((t = { exports: {} }).exports, t), t.exports;
+}, ha = (e, t, n, r) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let o of Dt(t))
-      !pu.call(e, o) && o !== n && Yr(e, o, { get: () => t[o], enumerable: !(r = fu(t, o)) || r.enumerable });
+    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 });
   return e;
-}, mu = (e, t, n) => (n = e != null ? cu(du(e)) : {}, _u(
+}, _a = (e, t, n) => (n = e != null ? la(fa(e)) : {}, ha(
   // 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
-)), m = hu({
+)), m = pa({
   "../../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"() {
   }
-}), gu = qr({
+}), ma = qr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js"(e, t) {
-    m(), function(n) {
+    m(), (function(n) {
       var r = {
         // latin
         À: "A",
@@ -2995,7 +2995,7 @@ var cu = Object.create, Yr = Object.defineProperty, fu = Object.getOwnPropertyDe
           ü: "u",
           ö: "o"
         }
-      }, u = {
+      }, a = {
         ar: {
           "∆": "delta",
           "∞": "la-nihaya",
@@ -3275,12 +3275,12 @@ var cu = Object.create, Yr = Object.defineProperty, fu = Object.getOwnPropertyDe
           "∑": "tong",
           "¤": "tien te"
         }
-      }, 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 = "";
+      }, u = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), f = function(p, g) {
+        var C = "-", b = "", 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" && (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) {
+        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, M = !(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] && M ? a[g.lang] : M ? 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) {
             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 + "";
@@ -3291,25 +3291,25 @@ var cu = Object.create, Yr = Object.defineProperty, fu = Object.getOwnPropertyDe
           for (w in A)
             K += w;
         }
-        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) {
+        for (K += C, K = d(K), p = p.replace(/(^\s+|\s+$)/g, ""), H = !1, ne = !1, z = 0, Se = p.length; z < Se; z++)
+          w = p[z], _(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 && 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[z + 1] !== void 0 && p[z + 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) {
           var Ye = pe.toUpperCase() + (jt !== null ? jt : "");
           return Object.keys(A).indexOf(Ye.toLowerCase()) < 0 ? Ye : Ye.toLowerCase();
-        })), 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);
+        })), 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;
+      }, h = function(p) {
+        return function(C) {
+          return f(C, p);
         };
       }, d = function(p) {
         return p.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
-      }, h = function(v, p) {
+      }, _ = function(v, p) {
         for (var g in p)
           if (p[g] === v)
             return !0;
       };
       if (typeof t < "u" && t.exports)
-        t.exports = f, t.exports.createSlug = _;
+        t.exports = f, t.exports.createSlug = h;
       else if (typeof define < "u" && define.amd)
         define([], function() {
           return f;
@@ -3318,14 +3318,14 @@ var cu = Object.create, Yr = Object.defineProperty, fu = Object.getOwnPropertyDe
         try {
           if (n.getSlug || n.createSlug)
             throw "speakingurl: globals exists /(getSlug|createSlug)/";
-          n.getSlug = f, n.createSlug = _;
+          n.getSlug = f, n.createSlug = h;
         } catch {
         }
-    }(e);
+    })(e);
   }
-}), Eu = qr({
+}), ga = qr({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js"(e, t) {
-    m(), t.exports = gu();
+    m(), t.exports = ma();
   }
 });
 m();
@@ -3336,20 +3336,20 @@ m();
 m();
 m();
 m();
-function vu(e) {
+function Ea(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 yu(e) {
+function va(e) {
   const t = e.__file;
   if (t)
-    return tu(nu(t, ".vue"));
+    return ea(ta(t, ".vue"));
 }
 function mn(e, t) {
   return e.type.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ = t, t;
 }
-function It(e) {
+function Dt(e) {
   if (e.__VUE_DEVTOOLS_NEXT_APP_RECORD__)
     return e.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
   if (e.root)
@@ -3357,12 +3357,12 @@ function It(e) {
 }
 function Xr(e) {
   var t, n;
-  const r = (t = e.subTree) == null ? void 0 : t.type, o = It(e);
+  const r = (t = e.subTree) == null ? void 0 : t.type, o = Dt(e);
   return o ? ((n = o?.types) == null ? void 0 : n.Fragment) === r : !1;
 }
 function Ke(e) {
   var t, n, r;
-  const o = vu(e?.type || {});
+  const o = Ea(e?.type || {});
   if (o)
     return o;
   if (e?.root === e)
@@ -3373,10 +3373,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 = yu(e?.type || {});
+  const i = va(e?.type || {});
   return i || "Anonymous Component";
 }
-function bu(e) {
+function ya(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}`;
@@ -3384,7 +3384,7 @@ function bu(e) {
 function _t(e, t) {
   return t = t || `${e.id}:root`, e.instanceMap.get(t) || e.instanceMap.get(":root");
 }
-function Cu() {
+function Ca() {
   const e = {
     top: 0,
     bottom: 0,
@@ -3399,12 +3399,12 @@ function Cu() {
   };
   return e;
 }
-var De;
-function wu(e) {
-  return De || (De = document.createRange()), De.selectNode(e), De.getBoundingClientRect();
+var Ie;
+function ba(e) {
+  return Ie || (Ie = document.createRange()), Ie.selectNode(e), Ie.getBoundingClientRect();
 }
-function Au(e) {
-  const t = Cu();
+function wa(e) {
+  const t = Ca();
   if (!e.children)
     return t;
   for (let n = 0, r = e.children.length; n < r; n++) {
@@ -3414,13 +3414,13 @@ function Au(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 = wu(s));
+      s.nodeType === 1 || s.getBoundingClientRect ? i = s.getBoundingClientRect() : s.nodeType === 3 && s.data.trim() && (i = ba(s));
     }
-    i && Tu(t, i);
+    i && Aa(t, i);
   }
   return t;
 }
-function Tu(e, t) {
+function Aa(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 = {
@@ -3433,13 +3433,13 @@ var gn = {
 };
 function ee(e) {
   const t = e.subTree.el;
-  return typeof window > "u" ? gn : Xr(e) ? Au(e.subTree) : t?.nodeType === 1 ? t?.getBoundingClientRect() : e.subTree.component ? ee(e.subTree.component) : gn;
+  return typeof window > "u" ? gn : Xr(e) ? wa(e.subTree) : t?.nodeType === 1 ? t?.getBoundingClientRect() : e.subTree.component ? ee(e.subTree.component) : gn;
 }
 m();
 function kt(e) {
-  return Xr(e) ? Ou(e.subTree) : e.subTree ? [e.subTree.el] : [];
+  return Xr(e) ? Ta(e.subTree) : e.subTree ? [e.subTree.el] : [];
 }
-function Ou(e) {
+function Ta(e) {
   if (!e.children)
     return [];
   const t = [];
@@ -3456,7 +3456,7 @@ var Qr = "__vue-devtools-component-inspector__", Zr = "__vue-devtools-component-
   borderRadius: "5px",
   transition: "all 0.1s ease-in",
   pointerEvents: "none"
-}, Su = {
+}, Oa = {
   fontFamily: "Arial, Helvetica, sans-serif",
   padding: "5px 8px",
   borderRadius: "4px",
@@ -3469,7 +3469,7 @@ var Qr = "__vue-devtools-component-inspector__", Zr = "__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)"
-}, Pu = {
+}, Sa = {
   display: "inline-block",
   fontWeight: 400,
   fontStyle: "normal",
@@ -3479,13 +3479,13 @@ var Qr = "__vue-devtools-component-inspector__", Zr = "__vue-devtools-component-
 function ce() {
   return document.getElementById(Qr);
 }
-function Du() {
+function Pa() {
   return document.getElementById(Zr);
 }
-function Iu() {
+function Ia() {
   return document.getElementById(eo);
 }
-function ku() {
+function Da() {
   return document.getElementById(Jr);
 }
 function xt(e) {
@@ -3506,16 +3506,16 @@ function Rt(e) {
   });
   const r = document.createElement("span");
   r.id = Zr, Object.assign(r.style, {
-    ...Su,
+    ...Oa,
     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, Pu), 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, Sa), r.appendChild(o), r.appendChild(i), n.appendChild(r), document.body.appendChild(n), n;
 }
 function Lt(e) {
-  const t = ce(), n = Du(), r = ku(), o = Iu();
+  const t = ce(), n = Pa(), r = Da(), o = Ia();
   t && (Object.assign(t.style, {
     ...to,
     ...xt(e.bounds)
@@ -3523,7 +3523,7 @@ function Lt(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 xu(e) {
+function ka(e) {
   const t = ee(e);
   if (!t.width && !t.height)
     return;
@@ -3545,20 +3545,20 @@ function gt(e) {
     }
   }
 }
-function Ru(e, t) {
+function xa(e, t) {
   if (e.preventDefault(), e.stopPropagation(), mt) {
-    const n = bu(mt);
+    const n = ya(mt);
     t(n);
   }
 }
 var Ue = null;
-function Lu() {
+function Ra() {
   no(), window.removeEventListener("mouseover", gt), window.removeEventListener("click", Ue, !0), Ue = null;
 }
-function Fu() {
+function La() {
   return window.addEventListener("mouseover", gt), new Promise((e) => {
     function t(n) {
-      n.preventDefault(), n.stopPropagation(), Ru(n, (r) => {
+      n.preventDefault(), n.stopPropagation(), xa(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 }));
@@ -3567,7 +3567,7 @@ function Fu() {
     Ue = t, window.addEventListener("click", t, !0);
   });
 }
-function Mu(e) {
+function Fa(e) {
   const t = _t(F.value, e.id);
   if (t) {
     const [n] = kt(t);
@@ -3600,36 +3600,36 @@ function Mu(e) {
 m();
 var En, vn;
 (vn = (En = y).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null || (En.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = !0);
-function Nu(e) {
+function Ma(e) {
   let t = 0;
   const n = setInterval(() => {
     y.__VUE_INSPECTOR__ && (clearInterval(n), t += 30, e()), t >= /* 5s */
     5e3 && clearInterval(n);
   }, 30);
 }
-function Vu() {
+function Na() {
   const e = y.__VUE_INSPECTOR__, t = e.openInEditor;
   e.openInEditor = async (...n) => {
     e.disable(), t(...n);
   };
 }
-function Bu() {
+function Va() {
   return new Promise((e) => {
     function t() {
-      Vu(), e(y.__VUE_INSPECTOR__);
+      Na(), e(y.__VUE_INSPECTOR__);
     }
-    y.__VUE_INSPECTOR__ ? t() : Nu(() => {
+    y.__VUE_INSPECTOR__ ? t() : Ma(() => {
       t();
     });
   });
 }
 m();
 m();
-function Uu(e) {
+function Ba(e) {
   return !!(e && e.__v_isReadonly);
 }
 function ro(e) {
-  return Uu(e) ? ro(e.__v_raw) : !!(e && e.__v_isReactive);
+  return Ba(e) ? ro(e.__v_raw) : !!(e && e.__v_isReactive);
 }
 function nt(e) {
   return !!(e && e.__v_isRef === !0);
@@ -3638,15 +3638,15 @@ function _e(e) {
   const t = e && e.__v_raw;
   return t ? _e(t) : e;
 }
-var Hu = class {
+var Ua = class {
   constructor() {
-    this.refEditor = new ju();
+    this.refEditor = new Ha();
   }
   set(e, t, n, r) {
     const o = Array.isArray(t) ? t : t.split(".");
     for (; o.length > 1; ) {
-      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 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 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;
@@ -3676,7 +3676,7 @@ var Hu = class {
       }
     };
   }
-}, ju = class {
+}, Ha = class {
   set(e, t) {
     if (nt(e))
       e.value = t;
@@ -3709,8 +3709,8 @@ var Hu = class {
 m();
 m();
 m();
-var zu = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
-function $u() {
+var ja = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
+function za() {
   if (!Kr || typeof localStorage > "u" || localStorage === null)
     return {
       recordingState: !1,
@@ -3720,7 +3720,7 @@ function $u() {
       performanceEventEnabled: !1,
       selected: ""
     };
-  const e = localStorage.getItem(zu);
+  const e = localStorage.getItem(ja);
   return e ? JSON.parse(e) : {
     recordingState: !1,
     mouseEventEnabled: !1,
@@ -3733,30 +3733,30 @@ function $u() {
 m();
 m();
 m();
-var yn, bn;
-(bn = (yn = y).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (yn.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = []);
-var Ku = new Proxy(y.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+var yn, Cn;
+(Cn = (yn = y).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (yn.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = []);
+var $a = new Proxy(y.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
 });
-function Wu(e, t) {
-  k.timelineLayersState[t.id] = !1, Ku.push({
+function Ka(e, t) {
+  k.timelineLayersState[t.id] = !1, $a.push({
     ...e,
     descriptorId: t.id,
-    appRecord: It(t.app)
+    appRecord: Dt(t.app)
   });
 }
-var Cn, wn;
-(wn = (Cn = y).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null || (Cn.__VUE_DEVTOOLS_KIT_INSPECTOR__ = []);
+var bn, wn;
+(wn = (bn = y).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null || (bn.__VUE_DEVTOOLS_KIT_INSPECTOR__ = []);
 var Ft = new Proxy(y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
   get(e, t, n) {
     return Reflect.get(e, t, n);
   }
-}), oo = ue(() => {
+}), oo = ae(() => {
   fe.hooks.callHook("sendInspectorToClient", io());
 });
-function Gu(e, t) {
+function Wa(e, t) {
   var n, r;
   Ft.push({
     options: e,
@@ -3765,7 +3765,7 @@ function Gu(e, t) {
     stateFilterPlaceholder: (r = e.stateFilterPlaceholder) != null ? r : "Search state...",
     treeFilter: "",
     selectedNodeId: "",
-    appRecord: It(t.app)
+    appRecord: Dt(t.app)
   }), oo();
 }
 function io() {
@@ -3786,34 +3786,34 @@ function io() {
 function Re(e, t) {
   return Ft.find((n) => n.options.id === e && (t ? n.descriptor.app === t : !0));
 }
-function Yu() {
+function Ga() {
   const e = Gr();
   e.hook("addInspector", ({ inspector: r, plugin: o }) => {
-    Gu(r, o.descriptor);
+    Wa(r, o.descriptor);
   });
-  const t = ue(async ({ inspectorId: r, plugin: o }) => {
+  const t = ae(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), u = {
+    const s = Re(r, o.descriptor.app), a = {
       app: o.descriptor.app,
       inspectorId: r,
       filter: s?.treeFilter || "",
       rootNodes: []
     };
-    await new Promise((a) => {
+    await new Promise((u) => {
       e.callHookWith(
         async (l) => {
-          await Promise.all(l.map((c) => c(u))), a();
+          await Promise.all(l.map((c) => c(a))), u();
         },
         "getInspectorTree"
         /* GET_INSPECTOR_TREE */
       );
     }), e.callHookWith(
-      async (a) => {
-        await Promise.all(a.map((l) => l({
+      async (u) => {
+        await Promise.all(u.map((l) => l({
           inspectorId: r,
-          rootNodes: u.rootNodes
+          rootNodes: a.rootNodes
         })));
       },
       "sendInspectorTreeToClient"
@@ -3821,22 +3821,22 @@ function Yu() {
     );
   }, 120);
   e.hook("sendInspectorTree", t);
-  const n = ue(async ({ inspectorId: r, plugin: o }) => {
+  const n = ae(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), u = {
+    const s = Re(r, o.descriptor.app), a = {
       app: o.descriptor.app,
       inspectorId: r,
       nodeId: s?.selectedNodeId || "",
       state: null
-    }, a = {
+    }, u = {
       currentTab: `custom-inspector:${r}`
     };
-    u.nodeId && await new Promise((l) => {
+    a.nodeId && await new Promise((l) => {
       e.callHookWith(
         async (c) => {
-          await Promise.all(c.map((f) => f(u, a))), l();
+          await Promise.all(c.map((f) => f(a, u))), l();
         },
         "getInspectorState"
         /* GET_INSPECTOR_STATE */
@@ -3845,8 +3845,8 @@ function Yu() {
       async (l) => {
         await Promise.all(l.map((c) => c({
           inspectorId: r,
-          nodeId: u.nodeId,
-          state: u.state
+          nodeId: a.nodeId,
+          state: a.state
         })));
       },
       "sendInspectorStateToClient"
@@ -3857,13 +3857,13 @@ function Yu() {
     const s = Re(r, i.descriptor.app);
     s && (s.selectedNodeId = o);
   }), e.hook("timelineLayerAdded", ({ options: r, plugin: o }) => {
-    Wu(r, o.descriptor);
+    Ka(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 (u) => {
-        await Promise.all(u.map((a) => a(r)));
+      async (a) => {
+        await Promise.all(a.map((u) => u(r)));
       },
       "sendTimelineEventToClient"
       /* SEND_TIMELINE_EVENT_TO_CLIENT */
@@ -3873,10 +3873,10 @@ function Yu() {
     if (!o)
       return null;
     const i = o.id.toString();
-    return [...o.instanceMap].filter(([u]) => u.split(":")[0] === i).map(([, u]) => u);
+    return [...o.instanceMap].filter(([a]) => a.split(":")[0] === i).map(([, a]) => a);
   }), e.hook("getComponentBounds", async ({ instance: r }) => ee(r)), e.hook("getComponentName", ({ instance: r }) => Ke(r)), e.hook("componentHighlight", ({ uid: r }) => {
     const o = F.value.instanceMap.get(r);
-    o && xu(o);
+    o && ka(o);
   }), e.hook("componentUnhighlight", () => {
     no();
   }), e;
@@ -3885,14 +3885,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, 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 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 xn, Rn;
 (Rn = (xn = y).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null || (xn.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = []);
 var Z = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
-function qu() {
+function Ya() {
   return {
     connected: !1,
     clientConnected: !1,
@@ -3904,15 +3904,15 @@ function qu() {
     highPerfModeEnabled: !0,
     devtoolsClientDetected: {},
     perfUniqueGroupId: 0,
-    timelineLayersState: $u()
+    timelineLayersState: za()
   };
 }
 var Ln, Fn;
-(Fn = (Ln = y)[Z]) != null || (Ln[Z] = qu());
-var Xu = ue((e) => {
+(Fn = (Ln = y)[Z]) != null || (Ln[Z] = Ya());
+var qa = ae((e) => {
   fe.hooks.callHook("devtoolsStateUpdated", { state: e });
 });
-ue((e, t) => {
+ae((e, t) => {
   fe.hooks.callHook("devtoolsConnectedUpdated", { state: e, oldState: t });
 });
 var We = new Proxy(y.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
@@ -3925,7 +3925,7 @@ var We = new Proxy(y.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
   }
 });
 function so() {
-  Xu({
+  qa({
     ...y[Z],
     appRecords: We.value,
     activeAppRecordId: F.id,
@@ -3933,10 +3933,10 @@ function so() {
     commands: y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
 }
-function Qu(e) {
+function Xa(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = e, so();
 }
-function Zu(e) {
+function Qa(e) {
   y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = e, so();
 }
 var k = new Proxy(y[Z], {
@@ -3950,21 +3950,21 @@ var k = new Proxy(y[Z], {
     return { ...y[Z] }, e[t] = n, y[Z][t] = n, !0;
   }
 });
-function Ju(e = {}) {
+function Za(e = {}) {
   var t, n, r;
-  const { file: o, host: i, baseUrl: s = window.location.origin, line: u = 0, column: a = 0 } = e;
+  const { file: o, host: i, baseUrl: s = window.location.origin, line: a = 0, column: u = 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 _ = `Opening component ${l} failed`;
-          console.log(`%c${_}`, "color:red");
+          const h = `Opening component ${l} failed`;
+          console.log(`%c${h}`, "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, u, a);
+      y.__VUE_INSPECTOR__.openInEditor(l, o, a, u);
     }
   }
 }
@@ -3989,7 +3989,7 @@ function Et(e) {
 function Nt(e) {
   return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${e}__`;
 }
-function ea(e) {
+function Ja(e) {
   var t, n, r;
   const o = (n = (t = Mt.find((i) => {
     var s;
@@ -3997,7 +3997,7 @@ function ea(e) {
   })) == null ? void 0 : t[0]) != null ? n : null;
   return (r = o?.settings) != null ? r : null;
 }
-function uo(e, t) {
+function ao(e, t) {
   var n, r, o;
   const i = Nt(e);
   if (i) {
@@ -4006,23 +4006,23 @@ function uo(e, t) {
       return JSON.parse(s);
   }
   if (e) {
-    const s = (r = (n = Mt.find((u) => u[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
+    const s = (r = (n = Mt.find((a) => a[0].id === e)) == null ? void 0 : n[0]) != null ? r : null;
     return Et((o = s?.settings) != null ? o : {});
   }
   return Et(t);
 }
-function ta(e, t) {
+function eu(e, t) {
   const n = Nt(e);
   localStorage.getItem(n) || localStorage.setItem(n, JSON.stringify(Et(t)));
 }
-function na(e, t, n) {
+function tu(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(
-    (u) => {
-      u.forEach((a) => a({
+    (a) => {
+      a.forEach((u) => u({
         pluginId: e,
         key: t,
         oldValue: i[t],
@@ -4045,7 +4045,7 @@ m();
 m();
 m();
 m();
-var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVTOOLS_HOOK = Gr(), ra = {
+var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVTOOLS_HOOK = Gr(), nu = {
   vueAppInit(e) {
     V.hook("app:init", e);
   },
@@ -4076,12 +4076,12 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
   perfEnd(e) {
     return V.hook("perf:end", e);
   }
-}, ao = {
-  on: ra,
+}, uo = {
+  on: nu,
   setupDevToolsPlugin(e, t) {
     return V.callHook("devtools-plugin:setup", e, t);
   }
-}, oa = class {
+}, ru = class {
   constructor({ plugin: e, ctx: t }) {
     this.hooks = t.hooks, this.plugin = e;
   }
@@ -4145,7 +4145,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 && ta(e.id, this.plugin.descriptor.settings);
+    this.hooks.callHook("addInspector", { inspector: e, plugin: this.plugin }), this.plugin.descriptor.settings && eu(e.id, this.plugin.descriptor.settings);
   }
   sendInspectorTree(e) {
     k.highPerfModeEnabled || this.hooks.callHook("sendInspectorTree", { inspectorId: e, plugin: this.plugin });
@@ -4171,7 +4171,7 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
   }
   // settings
   getSettings(e) {
-    return uo(e ?? this.plugin.descriptor.id, this.plugin.descriptor.settings);
+    return ao(e ?? this.plugin.descriptor.id, this.plugin.descriptor.settings);
   }
   // utilities
   getComponentInstances(e) {
@@ -4193,21 +4193,21 @@ var Vn, Bn, V = (Bn = (Vn = y).__VUE_DEVTOOLS_HOOK) != null ? Bn : Vn.__VUE_DEVT
       /* COMPONENT_UNHIGHLIGHT */
     );
   }
-}, ia = oa;
+}, ou = ru;
 m();
 m();
 m();
 m();
-var sa = "__vue_devtool_undefined__", ua = "__vue_devtool_infinity__", aa = "__vue_devtool_negative_infinity__", la = "__vue_devtool_nan__";
+var iu = "__vue_devtool_undefined__", su = "__vue_devtool_infinity__", au = "__vue_devtool_negative_infinity__", uu = "__vue_devtool_nan__";
 m();
 m();
-var ca = {
-  [sa]: "undefined",
-  [la]: "NaN",
-  [ua]: "Infinity",
-  [aa]: "-Infinity"
+var lu = {
+  [iu]: "undefined",
+  [uu]: "NaN",
+  [su]: "Infinity",
+  [au]: "-Infinity"
 };
-Object.entries(ca).reduce((e, [t, n]) => (e[n] = t, e), {});
+Object.entries(lu).reduce((e, [t, n]) => (e[n] = t, e), {});
 m();
 m();
 m();
@@ -4215,14 +4215,14 @@ 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 fa(e, t) {
-  return ao.setupDevToolsPlugin(e, t);
+function cu(e, t) {
+  return uo.setupDevToolsPlugin(e, t);
 }
-function da(e, t) {
+function fu(e, t) {
   const [n, r] = e;
   if (n.app !== t)
     return;
-  const o = new ia({
+  const o = new ou({
     plugin: {
       setupFn: r,
       descriptor: n
@@ -4235,21 +4235,21 @@ function da(e, t) {
 }
 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), Mt.forEach((n) => {
-    da(n, e);
+    fu(n, e);
   }));
 }
 m();
 m();
-var ve = "__VUE_DEVTOOLS_ROUTER__", ae = "__VUE_DEVTOOLS_ROUTER_INFO__", jn, zn;
-(zn = (jn = y)[ae]) != null || (jn[ae] = {
+var ve = "__VUE_DEVTOOLS_ROUTER__", ue = "__VUE_DEVTOOLS_ROUTER_INFO__", jn, zn;
+(zn = (jn = y)[ue]) != null || (jn[ue] = {
   currentRoute: null,
   routes: []
 });
 var $n, Kn;
 (Kn = ($n = y)[ve]) != null || ($n[ve] = {});
-new Proxy(y[ae], {
+new Proxy(y[ue], {
   get(e, t) {
-    return y[ae][t];
+    return y[ue][t];
   }
 });
 new Proxy(y[ve], {
@@ -4258,7 +4258,7 @@ new Proxy(y[ve], {
       return y[ve];
   }
 });
-function pa(e) {
+function du(e) {
   const t = /* @__PURE__ */ new Map();
   return (e?.getRoutes() || []).filter((n) => !t.has(n.path) && t.set(n.path, 1));
 }
@@ -4273,38 +4273,38 @@ function Vt(e) {
     };
   });
 }
-function ha(e) {
+function pu(e) {
   if (e) {
-    const { fullPath: t, hash: n, href: r, path: o, name: i, matched: s, params: u, query: a } = e;
+    const { fullPath: t, hash: n, href: r, path: o, name: i, matched: s, params: a, query: u } = e;
     return {
       fullPath: t,
       hash: n,
       href: r,
       path: o,
       name: i,
-      params: u,
-      query: a,
+      params: a,
+      query: u,
       matched: Vt(s)
     };
   }
   return e;
 }
-function _a(e, t) {
+function hu(e, t) {
   function n() {
     var r;
-    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = ha(o?.currentRoute.value), s = Vt(pa(o)), u = console.warn;
+    const o = (r = e.app) == null ? void 0 : r.config.globalProperties.$router, i = pu(o?.currentRoute.value), s = Vt(du(o)), a = console.warn;
     console.warn = () => {
-    }, y[ae] = {
+    }, y[ue] = {
       currentRoute: i ? _n(i) : {},
       routes: _n(s)
-    }, y[ve] = o, console.warn = u;
+    }, y[ve] = o, console.warn = a;
   }
-  n(), ao.on.componentUpdated(ue(() => {
+  n(), uo.on.componentUpdated(ae(() => {
     var r;
-    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !k.highPerfModeEnabled && fe.hooks.callHook("routerInfoUpdated", { state: y[ae] }));
+    ((r = t.value) == null ? void 0 : r.app) === e.app && (n(), !k.highPerfModeEnabled && fe.hooks.callHook("routerInfoUpdated", { state: y[ue] }));
   }, 200));
 }
-function ma(e) {
+function _u(e) {
   return {
     // get inspector tree
     async getInspectorTree(t) {
@@ -4344,11 +4344,11 @@ function ma(e) {
     },
     // edit inspector state
     editInspectorState(t) {
-      const n = new Hu(), r = {
+      const n = new Ua(), r = {
         ...t,
         app: F.value.app,
-        set: (o, i = t.path, s = t.state.value, u) => {
-          n.set(o, i, s, u || n.createDefaultSetCallback(t.state));
+        set: (o, i = t.path, s = t.state.value, a) => {
+          n.set(o, i, s, a || n.createDefaultSetCallback(t.state));
         }
       };
       e.callHookWith(
@@ -4369,11 +4369,11 @@ function ma(e) {
     },
     // inspect component inspector
     inspectComponentInspector() {
-      return Fu();
+      return La();
     },
     // cancel inspect component inspector
     cancelInspectComponentInspector() {
-      return Lu();
+      return Ra();
     },
     // get component render code
     getComponentRenderCode(t) {
@@ -4383,16 +4383,16 @@ function ma(e) {
     },
     // scroll to component
     scrollToComponent(t) {
-      return Mu({ id: t });
+      return Fa({ id: t });
     },
     // open in editor
-    openInEditor: Ju,
+    openInEditor: Za,
     // get vue inspector
-    getVueInspector: Bu,
+    getVueInspector: Va,
     // toggle app
     toggleApp(t, n) {
       const r = We.value.find((o) => o.id === t);
-      r && (Zu(t), Qu(r), _a(r, F), oo(), lo(r.app, n));
+      r && (Qa(t), Xa(r), hu(r, F), oo(), lo(r.app, n));
     },
     // inspect dom
     inspectDOM(t) {
@@ -4403,12 +4403,12 @@ function ma(e) {
       }
     },
     updatePluginSettings(t, n, r) {
-      na(t, n, r);
+      tu(t, n, r);
     },
     getPluginSettings(t) {
       return {
-        options: ea(t),
-        values: uo(t)
+        options: Ja(t),
+        values: ao(t)
       };
     }
   };
@@ -4418,7 +4418,7 @@ var Wn, Gn;
 (Gn = (Wn = y).__VUE_DEVTOOLS_ENV__) != null || (Wn.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: !1
 });
-var Yn = Yu(), qn, Xn;
+var Yn = Ga(), qn, Xn;
 (Xn = (qn = y).__VUE_DEVTOOLS_KIT_CONTEXT__) != null || (qn.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks: Yn,
   get state() {
@@ -4429,11 +4429,11 @@ var Yn = Yu(), qn, Xn;
       appRecords: We.value
     };
   },
-  api: ma(Yn)
+  api: _u(Yn)
 });
 var fe = y.__VUE_DEVTOOLS_KIT_CONTEXT__;
 m();
-mu(Eu());
+_a(ga());
 var Qn, Zn;
 (Zn = (Qn = y).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null || (Qn.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
@@ -4441,22 +4441,22 @@ var Qn, Zn;
 });
 m();
 m();
-function ga(e) {
+function mu(e) {
   k.highPerfModeEnabled = e ?? !k.highPerfModeEnabled, !e && F.value && lo(F.value.app);
 }
 m();
 m();
 m();
-function Ea(e) {
+function gu(e) {
   k.devtoolsClientDetected = {
     ...k.devtoolsClientDetected,
     ...e
   };
   const t = Object.values(k.devtoolsClientDetected).some(Boolean);
-  ga(!t);
+  mu(!t);
 }
 var Jn, er;
-(er = (Jn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Jn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = Ea);
+(er = (Jn = y).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Jn.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = gu);
 m();
 m();
 m();
@@ -4464,7 +4464,7 @@ m();
 m();
 m();
 m();
-var va = class {
+var Eu = class {
   constructor() {
     this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
   }
@@ -4482,7 +4482,7 @@ var va = class {
   }
 }, co = class {
   constructor(e) {
-    this.generateIdentifier = e, this.kv = new va();
+    this.generateIdentifier = e, this.kv = new Eu();
   }
   register(e, t) {
     this.kv.getByValue(e) || (t || (t = this.generateIdentifier(e)), this.kv.set(t, e));
@@ -4496,7 +4496,7 @@ var va = class {
   getValue(e) {
     return this.kv.getByKey(e);
   }
-}, ya = class extends co {
+}, vu = class extends co {
   constructor() {
     super((e) => e.name), this.classToAllowedProps = /* @__PURE__ */ new Map();
   }
@@ -4509,7 +4509,7 @@ var va = class {
 };
 m();
 m();
-function ba(e) {
+function yu(e) {
   if ("values" in Object)
     return Object.values(e);
   const t = [];
@@ -4517,8 +4517,8 @@ function ba(e) {
     e.hasOwnProperty(n) && t.push(e[n]);
   return t;
 }
-function Ca(e, t) {
-  const n = ba(e);
+function Cu(e, t) {
+  const n = yu(e);
   if ("find" in n)
     return n.find(t);
   const r = n;
@@ -4541,7 +4541,7 @@ function tr(e, t) {
       return r;
   }
 }
-var wa = class {
+var bu = class {
   constructor() {
     this.transfomers = {};
   }
@@ -4549,7 +4549,7 @@ var wa = class {
     this.transfomers[e.name] = e;
   }
   findApplicable(e) {
-    return Ca(this.transfomers, (t) => t.isApplicable(e));
+    return Cu(this.transfomers, (t) => t.isApplicable(e));
   }
   findByName(e) {
     return this.transfomers[e];
@@ -4557,7 +4557,7 @@ var wa = class {
 };
 m();
 m();
-var Aa = (e) => Object.prototype.toString.call(e).slice(8, -1), fo = (e) => typeof e > "u", Ta = (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), Oa = (e) => typeof e == "string", Sa = (e) => typeof e == "number" && !isNaN(e), Pa = (e) => typeof e == "boolean", Da = (e) => e instanceof RegExp, be = (e) => e instanceof Map, Ce = (e) => e instanceof Set, po = (e) => Aa(e) === "Symbol", Ia = (e) => e instanceof Date && !isNaN(e.valueOf()), ka = (e) => e instanceof Error, nr = (e) => typeof e == "number" && isNaN(e), xa = (e) => Pa(e) || Ta(e) || fo(e) || Sa(e) || Oa(e) || po(e), Ra = (e) => typeof e == "bigint", La = (e) => e === 1 / 0 || e === -1 / 0, Fa = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), Ma = (e) => e instanceof URL;
+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, Lu = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), Fu = (e) => e instanceof URL;
 m();
 var ho = (e) => e.replace(/\./g, "\\."), rt = (e) => e.map(String).map(ho).join("."), ge = (e) => {
   const t = [];
@@ -4589,9 +4589,9 @@ function j(e, t, n, r) {
 var _o = [
   j(fo, "undefined", () => null, () => {
   }),
-  j(Ra, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
-  j(Ia, "Date", (e) => e.toISOString(), (e) => new Date(e)),
-  j(ka, "Error", (e, t) => {
+  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) => {
     const n = {
       name: e.name,
       message: e.message
@@ -4605,22 +4605,22 @@ var _o = [
       n[r] = e[r];
     }), n;
   }),
-  j(Da, "regexp", (e) => "" + e, (e) => {
+  j(Pu, "regexp", (e) => "" + e, (e) => {
     const t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
     return new RegExp(t, n);
   }),
   j(
-    Ce,
+    be,
     "set",
     // (sets only exist in es6+)
     // eslint-disable-next-line es5/no-es6-methods
     (e) => [...e.values()],
     (e) => new Set(e)
   ),
-  j(be, "map", (e) => [...e.entries()], (e) => new Map(e)),
-  j((e) => nr(e) || La(e), "number", (e) => nr(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
+  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((e) => e === 0 && 1 / e === -1 / 0, "number", () => "-0", Number),
-  j(Ma, "URL", (e) => e.toString(), (e) => new URL(e))
+  j(Fu, "URL", (e) => e.toString(), (e) => new URL(e))
 ];
 function Ge(e, t, n, r) {
   return {
@@ -4635,7 +4635,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;
-}), Na = [
+}), Mu = [
   Int8Array,
   Uint8Array,
   Int16Array,
@@ -4645,8 +4645,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(Fa, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
-  const n = Na[t[1]];
+].reduce((e, t) => (e[t.name] = t, e), {}), go = Ge(Lu, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
+  const n = Mu[t[1]];
   if (!n)
     throw new Error("Trying to deserialize unknown typed array");
   return new n(e);
@@ -4672,8 +4672,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);
-}), Va = [vo, mo, yo, go], rr = (e, t) => {
-  const n = tr(Va, (o) => o.isApplicable(e, t));
+}), Nu = [vo, mo, yo, go], rr = (e, t) => {
+  const n = tr(Nu, (o) => o.isApplicable(e, t));
   if (n)
     return {
       value: n.transform(e, t),
@@ -4685,11 +4685,11 @@ var vo = Ge(Eo, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)
       value: r.transform(e, t),
       type: r.annotation
     };
-}, bo = {};
+}, Co = {};
 _o.forEach((e) => {
-  bo[e.annotation] = e;
+  Co[e.annotation] = e;
 });
-var Ba = (e, t, n) => {
+var Vu = (e, t, n) => {
   if (G(t))
     switch (t[0]) {
       case "symbol":
@@ -4704,7 +4704,7 @@ var Ba = (e, t, n) => {
         throw new Error("Unknown transformation: " + t);
     }
   else {
-    const r = bo[t];
+    const r = Co[t];
     if (!r)
       throw new Error("Unknown transformation: " + t);
     return r.untransform(e, n);
@@ -4719,7 +4719,7 @@ var oe = (e, t) => {
     n.next(), t--;
   return n.next().value;
 };
-function Co(e) {
+function bo(e) {
   if (Le(e, "__proto__"))
     throw new Error("__proto__ is not allowed as a property");
   if (Le(e, "prototype"))
@@ -4727,13 +4727,13 @@ function Co(e) {
   if (Le(e, "constructor"))
     throw new Error("constructor is not allowed as a property");
 }
-var Ua = (e, t) => {
-  Co(t);
+var Bu = (e, t) => {
+  bo(t);
   for (let n = 0; n < t.length; n++) {
     const r = t[n];
-    if (Ce(e))
+    if (be(e))
       e = oe(e, +r);
-    else if (be(e)) {
+    else if (Ce(e)) {
       const o = +r, i = +t[++n] == 0 ? "key" : "value", s = oe(e, o);
       switch (i) {
         case "key":
@@ -4748,23 +4748,23 @@ var Ua = (e, t) => {
   }
   return e;
 }, yt = (e, t, n) => {
-  if (Co(t), t.length === 0)
+  if (bo(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 u = +s;
-      r = r[u];
+      const a = +s;
+      r = r[a];
     } else if (ye(r))
       r = r[s];
-    else if (Ce(r)) {
-      const u = +s;
-      r = oe(r, u);
-    } else if (be(r)) {
+    else if (be(r)) {
+      const a = +s;
+      r = oe(r, a);
+    } else if (Ce(r)) {
       if (i === t.length - 2)
         break;
-      const a = +s, l = +t[++i] == 0 ? "key" : "value", c = oe(r, a);
+      const u = +s, l = +t[++i] == 0 ? "key" : "value", c = oe(r, u);
       switch (l) {
         case "key":
           r = c;
@@ -4776,16 +4776,16 @@ var Ua = (e, t) => {
     }
   }
   const o = t[t.length - 1];
-  if (G(r) ? r[+o] = n(r[+o]) : ye(r) && (r[o] = n(r[o])), Ce(r)) {
+  if (G(r) ? r[+o] = n(r[+o]) : ye(r) && (r[o] = n(r[o])), be(r)) {
     const i = oe(r, +o), s = n(i);
     i !== s && (r.delete(i), r.add(s));
   }
-  if (be(r)) {
+  if (Ce(r)) {
     const i = +t[t.length - 2], s = oe(r, i);
     switch (+o == 0 ? "key" : "value") {
       case "key": {
-        const a = n(s);
-        r.set(a, r.get(s)), a !== s && r.delete(s);
+        const u = n(s);
+        r.set(u, r.get(s)), u !== s && r.delete(s);
         break;
       }
       case "value": {
@@ -4796,26 +4796,26 @@ var Ua = (e, t) => {
   }
   return e;
 };
-function bt(e, t, n = []) {
+function Ct(e, t, n = []) {
   if (!e)
     return;
   if (!G(e)) {
-    le(e, (i, s) => bt(i, t, [...n, ...ge(s)]));
+    le(e, (i, s) => Ct(i, t, [...n, ...ge(s)]));
     return;
   }
   const [r, o] = e;
   o && le(o, (i, s) => {
-    bt(i, t, [...n, ...ge(s)]);
+    Ct(i, t, [...n, ...ge(s)]);
   }), t(r, n);
 }
-function Ha(e, t, n) {
-  return bt(t, (r, o) => {
-    e = yt(e, o, (i) => Ba(i, r, n));
+function Uu(e, t, n) {
+  return Ct(t, (r, o) => {
+    e = yt(e, o, (i) => Vu(i, r, n));
   }), e;
 }
-function ja(e, t) {
+function Hu(e, t) {
   function n(r, o) {
-    const i = Ua(e, ge(o));
+    const i = Bu(e, ge(o));
     r.map(ge).forEach((s) => {
       e = yt(e, s, () => i);
     });
@@ -4829,63 +4829,63 @@ function ja(e, t) {
     le(t, n);
   return e;
 }
-var za = (e, t) => ye(e) || G(e) || be(e) || Ce(e) || Eo(e, t);
-function $a(e, t, n) {
+var ju = (e, t) => ye(e) || G(e) || Ce(e) || be(e) || Eo(e, t);
+function zu(e, t, n) {
   const r = n.get(e);
   r ? r.push(t) : n.set(e, [t]);
 }
-function Ka(e, t) {
+function $u(e, t) {
   const n = {};
   let r;
   return e.forEach((o) => {
     if (o.length <= 1)
       return;
-    t || (o = o.map((u) => u.map(String)).sort((u, a) => u.length - a.length));
+    t || (o = o.map((a) => a.map(String)).sort((a, u) => a.length - u.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 u;
-  const a = xa(e);
-  if (!a) {
-    $a(e, o, t);
-    const h = s.get(e);
-    if (h)
+  var a;
+  const u = ku(e);
+  if (!u) {
+    zu(e, o, t);
+    const _ = s.get(e);
+    if (_)
       return r ? {
         transformedValue: null
-      } : h;
+      } : _;
   }
-  if (!za(e, n)) {
-    const h = rr(e, n), v = h ? {
-      transformedValue: h.value,
-      annotations: [h.type]
+  if (!ju(e, n)) {
+    const _ = rr(e, n), v = _ ? {
+      transformedValue: _.value,
+      annotations: [_.type]
     } : {
       transformedValue: e
     };
-    return a || s.set(e, v), v;
+    return u || s.set(e, v), v;
   }
   if (Le(i, e))
     return {
       transformedValue: null
     };
-  const l = rr(e, n), c = (u = l?.value) != null ? u : e, f = G(c) ? [] : {}, _ = {};
-  le(c, (h, v) => {
+  const l = rr(e, n), c = (a = l?.value) != null ? a : e, f = G(c) ? [] : {}, h = {};
+  le(c, (_, 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) ? _[v] = p.annotations : ye(p.annotations) && le(p.annotations, (g, b) => {
-      _[ho(v) + "." + b] = g;
+    const p = wo(_, t, n, r, [...o, v], [...i, e], s);
+    f[v] = p.transformedValue, G(p.annotations) ? h[v] = p.annotations : ye(p.annotations) && le(p.annotations, (g, C) => {
+      h[ho(v) + "." + C] = g;
     });
   });
-  const d = vt(_) ? {
+  const d = vt(h) ? {
     transformedValue: f,
     annotations: l ? [l.type] : void 0
   } : {
     transformedValue: f,
-    annotations: l ? [l.type, _] : _
+    annotations: l ? [l.type, h] : h
   };
-  return a || s.set(e, d), d;
+  return u || s.set(e, d), d;
 };
 m();
 m();
@@ -4895,13 +4895,13 @@ function Ao(e) {
 function or(e) {
   return Ao(e) === "Array";
 }
-function Wa(e) {
+function Ku(e) {
   if (Ao(e) !== "Object")
     return !1;
   const t = Object.getPrototypeOf(e);
   return !!t && t.constructor === Object && t === Object.prototype;
 }
-function Ga(e, t, n, r, o) {
+function Wu(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,
@@ -4910,17 +4910,17 @@ function Ga(e, t, n, r, o) {
     configurable: !0
   });
 }
-function Ct(e, t = {}) {
+function bt(e, t = {}) {
   if (or(e))
-    return e.map((o) => Ct(o, t));
-  if (!Wa(e))
+    return e.map((o) => bt(o, t));
+  if (!Ku(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], u = Ct(s, t);
-    return Ga(o, i, u, e, t.nonenumerable), o;
+    const s = e[i], a = bt(s, t);
+    return Wu(o, i, a, e, t.nonenumerable), o;
   }, {});
 }
 var S = class {
@@ -4928,10 +4928,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 ya(), this.symbolRegistry = new co((t) => {
+    this.classRegistry = new vu(), this.symbolRegistry = new co((t) => {
       var n;
       return (n = t.description) != null ? n : "";
-    }), this.customTransformerRegistry = new wa(), this.allowedErrorProps = [], this.dedupe = e;
+    }), this.customTransformerRegistry = new bu(), this.allowedErrorProps = [], this.dedupe = e;
   }
   serialize(e) {
     const t = /* @__PURE__ */ new Map(), n = wo(e, t, this, this.dedupe), r = {
@@ -4941,7 +4941,7 @@ var S = class {
       ...r.meta,
       values: n.annotations
     });
-    const o = Ka(t, this.dedupe);
+    const o = $u(t, this.dedupe);
     return o && (r.meta = {
       ...r.meta,
       referentialEqualities: o
@@ -4949,8 +4949,8 @@ var S = class {
   }
   deserialize(e) {
     const { json: t, meta: n } = e;
-    let r = Ct(t);
-    return n?.values && (r = Ha(r, n.values, this)), n?.referentialEqualities && (r = ja(r, n.referentialEqualities)), r;
+    let r = bt(t);
+    return n?.values && (r = Uu(r, n.values, this)), n?.referentialEqualities && (r = Hu(r, n.referentialEqualities)), r;
   }
   stringify(e) {
     return JSON.stringify(this.serialize(e));
@@ -5008,8 +5008,8 @@ m();
 m();
 var ir, sr;
 (sr = (ir = y).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null || (ir.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = []);
-var ur, ar;
-(ar = (ur = y).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null || (ur.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null);
+var ar, ur;
+(ur = (ar = y).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null || (ar.__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;
@@ -5025,7 +5025,7 @@ m();
 m();
 m();
 m();
-function Ya(e, t) {
+function Gu(e, t) {
   const n = `▲ ■ ●${e}`;
   typeof gr == "function" ? gr(n, t) : console.log(n);
 }
@@ -5036,21 +5036,21 @@ function Bt(e) {
   let t = 0;
   return e.traverse((n) => {
     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;
+      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;
     }
   }), t;
 }
 function Er(e, t, n) {
   e.push(t), e.length > n && e.shift();
 }
-function qa(e) {
+function Yu(e) {
   return (e / 1024).toFixed(2);
 }
-function Xa(e) {
+function qu(e) {
   if (!e)
     return;
-  typeof window < "u" && !window.__TRES__DEVTOOLS__ && (window.__TRES__DEVTOOLS__ = new js());
+  typeof window < "u" && !window.__TRES__DEVTOOLS__ && (window.__TRES__DEVTOOLS__ = new Hs());
   const t = {
     maxFrames: 160,
     fps: {
@@ -5063,11 +5063,11 @@ function Xa(e) {
       accumulator: []
     }
   }, n = 100, r = di({ every: n }), { isSupported: o, memory: i } = pi({ interval: n }), s = 160;
-  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));
+  let a = performance.now(), u = 0;
+  const l = 1, c = ({ timestamp: h }) => {
+    e.scene.value && (t.memory.allocatedMem = Bt(e.scene.value)), h - a >= n && (a = h, 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, _) => d + _, 0) / t.memory.accumulator.length)));
+  }, { pause: f } = Tr(({ delta: h }) => {
+    window.__TRES__DEVTOOLS__ && (c({ timestamp: performance.now() }), u += h, u >= l && (window.__TRES__DEVTOOLS__.send("context", e), window.__TRES__DEVTOOLS__.send("performance", t), u = 0));
   }, { immediate: !0 });
   ie(() => {
     f();
@@ -5082,7 +5082,7 @@ const To = (e, t) => {
       return r;
   }
 };
-class Qa extends vr.Mesh {
+class Xu extends vr.Mesh {
   type = "HightlightMesh";
   createTime;
   constructor(...t) {
@@ -5107,7 +5107,7 @@ const Oo = (e) => {
   });
   const n = Bt(e);
   return n > 0 && t.tags.push({
-    label: `${qa(n)} KB`,
+    label: `${Yu(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -5133,7 +5133,7 @@ const Oo = (e) => {
     tooltip: "Position"
   })), t;
 };
-function Za(e, t, n = "") {
+function Qu(e, t, n = "") {
   const r = n ? `${n}.${e}` : e;
   return {
     id: `context-${t}-${r}`,
@@ -5153,27 +5153,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 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")
+  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")
       return;
-    const c = s ? `${s}.${a}` : a, f = Za(a, u, s);
-    a !== "scene" && (me(l) ? (f.tags.push({
+    const c = s ? `${s}.${u}` : u, f = Qu(u, a, s);
+    u !== "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, 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({
+    }), 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({
       label: "Circular",
       textColor: 16711680,
       backgroundColor: 16773360
-    }) : wt(l, f, n, r + 1, o, u, c) : f.label = `${a}: {}` : Array.isArray(l) ? (f.label = `${a}: Array(${l.length})`, f.tags.push({
+    }) : wt(l, f, n, r + 1, o, a, c) : f.label = `${u}: {}` : Array.isArray(l) ? (f.label = `${u}: Array(${l.length})`, f.tags.push({
       label: `length: ${l.length}`,
       textColor: 9738662,
       backgroundColor: 16316922
-    })) : f.label = `${a}: ${JSON.stringify(l)}`, t.children.push(f));
+    })) : f.label = `${u}: ${JSON.stringify(l)}`, t.children.push(f));
   });
 }
-const Ja = (e) => (t) => {
+const Zu = (e) => (t) => {
   if (t.inspectorId === we) {
     const n = Oo(e.scene.value);
     So(e.scene.value, n, t.filter);
@@ -5185,7 +5185,7 @@ const Ja = (e) => (t) => {
     };
     wt(e, r), t.rootNodes = [n, r];
   }
-}, el = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
+}, Ju = (e, { highlightMesh: t, prevInstance: n }) => (r) => {
   if (r.inspectorId !== we)
     return;
   const o = new Ar({
@@ -5202,24 +5202,24 @@ const Ja = (e) => (t) => {
     const i = r.nodeId.match(/^scene-(.+)$/), s = i ? i[1] : null;
     if (!s)
       return;
-    const [u] = e.scene.value.getObjectsByProperty("uuid", s);
-    if (!u)
+    const [a] = e.scene.value.getObjectsByProperty("uuid", s);
+    if (!a)
       return;
-    if (n && t && t.parent && n.remove(t), $e(u)) {
-      const a = new Qa(u.geometry.clone(), o);
-      u.add(a), t = a, n = u;
+    if (n && t && t.parent && n.remove(t), $e(a)) {
+      const u = new Xu(a.geometry.clone(), o);
+      a.add(u), t = u, n = a;
     }
     if (r.state = {
-      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 = {
+      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")
+    }, Fr(a)) {
+      const u = {
         ...r.state,
         state: [
           {
             key: "Scene Info",
             value: {
-              objects: u.children.length,
-              memory: Bt(u),
+              objects: a.children.length,
+              memory: Bt(a),
               calls: e.renderer.instance.info.render.calls,
               triangles: e.renderer.instance.info.render.triangles,
               points: e.renderer.instance.info.render.points,
@@ -5228,13 +5228,13 @@ const Ja = (e) => (t) => {
           }
         ]
       };
-      "programs" in e.renderer.instance.info && a.state.push({
+      "programs" in e.renderer.instance.info && u.state.push({
         key: "Programs",
         value: e.renderer.instance.info.programs?.map((l) => ({
           ...l,
           programName: l.name
         }))
-      }), r.state = a;
+      }), r.state = u;
     }
   } else if (r.nodeId.includes("context")) {
     const i = r.nodeId.match(/^context-([^-]+(?:-[^-]+)*)-(.+)$/), s = i ? i[2] : "context";
@@ -5248,15 +5248,15 @@ const Ja = (e) => (t) => {
       };
       return;
     }
-    const u = s.split(".");
-    let a = e;
-    for (const l of u) {
-      if (!a || typeof a != "object")
+    const a = s.split(".");
+    let u = e;
+    for (const l of a) {
+      if (!u || typeof u != "object")
         break;
-      a = me(a[l]) ? a[l].value : a[l];
+      u = me(u[l]) ? u[l].value : u[l];
     }
-    a !== void 0 && (r.state = {
-      object: Object.entries(a).filter(([l]) => !l.startsWith("_") && l !== "parent").map(([l, c]) => me(c) ? {
+    u !== void 0 && (r.state = {
+      object: Object.entries(u).filter(([l]) => !l.startsWith("_") && l !== "parent").map(([l, c]) => me(c) ? {
         key: l,
         value: c.value,
         editable: !1
@@ -5275,31 +5275,31 @@ const Ja = (e) => (t) => {
       })
     });
   }
-}, tl = (e, t, n, r) => {
+}, el = (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 u = 0; u < n.length - 1; u++)
-    if (i[n[u]] !== void 0)
-      i = i[n[u]];
+  for (let a = 0; a < n.length - 1; a++)
+    if (i[n[a]] !== void 0)
+      i = i[n[a]];
     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(".")}`);
-}, nl = (e) => (t) => {
+}, tl = (e) => (t) => {
   if (t.inspectorId === we && t.nodeId.includes("scene")) {
     const n = t.nodeId.match(/^scene-(.+)$/), r = n ? n[1] : null;
     if (!r)
       return;
-    tl(e.scene.value, r, t.path, t.state.value);
+    el(e.scene.value, r, t.path, t.state.value);
   }
 }, we = "tres:inspector";
-function rl(e, t) {
+function nl(e, t) {
   const n = {
     id: "dev.esm.tres",
     label: "TresJS 🪐",
@@ -5308,10 +5308,10 @@ function rl(e, t) {
     homepage: "https://docs.tresjs.org",
     app: e
   }, r = null, o = null;
-  Xa(t), fa(
+  qu(t), cu(
     n,
     (i) => {
-      typeof i.now != "function" && Ya(
+      typeof i.now != "function" && Gu(
         "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,
@@ -5322,14 +5322,14 @@ function rl(e, t) {
         i.sendInspectorTree(we);
       }, 1e3), setInterval(() => {
         i.notifyComponentUpdate();
-      }, 5e3), i.on.getInspectorTree(Ja(t)), i.on.getInspectorState(el(t, {
+      }, 5e3), i.on.getInspectorTree(Zu(t)), i.on.getInspectorState(Ju(t, {
         highlightMesh: r,
         prevInstance: o
-      })), i.on.editInspectorState(nl(t));
+      })), i.on.editInspectorState(tl(t));
     }
   );
 }
-const ol = ["data-scene", "data-tres"], il = /* @__PURE__ */ ot({
+const rl = ["data-scene", "data-tres"], ol = /* @__PURE__ */ ot({
   __name: "TresCanvas",
   props: {
     camera: {},
@@ -5359,42 +5359,42 @@ const ol = ["data-scene", "data-tres"], il = /* @__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(), u = it(new yr()), a = $t();
+    const r = e, o = n, i = ko(), s = Ae(), a = it(new yr()), u = $t();
     pt(vr);
-    const l = (h, v = !1) => ot({
+    const l = (_, v = !1) => ot({
       setup() {
         const p = $t()?.appContext;
-        p && (p.app = a?.appContext.app);
+        p && (p.app = u?.appContext.app);
         const g = {};
-        function b(C) {
-          C && (C.parent && b(C.parent), C.provides && Object.assign(g, C.provides));
+        function C(b) {
+          b && (b.parent && C(b.parent), b.provides && Object.assign(g, b.provides));
         }
-        return a?.parent && r.enableProvideBridge && (b(a.parent), Reflect.ownKeys(g).forEach((C) => {
-          qe(C, g[C]);
-        })), qe(Rs, h), qe("extend", pt), typeof window < "u" && p?.app && rl(p?.app, h), () => Wt(No, null, v ? [] : i.default());
+        return u?.parent && r.enableProvideBridge && (C(u.parent), Reflect.ownKeys(g).forEach((b) => {
+          qe(b, g[b]);
+        })), qe(xs, _), qe("extend", pt), typeof window < "u" && p?.app && nl(p?.app, _), () => Wt(No, null, v ? [] : i.default());
       }
-    }), c = (h, v = !1) => {
-      const p = l(h, v), { render: g } = Mo(Us(h));
-      g(Wt(p), u.value);
-    }, f = (h, v = !1) => {
-      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
+    }), c = (_, v = !1) => {
+      const p = l(_, v), { render: g } = Mo(Bs(_));
+      g(Wt(p), a.value);
+    }, f = (_, v = !1) => {
+      Ne(_.scene.value), v && (_.renderer.instance.dispose(), _.renderer.instance instanceof Cr && (_.renderer.instance.renderLists.dispose(), _.renderer.instance.forceContextLoss())), a.value.__tres = {
+        root: _
       };
-    }, _ = it(null);
-    t({ context: _, dispose: () => f(_.value, !0) });
+    }, h = it(null);
+    t({ context: h, dispose: () => f(h.value, !0) });
     const d = () => {
-      f(_.value), c(_.value, !0);
+      f(h.value), c(h.value, !0);
     };
     return Kt(() => {
-      const h = s;
-      _.value = Ls({
-        scene: u.value,
-        canvas: h,
+      const _ = s;
+      h.value = Rs({
+        scene: a.value,
+        canvas: _,
         windowSize: r.windowSize ?? !1,
         rendererOptions: r
       });
-      const { camera: v, renderer: p } = _.value, { registerCamera: g, cameras: b, activeCamera: C, deregisterCamera: P } = v;
-      c(_.value);
+      const { camera: v, renderer: p } = h.value, { registerCamera: g, cameras: C, activeCamera: b, deregisterCamera: P } = v;
+      c(h.value);
       const M = () => {
         const A = new qo(
           45,
@@ -5404,73 +5404,73 @@ const ol = ["data-scene", "data-tres"], il = /* @__PURE__ */ ot({
         );
         A.position.set(3, 3, 3), A.lookAt(0, 0, 0), g(A);
         const O = $(() => {
-          b.value.length >= 2 && (A.removeFromParent(), P(A), O?.());
+          C.value.length >= 2 && (A.removeFromParent(), P(A), O?.());
         });
       };
-      _.value.events.onPointerMissed((A) => {
+      h.value.events.onPointerMissed((A) => {
         o("pointermissed", A);
       }), At(
         () => r.camera,
         (A, O) => {
-          A && g(D(A), !0), O && (D(O).removeFromParent(), P(D(O)));
+          A && g(I(A), !0), O && (I(O).removeFromParent(), P(I(O)));
         },
         {
           immediate: !0
         }
-      ), C.value || M(), p.onRender(() => {
-        _.value && o("render", _.value);
+      ), b.value || M(), p.onRender(() => {
+        h.value && o("render", h.value);
       }), p.loop.onLoop((A) => {
-        _.value && o("loop", { ..._.value, ...A });
+        h.value && o("loop", { ...h.value, ...A });
       }), p.loop.onBeforeLoop((A) => {
-        _.value && o("beforeLoop", { ..._.value, ...A });
+        h.value && o("beforeLoop", { ...h.value, ...A });
       }), p.onReady(() => {
-        o("ready", _.value);
+        o("ready", h.value);
       });
     }), Kt(async () => {
-      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", {
+      await hi(3e3), h.value && (!h.value.sizes.width || !h.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), (_, v) => (Ro(), xo("canvas", {
       ref_key: "canvasRef",
       ref: s,
-      "data-scene": u.value.uuid,
-      class: Fo(h.$attrs.class),
-      "data-tres": `tresjs ${ke(Mi).version}`,
+      "data-scene": a.value.uuid,
+      class: Fo(_.$attrs.class),
+      "data-tres": `tresjs ${ke(Fi).version}`,
       style: Lo({
         display: "block",
         width: "100%",
         height: "100%",
-        position: h.windowSize ? "fixed" : "relative",
+        position: e.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...h.$attrs.style
+        ..._.$attrs.style
       })
-    }, null, 14, ol));
+    }, null, 14, rl));
   }
 });
-function gl(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof I ? [e.x, e.y, e.z] : e;
+function ml(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof D ? [e.x, e.y, e.z] : e;
 }
-function El(e) {
+function gl(e) {
   return e instanceof xe ? e : Array.isArray(e) ? new xe(...e) : new xe(e);
 }
-const sl = [
+const il = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], vl = {
+], El = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !sl.includes(e) || e === "primitive"
+      isCustomElement: (e) => (/^Tres[A-Z]/.test(e) || e.startsWith("tres-")) && !il.includes(e) || e === "primitive"
     }
   }
 };
 let q = null;
-const yl = {
+const vl = {
   updated: (e, t) => {
     const r = ((i) => {
       let s = i.value;
-      return i.value && $e(i.value) && (s = i.value.position), Array.isArray(i.value) && (s = new I(...s)), s;
+      return i.value && $e(i.value) && (s = i.value.position), Array.isArray(i.value) && (s = new D(...s)), s;
     })(t);
     if (!r) {
       Me(`v-distance-to: problem with binding value: ${t.value}`);
@@ -5496,8 +5496,8 @@ class Po extends Qo {
     o.setAttribute("position", new Yt(r, 3)), o.computeBoundingSphere();
     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], u = new Gt();
-    u.setAttribute("position", new Yt(s, 3)), u.computeBoundingSphere(), this.add(new He(u, 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], a = new Gt();
+    a.setAttribute("position", new Yt(s, 3)), a.computeBoundingSphere(), this.add(new He(a, 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)
@@ -5513,30 +5513,30 @@ class Po extends Qo {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-let Ie, W;
-const ul = {
+let De, W;
+const sl = {
   DirectionalLight: ri,
   PointLight: ni,
   SpotLight: ti,
   HemisphereLight: ei,
   RectAreaLight: Po
-}, bl = {
+}, yl = {
   mounted: (e) => {
     if (!Rr(e)) {
       Me(`${e.type} is not a light`);
       return;
     }
-    Ie = ul[e.type], e.parent?.add(new Ie(e, 1, e.color.getHex()));
+    De = sl[e.type], e.parent?.add(new De(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    W = e.parent.children.find((t) => t instanceof Ie), !(W instanceof Po) && W.update();
+    W = e.parent.children.find((t) => t instanceof De), !(W instanceof Po) && W.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
       Me(`${e.type} is not a light`);
       return;
     }
-    W = e.parent.children.find((t) => t instanceof Ie), W && W.dispose && W.dispose(), e.parent && e.parent.remove(W);
+    W = e.parent.children.find((t) => t instanceof De), W && W.dispose && W.dispose(), e.parent && e.parent.remove(W);
   }
 }, Cl = {
   mounted: (e, t) => {
@@ -5546,58 +5546,58 @@ const ul = {
     }
     console.log("v-log", e);
   }
-}, wl = {
+}, bl = {
   install(e) {
-    e.component("TresCanvas", il);
+    e.component("TresCanvas", ol);
   }
 };
 export {
-  js as DevtoolsMessenger,
-  il as TresCanvas,
-  hl as UseLoader,
-  ts as buildGraph,
+  Hs as DevtoolsMessenger,
+  ol as TresCanvas,
+  pl as UseLoader,
+  es as buildGraph,
   dt as catalogue,
-  wl as default,
+  bl as default,
   Ne as dispose,
   pt as extend,
   kr as isBufferGeometry,
   Pr as isCamera,
-  Ki as isClassInstance,
-  Ir as isColor,
-  zi as isColorRepresentation,
-  $i as isCopyable,
+  $i as isClassInstance,
+  Dr as isColor,
+  ji as isColorRepresentation,
+  zi as isCopyable,
   Lr as isFog,
-  fl as isGroup,
+  cl as isGroup,
   Zt as isLayers,
   Rr as isLight,
   xr as isMaterial,
   $e as isMesh,
   lt as isObject3D,
-  ji as isOrthographicCamera,
-  Dr as isPerspectiveCamera,
-  dl as isProd,
+  Hi as isOrthographicCamera,
+  Ir as isPerspectiveCamera,
+  fl as isProd,
   Fr as isScene,
   re as isTresCamera,
-  Yi as isTresInstance,
-  Wi as isTresObject,
-  Gi as isTresPrimitive,
+  Gi as isTresInstance,
+  Ki as isTresObject,
+  Wi as isTresPrimitive,
   ct as isVectorLike,
   Jt as logError,
-  pl as logMessage,
+  dl as logMessage,
   Me as logWarning,
-  El as normalizeColor,
-  gl as normalizeVectorFlexibleParam,
-  rl as registerTresDevtools,
-  vl as templateCompilerOptions,
-  es as useCameraManager,
-  _l as useGraph,
-  Ji as useLoader,
-  ml as useLoop,
-  os as useRendererManager,
-  Ms as useTres,
+  gl as normalizeColor,
+  ml as normalizeVectorFlexibleParam,
+  nl as registerTresDevtools,
+  El as templateCompilerOptions,
+  Ji as useCameraManager,
+  hl as useGraph,
+  Zi as useLoader,
+  _l as useLoop,
+  rs as useRendererManager,
+  Fs as useTres,
   zr as useTresContext,
-  Ls as useTresContextProvider,
-  yl as vDistanceTo,
-  bl as vLightHelper,
+  Rs as useTresContextProvider,
+  vl as vDistanceTo,
+  yl as vLightHelper,
   Cl as vLog
 };