@tomorrowevening/hermes 0.0.42 → 0.0.43

package/dist/hermes.es.js

@@ -1,66 +1,66 @@
-import { PositionalAudio as Yn, EventDispatcher as cn, Texture as ln, CubeTexture as Gn, RepeatWrapping as Ht, ShaderMaterial as un, GLSL3 as Vn, DoubleSide as dn, Color as wt, Mesh as Hn, PlaneGeometry as Wn, FrontSide as qn, BackSide as Kn, NoBlending as Xn, NormalBlending as Zn, AdditiveBlending as Jn, SubtractiveBlending as Qn, MultiplyBlending as ea, CustomBlending as ta, AddEquation as na, SubtractEquation as aa, ReverseSubtractEquation as ia, MinEquation as ra, MaxEquation as oa, ZeroFactor as hn, OneFactor as fn, SrcColorFactor as pn, OneMinusSrcColorFactor as mn, SrcAlphaFactor as vn, OneMinusSrcAlphaFactor as gn, DstAlphaFactor as bn, OneMinusDstAlphaFactor as yn, DstColorFactor as En, OneMinusDstColorFactor as Cn, SrcAlphaSaturateFactor as sa, ConstantColorFactor as Sn, OneMinusConstantColorFactor as xn, ConstantAlphaFactor as wn, OneMinusConstantAlphaFactor as On, Matrix4 as ca, Vector3 as X, Euler as la, Ray as ua, Plane as da, MathUtils as ha, MOUSE as Ge, TOUCH as Ve, Quaternion as Wt, Spherical as qt, Vector2 as ue, PerspectiveCamera as Bt, MeshDepthMaterial as fa, MeshNormalMaterial as pa, MeshBasicMaterial as ma, OrthographicCamera as Mn, Scene as Tn, Group as va, AxesHelper as Rn, WebGLRenderer as ga, Raycaster as ba, CameraHelper as ya } from "three";
-import Kt from "@theatre/studio";
-import { Pane as Ea } from "tweakpane";
-import * as Ca from "@tweakpane/plugin-essentials";
-import _n, { useState as ae, useRef as ye, useEffect as we, forwardRef as Sa } from "react";
-import { Reorder as An } from "framer-motion";
-const Pn = () => {
-}, Mi = () => {
+import { PositionalAudio as Gn, EventDispatcher as ln, Texture as un, CubeTexture as Vn, RepeatWrapping as Wt, ShaderMaterial as dn, GLSL3 as Hn, DoubleSide as fn, Color as Ot, Mesh as Wn, PlaneGeometry as qn, FrontSide as Kn, BackSide as Xn, NoBlending as Zn, NormalBlending as Jn, AdditiveBlending as Qn, SubtractiveBlending as ea, MultiplyBlending as ta, CustomBlending as na, AddEquation as aa, SubtractEquation as ia, ReverseSubtractEquation as ra, MinEquation as sa, MaxEquation as oa, ZeroFactor as hn, OneFactor as pn, SrcColorFactor as mn, OneMinusSrcColorFactor as vn, SrcAlphaFactor as gn, OneMinusSrcAlphaFactor as bn, DstAlphaFactor as yn, OneMinusDstAlphaFactor as En, DstColorFactor as Cn, OneMinusDstColorFactor as Sn, SrcAlphaSaturateFactor as ca, ConstantColorFactor as xn, OneMinusConstantColorFactor as wn, ConstantAlphaFactor as On, OneMinusConstantAlphaFactor as Mn, Matrix4 as la, Vector3 as X, Euler as ua, Ray as da, Plane as fa, MathUtils as ha, MOUSE as Ge, TOUCH as Ve, Quaternion as qt, Spherical as Kt, Vector2 as ue, PerspectiveCamera as Ut, MeshDepthMaterial as pa, MeshNormalMaterial as ma, MeshBasicMaterial as va, OrthographicCamera as Tn, Scene as _n, Group as ga, AxesHelper as Rn, WebGLRenderer as ba, Raycaster as ya, CameraHelper as Ea } from "three";
+import Xt from "@theatre/studio";
+import { Pane as Ca } from "tweakpane";
+import * as Sa from "@tweakpane/plugin-essentials";
+import An, { useState as ae, useRef as ye, useEffect as we, forwardRef as xa } from "react";
+import { Reorder as Pn } from "framer-motion";
+const kn = () => {
+}, Oi = () => {
 };
 function ot(t) {
   return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
-function Ti(t, n, a) {
+function Mi(t, n, a) {
   return Math.min(n, Math.max(t, a));
 }
-function Ri(t, n) {
+function Ti(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
-function xa() {
+function wa() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function wa(t) {
+function Oa(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function Oa(t) {
-  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), o = (u) => {
+function Ma(t) {
+  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), s = (u) => {
     const d = u.toString(16);
     return d.length === 1 ? "0" + d : d;
-  }, c = o(n), p = o(a), s = o(e);
-  return "#" + c + p + s;
+  }, c = s(n), p = s(a), o = s(e);
+  return "#" + c + p + o;
 }
-function It(t, n = 1) {
+function Lt(t, n = 1) {
   return Number(t.toFixed(n));
 }
-let Ut = 0;
-const Ma = () => {
-  Ut = 0;
-}, kn = (t) => {
+let $t = 0;
+const Ta = () => {
+  $t = 0;
+}, jn = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Ut}`, Ut++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
-    kn(a);
+  n.length === 0 && (n = `obj_${$t}`, $t++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+    jn(a);
   });
 }, _i = (t) => {
   t?.dispose();
-}, Ta = (t) => {
+}, _a = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
-}, jn = (t) => {
+}, Dn = (t) => {
   if (t) {
     for (; t.children.length > 0; ) {
       const n = t.children[0];
-      n instanceof Yn ? (n.pause(), n.parent && n.parent.remove(n)) : jn(n);
+      n instanceof Gn ? (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(), Ta(n.material);
+      n.geometry?.dispose(), _a(n.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class Ai {
+class Ri {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -73,12 +73,6 @@ class Ai {
   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) => {
-      n();
-    });
-  }
   addComponent(n, a) {
     this.components.set(n, a);
   }
@@ -120,7 +114,7 @@ class Ai {
     n && (this._mode = "editor");
   }
 }
-const k = new cn(), j = {
+const k = new ln(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -136,22 +130,15 @@ const k = new cn(), j = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Ot {
+class Mt {
   app;
   constructor(n) {
     this.app = n;
   }
   dispose() {
   }
-  // Remote Controller
-  // Receives App events
-  handleApp(n) {
-  }
-  // Receives Editor events
-  handleEditor(n) {
-  }
 }
-class Pi extends Ot {
+class Ai extends Mt {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -172,20 +159,97 @@ class Pi extends Ot {
       }
     });
   }
-  // Remote Controller
-  // Receives App events
-  handleApp(n) {
-    switch (n.event) {
-      case "selectComponent":
-        k.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
+}
+function Pi(t, n, a) {
+  switch (a.event) {
+    case "selectComponent":
+      k.dispatchEvent({ type: j.SELECT_DROPDOWN, value: a.data });
+      break;
+    case "draggableListUpdate":
+      k.dispatchEvent({ type: j.DRAG_UPDATE, value: a.data });
+      break;
+  }
+}
+function ki(t, n, a) {
+  let e;
+  switch (a.event) {
+    case "setSheet":
+      e = n.sheets.get(a.data.sheet), e !== void 0 && (n.activeSheet = e, Xt.setSelection([e]));
+      break;
+    case "setSheetObject":
+      e = n.sheetObjects.get(`${a.data.sheet}_${a.data.key}`), e !== void 0 && Xt.setSelection([e]);
+      break;
+    case "updateSheetObject":
+      e = n.sheets.get(a.data.sheet), e !== void 0 && e.sequence.pause(), e = n.sheetObjectCBs.get(a.data.sheetObject), e !== void 0 && e(a.data.values);
+      break;
+    case "updateTimeline":
+      e = n.sheets.get(a.data.sheet), n.activeSheet !== void 0 && (n.activeSheet.sequence.position = a.data.position);
+      break;
+  }
+}
+function ji(t, n, a) {
+  if (t.editor)
+    switch (a.event) {
+      case "playSheet":
+        n.sheet(a.data.sheet)?.sequence.play(a.data.value);
         break;
-      case "draggableListUpdate":
-        k.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
+      case "pauseSheet":
+        n.sheet(a.data.sheet)?.sequence.pause();
         break;
     }
+}
+function Di(t, n, a) {
+  switch (a.event) {
+    case "getObject":
+      k.dispatchEvent({ type: j.GET_OBJECT, value: a.data });
+      break;
+    case "updateObject":
+      k.dispatchEvent({ type: j.UPDATE_OBJECT, value: a.data });
+      break;
+    case "createTexture":
+      k.dispatchEvent({ type: j.CREATE_TEXTURE, value: a.data });
+      break;
+    case "requestMethod":
+      k.dispatchEvent({ type: j.REQUEST_METHOD, value: a.data });
+      break;
   }
 }
-class Ra extends Ot {
+function Ii(t, n, a) {
+  switch (a.event) {
+    case "setObject":
+      k.dispatchEvent({ type: j.SET_OBJECT, value: a.data });
+      break;
+    case "setScene":
+      k.dispatchEvent({ type: j.SET_SCENE, value: a.data });
+      break;
+    case "addCamera":
+      k.dispatchEvent({ type: j.ADD_CAMERA, value: a.data });
+      break;
+    case "removeCamera":
+      k.dispatchEvent({ type: j.REMOVE_CAMERA, value: a.data });
+      break;
+  }
+}
+function Li(t, n, a) {
+  switch (a.event) {
+    case "addFolder":
+      n.addFolder(a.data.name, a.data.params, a.data.parent);
+      break;
+    case "bindObject":
+      n.bind(a.data.name, a.data.params, a.data.parent);
+      break;
+    case "updateBind":
+      n.triggerBind(a.data.id, a.data.value);
+      break;
+    case "addButton":
+      n.button(a.data.name, a.data.callback, a.data.parent);
+      break;
+    case "clickButton":
+      n.triggerButton(a.data.id);
+      break;
+  }
+}
+class Ra extends Mt {
   project;
   sheets = /* @__PURE__ */ new Map();
   sheetObjects = /* @__PURE__ */ new Map();
@@ -228,7 +292,7 @@ class Ra extends Ot {
       e.search(`${n}_`) > -1 && this.unsubscribe(a);
     });
   }
-  sheetObject(n, a, e, o) {
+  sheetObject(n, a, e, s) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
@@ -237,13 +301,13 @@ class Ra extends Ot {
     if (c === void 0)
       return;
     const p = `${n}_${a}`;
-    let s = this.sheetObjects.get(p);
-    s !== void 0 ? s = c.object(a, { ...e, ...s.value }, { reconfigure: !0 }) : s = c.object(a, e), this.sheetObjects.set(p, s), this.sheetObjectCBs.set(p, o !== void 0 ? o : Pn);
-    const u = s.onValuesChange((d) => {
+    let o = this.sheetObjects.get(p);
+    o !== void 0 ? o = c.object(a, { ...e, ...o.value }, { reconfigure: !0 }) : o = c.object(a, e), this.sheetObjects.set(p, o), this.sheetObjectCBs.set(p, s !== void 0 ? s : kn);
+    const u = o.onValuesChange((d) => {
       if (this.app.editor) {
         for (const b in d) {
           const E = d[b];
-          typeof E == "object" && wa(E) && (d[b] = {
+          typeof E == "object" && Oa(E) && (d[b] = {
             r: E.r,
             g: E.g,
             b: E.b,
@@ -263,7 +327,7 @@ class Ra extends Ot {
       const v = this.sheetObjectCBs.get(p);
       v !== void 0 && v(d);
     });
-    return this.sheetObjectUnsubscribe.set(p, u), s;
+    return this.sheetObjectUnsubscribe.set(p, u), o;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
@@ -275,62 +339,31 @@ class Ra extends Ot {
     const c = `${a}_${e}`, p = this.sheetObjectUnsubscribe.get(c);
     p !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), p());
   }
-  // Remote Controller
-  // Receives App events
-  handleApp(n) {
-    let a;
-    switch (n.event) {
-      case "setSheet":
-        a = this.sheets.get(n.data.sheet), a !== void 0 && (this.activeSheet = a, Kt.setSelection([a]));
-        break;
-      case "setSheetObject":
-        a = this.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), a !== void 0 && Kt.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), this.activeSheet !== void 0 && (this.activeSheet.sequence.position = n.data.position);
-        break;
-    }
-  }
-  // Receives Editor events
-  handleEditor(n) {
-    if (this.app.editor)
-      switch (n.event) {
-        case "playSheet":
-          this.sheet(n.data.sheet)?.sequence.play(n.data.value);
-          break;
-        case "pauseSheet":
-          this.sheet(n.data.sheet)?.sequence.pause();
-          break;
-      }
-  }
 }
-function ki(t, n, a) {
+function Ni(t, n, a) {
   if (t.editor) {
     a.ui.restore(), a.onSelectionChange((p) => {
-      p.length < 1 || p.forEach((s) => {
-        let u = s.address.sheetId, d = "setSheet", v = {};
-        switch (s.type) {
+      p.length < 1 || p.forEach((o) => {
+        let u = o.address.sheetId, d = "setSheet", v = {};
+        switch (o.type) {
           case "Theatre_Sheet_PublicAPI":
             d = "setSheet", v = {
-              sheet: s.address.sheetId
-            }, n.activeSheet = n.sheets.get(s.address.sheetId);
+              sheet: o.address.sheetId
+            }, n.activeSheet = n.sheets.get(o.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            d = "setSheetObject", u += `_${s.address.objectKey}`, v = {
+            d = "setSheetObject", u += `_${o.address.objectKey}`, v = {
               id: u,
-              sheet: s.address.sheetId,
-              key: s.address.objectKey
-            }, n.activeSheet = n.sheets.get(s.address.sheetId);
+              sheet: o.address.sheetId,
+              key: o.address.objectKey
+            }, n.activeSheet = n.sheets.get(o.address.sheetId);
             break;
         }
         t.send({ event: d, target: "app", data: v });
       });
     });
     let e = -1;
-    const o = () => {
+    const s = () => {
       if (Ra.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && e !== n.activeSheet.sequence.position) {
         e = n.activeSheet.sequence.position;
         const p = n.activeSheet;
@@ -344,13 +377,13 @@ function ki(t, n, a) {
         });
       }
     }, c = () => {
-      o(), requestAnimationFrame(c);
+      s(), requestAnimationFrame(c);
     };
-    o(), c();
+    s(), c();
   } else
     a.ui.hide();
 }
-function _a(t) {
+function Aa(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -364,7 +397,7 @@ function _a(t) {
   const n = t.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function Dn(t) {
+function In(t) {
   const n = {
     name: t.name,
     type: t.type,
@@ -372,10 +405,10 @@ function Dn(t) {
     children: []
   };
   return t.children.forEach((a) => {
-    n.children.push(Dn(a));
+    n.children.push(In(a));
   }), n;
 }
-function Aa(t) {
+function Pa(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -383,7 +416,7 @@ function Aa(t) {
   }
   return n;
 }
-function Pa(t) {
+function ka(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -398,25 +431,25 @@ function Pa(t) {
 function He(t) {
   const n = {};
   for (const a in t) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Pa(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ka(a))
       continue;
-    const e = typeof t[a], o = t[a];
+    const e = typeof t[a], s = t[a];
     switch (e) {
       case "boolean":
       case "number":
       case "string":
-        n[a] = o;
+        n[a] = s;
         break;
       case "object":
-        if (o !== null)
-          if (n[a] = o, o.isTexture)
-            if (o instanceof ln) {
-              const c = o.source.toJSON();
+        if (s !== null)
+          if (n[a] = s, s.isTexture)
+            if (s instanceof un) {
+              const c = s.source.toJSON();
               n[a] = { src: c.url };
             } else
-              o instanceof Gn && (console.log("env map"), console.log(o.source.data), console.log(o.source.toJSON()), n[a] = { src: "" });
+              s instanceof Vn && (console.log("env map"), console.log(s.source.data), console.log(s.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = Aa(n[a]));
+            a === "uniforms" && (n[a] = Pa(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -424,7 +457,7 @@ function He(t) {
   }
   return n;
 }
-function Lt(t) {
+function Nt(t) {
   t.updateMatrix();
   const n = {
     name: t.name,
@@ -449,28 +482,28 @@ function Lt(t) {
   if (a.search("mesh") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
+      const s = [];
       e.material.forEach((c) => {
-        o.push(He(c));
-      }), n.material = o;
+        s.push(He(c));
+      }), n.material = s;
     } else
       n.material = He(e.material);
   } else if (a.search("points") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
+      const s = [];
       e.material.forEach((c) => {
-        o.push(He(c));
-      }), n.material = o;
+        s.push(He(c));
+      }), n.material = s;
     } else
       n.material = He(e.material);
   } else if (a.search("line") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
+      const s = [];
       e.material.forEach((c) => {
-        o.push(He(c));
-      }), n.material = o;
+        s.push(He(c));
+      }), n.material = s;
     } else
       n.material = He(e.material);
   } else
@@ -502,7 +535,7 @@ function Lt(t) {
     });
   return n;
 }
-function ka(t, n) {
+function ja(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -539,16 +572,16 @@ function ee(t, n, a) {
       break;
   }
 }
-function $t(t) {
+function zt(t) {
   return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
-      const o = new ln(e);
-      o.wrapS = Ht, o.wrapT = Ht, o.needsUpdate = !0, n(o);
+      const s = new un(e);
+      s.wrapS = Wt, s.wrapT = Wt, s.needsUpdate = !0, n(s);
     }, e.onerror = a, e.src = t;
   });
 }
-class ji extends Ot {
+class Fi extends Mt {
   scene = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
@@ -558,14 +591,14 @@ class ji extends Ot {
     });
   }
   setObject(n) {
-    const a = Lt(n);
+    const a = Nt(n);
     this.app.send({
       event: "setObject",
       target: "editor",
       data: a
     });
   }
-  requestMethod(n, a, e, o) {
+  requestMethod(n, a, e, s) {
     this.app.send({
       event: "requestMethod",
       target: "app",
@@ -573,7 +606,7 @@ class ji extends Ot {
         uuid: n,
         key: a,
         value: e,
-        subitem: o
+        subitem: s
       }
     });
   }
@@ -602,8 +635,8 @@ class ji extends Ot {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    Ma(), kn(this.scene);
-    const a = Dn(this.scene);
+    Ta(), jn(this.scene);
+    const a = In(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -613,7 +646,7 @@ class ji extends Ot {
   addCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Lt(n);
+    const a = Nt(n);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -623,50 +656,15 @@ class ji extends Ot {
   removeCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Lt(n);
+    const a = Nt(n);
     this.app.send({
       event: "removeCamera",
       target: "editor",
       data: a
     });
   }
-  // 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;
-    }
-  }
-  // 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 Di extends Ot {
+class Bi extends Mt {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -677,7 +675,7 @@ class Di extends Ot {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new Ea({ title: "GUI" }), this.pane.registerPlugin(Ca);
+    this.pane = new Ca({ title: "GUI" }), this.pane.registerPlugin(Sa);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
@@ -702,9 +700,9 @@ class Di extends Ot {
     return `debug_${Math.max(this.appCallbacks, this.editorCallbacks)}`;
   }
   // Binding
-  bind(n, a, e, o = void 0) {
-    const c = this.bindID, p = e.onChange !== void 0 ? e.onChange : Pn;
-    this.bindCBs.set(c, p), this.app.editor ? (this.pane === void 0 && this.createGUI(), (o !== void 0 ? o : this.pane).addBinding(n, a, e).on("change", (u) => {
+  bind(n, a, e, s = void 0) {
+    const c = this.bindID, p = e.onChange !== void 0 ? e.onChange : kn;
+    this.bindCBs.set(c, p), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(n, a, e).on("change", (u) => {
       this.app.send({
         event: "updateBind",
         target: "app",
@@ -720,7 +718,7 @@ class Di extends Ot {
         id: c,
         name: a,
         params: e,
-        parent: o
+        parent: s
       }
     }), this.appCallbacks++);
   }
@@ -730,20 +728,20 @@ class Di extends Ot {
   }
   // Buttons
   button(n, a, e = void 0) {
-    const o = this.bindID;
-    this.buttonCBs.set(o, a), this.app.editor ? (this.pane === void 0 && this.createGUI(), (e !== void 0 ? e : this.pane).addButton({ title: n }).on("click", () => {
+    const s = this.bindID;
+    this.buttonCBs.set(s, a), this.app.editor ? (this.pane === void 0 && this.createGUI(), (e !== void 0 ? e : this.pane).addButton({ title: n }).on("click", () => {
       this.app.send({
         event: "clickButton",
         target: "app",
         data: {
-          id: o
+          id: s
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "addButton",
       target: "app",
       data: {
-        id: o,
+        id: s,
         name: n,
         callback: a,
         parent: e
@@ -763,29 +761,8 @@ class Di extends Ot {
     for (let a = n; a > -1; --a)
       this.inspectorFolder.remove(this.inspectorFolder.children[a]);
   }
-  // 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 zt = { exports: {} }, nt = {};
+var Yt = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -795,21 +772,21 @@ var zt = { exports: {} }, nt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xt;
-function ja() {
-  if (Xt)
+var Zt;
+function Da() {
+  if (Zt)
     return nt;
-  Xt = 1;
-  var t = _n, 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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(s, u, d) {
+  Zt = 1;
+  var t = An, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(o, u, d) {
     var v, b = {}, E = null, S = null;
     d !== void 0 && (E = "" + d), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (S = u.ref);
     for (v in u)
       e.call(u, v) && !c.hasOwnProperty(v) && (b[v] = u[v]);
-    if (s && s.defaultProps)
-      for (v in u = s.defaultProps, u)
+    if (o && o.defaultProps)
+      for (v in u = o.defaultProps, u)
         b[v] === void 0 && (b[v] = u[v]);
-    return { $$typeof: n, type: s, key: E, ref: S, props: b, _owner: o.current };
+    return { $$typeof: n, type: o, key: E, ref: S, props: b, _owner: s.current };
   }
   return nt.Fragment = a, nt.jsx = p, nt.jsxs = p, nt;
 }
@@ -823,48 +800,48 @@ var at = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Zt;
-function Da() {
-  return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), s = 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"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
+var Jt;
+function Ia() {
+  return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = An, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), o = 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"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
     function H(i) {
       if (i === null || typeof i != "object")
         return null;
-      var f = M && i[M] || i[P];
-      return typeof f == "function" ? f : null;
+      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 x(i) {
       {
-        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
+        for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), C = 1; C < h; C++)
           g[C - 1] = arguments[C];
         z("error", i, g);
       }
     }
-    function z(i, f, g) {
+    function z(i, h, g) {
       {
         var C = B.ReactDebugCurrentFrame, D = C.getStackAddendum();
-        D !== "" && (f += "%s", g = g.concat([D]));
+        D !== "" && (h += "%s", g = g.concat([D]));
         var F = g.map(function(A) {
           return String(A);
         });
-        F.unshift("Warning: " + f), Function.prototype.apply.call(console[i], console, F);
+        F.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, F);
       }
     }
-    var Ee = !1, le = !1, se = !1, h = !1, m = !1, w;
+    var Ee = !1, le = !1, oe = !1, f = !1, m = !1, w;
     w = Symbol.for("react.module.reference");
-    function _(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === c || m || i === o || i === d || i === v || h || i === S || Ee || le || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
+    function R(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === c || m || i === s || i === d || i === v || f || i === S || Ee || le || oe || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === o || 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));
     }
-    function Y(i, f, g) {
+    function Y(i, h, g) {
       var C = i.displayName;
       if (C)
         return C;
-      var D = f.displayName || f.name || "";
+      var D = h.displayName || h.name || "";
       return D !== "" ? g + "(" + D + ")" : g;
     }
     function U(i) {
@@ -884,7 +861,7 @@ function Da() {
           return "Portal";
         case c:
           return "Profiler";
-        case o:
+        case s:
           return "StrictMode";
         case d:
           return "Suspense";
@@ -893,9 +870,9 @@ function Da() {
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case s:
-            var f = i;
-            return U(f) + ".Consumer";
+          case o:
+            var h = i;
+            return U(h) + ".Consumer";
           case p:
             var g = i;
             return U(g._context) + ".Provider";
@@ -915,14 +892,14 @@ function Da() {
         }
       return null;
     }
-    var I = Object.assign, W = 0, q, T, N, J, me, Ce, lt;
+    var I = Object.assign, W = 0, q, T, N, J, me, Ce, ut;
     function qe() {
     }
     qe.__reactDisabledLog = !0;
-    function Tt() {
+    function _t() {
       {
         if (W === 0) {
-          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, lt = console.groupEnd;
+          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, ut = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -970,7 +947,7 @@ function Da() {
               value: Ce
             }),
             groupEnd: I({}, i, {
-              value: lt
+              value: ut
             })
           });
         }
@@ -978,7 +955,7 @@ function Da() {
       }
     }
     var Ke = B.ReactCurrentDispatcher, Xe;
-    function Ue(i, f, g) {
+    function Ue(i, h, g) {
       {
         if (Xe === void 0)
           try {
@@ -993,10 +970,10 @@ function Da() {
     }
     var $e = !1, Oe;
     {
-      var ut = typeof WeakMap == "function" ? WeakMap : Map;
-      Oe = new ut();
+      var dt = typeof WeakMap == "function" ? WeakMap : Map;
+      Oe = new dt();
     }
-    function dt(i, f) {
+    function ft(i, h) {
       if (!i || $e)
         return "";
       {
@@ -1009,9 +986,9 @@ function Da() {
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = Ke.current, Ke.current = null, Tt();
+      F = Ke.current, Ke.current = null, _t();
       try {
-        if (f) {
+        if (h) {
           var A = function() {
             throw Error();
           };
@@ -1044,18 +1021,18 @@ function Da() {
         }
       } catch (ve) {
         if (ve && C && typeof ve.stack == "string") {
-          for (var R = ve.stack.split(`
+          for (var _ = ve.stack.split(`
 `), ce = C.stack.split(`
-`), Z = R.length - 1, Q = ce.length - 1; Z >= 1 && Q >= 0 && R[Z] !== ce[Q]; )
+`), Z = _.length - 1, Q = ce.length - 1; Z >= 1 && Q >= 0 && _[Z] !== ce[Q]; )
             Q--;
           for (; Z >= 1 && Q >= 0; Z--, Q--)
-            if (R[Z] !== ce[Q]) {
+            if (_[Z] !== ce[Q]) {
               if (Z !== 1 || Q !== 1)
                 do
-                  if (Z--, Q--, Q < 0 || R[Z] !== ce[Q]) {
-                    var fe = `
-` + R[Z].replace(" at new ", " at ");
-                    return i.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", i.displayName)), typeof i == "function" && Oe.set(i, fe), fe;
+                  if (Z--, Q--, Q < 0 || _[Z] !== ce[Q]) {
+                    var he = `
+` + _[Z].replace(" at new ", " at ");
+                    return i.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", i.displayName)), typeof i == "function" && Oe.set(i, he), he;
                   }
                 while (Z >= 1 && Q >= 0);
               break;
@@ -1064,21 +1041,21 @@ function Da() {
       } finally {
         $e = !1, Ke.current = F, Rt(), Error.prepareStackTrace = D;
       }
-      var Ye = i ? i.displayName || i.name : "", Vt = Ye ? Ue(Ye) : "";
-      return typeof i == "function" && Oe.set(i, Vt), Vt;
+      var Ye = i ? i.displayName || i.name : "", Ht = Ye ? Ue(Ye) : "";
+      return typeof i == "function" && Oe.set(i, Ht), Ht;
     }
-    function _t(i, f, g) {
-      return dt(i, !1);
+    function At(i, h, g) {
+      return ft(i, !1);
     }
     function ht(i) {
-      var f = i.prototype;
-      return !!(f && f.isReactComponent);
+      var h = i.prototype;
+      return !!(h && h.isReactComponent);
     }
-    function Me(i, f, g) {
+    function Me(i, h, g) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return dt(i, ht(i));
+        return ft(i, ht(i));
       if (typeof i == "string")
         return Ue(i);
       switch (i) {
@@ -1090,103 +1067,103 @@ function Da() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            return _t(i.render);
+            return At(i.render);
           case b:
-            return Me(i.type, f, g);
+            return Me(i.type, h, g);
           case E: {
             var C = i, D = C._payload, F = C._init;
             try {
-              return Me(F(D), f, g);
+              return Me(F(D), h, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Te = Object.prototype.hasOwnProperty, ft = {}, pt = B.ReactDebugCurrentFrame;
-    function Re(i) {
+    var Te = Object.prototype.hasOwnProperty, pt = {}, mt = B.ReactDebugCurrentFrame;
+    function _e(i) {
       if (i) {
-        var f = i._owner, g = Me(i.type, i._source, f ? f.type : null);
-        pt.setExtraStackFrame(g);
+        var h = i._owner, g = Me(i.type, i._source, h ? h.type : null);
+        mt.setExtraStackFrame(g);
       } else
-        pt.setExtraStackFrame(null);
+        mt.setExtraStackFrame(null);
     }
-    function Ze(i, f, g, C, D) {
+    function Ze(i, h, g, C, D) {
       {
         var F = Function.call.bind(Te);
         for (var A in i)
           if (F(i, A)) {
-            var R = void 0;
+            var _ = void 0;
             try {
               if (typeof i[A] != "function") {
                 var ce = Error((C || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ce.name = "Invariant Violation", ce;
               }
-              R = i[A](f, A, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = i[A](h, A, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Z) {
-              R = Z;
+              _ = Z;
             }
-            R && !(R instanceof Error) && (Re(D), x("%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), Re(null)), R instanceof Error && !(R.message in ft) && (ft[R.message] = !0, Re(D), x("Failed %s type: %s", g, R.message), Re(null));
+            _ && !(_ instanceof Error) && (_e(D), x("%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 _), _e(null)), _ instanceof Error && !(_.message in pt) && (pt[_.message] = !0, _e(D), x("Failed %s type: %s", g, _.message), _e(null));
           }
       }
     }
-    var _e = Array.isArray;
+    var Re = Array.isArray;
     function Je(i) {
-      return _e(i);
+      return Re(i);
     }
-    function At(i) {
+    function Pt(i) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var h = typeof Symbol == "function" && Symbol.toStringTag, g = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return g;
       }
     }
-    function mt(i) {
+    function vt(i) {
       try {
-        return vt(i), !1;
+        return gt(i), !1;
       } catch {
         return !0;
       }
     }
-    function vt(i) {
+    function gt(i) {
       return "" + i;
     }
-    function gt(i) {
-      if (mt(i))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", At(i)), vt(i);
+    function bt(i) {
+      if (vt(i))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pt(i)), gt(i);
     }
     var Se = B.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, et, bt, ze;
+    }, et, yt, ze;
     ze = {};
-    function Pt(i) {
+    function kt(i) {
       if (Te.call(i, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (f && f.isReactWarning)
+        var h = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (h && h.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function kt(i) {
+    function jt(i) {
       if (Te.call(i, "key")) {
-        var f = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (f && f.isReactWarning)
+        var h = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (h && h.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function yt(i, f) {
-      if (typeof i.ref == "string" && Se.current && f && Se.current.stateNode !== f) {
+    function Et(i, h) {
+      if (typeof i.ref == "string" && Se.current && h && Se.current.stateNode !== h) {
         var g = $(Se.current.type);
         ze[g] || (x('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', $(Se.current.type), i.ref), ze[g] = !0);
       }
     }
-    function xe(i, f) {
+    function xe(i, h) {
       {
         var g = function() {
-          et || (et = !0, x("%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)", f));
+          et || (et = !0, x("%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,
@@ -1194,10 +1171,10 @@ function Da() {
         });
       }
     }
-    function Gt(i, f) {
+    function Vt(i, h) {
       {
         var g = function() {
-          bt || (bt = !0, x("%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)", f));
+          yt || (yt = !0, x("%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,
@@ -1205,57 +1182,57 @@ function Da() {
         });
       }
     }
-    var r = function(i, f, g, C, D, F, A) {
-      var R = {
+    var r = function(i, h, g, C, D, F, A) {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: i,
-        key: f,
+        key: h,
         ref: g,
         props: A,
         // Record the component responsible for creating this element.
         _owner: F
       };
-      return R._store = {}, Object.defineProperty(R._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(R, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: C
-      }), Object.defineProperty(R, "_source", {
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function y(i, f, g, C, D) {
+    function y(i, h, g, C, D) {
       {
-        var F, A = {}, R = null, ce = null;
-        g !== void 0 && (gt(g), R = "" + g), kt(f) && (gt(f.key), R = "" + f.key), Pt(f) && (ce = f.ref, yt(f, D));
-        for (F in f)
-          Te.call(f, F) && !Qe.hasOwnProperty(F) && (A[F] = f[F]);
+        var F, A = {}, _ = null, ce = null;
+        g !== void 0 && (bt(g), _ = "" + g), jt(h) && (bt(h.key), _ = "" + h.key), kt(h) && (ce = h.ref, Et(h, D));
+        for (F in h)
+          Te.call(h, F) && !Qe.hasOwnProperty(F) && (A[F] = h[F]);
         if (i && i.defaultProps) {
           var Z = i.defaultProps;
           for (F in Z)
             A[F] === void 0 && (A[F] = Z[F]);
         }
-        if (R || ce) {
+        if (_ || ce) {
           var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          R && xe(A, Q), ce && Gt(A, Q);
+          _ && xe(A, Q), ce && Vt(A, Q);
         }
-        return r(i, R, ce, D, C, Se.current, A);
+        return r(i, _, ce, D, C, Se.current, A);
       }
     }
     var O = B.ReactCurrentOwner, L = B.ReactDebugCurrentFrame;
     function K(i) {
       if (i) {
-        var f = i._owner, g = Me(i.type, i._source, f ? f.type : null);
+        var h = i._owner, g = Me(i.type, i._source, h ? h.type : null);
         L.setExtraStackFrame(g);
       } else
         L.setExtraStackFrame(null);
@@ -1265,7 +1242,7 @@ function Da() {
     function ie(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function jt() {
+    function Dt() {
       {
         if (O.current) {
           var i = $(O.current.type);
@@ -1277,13 +1254,13 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Dt(i) {
+    function It(i) {
       {
         if (i !== void 0) {
-          var f = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
+          var h = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
           return `
 
-Check your code at ` + f + ":" + g + ".";
+Check your code at ` + h + ":" + g + ".";
         }
         return "";
       }
@@ -1291,22 +1268,22 @@ Check your code at ` + f + ":" + g + ".";
     var tt = {};
     function pe(i) {
       {
-        var f = jt();
-        if (!f) {
+        var h = Dt();
+        if (!h) {
           var g = typeof i == "string" ? i : i.displayName || i.name;
-          g && (f = `
+          g && (h = `
 
 Check the top-level render call using <` + g + ">.");
         }
-        return f;
+        return h;
       }
     }
-    function he(i, f) {
+    function fe(i, h) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = pe(f);
+        var g = pe(h);
         if (tt[g])
           return;
         tt[g] = !0;
@@ -1314,14 +1291,14 @@ Check the top-level render call using <` + g + ">.");
         i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), x('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 Ae(i, f) {
+    function Ae(i, h) {
       {
         if (typeof i != "object")
           return;
         if (Je(i))
           for (var g = 0; g < i.length; g++) {
             var C = i[g];
-            ie(C) && he(C, f);
+            ie(C) && fe(C, h);
           }
         else if (ie(i))
           i._store && (i._store.validated = !0);
@@ -1329,39 +1306,39 @@ Check the top-level render call using <` + g + ">.");
           var D = H(i);
           if (typeof D == "function" && D !== i.entries)
             for (var F = D.call(i), A; !(A = F.next()).done; )
-              ie(A.value) && he(A.value, f);
+              ie(A.value) && fe(A.value, h);
         }
       }
     }
     function Pe(i) {
       {
-        var f = i.type;
-        if (f == null || typeof f == "string")
+        var h = i.type;
+        if (h == null || typeof h == "string")
           return;
         var g;
-        if (typeof f == "function")
-          g = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof h == "function")
+          g = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === b))
-          g = f.propTypes;
+        h.$$typeof === b))
+          g = h.propTypes;
         else
           return;
         if (g) {
-          var C = $(f);
+          var C = $(h);
           Ze(g, i.props, "prop", C, i);
-        } else if (f.PropTypes !== void 0 && !de) {
+        } else if (h.PropTypes !== void 0 && !de) {
           de = !0;
-          var D = $(f);
+          var D = $(h);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ke(i) {
       {
-        for (var f = Object.keys(i.props), g = 0; g < f.length; g++) {
-          var C = f[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), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
             break;
@@ -1370,56 +1347,56 @@ Check the top-level render call using <` + g + ">.");
         i.ref !== null && (K(i), x("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function je(i, f, g, C, D, F) {
+    function je(i, h, g, C, D, F) {
       {
-        var A = _(i);
+        var A = R(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 = Dt(D);
-          ce ? R += ce : R += jt();
+          var _ = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (_ += " 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 = It(D);
+          ce ? _ += ce : _ += Dt();
           var Z;
-          i === null ? Z = "null" : Je(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, x("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" : Je(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, _);
         }
-        var Q = y(i, f, g, D, F);
+        var Q = y(i, h, g, D, F);
         if (Q == null)
           return Q;
         if (A) {
-          var fe = f.children;
-          if (fe !== void 0)
+          var he = h.children;
+          if (he !== void 0)
             if (C)
-              if (Je(fe)) {
-                for (var Ye = 0; Ye < fe.length; Ye++)
-                  Ae(fe[Ye], i);
-                Object.freeze && Object.freeze(fe);
+              if (Je(he)) {
+                for (var Ye = 0; Ye < he.length; Ye++)
+                  Ae(he[Ye], i);
+                Object.freeze && Object.freeze(he);
               } else
                 x("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
-              Ae(fe, i);
+              Ae(he, i);
         }
         return i === e ? ke(Q) : Pe(Q), Q;
       }
     }
-    function Bn(i, f, g) {
-      return je(i, f, g, !0);
+    function Un(i, h, g) {
+      return je(i, h, g, !0);
     }
-    function Un(i, f, g) {
-      return je(i, f, g, !1);
+    function $n(i, h, g) {
+      return je(i, h, g, !1);
     }
-    var $n = Un, zn = Bn;
-    at.Fragment = e, at.jsx = $n, at.jsxs = zn;
+    var zn = $n, Yn = Un;
+    at.Fragment = e, at.jsx = zn, at.jsxs = Yn;
   }()), at;
 }
-process.env.NODE_ENV === "production" ? zt.exports = ja() : zt.exports = Da();
-var l = zt.exports;
-function In(t) {
+process.env.NODE_ENV === "production" ? Yt.exports = Da() : Yt.exports = Ia();
+var l = Yt.exports;
+function Ln(t) {
   return t.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ l.jsx("button", { children: t.title });
 }
-const Ia = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const La = /* @__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" })
-] }), La = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), Na = /* @__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
@@ -1427,45 +1404,45 @@ 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 Na(t) {
-  return /* @__PURE__ */ l.jsx(An.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    La,
+function Fa(t) {
+  return /* @__PURE__ */ l.jsx(Pn.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    Na,
     /* @__PURE__ */ l.jsx("span", { children: t.title }),
     /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
       t.onDelete(t.index);
-    }, children: Ia })
+    }, children: La })
   ] }) }, t.title);
 }
-function Fa(t) {
-  const [n, a] = ae(!1), [e, o] = ae(t.options), c = (d) => {
-    t.onDragComplete(d), o(d);
+function Ba(t) {
+  const [n, a] = ae(!1), [e, s] = ae(t.options), c = (d) => {
+    t.onDragComplete(d), s(d);
   }, p = (d) => {
     const v = [...e];
     v.splice(d, 1), c(v);
-  }, s = [];
+  }, o = [];
   e.forEach((d, v) => {
-    s.push(/* @__PURE__ */ l.jsx(Na, { index: v, title: d, onDelete: p }, d));
+    o.push(/* @__PURE__ */ l.jsx(Fa, { index: v, title: d, onDelete: p }, d));
   });
   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(In, { title: t.title }),
-    /* @__PURE__ */ l.jsx(An.Group, { axis: "y", values: e, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: s })
+    /* @__PURE__ */ l.jsx(Ln, { title: t.title }),
+    /* @__PURE__ */ l.jsx(Pn.Group, { axis: "y", values: e, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: o })
   ] });
 }
-function Ba(t) {
+function Ua(t) {
   const [n, a] = ae(!1), e = [];
   t.options.map((c, p) => {
-    t.onSelect !== void 0 && (c.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(Ua, { option: c }, p));
+    t.onSelect !== void 0 && (c.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx($a, { option: c }, p));
   });
-  let o = "dropdown";
-  return t.subdropdown && (o += " subdropdown"), /* @__PURE__ */ l.jsxs(
+  let s = "dropdown";
+  return t.subdropdown && (s += " subdropdown"), /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: o,
+      className: s,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(In, { title: t.title }),
+        /* @__PURE__ */ l.jsx(Ln, { title: t.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
@@ -1477,13 +1454,13 @@ function Ba(t) {
     }
   );
 }
-function Ua(t) {
+function $a(t) {
   const { option: n } = t, [a, e] = ae("");
-  let o;
+  let s;
   switch (n.type) {
     case "draggable":
-      o = /* @__PURE__ */ l.jsx(
-        Fa,
+      s = /* @__PURE__ */ l.jsx(
+        Ba,
         {
           title: n.title,
           options: n.value,
@@ -1495,8 +1472,8 @@ function Ua(t) {
       );
       break;
     case "dropdown":
-      o = /* @__PURE__ */ l.jsx(
-        Ba,
+      s = /* @__PURE__ */ l.jsx(
+        Ua,
         {
           title: n.title,
           options: n.value,
@@ -1506,7 +1483,7 @@ function Ua(t) {
       );
       break;
     case "option":
-      o = /* @__PURE__ */ l.jsx(
+      s = /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
@@ -1517,116 +1494,49 @@ function Ua(t) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, xa());
-}
-function Ii(t) {
-  function n(e) {
-    switch (t.components.forEach((o) => {
-      o.handleApp(e);
-    }), e.event) {
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: s }, wa());
+}
+class rt {
+  appHandlers = [];
+  editorHandlers = [];
+  _app;
+  static _instance;
+  handleAppBroadcast = (n) => {
+    switch (this.appHandlers.forEach((a) => {
+      a.callback(this._app, a.remote, n);
+    }), n.event) {
       case "custom":
-        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: n.data });
         break;
     }
-  }
-  function a(e) {
-    switch (t.components.forEach((o) => {
-      o.handleEditor(e);
-    }), e.event) {
+  };
+  handleEditorBroadcast = (n) => {
+    switch (this.editorHandlers.forEach((a) => {
+      a.callback(this._app, a.remote, n);
+    }), n.event) {
       case "custom":
-        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: n.data });
         break;
     }
-  }
-  t.listen = (e) => {
-    e.target === "editor" ? a(e) : n(e);
   };
+  set app(n) {
+    this._app = n, n.listen = (a) => {
+      a.target === "editor" ? this.handleEditorBroadcast(a) : this.handleAppBroadcast(a);
+    };
+  }
+  // Singleton
+  static get instance() {
+    return rt._instance === void 0 && (rt._instance = new rt()), rt._instance;
+  }
 }
-const $a = `out vec3 worldPosition;
-uniform float uDistance;
-
-void main() {
-  // Scale the plane by the drawing distance
-  worldPosition = position.xzy * uDistance;
-  worldPosition.xz += cameraPosition.xz;
-
-  gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, za = `out vec4 fragColor;
-in vec3 worldPosition;
-
-uniform float uDivisions;
-uniform float uScale;
-uniform vec3 uColor;
-uniform float uDistance;
-uniform float uSubgridOpacity;
-uniform float uGridOpacity;
-
-float getGrid(float gapSize) {
-  vec2 worldPositionByDivision = worldPosition.xz / gapSize;
-
-  // Inverted, 0 where line, >1 where there's no line
-  // We use the worldPosition (which in this case we use similarly to UVs) differential to control the anti-aliasing
-  // We need to do the -0.5)-0.5 trick because the result fades out from 0 to 1, and we want both
-  // worldPositionByDivision == 0.3 and worldPositionByDivision == 0.7 to result in the same fade, i.e. 0.3,
-  // otherwise only one side of the line will be anti-aliased
-  vec2 grid = abs(fract(worldPositionByDivision-0.5)-0.5) / fwidth(worldPositionByDivision) / 2.0;
-  float gridLine = min(grid.x, grid.y);
-
-  // Uninvert and clamp
-  return 1.0 - min(gridLine, 1.0);
-}
-
-void main() {
-  float cameraDistanceToGridPlane = distance(cameraPosition.y, worldPosition.y);
-  float cameraDistanceToFragmentOnGridPlane = distance(cameraPosition.xz, worldPosition.xz);
-
-  // The size of the grid and subgrid are powers of each other and they are determined based on camera distance.
-  // The current grid will become the next subgrid when it becomes too small, and its next power becomes the new grid.
-  float subGridPower = pow(uDivisions, floor(log(cameraDistanceToGridPlane) / log(uDivisions)));
-  float gridPower = subGridPower * uDivisions;
-
-  // If we want to fade both the grid and its subgrid, we need to displays 3 different opacities, with the next grid being the third
-  float nextGridPower = gridPower * uDivisions;
-
-  // 1 where grid, 0 where no grid
-  float subgrid = getGrid(subGridPower * uScale);
-  float grid = getGrid(gridPower * uScale);
-  float nextGrid = getGrid(nextGridPower * uScale);
-
-  // Where we are between the introduction of the current grid power and when we switch to the next grid power
-  float stepPercentage = (cameraDistanceToGridPlane - subGridPower)/(gridPower - subGridPower);
-
-  // The last x percentage of the current step over which we want to fade
-  float fadeRange = 0.3;
-
-  // We calculate the fade percentage from the step percentage and the fade range
-  float fadePercentage = max(stepPercentage - 1.0 + fadeRange, 0.0) / fadeRange;
-
-  // Set base opacity based on how close we are to the drawing distance, with a cubic falloff
-  float baseOpacity = subgrid * pow(1.0 - min(cameraDistanceToFragmentOnGridPlane / uDistance, 1.0), 3.0);
-
-  // Shade the subgrid
-  fragColor = vec4(uColor.rgb, (baseOpacity - fadePercentage) * uSubgridOpacity);
-
-  // Somewhat arbitrary additional fade coefficient to counter anti-aliasing popping when switching between grid powers
-  float fadeCoefficient = 0.5;
-
-  // Shade the grid
-  fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity - fadePercentage * (uGridOpacity - uSubgridOpacity) * fadeCoefficient, grid);
-
-  // Shade the next grid
-  fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity, nextGrid);
-
-  if (fragColor.a <= 0.0) discard;
-}`;
-class Ya extends un {
+class za extends dn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: Vn,
-      side: dn,
+      glslVersion: Hn,
+      side: fn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1636,7 +1546,7 @@ class Ya extends un {
           value: n?.divisions !== void 0 ? n?.divisions : 10
         },
         uColor: {
-          value: n?.color !== void 0 ? n?.color : new wt(16777215)
+          value: n?.color !== void 0 ? n?.color : new Ot(16777215)
         },
         uDistance: {
           value: n?.distance !== void 0 ? n?.distance : 1e4
@@ -1648,24 +1558,100 @@ class Ya extends un {
           value: n?.gridOpacity !== void 0 ? n?.gridOpacity : 0.25
         }
       },
-      vertexShader: $a,
-      fragmentShader: za,
+      vertexShader: `out vec3 worldPosition;
+      uniform float uDistance;
+      
+      void main() {
+        // Scale the plane by the drawing distance
+        worldPosition = position.xzy * uDistance;
+        worldPosition.xz += cameraPosition.xz;
+      
+        gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
+      }`,
+      fragmentShader: `out vec4 fragColor;
+      in vec3 worldPosition;
+      
+      uniform float uDivisions;
+      uniform float uScale;
+      uniform vec3 uColor;
+      uniform float uDistance;
+      uniform float uSubgridOpacity;
+      uniform float uGridOpacity;
+      
+      float getGrid(float gapSize) {
+        vec2 worldPositionByDivision = worldPosition.xz / gapSize;
+      
+        // Inverted, 0 where line, >1 where there's no line
+        // We use the worldPosition (which in this case we use similarly to UVs) differential to control the anti-aliasing
+        // We need to do the -0.5)-0.5 trick because the result fades out from 0 to 1, and we want both
+        // worldPositionByDivision == 0.3 and worldPositionByDivision == 0.7 to result in the same fade, i.e. 0.3,
+        // otherwise only one side of the line will be anti-aliased
+        vec2 grid = abs(fract(worldPositionByDivision-0.5)-0.5) / fwidth(worldPositionByDivision) / 2.0;
+        float gridLine = min(grid.x, grid.y);
+      
+        // Uninvert and clamp
+        return 1.0 - min(gridLine, 1.0);
+      }
+      
+      void main() {
+        float cameraDistanceToGridPlane = distance(cameraPosition.y, worldPosition.y);
+        float cameraDistanceToFragmentOnGridPlane = distance(cameraPosition.xz, worldPosition.xz);
+      
+        // The size of the grid and subgrid are powers of each other and they are determined based on camera distance.
+        // The current grid will become the next subgrid when it becomes too small, and its next power becomes the new grid.
+        float subGridPower = pow(uDivisions, floor(log(cameraDistanceToGridPlane) / log(uDivisions)));
+        float gridPower = subGridPower * uDivisions;
+      
+        // If we want to fade both the grid and its subgrid, we need to displays 3 different opacities, with the next grid being the third
+        float nextGridPower = gridPower * uDivisions;
+      
+        // 1 where grid, 0 where no grid
+        float subgrid = getGrid(subGridPower * uScale);
+        float grid = getGrid(gridPower * uScale);
+        float nextGrid = getGrid(nextGridPower * uScale);
+      
+        // Where we are between the introduction of the current grid power and when we switch to the next grid power
+        float stepPercentage = (cameraDistanceToGridPlane - subGridPower)/(gridPower - subGridPower);
+      
+        // The last x percentage of the current step over which we want to fade
+        float fadeRange = 0.3;
+      
+        // We calculate the fade percentage from the step percentage and the fade range
+        float fadePercentage = max(stepPercentage - 1.0 + fadeRange, 0.0) / fadeRange;
+      
+        // Set base opacity based on how close we are to the drawing distance, with a cubic falloff
+        float baseOpacity = subgrid * pow(1.0 - min(cameraDistanceToFragmentOnGridPlane / uDistance, 1.0), 3.0);
+      
+        // Shade the subgrid
+        fragColor = vec4(uColor.rgb, (baseOpacity - fadePercentage) * uSubgridOpacity);
+      
+        // Somewhat arbitrary additional fade coefficient to counter anti-aliasing popping when switching between grid powers
+        float fadeCoefficient = 0.5;
+      
+        // Shade the grid
+        fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity - fadePercentage * (uGridOpacity - uSubgridOpacity) * fadeCoefficient, grid);
+      
+        // Shade the next grid
+        fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity, nextGrid);
+      
+        if (fragColor.a <= 0.0) discard;
+      }`,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class Ga extends Hn {
+class Ya extends Wn {
   gridMaterial;
   constructor() {
-    const n = new Ya();
-    super(new Wn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const n = new za();
+    super(new qn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const Va = `#include <common>
+const Ga = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1695,7 +1681,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Ha = `
+}`, Va = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1704,18 +1690,18 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Wa extends un {
+class Ha extends dn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: Va,
-      fragmentShader: Ha
+      vertexShader: Ga,
+      fragmentShader: Va
     });
   }
 }
-function Yt(t) {
+function Gt(t) {
   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(
@@ -1723,8 +1709,8 @@ function Yt(t) {
       {
         className: "toggle",
         onClick: () => {
-          const o = !n;
-          t.onToggle !== void 0 && t.onToggle(o), a(o);
+          const s = !n;
+          t.onToggle !== void 0 && t.onToggle(s), a(s);
         },
         children: [
           /* @__PURE__ */ l.jsx(
@@ -1742,10 +1728,10 @@ function Yt(t) {
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function Ln(t) {
-  const [n, a] = ae(!1), e = t.child !== void 0 && t.child.children.length > 0, o = [];
+function Nn(t) {
+  const [n, a] = ae(!1), e = t.child !== void 0 && t.child.children.length > 0, s = [];
   return t.child !== void 0 && t.child.children.length > 0 && t.child.children.map((c) => {
-    o.push(/* @__PURE__ */ l.jsx(Ln, { child: c, three: t.three }, Math.random()));
+    s.push(/* @__PURE__ */ l.jsx(Nn, { child: c, three: t.three }, Math.random()));
   }), /* @__PURE__ */ l.jsx(l.Fragment, { children: t.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "child", children: [
       e ? /* @__PURE__ */ l.jsx(
@@ -1773,29 +1759,29 @@ function Ln(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 ${_a(t.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(t.child)}` })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: s }) })
   ] }, Math.random()) });
 }
