@tomorrowevening/hermes 0.0.41 → 0.0.43

package/dist/hermes.es.js

@@ -1,66 +1,66 @@
-import { PositionalAudio as zn, EventDispatcher as ln, Texture as cn, CubeTexture as Yn, RepeatWrapping as Wt, ShaderMaterial as un, GLSL3 as Gn, DoubleSide as dn, Color as Ot, Mesh as Vn, PlaneGeometry as Hn, FrontSide as Wn, BackSide as Xn, NoBlending as Kn, NormalBlending as qn, AdditiveBlending as Zn, SubtractiveBlending as Jn, MultiplyBlending as Qn, CustomBlending as ea, AddEquation as ta, SubtractEquation as na, ReverseSubtractEquation as aa, MinEquation as ia, MaxEquation as ra, ZeroFactor as fn, OneFactor as pn, SrcColorFactor as hn, OneMinusSrcColorFactor as mn, SrcAlphaFactor as vn, OneMinusSrcAlphaFactor as gn, DstAlphaFactor as bn, OneMinusDstAlphaFactor as yn, DstColorFactor as En, OneMinusDstColorFactor as Cn, SrcAlphaSaturateFactor as oa, ConstantColorFactor as xn, OneMinusConstantColorFactor as wn, ConstantAlphaFactor as Sn, OneMinusConstantAlphaFactor as On, Matrix4 as sa, Vector3 as q, Euler as la, Ray as ca, Plane as ua, MathUtils as da, MOUSE as Ge, TOUCH as Ve, Quaternion as Xt, Spherical as Kt, Vector2 as ue, PerspectiveCamera as Bt, MeshDepthMaterial as fa, MeshNormalMaterial as pa, MeshBasicMaterial as ha, OrthographicCamera as Mn, Scene as Tn, Group as ma, AxesHelper as Rn, WebGLRenderer as va, Raycaster as ga, CameraHelper as ba } from "three";
-import "@theatre/studio";
-import { Pane as ya } from "tweakpane";
-import * as Ea from "@tweakpane/plugin-essentials";
-import _n, { useState as ae, useRef as ye, useEffect as Se, forwardRef as Ca } from "react";
-import { Reorder as An } from "framer-motion";
-const xa = () => {
-}, Si = () => {
+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 st(t) {
+function ot(t) {
   return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
-function Oi(t, n, a) {
+function Mi(t, n, a) {
   return Math.min(n, Math.max(t, a));
 }
-function Mi(t, n) {
+function Ti(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
 function wa() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function Ti(t) {
+function Oa(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function Sa(t) {
-  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), o = (u) => {
-    const p = u.toString(16);
-    return p.length === 1 ? "0" + p : p;
-  }, l = o(n), m = o(a), s = o(e);
-  return "#" + l + m + s;
+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 = 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 Oa = () => {
-  Ut = 0;
-}, Pn = (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) => {
-    Pn(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);
   });
-}, Ri = (t) => {
+}, _i = (t) => {
   t?.dispose();
-}, Ma = (t) => {
+}, _a = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
-}, kn = (t) => {
+}, Dn = (t) => {
   if (t) {
     for (; t.children.length > 0; ) {
       const n = t.children[0];
-      n instanceof zn ? (n.pause(), n.parent && n.parent.remove(n)) : kn(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(), Ma(n.material);
+      n.geometry?.dispose(), _a(n.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class _i {
+class Ri {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -73,12 +73,6 @@ class _i {
   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 _i {
     n && (this._mode = "editor");
   }
 }
-const k = new ln(), D = {
+const k = new ln(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -136,22 +130,15 @@ const k = new ln(), D = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Yt {
+class Mt {
   app;
   constructor(n) {
     this.app = n;
   }
   dispose() {
   }
-  // Remote Controller
-  // Receives App events
-  handleApp(n) {
-  }
-  // Receives Editor events
-  handleEditor(n) {
-  }
 }
-class Ai extends Yt {
+class Ai extends Mt {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -172,64 +159,231 @@ class Ai extends Yt {
       }
     });
   }
-  // Remote Controller
-  // Receives App events
-  handleApp(n) {
-    switch (n.event) {
-      case "selectComponent":
-        k.dispatchEvent({ type: D.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: D.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;
   }
 }
-let He;
-function Pi(t, n, a) {
+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();
+  sheetObjectCBs = /* @__PURE__ */ new Map();
+  sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  activeSheet;
+  static rafDriver = void 0;
+  dispose() {
+    this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  }
+  sheet(n) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    let a = this.sheets.get(n);
+    return a !== void 0 || (a = this.project?.sheet(n), this.sheets.set(n, a)), a;
+  }
+  playSheet(n, a) {
+    this.sheet(n)?.sequence.play(a), this.app.send({
+      event: "playSheet",
+      target: "editor",
+      data: {
+        sheet: n,
+        value: a
+      }
+    });
+  }
+  pauseSheet(n) {
+    this.sheet(n)?.sequence.pause(), this.app.send({
+      event: "pauseSheet",
+      target: "editor",
+      data: {
+        sheet: n
+      }
+    });
+  }
+  clearSheetObjects(n) {
+    this.sheetObjects.forEach((a, e) => {
+      e.search(`${n}_`) > -1 && this.unsubscribe(a);
+    });
+  }
+  sheetObject(n, a, e, s) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    const c = this.sheet(n);
+    if (c === void 0)
+      return;
+    const p = `${n}_${a}`;
+    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" && Oa(E) && (d[b] = {
+            r: E.r,
+            g: E.g,
+            b: E.b,
+            a: E.a
+          });
+        }
+        this.app.send({
+          event: "updateSheetObject",
+          target: "app",
+          data: {
+            sheet: n,
+            sheetObject: p,
+            values: d
+          }
+        });
+      }
+      const v = this.sheetObjectCBs.get(p);
+      v !== void 0 && v(d);
+    });
+    return this.sheetObjectUnsubscribe.set(p, u), o;
+  }
+  unsubscribe(n) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    const a = n.address.sheetId, e = n.address.objectKey;
+    this.sheets.get(a)?.detachObject(e);
+    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());
+  }
+}
+function Ni(t, n, a) {
   if (t.editor) {
-    a.ui.restore(), a.onSelectionChange((m) => {
-      m.length < 1 || m.forEach((s) => {
-        let u = s.address.sheetId, p = "setSheet", v = {};
-        switch (s.type) {
+    a.ui.restore(), a.onSelectionChange((p) => {
+      p.length < 1 || p.forEach((o) => {
+        let u = o.address.sheetId, d = "setSheet", v = {};
+        switch (o.type) {
           case "Theatre_Sheet_PublicAPI":
-            p = "setSheet", v = {
-              sheet: s.address.sheetId
-            }, He = n.sheets.get(s.address.sheetId);
+            d = "setSheet", v = {
+              sheet: o.address.sheetId
+            }, n.activeSheet = n.sheets.get(o.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            p = "setSheetObject", u += `_${s.address.objectKey}`, v = {
+            d = "setSheetObject", u += `_${o.address.objectKey}`, v = {
               id: u,
-              sheet: s.address.sheetId,
-              key: s.address.objectKey
-            }, He = 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: p, target: "app", data: v });
+        t.send({ event: d, target: "app", data: v });
       });
     });
     let e = -1;
-    const o = () => {
-      if (He !== void 0 && e !== He.sequence.position) {
-        e = He.sequence.position;
-        const m = He;
+    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;
         t.send({
           event: "updateTimeline",
           target: "app",
           data: {
             position: e,
-            sheet: m.address.sheetId
+            sheet: p.address.sheetId
           }
         });
       }
-    }, l = () => {
-      o(), requestAnimationFrame(l);
+    }, c = () => {
+      s(), requestAnimationFrame(c);
     };
-    o(), l();
+    s(), c();
   } else
     a.ui.hide();
 }
-function Ta(t) {
+function Aa(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -243,7 +397,7 @@ function Ta(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,
@@ -251,10 +405,10 @@ function Dn(t) {
     children: []
   };
   return t.children.forEach((a) => {
-    n.children.push(Dn(a));
+    n.children.push(In(a));
   }), n;
 }
-function Ra(t) {
+function Pa(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -262,7 +416,7 @@ function Ra(t) {
   }
   return n;
 }
-function _a(t) {
+function ka(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -274,28 +428,28 @@ function _a(t) {
   }
   return !1;
 }
-function We(t) {
+function He(t) {
   const n = {};
   for (const a in t) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || _a(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || 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 cn) {
-              const l = o.source.toJSON();
-              n[a] = { src: l.url };
+        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 Yn && (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] = Ra(n[a]));
+            a === "uniforms" && (n[a] = Pa(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -303,7 +457,7 @@ function We(t) {
   }
   return n;
 }
-function Lt(t) {
+function Nt(t) {
   t.updateMatrix();
   const n = {
     name: t.name,
@@ -328,30 +482,30 @@ function Lt(t) {
   if (a.search("mesh") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
-      }), n.material = o;
+      const s = [];
+      e.material.forEach((c) => {
+        s.push(He(c));
+      }), n.material = s;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else if (a.search("points") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
-      }), n.material = o;
+      const s = [];
+      e.material.forEach((c) => {
+        s.push(He(c));
+      }), n.material = s;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else if (a.search("line") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
-      }), n.material = o;
+      const s = [];
+      e.material.forEach((c) => {
+        s.push(He(c));
+      }), n.material = s;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else
     a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
@@ -381,7 +535,7 @@ function Lt(t) {
     });
   return n;
 }
-function Aa(t, n) {
+function ja(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -418,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 cn(e);
-      o.wrapS = Wt, o.wrapT = Wt, 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 ki extends Yt {
+class Fi extends Mt {
   scene = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
@@ -437,14 +591,14 @@ class ki extends Yt {
     });
   }
   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",
@@ -452,7 +606,7 @@ class ki extends Yt {
         uuid: n,
         key: a,
         value: e,
-        subitem: o
+        subitem: s
       }
     });
   }
@@ -481,8 +635,8 @@ class ki extends Yt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    Oa(), Pn(this.scene);
-    const a = Dn(this.scene);
+    Ta(), jn(this.scene);
+    const a = In(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -492,7 +646,7 @@ class ki extends Yt {
   addCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Lt(n);
+    const a = Nt(n);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -502,50 +656,15 @@ class ki extends Yt {
   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: D.GET_OBJECT, value: n.data });
-        break;
-      case "updateObject":
-        k.dispatchEvent({ type: D.UPDATE_OBJECT, value: n.data });
-        break;
-      case "createTexture":
-        k.dispatchEvent({ type: D.CREATE_TEXTURE, value: n.data });
-        break;
-      case "requestMethod":
-        k.dispatchEvent({ type: D.REQUEST_METHOD, value: n.data });
-        break;
-    }
-  }
-  // Receives Editor events
-  handleEditor(n) {
-    switch (n.event) {
-      case "setObject":
-        k.dispatchEvent({ type: D.SET_OBJECT, value: n.data });
-        break;
-      case "setScene":
-        k.dispatchEvent({ type: D.SET_SCENE, value: n.data });
-        break;
-      case "addCamera":
-        k.dispatchEvent({ type: D.ADD_CAMERA, value: n.data });
-        break;
-      case "removeCamera":
-        k.dispatchEvent({ type: D.REMOVE_CAMERA, value: n.data });
-        break;
-    }
-  }
 }
-class Di extends Yt {
+class Bi extends Mt {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -556,7 +675,7 @@ class Di extends Yt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new ya({ title: "GUI" }), this.pane.registerPlugin(Ea);
+    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);
@@ -581,14 +700,14 @@ class Di extends Yt {
     return `debug_${Math.max(this.appCallbacks, this.editorCallbacks)}`;
   }
   // Binding
-  bind(n, a, e, o = void 0) {
-    const l = this.bindID, m = e.onChange !== void 0 ? e.onChange : xa;
-    this.bindCBs.set(l, m), 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",
         data: {
-          id: l,
+          id: c,
           value: u.value
         }
       });
@@ -596,10 +715,10 @@ class Di extends Yt {
       event: "bindObject",
       target: "app",
       data: {
-        id: l,
+        id: c,
         name: a,
         params: e,
-        parent: o
+        parent: s
       }
     }), this.appCallbacks++);
   }
@@ -609,20 +728,20 @@ class Di extends Yt {
   }
   // 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
@@ -642,29 +761,8 @@ class Di extends Yt {
     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: {} }, at = {};
+var Yt = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -674,25 +772,25 @@ var zt = { exports: {} }, at = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qt;
-function Pa() {
-  if (qt)
-    return at;
-  qt = 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(s, u, p) {
-    var v, b = {}, E = null, x = null;
-    p !== void 0 && (E = "" + p), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (x = u.ref);
+var Zt;
+function Da() {
+  if (Zt)
+    return nt;
+  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) && !l.hasOwnProperty(v) && (b[v] = u[v]);
-    if (s && s.defaultProps)
-      for (v in u = s.defaultProps, u)
+      e.call(u, v) && !c.hasOwnProperty(v) && (b[v] = u[v]);
+    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: x, props: b, _owner: o.current };
+    return { $$typeof: n, type: o, key: E, ref: S, props: b, _owner: s.current };
   }
-  return at.Fragment = a, at.jsx = m, at.jsxs = m, at;
+  return nt.Fragment = a, nt.jsx = p, nt.jsxs = p, nt;
 }
-var it = {};
+var at = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -702,49 +800,49 @@ var it = {};
  * 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 ka() {
-  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"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
+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 w(i) {
+    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, j = C.getStackAddendum();
-        j !== "" && (f += "%s", g = g.concat([j]));
+        var C = B.ReactDebugCurrentFrame, D = C.getStackAddendum();
+        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, ce = !1, se = !1, d = !1, h = !1, S;
-    S = Symbol.for("react.module.reference");
-    function _(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === l || h || i === o || i === p || i === v || d || i === x || Ee || ce || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === m || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
+    var Ee = !1, le = !1, oe = !1, f = !1, m = !1, w;
+    w = Symbol.for("react.module.reference");
+    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 === S || i.getModuleId !== void 0));
+      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 j = f.displayName || f.name || "";
-      return j !== "" ? g + "(" + j + ")" : g;
+      var D = h.displayName || h.name || "";
+      return D !== "" ? g + "(" + D + ")" : g;
     }
     function U(i) {
       return i.displayName || "Context";
@@ -752,7 +850,7 @@ function ka() {
     function $(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -761,21 +859,21 @@ function ka() {
           return "Fragment";
         case a:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
-        case o:
+        case s:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case s:
-            var f = i;
-            return U(f) + ".Consumer";
-          case m:
+          case o:
+            var h = i;
+            return U(h) + ".Consumer";
+          case p:
             var g = i;
             return U(g._context) + ".Provider";
           case u:
@@ -784,7 +882,7 @@ function ka() {
             var C = i.displayName || null;
             return C !== null ? C : $(i.type) || "Memo";
           case E: {
-            var j = i, F = j._payload, A = j._init;
+            var D = i, F = D._payload, A = D._init;
             try {
               return $(A(F));
             } catch {
@@ -794,18 +892,18 @@ function ka() {
         }
       return null;
     }
-    var I = Object.assign, W = 0, X, T, N, J, me, Ce, ut;
-    function Ke() {
+    var I = Object.assign, W = 0, q, T, N, J, me, Ce, ut;
+    function qe() {
     }
-    Ke.__reactDisabledLog = !0;
-    function Tt() {
+    qe.__reactDisabledLog = !0;
+    function _t() {
       {
         if (W === 0) {
-          X = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, ut = 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,
-            value: Ke,
+            value: qe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -831,7 +929,7 @@ function ka() {
           };
           Object.defineProperties(console, {
             log: I({}, i, {
-              value: X
+              value: q
             }),
             info: I({}, i, {
               value: T
@@ -853,21 +951,21 @@ function ka() {
             })
           });
         }
-        W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var qe = B.ReactCurrentDispatcher, Ze;
-    function Ue(i, f, g) {
+    var Ke = B.ReactCurrentDispatcher, Xe;
+    function Ue(i, h, g) {
       {
-        if (Ze === void 0)
+        if (Xe === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var C = j.stack.trim().match(/\n( *(at )?)/);
-            Ze = C && C[1] || "";
+          } catch (D) {
+            var C = D.stack.trim().match(/\n( *(at )?)/);
+            Xe = C && C[1] || "";
           }
         return `
-` + Ze + i;
+` + Xe + i;
       }
     }
     var $e = !1, Oe;
@@ -875,7 +973,7 @@ function ka() {
       var dt = typeof WeakMap == "function" ? WeakMap : Map;
       Oe = new dt();
     }
-    function ft(i, f) {
+    function ft(i, h) {
       if (!i || $e)
         return "";
       {
@@ -885,12 +983,12 @@ function ka() {
       }
       var C;
       $e = !0;
-      var j = Error.prepareStackTrace;
+      var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = qe.current, qe.current = null, Tt();
+      F = Ke.current, Ke.current = null, _t();
       try {
-        if (f) {
+        if (h) {
           var A = function() {
             throw Error();
           };
@@ -923,45 +1021,45 @@ function ka() {
         }
       } catch (ve) {
         if (ve && C && typeof ve.stack == "string") {
-          for (var R = ve.stack.split(`
-`), le = C.stack.split(`
-`), Z = R.length - 1, Q = le.length - 1; Z >= 1 && Q >= 0 && R[Z] !== le[Q]; )
+          for (var _ = ve.stack.split(`
+`), ce = C.stack.split(`
+`), 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] !== le[Q]) {
+            if (_[Z] !== ce[Q]) {
               if (Z !== 1 || Q !== 1)
                 do
-                  if (Z--, Q--, Q < 0 || R[Z] !== le[Q]) {
-                    var pe = `
-` + R[Z].replace(" at new ", " at ");
-                    return i.displayName && pe.includes("<anonymous>") && (pe = pe.replace("<anonymous>", i.displayName)), typeof i == "function" && Oe.set(i, pe), pe;
+                  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;
             }
         }
       } finally {
-        $e = !1, qe.current = F, Rt(), Error.prepareStackTrace = j;
+        $e = !1, Ke.current = F, Rt(), Error.prepareStackTrace = D;
       }
       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) {
+    function At(i, h, g) {
       return ft(i, !1);
     }
-    function pt(i) {
-      var f = i.prototype;
-      return !!(f && f.isReactComponent);
+    function ht(i) {
+      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 ft(i, pt(i));
+        return ft(i, ht(i));
       if (typeof i == "string")
         return Ue(i);
       switch (i) {
-        case p:
+        case d:
           return Ue("Suspense");
         case v:
           return Ue("SuspenseList");
@@ -969,53 +1067,53 @@ function ka() {
       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, j = C._payload, F = C._init;
+            var C = i, D = C._payload, F = C._init;
             try {
-              return Me(F(j), f, g);
+              return Me(F(D), h, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Te = Object.prototype.hasOwnProperty, ht = {}, mt = 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);
+        var h = i._owner, g = Me(i.type, i._source, h ? h.type : null);
         mt.setExtraStackFrame(g);
       } else
         mt.setExtraStackFrame(null);
     }
-    function Je(i, f, g, C, j) {
+    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 le = 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 le.name = "Invariant Violation", le;
+                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(j), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", g, A, typeof R), Re(null)), R instanceof Error && !(R.message in ht) && (ht[R.message] = !0, Re(j), w("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;
-    function Qe(i) {
-      return _e(i);
+    var Re = Array.isArray;
+    function Je(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;
       }
     }
@@ -1031,41 +1129,41 @@ function ka() {
     }
     function bt(i) {
       if (vt(i))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", At(i)), gt(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 xe = B.ReactCurrentOwner, et = {
+    var Se = B.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, yt, 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 Et(i, f) {
-      if (typeof i.ref == "string" && xe.current && f && xe.current.stateNode !== f) {
-        var g = $(xe.current.type);
-        ze[g] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $(xe.current.type), i.ref), ze[g] = !0);
+    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 we(i, f) {
+    function xe(i, h) {
       {
         var g = function() {
-          tt || (tt = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", 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,
@@ -1073,10 +1171,10 @@ function ka() {
         });
       }
     }
-    function Vt(i, f) {
+    function Vt(i, h) {
       {
         var g = function() {
-          yt || (yt = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", 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,
@@ -1084,57 +1182,57 @@ function ka() {
         });
       }
     }
-    var r = function(i, f, g, C, j, 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: j
-      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+        value: D
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function y(i, f, g, C, j) {
+    function y(i, h, g, C, D) {
       {
-        var F, A = {}, R = null, le = null;
-        g !== void 0 && (bt(g), R = "" + g), kt(f) && (bt(f.key), R = "" + f.key), Pt(f) && (le = f.ref, Et(f, j));
-        for (F in f)
-          Te.call(f, F) && !et.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 || le) {
+        if (_ || ce) {
           var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          R && we(A, Q), le && Vt(A, Q);
+          _ && xe(A, Q), ce && Vt(A, Q);
         }
-        return r(i, R, le, j, C, xe.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);
@@ -1156,149 +1254,149 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function jt(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 "";
       }
     }
-    var nt = {};
-    function he(i) {
+    var tt = {};
+    function pe(i) {
       {
-        var f = Dt();
-        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 fe(i, f) {
+    function fe(i, h) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = he(f);
-        if (nt[g])
+        var g = pe(h);
+        if (tt[g])
           return;
-        nt[g] = !0;
+        tt[g] = !0;
         var C = "";
-        i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), K(null);
+        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 (Qe(i))
+        if (Je(i))
           for (var g = 0; g < i.length; g++) {
             var C = i[g];
-            ie(C) && fe(C, f);
+            ie(C) && fe(C, h);
           }
         else if (ie(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var j = H(i);
-          if (typeof j == "function" && j !== i.entries)
-            for (var F = j.call(i), A; !(A = F.next()).done; )
-              ie(A.value) && fe(A.value, f);
+          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) && 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);
-          Je(g, i.props, "prop", C, i);
-        } else if (f.PropTypes !== void 0 && !de) {
+          var C = $(h);
+          Ze(g, i.props, "prop", C, i);
+        } else if (h.PropTypes !== void 0 && !de) {
           de = !0;
-          var j = $(f);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          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 && w("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), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
+            K(i), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
             break;
           }
         }
-        i.ref !== null && (K(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        i.ref !== null && (K(i), x("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function De(i, f, g, C, j, 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 le = jt(j);
-          le ? R += le : R += Dt();
+          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" : Qe(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
+          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, j, F);
+        var Q = y(i, h, g, D, F);
         if (Q == null)
           return Q;
         if (A) {
-          var pe = f.children;
-          if (pe !== void 0)
+          var he = h.children;
+          if (he !== void 0)
             if (C)
-              if (Qe(pe)) {
-                for (var Ye = 0; Ye < pe.length; Ye++)
-                  Ae(pe[Ye], i);
-                Object.freeze && Object.freeze(pe);
+              if (Je(he)) {
+                for (var Ye = 0; Ye < he.length; Ye++)
+                  Ae(he[Ye], i);
+                Object.freeze && Object.freeze(he);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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(pe, i);
+              Ae(he, i);
         }
         return i === e ? ke(Q) : Pe(Q), Q;
       }
     }
-    function Fn(i, f, g) {
-      return De(i, f, g, !0);
+    function Un(i, h, g) {
+      return je(i, h, g, !0);
     }
-    function Bn(i, f, g) {
-      return De(i, f, g, !1);
+    function $n(i, h, g) {
+      return je(i, h, g, !1);
     }
-    var Un = Bn, $n = Fn;
-    it.Fragment = e, it.jsx = Un, it.jsxs = $n;
-  }()), it;
+    var zn = $n, Yn = Un;
+    at.Fragment = e, at.jsx = zn, at.jsxs = Yn;
+  }()), at;
 }
-process.env.NODE_ENV === "production" ? zt.exports = Pa() : zt.exports = ka();
-var c = zt.exports;
-function jn(t) {
-  return t.title.search("<") > -1 ? /* @__PURE__ */ c.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ c.jsx("button", { children: t.title });
+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 Da = /* @__PURE__ */ c.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
-  /* @__PURE__ */ c.jsx("circle", { cx: "7", cy: "7", r: "6" }),
-  /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
-  /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), ja = /* @__PURE__ */ c.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ c.jsx(
+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" })
+] }), 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
@@ -1306,46 +1404,46 @@ 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 Ia(t) {
-  return /* @__PURE__ */ c.jsx(An.Item, { value: t.title, children: /* @__PURE__ */ c.jsxs("div", { children: [
-    ja,
-    /* @__PURE__ */ c.jsx("span", { children: t.title }),
-    /* @__PURE__ */ c.jsx("button", { className: "closeIcon", onClick: () => {
+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: Da })
+    }, children: La })
   ] }) }, t.title);
 }
-function La(t) {
-  const [n, a] = ae(!1), [e, o] = ae(t.options), l = (p) => {
-    t.onDragComplete(p), o(p);
-  }, m = (p) => {
+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(p, 1), l(v);
-  }, s = [];
-  e.forEach((p, v) => {
-    s.push(/* @__PURE__ */ c.jsx(Ia, { index: v, title: p, onDelete: m }, p));
+    v.splice(d, 1), c(v);
+  }, o = [];
+  e.forEach((d, v) => {
+    o.push(/* @__PURE__ */ l.jsx(Fa, { index: v, title: d, onDelete: p }, d));
   });
   let u = "dropdown draggable";
-  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ c.jsx(jn, { title: t.title }),
-    /* @__PURE__ */ c.jsx(An.Group, { axis: "y", values: e, onReorder: l, style: { visibility: n ? "visible" : "hidden" }, children: s })
+  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__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 Na(t) {
+function Ua(t) {
   const [n, a] = ae(!1), e = [];
-  t.options.map((l, m) => {
-    t.onSelect !== void 0 && (l.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Fa, { option: l }, m));
+  t.options.map((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__ */ c.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__ */ c.jsx(jn, { title: t.title }),
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsx(Ln, { title: t.title }),
+        /* @__PURE__ */ l.jsx(
           "ul",
           {
             style: { visibility: n ? "visible" : "hidden" },
@@ -1356,26 +1454,26 @@ function Na(t) {
     }
   );
 }
-function Fa(t) {
+function $a(t) {
   const { option: n } = t, [a, e] = ae("");
-  let o;
+  let s;
   switch (n.type) {
     case "draggable":
-      o = /* @__PURE__ */ c.jsx(
-        La,
+      s = /* @__PURE__ */ l.jsx(
+        Ba,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (l) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(l);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
       );
       break;
     case "dropdown":
-      o = /* @__PURE__ */ c.jsx(
-        Na,
+      s = /* @__PURE__ */ l.jsx(
+        Ua,
         {
           title: n.title,
           options: n.value,
@@ -1385,7 +1483,7 @@ function Fa(t) {
       );
       break;
     case "option":
-      o = /* @__PURE__ */ c.jsx(
+      s = /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
@@ -1396,116 +1494,49 @@ function Fa(t) {
       );
       break;
   }
-  return /* @__PURE__ */ c.jsx("li", { className: a === n.title ? "selected" : "", children: o }, wa());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: s }, wa());
 }
-function ji(t) {
-  function n(e) {
-    switch (t.components.forEach((o) => {
-      o.handleApp(e);
-    }), e.event) {
+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: D.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: D.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 Ba = `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);
-}`, Ua = `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 $a extends un {
+class za extends dn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: Gn,
-      side: dn,
+      glslVersion: Hn,
+      side: fn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1527,24 +1558,100 @@ class $a extends un {
           value: n?.gridOpacity !== void 0 ? n?.gridOpacity : 0.25
         }
       },
-      vertexShader: Ba,
-      fragmentShader: Ua,
+      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 za extends Vn {
+class Ya extends Wn {
   gridMaterial;
   constructor() {
-    const n = new $a();
-    super(new Hn(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 Ya = `#include <common>
+const Ga = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1574,7 +1681,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Ga = `
+}`, Va = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1583,51 +1690,51 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Va extends un {
+class Ha extends dn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: Ya,
-      fragmentShader: Ga
+      vertexShader: Ga,
+      fragmentShader: Va
     });
   }
 }
 function Gt(t) {
   const [n, a] = ae(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
-  return /* @__PURE__ */ c.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
-    /* @__PURE__ */ c.jsxs(
+  return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
+    /* @__PURE__ */ l.jsxs(
       "button",
       {
         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__ */ c.jsx(
+          /* @__PURE__ */ l.jsx(
             "p",
             {
               className: `status ${n ? "open" : ""}`,
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ c.jsx("p", { className: "label", children: st(t.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: ot(t.label) })
         ]
       }
     ),
     t.button,
-    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { children: t.children }) })
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function In(t) {
-  const [n, a] = ae(!1), e = t.child !== void 0 && t.child.children.length > 0, o = [];
-  return t.child !== void 0 && t.child.children.length > 0 && t.child.children.map((l) => {
-    o.push(/* @__PURE__ */ c.jsx(In, { child: l, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ c.jsx(c.Fragment, { children: t.child !== void 0 && /* @__PURE__ */ c.jsxs("div", { className: "childObject", children: [
-    /* @__PURE__ */ c.jsxs("div", { className: "child", children: [
-      e ? /* @__PURE__ */ c.jsx(
+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) => {
+    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(
         "button",
         {
           className: "status",
@@ -1639,7 +1746,7 @@ function In(t) {
           }
         }
       ) : null,
-      /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ l.jsx(
         "button",
         {
           className: "name",
@@ -1652,29 +1759,29 @@ function In(t) {
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ c.jsx("div", { className: `icon ${Ta(t.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(t.child)}` })
     ] }),
-    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.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 Ha(t) {
+function Wa(t) {
   const n = [];
   return t.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ c.jsx(In, { child: a, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ c.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
+    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 Wa = "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(
-      /* @__PURE__ */ c.jsx(Fe, { title: st(a.title), items: a.items }, Math.random())
+    Ka(a) ? n.push(
+      /* @__PURE__ */ l.jsx(Fe, { title: ot(a.title), items: a.items }, Math.random())
     ) : n.push(
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        st,
         {
           title: a.title,
           prop: a.prop,
@@ -1685,19 +1792,19 @@ 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__ */ c.jsx(Gt, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Gt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Ka(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 je(t) {
+function De(t) {
   switch (t) {
     case "alphaMap":
       return "Alpha Map";
@@ -1870,28 +1977,28 @@ function je(t) {
   }
   return t;
 }
-function qa(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 Za() {
+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(l) {
-          n(l.target.result);
-        }, o.readAsDataURL(e);
+        const e = t.files[0], s = new FileReader();
+        s.onload = function(c) {
+          n(c.target.result);
+        }, s.readAsDataURL(e);
       }
     }), t.click();
   });
 }
-const Ja = [
+const Qa = [
   {
     title: "Front",
-    value: Wn
+    value: Kn
   },
   {
     title: "Back",
@@ -1899,58 +2006,58 @@ const Ja = [
   },
   {
     title: "Double",
-    value: dn
+    value: fn
   }
-], Qa = [
+], ei = [
   {
     title: "No Blending",
-    value: Kn
+    value: Zn
   },
   {
     title: "Normal",
-    value: qn
+    value: Jn
   },
   {
     title: "Additive",
-    value: Zn
+    value: Qn
   },
   {
     title: "Subtractive",
-    value: Jn
+    value: ea
   },
   {
     title: "Multiply",
-    value: Qn
+    value: ta
   },
   {
     title: "Custom",
-    value: ea
+    value: na
   }
-], ei = [
+], ti = [
   {
     title: "Add",
-    value: ta
+    value: aa
   },
   {
     title: "Subtract",
-    value: na
+    value: ia
   },
   {
     title: "Reverse Subtract",
-    value: aa
+    value: ra
   },
   {
     title: "Min",
-    value: ia
+    value: sa
   },
   {
     title: "Max",
-    value: ra
+    value: oa
   }
-], ti = [
+], ni = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
@@ -1958,39 +2065,39 @@ const Ja = [
   },
   {
     title: "Src Color",
-    valye: hn
+    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: oa
+    valye: ca
   },
   {
     title: "Constant Color",
@@ -2002,16 +2109,16 @@ const Ja = [
   },
   {
     title: "Constant Alpha",
-    valye: Sn
+    valye: On
   },
   {
     title: "One Minus Constant Alpha",
-    valye: On
+    valye: Mn
   }
-], ni = [
+], ai = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
@@ -2019,35 +2126,35 @@ const Ja = [
   },
   {
     title: "Src Color",
-    valye: hn
+    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",
@@ -2059,218 +2166,218 @@ const Ja = [
   },
   {
     title: "Constant Alpha",
-    valye: Sn
+    valye: On
   },
   {
     title: "One Minus Constant Alpha",
-    valye: On
+    valye: Mn
   }
 ];
-function rt(t, n) {
+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 (!Ka(o))
+  for (const s in t) {
+    if (!Xa(s))
       continue;
-    const l = typeof t[o], m = t[o];
-    if (l === "boolean" || l === "number" || l === "string") {
-      const s = {
-        title: je(o),
-        prop: o,
-        type: l,
-        value: m,
+    const c = typeof t[s], p = t[s];
+    if (c === "boolean" || c === "number" || c === "string") {
+      const o = {
+        title: De(s),
+        prop: s,
+        type: c,
+        value: p,
         min: void 0,
         max: void 0,
-        needsUpdate: l === "boolean",
-        onChange: (p, v) => {
-          a.updateObject(n.uuid, `material.${p}`, v), s.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+        needsUpdate: c === "boolean",
+        onChange: (d, v) => {
+          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.${p}`, v);
+          b !== void 0 && ee(b, `material.${d}`, v);
         }
       };
-      switch (o) {
+      switch (s) {
         case "blending":
-          rt(s, Qa);
+          it(o, ei);
           break;
         case "blendDst":
-          rt(s, ni);
+          it(o, ai);
           break;
         case "blendEquation":
-          rt(s, ei);
+          it(o, ti);
           break;
         case "blendSrc":
-          rt(s, ti);
+          it(o, ni);
           break;
         case "side":
-          rt(s, Ja);
+          it(o, Qa);
           break;
       }
-      qa(o) && (s.value = Number(m), s.type = "range", s.min = 0, s.max = 1, s.step = 0.01);
-      const u = l === "string" && (o === "vertexShader" || o === "fragmentShader");
-      u && (s.disabled = !1, s.latest = s.value, s.onChange = (p, v) => {
-        s.latest = v;
-      }), e.push(s), u && e.push({
-        title: `${st(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);
-          const p = a.scene?.getObjectByProperty("uuid", n.uuid);
-          p !== void 0 && (ee(p, `material.${o}`, s.latest), p.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.${s}`, o.latest), d.material.needsUpdate = !0);
         }
       });
-    } else if (l === "object")
-      if (m.isColor)
+    } else if (c === "object")
+      if (p.isColor)
         e.push({
-          title: je(o),
-          prop: o,
+          title: De(s),
+          prop: s,
           type: "color",
-          value: m,
-          onChange: (s, u) => {
-            const p = new Ot(u);
-            a.updateObject(n.uuid, `material.${s}`, p);
+          value: p,
+          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}`, p);
+            v !== void 0 && ee(v, `material.${o}`, d);
           }
         });
-      else if (Array.isArray(m)) {
-        const s = [];
-        for (const u in m)
-          s.push({
+      else if (Array.isArray(p)) {
+        const o = [];
+        for (const u in p)
+          o.push({
             title: `${u}`,
-            type: `${typeof m[u]}`,
-            value: m[u],
-            onChange: (p, v) => {
-              a.updateObject(n.uuid, `material.${o}`, v);
+            type: `${typeof p[u]}`,
+            value: p[u],
+            onChange: (d, 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: je(o),
-          items: s
+          title: De(s),
+          items: o
         });
       } else {
-        const s = [];
-        for (const u in m) {
-          const p = m[u];
-          switch (typeof p) {
+        const o = [];
+        for (const u in p) {
+          const d = p[u];
+          switch (typeof d) {
             case "boolean":
             case "number":
             case "string":
               u === "src" ? e.push({
-                title: je(o),
+                title: De(s),
                 type: "image",
-                value: p,
+                value: d,
                 onChange: (b, E) => {
-                  a.createTexture(n.uuid, `material.${o}`, E);
-                  const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && $t(E).then((M) => {
-                    ee(x, `material.${o}`, M), ee(x, "material.needsUpdate", !0);
+                  a.createTexture(n.uuid, `material.${s}`, E);
+                  const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && zt(E).then((M) => {
+                    ee(S, `material.${s}`, M), ee(S, "material.needsUpdate", !0);
                   });
                 }
-              }) : s.push({
-                title: `${je(u)}`,
-                prop: `material.${o}.${u}`,
-                type: `${typeof t[o][u]}`,
-                value: m[u],
+              }) : o.push({
+                title: `${De(u)}`,
+                prop: `material.${s}.${u}`,
+                type: `${typeof t[s][u]}`,
+                value: p[u],
                 onChange: (b, E) => {
-                  a.updateObject(n.uuid, `material.${o}.${u}`, E);
-                  const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && ee(x, `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.${s}.${u}`, E);
                 }
               });
               break;
             case "object":
-              if (p.value !== void 0 && p.value.src !== void 0)
-                s.push({
-                  title: je(u),
+              if (d.value !== void 0 && d.value.src !== void 0)
+                o.push({
+                  title: De(u),
                   type: "image",
-                  value: p.value.src,
+                  value: d.value.src,
                   onChange: (b, E) => {
-                    a.createTexture(n.uuid, `material.${o}.${u}.value`, m);
-                    const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && $t(E).then((M) => {
-                      ee(x, `material.${o}.${u}.value`, M);
+                    a.createTexture(n.uuid, `material.${s}.${u}.value`, p);
+                    const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && zt(E).then((M) => {
+                      ee(S, `material.${s}.${u}.value`, M);
                     });
                   }
                 });
-              else if (o === "uniforms") {
-                const b = p.value, E = (x, M, P) => ({
-                  title: x,
+              else if (s === "uniforms") {
+                const b = d.value, E = (S, M, P) => ({
+                  title: S,
                   type: "number",
                   value: P,
                   step: 0.01,
                   onChange: (H, B) => {
-                    const w = `material.uniforms.${u}.value.${M}`;
-                    a.updateObject(n.uuid, w, B);
+                    const x = `material.uniforms.${u}.value.${M}`;
+                    a.updateObject(n.uuid, x, B);
                     const z = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    z !== void 0 && ee(z, w, B);
+                    z !== void 0 && ee(z, x, B);
                   }
                 });
-                if (typeof p.value == "number")
-                  s.push({
+                if (typeof d.value == "number")
+                  o.push({
                     title: u,
                     type: "number",
-                    value: p.value,
-                    onChange: (x, M) => {
-                      const P = `material.${o}.${x}.value`;
+                    value: d.value,
+                    onChange: (S, M) => {
+                      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: p.value,
-                    onChange: (x, M) => {
-                      const P = new Ot(M), H = `material.${o}.${x}.value`;
+                    value: d.value,
+                    onChange: (S, M) => {
+                      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: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y)
                       ]
                     }
                   );
                 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: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y),
-                        E("Z", "z", p.value.z)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z)
                       ]
                     }
                   );
                 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: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y),
-                        E("Z", "z", p.value.z),
-                        E("W", "w", p.value.w)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z),
+                        E("W", "w", d.value.w)
                       ]
                     }
                   );
                 else if (b.elements !== void 0) {
-                  const x = b.elements, M = [];
-                  for (let P = 0; P < x.length; P++)
-                    M.push(E(P.toString(), P.toString(), x[P]));
-                  s.push(
+                  const S = b.elements, M = [];
+                  for (let P = 0; P < S.length; P++)
+                    M.push(E(P.toString(), P.toString(), S[P]));
+                  o.push(
                     {
                       title: u,
                       items: M
@@ -2279,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 p.value}`,
-                  value: p.value,
+                  type: `${typeof d.value}`,
+                  value: d.value,
                   onChange: (b, E) => {
-                    a.updateObject(n.uuid, `material.${o}.${u}.value`, E);
-                    const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && ee(x, `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.${s}.${u}.value`, E);
                   }
                 });
               break;
           }
         }
-        s.length > 0 && e.push({
-          title: je(o),
-          items: s
+        o.length > 0 && e.push({
+          title: De(s),
+          items: o
         });
       }
     else
-      m !== void 0 && console.log("other:", o, l, m);
+      p !== void 0 && console.log("other:", s, c, p);
   }
-  return e.sort((o, l) => o.title < l.title ? -1 : o.title > l.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: () => {
@@ -2308,104 +2415,104 @@ function Jt(t, n, a) {
     }
   }), e;
 }
-function ai(t, n) {
+function ii(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
-    const e = [], o = a.length;
-    for (let l = 0; l < o; l++)
+    const e = [], s = a.length;
+    for (let c = 0; c < s; c++)
       e.push(
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsx(
           Fe,
           {
-            title: `Material ${l}`,
-            items: Jt(a[l], t, n)
+            title: `Material ${c}`,
+            items: Qt(a[c], t, n)
           },
-          `Material ${l}`
+          `Material ${c}`
         )
       );
-    return /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+    return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
   } else
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ l.jsx(
       Fe,
       {
         title: "Material",
-        items: Jt(a, t, n)
+        items: Qt(a, t, n)
       }
     );
 }
-function ot(t) {
+function st(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Sa(t.value));
-  const [a, e] = ae(n), o = ye(null), l = ye(null), m = ye(null);
-  Se(() => {
-    let v = !1, b = -1, E = 0, x = Number(a);
+  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) => {
-      v = !0, E = x, b = z.clientX;
+      v = !0, E = S, b = z.clientX;
     }, P = (z) => {
       if (!v)
         return;
-      const Ee = t.step !== void 0 ? t.step : 1, ce = (z.clientX - b) * Ee;
-      x = Number((E + ce).toFixed(4)), l.current !== null && (l.current.value = x.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, x);
+      const Ee = t.step !== void 0 ? t.step : 1, le = (z.clientX - b) * Ee;
+      S = Number((E + le).toFixed(4)), c.current !== null && (c.current.value = S.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, S);
     }, H = () => {
       v = !1;
     }, B = () => {
       v = !1;
-    }, w = t.type === "number";
-    return w && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
-      w && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
+    }, x = t.type === "number";
+    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", p = (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__ */ c.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: o, children: st(t.title) }, "fieldLabel"),
-    t.type === "string" && !s && /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
+    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: s, children: ot(t.title) }, "fieldLabel"),
+    t.type === "string" && !o && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "string" && s && /* @__PURE__ */ c.jsx(
+    t.type === "string" && o && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
         rows: 10,
         disabled: t.disabled !== void 0 ? t.disabled : !0,
-        onChange: p,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "boolean" && /* @__PURE__ */ c.jsx(
+    t.type === "boolean" && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         checked: a
       }
     ),
-    t.type === "number" && /* @__PURE__ */ c.jsx(
+    t.type === "number" && /* @__PURE__ */ l.jsx(
       "input",
       {
-        ref: l,
+        ref: c,
         type: "number",
         value: a,
         min: t.min,
         max: t.max,
         step: t.step,
         disabled: t.disabled,
-        onChange: p
+        onChange: d
       }
     ),
-    t.type === "range" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, disabled: t.disabled, className: "min" }),
-      /* @__PURE__ */ c.jsx(
+    t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "min" }),
+      /* @__PURE__ */ l.jsx(
         "input",
         {
           disabled: t.disabled,
@@ -2414,15 +2521,15 @@ function ot(t) {
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: p
+          onChange: d
         }
       )
     ] }),
-    t.type === "color" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, disabled: t.disabled, className: "color" }),
-      /* @__PURE__ */ c.jsx("input", { type: "color", value: a, onChange: p, disabled: t.disabled })
+    t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: d, disabled: t.disabled })
     ] }),
-    t.type === "button" && /* @__PURE__ */ c.jsx(
+    t.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
       {
         disabled: t.disabled,
@@ -2432,15 +2539,15 @@ function ot(t) {
         children: t.title
       }
     ),
-    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: m, onClick: () => {
-      Za().then((v) => {
-        m.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
+    t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
+      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 : Wa }),
-    t.type === "option" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx("select", { onChange: p, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ c.jsx("option", { value: v.value, children: st(v.title) }, b)) }) })
+    }, 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";
@@ -2469,37 +2576,37 @@ function Qt(t) {
   }
   return t;
 }
-function ii(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, l) => {
-          n.updateObject(t.uuid, o, l), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const m = n.scene?.getObjectByProperty("uuid", t.uuid);
-          m !== void 0 && (ee(m, o, l), m.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, 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, l) => {
-          n.updateObject(t.uuid, o, l), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const m = n.scene?.getObjectByProperty("uuid", t.uuid);
-          m !== void 0 && (ee(m, o, l), m.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, s, c), p.updateProjectionMatrix());
         }
       });
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Camera",
@@ -2507,29 +2614,29 @@ function ii(t, n) {
     }
   );
 }
