@tresjs/cientos 3.0.0 → 3.0.1

package/dist/trescientos.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/cientos
- * version: v3.0.0
+ * version: v3.0.1
  * (c) 2023
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,7 +8,7 @@
 var op = Object.defineProperty;
 var ap = (f, t, n) => t in f ? op(f, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : f[t] = n;
 var Io = (f, t, n) => (ap(f, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as ke, toRefs as Be, useSlots as lp, computed as Bt, shallowRef as Ue, withAsyncContext as Mr, toValue as Pn, watchEffect as ds, unref as B, openBlock as xe, createElementBlock as Pe, createCommentVNode as Rn, renderSlot as Je, ref as ve, shallowReactive as cp, createElementVNode as fe, mergeProps as Qe, Fragment as hp, renderList as pp, resolveComponent as da, createVNode as up, getCurrentScope as dp, onScopeDispose as mp, getCurrentInstance as Ml, onMounted as ma, nextTick as fp, toRef as vp, readonly as _p, customRef as gp, watch as ft, reactive as rl, createBlock as Ll, onUnmounted as $s, normalizeProps as bp, guardReactiveProps as wp } from "vue";
+import { defineComponent as ke, toRefs as Be, useSlots as lp, computed as Bt, shallowRef as Ue, withAsyncContext as Mr, toValue as Pn, watchEffect as ds, unref as B, openBlock as xe, createElementBlock as Pe, createCommentVNode as Rn, renderSlot as Je, ref as fe, shallowReactive as cp, createElementVNode as ve, mergeProps as Qe, Fragment as hp, renderList as pp, resolveComponent as da, createVNode as up, getCurrentScope as dp, onScopeDispose as mp, getCurrentInstance as Ml, onMounted as ma, nextTick as fp, toRef as vp, readonly as _p, customRef as gp, watch as ft, reactive as rl, createBlock as Ll, onUnmounted as $s, normalizeProps as bp, guardReactiveProps as wp } from "vue";
 import { TrianglesDrawMode as yp, TriangleFanDrawMode as ta, TriangleStripDrawMode as Dl, Object3D as On, Raycaster as Ol, Vector3 as Q, Quaternion as ze, Euler as ps, Matrix4 as Oe, MeshBasicMaterial as us, DoubleSide as fa, LineBasicMaterial as va, CylinderGeometry as Ft, BoxGeometry as rs, BufferGeometry as pn, Float32BufferAttribute as hn, Mesh as J, Line as Ce, OctahedronGeometry as os, PlaneGeometry as Sn, TorusGeometry as vr, SphereGeometry as xp, Color as $e, EventDispatcher as Rl, MOUSE as Mn, TOUCH as qt, Spherical as Ar, Vector2 as gt, PerspectiveCamera as Li, OrthographicCamera as js, Loader as Lr, LoaderUtils as Qt, FileLoader as Ks, SpotLight as Il, PointLight as na, DirectionalLight as Vl, MeshPhysicalMaterial as Vn, InstancedMesh as Ep, REVISION as Cp, TextureLoader as Fl, ImageBitmapLoader as Pp, BufferAttribute as Di, InterleavedBuffer as Tp, InterleavedBufferAttribute as Ap, LinearFilter as kr, LinearMipmapLinearFilter as zl, RepeatWrapping as Ii, PointsMaterial as kp, Material as Vo, MeshStandardMaterial as _a, PropertyBinding as Vi, SkinnedMesh as Nl, LineSegments as Sp, LineLoop as Mp, Points as Lp, Group as Oi, MathUtils as bt, Skeleton as Ul, InterpolateLinear as Bl, AnimationClip as Hl, Bone as sa, NearestFilter as Dp, NearestMipmapNearestFilter as Op, LinearMipmapNearestFilter as Rp, NearestMipmapLinearFilter as Ip, ClampToEdgeWrapping as ia, MirroredRepeatWrapping as Vp, InterpolateDiscrete as Fp, FrontSide as zp, Texture as Sr, VectorKeyframeTrack as jl, QuaternionKeyframeTrack as ra, NumberKeyframeTrack as Gl, Box3 as Kl, Sphere as $l, Interpolant as Np, ExtrudeGeometry as Up, Vector4 as zi, Curve as Bp, MeshPhongMaterial as Fo, MeshLambertMaterial as Hp, EquirectangularReflectionMapping as Yl, AmbientLight as jp, Uint16BufferAttribute as Gp, Matrix3 as Kp, ShapePath as $p, DataTextureLoader as Yp, HalfFloatType as _r, FloatType as zo, DataUtils as gr, AnimationMixer as Xp, CubeReflectionMapping as Zp, SRGBColorSpace as qp, CubeTextureLoader as Qp, WebGLRenderTarget as ol, MeshDepthMaterial as Wp, ShaderMaterial as al, DefaultLoadingManager as br, QuadraticBezierCurve3 as Jp } from "three";
 import { useTresContext as wt, useRenderLoop as Lt, useLoader as ga, useTexture as eu, useLogger as tu } from "@tresjs/core";
 function nu(f, t) {
@@ -4973,7 +4973,7 @@ function zd() {
     }
   }
 }
-const Nd = ["args", "center"], bf = /* @__PURE__ */ ke({
+const Nd = ["args", "center"], gf = /* @__PURE__ */ ke({
   __name: "Text3D",
   props: {
     font: {},
@@ -5048,8 +5048,8 @@ const Nd = ["args", "center"], bf = /* @__PURE__ */ ke({
     ], 512)) : Rn("", !0);
   }
 });
-function wf(f, t) {
-  const n = ve(t), i = new Xp(n.value), o = cp({});
+function bf(f, t) {
+  const n = fe(t), i = new Xp(n.value), o = cp({});
   f.forEach((c) => {
     const p = i.clipAction(c, n.value);
     o[c.name] = p;
@@ -5087,7 +5087,7 @@ async function Ud({
   ), v = c ? d[0] : d;
   return v && (v.mapping = c ? Zp : Yl, v.colorSpace = qp), a.value && (a.value.environment = v, n && (a.value.background = v), t && (a.value.backgroundBlurriness = t | 0)), v;
 }
-const yf = ke({
+const wf = ke({
   name: "Environment",
   props: ["background", "blur", "files", "encoding", "path", "preset"],
   async setup(f, { expose: t }) {
@@ -5095,7 +5095,7 @@ const yf = ke({
     return t({ getTexture: () => n }), n = await Ud(f), () => {
     };
   }
-}), Bd = ["position", "a-scale"], Hd = ["size", "size-attenuation", "transparent", "alpha-test", "alpha-map"], xf = /* @__PURE__ */ ke({
+}), Bd = ["position", "a-scale"], Hd = ["size", "size-attenuation", "transparent", "alpha-test", "alpha-map"], yf = /* @__PURE__ */ ke({
   __name: "Stars",
   props: {
     size: { default: 0.1 },
@@ -5108,7 +5108,7 @@ const yf = ke({
     alphaMap: { default: null }
   },
   setup(f, { expose: t }) {
-    const n = f, i = ve(), o = ve(), { radius: a, depth: c, count: p, size: d, sizeAttenuation: v, transparent: b, alphaMap: _, alphaTest: y } = Be(n), E = () => {
+    const n = f, i = fe(), o = fe(), { radius: a, depth: c, count: p, size: d, sizeAttenuation: v, transparent: b, alphaMap: _, alphaTest: y } = Be(n), E = () => {
       let P = a.value + c.value;
       const M = Bt(() => c.value / p.value), N = [], V = Array.from(
         { length: p.value },
@@ -5128,11 +5128,11 @@ const yf = ke({
       ref_key: "starsRef",
       ref: S
     }, [
-      fe("TresBufferGeometry", {
+      ve("TresBufferGeometry", {
         position: [i.value, 3],
         "a-scale": [o.value, 1]
       }, null, 8, Bd),
-      fe("TresPointsMaterial", {
+      ve("TresPointsMaterial", {
         size: B(d),
         "size-attenuation": B(v),
         transparent: B(b),
@@ -5141,7 +5141,7 @@ const yf = ke({
       }, null, 8, Hd)
     ], 512));
   }
-}), jd = ["size", "color", "alpha-map", "map", "opacity", "alpha-test", "depth-write", "transparent", "size-attenuation"], Gd = ["position", "velocity"], Ef = /* @__PURE__ */ ke({
+}), jd = ["size", "color", "alpha-map", "map", "opacity", "alpha-test", "depth-write", "transparent", "size-attenuation"], Gd = ["position", "velocity"], xf = /* @__PURE__ */ ke({
   __name: "Precipitation",
   props: {
     size: { default: 0.1 },
@@ -5201,7 +5201,7 @@ const yf = ke({
         P.value.attributes.position.needsUpdate = !0;
       }
     }), (L, F) => (xe(), Pe("TresPoints", null, [
-      fe("TresPointsMaterial", {
+      ve("TresPointsMaterial", {
         size: B(n),
         color: B(o),
         "alpha-map": B(a),
@@ -5212,7 +5212,7 @@ const yf = ke({
         transparent: B(b),
         "size-attenuation": B(_)
       }, null, 8, jd),
-      fe("TresBufferGeometry", {
+      ve("TresBufferGeometry", {
         ref_key: "geometryRef",
         ref: P,
         position: [B(M), 3],
@@ -5220,7 +5220,7 @@ const yf = ke({
       }, null, 8, Gd)
     ]));
   }
-}), Kd = ["position"], $d = ["position"], Yd = ["scale"], Xd = ["map", "depth-test", "color-space", "color", "opacity"], Cf = /* @__PURE__ */ ke({
+}), Kd = ["position"], $d = ["position"], Yd = ["scale"], Xd = ["map", "depth-test", "color-space", "color", "opacity"], Ef = /* @__PURE__ */ ke({
   __name: "Smoke",
   props: {
     color: { default: "#ffffff" },
@@ -5257,7 +5257,7 @@ const yf = ke({
       ref_key: "smokeRef",
       ref: E
     }, F.$attrs), [
-      fe("TresGroup", {
+      ve("TresGroup", {
         ref_key: "groupRef",
         ref: S,
         position: [0, 0, B(p) / 2 * B(c)]
@@ -5266,11 +5266,11 @@ const yf = ke({
           key: `${q}`,
           position: [U, K, -q * B(c)]
         }, [
-          fe("TresPlaneGeometry", {
+          ve("TresPlaneGeometry", {
             scale: [k, k, k],
             rotation: [0, 0, 0]
           }, null, 8, Yd),
-          fe("TresMeshStandardMaterial", {
+          ve("TresMeshStandardMaterial", {
             map: B(N),
             "depth-test": B(b),
             "color-space": C.value,
@@ -5283,7 +5283,7 @@ const yf = ke({
       ], 8, Kd)
     ], 16));
   }
-}), Pf = /* @__PURE__ */ ke({
+}), Cf = /* @__PURE__ */ ke({
   __name: "Levioso",
   props: {
     speed: { default: 1 },
@@ -5296,7 +5296,7 @@ const yf = ke({
     t({
       value: i
     });
-    const { onLoop: o } = Lt(), a = ve(Math.random() * 1e4);
+    const { onLoop: o } = Lt(), a = fe(Math.random() * 1e4);
     return o(({ elapsed: c }) => {
       var v, b;
       if (!i.value)
@@ -5312,7 +5312,7 @@ const yf = ke({
       Je(c.$slots, "default")
     ], 16));
   }
-}), Zd = ["geometry"], qd = ["map", "opacity", "depth-write"], Qd = ["args"], Wd = ["rotation", "args"], Jd = /* @__PURE__ */ fe("TresAxesHelper", { args: [10] }, null, -1), Tf = /* @__PURE__ */ ke({
+}), Zd = ["geometry"], qd = ["map", "opacity", "depth-write"], Qd = ["args"], Wd = ["rotation", "args"], Pf = /* @__PURE__ */ ke({
   __name: "ContactShadows",
   props: {
     opacity: { default: 1 },
@@ -5375,11 +5375,11 @@ const yf = ke({
         ref_key: "groupRef",
         ref: i
       }, L.$attrs), [
-        fe("TresMesh", {
+        ve("TresMesh", {
           scale: [1, -1, 1],
           geometry: B(p)
         }, [
-          fe("TresMeshBasicMaterial", {
+          ve("TresMeshBasicMaterial", {
             map: B(a).texture,
             opacity: L.opacity,
             "depth-write": L.depthWrite,
@@ -5391,14 +5391,13 @@ const yf = ke({
           key: 0,
           args: [o.value]
         }, null, 8, Qd)) : Rn("", !0),
-        fe("TresOrthographicCamera", {
+        ve("TresOrthographicCamera", {
           ref_key: "shadowCamera",
           ref: o,
           position: [0, 0, 0],
           rotation: [Math.PI / 2, 0, 0],
           args: [-y.value / 2, y.value / 2, E.value / 2, -E.value / 2, 0, L.far]
-        }, null, 8, Wd),
-        Jd
+        }, null, 8, Wd)
       ], 16);
     };
   }
@@ -5409,7 +5408,7 @@ function cc(f) {
 function Ut(f) {
   return typeof f == "function" ? f() : B(f);
 }
-const em = typeof window < "u", In = () => {
+const Jd = typeof window < "u", In = () => {
 };
 function hc(f, t) {
   function n(...i) {
@@ -5419,7 +5418,7 @@ function hc(f, t) {
   }
   return n;
 }
-function tm(f, t = {}) {
+function em(f, t = {}) {
   let n, i, o = In;
   const a = (p) => {
     clearTimeout(p), o(), o = In;
@@ -5435,7 +5434,7 @@ function tm(f, t = {}) {
     });
   };
 }
-function nm(f, t = !0, n = !0, i = !1) {
+function tm(f, t = !0, n = !0, i = !1) {
   let o = 0, a, c = !0, p = In, d;
   const v = () => {
     a && (clearTimeout(a), a = void 0, p(), p = In);
@@ -5449,33 +5448,33 @@ function nm(f, t = !0, n = !0, i = !1) {
     })), !n && !a && (a = setTimeout(() => c = !0, y)), c = !1, d);
   };
 }
-function sm(...f) {
+function nm(...f) {
   if (f.length !== 1)
     return vp(...f);
   const t = f[0];
-  return typeof t == "function" ? _p(gp(() => ({ get: t, set: In }))) : ve(t);
+  return typeof t == "function" ? _p(gp(() => ({ get: t, set: In }))) : fe(t);
 }
-function im(f, t = 200, n = {}) {
+function sm(f, t = 200, n = {}) {
   return hc(
-    tm(t, n),
+    em(t, n),
     f
   );
 }
-function rm(f, t = 200, n = !1, i = !0, o = !1) {
+function im(f, t = 200, n = !1, i = !0, o = !1) {
   return hc(
-    nm(t, n, i, o),
+    tm(t, n, i, o),
     f
   );
 }
-function om(f, t = !0) {
+function rm(f, t = !0) {
   Ml() ? ma(f) : t ? f() : fp(f);
 }
-function am(f) {
+function om(f) {
   var t;
   const n = Ut(f);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Ys = em ? window : void 0;
+const Ys = Jd ? window : void 0;
 function Ge(...f) {
   let t, n, i, o;
   if (typeof f[0] == "string" || Array.isArray(f[0]) ? ([n, i, o] = f, t = Ys) : [t, n, i, o] = f, !t)
@@ -5484,7 +5483,7 @@ function Ge(...f) {
   const a = [], c = () => {
     a.forEach((b) => b()), a.length = 0;
   }, p = (b, _, y, E) => (b.addEventListener(_, y, E), () => b.removeEventListener(_, y, E)), d = ft(
-    () => [am(t), Ut(o)],
+    () => [om(t), Ut(o)],
     ([b, _]) => {
       c(), b && a.push(
         ...n.flatMap((y) => i.map((E) => p(b, y, E, _)))
@@ -5496,7 +5495,7 @@ function Ge(...f) {
   };
   return cc(v), v;
 }
-function lm(f) {
+function am(f) {
   return typeof f == "function" ? f : typeof f == "string" ? (t) => t.key === f : Array.isArray(f) ? (t) => f.includes(t.key) : () => !0;
 }
 function ls(...f) {
@@ -5507,33 +5506,33 @@ function ls(...f) {
     eventName: a = "keydown",
     passive: c = !1,
     dedupe: p = !1
-  } = i, d = lm(t);
+  } = i, d = am(t);
   return Ge(o, a, (b) => {
     b.repeat && Ut(p) || d(b) && n(b);
   }, c);
 }
-function cm() {
-  const f = ve(!1);
+function lm() {
+  const f = fe(!1);
   return Ml() && ma(() => {
     f.value = !0;
   }), f;
 }
-function hm(f) {
-  const t = cm();
+function cm(f) {
+  const t = lm();
   return Bt(() => (t.value, !!f()));
 }
-function pm(f, t = {}) {
-  const { window: n = Ys } = t, i = hm(() => n && "matchMedia" in n && typeof n.matchMedia == "function");
+function hm(f, t = {}) {
+  const { window: n = Ys } = t, i = cm(() => n && "matchMedia" in n && typeof n.matchMedia == "function");
   let o;
-  const a = ve(!1), c = () => {
+  const a = fe(!1), c = () => {
     o && ("removeEventListener" in o ? o.removeEventListener("change", p) : o.removeListener(p));
   }, p = () => {
-    i.value && (c(), o = n.matchMedia(sm(f).value), a.value = !!(o != null && o.matches), o && ("addEventListener" in o ? o.addEventListener("change", p) : o.addListener(p)));
+    i.value && (c(), o = n.matchMedia(nm(f).value), a.value = !!(o != null && o.matches), o && ("addEventListener" in o ? o.addEventListener("change", p) : o.addListener(p)));
   };
   return ds(p), cc(() => c()), a;
 }
 const wl = 1;
-function um(f, t = {}) {
+function pm(f, t = {}) {
   const {
     throttle: n = 0,
     idle: i = 200,
@@ -5550,7 +5549,7 @@ function um(f, t = {}) {
       passive: !0
     },
     behavior: d = "auto"
-  } = t, v = ve(0), b = ve(0), _ = Bt({
+  } = t, v = fe(0), b = fe(0), _ = Bt({
     get() {
       return v.value;
     },
@@ -5574,7 +5573,7 @@ function um(f, t = {}) {
       behavior: Ut(d)
     }));
   }
-  const S = ve(!1), P = rl({
+  const S = fe(!1), P = rl({
     left: !0,
     right: !1,
     top: !0,
@@ -5586,7 +5585,7 @@ function um(f, t = {}) {
     bottom: !1
   }), N = (L) => {
     S.value && (S.value = !1, M.left = !1, M.right = !1, M.top = !1, M.bottom = !1, o(L));
-  }, V = im(N, n + i), I = (L) => {
+  }, V = sm(N, n + i), I = (L) => {
     const F = L === window ? L.document.documentElement : L === document ? L.documentElement : L, { display: A, flexDirection: k } = getComputedStyle(F), U = F.scrollLeft;
     M.left = U < v.value, M.right = U > v.value;
     const K = Math.abs(U) <= 0 + (c.left || 0), $ = Math.abs(U) + F.clientWidth >= F.scrollWidth - (c.right || 0) - wl;
@@ -5602,7 +5601,7 @@ function um(f, t = {}) {
   return Ge(
     f,
     "scroll",
-    n ? rm(C, n, !0, !1) : C,
+    n ? im(C, n, !0, !1) : C,
     p
   ), Ge(
     f,
@@ -5621,13 +5620,13 @@ function um(f, t = {}) {
     }
   };
 }
-const dm = {
+const um = {
   page: (f) => [f.pageX, f.pageY],
   client: (f) => [f.clientX, f.clientY],
   screen: (f) => [f.screenX, f.screenY],
   movement: (f) => f instanceof Touch ? null : [f.movementX, f.movementY]
 };
-function mm(f = {}) {
+function dm(f = {}) {
   const {
     type: t = "page",
     touch: n = !0,
@@ -5636,7 +5635,7 @@ function mm(f = {}) {
     window: a = Ys,
     target: c = a,
     eventFilter: p
-  } = f, d = ve(o.x), v = ve(o.y), b = ve(null), _ = typeof t == "function" ? t : dm[t], y = (N) => {
+  } = f, d = fe(o.x), v = fe(o.y), b = fe(null), _ = typeof t == "function" ? t : um[t], y = (N) => {
     const V = _(N);
     V && ([d.value, v.value] = V, b.value = "mouse");
   }, E = (N) => {
@@ -5653,13 +5652,13 @@ function mm(f = {}) {
     sourceType: b
   };
 }
-function fm({ window: f = Ys } = {}) {
+function mm({ window: f = Ys } = {}) {
   if (!f)
     return {
-      x: ve(0),
-      y: ve(0)
+      x: fe(0),
+      y: fe(0)
     };
-  const t = ve(f.scrollX), n = ve(f.scrollY);
+  const t = fe(f.scrollX), n = fe(f.scrollY);
   return Ge(
     f,
     "scroll",
@@ -5679,16 +5678,16 @@ function pc(f = {}) {
     initialHeight: i = 1 / 0,
     listenOrientation: o = !0,
     includeScrollbar: a = !0
-  } = f, c = ve(n), p = ve(i), d = () => {
+  } = f, c = fe(n), p = fe(i), d = () => {
     t && (a ? (c.value = t.innerWidth, p.value = t.innerHeight) : (c.value = t.document.documentElement.clientWidth, p.value = t.document.documentElement.clientHeight));
   };
-  if (d(), om(d), Ge("resize", d, { passive: !0 }), o) {
-    const v = pm("(orientation: portrait)");
+  if (d(), rm(d), Ge("resize", d, { passive: !0 }), o) {
+    const v = hm("(orientation: portrait)");
     ft(v, () => d());
   }
   return { width: c, height: p };
 }
-const Af = /* @__PURE__ */ ke({
+const Tf = /* @__PURE__ */ ke({
   __name: "MouseParallax",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5696,7 +5695,7 @@ const Af = /* @__PURE__ */ ke({
     ease: { default: 0.1 }
   },
   setup(f) {
-    const t = f, { camera: n } = wt(), { disabled: i, factor: o, ease: a } = Be(t), { x: c, y: p } = mm(), { width: d, height: v } = pc(), b = ve(), _ = Bt(() => (c.value / d.value - 0.5) * o.value), y = Bt(() => -(p.value / v.value - 0.5) * o.value), { onLoop: E } = Lt();
+    const t = f, { camera: n } = wt(), { disabled: i, factor: o, ease: a } = Be(t), { x: c, y: p } = dm(), { width: d, height: v } = pc(), b = fe(), _ = Bt(() => (c.value / d.value - 0.5) * o.value), y = Bt(() => -(p.value / v.value - 0.5) * o.value), { onLoop: E } = Lt();
     return E(({ delta: S }) => {
       i.value || !b.value || (b.value.position.x += (_.value - b.value.position.x) * a.value * S, b.value.position.y += (y.value - b.value.position.y) * a.value * S);
     }), ft(
@@ -5711,17 +5710,17 @@ const Af = /* @__PURE__ */ ke({
   }
 });
 let yr = null;
-function vm(f, t) {
+function fm(f, t) {
   return (n) => {
     t && t(n), f.draco && (yr || (yr = new Fd()), yr.setDecoderPath(f.decoderPath || "https://www.gstatic.com/draco/versioned/decoders/1.4.3/"), n.setDRACOLoader(yr));
   };
 }
-async function _m(f, t = {
+async function vm(f, t = {
   draco: !1
 }, n) {
-  return await ga(Mu, f, vm(t, n));
+  return await ga(Mu, f, fm(t, n));
 }
-const kf = /* @__PURE__ */ ke({
+const Af = /* @__PURE__ */ ke({
   __name: "component",
   props: {
     path: {},
@@ -5730,11 +5729,11 @@ const kf = /* @__PURE__ */ ke({
   },
   async setup(f, { expose: t }) {
     let n, i;
-    const o = f, a = ve();
+    const o = f, a = fe();
     t({
       value: a
     });
-    const { scene: c } = ([n, i] = Mr(() => _m(o.path, { draco: o.draco, decoderPath: o.decoderPath })), n = await n, i(), n);
+    const { scene: c } = ([n, i] = Mr(() => vm(o.path, { draco: o.draco, decoderPath: o.decoderPath })), n = await n, i(), n);
     return (p, d) => {
       const v = da("primitive");
       return xe(), Ll(v, Qe({
@@ -5745,21 +5744,21 @@ const kf = /* @__PURE__ */ ke({
     };
   }
 });
-async function gm(f) {
+async function _m(f) {
   return await ga(gd, f);
 }
-const Sf = /* @__PURE__ */ ke({
+const kf = /* @__PURE__ */ ke({
   __name: "component",
   props: {
     path: {}
   },
   async setup(f, { expose: t }) {
     let n, i;
-    const o = f, a = ve();
+    const o = f, a = fe();
     t({
       value: a
     });
-    const c = ([n, i] = Mr(() => gm(o.path)), n = await n, i(), n);
+    const c = ([n, i] = Mr(() => _m(o.path)), n = await n, i(), n);
     return (p, d) => {
       const v = da("primitive");
       return xe(), Ll(v, Qe({
@@ -5770,7 +5769,7 @@ const Sf = /* @__PURE__ */ ke({
     };
   }
 }), yl = "[TresJS - Cientos ▲ ■ ♥] ";
-function bm() {
+function gm() {
   function f(i, o) {
     console.error(`${yl} ${i}`, o || "");
   }
@@ -5786,8 +5785,8 @@ function bm() {
   };
 }
 let Xo = 0;
-function Mf() {
-  const f = ve(!1), t = ve(0), n = ve([]), { logError: i } = bm();
+function Sf() {
+  const f = fe(!1), t = fe(0), n = fe([]), { logError: i } = gm();
   return new Promise((o) => {
     br.onStart = () => {
       f.value = !1;
@@ -5804,7 +5803,7 @@ function Mf() {
     });
   });
 }
-const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "damping-factor", "enable-pan", "key-pan-speed", "keys", "max-azimuth-angle", "min-azimuth-angle", "max-polar-angle", "min-polar-angle", "min-distance", "max-distance", "min-zoom", "max-zoom", "touches", "enable-zoom", "zoom-speed", "enable-rotate", "rotate-speed", "args"], Lf = /* @__PURE__ */ ke({
+const bm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "damping-factor", "enable-pan", "key-pan-speed", "keys", "max-azimuth-angle", "min-azimuth-angle", "max-polar-angle", "min-polar-angle", "min-distance", "max-distance", "min-zoom", "max-zoom", "touches", "enable-zoom", "zoom-speed", "enable-rotate", "rotate-speed", "args"], Mf = /* @__PURE__ */ ke({
   __name: "OrbitControls",
   props: {
     makeDefault: { type: Boolean, default: !1 },
@@ -5856,7 +5855,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
       touches: L,
       rotateSpeed: F,
       target: A
-    } = Be(n), { camera: k, renderer: U, extend: K, controls: $ } = wt(), q = ve(null);
+    } = Be(n), { camera: k, renderer: U, extend: K, controls: $ } = wt(), q = fe(null);
     K({ OrbitControls: ec }), ft(q, (oe) => {
       le(), oe && i.value ? $.value = oe : $.value = null;
     });
@@ -5896,10 +5895,10 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
         "enable-rotate": B(C),
         "rotate-speed": B(F),
         args: [B(k) || oe.camera, ((ne = B(U)) == null ? void 0 : ne.domElement) || oe.domElement]
-      }, null, 8, wm)) : Rn("", !0);
+      }, null, 8, bm)) : Rn("", !0);
     };
   }
-}), ym = 5, xm = 6, Em = 0.3, Df = /* @__PURE__ */ ke({
+}), wm = 5, ym = 6, xm = 0.3, Lf = /* @__PURE__ */ ke({
   __name: "KeyboardControls",
   props: {
     forward: { default: () => ["w", "W"] },
@@ -5914,7 +5913,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
   },
   setup(f) {
     var K;
-    const t = f, { forward: n, back: i, left: o, right: a, jump: c, gravity: p, moveSpeed: d, headBobbing: v, is2D: b } = Be(t), { camera: _, controls: y } = wt(), E = ve(0), S = ve(0), P = ve(!1), M = ve(!1), N = ve(0), V = Ue(), I = b.value ? "y" : "z";
+    const t = f, { forward: n, back: i, left: o, right: a, jump: c, gravity: p, moveSpeed: d, headBobbing: v, is2D: b } = Be(t), { camera: _, controls: y } = wt(), E = fe(0), S = fe(0), P = fe(!1), M = fe(!1), N = fe(0), V = Ue(), I = b.value ? "y" : "z";
     let C = ((K = _.value.position) == null ? void 0 : K.y) || 0;
     ls(
       n.value,
@@ -5955,7 +5954,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
     ), ls(c.value, () => {
       M.value || (N.value = Date.now()), M.value = !0;
     });
-    const L = ($) => P.value ? Math.sin($ * ym) * Em + C : C, F = () => (Date.now() - N.value) / 1e3 * 3, A = ($) => C + xm * $ - 0.5 * p.value * Math.pow($, 2), k = () => {
+    const L = ($) => P.value ? Math.sin($ * wm) * xm + C : C, F = () => (Date.now() - N.value) / 1e3 * 3, A = ($) => C + ym * $ - 0.5 * p.value * Math.pow($, 2), k = () => {
       if (M.value) {
         const $ = A(F());
         return $ <= C && (M.value = !1), $;
@@ -5972,7 +5971,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
       Je($.$slots, "default")
     ], 512));
   }
-}), Cm = ["object", "args", "mode", "enabled", "axis", "translation-snap", "rotation-snap", "scale-snap", "space", "size", "show-x", "show-y", "show-z"], Of = /* @__PURE__ */ ke({
+}), Em = ["object", "args", "mode", "enabled", "axis", "translation-snap", "rotation-snap", "scale-snap", "space", "size", "show-x", "show-y", "show-z"], Df = /* @__PURE__ */ ke({
   __name: "TransformControls",
   props: {
     object: {},
@@ -6020,9 +6019,9 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
       "show-y": B(E),
       "show-z": B(S),
       visible: !0
-    }, null, 8, Cm)) : Rn("", !0);
+    }, null, 8, Em)) : Rn("", !0);
   }
-}), Pm = ["args"], Rf = /* @__PURE__ */ ke({
+}), Cm = ["args"], Of = /* @__PURE__ */ ke({
   __name: "PointerLockControls",
   props: {
     makeDefault: { type: Boolean, default: !1 },
@@ -6031,7 +6030,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
     selector: {}
   },
   setup(f, { expose: t }) {
-    const n = f, { camera: i, renderer: o, extend: a, controls: c } = wt(), p = ve(null);
+    const n = f, { camera: i, renderer: o, extend: a, controls: c } = wt(), p = fe(null);
     let d;
     return a({ PointerLockControls: la }), ft(p, (v) => {
       v && n.makeDefault ? c.value = v : c.value = null;
@@ -6050,10 +6049,10 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
         ref_key: "controlsRef",
         ref: p,
         args: [B(i) || v.camera, ((_ = B(o)) == null ? void 0 : _.domElement) || v.domElement]
-      }, null, 8, Pm)) : Rn("", !0);
+      }, null, 8, Cm)) : Rn("", !0);
     };
   }
-}), Tm = ["args"], If = /* @__PURE__ */ ke({
+}), Pm = ["args"], Rf = /* @__PURE__ */ ke({
   __name: "MapControls",
   props: {
     makeDefault: { type: Boolean, default: !1 },
@@ -6061,7 +6060,7 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
     domElement: {}
   },
   setup(f) {
-    const t = f, { camera: n, renderer: i, extend: o, controls: a } = wt(), c = ve(null);
+    const t = f, { camera: n, renderer: i, extend: o, controls: a } = wt(), c = fe(null);
     return o({ MapControls: Su }), ft(a, (p) => {
       p && t.makeDefault ? a.value = p : a.value = null;
     }), $s(() => {
@@ -6073,10 +6072,10 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
         ref_key: "controlsRef",
         ref: c,
         args: [B(n) || p.camera, ((v = B(i)) == null ? void 0 : v.domElement) || p.domElement]
-      }, null, 8, Tm)) : Rn("", !0);
+      }, null, 8, Pm)) : Rn("", !0);
     };
   }
-}), Vf = /* @__PURE__ */ ke({
+}), If = /* @__PURE__ */ ke({
   __name: "ScrollControls",
   props: {
     pages: { default: 4 },
@@ -6089,9 +6088,9 @@ const wm = ["target", "auto-rotate", "auto-rotate-speed", "enable-damping", "dam
   setup(f, { emit: t }) {
     const n = f, { logWarning: i } = tu();
     n.smoothScroll < 0 && i("SmoothControl must be greater than zero"), n.pages < 0 && i("Pages must be greater than zero");
-    const { camera: o, controls: a, renderer: c } = wt(), p = Ue(), d = document.createElement("div"), { y: v } = fm(), { x: b, y: _, isScrolling: y } = um(d), { height: E, width: S } = pc();
+    const { camera: o, controls: a, renderer: c } = wt(), p = Ue(), d = document.createElement("div"), { y: v } = mm(), { x: b, y: _, isScrolling: y } = pm(d), { height: E, width: S } = pc();
     let P = 0;
-    const M = ve(!1), N = ve(0), V = ve(0), I = ve(0), C = n.horizontal ? "x" : "y", L = ft(
+    const M = fe(!1), N = fe(0), V = fe(0), I = fe(0), C = n.horizontal ? "x" : "y", L = ft(
       o,
       (A) => {
         if (M.value) {
@@ -6241,7 +6240,7 @@ function Zo(f, t) {
 function qo(f, t) {
   return kn(f) ? (console.warn(`${t} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Am {
+class Tm {
   constructor() {
     this._listeners = {};
   }
@@ -6305,9 +6304,9 @@ class Am {
     }
   }
 }
-const km = "2.7.0", Er = 1 / 8, dc = typeof window < "u", Sm = dc && /Mac/.test(navigator.platform), Mm = !(dc && "PointerEvent" in window);
+const Am = "2.7.0", Er = 1 / 8, dc = typeof window < "u", km = dc && /Mac/.test(navigator.platform), Sm = !(dc && "PointerEvent" in window);
 let te, Pl, Cr, Qo, dt, ue, Ae, Bs, Si, Yt, Xt, hs, Tl, Al, kt, Mi, Hs, kl, Wo, Sl, Jo, ea, Pr;
-class Fi extends Am {
+class Fi extends Tm {
   /**
        * Injects THREE as the dependency. You can then proceed to use CameraControls.
        *
@@ -6520,7 +6519,7 @@ class Fi extends Am {
         const U = performance.now();
         y - U < 1e3 && this._getClientRect(this._elementRect), y = U;
       }
-      const L = Sm ? -1 : -3, F = C.deltaMode === 1 ? C.deltaY / L : C.deltaY / (L * 10), A = this.dollyToCursor ? (C.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, k = this.dollyToCursor ? (C.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const L = km ? -1 : -3, F = C.deltaMode === 1 ? C.deltaY / L : C.deltaY / (L * 10), A = this.dollyToCursor ? (C.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, k = this.dollyToCursor ? (C.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case G.ROTATE: {
           this._rotateInternal(C.deltaX, C.deltaY), this._isUserControllingRotate = !0;
@@ -6616,7 +6615,7 @@ class Fi extends Am {
       this.unlockPointer();
     };
     this._addAllEventListeners = (C) => {
-      this._domElement = C, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", c), Mm && this._domElement.addEventListener("mousedown", p), this._domElement.addEventListener("pointercancel", b), this._domElement.addEventListener("wheel", E, { passive: !1 }), this._domElement.addEventListener("contextmenu", S);
+      this._domElement = C, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", c), Sm && this._domElement.addEventListener("mousedown", p), this._domElement.addEventListener("pointercancel", b), this._domElement.addEventListener("wheel", E, { passive: !1 }), this._domElement.addEventListener("contextmenu", S);
     }, this._removeAllEventListeners = () => {
       this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", c), this._domElement.removeEventListener("mousedown", p), this._domElement.removeEventListener("pointercancel", b), this._domElement.removeEventListener("wheel", E, { passive: !1 }), this._domElement.removeEventListener("contextmenu", S), this._domElement.ownerDocument.removeEventListener("pointermove", d, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("mousemove", v), this._domElement.ownerDocument.removeEventListener("pointerup", b), this._domElement.ownerDocument.removeEventListener("mouseup", _), this._domElement.ownerDocument.removeEventListener("pointerlockchange", V), this._domElement.ownerDocument.removeEventListener("pointerlockerror", I));
     }, this.cancel = () => {
@@ -7378,7 +7377,7 @@ class Fi extends Am {
       console.warn("camera-controls is already connected.");
       return;
     }
-    t.setAttribute("data-camera-controls-version", km), this._addAllEventListeners(t);
+    t.setAttribute("data-camera-controls-version", Am), this._addAllEventListeners(t);
   }
   /**
    * Detach all internal event handlers to disable drag control.
@@ -7523,7 +7522,7 @@ class Fi extends Am {
     }), i.radius = Math.sqrt(a), i;
   }
 }
-const Lm = ["min-polar-angle", "max-polar-angle", "min-azimuth-angle", "max-azimuth-angle", "min-distance", "max-distance", "infinity-dolly", "min-zoom", "max-zoom", "smooth-time", "dragging-smooth-time", "max-speed", "azimuth-rotate-speed", "polar-rotate-speed", "dolly-speed", "dolly-drag-inverted", "truck-speed", "dolly-to-cursor", "drag-to-offset", "vertical-drag-to-forward", "boundary-friction", "rest-threshold", "collider-meshes", "args"], Ff = /* @__PURE__ */ ke({
+const Mm = ["min-polar-angle", "max-polar-angle", "min-azimuth-angle", "max-azimuth-angle", "min-distance", "max-distance", "infinity-dolly", "min-zoom", "max-zoom", "smooth-time", "dragging-smooth-time", "max-speed", "azimuth-rotate-speed", "polar-rotate-speed", "dolly-speed", "dolly-drag-inverted", "truck-speed", "dolly-to-cursor", "drag-to-offset", "vertical-drag-to-forward", "boundary-friction", "rest-threshold", "collider-meshes", "args"], Vf = /* @__PURE__ */ ke({
   __name: "CameraControls",
   props: {
     makeDefault: { type: Boolean, default: !1 },
@@ -7597,7 +7596,7 @@ const Lm = ["min-polar-angle", "max-polar-angle", "min-azimuth-angle", "max-azim
       Vector4: zi
     };
     Fi.install({ THREE: q });
-    const { state: le, extend: he, setState: oe } = wt(), ie = ve(null);
+    const { state: le, extend: he, setState: oe } = wt(), ie = fe(null);
     he({ CameraControls: Fi }), ft(ie, (Se) => {
       ne(), Se && o.value ? oe("controls", Se) : oe("controls", null);
     });
@@ -7642,11 +7641,11 @@ const Lm = ["min-polar-angle", "max-polar-angle", "min-azimuth-angle", "max-azim
         "rest-threshold": B(K),
         "collider-meshes": B($),
         args: [B(le).camera || Se.camera, ((de = B(le).renderer) == null ? void 0 : de.domElement) || Se.domElement]
-      }, null, 8, Lm)) : Rn("", !0);
+      }, null, 8, Mm)) : Rn("", !0);
     };
   }
 });
-class Dm extends _a {
+class Lm extends _a {
   constructor(n = {}) {
     super(n);
     Io(this, "_time");
@@ -7681,7 +7680,7 @@ class Dm extends _a {
     this._factor.value = n;
   }
 }
-const Om = ["factor"], zf = /* @__PURE__ */ ke({
+const Dm = ["factor"], Ff = /* @__PURE__ */ ke({
   __name: "index",
   props: {
     speed: { default: 1 },
@@ -7689,7 +7688,7 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
   },
   setup(f) {
     const t = f, n = Ue(), { extend: i } = wt();
-    i({ MeshWobbleMaterial: Dm });
+    i({ MeshWobbleMaterial: Lm });
     const { onLoop: o } = Lt();
     return o(({ elapsed: a }) => {
       n.value && (n.value.time = a * (t == null ? void 0 : t.speed));
@@ -7697,9 +7696,9 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "materialRef",
       ref: n,
       factor: a.factor
-    }, a.$attrs), null, 16, Om));
+    }, a.$attrs), null, 16, Dm));
   }
-}), Rm = ["args"], Im = ["color"], Nf = /* @__PURE__ */ ke({
+}), Om = ["args"], Rm = ["color"], zf = /* @__PURE__ */ ke({
   __name: "Box",
   props: {
     args: { default: () => [1, 1, 1] },
@@ -7713,13 +7712,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "boxRef",
       ref: a
     }, c.$attrs), [
-      fe("TresBoxGeometry", { args: B(i) }, null, 8, Rm),
+      ve("TresBoxGeometry", { args: B(i) }, null, 8, Om),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Im)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Rm)
       ])
     ], 16));
   }
-}), Vm = ["args"], Fm = ["color"], Uf = /* @__PURE__ */ ke({
+}), Im = ["args"], Vm = ["color"], Nf = /* @__PURE__ */ ke({
   __name: "Circle",
   props: {
     args: { default: () => [1, 32, 0, Math.PI * 2] },
@@ -7733,13 +7732,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "circleRef",
       ref: a
     }, c.$attrs), [
-      fe("TresCircleGeometry", { args: B(i) }, null, 8, Vm),
+      ve("TresCircleGeometry", { args: B(i) }, null, 8, Im),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Fm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Vm)
       ])
     ], 16));
   }
-}), zm = ["args"], Nm = ["color"], Bf = /* @__PURE__ */ ke({
+}), Fm = ["args"], zm = ["color"], Uf = /* @__PURE__ */ ke({
   __name: "Cone",
   props: {
     args: { default: () => [1, 1, 12, 12, !1, 0, Math.PI * 2] },
@@ -7753,13 +7752,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "coneRef",
       ref: a
     }, c.$attrs), [
-      fe("TresConeGeometry", { args: B(i) }, null, 8, zm),
+      ve("TresConeGeometry", { args: B(i) }, null, 8, Fm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Nm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, zm)
       ])
     ], 16));
   }
-}), Um = ["args"], Bm = ["color"], Hf = /* @__PURE__ */ ke({
+}), Nm = ["args"], Um = ["color"], Bf = /* @__PURE__ */ ke({
   __name: "Dodecahedron",
   props: {
     args: { default: () => [1, 0] },
@@ -7773,13 +7772,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "dodecahedronRef",
       ref: a
     }, c.$attrs), [
-      fe("TresDodecahedronGeometry", { args: B(i) }, null, 8, Um),
+      ve("TresDodecahedronGeometry", { args: B(i) }, null, 8, Nm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Bm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Um)
       ])
     ], 16));
   }
-}), Hm = ["args"], jm = ["color"], jf = /* @__PURE__ */ ke({
+}), Bm = ["args"], Hm = ["color"], Hf = /* @__PURE__ */ ke({
   __name: "Icosahedron",
   props: {
     args: { default: () => [1, 0] },
@@ -7793,13 +7792,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "icosahedronRef",
       ref: a
     }, c.$attrs), [
-      fe("TresIcosahedronGeometry", { args: B(i) }, null, 8, Hm),
+      ve("TresIcosahedronGeometry", { args: B(i) }, null, 8, Bm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, jm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Hm)
       ])
     ], 16));
   }
-}), Gm = ["args"], Km = ["color"], Gf = /* @__PURE__ */ ke({
+}), jm = ["args"], Gm = ["color"], jf = /* @__PURE__ */ ke({
   __name: "Octahedron",
   props: {
     args: { default: () => [1, 0] },
@@ -7813,13 +7812,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "octahedronRef",
       ref: a
     }, c.$attrs), [
-      fe("TresOctahedronGeometry", { args: B(i) }, null, 8, Gm),
+      ve("TresOctahedronGeometry", { args: B(i) }, null, 8, jm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Km)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Gm)
       ])
     ], 16));
   }
-}), $m = ["rotation"], Ym = ["args"], Xm = ["color"], Kf = /* @__PURE__ */ ke({
+}), Km = ["rotation"], $m = ["args"], Ym = ["color"], Gf = /* @__PURE__ */ ke({
   __name: "Plane",
   props: {
     args: { default: () => [1, 1] },
@@ -7834,13 +7833,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref: a,
       rotation: [-Math.PI / 2, 0, 0]
     }, c.$attrs), [
-      fe("TresPlaneGeometry", { args: B(i) }, null, 8, Ym),
+      ve("TresPlaneGeometry", { args: B(i) }, null, 8, $m),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Xm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Ym)
       ])
-    ], 16, $m));
+    ], 16, Km));
   }
-}), Zm = ["args"], qm = ["color"], $f = /* @__PURE__ */ ke({
+}), Xm = ["args"], Zm = ["color"], Kf = /* @__PURE__ */ ke({
   __name: "Ring",
   props: {
     args: { default: () => [0.5, 1, 32] },
@@ -7854,13 +7853,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "ringRef",
       ref: a
     }, c.$attrs), [
-      fe("TresRingGeometry", { args: B(i) }, null, 8, Zm),
+      ve("TresRingGeometry", { args: B(i) }, null, 8, Xm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, qm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Zm)
       ])
     ], 16));
   }
-}), Qm = ["args"], Wm = ["color"], Yf = /* @__PURE__ */ ke({
+}), qm = ["args"], Qm = ["color"], $f = /* @__PURE__ */ ke({
   __name: "Sphere",
   props: {
     args: { default: () => [2, 32, 16] },
@@ -7874,13 +7873,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "sphereRef",
       ref: a
     }, c.$attrs), [
-      fe("TresSphereGeometry", { args: B(i) }, null, 8, Qm),
+      ve("TresSphereGeometry", { args: B(i) }, null, 8, qm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, Wm)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, Qm)
       ])
     ], 16));
   }
-}), Jm = ["rotation"], ef = ["args"], tf = ["color"], Xf = /* @__PURE__ */ ke({
+}), Wm = ["rotation"], Jm = ["args"], ef = ["color"], Yf = /* @__PURE__ */ ke({
   __name: "Tetrahedron",
   props: {
     args: { default: () => [1, 0] },
@@ -7895,13 +7894,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref: a,
       rotation: [-Math.PI / 2, 0, 0]
     }, c.$attrs), [
-      fe("TresTetrahedronGeometry", { args: B(i) }, null, 8, ef),
+      ve("TresTetrahedronGeometry", { args: B(i) }, null, 8, Jm),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, tf)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, ef)
       ])
-    ], 16, Jm));
+    ], 16, Wm));
   }
-}), nf = ["args"], sf = ["color"], Zf = /* @__PURE__ */ ke({
+}), tf = ["args"], nf = ["color"], Xf = /* @__PURE__ */ ke({
   __name: "Torus",
   props: {
     args: { default: () => [1, 1, 16, 80] },
@@ -7915,13 +7914,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "torusRef",
       ref: a
     }, c.$attrs), [
-      fe("TresTorusGeometry", { args: B(i) }, null, 8, nf),
+      ve("TresTorusGeometry", { args: B(i) }, null, 8, tf),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, sf)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, nf)
       ])
     ], 16));
   }
-}), rf = ["args"], of = ["color"], qf = /* @__PURE__ */ ke({
+}), sf = ["args"], rf = ["color"], Zf = /* @__PURE__ */ ke({
   __name: "TorusKnot",
   props: {
     args: { default: () => [1, 0.4, 64, 8] },
@@ -7935,13 +7934,13 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "torusKnotRef",
       ref: a
     }, c.$attrs), [
-      fe("TresTorusKnotGeometry", { args: B(i) }, null, 8, rf),
+      ve("TresTorusKnotGeometry", { args: B(i) }, null, 8, sf),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, of)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, rf)
       ])
     ], 16));
   }
-}), af = ["args"], lf = ["color"], Qf = /* @__PURE__ */ ke({
+}), of = ["args"], af = ["color"], qf = /* @__PURE__ */ ke({
   __name: "Tube",
   props: {
     args: { default: () => [
@@ -7961,16 +7960,16 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
       ref_key: "tubeRef",
       ref: a
     }, c.$attrs), [
-      fe("TresTubeGeometry", { args: B(i) }, null, 8, af),
+      ve("TresTubeGeometry", { args: B(i) }, null, 8, of),
       Je(c.$slots, "default", {}, () => [
-        fe("TresMeshBasicMaterial", { color: B(o) }, null, 8, lf)
+        ve("TresMeshBasicMaterial", { color: B(o) }, null, 8, af)
       ])
     ], 16));
   }
-}), cf = ["receive-shadow", "rotation"], hf = ["args"], pf = /* @__PURE__ */ fe("TresMeshStandardMaterial", {
+}), lf = ["receive-shadow", "rotation"], cf = ["args"], hf = /* @__PURE__ */ ve("TresMeshStandardMaterial", {
   color: 8421504,
   side: 2
-}, null, -1), Wf = /* @__PURE__ */ ke({
+}, null, -1), Qf = /* @__PURE__ */ ke({
   __name: "Backdrop",
   props: {
     floor: { default: 0.25 },
@@ -7978,7 +7977,7 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
     receiveShadow: { type: Boolean, default: !1 }
   },
   setup(f) {
-    const t = f, n = (p) => p === 0 ? 0 : Math.pow(2, 10 * p - 10), { floor: i, segments: o, receiveShadow: a } = Be(t), c = ve(null);
+    const t = f, n = (p) => p === 0 ? 0 : Math.pow(2, 10 * p - 10), { floor: i, segments: o, receiveShadow: a } = Be(t), c = fe(null);
     return ft(
       () => [o.value, i.value, c.value],
       ([p, d, v]) => {
@@ -7997,19 +7996,19 @@ const Om = ["factor"], zf = /* @__PURE__ */ ke({
         y.needsUpdate = !0, v.computeVertexNormals();
       }
     ), (p, d) => (xe(), Pe("TresGroup", bp(wp(p.$attrs)), [
-      fe("TresMesh", {
+      ve("TresMesh", {
         "receive-shadow": B(a),
         rotation: [-Math.PI / 2, 0, Math.PI / 2]
       }, [
-        fe("TresPlaneGeometry", {
+        ve("TresPlaneGeometry", {
           ref_key: "planeRef",
           ref: c,
           args: [1, 1, B(o), B(o)]
-        }, null, 8, hf),
+        }, null, 8, cf),
         Je(p.$slots, "default", {}, () => [
-          pf
+          hf
         ])
-      ], 8, cf)
+      ], 8, lf)
     ], 16));
   }
 });
@@ -13361,7 +13360,7 @@ var pa = { exports: {} };
     n.BladeApi = o, n.ButtonApi = N, n.FolderApi = Ws, n.InputBindingApi = qs, n.ListApi = tl, n.MonitorBindingApi = Qs, n.Pane = ip, n.SeparatorApi = ji, n.SliderApi = nl, n.TabApi = Ki, n.TabPageApi = ni, n.TextApi = sl, n.TpChangeEvent = c, n.VERSION = rp, Object.defineProperty(n, "__esModule", { value: !0 });
   });
 })(pa, pa.exports);
-var uf = pa.exports, ua = { exports: {} };
+var pf = pa.exports, ua = { exports: {} };
 (function(f, t) {
   (function(n, i) {
     i(t);
@@ -16031,15 +16030,15 @@ var uf = pa.exports, ua = { exports: {} };
   });
 })(ua, ua.exports);
 var mc = ua.exports;
-const df = /* @__PURE__ */ Id(mc), mf = /* @__PURE__ */ nu({
+const uf = /* @__PURE__ */ Id(mc), df = /* @__PURE__ */ nu({
   __proto__: null,
-  default: df
+  default: uf
 }, [mc]);
 let Nt, Tr;
-const Jf = (f = "body") => {
-  Nt || (Nt = new uf.Pane({
+const Wf = (f = "body") => {
+  Nt || (Nt = new pf.Pane({
     container: document.querySelector(f)
-  }), Nt.element.style.position = "absolute", Nt.element.style.top = "1rem", Nt.element.style.right = "1rem", Nt.element.style.zIndex = "9999", Nt.registerPlugin(mf), Tr = Nt.addBlade({
+  }), Nt.element.style.position = "absolute", Nt.element.style.top = "1rem", Nt.element.style.right = "1rem", Nt.element.style.zIndex = "9999", Nt.registerPlugin(df), Tr = Nt.addBlade({
     view: "fpsgraph",
     label: "fpsgraph"
   }));
@@ -16054,42 +16053,42 @@ const Jf = (f = "body") => {
   }), { pane: Nt, fpsGraph: Tr, disposeTweakPane: t };
 };
 export {
-  Wf as Backdrop,
-  Nf as Box,
-  Ff as CameraControls,
-  Uf as Circle,
-  Bf as Cone,
-  Tf as ContactShadows,
-  Hf as Dodecahedron,
-  yf as Environment,
-  Sf as FBXModel,
-  kf as GLTFModel,
-  jf as Icosahedron,
-  Df as KeyboardControls,
-  Pf as Levioso,
-  If as MapControls,
-  zf as MeshWobbleMaterial,
-  Af as MouseParallax,
-  Gf as Octahedron,
-  Lf as OrbitControls,
-  Kf as Plane,
-  Rf as PointerLockControls,
-  Ef as Precipitation,
-  $f as Ring,
-  Vf as ScrollControls,
-  Cf as Smoke,
-  Yf as Sphere,
-  xf as Stars,
-  Xf as Tetrahedron,
-  bf as Text3D,
-  Zf as Torus,
-  qf as TorusKnot,
-  Of as TransformControls,
-  Qf as Tube,
-  wf as useAnimations,
+  Qf as Backdrop,
+  zf as Box,
+  Vf as CameraControls,
+  Nf as Circle,
+  Uf as Cone,
+  Pf as ContactShadows,
+  Bf as Dodecahedron,
+  wf as Environment,
+  kf as FBXModel,
+  Af as GLTFModel,
+  Hf as Icosahedron,
+  Lf as KeyboardControls,
+  Cf as Levioso,
+  Rf as MapControls,
+  Ff as MeshWobbleMaterial,
+  Tf as MouseParallax,
+  jf as Octahedron,
+  Mf as OrbitControls,
+  Gf as Plane,
+  Of as PointerLockControls,
+  xf as Precipitation,
+  Kf as Ring,
+  If as ScrollControls,
+  Ef as Smoke,
+  $f as Sphere,
+  yf as Stars,
+  Yf as Tetrahedron,
+  gf as Text3D,
+  Xf as Torus,
+  Zf as TorusKnot,
+  Df as TransformControls,
+  qf as Tube,
+  bf as useAnimations,
   Ud as useEnvironment,
-  gm as useFBX,
-  _m as useGLTF,
-  Mf as useProgress,
-  Jf as useTweakPane
+  _m as useFBX,
+  vm as useGLTF,
+  Sf as useProgress,
+  Wf as useTweakPane
 };