@tomorrowevening/hermes 0.0.44 → 0.0.46

package/dist/hermes.es.js

@@ -1,66 +1,65 @@
-import { PositionalAudio as jn, EventDispatcher as tn, Texture as nn, CubeTexture as Dn, RepeatWrapping as Ut, Color as St, FrontSide as In, BackSide as Ln, DoubleSide as an, NoBlending as Nn, NormalBlending as Fn, AdditiveBlending as Bn, SubtractiveBlending as Un, MultiplyBlending as $n, CustomBlending as zn, AddEquation as Yn, SubtractEquation as Gn, ReverseSubtractEquation as Vn, MinEquation as Hn, MaxEquation as Wn, ZeroFactor as rn, OneFactor as sn, SrcColorFactor as on, OneMinusSrcColorFactor as cn, SrcAlphaFactor as ln, OneMinusSrcAlphaFactor as un, DstAlphaFactor as dn, OneMinusDstAlphaFactor as fn, DstColorFactor as hn, OneMinusDstColorFactor as pn, SrcAlphaSaturateFactor as qn, ConstantColorFactor as mn, OneMinusConstantColorFactor as vn, ConstantAlphaFactor as gn, OneMinusConstantAlphaFactor as bn, Matrix4 as Kn, Vector3 as W, Euler as Xn, Ray as Zn, Plane as Jn, MathUtils as Qn, MOUSE as Xe, TOUCH as Ze, Quaternion as $t, Spherical as zt, Vector2 as he, ShaderMaterial as yn, GLSL3 as ea, Mesh as ta, PlaneGeometry as na, Scene as aa, Group as ia, AxesHelper as Yt, MeshDepthMaterial as ra, MeshNormalMaterial as sa, MeshBasicMaterial as oa, PerspectiveCamera as Rt, WebGLRenderer as ca, Raycaster as la, OrthographicCamera as Gt, CameraHelper as ua } from "three";
-import Vt from "@theatre/studio";
-import { Pane as da } from "tweakpane";
-import * as fa from "@tweakpane/plugin-essentials";
-import En, { useState as oe, useRef as _e, useEffect as Re, forwardRef as ha, useMemo as Ce } from "react";
-import { Reorder as Cn } from "framer-motion";
+import { EventDispatcher as en, Texture as tn, CubeTexture as kn, RepeatWrapping as Ut, Color as St, FrontSide as jn, BackSide as Dn, DoubleSide as nn, NoBlending as In, NormalBlending as Nn, AdditiveBlending as Ln, SubtractiveBlending as Fn, MultiplyBlending as Bn, CustomBlending as Un, AddEquation as $n, SubtractEquation as zn, ReverseSubtractEquation as Yn, MinEquation as Gn, MaxEquation as Vn, ZeroFactor as an, OneFactor as rn, SrcColorFactor as sn, OneMinusSrcColorFactor as on, SrcAlphaFactor as cn, OneMinusSrcAlphaFactor as ln, DstAlphaFactor as dn, OneMinusDstAlphaFactor as un, DstColorFactor as hn, OneMinusDstColorFactor as fn, SrcAlphaSaturateFactor as Hn, ConstantColorFactor as pn, OneMinusConstantColorFactor as mn, ConstantAlphaFactor as vn, OneMinusConstantAlphaFactor as gn, Matrix4 as Wn, Vector3 as W, Euler as qn, Ray as Kn, Plane as Xn, MathUtils as Zn, MOUSE as Xe, TOUCH as Ze, Quaternion as $t, Spherical as zt, Vector2 as fe, ShaderMaterial as bn, GLSL3 as Jn, Mesh as Qn, PlaneGeometry as ea, Scene as ta, Group as na, AxesHelper as Yt, MeshDepthMaterial as aa, MeshNormalMaterial as ia, MeshBasicMaterial as ra, PerspectiveCamera as Rt, WebGLRenderer as sa, Raycaster as oa, OrthographicCamera as Gt, CameraHelper as ca } from "three";
+import { Pane as la } from "tweakpane";
+import * as da from "@tweakpane/plugin-essentials";
+import yn, { useState as oe, useRef as Re, useEffect as _e, forwardRef as ua, useMemo as Se } from "react";
+import { Reorder as En } from "framer-motion";
 const Sn = () => {
-}, ui = () => {
+}, si = () => {
 };
