@tomorrowevening/hermes 0.0.37 → 0.0.39

package/dist/hermes.esm.js

@@ -1,30 +1,30 @@
-import { PositionalAudio as Hn, EventDispatcher as un, Texture as dn, CubeTexture as Wn, RepeatWrapping as Kt, ShaderMaterial as fn, GLSL3 as qn, DoubleSide as hn, Color as Tt, Mesh as Kn, PlaneGeometry as Xn, FrontSide as Zn, BackSide as Jn, NoBlending as Qn, NormalBlending as ea, AdditiveBlending as ta, SubtractiveBlending as na, MultiplyBlending as aa, CustomBlending as ia, AddEquation as ra, SubtractEquation as oa, ReverseSubtractEquation as sa, MinEquation as ca, MaxEquation as la, ZeroFactor as pn, OneFactor as mn, SrcColorFactor as vn, OneMinusSrcColorFactor as gn, SrcAlphaFactor as bn, OneMinusSrcAlphaFactor as yn, DstAlphaFactor as En, OneMinusDstAlphaFactor as Cn, DstColorFactor as xn, OneMinusDstColorFactor as Sn, SrcAlphaSaturateFactor as ua, ConstantColorFactor as wn, OneMinusConstantColorFactor as On, ConstantAlphaFactor as Mn, OneMinusConstantAlphaFactor as Tn, Matrix4 as da, Vector3 as X, Euler as fa, Ray as ha, Plane as pa, MathUtils as ma, MOUSE as He, TOUCH as We, Quaternion as Xt, Spherical as Zt, Vector2 as ue, PerspectiveCamera as zt, MeshDepthMaterial as va, MeshNormalMaterial as ga, MeshBasicMaterial as ba, OrthographicCamera as Rn, Scene as Pn, Group as ya, AxesHelper as An, WebGLRenderer as Ea, Raycaster as Ca, CameraHelper as xa } from "three";
-import { getProject as Sa, createRafDriver as wa } from "@theatre/core";
-import ct from "@theatre/studio";
-import { Pane as Oa } from "tweakpane";
-import * as Ma from "@tweakpane/plugin-essentials";
-import kn, { useState as oe, useRef as ye, useEffect as Be, Component as Ta, forwardRef as Ra } from "react";
-import { Reorder as _n } from "framer-motion";
+import { PositionalAudio as Vn, EventDispatcher as un, Texture as dn, CubeTexture as Hn, RepeatWrapping as Kt, ShaderMaterial as hn, GLSL3 as Wn, DoubleSide as fn, Color as Tt, Mesh as qn, PlaneGeometry as Kn, FrontSide as Xn, BackSide as Zn, NoBlending as Jn, NormalBlending as Qn, AdditiveBlending as ea, SubtractiveBlending as ta, MultiplyBlending as na, CustomBlending as aa, AddEquation as ia, SubtractEquation as ra, ReverseSubtractEquation as oa, MinEquation as sa, MaxEquation as ca, ZeroFactor as pn, OneFactor as mn, SrcColorFactor as vn, OneMinusSrcColorFactor as gn, SrcAlphaFactor as bn, OneMinusSrcAlphaFactor as yn, DstAlphaFactor as En, OneMinusDstAlphaFactor as Cn, DstColorFactor as xn, OneMinusDstColorFactor as wn, SrcAlphaSaturateFactor as la, ConstantColorFactor as Sn, OneMinusConstantColorFactor as On, ConstantAlphaFactor as Mn, OneMinusConstantAlphaFactor as Tn, Matrix4 as ua, Vector3 as X, Euler as da, Ray as ha, Plane as fa, MathUtils as pa, MOUSE as Ve, TOUCH as He, Quaternion as Xt, Spherical as Zt, Vector2 as ue, PerspectiveCamera as zt, MeshDepthMaterial as ma, MeshNormalMaterial as va, MeshBasicMaterial as ga, OrthographicCamera as Rn, Scene as _n, Group as ba, AxesHelper as An, WebGLRenderer as ya, Raycaster as Ea, CameraHelper as Ca } from "three";
+import { getProject as xa, createRafDriver as wa } from "@theatre/core";
+import at from "@theatre/studio";
+import { Pane as Sa } from "tweakpane";
+import * as Oa from "@tweakpane/plugin-essentials";
+import Pn, { useState as ae, useRef as Ee, useEffect as Oe, forwardRef as Ma } from "react";
+import { Reorder as kn } from "framer-motion";
 function lt(t) {
   return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
-function $i(t, n, a) {
+function Ai(t, n, a) {
   return Math.min(n, Math.max(t, a));
 }
-function zi(t, n) {
+function Pi(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
-function Pa() {
+function Ta() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function Aa(t) {
+function Ra(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function ka(t) {
+function _a(t) {
   const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), o = (u) => {
-    const d = u.toString(16);
-    return d.length === 1 ? "0" + d : d;
+    const f = u.toString(16);
+    return f.length === 1 ? "0" + f : f;
   }, s = o(n), p = o(a), c = o(e);
   return "#" + s + p + c;
 }
@@ -32,7 +32,7 @@ function Ft(t, n = 1) {
   return Number(t.toFixed(n));
 }
 let Yt = 0;
-const _a = () => {
+const Aa = () => {
   Yt = 0;
 }, jn = (t) => {
   if (!t)
@@ -41,50 +41,58 @@ const _a = () => {
   n.length === 0 && (n = `obj_${Yt}`, Yt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
     jn(a);
   });
-}, Yi = (t) => {
+}, ki = (t) => {
   t?.dispose();
-}, ja = (t) => {
+}, Pa = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
 }, Dn = (t) => {
   if (t) {
     for (; t.children.length > 0; ) {
       const n = t.children[0];
-      n instanceof Hn ? (n.pause(), n.parent && n.parent.remove(n)) : Dn(n);
+      n instanceof Vn ? (n.pause(), n.parent && n.parent.remove(n)) : Dn(n);
     }
     if (t.parent && t.parent.remove(t), t.isMesh) {
       const n = t;
-      n.geometry?.dispose(), ja(n.material);
+      n.geometry?.dispose(), Pa(n.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class Gi {
+class ji {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
   _debugEnabled;
-  broadcastChannel = void 0;
-  webSocket = void 0;
+  _broadcastChannel = void 0;
+  _webSocket = void 0;
   _mode = "app";
   _connected = !1;
-  useBC = !1;
-  constructor(n, a, e = !0, o = "editor") {
-    this.editor = a && document.location.hash.search(o) > -1, this._debugEnabled = a, a && (this.useBC = e, e ? (this.broadcastChannel = new BroadcastChannel(n), this.broadcastChannel.addEventListener("message", this.messageHandler)) : (this.webSocket = new WebSocket(n), this.webSocket.addEventListener("open", this.openHandler), this.webSocket.addEventListener("close", this.closeHandler), this.webSocket.addEventListener("message", this.messageHandler)));
+  _useBC = !1;
+  constructor(n, a, e = !0) {
+    this._debugEnabled = a, a && (this._useBC = e, e ? (this._broadcastChannel = new BroadcastChannel(n), this._broadcastChannel.addEventListener("message", this.messageHandler)) : (this._webSocket = new WebSocket(n), this._webSocket.addEventListener("open", this.openHandler), this._webSocket.addEventListener("close", this.closeHandler), this._webSocket.addEventListener("message", this.messageHandler)));
+  }
+  // Set editor and add components here
+  init() {
+    return new Promise((n) => {
+      this.components.forEach((a) => {
+        a.handleEditorApp();
+      }), n();
+    });
   }
   addComponent(n, a) {
     this.components.set(n, a);
   }
   dispose() {
-    this.broadcastChannel !== void 0 && this.broadcastChannel.removeEventListener("message", this.messageHandler), this.webSocket !== void 0 && (this.webSocket.removeEventListener("open", this.openHandler), this.webSocket.removeEventListener("close", this.closeHandler), this.webSocket.removeEventListener("message", this.messageHandler)), this.components.forEach((n) => {
+    this._broadcastChannel !== void 0 && this._broadcastChannel.removeEventListener("message", this.messageHandler), this._webSocket !== void 0 && (this._webSocket.removeEventListener("open", this.openHandler), this._webSocket.removeEventListener("close", this.closeHandler), this._webSocket.removeEventListener("message", this.messageHandler)), this.components.forEach((n) => {
       n.dispose();
     }), this.components.clear();
   }
   // Remote
   send(n) {
-    this._mode !== n.target && (this.useBC ? this.broadcastChannel?.postMessage(n) : this._connected && this.webSocket?.send(JSON.stringify(n)));
+    this._mode !== n.target && (this._useBC ? this._broadcastChannel?.postMessage(n) : this._connected && this._webSocket?.send(JSON.stringify(n)));
   }
   messageHandler = (n) => {
-    this.listen !== void 0 && (this.useBC ? this.listen(n.data) : this.listen(JSON.parse(n.data)));
+    this.listen !== void 0 && (this._useBC ? this.listen(n.data) : this.listen(JSON.parse(n.data)));
   };
   openHandler = () => {
     this._connected = !0;
@@ -109,10 +117,10 @@ class Gi {
     return this._mode === "editor";
   }
   set editor(n) {
-    n && (this._mode = "editor", document.title += " - Editor");
+    n && (this._mode = "editor");
   }
 }
-const _ = new un(), j = {
+const k = new un(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -135,8 +143,18 @@ class Rt {
   }
   dispose() {
   }
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+  }
+  // Receives Editor events
+  handleEditor(n) {
+  }
+  // Runs only in-editor
+  handleEditorApp() {
+  }
 }
-class Da extends Rt {
+class Di extends Rt {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -157,20 +175,23 @@ class Da extends Rt {
       }
     });
   }
-}
-function Ia(t, n) {
-  switch (n.event) {
-    case "selectComponent":
-      _.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
-      break;
-    case "draggableListUpdate":
-      _.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
-      break;
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+    switch (n.event) {
+      case "selectComponent":
+        k.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
+        break;
+      case "draggableListUpdate":
+        k.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
+        break;
+    }
   }
 }
 const In = () => {
 };
-class Oe extends Rt {
+let ge;
+class st extends Rt {
   project;
   sheets = /* @__PURE__ */ new Map();
   sheetObjects = /* @__PURE__ */ new Map();
@@ -178,7 +199,7 @@ class Oe extends Rt {
   sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
   static rafDriver = null;
   init(n, a) {
-    return this.project = Sa(n, a), this.project.ready;
+    return this.project = xa(n, a), this.project.ready;
   }
   dispose() {
     this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
@@ -226,11 +247,11 @@ class Oe extends Rt {
     const p = `${n}_${a}`;
     let c = this.sheetObjects.get(p);
     c !== void 0 ? c = s.object(a, { ...e, ...c.value }, { reconfigure: !0 }) : c = s.object(a, e), this.sheetObjects.set(p, c), this.sheetObjectCBs.set(p, o !== void 0 ? o : In);
-    const u = c.onValuesChange((d) => {
+    const u = c.onValuesChange((f) => {
       if (this.app.editor) {
-        for (const b in d) {
-          const E = d[b];
-          typeof E == "object" && Aa(E) && (d[b] = {
+        for (const b in f) {
+          const E = f[b];
+          typeof E == "object" && Ra(E) && (f[b] = {
             r: E.r,
             g: E.g,
             b: E.b,
@@ -243,12 +264,12 @@ class Oe extends Rt {
           data: {
             sheet: n,
             sheetObject: p,
-            values: d
+            values: f
           }
         });
       }
       const v = this.sheetObjectCBs.get(p);
-      v !== void 0 && v(d);
+      v !== void 0 && v(f);
     });
     return this.sheetObjectUnsubscribe.set(p, u), c;
   }
@@ -262,96 +283,86 @@ class Oe extends Rt {
     const s = `${a}_${e}`, p = this.sheetObjectUnsubscribe.get(s);
     p !== void 0 && (this.sheetObjects.delete(s), this.sheetObjectCBs.delete(s), this.sheetObjectUnsubscribe.delete(s), p());
   }
-  static getRafDriver() {
-    return Oe.rafDriver || (Oe.rafDriver = wa()), Oe.rafDriver;
-  }
-}
-let we;
-function La(t, n) {
-  t.components.forEach((a) => {
-    if (a instanceof Oe) {
-      let e;
-      const o = a;
-      switch (n.event) {
-        case "setSheet":
-          e = o.sheets.get(n.data.sheet), e !== void 0 && (we = e, ct.setSelection([e]));
-          break;
-        case "setSheetObject":
-          e = o.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && ct.setSelection([e]);
-          break;
-        case "updateSheetObject":
-          e = o.sheets.get(n.data.sheet), e !== void 0 && e.sequence.pause(), e = o.sheetObjectCBs.get(n.data.sheetObject), e !== void 0 && e(n.data.values);
-          break;
-        case "updateTimeline":
-          e = o.sheets.get(n.data.sheet), we !== void 0 && (we.sequence.position = n.data.position);
-          break;
-      }
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+    let a;
+    switch (n.event) {
+      case "setSheet":
+        a = this.sheets.get(n.data.sheet), a !== void 0 && (ge = a, at.setSelection([a]));
+        break;
+      case "setSheetObject":
+        a = this.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), a !== void 0 && at.setSelection([a]);
+        break;
+      case "updateSheetObject":
+        a = this.sheets.get(n.data.sheet), a !== void 0 && a.sequence.pause(), a = this.sheetObjectCBs.get(n.data.sheetObject), a !== void 0 && a(n.data.values);
+        break;
+      case "updateTimeline":
+        a = this.sheets.get(n.data.sheet), ge !== void 0 && (ge.sequence.position = n.data.position);
+        break;
     }
-  });
-}
-function Na(t) {
-  if (t.editor) {
-    let n;
-    t.components.forEach((s) => {
-      s instanceof Oe && (n = s);
-    }), ct.ui.restore(), ct.onSelectionChange((s) => {
-      s.length < 1 || s.forEach((p) => {
-        let c = p.address.sheetId, u = "setSheet", d = {};
-        switch (p.type) {
-          case "Theatre_Sheet_PublicAPI":
-            u = "setSheet", d = {
-              sheet: p.address.sheetId
-            }, we = n.sheets.get(p.address.sheetId);
-            break;
-          case "Theatre_SheetObject_PublicAPI":
-            u = "setSheetObject", c += `_${p.address.objectKey}`, d = {
-              id: c,
-              sheet: p.address.sheetId,
-              key: p.address.objectKey
-            };
-            break;
-        }
-        t.send({ event: u, target: "app", data: d });
-      });
-    });
-    let a = 0;
-    const e = () => {
-      if (we !== void 0 && a !== we.sequence.position) {
-        a = we.sequence.position;
-        const s = we;
-        t.send({
-          event: "updateTimeline",
-          target: "app",
-          data: {
-            position: a,
-            sheet: s.address.sheetId
-          }
-        });
-      }
-    }, o = () => {
-      e(), requestAnimationFrame(o);
-    };
-    e(), o();
-  } else
-    ct.ui.hide();
-}
-function Fa(t, n) {
-  t.editor && t.components.forEach((a) => {
-    if (a instanceof Oe) {
-      const e = a;
+  }
+  // Receives Editor events
+  handleEditor(n) {
+    if (this.app.editor)
       switch (n.event) {
         case "playSheet":
-          e.sheet(n.data.sheet)?.sequence.play(n.data.value);
+          this.sheet(n.data.sheet)?.sequence.play(n.data.value);
           break;
         case "pauseSheet":
-          e.sheet(n.data.sheet)?.sequence.pause();
+          this.sheet(n.data.sheet)?.sequence.pause();
           break;
       }
-      return;
-    }
-  });
+  }
+  // Runs only in-editor
+  handleEditorApp() {
+    if (this.app.editor) {
+      at.ui.restore(), at.onSelectionChange((o) => {
+        o.length < 1 || o.forEach((s) => {
+          let p = s.address.sheetId, c = "setSheet", u = {};
+          switch (s.type) {
+            case "Theatre_Sheet_PublicAPI":
+              c = "setSheet", u = {
+                sheet: s.address.sheetId
+              }, ge = this.sheets.get(s.address.sheetId);
+              break;
+            case "Theatre_SheetObject_PublicAPI":
+              c = "setSheetObject", p += `_${s.address.objectKey}`, u = {
+                id: p,
+                sheet: s.address.sheetId,
+                key: s.address.objectKey
+              }, ge = this.sheets.get(s.address.sheetId);
+              break;
+          }
+          this.app.send({ event: c, target: "app", data: u });
+        });
+      });
+      let n = -1;
+      const a = () => {
+        if (st.getRafDriver().tick(performance.now()), ge !== void 0 && n !== ge.sequence.position) {
+          n = ge.sequence.position;
+          const o = ge;
+          this.app.send({
+            event: "updateTimeline",
+            target: "app",
+            data: {
+              position: n,
+              sheet: o.address.sheetId
+            }
+          });
+        }
+      }, e = () => {
+        a(), requestAnimationFrame(e);
+      };
+      a(), e();
+    } else
+      at.ui.hide();
+  }
+  static getRafDriver() {
+    return st.rafDriver || (st.rafDriver = wa()), st.rafDriver;
+  }
 }
-function Ba(t) {
+function ka(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -376,7 +387,7 @@ function Ln(t) {
     n.children.push(Ln(a));
   }), n;
 }
-function Ua(t) {
+function ja(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -384,7 +395,7 @@ function Ua(t) {
   }
   return n;
 }
-function $a(t) {
+function Da(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -396,10 +407,10 @@ function $a(t) {
   }
   return !1;
 }
-function qe(t) {
+function We(t) {
   const n = {};
   for (const a in t) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || $a(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Da(a))
       continue;
     const e = typeof t[a], o = t[a];
     switch (e) {
@@ -415,9 +426,9 @@ function qe(t) {
               const s = o.source.toJSON();
               n[a] = { src: s.url };
             } else
-              o instanceof Wn && (console.log("env map"), console.log(o.source.data), console.log(o.source.toJSON()), n[a] = { src: "" });
+              o instanceof Hn && (console.log("env map"), console.log(o.source.data), console.log(o.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = Ua(n[a]));
+            a === "uniforms" && (n[a] = ja(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -452,28 +463,28 @@ function Bt(t) {
     if (Array.isArray(e.material)) {
       const o = [];
       e.material.forEach((s) => {
-        o.push(qe(s));
+        o.push(We(s));
       }), n.material = o;
     } else
-      n.material = qe(e.material);
+      n.material = We(e.material);
   } else if (a.search("points") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
       e.material.forEach((s) => {
-        o.push(qe(s));
+        o.push(We(s));
       }), n.material = o;
     } else
-      n.material = qe(e.material);
+      n.material = We(e.material);
   } else if (a.search("line") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
       e.material.forEach((s) => {
-        o.push(qe(s));
+        o.push(We(s));
       }), n.material = o;
     } else
-      n.material = qe(e.material);
+      n.material = We(e.material);
   } else
     a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
@@ -503,7 +514,7 @@ function Bt(t) {
     });
   return n;
 }
-function za(t, n) {
+function Ia(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -549,7 +560,7 @@ function Gt(t) {
     }, e.onerror = a, e.src = t;
   });
 }
-class Ya extends Rt {
+class Ii extends Rt {
   scene = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
@@ -603,7 +614,7 @@ class Ya extends Rt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    _a(), jn(this.scene);
+    Aa(), jn(this.scene);
     const a = Ln(this.scene);
     this.app.send({
       event: "setScene",
@@ -631,40 +642,43 @@ class Ya extends Rt {
       data: a
     });
   }
-}
-function Ga(t, n) {
-  switch (n.event) {
-    case "getObject":
-      _.dispatchEvent({ type: j.GET_OBJECT, value: n.data });
-      break;
-    case "updateObject":
-      _.dispatchEvent({ type: j.UPDATE_OBJECT, value: n.data });
-      break;
-    case "createTexture":
-      _.dispatchEvent({ type: j.CREATE_TEXTURE, value: n.data });
-      break;
-    case "requestMethod":
-      _.dispatchEvent({ type: j.REQUEST_METHOD, value: n.data });
-      break;
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+    switch (n.event) {
+      case "getObject":
+        k.dispatchEvent({ type: j.GET_OBJECT, value: n.data });
+        break;
+      case "updateObject":
+        k.dispatchEvent({ type: j.UPDATE_OBJECT, value: n.data });
+        break;
+      case "createTexture":
+        k.dispatchEvent({ type: j.CREATE_TEXTURE, value: n.data });
+        break;
+      case "requestMethod":
+        k.dispatchEvent({ type: j.REQUEST_METHOD, value: n.data });
+        break;
+    }
   }
-}
-function Va(t, n) {
-  switch (n.event) {
-    case "setObject":
-      _.dispatchEvent({ type: j.SET_OBJECT, value: n.data });
-      break;
-    case "setScene":
-      _.dispatchEvent({ type: j.SET_SCENE, value: n.data });
-      break;
-    case "addCamera":
-      _.dispatchEvent({ type: j.ADD_CAMERA, value: n.data });
-      break;
-    case "removeCamera":
-      _.dispatchEvent({ type: j.REMOVE_CAMERA, value: n.data });
-      break;
+  // Receives Editor events
+  handleEditor(n) {
+    switch (n.event) {
+      case "setObject":
+        k.dispatchEvent({ type: j.SET_OBJECT, value: n.data });
+        break;
+      case "setScene":
+        k.dispatchEvent({ type: j.SET_SCENE, value: n.data });
+        break;
+      case "addCamera":
+        k.dispatchEvent({ type: j.ADD_CAMERA, value: n.data });
+        break;
+      case "removeCamera":
+        k.dispatchEvent({ type: j.REMOVE_CAMERA, value: n.data });
+        break;
+    }
   }
 }
-class Nn extends Rt {
+class Li extends Rt {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -675,7 +689,7 @@ class Nn extends Rt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new Oa({ title: "GUI" }), this.pane.registerPlugin(Ma);
+    this.pane = new Sa({ title: "GUI" }), this.pane.registerPlugin(Oa);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
@@ -761,31 +775,27 @@ class Nn extends Rt {
     for (let a = n; a > -1; --a)
       this.inspectorFolder.remove(this.inspectorFolder.children[a]);
   }
-}
-function Ha(t, n) {
-  t.components.forEach((a) => {
-    if (a instanceof Nn) {
-      const e = a;
-      switch (n.event) {
-        case "addFolder":
-          e.addFolder(n.data.name, n.data.params, n.data.parent);
-          break;
-        case "bindObject":
-          e.bind(n.data.name, n.data.params, n.data.parent);
-          break;
-        case "updateBind":
-          e.triggerBind(n.data.id, n.data.value);
-          break;
-        case "addButton":
-          e.button(n.data.name, n.data.callback, n.data.parent);
-          break;
-        case "clickButton":
-          e.triggerButton(n.data.id);
-          break;
-      }
-      return;
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+    switch (n.event) {
+      case "addFolder":
+        this.addFolder(n.data.name, n.data.params, n.data.parent);
+        break;
+      case "bindObject":
+        this.bind(n.data.name, n.data.params, n.data.parent);
+        break;
+      case "updateBind":
+        this.triggerBind(n.data.id, n.data.value);
+        break;
+      case "addButton":
+        this.button(n.data.name, n.data.callback, n.data.parent);
+        break;
+      case "clickButton":
+        this.triggerButton(n.data.id);
+        break;
     }
-  });
+  }
 }
 var Vt = { exports: {} }, it = {};
 /**
@@ -798,14 +808,14 @@ var Vt = { exports: {} }, it = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Jt;
-function Wa() {
+function La() {
   if (Jt)
     return it;
   Jt = 1;
-  var t = kn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(c, u, d) {
+  var t = Pn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(c, u, f) {
     var v, b = {}, E = null, x = null;
-    d !== void 0 && (E = "" + d), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (x = u.ref);
+    f !== void 0 && (E = "" + f), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (x = u.ref);
     for (v in u)
       e.call(u, v) && !s.hasOwnProperty(v) && (b[v] = u[v]);
     if (c && c.defaultProps)
@@ -826,17 +836,17 @@ var rt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qt;
-function qa() {
+function Na() {
   return Qt || (Qt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = kn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), M = Symbol.iterator, k = "@@iterator";
+    var t = Pn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
     function H(i) {
       if (i === null || typeof i != "object")
         return null;
-      var h = M && i[M] || i[k];
+      var h = M && i[M] || i[P];
       return typeof h == "function" ? h : null;
     }
     var B = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(i) {
+    function w(i) {
       {
         for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), C = 1; C < h; C++)
           g[C - 1] = arguments[C];
@@ -853,14 +863,14 @@ function qa() {
         F.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, F);
       }
     }
-    var Ee = !1, le = !1, se = !1, f = !1, m = !1, w;
-    w = Symbol.for("react.module.reference");
-    function P(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === o || i === d || i === v || f || i === x || Ee || le || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === c || i.$$typeof === u || // This needs to include all possible module reference object
+    var Ce = !1, le = !1, se = !1, d = !1, m = !1, S;
+    S = Symbol.for("react.module.reference");
+    function _(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === o || i === f || i === v || d || i === x || Ce || le || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === c || i.$$typeof === u || // 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.
-      i.$$typeof === w || i.getModuleId !== void 0));
+      i.$$typeof === S || i.getModuleId !== void 0));
     }
     function Y(i, h, g) {
       var C = i.displayName;
@@ -875,7 +885,7 @@ function qa() {
     function $(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -888,7 +898,7 @@ function qa() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case d:
+        case f:
           return "Suspense";
         case v:
           return "SuspenseList";
@@ -917,18 +927,18 @@ function qa() {
         }
       return null;
     }
-    var I = Object.assign, W = 0, q, T, N, J, me, Ce, ft;
-    function Xe() {
+    var I = Object.assign, W = 0, q, T, N, J, me, xe, ht;
+    function Ke() {
     }
-    Xe.__reactDisabledLog = !0;
+    Ke.__reactDisabledLog = !0;
     function At() {
       {
         if (W === 0) {
-          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, ft = console.groupEnd;
+          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, xe = console.groupCollapsed, ht = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: Xe,
+            value: Ke,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -944,7 +954,7 @@ function qa() {
         W++;
       }
     }
-    function kt() {
+    function Pt() {
       {
         if (W--, W === 0) {
           var i = {
@@ -969,37 +979,37 @@ function qa() {
               value: me
             }),
             groupCollapsed: I({}, i, {
-              value: Ce
+              value: xe
             }),
             groupEnd: I({}, i, {
-              value: ft
+              value: ht
             })
           });
         }
-        W < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ze = B.ReactCurrentDispatcher, Je;
-    function ze(i, h, g) {
+    var Xe = B.ReactCurrentDispatcher, Ze;
+    function $e(i, h, g) {
       {
-        if (Je === void 0)
+        if (Ze === void 0)
           try {
             throw Error();
           } catch (D) {
             var C = D.stack.trim().match(/\n( *(at )?)/);
-            Je = C && C[1] || "";
+            Ze = C && C[1] || "";
           }
         return `
-` + Je + i;
+` + Ze + i;
       }
     }
-    var Ye = !1, Me;
+    var ze = !1, Me;
     {
-      var ht = typeof WeakMap == "function" ? WeakMap : Map;
-      Me = new ht();
+      var ft = typeof WeakMap == "function" ? WeakMap : Map;
+      Me = new ft();
     }
     function pt(i, h) {
-      if (!i || Ye)
+      if (!i || ze)
         return "";
       {
         var g = Me.get(i);
@@ -1007,11 +1017,11 @@ function qa() {
           return g;
       }
       var C;
-      Ye = !0;
+      ze = !0;
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = Ze.current, Ze.current = null, At();
+      F = Xe.current, Xe.current = null, At();
       try {
         if (h) {
           var A = function() {
@@ -1055,21 +1065,21 @@ function qa() {
               if (Z !== 1 || Q !== 1)
                 do
                   if (Z--, Q--, Q < 0 || R[Z] !== ce[Q]) {
-                    var he = `
+                    var fe = `
 ` + R[Z].replace(" at new ", " at ");
-                    return i.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", i.displayName)), typeof i == "function" && Me.set(i, he), he;
+                    return i.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", i.displayName)), typeof i == "function" && Me.set(i, fe), fe;
                   }
                 while (Z >= 1 && Q >= 0);
               break;
             }
         }
       } finally {
-        Ye = !1, Ze.current = F, kt(), Error.prepareStackTrace = D;
+        ze = !1, Xe.current = F, Pt(), Error.prepareStackTrace = D;
       }
-      var Ve = i ? i.displayName || i.name : "", qt = Ve ? ze(Ve) : "";
+      var Ge = i ? i.displayName || i.name : "", qt = Ge ? $e(Ge) : "";
       return typeof i == "function" && Me.set(i, qt), qt;
     }
-    function _t(i, h, g) {
+    function kt(i, h, g) {
       return pt(i, !1);
     }
     function mt(i) {
@@ -1082,17 +1092,17 @@ function qa() {
       if (typeof i == "function")
         return pt(i, mt(i));
       if (typeof i == "string")
-        return ze(i);
+        return $e(i);
       switch (i) {
-        case d:
-          return ze("Suspense");
+        case f:
+          return $e("Suspense");
         case v:
-          return ze("SuspenseList");
+          return $e("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            return _t(i.render);
+            return kt(i.render);
           case b:
             return Te(i.type, h, g);
           case E: {
@@ -1106,14 +1116,14 @@ function qa() {
       return "";
     }
     var Re = Object.prototype.hasOwnProperty, vt = {}, gt = B.ReactDebugCurrentFrame;
-    function Pe(i) {
+    function _e(i) {
       if (i) {
         var h = i._owner, g = Te(i.type, i._source, h ? h.type : null);
         gt.setExtraStackFrame(g);
       } else
         gt.setExtraStackFrame(null);
     }
-    function Qe(i, h, g, C, D) {
+    function Je(i, h, g, C, D) {
       {
         var F = Function.call.bind(Re);
         for (var A in i)
@@ -1128,12 +1138,12 @@ function qa() {
             } catch (Z) {
               R = Z;
             }
-            R && !(R instanceof Error) && (Pe(D), S("%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).", C || "React class", g, A, typeof R), Pe(null)), R instanceof Error && !(R.message in vt) && (vt[R.message] = !0, Pe(D), S("Failed %s type: %s", g, R.message), Pe(null));
+            R && !(R instanceof Error) && (_e(D), w("%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).", C || "React class", g, A, typeof R), _e(null)), R instanceof Error && !(R.message in vt) && (vt[R.message] = !0, _e(D), w("Failed %s type: %s", g, R.message), _e(null));
           }
       }
     }
     var Ae = Array.isArray;
-    function et(i) {
+    function Qe(i) {
       return Ae(i);
     }
     function jt(i) {
@@ -1154,15 +1164,15 @@ function qa() {
     }
     function Et(i) {
       if (bt(i))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", jt(i)), yt(i);
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", jt(i)), yt(i);
     }
-    var xe = B.ReactCurrentOwner, tt = {
+    var we = B.ReactCurrentOwner, et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, nt, Ct, Ge;
-    Ge = {};
+    }, tt, Ct, Ye;
+    Ye = {};
     function Dt(i) {
       if (Re.call(i, "ref")) {
         var h = Object.getOwnPropertyDescriptor(i, "ref").get;
@@ -1180,15 +1190,15 @@ function qa() {
       return i.key !== void 0;
     }
     function xt(i, h) {
-      if (typeof i.ref == "string" && xe.current && h && xe.current.stateNode !== h) {
-        var g = $(xe.current.type);
-        Ge[g] || (S('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', $(xe.current.type), i.ref), Ge[g] = !0);
+      if (typeof i.ref == "string" && we.current && h && we.current.stateNode !== h) {
+        var g = $(we.current.type);
+        Ye[g] || (w('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', $(we.current.type), i.ref), Ye[g] = !0);
       }
     }
     function Se(i, h) {
       {
         var g = function() {
-          nt || (nt = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          tt || (tt = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: g,
@@ -1199,7 +1209,7 @@ function qa() {
     function Wt(i, h) {
       {
         var g = function() {
-          Ct || (Ct = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          Ct || (Ct = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: g,
@@ -1241,7 +1251,7 @@ function qa() {
         var F, A = {}, R = null, ce = null;
         g !== void 0 && (Et(g), R = "" + g), It(h) && (Et(h.key), R = "" + h.key), Dt(h) && (ce = h.ref, xt(h, D));
         for (F in h)
-          Re.call(h, F) && !tt.hasOwnProperty(F) && (A[F] = h[F]);
+          Re.call(h, F) && !et.hasOwnProperty(F) && (A[F] = h[F]);
         if (i && i.defaultProps) {
           var Z = i.defaultProps;
           for (F in Z)
@@ -1251,7 +1261,7 @@ function qa() {
           var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
           R && Se(A, Q), ce && Wt(A, Q);
         }
-        return r(i, R, ce, D, C, xe.current, A);
+        return r(i, R, ce, D, C, we.current, A);
       }
     }
     var O = B.ReactCurrentOwner, L = B.ReactDebugCurrentFrame;
@@ -1264,7 +1274,7 @@ function qa() {
     }
     var de;
     de = !1;
-    function ae(i) {
+    function ie(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
     function Lt() {
@@ -1290,7 +1300,7 @@ Check your code at ` + h + ":" + g + ".";
         return "";
       }
     }
-    var at = {};
+    var nt = {};
     function pe(i) {
       {
         var h = Lt();
@@ -1303,39 +1313,39 @@ Check the top-level render call using <` + g + ">.");
         return h;
       }
     }
-    function fe(i, h) {
+    function he(i, h) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
         var g = pe(h);
-        if (at[g])
+        if (nt[g])
           return;
-        at[g] = !0;
+        nt[g] = !0;
         var C = "";
-        i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), K(null);
+        i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), K(null);
       }
     }
-    function ke(i, h) {
+    function Pe(i, h) {
       {
         if (typeof i != "object")
           return;
-        if (et(i))
+        if (Qe(i))
           for (var g = 0; g < i.length; g++) {
             var C = i[g];
-            ae(C) && fe(C, h);
+            ie(C) && he(C, h);
           }
-        else if (ae(i))
+        else if (ie(i))
           i._store && (i._store.validated = !0);
         else if (i) {
           var D = H(i);
           if (typeof D == "function" && D !== i.entries)
             for (var F = D.call(i), A; !(A = F.next()).done; )
-              ae(A.value) && fe(A.value, h);
+              ie(A.value) && he(A.value, h);
         }
       }
     }
-    function _e(i) {
+    function ke(i) {
       {
         var h = i.type;
         if (h == null || typeof h == "string")
@@ -1351,13 +1361,13 @@ Check the top-level render call using <` + g + ">.");
           return;
         if (g) {
           var C = $(h);
-          Qe(g, i.props, "prop", C, i);
+          Je(g, i.props, "prop", C, i);
         } else if (h.PropTypes !== void 0 && !de) {
           de = !0;
           var D = $(h);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function je(i) {
@@ -1365,63 +1375,63 @@ Check the top-level render call using <` + g + ">.");
         for (var h = Object.keys(i.props), g = 0; g < h.length; g++) {
           var C = h[g];
           if (C !== "children" && C !== "key") {
-            K(i), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
+            K(i), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
             break;
           }
         }
-        i.ref !== null && (K(i), S("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        i.ref !== null && (K(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
     function De(i, h, g, C, D, F) {
       {
-        var A = P(i);
+        var A = _(i);
         if (!A) {
           var R = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (R += " 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 ce = Nt(D);
           ce ? R += ce : R += Lt();
           var Z;
-          i === null ? Z = "null" : et(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
+          i === null ? Z = "null" : Qe(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
         }
         var Q = y(i, h, g, D, F);
         if (Q == null)
           return Q;
         if (A) {
-          var he = h.children;
-          if (he !== void 0)
+          var fe = h.children;
+          if (fe !== void 0)
             if (C)
-              if (et(he)) {
-                for (var Ve = 0; Ve < he.length; Ve++)
-                  ke(he[Ve], i);
-                Object.freeze && Object.freeze(he);
+              if (Qe(fe)) {
+                for (var Ge = 0; Ge < fe.length; Ge++)
+                  Pe(fe[Ge], i);
+                Object.freeze && Object.freeze(fe);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ke(he, i);
+              Pe(fe, i);
         }
-        return i === e ? je(Q) : _e(Q), Q;
+        return i === e ? je(Q) : ke(Q), Q;
       }
     }
-    function zn(i, h, g) {
+    function $n(i, h, g) {
       return De(i, h, g, !0);
     }
-    function Yn(i, h, g) {
+    function zn(i, h, g) {
       return De(i, h, g, !1);
     }
-    var Gn = Yn, Vn = zn;
-    rt.Fragment = e, rt.jsx = Gn, rt.jsxs = Vn;
+    var Yn = zn, Gn = $n;
+    rt.Fragment = e, rt.jsx = Yn, rt.jsxs = Gn;
   }()), rt;
 }
-process.env.NODE_ENV === "production" ? Vt.exports = Wa() : Vt.exports = qa();
+process.env.NODE_ENV === "production" ? Vt.exports = La() : Vt.exports = Na();
 var l = Vt.exports;
-function Fn(t) {
+function Nn(t) {
   return t.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ l.jsx("button", { children: t.title });
 }
-const Ka = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const Fa = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
   /* @__PURE__ */ l.jsx("circle", { cx: "7", cy: "7", r: "6" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), Xa = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), Ba = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
   "path",
   {
     d: `M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
@@ -1429,35 +1439,35 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function Za(t) {
-  return /* @__PURE__ */ l.jsx(_n.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Xa,
+function Ua(t) {
+  return /* @__PURE__ */ l.jsx(kn.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    Ba,
     /* @__PURE__ */ l.jsx("span", { children: t.title }),
     /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
       t.onDelete(t.index);
-    }, children: Ka })
+    }, children: Fa })
   ] }) }, t.title);
 }
-function Ja(t) {
-  const [n, a] = oe(!1), [e, o] = oe(t.options), s = (d) => {
-    t.onDragComplete(d), o(d);
-  }, p = (d) => {
+function $a(t) {
+  const [n, a] = ae(!1), [e, o] = ae(t.options), s = (f) => {
+    t.onDragComplete(f), o(f);
+  }, p = (f) => {
     const v = [...e];
-    v.splice(d, 1), s(v);
+    v.splice(f, 1), s(v);
   }, c = [];
-  e.forEach((d, v) => {
-    c.push(/* @__PURE__ */ l.jsx(Za, { index: v, title: d, onDelete: p }, d));
+  e.forEach((f, v) => {
+    c.push(/* @__PURE__ */ l.jsx(Ua, { index: v, title: f, onDelete: p }, f));
   });
   let u = "dropdown draggable";
   return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(Fn, { title: t.title }),
-    /* @__PURE__ */ l.jsx(_n.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: c })
+    /* @__PURE__ */ l.jsx(Nn, { title: t.title }),
+    /* @__PURE__ */ l.jsx(kn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: c })
   ] });
 }
-function Qa(t) {
-  const [n, a] = oe(!1), e = [];
+function za(t) {
+  const [n, a] = ae(!1), e = [];
   t.options.map((s, p) => {
-    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(ei, { option: s }, p));
+    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(Ya, { option: s }, p));
   });
   let o = "dropdown";
   return t.subdropdown && (o += " subdropdown"), /* @__PURE__ */ l.jsxs(
@@ -1467,7 +1477,7 @@ function Qa(t) {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(Fn, { title: t.title }),
+        /* @__PURE__ */ l.jsx(Nn, { title: t.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
@@ -1479,13 +1489,13 @@ function Qa(t) {
     }
   );
 }
-function ei(t) {
-  const { option: n } = t, [a, e] = oe("");
+function Ya(t) {
+  const { option: n } = t, [a, e] = ae("");
   let o;
   switch (n.type) {
     case "draggable":
       o = /* @__PURE__ */ l.jsx(
-        Ja,
+        $a,
         {
           title: n.title,
           options: n.value,
@@ -1498,7 +1508,7 @@ function ei(t) {
       break;
     case "dropdown":
       o = /* @__PURE__ */ l.jsx(
-        Qa,
+        za,
         {
           title: n.title,
           options: n.value,
@@ -1519,32 +1529,32 @@ function ei(t) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, Pa());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, Ta());
 }
-function Vi(t) {
-  const n = [], a = [];
-  t.components.forEach((s) => {
-    s instanceof Da ? n.push(Ia) : s instanceof Oe ? (n.push(La), a.push(Fa), Na(t)) : s instanceof Ya ? (n.push(Ga), a.push(Va)) : s instanceof Nn && n.push(Ha);
-  });
-  function e(s) {
-    switch (n.forEach((p) => p(t, s)), s.event) {
+function Ni(t) {
+  function n(e) {
+    switch (t.components.forEach((o) => {
+      o.handleApp(e);
+    }), e.event) {
       case "custom":
-        _.dispatchEvent({ type: j.CUSTOM, value: s.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
         break;
     }
   }
-  function o(s) {
-    switch (a.forEach((p) => p(t, s)), s.event) {
+  function a(e) {
+    switch (t.components.forEach((o) => {
+      o.handleEditor(e);
+    }), e.event) {
       case "custom":
-        _.dispatchEvent({ type: j.CUSTOM, value: s.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
         break;
     }
   }
-  t.listen = (s) => {
-    s.target === "editor" ? o(s) : e(s);
+  t.listen = (e) => {
+    e.target === "editor" ? a(e) : n(e);
   };
 }
-const ti = `out vec3 worldPosition;
+const Ga = `out vec3 worldPosition;
 uniform float uDistance;
 
 void main() {
@@ -1553,7 +1563,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
 
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, ni = `out vec4 fragColor;
+}`, Va = `out vec4 fragColor;
 in vec3 worldPosition;
 
 uniform float uDivisions;
@@ -1621,14 +1631,14 @@ void main() {
 
   if (fragColor.a <= 0.0) discard;
 }`;
-class ai extends fn {
+class Ha extends hn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: qn,
-      side: hn,
+      glslVersion: Wn,
+      side: fn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1650,24 +1660,24 @@ class ai extends fn {
           value: n?.gridOpacity !== void 0 ? n?.gridOpacity : 0.25
         }
       },
-      vertexShader: ti,
-      fragmentShader: ni,
+      vertexShader: Ga,
+      fragmentShader: Va,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class ii extends Kn {
+class Wa extends qn {
   gridMaterial;
   constructor() {
-    const n = new ai();
-    super(new Xn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const n = new Ha();
+    super(new Kn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const ri = `#include <common>
+const qa = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1697,7 +1707,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, oi = `
+}`, Ka = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1706,19 +1716,19 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class si extends fn {
+class Xa extends hn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: ri,
-      fragmentShader: oi
+      vertexShader: qa,
+      fragmentShader: Ka
     });
   }
 }
 function Ht(t) {
-  const [n, a] = oe(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
+  const [n, a] = ae(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -1744,10 +1754,10 @@ function Ht(t) {
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function Bn(t) {
-  const [n, a] = oe(!1), e = t.child.children.length > 0, o = [];
+function Fn(t) {
+  const [n, a] = ae(!1), e = t.child.children.length > 0, o = [];
   return t.child.children.length > 0 && t.child.children.map((s) => {
-    o.push(/* @__PURE__ */ l.jsx(Bn, { child: s, three: t.three }, Math.random()));
+    o.push(/* @__PURE__ */ l.jsx(Fn, { child: s, three: t.three }, Math.random()));
   }), /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "child", children: [
       e ? /* @__PURE__ */ l.jsx(
@@ -1775,29 +1785,29 @@ function Bn(t) {
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${Ba(t.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${ka(t.child)}` })
     ] }),
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
   ] }, Math.random());
 }
-function ci(t) {
+function Za(t) {
   const n = [];
   return t.child.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(Bn, { child: a, three: t.three }, Math.random()));
+    n.push(/* @__PURE__ */ l.jsx(Fn, { child: a, three: t.three }, Math.random()));
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const li = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function ui(t) {
+const Ja = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+function Qa(t) {
   return "items" in t;
 }
-function Ue(t) {
+function Be(t) {
   const n = [];
   return t.items.forEach((a) => {
-    ui(a) ? n.push(
-      /* @__PURE__ */ l.jsx(Ue, { title: lt(a.title), items: a.items }, Math.random())
+    Qa(a) ? n.push(
+      /* @__PURE__ */ l.jsx(Be, { title: lt(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
-        st,
+        ct,
         {
           title: a.title,
           prop: a.prop,
@@ -1817,7 +1827,7 @@ function Ue(t) {
     );
   }), /* @__PURE__ */ l.jsx(Ht, { label: t.title, open: t.expanded === !0, children: n });
 }
-function di(t) {
+function ei(t) {
   return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "blendDstAlpha" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linecap" || t === "linejoin" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
 }
 function Ie(t) {
@@ -1993,10 +2003,10 @@ function Ie(t) {
   }
   return t;
 }
-function fi(t) {
+function ti(t) {
   return t.toLowerCase().search("intensity") > -1 || t === "anisotropyRotation" || t === "blendAlpha" || t === "bumpScale" || t === "clearcoatRoughness" || t === "displacementBias" || t === "displacementScale" || t === "metalness" || t === "opacity" || t === "reflectivity" || t === "refractionRatio" || t === "roughness" || t === "sheenRoughness" || t === "thickness";
 }
-function hi() {
+function ni() {
   const t = document.createElement("input");
   return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
@@ -2011,66 +2021,66 @@ function hi() {
     }), t.click();
   });
 }
-const pi = [
+const ai = [
   {
     title: "Front",
-    value: Zn
+    value: Xn
   },
   {
     title: "Back",
-    value: Jn
+    value: Zn
   },
   {
     title: "Double",
-    value: hn
+    value: fn
   }
-], mi = [
+], ii = [
   {
     title: "No Blending",
-    value: Qn
+    value: Jn
   },
   {
     title: "Normal",
-    value: ea
+    value: Qn
   },
   {
     title: "Additive",
-    value: ta
+    value: ea
   },
   {
     title: "Subtractive",
-    value: na
+    value: ta
   },
   {
     title: "Multiply",
-    value: aa
+    value: na
   },
   {
     title: "Custom",
-    value: ia
+    value: aa
   }
-], vi = [
+], ri = [
   {
     title: "Add",
-    value: ra
+    value: ia
   },
   {
     title: "Subtract",
-    value: oa
+    value: ra
   },
   {
     title: "Reverse Subtract",
-    value: sa
+    value: oa
   },
   {
     title: "Min",
-    value: ca
+    value: sa
   },
   {
     title: "Max",
-    value: la
+    value: ca
   }
-], gi = [
+], oi = [
   {
     title: "Zero",
     valye: pn
@@ -2109,15 +2119,15 @@ const pi = [
   },
   {
     title: "One Minus Dst Color",
-    valye: Sn
+    valye: wn
   },
   {
     title: "Src Alpha Saturate",
-    valye: ua
+    valye: la
   },
   {
     title: "Constant Color",
-    valye: wn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
@@ -2131,7 +2141,7 @@ const pi = [
     title: "One Minus Constant Alpha",
     valye: Tn
   }
-], bi = [
+], si = [
   {
     title: "Zero",
     valye: pn
@@ -2170,11 +2180,11 @@ const pi = [
   },
   {
     title: "One Minus Dst Color",
-    valye: Sn
+    valye: wn
   },
   {
     title: "Constant Color",
-    valye: wn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
@@ -2195,7 +2205,7 @@ function ot(t, n) {
 function en(t, n, a) {
   const e = [];
   for (const o in t) {
-    if (!di(o))
+    if (!ei(o))
       continue;
     const s = typeof t[o], p = t[o];
     if (s === "boolean" || s === "number" || s === "string") {
@@ -2207,40 +2217,40 @@ function en(t, n, a) {
         min: void 0,
         max: void 0,
         needsUpdate: s === "boolean",
-        onChange: (d, v) => {
-          a.updateObject(n.uuid, `material.${d}`, v), c.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+        onChange: (f, v) => {
+          a.updateObject(n.uuid, `material.${f}`, v), c.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
           const b = a.scene?.getObjectByProperty("uuid", n.uuid);
-          b !== void 0 && ee(b, `material.${d}`, v);
+          b !== void 0 && ee(b, `material.${f}`, v);
         }
       };
       switch (o) {
         case "blending":
-          ot(c, mi);
+          ot(c, ii);
           break;
         case "blendDst":
-          ot(c, bi);
+          ot(c, si);
           break;
         case "blendEquation":
-          ot(c, vi);
+          ot(c, ri);
           break;
         case "blendSrc":
-          ot(c, gi);
+          ot(c, oi);
           break;
         case "side":
-          ot(c, pi);
+          ot(c, ai);
           break;
       }
-      fi(o) && (c.value = Number(p), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01);
+      ti(o) && (c.value = Number(p), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01);
       const u = s === "string" && (o === "vertexShader" || o === "fragmentShader");
-      u && (c.disabled = !1, c.latest = c.value, c.onChange = (d, v) => {
+      u && (c.disabled = !1, c.latest = c.value, c.onChange = (f, v) => {
         c.latest = v;
       }), e.push(c), u && e.push({
         title: `${lt(o)} - Update`,
         type: "button",
         onChange: () => {
           a.updateObject(n.uuid, `material.${o}`, c.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
-          const d = a.scene?.getObjectByProperty("uuid", n.uuid);
-          d !== void 0 && (ee(d, `material.${o}`, c.latest), d.material.needsUpdate = !0);
+          const f = a.scene?.getObjectByProperty("uuid", n.uuid);
+          f !== void 0 && (ee(f, `material.${o}`, c.latest), f.material.needsUpdate = !0);
         }
       });
     } else if (s === "object")
@@ -2251,10 +2261,10 @@ function en(t, n, a) {
           type: "color",
           value: p,
           onChange: (c, u) => {
-            const d = new Tt(u);
-            a.updateObject(n.uuid, `material.${c}`, d);
+            const f = new Tt(u);
+            a.updateObject(n.uuid, `material.${c}`, f);
             const v = a.scene?.getObjectByProperty("uuid", n.uuid);
-            v !== void 0 && ee(v, `material.${c}`, d);
+            v !== void 0 && ee(v, `material.${c}`, f);
           }
         });
       else if (Array.isArray(p)) {
@@ -2264,7 +2274,7 @@ function en(t, n, a) {
             title: `${u}`,
             type: `${typeof p[u]}`,
             value: p[u],
-            onChange: (d, v) => {
+            onChange: (f, v) => {
               a.updateObject(n.uuid, `material.${o}`, v);
               const b = a.scene?.getObjectByProperty("uuid", n.uuid);
               b !== void 0 && ee(b, `material.${o}`, v);
@@ -2277,15 +2287,15 @@ function en(t, n, a) {
       } else {
         const c = [];
         for (const u in p) {
-          const d = p[u];
-          switch (typeof d) {
+          const f = p[u];
+          switch (typeof f) {
             case "boolean":
             case "number":
             case "string":
               u === "src" ? e.push({
                 title: Ie(o),
                 type: "image",
-                value: d,
+                value: f,
                 onChange: (b, E) => {
                   a.createTexture(n.uuid, `material.${o}`, E);
                   const x = a.scene?.getObjectByProperty("uuid", n.uuid);
@@ -2306,11 +2316,11 @@ function en(t, n, a) {
               });
               break;
             case "object":
-              if (d.value !== void 0 && d.value.src !== void 0)
+              if (f.value !== void 0 && f.value.src !== void 0)
                 c.push({
                   title: Ie(u),
                   type: "image",
-                  value: d.value.src,
+                  value: f.value.src,
                   onChange: (b, E) => {
                     a.createTexture(n.uuid, `material.${o}.${u}.value`, p);
                     const x = a.scene?.getObjectByProperty("uuid", n.uuid);
@@ -2320,40 +2330,40 @@ function en(t, n, a) {
                   }
                 });
               else if (o === "uniforms") {
-                const b = d.value, E = (x, M, k) => ({
+                const b = f.value, E = (x, M, P) => ({
                   title: x,
                   type: "number",
-                  value: k,
+                  value: P,
                   step: 0.01,
                   onChange: (H, B) => {
-                    const S = `material.uniforms.${u}.value.${M}`;
-                    a.updateObject(n.uuid, S, B);
+                    const w = `material.uniforms.${u}.value.${M}`;
+                    a.updateObject(n.uuid, w, B);
                     const z = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    z !== void 0 && ee(z, S, B);
+                    z !== void 0 && ee(z, w, B);
                   }
                 });
-                if (typeof d.value == "number")
+                if (typeof f.value == "number")
                   c.push({
                     title: u,
                     type: "number",
-                    value: d.value,
+                    value: f.value,
                     onChange: (x, M) => {
-                      const k = `material.${o}.${x}.value`;
-                      a.updateObject(n.uuid, k, M);
+                      const P = `material.${o}.${x}.value`;
+                      a.updateObject(n.uuid, P, M);
                       const H = a.scene?.getObjectByProperty("uuid", n.uuid);
-                      H !== void 0 && ee(H, k, M);
+                      H !== void 0 && ee(H, P, M);
                     }
                   });
                 else if (b.r !== void 0 && b.g !== void 0 && b.b !== void 0)
                   c.push({
                     title: u,
                     type: "color",
-                    value: d.value,
+                    value: f.value,
                     onChange: (x, M) => {
-                      const k = new Tt(M), H = `material.${o}.${x}.value`;
-                      a.updateObject(n.uuid, H, k);
+                      const P = new Tt(M), H = `material.${o}.${x}.value`;
+                      a.updateObject(n.uuid, H, P);
                       const B = a.scene?.getObjectByProperty("uuid", n.uuid);
-                      B !== void 0 && ee(B, H, k);
+                      B !== void 0 && ee(B, H, P);
                     }
                   });
                 else if (b.x !== void 0 && b.y !== void 0 && b.z === void 0 && b.w === void 0)
@@ -2361,8 +2371,8 @@ function en(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y)
+                        E("X", "x", f.value.x),
+                        E("Y", "y", f.value.y)
                       ]
                     }
                   );
@@ -2371,9 +2381,9 @@ function en(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y),
-                        E("Z", "z", d.value.z)
+                        E("X", "x", f.value.x),
+                        E("Y", "y", f.value.y),
+                        E("Z", "z", f.value.z)
                       ]
                     }
                   );
@@ -2382,17 +2392,17 @@ function en(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y),
-                        E("Z", "z", d.value.z),
-                        E("W", "w", d.value.w)
+                        E("X", "x", f.value.x),
+                        E("Y", "y", f.value.y),
+                        E("Z", "z", f.value.z),
+                        E("W", "w", f.value.w)
                       ]
                     }
                   );
                 else if (b.elements !== void 0) {
                   const x = b.elements, M = [];
-                  for (let k = 0; k < x.length; k++)
-                    M.push(E(k.toString(), k.toString(), x[k]));
+                  for (let P = 0; P < x.length; P++)
+                    M.push(E(P.toString(), P.toString(), x[P]));
                   c.push(
                     {
                       title: u,
@@ -2404,8 +2414,8 @@ function en(t, n, a) {
               } else
                 c.push({
                   title: u,
-                  type: `${typeof d.value}`,
-                  value: d.value,
+                  type: `${typeof f.value}`,
+                  value: f.value,
                   onChange: (b, E) => {
                     a.updateObject(n.uuid, `material.${o}.${u}.value`, E);
                     const x = a.scene?.getObjectByProperty("uuid", n.uuid);
@@ -2431,14 +2441,14 @@ function en(t, n, a) {
     }
   }), e;
 }
-function yi(t, n) {
+function ci(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
     const e = [], o = a.length;
     for (let s = 0; s < o; s++)
       e.push(
         /* @__PURE__ */ l.jsx(
-          Ue,
+          Be,
           {
             title: `Material ${s}`,
             items: en(a[s], t, n)
@@ -2449,37 +2459,37 @@ function yi(t, n) {
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
   } else
     return /* @__PURE__ */ l.jsx(
-      Ue,
+      Be,
       {
         title: "Material",
         items: en(a, t, n)
       }
     );
 }
-function st(t) {
+function ct(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = ka(t.value));
-  const [a, e] = oe(n), o = ye(null), s = ye(null), p = ye(null);
-  Be(() => {
+  n !== void 0 && n.isColor !== void 0 && (n = _a(t.value));
+  const [a, e] = ae(n), o = Ee(null), s = Ee(null), p = Ee(null);
+  Oe(() => {
     let v = !1, b = -1, E = 0, x = Number(a);
     const M = (z) => {
       v = !0, E = x, b = z.clientX;
-    }, k = (z) => {
+    }, P = (z) => {
       if (!v)
         return;
-      const Ee = t.step !== void 0 ? t.step : 1, le = (z.clientX - b) * Ee;
+      const Ce = t.step !== void 0 ? t.step : 1, le = (z.clientX - b) * Ce;
       x = Number((E + le).toFixed(4)), s.current !== null && (s.current.value = x.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, x);
     }, H = () => {
       v = !1;
     }, B = () => {
       v = !1;
-    }, S = t.type === "number";
-    return S && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", k, !1), document.addEventListener("contextmenu", B, !1)), () => {
-      S && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", k), document.removeEventListener("contextmenu", B));
+    }, w = t.type === "number";
+    return w && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
+      w && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
     };
   }, [a]);
   const c = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = c || t.type === "image", d = (v) => {
+`) > -1), u = c || t.type === "image", f = (v) => {
     let b = v.target.value;
     t.type === "boolean" ? b = v.target.checked : t.type === "option" && (b = t.options[b].value), e(b), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, b);
   };
@@ -2490,7 +2500,7 @@ function st(t) {
       {
         type: "text",
         disabled: t.disabled,
-        onChange: d,
+        onChange: f,
         value: a
       }
     ),
@@ -2500,7 +2510,7 @@ function st(t) {
         cols: 50,
         rows: 10,
         disabled: t.disabled !== void 0 ? t.disabled : !0,
-        onChange: d,
+        onChange: f,
         value: a
       }
     ),
@@ -2509,7 +2519,7 @@ function st(t) {
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: d,
+        onChange: f,
         checked: a
       }
     ),
@@ -2523,11 +2533,11 @@ function st(t) {
         max: t.max,
         step: t.step,
         disabled: t.disabled,
-        onChange: d
+        onChange: f
       }
     ),
     t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "min" }),
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: f, disabled: t.disabled, className: "min" }),
       /* @__PURE__ */ l.jsx(
         "input",
         {
@@ -2537,13 +2547,13 @@ function st(t) {
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: d
+          onChange: f
         }
       )
     ] }),
     t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: d, disabled: t.disabled })
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: f, disabled: t.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: f, disabled: t.disabled })
     ] }),
     t.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
@@ -2556,11 +2566,11 @@ function st(t) {
       }
     ),
     t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
-      hi().then((v) => {
+      ni().then((v) => {
         p.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
       });
-    }, src: a.length > 0 ? a : li }),
-    t.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: d, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: lt(v.title) }, b)) }) })
+    }, src: a.length > 0 ? a : Ja }),
+    t.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: f, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: lt(v.title) }, b)) }) })
   ] });
 }
 function tn(t) {
@@ -2592,7 +2602,7 @@ function tn(t) {
   }
   return t;
 }
