@tomorrowevening/hermes 0.0.74 → 0.0.75

package/dist/hermes.es.js

@@ -1,7 +1,7 @@
-import { EventDispatcher as pn, Texture as gn, CubeTexture as Hn, RepeatWrapping as Vt, WebGLRenderTarget as Yn, Color as Ut, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as J, Euler as oa, Line as ca, BufferGeometry as qt, Float32BufferAttribute as Kt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as it, TOUCH as rt, Quaternion as Xt, Spherical as Zt, Vector2 as pe, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Jt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as Pt, Raycaster as Ea, OrthographicCamera as Qt, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
+import { EventDispatcher as pn, Texture as gn, CubeTexture as Hn, RepeatWrapping as Vt, WebGLRenderTarget as Yn, Color as Ut, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as Q, Euler as oa, Line as ca, BufferGeometry as qt, Float32BufferAttribute as Kt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as it, TOUCH as rt, Quaternion as Xt, Spherical as Zt, Vector2 as ge, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Jt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as Pt, Raycaster as Ea, OrthographicCamera as Qt, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
 import { Pane as Oa } from "tweakpane";
 import * as Ta from "@tweakpane/plugin-essentials";
-import Nn, { useState as W, useRef as V, useEffect as Re, useMemo as se, forwardRef as Ra } from "react";
+import Nn, { useState as G, useRef as V, useEffect as Re, useMemo as oe, forwardRef as Ra } from "react";
 import { Reorder as Ln } from "framer-motion";
 const $t = () => {
 }, ki = () => {
@@ -30,10 +30,10 @@ function ka(e) {
 }
 function Da(e) {
   const n = Math.round(e.r * 255), a = Math.round(e.g * 255), t = Math.round(e.b * 255), i = (h) => {
-    const u = h.toString(16);
-    return u.length === 1 ? "0" + u : u;
-  }, o = i(n), d = i(a), r = i(t);
-  return "#" + o + d + r;
+    const d = h.toString(16);
+    return d.length === 1 ? "0" + d : d;
+  }, c = i(n), u = i(a), r = i(t);
+  return "#" + c + u + r;
 }
 function nn(e, n = 1) {
   return Number(e.toFixed(n));
@@ -244,26 +244,26 @@ class zt extends Tt {
       t.search(`${n}_`) > -1 && this.unsubscribe(a);
     });
   }
-  sheetObject(n, a, t, i, o) {
+  sheetObject(n, a, t, i, c) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const d = this.sheet(n, o);
-    if (d === void 0)
+    const u = this.sheet(n, c);
+    if (u === void 0)
       return;
-    const h = `${this.getSheetInstance(n, o)}_${a}`;
-    let u = this.sheetObjects.get(h);
-    u !== void 0 ? u = d.object(a, { ...t, ...u.value }, { reconfigure: !0 }) : u = d.object(a, t), this.sheetObjects.set(h, u), this.sheetObjectCBs.set(h, i !== void 0 ? i : $t);
-    const f = u.onValuesChange((m) => {
+    const h = `${this.getSheetInstance(n, c)}_${a}`;
+    let d = this.sheetObjects.get(h);
+    d !== void 0 ? d = u.object(a, { ...t, ...d.value }, { reconfigure: !0 }) : d = u.object(a, t), this.sheetObjects.set(h, d), this.sheetObjectCBs.set(h, i !== void 0 ? i : $t);
+    const f = d.onValuesChange((m) => {
       if (this.app.editor) {
-        for (const E in m) {
-          const D = m[E];
-          typeof D == "object" && ka(D) && (m[E] = {
-            r: D.r,
-            g: D.g,
-            b: D.b,
-            a: D.a
+        for (const x in m) {
+          const _ = m[x];
+          typeof _ == "object" && ka(_) && (m[x] = {
+            r: _.r,
+            g: _.g,
+            b: _.b,
+            a: _.a
           });
         }
         this.app.send({
@@ -276,10 +276,10 @@ class zt extends Tt {
           }
         });
       }
-      const b = this.sheetObjectCBs.get(h);
-      b !== void 0 && b(m);
+      const v = this.sheetObjectCBs.get(h);
+      v !== void 0 && v(m);
     });
-    return this.sheetObjectUnsubscribe.set(h, f), u;
+    return this.sheetObjectUnsubscribe.set(h, f), d;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
@@ -288,24 +288,24 @@ class zt extends Tt {
     }
     const a = n.address.sheetId, t = n.address.objectKey;
     this.sheets.get(a)?.detachObject(t);
-    const o = `${a}_${t}`, d = this.sheetObjectUnsubscribe.get(o);
-    d !== void 0 && (this.sheetObjects.delete(o), this.sheetObjectCBs.delete(o), this.sheetObjectUnsubscribe.delete(o), d());
+    const c = `${a}_${t}`, u = this.sheetObjectUnsubscribe.get(c);
+    u !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), u());
   }
   handleApp(n, a, t) {
     const i = a;
-    let o;
+    let c;
     switch (t.event) {
       case "setSheet":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && (i.activeSheet = o, this.studio?.setSelection([o]));
+        c = i.sheets.get(t.data.sheet), c !== void 0 && (i.activeSheet = c, this.studio?.setSelection([c]));
         break;
       case "setSheetObject":
-        o = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), o !== void 0 && this.studio?.setSelection([o]);
+        c = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), c !== void 0 && this.studio?.setSelection([c]);
         break;
       case "updateSheetObject":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && o.sequence.pause(), o = i.sheetObjectCBs.get(t.data.sheetObject), o !== void 0 && o(t.data.values);
+        c = i.sheets.get(t.data.sheet), c !== void 0 && c.sequence.pause(), c = i.sheetObjectCBs.get(t.data.sheetObject), c !== void 0 && c(t.data.values);
         break;
       case "updateTimeline":
-        o = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
+        c = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
         break;
     }
   }
@@ -324,88 +324,88 @@ class zt extends Tt {
   }
   handleEditorApp(n, a) {
     if (n.editor) {
-      this.studio?.ui.restore(), this.studio?.onSelectionChange((d) => {
-        d.length < 1 || d.forEach((r) => {
-          let h = r.address.sheetId, u = "setSheet", f = {};
+      this.studio?.ui.restore(), this.studio?.onSelectionChange((u) => {
+        u.length < 1 || u.forEach((r) => {
+          let h = r.address.sheetId, d = "setSheet", f = {};
           switch (r.type) {
             case "Theatre_Sheet_PublicAPI":
-              u = "setSheet", f = {
+              d = "setSheet", f = {
                 sheet: r.address.sheetId
               }, a.activeSheet = a.sheets.get(r.address.sheetId);
               break;
             case "Theatre_SheetObject_PublicAPI":
-              u = "setSheetObject", h += `_${r.address.objectKey}`, f = {
+              d = "setSheetObject", h += `_${r.address.objectKey}`, f = {
                 id: h,
                 sheet: r.address.sheetId,
                 key: r.address.objectKey
               }, a.activeSheet = a.sheets.get(r.address.sheetId);
               break;
           }
-          n.send({ event: u, target: "app", data: f });
+          n.send({ event: d, target: "app", data: f });
         });
       });
       let t = -1;
       const i = () => {
         if (zt.rafDriver?.tick(performance.now()), a.activeSheet !== void 0 && t !== a.activeSheet.sequence.position) {
           t = a.activeSheet.sequence.position;
-          const d = a.activeSheet;
+          const u = a.activeSheet;
           n.send({
             event: "updateTimeline",
             target: "app",
             data: {
               position: t,
-              sheet: d.address.sheetId
+              sheet: u.address.sheetId
             }
           });
         }
-      }, o = () => {
-        i(), requestAnimationFrame(o);
+      }, c = () => {
+        i(), requestAnimationFrame(c);
       };
-      i(), o();
+      i(), c();
     } else
       this.studio?.ui.hide();
   }
 }
 function Ii(e, n, a) {
   if (e.editor) {
-    a.ui.restore(), a.onSelectionChange((d) => {
-      d.length < 1 || d.forEach((r) => {
-        let h = r.address.sheetId, u = "setSheet", f = {};
+    a.ui.restore(), a.onSelectionChange((u) => {
+      u.length < 1 || u.forEach((r) => {
+        let h = r.address.sheetId, d = "setSheet", f = {};
         switch (r.type) {
           case "Theatre_Sheet_PublicAPI":
-            u = "setSheet", f = {
+            d = "setSheet", f = {
               sheet: r.address.sheetId
             }, n.activeSheet = n.sheets.get(r.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            u = "setSheetObject", h += `_${r.address.objectKey}`, f = {
+            d = "setSheetObject", h += `_${r.address.objectKey}`, f = {
               id: h,
               sheet: r.address.sheetId,
               key: r.address.objectKey
             }, n.activeSheet = n.sheets.get(r.address.sheetId);
             break;
         }
-        e.send({ event: u, target: "app", data: f });
+        e.send({ event: d, target: "app", data: f });
       });
     });
     let t = -1;
     const i = () => {
       if (zt.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && t !== n.activeSheet.sequence.position) {
         t = n.activeSheet.sequence.position;
-        const d = n.activeSheet;
+        const u = n.activeSheet;
         e.send({
           event: "updateTimeline",
           target: "app",
           data: {
             position: t,
-            sheet: d.address.sheetId
+            sheet: u.address.sheetId
           }
         });
       }
-    }, o = () => {
-      i(), requestAnimationFrame(o);
+    }, c = () => {
+      i(), requestAnimationFrame(c);
     };
-    i(), o();
+    i(), c();
   } else
     a.ui.hide();
 }
@@ -478,9 +478,9 @@ function st(e) {
         if (i !== null)
           if (n[a] = i, i.isTexture)
             if (i instanceof gn) {
-              const d = i.source.toJSON().url;
+              const u = i.source.toJSON().url;
               n[a] = {
-                src: d,
+                src: u,
                 offset: [i.offset.x, i.offset.y],
                 repeat: [i.repeat.x, i.repeat.y]
               };
@@ -530,8 +530,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -539,8 +539,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -548,8 +548,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -605,7 +605,7 @@ function La(e, n) {
   for (const a in n)
     e[a] = n[a];
 }
-function te(e, n, a) {
+function ne(e, n, a) {
   if (e === void 0) {
     console.log(`Hermes - Can't set props: ${n}`, a);
     return;
@@ -630,25 +630,25 @@ function te(e, n, a) {
         break;
     }
   else {
-    let d;
+    let u;
     switch (i) {
       case 1:
-        d = e[t[0]];
+        u = e[t[0]];
         break;
       case 2:
-        d = e[t[0]][t[1]];
+        u = e[t[0]][t[1]];
         break;
       case 3:
-        d = e[t[0]][t[1]][t[2]];
+        u = e[t[0]][t[1]][t[2]];
         break;
       case 4:
-        d = e[t[0]][t[1]][t[2]][t[3]];
+        u = e[t[0]][t[1]][t[2]][t[3]];
         break;
       case 5:
-        d = e[t[0]][t[1]][t[2]][t[3]][t[4]];
+        u = e[t[0]][t[1]][t[2]][t[3]][t[4]];
         break;
     }
-    d != null && La(d, a);
+    u != null && La(u, a);
   }
 }
 function Bn(e) {
@@ -886,13 +886,13 @@ class Li extends Tt {
   }
   // Binding
   bind(n, a, t, i = void 0) {
-    const o = this.bindID, d = t.onChange !== void 0 ? t.onChange : $t;
-    this.bindCBs.set(o, d), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, t).on("change", (h) => {
+    const c = this.bindID, u = t.onChange !== void 0 ? t.onChange : $t;
+    this.bindCBs.set(c, u), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, t).on("change", (h) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: o,
+          id: c,
           value: h.value
         }
       });
@@ -900,7 +900,7 @@ class Li extends Tt {
       event: "bindObject",
       target: "app",
       data: {
-        id: o,
+        id: c,
         name: a,
         params: t,
         parent: i
@@ -982,18 +982,18 @@ function Ba() {
   if (rn)
     return dt;
   rn = 1;
-  var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(r, h, u) {
-    var f, m = {}, b = null, E = null;
-    u !== void 0 && (b = "" + u), h.key !== void 0 && (b = "" + h.key), h.ref !== void 0 && (E = h.ref);
+  var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(r, h, d) {
+    var f, m = {}, v = null, x = null;
+    d !== void 0 && (v = "" + d), h.key !== void 0 && (v = "" + h.key), h.ref !== void 0 && (x = h.ref);
     for (f in h)
-      t.call(h, f) && !o.hasOwnProperty(f) && (m[f] = h[f]);
+      t.call(h, f) && !c.hasOwnProperty(f) && (m[f] = h[f]);
     if (r && r.defaultProps)
       for (f in h = r.defaultProps, h)
         m[f] === void 0 && (m[f] = h[f]);
-    return { $$typeof: n, type: r, key: b, ref: E, props: m, _owner: i.current };
+    return { $$typeof: n, type: r, key: v, ref: x, props: m, _owner: i.current };
   }
-  return dt.Fragment = a, dt.jsx = d, dt.jsxs = d, dt;
+  return dt.Fragment = a, dt.jsx = u, dt.jsxs = u, dt;
 }
 var ht = {};
 /**
@@ -1008,51 +1008,51 @@ var ht = {};
 var sn;
 function Fa() {
   return sn || (sn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), D = Symbol.iterator, $ = "@@iterator";
-    function z(s) {
+    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), _ = Symbol.iterator, q = "@@iterator";
+    function U(s) {
       if (s === null || typeof s != "object")
         return null;
-      var p = D && s[D] || s[$];
+      var p = _ && s[_] || s[q];
       return typeof p == "function" ? p : null;
     }
-    var B = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function C(s) {
       {
         for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), w = 1; w < p; w++)
           y[w - 1] = arguments[w];
-        T("error", s, y);
+        K("error", s, y);
       }
     }
-    function T(s, p, y) {
+    function K(s, p, y) {
       {
-        var w = B.ReactDebugCurrentFrame, U = w.getStackAddendum();
-        U !== "" && (p += "%s", y = y.concat([U]));
-        var H = y.map(function(N) {
+        var w = $.ReactDebugCurrentFrame, F = w.getStackAddendum();
+        F !== "" && (p += "%s", y = y.concat([F]));
+        var W = y.map(function(N) {
           return String(N);
         });
-        H.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, H);
+        W.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, W);
       }
     }
-    var X = !1, ne = !1, ge = !1, q = !1, ve = !1, le;
-    le = Symbol.for("react.module.reference");
+    var M = !1, Z = !1, ue = !1, H = !1, ve = !1, re;
+    re = Symbol.for("react.module.reference");
     function _e(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ve || s === i || s === u || s === f || q || s === E || X || ne || ge || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === m || s.$$typeof === d || s.$$typeof === r || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === t || s === c || ve || s === i || s === d || s === f || H || s === x || M || Z || ue || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === m || s.$$typeof === u || s.$$typeof === r || s.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === le || s.getModuleId !== void 0));
+      s.$$typeof === re || s.getModuleId !== void 0));
     }
     function ke(s, p, y) {
       var w = s.displayName;
       if (w)
         return w;
-      var U = p.displayName || p.name || "";
-      return U !== "" ? y + "(" + U + ")" : y;
+      var F = p.displayName || p.name || "";
+      return F !== "" ? y + "(" + F + ")" : y;
     }
     function ye(s) {
       return s.displayName || "Context";
     }
-    function F(s) {
+    function B(s) {
       if (s == null)
         return null;
       if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
@@ -1064,11 +1064,11 @@ function Fa() {
           return "Fragment";
         case a:
           return "Portal";
-        case o:
+        case c:
           return "Profiler";
         case i:
           return "StrictMode";
-        case u:
+        case d:
           return "Suspense";
         case f:
           return "SuspenseList";
@@ -1078,18 +1078,18 @@ function Fa() {
           case r:
             var p = s;
             return ye(p) + ".Consumer";
-          case d:
+          case u:
             var y = s;
             return ye(y._context) + ".Provider";
           case h:
             return ke(s, s.render, "ForwardRef");
           case m:
             var w = s.displayName || null;
-            return w !== null ? w : F(s.type) || "Memo";
-          case b: {
-            var U = s, H = U._payload, N = U._init;
+            return w !== null ? w : B(s.type) || "Memo";
+          case v: {
+            var F = s, W = F._payload, N = F._init;
             try {
-              return F(N(H));
+              return B(N(W));
             } catch {
               return null;
             }
@@ -1159,14 +1159,14 @@ function Fa() {
         R < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Le = B.ReactCurrentDispatcher, ae;
-    function fe(s, p, y) {
+    var Le = $.ReactCurrentDispatcher, ae;
+    function me(s, p, y) {
       {
         if (ae === void 0)
           try {
             throw Error();
-          } catch (U) {
-            var w = U.stack.trim().match(/\n( *(at )?)/);
+          } catch (F) {
+            var w = F.stack.trim().match(/\n( *(at )?)/);
             ae = w && w[1] || "";
           }
         return `
@@ -1188,10 +1188,10 @@ function Fa() {
       }
       var w;
       Ue = !0;
-      var U = Error.prepareStackTrace;
+      var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var H;
-      H = Le.current, Le.current = null, Ke();
+      var W;
+      W = Le.current, Le.current = null, Ke();
       try {
         if (p) {
           var N = function() {
@@ -1227,32 +1227,32 @@ function Fa() {
       } catch (Fe) {
         if (Fe && w && typeof Fe.stack == "string") {
           for (var I = Fe.stack.split(`
-`), he = w.stack.split(`
-`), ee = I.length - 1, ie = he.length - 1; ee >= 1 && ie >= 0 && I[ee] !== he[ie]; )
+`), fe = w.stack.split(`
+`), te = I.length - 1, ie = fe.length - 1; te >= 1 && ie >= 0 && I[te] !== fe[ie]; )
             ie--;
-          for (; ee >= 1 && ie >= 0; ee--, ie--)
-            if (I[ee] !== he[ie]) {
-              if (ee !== 1 || ie !== 1)
+          for (; te >= 1 && ie >= 0; te--, ie--)
+            if (I[te] !== fe[ie]) {
+              if (te !== 1 || ie !== 1)
                 do
-                  if (ee--, ie--, ie < 0 || I[ee] !== he[ie]) {
+                  if (te--, ie--, ie < 0 || I[te] !== fe[ie]) {
                     var we = `
-` + I[ee].replace(" at new ", " at ");
+` + I[te].replace(" at new ", " at ");
                     return s.displayName && we.includes("<anonymous>") && (we = we.replace("<anonymous>", s.displayName)), typeof s == "function" && Be.set(s, we), we;
                   }
-                while (ee >= 1 && ie >= 0);
+                while (te >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        Ue = !1, Le.current = H, ct(), Error.prepareStackTrace = U;
+        Ue = !1, Le.current = W, ct(), Error.prepareStackTrace = F;
       }
-      var at = s ? s.displayName || s.name : "", Yt = at ? fe(at) : "";
+      var at = s ? s.displayName || s.name : "", Yt = at ? me(at) : "";
       return typeof s == "function" && Be.set(s, Yt), Yt;
     }
-    function v(s, p, y) {
+    function b(s, p, y) {
       return g(s, !1);
     }
-    function M(s) {
+    function O(s) {
       var p = s.prototype;
       return !!(p && p.isReactComponent);
     }
@@ -1260,61 +1260,61 @@ function Fa() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return g(s, M(s));
+        return g(s, O(s));
       if (typeof s == "string")
-        return fe(s);
+        return me(s);
       switch (s) {
-        case u:
-          return fe("Suspense");
+        case d:
+          return me("Suspense");
         case f:
-          return fe("SuspenseList");
+          return me("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
-            return v(s.render);
+            return b(s.render);
           case m:
             return j(s.type, p, y);
-          case b: {
-            var w = s, U = w._payload, H = w._init;
+          case v: {
+            var w = s, F = w._payload, W = w._init;
             try {
-              return j(H(U), p, y);
+              return j(W(F), p, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var oe = Object.prototype.hasOwnProperty, ue = {}, O = B.ReactDebugCurrentFrame;
+    var ce = Object.prototype.hasOwnProperty, de = {}, T = $.ReactDebugCurrentFrame;
     function S(s) {
       if (s) {
         var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
-        O.setExtraStackFrame(y);
+        T.setExtraStackFrame(y);
       } else
-        O.setExtraStackFrame(null);
+        T.setExtraStackFrame(null);
     }
-    function G(s, p, y, w, U) {
+    function z(s, p, y, w, F) {
       {
-        var H = Function.call.bind(oe);
+        var W = Function.call.bind(ce);
         for (var N in s)
-          if (H(s, N)) {
+          if (W(s, N)) {
             var I = void 0;
             try {
               if (typeof s[N] != "function") {
-                var he = Error((w || "React class") + ": " + y + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw he.name = "Invariant Violation", he;
+                var fe = Error((w || "React class") + ": " + y + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw fe.name = "Invariant Violation", fe;
               }
               I = s[N](p, N, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ee) {
-              I = ee;
+            } catch (te) {
+              I = te;
             }
-            I && !(I instanceof Error) && (S(U), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, N, typeof I), S(null)), I instanceof Error && !(I.message in ue) && (ue[I.message] = !0, S(U), C("Failed %s type: %s", y, I.message), S(null));
+            I && !(I instanceof Error) && (S(F), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, N, typeof I), S(null)), I instanceof Error && !(I.message in de) && (de[I.message] = !0, S(F), C("Failed %s type: %s", y, I.message), S(null));
           }
       }
     }
-    var Z = Array.isArray;
-    function _(s) {
-      return Z(s);
+    var J = Array.isArray;
+    function k(s) {
+      return J(s);
     }
     function Y(s) {
       {
@@ -1322,7 +1322,7 @@ function Fa() {
         return y;
       }
     }
-    function Q(s) {
+    function ee(s) {
       try {
         return $e(s), !1;
       } catch {
@@ -1333,10 +1333,10 @@ function Fa() {
       return "" + s;
     }
     function ze(s) {
-      if (Q(s))
+      if (ee(s))
         return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Y(s)), $e(s);
     }
-    var Ge = B.ReactCurrentOwner, lt = {
+    var Ge = $.ReactCurrentOwner, lt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -1344,7 +1344,7 @@ function Fa() {
     }, ut, pt, tt;
     tt = {};
     function _t(s) {
-      if (oe.call(s, "ref")) {
+      if (ce.call(s, "ref")) {
         var p = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (p && p.isReactWarning)
           return !1;
@@ -1352,7 +1352,7 @@ function Fa() {
       return s.ref !== void 0;
     }
     function kt(s) {
-      if (oe.call(s, "key")) {
+      if (ce.call(s, "key")) {
         var p = Object.getOwnPropertyDescriptor(s, "key").get;
         if (p && p.isReactWarning)
           return !1;
@@ -1361,8 +1361,8 @@ function Fa() {
     }
     function Dt(s, p) {
       if (typeof s.ref == "string" && Ge.current && p && Ge.current.stateNode !== p) {
-        var y = F(Ge.current.type);
-        tt[y] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(Ge.current.type), s.ref), tt[y] = !0);
+        var y = B(Ge.current.type);
+        tt[y] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Ge.current.type), s.ref), tt[y] = !0);
       }
     }
     function gt(s, p) {
@@ -1387,7 +1387,7 @@ function Fa() {
         });
       }
     }
-    var Wt = function(s, p, y, w, U, H, N) {
+    var Wt = function(s, p, y, w, F, W, N) {
       var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -1397,7 +1397,7 @@ function Fa() {
         ref: y,
         props: N,
         // Record the component responsible for creating this element.
-        _owner: H
+        _owner: W
       };
       return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
@@ -1413,44 +1413,44 @@ function Fa() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: U
+        value: F
       }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function c(s, p, y, w, U) {
+    function o(s, p, y, w, F) {
       {
-        var H, N = {}, I = null, he = null;
-        y !== void 0 && (ze(y), I = "" + y), kt(p) && (ze(p.key), I = "" + p.key), _t(p) && (he = p.ref, Dt(p, U));
-        for (H in p)
-          oe.call(p, H) && !lt.hasOwnProperty(H) && (N[H] = p[H]);
+        var W, N = {}, I = null, fe = null;
+        y !== void 0 && (ze(y), I = "" + y), kt(p) && (ze(p.key), I = "" + p.key), _t(p) && (fe = p.ref, Dt(p, F));
+        for (W in p)
+          ce.call(p, W) && !lt.hasOwnProperty(W) && (N[W] = p[W]);
         if (s && s.defaultProps) {
-          var ee = s.defaultProps;
-          for (H in ee)
-            N[H] === void 0 && (N[H] = ee[H]);
+          var te = s.defaultProps;
+          for (W in te)
+            N[W] === void 0 && (N[W] = te[W]);
         }
-        if (I || he) {
+        if (I || fe) {
           var ie = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          I && gt(N, ie), he && We(N, ie);
+          I && gt(N, ie), fe && We(N, ie);
         }
-        return Wt(s, I, he, U, w, Ge.current, N);
+        return Wt(s, I, fe, F, w, Ge.current, N);
       }
     }
-    var x = B.ReactCurrentOwner, k = B.ReactDebugCurrentFrame;
+    var E = $.ReactCurrentOwner, D = $.ReactDebugCurrentFrame;
     function L(s) {
       if (s) {
         var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
-        k.setExtraStackFrame(y);
+        D.setExtraStackFrame(y);
       } else
-        k.setExtraStackFrame(null);
+        D.setExtraStackFrame(null);
     }
-    var re;
-    re = !1;
+    var se;
+    se = !1;
     function xe(s) {
       return typeof s == "object" && s !== null && s.$$typeof === n;
     }
-    function de() {
+    function he() {
       {
-        if (x.current) {
-          var s = F(x.current.type);
+        if (E.current) {
+          var s = B(E.current.type);
           if (s)
             return `
 
@@ -1473,7 +1473,7 @@ Check your code at ` + p + ":" + y + ".";
     var vt = {};
     function bt(s) {
       {
-        var p = de();
+        var p = he();
         if (!p) {
           var y = typeof s == "string" ? s : s.displayName || s.name;
           y && (p = `
@@ -1493,14 +1493,14 @@ Check the top-level render call using <` + y + ">.");
           return;
         vt[y] = !0;
         var w = "";
-        s && s._owner && s._owner !== x.current && (w = " It was passed a child from " + F(s._owner.type) + "."), L(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), L(null);
+        s && s._owner && s._owner !== E.current && (w = " It was passed a child from " + B(s._owner.type) + "."), L(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), L(null);
       }
     }
     function Ce(s, p) {
       {
         if (typeof s != "object")
           return;
-        if (_(s))
+        if (k(s))
           for (var y = 0; y < s.length; y++) {
             var w = s[y];
             xe(w) && Se(w, p);
@@ -1508,9 +1508,9 @@ Check the top-level render call using <` + y + ">.");
         else if (xe(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var U = z(s);
-          if (typeof U == "function" && U !== s.entries)
-            for (var H = U.call(s), N; !(N = H.next()).done; )
+          var F = U(s);
+          if (typeof F == "function" && F !== s.entries)
+            for (var W = F.call(s), N; !(N = W.next()).done; )
               xe(N.value) && Se(N.value, p);
         }
       }
@@ -1530,12 +1530,12 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var w = F(p);
-          G(y, s.props, "prop", w, s);
-        } else if (p.PropTypes !== void 0 && !re) {
-          re = !0;
-          var U = F(p);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
+          var w = B(p);
+          z(y, s.props, "prop", w, s);
+        } else if (p.PropTypes !== void 0 && !se) {
+          se = !0;
+          var F = B(p);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
         typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -1552,25 +1552,25 @@ Check the top-level render call using <` + y + ">.");
         s.ref !== null && (L(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
       }
     }
-    function He(s, p, y, w, U, H) {
+    function He(s, p, y, w, F, W) {
       {
         var N = _e(s);
         if (!N) {
           var I = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (I += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var he = Ht(U);
-          he ? I += he : I += de();
-          var ee;
-          s === null ? ee = "null" : _(s) ? ee = "array" : s !== void 0 && s.$$typeof === n ? (ee = "<" + (F(s.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, I);
+          var fe = Ht(F);
+          fe ? I += fe : I += he();
+          var te;
+          s === null ? te = "null" : k(s) ? te = "array" : s !== void 0 && s.$$typeof === n ? (te = "<" + (B(s.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : te = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, I);
         }
-        var ie = c(s, p, y, U, H);
+        var ie = o(s, p, y, F, W);
         if (ie == null)
           return ie;
         if (N) {
           var we = p.children;
           if (we !== void 0)
             if (w)
-              if (_(we)) {
+              if (k(we)) {
                 for (var at = 0; at < we.length; at++)
                   Ce(we[at], s);
                 Object.freeze && Object.freeze(we);
@@ -1619,25 +1619,25 @@ function za(e) {
   ] }) }, e.title);
 }
 function Ga(e) {
-  const [n, a] = W(!1), [t, i] = W(e.options), o = (u) => {
-    e.onDragComplete(u), i(u);
-  }, d = (u) => {
+  const [n, a] = G(!1), [t, i] = G(e.options), c = (d) => {
+    e.onDragComplete(d), i(d);
+  }, u = (d) => {
     const f = [...t];
-    f.splice(u, 1), o(f);
+    f.splice(d, 1), c(f);
   }, r = [];
-  t.forEach((u, f) => {
-    r.push(/* @__PURE__ */ l.jsx(za, { index: f, title: u, onDelete: d }, u));
+  t.forEach((d, f) => {
+    r.push(/* @__PURE__ */ l.jsx(za, { index: f, title: d, onDelete: u }, d));
   });
   let h = "dropdown draggable";
   return e.subdropdown && (h += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: h, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
     /* @__PURE__ */ l.jsx(Fn, { title: e.title }),
-    /* @__PURE__ */ l.jsx(Ln.Group, { axis: "y", values: t, onReorder: o, style: { visibility: n ? "visible" : "hidden" }, children: r })
+    /* @__PURE__ */ l.jsx(Ln.Group, { axis: "y", values: t, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: r })
   ] });
 }
 function Wa(e) {
-  const [n, a] = W(!1), t = [];
-  e.options.map((o, d) => {
-    e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: o }, d));
+  const [n, a] = G(!1), t = [];
+  e.options.map((c, u) => {
+    e.onSelect !== void 0 && (c.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: c }, u));
   });
   let i = "dropdown";
   return e.subdropdown && (i += " subdropdown"), /* @__PURE__ */ l.jsxs(
@@ -1660,7 +1660,7 @@ function Wa(e) {
   );
 }
 function Ha(e) {
-  const { option: n } = e, [a, t] = W("");
+  const { option: n } = e, [a, t] = G("");
   let i;
   switch (n.type) {
     case "draggable":
@@ -1669,8 +1669,8 @@ function Ha(e) {
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (o) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(o);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
@@ -1702,30 +1702,30 @@ function Ha(e) {
   return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, _a());
 }
 function Bi(e, n, a) {
-  function t(o) {
-    switch (n.forEach((d) => {
-      d.callback(e, d.remote, o);
-    }), o.event) {
+  function t(c) {
+    switch (n.forEach((u) => {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        P.dispatchEvent({ type: A.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  function i(o) {
-    switch (a.forEach((d) => {
-      d.callback(e, d.remote, o);
-    }), o.event) {
+  function i(c) {
+    switch (a.forEach((u) => {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        P.dispatchEvent({ type: A.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  e.listen = (o) => {
-    o.target === "editor" ? i(o) : t(o);
+  e.listen = (c) => {
+    c.target === "editor" ? i(c) : t(c);
   };
 }
 function Gt(e) {
-  const [n, a] = W(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
+  const [n, a] = G(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${t ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -1752,13 +1752,13 @@ function Gt(e) {
   ] });
 }
 function Un(e) {
-  const n = V(null), [a, t] = W(!1), i = e.child !== void 0 && e.child.children.length > 0, o = [];
-  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((d, r) => {
-    o.push(/* @__PURE__ */ l.jsx(Un, { child: d, three: e.three }, r));
+  const n = V(null), [a, t] = G(!1), i = e.child !== void 0 && e.child.children.length > 0, c = [];
+  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((u, r) => {
+    c.push(/* @__PURE__ */ l.jsx(Un, { child: u, three: e.three }, r));
   }), Re(() => {
-    const d = e.child.uuid, r = e.three.getScene(d);
+    const u = e.child.uuid, r = e.three.getScene(u);
     if (r !== null) {
-      const h = r.getObjectByProperty("uuid", d);
+      const h = r.getObjectByProperty("uuid", u);
       h !== void 0 && (n.current.style.opacity = h.visible ? "1" : "0.25");
     }
   }, []), /* @__PURE__ */ l.jsx(l.Fragment, { children: e.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
@@ -1795,14 +1795,14 @@ function Un(e) {
           ref: n,
           onClick: () => {
             if (e.child) {
-              const d = e.three.getScene(e.child.uuid);
-              if (d !== null) {
-                const r = d.getObjectByProperty("uuid", e.child.uuid);
+              const u = e.three.getScene(e.child.uuid);
+              if (u !== null) {
+                const r = u.getObjectByProperty("uuid", e.child.uuid);
                 if (r !== void 0) {
-                  const h = "visible", u = !r.visible;
-                  n.current.style.opacity = u ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, u), te(r, h, u);
+                  const h = "visible", d = !r.visible;
+                  n.current.style.opacity = d ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, d), ne(r, h, d);
                 } else
-                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, d);
+                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, u);
               } else
                 console.log(`Hermes - Couldn't find object in scene: ${e.child.uuid}, ${e.child.name}`);
             }
@@ -1811,7 +1811,7 @@ function Un(e) {
       ),
       /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(e.child)}` })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: a ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
+    /* @__PURE__ */ l.jsx("div", { className: a ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: c }) })
   ] }, Math.random()) });
 }
 function Ya(e) {
@@ -1821,27 +1821,27 @@ function Ya(e) {
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
 }
 function Va(e) {
-  const [n, a] = W(e.defaultValue);
+  const [n, a] = G(e.defaultValue);
   return Re(() => {
-    let t = !1, i = -1, o = 0, d = e.defaultValue;
-    const r = (b) => {
-      t = !0, o = Number(e.input.current?.value), i = b.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
-    }, h = (b) => {
+    let t = !1, i = -1, c = 0, u = e.defaultValue;
+    const r = (v) => {
+      t = !0, c = Number(e.input.current?.value), i = v.clientX, document.addEventListener("mouseup", d, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", d, !1);
+    }, h = (v) => {
       if (!t)
         return;
-      const E = e.step !== void 0 ? e.step : 1, D = (b.clientX - i) * E;
-      d = Number((o + D).toFixed(4)), e.min !== void 0 && (d = Math.max(d, e.min)), e.max !== void 0 && (d = Math.min(d, e.max)), e.onChange !== void 0 && e.onChange(d), a(d);
-    }, u = () => {
-      t = !1, document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
-    }, f = (b) => {
-      const E = Number(b.target.value);
-      a(E);
-    }, m = (b) => {
-      const E = Number(b.target.value);
-      e.onChange !== void 0 && e.onChange(E), a(E);
+      const x = e.step !== void 0 ? e.step : 1, _ = (v.clientX - i) * x;
+      u = Number((c + _).toFixed(4)), e.min !== void 0 && (u = Math.max(u, e.min)), e.max !== void 0 && (u = Math.min(u, e.max)), e.onChange !== void 0 && e.onChange(u), a(u);
+    }, d = () => {
+      t = !1, document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
+    }, f = (v) => {
+      const x = Number(v.target.value);
+      a(x);
+    }, m = (v) => {
+      const x = Number(v.target.value);
+      e.onChange !== void 0 && e.onChange(x), a(x);
     };
     return e.input.current?.addEventListener("input", f), e.label.current?.addEventListener("mousedown", r, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", m), () => {
-      e.input.current?.removeEventListener("input", f), e.label.current?.removeEventListener("mousedown", r), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", m), document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
+      e.input.current?.removeEventListener("input", f), e.label.current?.removeEventListener("mousedown", r), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", m), document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
     };
   }, []), n;
 }
@@ -1872,8 +1872,8 @@ function Qe(e) {
         step: e.step,
         disabled: e.disabled,
         onChange: (i) => {
-          const o = Number(i.target.value);
-          e.onChange !== void 0 && e.onChange(e.prop, o);
+          const c = Number(i.target.value);
+          e.onChange !== void 0 && e.onChange(e.prop, c);
         }
       }
     ),
@@ -1887,8 +1887,8 @@ function Qe(e) {
           ref: n,
           className: "min",
           onChange: (i) => {
-            const o = Number(i.target.value);
-            e.onChange !== void 0 && e.onChange(e.prop, o);
+            const c = Number(i.target.value);
+            e.onChange !== void 0 && e.onChange(e.prop, c);
           }
         }
       ),
@@ -1909,36 +1909,38 @@ function Qe(e) {
   ] });
 }
 function qa(e) {
-  const n = V(null), a = V(null), t = V(null), i = V(null), o = V(null), d = V(null), [r, h] = W(e.value), [u, f] = W({
+  const n = V(null), a = V(null), t = V(null), i = V(null), c = V(null), u = V(null), [r, h] = G(e.value), [d, f] = G({
     min: Math.min(e.min, Math.min(e.value.x, e.value.y)),
     max: Math.max(e.max, Math.max(e.value.x, e.value.y))
-  }), [m, b] = W(!1);
-  function E() {
-    m || (window.addEventListener("mousemove", $), window.addEventListener("mouseup", D), window.addEventListener("mouseup", D), b(!0));
+  }), [m, v] = G(!1);
+  function x() {
+    m || (window.addEventListener("mousemove", q), window.addEventListener("mouseup", _), window.addEventListener("mouseup", _), v(!0));
   }
-  function D() {
-    window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", D), b(!1);
+  function _() {
+    window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", _), v(!1);
   }
-  function $(T) {
-    const X = o.current.getBoundingClientRect(), ne = Je(0, 99, T.clientX - X.left) / 99, ge = Je(0, 99, T.clientY - X.top) / 99, q = nn(tn(u.min, u.max, ne), 3), ve = nn(tn(u.min, u.max, ge), 3);
-    e.onChange({ target: { value: { x: q, y: ve } } }), h({ x: q, y: ve });
+  function q(M) {
+    const Z = c.current.getBoundingClientRect(), ue = Je(0, 99, M.clientX - Z.left) / 99, H = Je(0, 99, M.clientY - Z.top) / 99, ve = nn(tn(d.min, d.max, ue), 3), re = nn(tn(d.min, d.max, H), 3);
+    e.onChange({ target: { value: { x: ve, y: re } } }), h({ x: ve, y: re });
   }
-  function z(T) {
-    let X = r.x, ne = r.y;
-    T.target === n.current ? X = Number(T.target.value) : ne = Number(T.target.value), h({ x: X, y: ne });
+  function U(M) {
+    let Z = r.x, ue = r.y;
+    M.target === n.current ? Z = Number(M.target.value) : ue = Number(M.target.value), h({ x: Z, y: ue });
   }
-  function B() {
-    const T = Number(t.current.value);
-    f({ min: T, max: u.max }), (r.x < T || r.y < T) && h({ x: Je(T, u.max, r.x), y: Je(T, u.max, r.y) });
+  function $() {
+    const M = Number(t.current.value);
+    f({ min: M, max: d.max }), (r.x < M || r.y < M) && h({ x: Je(M, d.max, r.x), y: Je(M, d.max, r.y) });
   }
   function C() {
-    const T = Number(i.current.value);
-    f({ min: u.min, max: T }), (r.x > T || r.y > T) && h({ x: Je(u.min, T, r.x), y: Je(u.min, T, r.y) });
+    const M = Number(i.current.value);
+    f({ min: d.min, max: M }), (r.x > M || r.y > M) && h({ x: Je(d.min, M, r.x), y: Je(d.min, M, r.y) });
   }
-  return Re(() => {
-    const T = en(u.min, u.max, r.x), X = en(u.min, u.max, r.y);
-    d.current.style.left = `${T * 100}%`, d.current.style.top = `${X * 100}%`;
-  }, [u, r]), /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
+  Re(() => {
+    const M = en(d.min, d.max, r.x), Z = en(d.min, d.max, r.y);
+    u.current.style.left = `${M * 100}%`, u.current.style.top = `${Z * 100}%`;
+  }, [d, r]);
+  const K = e.step !== void 0 ? e.step : 0.01;
+  return /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "X:" }),
@@ -1948,10 +1950,10 @@ function qa(e) {
             ref: n,
             type: "number",
             value: r.x,
-            min: u.min,
-            max: u.max,
-            step: 0.01,
-            onChange: z
+            min: d.min,
+            max: d.max,
+            step: K,
+            onChange: U
           }
         )
       ] }),
@@ -1963,10 +1965,10 @@ function qa(e) {
             ref: a,
             type: "number",
             value: r.y,
-            min: u.min,
-            max: u.max,
-            step: 0.01,
-            onChange: z
+            min: d.min,
+            max: d.max,
+            step: K,
+            onChange: U
           }
         )
       ] }),
@@ -1977,9 +1979,9 @@ function qa(e) {
           {
             ref: t,
             type: "number",
-            value: u.min,
-            step: 0.01,
-            onChange: B
+            value: d.min,
+            step: K,
+            onChange: $
           }
         )
       ] }),
@@ -1990,146 +1992,146 @@ function qa(e) {
           {
             ref: i,
             type: "number",
-            value: u.max,
-            step: 0.01,
+            value: d.max,
+            step: K,
             onChange: C
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: o, onMouseDown: E, onMouseUp: D, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: c, onMouseDown: x, onMouseUp: _, children: [
       /* @__PURE__ */ l.jsx("div", { className: "x" }),
       /* @__PURE__ */ l.jsx("div", { className: "y" }),
-      /* @__PURE__ */ l.jsx("div", { className: "pt", ref: d })
+      /* @__PURE__ */ l.jsx("div", { className: "pt", ref: u })
     ] })
   ] });
 }
 function on(e) {
-  const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = [];
+  const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = e.step !== void 0 ? e.step : 0.01, c = [];
   if (n) {
-    const o = se(() => e.value, []), d = (h, u) => {
-      o[h] = u, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (d, f) => {
+      u[d] = f, e.onChange({ target: { value: u } });
     };
-    ["x", "y", "z"].forEach((h) => {
-      const u = V(null);
-      i.push(
+    ["x", "y", "z"].forEach((d) => {
+      const f = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: h.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: f, children: d.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o[h],
+              value: u[d],
               type: "number",
-              prop: h,
-              step: 0.01,
-              labelRef: u,
-              onChange: d
+              prop: d,
+              step: i,
+              labelRef: f,
+              onChange: r
             }
           )
-        ] }, h)
+        ] }, d)
       );
     });
   } else if (a) {
-    const o = se(() => e.value, []), d = (h, u) => {
-      o[h] = u, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (d, f) => {
+      u[d] = f, e.onChange({ target: { value: u } });
     };
-    ["_x", "_y", "_z"].forEach((h) => {
-      const u = V(null);
-      i.push(
+    ["_x", "_y", "_z"].forEach((d) => {
+      const f = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: h.substring(1).toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: f, children: d.substring(1).toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o[h],
+              value: u[d],
               type: "number",
-              prop: h,
-              step: 0.01,
-              labelRef: u,
-              onChange: d
+              prop: d,
+              step: i,
+              labelRef: f,
+              onChange: r
             }
           )
-        ] }, h)
+        ] }, d)
       );
     });
   } else if (t) {
-    const o = se(() => e.value, []), d = (r, h) => {
-      const u = Number(r);
-      o.elements[u] = h, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (h, d) => {
+      const f = Number(h);
+      u.elements[f] = d, e.onChange({ target: { value: u } });
     };
-    for (let r = 0; r < 9; r++) {
-      const h = V(null);
-      i.push(
+    for (let h = 0; h < 9; h++) {
+      const d = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: h, children: r + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: d, children: h + 1 }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o.elements[r],
+              value: u.elements[h],
               type: "number",
-              prop: r.toString(),
-              step: 0.01,
-              labelRef: h,
-              onChange: d
+              prop: h.toString(),
+              step: i,
+              labelRef: d,
+              onChange: r
             }
           )
-        ] }, r.toString())
+        ] }, h.toString())
       );
     }
   }
-  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: i }, Math.random().toString());
+  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: c }, Math.random().toString());
 }
 function Ka(e) {
-  const n = e.value.x !== void 0, a = [];
+  const n = e.value.x !== void 0, a = e.step !== void 0 ? e.step : 0.01, t = [];
   if (n) {
-    const t = se(() => e.value, []), i = (d, r) => {
-      t[d] = r, e.onChange({ target: { value: t } });
+    const i = oe(() => e.value, []), c = (r, h) => {
+      i[r] = h, e.onChange({ target: { value: i } });
     };
-    ["x", "y", "z", "w"].forEach((d) => {
-      const r = V(null);
-      a.push(
+    ["x", "y", "z", "w"].forEach((r) => {
+      const h = V(null);
+      t.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: r, children: d.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: h, children: r.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: t.x,
+              value: i.x,
               type: "number",
-              prop: d,
-              step: 0.01,
-              labelRef: r,
-              onChange: i
+              prop: r,
+              step: a,
+              labelRef: h,
+              onChange: c
             }
           )
-        ] }, d)
+        ] }, r)
       );
     });
   } else {
-    const t = se(() => e.value, []), i = (o, d) => {
-      const r = Number(o);
-      t.elements[r] = d, e.onChange({ target: { value: t } });
+    const i = oe(() => e.value, []), c = (u, r) => {
+      const h = Number(u);
+      i.elements[h] = r, e.onChange({ target: { value: i } });
     };
-    for (let o = 0; o < 16; o++) {
-      const d = V(null);
-      a.push(
+    for (let u = 0; u < 16; u++) {
+      const r = V(null);
+      t.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: d, children: o + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: r, children: u + 1 }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: t.elements[o],
+              value: i.elements[u],
               type: "number",
-              prop: o.toString(),
-              step: 0.01,
-              labelRef: d,
-              onChange: i
+              prop: u.toString(),
+              step: a,
+              labelRef: r,
+              onChange: c
             }
           )
-        ] }, o.toString())
+        ] }, u.toString())
       );
     }
   }
-  return /* @__PURE__ */ l.jsx("div", { className: "grid4", children: a });
+  return /* @__PURE__ */ l.jsx("div", { className: "grid4", children: t });
 }
 function Xa(e) {
   return "items" in e;
@@ -2399,8 +2401,8 @@ function Qa() {
         a();
       else {
         const t = e.files[0], i = new FileReader();
-        i.onload = function(o) {
-          n(o.target.result);
+        i.onload = function(c) {
+          n(c.target.result);
         }, i.readAsDataURL(t);
       }
     }), e.click();
@@ -2594,12 +2596,12 @@ function ri(e, n, a, t) {
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (i, o) => {
-      t.updateObject(a.uuid, `material.${e}`, o), t.updateObject(a.uuid, "material.needsUpdate", !0);
-      const d = t.getScene(a.uuid);
-      if (d !== null) {
-        const r = d.getObjectByProperty("uuid", a.uuid);
-        te(r, `material.${e}`, o);
+    onChange: (i, c) => {
+      t.updateObject(a.uuid, `material.${e}`, c), t.updateObject(a.uuid, "material.needsUpdate", !0);
+      const u = t.getScene(a.uuid);
+      if (u !== null) {
+        const r = u.getObjectByProperty("uuid", a.uuid);
+        ne(r, `material.${e}`, c);
       }
     }
   };
@@ -2614,12 +2616,12 @@ function si(e, n, a, t) {
     max: void 0,
     step: 0.01,
     needsUpdate: !0,
-    onChange: (o, d) => {
-      t.updateObject(a.uuid, `material.${e}`, d), t.updateObject(a.uuid, "material.needsUpdate", !0);
+    onChange: (c, u) => {
+      t.updateObject(a.uuid, `material.${e}`, u), t.updateObject(a.uuid, "material.needsUpdate", !0);
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        te(h, `material.${e}`, d);
+        ne(h, `material.${e}`, u);
       }
     }
   };
@@ -2649,31 +2651,31 @@ function oi(e, n, a, t) {
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (d, r) => {
+    onChange: (u, r) => {
       t.updateObject(a.uuid, `material.${e}`, r), t.updateObject(a.uuid, "material.needsUpdate", !0);
       const h = t.getScene(a.uuid);
       if (h !== null) {
-        const u = h.getObjectByProperty("uuid", a.uuid);
-        te(u, `material.${e}`, r);
+        const d = h.getObjectByProperty("uuid", a.uuid);
+        ne(d, `material.${e}`, r);
       }
     },
-    onKeyDown: (d) => {
+    onKeyDown: (u) => {
     }
   };
-  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (d, r) => {
+  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (u, r) => {
     i.latest = r, t.updateObject(a.uuid, `material.${e}`, r);
     const h = t.getScene(a.uuid);
     if (h !== null) {
-      const u = h.getObjectByProperty("uuid", a.uuid);
-      te(u, `material.${e}`, r);
+      const d = h.getObjectByProperty("uuid", a.uuid);
+      ne(d, `material.${e}`, r);
     }
-  }, i.onKeyDown = (d) => {
-    if (d.key === "Enter" && (d.altKey || d.metaKey)) {
+  }, i.onKeyDown = (u) => {
+    if (u.key === "Enter" && (u.altKey || u.metaKey)) {
       t.updateObject(a.uuid, "material.needsUpdate", !0);
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        te(h, "material.needsUpdate", !0);
+        ne(h, "material.needsUpdate", !0);
       }
     }
   }), i;
@@ -2690,220 +2692,220 @@ function ui(e) {
 function Ft(e) {
   e.sort((n, a) => n.title < a.title ? -1 : n.title > a.title ? 1 : 0);
 }
-function mt(e, n, a, t, i = "", o = !1) {
-  const d = Rt(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), r = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
+function mt(e, n, a, t, i = "", c = !1) {
+  const u = Rt(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), r = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
   if (h === "boolean" || h === "string")
     return {
-      title: d,
+      title: u,
       prop: r,
       type: h,
       value: n,
-      disabled: o,
-      onChange: (u, f) => {
+      disabled: c,
+      onChange: (d, f) => {
         t.updateObject(a.uuid, `material.${r}`, f);
         const m = t.getScene(a.uuid);
         if (m !== null) {
-          const b = m.getObjectByProperty("uuid", a.uuid);
-          te(b, `material.${r}`, f);
+          const v = m.getObjectByProperty("uuid", a.uuid);
+          ne(v, `material.${r}`, f);
         }
       }
     };
   if (h === "number") {
-    const u = {
-      title: d,
+    const d = {
+      title: u,
       prop: r,
       type: "number",
       value: n,
       step: 0.01,
-      disabled: o,
+      disabled: c,
       onChange: (f, m) => {
         t.updateObject(a.uuid, `material.${r}`, m);
-        const b = t.getScene(a.uuid);
-        if (b !== null) {
-          const E = b.getObjectByProperty("uuid", a.uuid);
-          te(E, `material.${r}`, m);
+        const v = t.getScene(a.uuid);
+        if (v !== null) {
+          const x = v.getObjectByProperty("uuid", a.uuid);
+          ne(x, `material.${r}`, m);
         }
       }
     };
-    return $n(d) && (u.type = "range", u.min = 0, u.max = 1), u;
+    return $n(u) && (d.type = "range", d.min = 0, d.max = 1), d;
   } else {
     if (n.isColor)
       return {
-        title: d,
+        title: u,
         prop: r,
         type: "color",
         value: n,
-        disabled: o,
-        onChange: (u, f) => {
+        disabled: c,
+        onChange: (d, f) => {
           const m = new Ut(f);
           t.updateObject(a.uuid, `material.${r}`, m);
-          const b = t.getScene(a.uuid);
-          if (b !== null) {
-            const E = b.getObjectByProperty("uuid", a.uuid);
-            te(E, `material.${r}`, m);
+          const v = t.getScene(a.uuid);
+          if (v !== null) {
+            const x = v.getObjectByProperty("uuid", a.uuid);
+            ne(x, `material.${r}`, m);
           }
         }
       };
     if (Array.isArray(n)) {
-      const u = [];
+      const d = [];
       for (const f in n) {
-        const m = n[f], b = `[${f.toString()}]`;
+        const m = n[f], v = `[${f.toString()}]`;
         if (m.value !== void 0) {
-          const E = mt(`${b}.value`, m.value, a, t, r, o);
-          E !== void 0 && u.push(E);
+          const x = mt(`${v}.value`, m.value, a, t, r, c);
+          x !== void 0 && d.push(x);
         } else {
-          const E = mt(b, m, a, t, r, o);
-          E !== void 0 && u.push(E);
+          const x = mt(v, m, a, t, r, c);
+          x !== void 0 && d.push(x);
         }
       }
-      if (u.length > 0)
-        return Ft(u), {
-          title: d,
-          items: u
+      if (d.length > 0)
+        return Ft(d), {
+          title: u,
+          items: d
         };
     } else {
       if (ci(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "vector2",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const b = m.getObjectByProperty("uuid", a.uuid);
-              te(b, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (li(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "grid3",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const b = m.getObjectByProperty("uuid", a.uuid);
-              te(b, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (ui(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "grid4",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const b = m.getObjectByProperty("uuid", a.uuid);
-              te(b, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (n.isEuler)
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "euler",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const b = m.getObjectByProperty("uuid", a.uuid);
-              te(b, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (n.src !== void 0)
         return {
-          title: d,
+          title: u,
           type: "image",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
-            const m = Ja(e), b = i.length > 0 ? `${i}.${m}` : m;
-            t.createTexture(a.uuid, `material.${b}`, f);
-            const E = t.getScene(a.uuid);
-            if (E !== null) {
-              const D = E.getObjectByProperty("uuid", a.uuid);
-              if (D !== void 0) {
-                const $ = (z) => {
-                  const B = D.material, C = b.split(".");
+          disabled: c,
+          onChange: (d, f) => {
+            const m = Ja(e), v = i.length > 0 ? `${i}.${m}` : m;
+            t.createTexture(a.uuid, `material.${v}`, f);
+            const x = t.getScene(a.uuid);
+            if (x !== null) {
+              const _ = x.getObjectByProperty("uuid", a.uuid);
+              if (_ !== void 0) {
+                const q = (U) => {
+                  const $ = _.material, C = v.split(".");
                   switch (C.length) {
                     case 1:
-                      B[C[0]] = z;
+                      $[C[0]] = U;
                       break;
                     case 2:
-                      B[C[0]][C[1]] = z;
+                      $[C[0]][C[1]] = U;
                       break;
                     case 3:
-                      B[C[0]][C[1]][C[2]] = z;
+                      $[C[0]][C[1]][C[2]] = U;
                       break;
                     case 4:
-                      B[C[0]][C[1]][C[2]][C[3]] = z;
+                      $[C[0]][C[1]][C[2]][C[3]] = U;
                       break;
                     case 5:
-                      B[C[0]][C[1]][C[2]][C[3]][C[4]] = z;
+                      $[C[0]][C[1]][C[2]][C[3]][C[4]] = U;
                       break;
                   }
-                  B.needsUpdate = !0;
+                  $.needsUpdate = !0;
                 };
-                f.src.length > 0 ? Bn(f.src).then((z) => {
-                  z.offset.set(f.offset[0], f.offset[1]), z.repeat.set(f.repeat[0], f.repeat[1]), $(z);
-                }) : $(null);
+                f.src.length > 0 ? Bn(f.src).then((U) => {
+                  U.offset.set(f.offset[0], f.offset[1]), U.repeat.set(f.repeat[0], f.repeat[1]), q(U);
+                }) : q(null);
               }
             }
           }
         };
       if (n.elements !== void 0)
         return {
-          title: d,
+          title: u,
           prop: r,
           type: n.elements.length > 9 ? "grid4" : "grid3",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const b = m.getObjectByProperty("uuid", a.uuid);
-              te(b, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       {
-        const u = [], f = e === "defines" || e === "extensions";
+        const d = [], f = e === "defines" || e === "extensions";
         try {
           for (const m in n) {
-            const b = n[m];
-            if (b !== void 0)
-              if (b.value !== void 0) {
-                const E = mt(`${m}.value`, b.value, a, t, r, f);
-                E !== void 0 && u.push(E);
+            const v = n[m];
+            if (v !== void 0)
+              if (v.value !== void 0) {
+                const x = mt(`${m}.value`, v.value, a, t, r, f);
+                x !== void 0 && d.push(x);
               } else {
-                const E = mt(m, b, a, t, r, f);
-                E !== void 0 && u.push(E);
+                const x = mt(m, v, a, t, r, f);
+                x !== void 0 && d.push(x);
               }
           }
         } catch {
           console.log("Issue cycling through material object:", e, n);
         }
-        if (u.length > 0)
-          return Ft(u), {
-            title: d,
-            items: u
+        if (d.length > 0)
+          return Ft(d), {
+            title: u,
+            items: d
           };
       }
     }
@@ -2914,18 +2916,18 @@ function cn(e, n, a) {
   for (const i in e) {
     if (!Za(i))
       continue;
-    const o = typeof e[i], d = e[i];
-    if (o === "boolean")
-      t.push(ri(i, d, n, a));
-    else if (o === "number")
-      t.push(si(i, d, n, a));
-    else if (o === "string")
-      t.push(oi(i, d, n, a));
-    else if (o === "object") {
-      const r = mt(i, d, n, a);
+    const c = typeof e[i], u = e[i];
+    if (c === "boolean")
+      t.push(ri(i, u, n, a));
+    else if (c === "number")
+      t.push(si(i, u, n, a));
+    else if (c === "string")
+      t.push(oi(i, u, n, a));
+    else if (c === "object") {
+      const r = mt(i, u, n, a);
       r !== void 0 && t.push(r);
     } else
-      d !== void 0 && console.log("other:", i, o, d);
+      u !== void 0 && console.log("other:", i, c, u);
   }
   return Ft(t), t.push({
     title: "Update Material",
@@ -2934,8 +2936,8 @@ function cn(e, n, a) {
       a.updateObject(n.uuid, "material.needsUpdate", !0);
       const i = a.getScene(n.uuid);
       if (i !== null) {
-        const o = i.getObjectByProperty("uuid", n.uuid);
-        te(o, "material.needsUpdate", !0);
+        const c = i.getObjectByProperty("uuid", n.uuid);
+        ne(c, "material.needsUpdate", !0);
       }
     }
   }), t;
@@ -2944,15 +2946,15 @@ function di(e, n) {
   const a = e.material;
   if (Array.isArray(a)) {
     const t = [], i = a.length;
-    for (let o = 0; o < i; o++)
+    for (let c = 0; c < i; c++)
       t.push(
         /* @__PURE__ */ l.jsx(
           et,
           {
-            title: `Material ${o}`,
-            items: cn(a[o], e, n)
+            title: `Material ${c}`,
+            items: cn(a[c], e, n)
           },
-          `Material ${o}`
+          `Material ${c}`
         )
       );
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: t });
@@ -2967,61 +2969,61 @@ function di(e, n) {
 }
 const ln = "data:image/gif;base64,R0lGODlhDgFkAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDk3M0NEODAxQjQxMUVGODVGNENDMkUyMUExNDk1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMDk3M0NEOTAxQjQxMUVGODVGNENDMkUyMUExNDk1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4ODc3Qzg5MDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4ODc3QzhBMDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4BZAAAAv+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqTkJAGDQ+dnpuekmGgAKejpKuiZqmprKqoZKGyrbOlqrejub6xvLGyw8TFzcprurGuvqybxq7ETbrItsCz0l7Zpc+6p9/cS967w9/S2FTF0u/mzehK4Oqz3eTl9vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo0XHDt6/AgypMiRJEuaPIkypcqVLFt+KwAAOw==";
 function hi(e) {
-  const n = V(null), a = V(null), t = V(null), i = V(null), o = V(null), [d] = W(e.value), [r, h] = W(e.value.offset[0]), [u, f] = W(e.value.offset[1]), [m, b] = W(e.value.repeat[0]), [E, D] = W(e.value.repeat[1]);
-  function $(B, C, T, X, ne) {
+  const n = e.step !== void 0 ? e.step : 0.01, a = V(null), t = V(null), i = V(null), c = V(null), u = V(null), [r] = G(e.value), [h, d] = G(e.value.offset[0]), [f, m] = G(e.value.offset[1]), [v, x] = G(e.value.repeat[0]), [_, q] = G(e.value.repeat[1]);
+  function U(C, K, M, Z, ue) {
     if (e.onChange !== void 0) {
-      const ge = e.prop !== void 0 ? e.prop : e.title;
-      e.onChange(ge, {
-        src: B,
-        offset: [C, T],
-        repeat: [X, ne]
+      const H = e.prop !== void 0 ? e.prop : e.title;
+      e.onChange(H, {
+        src: C,
+        offset: [K, M],
+        repeat: [Z, ue]
       });
     }
   }
-  function z(B) {
-    const C = n.current.src, T = B.target.value;
-    switch (B.target) {
-      case a.current:
-        h(T), $(C, T, u, m, E);
-        break;
+  function $(C) {
+    const K = a.current.src, M = C.target.value;
+    switch (C.target) {
       case t.current:
-        f(T), $(C, r, T, m, E);
+        d(M), U(K, M, f, v, _);
         break;
       case i.current:
-        b(T), $(C, r, u, T, E);
+        m(M), U(K, h, M, v, _);
+        break;
+      case c.current:
+        x(M), U(K, h, f, M, _);
         break;
-      case o.current:
-        D(T), $(C, r, u, m, T);
+      case u.current:
+        q(M), U(K, h, f, v, M);
         break;
     }
   }
   return /* @__PURE__ */ l.jsxs("div", { className: "imageField", children: [
-    /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: n, onClick: () => {
-      Qa().then((B) => {
-        n.current.src = B, $(B, r, u, m, E);
+    /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: a, onClick: () => {
+      Qa().then((C) => {
+        a.current.src = C, U(C, h, f, v, _);
       });
-    }, src: d.src.length > 0 ? d.src : ln }),
+    }, src: r.src.length > 0 ? r.src : ln }),
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "Offset:" }),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: a,
+            ref: t,
             type: "number",
-            value: r,
-            step: 0.01,
-            onChange: z
+            value: h,
+            step: n,
+            onChange: $
           }
         ),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: t,
+            ref: i,
             type: "number",
-            value: u,
-            step: 0.01,
-            onChange: z
+            value: f,
+            step: n,
+            onChange: $
           }
         )
       ] }),
@@ -3030,26 +3032,26 @@ function hi(e) {
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: i,
+            ref: c,
             type: "number",
-            value: m,
-            step: 0.01,
-            onChange: z
+            value: v,
+            step: n,
+            onChange: $
           }
         ),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: o,
+            ref: u,
             type: "number",
-            value: E,
-            step: 0.01,
-            onChange: z
+            value: _,
+            step: n,
+            onChange: $
           }
         )
       ] }),
       /* @__PURE__ */ l.jsx("button", { onClick: () => {
-        $("", r, u, m, E), n.current.src = ln;
+        U("", h, f, v, _), a.current.src = ln;
       }, children: "Clear" })
     ] })
   ] });
@@ -3057,21 +3059,21 @@ function hi(e) {
 function Ct(e) {
   let n = e.value;
   n !== void 0 && n.isColor !== void 0 && (n = Da(e.value));
-  const [a, t] = W(n), i = V(null), o = (u) => {
-    let f = u.target.value;
-    e.type === "boolean" ? f = u.target.checked : e.type === "option" && (f = e.options[f].value), t(f), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
-  }, d = {};
-  e.disabled && (d.opacity = 0.8);
+  const [a, t] = G(n), i = V(null), c = (d) => {
+    let f = d.target.value;
+    e.type === "boolean" ? f = d.target.checked : e.type === "option" && (f = e.options[f].value), t(f), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
+  }, u = {};
+  e.disabled && (u.opacity = 0.8);
   const r = e.type === "string" && (a.length > 100 || a.search(`
 `) > -1), h = r || e.type === "image" || e.type === "vector2";
-  return /* @__PURE__ */ l.jsxs("div", { className: `field ${h ? "block" : ""}`, style: d, children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${h ? "block" : ""}`, style: u, children: [
     e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Mt(e.title) }, "fieldLabel"),
     e.type === "string" && !r && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
         disabled: e.disabled,
-        onChange: o,
+        onChange: c,
         value: a
       }
     ),
@@ -3081,9 +3083,9 @@ function Ct(e) {
         cols: 50,
         rows: 10,
         disabled: e.disabled !== void 0 ? e.disabled : !0,
-        onChange: o,
-        onKeyDown: (u) => {
-          e.onKeyDown !== void 0 && e.onKeyDown(u);
+        onChange: c,
+        onKeyDown: (d) => {
+          e.onKeyDown !== void 0 && e.onKeyDown(d);
         },
         value: a
       }
@@ -3093,7 +3095,7 @@ function Ct(e) {
       {
         type: "checkbox",
         disabled: e.disabled,
-        onChange: o,
+        onChange: c,
         checked: a
       }
     ),
@@ -3126,8 +3128,8 @@ function Ct(e) {
       }
     ),
     e.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: o, disabled: e.disabled, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: o, disabled: e.disabled })
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: c, disabled: e.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: c, disabled: e.disabled })
     ] }),
     e.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
@@ -3140,11 +3142,11 @@ function Ct(e) {
       }
     ),
     e.type === "image" && /* @__PURE__ */ l.jsx(hi, { title: e.title, prop: e.prop, value: e.value, onChange: e.onChange }),
-    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: o, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((u, f) => /* @__PURE__ */ l.jsx("option", { value: u.value, children: Mt(u.title) }, f)) }) }),
-    e.type === "vector2" && /* @__PURE__ */ l.jsx(qa, { value: a, min: 0, max: 1, onChange: o }),
-    e.type === "grid3" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o }),
-    e.type === "grid4" && /* @__PURE__ */ l.jsx(Ka, { value: a, onChange: o }),
-    e.type === "euler" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o })
+    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: c, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((d, f) => /* @__PURE__ */ l.jsx("option", { value: d.value, children: Mt(d.title) }, f)) }) }),
+    e.type === "vector2" && /* @__PURE__ */ l.jsx(qa, { step: e.step, value: a, min: 0, max: 1, onChange: c }),
+    e.type === "grid3" && /* @__PURE__ */ l.jsx(on, { step: e.step, value: a, onChange: c }),
+    e.type === "grid4" && /* @__PURE__ */ l.jsx(Ka, { step: e.step, value: a, onChange: c }),
+    e.type === "euler" && /* @__PURE__ */ l.jsx(on, { step: e.step, value: a, onChange: c })
   ] });
 }
 function un(e) {
@@ -3186,12 +3188,12 @@ function fi(e, n) {
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const d = n.getScene(e.uuid);
-          if (d !== null) {
-            const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
+          const u = n.getScene(e.uuid);
+          if (u !== null) {
+            const r = u.getObjectByProperty("uuid", e.uuid);
+            r !== void 0 && (ne(r, i, c), r.updateProjectionMatrix());
           }
         }
       });
@@ -3203,12 +3205,12 @@ function fi(e, n) {
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const d = n.getScene(e.uuid);
-          if (d !== null) {
-            const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
+          const u = n.getScene(e.uuid);
+          if (u !== null) {
+            const r = u.getObjectByProperty("uuid", e.uuid);
+            r !== void 0 && (ne(r, i, c), r.updateProjectionMatrix());
           }
         }
       });
@@ -3223,15 +3225,15 @@ function fi(e, n) {
 function mi(e, n) {
   const a = new sa();
   a.elements = e.matrix;
-  const t = new J(), i = new oa(), o = new J();
-  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), o.setFromMatrixScale(a));
-  const d = (r, h) => {
-    const u = r === "rotation" ? { x: h._x, y: h._y, z: h._z } : h;
-    n.updateObject(e.uuid, r, u);
+  const t = new Q(), i = new oa(), c = new Q();
+  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), c.setFromMatrixScale(a));
+  const u = (r, h) => {
+    const d = r === "rotation" ? { x: h._x, y: h._y, z: h._z } : h;
+    n.updateObject(e.uuid, r, d);
     const f = n.getScene(e.uuid);
     if (f !== null) {
       const m = f.getObjectByProperty("uuid", e.uuid);
-      te(m, r, u);
+      ne(m, r, d);
     }
   };
   return /* @__PURE__ */ l.jsx(
@@ -3243,22 +3245,23 @@ function mi(e, n) {
           title: "Position",
           prop: "position",
           type: "grid3",
+          step: 0.1,
           value: t,
-          onChange: d
+          onChange: u
         },
         {
           title: "Rotation",
           prop: "rotation",
           type: "grid3",
           value: i,
-          onChange: d
+          onChange: u
         },
         {
           title: "Scale",
           prop: "scale",
           type: "grid3",
-          value: o,
-          onChange: d
+          value: c,
+          onChange: u
         }
       ]
     }
@@ -3297,13 +3300,13 @@ function pi(e, n) {
         prop: t,
         type: "color",
         value: i,
-        onChange: (o, d) => {
-          const r = new Ut(d);
-          n.updateObject(e.uuid, o, r);
+        onChange: (c, u) => {
+          const r = new Ut(u);
+          n.updateObject(e.uuid, c, r);
           const h = n.getScene(e.uuid);
           if (h !== null) {
-            const u = h.getObjectByProperty("uuid", e.uuid);
-            te(u, o, r);
+            const d = h.getObjectByProperty("uuid", e.uuid);
+            ne(d, c, r);
           }
         }
       }) : a.push({
@@ -3312,12 +3315,12 @@ function pi(e, n) {
         type: typeof i,
         value: i,
         step: typeof i == "number" ? 0.01 : void 0,
-        onChange: (o, d) => {
-          n.updateObject(e.uuid, o, d);
+        onChange: (c, u) => {
+          n.updateObject(e.uuid, c, u);
           const r = n.getScene(e.uuid);
           if (r !== null) {
             const h = r.getObjectByProperty("uuid", e.uuid);
-            te(h, o, d);
+            ne(h, c, u);
           }
         }
       }));
@@ -3333,14 +3336,14 @@ function pi(e, n) {
 function gi(e, n) {
   const a = [], t = [];
   let i = 0;
-  e.animations.forEach((d) => {
-    i = Math.max(i, d.duration), d.duration > 0 && t.push({
-      title: d.name,
+  e.animations.forEach((u) => {
+    i = Math.max(i, u.duration), u.duration > 0 && t.push({
+      title: u.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: d.duration,
+          value: u.duration,
           disabled: !0
         },
         {
@@ -3364,14 +3367,14 @@ function gi(e, n) {
     title: "Animations",
     items: t
   });
-  const o = n.getScene(e.uuid);
-  if (o !== null) {
-    const d = o.getObjectByProperty("uuid", e.uuid);
+  const c = n.getScene(e.uuid);
+  if (c !== null) {
+    const u = c.getObjectByProperty("uuid", e.uuid);
     let r = !1;
-    if (d !== void 0) {
-      const h = d.mixer;
+    if (u !== void 0) {
+      const h = u.mixer;
       if (r = h !== void 0, r) {
-        const u = [
+        const d = [
           {
             title: "Time Scale",
             type: "range",
@@ -3384,7 +3387,7 @@ function gi(e, n) {
             }
           }
         ];
-        u.push({
+        d.push({
           title: "Stop All",
           type: "button",
           onChange: () => {
@@ -3392,7 +3395,7 @@ function gi(e, n) {
           }
         }), a.push({
           title: "Mixer",
-          items: u
+          items: d
         });
       }
     }
@@ -3412,22 +3415,22 @@ const zn = {
   lightInfo: void 0,
   children: []
 };
-let me = { ...zn };
+let pe = { ...zn };
 function vi(e) {
-  const [n, a] = W(-1);
+  const [n, a] = G(-1);
   Re(() => {
-    function d(h) {
-      me = { ...h.value }, a(Date.now());
+    function u(h) {
+      pe = { ...h.value }, a(Date.now());
     }
     function r() {
-      me = { ...zn }, a(Date.now());
+      pe = { ...zn }, a(Date.now());
     }
-    return P.addEventListener(A.SET_SCENE, r), P.addEventListener(A.SET_OBJECT, d), () => {
-      P.removeEventListener(A.SET_SCENE, r), P.removeEventListener(A.SET_OBJECT, d);
+    return P.addEventListener(A.SET_SCENE, r), P.addEventListener(A.SET_OBJECT, u), () => {
+      P.removeEventListener(A.SET_SCENE, r), P.removeEventListener(A.SET_OBJECT, u);
     };
   }, []);
-  const t = me.type.toLowerCase(), i = me.animations.length > 0 || me.mixer !== void 0, o = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: me.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const t = pe.type.toLowerCase(), i = pe.animations.length > 0 || pe.mixer !== void 0, c = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
+  return /* @__PURE__ */ l.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: pe.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
         Ct,
@@ -3435,7 +3438,7 @@ function vi(e) {
           type: "string",
           title: "Name",
           prop: "name",
-          value: me.name,
+          value: pe.name,
           disabled: !0
         }
       ),
@@ -3445,7 +3448,7 @@ function vi(e) {
           type: "string",
           title: "Type",
           prop: "type",
-          value: me.type,
+          value: pe.type,
           disabled: !0
         }
       ),
@@ -3455,41 +3458,41 @@ function vi(e) {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: me.uuid,
+          value: pe.uuid,
           disabled: !0
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      mi(me, e.three),
-      i ? gi(me, e.three) : null,
-      t.search("camera") > -1 ? fi(me, e.three) : null,
-      t.search("light") > -1 ? pi(me, e.three) : null,
-      o ? di(me, e.three) : null
+      mi(pe, e.three),
+      i ? gi(pe, e.three) : null,
+      t.search("camera") > -1 ? fi(pe, e.three) : null,
+      t.search("light") > -1 ? pi(pe, e.three) : null,
+      c ? di(pe, e.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
 function Fi(e) {
-  const [n] = W([]), [a, t] = W(0), i = (r) => {
+  const [n] = G([]), [a, t] = G(0), i = (r) => {
     n.push(r.value), t(Date.now());
-  }, o = (r) => {
+  }, c = (r) => {
     const h = r.value;
-    for (let u = 0; u < n.length; u++)
-      if (h.uuid === n[u].uuid) {
-        n.splice(u, 1), t(Date.now());
+    for (let d = 0; d < n.length; d++)
+      if (h.uuid === n[d].uuid) {
+        n.splice(d, 1), t(Date.now());
         return;
       }
   };
-  Re(() => (P.addEventListener(A.ADD_SCENE, i), P.addEventListener(A.REMOVE_SCENE, o), () => {
-    P.removeEventListener(A.ADD_SCENE, i), P.removeEventListener(A.REMOVE_SCENE, o);
+  Re(() => (P.addEventListener(A.ADD_SCENE, i), P.addEventListener(A.REMOVE_SCENE, c), () => {
+    P.removeEventListener(A.ADD_SCENE, i), P.removeEventListener(A.REMOVE_SCENE, c);
   }), []);
-  const d = [];
+  const u = [];
   return n.forEach((r, h) => {
-    d.push(
+    u.push(
       /* @__PURE__ */ l.jsx(Gt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ya, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
     );
   }), /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
-    d,
+    u,
     /* @__PURE__ */ l.jsx(vi, { three: e.three })
   ] }, `SidePanel ${a}`);
 }
@@ -3497,58 +3500,58 @@ function Ui(e) {
   return Re(() => {
     function n(r) {
       let h = null;
-      return e.three.scenes.forEach((u) => {
-        r.search(u.uuid) > -1 && (h = u);
+      return e.three.scenes.forEach((d) => {
+        r.search(d.uuid) > -1 && (h = d);
       }), h;
     }
     const a = (r) => {
-      const h = r.value, u = n(h), f = u?.getObjectByProperty("uuid", h);
-      f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, u);
-    }, t = (r, h, u) => {
+      const h = r.value, d = n(h), f = d?.getObjectByProperty("uuid", h);
+      f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, d);
+    }, t = (r, h, d) => {
       const f = n(r), m = f?.getObjectByProperty("uuid", r);
-      m !== void 0 ? te(m, h, u) : console.log(`Hermes - can't set object: ${r}`, f);
+      m !== void 0 ? ne(m, h, d) : console.log(`Hermes - can't set object: ${r}`, f);
     }, i = (r) => {
-      const h = r.value, { key: u, value: f, uuid: m } = h;
-      t(m, u, f);
-    }, o = (r) => {
+      const h = r.value, { key: d, value: f, uuid: m } = h;
+      t(m, d, f);
+    }, c = (r) => {
       const h = r.value, f = n(h.uuid)?.getObjectByProperty("uuid", h.uuid);
       if (f !== void 0) {
-        const m = (b) => {
-          const E = h.key.split(".");
-          switch (E.length) {
+        const m = (v) => {
+          const x = h.key.split(".");
+          switch (x.length) {
             case 1:
-              f[E[0]] = b;
+              f[x[0]] = v;
               break;
             case 2:
-              f[E[0]][E[1]] = b;
+              f[x[0]][x[1]] = v;
               break;
             case 3:
-              f[E[0]][E[1]][E[2]] = b;
+              f[x[0]][x[1]][x[2]] = v;
               break;
             case 4:
-              f[E[0]][E[1]][E[2]][E[3]] = b;
+              f[x[0]][x[1]][x[2]][x[3]] = v;
               break;
             case 5:
-              f[E[0]][E[1]][E[2]][E[3]][E[4]] = b;
+              f[x[0]][x[1]][x[2]][x[3]][x[4]] = v;
               break;
           }
           f.material.needsUpdate = !0;
         };
-        h.value.src.length > 0 ? Bn(h.value.src).then((b) => {
-          b.offset.set(h.value.offset[0], h.value.offset[1]), b.repeat.set(h.value.repeat[0], h.value.repeat[1]), m(b);
+        h.value.src.length > 0 ? Bn(h.value.src).then((v) => {
+          v.offset.set(h.value.offset[0], h.value.offset[1]), v.repeat.set(h.value.repeat[0], h.value.repeat[1]), m(v);
         }) : m(null);
       }
-    }, d = (r) => {
-      const { key: h, uuid: u, value: f, subitem: m } = r.value, E = n(u)?.getObjectByProperty("uuid", u);
-      if (E !== void 0)
+    }, u = (r) => {
+      const { key: h, uuid: d, value: f, subitem: m } = r.value, x = n(d)?.getObjectByProperty("uuid", d);
+      if (x !== void 0)
         try {
-          m !== void 0 ? Na(E, m)[h](f) : E[h](f);
-        } catch (D) {
-          console.log("Error requesting method:"), console.log(D), console.log(h), console.log(f);
+          m !== void 0 ? Na(x, m)[h](f) : x[h](f);
+        } catch (_) {
+          console.log("Error requesting method:"), console.log(_), console.log(h), console.log(f);
         }
     };
-    return P.addEventListener(A.GET_OBJECT, a), P.addEventListener(A.UPDATE_OBJECT, i), P.addEventListener(A.CREATE_TEXTURE, o), P.addEventListener(A.REQUEST_METHOD, d), () => {
-      P.removeEventListener(A.GET_OBJECT, a), P.removeEventListener(A.UPDATE_OBJECT, i), P.removeEventListener(A.CREATE_TEXTURE, o), P.removeEventListener(A.REQUEST_METHOD, d);
+    return P.addEventListener(A.GET_OBJECT, a), P.addEventListener(A.UPDATE_OBJECT, i), P.addEventListener(A.CREATE_TEXTURE, c), P.addEventListener(A.REQUEST_METHOD, u), () => {
+      P.removeEventListener(A.GET_OBJECT, a), P.removeEventListener(A.UPDATE_OBJECT, i), P.removeEventListener(A.CREATE_TEXTURE, c), P.removeEventListener(A.REQUEST_METHOD, u);
     };
   }, []), null;
 }
@@ -3556,10 +3559,10 @@ class bi extends ca {
   constructor(n, a) {
     const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new qt();
     i.setAttribute("position", new Kt(t, 3)), i.computeBoundingSphere();
-    const o = new la({ fog: !1 });
-    super(i, o), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
-    const d = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], r = new qt();
-    r.setAttribute("position", new Kt(d, 3)), r.computeBoundingSphere(), this.add(new An(r, new jn({ side: vn, fog: !1 })));
+    const c = new la({ fog: !1 });
+    super(i, c), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
+    const u = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], r = new qt();
+    r.setAttribute("position", new Kt(u, 3)), r.computeBoundingSphere(), this.add(new An(r, new jn({ side: vn, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -3578,59 +3581,59 @@ class bi extends ca {
 const hn = { type: "change" }, jt = { type: "start" }, fn = { type: "end" }, Et = new ua(), mn = new da(), yi = Math.cos(70 * ha.DEG2RAD);
 class Ei extends pn {
   constructor(n, a) {
-    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new J(), this.cursor = new J(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: it.ROTATE, MIDDLE: it.DOLLY, RIGHT: it.PAN }, this.touches = { ONE: rt.ROTATE, TWO: rt.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new Q(), this.cursor = new Q(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: it.ROTATE, MIDDLE: it.DOLLY, RIGHT: it.PAN }, this.touches = { ONE: rt.ROTATE, TWO: rt.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
       return r.phi;
     }, this.getAzimuthalAngle = function() {
       return r.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
-    }, this.listenToKeyEvents = function(c) {
-      c.addEventListener("keydown", lt), this._domElementKeyEvents = c;
+    }, this.listenToKeyEvents = function(o) {
+      o.addEventListener("keydown", lt), this._domElementKeyEvents = o;
     }, this.stopListenToKeyEvents = function() {
       this._domElementKeyEvents.removeEventListener("keydown", lt), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
     }, this.reset = function() {
-      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(hn), t.update(), o = i.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(hn), t.update(), c = i.NONE;
     }, this.update = function() {
-      const c = new J(), x = new Xt().setFromUnitVectors(n.up, new J(0, 1, 0)), k = x.clone().invert(), L = new J(), re = new Xt(), xe = new J(), de = 2 * Math.PI;
+      const o = new Q(), E = new Xt().setFromUnitVectors(n.up, new Q(0, 1, 0)), D = E.clone().invert(), L = new Q(), se = new Xt(), xe = new Q(), he = 2 * Math.PI;
       return function(vt = null) {
         const bt = t.object.position;
-        c.copy(bt).sub(t.target), c.applyQuaternion(x), r.setFromVector3(c), t.autoRotate && o === i.NONE && ye(_e(vt)), t.enableDamping ? (r.theta += h.theta * t.dampingFactor, r.phi += h.phi * t.dampingFactor) : (r.theta += h.theta, r.phi += h.phi);
+        o.copy(bt).sub(t.target), o.applyQuaternion(E), r.setFromVector3(o), t.autoRotate && c === i.NONE && ye(_e(vt)), t.enableDamping ? (r.theta += h.theta * t.dampingFactor, r.phi += h.phi * t.dampingFactor) : (r.theta += h.theta, r.phi += h.phi);
         let Se = t.minAzimuthAngle, Ce = t.maxAzimuthAngle;
-        isFinite(Se) && isFinite(Ce) && (Se < -Math.PI ? Se += de : Se > Math.PI && (Se -= de), Ce < -Math.PI ? Ce += de : Ce > Math.PI && (Ce -= de), Se <= Ce ? r.theta = Math.max(Se, Math.min(Ce, r.theta)) : r.theta = r.theta > (Se + Ce) / 2 ? Math.max(Se, r.theta) : Math.min(Ce, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
+        isFinite(Se) && isFinite(Ce) && (Se < -Math.PI ? Se += he : Se > Math.PI && (Se -= he), Ce < -Math.PI ? Ce += he : Ce > Math.PI && (Ce -= he), Se <= Ce ? r.theta = Math.max(Se, Math.min(Ce, r.theta)) : r.theta = r.theta > (Se + Ce) / 2 ? Math.max(Se, r.theta) : Math.min(Ce, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
         let Xe = !1;
-        if (t.zoomToCursor && ge || t.object.isOrthographicCamera)
+        if (t.zoomToCursor && ue || t.object.isOrthographicCamera)
           r.radius = Ae(r.radius);
         else {
           const Oe = r.radius;
-          r.radius = Ae(r.radius * u), Xe = Oe != r.radius;
+          r.radius = Ae(r.radius * d), Xe = Oe != r.radius;
         }
-        if (c.setFromSpherical(r), c.applyQuaternion(k), bt.copy(t.target).add(c), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && ge) {
+        if (o.setFromSpherical(r), o.applyQuaternion(D), bt.copy(t.target).add(o), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && ue) {
           let Oe = null;
           if (t.object.isPerspectiveCamera) {
-            const He = c.length();
-            Oe = Ae(He * u);
+            const He = o.length();
+            Oe = Ae(He * d);
             const nt = He - Oe;
-            t.object.position.addScaledVector(X, nt), t.object.updateMatrixWorld(), Xe = !!nt;
+            t.object.position.addScaledVector(M, nt), t.object.updateMatrixWorld(), Xe = !!nt;
           } else if (t.object.isOrthographicCamera) {
-            const He = new J(ne.x, ne.y, 0);
+            const He = new Q(Z.x, Z.y, 0);
             He.unproject(t.object);
             const nt = t.object.zoom;
-            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), t.object.updateProjectionMatrix(), Xe = nt !== t.object.zoom;
-            const yt = new J(ne.x, ne.y, 0);
-            yt.unproject(t.object), t.object.position.sub(yt).add(He), t.object.updateMatrixWorld(), Oe = c.length();
+            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), Xe = nt !== t.object.zoom;
+            const yt = new Q(Z.x, Z.y, 0);
+            yt.unproject(t.object), t.object.position.sub(yt).add(He), t.object.updateMatrixWorld(), Oe = o.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
           Oe !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Oe).add(t.object.position) : (Et.origin.copy(t.object.position), Et.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Et.direction)) < yi ? n.lookAt(t.target) : (mn.setFromNormalAndCoplanarPoint(t.object.up, t.target), Et.intersectPlane(mn, t.target))));
         } else if (t.object.isOrthographicCamera) {
           const Oe = t.object.zoom;
-          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Xe = !0);
+          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Xe = !0);
         }
-        return u = 1, ge = !1, Xe || L.distanceToSquared(t.object.position) > d || 8 * (1 - re.dot(t.object.quaternion)) > d || xe.distanceToSquared(t.target) > d ? (t.dispatchEvent(hn), L.copy(t.object.position), re.copy(t.object.quaternion), xe.copy(t.target), !0) : !1;
+        return d = 1, ue = !1, Xe || L.distanceToSquared(t.object.position) > u || 8 * (1 - se.dot(t.object.quaternion)) > u || xe.distanceToSquared(t.target) > u ? (t.dispatchEvent(hn), L.copy(t.object.position), se.copy(t.object.quaternion), xe.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", tt), t.domElement.removeEventListener("pointerdown", S), t.domElement.removeEventListener("pointercancel", Z), t.domElement.removeEventListener("wheel", Q), t.domElement.removeEventListener("pointermove", G), t.domElement.removeEventListener("pointerup", Z), t.domElement.getRootNode().removeEventListener("keydown", ze, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", lt), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", tt), t.domElement.removeEventListener("pointerdown", S), t.domElement.removeEventListener("pointercancel", J), t.domElement.removeEventListener("wheel", ee), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", J), t.domElement.getRootNode().removeEventListener("keydown", ze, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", lt), t._domElementKeyEvents = null);
     };
     const t = this, i = {
       NONE: -1,
@@ -3642,292 +3645,292 @@ class Ei extends pn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let o = i.NONE;
-    const d = 1e-6, r = new Zt(), h = new Zt();
-    let u = 1;
-    const f = new J(), m = new pe(), b = new pe(), E = new pe(), D = new pe(), $ = new pe(), z = new pe(), B = new pe(), C = new pe(), T = new pe(), X = new J(), ne = new pe();
-    let ge = !1;
-    const q = [], ve = {};
-    let le = !1;
-    function _e(c) {
-      return c !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * c : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
-    }
-    function ke(c) {
-      const x = Math.abs(c * 0.01);
-      return Math.pow(0.95, t.zoomSpeed * x);
-    }
-    function ye(c) {
-      h.theta -= c;
-    }
-    function F(c) {
-      h.phi -= c;
+    let c = i.NONE;
+    const u = 1e-6, r = new Zt(), h = new Zt();
+    let d = 1;
+    const f = new Q(), m = new ge(), v = new ge(), x = new ge(), _ = new ge(), q = new ge(), U = new ge(), $ = new ge(), C = new ge(), K = new ge(), M = new Q(), Z = new ge();
+    let ue = !1;
+    const H = [], ve = {};
+    let re = !1;
+    function _e(o) {
+      return o !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
+    }
+    function ke(o) {
+      const E = Math.abs(o * 0.01);
+      return Math.pow(0.95, t.zoomSpeed * E);
+    }
+    function ye(o) {
+      h.theta -= o;
+    }
+    function B(o) {
+      h.phi -= o;
     }
     const Ee = function() {
-      const c = new J();
-      return function(k, L) {
-        c.setFromMatrixColumn(L, 0), c.multiplyScalar(-k), f.add(c);
+      const o = new Q();
+      return function(D, L) {
+        o.setFromMatrixColumn(L, 0), o.multiplyScalar(-D), f.add(o);
       };
     }(), R = function() {
-      const c = new J();
-      return function(k, L) {
-        t.screenSpacePanning === !0 ? c.setFromMatrixColumn(L, 1) : (c.setFromMatrixColumn(L, 0), c.crossVectors(t.object.up, c)), c.multiplyScalar(k), f.add(c);
+      const o = new Q();
+      return function(D, L) {
+        t.screenSpacePanning === !0 ? o.setFromMatrixColumn(L, 1) : (o.setFromMatrixColumn(L, 0), o.crossVectors(t.object.up, o)), o.multiplyScalar(D), f.add(o);
       };
     }(), Me = function() {
-      const c = new J();
-      return function(k, L) {
-        const re = t.domElement;
+      const o = new Q();
+      return function(D, L) {
+        const se = t.domElement;
         if (t.object.isPerspectiveCamera) {
           const xe = t.object.position;
-          c.copy(xe).sub(t.target);
-          let de = c.length();
-          de *= Math.tan(t.object.fov / 2 * Math.PI / 180), Ee(2 * k * de / re.clientHeight, t.object.matrix), R(2 * L * de / re.clientHeight, t.object.matrix);
+          o.copy(xe).sub(t.target);
+          let he = o.length();
+          he *= Math.tan(t.object.fov / 2 * Math.PI / 180), Ee(2 * D * he / se.clientHeight, t.object.matrix), R(2 * L * he / se.clientHeight, t.object.matrix);
         } else
-          t.object.isOrthographicCamera ? (Ee(k * (t.object.right - t.object.left) / t.object.zoom / re.clientWidth, t.object.matrix), R(L * (t.object.top - t.object.bottom) / t.object.zoom / re.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          t.object.isOrthographicCamera ? (Ee(D * (t.object.right - t.object.left) / t.object.zoom / se.clientWidth, t.object.matrix), R(L * (t.object.top - t.object.bottom) / t.object.zoom / se.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
-    function De(c) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u /= c : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function De(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function Ie(c) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u *= c : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function Ie(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function Pe(c, x) {
+    function Pe(o, E) {
       if (!t.zoomToCursor)
         return;
-      ge = !0;
-      const k = t.domElement.getBoundingClientRect(), L = c - k.left, re = x - k.top, xe = k.width, de = k.height;
-      ne.x = L / xe * 2 - 1, ne.y = -(re / de) * 2 + 1, X.set(ne.x, ne.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      ue = !0;
+      const D = t.domElement.getBoundingClientRect(), L = o - D.left, se = E - D.top, xe = D.width, he = D.height;
+      Z.x = L / xe * 2 - 1, Z.y = -(se / he) * 2 + 1, M.set(Z.x, Z.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
-    function Ae(c) {
-      return Math.max(t.minDistance, Math.min(t.maxDistance, c));
+    function Ae(o) {
+      return Math.max(t.minDistance, Math.min(t.maxDistance, o));
     }
-    function je(c) {
-      m.set(c.clientX, c.clientY);
+    function je(o) {
+      m.set(o.clientX, o.clientY);
     }
-    function qe(c) {
-      Pe(c.clientX, c.clientX), B.set(c.clientX, c.clientY);
+    function qe(o) {
+      Pe(o.clientX, o.clientX), $.set(o.clientX, o.clientY);
     }
-    function Ne(c) {
-      D.set(c.clientX, c.clientY);
+    function Ne(o) {
+      _.set(o.clientX, o.clientY);
     }
-    function Ke(c) {
-      b.set(c.clientX, c.clientY), E.subVectors(b, m).multiplyScalar(t.rotateSpeed);
-      const x = t.domElement;
-      ye(2 * Math.PI * E.x / x.clientHeight), F(2 * Math.PI * E.y / x.clientHeight), m.copy(b), t.update();
+    function Ke(o) {
+      v.set(o.clientX, o.clientY), x.subVectors(v, m).multiplyScalar(t.rotateSpeed);
+      const E = t.domElement;
+      ye(2 * Math.PI * x.x / E.clientHeight), B(2 * Math.PI * x.y / E.clientHeight), m.copy(v), t.update();
     }
-    function ct(c) {
-      C.set(c.clientX, c.clientY), T.subVectors(C, B), T.y > 0 ? De(ke(T.y)) : T.y < 0 && Ie(ke(T.y)), B.copy(C), t.update();
+    function ct(o) {
+      C.set(o.clientX, o.clientY), K.subVectors(C, $), K.y > 0 ? De(ke(K.y)) : K.y < 0 && Ie(ke(K.y)), $.copy(C), t.update();
     }
-    function Le(c) {
-      $.set(c.clientX, c.clientY), z.subVectors($, D).multiplyScalar(t.panSpeed), Me(z.x, z.y), D.copy($), t.update();
+    function Le(o) {
+      q.set(o.clientX, o.clientY), U.subVectors(q, _).multiplyScalar(t.panSpeed), Me(U.x, U.y), _.copy(q), t.update();
     }
-    function ae(c) {
-      Pe(c.clientX, c.clientY), c.deltaY < 0 ? Ie(ke(c.deltaY)) : c.deltaY > 0 && De(ke(c.deltaY)), t.update();
+    function ae(o) {
+      Pe(o.clientX, o.clientY), o.deltaY < 0 ? Ie(ke(o.deltaY)) : o.deltaY > 0 && De(ke(o.deltaY)), t.update();
     }
-    function fe(c) {
-      let x = !1;
-      switch (c.code) {
+    function me(o) {
+      let E = !1;
+      switch (o.code) {
         case t.keys.UP:
-          c.ctrlKey || c.metaKey || c.shiftKey ? F(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, t.keyPanSpeed), x = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, t.keyPanSpeed), E = !0;
           break;
         case t.keys.BOTTOM:
-          c.ctrlKey || c.metaKey || c.shiftKey ? F(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, -t.keyPanSpeed), x = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, -t.keyPanSpeed), E = !0;
           break;
         case t.keys.LEFT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? ye(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(t.keyPanSpeed, 0), x = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? ye(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(t.keyPanSpeed, 0), E = !0;
           break;
         case t.keys.RIGHT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? ye(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(-t.keyPanSpeed, 0), x = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? ye(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(-t.keyPanSpeed, 0), E = !0;
           break;
       }
-      x && (c.preventDefault(), t.update());
+      E && (o.preventDefault(), t.update());
     }
-    function Ue(c) {
-      if (q.length === 1)
-        m.set(c.pageX, c.pageY);
+    function Ue(o) {
+      if (H.length === 1)
+        m.set(o.pageX, o.pageY);
       else {
-        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
-        m.set(k, L);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        m.set(D, L);
       }
     }
-    function Be(c) {
-      if (q.length === 1)
-        D.set(c.pageX, c.pageY);
+    function Be(o) {
+      if (H.length === 1)
+        _.set(o.pageX, o.pageY);
       else {
-        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
-        D.set(k, L);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        _.set(D, L);
       }
     }
-    function be(c) {
-      const x = We(c), k = c.pageX - x.x, L = c.pageY - x.y, re = Math.sqrt(k * k + L * L);
-      B.set(0, re);
+    function be(o) {
+      const E = We(o), D = o.pageX - E.x, L = o.pageY - E.y, se = Math.sqrt(D * D + L * L);
+      $.set(0, se);
     }
-    function g(c) {
-      t.enableZoom && be(c), t.enablePan && Be(c);
+    function g(o) {
+      t.enableZoom && be(o), t.enablePan && Be(o);
     }
-    function v(c) {
-      t.enableZoom && be(c), t.enableRotate && Ue(c);
+    function b(o) {
+      t.enableZoom && be(o), t.enableRotate && Ue(o);
     }
-    function M(c) {
-      if (q.length == 1)
-        b.set(c.pageX, c.pageY);
+    function O(o) {
+      if (H.length == 1)
+        v.set(o.pageX, o.pageY);
       else {
-        const k = We(c), L = 0.5 * (c.pageX + k.x), re = 0.5 * (c.pageY + k.y);
-        b.set(L, re);
+        const D = We(o), L = 0.5 * (o.pageX + D.x), se = 0.5 * (o.pageY + D.y);
+        v.set(L, se);
       }
-      E.subVectors(b, m).multiplyScalar(t.rotateSpeed);
-      const x = t.domElement;
-      ye(2 * Math.PI * E.x / x.clientHeight), F(2 * Math.PI * E.y / x.clientHeight), m.copy(b);
+      x.subVectors(v, m).multiplyScalar(t.rotateSpeed);
+      const E = t.domElement;
+      ye(2 * Math.PI * x.x / E.clientHeight), B(2 * Math.PI * x.y / E.clientHeight), m.copy(v);
     }
-    function j(c) {
-      if (q.length === 1)
-        $.set(c.pageX, c.pageY);
+    function j(o) {
+      if (H.length === 1)
+        q.set(o.pageX, o.pageY);
       else {
-        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
-        $.set(k, L);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        q.set(D, L);
       }
-      z.subVectors($, D).multiplyScalar(t.panSpeed), Me(z.x, z.y), D.copy($);
+      U.subVectors(q, _).multiplyScalar(t.panSpeed), Me(U.x, U.y), _.copy(q);
     }
-    function oe(c) {
-      const x = We(c), k = c.pageX - x.x, L = c.pageY - x.y, re = Math.sqrt(k * k + L * L);
-      C.set(0, re), T.set(0, Math.pow(C.y / B.y, t.zoomSpeed)), De(T.y), B.copy(C);
-      const xe = (c.pageX + x.x) * 0.5, de = (c.pageY + x.y) * 0.5;
-      Pe(xe, de);
+    function ce(o) {
+      const E = We(o), D = o.pageX - E.x, L = o.pageY - E.y, se = Math.sqrt(D * D + L * L);
+      C.set(0, se), K.set(0, Math.pow(C.y / $.y, t.zoomSpeed)), De(K.y), $.copy(C);
+      const xe = (o.pageX + E.x) * 0.5, he = (o.pageY + E.y) * 0.5;
+      Pe(xe, he);
     }
-    function ue(c) {
-      t.enableZoom && oe(c), t.enablePan && j(c);
+    function de(o) {
+      t.enableZoom && ce(o), t.enablePan && j(o);
     }
-    function O(c) {
-      t.enableZoom && oe(c), t.enableRotate && M(c);
+    function T(o) {
+      t.enableZoom && ce(o), t.enableRotate && O(o);
     }
-    function S(c) {
-      t.enabled !== !1 && (q.length === 0 && (t.domElement.setPointerCapture(c.pointerId), t.domElement.addEventListener("pointermove", G), t.domElement.addEventListener("pointerup", Z)), !Dt(c) && (_t(c), c.pointerType === "touch" ? ut(c) : _(c)));
+    function S(o) {
+      t.enabled !== !1 && (H.length === 0 && (t.domElement.setPointerCapture(o.pointerId), t.domElement.addEventListener("pointermove", z), t.domElement.addEventListener("pointerup", J)), !Dt(o) && (_t(o), o.pointerType === "touch" ? ut(o) : k(o)));
     }
-    function G(c) {
-      t.enabled !== !1 && (c.pointerType === "touch" ? pt(c) : Y(c));
+    function z(o) {
+      t.enabled !== !1 && (o.pointerType === "touch" ? pt(o) : Y(o));
     }
-    function Z(c) {
-      switch (kt(c), q.length) {
+    function J(o) {
+      switch (kt(o), H.length) {
         case 0:
-          t.domElement.releasePointerCapture(c.pointerId), t.domElement.removeEventListener("pointermove", G), t.domElement.removeEventListener("pointerup", Z), t.dispatchEvent(fn), o = i.NONE;
+          t.domElement.releasePointerCapture(o.pointerId), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", J), t.dispatchEvent(fn), c = i.NONE;
           break;
         case 1:
-          const x = q[0], k = ve[x];
-          ut({ pointerId: x, pageX: k.x, pageY: k.y });
+          const E = H[0], D = ve[E];
+          ut({ pointerId: E, pageX: D.x, pageY: D.y });
           break;
       }
     }
-    function _(c) {
-      let x;
-      switch (c.button) {
+    function k(o) {
+      let E;
+      switch (o.button) {
         case 0:
-          x = t.mouseButtons.LEFT;
+          E = t.mouseButtons.LEFT;
           break;
         case 1:
-          x = t.mouseButtons.MIDDLE;
+          E = t.mouseButtons.MIDDLE;
           break;
         case 2:
-          x = t.mouseButtons.RIGHT;
+          E = t.mouseButtons.RIGHT;
           break;
         default:
-          x = -1;
+          E = -1;
       }
-      switch (x) {
+      switch (E) {
         case it.DOLLY:
           if (t.enableZoom === !1)
             return;
-          qe(c), o = i.DOLLY;
+          qe(o), c = i.DOLLY;
           break;
         case it.ROTATE:
-          if (c.ctrlKey || c.metaKey || c.shiftKey) {
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enablePan === !1)
               return;
-            Ne(c), o = i.PAN;
+            Ne(o), c = i.PAN;
           } else {
             if (t.enableRotate === !1)
               return;
-            je(c), o = i.ROTATE;
+            je(o), c = i.ROTATE;
           }
           break;
         case it.PAN:
-          if (c.ctrlKey || c.metaKey || c.shiftKey) {
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enableRotate === !1)
               return;
-            je(c), o = i.ROTATE;
+            je(o), c = i.ROTATE;
           } else {
             if (t.enablePan === !1)
               return;
-            Ne(c), o = i.PAN;
+            Ne(o), c = i.PAN;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(jt);
+      c !== i.NONE && t.dispatchEvent(jt);
     }
-    function Y(c) {
-      switch (o) {
+    function Y(o) {
+      switch (c) {
         case i.ROTATE:
           if (t.enableRotate === !1)
             return;
-          Ke(c);
+          Ke(o);
           break;
         case i.DOLLY:
           if (t.enableZoom === !1)
             return;
-          ct(c);
+          ct(o);
           break;
         case i.PAN:
           if (t.enablePan === !1)
             return;
-          Le(c);
+          Le(o);
           break;
       }
     }
-    function Q(c) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(jt), ae($e(c)), t.dispatchEvent(fn));
+    function ee(o) {
+      t.enabled === !1 || t.enableZoom === !1 || c !== i.NONE || (o.preventDefault(), t.dispatchEvent(jt), ae($e(o)), t.dispatchEvent(fn));
     }
-    function $e(c) {
-      const x = c.deltaMode, k = {
-        clientX: c.clientX,
-        clientY: c.clientY,
-        deltaY: c.deltaY
+    function $e(o) {
+      const E = o.deltaMode, D = {
+        clientX: o.clientX,
+        clientY: o.clientY,
+        deltaY: o.deltaY
       };
-      switch (x) {
+      switch (E) {
         case 1:
-          k.deltaY *= 16;
+          D.deltaY *= 16;
           break;
         case 2:
-          k.deltaY *= 100;
+          D.deltaY *= 100;
           break;
       }
-      return c.ctrlKey && !le && (k.deltaY *= 10), k;
+      return o.ctrlKey && !re && (D.deltaY *= 10), D;
     }
-    function ze(c) {
-      c.key === "Control" && (le = !0, t.domElement.getRootNode().addEventListener("keyup", Ge, { passive: !0, capture: !0 }));
+    function ze(o) {
+      o.key === "Control" && (re = !0, t.domElement.getRootNode().addEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function Ge(c) {
-      c.key === "Control" && (le = !1, t.domElement.getRootNode().removeEventListener("keyup", Ge, { passive: !0, capture: !0 }));
+    function Ge(o) {
+      o.key === "Control" && (re = !1, t.domElement.getRootNode().removeEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function lt(c) {
-      t.enabled === !1 || t.enablePan === !1 || fe(c);
+    function lt(o) {
+      t.enabled === !1 || t.enablePan === !1 || me(o);
     }
-    function ut(c) {
-      switch (gt(c), q.length) {
+    function ut(o) {
+      switch (gt(o), H.length) {
         case 1:
           switch (t.touches.ONE) {
             case rt.ROTATE:
               if (t.enableRotate === !1)
                 return;
-              Ue(c), o = i.TOUCH_ROTATE;
+              Ue(o), c = i.TOUCH_ROTATE;
               break;
             case rt.PAN:
               if (t.enablePan === !1)
                 return;
-              Be(c), o = i.TOUCH_PAN;
+              Be(o), c = i.TOUCH_PAN;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         case 2:
@@ -3935,94 +3938,94 @@ class Ei extends pn {
             case rt.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1)
                 return;
-              g(c), o = i.TOUCH_DOLLY_PAN;
+              g(o), c = i.TOUCH_DOLLY_PAN;
               break;
             case rt.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1)
                 return;
-              v(c), o = i.TOUCH_DOLLY_ROTATE;
+              b(o), c = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(jt);
+      c !== i.NONE && t.dispatchEvent(jt);
     }
-    function pt(c) {
-      switch (gt(c), o) {
+    function pt(o) {
+      switch (gt(o), c) {
         case i.TOUCH_ROTATE:
           if (t.enableRotate === !1)
             return;
-          M(c), t.update();
+          O(o), t.update();
           break;
         case i.TOUCH_PAN:
           if (t.enablePan === !1)
             return;
-          j(c), t.update();
+          j(o), t.update();
           break;
         case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1)
             return;
-          ue(c), t.update();
+          de(o), t.update();
           break;
         case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1)
             return;
-          O(c), t.update();
+          T(o), t.update();
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
     }
-    function tt(c) {
-      t.enabled !== !1 && c.preventDefault();
+    function tt(o) {
+      t.enabled !== !1 && o.preventDefault();
     }
-    function _t(c) {
-      q.push(c.pointerId);
+    function _t(o) {
+      H.push(o.pointerId);
     }
-    function kt(c) {
-      delete ve[c.pointerId];
-      for (let x = 0; x < q.length; x++)
-        if (q[x] == c.pointerId) {
-          q.splice(x, 1);
+    function kt(o) {
+      delete ve[o.pointerId];
+      for (let E = 0; E < H.length; E++)
+        if (H[E] == o.pointerId) {
+          H.splice(E, 1);
           return;
         }
     }
-    function Dt(c) {
-      for (let x = 0; x < q.length; x++)
-        if (q[x] == c.pointerId)
+    function Dt(o) {
+      for (let E = 0; E < H.length; E++)
+        if (H[E] == o.pointerId)
           return !0;
       return !1;
     }
-    function gt(c) {
-      let x = ve[c.pointerId];
-      x === void 0 && (x = new pe(), ve[c.pointerId] = x), x.set(c.pageX, c.pageY);
+    function gt(o) {
+      let E = ve[o.pointerId];
+      E === void 0 && (E = new ge(), ve[o.pointerId] = E), E.set(o.pageX, o.pageY);
     }
-    function We(c) {
-      const x = c.pointerId === q[0] ? q[1] : q[0];
-      return ve[x];
+    function We(o) {
+      const E = o.pointerId === H[0] ? H[1] : H[0];
+      return ve[E];
     }
-    t.domElement.addEventListener("contextmenu", tt), t.domElement.addEventListener("pointerdown", S), t.domElement.addEventListener("pointercancel", Z), t.domElement.addEventListener("wheel", Q, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", ze, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", tt), t.domElement.addEventListener("pointerdown", S), t.domElement.addEventListener("pointercancel", J), t.domElement.addEventListener("wheel", ee, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", ze, { passive: !0, capture: !0 }), this.update();
   }
 }
 function ot(e, n, a, t, i) {
   return t + (e - n) * (i - t) / (a - n);
 }
 const wt = (e) => {
-  const [n, a] = W(e.options[e.index]), t = () => {
+  const [n, a] = G(e.options[e.index]), t = () => {
     e.onToggle(!e.open);
-  }, i = (o) => {
-    o !== n && (e.onSelect(o), a(o)), e.onToggle(!1);
+  }, i = (c) => {
+    c !== n && (e.onSelect(c), a(c)), e.onToggle(!1);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${e.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: t, children: n }),
-    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
+    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(c), children: c }, c)) })
   ] });
 }, Ze = Ra(function(n, a) {
-  const [t, i] = W(!1), o = n.options.indexOf(n.camera.name);
+  const [t, i] = G(!1), c = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       t && i(!1);
@@ -4030,12 +4033,12 @@ const wt = (e) => {
     /* @__PURE__ */ l.jsx(
       wt,
       {
-        index: o,
+        index: c,
         open: t,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (d) => {
-          i(d);
+        onToggle: (u) => {
+          i(u);
         },
         up: !0
       }
@@ -4215,35 +4218,35 @@ class Mi extends In {
     });
   }
 }
-let xt = "Renderer", Te, It = !1, K = null, ce = null, Ye = null, Ve = null;
+let xt = "Renderer", Te, It = !1, X = null, le = null, Ye = null, Ve = null;
 function $i(e) {
-  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", d = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = se(() => /* @__PURE__ */ new Map(), []), h = se(() => /* @__PURE__ */ new Map(), []), u = se(() => /* @__PURE__ */ new Map(), []), f = se(() => /* @__PURE__ */ new Map(), []), m = se(() => new pa(), []), b = se(() => new ga(), []), E = se(() => new Si(), []), D = se(() => new Jt(500), []), $ = se(() => new Jt(100), []), z = se(() => new va(), []), B = se(() => new ba(), []), C = se(() => new Mi(), []), T = se(() => new jn({
+  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", c = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", u = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = oe(() => /* @__PURE__ */ new Map(), []), h = oe(() => /* @__PURE__ */ new Map(), []), d = oe(() => /* @__PURE__ */ new Map(), []), f = oe(() => /* @__PURE__ */ new Map(), []), m = oe(() => new pa(), []), v = oe(() => new ga(), []), x = oe(() => new Si(), []), _ = oe(() => new Jt(500), []), q = oe(() => new Jt(100), []), U = oe(() => new va(), []), $ = oe(() => new ba(), []), C = oe(() => new Mi(), []), K = oe(() => new jn({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function X(g, v) {
-    const M = new Qt(-100, 100, 100, -100, 50, 5e3);
-    return M.name = g, M.position.copy(v), M.lookAt(0, 0, 0), r.set(g, M), M;
+  function M(g, b) {
+    const O = new Qt(-100, 100, 100, -100, 50, 5e3);
+    return O.name = g, O.position.copy(b), O.lookAt(0, 0, 0), r.set(g, O), O;
   }
-  const ne = [
+  const Z = [
     "Renderer",
     "Depth",
     "Normals",
     "UVs",
     "Wireframe"
-  ], ge = [
+  ], ue = [
     "Single",
     "Side by Side",
     "Stacked",
     "Quad"
-  ], q = V(null), ve = V(null), le = V(null), _e = V(null), ke = V(null), ye = V(null), [F, Ee] = W(a !== null ? a : "Single"), [R, Me] = W(null), [De, Ie] = W(!1), [Pe, Ae] = W(!1), [je, qe] = W("Orbit"), [Ne, Ke] = W(!1), [ct, Le] = W(Date.now());
-  localStorage.setItem(`${n}_mode`, F), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, o), localStorage.setItem(`${n}_brCam`, d);
-  const ae = (g, v) => {
-    const M = h.get(g.name);
-    if (M !== void 0 && M.dispose(), h.delete(g.name), g.name === "UI")
+  ], H = V(null), ve = V(null), re = V(null), _e = V(null), ke = V(null), ye = V(null), [B, Ee] = G(a !== null ? a : "Single"), [R, Me] = G(null), [De, Ie] = G(!1), [Pe, Ae] = G(!1), [je, qe] = G("Orbit"), [Ne, Ke] = G(!1), [ct, Le] = G(Date.now());
+  localStorage.setItem(`${n}_mode`, B), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, c), localStorage.setItem(`${n}_brCam`, u);
+  const ae = (g, b) => {
+    const O = h.get(g.name);
+    if (O !== void 0 && O.dispose(), h.delete(g.name), g.name === "UI")
       return;
-    const j = new Ei(g, v);
+    const j = new Ei(g, b);
     switch (j.enableDamping = !0, j.dampingFactor = 0.05, g.name) {
       case "Top":
       case "Bottom":
@@ -4255,252 +4258,252 @@ function $i(e) {
         break;
     }
     h.set(g.name, j);
-  }, fe = (g) => {
-    const v = u.get(g.name);
-    v !== void 0 && (m.remove(v), v.dispose(), u.delete(g.name));
-    const M = h.get(g.name);
-    M !== void 0 && (M.dispose(), h.delete(g.name));
+  }, me = (g) => {
+    const b = d.get(g.name);
+    b !== void 0 && (m.remove(b), b.dispose(), d.delete(g.name));
+    const O = h.get(g.name);
+    O !== void 0 && (O.dispose(), h.delete(g.name));
   }, Ue = () => {
-    h.forEach((g, v) => {
+    h.forEach((g, b) => {
       g.dispose();
-      const M = u.get(v);
-      M !== void 0 && (m.remove(M), M.dispose()), u.delete(v), h.delete(v);
-    }), h.clear(), u.clear();
+      const O = d.get(b);
+      O !== void 0 && (m.remove(O), O.dispose()), d.delete(b), h.delete(b);
+    }), h.clear(), d.clear();
   }, Be = () => {
-    switch (F) {
+    switch (B) {
       case "Single":
-        ae(K, le.current);
+        ae(X, re.current);
         break;
       case "Side by Side":
       case "Stacked":
-        ae(K, le.current), ae(ce, _e.current);
+        ae(X, re.current), ae(le, _e.current);
         break;
       case "Quad":
-        ae(K, le.current), ae(ce, _e.current), ae(Ye, ke.current), ae(Ve, ye.current);
+        ae(X, re.current), ae(le, _e.current), ae(Ye, ke.current), ae(Ve, ye.current);
         break;
     }
   };
   Re(() => {
     const g = new ya({
-      canvas: q.current,
+      canvas: H.current,
       stencil: !1
     });
     g.autoClear = !1, g.shadowMap.enabled = !0, g.setPixelRatio(devicePixelRatio), g.setClearColor(0), e.three.renderer = g, Me(g);
   }, []), Re(() => {
-    m.name = "Debug Scene", m.uuid = "", b.name = "helpers", m.add(b), b.add(E), D.name = "axisHelper", b.add(D), $.name = "interactionHelper", b.add($), $.visible = !1, X("Top", new J(0, 1e3, 0)), X("Bottom", new J(0, -1e3, 0)), X("Left", new J(-1e3, 0, 0)), X("Right", new J(1e3, 0, 0)), X("Front", new J(0, 0, 1e3)), X("Back", new J(0, 0, -1e3)), X("Orthographic", new J(1e3, 1e3, 1e3)), X("UI", new J());
+    m.name = "Debug Scene", m.uuid = "", v.name = "helpers", m.add(v), v.add(x), _.name = "axisHelper", v.add(_), q.name = "interactionHelper", v.add(q), q.visible = !1, M("Top", new Q(0, 1e3, 0)), M("Bottom", new Q(0, -1e3, 0)), M("Left", new Q(-1e3, 0, 0)), M("Right", new Q(1e3, 0, 0)), M("Front", new Q(0, 0, 1e3)), M("Back", new Q(0, 0, -1e3)), M("Orthographic", new Q(1e3, 1e3, 1e3)), M("UI", new Q());
     const g = new Pt(60, 1, 50, 5e3);
-    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), r.set("Debug", g), K = r.get(localStorage.getItem(`${n}_tlCam`)), ce = r.get(localStorage.getItem(`${n}_trCam`)), Ye = r.get(localStorage.getItem(`${n}_blCam`)), Ve = r.get(localStorage.getItem(`${n}_brCam`));
+    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), r.set("Debug", g), X = r.get(localStorage.getItem(`${n}_tlCam`)), le = r.get(localStorage.getItem(`${n}_trCam`)), Ye = r.get(localStorage.getItem(`${n}_blCam`)), Ve = r.get(localStorage.getItem(`${n}_brCam`));
   }, []), Re(() => {
     const g = () => {
-      f.forEach((O) => {
-        b.remove(O), O.dispose();
+      f.forEach((T) => {
+        v.remove(T), T.dispose();
       }), f.clear();
-    }, v = () => {
-      Te.traverse((O) => {
-        if (O.type.search("Light") > -1) {
+    }, b = () => {
+      Te.traverse((T) => {
+        if (T.type.search("Light") > -1) {
           let S;
-          switch (O.type) {
+          switch (T.type) {
             case "DirectionalLight":
-              S = new Ma(O, 100), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
+              S = new Ma(T, 100), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "HemisphereLight":
-              S = new wa(O, 250), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
+              S = new wa(T, 250), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "RectAreaLight":
-              S = new bi(O), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
+              S = new bi(T), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "PointLight":
-              S = new Ca(O, 100), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
+              S = new Ca(T, 100), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "SpotLight":
-              S = new Sa(O), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
+              S = new Sa(T), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
           }
         }
       });
-    }, M = (O) => {
-      b.add(D), g(), Ot(Te), m.remove(Te);
-      const S = e.scenes.get(O.value.name);
+    }, O = (T) => {
+      v.add(_), g(), Ot(Te), m.remove(Te);
+      const S = e.scenes.get(T.value.name);
       if (S !== void 0) {
-        const G = new S();
-        e.onSceneSet !== void 0 && e.onSceneSet(G), Te = G, e.three.scene = Te, m.add(Te), It = !0, v();
+        const z = new S();
+        e.onSceneSet !== void 0 && e.onSceneSet(z), Te = z, e.three.scene = Te, m.add(Te), It = !0, b();
       }
-    }, j = (O) => {
-      const S = O.value, G = e.three.scene?.getObjectByProperty("uuid", S.uuid);
-      if (G !== void 0 && r.set(S.name, G), G instanceof Pt) {
-        const Z = new xa(G);
-        u.set(G.name, Z), m.add(Z);
+    }, j = (T) => {
+      const S = T.value, z = e.three.scene?.getObjectByProperty("uuid", S.uuid);
+      if (z !== void 0 && r.set(S.name, z), z instanceof Pt) {
+        const J = new xa(z);
+        d.set(z.name, J), m.add(J);
       }
       Le(Date.now());
-    }, oe = (O) => {
-      const S = u.get(O.value.name);
-      S !== void 0 && (m.remove(S), S.dispose()), r.delete(O.value.name), Le(Date.now());
-    }, ue = (O) => {
-      const S = Te.getObjectByProperty("uuid", O.value.uuid);
-      S && S.add(D);
+    }, ce = (T) => {
+      const S = d.get(T.value.name);
+      S !== void 0 && (m.remove(S), S.dispose()), r.delete(T.value.name), Le(Date.now());
+    }, de = (T) => {
+      const S = Te.getObjectByProperty("uuid", T.value.uuid);
+      S && S.add(_);
     };
-    return P.addEventListener(A.SET_SCENE, M), P.addEventListener(A.ADD_CAMERA, j), P.addEventListener(A.REMOVE_CAMERA, oe), P.addEventListener(A.SET_OBJECT, ue), () => {
-      P.removeEventListener(A.SET_SCENE, M), P.removeEventListener(A.ADD_CAMERA, j), P.removeEventListener(A.REMOVE_CAMERA, oe), P.removeEventListener(A.SET_OBJECT, ue);
+    return P.addEventListener(A.SET_SCENE, O), P.addEventListener(A.ADD_CAMERA, j), P.addEventListener(A.REMOVE_CAMERA, ce), P.addEventListener(A.SET_OBJECT, de), () => {
+      P.removeEventListener(A.SET_SCENE, O), P.removeEventListener(A.ADD_CAMERA, j), P.removeEventListener(A.REMOVE_CAMERA, ce), P.removeEventListener(A.SET_OBJECT, de);
     };
   }, []), Re(() => {
     if (R === null)
       return;
-    let g = window.innerWidth, v = window.innerHeight, M = Math.floor(g / 2), j = Math.floor(v / 2), oe = -1;
-    const ue = () => {
-      g = window.innerWidth - 300, v = window.innerHeight, M = Math.floor(g / 2), j = Math.floor(v / 2), e.three.resize(g, v), e.onSceneResize !== void 0 && It && e.onSceneResize(Te, g, v);
-      let _ = g, Y = v;
-      switch (F) {
+    let g = window.innerWidth, b = window.innerHeight, O = Math.floor(g / 2), j = Math.floor(b / 2), ce = -1;
+    const de = () => {
+      g = window.innerWidth - 300, b = window.innerHeight, O = Math.floor(g / 2), j = Math.floor(b / 2), e.three.resize(g, b), e.onSceneResize !== void 0 && It && e.onSceneResize(Te, g, b);
+      let k = g, Y = b;
+      switch (B) {
         case "Side by Side":
-          _ = M, Y = v;
+          k = O, Y = b;
           break;
         case "Stacked":
-          _ = g, Y = j;
+          k = g, Y = j;
           break;
         case "Quad":
-          _ = M, Y = j;
+          k = O, Y = j;
           break;
       }
-      r.forEach((Q) => {
-        Q instanceof Qt ? (Q.left = _ / -2, Q.right = _ / 2, Q.top = Y / 2, Q.bottom = Y / -2, Q.name === "UI" && (Q.position.x = g / 2, Q.position.y = v / -2, Q.position.z = 100), Q.updateProjectionMatrix()) : Q instanceof Pt && (Q.aspect = _ / Y, Q.updateProjectionMatrix(), u.get(Q.name)?.update());
+      r.forEach((ee) => {
+        ee instanceof Qt ? (ee.left = k / -2, ee.right = k / 2, ee.top = Y / 2, ee.bottom = Y / -2, ee.name === "UI" && (ee.position.x = g / 2, ee.position.y = b / -2, ee.position.z = 100), ee.updateProjectionMatrix()) : ee instanceof Pt && (ee.aspect = k / Y, ee.updateProjectionMatrix(), d.get(ee.name)?.update());
       });
-    }, O = () => {
-      R.setViewport(0, 0, g, v), R.setScissor(0, 0, g, v), R.render(m, K);
+    }, T = () => {
+      R.setViewport(0, 0, g, b), R.setScissor(0, 0, g, b), R.render(m, X);
     }, S = () => {
-      if (F === "Side by Side")
-        R.setViewport(0, 0, M, v), R.setScissor(0, 0, M, v), R.render(m, K), R.setViewport(M, 0, M, v), R.setScissor(M, 0, M, v), R.render(m, ce);
+      if (B === "Side by Side")
+        R.setViewport(0, 0, O, b), R.setScissor(0, 0, O, b), R.render(m, X), R.setViewport(O, 0, O, b), R.setScissor(O, 0, O, b), R.render(m, le);
       else {
-        const _ = v - j;
-        R.setViewport(0, _, g, j), R.setScissor(0, _, g, j), R.render(m, K), R.setViewport(0, 0, g, j), R.setScissor(0, 0, g, j), R.render(m, ce);
+        const k = b - j;
+        R.setViewport(0, k, g, j), R.setScissor(0, k, g, j), R.render(m, X), R.setViewport(0, 0, g, j), R.setScissor(0, 0, g, j), R.render(m, le);
       }
-    }, G = () => {
-      let _ = 0, Y = 0;
-      Y = v - j, _ = 0, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, K), _ = M, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, ce), Y = 0, _ = 0, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, Ye), _ = M, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, Ve);
-    }, Z = () => {
-      switch (h.forEach((_) => {
-        _.update();
-      }), u.forEach((_) => {
-        _.update();
-      }), f.forEach((_) => {
-        _.update !== void 0 && _.update();
-      }), e.onSceneUpdate !== void 0 && It && e.onSceneUpdate(Te), R.clear(), F) {
+    }, z = () => {
+      let k = 0, Y = 0;
+      Y = b - j, k = 0, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, X), k = O, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, le), Y = 0, k = 0, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, Ye), k = O, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, Ve);
+    }, J = () => {
+      switch (h.forEach((k) => {
+        k.update();
+      }), d.forEach((k) => {
+        k.update();
+      }), f.forEach((k) => {
+        k.update !== void 0 && k.update();
+      }), e.onSceneUpdate !== void 0 && It && e.onSceneUpdate(Te), R.clear(), B) {
         case "Single":
-          O();
+          T();
           break;
         case "Side by Side":
         case "Stacked":
           S();
           break;
         case "Quad":
-          G();
+          z();
           break;
       }
-      oe = requestAnimationFrame(Z);
+      ce = requestAnimationFrame(J);
     };
-    return Be(), window.addEventListener("resize", ue), ue(), Z(), () => {
-      window.removeEventListener("resize", ue), cancelAnimationFrame(oe), oe = -1;
+    return Be(), window.addEventListener("resize", de), de(), J(), () => {
+      window.removeEventListener("resize", de), cancelAnimationFrame(ce), ce = -1;
     };
-  }, [F, R]), Re(() => {
+  }, [B, R]), Re(() => {
     if (R !== null) {
-      const g = new Ea(), v = new pe(), M = (O, S, G, Z) => {
-        switch (F) {
+      const g = new Ea(), b = new ge(), O = (T, S, z, J) => {
+        switch (B) {
           case "Quad":
-            O < G ? S < Z ? g.setFromCamera(v, K) : g.setFromCamera(v, Ye) : S < Z ? g.setFromCamera(v, ce) : g.setFromCamera(v, Ve);
+            T < z ? S < J ? g.setFromCamera(b, X) : g.setFromCamera(b, Ye) : S < J ? g.setFromCamera(b, le) : g.setFromCamera(b, Ve);
             break;
           case "Side by Side":
-            O < G ? g.setFromCamera(v, K) : g.setFromCamera(v, ce);
+            T < z ? g.setFromCamera(b, X) : g.setFromCamera(b, le);
             break;
           case "Single":
-            g.setFromCamera(v, K);
+            g.setFromCamera(b, X);
             break;
           case "Stacked":
-            S < Z ? g.setFromCamera(v, K) : g.setFromCamera(v, ce);
+            S < J ? g.setFromCamera(b, X) : g.setFromCamera(b, le);
             break;
         }
-      }, j = (O) => {
+      }, j = (T) => {
         if (je === "Orbit")
           return;
-        const S = new pe();
+        const S = new ge();
         R.getSize(S);
-        const G = Math.min(O.clientX, S.x), Z = Math.min(O.clientY, S.y);
-        v.x = ot(G, 0, S.x, -1, 1), v.y = ot(Z, 0, S.y, 1, -1);
-        const _ = S.x / 2, Y = S.y / 2, Q = () => {
-          G < _ ? v.x = ot(G, 0, _, -1, 1) : v.x = ot(G, _, S.x, -1, 1);
+        const z = Math.min(T.clientX, S.x), J = Math.min(T.clientY, S.y);
+        b.x = ot(z, 0, S.x, -1, 1), b.y = ot(J, 0, S.y, 1, -1);
+        const k = S.x / 2, Y = S.y / 2, ee = () => {
+          z < k ? b.x = ot(z, 0, k, -1, 1) : b.x = ot(z, k, S.x, -1, 1);
         }, $e = () => {
-          Z < Y ? v.y = ot(Z, 0, Y, 1, -1) : v.y = ot(Z, Y, S.y, 1, -1);
+          J < Y ? b.y = ot(J, 0, Y, 1, -1) : b.y = ot(J, Y, S.y, 1, -1);
         };
-        switch (F) {
+        switch (B) {
           case "Quad":
-            Q(), $e();
+            ee(), $e();
             break;
           case "Side by Side":
-            Q();
+            ee();
             break;
           case "Stacked":
             $e(), $e();
             break;
         }
-        M(G, Z, _, Y);
+        O(z, J, k, Y);
         const ze = g.intersectObjects(Te.children);
-        ze.length > 0 && $.position.copy(ze[0].point);
-      }, oe = (O) => {
+        ze.length > 0 && q.position.copy(ze[0].point);
+      }, ce = (T) => {
         if (je === "Orbit")
           return;
-        const S = new pe();
-        if (R.getSize(S), O.clientX >= S.x)
+        const S = new ge();
+        if (R.getSize(S), T.clientX >= S.x)
           return;
-        j(O);
-        const G = g.intersectObjects(Te.children);
-        G.length > 0 && (e.three.getObject(G[0].object.uuid), $.visible = !1, qe("Orbit"), Le(Date.now()));
-      }, ue = ve.current;
-      return ue.addEventListener("mousemove", j, !1), ue.addEventListener("click", oe, !1), () => {
-        ue.removeEventListener("mousemove", j), ue.removeEventListener("click", oe);
+        j(T);
+        const z = g.intersectObjects(Te.children);
+        z.length > 0 && (e.three.getObject(z[0].object.uuid), q.visible = !1, qe("Orbit"), Le(Date.now()));
+      }, de = ve.current;
+      return de.addEventListener("mousemove", j, !1), de.addEventListener("click", ce, !1), () => {
+        de.removeEventListener("mousemove", j), de.removeEventListener("click", ce);
       };
     }
-  }, [F, R, je]);
+  }, [B, R, je]);
   const be = [];
-  return r.forEach((g, v) => {
-    be.push(v);
+  return r.forEach((g, b) => {
+    be.push(b);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
-    /* @__PURE__ */ l.jsx("canvas", { ref: q }),
+    /* @__PURE__ */ l.jsx("canvas", { ref: H }),
     R !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${F === "Single" || F === "Stacked" ? "single" : ""}`, ref: ve, children: [
-        F === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
-          h.get(K.name)?.dispose();
-          const v = r.get(g);
-          v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
+      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${B === "Single" || B === "Stacked" ? "single" : ""}`, ref: ve, children: [
+        B === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, onSelect: (g) => {
+          h.get(X.name)?.dispose();
+          const b = r.get(g);
+          b !== void 0 && (me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, re.current));
         } }) }),
-        (F === "Side by Side" || F === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
-            h.get(K.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
+        (B === "Side by Side" || B === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, onSelect: (g) => {
+            h.get(X.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, re.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (g) => {
-            h.get(ce.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: le, options: be, ref: _e, onSelect: (g) => {
+            h.get(le.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(le), le = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
           } })
         ] }),
-        F === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
-            h.get(K.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
+        B === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, onSelect: (g) => {
+            h.get(X.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, re.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (g) => {
-            h.get(ce.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: le, options: be, ref: _e, onSelect: (g) => {
+            h.get(le.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(le), le = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
           } }),
           /* @__PURE__ */ l.jsx(Ze, { camera: Ye, options: be, ref: ke, onSelect: (g) => {
             h.get(Ye.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(Ye), Ye = v, localStorage.setItem(`${n}_blCam`, v.name), ae(v, ke.current));
+            const b = r.get(g);
+            b !== void 0 && (me(Ye), Ye = b, localStorage.setItem(`${n}_blCam`, b.name), ae(b, ke.current));
           } }),
           /* @__PURE__ */ l.jsx(Ze, { camera: Ve, options: be, ref: ye, onSelect: (g) => {
             h.get(Ve.name)?.dispose();
-            const v = r.get(g);
-            v !== void 0 && (fe(Ve), Ve = v, localStorage.setItem(`${n}_brCam`, v.name), ae(v, ye.current));
+            const b = r.get(g);
+            b !== void 0 && (me(Ve), Ve = b, localStorage.setItem(`${n}_brCam`, b.name), ae(b, ye.current));
           } })
         ] })
       ] }),
@@ -4508,10 +4511,10 @@ function $i(e) {
         /* @__PURE__ */ l.jsx(
           wt,
           {
-            index: ge.indexOf(F),
-            options: ge,
+            index: ue.indexOf(B),
+            options: ue,
             onSelect: (g) => {
-              g !== F && (Ue(), Ee(g));
+              g !== B && (Ue(), Ee(g));
             },
             open: De,
             onToggle: (g) => {
@@ -4522,23 +4525,23 @@ function $i(e) {
         /* @__PURE__ */ l.jsx(
           wt,
           {
-            index: ne.indexOf(xt),
-            options: ne,
+            index: Z.indexOf(xt),
+            options: Z,
             onSelect: (g) => {
               if (g !== xt)
                 switch (xt = g, xt) {
                   case "Depth":
-                    m.overrideMaterial = z;
+                    m.overrideMaterial = U;
                     break;
                   case "Normals":
-                    m.overrideMaterial = B;
+                    m.overrideMaterial = $;
                     break;
                   default:
                   case "Renderer":
                     m.overrideMaterial = null;
                     break;
                   case "Wireframe":
-                    m.overrideMaterial = T;
+                    m.overrideMaterial = K;
                     break;
                   case "UVs":
                     m.overrideMaterial = C;
@@ -4560,7 +4563,7 @@ function $i(e) {
               "Selection Mode"
             ],
             onSelect: (g) => {
-              $.visible = g === "Selection Mode", qe($.visible ? "Selection" : "Orbit");
+              q.visible = g === "Selection Mode", qe(q.visible ? "Selection" : "Orbit");
             },
             open: Ne,
             onToggle: (g) => {