-function qa(t) {
+function Wa(t) {
   const n = [];
   return t.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(Ln, { child: a, three: t.three }, Math.random()));
+    n.push(/* @__PURE__ */ l.jsx(Nn, { child: a, three: t.three }, Math.random()));
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const Ka = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function Xa(t) {
+const qa = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+function Ka(t) {
   return "items" in t;
 }
 function Fe(t) {
   const n = [];
   return t.items.forEach((a) => {
-    Xa(a) ? n.push(
+    Ka(a) ? n.push(
       /* @__PURE__ */ l.jsx(Fe, { title: ot(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
-        rt,
+        st,
         {
           title: a.title,
           prop: a.prop,
@@ -1806,16 +1792,16 @@ function Fe(t) {
           step: a.step,
           disabled: a.disabled,
           options: a.options,
-          onChange: (e, o) => {
-            a.onChange !== void 0 && a.onChange(e, o);
+          onChange: (e, s) => {
+            a.onChange !== void 0 && a.onChange(e, s);
           }
         },
         Math.random()
       )
     );
-  }), /* @__PURE__ */ l.jsx(Yt, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Gt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Za(t) {
+function Xa(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 De(t) {
@@ -1991,289 +1977,289 @@ function De(t) {
   }
   return t;
 }
-function Ja(t) {
+function Za(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 Qa() {
+function Ja() {
   const t = document.createElement("input");
   return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
       if (t.files === null)
         a();
       else {
-        const e = t.files[0], o = new FileReader();
-        o.onload = function(c) {
+        const e = t.files[0], s = new FileReader();
+        s.onload = function(c) {
           n(c.target.result);
-        }, o.readAsDataURL(e);
+        }, s.readAsDataURL(e);
       }
     }), t.click();
   });
 }
-const ei = [
+const Qa = [
   {
     title: "Front",
-    value: qn
+    value: Kn
   },
   {
     title: "Back",
-    value: Kn
+    value: Xn
   },
   {
     title: "Double",
-    value: dn
+    value: fn
   }
-], ti = [
+], ei = [
   {
     title: "No Blending",
-    value: Xn
+    value: Zn
   },
   {
     title: "Normal",
-    value: Zn
+    value: Jn
   },
   {
     title: "Additive",
-    value: Jn
+    value: Qn
   },
   {
     title: "Subtractive",
-    value: Qn
+    value: ea
   },
   {
     title: "Multiply",
-    value: ea
+    value: ta
   },
   {
     title: "Custom",
-    value: ta
+    value: na
   }
-], ni = [
+], ti = [
   {
     title: "Add",
-    value: na
+    value: aa
   },
   {
     title: "Subtract",
-    value: aa
+    value: ia
   },
   {
     title: "Reverse Subtract",
-    value: ia
+    value: ra
   },
   {
     title: "Min",
-    value: ra
+    value: sa
   },
   {
     title: "Max",
     value: oa
   }
-], ai = [
+], ni = [
   {
     title: "Zero",
     valye: hn
   },
   {
     title: "One",
-    valye: fn
+    valye: pn
   },
   {
     title: "Src Color",
-    valye: pn
+    valye: mn
   },
   {
     title: "One Minus Src Color",
-    valye: mn
+    valye: vn
   },
   {
     title: "Src Alpha",
-    valye: vn
+    valye: gn
   },
   {
     title: "One Minus Src Alpha",
-    valye: gn
+    valye: bn
   },
   {
     title: "Dst Alpha",
-    valye: bn
+    valye: yn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: yn
+    valye: En
   },
   {
     title: "Dst Color",
-    valye: En
+    valye: Cn
   },
   {
     title: "One Minus Dst Color",
-    valye: Cn
+    valye: Sn
   },
   {
     title: "Src Alpha Saturate",
-    valye: sa
+    valye: ca
   },
   {
     title: "Constant Color",
-    valye: Sn
+    valye: xn
   },
   {
     title: "One Minus Constant Color",
-    valye: xn
+    valye: wn
   },
   {
     title: "Constant Alpha",
-    valye: wn
+    valye: On
   },
   {
     title: "One Minus Constant Alpha",
-    valye: On
+    valye: Mn
   }
-], ii = [
+], ai = [
   {
     title: "Zero",
     valye: hn
   },
   {
     title: "One",
-    valye: fn
+    valye: pn
   },
   {
     title: "Src Color",
-    valye: pn
+    valye: mn
   },
   {
     title: "One Minus Src Color",
-    valye: mn
+    valye: vn
   },
   {
     title: "Src Alpha",
-    valye: vn
+    valye: gn
   },
   {
     title: "One Minus Src Alpha",
-    valye: gn
+    valye: bn
   },
   {
     title: "Dst Alpha",
-    valye: bn
+    valye: yn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: yn
+    valye: En
   },
   {
     title: "Dst Color",
-    valye: En
+    valye: Cn
   },
   {
     title: "One Minus Dst Color",
-    valye: Cn
+    valye: Sn
   },
   {
     title: "Constant Color",
-    valye: Sn
+    valye: xn
   },
   {
     title: "One Minus Constant Color",
-    valye: xn
+    valye: wn
   },
   {
     title: "Constant Alpha",
-    valye: wn
+    valye: On
   },
   {
     title: "One Minus Constant Alpha",
-    valye: On
+    valye: Mn
   }
 ];
 function it(t, n) {
   t.needsUpdate = !0, t.type = "option", t.options = n;
 }
-function Jt(t, n, a) {
+function Qt(t, n, a) {
   const e = [];
-  for (const o in t) {
-    if (!Za(o))
+  for (const s in t) {
+    if (!Xa(s))
       continue;
-    const c = typeof t[o], p = t[o];
+    const c = typeof t[s], p = t[s];
     if (c === "boolean" || c === "number" || c === "string") {
-      const s = {
-        title: De(o),
-        prop: o,
+      const o = {
+        title: De(s),
+        prop: s,
         type: c,
         value: p,
         min: void 0,
         max: void 0,
         needsUpdate: c === "boolean",
         onChange: (d, v) => {
-          a.updateObject(n.uuid, `material.${d}`, v), s.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+          a.updateObject(n.uuid, `material.${d}`, v), o.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
           const b = a.scene?.getObjectByProperty("uuid", n.uuid);
           b !== void 0 && ee(b, `material.${d}`, v);
         }
       };
-      switch (o) {
+      switch (s) {
         case "blending":
-          it(s, ti);
+          it(o, ei);
           break;
         case "blendDst":
-          it(s, ii);
+          it(o, ai);
           break;
         case "blendEquation":
-          it(s, ni);
+          it(o, ti);
           break;
         case "blendSrc":
-          it(s, ai);
+          it(o, ni);
           break;
         case "side":
-          it(s, ei);
+          it(o, Qa);
           break;
       }
-      Ja(o) && (s.value = Number(p), s.type = "range", s.min = 0, s.max = 1, s.step = 0.01);
-      const u = c === "string" && (o === "vertexShader" || o === "fragmentShader");
-      u && (s.disabled = !1, s.latest = s.value, s.onChange = (d, v) => {
-        s.latest = v;
-      }), e.push(s), u && e.push({
-        title: `${ot(o)} - Update`,
+      Za(s) && (o.value = Number(p), o.type = "range", o.min = 0, o.max = 1, o.step = 0.01);
+      const u = c === "string" && (s === "vertexShader" || s === "fragmentShader");
+      u && (o.disabled = !1, o.latest = o.value, o.onChange = (d, v) => {
+        o.latest = v;
+      }), e.push(o), u && e.push({
+        title: `${ot(s)} - Update`,
         type: "button",
         onChange: () => {
-          a.updateObject(n.uuid, `material.${o}`, s.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
+          a.updateObject(n.uuid, `material.${s}`, o.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
           const d = a.scene?.getObjectByProperty("uuid", n.uuid);
-          d !== void 0 && (ee(d, `material.${o}`, s.latest), d.material.needsUpdate = !0);
+          d !== void 0 && (ee(d, `material.${s}`, o.latest), d.material.needsUpdate = !0);
         }
       });
     } else if (c === "object")
       if (p.isColor)
         e.push({
-          title: De(o),
-          prop: o,
+          title: De(s),
+          prop: s,
           type: "color",
           value: p,
-          onChange: (s, u) => {
-            const d = new wt(u);
-            a.updateObject(n.uuid, `material.${s}`, d);
+          onChange: (o, u) => {
+            const d = new Ot(u);
+            a.updateObject(n.uuid, `material.${o}`, d);
             const v = a.scene?.getObjectByProperty("uuid", n.uuid);
-            v !== void 0 && ee(v, `material.${s}`, d);
+            v !== void 0 && ee(v, `material.${o}`, d);
           }
         });
       else if (Array.isArray(p)) {
-        const s = [];
+        const o = [];
         for (const u in p)
-          s.push({
+          o.push({
             title: `${u}`,
             type: `${typeof p[u]}`,
             value: p[u],
             onChange: (d, v) => {
-              a.updateObject(n.uuid, `material.${o}`, v);
+              a.updateObject(n.uuid, `material.${s}`, v);
               const b = a.scene?.getObjectByProperty("uuid", n.uuid);
-              b !== void 0 && ee(b, `material.${o}`, v);
+              b !== void 0 && ee(b, `material.${s}`, v);
             }
           });
         e.push({
-          title: De(o),
-          items: s
+          title: De(s),
+          items: o
         });
       } else {
-        const s = [];
+        const o = [];
         for (const u in p) {
           const d = p[u];
           switch (typeof d) {
@@ -2281,43 +2267,43 @@ function Jt(t, n, a) {
             case "number":
             case "string":
               u === "src" ? e.push({
-                title: De(o),
+                title: De(s),
                 type: "image",
                 value: d,
                 onChange: (b, E) => {
-                  a.createTexture(n.uuid, `material.${o}`, E);
+                  a.createTexture(n.uuid, `material.${s}`, E);
                   const S = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  S !== void 0 && $t(E).then((M) => {
-                    ee(S, `material.${o}`, M), ee(S, "material.needsUpdate", !0);
+                  S !== void 0 && zt(E).then((M) => {
+                    ee(S, `material.${s}`, M), ee(S, "material.needsUpdate", !0);
                   });
                 }
-              }) : s.push({
+              }) : o.push({
                 title: `${De(u)}`,
-                prop: `material.${o}.${u}`,
-                type: `${typeof t[o][u]}`,
+                prop: `material.${s}.${u}`,
+                type: `${typeof t[s][u]}`,
                 value: p[u],
                 onChange: (b, E) => {
-                  a.updateObject(n.uuid, `material.${o}.${u}`, E);
+                  a.updateObject(n.uuid, `material.${s}.${u}`, E);
                   const S = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  S !== void 0 && ee(S, `material.${o}.${u}`, E);
+                  S !== void 0 && ee(S, `material.${s}.${u}`, E);
                 }
               });
               break;
             case "object":
               if (d.value !== void 0 && d.value.src !== void 0)
-                s.push({
+                o.push({
                   title: De(u),
                   type: "image",
                   value: d.value.src,
                   onChange: (b, E) => {
-                    a.createTexture(n.uuid, `material.${o}.${u}.value`, p);
+                    a.createTexture(n.uuid, `material.${s}.${u}.value`, p);
                     const S = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    S !== void 0 && $t(E).then((M) => {
-                      ee(S, `material.${o}.${u}.value`, M);
+                    S !== void 0 && zt(E).then((M) => {
+                      ee(S, `material.${s}.${u}.value`, M);
                     });
                   }
                 });
-              else if (o === "uniforms") {
+              else if (s === "uniforms") {
                 const b = d.value, E = (S, M, P) => ({
                   title: S,
                   type: "number",
@@ -2331,31 +2317,31 @@ function Jt(t, n, a) {
                   }
                 });
                 if (typeof d.value == "number")
-                  s.push({
+                  o.push({
                     title: u,
                     type: "number",
                     value: d.value,
                     onChange: (S, M) => {
-                      const P = `material.${o}.${S}.value`;
+                      const P = `material.${s}.${S}.value`;
                       a.updateObject(n.uuid, P, M);
                       const H = a.scene?.getObjectByProperty("uuid", n.uuid);
                       H !== void 0 && ee(H, P, M);
                     }
                   });
                 else if (b.r !== void 0 && b.g !== void 0 && b.b !== void 0)
-                  s.push({
+                  o.push({
                     title: u,
                     type: "color",
                     value: d.value,
                     onChange: (S, M) => {
-                      const P = new wt(M), H = `material.${o}.${S}.value`;
+                      const P = new Ot(M), H = `material.${s}.${S}.value`;
                       a.updateObject(n.uuid, H, P);
                       const B = a.scene?.getObjectByProperty("uuid", n.uuid);
                       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)
-                  s.push(
+                  o.push(
                     {
                       title: u,
                       items: [
@@ -2365,7 +2351,7 @@ function Jt(t, n, a) {
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w === void 0)
-                  s.push(
+                  o.push(
                     {
                       title: u,
                       items: [
@@ -2376,7 +2362,7 @@ function Jt(t, n, a) {
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w !== void 0)
-                  s.push(
+                  o.push(
                     {
                       title: u,
                       items: [
@@ -2391,7 +2377,7 @@ function Jt(t, n, a) {
                   const S = b.elements, M = [];
                   for (let P = 0; P < S.length; P++)
                     M.push(E(P.toString(), P.toString(), S[P]));
-                  s.push(
+                  o.push(
                     {
                       title: u,
                       items: M
@@ -2400,28 +2386,28 @@ function Jt(t, n, a) {
                 } else
                   console.log(">>> need to add this format:", u, b);
               } else
-                s.push({
+                o.push({
                   title: u,
                   type: `${typeof d.value}`,
                   value: d.value,
                   onChange: (b, E) => {
-                    a.updateObject(n.uuid, `material.${o}.${u}.value`, E);
+                    a.updateObject(n.uuid, `material.${s}.${u}.value`, E);
                     const S = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    S !== void 0 && ee(S, `material.${o}.${u}.value`, E);
+                    S !== void 0 && ee(S, `material.${s}.${u}.value`, E);
                   }
                 });
               break;
           }
         }
-        s.length > 0 && e.push({
-          title: De(o),
-          items: s
+        o.length > 0 && e.push({
+          title: De(s),
+          items: o
         });
       }
     else
-      p !== void 0 && console.log("other:", o, c, p);
+      p !== void 0 && console.log("other:", s, c, p);
   }
-  return e.sort((o, c) => o.title < c.title ? -1 : o.title > c.title ? 1 : 0), e.push({
+  return e.sort((s, c) => s.title < c.title ? -1 : s.title > c.title ? 1 : 0), e.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
@@ -2429,17 +2415,17 @@ function Jt(t, n, a) {
     }
   }), e;
 }
-function ri(t, n) {
+function ii(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
-    const e = [], o = a.length;
-    for (let c = 0; c < o; c++)
+    const e = [], s = a.length;
+    for (let c = 0; c < s; c++)
       e.push(
         /* @__PURE__ */ l.jsx(
           Fe,
           {
             title: `Material ${c}`,
-            items: Jt(a[c], t, n)
+            items: Qt(a[c], t, n)
           },
           `Material ${c}`
         )
@@ -2450,14 +2436,14 @@ function ri(t, n) {
       Fe,
       {
         title: "Material",
-        items: Jt(a, t, n)
+        items: Qt(a, t, n)
       }
     );
 }
-function rt(t) {
+function st(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Oa(t.value));
-  const [a, e] = ae(n), o = ye(null), c = ye(null), p = ye(null);
+  n !== void 0 && n.isColor !== void 0 && (n = Ma(t.value));
+  const [a, e] = ae(n), s = ye(null), c = ye(null), p = ye(null);
   we(() => {
     let v = !1, b = -1, E = 0, S = Number(a);
     const M = (z) => {
@@ -2472,18 +2458,18 @@ function rt(t) {
     }, B = () => {
       v = !1;
     }, x = t.type === "number";
-    return x && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
-      x && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
+    return x && (s.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
+      x && (s.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
     };
   }, [a]);
-  const s = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = s || t.type === "image", d = (v) => {
+  const o = t.type === "string" && (a.length > 100 || a.search(`
+`) > -1), u = o || t.type === "image", d = (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);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: o, children: ot(t.title) }, "fieldLabel"),
-    t.type === "string" && !s && /* @__PURE__ */ l.jsx(
+    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: s, children: ot(t.title) }, "fieldLabel"),
+    t.type === "string" && !o && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
@@ -2492,7 +2478,7 @@ function rt(t) {
         value: a
       }
     ),
-    t.type === "string" && s && /* @__PURE__ */ l.jsx(
+    t.type === "string" && o && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
@@ -2554,14 +2540,14 @@ function rt(t) {
       }
     ),
     t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
-      Qa().then((v) => {
+      Ja().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 : Ka }),
+    }, src: a.length > 0 ? a : qa }),
     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: ot(v.title) }, b)) }) })
   ] });
 }
-function Qt(t) {
+function en(t) {
   switch (t) {
     case "fov":
       return "FOV";
@@ -2590,34 +2576,34 @@ function Qt(t) {
   }
   return t;
 }
-function oi(t, n) {
+function ri(t, n) {
   const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
       a.push({
-        title: Qt(e),
+        title: en(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, c) => {
-          n.updateObject(t.uuid, o, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
+        onChange: (s, c) => {
+          n.updateObject(t.uuid, s, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
           const p = n.scene?.getObjectByProperty("uuid", t.uuid);
-          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
+          p !== void 0 && (ee(p, s, c), p.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
     for (const e in t.orthographicCameraInfo)
       a.push({
-        title: Qt(e),
+        title: en(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, c) => {
-          n.updateObject(t.uuid, o, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
+        onChange: (s, c) => {
+          n.updateObject(t.uuid, s, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
           const p = n.scene?.getObjectByProperty("uuid", t.uuid);
-          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
+          p !== void 0 && (ee(p, s, c), p.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ l.jsx(
@@ -2628,27 +2614,27 @@ function oi(t, n) {
     }
   );
 }
-const si = Math.PI / 180, ci = 180 / Math.PI;
-function We(t, n, a, e, o) {
-  return e + (t - n) * (o - e) / (a - n);
+const si = Math.PI / 180, oi = 180 / Math.PI;
+function We(t, n, a, e, s) {
+  return e + (t - n) * (s - e) / (a - n);
 }
-function li(t) {
+function ci(t) {
   return t * si;
 }
-function Nt(t) {
-  return t * ci;
+function Ft(t) {
+  return t * oi;
 }
-function ui(t, n) {
-  const a = new ca();
+function li(t, n) {
+  const a = new la();
   a.elements = t.matrix;
-  const e = new X(), o = new la(), c = new X();
-  t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), c.setFromMatrixScale(a));
+  const e = new X(), s = new ua(), c = new X();
+  t.uuid.length > 0 && (e.setFromMatrixPosition(a), s.setFromRotationMatrix(a), c.setFromMatrixScale(a));
   const p = (u, d) => {
     n.updateObject(t.uuid, u, d);
     const v = n.scene?.getObjectByProperty("uuid", t.uuid);
     v !== void 0 && ee(v, u, d);
-  }, s = (u, d) => {
-    p(u, li(d));
+  }, o = (u, d) => {
+    p(u, ci(d));
   };
   return /* @__PURE__ */ l.jsx(
     Fe,
@@ -2680,31 +2666,31 @@ function ui(t, n) {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: It(Nt(o.x)),
+          value: Lt(Ft(s.x)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: s
+          onChange: o
         },
         {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: It(Nt(o.y)),
+          value: Lt(Ft(s.y)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: s
+          onChange: o
         },
         {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: It(Nt(o.z)),
+          value: Lt(Ft(s.z)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: s
+          onChange: o
         },
         {
           title: "Scale X",
@@ -2734,7 +2720,7 @@ function ui(t, n) {
     }
   );
 }
-function en(t) {
+function tn(t) {
   switch (t) {
     case "color":
       return "Color";
@@ -2753,32 +2739,32 @@ function en(t) {
   }
   return t;
 }
-function di(t, n) {
+function ui(t, n) {
   const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
-      const o = t.lightInfo[e];
-      o !== void 0 && (o.isColor !== void 0 ? a.push({
-        title: en(e),
+      const s = t.lightInfo[e];
+      s !== void 0 && (s.isColor !== void 0 ? a.push({
+        title: tn(e),
         prop: e,
         type: "color",
-        value: o,
+        value: s,
         onChange: (c, p) => {
-          const s = new wt(p);
-          n.updateObject(t.uuid, c, s);
+          const o = new Ot(p);
+          n.updateObject(t.uuid, c, o);
           const u = n.scene?.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && ee(u, c, s);
+          u !== void 0 && ee(u, c, o);
         }
       }) : a.push({
-        title: en(e),
+        title: tn(e),
         prop: e,
-        type: typeof o,
-        value: o,
-        step: typeof o == "number" ? 0.01 : void 0,
+        type: typeof s,
+        value: s,
+        step: typeof s == "number" ? 0.01 : void 0,
         onChange: (c, p) => {
           n.updateObject(t.uuid, c, p);
-          const s = n.scene?.getObjectByProperty("uuid", t.uuid);
-          s !== void 0 && ee(s, c, p);
+          const o = n.scene?.getObjectByProperty("uuid", t.uuid);
+          o !== void 0 && ee(o, c, p);
         }
       }));
     }
@@ -2790,17 +2776,17 @@ function di(t, n) {
     }
   );
 }
-function hi(t, n) {
+function di(t, n) {
   const a = [], e = [];
-  let o = 0;
-  t.animations.forEach((s) => {
-    o = Math.max(o, s.duration), s.duration > 0 && e.push({
-      title: s.name,
+  let s = 0;
+  t.animations.forEach((o) => {
+    s = Math.max(s, o.duration), o.duration > 0 && e.push({
+      title: o.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: s.duration,
+          value: o.duration,
           disabled: !0
         },
         {
@@ -2827,18 +2813,18 @@ function hi(t, n) {
   const c = n.scene?.getObjectByProperty("uuid", t.uuid);
   let p = !1;
   if (c !== void 0) {
-    const s = c.mixer;
-    if (p = s !== void 0, p) {
+    const o = c.mixer;
+    if (p = o !== void 0, p) {
       const u = [
         {
           title: "Time Scale",
           type: "range",
-          value: s.timeScale,
+          value: o.timeScale,
           step: 0.01,
           min: -1,
           max: 2,
           onChange: (d, v) => {
-            s.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
+            o.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
       ];
@@ -2846,7 +2832,7 @@ function hi(t, n) {
         title: "Stop All",
         type: "button",
         onChange: () => {
-          s.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
+          o.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
         }
       }), a.push({
         title: "Mixer",
@@ -2856,7 +2842,7 @@ function hi(t, n) {
   }
   return /* @__PURE__ */ l.jsx(Fe, { title: "Animation", items: a });
 }
-const Nn = {
+const Fn = {
   name: "",
   uuid: "",
   type: "",
@@ -2868,25 +2854,25 @@ const Nn = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let te = { ...Nn };
+let te = { ...Fn };
 function fi(t) {
   const [n, a] = ae(-1);
   we(() => {
     function p(u) {
       te = { ...u.value }, a(Date.now());
     }
-    function s() {
-      te = { ...Nn }, a(Date.now());
+    function o() {
+      te = { ...Fn }, a(Date.now());
     }
-    return k.addEventListener(j.SET_SCENE, s), k.addEventListener(j.SET_OBJECT, p), () => {
-      k.removeEventListener(j.SET_SCENE, s), k.removeEventListener(j.SET_OBJECT, p);
+    return k.addEventListener(j.SET_SCENE, o), k.addEventListener(j.SET_OBJECT, p), () => {
+      k.removeEventListener(j.SET_SCENE, o), k.removeEventListener(j.SET_OBJECT, p);
     };
   }, []);
-  const e = te.type.toLowerCase(), o = te.animations.length > 0 || te.mixer !== void 0, c = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(Yt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const e = te.type.toLowerCase(), s = te.animations.length > 0 || te.mixer !== void 0, c = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
+  return /* @__PURE__ */ l.jsx(Gt, { 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(
-        rt,
+        st,
         {
           type: "string",
           title: "Name",
@@ -2896,7 +2882,7 @@ function fi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        rt,
+        st,
         {
           type: "string",
           title: "Type",
@@ -2906,7 +2892,7 @@ function fi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        rt,
+        st,
         {
           type: "string",
           title: "UUID",
@@ -2916,30 +2902,30 @@ function fi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        rt,
+        st,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: te.visible,
-          onChange: (p, s) => {
-            t.three.updateObject(te.uuid, p, s);
+          onChange: (p, o) => {
+            t.three.updateObject(te.uuid, p, o);
             const u = t.three.scene?.getObjectByProperty("uuid", te.uuid);
-            u !== void 0 && ee(u, p, s);
+            u !== void 0 && ee(u, p, o);
           }
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      ui(te, t.three),
-      o ? hi(te, t.three) : null,
-      e.search("camera") > -1 ? oi(te, t.three) : null,
-      e.search("light") > -1 ? di(te, t.three) : null,
-      c ? ri(te, t.three) : null
+      li(te, t.three),
+      s ? di(te, t.three) : null,
+      e.search("camera") > -1 ? ri(te, t.three) : null,
+      e.search("light") > -1 ? ui(te, t.three) : null,
+      c ? ii(te, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-function Li(t) {
+function Ui(t) {
   const [n, a] = ae(t.scene);
   we(() => {
     const c = (p) => {
@@ -2949,60 +2935,60 @@ function Li(t) {
       k.removeEventListener(j.SET_SCENE, c);
     };
   }, []);
-  const e = n !== null, o = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
+  const e = n !== null, s = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
   return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ l.jsx(Yt, { label: o, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(qa, { child: n, three: t.three }) }) }),
+    /* @__PURE__ */ l.jsx(Gt, { label: s, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(Wa, { child: n, three: t.three }) }) }),
     /* @__PURE__ */ l.jsx(fi, { three: t.three })
   ] }, "SidePanel");
 }
-function Ni(t) {
+function $i(t) {
   function n() {
     return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
-  const a = (s) => {
+  const a = (o) => {
     if (!n())
       return;
-    const u = t.three.scene?.getObjectByProperty("uuid", s.value);
+    const u = t.three.scene?.getObjectByProperty("uuid", o.value);
     u !== void 0 && t.three.setObject(u);
-  }, e = (s, u, d) => {
+  }, e = (o, u, d) => {
     if (!n())
       return;
-    const v = t.three.scene?.getObjectByProperty("uuid", s);
+    const v = t.three.scene?.getObjectByProperty("uuid", o);
     v !== void 0 && ee(v, u, d);
-  }, o = (s) => {
+  }, s = (o) => {
     if (!n())
       return;
-    const u = s.value, { key: d, value: v, uuid: b } = u;
+    const u = o.value, { key: d, value: v, uuid: b } = u;
     e(b, d, v);
-  }, c = (s) => {
+  }, c = (o) => {
     if (!n())
       return;
-    const u = s.value;
-    $t(u.value).then((d) => {
+    const u = o.value;
+    zt(u.value).then((d) => {
       e(u.uuid, u.key, d), e(u.uuid, "material.needsUpdate", !0);
     });
-  }, p = (s) => {
+  }, p = (o) => {
     if (!n())
       return;
-    const { key: u, uuid: d, value: v, subitem: b } = s.value, E = t.three.scene?.getObjectByProperty("uuid", d);
+    const { key: u, uuid: d, value: v, subitem: b } = o.value, E = t.three.scene?.getObjectByProperty("uuid", d);
     if (E !== void 0)
       try {
-        b !== void 0 ? ka(E, b)[u](v) : E[u](v);
+        b !== void 0 ? ja(E, b)[u](v) : E[u](v);
       } catch (S) {
         console.log("Error requesting method:"), console.log(S), console.log(u), console.log(v);
       }
   };
-  return we(() => (k.addEventListener(j.GET_OBJECT, a), k.addEventListener(j.UPDATE_OBJECT, o), k.addEventListener(j.CREATE_TEXTURE, c), k.addEventListener(j.REQUEST_METHOD, p), () => {
-    k.removeEventListener(j.GET_OBJECT, a), k.removeEventListener(j.UPDATE_OBJECT, o), k.removeEventListener(j.CREATE_TEXTURE, c), k.removeEventListener(j.REQUEST_METHOD, p);
+  return we(() => (k.addEventListener(j.GET_OBJECT, a), k.addEventListener(j.UPDATE_OBJECT, s), k.addEventListener(j.CREATE_TEXTURE, c), k.addEventListener(j.REQUEST_METHOD, p), () => {
+    k.removeEventListener(j.GET_OBJECT, a), k.removeEventListener(j.UPDATE_OBJECT, s), k.removeEventListener(j.CREATE_TEXTURE, c), k.removeEventListener(j.REQUEST_METHOD, p);
   }), []), null;
 }
-const tn = { type: "change" }, Ft = { type: "start" }, nn = { type: "end" }, Et = new ua(), an = new da(), pi = Math.cos(70 * ha.DEG2RAD);
-class mi extends cn {
+const nn = { type: "change" }, Bt = { type: "start" }, an = { type: "end" }, Ct = new da(), rn = new fa(), hi = Math.cos(70 * ha.DEG2RAD);
+class pi extends ln {
   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: Ge.ROTATE, MIDDLE: Ge.DOLLY, RIGHT: Ge.PAN }, this.touches = { ONE: Ve.ROTATE, TWO: Ve.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 s.phi;
+      return o.phi;
     }, this.getAzimuthalAngle = function() {
-      return s.theta;
+      return o.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(r) {
@@ -3012,16 +2998,16 @@ class mi extends cn {
     }, 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(tn), e.update(), c = o.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(nn), e.update(), c = s.NONE;
     }, this.update = function() {
-      const r = new X(), y = new Wt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new Wt(), de = new X(), ie = 2 * Math.PI;
-      return function(Dt = null) {
+      const r = new X(), y = new qt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new qt(), de = new X(), ie = 2 * Math.PI;
+      return function(It = null) {
         const tt = e.object.position;
-        r.copy(tt).sub(e.target), r.applyQuaternion(y), s.setFromVector3(r), e.autoRotate && c === o.NONE && U(_(Dt)), e.enableDamping ? (s.theta += u.theta * e.dampingFactor, s.phi += u.phi * e.dampingFactor) : (s.theta += u.theta, s.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 ? s.theta = Math.max(pe, Math.min(he, s.theta)) : s.theta = s.theta > (pe + he) / 2 ? Math.max(pe, s.theta) : Math.min(he, s.theta)), s.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, s.phi)), s.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 ? s.radius = me(s.radius) : s.radius = me(s.radius * d), r.setFromSpherical(s), r.applyQuaternion(O), tt.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));
+        r.copy(tt).sub(e.target), r.applyQuaternion(y), o.setFromVector3(r), e.autoRotate && c === s.NONE && U(R(It)), e.enableDamping ? (o.theta += u.theta * e.dampingFactor, o.phi += u.phi * e.dampingFactor) : (o.theta += u.theta, o.phi += u.phi);
+        let pe = e.minAzimuthAngle, fe = e.maxAzimuthAngle;
+        isFinite(pe) && isFinite(fe) && (pe < -Math.PI ? pe += ie : pe > Math.PI && (pe -= ie), fe < -Math.PI ? fe += ie : fe > Math.PI && (fe -= ie), pe <= fe ? o.theta = Math.max(pe, Math.min(fe, o.theta)) : o.theta = o.theta > (pe + fe) / 2 ? Math.max(pe, o.theta) : Math.min(fe, o.theta)), o.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, o.phi)), o.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 && oe || e.object.isOrthographicCamera ? o.radius = me(o.radius) : o.radius = me(o.radius * d), r.setFromSpherical(o), r.applyQuaternion(O), tt.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 Ae = !1;
-        if (e.zoomToCursor && se) {
+        if (e.zoomToCursor && oe) {
           let Pe = null;
           if (e.object.isPerspectiveCamera) {
             const ke = r.length();
@@ -3035,15 +3021,15 @@ class mi extends cn {
             je.unproject(e.object), e.object.position.sub(je).add(ke), e.object.updateMatrixWorld(), Pe = r.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          Pe !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position) : (Et.origin.copy(e.object.position), Et.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Et.direction)) < pi ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), Et.intersectPlane(an, e.target))));
+          Pe !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position) : (Ct.origin.copy(e.object.position), Ct.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Ct.direction)) < hi ? n.lookAt(e.target) : (rn.setFromNormalAndCoplanarPoint(e.object.up, e.target), Ct.intersectPlane(rn, e.target))));
         } else
           e.object.isOrthographicCamera && (Ae = d !== 1, Ae && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix()));
-        return d = 1, se = !1, Ae || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
+        return d = 1, oe = !1, Ae || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(nn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", ze), e.domElement.removeEventListener("pointerdown", Re), e.domElement.removeEventListener("pointercancel", _e), e.domElement.removeEventListener("wheel", mt), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", _e), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", Qe), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", ze), e.domElement.removeEventListener("pointerdown", _e), e.domElement.removeEventListener("pointercancel", Re), e.domElement.removeEventListener("wheel", vt), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", Re), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", Qe), e._domElementKeyEvents = null);
     };
-    const e = this, o = {
+    const e = this, s = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -3053,14 +3039,14 @@ class mi extends cn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let c = o.NONE;
-    const p = 1e-6, s = new qt(), u = new qt();
+    let c = s.NONE;
+    const p = 1e-6, o = new Kt(), u = new Kt();
     let d = 1;
     const v = new X(), b = new ue(), E = new ue(), S = new ue(), M = new ue(), P = new ue(), H = new ue(), B = new ue(), x = new ue(), z = new ue(), Ee = new X(), le = new ue();
-    let se = !1;
-    const h = [], m = {};
+    let oe = !1;
+    const f = [], m = {};
     let w = !1;
-    function _(r) {
+    function R(r) {
       return r !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * r : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
     function Y(r) {
@@ -3105,7 +3091,7 @@ class mi extends cn {
     function J(r, y) {
       if (!e.zoomToCursor)
         return;
-      se = !0;
+      oe = !0;
       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, Ee.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
@@ -3115,13 +3101,13 @@ class mi extends cn {
     function Ce(r) {
       b.set(r.clientX, r.clientY);
     }
-    function lt(r) {
+    function ut(r) {
       J(r.clientX, r.clientX), B.set(r.clientX, r.clientY);
     }
     function qe(r) {
       M.set(r.clientX, r.clientY);
     }
-    function Tt(r) {
+    function _t(r) {
       E.set(r.clientX, r.clientY), S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
       U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E), e.update();
@@ -3154,7 +3140,7 @@ class mi extends cn {
       y && (r.preventDefault(), e.update());
     }
     function $e(r) {
-      if (h.length === 1)
+      if (f.length === 1)
         b.set(r.pageX, r.pageY);
       else {
         const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
@@ -3162,25 +3148,25 @@ class mi extends cn {
       }
     }
     function Oe(r) {
-      if (h.length === 1)
+      if (f.length === 1)
         M.set(r.pageX, r.pageY);
       else {
         const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         M.set(O, L);
       }
     }
-    function ut(r) {
+    function dt(r) {
       const y = xe(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
       B.set(0, K);
     }
-    function dt(r) {
-      e.enableZoom && ut(r), e.enablePan && Oe(r);
+    function ft(r) {
+      e.enableZoom && dt(r), e.enablePan && Oe(r);
     }
-    function _t(r) {
-      e.enableZoom && ut(r), e.enableRotate && $e(r);
+    function At(r) {
+      e.enableZoom && dt(r), e.enableRotate && $e(r);
     }
     function ht(r) {
-      if (h.length == 1)
+      if (f.length == 1)
         E.set(r.pageX, r.pageY);
       else {
         const O = xe(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
@@ -3191,7 +3177,7 @@ class mi extends cn {
       U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E);
     }
     function Me(r) {
-      if (h.length === 1)
+      if (f.length === 1)
         P.set(r.pageX, r.pageY);
       else {
         const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
@@ -3205,25 +3191,25 @@ class mi extends cn {
       const de = (r.pageX + y.x) * 0.5, ie = (r.pageY + y.y) * 0.5;
       J(de, ie);
     }
-    function ft(r) {
+    function pt(r) {
       e.enableZoom && Te(r), e.enablePan && Me(r);
     }
-    function pt(r) {
+    function mt(r) {
       e.enableZoom && Te(r), e.enableRotate && ht(r);
     }
-    function Re(r) {
-      e.enabled !== !1 && (h.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Ze), e.domElement.addEventListener("pointerup", _e)), Pt(r), r.pointerType === "touch" ? et(r) : Je(r));
+    function _e(r) {
+      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Ze), e.domElement.addEventListener("pointerup", Re)), kt(r), r.pointerType === "touch" ? et(r) : Je(r));
     }
     function Ze(r) {
-      e.enabled !== !1 && (r.pointerType === "touch" ? bt(r) : At(r));
+      e.enabled !== !1 && (r.pointerType === "touch" ? yt(r) : Pt(r));
     }
-    function _e(r) {
-      switch (kt(r), h.length) {
+    function Re(r) {
+      switch (jt(r), f.length) {
         case 0:
-          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", _e), e.dispatchEvent(nn), c = o.NONE;
+          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", Re), e.dispatchEvent(an), c = s.NONE;
           break;
         case 1:
-          const y = h[0], O = m[y];
+          const y = f[0], O = m[y];
           et({ pointerId: y, pageX: O.x, pageY: O.y });
           break;
       }
@@ -3247,58 +3233,58 @@ class mi extends cn {
         case Ge.DOLLY:
           if (e.enableZoom === !1)
             return;
-          lt(r), c = o.DOLLY;
+          ut(r), c = s.DOLLY;
           break;
         case Ge.ROTATE:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enablePan === !1)
               return;
-            qe(r), c = o.PAN;
+            qe(r), c = s.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            Ce(r), c = o.ROTATE;
+            Ce(r), c = s.ROTATE;
           }
           break;
         case Ge.PAN:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            Ce(r), c = o.ROTATE;
+            Ce(r), c = s.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            qe(r), c = o.PAN;
+            qe(r), c = s.PAN;
           }
           break;
         default:
-          c = o.NONE;
+          c = s.NONE;
       }
-      c !== o.NONE && e.dispatchEvent(Ft);
+      c !== s.NONE && e.dispatchEvent(Bt);
     }
-    function At(r) {
+    function Pt(r) {
       switch (c) {
-        case o.ROTATE:
+        case s.ROTATE:
           if (e.enableRotate === !1)
             return;
-          Tt(r);
+          _t(r);
           break;
-        case o.DOLLY:
+        case s.DOLLY:
           if (e.enableZoom === !1)
             return;
           Rt(r);
           break;
-        case o.PAN:
+        case s.PAN:
           if (e.enablePan === !1)
             return;
           Ke(r);
           break;
       }
     }
-    function mt(r) {
-      e.enabled === !1 || e.enableZoom === !1 || c !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ft), Xe(vt(r)), e.dispatchEvent(nn));
-    }
     function vt(r) {
+      e.enabled === !1 || e.enableZoom === !1 || c !== s.NONE || (r.preventDefault(), e.dispatchEvent(Bt), Xe(gt(r)), e.dispatchEvent(an));
+    }
+    function gt(r) {
       const y = r.deltaMode, O = {
         clientX: r.clientX,
         clientY: r.clientY,
@@ -3314,7 +3300,7 @@ class mi extends cn {
       }
       return r.ctrlKey && !w && (O.deltaY *= 10), O;
     }
-    function gt(r) {
+    function bt(r) {
       r.key === "Control" && (w = !0, e.domElement.getRootNode().addEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
     function Se(r) {
@@ -3324,21 +3310,21 @@ class mi extends cn {
       e.enabled === !1 || e.enablePan === !1 || Ue(r);
     }
     function et(r) {
-      switch (yt(r), h.length) {
+      switch (Et(r), f.length) {
         case 1:
           switch (e.touches.ONE) {
             case Ve.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              $e(r), c = o.TOUCH_ROTATE;
+              $e(r), c = s.TOUCH_ROTATE;
               break;
             case Ve.PAN:
               if (e.enablePan === !1)
                 return;
-              Oe(r), c = o.TOUCH_PAN;
+              Oe(r), c = s.TOUCH_PAN;
               break;
             default:
-              c = o.NONE;
+              c = s.NONE;
           }
           break;
         case 2:
@@ -3346,111 +3332,111 @@ class mi extends cn {
             case Ve.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              dt(r), c = o.TOUCH_DOLLY_PAN;
+              ft(r), c = s.TOUCH_DOLLY_PAN;
               break;
             case Ve.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              _t(r), c = o.TOUCH_DOLLY_ROTATE;
+              At(r), c = s.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              c = o.NONE;
+              c = s.NONE;
           }
           break;
         default:
-          c = o.NONE;
+          c = s.NONE;
       }
-      c !== o.NONE && e.dispatchEvent(Ft);
+      c !== s.NONE && e.dispatchEvent(Bt);
     }
-    function bt(r) {
-      switch (yt(r), c) {
-        case o.TOUCH_ROTATE:
+    function yt(r) {
+      switch (Et(r), c) {
+        case s.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
           ht(r), e.update();
           break;
-        case o.TOUCH_PAN:
+        case s.TOUCH_PAN:
           if (e.enablePan === !1)
             return;
           Me(r), e.update();
           break;
-        case o.TOUCH_DOLLY_PAN:
+        case s.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          ft(r), e.update();
+          pt(r), e.update();
           break;
-        case o.TOUCH_DOLLY_ROTATE:
+        case s.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          pt(r), e.update();
+          mt(r), e.update();
           break;
         default:
-          c = o.NONE;
+          c = s.NONE;
       }
     }
     function ze(r) {
       e.enabled !== !1 && r.preventDefault();
     }
-    function Pt(r) {
-      h.push(r.pointerId);
-    }
     function kt(r) {
+      f.push(r.pointerId);
+    }
+    function jt(r) {
       delete m[r.pointerId];
-      for (let y = 0; y < h.length; y++)
-        if (h[y] == r.pointerId) {
-          h.splice(y, 1);
+      for (let y = 0; y < f.length; y++)
+        if (f[y] == r.pointerId) {
+          f.splice(y, 1);
           return;
         }
     }
-    function yt(r) {
+    function Et(r) {
       let y = m[r.pointerId];
       y === void 0 && (y = new ue(), m[r.pointerId] = y), y.set(r.pageX, r.pageY);
     }
     function xe(r) {
-      const y = r.pointerId === h[0] ? h[1] : h[0];
+      const y = r.pointerId === f[0] ? f[1] : f[0];
       return m[y];
     }
-    e.domElement.addEventListener("contextmenu", ze), e.domElement.addEventListener("pointerdown", Re), e.domElement.addEventListener("pointercancel", _e), e.domElement.addEventListener("wheel", mt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", gt, { passive: !0, capture: !0 }), this.update();
+    e.domElement.addEventListener("contextmenu", ze), e.domElement.addEventListener("pointerdown", _e), e.domElement.addEventListener("pointercancel", Re), e.domElement.addEventListener("wheel", vt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", bt, { passive: !0, capture: !0 }), this.update();
   }
 }
-const xt = (t) => {
+const wt = (t) => {
   const [n, a] = ae(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
-  }, o = (c) => {
+  }, s = (c) => {
     c !== n && (t.onSelect(c), a(c)), t.onToggle(!1);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => o(c), children: c }, c)) })
+    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => s(c), children: c }, c)) })
   ] });
-}, Ie = Sa(function(n, a) {
-  const [e, o] = ae(!1), c = n.options.indexOf(n.camera.name);
+}, Ie = xa(function(n, a) {
+  const [e, s] = ae(!1), c = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
-      e && o(!1);
+      e && s(!1);
     } }),
     /* @__PURE__ */ l.jsx(
-      xt,
+      wt,
       {
         index: c,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
         onToggle: (p) => {
-          o(p);
+          s(p);
         },
         up: !0
       }
     )
   ] });
-}), rn = [
+}), sn = [
   "Single",
   "Side by Side",
   "Stacked",
   "Quad"
 ], ne = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map();
 function Be(t, n) {
-  const a = new Mn(-100, 100, 100, -100, 50, 3e3);
+  const a = new Tn(-100, 100, 100, -100, 50, 3e3);
   return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ne.set(t, a), a;
 }
 Be("Top", new X(0, 1e3, 0));
@@ -3460,48 +3446,48 @@ Be("Right", new X(1e3, 0, 0));
 Be("Front", new X(0, 0, 1e3));
 Be("Back", new X(0, 0, -1e3));
 Be("Orthographic", new X(1e3, 1e3, 1e3));
-const Mt = new Bt(60, 1, 50, 3e3);
-Mt.name = "Debug";
-Mt.position.set(500, 500, 500);
-Mt.lookAt(0, 0, 0);
-ne.set("Debug", Mt);
+const Tt = new Ut(60, 1, 50, 3e3);
+Tt.name = "Debug";
+Tt.position.set(500, 500, 500);
+Tt.lookAt(0, 0, 0);
+ne.set("Debug", Tt);
 const on = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], vi = new fa(), gi = new pa(), bi = new Wa(), yi = new ma({
+], mi = new pa(), vi = new ma(), gi = new Ha(), bi = new va({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let Ct = "Renderer";
-const V = new Tn();
+let St = "Renderer";
+const V = new _n();
 V.name = "Debug Scene";
-let be = new Tn();
+let be = new _n();
 V.add(be);
-const ct = new va();
-ct.name = "helpers";
-V.add(ct);
-const Ei = new Ga();
-ct.add(Ei);
-const Fn = new Rn(500);
-Fn.name = "axisHelper";
-ct.add(Fn);
-const st = new Rn(100);
-st.name = "interactionHelper";
-ct.add(st);
-st.visible = !1;
-let St = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
-function Fi(t) {
-  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [c, p] = ae(!1), [s, u] = ae(!1), [d, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), S = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), x = (h, m) => {
-    const w = re.get(h.name);
-    w !== void 0 && w.dispose(), re.delete(h.name);
-    const _ = ge.get(h.name);
-    _ !== void 0 && (V.remove(_), _.dispose()), ge.delete(h.name);
-    const Y = new mi(h, m);
-    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, h.name) {
+const lt = new ga();
+lt.name = "helpers";
+V.add(lt);
+const yi = new Ya();
+lt.add(yi);
+const Bn = new Rn(500);
+Bn.name = "axisHelper";
+lt.add(Bn);
+const ct = new Rn(100);
+ct.name = "interactionHelper";
+lt.add(ct);
+ct.visible = !1;
+let xt = !1, G = ne.get("Debug"), se = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), cn = !1;
+function zi(t) {
+  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, s] = ae(null), [c, p] = ae(!1), [o, u] = ae(!1), [d, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), S = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), x = (f, m) => {
+    const w = re.get(f.name);
+    w !== void 0 && w.dispose(), re.delete(f.name);
+    const R = ge.get(f.name);
+    R !== void 0 && (V.remove(R), R.dispose()), ge.delete(f.name);
+    const Y = new pi(f, m);
+    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, f.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -3511,18 +3497,18 @@ function Fi(t) {
         Y.enableRotate = !1;
         break;
     }
-    if (re.set(h.name, Y), h instanceof Bt) {
-      const U = new ya(h);
-      ge.set(h.name, U), V.add(U);
+    if (re.set(f.name, Y), f instanceof Ut) {
+      const U = new Ea(f);
+      ge.set(f.name, U), V.add(U);
     }
-  }, z = (h) => {
-    const m = ge.get(h.name);
-    m !== void 0 && (V.remove(m), m.dispose(), ge.delete(h.name));
-    const w = re.get(h.name);
-    w !== void 0 && (w.dispose(), re.delete(h.name));
+  }, z = (f) => {
+    const m = ge.get(f.name);
+    m !== void 0 && (V.remove(m), m.dispose(), ge.delete(f.name));
+    const w = re.get(f.name);
+    w !== void 0 && (w.dispose(), re.delete(f.name));
   }, Ee = () => {
-    re.forEach((h, m) => {
-      h.dispose();
+    re.forEach((f, m) => {
+      f.dispose();
       const w = ge.get(m);
       w !== void 0 && (V.remove(w), w.dispose()), ge.delete(m), re.delete(m);
     }), re.clear(), ge.clear();
@@ -3533,73 +3519,73 @@ function Fi(t) {
         break;
       case "Side by Side":
       case "Stacked":
-        x(G, M.current), x(oe, P.current);
+        x(G, M.current), x(se, P.current);
         break;
       case "Quad":
-        x(G, M.current), x(oe, P.current), x(Le, H.current), x(Ne, B.current);
+        x(G, M.current), x(se, P.current), x(Le, H.current), x(Ne, B.current);
         break;
     }
   };
   we(() => {
-    const h = new ga({
+    const f = new ba({
       canvas: E.current,
       stencil: !1
     });
-    h.autoClear = !1, h.shadowMap.enabled = !0, h.setPixelRatio(devicePixelRatio), h.setClearColor(0), o(h);
+    f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), s(f);
   }, []), we(() => {
-    const h = (_) => {
-      jn(be), V.remove(be);
-      const Y = t.scenes.get(_.value.name);
+    const f = (R) => {
+      Dn(be), V.remove(be);
+      const Y = t.scenes.get(R.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), sn = !0;
+        t.onSceneSet !== void 0 && t.onSceneSet(U), be = U, t.three.scene = be, V.add(be), cn = !0;
       }
-    }, m = (_) => {
-      const Y = _.value, U = t.three.scene?.getObjectByProperty("uuid", Y.uuid);
+    }, m = (R) => {
+      const Y = R.value, U = t.three.scene?.getObjectByProperty("uuid", Y.uuid);
       U !== void 0 && ne.set(Y.name, U), b(Date.now());
-    }, w = (_) => {
-      ne.delete(_.value.name), b(Date.now());
+    }, w = (R) => {
+      ne.delete(R.value.name), b(Date.now());
     };
-    return k.addEventListener(j.SET_SCENE, h), k.addEventListener(j.ADD_CAMERA, m), k.addEventListener(j.REMOVE_CAMERA, w), () => {
-      k.removeEventListener(j.SET_SCENE, h), k.removeEventListener(j.ADD_CAMERA, m), k.removeEventListener(j.REMOVE_CAMERA, w);
+    return k.addEventListener(j.SET_SCENE, f), k.addEventListener(j.ADD_CAMERA, m), k.addEventListener(j.REMOVE_CAMERA, w), () => {
+      k.removeEventListener(j.SET_SCENE, f), k.removeEventListener(j.ADD_CAMERA, m), k.removeEventListener(j.REMOVE_CAMERA, w);
     };
   }, []), we(() => {
     if (e === null)
       return;
-    let h = window.innerWidth, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), Y = -1;
+    let f = window.innerWidth, m = window.innerHeight, w = Math.floor(f / 2), R = Math.floor(m / 2), Y = -1;
     const U = () => {
-      h = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), e.setSize(h, m);
-      let T = h, N = m;
+      f = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(f / 2), R = Math.floor(m / 2), e.setSize(f, m);
+      let T = f, N = m;
       switch (n) {
         case "Side by Side":
           T = w, N = m;
           break;
         case "Stacked":
-          T = h, N = _;
+          T = f, N = R;
           break;
         case "Quad":
-          T = w, N = _;
+          T = w, N = R;
           break;
       }
       ne.forEach((J) => {
-        J instanceof Mn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof Bt && (J.aspect = T / N, J.updateProjectionMatrix(), ge.get(J.name)?.update());
+        J instanceof Tn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof Ut && (J.aspect = T / N, J.updateProjectionMatrix(), ge.get(J.name)?.update());
       });
     }, $ = () => {
-      e.setViewport(0, 0, h, m), e.setScissor(0, 0, h, m), e.render(V, G);
+      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, 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, oe);
+        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, se);
       else {
-        const T = m - _;
-        e.setViewport(0, T, h, _), e.setScissor(0, T, h, _), e.render(V, G), e.setViewport(0, 0, h, _), e.setScissor(0, 0, h, _), e.render(V, oe);
+        const T = m - R;
+        e.setViewport(0, T, f, R), e.setScissor(0, T, f, R), e.render(V, G), e.setViewport(0, 0, f, R), e.setScissor(0, 0, f, R), e.render(V, se);
       }
     }, W = () => {
       let T = 0, N = 0;
-      N = m - _, T = 0, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, G), T = w, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, oe), N = 0, T = 0, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, Le), T = w, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, Ne);
+      N = m - R, T = 0, e.setViewport(T, N, w, R), e.setScissor(T, N, w, R), e.render(V, G), T = w, e.setViewport(T, N, w, R), e.setScissor(T, N, w, R), e.render(V, se), N = 0, T = 0, e.setViewport(T, N, w, R), e.setScissor(T, N, w, R), e.render(V, Le), T = w, e.setViewport(T, N, w, R), e.setScissor(T, N, w, R), e.render(V, Ne);
     }, q = () => {
       switch (re.forEach((T) => {
         T.update();
-      }), t.onSceneUpdate !== void 0 && sn && t.onSceneUpdate(be), e.clear(), n) {
+      }), t.onSceneUpdate !== void 0 && cn && t.onSceneUpdate(be), e.clear(), n) {
         case "Single":
           $();
           break;
@@ -3618,23 +3604,23 @@ function Fi(t) {
     };
   }, [n, e]), we(() => {
     if (e !== null) {
-      const h = new ba(), m = new ue(), w = ($, I, W, q) => {
+      const f = new ya(), m = new ue(), w = ($, I, W, q) => {
         switch (n) {
           case "Quad":
-            $ < W ? I < q ? h.setFromCamera(m, G) : h.setFromCamera(m, Le) : I < q ? h.setFromCamera(m, oe) : h.setFromCamera(m, Ne);
+            $ < W ? I < q ? f.setFromCamera(m, G) : f.setFromCamera(m, Le) : I < q ? f.setFromCamera(m, se) : f.setFromCamera(m, Ne);
             break;
           case "Side by Side":
-            $ < W ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
+            $ < W ? f.setFromCamera(m, G) : f.setFromCamera(m, se);
             break;
           case "Single":
-            h.setFromCamera(m, G);
+            f.setFromCamera(m, G);
             break;
           case "Stacked":
-            I < q ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
+            I < q ? f.setFromCamera(m, G) : f.setFromCamera(m, se);
             break;
         }
-      }, _ = ($) => {
-        if (!St)
+      }, R = ($) => {
+        if (!xt)
           return;
         const I = new ue();
         e.getSize(I);
@@ -3657,137 +3643,137 @@ function Fi(t) {
             break;
         }
         w(W, q, T, N);
-        const Ce = h.intersectObjects(be.children);
-        Ce.length > 0 && st.position.copy(Ce[0].point);
+        const Ce = f.intersectObjects(be.children);
+        Ce.length > 0 && ct.position.copy(Ce[0].point);
       }, Y = ($) => {
-        if (!St)
+        if (!xt)
           return;
         const I = new ue();
         if (e.getSize(I), $.clientX >= I.x)
           return;
-        _($);
-        const W = h.intersectObjects(be.children);
+        R($);
+        const W = f.intersectObjects(be.children);
         W.length > 0 && t.three.getObject(W[0].object.uuid);
       }, U = S.current;
-      return U.addEventListener("mousemove", _, !1), U.addEventListener("click", Y, !1), () => {
-        U.removeEventListener("mousemove", _), U.removeEventListener("click", Y);
+      return U.addEventListener("mousemove", R, !1), U.addEventListener("click", Y, !1), () => {
+        U.removeEventListener("mousemove", R), U.removeEventListener("click", Y);
       };
     }
   }, [n, e]);
-  const se = [];
-  return ne.forEach((h, m) => {
-    se.push(m);
+  const oe = [];
+  return ne.forEach((f, m) => {
+    oe.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: S, children: [
-      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
+      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ie, { camera: G, options: oe, ref: M, onSelect: (f) => {
         re.get(G.name)?.dispose();
-        const m = ne.get(h);
+        const m = ne.get(f);
         m !== void 0 && (z(G), G = m, x(m, M.current));
       } }) }),
       (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: oe, ref: M, onSelect: (f) => {
           re.get(G.name)?.dispose();
-          const m = ne.get(h);
+          const m = ne.get(f);
           m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (h) => {
-          re.get(oe.name)?.dispose();
-          const m = ne.get(h);
-          m !== void 0 && (z(oe), oe = m, x(m, P.current));
+        /* @__PURE__ */ l.jsx(Ie, { camera: se, options: oe, ref: P, onSelect: (f) => {
+          re.get(se.name)?.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (z(se), se = m, x(m, P.current));
         } })
       ] }),
       n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: oe, ref: M, onSelect: (f) => {
           re.get(G.name)?.dispose();
-          const m = ne.get(h);
+          const m = ne.get(f);
           m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (h) => {
-          re.get(oe.name)?.dispose();
-          const m = ne.get(h);
-          m !== void 0 && (z(oe), oe = m, x(m, P.current));
+        /* @__PURE__ */ l.jsx(Ie, { camera: se, options: oe, ref: P, onSelect: (f) => {
+          re.get(se.name)?.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (z(se), se = m, x(m, P.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: se, ref: H, onSelect: (h) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: oe, ref: H, onSelect: (f) => {
           re.get(Le.name)?.dispose();
-          const m = ne.get(h);
+          const m = ne.get(f);
           m !== void 0 && (z(Le), Le = m, x(m, H.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: se, ref: B, onSelect: (h) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: oe, ref: B, onSelect: (f) => {
           re.get(Ne.name)?.dispose();
-          const m = ne.get(h);
+          const m = ne.get(f);
           m !== void 0 && (z(Ne), Ne = m, x(m, B.current));
         } })
       ] })
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
       /* @__PURE__ */ l.jsx(
-        xt,
+        wt,
         {
-          index: rn.indexOf(n),
-          options: rn,
-          onSelect: (h) => {
-            h !== n && (Ee(), a(h));
+          index: sn.indexOf(n),
+          options: sn,
+          onSelect: (f) => {
+            f !== n && (Ee(), a(f));
           },
           open: c,
-          onToggle: (h) => {
-            p(h), s && u(!1), d && v(!1);
+          onToggle: (f) => {
+            p(f), o && u(!1), d && v(!1);
           }
         }
       ),
       /* @__PURE__ */ l.jsx(
-        xt,
+        wt,
         {
-          index: on.indexOf(Ct),
+          index: on.indexOf(St),
           options: on,
-          onSelect: (h) => {
-            if (h !== Ct)
-              switch (Ct = h, Ct) {
+          onSelect: (f) => {
+            if (f !== St)
+              switch (St = f, St) {
                 case "Depth":
-                  V.overrideMaterial = vi;
+                  V.overrideMaterial = mi;
                   break;
                 case "Normals":
-                  V.overrideMaterial = gi;
+                  V.overrideMaterial = vi;
                   break;
                 default:
                 case "Renderer":
                   V.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = yi;
+                  V.overrideMaterial = bi;
                   break;
                 case "UVs":
-                  V.overrideMaterial = bi;
+                  V.overrideMaterial = gi;
                   break;
               }
           },
-          open: s,
-          onToggle: (h) => {
-            c && p(!1), u(h), d && v(!1);
+          open: o,
+          onToggle: (f) => {
+            c && p(!1), u(f), d && v(!1);
           }
         }
       ),
       /* @__PURE__ */ l.jsx(
-        xt,
+        wt,
         {
           index: 0,
           options: [
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (h) => {
-            St = h === "Selection Mode", st.visible = St;
+          onSelect: (f) => {
+            xt = f === "Selection Mode", ct.visible = xt;
           },
           open: d,
-          onToggle: (h) => {
-            c && p(!1), s && u(!1), v(h);
+          onToggle: (f) => {
+            c && p(!1), o && u(!1), v(f);
           }
         }
       )
     ] })
   ] });
 }
-function Bi(t) {
+function Yi(t) {
   return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
     /* @__PURE__ */ l.jsx("header", { children: t.header }),
     t.children,
@@ -3795,44 +3781,50 @@ function Bi(t) {
   ] });
 }
 export {
-  Yt as Accordion,
-  Ai as Application,
-  Ot as BaseRemote,
-  Ln as ChildObject,
-  qa as ContainerObject,
-  Fa as Draggable,
-  Na as DraggableItem,
-  Ba as Dropdown,
-  Ua as DropdownItem,
-  Bi as Editor,
-  Ga as InfiniteGridHelper,
+  Gt as Accordion,
+  Ri as Application,
+  Mt as BaseRemote,
+  Nn as ChildObject,
+  Wa as ContainerObject,
+  Ba as Draggable,
+  Fa as DraggableItem,
+  Ua as Dropdown,
+  $a as DropdownItem,
+  Yi as Editor,
+  Ya as InfiniteGridHelper,
   fi as Inspector,
-  Fi as MultiView,
-  In as NavButton,
-  Pi as RemoteComponents,
-  Ii as RemoteController,
+  zi as MultiView,
+  Ln as NavButton,
+  Ai as RemoteComponents,
+  rt as RemoteController,
   Ra as RemoteTheatre,
-  ji as RemoteThree,
-  Di as RemoteTweakpane,
-  Ni as SceneInspector,
-  Li as SidePanel,
+  Fi as RemoteThree,
+  Bi as RemoteTweakpane,
+  $i as SceneInspector,
+  Ui as SidePanel,
   j as ToolEvents,
-  Wa as UVMaterial,
+  Ha as UVMaterial,
   ot as capitalize,
-  Ti as clamp,
-  Oa as colorToHex,
+  Mi as clamp,
+  Ma as colorToHex,
+  Pi as componentsApp,
   k as debugDispatcher,
-  Mi as defaultTheatreCallback,
-  jn as dispose,
-  Ta as disposeMaterial,
+  Oi as defaultTheatreCallback,
+  Dn as dispose,
+  _a as disposeMaterial,
   _i as disposeTexture,
-  Ri as distance,
-  kn as hierarchyUUID,
-  wa as isColor,
-  Pn as noop,
-  xa as randomID,
-  Ma as resetThreeObjects,
-  It as round,
-  ki as theatreEditorApp,
-  Ut as totalThreeObjects
+  Ti as distance,
+  jn as hierarchyUUID,
+  Oa as isColor,
+  kn as noop,
+  wa as randomID,
+  Ta as resetThreeObjects,
+  Lt as round,
+  ki as theatreApp,
+  ji as theatreEditor,
+  Ni as theatreEditorApp,
+  Di as threeApp,
+  Ii as threeEditor,
+  $t as totalThreeObjects,
+  Li as tweakpaneApp
 };