-const ri = Math.PI / 180, oi = 180 / Math.PI;
-function Xe(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 si(t) {
-  return t * ri;
+function ci(t) {
+  return t * si;
 }
-function Nt(t) {
+function Ft(t) {
   return t * oi;
 }
 function li(t, n) {
-  const a = new sa();
+  const a = new la();
   a.elements = t.matrix;
-  const e = new q(), o = new la(), l = new q();
-  t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), l.setFromMatrixScale(a));
-  const m = (u, p) => {
-    n.updateObject(t.uuid, u, p);
+  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, p);
-  }, s = (u, p) => {
-    m(u, si(p));
+    v !== void 0 && ee(v, u, d);
+  }, o = (u, d) => {
+    p(u, ci(d));
   };
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Transform",
@@ -2539,81 +2646,81 @@ function li(t, n) {
           prop: "position.x",
           type: "number",
           value: e.x,
-          onChange: m
+          onChange: p
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
           value: e.y,
-          onChange: m
+          onChange: p
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
           value: e.z,
-          onChange: m
+          onChange: p
         },
         {
           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",
           prop: "scale.x",
           type: "number",
-          value: l.x,
+          value: c.x,
           step: 0.01,
-          onChange: m
+          onChange: p
         },
         {
           title: "Scale Y",
           prop: "scale.y",
           type: "number",
-          value: l.y,
+          value: c.y,
           step: 0.01,
-          onChange: m
+          onChange: p
         },
         {
           title: "Scale Z",
           prop: "scale.z",
           type: "number",
-          value: l.z,
+          value: c.z,
           step: 0.01,
-          onChange: m
+          onChange: p
         }
       ]
     }
   );
 }