-function ut(e) {
-  return e.substring(0, 1).toUpperCase() + e.substring(1);
+function lt(t) {
+  return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
-function di(e, n, a) {
-  return Math.min(n, Math.max(e, a));
+function oi(t, n, a) {
+  return Math.min(n, Math.max(t, a));
 }
-function fi(e, n) {
-  const a = e - n;
+function ci(t, n) {
+  const a = t - n;
   return Math.sqrt(a * a);
 }
-function pa() {
+function ha() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function ma(e) {
-  return e.r !== void 0 && e.g !== void 0 && e.b !== void 0;
+function fa(t) {
+  return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function va(e) {
-  const n = Math.round(e.r * 255), a = Math.round(e.g * 255), t = Math.round(e.b * 255), r = (u) => {
-    const d = u.toString(16);
-    return d.length === 1 ? "0" + d : d;
-  }, c = r(n), p = r(a), o = r(t);
-  return "#" + c + p + o;
+function pa(t) {
+  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), i = (d) => {
+    const u = d.toString(16);
+    return u.length === 1 ? "0" + u : u;
+  }, o = i(n), h = i(a), c = i(e);
+  return "#" + o + h + c;
 }
-function At(e, n = 1) {
-  return Number(e.toFixed(n));
+function _t(t, n = 1) {
+  return Number(t.toFixed(n));
 }
-let Dt = 0;
-const ga = () => {
-  Dt = 0;
-}, xn = (e) => {
-  if (!e)
+let jt = 0;
+const ma = () => {
+  jt = 0;
+}, Cn = (t) => {
+  if (!t)
     return;
-  let n = e.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Dt}`, Dt++), e.parent !== null && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.children.forEach((a) => {
-    xn(a);
+  let n = t.name.replace(" ", "");
+  n.length === 0 && (n = `obj_${jt}`, jt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+    Cn(a);
   });
-}, hi = (e) => {
-  e?.dispose();
-}, ba = (e) => {
-  e && (Array.isArray(e) ? e.forEach((n) => n.dispose()) : e.dispose());
-}, wn = (e) => {
-  if (e) {
-    for (; e.children.length > 0; ) {
-      const n = e.children[0];
-      n instanceof jn ? (n.pause(), n.parent && n.parent.remove(n)) : wn(n);
-    }
-    if (e.parent && e.parent.remove(e), e.isMesh) {
-      const n = e;
-      n.geometry?.dispose(), ba(n.material);
-    }
-    e.dispose !== void 0 && e.dispose();
+}, li = (t) => {
+  t?.dispose();
+}, va = (t) => {
+  t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
+}, xn = (t) => {
+  if (t) {
+    for (; t.children.length > 0; ) {
+      const n = t.children[0];
+      n.type === "Audio" ? (n.pause(), n.parent && n.parent.remove(n)) : xn(n);
+    }
+    if (t.parent && t.parent.remove(t), t.isMesh) {
+      const n = t;
+      n.geometry?.dispose(), va(n.material);
+    }
+    t.dispose !== void 0 && t.dispose();
   }
 };
-class pi {
+class di {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -70,8 +69,8 @@ class pi {
   _mode = "app";
   _connected = !1;
   _useBC = !1;
-  constructor(n, a, t = !0) {
-    this._debugEnabled = a, a && (this._useBC = t, t ? (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)));
+  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)));
   }
   addComponent(n, a) {
     this.components.set(n, a);
@@ -114,7 +113,7 @@ class pi {
     n && (this._mode = "editor");
   }
 }
-const P = new tn(), k = {
+const P = new en(), k = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -130,15 +129,19 @@ const P = new tn(), k = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class xt {
+class Ct {
   app;
   constructor(n) {
     this.app = n;
   }
   dispose() {
   }
+  handleApp(n, a, e) {
+  }
+  handleEditor(n, a, e) {
+  }
 }
-class mi extends xt {
+class ui extends Ct {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -159,103 +162,25 @@ class mi extends xt {
       }
     });
   }
-}
-function vi(e, n, a) {
-  switch (a.event) {
-    case "selectComponent":
-      P.dispatchEvent({ type: k.SELECT_DROPDOWN, value: a.data });
-      break;
-    case "draggableListUpdate":
-      P.dispatchEvent({ type: k.DRAG_UPDATE, value: a.data });
-      break;
-  }
-}
-function gi(e, n, a) {
-  let t;
-  switch (a.event) {
-    case "setSheet":
-      t = n.sheets.get(a.data.sheet), t !== void 0 && (n.activeSheet = t, Vt.setSelection([t]));
-      break;
-    case "setSheetObject":
-      t = n.sheetObjects.get(`${a.data.sheet}_${a.data.key}`), t !== void 0 && Vt.setSelection([t]);
-      break;
-    case "updateSheetObject":
-      t = n.sheets.get(a.data.sheet), t !== void 0 && t.sequence.pause(), t = n.sheetObjectCBs.get(a.data.sheetObject), t !== void 0 && t(a.data.values);
-      break;
-    case "updateTimeline":
-      t = n.sheets.get(a.data.sheet), n.activeSheet !== void 0 && (n.activeSheet.sequence.position = a.data.position);
-      break;
-  }
-}
-function bi(e, n, a) {
-  if (e.editor)
-    switch (a.event) {
-      case "playSheet":
-        n.sheet(a.data.sheet)?.sequence.play(a.data.value);
+  handleApp(n, a, e) {
+    switch (e.event) {
+      case "selectComponent":
+        P.dispatchEvent({ type: k.SELECT_DROPDOWN, value: e.data });
         break;
-      case "pauseSheet":
-        n.sheet(a.data.sheet)?.sequence.pause();
+      case "draggableListUpdate":
+        P.dispatchEvent({ type: k.DRAG_UPDATE, value: e.data });
         break;
     }
-}
-function yi(e, n, a) {
-  switch (a.event) {
-    case "getObject":
-      P.dispatchEvent({ type: k.GET_OBJECT, value: a.data });
-      break;
-    case "updateObject":
-      P.dispatchEvent({ type: k.UPDATE_OBJECT, value: a.data });
-      break;
-    case "createTexture":
-      P.dispatchEvent({ type: k.CREATE_TEXTURE, value: a.data });
-      break;
-    case "requestMethod":
-      P.dispatchEvent({ type: k.REQUEST_METHOD, value: a.data });
-      break;
   }
 }
-function Ei(e, n, a) {
-  switch (a.event) {
-    case "setObject":
-      P.dispatchEvent({ type: k.SET_OBJECT, value: a.data });
-      break;
-    case "setScene":
-      P.dispatchEvent({ type: k.SET_SCENE, value: a.data });
-      break;
-    case "addCamera":
-      P.dispatchEvent({ type: k.ADD_CAMERA, value: a.data });
-      break;
-    case "removeCamera":
-      P.dispatchEvent({ type: k.REMOVE_CAMERA, value: a.data });
-      break;
-  }
-}
-function Ci(e, 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 ya extends xt {
+class Nt extends Ct {
   project;
   sheets = /* @__PURE__ */ new Map();
   sheetObjects = /* @__PURE__ */ new Map();
   sheetObjectCBs = /* @__PURE__ */ new Map();
   sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
   activeSheet;
+  studio;
   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();
@@ -288,26 +213,26 @@ class ya extends xt {
     });
   }
   clearSheetObjects(n) {
-    this.sheetObjects.forEach((a, t) => {
-      t.search(`${n}_`) > -1 && this.unsubscribe(a);
+    this.sheetObjects.forEach((a, e) => {
+      e.search(`${n}_`) > -1 && this.unsubscribe(a);
     });
   }
-  sheetObject(n, a, t, r) {
+  sheetObject(n, a, e, i) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const c = this.sheet(n);
-    if (c === void 0)
+    const o = this.sheet(n);
+    if (o === void 0)
       return;
-    const p = `${n}_${a}`;
-    let o = this.sheetObjects.get(p);
-    o !== void 0 ? o = c.object(a, { ...t, ...o.value }, { reconfigure: !0 }) : o = c.object(a, t), this.sheetObjects.set(p, o), this.sheetObjectCBs.set(p, r !== void 0 ? r : Sn);
-    const u = o.onValuesChange((d) => {
+    const h = `${n}_${a}`;
+    let c = this.sheetObjects.get(h);
+    c !== void 0 ? c = o.object(a, { ...e, ...c.value }, { reconfigure: !0 }) : c = o.object(a, e), this.sheetObjects.set(h, c), this.sheetObjectCBs.set(h, i !== void 0 ? i : Sn);
+    const d = c.onValuesChange((u) => {
       if (this.app.editor) {
-        for (const b in d) {
-          const E = d[b];
-          typeof E == "object" && ma(E) && (d[b] = {
+        for (const b in u) {
+          const E = u[b];
+          typeof E == "object" && fa(E) && (u[b] = {
             r: E.r,
             g: E.g,
             b: E.b,
@@ -319,105 +244,179 @@ class ya extends xt {
           target: "app",
           data: {
             sheet: n,
-            sheetObject: p,
-            values: d
+            sheetObject: h,
+            values: u
           }
         });
       }
-      const v = this.sheetObjectCBs.get(p);
-      v !== void 0 && v(d);
+      const v = this.sheetObjectCBs.get(h);
+      v !== void 0 && v(u);
     });
-    return this.sheetObjectUnsubscribe.set(p, u), o;
+    return this.sheetObjectUnsubscribe.set(h, d), c;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const a = n.address.sheetId, t = n.address.objectKey;
-    this.sheets.get(a)?.detachObject(t);
-    const c = `${a}_${t}`, p = this.sheetObjectUnsubscribe.get(c);
-    p !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), p());
+    const a = n.address.sheetId, e = n.address.objectKey;
+    this.sheets.get(a)?.detachObject(e);
+    const o = `${a}_${e}`, h = this.sheetObjectUnsubscribe.get(o);
+    h !== void 0 && (this.sheetObjects.delete(o), this.sheetObjectCBs.delete(o), this.sheetObjectUnsubscribe.delete(o), h());
+  }
+  handleApp(n, a, e) {
+    const i = a;
+    let o;
+    switch (e.event) {
+      case "setSheet":
+        o = i.sheets.get(e.data.sheet), o !== void 0 && (i.activeSheet = o, this.studio.setSelection([o]));
+        break;
+      case "setSheetObject":
+        o = i.sheetObjects.get(`${e.data.sheet}_${e.data.key}`), o !== void 0 && this.studio.setSelection([o]);
+        break;
+      case "updateSheetObject":
+        o = i.sheets.get(e.data.sheet), o !== void 0 && o.sequence.pause(), o = i.sheetObjectCBs.get(e.data.sheetObject), o !== void 0 && o(e.data.values);
+        break;
+      case "updateTimeline":
+        o = i.sheets.get(e.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = e.data.position);
+        break;
+    }
+  }
+  handleEditor(n, a, e) {
+    if (n.editor) {
+      const i = a;
+      switch (e.event) {
+        case "playSheet":
+          i.sheet(e.data.sheet)?.sequence.play(e.data.value);
+          break;
+        case "pauseSheet":
+          i.sheet(e.data.sheet)?.sequence.pause();
+          break;
+      }
+    }
+  }
+  handleEditorApp(n, a) {
+    if (n.editor) {
+      this.studio.ui.restore(), this.studio.onSelectionChange((h) => {
+        h.length < 1 || h.forEach((c) => {
+          let d = c.address.sheetId, u = "setSheet", v = {};
+          switch (c.type) {
+            case "Theatre_Sheet_PublicAPI":
+              u = "setSheet", v = {
+                sheet: c.address.sheetId
+              }, a.activeSheet = a.sheets.get(c.address.sheetId);
+              break;
+            case "Theatre_SheetObject_PublicAPI":
+              u = "setSheetObject", d += `_${c.address.objectKey}`, v = {
+                id: d,
+                sheet: c.address.sheetId,
+                key: c.address.objectKey
+              }, a.activeSheet = a.sheets.get(c.address.sheetId);
+              break;
+          }
+          n.send({ event: u, target: "app", data: v });
+        });
+      });
+      let e = -1;
+      const i = () => {
+        if (Nt.rafDriver?.tick(performance.now()), a.activeSheet !== void 0 && e !== a.activeSheet.sequence.position) {
+          e = a.activeSheet.sequence.position;
+          const h = a.activeSheet;
+          n.send({
+            event: "updateTimeline",
+            target: "app",
+            data: {
+              position: e,
+              sheet: h.address.sheetId
+            }
+          });
+        }
+      }, o = () => {
+        i(), requestAnimationFrame(o);
+      };
+      i(), o();
+    } else
+      this.studio.ui.hide();
   }
 }
-function Si(e, n, a) {
-  if (e.editor) {
-    a.ui.restore(), a.onSelectionChange((p) => {
-      p.length < 1 || p.forEach((o) => {
-        let u = o.address.sheetId, d = "setSheet", v = {};
-        switch (o.type) {
+function hi(t, n, a) {
+  if (t.editor) {
+    a.ui.restore(), a.onSelectionChange((h) => {
+      h.length < 1 || h.forEach((c) => {
+        let d = c.address.sheetId, u = "setSheet", v = {};
+        switch (c.type) {
           case "Theatre_Sheet_PublicAPI":
-            d = "setSheet", v = {
-              sheet: o.address.sheetId
-            }, n.activeSheet = n.sheets.get(o.address.sheetId);
+            u = "setSheet", v = {
+              sheet: c.address.sheetId
+            }, n.activeSheet = n.sheets.get(c.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            d = "setSheetObject", u += `_${o.address.objectKey}`, v = {
-              id: u,
-              sheet: o.address.sheetId,
-              key: o.address.objectKey
-            }, n.activeSheet = n.sheets.get(o.address.sheetId);
+            u = "setSheetObject", d += `_${c.address.objectKey}`, v = {
+              id: d,
+              sheet: c.address.sheetId,
+              key: c.address.objectKey
+            }, n.activeSheet = n.sheets.get(c.address.sheetId);
             break;
         }
-        e.send({ event: d, target: "app", data: v });
+        t.send({ event: u, target: "app", data: v });
       });
     });
-    let t = -1;
-    const r = () => {
-      if (ya.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && t !== n.activeSheet.sequence.position) {
-        t = n.activeSheet.sequence.position;
-        const p = n.activeSheet;
-        e.send({
+    let e = -1;
+    const i = () => {
+      if (Nt.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && e !== n.activeSheet.sequence.position) {
+        e = n.activeSheet.sequence.position;
+        const h = n.activeSheet;
+        t.send({
           event: "updateTimeline",
           target: "app",
           data: {
-            position: t,
-            sheet: p.address.sheetId
+            position: e,
+            sheet: h.address.sheetId
           }
         });
       }
-    }, c = () => {
-      r(), requestAnimationFrame(c);
+    }, o = () => {
+      i(), requestAnimationFrame(o);
     };
-    r(), c();
+    i(), o();
   } else
     a.ui.hide();
 }
-function Ea(e) {
-  if (e.name === "cameras")
+function ga(t) {
+  if (t.name === "cameras")
     return "camera";
-  if (e.name === "interactive")
+  if (t.name === "interactive")
     return "interactive";
-  if (e.name === "lights")
+  if (t.name === "lights")
     return "light";
-  if (e.name === "ui")
+  if (t.name === "ui")
     return "ui";
-  if (e.name === "utils")
+  if (t.name === "utils")
     return "utils";
-  const n = e.type;
+  const n = t.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function On(e) {
+function wn(t) {
   const n = {
-    name: e.name,
-    type: e.type,
-    uuid: e.uuid,
+    name: t.name,
+    type: t.type,
+    uuid: t.uuid,
     children: []
   };
-  return e.children.forEach((a) => {
-    n.children.push(On(a));
+  return t.children.forEach((a) => {
+    n.children.push(wn(a));
   }), n;
 }
-function Ca(e) {
+function ba(t) {
   const n = {};
-  for (const a in e) {
-    const t = e[a].value;
-    n[a] = { value: t }, t === null ? n[a].value = { src: "" } : t.isTexture && (n[a].value = { src: t.image.src });
+  for (const a in t) {
+    const e = t[a].value;
+    n[a] = { value: e }, e === null ? n[a].value = { src: "" } : e.isTexture && (n[a].value = { src: e.image.src });
   }
   return n;
 }
-function Sa(e) {
-  switch (e) {
+function ya(t) {
+  switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
     case "blendEquationAlpha":
@@ -428,28 +427,28 @@ function Sa(e) {
   }
   return !1;
 }
-function Je(e) {
+function Je(t) {
   const n = {};
-  for (const a in e) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Sa(a))
+  for (const a in t) {
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ya(a))
       continue;
-    const t = typeof e[a], r = e[a];
-    switch (t) {
+    const e = typeof t[a], i = t[a];
+    switch (e) {
       case "boolean":
       case "number":
       case "string":
-        n[a] = r;
+        n[a] = i;
         break;
       case "object":
-        if (r !== null)
-          if (n[a] = r, r.isTexture)
-            if (r instanceof nn) {
-              const c = r.source.toJSON();
-              n[a] = { src: c.url };
+        if (i !== null)
+          if (n[a] = i, i.isTexture)
+            if (i instanceof tn) {
+              const o = i.source.toJSON();
+              n[a] = { src: o.url };
             } else
-              r instanceof Dn && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
+              i instanceof kn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = Ca(n[a]));
+            a === "uniforms" && (n[a] = ba(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -457,132 +456,133 @@ function Je(e) {
   }
   return n;
 }
-function Pt(e) {
-  e.updateMatrix();
+function At(t) {
+  t.updateMatrix();
   const n = {
-    name: e.name,
-    type: e.type,
-    uuid: e.uuid,
-    visible: e.visible,
-    matrix: e.matrix.elements,
+    name: t.name,
+    type: t.type,
+    uuid: t.uuid,
+    visible: t.visible,
+    matrix: t.matrix.elements,
     animations: [],
     material: void 0,
     perspectiveCameraInfo: void 0,
     orthographicCameraInfo: void 0,
     lightInfo: void 0
   };
-  e.animations.forEach((t) => {
+  t.animations.forEach((e) => {
     n.animations.push({
-      name: t.name,
-      duration: t.duration,
-      blendMode: t.blendMode
+      name: e.name,
+      duration: e.duration,
+      blendMode: e.blendMode
     });
   });
-  const a = e.type.toLowerCase();
+  const a = t.type.toLowerCase();
   if (a.search("mesh") > -1) {
-    const t = e;
-    if (Array.isArray(t.material)) {
-      const r = [];
-      t.material.forEach((c) => {
-        r.push(Je(c));
-      }), n.material = r;
+    const e = t;
+    if (Array.isArray(e.material)) {
+      const i = [];
+      e.material.forEach((o) => {
+        i.push(Je(o));
+      }), n.material = i;
     } else
-      n.material = Je(t.material);
+      n.material = Je(e.material);
   } else if (a.search("points") > -1) {
-    const t = e;
-    if (Array.isArray(t.material)) {
-      const r = [];
-      t.material.forEach((c) => {
-        r.push(Je(c));
-      }), n.material = r;
+    const e = t;
+    if (Array.isArray(e.material)) {
+      const i = [];
+      e.material.forEach((o) => {
+        i.push(Je(o));
+      }), n.material = i;
     } else
-      n.material = Je(t.material);
+      n.material = Je(e.material);
   } else if (a.search("line") > -1) {
-    const t = e;
-    if (Array.isArray(t.material)) {
-      const r = [];
-      t.material.forEach((c) => {
-        r.push(Je(c));
-      }), n.material = r;
+    const e = t;
+    if (Array.isArray(e.material)) {
+      const i = [];
+      e.material.forEach((o) => {
+        i.push(Je(o));
+      }), n.material = i;
     } else
-      n.material = Je(t.material);
+      n.material = Je(e.material);
   } else
-    a.search("camera") > -1 ? e.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
-      fov: e.fov,
-      zoom: e.zoom,
-      near: e.near,
-      far: e.far,
-      focus: e.focus,
-      aspect: e.aspect,
-      filmGauge: e.filmGauge,
-      filmOffset: e.filmOffset
-    } : e.type === "OrthographicCamera" && (n.orthographicCameraInfo = {
-      zoom: e.zoom,
-      near: e.near,
-      far: e.far,
-      left: e.left,
-      right: e.right,
-      top: e.top,
-      bottom: e.bottom
+    a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
+      fov: t.fov,
+      zoom: t.zoom,
+      near: t.near,
+      far: t.far,
+      focus: t.focus,
+      aspect: t.aspect,
+      filmGauge: t.filmGauge,
+      filmOffset: t.filmOffset
+    } : t.type === "OrthographicCamera" && (n.orthographicCameraInfo = {
+      zoom: t.zoom,
+      near: t.near,
+      far: t.far,
+      left: t.left,
+      right: t.right,
+      top: t.top,
+      bottom: t.bottom
     }) : a.search("light") > -1 && (n.lightInfo = {
-      color: e.color,
-      intensity: e.intensity,
-      decay: e.decay,
-      distance: e.distance,
-      angle: e.angle,
-      penumbra: e.penumbra,
-      groundColor: e.groundColor
+      color: t.color,
+      intensity: t.intensity,
+      decay: t.decay,
+      distance: t.distance,
+      angle: t.angle,
+      penumbra: t.penumbra,
+      groundColor: t.groundColor
     });
   return n;
 }
-function xa(e, n) {
+function Ea(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
-      return e[a[0]];
+      return t[a[0]];
     case 2:
-      return e[a[0]][a[1]];
+      return t[a[0]][a[1]];
     case 3:
-      return e[a[0]][a[1]][a[2]];
+      return t[a[0]][a[1]][a[2]];
     case 4:
-      return e[a[0]][a[1]][a[2]][a[3]];
+      return t[a[0]][a[1]][a[2]][a[3]];
     case 5:
-      return e[a[0]][a[1]][a[2]][a[3]][a[4]];
+      return t[a[0]][a[1]][a[2]][a[3]][a[4]];
     case 6:
-      return e[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]];
+      return t[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]];
   }
 }
-function ee(e, n, a) {
-  const t = n.split(".");
-  switch (t.length) {
+function ee(t, n, a) {
+  const e = n.split(".");
+  switch (e.length) {
     case 1:
-      e[t[0]] = a;
+      t[e[0]] = a;
       break;
     case 2:
-      e[t[0]][t[1]] = a;
+      t[e[0]][e[1]] = a;
       break;
     case 3:
-      e[t[0]][t[1]][t[2]] = a;
+      t[e[0]][e[1]][e[2]] = a;
       break;
     case 4:
-      e[t[0]][t[1]][t[2]][t[3]] = a;
+      t[e[0]][e[1]][e[2]][e[3]] = a;
       break;
     case 5:
-      e[t[0]][t[1]][t[2]][t[3]][t[4]] = a;
+      t[e[0]][e[1]][e[2]][e[3]][e[4]] = a;
       break;
   }
 }
-function It(e) {
+function Dt(t) {
   return new Promise((n, a) => {
-    const t = new Image();
-    t.onload = () => {
-      const r = new nn(t);
-      r.wrapS = Ut, r.wrapT = Ut, r.needsUpdate = !0, n(r);
-    }, t.onerror = a, t.src = e;
+    const e = new Image();
+    e.onload = () => {
+      const i = new tn(e);
+      i.wrapS = Ut, i.wrapT = Ut, i.needsUpdate = !0, n(i);
+    }, e.onerror = a, e.src = t;
   });
 }
-class xi extends xt {
+class fi extends Ct {
   scene = void 0;
+  renderer = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
       event: "getObject",
@@ -591,52 +591,52 @@ class xi extends xt {
     });
   }
   setObject(n) {
-    const a = Pt(n);
+    const a = At(n);
     this.app.send({
       event: "setObject",
       target: "editor",
       data: a
     });
   }
-  requestMethod(n, a, t, r) {
+  requestMethod(n, a, e, i) {
     this.app.send({
       event: "requestMethod",
       target: "app",
       data: {
         uuid: n,
         key: a,
-        value: t,
-        subitem: r
+        value: e,
+        subitem: i
       }
     });
   }
-  updateObject(n, a, t) {
+  updateObject(n, a, e) {
     this.app.send({
       event: "updateObject",
       target: "app",
       data: {
         uuid: n,
         key: a,
-        value: t
+        value: e
       }
     });
   }
-  createTexture(n, a, t) {
+  createTexture(n, a, e) {
     this.app.send({
       event: "createTexture",
       target: "app",
       data: {
         uuid: n,
         key: a,
-        value: t
+        value: e
       }
     });
   }
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    ga(), xn(this.scene);
-    const a = On(this.scene);
+    ma(), Cn(this.scene);
+    const a = wn(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -646,7 +646,7 @@ class xi extends xt {
   addCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Pt(n);
+    const a = At(n);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -656,15 +656,47 @@ class xi extends xt {
   removeCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Pt(n);
+    const a = At(n);
     this.app.send({
       event: "removeCamera",
       target: "editor",
       data: a
     });
   }
+  handleApp(n, a, e) {
+    switch (e.event) {
+      case "getObject":
+        P.dispatchEvent({ type: k.GET_OBJECT, value: e.data });
+        break;
+      case "updateObject":
+        P.dispatchEvent({ type: k.UPDATE_OBJECT, value: e.data });
+        break;
+      case "createTexture":
+        P.dispatchEvent({ type: k.CREATE_TEXTURE, value: e.data });
+        break;
+      case "requestMethod":
+        P.dispatchEvent({ type: k.REQUEST_METHOD, value: e.data });
+        break;
+    }
+  }
+  handleEditor(n, a, e) {
+    switch (e.event) {
+      case "setObject":
+        P.dispatchEvent({ type: k.SET_OBJECT, value: e.data });
+        break;
+      case "setScene":
+        P.dispatchEvent({ type: k.SET_SCENE, value: e.data });
+        break;
+      case "addCamera":
+        P.dispatchEvent({ type: k.ADD_CAMERA, value: e.data });
+        break;
+      case "removeCamera":
+        P.dispatchEvent({ type: k.REMOVE_CAMERA, value: e.data });
+        break;
+    }
+  }
 }
-class wi extends xt {
+class pi extends Ct {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -675,14 +707,14 @@ class wi extends xt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new da({ title: "GUI" }), this.pane.registerPlugin(fa);
+    this.pane = new la({ title: "GUI" }), this.pane.registerPlugin(da);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
   }
-  addFolder(n, a = void 0, t = void 0) {
+  addFolder(n, a = void 0, e = void 0) {
     if (this.app.editor)
-      return this.pane === void 0 && this.createGUI(), (t !== void 0 ? t : this.pane).addFolder({
+      return this.pane === void 0 && this.createGUI(), (e !== void 0 ? e : this.pane).addFolder({
         title: n,
         ...a
       });
@@ -692,7 +724,7 @@ class wi extends xt {
       data: {
         name: n,
         params: a,
-        parent: t
+        parent: e
       }
     });
   }
@@ -700,51 +732,51 @@ class wi extends xt {
     return `debug_${Math.max(this.appCallbacks, this.editorCallbacks)}`;
   }
   // Binding
-  bind(n, a, t, r = void 0) {
-    const c = this.bindID, p = t.onChange !== void 0 ? t.onChange : Sn;
-    this.bindCBs.set(c, p), this.app.editor ? (this.pane === void 0 && this.createGUI(), (r !== void 0 ? r : this.pane).addBinding(n, a, t).on("change", (u) => {
+  bind(n, a, e, i = void 0) {
+    const o = this.bindID, h = e.onChange !== void 0 ? e.onChange : Sn;
+    this.bindCBs.set(o, h), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, e).on("change", (d) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: c,
-          value: u.value
+          id: o,
+          value: d.value
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "bindObject",
       target: "app",
       data: {
-        id: c,
+        id: o,
         name: a,
-        params: t,
-        parent: r
+        params: e,
+        parent: i
       }
     }), this.appCallbacks++);
   }
   triggerBind(n, a) {
-    const t = this.bindCBs.get(n);
-    t !== void 0 ? t(a) : console.warn(`No callback for: ${n}`, a);
+    const e = this.bindCBs.get(n);
+    e !== void 0 ? e(a) : console.warn(`No callback for: ${n}`, a);
   }
   // Buttons
-  button(n, a, t = void 0) {
-    const r = this.bindID;
-    this.buttonCBs.set(r, a), this.app.editor ? (this.pane === void 0 && this.createGUI(), (t !== void 0 ? t : this.pane).addButton({ title: n }).on("click", () => {
+  button(n, a, e = void 0) {
+    const i = this.bindID;
+    this.buttonCBs.set(i, 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: r
+          id: i
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "addButton",
       target: "app",
       data: {
-        id: r,
+        id: i,
         name: n,
         callback: a,
-        parent: t
+        parent: e
       }
     }), this.appCallbacks++);
   }
@@ -761,8 +793,28 @@ class wi extends xt {
     for (let a = n; a > -1; --a)
       this.inspectorFolder.remove(this.inspectorFolder.children[a]);
   }
+  handleApp(n, a, e) {
+    const i = a;
+    switch (e.event) {
+      case "addFolder":
+        i.addFolder(e.data.name, e.data.params, e.data.parent);
+        break;
+      case "bindObject":
+        i.bind(e.data.name, e.data.params, e.data.parent);
+        break;
+      case "updateBind":
+        i.triggerBind(e.data.id, e.data.value);
+        break;
+      case "addButton":
+        i.button(e.data.name, e.data.callback, e.data.parent);
+        break;
+      case "clickButton":
+        i.triggerButton(e.data.id);
+        break;
+    }
+  }
 }
-var Lt = { exports: {} }, rt = {};
+var It = { exports: {} }, rt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -772,23 +824,23 @@ var Lt = { exports: {} }, rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ht;
-function wa() {
-  if (Ht)
+var Vt;
+function Sa() {
+  if (Vt)
     return rt;
-  Ht = 1;
-  var e = En, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = e.__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, C = null;
-    d !== void 0 && (E = "" + d), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (C = u.ref);
-    for (v in u)
-      t.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: o, key: E, ref: C, props: b, _owner: r.current };
-  }
-  return rt.Fragment = a, rt.jsx = p, rt.jsxs = p, rt;
+  Vt = 1;
+  var t = yn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(c, d, u) {
+    var v, b = {}, E = null, S = null;
+    u !== void 0 && (E = "" + u), d.key !== void 0 && (E = "" + d.key), d.ref !== void 0 && (S = d.ref);
+    for (v in d)
+      e.call(d, v) && !o.hasOwnProperty(v) && (b[v] = d[v]);
+    if (c && c.defaultProps)
+      for (v in d = c.defaultProps, d)
+        b[v] === void 0 && (b[v] = d[v]);
+    return { $$typeof: n, type: c, key: E, ref: S, props: b, _owner: i.current };
+  }
+  return rt.Fragment = a, rt.jsx = h, rt.jsxs = h, rt;
 }
 var st = {};
 /**
@@ -800,91 +852,91 @@ var st = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Wt;
-function Oa() {
-  return Wt || (Wt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = En, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), r = 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"), C = Symbol.for("react.offscreen"), D = Symbol.iterator, I = "@@iterator";
-    function q(i) {
-      if (i === null || typeof i != "object")
+var Ht;
+function Ca() {
+  return Ht || (Ht = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = yn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = 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"), D = Symbol.iterator, I = "@@iterator";
+    function q(r) {
+      if (r === null || typeof r != "object")
         return null;
-      var f = D && i[D] || i[I];
+      var f = D && r[D] || r[I];
       return typeof f == "function" ? f : null;
     }
-    var B = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function M(i) {
+    var B = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function M(r) {
       {
-        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), S = 1; S < f; S++)
-          g[S - 1] = arguments[S];
-        z("error", i, g);
+        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
+          g[C - 1] = arguments[C];
+        z("error", r, g);
       }
     }
-    function z(i, f, g) {
+    function z(r, f, g) {
       {
-        var S = B.ReactDebugCurrentFrame, j = S.getStackAddendum();
+        var C = B.ReactDebugCurrentFrame, j = C.getStackAddendum();
         j !== "" && (f += "%s", g = g.concat([j]));
-        var N = g.map(function(A) {
+        var L = g.map(function(A) {
           return String(A);
         });
-        N.unshift("Warning: " + f), Function.prototype.apply.call(console[i], console, N);
+        L.unshift("Warning: " + f), Function.prototype.apply.call(console[r], console, L);
       }
     }
     var we = !1, ce = !1, Y = !1, Q = !1, x = !1, Ae;
     Ae = Symbol.for("react.module.reference");
-    function Fe(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === t || i === c || x || i === r || i === d || i === v || Q || i === C || we || ce || Y || 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
+    function Fe(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === e || r === o || x || r === i || r === u || r === v || Q || r === S || we || ce || Y || typeof r == "object" && r !== null && (r.$$typeof === E || r.$$typeof === b || r.$$typeof === h || r.$$typeof === c || r.$$typeof === d || // 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 === Ae || i.getModuleId !== void 0));
+      r.$$typeof === Ae || r.getModuleId !== void 0));
     }
-    function Oe(i, f, g) {
-      var S = i.displayName;
-      if (S)
-        return S;
+    function Oe(r, f, g) {
+      var C = r.displayName;
+      if (C)
+        return C;
       var j = f.displayName || f.name || "";
       return j !== "" ? g + "(" + j + ")" : g;
     }
-    function me(i) {
-      return i.displayName || "Context";
+    function me(r) {
+      return r.displayName || "Context";
     }
-    function te(i) {
-      if (i == null)
+    function te(r) {
+      if (r == null)
         return null;
-      if (typeof i.tag == "number" && M("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;
-      switch (i) {
-        case t:
+      if (typeof r.tag == "number" && M("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case e:
           return "Fragment";
         case a:
           return "Portal";
-        case c:
+        case o:
           return "Profiler";
-        case r:
+        case i:
           return "StrictMode";
-        case d:
+        case u:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
-      if (typeof i == "object")
-        switch (i.$$typeof) {
-          case o:
-            var f = i;
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case c:
+            var f = r;
             return me(f) + ".Consumer";
-          case p:
-            var g = i;
+          case h:
+            var g = r;
             return me(g._context) + ".Provider";
-          case u:
-            return Oe(i, i.render, "ForwardRef");
+          case d:
+            return Oe(r, r.render, "ForwardRef");
           case b:
-            var S = i.displayName || null;
-            return S !== null ? S : te(i.type) || "Memo";
+            var C = r.displayName || null;
+            return C !== null ? C : te(r.type) || "Memo";
           case E: {
-            var j = i, N = j._payload, A = j._init;
+            var j = r, L = j._payload, A = j._init;
             try {
-              return te(A(N));
+              return te(A(L));
             } catch {
               return null;
             }
@@ -892,62 +944,62 @@ function Oa() {
         }
       return null;
     }
-    var de = Object.assign, ve = 0, ge, K, pe, Pe, ke, fe, h;
+    var ue = Object.assign, ve = 0, ge, K, pe, Pe, ke, he, p;
     function m() {
     }
     m.__reactDisabledLog = !0;
     function w() {
       {
         if (ve === 0) {
-          ge = console.log, K = console.info, pe = console.warn, Pe = console.error, ke = console.group, fe = console.groupCollapsed, h = console.groupEnd;
-          var i = {
+          ge = console.log, K = console.info, pe = console.warn, Pe = console.error, ke = console.group, he = console.groupCollapsed, p = console.groupEnd;
+          var r = {
             configurable: !0,
             enumerable: !0,
             value: m,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: i,
-            log: i,
-            warn: i,
-            error: i,
-            group: i,
-            groupCollapsed: i,
-            groupEnd: i
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
           });
         }
         ve++;
       }
     }
-    function _() {
+    function R() {
       {
         if (ve--, ve === 0) {
-          var i = {
+          var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: de({}, i, {
+            log: ue({}, r, {
               value: ge
             }),
-            info: de({}, i, {
+            info: ue({}, r, {
               value: K
             }),
-            warn: de({}, i, {
+            warn: ue({}, r, {
               value: pe
             }),
-            error: de({}, i, {
+            error: ue({}, r, {
               value: Pe
             }),
-            group: de({}, i, {
+            group: ue({}, r, {
               value: ke
             }),
-            groupCollapsed: de({}, i, {
-              value: fe
+            groupCollapsed: ue({}, r, {
+              value: he
             }),
-            groupEnd: de({}, i, {
-              value: h
+            groupEnd: ue({}, r, {
+              value: p
             })
           });
         }
@@ -955,17 +1007,17 @@ function Oa() {
       }
     }
     var G = B.ReactCurrentDispatcher, V;
-    function ae(i, f, g) {
+    function ae(r, f, g) {
       {
         if (V === void 0)
           try {
             throw Error();
           } catch (j) {
-            var S = j.stack.trim().match(/\n( *(at )?)/);
-            V = S && S[1] || "";
+            var C = j.stack.trim().match(/\n( *(at )?)/);
+            V = C && C[1] || "";
           }
         return `
-` + V + i;
+` + V + r;
       }
     }
     var U = !1, X;
@@ -973,20 +1025,20 @@ function Oa() {
       var ie = typeof WeakMap == "function" ? WeakMap : Map;
       X = new ie();
     }
-    function R(i, f) {
-      if (!i || U)
+    function _(r, f) {
+      if (!r || U)
         return "";
       {
-        var g = X.get(i);
+        var g = X.get(r);
         if (g !== void 0)
           return g;
       }
-      var S;
+      var C;
       U = !0;
       var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var N;
-      N = G.current, G.current = null, w();
+      var L;
+      L = G.current, G.current = null, w();
       try {
         if (f) {
           var A = function() {
@@ -1000,199 +1052,199 @@ function Oa() {
             try {
               Reflect.construct(A, []);
             } catch (Te) {
-              S = Te;
+              C = Te;
             }
-            Reflect.construct(i, [], A);
+            Reflect.construct(r, [], A);
           } else {
             try {
               A.call();
             } catch (Te) {
-              S = Te;
+              C = Te;
             }
-            i.call(A.prototype);
+            r.call(A.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (Te) {
-            S = Te;
+            C = Te;
           }
-          i();
+          r();
         }
       } catch (Te) {
-        if (Te && S && typeof Te.stack == "string") {
+        if (Te && C && typeof Te.stack == "string") {
           for (var T = Te.stack.split(`
-`), ue = S.stack.split(`
-`), Z = T.length - 1, J = ue.length - 1; Z >= 1 && J >= 0 && T[Z] !== ue[J]; )
+`), de = C.stack.split(`
+`), Z = T.length - 1, J = de.length - 1; Z >= 1 && J >= 0 && T[Z] !== de[J]; )
             J--;
           for (; Z >= 1 && J >= 0; Z--, J--)
-            if (T[Z] !== ue[J]) {
+            if (T[Z] !== de[J]) {
               if (Z !== 1 || J !== 1)
                 do
-                  if (Z--, J--, J < 0 || T[Z] !== ue[J]) {
+                  if (Z--, J--, J < 0 || T[Z] !== de[J]) {
                     var Ee = `
 ` + T[Z].replace(" at new ", " at ");
-                    return i.displayName && Ee.includes("<anonymous>") && (Ee = Ee.replace("<anonymous>", i.displayName)), typeof i == "function" && X.set(i, Ee), Ee;
+                    return r.displayName && Ee.includes("<anonymous>") && (Ee = Ee.replace("<anonymous>", r.displayName)), typeof r == "function" && X.set(r, Ee), Ee;
                   }
                 while (Z >= 1 && J >= 0);
               break;
             }
         }
       } finally {
-        U = !1, G.current = N, _(), Error.prepareStackTrace = j;
+        U = !1, G.current = L, R(), Error.prepareStackTrace = j;
       }
-      var Ke = i ? i.displayName || i.name : "", Bt = Ke ? ae(Ke) : "";
-      return typeof i == "function" && X.set(i, Bt), Bt;
+      var Ke = r ? r.displayName || r.name : "", Bt = Ke ? ae(Ke) : "";
+      return typeof r == "function" && X.set(r, Bt), Bt;
     }
-    function F(i, f, g) {
-      return R(i, !1);
+    function F(r, f, g) {
+      return _(r, !1);
     }
-    function ne(i) {
-      var f = i.prototype;
+    function ne(r) {
+      var f = r.prototype;
       return !!(f && f.isReactComponent);
     }
-    function Se(i, f, g) {
-      if (i == null)
+    function Ce(r, f, g) {
+      if (r == null)
         return "";
-      if (typeof i == "function")
-        return R(i, ne(i));
-      if (typeof i == "string")
-        return ae(i);
-      switch (i) {
-        case d:
+      if (typeof r == "function")
+        return _(r, ne(r));
+      if (typeof r == "string")
+        return ae(r);
+      switch (r) {
+        case u:
           return ae("Suspense");
         case v:
           return ae("SuspenseList");
       }
-      if (typeof i == "object")
-        switch (i.$$typeof) {
-          case u:
-            return F(i.render);
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case d:
+            return F(r.render);
           case b:
-            return Se(i.type, f, g);
+            return Ce(r.type, f, g);
           case E: {
-            var S = i, j = S._payload, N = S._init;
+            var C = r, j = C._payload, L = C._init;
             try {
-              return Se(N(j), f, g);
+              return Ce(L(j), f, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Me = Object.prototype.hasOwnProperty, dt = {}, ft = B.ReactDebugCurrentFrame;
-    function Be(i) {
-      if (i) {
-        var f = i._owner, g = Se(i.type, i._source, f ? f.type : null);
-        ft.setExtraStackFrame(g);
+    var Me = Object.prototype.hasOwnProperty, dt = {}, ut = B.ReactDebugCurrentFrame;
+    function Be(r) {
+      if (r) {
+        var f = r._owner, g = Ce(r.type, r._source, f ? f.type : null);
+        ut.setExtraStackFrame(g);
       } else
-        ft.setExtraStackFrame(null);
+        ut.setExtraStackFrame(null);
     }
-    function et(i, f, g, S, j) {
+    function et(r, f, g, C, j) {
       {
-        var N = Function.call.bind(Me);
-        for (var A in i)
-          if (N(i, A)) {
+        var L = Function.call.bind(Me);
+        for (var A in r)
+          if (L(r, A)) {
             var T = void 0;
             try {
-              if (typeof i[A] != "function") {
-                var ue = Error((S || "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 ue.name = "Invariant Violation", ue;
+              if (typeof r[A] != "function") {
+                var de = Error((C || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw de.name = "Invariant Violation", de;
               }
-              T = i[A](f, A, S, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              T = r[A](f, A, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Z) {
               T = Z;
             }
-            T && !(T instanceof Error) && (Be(j), M("%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).", S || "React class", g, A, typeof T), Be(null)), T instanceof Error && !(T.message in dt) && (dt[T.message] = !0, Be(j), M("Failed %s type: %s", g, T.message), Be(null));
+            T && !(T instanceof Error) && (Be(j), M("%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 T), Be(null)), T instanceof Error && !(T.message in dt) && (dt[T.message] = !0, Be(j), M("Failed %s type: %s", g, T.message), Be(null));
           }
       }
     }
     var Ue = Array.isArray;
-    function tt(i) {
-      return Ue(i);
+    function tt(r) {
+      return Ue(r);
     }
-    function wt(i) {
+    function xt(r) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return g;
       }
     }
-    function ht(i) {
+    function ht(r) {
       try {
-        return pt(i), !1;
+        return ft(r), !1;
       } catch {
         return !0;
       }
     }
-    function pt(i) {
-      return "" + i;
+    function ft(r) {
+      return "" + r;
     }
-    function mt(i) {
-      if (ht(i))
-        return M("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wt(i)), pt(i);
+    function pt(r) {
+      if (ht(r))
+        return M("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xt(r)), ft(r);
     }
     var je = B.ReactCurrentOwner, nt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, at, vt, qe;
+    }, at, mt, qe;
     qe = {};
-    function Ot(i) {
-      if (Me.call(i, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(i, "ref").get;
+    function wt(r) {
+      if (Me.call(r, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return i.ref !== void 0;
+      return r.ref !== void 0;
     }
-    function Mt(i) {
-      if (Me.call(i, "key")) {
-        var f = Object.getOwnPropertyDescriptor(i, "key").get;
+    function Ot(r) {
+      if (Me.call(r, "key")) {
+        var f = Object.getOwnPropertyDescriptor(r, "key").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return i.key !== void 0;
+      return r.key !== void 0;
     }
-    function gt(i, f) {
-      if (typeof i.ref == "string" && je.current && f && je.current.stateNode !== f) {
+    function vt(r, f) {
+      if (typeof r.ref == "string" && je.current && f && je.current.stateNode !== f) {
         var g = te(je.current.type);
-        qe[g] || (M('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', te(je.current.type), i.ref), qe[g] = !0);
+        qe[g] || (M('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', te(je.current.type), r.ref), qe[g] = !0);
       }
     }
-    function De(i, f) {
+    function De(r, f) {
       {
         var g = function() {
           at || (at = !0, M("%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));
         };
-        g.isReactWarning = !0, Object.defineProperty(i, "key", {
+        g.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: g,
           configurable: !0
         });
       }
     }
-    function Ft(i, f) {
+    function Ft(r, f) {
       {
         var g = function() {
-          vt || (vt = !0, M("%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));
+          mt || (mt = !0, M("%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));
         };
-        g.isReactWarning = !0, Object.defineProperty(i, "ref", {
+        g.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: g,
           configurable: !0
         });
       }
     }
-    var s = function(i, f, g, S, j, N, A) {
+    var s = function(r, f, g, C, j, L, A) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
-        type: i,
+        type: r,
         key: f,
         ref: g,
         props: A,
         // Record the component responsible for creating this element.
-        _owner: N
+        _owner: L
       };
       return T._store = {}, Object.defineProperty(T._store, "validated", {
         configurable: !1,
@@ -1203,7 +1255,7 @@ function Oa() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: C
       }), Object.defineProperty(T, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -1211,53 +1263,53 @@ function Oa() {
         value: j
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function y(i, f, g, S, j) {
+    function y(r, f, g, C, j) {
       {
-        var N, A = {}, T = null, ue = null;
-        g !== void 0 && (mt(g), T = "" + g), Mt(f) && (mt(f.key), T = "" + f.key), Ot(f) && (ue = f.ref, gt(f, j));
-        for (N in f)
-          Me.call(f, N) && !nt.hasOwnProperty(N) && (A[N] = f[N]);
-        if (i && i.defaultProps) {
-          var Z = i.defaultProps;
-          for (N in Z)
-            A[N] === void 0 && (A[N] = Z[N]);
+        var L, A = {}, T = null, de = null;
+        g !== void 0 && (pt(g), T = "" + g), Ot(f) && (pt(f.key), T = "" + f.key), wt(f) && (de = f.ref, vt(f, j));
+        for (L in f)
+          Me.call(f, L) && !nt.hasOwnProperty(L) && (A[L] = f[L]);
+        if (r && r.defaultProps) {
+          var Z = r.defaultProps;
+          for (L in Z)
+            A[L] === void 0 && (A[L] = Z[L]);
         }
-        if (T || ue) {
-          var J = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          T && De(A, J), ue && Ft(A, J);
+        if (T || de) {
+          var J = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && De(A, J), de && Ft(A, J);
         }
-        return s(i, T, ue, j, S, je.current, A);
+        return s(r, T, de, j, C, je.current, A);
       }
     }
-    var O = B.ReactCurrentOwner, L = B.ReactDebugCurrentFrame;
-    function H(i) {
-      if (i) {
-        var f = i._owner, g = Se(i.type, i._source, f ? f.type : null);
-        L.setExtraStackFrame(g);
+    var O = B.ReactCurrentOwner, N = B.ReactDebugCurrentFrame;
+    function H(r) {
+      if (r) {
+        var f = r._owner, g = Ce(r.type, r._source, f ? f.type : null);
+        N.setExtraStackFrame(g);
       } else
-        L.setExtraStackFrame(null);
+        N.setExtraStackFrame(null);
     }
     var be;
     be = !1;
-    function le(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === n;
+    function le(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === n;
     }
-    function Tt() {
+    function Mt() {
       {
         if (O.current) {
-          var i = te(O.current.type);
-          if (i)
+          var r = te(O.current.type);
+          if (r)
             return `
 
-Check the render method of \`` + i + "`.";
+Check the render method of \`` + r + "`.";
         }
         return "";
       }
     }
-    function _t(i) {
+    function Tt(r) {
       {
-        if (i !== void 0) {
-          var f = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
+        if (r !== void 0) {
+          var f = r.fileName.replace(/^.*[\\\/]/, ""), g = r.lineNumber;
           return `
 
 Check your code at ` + f + ":" + g + ".";
@@ -1266,11 +1318,11 @@ Check your code at ` + f + ":" + g + ".";
       }
     }
     var it = {};
-    function xe(i) {
+    function xe(r) {
       {
-        var f = Tt();
+        var f = Mt();
         if (!f) {
-          var g = typeof i == "string" ? i : i.displayName || i.name;
+          var g = typeof r == "string" ? r : r.displayName || r.name;
           g && (f = `
 
 Check the top-level render call using <` + g + ">.");
@@ -1278,55 +1330,55 @@ Check the top-level render call using <` + g + ">.");
         return f;
       }
     }
-    function ye(i, f) {
+    function ye(r, f) {
       {
-        if (!i._store || i._store.validated || i.key != null)
+        if (!r._store || r._store.validated || r.key != null)
           return;
-        i._store.validated = !0;
+        r._store.validated = !0;
         var g = xe(f);
         if (it[g])
           return;
         it[g] = !0;
-        var S = "";
-        i && i._owner && i._owner !== O.current && (S = " It was passed a child from " + te(i._owner.type) + "."), H(i), M('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, S), H(null);
+        var C = "";
+        r && r._owner && r._owner !== O.current && (C = " It was passed a child from " + te(r._owner.type) + "."), H(r), M('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), H(null);
       }
     }
-    function $e(i, f) {
+    function $e(r, f) {
       {
-        if (typeof i != "object")
+        if (typeof r != "object")
           return;
-        if (tt(i))
-          for (var g = 0; g < i.length; g++) {
-            var S = i[g];
-            le(S) && ye(S, f);
+        if (tt(r))
+          for (var g = 0; g < r.length; g++) {
+            var C = r[g];
+            le(C) && ye(C, f);
           }
-        else if (le(i))
-          i._store && (i._store.validated = !0);
-        else if (i) {
-          var j = q(i);
-          if (typeof j == "function" && j !== i.entries)
-            for (var N = j.call(i), A; !(A = N.next()).done; )
+        else if (le(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var j = q(r);
+          if (typeof j == "function" && j !== r.entries)
+            for (var L = j.call(r), A; !(A = L.next()).done; )
               le(A.value) && ye(A.value, f);
         }
       }
     }
-    function ze(i) {
+    function ze(r) {
       {
-        var f = i.type;
+        var f = r.type;
         if (f == null || typeof f == "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.
+        else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         f.$$typeof === b))
           g = f.propTypes;
         else
           return;
         if (g) {
-          var S = te(f);
-          et(g, i.props, "prop", S, i);
+          var C = te(f);
+          et(g, r.props, "prop", C, r);
         } else if (f.PropTypes !== void 0 && !be) {
           be = !0;
           var j = te(f);
@@ -1335,68 +1387,68 @@ Check the top-level render call using <` + g + ">.");
         typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && M("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ye(i) {
+    function Ye(r) {
       {
-        for (var f = Object.keys(i.props), g = 0; g < f.length; g++) {
-          var S = f[g];
-          if (S !== "children" && S !== "key") {
-            H(i), M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), H(null);
+        for (var f = Object.keys(r.props), g = 0; g < f.length; g++) {
+          var C = f[g];
+          if (C !== "children" && C !== "key") {
+            H(r), M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), H(null);
             break;
           }
         }
-        i.ref !== null && (H(i), M("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+        r.ref !== null && (H(r), M("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
       }
     }
-    function Ge(i, f, g, S, j, N) {
+    function Ge(r, f, g, C, j, L) {
       {
-        var A = Fe(i);
+        var A = Fe(r);
         if (!A) {
           var T = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (T += " 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 ue = _t(j);
-          ue ? T += ue : T += Tt();
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " 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 de = Tt(j);
+          de ? T += de : T += Mt();
           var Z;
-          i === null ? Z = "null" : tt(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + (te(i.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, T);
+          r === null ? Z = "null" : tt(r) ? Z = "array" : r !== void 0 && r.$$typeof === n ? (Z = "<" + (te(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof r, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, T);
         }
-        var J = y(i, f, g, j, N);
+        var J = y(r, f, g, j, L);
         if (J == null)
           return J;
         if (A) {
           var Ee = f.children;
           if (Ee !== void 0)
-            if (S)
+            if (C)
               if (tt(Ee)) {
                 for (var Ke = 0; Ke < Ee.length; Ke++)
-                  $e(Ee[Ke], i);
+                  $e(Ee[Ke], r);
                 Object.freeze && Object.freeze(Ee);
               } else
                 M("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
-              $e(Ee, i);
+              $e(Ee, r);
         }
-        return i === t ? Ye(J) : ze(J), J;
+        return r === e ? Ye(J) : ze(J), J;
       }
     }
-    function Rn(i, f, g) {
-      return Ge(i, f, g, !0);
+    function Rn(r, f, g) {
+      return Ge(r, f, g, !0);
     }
-    function An(i, f, g) {
-      return Ge(i, f, g, !1);
+    function _n(r, f, g) {
+      return Ge(r, f, g, !1);
     }
-    var Pn = An, kn = Rn;
-    st.Fragment = t, st.jsx = Pn, st.jsxs = kn;
+    var An = _n, Pn = Rn;
+    st.Fragment = e, st.jsx = An, st.jsxs = Pn;
   }()), st;
 }
-process.env.NODE_ENV === "production" ? Lt.exports = wa() : Lt.exports = Oa();
-var l = Lt.exports;
-function Mn(e) {
-  return e.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: e.title } }) : /* @__PURE__ */ l.jsx("button", { children: e.title });
+process.env.NODE_ENV === "production" ? It.exports = Sa() : It.exports = Ca();
+var l = It.exports;
+function On(t) {
+  return t.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ l.jsx("button", { children: t.title });
 }
-const Ma = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const xa = /* @__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" })
-] }), Ta = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), wa = /* @__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
@@ -1404,76 +1456,76 @@ 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 _a(e) {
-  return /* @__PURE__ */ l.jsx(Cn.Item, { value: e.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Ta,
-    /* @__PURE__ */ l.jsx("span", { children: e.title }),
+function Oa(t) {
+  return /* @__PURE__ */ l.jsx(En.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    wa,
+    /* @__PURE__ */ l.jsx("span", { children: t.title }),
     /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
-      e.onDelete(e.index);
-    }, children: Ma })
-  ] }) }, e.title);
-}
-function Ra(e) {
-  const [n, a] = oe(!1), [t, r] = oe(e.options), c = (d) => {
-    e.onDragComplete(d), r(d);
-  }, p = (d) => {
-    const v = [...t];
-    v.splice(d, 1), c(v);
-  }, o = [];
-  t.forEach((d, v) => {
-    o.push(/* @__PURE__ */ l.jsx(_a, { index: v, title: d, onDelete: p }, d));
+      t.onDelete(t.index);
+    }, children: xa })
+  ] }) }, t.title);
+}
+function Ma(t) {
+  const [n, a] = oe(!1), [e, i] = oe(t.options), o = (u) => {
+    t.onDragComplete(u), i(u);
+  }, h = (u) => {
+    const v = [...e];
+    v.splice(u, 1), o(v);
+  }, c = [];
+  e.forEach((u, v) => {
+    c.push(/* @__PURE__ */ l.jsx(Oa, { index: v, title: u, onDelete: h }, u));
   });
-  let u = "dropdown draggable";
-  return e.subdropdown && (u += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(Mn, { title: e.title }),
-    /* @__PURE__ */ l.jsx(Cn.Group, { axis: "y", values: t, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: o })
+  let d = "dropdown draggable";
+  return t.subdropdown && (d += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: d, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__PURE__ */ l.jsx(On, { title: t.title }),
+    /* @__PURE__ */ l.jsx(En.Group, { axis: "y", values: e, onReorder: o, style: { visibility: n ? "visible" : "hidden" }, children: c })
   ] });
 }
-function Aa(e) {
-  const [n, a] = oe(!1), t = [];
-  e.options.map((c, p) => {
-    e.onSelect !== void 0 && (c.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Pa, { option: c }, p));
+function Ta(t) {
+  const [n, a] = oe(!1), e = [];
+  t.options.map((o, h) => {
+    t.onSelect !== void 0 && (o.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(Ra, { option: o }, h));
   });
-  let r = "dropdown";
-  return e.subdropdown && (r += " subdropdown"), /* @__PURE__ */ l.jsxs(
+  let i = "dropdown";
+  return t.subdropdown && (i += " subdropdown"), /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: r,
+      className: i,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(Mn, { title: e.title }),
+        /* @__PURE__ */ l.jsx(On, { title: t.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
             style: { visibility: n ? "visible" : "hidden" },
-            children: t
+            children: e
           }
         )
       ]
     }
   );
 }
-function Pa(e) {
-  const { option: n } = e, [a, t] = oe("");
-  let r;
+function Ra(t) {
+  const { option: n } = t, [a, e] = oe("");
+  let i;
   switch (n.type) {
     case "draggable":
-      r = /* @__PURE__ */ l.jsx(
-        Ra,
+      i = /* @__PURE__ */ l.jsx(
+        Ma,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (c) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(c);
+          onDragComplete: (o) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(o);
           },
           subdropdown: !0
         }
       );
       break;
     case "dropdown":
-      r = /* @__PURE__ */ l.jsx(
-        Aa,
+      i = /* @__PURE__ */ l.jsx(
+        Ta,
         {
           title: n.title,
           options: n.value,
@@ -1483,62 +1535,52 @@ function Pa(e) {
       );
       break;
     case "option":
-      r = /* @__PURE__ */ l.jsx(
+      i = /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
-            n.onSelect !== void 0 && n.onSelect(n.value), n.selectable && (a !== n.title ? t(n.title) : t(""));
+            n.onSelect !== void 0 && n.onSelect(n.value), n.selectable && (a !== n.title ? e(n.title) : e(""));
           },
           children: n.title
         }
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: r }, pa());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, ha());
 }
-class ct {
-  appHandlers = [];
-  editorHandlers = [];
-  _app;
-  static _instance;
-  handleAppBroadcast = (n) => {
-    switch (this.appHandlers.forEach((a) => {
-      a.callback(this._app, a.remote, n);
-    }), n.event) {
+function mi(t, n, a) {
+  function e(o) {
+    switch (n.forEach((h) => {
+      h.callback(t, h.remote, o);
+    }), o.event) {
       case "custom":
-        P.dispatchEvent({ type: k.CUSTOM, value: n.data });
+        P.dispatchEvent({ type: k.CUSTOM, value: o.data });
         break;
     }
-  };
-  handleEditorBroadcast = (n) => {
-    switch (this.editorHandlers.forEach((a) => {
-      a.callback(this._app, a.remote, n);
-    }), n.event) {
+  }
+  function i(o) {
+    switch (a.forEach((h) => {
+      h.callback(t, h.remote, o);
+    }), o.event) {
       case "custom":
-        P.dispatchEvent({ type: k.CUSTOM, value: n.data });
+        P.dispatchEvent({ type: k.CUSTOM, value: o.data });
         break;
     }
-  };
-  set app(n) {
-    this._app = n, n.listen = (a) => {
-      a.target === "editor" ? this.handleEditorBroadcast(a) : this.handleAppBroadcast(a);
-    };
-  }
-  // Singleton
-  static get instance() {
-    return ct._instance === void 0 && (ct._instance = new ct()), ct._instance;
   }
+  t.listen = (o) => {
+    o.target === "editor" ? i(o) : e(o);
+  };
 }
-function Nt(e) {
-  const [n, a] = oe(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
-  return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${t ? "hide" : ""}`, children: [
+function Lt(t) {
+  const [n, a] = oe(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
+  return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
       {
         className: "toggle",
         onClick: () => {
-          const r = !n;
-          e.onToggle !== void 0 && e.onToggle(r), a(r);
+          const i = !n;
+          t.onToggle !== void 0 && t.onToggle(i), a(i);
         },
         children: [
           /* @__PURE__ */ l.jsx(
@@ -1548,21 +1590,21 @@ function Nt(e) {
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ l.jsx("p", { className: "label", children: ut(e.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: lt(t.label) })
         ]
       }
     ),
-    e.button,
-    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: e.children }) })
+    t.button,
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function Tn(e) {
-  const [n, a] = oe(!1), t = e.child !== void 0 && e.child.children.length > 0, r = [];
-  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((c) => {
-    r.push(/* @__PURE__ */ l.jsx(Tn, { child: c, three: e.three }, Math.random()));
-  }), /* @__PURE__ */ l.jsx(l.Fragment, { children: e.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
+function Mn(t) {
+  const [n, a] = oe(!1), e = t.child !== void 0 && t.child.children.length > 0, i = [];
+  return t.child !== void 0 && t.child.children.length > 0 && t.child.children.map((o) => {
+    i.push(/* @__PURE__ */ l.jsx(Mn, { child: o, 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: [
-      t ? /* @__PURE__ */ l.jsx(
+      e ? /* @__PURE__ */ l.jsx(
         "button",
         {
           className: "status",
@@ -1579,37 +1621,37 @@ function Tn(e) {
         {
           className: "name",
           style: {
-            left: t ? "20px" : "5px"
+            left: e ? "20px" : "5px"
           },
           onClick: () => {
-            e.child !== void 0 && (e.three.getObject(e.child.uuid), n || a(!0));
+            t.child !== void 0 && (t.three.getObject(t.child.uuid), n || a(!0));
           },
-          children: e.child.name.length > 0 ? `${e.child.name} (${e.child.type})` : `${e.child.type}::${e.child.uuid}`
+          children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${Ea(e.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${ga(t.child)}` })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: r }) })
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: i }) })
   ] }, Math.random()) });
 }
-function ka(e) {
+function _a(t) {
   const n = [];
-  return e.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(Tn, { child: a, three: e.three }, Math.random()));
-  }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
+  return t.child?.children.map((a) => {
+    n.push(/* @__PURE__ */ l.jsx(Mn, { child: a, three: t.three }, Math.random()));
+  }), /* @__PURE__ */ l.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const ja = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function Da(e) {
-  return "items" in e;
+const Aa = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+function Pa(t) {
+  return "items" in t;
 }
-function We(e) {
+function We(t) {
   const n = [];
-  return e.items.forEach((a) => {
-    Da(a) ? n.push(
-      /* @__PURE__ */ l.jsx(We, { title: ut(a.title), items: a.items }, Math.random())
+  return t.items.forEach((a) => {
+    Pa(a) ? n.push(
+      /* @__PURE__ */ l.jsx(We, { title: lt(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
-        lt,
+        ct,
         {
           title: a.title,
           prop: a.prop,
@@ -1620,20 +1662,20 @@ function We(e) {
           step: a.step,
           disabled: a.disabled,
           options: a.options,
-          onChange: (t, r) => {
-            a.onChange !== void 0 && a.onChange(t, r);
+          onChange: (e, i) => {
+            a.onChange !== void 0 && a.onChange(e, i);
           }
         },
         Math.random()
       )
     );
-  }), /* @__PURE__ */ l.jsx(Nt, { label: e.title, open: e.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Lt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Ia(e) {
-  return !(e === "alphaHash" || e === "alphaToCoverage" || e === "attenuationDistance" || e === "blendDstAlpha" || e === "colorWrite" || e === "combine" || e === "defaultAttributeValues" || e === "depthFunc" || e === "forceSinglePass" || e === "glslVersion" || e === "linecap" || e === "linejoin" || e === "linewidth" || e === "normalMapType" || e === "precision" || e === "premultipliedAlpha" || e === "shadowSide" || e === "toneMapped" || e === "uniformsGroups" || e === "uniformsNeedUpdate" || e === "userData" || e === "vertexColors" || e === "version" || e === "wireframeLinecap" || e === "wireframeLinejoin" || e === "wireframeLinewidth" || e.slice(0, 4) === "clip" || e.slice(0, 7) === "polygon" || e.slice(0, 7) === "stencil" || e.slice(0, 2) === "is");
+function ka(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 Ve(e) {
-  switch (e) {
+function Ve(t) {
+  switch (t) {
     case "alphaMap":
       return "Alpha Map";
     case "anisotropyMap":
@@ -1803,109 +1845,109 @@ function Ve(e) {
     case "wireframe":
       return "Wireframe";
   }
-  return e;
+  return t;
 }
-function La(e) {
-  return e.toLowerCase().search("intensity") > -1 || e === "anisotropyRotation" || e === "blendAlpha" || e === "bumpScale" || e === "clearcoatRoughness" || e === "displacementBias" || e === "displacementScale" || e === "metalness" || e === "opacity" || e === "reflectivity" || e === "refractionRatio" || e === "roughness" || e === "sheenRoughness" || e === "thickness";
+function ja(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 Na() {
-  const e = document.createElement("input");
-  return e.type = "file", new Promise((n, a) => {
-    e.addEventListener("change", function() {
-      if (e.files === null)
+function Da() {
+  const t = document.createElement("input");
+  return t.type = "file", new Promise((n, a) => {
+    t.addEventListener("change", function() {
+      if (t.files === null)
         a();
       else {
-        const t = e.files[0], r = new FileReader();
-        r.onload = function(c) {
-          n(c.target.result);
-        }, r.readAsDataURL(t);
+        const e = t.files[0], i = new FileReader();
+        i.onload = function(o) {
+          n(o.target.result);
+        }, i.readAsDataURL(e);
       }
-    }), e.click();
+    }), t.click();
   });
 }
-const Fa = [
+const Ia = [
   {
     title: "Front",
-    value: In
+    value: jn
   },
   {
     title: "Back",
-    value: Ln
+    value: Dn
   },
   {
     title: "Double",
-    value: an
+    value: nn
   }
-], Ba = [
+], Na = [
   {
     title: "No Blending",
-    value: Nn
+    value: In
   },
   {
     title: "Normal",
-    value: Fn
+    value: Nn
   },
   {
     title: "Additive",
-    value: Bn
+    value: Ln
   },
   {
     title: "Subtractive",
-    value: Un
+    value: Fn
   },
   {
     title: "Multiply",
-    value: $n
+    value: Bn
   },
   {
     title: "Custom",
-    value: zn
+    value: Un
   }
-], Ua = [
+], La = [
   {
     title: "Add",
-    value: Yn
+    value: $n
   },
   {
     title: "Subtract",
-    value: Gn
+    value: zn
   },
   {
     title: "Reverse Subtract",
-    value: Vn
+    value: Yn
   },
   {
     title: "Min",
-    value: Hn
+    value: Gn
   },
   {
     title: "Max",
-    value: Wn
+    value: Vn
   }
-], $a = [
+], Fa = [
   {
     title: "Zero",
-    valye: rn
+    valye: an
   },
   {
     title: "One",
-    valye: sn
+    valye: rn
   },
   {
     title: "Src Color",
-    valye: on
+    valye: sn
   },
   {
     title: "One Minus Src Color",
-    valye: cn
+    valye: on
   },
   {
     title: "Src Alpha",
-    valye: ln
+    valye: cn
   },
   {
     title: "One Minus Src Alpha",
-    valye: un
+    valye: ln
   },
   {
     title: "Dst Alpha",
@@ -1913,7 +1955,7 @@ const Fa = [
   },
   {
     title: "One Minus Dst Alpha",
-    valye: fn
+    valye: un
   },
   {
     title: "Dst Color",
@@ -1921,52 +1963,52 @@ const Fa = [
   },
   {
     title: "One Minus Dst Color",
-    valye: pn
+    valye: fn
   },
   {
     title: "Src Alpha Saturate",
-    valye: qn
+    valye: Hn
   },
   {
     title: "Constant Color",
-    valye: mn
+    valye: pn
   },
   {
     title: "One Minus Constant Color",
-    valye: vn
+    valye: mn
   },
   {
     title: "Constant Alpha",
-    valye: gn
+    valye: vn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: bn
+    valye: gn
   }
-], za = [
+], Ba = [
   {
     title: "Zero",
-    valye: rn
+    valye: an
   },
   {
     title: "One",
-    valye: sn
+    valye: rn
   },
   {
     title: "Src Color",
-    valye: on
+    valye: sn
   },
   {
     title: "One Minus Src Color",
-    valye: cn
+    valye: on
   },
   {
     title: "Src Alpha",
-    valye: ln
+    valye: cn
   },
   {
     title: "One Minus Src Alpha",
-    valye: un
+    valye: ln
   },
   {
     title: "Dst Alpha",
@@ -1974,7 +2016,7 @@ const Fa = [
   },
   {
     title: "One Minus Dst Alpha",
-    valye: fn
+    valye: un
   },
   {
     title: "Dst Color",
@@ -1982,401 +2024,401 @@ const Fa = [
   },
   {
     title: "One Minus Dst Color",
-    valye: pn
+    valye: fn
   },
   {
     title: "Constant Color",
-    valye: mn
+    valye: pn
   },
   {
     title: "One Minus Constant Color",
-    valye: vn
+    valye: mn
   },
   {
     title: "Constant Alpha",
-    valye: gn
+    valye: vn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: bn
+    valye: gn
   }
 ];
-function ot(e, n) {
-  e.needsUpdate = !0, e.type = "option", e.options = n;
+function ot(t, n) {
+  t.needsUpdate = !0, t.type = "option", t.options = n;
 }
-function qt(e, n, a) {
-  const t = [];
-  for (const r in e) {
-    if (!Ia(r))
+function Wt(t, n, a) {
+  const e = [];
+  for (const i in t) {
+    if (!ka(i))
       continue;
-    const c = typeof e[r], p = e[r];
-    if (c === "boolean" || c === "number" || c === "string") {
-      const o = {
-        title: Ve(r),
-        prop: r,
-        type: c,
-        value: p,
+    const o = typeof t[i], h = t[i];
+    if (o === "boolean" || o === "number" || o === "string") {
+      const c = {
+        title: Ve(i),
+        prop: i,
+        type: o,
+        value: h,
         min: void 0,
         max: void 0,
-        needsUpdate: c === "boolean",
-        onChange: (d, v) => {
-          a.updateObject(n.uuid, `material.${d}`, v), o.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+        needsUpdate: o === "boolean",
+        onChange: (u, v) => {
+          a.updateObject(n.uuid, `material.${u}`, v), c.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
           const b = a.scene?.getObjectByProperty("uuid", n.uuid);
-          b !== void 0 && ee(b, `material.${d}`, v);
+          b !== void 0 && ee(b, `material.${u}`, v);
         }
       };
-      switch (r) {
+      switch (i) {
         case "blending":
-          ot(o, Ba);
+          ot(c, Na);
           break;
         case "blendDst":
-          ot(o, za);
+          ot(c, Ba);
           break;
         case "blendEquation":
-          ot(o, Ua);
+          ot(c, La);
           break;
         case "blendSrc":
-          ot(o, $a);
+          ot(c, Fa);
           break;
         case "side":
-          ot(o, Fa);
+          ot(c, Ia);
           break;
       }
-      La(r) && (o.value = Number(p), o.type = "range", o.min = 0, o.max = 1, o.step = 0.01);
-      const u = c === "string" && (r === "vertexShader" || r === "fragmentShader");
-      u && (o.disabled = !1, o.latest = o.value, o.onChange = (d, v) => {
-        o.latest = v;
-      }), t.push(o), u && t.push({
-        title: `${ut(r)} - Update`,
+      ja(i) && (c.value = Number(h), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01);
+      const d = o === "string" && (i === "vertexShader" || i === "fragmentShader");
+      d && (c.disabled = !1, c.latest = c.value, c.onChange = (u, v) => {
+        c.latest = v;
+      }), e.push(c), d && e.push({
+        title: `${lt(i)} - Update`,
         type: "button",
         onChange: () => {
-          a.updateObject(n.uuid, `material.${r}`, o.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
-          const d = a.scene?.getObjectByProperty("uuid", n.uuid);
-          d !== void 0 && (ee(d, `material.${r}`, o.latest), d.material.needsUpdate = !0);
+          a.updateObject(n.uuid, `material.${i}`, c.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
+          const u = a.scene?.getObjectByProperty("uuid", n.uuid);
+          u !== void 0 && (ee(u, `material.${i}`, c.latest), u.material.needsUpdate = !0);
         }
       });
-    } else if (c === "object")
-      if (p.isColor)
-        t.push({
-          title: Ve(r),
-          prop: r,
+    } else if (o === "object")
+      if (h.isColor)
+        e.push({
+          title: Ve(i),
+          prop: i,
           type: "color",
-          value: p,
-          onChange: (o, u) => {
-            const d = new St(u);
-            a.updateObject(n.uuid, `material.${o}`, d);
+          value: h,
+          onChange: (c, d) => {
+            const u = new St(d);
+            a.updateObject(n.uuid, `material.${c}`, u);
             const v = a.scene?.getObjectByProperty("uuid", n.uuid);
-            v !== void 0 && ee(v, `material.${o}`, d);
+            v !== void 0 && ee(v, `material.${c}`, u);
           }
         });
-      else if (Array.isArray(p)) {
-        const o = [];
-        for (const u in p)
-          o.push({
-            title: `${u}`,
-            type: `${typeof p[u]}`,
-            value: p[u],
-            onChange: (d, v) => {
-              a.updateObject(n.uuid, `material.${r}`, v);
+      else if (Array.isArray(h)) {
+        const c = [];
+        for (const d in h)
+          c.push({
+            title: `${d}`,
+            type: `${typeof h[d]}`,
+            value: h[d],
+            onChange: (u, v) => {
+              a.updateObject(n.uuid, `material.${i}`, v);
               const b = a.scene?.getObjectByProperty("uuid", n.uuid);
-              b !== void 0 && ee(b, `material.${r}`, v);
+              b !== void 0 && ee(b, `material.${i}`, v);
             }
           });
-        t.push({
-          title: Ve(r),
-          items: o
+        e.push({
+          title: Ve(i),
+          items: c
         });
       } else {
-        const o = [];
-        for (const u in p) {
-          const d = p[u];
-          switch (typeof d) {
+        const c = [];
+        for (const d in h) {
+          const u = h[d];
+          switch (typeof u) {
             case "boolean":
             case "number":
             case "string":
-              u === "src" ? t.push({
-                title: Ve(r),
+              d === "src" ? e.push({
+                title: Ve(i),
                 type: "image",
-                value: d,
+                value: u,
                 onChange: (b, E) => {
-                  a.createTexture(n.uuid, `material.${r}`, E);
-                  const C = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && It(E).then((D) => {
-                    ee(C, `material.${r}`, D), ee(C, "material.needsUpdate", !0);
+                  a.createTexture(n.uuid, `material.${i}`, E);
+                  const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && Dt(E).then((D) => {
+                    ee(S, `material.${i}`, D), ee(S, "material.needsUpdate", !0);
                   });
                 }
-              }) : o.push({
-                title: `${Ve(u)}`,
-                prop: `material.${r}.${u}`,
-                type: `${typeof e[r][u]}`,
-                value: p[u],
+              }) : c.push({
+                title: `${Ve(d)}`,
+                prop: `material.${i}.${d}`,
+                type: `${typeof t[i][d]}`,
+                value: h[d],
                 onChange: (b, E) => {
-                  a.updateObject(n.uuid, `material.${r}.${u}`, E);
-                  const C = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && ee(C, `material.${r}.${u}`, E);
+                  a.updateObject(n.uuid, `material.${i}.${d}`, E);
+                  const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && ee(S, `material.${i}.${d}`, E);
                 }
               });
               break;
             case "object":
-              if (d.value !== void 0 && d.value.src !== void 0)
-                o.push({
-                  title: Ve(u),
+              if (u.value !== void 0 && u.value.src !== void 0)
+                c.push({
+                  title: Ve(d),
                   type: "image",
-                  value: d.value.src,
+                  value: u.value.src,
                   onChange: (b, E) => {
-                    a.createTexture(n.uuid, `material.${r}.${u}.value`, p);
-                    const C = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    C !== void 0 && It(E).then((D) => {
-                      ee(C, `material.${r}.${u}.value`, D);
+                    a.createTexture(n.uuid, `material.${i}.${d}.value`, h);
+                    const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && Dt(E).then((D) => {
+                      ee(S, `material.${i}.${d}.value`, D);
                     });
                   }
                 });
-              else if (r === "uniforms") {
-                const b = d.value, E = (C, D, I) => ({
-                  title: C,
+              else if (i === "uniforms") {
+                const b = u.value, E = (S, D, I) => ({
+                  title: S,
                   type: "number",
                   value: I,
                   step: 0.01,
                   onChange: (q, B) => {
-                    const M = `material.uniforms.${u}.value.${D}`;
+                    const M = `material.uniforms.${d}.value.${D}`;
                     a.updateObject(n.uuid, M, B);
                     const z = a.scene?.getObjectByProperty("uuid", n.uuid);
                     z !== void 0 && ee(z, M, B);
                   }
                 });
-                if (typeof d.value == "number")
-                  o.push({
-                    title: u,
+                if (typeof u.value == "number")
+                  c.push({
+                    title: d,
                     type: "number",
-                    value: d.value,
-                    onChange: (C, D) => {
-                      const I = `material.${r}.${C}.value`;
+                    value: u.value,
+                    onChange: (S, D) => {
+                      const I = `material.${i}.${S}.value`;
                       a.updateObject(n.uuid, I, D);
                       const q = a.scene?.getObjectByProperty("uuid", n.uuid);
                       q !== void 0 && ee(q, I, D);
                     }
                   });
                 else if (b.r !== void 0 && b.g !== void 0 && b.b !== void 0)
-                  o.push({
-                    title: u,
+                  c.push({
+                    title: d,
                     type: "color",
-                    value: d.value,
-                    onChange: (C, D) => {
-                      const I = new St(D), q = `material.${r}.${C}.value`;
+                    value: u.value,
+                    onChange: (S, D) => {
+                      const I = new St(D), q = `material.${i}.${S}.value`;
                       a.updateObject(n.uuid, q, I);
                       const B = a.scene?.getObjectByProperty("uuid", n.uuid);
                       B !== void 0 && ee(B, q, I);
                     }
                   });
                 else if (b.x !== void 0 && b.y !== void 0 && b.z === void 0 && b.w === void 0)
-                  o.push(
+                  c.push(
                     {
-                      title: u,
+                      title: d,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y)
+                        E("X", "x", u.value.x),
+                        E("Y", "y", u.value.y)
                       ]
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w === void 0)
-                  o.push(
+                  c.push(
                     {
-                      title: u,
+                      title: d,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y),
-                        E("Z", "z", d.value.z)
+                        E("X", "x", u.value.x),
+                        E("Y", "y", u.value.y),
+                        E("Z", "z", u.value.z)
                       ]
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w !== void 0)
-                  o.push(
+                  c.push(
                     {
-                      title: u,
+                      title: d,
                       items: [
-                        E("X", "x", d.value.x),
-                        E("Y", "y", d.value.y),
-                        E("Z", "z", d.value.z),
-                        E("W", "w", d.value.w)
+                        E("X", "x", u.value.x),
+                        E("Y", "y", u.value.y),
+                        E("Z", "z", u.value.z),
+                        E("W", "w", u.value.w)
                       ]
                     }
                   );
                 else if (b.elements !== void 0) {
-                  const C = b.elements, D = [];
-                  for (let I = 0; I < C.length; I++)
-                    D.push(E(I.toString(), I.toString(), C[I]));
-                  o.push(
+                  const S = b.elements, D = [];
+                  for (let I = 0; I < S.length; I++)
+                    D.push(E(I.toString(), I.toString(), S[I]));
+                  c.push(
                     {
-                      title: u,
+                      title: d,
                       items: D
                     }
                   );
                 } else
-                  console.log(">>> need to add this format:", u, b);
+                  console.log(">>> need to add this format:", d, b);
               } else
-                o.push({
-                  title: u,
-                  type: `${typeof d.value}`,
-                  value: d.value,
+                c.push({
+                  title: d,
+                  type: `${typeof u.value}`,
+                  value: u.value,
                   onChange: (b, E) => {
-                    a.updateObject(n.uuid, `material.${r}.${u}.value`, E);
-                    const C = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    C !== void 0 && ee(C, `material.${r}.${u}.value`, E);
+                    a.updateObject(n.uuid, `material.${i}.${d}.value`, E);
+                    const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && ee(S, `material.${i}.${d}.value`, E);
                   }
                 });
               break;
           }
         }
-        o.length > 0 && t.push({
-          title: Ve(r),
-          items: o
+        c.length > 0 && e.push({
+          title: Ve(i),
+          items: c
         });
       }
     else
-      p !== void 0 && console.log("other:", r, c, p);
+      h !== void 0 && console.log("other:", i, o, h);
   }
-  return t.sort((r, c) => r.title < c.title ? -1 : r.title > c.title ? 1 : 0), t.push({
+  return e.sort((i, o) => i.title < o.title ? -1 : i.title > o.title ? 1 : 0), e.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
       a.updateObject(n.uuid, "material.needsUpdate", !0);
     }
-  }), t;
+  }), e;
 }
-function Ya(e, n) {
-  const a = e.material;
+function Ua(t, n) {
+  const a = t.material;
   if (Array.isArray(a)) {
-    const t = [], r = a.length;
-    for (let c = 0; c < r; c++)
-      t.push(
+    const e = [], i = a.length;
+    for (let o = 0; o < i; o++)
+      e.push(
         /* @__PURE__ */ l.jsx(
           We,
           {
-            title: `Material ${c}`,
-            items: qt(a[c], e, n)
+            title: `Material ${o}`,
+            items: Wt(a[o], t, n)
           },
-          `Material ${c}`
+          `Material ${o}`
         )
       );
-    return /* @__PURE__ */ l.jsx(l.Fragment, { children: t });
+    return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
   } else
     return /* @__PURE__ */ l.jsx(
       We,
       {
         title: "Material",
-        items: qt(a, e, n)
+        items: Wt(a, t, n)
       }
     );
 }
-function lt(e) {
-  let n = e.value;
-  n !== void 0 && n.isColor !== void 0 && (n = va(e.value));
-  const [a, t] = oe(n), r = _e(null), c = _e(null), p = _e(null);
-  Re(() => {
-    let v = !1, b = -1, E = 0, C = Number(a);
+function ct(t) {
+  let n = t.value;
+  n !== void 0 && n.isColor !== void 0 && (n = pa(t.value));
+  const [a, e] = oe(n), i = Re(null), o = Re(null), h = Re(null);
+  _e(() => {
+    let v = !1, b = -1, E = 0, S = Number(a);
     const D = (z) => {
-      v = !0, E = C, b = z.clientX;
+      v = !0, E = S, b = z.clientX;
     }, I = (z) => {
       if (!v)
         return;
-      const we = e.step !== void 0 ? e.step : 1, ce = (z.clientX - b) * we;
-      C = Number((E + ce).toFixed(4)), c.current !== null && (c.current.value = C.toString()), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, C);
+      const we = t.step !== void 0 ? t.step : 1, ce = (z.clientX - b) * we;
+      S = Number((E + ce).toFixed(4)), o.current !== null && (o.current.value = S.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, S);
     }, q = () => {
       v = !1;
     }, B = () => {
       v = !1;
-    }, M = e.type === "number";
-    return M && (r.current?.addEventListener("mousedown", D, !1), document.addEventListener("mouseup", q, !1), document.addEventListener("mousemove", I, !1), document.addEventListener("contextmenu", B, !1)), () => {
-      M && (r.current?.removeEventListener("mousedown", D), document.removeEventListener("mouseup", q), document.removeEventListener("mousemove", I), document.removeEventListener("contextmenu", B));
+    }, M = t.type === "number";
+    return M && (i.current?.addEventListener("mousedown", D, !1), document.addEventListener("mouseup", q, !1), document.addEventListener("mousemove", I, !1), document.addEventListener("contextmenu", B, !1)), () => {
+      M && (i.current?.removeEventListener("mousedown", D), document.removeEventListener("mouseup", q), document.removeEventListener("mousemove", I), document.removeEventListener("contextmenu", B));
     };
   }, [a]);
-  const o = e.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = o || e.type === "image", d = (v) => {
+  const c = t.type === "string" && (a.length > 100 || a.search(`
+`) > -1), d = c || t.type === "image", u = (v) => {
     let b = v.target.value;
-    e.type === "boolean" ? b = v.target.checked : e.type === "option" && (b = e.options[b].value), t(b), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, b);
+    t.type === "boolean" ? b = v.target.checked : t.type === "option" && (b = t.options[b].value), e(b), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, b);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: r, children: ut(e.title) }, "fieldLabel"),
-    e.type === "string" && !o && /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${d ? "block" : ""}`, children: [
+    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: lt(t.title) }, "fieldLabel"),
+    t.type === "string" && !c && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
-        disabled: e.disabled,
-        onChange: d,
+        disabled: t.disabled,
+        onChange: u,
         value: a
       }
     ),
-    e.type === "string" && o && /* @__PURE__ */ l.jsx(
+    t.type === "string" && c && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
         rows: 10,
-        disabled: e.disabled !== void 0 ? e.disabled : !0,
-        onChange: d,
+        disabled: t.disabled !== void 0 ? t.disabled : !0,
+        onChange: u,
         value: a
       }
     ),
-    e.type === "boolean" && /* @__PURE__ */ l.jsx(
+    t.type === "boolean" && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "checkbox",
-        disabled: e.disabled,
-        onChange: d,
+        disabled: t.disabled,
+        onChange: u,
         checked: a
       }
     ),
-    e.type === "number" && /* @__PURE__ */ l.jsx(
+    t.type === "number" && /* @__PURE__ */ l.jsx(
       "input",
       {
-        ref: c,
+        ref: o,
         type: "number",
         value: a,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        disabled: e.disabled,
-        onChange: d
+        min: t.min,
+        max: t.max,
+        step: t.step,
+        disabled: t.disabled,
+        onChange: u
       }
     ),
-    e.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: e.disabled, className: "min" }),
+    t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: u, disabled: t.disabled, className: "min" }),
       /* @__PURE__ */ l.jsx(
         "input",
         {
-          disabled: e.disabled,
+          disabled: t.disabled,
           type: "range",
           value: a,
-          min: e.min,
-          max: e.max,
-          step: e.step,
-          onChange: d
+          min: t.min,
+          max: t.max,
+          step: t.step,
+          onChange: u
         }
       )
     ] }),
-    e.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: e.disabled, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: d, disabled: e.disabled })
+    t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: u, disabled: t.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: u, disabled: t.disabled })
     ] }),
-    e.type === "button" && /* @__PURE__ */ l.jsx(
+    t.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
       {
-        disabled: e.disabled,
+        disabled: t.disabled,
         onClick: () => {
-          e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, !0);
+          t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, !0);
         },
-        children: e.title
+        children: t.title
       }
     ),
-    e.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
-      Na().then((v) => {
-        p.current.src = v, e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, v);
+    t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: h, onClick: () => {
+      Da().then((v) => {
+        h.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
       });
-    }, src: a.length > 0 ? a : ja }),
-    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: d, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: ut(v.title) }, b)) }) })
+    }, src: a.length > 0 ? a : Aa }),
+    t.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: u, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: lt(v.title) }, b)) }) })
   ] });
 }