-function Ei(t, n) {
+function li(t, n) {
   const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
@@ -2623,37 +2633,37 @@ function Ei(t, n) {
         }
       });
   return /* @__PURE__ */ l.jsx(
-    Ue,
+    Be,
     {
       title: "Camera",
       items: a
     }
   );
 }
-const Ci = Math.PI / 180, xi = 180 / Math.PI;
-function Ke(t, n, a, e, o) {
+const ui = Math.PI / 180, di = 180 / Math.PI;
+function qe(t, n, a, e, o) {
   return e + (t - n) * (o - e) / (a - n);
 }
-function Si(t) {
-  return t * Ci;
+function hi(t) {
+  return t * ui;
 }
 function Ut(t) {
-  return t * xi;
+  return t * di;
 }
-function wi(t, n) {
-  const a = new da();
+function fi(t, n) {
+  const a = new ua();
   a.elements = t.matrix;
-  const e = new X(), o = new fa(), s = new X();
+  const e = new X(), o = new da(), s = new X();
   t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), s.setFromMatrixScale(a));
-  const p = (u, d) => {
-    n.updateObject(t.uuid, u, d);
+  const p = (u, f) => {
+    n.updateObject(t.uuid, u, f);
     const v = n.scene?.getObjectByProperty("uuid", t.uuid);
-    v !== void 0 && ee(v, u, d);
-  }, c = (u, d) => {
-    p(u, Si(d));
+    v !== void 0 && ee(v, u, f);
+  }, c = (u, f) => {
+    p(u, hi(f));
   };
   return /* @__PURE__ */ l.jsx(
-    Ue,
+    Be,
     {
       title: "Transform",
       items: [
@@ -2755,7 +2765,7 @@ function nn(t) {
   }
   return t;
 }
-function Oi(t, n) {
+function pi(t, n) {
   const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
@@ -2785,14 +2795,14 @@ function Oi(t, n) {
       }));
     }
   return /* @__PURE__ */ l.jsx(
-    Ue,
+    Be,
     {
       title: "Light",
       items: a
     }
   );
 }
-function Mi(t, n) {
+function mi(t, n) {
   const a = [], e = [];
   let o = 0;
   t.animations.forEach((c) => {
@@ -2839,7 +2849,7 @@ function Mi(t, n) {
           step: 0.01,
           min: -1,
           max: 2,
-          onChange: (d, v) => {
+          onChange: (f, v) => {
             c.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
@@ -2856,9 +2866,9 @@ function Mi(t, n) {
       });
     }
   }
-  return /* @__PURE__ */ l.jsx(Ue, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(Be, { title: "Animation", items: a });
 }
-const Un = {
+const Bn = {
   name: "",
   uuid: "",
   type: "",
@@ -2870,25 +2880,25 @@ const Un = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let te = { ...Un };
-function Ti(t) {
-  const [n, a] = oe(-1);
-  Be(() => {
+let te = { ...Bn };
+function vi(t) {
+  const [n, a] = ae(-1);
+  Oe(() => {
     function p(u) {
       te = { ...u.value }, a(Date.now());
     }
     function c() {
-      te = { ...Un }, a(Date.now());
+      te = { ...Bn }, a(Date.now());
     }
-    return _.addEventListener(j.SET_SCENE, c), _.addEventListener(j.SET_OBJECT, p), () => {
-      _.removeEventListener(j.SET_SCENE, c), _.removeEventListener(j.SET_OBJECT, p);
+    return k.addEventListener(j.SET_SCENE, c), k.addEventListener(j.SET_OBJECT, p), () => {
+      k.removeEventListener(j.SET_SCENE, c), k.removeEventListener(j.SET_OBJECT, p);
     };
   }, []);
   const e = te.type.toLowerCase(), o = te.animations.length > 0 || te.mixer !== void 0, s = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
   return /* @__PURE__ */ l.jsx(Ht, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
-        st,
+        ct,
         {
           type: "string",
           title: "Name",
@@ -2898,7 +2908,7 @@ function Ti(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        ct,
         {
           type: "string",
           title: "Type",
@@ -2908,7 +2918,7 @@ function Ti(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        ct,
         {
           type: "string",
           title: "UUID",
@@ -2918,7 +2928,7 @@ function Ti(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        ct,
         {
           type: "boolean",
           title: "Visible",
@@ -2933,43 +2943,31 @@ function Ti(t) {
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      wi(te, t.three),
-      o ? Mi(te, t.three) : null,
-      e.search("camera") > -1 ? Ei(te, t.three) : null,
-      e.search("light") > -1 ? Oi(te, t.three) : null,
-      s ? yi(te, t.three) : null
+      fi(te, t.three),
+      o ? mi(te, t.three) : null,
+      e.search("camera") > -1 ? li(te, t.three) : null,
+      e.search("light") > -1 ? pi(te, t.three) : null,
+      s ? ci(te, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-class Hi extends Ta {
-  three;
-  constructor(n) {
-    super(n), this.state = {
-      scene: n.scene !== void 0 ? n.scene : null
-    }, this.three = n.three, _.addEventListener(j.SET_SCENE, this.setScene);
-  }
-  componentWillUnmount() {
-    _.removeEventListener(j.SET_SCENE, this.setScene);
-  }
-  render() {
-    const n = this.componentState.scene !== null, a = "Hierarchy - " + (n ? `${this.componentState.scene?.name}` : "No Scene");
-    return /* @__PURE__ */ l.jsx("div", { id: "SidePanel", children: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx(Ht, { label: a, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: n && /* @__PURE__ */ l.jsx(ci, { child: this.componentState.scene, three: this.three }) }) }),
-      /* @__PURE__ */ l.jsx(Ti, { three: this.three })
-    ] }) }, "SidePanel");
-  }
-  // Private
-  setScene = (n) => {
-    this.setState(() => ({
-      scene: n.value
-    }));
-  };
-  // Getters / Setters
-  get componentState() {
-    return this.state;
-  }
+function Fi(t) {
+  const [n, a] = ae(t.scene);
+  Oe(() => {
+    const s = (p) => {
+      a(p.value);
+    };
+    return k.addEventListener(j.SET_SCENE, s), () => {
+      k.removeEventListener(j.SET_SCENE, s);
+    };
+  }, []);
+  const e = n !== null, o = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
+  return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
+    /* @__PURE__ */ l.jsx(Ht, { label: o, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(Za, { child: n, three: t.three }) }) }),
+    /* @__PURE__ */ l.jsx(vi, { three: t.three })
+  ] }, "SidePanel");
 }
-function Wi(t) {
+function Bi(t) {
   function n() {
     return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
@@ -2978,84 +2976,84 @@ function Wi(t) {
       return;
     const u = t.three.scene?.getObjectByProperty("uuid", c.value);
     u !== void 0 && t.three.setObject(u);
-  }, e = (c, u, d) => {
+  }, e = (c, u, f) => {
     if (!n())
       return;
     const v = t.three.scene?.getObjectByProperty("uuid", c);
-    v !== void 0 && ee(v, u, d);
+    v !== void 0 && ee(v, u, f);
   }, o = (c) => {
     if (!n())
       return;
-    const u = c.value, { key: d, value: v, uuid: b } = u;
-    e(b, d, v);
+    const u = c.value, { key: f, value: v, uuid: b } = u;
+    e(b, f, v);
   }, s = (c) => {
     if (!n())
       return;
     const u = c.value;
-    Gt(u.value).then((d) => {
-      e(u.uuid, u.key, d), e(u.uuid, "material.needsUpdate", !0);
+    Gt(u.value).then((f) => {
+      e(u.uuid, u.key, f), e(u.uuid, "material.needsUpdate", !0);
     });
   }, p = (c) => {
     if (!n())
       return;
-    const { key: u, uuid: d, value: v, subitem: b } = c.value, E = t.three.scene?.getObjectByProperty("uuid", d);
+    const { key: u, uuid: f, value: v, subitem: b } = c.value, E = t.three.scene?.getObjectByProperty("uuid", f);
     if (E !== void 0)
       try {
-        b !== void 0 ? za(E, b)[u](v) : E[u](v);
+        b !== void 0 ? Ia(E, b)[u](v) : E[u](v);
       } catch (x) {
         console.log("Error requesting method:"), console.log(x), console.log(u), console.log(v);
       }
   };
-  return Be(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, o), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, p), () => {
-    _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, o), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, p);
+  return Oe(() => (k.addEventListener(j.GET_OBJECT, a), k.addEventListener(j.UPDATE_OBJECT, o), k.addEventListener(j.CREATE_TEXTURE, s), k.addEventListener(j.REQUEST_METHOD, p), () => {
+    k.removeEventListener(j.GET_OBJECT, a), k.removeEventListener(j.UPDATE_OBJECT, o), k.removeEventListener(j.CREATE_TEXTURE, s), k.removeEventListener(j.REQUEST_METHOD, p);
   }), []), null;
 }
-const an = { type: "change" }, $t = { type: "start" }, rn = { type: "end" }, St = new ha(), on = new pa(), Ri = Math.cos(70 * ma.DEG2RAD);
-class Pi extends un {
+const an = { type: "change" }, $t = { type: "start" }, rn = { type: "end" }, wt = new ha(), on = new fa(), gi = Math.cos(70 * pa.DEG2RAD);
+class bi extends un {
   constructor(n, a) {
-    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new X(), this.cursor = new X(), 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: He.ROTATE, MIDDLE: He.DOLLY, RIGHT: He.PAN }, this.touches = { ONE: We.ROTATE, TWO: We.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 X(), this.cursor = new X(), 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: Ve.ROTATE, MIDDLE: Ve.DOLLY, RIGHT: Ve.PAN }, this.touches = { ONE: He.ROTATE, TWO: He.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 c.phi;
     }, this.getAzimuthalAngle = function() {
       return c.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(r) {
-      r.addEventListener("keydown", tt), this._domElementKeyEvents = r;
+      r.addEventListener("keydown", et), this._domElementKeyEvents = r;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", tt), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", et), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
       e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(an), e.update(), s = o.NONE;
     }, this.update = function() {
-      const r = new X(), y = new Xt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new Xt(), de = new X(), ae = 2 * Math.PI;
+      const r = new X(), y = new Xt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new Xt(), de = new X(), ie = 2 * Math.PI;
       return function(Nt = null) {
-        const at = e.object.position;
-        r.copy(at).sub(e.target), r.applyQuaternion(y), c.setFromVector3(r), e.autoRotate && s === o.NONE && U(P(Nt)), e.enableDamping ? (c.theta += u.theta * e.dampingFactor, c.phi += u.phi * e.dampingFactor) : (c.theta += u.theta, c.phi += u.phi);
-        let pe = e.minAzimuthAngle, fe = e.maxAzimuthAngle;
-        isFinite(pe) && isFinite(fe) && (pe < -Math.PI ? pe += ae : pe > Math.PI && (pe -= ae), fe < -Math.PI ? fe += ae : fe > Math.PI && (fe -= ae), pe <= fe ? c.theta = Math.max(pe, Math.min(fe, c.theta)) : c.theta = c.theta > (pe + fe) / 2 ? Math.max(pe, c.theta) : Math.min(fe, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && se || e.object.isOrthographicCamera ? c.radius = me(c.radius) : c.radius = me(c.radius * d), r.setFromSpherical(c), r.applyQuaternion(O), at.copy(e.target).add(r), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
-        let ke = !1;
+        const nt = e.object.position;
+        r.copy(nt).sub(e.target), r.applyQuaternion(y), c.setFromVector3(r), e.autoRotate && s === o.NONE && U(_(Nt)), e.enableDamping ? (c.theta += u.theta * e.dampingFactor, c.phi += u.phi * e.dampingFactor) : (c.theta += u.theta, c.phi += u.phi);
+        let pe = e.minAzimuthAngle, he = e.maxAzimuthAngle;
+        isFinite(pe) && isFinite(he) && (pe < -Math.PI ? pe += ie : pe > Math.PI && (pe -= ie), he < -Math.PI ? he += ie : he > Math.PI && (he -= ie), pe <= he ? c.theta = Math.max(pe, Math.min(he, c.theta)) : c.theta = c.theta > (pe + he) / 2 ? Math.max(pe, c.theta) : Math.min(he, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && se || e.object.isOrthographicCamera ? c.radius = me(c.radius) : c.radius = me(c.radius * f), r.setFromSpherical(c), r.applyQuaternion(O), nt.copy(e.target).add(r), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
+        let Pe = !1;
         if (e.zoomToCursor && se) {
-          let _e = null;
+          let ke = null;
           if (e.object.isPerspectiveCamera) {
             const je = r.length();
-            _e = me(je * d);
-            const De = je - _e;
-            e.object.position.addScaledVector(Ee, De), e.object.updateMatrixWorld();
+            ke = me(je * f);
+            const De = je - ke;
+            e.object.position.addScaledVector(Ce, De), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
             const je = new X(le.x, le.y, 0);
-            je.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix(), ke = !0;
+            je.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / f)), e.object.updateProjectionMatrix(), Pe = !0;
             const De = new X(le.x, le.y, 0);
-            De.unproject(e.object), e.object.position.sub(De).add(je), e.object.updateMatrixWorld(), _e = r.length();
+            De.unproject(e.object), e.object.position.sub(De).add(je), e.object.updateMatrixWorld(), ke = r.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          _e !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(_e).add(e.object.position) : (St.origin.copy(e.object.position), St.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(St.direction)) < Ri ? n.lookAt(e.target) : (on.setFromNormalAndCoplanarPoint(e.object.up, e.target), St.intersectPlane(on, e.target))));
+          ke !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(ke).add(e.object.position) : (wt.origin.copy(e.object.position), wt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(wt.direction)) < gi ? n.lookAt(e.target) : (on.setFromNormalAndCoplanarPoint(e.object.up, e.target), wt.intersectPlane(on, e.target))));
         } else
-          e.object.isOrthographicCamera && (ke = d !== 1, ke && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix()));
-        return d = 1, se = !1, ke || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(an), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
+          e.object.isOrthographicCamera && (Pe = f !== 1, Pe && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / f)), e.object.updateProjectionMatrix()));
+        return f = 1, se = !1, Pe || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(an), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", Ge), e.domElement.removeEventListener("pointerdown", Pe), e.domElement.removeEventListener("pointercancel", Ae), e.domElement.removeEventListener("wheel", bt), e.domElement.removeEventListener("pointermove", Qe), e.domElement.removeEventListener("pointerup", Ae), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", tt), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", Ye), e.domElement.removeEventListener("pointerdown", _e), e.domElement.removeEventListener("pointercancel", Ae), e.domElement.removeEventListener("wheel", bt), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", Ae), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", et), e._domElementKeyEvents = null);
     };
     const e = this, o = {
       NONE: -1,
@@ -3069,12 +3067,12 @@ class Pi extends un {
     };
     let s = o.NONE;
     const p = 1e-6, c = new Zt(), u = new Zt();
-    let d = 1;
-    const v = new X(), b = new ue(), E = new ue(), x = new ue(), M = new ue(), k = new ue(), H = new ue(), B = new ue(), S = new ue(), z = new ue(), Ee = new X(), le = new ue();
+    let f = 1;
+    const v = new X(), b = new ue(), E = new ue(), x = new ue(), M = new ue(), P = new ue(), H = new ue(), B = new ue(), w = new ue(), z = new ue(), Ce = new X(), le = new ue();
     let se = !1;
-    const f = [], m = {};
-    let w = !1;
-    function P(r) {
+    const d = [], m = {};
+    let S = !1;
+    function _(r) {
       return r !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * r : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
     function Y(r) {
@@ -3104,35 +3102,35 @@ class Pi extends un {
         if (e.object.isPerspectiveCamera) {
           const de = e.object.position;
           r.copy(de).sub(e.target);
-          let ae = r.length();
-          ae *= Math.tan(e.object.fov / 2 * Math.PI / 180), I(2 * O * ae / K.clientHeight, e.object.matrix), W(2 * L * ae / K.clientHeight, e.object.matrix);
+          let ie = r.length();
+          ie *= Math.tan(e.object.fov / 2 * Math.PI / 180), I(2 * O * ie / K.clientHeight, e.object.matrix), W(2 * L * ie / K.clientHeight, e.object.matrix);
         } else
           e.object.isOrthographicCamera ? (I(O * (e.object.right - e.object.left) / e.object.zoom / K.clientWidth, e.object.matrix), W(L * (e.object.top - e.object.bottom) / e.object.zoom / K.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     }();
     function T(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? f /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function N(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? f *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function J(r, y) {
       if (!e.zoomToCursor)
         return;
       se = !0;
-      const O = e.domElement.getBoundingClientRect(), L = r - O.left, K = y - O.top, de = O.width, ae = O.height;
-      le.x = L / de * 2 - 1, le.y = -(K / ae) * 2 + 1, Ee.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
+      const O = e.domElement.getBoundingClientRect(), L = r - O.left, K = y - O.top, de = O.width, ie = O.height;
+      le.x = L / de * 2 - 1, le.y = -(K / ie) * 2 + 1, Ce.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
     function me(r) {
       return Math.max(e.minDistance, Math.min(e.maxDistance, r));
     }
-    function Ce(r) {
+    function xe(r) {
       b.set(r.clientX, r.clientY);
     }
-    function ft(r) {
+    function ht(r) {
       J(r.clientX, r.clientX), B.set(r.clientX, r.clientY);
     }
-    function Xe(r) {
+    function Ke(r) {
       M.set(r.clientX, r.clientY);
     }
     function At(r) {
@@ -3140,16 +3138,16 @@ class Pi extends un {
       const y = e.domElement;
       U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E), e.update();
     }
-    function kt(r) {
-      S.set(r.clientX, r.clientY), z.subVectors(S, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(S), e.update();
+    function Pt(r) {
+      w.set(r.clientX, r.clientY), z.subVectors(w, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(w), e.update();
     }
-    function Ze(r) {
-      k.set(r.clientX, r.clientY), H.subVectors(k, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(k), e.update();
+    function Xe(r) {
+      P.set(r.clientX, r.clientY), H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P), e.update();
     }
-    function Je(r) {
+    function Ze(r) {
       J(r.clientX, r.clientY), r.deltaY < 0 ? N(Y(r.deltaY)) : r.deltaY > 0 && T(Y(r.deltaY)), e.update();
     }
-    function ze(r) {
+    function $e(r) {
       let y = !1;
       switch (r.code) {
         case e.keys.UP:
@@ -3167,8 +3165,8 @@ class Pi extends un {
       }
       y && (r.preventDefault(), e.update());
     }
-    function Ye(r) {
-      if (f.length === 1)
+    function ze(r) {
+      if (d.length === 1)
         b.set(r.pageX, r.pageY);
       else {
         const y = Se(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
@@ -3176,25 +3174,25 @@ class Pi extends un {
       }
     }
     function Me(r) {
-      if (f.length === 1)
+      if (d.length === 1)
         M.set(r.pageX, r.pageY);
       else {
         const y = Se(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         M.set(O, L);
       }
     }
-    function ht(r) {
+    function ft(r) {
       const y = Se(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
       B.set(0, K);
     }
     function pt(r) {
-      e.enableZoom && ht(r), e.enablePan && Me(r);
+      e.enableZoom && ft(r), e.enablePan && Me(r);
     }
-    function _t(r) {
-      e.enableZoom && ht(r), e.enableRotate && Ye(r);
+    function kt(r) {
+      e.enableZoom && ft(r), e.enableRotate && ze(r);
     }
     function mt(r) {
-      if (f.length == 1)
+      if (d.length == 1)
         E.set(r.pageX, r.pageY);
       else {
         const O = Se(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
@@ -3205,19 +3203,19 @@ class Pi extends un {
       U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E);
     }
     function Te(r) {
-      if (f.length === 1)
-        k.set(r.pageX, r.pageY);
+      if (d.length === 1)
+        P.set(r.pageX, r.pageY);
       else {
         const y = Se(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
-        k.set(O, L);
+        P.set(O, L);
       }
-      H.subVectors(k, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(k);
+      H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P);
     }
     function Re(r) {
       const y = Se(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
-      S.set(0, K), z.set(0, Math.pow(S.y / B.y, e.zoomSpeed)), T(z.y), B.copy(S);
-      const de = (r.pageX + y.x) * 0.5, ae = (r.pageY + y.y) * 0.5;
-      J(de, ae);
+      w.set(0, K), z.set(0, Math.pow(w.y / B.y, e.zoomSpeed)), T(z.y), B.copy(w);
+      const de = (r.pageX + y.x) * 0.5, ie = (r.pageY + y.y) * 0.5;
+      J(de, ie);
     }
     function vt(r) {
       e.enableZoom && Re(r), e.enablePan && Te(r);
@@ -3225,24 +3223,24 @@ class Pi extends un {
     function gt(r) {
       e.enableZoom && Re(r), e.enableRotate && mt(r);
     }
-    function Pe(r) {
-      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Qe), e.domElement.addEventListener("pointerup", Ae)), Dt(r), r.pointerType === "touch" ? nt(r) : et(r));
+    function _e(r) {
+      e.enabled !== !1 && (d.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Je), e.domElement.addEventListener("pointerup", Ae)), Dt(r), r.pointerType === "touch" ? tt(r) : Qe(r));
     }
-    function Qe(r) {
+    function Je(r) {
       e.enabled !== !1 && (r.pointerType === "touch" ? Ct(r) : jt(r));
     }
     function Ae(r) {
-      switch (It(r), f.length) {
+      switch (It(r), d.length) {
         case 0:
-          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Qe), e.domElement.removeEventListener("pointerup", Ae), e.dispatchEvent(rn), s = o.NONE;
+          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", Ae), e.dispatchEvent(rn), s = o.NONE;
           break;
         case 1:
-          const y = f[0], O = m[y];
-          nt({ pointerId: y, pageX: O.x, pageY: O.y });
+          const y = d[0], O = m[y];
+          tt({ pointerId: y, pageX: O.x, pageY: O.y });
           break;
       }
     }
-    function et(r) {
+    function Qe(r) {
       let y;
       switch (r.button) {
         case 0:
@@ -3258,31 +3256,31 @@ class Pi extends un {
           y = -1;
       }
       switch (y) {
-        case He.DOLLY:
+        case Ve.DOLLY:
           if (e.enableZoom === !1)
             return;
-          ft(r), s = o.DOLLY;
+          ht(r), s = o.DOLLY;
           break;
-        case He.ROTATE:
+        case Ve.ROTATE:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enablePan === !1)
               return;
-            Xe(r), s = o.PAN;
+            Ke(r), s = o.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            Ce(r), s = o.ROTATE;
+            xe(r), s = o.ROTATE;
           }
           break;
-        case He.PAN:
+        case Ve.PAN:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            Ce(r), s = o.ROTATE;
+            xe(r), s = o.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            Xe(r), s = o.PAN;
+            Ke(r), s = o.PAN;
           }
           break;
         default:
@@ -3300,17 +3298,17 @@ class Pi extends un {
         case o.DOLLY:
           if (e.enableZoom === !1)
             return;
-          kt(r);
+          Pt(r);
           break;
         case o.PAN:
           if (e.enablePan === !1)
             return;
-          Ze(r);
+          Xe(r);
           break;
       }
     }
     function bt(r) {
-      e.enabled === !1 || e.enableZoom === !1 || s !== o.NONE || (r.preventDefault(), e.dispatchEvent($t), Je(yt(r)), e.dispatchEvent(rn));
+      e.enabled === !1 || e.enableZoom === !1 || s !== o.NONE || (r.preventDefault(), e.dispatchEvent($t), Ze(yt(r)), e.dispatchEvent(rn));
     }
     function yt(r) {
       const y = r.deltaMode, O = {
@@ -3326,27 +3324,27 @@ class Pi extends un {
           O.deltaY *= 100;
           break;
       }
-      return r.ctrlKey && !w && (O.deltaY *= 10), O;
+      return r.ctrlKey && !S && (O.deltaY *= 10), O;
     }
     function Et(r) {
-      r.key === "Control" && (w = !0, e.domElement.getRootNode().addEventListener("keyup", xe, { passive: !0, capture: !0 }));
+      r.key === "Control" && (S = !0, e.domElement.getRootNode().addEventListener("keyup", we, { passive: !0, capture: !0 }));
     }
-    function xe(r) {
-      r.key === "Control" && (w = !1, e.domElement.getRootNode().removeEventListener("keyup", xe, { passive: !0, capture: !0 }));
+    function we(r) {
+      r.key === "Control" && (S = !1, e.domElement.getRootNode().removeEventListener("keyup", we, { passive: !0, capture: !0 }));
     }
-    function tt(r) {
-      e.enabled === !1 || e.enablePan === !1 || ze(r);
+    function et(r) {
+      e.enabled === !1 || e.enablePan === !1 || $e(r);
     }
-    function nt(r) {
-      switch (xt(r), f.length) {
+    function tt(r) {
+      switch (xt(r), d.length) {
         case 1:
           switch (e.touches.ONE) {
-            case We.ROTATE:
+            case He.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              Ye(r), s = o.TOUCH_ROTATE;
+              ze(r), s = o.TOUCH_ROTATE;
               break;
-            case We.PAN:
+            case He.PAN:
               if (e.enablePan === !1)
                 return;
               Me(r), s = o.TOUCH_PAN;
@@ -3357,15 +3355,15 @@ class Pi extends un {
           break;
         case 2:
           switch (e.touches.TWO) {
-            case We.DOLLY_PAN:
+            case He.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
               pt(r), s = o.TOUCH_DOLLY_PAN;
               break;
-            case We.DOLLY_ROTATE:
+            case He.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              _t(r), s = o.TOUCH_DOLLY_ROTATE;
+              kt(r), s = o.TOUCH_DOLLY_ROTATE;
               break;
             default:
               s = o.NONE;
@@ -3402,17 +3400,17 @@ class Pi extends un {
           s = o.NONE;
       }
     }
-    function Ge(r) {
+    function Ye(r) {
       e.enabled !== !1 && r.preventDefault();
     }
     function Dt(r) {
-      f.push(r.pointerId);
+      d.push(r.pointerId);
     }
     function It(r) {
       delete m[r.pointerId];
-      for (let y = 0; y < f.length; y++)
-        if (f[y] == r.pointerId) {
-          f.splice(y, 1);
+      for (let y = 0; y < d.length; y++)
+        if (d[y] == r.pointerId) {
+          d.splice(y, 1);
           return;
         }
     }
@@ -3421,14 +3419,14 @@ class Pi extends un {
       y === void 0 && (y = new ue(), m[r.pointerId] = y), y.set(r.pageX, r.pageY);
     }
     function Se(r) {
-      const y = r.pointerId === f[0] ? f[1] : f[0];
+      const y = r.pointerId === d[0] ? d[1] : d[0];
       return m[y];
     }
-    e.domElement.addEventListener("contextmenu", Ge), e.domElement.addEventListener("pointerdown", Pe), e.domElement.addEventListener("pointercancel", Ae), e.domElement.addEventListener("wheel", bt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", Et, { passive: !0, capture: !0 }), this.update();
+    e.domElement.addEventListener("contextmenu", Ye), e.domElement.addEventListener("pointerdown", _e), e.domElement.addEventListener("pointercancel", Ae), e.domElement.addEventListener("wheel", bt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", Et, { passive: !0, capture: !0 }), this.update();
   }
 }
 const Mt = (t) => {
-  const [n, a] = oe(t.options[t.index]), e = () => {
+  const [n, a] = ae(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
   }, o = (s) => {
     s !== n && (t.onSelect(s), a(s)), t.onToggle(!1);
@@ -3437,8 +3435,8 @@ const Mt = (t) => {
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
     t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ l.jsx("li", { onClick: () => o(s), children: s }, s)) })
   ] });
-}, Le = Ra(function(n, a) {
-  const [e, o] = oe(!1), s = n.options.indexOf(n.camera.name);
+}, Le = Ma(function(n, a) {
+  const [e, o] = ae(!1), s = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       e && o(!1);
@@ -3462,60 +3460,60 @@ const Mt = (t) => {
   "Side by Side",
   "Stacked",
   "Quad"
-], ne = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map();
-function $e(t, n) {
+], ne = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map();
+function Ue(t, n) {
   const a = new Rn(-100, 100, 100, -100, 50, 3e3);
   return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ne.set(t, a), a;
 }
-$e("Top", new X(0, 1e3, 0));
-$e("Bottom", new X(0, -1e3, 0));
-$e("Left", new X(-1e3, 0, 0));
-$e("Right", new X(1e3, 0, 0));
-$e("Front", new X(0, 0, 1e3));
-$e("Back", new X(0, 0, -1e3));
-$e("Orthographic", new X(1e3, 1e3, 1e3));
-const Pt = new zt(60, 1, 50, 3e3);
-Pt.name = "Debug";
-Pt.position.set(500, 500, 500);
-Pt.lookAt(0, 0, 0);
-ne.set("Debug", Pt);
+Ue("Top", new X(0, 1e3, 0));
+Ue("Bottom", new X(0, -1e3, 0));
+Ue("Left", new X(-1e3, 0, 0));
+Ue("Right", new X(1e3, 0, 0));
+Ue("Front", new X(0, 0, 1e3));
+Ue("Back", new X(0, 0, -1e3));
+Ue("Orthographic", new X(1e3, 1e3, 1e3));
+const _t = new zt(60, 1, 50, 3e3);
+_t.name = "Debug";
+_t.position.set(500, 500, 500);
+_t.lookAt(0, 0, 0);
+ne.set("Debug", _t);
 const cn = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], Ai = new va(), ki = new ga(), _i = new si(), ji = new ba({
+], yi = new ma(), Ei = new va(), Ci = new Xa(), xi = new ga({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let wt = "Renderer";
-const V = new Pn();
+let St = "Renderer";
+const V = new _n();
 V.name = "Debug Scene";
-let be = new Pn();
-V.add(be);
-const dt = new ya();
+let ye = new _n();
+V.add(ye);
+const dt = new ba();
 dt.name = "helpers";
 V.add(dt);
-const Di = new ii();
-dt.add(Di);
-const $n = new An(500);
-$n.name = "axisHelper";
-dt.add($n);
+const wi = new Wa();
+dt.add(wi);
+const Un = new An(500);
+Un.name = "axisHelper";
+dt.add(Un);
 const ut = new An(100);
 ut.name = "interactionHelper";
 dt.add(ut);
 ut.visible = !1;
-let Ot = !1, G = ne.get("Debug"), re = ne.get("Orthographic"), Ne = ne.get("Front"), Fe = ne.get("Top"), ln = !1;
-function qi(t) {
-  const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, o] = oe(null), [s, p] = oe(!1), [c, u] = oe(!1), [d, v] = oe(!1), [, b] = oe(Date.now()), E = ye(null), x = ye(null), M = ye(null), k = ye(null), H = ye(null), B = ye(null), S = (f, m) => {
-    const w = ie.get(f.name);
-    w !== void 0 && w.dispose(), ie.delete(f.name);
-    const P = ge.get(f.name);
-    P !== void 0 && (V.remove(P), P.dispose()), ge.delete(f.name);
-    const Y = new Pi(f, m);
-    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, f.name) {
+let Ot = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Ne = ne.get("Front"), Fe = ne.get("Top"), ln = !1;
+function Ui(t) {
+  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [s, p] = ae(!1), [c, u] = ae(!1), [f, v] = ae(!1), [, b] = ae(Date.now()), E = Ee(null), x = Ee(null), M = Ee(null), P = Ee(null), H = Ee(null), B = Ee(null), w = (d, m) => {
+    const S = re.get(d.name);
+    S !== void 0 && S.dispose(), re.delete(d.name);
+    const _ = be.get(d.name);
+    _ !== void 0 && (V.remove(_), _.dispose()), be.delete(d.name);
+    const Y = new bi(d, m);
+    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, d.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -3525,95 +3523,95 @@ function qi(t) {
         Y.enableRotate = !1;
         break;
     }
-    if (ie.set(f.name, Y), f instanceof zt) {
-      const U = new xa(f);
-      ge.set(f.name, U), V.add(U);
-    }
-  }, z = (f) => {
-    const m = ge.get(f.name);
-    m !== void 0 && (V.remove(m), m.dispose(), ge.delete(f.name));
-    const w = ie.get(f.name);
-    w !== void 0 && (w.dispose(), ie.delete(f.name));
-  }, Ee = () => {
-    ie.forEach((f, m) => {
-      f.dispose();
-      const w = ge.get(m);
-      w !== void 0 && (V.remove(w), w.dispose()), ge.delete(m), ie.delete(m);
-    }), ie.clear(), ge.clear();
+    if (re.set(d.name, Y), d instanceof zt) {
+      const U = new Ca(d);
+      be.set(d.name, U), V.add(U);
+    }
+  }, z = (d) => {
+    const m = be.get(d.name);
+    m !== void 0 && (V.remove(m), m.dispose(), be.delete(d.name));
+    const S = re.get(d.name);
+    S !== void 0 && (S.dispose(), re.delete(d.name));
+  }, Ce = () => {
+    re.forEach((d, m) => {
+      d.dispose();
+      const S = be.get(m);
+      S !== void 0 && (V.remove(S), S.dispose()), be.delete(m), re.delete(m);
+    }), re.clear(), be.clear();
   }, le = () => {
     switch (n) {
       case "Single":
-        S(G, M.current);
+        w(G, M.current);
         break;
       case "Side by Side":
       case "Stacked":
-        S(G, M.current), S(re, k.current);
+        w(G, M.current), w(oe, P.current);
         break;
       case "Quad":
-        S(G, M.current), S(re, k.current), S(Ne, H.current), S(Fe, B.current);
+        w(G, M.current), w(oe, P.current), w(Ne, H.current), w(Fe, B.current);
         break;
     }
   };
-  Be(() => {
-    const f = new Ea({
+  Oe(() => {
+    const d = new ya({
       canvas: E.current,
       stencil: !1
     });
-    f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), o(f);
-  }, []), Be(() => {
-    const f = (P) => {
-      Dn(be), V.remove(be);
-      const Y = t.scenes.get(P.value.name);
+    d.autoClear = !1, d.shadowMap.enabled = !0, d.setPixelRatio(devicePixelRatio), d.setClearColor(0), o(d);
+  }, []), Oe(() => {
+    const d = (_) => {
+      Dn(ye), V.remove(ye);
+      const Y = t.scenes.get(_.value.name);
       if (Y !== void 0) {
         const U = new Y();
-        t.onSceneSet !== void 0 && t.onSceneSet(U), be = U, t.three.scene = be, V.add(be), ln = !0;
+        t.onSceneSet !== void 0 && t.onSceneSet(U), ye = U, t.three.scene = ye, V.add(ye), ln = !0;
       }
-    }, m = (P) => {
-      const Y = P.value, U = t.three.scene?.getObjectByProperty("uuid", Y.uuid);
+    }, m = (_) => {
+      const Y = _.value, U = t.three.scene?.getObjectByProperty("uuid", Y.uuid);
       U !== void 0 && ne.set(Y.name, U), b(Date.now());
-    }, w = (P) => {
-      ne.delete(P.value.name), b(Date.now());
+    }, S = (_) => {
+      ne.delete(_.value.name), b(Date.now());
     };
-    return _.addEventListener(j.SET_SCENE, f), _.addEventListener(j.ADD_CAMERA, m), _.addEventListener(j.REMOVE_CAMERA, w), () => {
-      _.removeEventListener(j.SET_SCENE, f), _.removeEventListener(j.ADD_CAMERA, m), _.removeEventListener(j.REMOVE_CAMERA, w);
+    return k.addEventListener(j.SET_SCENE, d), k.addEventListener(j.ADD_CAMERA, m), k.addEventListener(j.REMOVE_CAMERA, S), () => {
+      k.removeEventListener(j.SET_SCENE, d), k.removeEventListener(j.ADD_CAMERA, m), k.removeEventListener(j.REMOVE_CAMERA, S);
     };
-  }, []), Be(() => {
+  }, []), Oe(() => {
     if (e === null)
       return;
-    let f = window.innerWidth, m = window.innerHeight, w = Math.floor(f / 2), P = Math.floor(m / 2), Y = -1;
+    let d = window.innerWidth, m = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(m / 2), Y = -1;
     const U = () => {
-      f = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(f / 2), P = Math.floor(m / 2), e.setSize(f, m);
-      let T = f, N = m;
+      d = window.innerWidth - 300, m = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(m / 2), e.setSize(d, m);
+      let T = d, N = m;
       switch (n) {
         case "Side by Side":
-          T = w, N = m;
+          T = S, N = m;
           break;
         case "Stacked":
-          T = f, N = P;
+          T = d, N = _;
           break;
         case "Quad":
-          T = w, N = P;
+          T = S, N = _;
           break;
       }
       ne.forEach((J) => {
-        J instanceof Rn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof zt && (J.aspect = T / N, J.updateProjectionMatrix(), ge.get(J.name)?.update());
+        J instanceof Rn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof zt && (J.aspect = T / N, J.updateProjectionMatrix(), be.get(J.name)?.update());
       });
     }, $ = () => {
-      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(V, G);
+      e.setViewport(0, 0, d, m), e.setScissor(0, 0, d, m), e.render(V, G);
     }, I = () => {
       if (n === "Side by Side")
-        e.setViewport(0, 0, w, m), e.setScissor(0, 0, w, m), e.render(V, G), e.setViewport(w, 0, w, m), e.setScissor(w, 0, w, m), e.render(V, re);
+        e.setViewport(0, 0, S, m), e.setScissor(0, 0, S, m), e.render(V, G), e.setViewport(S, 0, S, m), e.setScissor(S, 0, S, m), e.render(V, oe);
       else {
-        const T = m - P;
-        e.setViewport(0, T, f, P), e.setScissor(0, T, f, P), e.render(V, G), e.setViewport(0, 0, f, P), e.setScissor(0, 0, f, P), e.render(V, re);
+        const T = m - _;
+        e.setViewport(0, T, d, _), e.setScissor(0, T, d, _), e.render(V, G), e.setViewport(0, 0, d, _), e.setScissor(0, 0, d, _), e.render(V, oe);
       }
     }, W = () => {
       let T = 0, N = 0;
-      N = m - P, T = 0, e.setViewport(T, N, w, P), e.setScissor(T, N, w, P), e.render(V, G), T = w, e.setViewport(T, N, w, P), e.setScissor(T, N, w, P), e.render(V, re), N = 0, T = 0, e.setViewport(T, N, w, P), e.setScissor(T, N, w, P), e.render(V, Ne), T = w, e.setViewport(T, N, w, P), e.setScissor(T, N, w, P), e.render(V, Fe);
+      N = m - _, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, G), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, oe), N = 0, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Ne), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Fe);
     }, q = () => {
-      switch (ie.forEach((T) => {
+      switch (re.forEach((T) => {
         T.update();
-      }), t.onSceneUpdate !== void 0 && ln && t.onSceneUpdate(be), e.clear(), n) {
+      }), t.onSceneUpdate !== void 0 && ln && t.onSceneUpdate(ye), e.clear(), n) {
         case "Single":
           $();
           break;
@@ -3630,34 +3628,34 @@ function qi(t) {
     return le(), window.addEventListener("resize", U), U(), q(), () => {
       window.removeEventListener("resize", U), cancelAnimationFrame(Y), Y = -1;
     };
-  }, [n, e]), Be(() => {
+  }, [n, e]), Oe(() => {
     if (e !== null) {
-      const f = new Ca(), m = new ue(), w = ($, I, W, q) => {
+      const d = new Ea(), m = new ue(), S = ($, I, W, q) => {
         switch (n) {
           case "Quad":
-            $ < W ? I < q ? f.setFromCamera(m, G) : f.setFromCamera(m, Ne) : I < q ? f.setFromCamera(m, re) : f.setFromCamera(m, Fe);
+            $ < W ? I < q ? d.setFromCamera(m, G) : d.setFromCamera(m, Ne) : I < q ? d.setFromCamera(m, oe) : d.setFromCamera(m, Fe);
             break;
           case "Side by Side":
-            $ < W ? f.setFromCamera(m, G) : f.setFromCamera(m, re);
+            $ < W ? d.setFromCamera(m, G) : d.setFromCamera(m, oe);
             break;
           case "Single":
-            f.setFromCamera(m, G);
+            d.setFromCamera(m, G);
             break;
           case "Stacked":
-            I < q ? f.setFromCamera(m, G) : f.setFromCamera(m, re);
+            I < q ? d.setFromCamera(m, G) : d.setFromCamera(m, oe);
             break;
         }
-      }, P = ($) => {
+      }, _ = ($) => {
         if (!Ot)
           return;
         const I = new ue();
         e.getSize(I);
         const W = Math.min($.clientX, I.x), q = Math.min($.clientY, I.y);
-        m.x = Ke(W, 0, I.x, -1, 1), m.y = Ke(q, 0, I.y, 1, -1);
+        m.x = qe(W, 0, I.x, -1, 1), m.y = qe(q, 0, I.y, 1, -1);
         const T = I.x / 2, N = I.y / 2, J = () => {
-          W < T ? m.x = Ke(W, 0, T, -1, 1) : m.x = Ke(W, T, I.x, -1, 1);
+          W < T ? m.x = qe(W, 0, T, -1, 1) : m.x = qe(W, T, I.x, -1, 1);
         }, me = () => {
-          q < N ? m.y = Ke(q, 0, N, 1, -1) : m.y = Ke(q, N, I.y, 1, -1);
+          q < N ? m.y = qe(q, 0, N, 1, -1) : m.y = qe(q, N, I.y, 1, -1);
         };
         switch (n) {
           case "Quad":
@@ -3670,67 +3668,67 @@ function qi(t) {
             me(), me();
             break;
         }
-        w(W, q, T, N);
-        const Ce = f.intersectObjects(be.children);
-        Ce.length > 0 && ut.position.copy(Ce[0].point);
+        S(W, q, T, N);
+        const xe = d.intersectObjects(ye.children);
+        xe.length > 0 && ut.position.copy(xe[0].point);
       }, Y = ($) => {
         if (!Ot)
           return;
         const I = new ue();
         if (e.getSize(I), $.clientX >= I.x)
           return;
-        P($);
-        const W = f.intersectObjects(be.children);
+        _($);
+        const W = d.intersectObjects(ye.children);
         W.length > 0 && t.three.getObject(W[0].object.uuid);
       }, U = x.current;
-      return U.addEventListener("mousemove", P, !1), U.addEventListener("click", Y, !1), () => {
-        U.removeEventListener("mousemove", P), U.removeEventListener("click", Y);
+      return U.addEventListener("mousemove", _, !1), U.addEventListener("click", Y, !1), () => {
+        U.removeEventListener("mousemove", _), U.removeEventListener("click", Y);
       };
     }
   }, [n, e]);
   const se = [];
-  return ne.forEach((f, m) => {
+  return ne.forEach((d, m) => {
     se.push(m);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ l.jsx("canvas", { ref: E }),
     /* @__PURE__ */ l.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: x, children: [
-      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (f) => {
-        ie.get(G.name)?.dispose();
-        const m = ne.get(f);
-        m !== void 0 && (z(G), G = m, S(m, M.current));
+      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+        re.get(G.name)?.dispose();
+        const m = ne.get(d);
+        m !== void 0 && (z(G), G = m, w(m, M.current));
       } }) }),
       (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (f) => {
-          ie.get(G.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(G), G = m, S(m, M.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+          re.get(G.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(G), G = m, w(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: re, options: se, ref: k, onSelect: (f) => {
-          ie.get(re.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(re), re = m, S(m, k.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: oe, options: se, ref: P, onSelect: (d) => {
+          re.get(oe.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(oe), oe = m, w(m, P.current));
         } })
       ] }),
       n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (f) => {
-          ie.get(G.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(G), G = m, S(m, M.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+          re.get(G.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(G), G = m, w(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: re, options: se, ref: k, onSelect: (f) => {
-          ie.get(re.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(re), re = m, S(m, k.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: oe, options: se, ref: P, onSelect: (d) => {
+          re.get(oe.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(oe), oe = m, w(m, P.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: Ne, options: se, ref: H, onSelect: (f) => {
-          ie.get(Ne.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(Ne), Ne = m, S(m, H.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: Ne, options: se, ref: H, onSelect: (d) => {
+          re.get(Ne.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(Ne), Ne = m, w(m, H.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: Fe, options: se, ref: B, onSelect: (f) => {
-          ie.get(Fe.name)?.dispose();
-          const m = ne.get(f);
-          m !== void 0 && (z(Fe), Fe = m, S(m, B.current));
+        /* @__PURE__ */ l.jsx(Le, { camera: Fe, options: se, ref: B, onSelect: (d) => {
+          re.get(Fe.name)?.dispose();
+          const m = ne.get(d);
+          m !== void 0 && (z(Fe), Fe = m, w(m, B.current));
         } })
       ] })
     ] }),
@@ -3740,44 +3738,44 @@ function qi(t) {
         {
           index: sn.indexOf(n),
           options: sn,
-          onSelect: (f) => {
-            f !== n && (Ee(), a(f));
+          onSelect: (d) => {
+            d !== n && (Ce(), a(d));
           },
           open: s,
-          onToggle: (f) => {
-            p(f), c && u(!1), d && v(!1);
+          onToggle: (d) => {
+            p(d), c && u(!1), f && v(!1);
           }
         }
       ),
       /* @__PURE__ */ l.jsx(
         Mt,
         {
-          index: cn.indexOf(wt),
+          index: cn.indexOf(St),
           options: cn,
-          onSelect: (f) => {
-            if (f !== wt)
-              switch (wt = f, wt) {
+          onSelect: (d) => {
+            if (d !== St)
+              switch (St = d, St) {
                 case "Depth":
-                  V.overrideMaterial = Ai;
+                  V.overrideMaterial = yi;
                   break;
                 case "Normals":
-                  V.overrideMaterial = ki;
+                  V.overrideMaterial = Ei;
                   break;
                 default:
                 case "Renderer":
                   V.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = ji;
+                  V.overrideMaterial = xi;
                   break;
                 case "UVs":
-                  V.overrideMaterial = _i;
+                  V.overrideMaterial = Ci;
                   break;
               }
           },
           open: c,
-          onToggle: (f) => {
-            s && p(!1), u(f), d && v(!1);
+          onToggle: (d) => {
+            s && p(!1), u(d), f && v(!1);
           }
         }
       ),
@@ -3789,19 +3787,19 @@ function qi(t) {
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (f) => {
-            Ot = f === "Selection Mode", ut.visible = Ot;
+          onSelect: (d) => {
+            Ot = d === "Selection Mode", ut.visible = Ot;
           },
-          open: d,
-          onToggle: (f) => {
-            s && p(!1), c && u(!1), v(f);
+          open: f,
+          onToggle: (d) => {
+            s && p(!1), c && u(!1), v(d);
           }
         }
       )
     ] })
   ] });
 }
-function Ki(t) {
+function $i(t) {
   return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
     /* @__PURE__ */ l.jsx("header", { children: t.header }),
     t.children,
@@ -3810,40 +3808,40 @@ function Ki(t) {
 }
 export {
   Ht as Accordion,
-  Gi as Application,
+  ji as Application,
   Rt as BaseRemote,
-  Bn as ChildObject,
-  ci as ContainerObject,
-  Ja as Draggable,
-  Za as DraggableItem,
-  Qa as Dropdown,
-  ei as DropdownItem,
-  Ki as Editor,
-  ii as InfiniteGridHelper,
-  Ti as Inspector,
-  qi as MultiView,
-  Fn as NavButton,
-  Da as RemoteComponents,
-  Vi as RemoteController,
-  Oe as RemoteTheatre,
-  Ya as RemoteThree,
-  Nn as RemoteTweakpane,
-  Wi as SceneInspector,
-  Hi as SidePanel,
+  Fn as ChildObject,
+  Za as ContainerObject,
+  $a as Draggable,
+  Ua as DraggableItem,
+  za as Dropdown,
+  Ya as DropdownItem,
+  $i as Editor,
+  Wa as InfiniteGridHelper,
+  vi as Inspector,
+  Ui as MultiView,
+  Nn as NavButton,
+  Di as RemoteComponents,
+  Ni as RemoteController,
+  st as RemoteTheatre,
+  Ii as RemoteThree,
+  Li as RemoteTweakpane,
+  Bi as SceneInspector,
+  Fi as SidePanel,
   j as ToolEvents,
-  si as UVMaterial,
+  Xa as UVMaterial,
   lt as capitalize,
-  $i as clamp,
-  ka as colorToHex,
-  _ as debugDispatcher,
+  Ai as clamp,
+  _a as colorToHex,
+  k as debugDispatcher,
   Dn as dispose,
-  ja as disposeMaterial,
-  Yi as disposeTexture,
-  zi as distance,
+  Pa as disposeMaterial,
+  ki as disposeTexture,
+  Pi as distance,
   jn as hierarchyUUID,
-  Aa as isColor,
-  Pa as randomID,
-  _a as resetThreeObjects,
+  Ra as isColor,
+  Ta as randomID,
+  Aa as resetThreeObjects,
   Ft as round,
   Yt as totalThreeObjects
 };