-function en(t) {
+function tn(t) {
   switch (t) {
     case "color":
       return "Color";
@@ -2632,36 +2739,36 @@ function en(t) {
   }
   return t;
 }
-function ci(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,
-        onChange: (l, m) => {
-          const s = new Ot(m);
-          n.updateObject(t.uuid, l, s);
+        value: s,
+        onChange: (c, p) => {
+          const o = new Ot(p);
+          n.updateObject(t.uuid, c, o);
           const u = n.scene?.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && ee(u, l, 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,
-        onChange: (l, m) => {
-          n.updateObject(t.uuid, l, m);
-          const s = n.scene?.getObjectByProperty("uuid", t.uuid);
-          s !== void 0 && ee(s, l, m);
+        type: typeof s,
+        value: s,
+        step: typeof s == "number" ? 0.01 : void 0,
+        onChange: (c, p) => {
+          n.updateObject(t.uuid, c, p);
+          const o = n.scene?.getObjectByProperty("uuid", t.uuid);
+          o !== void 0 && ee(o, c, p);
         }
       }));
     }
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Light",
@@ -2669,17 +2776,17 @@ function ci(t, n) {
     }
   );
 }
-function ui(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
         },
         {
@@ -2703,21 +2810,21 @@ function ui(t, n) {
     title: "Animations",
     items: e
   });
-  const l = n.scene?.getObjectByProperty("uuid", t.uuid);
-  let m = !1;
-  if (l !== void 0) {
-    const s = l.mixer;
-    if (m = s !== void 0, m) {
+  const c = n.scene?.getObjectByProperty("uuid", t.uuid);
+  let p = !1;
+  if (c !== void 0) {
+    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: (p, v) => {
-            s.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
+          onChange: (d, v) => {
+            o.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
       ];
@@ -2725,7 +2832,7 @@ function ui(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",
@@ -2733,9 +2840,9 @@ function ui(t, n) {
       });
     }
   }
-  return /* @__PURE__ */ c.jsx(Fe, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(Fe, { title: "Animation", items: a });
 }
-const Ln = {
+const Fn = {
   name: "",
   uuid: "",
   type: "",
@@ -2747,25 +2854,25 @@ const Ln = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let te = { ...Ln };
-function di(t) {
+let te = { ...Fn };
+function fi(t) {
   const [n, a] = ae(-1);
-  Se(() => {
-    function m(u) {
+  we(() => {
+    function p(u) {
       te = { ...u.value }, a(Date.now());
     }
-    function s() {
-      te = { ...Ln }, a(Date.now());
+    function o() {
+      te = { ...Fn }, a(Date.now());
     }
-    return k.addEventListener(D.SET_SCENE, s), k.addEventListener(D.SET_OBJECT, m), () => {
-      k.removeEventListener(D.SET_SCENE, s), k.removeEventListener(D.SET_OBJECT, m);
+    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, l = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
-  return /* @__PURE__ */ c.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx(
-        ot,
+  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(
+        st,
         {
           type: "string",
           title: "Name",
@@ -2774,8 +2881,8 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        st,
         {
           type: "string",
           title: "Type",
@@ -2784,8 +2891,8 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        st,
         {
           type: "string",
           title: "UUID",
@@ -2794,135 +2901,135 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        st,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: te.visible,
-          onChange: (m, s) => {
-            t.three.updateObject(te.uuid, m, 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, m, s);
+            u !== void 0 && ee(u, p, o);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       li(te, t.three),
-      o ? ui(te, t.three) : null,
-      e.search("camera") > -1 ? ii(te, t.three) : null,
-      e.search("light") > -1 ? ci(te, t.three) : null,
-      l ? ai(te, t.three) : null
+      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 Ii(t) {
+function Ui(t) {
   const [n, a] = ae(t.scene);
-  Se(() => {
-    const l = (m) => {
-      a(m.value);
+  we(() => {
+    const c = (p) => {
+      a(p.value);
     };
-    return k.addEventListener(D.SET_SCENE, l), () => {
-      k.removeEventListener(D.SET_SCENE, l);
+    return k.addEventListener(j.SET_SCENE, c), () => {
+      k.removeEventListener(j.SET_SCENE, c);
     };
   }, []);
-  const e = n !== null, o = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
-  return /* @__PURE__ */ c.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ c.jsx(Gt, { label: o, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: e && /* @__PURE__ */ c.jsx(Ha, { child: n, three: t.three }) }) }),
-    /* @__PURE__ */ c.jsx(di, { three: t.three })
+  const e = n !== null, s = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
+  return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
+    /* @__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 Li(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, p) => {
+  }, e = (o, u, d) => {
     if (!n())
       return;
-    const v = t.three.scene?.getObjectByProperty("uuid", s);
-    v !== void 0 && ee(v, u, p);
-  }, o = (s) => {
+    const v = t.three.scene?.getObjectByProperty("uuid", o);
+    v !== void 0 && ee(v, u, d);
+  }, s = (o) => {
     if (!n())
       return;
-    const u = s.value, { key: p, value: v, uuid: b } = u;
-    e(b, p, v);
-  }, l = (s) => {
+    const u = o.value, { key: d, value: v, uuid: b } = u;
+    e(b, d, v);
+  }, c = (o) => {
     if (!n())
       return;
-    const u = s.value;
-    $t(u.value).then((p) => {
-      e(u.uuid, u.key, p), e(u.uuid, "material.needsUpdate", !0);
+    const u = o.value;
+    zt(u.value).then((d) => {
+      e(u.uuid, u.key, d), e(u.uuid, "material.needsUpdate", !0);
     });
-  }, m = (s) => {
+  }, p = (o) => {
     if (!n())
       return;
-    const { key: u, uuid: p, value: v, subitem: b } = s.value, E = t.three.scene?.getObjectByProperty("uuid", p);
+    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 ? Aa(E, b)[u](v) : E[u](v);
-      } catch (x) {
-        console.log("Error requesting method:"), console.log(x), console.log(u), console.log(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 Se(() => (k.addEventListener(D.GET_OBJECT, a), k.addEventListener(D.UPDATE_OBJECT, o), k.addEventListener(D.CREATE_TEXTURE, l), k.addEventListener(D.REQUEST_METHOD, m), () => {
-    k.removeEventListener(D.GET_OBJECT, a), k.removeEventListener(D.UPDATE_OBJECT, o), k.removeEventListener(D.CREATE_TEXTURE, l), k.removeEventListener(D.REQUEST_METHOD, m);
+  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" }, Ct = new ca(), an = new ua(), fi = Math.cos(70 * da.DEG2RAD);
+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 q(), this.cursor = new q(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: 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;
+    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 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) {
-      r.addEventListener("keydown", et), this._domElementKeyEvents = r;
+      r.addEventListener("keydown", Qe), this._domElementKeyEvents = r;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", et), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", Qe), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
-      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(tn), e.update(), l = 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 q(), y = new Xt().setFromUnitVectors(n.up, new q(0, 1, 0)), O = y.clone().invert(), L = new q(), K = new Xt(), de = new q(), ie = 2 * Math.PI;
-      return function(jt = null) {
-        const nt = e.object.position;
-        r.copy(nt).sub(e.target), r.applyQuaternion(y), s.setFromVector3(r), e.autoRotate && l === o.NONE && U(_(jt)), e.enableDamping ? (s.theta += u.theta * e.dampingFactor, s.phi += u.phi * e.dampingFactor) : (s.theta += u.theta, s.phi += u.phi);
-        let he = e.minAzimuthAngle, fe = e.maxAzimuthAngle;
-        isFinite(he) && isFinite(fe) && (he < -Math.PI ? he += ie : he > Math.PI && (he -= ie), fe < -Math.PI ? fe += ie : fe > Math.PI && (fe -= ie), he <= fe ? s.theta = Math.max(he, Math.min(fe, s.theta)) : s.theta = s.theta > (he + fe) / 2 ? Math.max(he, s.theta) : Math.min(fe, 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 * p), r.setFromSpherical(s), r.applyQuaternion(O), nt.copy(e.target).add(r), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
+      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), 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();
-            Pe = me(ke * p);
-            const De = ke - Pe;
-            e.object.position.addScaledVector(Ee, De), e.object.updateMatrixWorld();
+            Pe = me(ke * d);
+            const je = ke - Pe;
+            e.object.position.addScaledVector(Ee, je), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
-            const ke = new q(ce.x, ce.y, 0);
-            ke.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), Ae = !0;
-            const De = new q(ce.x, ce.y, 0);
-            De.unproject(e.object), e.object.position.sub(De).add(ke), e.object.updateMatrixWorld(), Pe = r.length();
+            const ke = new X(le.x, le.y, 0);
+            ke.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix(), Ae = !0;
+            const je = new X(le.x, le.y, 0);
+            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) : (Ct.origin.copy(e.object.position), Ct.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Ct.direction)) < fi ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), Ct.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 = p !== 1, Ae && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix()));
-        return p = 1, se = !1, Ae || L.distanceToSquared(e.object.position) > m || 8 * (1 - K.dot(e.object.quaternion)) > m || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
+          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, 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", vt), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", _e), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", et), 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,
@@ -2932,14 +3039,14 @@ class pi extends ln {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let l = o.NONE;
-    const m = 1e-6, s = new Kt(), u = new Kt();
-    let p = 1;
-    const v = new q(), b = new ue(), E = new ue(), x = new ue(), M = new ue(), P = new ue(), H = new ue(), B = new ue(), w = new ue(), z = new ue(), Ee = new q(), ce = new ue();
-    let se = !1;
-    const d = [], h = {};
-    let S = !1;
-    function _(r) {
+    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 oe = !1;
+    const f = [], m = {};
+    let w = !1;
+    function R(r) {
       return r !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * r : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
     function Y(r) {
@@ -2953,17 +3060,17 @@ class pi extends ln {
       u.phi -= r;
     }
     const I = function() {
-      const r = new q();
+      const r = new X();
       return function(O, L) {
         r.setFromMatrixColumn(L, 0), r.multiplyScalar(-O), v.add(r);
       };
     }(), W = function() {
-      const r = new q();
+      const r = new X();
       return function(O, L) {
         e.screenSpacePanning === !0 ? r.setFromMatrixColumn(L, 1) : (r.setFromMatrixColumn(L, 0), r.crossVectors(e.object.up, r)), r.multiplyScalar(O), v.add(r);
       };
-    }(), X = function() {
-      const r = new q();
+    }(), q = function() {
+      const r = new X();
       return function(O, L) {
         const K = e.domElement;
         if (e.object.isPerspectiveCamera) {
@@ -2976,17 +3083,17 @@ class pi extends ln {
       };
     }();
     function T(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function N(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function J(r, y) {
       if (!e.zoomToCursor)
         return;
-      se = !0;
+      oe = !0;
       const O = e.domElement.getBoundingClientRect(), L = r - O.left, K = y - O.top, de = O.width, ie = O.height;
-      ce.x = L / de * 2 - 1, ce.y = -(K / ie) * 2 + 1, Ee.set(ce.x, ce.y, 1).unproject(e.object).sub(e.object.position).normalize();
+      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();
     }
     function me(r) {
       return Math.max(e.minDistance, Math.min(e.maxDistance, r));
@@ -2997,117 +3104,117 @@ class pi extends ln {
     function ut(r) {
       J(r.clientX, r.clientX), B.set(r.clientX, r.clientY);
     }
-    function Ke(r) {
+    function qe(r) {
       M.set(r.clientX, r.clientY);
     }
-    function Tt(r) {
-      E.set(r.clientX, r.clientY), x.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+    function _t(r) {
+      E.set(r.clientX, r.clientY), S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E), e.update();
+      U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E), e.update();
     }
     function Rt(r) {
-      w.set(r.clientX, r.clientY), z.subVectors(w, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(w), e.update();
+      x.set(r.clientX, r.clientY), z.subVectors(x, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(x), e.update();
     }
-    function qe(r) {
-      P.set(r.clientX, r.clientY), H.subVectors(P, M).multiplyScalar(e.panSpeed), X(H.x, H.y), M.copy(P), e.update();
+    function Ke(r) {
+      P.set(r.clientX, r.clientY), H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P), e.update();
     }
-    function Ze(r) {
+    function Xe(r) {
       J(r.clientX, r.clientY), r.deltaY < 0 ? N(Y(r.deltaY)) : r.deltaY > 0 && T(Y(r.deltaY)), e.update();
     }
     function Ue(r) {
       let y = !1;
       switch (r.code) {
         case e.keys.UP:
-          r.ctrlKey || r.metaKey || r.shiftKey ? $(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(0, e.keyPanSpeed), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? $(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(0, e.keyPanSpeed), y = !0;
           break;
         case e.keys.BOTTOM:
-          r.ctrlKey || r.metaKey || r.shiftKey ? $(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(0, -e.keyPanSpeed), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? $(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(0, -e.keyPanSpeed), y = !0;
           break;
         case e.keys.LEFT:
-          r.ctrlKey || r.metaKey || r.shiftKey ? U(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(e.keyPanSpeed, 0), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? U(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(e.keyPanSpeed, 0), y = !0;
           break;
         case e.keys.RIGHT:
-          r.ctrlKey || r.metaKey || r.shiftKey ? U(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(-e.keyPanSpeed, 0), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? U(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(-e.keyPanSpeed, 0), y = !0;
           break;
       }
       y && (r.preventDefault(), e.update());
     }
     function $e(r) {
-      if (d.length === 1)
+      if (f.length === 1)
         b.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         b.set(O, L);
       }
     }
     function Oe(r) {
-      if (d.length === 1)
+      if (f.length === 1)
         M.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         M.set(O, L);
       }
     }
     function dt(r) {
-      const y = we(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
+      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 ft(r) {
       e.enableZoom && dt(r), e.enablePan && Oe(r);
     }
-    function _t(r) {
+    function At(r) {
       e.enableZoom && dt(r), e.enableRotate && $e(r);
     }
-    function pt(r) {
-      if (d.length == 1)
+    function ht(r) {
+      if (f.length == 1)
         E.set(r.pageX, r.pageY);
       else {
-        const O = we(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
+        const O = xe(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
         E.set(L, K);
       }
-      x.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+      S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E);
+      U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E);
     }
     function Me(r) {
-      if (d.length === 1)
+      if (f.length === 1)
         P.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         P.set(O, L);
       }
-      H.subVectors(P, M).multiplyScalar(e.panSpeed), X(H.x, H.y), M.copy(P);
+      H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P);
     }
     function Te(r) {
-      const y = we(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
-      w.set(0, K), z.set(0, Math.pow(w.y / B.y, e.zoomSpeed)), T(z.y), B.copy(w);
+      const y = xe(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
+      x.set(0, K), z.set(0, Math.pow(x.y / B.y, e.zoomSpeed)), T(z.y), B.copy(x);
       const de = (r.pageX + y.x) * 0.5, ie = (r.pageY + y.y) * 0.5;
       J(de, ie);
     }
-    function ht(r) {
+    function pt(r) {
       e.enableZoom && Te(r), e.enablePan && Me(r);
     }
     function mt(r) {
-      e.enableZoom && Te(r), e.enableRotate && pt(r);
+      e.enableZoom && Te(r), e.enableRotate && ht(r);
     }
-    function Re(r) {
-      e.enabled !== !1 && (d.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Je), e.domElement.addEventListener("pointerup", _e)), Pt(r), r.pointerType === "touch" ? tt(r) : Qe(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 Je(r) {
-      e.enabled !== !1 && (r.pointerType === "touch" ? yt(r) : At(r));
+    function Ze(r) {
+      e.enabled !== !1 && (r.pointerType === "touch" ? yt(r) : Pt(r));
     }
-    function _e(r) {
-      switch (kt(r), d.length) {
+    function Re(r) {
+      switch (jt(r), f.length) {
         case 0:
-          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", _e), e.dispatchEvent(nn), l = 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 = d[0], O = h[y];
-          tt({ pointerId: y, pageX: O.x, pageY: O.y });
+          const y = f[0], O = m[y];
+          et({ pointerId: y, pageX: O.x, pageY: O.y });
           break;
       }
     }
-    function Qe(r) {
+    function Je(r) {
       let y;
       switch (r.button) {
         case 0:
@@ -3126,56 +3233,56 @@ class pi extends ln {
         case Ge.DOLLY:
           if (e.enableZoom === !1)
             return;
-          ut(r), l = o.DOLLY;
+          ut(r), c = s.DOLLY;
           break;
         case Ge.ROTATE:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enablePan === !1)
               return;
-            Ke(r), l = o.PAN;
+            qe(r), c = s.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            Ce(r), l = 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), l = o.ROTATE;
+            Ce(r), c = s.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            Ke(r), l = o.PAN;
+            qe(r), c = s.PAN;
           }
           break;
         default:
-          l = o.NONE;
+          c = s.NONE;
       }
-      l !== o.NONE && e.dispatchEvent(Ft);
+      c !== s.NONE && e.dispatchEvent(Bt);
     }
-    function At(r) {
-      switch (l) {
-        case o.ROTATE:
+    function Pt(r) {
+      switch (c) {
+        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;
-          qe(r);
+          Ke(r);
           break;
       }
     }
     function vt(r) {
-      e.enabled === !1 || e.enableZoom === !1 || l !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ft), Ze(gt(r)), e.dispatchEvent(nn));
+      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 = {
@@ -3191,33 +3298,33 @@ class pi extends ln {
           O.deltaY *= 100;
           break;
       }
-      return r.ctrlKey && !S && (O.deltaY *= 10), O;
+      return r.ctrlKey && !w && (O.deltaY *= 10), O;
     }
     function bt(r) {
-      r.key === "Control" && (S = !0, e.domElement.getRootNode().addEventListener("keyup", xe, { passive: !0, capture: !0 }));
+      r.key === "Control" && (w = !0, e.domElement.getRootNode().addEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
-    function xe(r) {
-      r.key === "Control" && (S = !1, e.domElement.getRootNode().removeEventListener("keyup", xe, { passive: !0, capture: !0 }));
+    function Se(r) {
+      r.key === "Control" && (w = !1, e.domElement.getRootNode().removeEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
-    function et(r) {
+    function Qe(r) {
       e.enabled === !1 || e.enablePan === !1 || Ue(r);
     }
-    function tt(r) {
-      switch (Et(r), d.length) {
+    function et(r) {
+      switch (Et(r), f.length) {
         case 1:
           switch (e.touches.ONE) {
             case Ve.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              $e(r), l = o.TOUCH_ROTATE;
+              $e(r), c = s.TOUCH_ROTATE;
               break;
             case Ve.PAN:
               if (e.enablePan === !1)
                 return;
-              Oe(r), l = o.TOUCH_PAN;
+              Oe(r), c = s.TOUCH_PAN;
               break;
             default:
-              l = o.NONE;
+              c = s.NONE;
           }
           break;
         case 2:
@@ -3225,162 +3332,162 @@ class pi extends ln {
             case Ve.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              ft(r), l = 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), l = o.TOUCH_DOLLY_ROTATE;
+              At(r), c = s.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              l = o.NONE;
+              c = s.NONE;
           }
           break;
         default:
-          l = o.NONE;
+          c = s.NONE;
       }
-      l !== o.NONE && e.dispatchEvent(Ft);
+      c !== s.NONE && e.dispatchEvent(Bt);
     }
     function yt(r) {
-      switch (Et(r), l) {
-        case o.TOUCH_ROTATE:
+      switch (Et(r), c) {
+        case s.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
-          pt(r), e.update();
+          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;
-          ht(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;
           mt(r), e.update();
           break;
         default:
-          l = o.NONE;
+          c = s.NONE;
       }
     }
     function ze(r) {
       e.enabled !== !1 && r.preventDefault();
     }
-    function Pt(r) {
-      d.push(r.pointerId);
-    }
     function kt(r) {
-      delete h[r.pointerId];
-      for (let y = 0; y < d.length; y++)
-        if (d[y] == r.pointerId) {
-          d.splice(y, 1);
+      f.push(r.pointerId);
+    }
+    function jt(r) {
+      delete m[r.pointerId];
+      for (let y = 0; y < f.length; y++)
+        if (f[y] == r.pointerId) {
+          f.splice(y, 1);
           return;
         }
     }
     function Et(r) {
-      let y = h[r.pointerId];
-      y === void 0 && (y = new ue(), h[r.pointerId] = y), y.set(r.pageX, r.pageY);
+      let y = m[r.pointerId];
+      y === void 0 && (y = new ue(), m[r.pointerId] = y), y.set(r.pageX, r.pageY);
     }
-    function we(r) {
-      const y = r.pointerId === d[0] ? d[1] : d[0];
-      return h[y];
+    function xe(r) {
+      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", vt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", bt, { 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 St = (t) => {
+const wt = (t) => {
   const [n, a] = ae(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
-  }, o = (l) => {
-    l !== n && (t.onSelect(l), a(l)), t.onToggle(!1);
+  }, s = (c) => {
+    c !== n && (t.onSelect(c), a(c)), t.onToggle(!1);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
-    /* @__PURE__ */ c.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ c.jsx("ul", { className: "dropdown-menu", children: t.options.map((l) => /* @__PURE__ */ c.jsx("li", { onClick: () => o(l), children: l }, l)) })
+  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: () => s(c), children: c }, c)) })
   ] });
-}, Ie = Ca(function(n, a) {
-  const [e, o] = ae(!1), l = n.options.indexOf(n.camera.name);
-  return /* @__PURE__ */ c.jsxs("div", { className: "CameraWindow", children: [
-    /* @__PURE__ */ c.jsx("div", { ref: a, className: "clickable", onClick: () => {
-      e && o(!1);
+}, 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 && s(!1);
     } }),
-    /* @__PURE__ */ c.jsx(
-      St,
+    /* @__PURE__ */ l.jsx(
+      wt,
       {
-        index: l,
+        index: c,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (m) => {
-          o(m);
+        onToggle: (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 q(0, 1e3, 0));
-Be("Bottom", new q(0, -1e3, 0));
-Be("Left", new q(-1e3, 0, 0));
-Be("Right", new q(1e3, 0, 0));
-Be("Front", new q(0, 0, 1e3));
-Be("Back", new q(0, 0, -1e3));
-Be("Orthographic", new q(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);
+Be("Top", new X(0, 1e3, 0));
+Be("Bottom", new X(0, -1e3, 0));
+Be("Left", new X(-1e3, 0, 0));
+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 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"
-], hi = new fa(), mi = new pa(), vi = new Va(), gi = new ha({
+], mi = new pa(), vi = new ma(), gi = new Ha(), bi = new va({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let xt = "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 ma();
-ct.name = "helpers";
-V.add(ct);
-const bi = new za();
-ct.add(bi);
-const Nn = new Rn(500);
-Nn.name = "axisHelper";
-ct.add(Nn);
-const lt = new Rn(100);
-lt.name = "interactionHelper";
-ct.add(lt);
-lt.visible = !1;
-let wt = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
-function Ni(t) {
-  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [l, m] = ae(!1), [s, u] = ae(!1), [p, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), x = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), w = (d, h) => {
-    const S = re.get(d.name);
-    S !== void 0 && S.dispose(), re.delete(d.name);
-    const _ = ge.get(d.name);
-    _ !== void 0 && (V.remove(_), _.dispose()), ge.delete(d.name);
-    const Y = new pi(d, h);
-    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, d.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":
@@ -3390,95 +3497,95 @@ function Ni(t) {
         Y.enableRotate = !1;
         break;
     }
-    if (re.set(d.name, Y), d instanceof Bt) {
-      const U = new ba(d);
-      ge.set(d.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 = (d) => {
-    const h = ge.get(d.name);
-    h !== void 0 && (V.remove(h), h.dispose(), ge.delete(d.name));
-    const S = re.get(d.name);
-    S !== void 0 && (S.dispose(), re.delete(d.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((d, h) => {
-      d.dispose();
-      const S = ge.get(h);
-      S !== void 0 && (V.remove(S), S.dispose()), ge.delete(h), re.delete(h);
+    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();
-  }, ce = () => {
+  }, le = () => {
     switch (n) {
       case "Single":
-        w(G, M.current);
+        x(G, M.current);
         break;
       case "Side by Side":
       case "Stacked":
-        w(G, M.current), w(oe, P.current);
+        x(G, M.current), x(se, P.current);
         break;
       case "Quad":
-        w(G, M.current), w(oe, P.current), w(Le, H.current), w(Ne, B.current);
+        x(G, M.current), x(se, P.current), x(Le, H.current), x(Ne, B.current);
         break;
     }
   };
-  Se(() => {
-    const d = new va({
+  we(() => {
+    const f = new ba({
       canvas: E.current,
       stencil: !1
     });
-    d.autoClear = !1, d.shadowMap.enabled = !0, d.setPixelRatio(devicePixelRatio), d.setClearColor(0), o(d);
-  }, []), Se(() => {
-    const d = (_) => {
-      kn(be), V.remove(be);
-      const Y = t.scenes.get(_.value.name);
+    f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), s(f);
+  }, []), we(() => {
+    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;
       }
-    }, h = (_) => {
-      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());
-    }, S = (_) => {
-      ne.delete(_.value.name), b(Date.now());
+    }, w = (R) => {
+      ne.delete(R.value.name), b(Date.now());
     };
-    return k.addEventListener(D.SET_SCENE, d), k.addEventListener(D.ADD_CAMERA, h), k.addEventListener(D.REMOVE_CAMERA, S), () => {
-      k.removeEventListener(D.SET_SCENE, d), k.removeEventListener(D.ADD_CAMERA, h), k.removeEventListener(D.REMOVE_CAMERA, S);
+    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);
     };
-  }, []), Se(() => {
+  }, []), we(() => {
     if (e === null)
       return;
-    let d = window.innerWidth, h = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(h / 2), Y = -1;
+    let f = window.innerWidth, m = window.innerHeight, w = Math.floor(f / 2), R = Math.floor(m / 2), Y = -1;
     const U = () => {
-      d = window.innerWidth - 300, h = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(h / 2), e.setSize(d, h);
-      let T = d, N = h;
+      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 = S, N = h;
+          T = w, N = m;
           break;
         case "Stacked":
-          T = d, N = _;
+          T = f, N = R;
           break;
         case "Quad":
-          T = S, 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, d, h), e.setScissor(0, 0, d, h), 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, S, h), e.setScissor(0, 0, S, h), e.render(V, G), e.setViewport(S, 0, S, h), e.setScissor(S, 0, S, h), 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 = h - _;
-        e.setViewport(0, T, d, _), e.setScissor(0, T, d, _), e.render(V, G), e.setViewport(0, 0, d, _), e.setScissor(0, 0, d, _), e.render(V, oe);
+        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 = h - _, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, G), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, oe), N = 0, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Le), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Ne);
-    }, X = () => {
+      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;
@@ -3490,39 +3597,39 @@ function Ni(t) {
           W();
           break;
       }
-      Y = requestAnimationFrame(X);
+      Y = requestAnimationFrame(q);
     };
-    return ce(), window.addEventListener("resize", U), U(), X(), () => {
+    return le(), window.addEventListener("resize", U), U(), q(), () => {
       window.removeEventListener("resize", U), cancelAnimationFrame(Y), Y = -1;
     };
-  }, [n, e]), Se(() => {
+  }, [n, e]), we(() => {
     if (e !== null) {
-      const d = new ga(), h = new ue(), S = ($, I, W, X) => {
+      const f = new ya(), m = new ue(), w = ($, I, W, q) => {
         switch (n) {
           case "Quad":
-            $ < W ? I < X ? d.setFromCamera(h, G) : d.setFromCamera(h, Le) : I < X ? d.setFromCamera(h, oe) : d.setFromCamera(h, 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 ? d.setFromCamera(h, G) : d.setFromCamera(h, oe);
+            $ < W ? f.setFromCamera(m, G) : f.setFromCamera(m, se);
             break;
           case "Single":
-            d.setFromCamera(h, G);
+            f.setFromCamera(m, G);
             break;
           case "Stacked":
-            I < X ? d.setFromCamera(h, G) : d.setFromCamera(h, oe);
+            I < q ? f.setFromCamera(m, G) : f.setFromCamera(m, se);
             break;
         }
-      }, _ = ($) => {
-        if (!wt)
+      }, R = ($) => {
+        if (!xt)
           return;
         const I = new ue();
         e.getSize(I);
-        const W = Math.min($.clientX, I.x), X = Math.min($.clientY, I.y);
-        h.x = Xe(W, 0, I.x, -1, 1), h.y = Xe(X, 0, I.y, 1, -1);
+        const W = Math.min($.clientX, I.x), q = Math.min($.clientY, I.y);
+        m.x = We(W, 0, I.x, -1, 1), m.y = We(q, 0, I.y, 1, -1);
         const T = I.x / 2, N = I.y / 2, J = () => {
-          W < T ? h.x = Xe(W, 0, T, -1, 1) : h.x = Xe(W, T, I.x, -1, 1);
+          W < T ? m.x = We(W, 0, T, -1, 1) : m.x = We(W, T, I.x, -1, 1);
         }, me = () => {
-          X < N ? h.y = Xe(X, 0, N, 1, -1) : h.y = Xe(X, N, I.y, 1, -1);
+          q < N ? m.y = We(q, 0, N, 1, -1) : m.y = We(q, N, I.y, 1, -1);
         };
         switch (n) {
           case "Quad":
@@ -3535,182 +3642,189 @@ function Ni(t) {
             me(), me();
             break;
         }
-        S(W, X, T, N);
-        const Ce = d.intersectObjects(be.children);
-        Ce.length > 0 && lt.position.copy(Ce[0].point);
+        w(W, q, T, N);
+        const Ce = f.intersectObjects(be.children);
+        Ce.length > 0 && ct.position.copy(Ce[0].point);
       }, Y = ($) => {
-        if (!wt)
+        if (!xt)
           return;
         const I = new ue();
         if (e.getSize(I), $.clientX >= I.x)
           return;
-        _($);
-        const W = d.intersectObjects(be.children);
+        R($);
+        const W = f.intersectObjects(be.children);
         W.length > 0 && t.three.getObject(W[0].object.uuid);
-      }, U = x.current;
-      return U.addEventListener("mousemove", _, !1), U.addEventListener("click", Y, !1), () => {
-        U.removeEventListener("mousemove", _), U.removeEventListener("click", Y);
+      }, U = S.current;
+      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((d, h) => {
-    se.push(h);
-  }), /* @__PURE__ */ c.jsxs("div", { className: "multiview", children: [
-    /* @__PURE__ */ c.jsx("canvas", { ref: E }),
-    /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: x, children: [
-      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+  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: oe, ref: M, onSelect: (f) => {
         re.get(G.name)?.dispose();
-        const h = ne.get(d);
-        h !== void 0 && (z(G), G = h, w(h, M.current));
+        const m = ne.get(f);
+        m !== void 0 && (z(G), G = m, x(m, M.current));
       } }) }),
-      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: oe, ref: M, onSelect: (f) => {
           re.get(G.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(G), G = h, w(h, M.current));
+          const m = ne.get(f);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (d) => {
-          re.get(oe.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(oe), oe = h, w(h, 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__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+      n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: oe, ref: M, onSelect: (f) => {
           re.get(G.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(G), G = h, w(h, M.current));
+          const m = ne.get(f);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (d) => {
-          re.get(oe.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(oe), oe = h, w(h, 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__ */ c.jsx(Ie, { camera: Le, options: se, ref: H, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: oe, ref: H, onSelect: (f) => {
           re.get(Le.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(Le), Le = h, w(h, H.current));
+          const m = ne.get(f);
+          m !== void 0 && (z(Le), Le = m, x(m, H.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: Ne, options: se, ref: B, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: oe, ref: B, onSelect: (f) => {
           re.get(Ne.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(Ne), Ne = h, w(h, B.current));
+          const m = ne.get(f);
+          m !== void 0 && (z(Ne), Ne = m, x(m, B.current));
         } })
       ] })
     ] }),
-    /* @__PURE__ */ c.jsxs("div", { className: "settings", children: [
-      /* @__PURE__ */ c.jsx(
-        St,
+    /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
+      /* @__PURE__ */ l.jsx(
+        wt,
         {
-          index: rn.indexOf(n),
-          options: rn,
-          onSelect: (d) => {
-            d !== n && (Ee(), a(d));
+          index: sn.indexOf(n),
+          options: sn,
+          onSelect: (f) => {
+            f !== n && (Ee(), a(f));
           },
-          open: l,
-          onToggle: (d) => {
-            m(d), s && u(!1), p && v(!1);
+          open: c,
+          onToggle: (f) => {
+            p(f), o && u(!1), d && v(!1);
           }
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        St,
+      /* @__PURE__ */ l.jsx(
+        wt,
         {
-          index: on.indexOf(xt),
+          index: on.indexOf(St),
           options: on,
-          onSelect: (d) => {
-            if (d !== xt)
-              switch (xt = d, xt) {
+          onSelect: (f) => {
+            if (f !== St)
+              switch (St = f, St) {
                 case "Depth":
-                  V.overrideMaterial = hi;
+                  V.overrideMaterial = mi;
                   break;
                 case "Normals":
-                  V.overrideMaterial = mi;
+                  V.overrideMaterial = vi;
                   break;
                 default:
                 case "Renderer":
                   V.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = gi;
+                  V.overrideMaterial = bi;
                   break;
                 case "UVs":
-                  V.overrideMaterial = vi;
+                  V.overrideMaterial = gi;
                   break;
               }
           },
-          open: s,
-          onToggle: (d) => {
-            l && m(!1), u(d), p && v(!1);
+          open: o,
+          onToggle: (f) => {
+            c && p(!1), u(f), d && v(!1);
           }
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        St,
+      /* @__PURE__ */ l.jsx(
+        wt,
         {
           index: 0,
           options: [
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (d) => {
-            wt = d === "Selection Mode", lt.visible = wt;
+          onSelect: (f) => {
+            xt = f === "Selection Mode", ct.visible = xt;
           },
-          open: p,
-          onToggle: (d) => {
-            l && m(!1), s && u(!1), v(d);
+          open: d,
+          onToggle: (f) => {
+            c && p(!1), o && u(!1), v(f);
           }
         }
       )
     ] })
   ] });
 }
-function Fi(t) {
-  return /* @__PURE__ */ c.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
-    /* @__PURE__ */ c.jsx("header", { children: t.header }),
+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,
-    /* @__PURE__ */ c.jsx("footer", { children: t.footer })
+    /* @__PURE__ */ l.jsx("footer", { children: t.footer })
   ] });
 }
 export {
   Gt as Accordion,
-  _i as Application,
-  Yt as BaseRemote,
-  In as ChildObject,
-  Ha as ContainerObject,
-  La as Draggable,
-  Ia as DraggableItem,
-  Na as Dropdown,
-  Fa as DropdownItem,
-  Fi as Editor,
-  za as InfiniteGridHelper,
-  di as Inspector,
-  Ni as MultiView,
-  jn as NavButton,
+  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,
+  zi as MultiView,
+  Ln as NavButton,
   Ai as RemoteComponents,
-  ji as RemoteController,
-  ki as RemoteThree,
-  Di as RemoteTweakpane,
-  Li as SceneInspector,
-  Ii as SidePanel,
-  D as ToolEvents,
-  Va as UVMaterial,
-  st as capitalize,
-  Oi as clamp,
-  Sa as colorToHex,
+  rt as RemoteController,
+  Ra as RemoteTheatre,
+  Fi as RemoteThree,
+  Bi as RemoteTweakpane,
+  $i as SceneInspector,
+  Ui as SidePanel,
+  j as ToolEvents,
+  Ha as UVMaterial,
+  ot as capitalize,
+  Mi as clamp,
+  Ma as colorToHex,
+  Pi as componentsApp,
   k as debugDispatcher,
-  Si as defaultTheatreCallback,
-  kn as dispose,
-  Ma as disposeMaterial,
-  Ri as disposeTexture,
-  Mi as distance,
-  Pn as hierarchyUUID,
-  Ti as isColor,
-  xa as noop,
+  Oi as defaultTheatreCallback,
+  Dn as dispose,
+  _a as disposeMaterial,
+  _i as disposeTexture,
+  Ti as distance,
+  jn as hierarchyUUID,
+  Oa as isColor,
+  kn as noop,
   wa as randomID,
-  Oa as resetThreeObjects,
-  It as round,
-  Pi as theatreEditorApp,
-  Ut as totalThreeObjects
+  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
 };