-function Kt(e) {
-  switch (e) {
+function qt(t) {
+  switch (t) {
     case "fov":
       return "FOV";
     case "zoom":
@@ -2402,36 +2444,36 @@ function Kt(e) {
     case "bottom":
       return "Bottom";
   }
-  return e;
+  return t;
 }
-function Ga(e, n) {
+function $a(t, n) {
   const a = [];
-  if (e.perspectiveCameraInfo !== void 0)
-    for (const t in e.perspectiveCameraInfo)
+  if (t.perspectiveCameraInfo !== void 0)
+    for (const e in t.perspectiveCameraInfo)
       a.push({
-        title: Kt(t),
-        prop: t,
+        title: qt(e),
+        prop: e,
         type: "number",
         step: 0.01,
-        value: e.perspectiveCameraInfo[t],
-        onChange: (r, c) => {
-          n.updateObject(e.uuid, r, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const p = n.scene?.getObjectByProperty("uuid", e.uuid);
-          p !== void 0 && (ee(p, r, c), p.updateProjectionMatrix());
+        value: t.perspectiveCameraInfo[e],
+        onChange: (i, o) => {
+          n.updateObject(t.uuid, i, o), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const h = n.scene?.getObjectByProperty("uuid", t.uuid);
+          h !== void 0 && (ee(h, i, o), h.updateProjectionMatrix());
         }
       });
-  else if (e.orthographicCameraInfo !== void 0)
-    for (const t in e.orthographicCameraInfo)
+  else if (t.orthographicCameraInfo !== void 0)
+    for (const e in t.orthographicCameraInfo)
       a.push({
-        title: Kt(t),
-        prop: t,
+        title: qt(e),
+        prop: e,
         type: "number",
         step: 0.01,
-        value: e.perspectiveCameraInfo[t],
-        onChange: (r, c) => {
-          n.updateObject(e.uuid, r, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const p = n.scene?.getObjectByProperty("uuid", e.uuid);
-          p !== void 0 && (ee(p, r, c), p.updateProjectionMatrix());
+        value: t.perspectiveCameraInfo[e],
+        onChange: (i, o) => {
+          n.updateObject(t.uuid, i, o), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const h = n.scene?.getObjectByProperty("uuid", t.uuid);
+          h !== void 0 && (ee(h, i, o), h.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ l.jsx(
@@ -2442,27 +2484,27 @@ function Ga(e, n) {
     }
   );
 }
-const Va = Math.PI / 180, Ha = 180 / Math.PI;
-function Qe(e, n, a, t, r) {
-  return t + (e - n) * (r - t) / (a - n);
-}
-function Wa(e) {
-  return e * Va;
-}
-function kt(e) {
-  return e * Ha;
-}
-function qa(e, n) {
-  const a = new Kn();
-  a.elements = e.matrix;
-  const t = new W(), r = new Xn(), c = new W();
-  e.uuid.length > 0 && (t.setFromMatrixPosition(a), r.setFromRotationMatrix(a), c.setFromMatrixScale(a));
-  const p = (u, d) => {
-    n.updateObject(e.uuid, u, d);
-    const v = n.scene?.getObjectByProperty("uuid", e.uuid);
-    v !== void 0 && ee(v, u, d);
-  }, o = (u, d) => {
-    p(u, Wa(d));
+const za = Math.PI / 180, Ya = 180 / Math.PI;
+function Qe(t, n, a, e, i) {
+  return e + (t - n) * (i - e) / (a - n);
+}
+function Ga(t) {
+  return t * za;
+}
+function Pt(t) {
+  return t * Ya;
+}
+function Va(t, n) {
+  const a = new Wn();
+  a.elements = t.matrix;
+  const e = new W(), i = new qn(), o = new W();
+  t.uuid.length > 0 && (e.setFromMatrixPosition(a), i.setFromRotationMatrix(a), o.setFromMatrixScale(a));
+  const h = (d, u) => {
+    n.updateObject(t.uuid, d, u);
+    const v = n.scene?.getObjectByProperty("uuid", t.uuid);
+    v !== void 0 && ee(v, d, u);
+  }, c = (d, u) => {
+    h(d, Ga(u));
   };
   return /* @__PURE__ */ l.jsx(
     We,
@@ -2473,83 +2515,83 @@ function qa(e, n) {
           title: "Position X",
           prop: "position.x",
           type: "number",
-          value: t.x,
-          onChange: p
+          value: e.x,
+          onChange: h
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
-          value: t.y,
-          onChange: p
+          value: e.y,
+          onChange: h
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
-          value: t.z,
-          onChange: p
+          value: e.z,
+          onChange: h
         },
         {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: At(kt(r.x)),
+          value: _t(Pt(i.x)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: o
+          onChange: c
         },
         {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: At(kt(r.y)),
+          value: _t(Pt(i.y)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: o
+          onChange: c
         },
         {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: At(kt(r.z)),
+          value: _t(Pt(i.z)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: o
+          onChange: c
         },
         {
           title: "Scale X",
           prop: "scale.x",
           type: "number",
-          value: c.x,
+          value: o.x,
           step: 0.01,
-          onChange: p
+          onChange: h
         },
         {
           title: "Scale Y",
           prop: "scale.y",
           type: "number",
-          value: c.y,
+          value: o.y,
           step: 0.01,
-          onChange: p
+          onChange: h
         },
         {
           title: "Scale Z",
           prop: "scale.z",
           type: "number",
-          value: c.z,
+          value: o.z,
           step: 0.01,
-          onChange: p
+          onChange: h
         }
       ]
     }
   );
 }
-function Xt(e) {
-  switch (e) {
+function Kt(t) {
+  switch (t) {
     case "color":
       return "Color";
     case "intensity":
@@ -2565,34 +2607,34 @@ function Xt(e) {
     case "groundColor":
       return "Ground Color";
   }
-  return e;
+  return t;
 }
-function Ka(e, n) {
+function Ha(t, n) {
   const a = [];
-  if (e.lightInfo !== void 0)
-    for (const t in e.lightInfo) {
-      const r = e.lightInfo[t];
-      r !== void 0 && (r.isColor !== void 0 ? a.push({
-        title: Xt(t),
-        prop: t,
+  if (t.lightInfo !== void 0)
+    for (const e in t.lightInfo) {
+      const i = t.lightInfo[e];
+      i !== void 0 && (i.isColor !== void 0 ? a.push({
+        title: Kt(e),
+        prop: e,
         type: "color",
-        value: r,
-        onChange: (c, p) => {
-          const o = new St(p);
-          n.updateObject(e.uuid, c, o);
-          const u = n.scene?.getObjectByProperty("uuid", e.uuid);
-          u !== void 0 && ee(u, c, o);
+        value: i,
+        onChange: (o, h) => {
+          const c = new St(h);
+          n.updateObject(t.uuid, o, c);
+          const d = n.scene?.getObjectByProperty("uuid", t.uuid);
+          d !== void 0 && ee(d, o, c);
         }
       }) : a.push({
-        title: Xt(t),
-        prop: t,
-        type: typeof r,
-        value: r,
-        step: typeof r == "number" ? 0.01 : void 0,
-        onChange: (c, p) => {
-          n.updateObject(e.uuid, c, p);
-          const o = n.scene?.getObjectByProperty("uuid", e.uuid);
-          o !== void 0 && ee(o, c, p);
+        title: Kt(e),
+        prop: e,
+        type: typeof i,
+        value: i,
+        step: typeof i == "number" ? 0.01 : void 0,
+        onChange: (o, h) => {
+          n.updateObject(t.uuid, o, h);
+          const c = n.scene?.getObjectByProperty("uuid", t.uuid);
+          c !== void 0 && ee(c, o, h);
         }
       }));
     }
@@ -2604,17 +2646,17 @@ function Ka(e, n) {
     }
   );
 }
-function Xa(e, n) {
-  const a = [], t = [];
-  let r = 0;
-  e.animations.forEach((o) => {
-    r = Math.max(r, o.duration), o.duration > 0 && t.push({
-      title: o.name,
+function Wa(t, n) {
+  const a = [], e = [];
+  let i = 0;
+  t.animations.forEach((c) => {
+    i = Math.max(i, c.duration), c.duration > 0 && e.push({
+      title: c.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: o.duration,
+          value: c.duration,
           disabled: !0
         },
         {
@@ -2636,41 +2678,41 @@ function Xa(e, n) {
     });
   }), a.push({
     title: "Animations",
-    items: t
+    items: e
   });
-  const c = n.scene?.getObjectByProperty("uuid", e.uuid);
-  let p = !1;
-  if (c !== void 0) {
-    const o = c.mixer;
-    if (p = o !== void 0, p) {
-      const u = [
+  const o = n.scene?.getObjectByProperty("uuid", t.uuid);
+  let h = !1;
+  if (o !== void 0) {
+    const c = o.mixer;
+    if (h = c !== void 0, h) {
+      const d = [
         {
           title: "Time Scale",
           type: "range",
-          value: o.timeScale,
+          value: c.timeScale,
           step: 0.01,
           min: -1,
           max: 2,
-          onChange: (d, v) => {
-            o.timeScale = v, n.updateObject(e.uuid, "mixer.timeScale", v);
+          onChange: (u, v) => {
+            c.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
       ];
-      u.push({
+      d.push({
         title: "Stop All",
         type: "button",
         onChange: () => {
-          o.stopAllAction(), n.requestMethod(e.uuid, "stopAllAction", void 0, "mixer");
+          c.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
         }
       }), a.push({
         title: "Mixer",
-        items: u
+        items: d
       });
     }
   }
   return /* @__PURE__ */ l.jsx(We, { title: "Animation", items: a });
 }
-const _n = {
+const Tn = {
   name: "",
   uuid: "",
   type: "",
@@ -2682,25 +2724,25 @@ const _n = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let re = { ..._n };
-function Za(e) {
+let re = { ...Tn };
+function qa(t) {
   const [n, a] = oe(-1);
-  Re(() => {
-    function p(u) {
-      re = { ...u.value }, a(Date.now());
+  _e(() => {
+    function h(d) {
+      re = { ...d.value }, a(Date.now());
     }
-    function o() {
-      re = { ..._n }, a(Date.now());
+    function c() {
+      re = { ...Tn }, a(Date.now());
     }
-    return P.addEventListener(k.SET_SCENE, o), P.addEventListener(k.SET_OBJECT, p), () => {
-      P.removeEventListener(k.SET_SCENE, o), P.removeEventListener(k.SET_OBJECT, p);
+    return P.addEventListener(k.SET_SCENE, c), P.addEventListener(k.SET_OBJECT, h), () => {
+      P.removeEventListener(k.SET_SCENE, c), P.removeEventListener(k.SET_OBJECT, h);
     };
   }, []);
-  const t = re.type.toLowerCase(), r = re.animations.length > 0 || re.mixer !== void 0, c = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(Nt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: re.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const e = re.type.toLowerCase(), i = re.animations.length > 0 || re.mixer !== void 0, o = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
+  return /* @__PURE__ */ l.jsx(Lt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: re.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
-        lt,
+        ct,
         {
           type: "string",
           title: "Name",
@@ -2710,7 +2752,7 @@ function Za(e) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        lt,
+        ct,
         {
           type: "string",
           title: "Type",
@@ -2720,7 +2762,7 @@ function Za(e) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        lt,
+        ct,
         {
           type: "string",
           title: "UUID",
@@ -2730,93 +2772,93 @@ function Za(e) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        lt,
+        ct,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: re.visible,
-          onChange: (p, o) => {
-            e.three.updateObject(re.uuid, p, o);
-            const u = e.three.scene?.getObjectByProperty("uuid", re.uuid);
-            u !== void 0 && ee(u, p, o);
+          onChange: (h, c) => {
+            t.three.updateObject(re.uuid, h, c);
+            const d = t.three.scene?.getObjectByProperty("uuid", re.uuid);
+            d !== void 0 && ee(d, h, c);
           }
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      qa(re, e.three),
-      r ? Xa(re, e.three) : null,
-      t.search("camera") > -1 ? Ga(re, e.three) : null,
-      t.search("light") > -1 ? Ka(re, e.three) : null,
-      c ? Ya(re, e.three) : null
+      Va(re, t.three),
+      i ? Wa(re, t.three) : null,
+      e.search("camera") > -1 ? $a(re, t.three) : null,
+      e.search("light") > -1 ? Ha(re, t.three) : null,
+      o ? Ua(re, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-function Oi(e) {
-  const [n, a] = oe(e.scene);
-  Re(() => {
-    const c = (p) => {
-      a(p.value);
+function vi(t) {
+  const [n, a] = oe(t.scene);
+  _e(() => {
+    const o = (h) => {
+      a(h.value);
     };
-    return P.addEventListener(k.SET_SCENE, c), () => {
-      P.removeEventListener(k.SET_SCENE, c);
+    return P.addEventListener(k.SET_SCENE, o), () => {
+      P.removeEventListener(k.SET_SCENE, o);
     };
   }, []);
-  const t = n !== null, r = "Hierarchy - " + (t ? `${n?.name}` : "No Scene");
+  const e = n !== null, i = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
   return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ l.jsx(Nt, { label: r, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: t && /* @__PURE__ */ l.jsx(ka, { child: n, three: e.three }) }) }),
-    /* @__PURE__ */ l.jsx(Za, { three: e.three })
+    /* @__PURE__ */ l.jsx(Lt, { label: i, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(_a, { child: n, three: t.three }) }) }),
+    /* @__PURE__ */ l.jsx(qa, { three: t.three })
   ] }, "SidePanel");
 }
-function Mi(e) {
+function gi(t) {
   function n() {
-    return e.three.scene === void 0 ? (console.log("No scene:", e.three), !1) : !0;
+    return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
-  const a = (o) => {
+  const a = (c) => {
     if (!n())
       return;
-    const u = e.three.scene?.getObjectByProperty("uuid", o.value);
-    u !== void 0 && e.three.setObject(u);
-  }, t = (o, u, d) => {
+    const d = t.three.scene?.getObjectByProperty("uuid", c.value);
+    d !== void 0 && t.three.setObject(d);
+  }, e = (c, d, u) => {
     if (!n())
       return;
-    const v = e.three.scene?.getObjectByProperty("uuid", o);
-    v !== void 0 && ee(v, u, d);
-  }, r = (o) => {
+    const v = t.three.scene?.getObjectByProperty("uuid", c);
+    v !== void 0 && ee(v, d, u);
+  }, i = (c) => {
     if (!n())
       return;
-    const u = o.value, { key: d, value: v, uuid: b } = u;
-    t(b, d, v);
-  }, c = (o) => {
+    const d = c.value, { key: u, value: v, uuid: b } = d;
+    e(b, u, v);
+  }, o = (c) => {
     if (!n())
       return;
-    const u = o.value;
-    It(u.value).then((d) => {
-      t(u.uuid, u.key, d), t(u.uuid, "material.needsUpdate", !0);
+    const d = c.value;
+    Dt(d.value).then((u) => {
+      e(d.uuid, d.key, u), e(d.uuid, "material.needsUpdate", !0);
     });
-  }, p = (o) => {
+  }, h = (c) => {
     if (!n())
       return;
-    const { key: u, uuid: d, value: v, subitem: b } = o.value, E = e.three.scene?.getObjectByProperty("uuid", d);
+    const { key: d, uuid: u, value: v, subitem: b } = c.value, E = t.three.scene?.getObjectByProperty("uuid", u);
     if (E !== void 0)
       try {
-        b !== void 0 ? xa(E, b)[u](v) : E[u](v);
-      } catch (C) {
-        console.log("Error requesting method:"), console.log(C), console.log(u), console.log(v);
+        b !== void 0 ? Ea(E, b)[d](v) : E[d](v);
+      } catch (S) {
+        console.log("Error requesting method:"), console.log(S), console.log(d), console.log(v);
       }
   };
-  return Re(() => (P.addEventListener(k.GET_OBJECT, a), P.addEventListener(k.UPDATE_OBJECT, r), P.addEventListener(k.CREATE_TEXTURE, c), P.addEventListener(k.REQUEST_METHOD, p), () => {
-    P.removeEventListener(k.GET_OBJECT, a), P.removeEventListener(k.UPDATE_OBJECT, r), P.removeEventListener(k.CREATE_TEXTURE, c), P.removeEventListener(k.REQUEST_METHOD, p);
+  return _e(() => (P.addEventListener(k.GET_OBJECT, a), P.addEventListener(k.UPDATE_OBJECT, i), P.addEventListener(k.CREATE_TEXTURE, o), P.addEventListener(k.REQUEST_METHOD, h), () => {
+    P.removeEventListener(k.GET_OBJECT, a), P.removeEventListener(k.UPDATE_OBJECT, i), P.removeEventListener(k.CREATE_TEXTURE, o), P.removeEventListener(k.REQUEST_METHOD, h);
   }), []), null;
 }
-const Zt = { type: "change" }, jt = { type: "start" }, Jt = { type: "end" }, bt = new Zn(), Qt = new Jn(), Ja = Math.cos(70 * Qn.DEG2RAD);
-class Qa extends tn {
+const Xt = { type: "change" }, kt = { type: "start" }, Zt = { type: "end" }, gt = new Kn(), Jt = new Xn(), Ka = Math.cos(70 * Zn.DEG2RAD);
+class Xa extends en {
   constructor(n, a) {
     super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new W(), this.cursor = new W(), 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: Xe.ROTATE, MIDDLE: Xe.DOLLY, RIGHT: Xe.PAN }, this.touches = { ONE: Ze.ROTATE, TWO: Ze.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;
+      return c.phi;
     }, this.getAzimuthalAngle = function() {
-      return o.theta;
+      return c.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(s) {
@@ -2824,40 +2866,40 @@ class Qa extends tn {
     }, this.stopListenToKeyEvents = function() {
       this._domElementKeyEvents.removeEventListener("keydown", nt), this._domElementKeyEvents = null;
     }, this.saveState = function() {
-      t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
+      e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
-      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(Zt), t.update(), c = r.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(Xt), e.update(), o = i.NONE;
     }, this.update = function() {
-      const s = new W(), y = new $t().setFromUnitVectors(n.up, new W(0, 1, 0)), O = y.clone().invert(), L = new W(), H = new $t(), be = new W(), le = 2 * Math.PI;
-      return function(_t = null) {
-        const it = t.object.position;
-        s.copy(it).sub(t.target), s.applyQuaternion(y), o.setFromVector3(s), t.autoRotate && c === r.NONE && me(Fe(_t)), t.enableDamping ? (o.theta += u.theta * t.dampingFactor, o.phi += u.phi * t.dampingFactor) : (o.theta += u.theta, o.phi += u.phi);
-        let xe = t.minAzimuthAngle, ye = t.maxAzimuthAngle;
-        isFinite(xe) && isFinite(ye) && (xe < -Math.PI ? xe += le : xe > Math.PI && (xe -= le), ye < -Math.PI ? ye += le : ye > Math.PI && (ye -= le), xe <= ye ? o.theta = Math.max(xe, Math.min(ye, o.theta)) : o.theta = o.theta > (xe + ye) / 2 ? Math.max(xe, o.theta) : Math.min(ye, o.theta)), o.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, o.phi)), o.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(v, t.dampingFactor) : t.target.add(v), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && Y || t.object.isOrthographicCamera ? o.radius = ke(o.radius) : o.radius = ke(o.radius * d), s.setFromSpherical(o), s.applyQuaternion(O), it.copy(t.target).add(s), t.object.lookAt(t.target), t.enableDamping === !0 ? (u.theta *= 1 - t.dampingFactor, u.phi *= 1 - t.dampingFactor, v.multiplyScalar(1 - t.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
+      const s = new W(), y = new $t().setFromUnitVectors(n.up, new W(0, 1, 0)), O = y.clone().invert(), N = new W(), H = new $t(), be = new W(), le = 2 * Math.PI;
+      return function(Tt = null) {
+        const it = e.object.position;
+        s.copy(it).sub(e.target), s.applyQuaternion(y), c.setFromVector3(s), e.autoRotate && o === i.NONE && me(Fe(Tt)), e.enableDamping ? (c.theta += d.theta * e.dampingFactor, c.phi += d.phi * e.dampingFactor) : (c.theta += d.theta, c.phi += d.phi);
+        let xe = e.minAzimuthAngle, ye = e.maxAzimuthAngle;
+        isFinite(xe) && isFinite(ye) && (xe < -Math.PI ? xe += le : xe > Math.PI && (xe -= le), ye < -Math.PI ? ye += le : ye > Math.PI && (ye -= le), xe <= ye ? c.theta = Math.max(xe, Math.min(ye, c.theta)) : c.theta = c.theta > (xe + ye) / 2 ? Math.max(xe, c.theta) : Math.min(ye, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && Y || e.object.isOrthographicCamera ? c.radius = ke(c.radius) : c.radius = ke(c.radius * u), s.setFromSpherical(c), s.applyQuaternion(O), it.copy(e.target).add(s), e.object.lookAt(e.target), e.enableDamping === !0 ? (d.theta *= 1 - e.dampingFactor, d.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (d.set(0, 0, 0), v.set(0, 0, 0));
         let $e = !1;
-        if (t.zoomToCursor && Y) {
+        if (e.zoomToCursor && Y) {
           let ze = null;
-          if (t.object.isPerspectiveCamera) {
+          if (e.object.isPerspectiveCamera) {
             const Ye = s.length();
-            ze = ke(Ye * d);
+            ze = ke(Ye * u);
             const Ge = Ye - ze;
-            t.object.position.addScaledVector(we, Ge), t.object.updateMatrixWorld();
-          } else if (t.object.isOrthographicCamera) {
+            e.object.position.addScaledVector(we, Ge), e.object.updateMatrixWorld();
+          } else if (e.object.isOrthographicCamera) {
             const Ye = new W(ce.x, ce.y, 0);
-            Ye.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), $e = !0;
+            Ye.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / u)), e.object.updateProjectionMatrix(), $e = !0;
             const Ge = new W(ce.x, ce.y, 0);
-            Ge.unproject(t.object), t.object.position.sub(Ge).add(Ye), t.object.updateMatrixWorld(), ze = s.length();
+            Ge.unproject(e.object), e.object.position.sub(Ge).add(Ye), e.object.updateMatrixWorld(), ze = s.length();
           } else
-            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          ze !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(ze).add(t.object.position) : (bt.origin.copy(t.object.position), bt.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(bt.direction)) < Ja ? n.lookAt(t.target) : (Qt.setFromNormalAndCoplanarPoint(t.object.up, t.target), bt.intersectPlane(Qt, t.target))));
+            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
+          ze !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(ze).add(e.object.position) : (gt.origin.copy(e.object.position), gt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(gt.direction)) < Ka ? n.lookAt(e.target) : (Jt.setFromNormalAndCoplanarPoint(e.object.up, e.target), gt.intersectPlane(Jt, e.target))));
         } else
-          t.object.isOrthographicCamera && ($e = d !== 1, $e && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix()));
-        return d = 1, Y = !1, $e || L.distanceToSquared(t.object.position) > p || 8 * (1 - H.dot(t.object.quaternion)) > p || be.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Zt), L.copy(t.object.position), H.copy(t.object.quaternion), be.copy(t.target), !0) : !1;
+          e.object.isOrthographicCamera && ($e = u !== 1, $e && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / u)), e.object.updateProjectionMatrix()));
+        return u = 1, Y = !1, $e || N.distanceToSquared(e.object.position) > h || 8 * (1 - H.dot(e.object.quaternion)) > h || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(Xt), N.copy(e.object.position), H.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", qe), t.domElement.removeEventListener("pointerdown", Be), t.domElement.removeEventListener("pointercancel", Ue), t.domElement.removeEventListener("wheel", ht), t.domElement.removeEventListener("pointermove", et), t.domElement.removeEventListener("pointerup", Ue), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", nt), t._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", qe), e.domElement.removeEventListener("pointerdown", Be), e.domElement.removeEventListener("pointercancel", Ue), e.domElement.removeEventListener("wheel", ht), e.domElement.removeEventListener("pointermove", et), e.domElement.removeEventListener("pointerup", Ue), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", nt), e._domElementKeyEvents = null);
     };
-    const t = this, r = {
+    const e = this, i = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -2867,174 +2909,174 @@ class Qa extends tn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let c = r.NONE;
-    const p = 1e-6, o = new zt(), u = new zt();
-    let d = 1;
-    const v = new W(), b = new he(), E = new he(), C = new he(), D = new he(), I = new he(), q = new he(), B = new he(), M = new he(), z = new he(), we = new W(), ce = new he();
+    let o = i.NONE;
+    const h = 1e-6, c = new zt(), d = new zt();
+    let u = 1;
+    const v = new W(), b = new fe(), E = new fe(), S = new fe(), D = new fe(), I = new fe(), q = new fe(), B = new fe(), M = new fe(), z = new fe(), we = new W(), ce = new fe();
     let Y = !1;
     const Q = [], x = {};
     let Ae = !1;
     function Fe(s) {
-      return s !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * s : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
+      return s !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * s : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
     function Oe(s) {
       const y = Math.abs(s * 0.01);
-      return Math.pow(0.95, t.zoomSpeed * y);
+      return Math.pow(0.95, e.zoomSpeed * y);
     }
     function me(s) {
-      u.theta -= s;
+      d.theta -= s;
     }
     function te(s) {
-      u.phi -= s;
+      d.phi -= s;
     }
-    const de = function() {
+    const ue = function() {
       const s = new W();
-      return function(O, L) {
-        s.setFromMatrixColumn(L, 0), s.multiplyScalar(-O), v.add(s);
+      return function(O, N) {
+        s.setFromMatrixColumn(N, 0), s.multiplyScalar(-O), v.add(s);
       };
     }(), ve = function() {
       const s = new W();
-      return function(O, L) {
-        t.screenSpacePanning === !0 ? s.setFromMatrixColumn(L, 1) : (s.setFromMatrixColumn(L, 0), s.crossVectors(t.object.up, s)), s.multiplyScalar(O), v.add(s);
+      return function(O, N) {
+        e.screenSpacePanning === !0 ? s.setFromMatrixColumn(N, 1) : (s.setFromMatrixColumn(N, 0), s.crossVectors(e.object.up, s)), s.multiplyScalar(O), v.add(s);
       };
     }(), ge = function() {
       const s = new W();
-      return function(O, L) {
-        const H = t.domElement;
-        if (t.object.isPerspectiveCamera) {
-          const be = t.object.position;
-          s.copy(be).sub(t.target);
+      return function(O, N) {
+        const H = e.domElement;
+        if (e.object.isPerspectiveCamera) {
+          const be = e.object.position;
+          s.copy(be).sub(e.target);
           let le = s.length();
-          le *= Math.tan(t.object.fov / 2 * Math.PI / 180), de(2 * O * le / H.clientHeight, t.object.matrix), ve(2 * L * le / H.clientHeight, t.object.matrix);
+          le *= Math.tan(e.object.fov / 2 * Math.PI / 180), ue(2 * O * le / H.clientHeight, e.object.matrix), ve(2 * N * le / H.clientHeight, e.object.matrix);
         } else
-          t.object.isOrthographicCamera ? (de(O * (t.object.right - t.object.left) / t.object.zoom / H.clientWidth, t.object.matrix), ve(L * (t.object.top - t.object.bottom) / t.object.zoom / H.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          e.object.isOrthographicCamera ? (ue(O * (e.object.right - e.object.left) / e.object.zoom / H.clientWidth, e.object.matrix), ve(N * (e.object.top - e.object.bottom) / e.object.zoom / H.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     }();
     function K(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? u /= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function pe(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? u *= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function Pe(s, y) {
-      if (!t.zoomToCursor)
+      if (!e.zoomToCursor)
         return;
       Y = !0;
-      const O = t.domElement.getBoundingClientRect(), L = s - O.left, H = y - O.top, be = O.width, le = O.height;
-      ce.x = L / be * 2 - 1, ce.y = -(H / le) * 2 + 1, we.set(ce.x, ce.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      const O = e.domElement.getBoundingClientRect(), N = s - O.left, H = y - O.top, be = O.width, le = O.height;
+      ce.x = N / be * 2 - 1, ce.y = -(H / le) * 2 + 1, we.set(ce.x, ce.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
     function ke(s) {
-      return Math.max(t.minDistance, Math.min(t.maxDistance, s));
+      return Math.max(e.minDistance, Math.min(e.maxDistance, s));
     }
-    function fe(s) {
+    function he(s) {
       b.set(s.clientX, s.clientY);
     }
-    function h(s) {
+    function p(s) {
       Pe(s.clientX, s.clientX), B.set(s.clientX, s.clientY);
     }
     function m(s) {
       D.set(s.clientX, s.clientY);
     }
     function w(s) {
-      E.set(s.clientX, s.clientY), C.subVectors(E, b).multiplyScalar(t.rotateSpeed);
-      const y = t.domElement;
-      me(2 * Math.PI * C.x / y.clientHeight), te(2 * Math.PI * C.y / y.clientHeight), b.copy(E), t.update();
+      E.set(s.clientX, s.clientY), S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+      const y = e.domElement;
+      me(2 * Math.PI * S.x / y.clientHeight), te(2 * Math.PI * S.y / y.clientHeight), b.copy(E), e.update();
     }
-    function _(s) {
-      M.set(s.clientX, s.clientY), z.subVectors(M, B), z.y > 0 ? K(Oe(z.y)) : z.y < 0 && pe(Oe(z.y)), B.copy(M), t.update();
+    function R(s) {
+      M.set(s.clientX, s.clientY), z.subVectors(M, B), z.y > 0 ? K(Oe(z.y)) : z.y < 0 && pe(Oe(z.y)), B.copy(M), e.update();
     }
     function G(s) {
-      I.set(s.clientX, s.clientY), q.subVectors(I, D).multiplyScalar(t.panSpeed), ge(q.x, q.y), D.copy(I), t.update();
+      I.set(s.clientX, s.clientY), q.subVectors(I, D).multiplyScalar(e.panSpeed), ge(q.x, q.y), D.copy(I), e.update();
     }
     function V(s) {
-      Pe(s.clientX, s.clientY), s.deltaY < 0 ? pe(Oe(s.deltaY)) : s.deltaY > 0 && K(Oe(s.deltaY)), t.update();
+      Pe(s.clientX, s.clientY), s.deltaY < 0 ? pe(Oe(s.deltaY)) : s.deltaY > 0 && K(Oe(s.deltaY)), e.update();
     }
     function ae(s) {
       let y = !1;
       switch (s.code) {
-        case t.keys.UP:
-          s.ctrlKey || s.metaKey || s.shiftKey ? te(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : ge(0, t.keyPanSpeed), y = !0;
+        case e.keys.UP:
+          s.ctrlKey || s.metaKey || s.shiftKey ? te(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : ge(0, e.keyPanSpeed), y = !0;
           break;
-        case t.keys.BOTTOM:
-          s.ctrlKey || s.metaKey || s.shiftKey ? te(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : ge(0, -t.keyPanSpeed), y = !0;
+        case e.keys.BOTTOM:
+          s.ctrlKey || s.metaKey || s.shiftKey ? te(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : ge(0, -e.keyPanSpeed), y = !0;
           break;
-        case t.keys.LEFT:
-          s.ctrlKey || s.metaKey || s.shiftKey ? me(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : ge(t.keyPanSpeed, 0), y = !0;
+        case e.keys.LEFT:
+          s.ctrlKey || s.metaKey || s.shiftKey ? me(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : ge(e.keyPanSpeed, 0), y = !0;
           break;
-        case t.keys.RIGHT:
-          s.ctrlKey || s.metaKey || s.shiftKey ? me(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : ge(-t.keyPanSpeed, 0), y = !0;
+        case e.keys.RIGHT:
+          s.ctrlKey || s.metaKey || s.shiftKey ? me(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : ge(-e.keyPanSpeed, 0), y = !0;
           break;
       }
-      y && (s.preventDefault(), t.update());
+      y && (s.preventDefault(), e.update());
     }
     function U(s) {
       if (Q.length === 1)
         b.set(s.pageX, s.pageY);
       else {
-        const y = De(s), O = 0.5 * (s.pageX + y.x), L = 0.5 * (s.pageY + y.y);
-        b.set(O, L);
+        const y = De(s), O = 0.5 * (s.pageX + y.x), N = 0.5 * (s.pageY + y.y);
+        b.set(O, N);
       }
     }
     function X(s) {
       if (Q.length === 1)
         D.set(s.pageX, s.pageY);
       else {
-        const y = De(s), O = 0.5 * (s.pageX + y.x), L = 0.5 * (s.pageY + y.y);
-        D.set(O, L);
+        const y = De(s), O = 0.5 * (s.pageX + y.x), N = 0.5 * (s.pageY + y.y);
+        D.set(O, N);
       }
     }
     function ie(s) {
-      const y = De(s), O = s.pageX - y.x, L = s.pageY - y.y, H = Math.sqrt(O * O + L * L);
+      const y = De(s), O = s.pageX - y.x, N = s.pageY - y.y, H = Math.sqrt(O * O + N * N);
       B.set(0, H);
     }
-    function R(s) {
-      t.enableZoom && ie(s), t.enablePan && X(s);
+    function _(s) {
+      e.enableZoom && ie(s), e.enablePan && X(s);
     }
     function F(s) {
-      t.enableZoom && ie(s), t.enableRotate && U(s);
+      e.enableZoom && ie(s), e.enableRotate && U(s);
     }
     function ne(s) {
       if (Q.length == 1)
         E.set(s.pageX, s.pageY);
       else {
-        const O = De(s), L = 0.5 * (s.pageX + O.x), H = 0.5 * (s.pageY + O.y);
-        E.set(L, H);
+        const O = De(s), N = 0.5 * (s.pageX + O.x), H = 0.5 * (s.pageY + O.y);
+        E.set(N, H);
       }
-      C.subVectors(E, b).multiplyScalar(t.rotateSpeed);
-      const y = t.domElement;
-      me(2 * Math.PI * C.x / y.clientHeight), te(2 * Math.PI * C.y / y.clientHeight), b.copy(E);
+      S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+      const y = e.domElement;
+      me(2 * Math.PI * S.x / y.clientHeight), te(2 * Math.PI * S.y / y.clientHeight), b.copy(E);
     }
-    function Se(s) {
+    function Ce(s) {
       if (Q.length === 1)
         I.set(s.pageX, s.pageY);
       else {
-        const y = De(s), O = 0.5 * (s.pageX + y.x), L = 0.5 * (s.pageY + y.y);
-        I.set(O, L);
+        const y = De(s), O = 0.5 * (s.pageX + y.x), N = 0.5 * (s.pageY + y.y);
+        I.set(O, N);
       }
-      q.subVectors(I, D).multiplyScalar(t.panSpeed), ge(q.x, q.y), D.copy(I);
+      q.subVectors(I, D).multiplyScalar(e.panSpeed), ge(q.x, q.y), D.copy(I);
     }
     function Me(s) {
-      const y = De(s), O = s.pageX - y.x, L = s.pageY - y.y, H = Math.sqrt(O * O + L * L);
-      M.set(0, H), z.set(0, Math.pow(M.y / B.y, t.zoomSpeed)), K(z.y), B.copy(M);
+      const y = De(s), O = s.pageX - y.x, N = s.pageY - y.y, H = Math.sqrt(O * O + N * N);
+      M.set(0, H), z.set(0, Math.pow(M.y / B.y, e.zoomSpeed)), K(z.y), B.copy(M);
       const be = (s.pageX + y.x) * 0.5, le = (s.pageY + y.y) * 0.5;
       Pe(be, le);
     }
     function dt(s) {
-      t.enableZoom && Me(s), t.enablePan && Se(s);
+      e.enableZoom && Me(s), e.enablePan && Ce(s);
     }
-    function ft(s) {
-      t.enableZoom && Me(s), t.enableRotate && ne(s);
+    function ut(s) {
+      e.enableZoom && Me(s), e.enableRotate && ne(s);
     }
     function Be(s) {
-      t.enabled !== !1 && (Q.length === 0 && (t.domElement.setPointerCapture(s.pointerId), t.domElement.addEventListener("pointermove", et), t.domElement.addEventListener("pointerup", Ue)), Ot(s), s.pointerType === "touch" ? at(s) : tt(s));
+      e.enabled !== !1 && (Q.length === 0 && (e.domElement.setPointerCapture(s.pointerId), e.domElement.addEventListener("pointermove", et), e.domElement.addEventListener("pointerup", Ue)), wt(s), s.pointerType === "touch" ? at(s) : tt(s));
     }
     function et(s) {
-      t.enabled !== !1 && (s.pointerType === "touch" ? vt(s) : wt(s));
+      e.enabled !== !1 && (s.pointerType === "touch" ? mt(s) : xt(s));
     }
     function Ue(s) {
-      switch (Mt(s), Q.length) {
+      switch (Ot(s), Q.length) {
         case 0:
-          t.domElement.releasePointerCapture(s.pointerId), t.domElement.removeEventListener("pointermove", et), t.domElement.removeEventListener("pointerup", Ue), t.dispatchEvent(Jt), c = r.NONE;
+          e.domElement.releasePointerCapture(s.pointerId), e.domElement.removeEventListener("pointermove", et), e.domElement.removeEventListener("pointerup", Ue), e.dispatchEvent(Zt), o = i.NONE;
           break;
         case 1:
           const y = Q[0], O = x[y];
@@ -3046,73 +3088,73 @@ class Qa extends tn {
       let y;
       switch (s.button) {
         case 0:
-          y = t.mouseButtons.LEFT;
+          y = e.mouseButtons.LEFT;
           break;
         case 1:
-          y = t.mouseButtons.MIDDLE;
+          y = e.mouseButtons.MIDDLE;
           break;
         case 2:
-          y = t.mouseButtons.RIGHT;
+          y = e.mouseButtons.RIGHT;
           break;
         default:
           y = -1;
       }
       switch (y) {
         case Xe.DOLLY:
-          if (t.enableZoom === !1)
+          if (e.enableZoom === !1)
             return;
-          h(s), c = r.DOLLY;
+          p(s), o = i.DOLLY;
           break;
         case Xe.ROTATE:
           if (s.ctrlKey || s.metaKey || s.shiftKey) {
-            if (t.enablePan === !1)
+            if (e.enablePan === !1)
               return;
-            m(s), c = r.PAN;
+            m(s), o = i.PAN;
           } else {
-            if (t.enableRotate === !1)
+            if (e.enableRotate === !1)
               return;
-            fe(s), c = r.ROTATE;
+            he(s), o = i.ROTATE;
           }
           break;
         case Xe.PAN:
           if (s.ctrlKey || s.metaKey || s.shiftKey) {
-            if (t.enableRotate === !1)
+            if (e.enableRotate === !1)
               return;
-            fe(s), c = r.ROTATE;
+            he(s), o = i.ROTATE;
           } else {
-            if (t.enablePan === !1)
+            if (e.enablePan === !1)
               return;
-            m(s), c = r.PAN;
+            m(s), o = i.PAN;
           }
           break;
         default:
-          c = r.NONE;
+          o = i.NONE;
       }
-      c !== r.NONE && t.dispatchEvent(jt);
+      o !== i.NONE && e.dispatchEvent(kt);
     }
-    function wt(s) {
-      switch (c) {
-        case r.ROTATE:
-          if (t.enableRotate === !1)
+    function xt(s) {
+      switch (o) {
+        case i.ROTATE:
+          if (e.enableRotate === !1)
             return;
           w(s);
           break;
-        case r.DOLLY:
-          if (t.enableZoom === !1)
+        case i.DOLLY:
+          if (e.enableZoom === !1)
             return;
-          _(s);
+          R(s);
           break;
-        case r.PAN:
-          if (t.enablePan === !1)
+        case i.PAN:
+          if (e.enablePan === !1)
             return;
           G(s);
           break;
       }
     }
     function ht(s) {
-      t.enabled === !1 || t.enableZoom === !1 || c !== r.NONE || (s.preventDefault(), t.dispatchEvent(jt), V(pt(s)), t.dispatchEvent(Jt));
+      e.enabled === !1 || e.enableZoom === !1 || o !== i.NONE || (s.preventDefault(), e.dispatchEvent(kt), V(ft(s)), e.dispatchEvent(Zt));
     }
-    function pt(s) {
+    function ft(s) {
       const y = s.deltaMode, O = {
         clientX: s.clientX,
         clientY: s.clientY,
@@ -3128,87 +3170,87 @@ class Qa extends tn {
       }
       return s.ctrlKey && !Ae && (O.deltaY *= 10), O;
     }
-    function mt(s) {
-      s.key === "Control" && (Ae = !0, t.domElement.getRootNode().addEventListener("keyup", je, { passive: !0, capture: !0 }));
+    function pt(s) {
+      s.key === "Control" && (Ae = !0, e.domElement.getRootNode().addEventListener("keyup", je, { passive: !0, capture: !0 }));
     }
     function je(s) {
-      s.key === "Control" && (Ae = !1, t.domElement.getRootNode().removeEventListener("keyup", je, { passive: !0, capture: !0 }));
+      s.key === "Control" && (Ae = !1, e.domElement.getRootNode().removeEventListener("keyup", je, { passive: !0, capture: !0 }));
     }
     function nt(s) {
-      t.enabled === !1 || t.enablePan === !1 || ae(s);
+      e.enabled === !1 || e.enablePan === !1 || ae(s);
     }
     function at(s) {
-      switch (gt(s), Q.length) {
+      switch (vt(s), Q.length) {
         case 1:
-          switch (t.touches.ONE) {
+          switch (e.touches.ONE) {
             case Ze.ROTATE:
-              if (t.enableRotate === !1)
+              if (e.enableRotate === !1)
                 return;
-              U(s), c = r.TOUCH_ROTATE;
+              U(s), o = i.TOUCH_ROTATE;
               break;
             case Ze.PAN:
-              if (t.enablePan === !1)
+              if (e.enablePan === !1)
                 return;
-              X(s), c = r.TOUCH_PAN;
+              X(s), o = i.TOUCH_PAN;
               break;
             default:
-              c = r.NONE;
+              o = i.NONE;
           }
           break;
         case 2:
-          switch (t.touches.TWO) {
+          switch (e.touches.TWO) {
             case Ze.DOLLY_PAN:
-              if (t.enableZoom === !1 && t.enablePan === !1)
+              if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              R(s), c = r.TOUCH_DOLLY_PAN;
+              _(s), o = i.TOUCH_DOLLY_PAN;
               break;
             case Ze.DOLLY_ROTATE:
-              if (t.enableZoom === !1 && t.enableRotate === !1)
+              if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              F(s), c = r.TOUCH_DOLLY_ROTATE;
+              F(s), o = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              c = r.NONE;
+              o = i.NONE;
           }
           break;
         default:
-          c = r.NONE;
+          o = i.NONE;
       }
-      c !== r.NONE && t.dispatchEvent(jt);
+      o !== i.NONE && e.dispatchEvent(kt);
     }
-    function vt(s) {
-      switch (gt(s), c) {
-        case r.TOUCH_ROTATE:
-          if (t.enableRotate === !1)
+    function mt(s) {
+      switch (vt(s), o) {
+        case i.TOUCH_ROTATE:
+          if (e.enableRotate === !1)
             return;
-          ne(s), t.update();
+          ne(s), e.update();
           break;
-        case r.TOUCH_PAN:
-          if (t.enablePan === !1)
+        case i.TOUCH_PAN:
+          if (e.enablePan === !1)
             return;
-          Se(s), t.update();
+          Ce(s), e.update();
           break;
-        case r.TOUCH_DOLLY_PAN:
-          if (t.enableZoom === !1 && t.enablePan === !1)
+        case i.TOUCH_DOLLY_PAN:
+          if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          dt(s), t.update();
+          dt(s), e.update();
           break;
-        case r.TOUCH_DOLLY_ROTATE:
-          if (t.enableZoom === !1 && t.enableRotate === !1)
+        case i.TOUCH_DOLLY_ROTATE:
+          if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          ft(s), t.update();
+          ut(s), e.update();
           break;
         default:
-          c = r.NONE;
+          o = i.NONE;
       }
     }
     function qe(s) {
-      t.enabled !== !1 && s.preventDefault();
+      e.enabled !== !1 && s.preventDefault();
     }
-    function Ot(s) {
+    function wt(s) {
       Q.push(s.pointerId);
     }
-    function Mt(s) {
+    function Ot(s) {
       delete x[s.pointerId];
       for (let y = 0; y < Q.length; y++)
         if (Q[y] == s.pointerId) {
@@ -3216,56 +3258,56 @@ class Qa extends tn {
           return;
         }
     }
-    function gt(s) {
+    function vt(s) {
       let y = x[s.pointerId];
-      y === void 0 && (y = new he(), x[s.pointerId] = y), y.set(s.pageX, s.pageY);
+      y === void 0 && (y = new fe(), x[s.pointerId] = y), y.set(s.pageX, s.pageY);
     }
     function De(s) {
       const y = s.pointerId === Q[0] ? Q[1] : Q[0];
       return x[y];
     }
-    t.domElement.addEventListener("contextmenu", qe), t.domElement.addEventListener("pointerdown", Be), t.domElement.addEventListener("pointercancel", Ue), t.domElement.addEventListener("wheel", ht, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", mt, { passive: !0, capture: !0 }), this.update();
+    e.domElement.addEventListener("contextmenu", qe), e.domElement.addEventListener("pointerdown", Be), e.domElement.addEventListener("pointercancel", Ue), e.domElement.addEventListener("wheel", ht, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", pt, { passive: !0, capture: !0 }), this.update();
   }
 }
-const Ct = (e) => {
-  const [n, a] = oe(e.options[e.index]), t = () => {
-    e.onToggle(!e.open);
-  }, r = (c) => {
-    c !== n && (e.onSelect(c), a(c)), e.onToggle(!1);
+const Et = (t) => {
+  const [n, a] = oe(t.options[t.index]), e = () => {
+    t.onToggle(!t.open);
+  }, i = (o) => {
+    o !== n && (t.onSelect(o), a(o)), t.onToggle(!1);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${e.up === !0 ? "up" : ""}`, children: [
-    /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: t, children: n }),
-    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => r(c), children: c }, c)) })
+  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((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
   ] });
-}, He = ha(function(n, a) {
-  const [t, r] = oe(!1), c = n.options.indexOf(n.camera.name);
+}, He = ua(function(n, a) {
+  const [e, i] = oe(!1), o = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
-      t && r(!1);
+      e && i(!1);
     } }),
     /* @__PURE__ */ l.jsx(
-      Ct,
+      Et,
       {
-        index: c,
-        open: t,
+        index: o,
+        open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (p) => {
-          r(p);
+        onToggle: (h) => {
+          i(h);
         },
         up: !0
       }
     )
   ] });
 });
-class ei extends yn {
+class Za extends bn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: ea,
-      side: an,
+      glslVersion: Jn,
+      side: nn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -3370,17 +3412,17 @@ class ei extends yn {
     });
   }
 }
-class ti extends ta {
+class Ja extends Qn {
   gridMaterial;
   constructor() {
-    const n = new ei();
-    super(new na(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const n = new Za();
+    super(new ea(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const ni = `#include <common>
+const Qa = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -3410,7 +3452,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, ai = `
+}`, ei = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -3419,27 +3461,27 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class ii extends yn {
+class ti extends bn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: ni,
-      fragmentShader: ai
+      vertexShader: Qa,
+      fragmentShader: ei
     });
   }
 }
-let yt = "Renderer", Ie, Et = !1, en = !1, $, se, Le, Ne;
-function Ti(e) {
-  const n = Ce(() => /* @__PURE__ */ new Map(), []), a = Ce(() => /* @__PURE__ */ new Map(), []), t = Ce(() => /* @__PURE__ */ new Map(), []), r = Ce(() => new aa(), []), c = Ce(() => new ia(), []), p = Ce(() => new ti(), []), o = Ce(() => new Yt(500), []), u = Ce(() => new Yt(100), []), d = Ce(() => new ra(), []), v = Ce(() => new sa(), []), b = Ce(() => new ii(), []), E = Ce(() => new oa({
+let bt = "Renderer", Ie, yt = !1, Qt = !1, $, se, Ne, Le;
+function bi(t) {
+  const n = Se(() => /* @__PURE__ */ new Map(), []), a = Se(() => /* @__PURE__ */ new Map(), []), e = Se(() => /* @__PURE__ */ new Map(), []), i = Se(() => new ta(), []), o = Se(() => new na(), []), h = Se(() => new Ja(), []), c = Se(() => new Yt(500), []), d = Se(() => new Yt(100), []), u = Se(() => new aa(), []), v = Se(() => new ia(), []), b = Se(() => new ti(), []), E = Se(() => new ra({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function C(h, m) {
+  function S(p, m) {
     const w = new Gt(-100, 100, 100, -100, 50, 3e3);
-    return w.name = h, w.position.copy(m), w.lookAt(0, 0, 0), n.set(h, w), w;
+    return w.name = p, w.position.copy(m), w.lookAt(0, 0, 0), n.set(p, w), w;
   }
   const D = [
     "Renderer",
@@ -3453,18 +3495,18 @@ function Ti(e) {
     "Stacked",
     "Quad"
   ];
-  Re(() => {
-    r.name = "Debug Scene", c.name = "helpers", r.add(c), c.add(p), o.name = "axisHelper", c.add(o), u.name = "interactionHelper", c.add(u), u.visible = !1, C("Top", new W(0, 1e3, 0)), C("Bottom", new W(0, -1e3, 0)), C("Left", new W(-1e3, 0, 0)), C("Right", new W(1e3, 0, 0)), C("Front", new W(0, 0, 1e3)), C("Back", new W(0, 0, -1e3)), C("Orthographic", new W(1e3, 1e3, 1e3));
-    const h = new Rt(60, 1, 50, 3e3);
-    h.name = "Debug", h.position.set(500, 500, 500), h.lookAt(0, 0, 0), n.set("Debug", h), $ = n.get("Debug"), se = n.get("Orthographic"), Le = n.get("Front"), Ne = n.get("Top");
+  _e(() => {
+    i.name = "Debug Scene", o.name = "helpers", i.add(o), o.add(h), c.name = "axisHelper", o.add(c), d.name = "interactionHelper", o.add(d), d.visible = !1, S("Top", new W(0, 1e3, 0)), S("Bottom", new W(0, -1e3, 0)), S("Left", new W(-1e3, 0, 0)), S("Right", new W(1e3, 0, 0)), S("Front", new W(0, 0, 1e3)), S("Back", new W(0, 0, -1e3)), S("Orthographic", new W(1e3, 1e3, 1e3));
+    const p = new Rt(60, 1, 50, 3e3);
+    p.name = "Debug", p.position.set(500, 500, 500), p.lookAt(0, 0, 0), n.set("Debug", p), $ = n.get("Debug"), se = n.get("Orthographic"), Ne = n.get("Front"), Le = n.get("Top");
   }, []);
-  const q = _e(null), B = _e(null), M = _e(null), z = _e(null), we = _e(null), ce = _e(null), [Y, Q] = oe(e.mode !== void 0 ? e.mode : "Single"), [x, Ae] = oe(null), [Fe, Oe] = oe(!1), [me, te] = oe(!1), [de, ve] = oe(!1), [, ge] = oe(Date.now()), K = (h, m) => {
-    const w = a.get(h.name);
-    w !== void 0 && w.dispose(), a.delete(h.name);
-    const _ = t.get(h.name);
-    _ !== void 0 && (r.remove(_), _.dispose()), t.delete(h.name);
-    const G = new Qa(h, m);
-    switch (G.enableDamping = !0, G.dampingFactor = 0.05, h.name) {
+  const q = Re(null), B = Re(null), M = Re(null), z = Re(null), we = Re(null), ce = Re(null), [Y, Q] = oe(t.mode !== void 0 ? t.mode : "Single"), [x, Ae] = oe(null), [Fe, Oe] = oe(!1), [me, te] = oe(!1), [ue, ve] = oe(!1), [, ge] = oe(Date.now()), K = (p, m) => {
+    const w = a.get(p.name);
+    w !== void 0 && w.dispose(), a.delete(p.name);
+    const R = e.get(p.name);
+    R !== void 0 && (i.remove(R), R.dispose()), e.delete(p.name);
+    const G = new Xa(p, m);
+    switch (G.enableDamping = !0, G.dampingFactor = 0.05, p.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -3474,21 +3516,21 @@ function Ti(e) {
         G.enableRotate = !1;
         break;
     }
-    if (a.set(h.name, G), h instanceof Rt) {
-      const V = new ua(h);
-      t.set(h.name, V), r.add(V);
+    if (a.set(p.name, G), p instanceof Rt) {
+      const V = new ca(p);
+      e.set(p.name, V), i.add(V);
     }
-  }, pe = (h) => {
-    const m = t.get(h.name);
-    m !== void 0 && (r.remove(m), m.dispose(), t.delete(h.name));
-    const w = a.get(h.name);
-    w !== void 0 && (w.dispose(), a.delete(h.name));
+  }, pe = (p) => {
+    const m = e.get(p.name);
+    m !== void 0 && (i.remove(m), m.dispose(), e.delete(p.name));
+    const w = a.get(p.name);
+    w !== void 0 && (w.dispose(), a.delete(p.name));
   }, Pe = () => {
-    a.forEach((h, m) => {
-      h.dispose();
-      const w = t.get(m);
-      w !== void 0 && (r.remove(w), w.dispose()), t.delete(m), a.delete(m);
-    }), a.clear(), t.clear();
+    a.forEach((p, m) => {
+      p.dispose();
+      const w = e.get(m);
+      w !== void 0 && (i.remove(w), w.dispose()), e.delete(m), a.delete(m);
+    }), a.clear(), e.clear();
   }, ke = () => {
     switch (Y) {
       case "Single":
@@ -3499,70 +3541,70 @@ function Ti(e) {
         K($, M.current), K(se, z.current);
         break;
       case "Quad":
-        K($, M.current), K(se, z.current), K(Le, we.current), K(Ne, ce.current);
+        K($, M.current), K(se, z.current), K(Ne, we.current), K(Le, ce.current);
         break;
     }
   };
-  Re(() => {
-    const h = new ca({
+  _e(() => {
+    const p = new sa({
       canvas: q.current,
       stencil: !1
     });
-    h.autoClear = !1, h.shadowMap.enabled = !0, h.setPixelRatio(devicePixelRatio), h.setClearColor(0), Ae(h);
-  }, []), Re(() => {
-    const h = (_) => {
-      wn(Ie), r.remove(Ie);
-      const G = e.scenes.get(_.value.name);
+    p.autoClear = !1, p.shadowMap.enabled = !0, p.setPixelRatio(devicePixelRatio), p.setClearColor(0), t.three.renderer = p, Ae(p);
+  }, []), _e(() => {
+    const p = (R) => {
+      xn(Ie), i.remove(Ie);
+      const G = t.scenes.get(R.value.name);
       if (G !== void 0) {
         const V = new G();
-        e.onSceneSet !== void 0 && e.onSceneSet(V), Ie = V, e.three.scene = Ie, r.add(Ie), en = !0;
+        t.onSceneSet !== void 0 && t.onSceneSet(V), Ie = V, t.three.scene = Ie, i.add(Ie), Qt = !0;
       }
-    }, m = (_) => {
-      const G = _.value, V = e.three.scene?.getObjectByProperty("uuid", G.uuid);
+    }, m = (R) => {
+      const G = R.value, V = t.three.scene?.getObjectByProperty("uuid", G.uuid);
       V !== void 0 && n.set(G.name, V), ge(Date.now());
-    }, w = (_) => {
-      n.delete(_.value.name), ge(Date.now());
+    }, w = (R) => {
+      n.delete(R.value.name), ge(Date.now());
     };
-    return P.addEventListener(k.SET_SCENE, h), P.addEventListener(k.ADD_CAMERA, m), P.addEventListener(k.REMOVE_CAMERA, w), () => {
-      P.removeEventListener(k.SET_SCENE, h), P.removeEventListener(k.ADD_CAMERA, m), P.removeEventListener(k.REMOVE_CAMERA, w);
+    return P.addEventListener(k.SET_SCENE, p), P.addEventListener(k.ADD_CAMERA, m), P.addEventListener(k.REMOVE_CAMERA, w), () => {
+      P.removeEventListener(k.SET_SCENE, p), P.removeEventListener(k.ADD_CAMERA, m), P.removeEventListener(k.REMOVE_CAMERA, w);
     };
-  }, []), Re(() => {
+  }, []), _e(() => {
     if (x === null)
       return;
-    let h = window.innerWidth, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), G = -1;
+    let p = window.innerWidth, m = window.innerHeight, w = Math.floor(p / 2), R = Math.floor(m / 2), G = -1;
     const V = () => {
-      h = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), x.setSize(h, m);
-      let R = h, F = m;
+      p = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(p / 2), R = Math.floor(m / 2), x.setSize(p, m);
+      let _ = p, F = m;
       switch (Y) {
         case "Side by Side":
-          R = w, F = m;
+          _ = w, F = m;
           break;
         case "Stacked":
-          R = h, F = _;
+          _ = p, F = R;
           break;
         case "Quad":
-          R = w, F = _;
+          _ = w, F = R;
           break;
       }
       n.forEach((ne) => {
-        ne instanceof Gt ? (ne.left = R / -2, ne.right = R / 2, ne.top = F / 2, ne.bottom = F / -2, ne.updateProjectionMatrix()) : ne instanceof Rt && (ne.aspect = R / F, ne.updateProjectionMatrix(), t.get(ne.name)?.update());
+        ne instanceof Gt ? (ne.left = _ / -2, ne.right = _ / 2, ne.top = F / 2, ne.bottom = F / -2, ne.updateProjectionMatrix()) : ne instanceof Rt && (ne.aspect = _ / F, ne.updateProjectionMatrix(), e.get(ne.name)?.update());
       });
     }, ae = () => {
-      x.setViewport(0, 0, h, m), x.setScissor(0, 0, h, m), x.render(r, $);
+      x.setViewport(0, 0, p, m), x.setScissor(0, 0, p, m), x.render(i, $);
     }, U = () => {
       if (Y === "Side by Side")
-        x.setViewport(0, 0, w, m), x.setScissor(0, 0, w, m), x.render(r, $), x.setViewport(w, 0, w, m), x.setScissor(w, 0, w, m), x.render(r, se);
+        x.setViewport(0, 0, w, m), x.setScissor(0, 0, w, m), x.render(i, $), x.setViewport(w, 0, w, m), x.setScissor(w, 0, w, m), x.render(i, se);
       else {
-        const R = m - _;
-        x.setViewport(0, R, h, _), x.setScissor(0, R, h, _), x.render(r, $), x.setViewport(0, 0, h, _), x.setScissor(0, 0, h, _), x.render(r, se);
+        const _ = m - R;
+        x.setViewport(0, _, p, R), x.setScissor(0, _, p, R), x.render(i, $), x.setViewport(0, 0, p, R), x.setScissor(0, 0, p, R), x.render(i, se);
       }
     }, X = () => {
-      let R = 0, F = 0;
-      F = m - _, R = 0, x.setViewport(R, F, w, _), x.setScissor(R, F, w, _), x.render(r, $), R = w, x.setViewport(R, F, w, _), x.setScissor(R, F, w, _), x.render(r, se), F = 0, R = 0, x.setViewport(R, F, w, _), x.setScissor(R, F, w, _), x.render(r, Le), R = w, x.setViewport(R, F, w, _), x.setScissor(R, F, w, _), x.render(r, Ne);
+      let _ = 0, F = 0;
+      F = m - R, _ = 0, x.setViewport(_, F, w, R), x.setScissor(_, F, w, R), x.render(i, $), _ = w, x.setViewport(_, F, w, R), x.setScissor(_, F, w, R), x.render(i, se), F = 0, _ = 0, x.setViewport(_, F, w, R), x.setScissor(_, F, w, R), x.render(i, Ne), _ = w, x.setViewport(_, F, w, R), x.setScissor(_, F, w, R), x.render(i, Le);
     }, ie = () => {
-      switch (a.forEach((R) => {
-        R.update();
-      }), e.onSceneUpdate !== void 0 && en && e.onSceneUpdate(Ie), x.clear(), Y) {
+      switch (a.forEach((_) => {
+        _.update();
+      }), t.onSceneUpdate !== void 0 && Qt && t.onSceneUpdate(Ie), x.clear(), Y) {
         case "Single":
           ae();
           break;
@@ -3579,172 +3621,172 @@ function Ti(e) {
     return ke(), window.addEventListener("resize", V), V(), ie(), () => {
       window.removeEventListener("resize", V), cancelAnimationFrame(G), G = -1;
     };
-  }, [Y, x]), Re(() => {
+  }, [Y, x]), _e(() => {
     if (x !== null) {
-      const h = new la(), m = new he(), w = (ae, U, X, ie) => {
+      const p = new oa(), m = new fe(), w = (ae, U, X, ie) => {
         switch (Y) {
           case "Quad":
-            ae < X ? U < ie ? h.setFromCamera(m, $) : h.setFromCamera(m, Le) : U < ie ? h.setFromCamera(m, se) : h.setFromCamera(m, Ne);
+            ae < X ? U < ie ? p.setFromCamera(m, $) : p.setFromCamera(m, Ne) : U < ie ? p.setFromCamera(m, se) : p.setFromCamera(m, Le);
             break;
           case "Side by Side":
-            ae < X ? h.setFromCamera(m, $) : h.setFromCamera(m, se);
+            ae < X ? p.setFromCamera(m, $) : p.setFromCamera(m, se);
             break;
           case "Single":
-            h.setFromCamera(m, $);
+            p.setFromCamera(m, $);
             break;
           case "Stacked":
-            U < ie ? h.setFromCamera(m, $) : h.setFromCamera(m, se);
+            U < ie ? p.setFromCamera(m, $) : p.setFromCamera(m, se);
             break;
         }
-      }, _ = (ae) => {
-        if (!Et)
+      }, R = (ae) => {
+        if (!yt)
           return;
-        const U = new he();
+        const U = new fe();
         x.getSize(U);
         const X = Math.min(ae.clientX, U.x), ie = Math.min(ae.clientY, U.y);
         m.x = Qe(X, 0, U.x, -1, 1), m.y = Qe(ie, 0, U.y, 1, -1);
-        const R = U.x / 2, F = U.y / 2, ne = () => {
-          X < R ? m.x = Qe(X, 0, R, -1, 1) : m.x = Qe(X, R, U.x, -1, 1);
-        }, Se = () => {
+        const _ = U.x / 2, F = U.y / 2, ne = () => {
+          X < _ ? m.x = Qe(X, 0, _, -1, 1) : m.x = Qe(X, _, U.x, -1, 1);
+        }, Ce = () => {
           ie < F ? m.y = Qe(ie, 0, F, 1, -1) : m.y = Qe(ie, F, U.y, 1, -1);
         };
         switch (Y) {
           case "Quad":
-            ne(), Se();
+            ne(), Ce();
             break;
           case "Side by Side":
             ne();
             break;
           case "Stacked":
-            Se(), Se();
+            Ce(), Ce();
             break;
         }
-        w(X, ie, R, F);
-        const Me = h.intersectObjects(Ie.children);
-        Me.length > 0 && u.position.copy(Me[0].point);
+        w(X, ie, _, F);
+        const Me = p.intersectObjects(Ie.children);
+        Me.length > 0 && d.position.copy(Me[0].point);
       }, G = (ae) => {
-        if (!Et)
+        if (!yt)
           return;
-        const U = new he();
+        const U = new fe();
         if (x.getSize(U), ae.clientX >= U.x)
           return;
-        _(ae);
-        const X = h.intersectObjects(Ie.children);
-        X.length > 0 && e.three.getObject(X[0].object.uuid);
+        R(ae);
+        const X = p.intersectObjects(Ie.children);
+        X.length > 0 && t.three.getObject(X[0].object.uuid);
       }, V = B.current;
-      return V.addEventListener("mousemove", _, !1), V.addEventListener("click", G, !1), () => {
-        V.removeEventListener("mousemove", _), V.removeEventListener("click", G);
+      return V.addEventListener("mousemove", R, !1), V.addEventListener("click", G, !1), () => {
+        V.removeEventListener("mousemove", R), V.removeEventListener("click", G);
       };
     }
   }, [Y, x]);
-  const fe = [];
-  return n.forEach((h, m) => {
-    fe.push(m);
+  const he = [];
+  return n.forEach((p, m) => {
+    he.push(m);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ l.jsx("canvas", { ref: q }),
     x !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsxs("div", { className: `cameras ${Y === "Single" || Y === "Stacked" ? "single" : ""}`, ref: B, children: [
-        Y === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(He, { camera: $, options: fe, ref: M, onSelect: (h) => {
+        Y === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(He, { camera: $, options: he, ref: M, onSelect: (p) => {
           a.get($.name)?.dispose();
-          const m = n.get(h);
+          const m = n.get(p);
           m !== void 0 && (pe($), $ = m, K(m, M.current));
         } }) }),
         (Y === "Side by Side" || Y === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(He, { camera: $, options: fe, ref: M, onSelect: (h) => {
+          /* @__PURE__ */ l.jsx(He, { camera: $, options: he, ref: M, onSelect: (p) => {
             a.get($.name)?.dispose();
-            const m = n.get(h);
+            const m = n.get(p);
             m !== void 0 && (pe($), $ = m, K(m, M.current));
           } }),
-          /* @__PURE__ */ l.jsx(He, { camera: se, options: fe, ref: z, onSelect: (h) => {
+          /* @__PURE__ */ l.jsx(He, { camera: se, options: he, ref: z, onSelect: (p) => {
             a.get(se.name)?.dispose();
-            const m = n.get(h);
+            const m = n.get(p);
             m !== void 0 && (pe(se), se = m, K(m, z.current));
           } })
         ] }),
         Y === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(He, { camera: $, options: fe, ref: M, onSelect: (h) => {
+          /* @__PURE__ */ l.jsx(He, { camera: $, options: he, ref: M, onSelect: (p) => {
             a.get($.name)?.dispose();
-            const m = n.get(h);
+            const m = n.get(p);
             m !== void 0 && (pe($), $ = m, K(m, M.current));
           } }),
-          /* @__PURE__ */ l.jsx(He, { camera: se, options: fe, ref: z, onSelect: (h) => {
+          /* @__PURE__ */ l.jsx(He, { camera: se, options: he, ref: z, onSelect: (p) => {
             a.get(se.name)?.dispose();
-            const m = n.get(h);
+            const m = n.get(p);
             m !== void 0 && (pe(se), se = m, K(m, z.current));
           } }),
-          /* @__PURE__ */ l.jsx(He, { camera: Le, options: fe, ref: we, onSelect: (h) => {
-            a.get(Le.name)?.dispose();
-            const m = n.get(h);
-            m !== void 0 && (pe(Le), Le = m, K(m, we.current));
-          } }),
-          /* @__PURE__ */ l.jsx(He, { camera: Ne, options: fe, ref: ce, onSelect: (h) => {
+          /* @__PURE__ */ l.jsx(He, { camera: Ne, options: he, ref: we, onSelect: (p) => {
             a.get(Ne.name)?.dispose();
-            const m = n.get(h);
-            m !== void 0 && (pe(Ne), Ne = m, K(m, ce.current));
+            const m = n.get(p);
+            m !== void 0 && (pe(Ne), Ne = m, K(m, we.current));
+          } }),
+          /* @__PURE__ */ l.jsx(He, { camera: Le, options: he, ref: ce, onSelect: (p) => {
+            a.get(Le.name)?.dispose();
+            const m = n.get(p);
+            m !== void 0 && (pe(Le), Le = m, K(m, ce.current));
           } })
         ] })
       ] }),
       /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
         /* @__PURE__ */ l.jsx(
-          Ct,
+          Et,
           {
             index: I.indexOf(Y),
             options: I,
-            onSelect: (h) => {
-              h !== Y && (Pe(), Q(h));
+            onSelect: (p) => {
+              p !== Y && (Pe(), Q(p));
             },
             open: Fe,
-            onToggle: (h) => {
-              Oe(h), me && te(!1), de && ve(!1);
+            onToggle: (p) => {
+              Oe(p), me && te(!1), ue && ve(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Ct,
+          Et,
           {
-            index: D.indexOf(yt),
+            index: D.indexOf(bt),
             options: D,
-            onSelect: (h) => {
-              if (h !== yt)
-                switch (yt = h, yt) {
+            onSelect: (p) => {
+              if (p !== bt)
+                switch (bt = p, bt) {
                   case "Depth":
-                    r.overrideMaterial = d;
+                    i.overrideMaterial = u;
                     break;
                   case "Normals":
-                    r.overrideMaterial = v;
+                    i.overrideMaterial = v;
                     break;
                   default:
                   case "Renderer":
-                    r.overrideMaterial = null;
+                    i.overrideMaterial = null;
                     break;
                   case "Wireframe":
-                    r.overrideMaterial = E;
+                    i.overrideMaterial = E;
                     break;
                   case "UVs":
-                    r.overrideMaterial = b;
+                    i.overrideMaterial = b;
                     break;
                 }
             },
             open: me,
-            onToggle: (h) => {
-              Fe && Oe(!1), te(h), de && ve(!1);
+            onToggle: (p) => {
+              Fe && Oe(!1), te(p), ue && ve(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Ct,
+          Et,
           {
             index: 0,
             options: [
               "Orbit Mode",
               "Selection Mode"
             ],
-            onSelect: (h) => {
-              Et = h === "Selection Mode", u.visible = Et;
+            onSelect: (p) => {
+              yt = p === "Selection Mode", d.visible = yt;
             },
-            open: de,
-            onToggle: (h) => {
-              Fe && Oe(!1), me && te(!1), ve(h);
+            open: ue,
+            onToggle: (p) => {
+              Fe && Oe(!1), me && te(!1), ve(p);
             }
           }
         )
@@ -3752,56 +3794,50 @@ function Ti(e) {
     ] })
   ] });
 }
-function _i(e) {
-  return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: e.ref, style: e.style, children: [
-    /* @__PURE__ */ l.jsx("header", { children: e.header }),
-    e.children,
-    /* @__PURE__ */ l.jsx("footer", { children: e.footer })
+function yi(t) {
+  return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
+    /* @__PURE__ */ l.jsx("div", { className: "header", children: t.header }),
+    t.children,
+    /* @__PURE__ */ l.jsx("div", { className: "footer", children: t.footer })
   ] });
 }
 export {
-  Nt as Accordion,
-  pi as Application,
-  xt as BaseRemote,
-  Tn as ChildObject,
-  ka as ContainerObject,
-  Ra as Draggable,
-  _a as DraggableItem,
-  Aa as Dropdown,
-  Pa as DropdownItem,
-  _i as Editor,
-  Za as Inspector,
-  Ti as MultiView,
-  Mn as NavButton,
-  mi as RemoteComponents,
-  ct as RemoteController,
-  ya as RemoteTheatre,
-  xi as RemoteThree,
-  wi as RemoteTweakpane,
-  Mi as SceneInspector,
-  Oi as SidePanel,
+  Lt as Accordion,
+  di as Application,
+  Ct as BaseRemote,
+  Mn as ChildObject,
+  _a as ContainerObject,
+  Ma as Draggable,
+  Oa as DraggableItem,
+  Ta as Dropdown,
+  Ra as DropdownItem,
+  yi as Editor,
+  qa as Inspector,
+  bi as MultiView,
+  On as NavButton,
+  ui as RemoteComponents,
+  mi as RemoteController,
+  Nt as RemoteTheatre,
+  fi as RemoteThree,
+  pi as RemoteTweakpane,
+  gi as SceneInspector,
+  vi as SidePanel,
   k as ToolEvents,
-  ut as capitalize,
-  di as clamp,
-  va as colorToHex,
-  vi as componentsApp,
+  lt as capitalize,
+  oi as clamp,
+  pa as colorToHex,
   P as debugDispatcher,
-  ui as defaultTheatreCallback,
-  wn as dispose,
-  ba as disposeMaterial,
-  hi as disposeTexture,
-  fi as distance,
-  xn as hierarchyUUID,
-  ma as isColor,
+  si as defaultTheatreCallback,
+  xn as dispose,
+  va as disposeMaterial,
+  li as disposeTexture,
+  ci as distance,
+  Cn as hierarchyUUID,
+  fa as isColor,
   Sn as noop,
-  pa as randomID,
-  ga as resetThreeObjects,
-  At as round,
-  gi as theatreApp,
-  bi as theatreEditor,
-  Si as theatreEditorApp,
-  yi as threeApp,
-  Ei as threeEditor,
-  Dt as totalThreeObjects,
-  Ci as tweakpaneApp
+  ha as randomID,
+  ma as resetThreeObjects,
+  _t as round,
+  hi as theatreEditorApp,
+  jt as totalThreeObjects
 };