npm - @tomorrowevening/hermes - Versions diffs - 0.0.13 → 0.0.14 - Mend

@tomorrowevening/hermes 0.0.13 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/hermes.js +1431 -1296
package/dist/hermes.umd.cjs +16 -16
package/package.json +1 -1
package/src/core/RemoteController.ts +32 -1
package/src/editor/sidePanel/inspector/Inspector.tsx +7 -4
package/src/editor/sidePanel/inspector/InspectorGroup.tsx +1 -8
package/types/core/RemoteController.d.ts +8 -1

package/dist/hermes.js CHANGED Viewed

@@ -1,74 +1,74 @@
-var On = Object.defineProperty;
-var Tn = (t, n, i) => n in t ? On(t, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[n] = i;
-var q = (t, n, i) => (Tn(t, typeof n != "symbol" ? n + "" : n, i), i);
-import { PositionalAudio as Mn, EventDispatcher as rn, Texture as an, CubeTexture as Rn, RepeatWrapping as $t, ShaderMaterial as on, GLSL3 as Pn, DoubleSide as jn, Color as It, Mesh as _n, PlaneGeometry as Dn, Matrix4 as kn, Vector3 as G, Euler as An, Ray as In, Plane as Nn, MathUtils as Ln, MOUSE as ze, TOUCH as Ye, Quaternion as Vt, Spherical as Gt, Vector2 as ue, PerspectiveCamera as _t, MeshDepthMaterial as Fn, MeshNormalMaterial as Un, MeshBasicMaterial as Bn, OrthographicCamera as sn, Scene as cn, Group as $n, AxesHelper as ln, WebGLRenderer as Vn, Raycaster as Gn, CameraHelper as zn } from "three";
-import { getProject as Yn } from "@theatre/core";
-import "@theatre/studio";
-import { Pane as Wn } from "tweakpane";
-import * as Hn from "@tweakpane/plugin-essentials";
-import un, { useState as ae, useRef as we, useEffect as Ne, Component as Kn, forwardRef as Xn } from "react";
-import { Reorder as dn } from "framer-motion";
-function Ki(t, n, i) {
-  return Math.min(n, Math.max(t, i));
-}
-function Xi(t, n) {
-  const i = t - n;
-  return Math.sqrt(i * i);
-}
-function Zn() {
+var Pn = Object.defineProperty;
+var _n = (t, n, a) => n in t ? Pn(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a;
+var Z = (t, n, a) => (_n(t, typeof n != "symbol" ? n + "" : n, a), a);
+import { PositionalAudio as jn, EventDispatcher as on, Texture as sn, CubeTexture as kn, RepeatWrapping as zt, ShaderMaterial as cn, GLSL3 as An, DoubleSide as Dn, Color as Ft, Mesh as In, PlaneGeometry as Nn, Matrix4 as Ln, Vector3 as Y, Euler as Fn, Ray as Un, Plane as Bn, MathUtils as $n, MOUSE as We, TOUCH as He, Quaternion as Yt, Spherical as Wt, Vector2 as de, PerspectiveCamera as Dt, MeshDepthMaterial as Gn, MeshNormalMaterial as Vn, MeshBasicMaterial as zn, OrthographicCamera as ln, Scene as un, Group as Yn, AxesHelper as dn, WebGLRenderer as Wn, Raycaster as Hn, CameraHelper as Kn } from "three";
+import { getProject as Xn } from "@theatre/core";
+import rt from "@theatre/studio";
+import { Pane as qn } from "tweakpane";
+import * as Zn from "@tweakpane/plugin-essentials";
+import fn, { useState as oe, useRef as Ce, useEffect as Fe, Component as Jn, forwardRef as Qn } from "react";
+import { Reorder as hn } from "framer-motion";
+function ri(t, n, a) {
+  return Math.min(n, Math.max(t, a));
+}
+function oi(t, n) {
+  const a = t - n;
+  return Math.sqrt(a * a);
+}
+function ea() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function qn(t) {
+function ta(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function Qn(t) {
-  const n = Math.round(t.r * 255), i = Math.round(t.g * 255), e = Math.round(t.b * 255), a = (d) => {
-    const m = d.toString(16);
-    return m.length === 1 ? "0" + m : m;
-  }, s = a(n), h = a(i), l = a(e);
-  return "#" + s + h + l;
+function na(t) {
+  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (d) => {
+    const p = d.toString(16);
+    return p.length === 1 ? "0" + p : p;
+  }, s = r(n), u = r(a), l = r(e);
+  return "#" + s + u + l;
 }
-function Mt(t, n = 1) {
+function _t(t, n = 1) {
   return Number(t.toFixed(n));
 }
-let Dt = 0;
-const Jn = () => {
-  Dt = 0;
-}, fn = (t) => {
+let It = 0;
+const aa = () => {
+  It = 0;
+}, pn = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Dt}`, Dt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((i) => {
-    fn(i);
+  n.length === 0 && (n = `obj_${It}`, It++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+    pn(a);
   });
-}, Zi = (t) => {
+}, si = (t) => {
   t == null || t.dispose();
-}, ei = (t) => {
+}, ia = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
-}, hn = (t) => {
+}, mn = (t) => {
   var n;
   if (t) {
     for (; t.children.length > 0; ) {
-      const i = t.children[0];
-      i instanceof Mn ? (i.pause(), i.parent && i.parent.remove(i)) : hn(i);
+      const a = t.children[0];
+      a instanceof jn ? (a.pause(), a.parent && a.parent.remove(a)) : mn(a);
     }
     if (t.parent && t.parent.remove(t), t.isMesh) {
-      const i = t;
-      (n = i.geometry) == null || n.dispose(), ei(i.material);
+      const a = t;
+      (n = a.geometry) == null || n.dispose(), ia(a.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class qi {
-  constructor(n, i, e = "editor") {
-    q(this, "channel");
-    q(this, "components", /* @__PURE__ */ new Map());
+class ci {
+  constructor(n, a, e = "editor") {
+    Z(this, "channel");
+    Z(this, "components", /* @__PURE__ */ new Map());
     // Protected
-    q(this, "_mode", "app");
-    this.editor = i && document.location.hash.search(e) > -1, i && (this.channel = new BroadcastChannel(n));
+    Z(this, "_mode", "app");
+    this.editor = a && document.location.hash.search(e) > -1, a && (this.channel = new BroadcastChannel(n));
   }
-  addComponent(n, i) {
-    this.components.set(n, i);
+  addComponent(n, a) {
+    this.components.set(n, a);
   }
   dispose() {
     this.components.forEach((n) => {
@@ -80,8 +80,8 @@ class qi {
     this.channel !== void 0 && this._mode !== n.target && this.channel.postMessage(n);
   }
   listen(n) {
-    this.channel !== void 0 && (this.channel.onmessage = (i) => {
-      n(i.data);
+    this.channel !== void 0 && (this.channel.onmessage = (a) => {
+      n(a.data);
     });
   }
   // Getters / Setters
@@ -95,7 +95,7 @@ class qi {
     n && (this._mode = "editor", document.title += " - Editor");
   }
 }
-const z = new rn(), Y = {
+const _ = new on(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -111,82 +111,92 @@ const z = new rn(), Y = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Et {
+class Ct {
   constructor(n) {
-    q(this, "app");
+    Z(this, "app");
     this.app = n;
   }
   dispose() {
   }
 }
-class Qi extends Et {
-  selectDropdown(n, i) {
+class li extends Ct {
+  selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
       target: "app",
       data: {
         dropdown: n,
-        value: i
+        value: a
       }
     });
   }
-  updateDropdown(n, i) {
+  updateDropdown(n, a) {
     this.app.send({
       event: "draggableListUpdate",
       target: "app",
       data: {
         dropdown: n,
-        value: i
+        value: a
       }
     });
   }
 }
-const pn = () => {
+function ra(t, n) {
+  switch (n.event) {
+    case "selectComponent":
+      _.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
+      break;
+    case "draggableListUpdate":
+      _.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
+      break;
+  }
+}
+const gn = () => {
 };
-class Ji extends Et {
-  constructor(i, e, a) {
-    super(i);
-    q(this, "project");
-    q(this, "sheets");
-    q(this, "sheetObjects");
-    q(this, "sheetObjectCBs");
-    q(this, "sheetObjectUnsubscribe");
-    this.project = Yn(e, a), this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+class vn extends Ct {
+  constructor(a, e, r) {
+    super(a);
+    Z(this, "project");
+    Z(this, "sheets");
+    Z(this, "sheetObjects");
+    Z(this, "sheetObjectCBs");
+    Z(this, "sheetObjectUnsubscribe");
+    this.project = Xn(e, r), this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
   }
   dispose() {
     this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
   }
-  sheet(i) {
-    var a;
+  sheet(a) {
+    var r;
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    let e = this.sheets.get(i);
-    return e !== void 0 || (e = (a = this.project) == null ? void 0 : a.sheet(i), this.sheets.set(i, e)), e;
+    let e = this.sheets.get(a);
+    return e !== void 0 || (e = (r = this.project) == null ? void 0 : r.sheet(a), this.sheets.set(a, e)), e;
   }
-  sheetObject(i, e, a, s) {
+  sheetObject(a, e, r, s) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const h = this.sheets.get(i);
-    if (h === void 0)
+    const u = this.sheets.get(a);
+    if (u === void 0)
       return;
-    const l = `${i}_${e}`;
+    const l = `${a}_${e}`;
     let d = this.sheetObjects.get(l);
     if (d !== void 0)
-      return d = h.object(e, { ...a, ...d.value }, { reconfigure: !0 }), d;
-    d = h.object(e, a), this.sheetObjects.set(l, d), this.sheetObjectCBs.set(l, s !== void 0 ? s : pn);
-    const m = d.onValuesChange((v) => {
+      return d = u.object(e, { ...r, ...d.value }, { reconfigure: !0 }), d;
+    d = u.object(e, r), this.sheetObjects.set(l, d), this.sheetObjectCBs.set(l, s !== void 0 ? s : gn);
+    const p = d.onValuesChange((v) => {
       if (this.app.editor) {
         for (const E in v) {
-          const x = v[E];
-          typeof x == "object" && qn(x) && (v[E] = {
-            r: x.r,
-            g: x.g,
-            b: x.b,
-            a: x.a
+          const w = v[E];
+          typeof w == "object" && ta(w) && (v[E] = {
+            r: w.r,
+            g: w.g,
+            b: w.b,
+            a: w.a
           });
         }
         this.app.send({
@@ -202,18 +212,87 @@ class Ji extends Et {
         E !== void 0 && E(v);
       }
     });
-    return this.sheetObjectUnsubscribe.set(l, m), d;
+    return this.sheetObjectUnsubscribe.set(l, p), d;
   }
-  unsubscribe(i) {
+  unsubscribe(a) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const e = `${i.address.sheetId}_${i.address.objectKey}`, a = this.sheetObjectUnsubscribe.get(e);
-    a !== void 0 && a();
+    const e = `${a.address.sheetId}_${a.address.objectKey}`, r = this.sheetObjectUnsubscribe.get(e);
+    r !== void 0 && r();
   }
 }
-function ti(t) {
+let Me;
+function oa(t, n) {
+  t.components.forEach((a) => {
+    if (a instanceof vn) {
+      let e;
+      const r = a;
+      switch (n.event) {
+        case "setSheet":
+          e = r.sheets.get(n.data.sheet), e !== void 0 && (Me = e, rt.setSelection([e]));
+          break;
+        case "setSheetObject":
+          e = r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && rt.setSelection([e]);
+          break;
+        case "updateSheetObject":
+          e = r.sheetObjectCBs.get(n.data.sheetObject), e !== void 0 && e(n.data.values);
+          break;
+        case "updateTimeline":
+          e = r.sheets.get(n.data.sheet), Me !== void 0 && (Me.sequence.position = n.data.position);
+          break;
+      }
+    }
+  });
+}
+function sa(t) {
+  if (t.editor) {
+    let n;
+    t.components.forEach((s) => {
+      s instanceof vn && (n = s);
+    }), rt.ui.restore(), rt.onSelectionChange((s) => {
+      s.length < 1 || s.forEach((u) => {
+        let l = u.address.sheetId, d = "setSheet", p = {};
+        switch (u.type) {
+          case "Theatre_Sheet_PublicAPI":
+            d = "setSheet", p = {
+              sheet: u.address.sheetId
+            }, Me = n.sheets.get(u.address.sheetId);
+            break;
+          case "Theatre_SheetObject_PublicAPI":
+            d = "setSheetObject", l += `_${u.address.objectKey}`, p = {
+              id: l,
+              sheet: u.address.sheetId,
+              key: u.address.objectKey
+            };
+            break;
+        }
+        t.send({ event: d, target: "app", data: p });
+      });
+    });
+    let a = 0;
+    const e = () => {
+      if (Me !== void 0 && a !== Me.sequence.position) {
+        a = Me.sequence.position;
+        const s = Me;
+        t.send({
+          event: "updateTimeline",
+          target: "app",
+          data: {
+            position: a,
+            sheet: s.address.sheetId
+          }
+        });
+      }
+    }, r = () => {
+      e(), requestAnimationFrame(r);
+    };
+    e(), r();
+  } else
+    rt.ui.hide();
+}
+function ca(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -227,26 +306,26 @@ function ti(t) {
   const n = t.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function mn(t) {
+function bn(t) {
   const n = {
     name: t.name,
     type: t.type,
     uuid: t.uuid,
     children: []
   };
-  return t.children.forEach((i) => {
-    n.children.push(mn(i));
+  return t.children.forEach((a) => {
+    n.children.push(bn(a));
   }), n;
 }
-function ni(t) {
+function la(t) {
   const n = {};
-  for (const i in t) {
-    const e = t[i].value;
-    n[i] = { value: e }, e === null ? n[i].value = { src: "" } : e.isTexture && (n[i].value = { src: e.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 ii(t) {
+function ua(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -258,36 +337,36 @@ function ii(t) {
   }
   return !1;
 }
-function zt(t) {
+function Ht(t) {
   const n = {};
-  for (const i in t) {
-    if (i.substring(0, 1) === "_" || i.substring(0, 2) === "is" || ii(i))
+  for (const a in t) {
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ua(a))
       continue;
-    const e = typeof t[i], a = t[i];
+    const e = typeof t[a], r = t[a];
     switch (e) {
       case "boolean":
       case "number":
       case "string":
-        n[i] = a;
+        n[a] = r;
         break;
       case "object":
-        if (a !== null)
-          if (n[i] = a, a.isTexture)
-            if (a instanceof an) {
-              const s = a.source.toJSON();
-              n[i] = { src: s.url };
+        if (r !== null)
+          if (n[a] = r, r.isTexture)
+            if (r instanceof sn) {
+              const s = r.source.toJSON();
+              n[a] = { src: s.url };
             } else
-              a instanceof Rn && (console.log("env map"), console.log(a.source.data), console.log(a.source.toJSON()), n[i] = { src: "" });
+              r instanceof kn && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
           else
-            i === "uniforms" && (n[i] = ni(n[i]));
+            a === "uniforms" && (n[a] = la(n[a]));
         else
-          n[i] = { src: "" };
+          n[a] = { src: "" };
         break;
     }
   }
   return n;
 }
-function Rt(t) {
+function jt(t) {
   t.updateMatrix();
   const n = {
     name: t.name,
@@ -308,18 +387,18 @@ function Rt(t) {
       blendMode: e.blendMode
     });
   });
-  const i = t.type.toLowerCase();
-  if (i.search("mesh") > -1) {
+  const a = t.type.toLowerCase();
+  if (a.search("mesh") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
-      const a = [];
+      const r = [];
       e.material.forEach((s) => {
-        a.push(zt(s));
-      }), n.material = a;
+        r.push(Ht(s));
+      }), n.material = r;
     } else
-      n.material = zt(e.material);
+      n.material = Ht(e.material);
   } else
-    i.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
+    a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
       zoom: t.zoom,
       near: t.near,
@@ -336,7 +415,7 @@ function Rt(t) {
       right: t.right,
       top: t.top,
       bottom: t.bottom
-    }) : i.search("light") > -1 && (n.lightInfo = {
+    }) : a.search("light") > -1 && (n.lightInfo = {
       color: t.color,
       intensity: t.intensity,
       decay: t.decay,
@@ -347,109 +426,109 @@ function Rt(t) {
     });
   return n;
 }
-function J(t, n, i) {
+function Q(t, n, a) {
   const e = n.split(".");
   switch (e.length) {
     case 1:
-      t[e[0]] = i;
+      t[e[0]] = a;
       break;
     case 2:
-      t[e[0]][e[1]] = i;
+      t[e[0]][e[1]] = a;
       break;
     case 3:
-      t[e[0]][e[1]][e[2]] = i;
+      t[e[0]][e[1]][e[2]] = a;
       break;
     case 4:
-      t[e[0]][e[1]][e[2]][e[3]] = i;
+      t[e[0]][e[1]][e[2]][e[3]] = a;
       break;
     case 5:
-      t[e[0]][e[1]][e[2]][e[3]][e[4]] = i;
+      t[e[0]][e[1]][e[2]][e[3]][e[4]] = a;
       break;
   }
 }
-function kt(t) {
-  return new Promise((n, i) => {
+function Nt(t) {
+  return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
-      const a = new an(e);
-      a.wrapS = $t, a.wrapT = $t, a.needsUpdate = !0, n(a);
-    }, e.onerror = i, e.src = t;
+      const r = new sn(e);
+      r.wrapS = zt, r.wrapT = zt, r.needsUpdate = !0, n(r);
+    }, e.onerror = a, e.src = t;
   });
 }
-class er extends Et {
+class ui extends Ct {
   constructor() {
     super(...arguments);
-    q(this, "scene");
+    Z(this, "scene");
   }
-  getObject(i) {
+  getObject(a) {
     this.app.send({
       event: "getObject",
       target: "app",
-      data: i
+      data: a
     });
   }
-  setObject(i) {
-    const e = Rt(i);
+  setObject(a) {
+    const e = jt(a);
     this.app.send({
       event: "setObject",
       target: "editor",
       data: e
     });
   }
-  requestMethod(i, e, a) {
+  requestMethod(a, e, r) {
     this.app.send({
       event: "requestMethod",
       target: "app",
       data: {
-        uuid: i,
+        uuid: a,
         key: e,
-        value: a
+        value: r
       }
     });
   }
-  updateObject(i, e, a) {
+  updateObject(a, e, r) {
     this.app.send({
       event: "updateObject",
       target: "app",
       data: {
-        uuid: i,
+        uuid: a,
         key: e,
-        value: a
+        value: r
       }
     });
   }
-  createTexture(i, e, a) {
+  createTexture(a, e, r) {
     this.app.send({
       event: "createTexture",
       target: "app",
       data: {
-        uuid: i,
+        uuid: a,
         key: e,
-        value: a
+        value: r
       }
     });
   }
-  setScene(i) {
-    if (i === void 0)
+  setScene(a) {
+    if (a === void 0)
       return;
-    this.scene = i, Jn(), fn(this.scene);
-    const e = mn(this.scene);
+    this.scene = a, aa(), pn(this.scene);
+    const e = bn(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
       data: e
     });
   }
-  addCamera(i) {
-    const e = Rt(i);
+  addCamera(a) {
+    const e = jt(a);
     this.app.send({
       event: "addCamera",
       target: "editor",
       data: e
     });
   }
-  removeCamera(i) {
-    const e = Rt(i);
+  removeCamera(a) {
+    const e = jt(a);
     this.app.send({
       event: "removeCamera",
       target: "editor",
@@ -457,37 +536,69 @@ class er extends Et {
     });
   }
 }
-class tr extends Et {
-  constructor(i) {
-    super(i);
-    q(this, "bindCBs");
-    q(this, "buttonCBs");
-    q(this, "pane");
-    q(this, "appCallbacks", 0);
-    q(this, "editorCallbacks", 0);
-    q(this, "inspectorFolder");
-    this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), i.editor && this.createGUI();
+function da(t, n) {
+  switch (n.event) {
+    case "getObject":
+      _.dispatchEvent({ type: j.GET_OBJECT, value: n.data });
+      break;
+    case "updateObject":
+      _.dispatchEvent({ type: j.UPDATE_OBJECT, value: n.data });
+      break;
+    case "createTexture":
+      _.dispatchEvent({ type: j.CREATE_TEXTURE, value: n.data });
+      break;
+    case "requestMethod":
+      _.dispatchEvent({ type: j.REQUEST_METHOD, value: n.data });
+      break;
+  }
+}
+function fa(t, n) {
+  switch (n.event) {
+    case "setObject":
+      _.dispatchEvent({ type: j.SET_OBJECT, value: n.data });
+      break;
+    case "setScene":
+      _.dispatchEvent({ type: j.SET_SCENE, value: n.data });
+      break;
+    case "addCamera":
+      _.dispatchEvent({ type: j.ADD_CAMERA, value: n.data });
+      break;
+    case "removeCamera":
+      _.dispatchEvent({ type: j.REMOVE_CAMERA, value: n.data });
+      break;
+  }
+}
+class ha extends Ct {
+  constructor(a) {
+    super(a);
+    Z(this, "bindCBs");
+    Z(this, "buttonCBs");
+    Z(this, "pane");
+    Z(this, "appCallbacks", 0);
+    Z(this, "editorCallbacks", 0);
+    Z(this, "inspectorFolder");
+    this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), a.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new Wn({ title: "GUI" }), this.pane.registerPlugin(Hn);
+    this.pane = new qn({ title: "GUI" }), this.pane.registerPlugin(Zn);
   }
   dispose() {
-    var i;
-    this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && ((i = this.pane) == null || i.dispose(), this.pane = void 0);
+    var a;
+    this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && ((a = this.pane) == null || a.dispose(), this.pane = void 0);
   }
-  addFolder(i, e = void 0, a = void 0) {
+  addFolder(a, e = void 0, r = void 0) {
     if (this.app.editor)
-      return this.pane === void 0 && this.createGUI(), (a !== void 0 ? a : this.pane).addFolder({
-        title: i,
+      return this.pane === void 0 && this.createGUI(), (r !== void 0 ? r : this.pane).addFolder({
+        title: a,
         ...e
       });
     this.app.send({
       event: "addFolder",
       target: "app",
       data: {
-        name: i,
+        name: a,
         params: e,
-        parent: a
+        parent: r
       }
     });
   }
@@ -495,36 +606,36 @@ class tr extends Et {
     return `debug_${Math.max(this.appCallbacks, this.editorCallbacks)}`;
   }
   // Binding
-  bind(i, e, a, s = void 0) {
-    const h = this.bindID, l = a.onChange !== void 0 ? a.onChange : pn;
-    this.bindCBs.set(h, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(i, e, a).on("change", (m) => {
+  bind(a, e, r, s = void 0) {
+    const u = this.bindID, l = r.onChange !== void 0 ? r.onChange : gn;
+    this.bindCBs.set(u, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: h,
-          value: m.value
+          id: u,
+          value: p.value
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "bindObject",
       target: "app",
       data: {
-        id: h,
+        id: u,
         name: e,
-        params: a,
+        params: r,
         parent: s
       }
     }), this.appCallbacks++);
   }
-  triggerBind(i, e) {
-    const a = this.bindCBs.get(i);
-    a !== void 0 ? a(e) : console.warn(`No callback for: ${i}`, e);
+  triggerBind(a, e) {
+    const r = this.bindCBs.get(a);
+    r !== void 0 ? r(e) : console.warn(`No callback for: ${a}`, e);
   }
   // Buttons
-  button(i, e, a = void 0) {
+  button(a, e, r = void 0) {
     const s = this.bindID;
-    this.buttonCBs.set(s, e), this.app.editor ? (this.pane === void 0 && this.createGUI(), (a !== void 0 ? a : this.pane).addButton({ title: i }).on("click", () => {
+    this.buttonCBs.set(s, e), this.app.editor ? (this.pane === void 0 && this.createGUI(), (r !== void 0 ? r : this.pane).addButton({ title: a }).on("click", () => {
       this.app.send({
         event: "clickButton",
         target: "app",
@@ -537,14 +648,14 @@ class tr extends Et {
       target: "app",
       data: {
         id: s,
-        name: i,
+        name: a,
         callback: e,
-        parent: a
+        parent: r
       }
     }), this.appCallbacks++);
   }
-  triggerButton(i) {
-    const e = this.buttonCBs.get(i);
+  triggerButton(a) {
+    const e = this.buttonCBs.get(a);
     e !== void 0 && e();
   }
   // Inspector
@@ -552,12 +663,37 @@ class tr extends Et {
     this.inspectorFolder = this.addFolder("Inspector", this.pane);
   }
   clearInspector() {
-    const i = this.inspectorFolder.children.length - 1;
-    for (let e = i; e > -1; --e)
+    const a = this.inspectorFolder.children.length - 1;
+    for (let e = a; e > -1; --e)
       this.inspectorFolder.remove(this.inspectorFolder.children[e]);
   }
 }
-var At = { exports: {} }, et = {};
+function pa(t, n) {
+  t.components.forEach((a) => {
+    if (a instanceof ha) {
+      const e = a;
+      switch (n.event) {
+        case "addFolder":
+          e.addFolder(n.data.name, n.data.params, n.data.parent);
+          break;
+        case "bindObject":
+          e.bind(n.data.name, n.data.params, n.data.parent);
+          break;
+        case "updateBind":
+          e.triggerBind(n.data.id, n.data.value);
+          break;
+        case "addButton":
+          e.button(n.data.name, n.data.callback, n.data.parent);
+          break;
+        case "clickButton":
+          e.triggerButton(n.data.id);
+          break;
+      }
+      return;
+    }
+  });
+}
+var Lt = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -567,25 +703,25 @@ var At = { exports: {} }, et = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Yt;
-function ri() {
-  if (Yt)
-    return et;
-  Yt = 1;
-  var t = un, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(l, d, m) {
-    var v, E = {}, x = null, R = null;
-    m !== void 0 && (x = "" + m), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (R = d.ref);
+var Kt;
+function ma() {
+  if (Kt)
+    return nt;
+  Kt = 1;
+  var t = fn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(l, d, p) {
+    var v, E = {}, w = null, R = null;
+    p !== void 0 && (w = "" + p), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (R = d.ref);
     for (v in d)
       e.call(d, v) && !s.hasOwnProperty(v) && (E[v] = d[v]);
     if (l && l.defaultProps)
       for (v in d = l.defaultProps, d)
         E[v] === void 0 && (E[v] = d[v]);
-    return { $$typeof: n, type: l, key: x, ref: R, props: E, _owner: a.current };
+    return { $$typeof: n, type: l, key: w, ref: R, props: E, _owner: r.current };
   }
-  return et.Fragment = i, et.jsx = h, et.jsxs = h, et;
+  return nt.Fragment = a, nt.jsx = u, nt.jsxs = u, nt;
 }
-var tt = {};
+var at = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -595,91 +731,91 @@ var tt = {};
  * 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 ai() {
-  return Wt || (Wt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = un, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), T = Symbol.iterator, B = "@@iterator";
-    function oe(r) {
-      if (r === null || typeof r != "object")
+var Xt;
+function ga() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = fn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), T = Symbol.iterator, G = "@@iterator";
+    function se(i) {
+      if (i === null || typeof i != "object")
         return null;
-      var f = T && r[T] || r[B];
-      return typeof f == "function" ? f : null;
+      var h = T && i[T] || i[G];
+      return typeof h == "function" ? h : null;
     }
     var H = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(r) {
+    function C(i) {
       {
-        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), w = 1; w < f; w++)
-          g[w - 1] = arguments[w];
-        K("error", r, g);
+        for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), x = 1; x < h; x++)
+          g[x - 1] = arguments[x];
+        K("error", i, g);
       }
     }
-    function K(r, f, g) {
+    function K(i, h, g) {
       {
-        var w = H.ReactDebugCurrentFrame, j = w.getStackAddendum();
-        j !== "" && (f += "%s", g = g.concat([j]));
-        var I = g.map(function(P) {
+        var x = H.ReactDebugCurrentFrame, k = x.getStackAddendum();
+        k !== "" && (h += "%s", g = g.concat([k]));
+        var L = g.map(function(P) {
           return String(P);
         });
-        I.unshift("Warning: " + f), Function.prototype.apply.call(console[r], console, I);
+        L.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, L);
       }
     }
-    var de = !1, ce = !1, ee = !1, u = !1, p = !1, b;
+    var fe = !1, le = !1, ee = !1, f = !1, m = !1, b;
     b = Symbol.for("react.module.reference");
-    function S(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === e || r === s || p || r === a || r === m || r === v || u || r === R || de || ce || ee || typeof r == "object" && r !== null && (r.$$typeof === x || r.$$typeof === E || r.$$typeof === h || r.$$typeof === l || r.$$typeof === d || // This needs to include all possible module reference object
+    function S(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === v || f || i === R || fe || le || ee || typeof i == "object" && i !== null && (i.$$typeof === w || i.$$typeof === E || i.$$typeof === u || i.$$typeof === l || i.$$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.
-      r.$$typeof === b || r.getModuleId !== void 0));
+      i.$$typeof === b || i.getModuleId !== void 0));
     }
-    function F(r, f, g) {
-      var w = r.displayName;
-      if (w)
-        return w;
-      var j = f.displayName || f.name || "";
-      return j !== "" ? g + "(" + j + ")" : g;
+    function B(i, h, g) {
+      var x = i.displayName;
+      if (x)
+        return x;
+      var k = h.displayName || h.name || "";
+      return k !== "" ? g + "(" + k + ")" : g;
     }
-    function U(r) {
-      return r.displayName || "Context";
+    function $(i) {
+      return i.displayName || "Context";
     }
-    function N(r) {
-      if (r == null)
+    function F(i) {
+      if (i == null)
         return null;
-      if (typeof r.tag == "number" && C("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) {
+      if (typeof i.tag == "number" && C("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 e:
           return "Fragment";
-        case i:
+        case a:
           return "Portal";
         case s:
           return "Profiler";
-        case a:
+        case r:
           return "StrictMode";
-        case m:
+        case p:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof i == "object")
+        switch (i.$$typeof) {
           case l:
-            var f = r;
-            return U(f) + ".Consumer";
-          case h:
-            var g = r;
-            return U(g._context) + ".Provider";
+            var h = i;
+            return $(h) + ".Consumer";
+          case u:
+            var g = i;
+            return $(g._context) + ".Provider";
           case d:
-            return F(r, r.render, "ForwardRef");
+            return B(i, i.render, "ForwardRef");
           case E:
-            var w = r.displayName || null;
-            return w !== null ? w : N(r.type) || "Memo";
-          case x: {
-            var j = r, I = j._payload, P = j._init;
+            var x = i.displayName || null;
+            return x !== null ? x : F(i.type) || "Memo";
+          case w: {
+            var k = i, L = k._payload, P = k._init;
             try {
-              return N(P(I));
+              return F(P(L));
             } catch {
               return null;
             }
@@ -687,103 +823,103 @@ function ai() {
         }
       return null;
     }
-    var D = Object.assign, L = 0, Q, M, k, X, pe, Te, He;
-    function at() {
+    var D = Object.assign, U = 0, J, M, I, X, me, Re, Xe;
+    function ct() {
     }
-    at.__reactDisabledLog = !0;
-    function wt() {
+    ct.__reactDisabledLog = !0;
+    function Ot() {
       {
-        if (L === 0) {
-          Q = console.log, M = console.info, k = console.warn, X = console.error, pe = console.group, Te = console.groupCollapsed, He = console.groupEnd;
-          var r = {
+        if (U === 0) {
+          J = console.log, M = console.info, I = console.warn, X = console.error, me = console.group, Re = console.groupCollapsed, Xe = console.groupEnd;
+          var i = {
             configurable: !0,
             enumerable: !0,
-            value: at,
+            value: ct,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: i,
+            log: i,
+            warn: i,
+            error: i,
+            group: i,
+            groupCollapsed: i,
+            groupEnd: i
           });
         }
-        L++;
+        U++;
       }
     }
-    function Ct() {
+    function Tt() {
       {
-        if (L--, L === 0) {
-          var r = {
+        if (U--, U === 0) {
+          var i = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: D({}, r, {
-              value: Q
+            log: D({}, i, {
+              value: J
             }),
-            info: D({}, r, {
+            info: D({}, i, {
               value: M
             }),
-            warn: D({}, r, {
-              value: k
+            warn: D({}, i, {
+              value: I
             }),
-            error: D({}, r, {
+            error: D({}, i, {
               value: X
             }),
-            group: D({}, r, {
-              value: pe
+            group: D({}, i, {
+              value: me
             }),
-            groupCollapsed: D({}, r, {
-              value: Te
+            groupCollapsed: D({}, i, {
+              value: Re
             }),
-            groupEnd: D({}, r, {
-              value: He
+            groupEnd: D({}, i, {
+              value: Xe
             })
           });
         }
-        L < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ke = H.ReactCurrentDispatcher, Xe;
-    function Me(r, f, g) {
+    var qe = H.ReactCurrentDispatcher, Ze;
+    function Pe(i, h, g) {
       {
-        if (Xe === void 0)
+        if (Ze === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var w = j.stack.trim().match(/\n( *(at )?)/);
-            Xe = w && w[1] || "";
+          } catch (k) {
+            var x = k.stack.trim().match(/\n( *(at )?)/);
+            Ze = x && x[1] || "";
           }
         return `
-` + Xe + r;
+` + Ze + i;
       }
     }
-    var Ue = !1, Re;
+    var $e = !1, _e;
     {
-      var St = typeof WeakMap == "function" ? WeakMap : Map;
-      Re = new St();
+      var Mt = typeof WeakMap == "function" ? WeakMap : Map;
+      _e = new Mt();
     }
-    function ot(r, f) {
-      if (!r || Ue)
+    function lt(i, h) {
+      if (!i || $e)
         return "";
       {
-        var g = Re.get(r);
+        var g = _e.get(i);
         if (g !== void 0)
           return g;
       }
-      var w;
-      Ue = !0;
-      var j = Error.prepareStackTrace;
+      var x;
+      $e = !0;
+      var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var I;
-      I = Ke.current, Ke.current = null, wt();
+      var L;
+      L = qe.current, qe.current = null, Ot();
       try {
-        if (f) {
+        if (h) {
           var P = function() {
             throw Error();
           };
@@ -794,200 +930,200 @@ function ai() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(P, []);
-            } catch (ye) {
-              w = ye;
+            } catch (Ee) {
+              x = Ee;
             }
-            Reflect.construct(r, [], P);
+            Reflect.construct(i, [], P);
           } else {
             try {
               P.call();
-            } catch (ye) {
-              w = ye;
+            } catch (Ee) {
+              x = Ee;
             }
-            r.call(P.prototype);
+            i.call(P.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ye) {
-            w = ye;
+          } catch (Ee) {
+            x = Ee;
           }
-          r();
+          i();
         }
-      } catch (ye) {
-        if (ye && w && typeof ye.stack == "string") {
-          for (var O = ye.stack.split(`
-`), se = w.stack.split(`
-`), W = O.length - 1, Z = se.length - 1; W >= 1 && Z >= 0 && O[W] !== se[Z]; )
-            Z--;
-          for (; W >= 1 && Z >= 0; W--, Z--)
-            if (O[W] !== se[Z]) {
-              if (W !== 1 || Z !== 1)
+      } catch (Ee) {
+        if (Ee && x && typeof Ee.stack == "string") {
+          for (var O = Ee.stack.split(`
+`), ce = x.stack.split(`
+`), W = O.length - 1, q = ce.length - 1; W >= 1 && q >= 0 && O[W] !== ce[q]; )
+            q--;
+          for (; W >= 1 && q >= 0; W--, q--)
+            if (O[W] !== ce[q]) {
+              if (W !== 1 || q !== 1)
                 do
-                  if (W--, Z--, Z < 0 || O[W] !== se[Z]) {
-                    var me = `
+                  if (W--, q--, q < 0 || O[W] !== ce[q]) {
+                    var ge = `
 ` + O[W].replace(" at new ", " at ");
-                    return r.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", r.displayName)), typeof r == "function" && Re.set(r, me), me;
+                    return i.displayName && ge.includes("<anonymous>") && (ge = ge.replace("<anonymous>", i.displayName)), typeof i == "function" && _e.set(i, ge), ge;
                   }
-                while (W >= 1 && Z >= 0);
+                while (W >= 1 && q >= 0);
               break;
             }
         }
       } finally {
-        Ue = !1, Ke.current = I, Ct(), Error.prepareStackTrace = j;
+        $e = !1, qe.current = L, Tt(), Error.prepareStackTrace = k;
       }
-      var Ge = r ? r.displayName || r.name : "", Bt = Ge ? Me(Ge) : "";
-      return typeof r == "function" && Re.set(r, Bt), Bt;
+      var Ye = i ? i.displayName || i.name : "", Vt = Ye ? Pe(Ye) : "";
+      return typeof i == "function" && _e.set(i, Vt), Vt;
     }
-    function st(r, f, g) {
-      return ot(r, !1);
+    function ut(i, h, g) {
+      return lt(i, !1);
     }
-    function ct(r) {
-      var f = r.prototype;
-      return !!(f && f.isReactComponent);
+    function dt(i) {
+      var h = i.prototype;
+      return !!(h && h.isReactComponent);
     }
-    function Pe(r, f, g) {
-      if (r == null)
+    function je(i, h, g) {
+      if (i == null)
         return "";
-      if (typeof r == "function")
-        return ot(r, ct(r));
-      if (typeof r == "string")
-        return Me(r);
-      switch (r) {
-        case m:
-          return Me("Suspense");
+      if (typeof i == "function")
+        return lt(i, dt(i));
+      if (typeof i == "string")
+        return Pe(i);
+      switch (i) {
+        case p:
+          return Pe("Suspense");
         case v:
-          return Me("SuspenseList");
+          return Pe("SuspenseList");
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof i == "object")
+        switch (i.$$typeof) {
           case d:
-            return st(r.render);
+            return ut(i.render);
           case E:
-            return Pe(r.type, f, g);
-          case x: {
-            var w = r, j = w._payload, I = w._init;
+            return je(i.type, h, g);
+          case w: {
+            var x = i, k = x._payload, L = x._init;
             try {
-              return Pe(I(j), f, g);
+              return je(L(k), h, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Be = Object.prototype.hasOwnProperty, lt = {}, Ze = H.ReactDebugCurrentFrame;
-    function Ce(r) {
-      if (r) {
-        var f = r._owner, g = Pe(r.type, r._source, f ? f.type : null);
-        Ze.setExtraStackFrame(g);
+    var Ge = Object.prototype.hasOwnProperty, ft = {}, Je = H.ReactDebugCurrentFrame;
+    function Se(i) {
+      if (i) {
+        var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
+        Je.setExtraStackFrame(g);
       } else
-        Ze.setExtraStackFrame(null);
+        Je.setExtraStackFrame(null);
     }
-    function je(r, f, g, w, j) {
+    function ke(i, h, g, x, k) {
       {
-        var I = Function.call.bind(Be);
-        for (var P in r)
-          if (I(r, P)) {
+        var L = Function.call.bind(Ge);
+        for (var P in i)
+          if (L(i, P)) {
             var O = void 0;
             try {
-              if (typeof r[P] != "function") {
-                var se = Error((w || "React class") + ": " + g + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw se.name = "Invariant Violation", se;
+              if (typeof i[P] != "function") {
+                var ce = Error((x || "React class") + ": " + g + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
-              O = r[P](f, P, w, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              O = i[P](h, P, x, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (W) {
               O = W;
             }
-            O && !(O instanceof Error) && (Ce(j), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", g, P, typeof O), Ce(null)), O instanceof Error && !(O.message in lt) && (lt[O.message] = !0, Ce(j), C("Failed %s type: %s", g, O.message), Ce(null));
+            O && !(O instanceof Error) && (Se(k), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", g, P, typeof O), Se(null)), O instanceof Error && !(O.message in ft) && (ft[O.message] = !0, Se(k), C("Failed %s type: %s", g, O.message), Se(null));
           }
       }
     }
-    var Ot = Array.isArray;
-    function qe(r) {
-      return Ot(r);
+    var Rt = Array.isArray;
+    function Qe(i) {
+      return Rt(i);
     }
-    function ut(r) {
+    function ht(i) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var h = typeof Symbol == "function" && Symbol.toStringTag, g = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return g;
       }
     }
-    function Qe(r) {
+    function et(i) {
       try {
-        return dt(r), !1;
+        return pt(i), !1;
       } catch {
         return !0;
       }
     }
-    function dt(r) {
-      return "" + r;
+    function pt(i) {
+      return "" + i;
     }
-    function ft(r) {
-      if (Qe(r))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ut(r)), dt(r);
+    function mt(i) {
+      if (et(i))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ht(i)), pt(i);
     }
-    var Se = H.ReactCurrentOwner, Tt = {
+    var Oe = H.ReactCurrentOwner, Pt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ht, Je, ge;
-    ge = {};
-    function o(r) {
-      if (Be.call(r, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (f && f.isReactWarning)
+    }, gt, tt, ve;
+    ve = {};
+    function o(i) {
+      if (Ge.call(i, "ref")) {
+        var h = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (h && h.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return i.ref !== void 0;
     }
-    function y(r) {
-      if (Be.call(r, "key")) {
-        var f = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (f && f.isReactWarning)
+    function y(i) {
+      if (Ge.call(i, "key")) {
+        var h = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (h && h.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return i.key !== void 0;
     }
-    function _(r, f) {
-      if (typeof r.ref == "string" && Se.current && f && Se.current.stateNode !== f) {
-        var g = N(Se.current.type);
-        ge[g] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(Se.current.type), r.ref), ge[g] = !0);
+    function A(i, h) {
+      if (typeof i.ref == "string" && Oe.current && h && Oe.current.stateNode !== h) {
+        var g = F(Oe.current.type);
+        ve[g] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(Oe.current.type), i.ref), ve[g] = !0);
       }
     }
-    function A(r, f) {
+    function N(i, h) {
       {
         var g = function() {
-          ht || (ht = !0, C("%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));
+          gt || (gt = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        g.isReactWarning = !0, Object.defineProperty(r, "key", {
+        g.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: g,
           configurable: !0
         });
       }
     }
-    function te(r, f) {
+    function te(i, h) {
       {
         var g = function() {
-          Je || (Je = !0, C("%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));
+          tt || (tt = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        g.isReactWarning = !0, Object.defineProperty(r, "ref", {
+        g.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: g,
           configurable: !0
         });
       }
     }
-    var ve = function(r, f, g, w, j, I, P) {
+    var be = function(i, h, g, x, k, L, P) {
       var O = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
-        type: r,
-        key: f,
+        type: i,
+        key: h,
         ref: g,
         props: P,
         // Record the component responsible for creating this element.
-        _owner: I
+        _owner: L
       };
       return O._store = {}, Object.defineProperty(O._store, "validated", {
         configurable: !1,
@@ -998,200 +1134,200 @@ function ai() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
+        value: x
       }), Object.defineProperty(O, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: k
       }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
     };
-    function le(r, f, g, w, j) {
+    function ue(i, h, g, x, k) {
       {
-        var I, P = {}, O = null, se = null;
-        g !== void 0 && (ft(g), O = "" + g), y(f) && (ft(f.key), O = "" + f.key), o(f) && (se = f.ref, _(f, j));
-        for (I in f)
-          Be.call(f, I) && !Tt.hasOwnProperty(I) && (P[I] = f[I]);
-        if (r && r.defaultProps) {
-          var W = r.defaultProps;
-          for (I in W)
-            P[I] === void 0 && (P[I] = W[I]);
+        var L, P = {}, O = null, ce = null;
+        g !== void 0 && (mt(g), O = "" + g), y(h) && (mt(h.key), O = "" + h.key), o(h) && (ce = h.ref, A(h, k));
+        for (L in h)
+          Ge.call(h, L) && !Pt.hasOwnProperty(L) && (P[L] = h[L]);
+        if (i && i.defaultProps) {
+          var W = i.defaultProps;
+          for (L in W)
+            P[L] === void 0 && (P[L] = W[L]);
         }
-        if (O || se) {
-          var Z = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          O && A(P, Z), se && te(P, Z);
+        if (O || ce) {
+          var q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          O && N(P, q), ce && te(P, q);
         }
-        return ve(r, O, se, j, w, Se.current, P);
+        return be(i, O, ce, k, x, Oe.current, P);
       }
     }
-    var pt = H.ReactCurrentOwner, mt = H.ReactDebugCurrentFrame;
-    function be(r) {
-      if (r) {
-        var f = r._owner, g = Pe(r.type, r._source, f ? f.type : null);
-        mt.setExtraStackFrame(g);
+    var vt = H.ReactCurrentOwner, bt = H.ReactDebugCurrentFrame;
+    function ye(i) {
+      if (i) {
+        var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
+        bt.setExtraStackFrame(g);
       } else
-        mt.setExtraStackFrame(null);
+        bt.setExtraStackFrame(null);
     }
-    var fe;
-    fe = !1;
-    function he(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === n;
+    var he;
+    he = !1;
+    function pe(i) {
+      return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function $e() {
+    function Ve() {
       {
-        if (pt.current) {
-          var r = N(pt.current.type);
-          if (r)
+        if (vt.current) {
+          var i = F(vt.current.type);
+          if (i)
             return `
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + i + "`.";
         }
         return "";
       }
     }
-    function _e(r) {
+    function Ae(i) {
       {
-        if (r !== void 0) {
-          var f = r.fileName.replace(/^.*[\\\/]/, ""), g = r.lineNumber;
+        if (i !== void 0) {
+          var h = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
           return `
-Check your code at ` + f + ":" + g + ".";
+Check your code at ` + h + ":" + g + ".";
         }
         return "";
       }
     }
-    var Oe = {};
-    function Ve(r) {
+    var Te = {};
+    function ze(i) {
       {
-        var f = $e();
-        if (!f) {
-          var g = typeof r == "string" ? r : r.displayName || r.name;
-          g && (f = `
+        var h = Ve();
+        if (!h) {
+          var g = typeof i == "string" ? i : i.displayName || i.name;
+          g && (h = `
 Check the top-level render call using <` + g + ">.");
         }
-        return f;
+        return h;
       }
     }
-    function Lt(r, f) {
+    function Bt(i, h) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!i._store || i._store.validated || i.key != null)
           return;
-        r._store.validated = !0;
-        var g = Ve(f);
-        if (Oe[g])
+        i._store.validated = !0;
+        var g = ze(h);
+        if (Te[g])
           return;
-        Oe[g] = !0;
-        var w = "";
-        r && r._owner && r._owner !== pt.current && (w = " It was passed a child from " + N(r._owner.type) + "."), be(r), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, w), be(null);
+        Te[g] = !0;
+        var x = "";
+        i && i._owner && i._owner !== vt.current && (x = " It was passed a child from " + F(i._owner.type) + "."), ye(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, x), ye(null);
       }
     }
-    function Ft(r, f) {
+    function $t(i, h) {
       {
-        if (typeof r != "object")
+        if (typeof i != "object")
           return;
-        if (qe(r))
-          for (var g = 0; g < r.length; g++) {
-            var w = r[g];
-            he(w) && Lt(w, f);
+        if (Qe(i))
+          for (var g = 0; g < i.length; g++) {
+            var x = i[g];
+            pe(x) && Bt(x, h);
           }
-        else if (he(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var j = oe(r);
-          if (typeof j == "function" && j !== r.entries)
-            for (var I = j.call(r), P; !(P = I.next()).done; )
-              he(P.value) && Lt(P.value, f);
+        else if (pe(i))
+          i._store && (i._store.validated = !0);
+        else if (i) {
+          var k = se(i);
+          if (typeof k == "function" && k !== i.entries)
+            for (var L = k.call(i), P; !(P = L.next()).done; )
+              pe(P.value) && Bt(P.value, h);
         }
       }
     }
-    function yn(r) {
+    function Cn(i) {
       {
-        var f = r.type;
-        if (f == null || typeof f == "string")
+        var h = i.type;
+        if (h == null || typeof h == "string")
           return;
         var g;
-        if (typeof f == "function")
-          g = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
+        if (typeof h == "function")
+          g = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === E))
-          g = f.propTypes;
+        h.$$typeof === E))
+          g = h.propTypes;
         else
           return;
         if (g) {
-          var w = N(f);
-          je(g, r.props, "prop", w, r);
-        } else if (f.PropTypes !== void 0 && !fe) {
-          fe = !0;
-          var j = N(f);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var x = F(h);
+          ke(g, i.props, "prop", x, i);
+        } else if (h.PropTypes !== void 0 && !he) {
+          he = !0;
+          var k = F(h);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function En(r) {
+    function Sn(i) {
       {
-        for (var f = Object.keys(r.props), g = 0; g < f.length; g++) {
-          var w = f[g];
-          if (w !== "children" && w !== "key") {
-            be(r), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), be(null);
+        for (var h = Object.keys(i.props), g = 0; g < h.length; g++) {
+          var x = h[g];
+          if (x !== "children" && x !== "key") {
+            ye(i), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ye(null);
             break;
           }
         }
-        r.ref !== null && (be(r), C("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
+        i.ref !== null && (ye(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), ye(null));
       }
     }
-    function Ut(r, f, g, w, j, I) {
+    function Gt(i, h, g, x, k, L) {
       {
-        var P = S(r);
+        var P = S(i);
         if (!P) {
           var O = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (O += " 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 se = _e(j);
-          se ? O += se : O += $e();
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (O += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ce = Ae(k);
+          ce ? O += ce : O += Ve();
           var W;
-          r === null ? W = "null" : qe(r) ? W = "array" : r !== void 0 && r.$$typeof === n ? (W = "<" + (N(r.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : W = typeof r, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, O);
+          i === null ? W = "null" : Qe(i) ? W = "array" : i !== void 0 && i.$$typeof === n ? (W = "<" + (F(i.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : W = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, O);
         }
-        var Z = le(r, f, g, j, I);
-        if (Z == null)
-          return Z;
+        var q = ue(i, h, g, k, L);
+        if (q == null)
+          return q;
         if (P) {
-          var me = f.children;
-          if (me !== void 0)
-            if (w)
-              if (qe(me)) {
-                for (var Ge = 0; Ge < me.length; Ge++)
-                  Ft(me[Ge], r);
-                Object.freeze && Object.freeze(me);
+          var ge = h.children;
+          if (ge !== void 0)
+            if (x)
+              if (Qe(ge)) {
+                for (var Ye = 0; Ye < ge.length; Ye++)
+                  $t(ge[Ye], i);
+                Object.freeze && Object.freeze(ge);
               } else
                 C("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
-              Ft(me, r);
+              $t(ge, i);
         }
-        return r === e ? En(Z) : yn(Z), Z;
+        return i === e ? Sn(q) : Cn(q), q;
       }
     }
-    function xn(r, f, g) {
-      return Ut(r, f, g, !0);
+    function On(i, h, g) {
+      return Gt(i, h, g, !0);
     }
-    function wn(r, f, g) {
-      return Ut(r, f, g, !1);
+    function Tn(i, h, g) {
+      return Gt(i, h, g, !1);
     }
-    var Cn = wn, Sn = xn;
-    tt.Fragment = e, tt.jsx = Cn, tt.jsxs = Sn;
-  }()), tt;
+    var Mn = Tn, Rn = On;
+    at.Fragment = e, at.jsx = Mn, at.jsxs = Rn;
+  }()), at;
 }
-process.env.NODE_ENV === "production" ? At.exports = ri() : At.exports = ai();
-var c = At.exports;
-function gn(t) {
+process.env.NODE_ENV === "production" ? Lt.exports = ma() : Lt.exports = ga();
+var c = Lt.exports;
+function yn(t) {
   return t.title.search("<") > -1 ? /* @__PURE__ */ c.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ c.jsx("button", { children: t.title });
 }
-const oi = /* @__PURE__ */ c.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const va = /* @__PURE__ */ c.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
   /* @__PURE__ */ c.jsx("circle", { cx: "7", cy: "7", r: "6" }),
   /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
   /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), si = /* @__PURE__ */ c.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ c.jsx(
+] }), ba = /* @__PURE__ */ c.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ c.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
@@ -1199,45 +1335,45 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function ci(t) {
-  return /* @__PURE__ */ c.jsx(dn.Item, { value: t.title, children: /* @__PURE__ */ c.jsxs("div", { children: [
-    si,
+function ya(t) {
+  return /* @__PURE__ */ c.jsx(hn.Item, { value: t.title, children: /* @__PURE__ */ c.jsxs("div", { children: [
+    ba,
     /* @__PURE__ */ c.jsx("span", { children: t.title }),
     /* @__PURE__ */ c.jsx("button", { className: "closeIcon", onClick: () => {
       t.onDelete(t.index);
-    }, children: oi })
+    }, children: va })
   ] }) }, t.title);
 }
-function li(t) {
-  const [n, i] = ae(!1), [e, a] = ae(t.options), s = (m) => {
-    t.onDragComplete(m), a(m);
-  }, h = (m) => {
+function Ea(t) {
+  const [n, a] = oe(!1), [e, r] = oe(t.options), s = (p) => {
+    t.onDragComplete(p), r(p);
+  }, u = (p) => {
     const v = [...e];
-    v.splice(m, 1), s(v);
+    v.splice(p, 1), s(v);
   }, l = [];
-  e.forEach((m, v) => {
-    l.push(/* @__PURE__ */ c.jsx(ci, { index: v, title: m, onDelete: h }, m));
+  e.forEach((p, v) => {
+    l.push(/* @__PURE__ */ c.jsx(ya, { index: v, title: p, onDelete: u }, p));
   });
   let d = "dropdown draggable";
-  return t.subdropdown && (d += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: d, onMouseEnter: () => i(!0), onMouseLeave: () => i(!1), children: [
-    /* @__PURE__ */ c.jsx(gn, { title: t.title }),
-    /* @__PURE__ */ c.jsx(dn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: l })
+  return t.subdropdown && (d += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: d, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__PURE__ */ c.jsx(yn, { title: t.title }),
+    /* @__PURE__ */ c.jsx(hn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: l })
   ] });
 }
-function ui(t) {
-  const [n, i] = ae(!1), e = [];
-  t.options.map((s, h) => {
-    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(di, { option: s }, h));
+function wa(t) {
+  const [n, a] = oe(!1), e = [];
+  t.options.map((s, u) => {
+    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(xa, { option: s }, u));
   });
-  let a = "dropdown";
-  return t.subdropdown && (a += " subdropdown"), /* @__PURE__ */ c.jsxs(
+  let r = "dropdown";
+  return t.subdropdown && (r += " subdropdown"), /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: a,
-      onMouseEnter: () => i(!0),
-      onMouseLeave: () => i(!1),
+      className: r,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ c.jsx(gn, { title: t.title }),
+        /* @__PURE__ */ c.jsx(yn, { title: t.title }),
         /* @__PURE__ */ c.jsx(
           "ul",
           {
@@ -1249,13 +1385,13 @@ function ui(t) {
     }
   );
 }
-function di(t) {
-  const { option: n } = t, [i, e] = ae("");
-  let a;
+function xa(t) {
+  const { option: n } = t, [a, e] = oe("");
+  let r;
   switch (n.type) {
     case "draggable":
-      a = /* @__PURE__ */ c.jsx(
-        li,
+      r = /* @__PURE__ */ c.jsx(
+        Ea,
         {
           title: n.title,
           options: n.value,
@@ -1267,8 +1403,8 @@ function di(t) {
       );
       break;
     case "dropdown":
-      a = /* @__PURE__ */ c.jsx(
-        ui,
+      r = /* @__PURE__ */ c.jsx(
+        wa,
         {
           title: n.title,
           options: n.value,
@@ -1278,39 +1414,41 @@ function di(t) {
       );
       break;
     case "option":
-      a = /* @__PURE__ */ c.jsx(
+      r = /* @__PURE__ */ c.jsx(
         "button",
         {
           onClick: () => {
-            n.onSelect !== void 0 && n.onSelect(n.value), n.selectable && (i !== n.title ? e(n.title) : e(""));
+            n.onSelect !== void 0 && n.onSelect(n.value), n.selectable && (a !== n.title ? e(n.title) : e(""));
           },
           children: n.title
         }
       );
       break;
   }
-  return /* @__PURE__ */ c.jsx("li", { className: i === n.title ? "selected" : "", children: a }, Zn());
+  return /* @__PURE__ */ c.jsx("li", { className: a === n.title ? "selected" : "", children: r }, ea());
 }
-function nr(t, n, i) {
-  function e(s) {
-    switch (n.forEach((h) => h(t, s)), s.event) {
+function di(t, n) {
+  const a = [], e = [];
+  n.components && a.push(ra), n.theatre && (a.push(oa), sa(t)), n.three && (a.push(da), e.push(fa)), n.tweakpane && a.push(pa);
+  function r(u) {
+    switch (a.forEach((l) => l(t, u)), u.event) {
       case "custom":
-        z.dispatchEvent({ type: Y.CUSTOM, value: s.data });
+        _.dispatchEvent({ type: j.CUSTOM, value: u.data });
         break;
     }
   }
-  function a(s) {
-    switch (i.forEach((h) => h(t, s)), s.event) {
+  function s(u) {
+    switch (e.forEach((l) => l(t, u)), u.event) {
       case "custom":
-        z.dispatchEvent({ type: Y.CUSTOM, value: s.data });
+        _.dispatchEvent({ type: j.CUSTOM, value: u.data });
         break;
     }
   }
-  t.listen((s) => {
-    t.editor ? a(s) : e(s);
+  t.listen((u) => {
+    t.editor ? s(u) : r(u);
   });
 }
-const fi = `out vec3 worldPosition;
+const Ca = `out vec3 worldPosition;
 uniform float uDistance;
 void main() {
@@ -1319,7 +1457,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, hi = `out vec4 fragColor;
+}`, Sa = `out vec4 fragColor;
 in vec3 worldPosition;
 uniform float uDivisions;
@@ -1387,14 +1525,14 @@ void main() {
   if (fragColor.a <= 0.0) discard;
 }`;
-class pi extends on {
+class Oa extends cn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: Pn,
-      side: jn,
+      glslVersion: An,
+      side: Dn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1404,7 +1542,7 @@ class pi extends on {
           value: (n == null ? void 0 : n.divisions) !== void 0 ? n == null ? void 0 : n.divisions : 10
         },
         uColor: {
-          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new It(16777215)
+          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new Ft(16777215)
         },
         uDistance: {
           value: (n == null ? void 0 : n.distance) !== void 0 ? n == null ? void 0 : n.distance : 1e4
@@ -1416,25 +1554,25 @@ class pi extends on {
           value: (n == null ? void 0 : n.gridOpacity) !== void 0 ? n == null ? void 0 : n.gridOpacity : 0.25
         }
       },
-      vertexShader: fi,
-      fragmentShader: hi,
+      vertexShader: Ca,
+      fragmentShader: Sa,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class mi extends _n {
+class Ta extends In {
   constructor() {
-    const i = new pi();
-    super(new Dn(2, 2), i);
-    q(this, "gridMaterial");
-    this.gridMaterial = i, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const a = new Oa();
+    super(new Nn(2, 2), a);
+    Z(this, "gridMaterial");
+    this.gridMaterial = a, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const gi = `#include <common>
+const Ma = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1464,7 +1602,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, vi = `
+}`, Ra = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1473,27 +1611,27 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class bi extends on {
+class Pa extends cn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: gi,
-      fragmentShader: vi
+      vertexShader: Ma,
+      fragmentShader: Ra
     });
   }
 }
-function Nt(t) {
-  const [n, i] = ae(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
+function Ut(t) {
+  const [n, a] = oe(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
   return /* @__PURE__ */ c.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
     /* @__PURE__ */ c.jsxs(
       "button",
       {
         className: "toggle",
         onClick: () => {
-          const a = !n;
-          t.onToggle !== void 0 && t.onToggle(a), i(a);
+          const r = !n;
+          t.onToggle !== void 0 && t.onToggle(r), a(r);
         },
         children: [
           /* @__PURE__ */ c.jsx(
@@ -1511,10 +1649,10 @@ function Nt(t) {
     /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { children: t.children }) })
   ] });
 }
-function vn(t) {
-  const [n, i] = ae(!1), e = t.child.children.length > 0, a = [];
+function En(t) {
+  const [n, a] = oe(!1), e = t.child.children.length > 0, r = [];
   return t.child.children.length > 0 && t.child.children.map((s) => {
-    a.push(/* @__PURE__ */ c.jsx(vn, { child: s, three: t.three }, Math.random()));
+    r.push(/* @__PURE__ */ c.jsx(En, { child: s, three: t.three }, Math.random()));
   }), /* @__PURE__ */ c.jsxs("div", { className: "childObject", children: [
     /* @__PURE__ */ c.jsxs("div", { className: "child", children: [
       e ? /* @__PURE__ */ c.jsx(
@@ -1525,7 +1663,7 @@ function vn(t) {
             backgroundPositionX: n ? "-14px" : "2px"
           },
           onClick: () => {
-            i(!n);
+            a(!n);
           }
         }
       ) : null,
@@ -1542,51 +1680,48 @@ function vn(t) {
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ c.jsx("div", { className: `icon ${ti(t.child)}` })
+      /* @__PURE__ */ c.jsx("div", { className: `icon ${ca(t.child)}` })
     ] }),
-    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { className: "container", children: a }) })
+    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { className: "container", children: r }) })
   ] }, Math.random());
 }
-function yi(t) {
+function _a(t) {
   const n = [];
-  return t.child.children.map((i) => {
-    n.push(/* @__PURE__ */ c.jsx(vn, { child: i, three: t.three }, Math.random()));
+  return t.child.children.map((a) => {
+    n.push(/* @__PURE__ */ c.jsx(En, { child: a, three: t.three }, Math.random()));
   }), /* @__PURE__ */ c.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const Ei = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function xi(t) {
+const ja = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+function ka(t) {
   return "items" in t;
 }
-function Le(t) {
-  function n(e, a) {
-    console.log("onChange:", e, a);
-  }
-  const i = [];
-  return t.items.forEach((e) => {
-    xi(e) ? i.push(
-      /* @__PURE__ */ c.jsx(Le, { title: e.title, items: e.items }, Math.random())
-    ) : i.push(
+function Ue(t) {
+  const n = [];
+  return t.items.forEach((a) => {
+    ka(a) ? n.push(
+      /* @__PURE__ */ c.jsx(Ue, { title: a.title, items: a.items }, Math.random())
+    ) : n.push(
       /* @__PURE__ */ c.jsx(
-        nt,
+        it,
         {
-          title: e.title,
-          prop: e.prop,
-          value: e.value,
-          type: e.type,
-          min: e.min,
-          max: e.max,
-          step: e.step,
-          disabled: e.disabled,
-          onChange: (a, s) => {
-            e.onChange !== void 0 ? e.onChange(a, s) : n(a, s);
+          title: a.title,
+          prop: a.prop,
+          value: a.value,
+          type: a.type,
+          min: a.min,
+          max: a.max,
+          step: a.step,
+          disabled: a.disabled,
+          onChange: (e, r) => {
+            a.onChange !== void 0 && a.onChange(e, r);
           }
         },
         Math.random()
       )
     );
-  }), /* @__PURE__ */ c.jsx(Nt, { label: t.title, open: !1, children: i });
+  }), /* @__PURE__ */ c.jsx(Ut, { label: t.title, open: t.expanded === !0, children: n });
 }
-function wi(t) {
+function Aa(t) {
   return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "side" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 5) === "blend" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
 }
 function De(t) {
@@ -1738,166 +1873,166 @@ function De(t) {
   }
   return t;
 }
-function Ci(t) {
+function Da(t) {
   return t.toLowerCase().search("intensity") > -1 || t === "anisotropyRotation" || t === "bumpScale" || t === "clearcoatRoughness" || t === "displacementBias" || t === "displacementScale" || t === "metalness" || t === "opacity" || t === "reflectivity" || t === "refractionRatio" || t === "roughness" || t === "sheenRoughness" || t === "thickness";
 }
-function Si() {
+function Ia() {
   const t = document.createElement("input");
-  return t.type = "file", new Promise((n, i) => {
+  return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
       if (t.files === null)
-        i();
+        a();
       else {
-        const e = t.files[0], a = new FileReader();
-        a.onload = function(s) {
+        const e = t.files[0], r = new FileReader();
+        r.onload = function(s) {
           n(s.target.result);
-        }, a.readAsDataURL(e);
+        }, r.readAsDataURL(e);
       }
     }), t.click();
   });
 }
-function Ht(t, n, i) {
+function qt(t, n, a) {
   const e = [];
-  for (const a in t) {
-    if (!wi(a))
+  for (const r in t) {
+    if (!Aa(r))
       continue;
-    const s = typeof t[a], h = t[a];
+    const s = typeof t[r], u = t[r];
     if (s === "boolean" || s === "number" || s === "string") {
       const l = {
-        title: De(a),
-        prop: a,
+        title: De(r),
+        prop: r,
         type: s,
-        value: h,
+        value: u,
         min: void 0,
         max: void 0,
-        onChange: (d, m) => {
+        onChange: (d, p) => {
           var E;
-          i.updateObject(n.uuid, `material.${d}`, m), s === "boolean" && i.updateObject(n.uuid, "material.needsUpdate", !0);
-          const v = (E = i.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
-          v !== void 0 && J(v, `material.${d}`, m);
+          a.updateObject(n.uuid, `material.${d}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
+          const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
+          v !== void 0 && Q(v, `material.${d}`, p);
         }
       };
-      Ci(a) && (l.value = Number(h), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
+      Da(r) && (l.value = Number(u), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
     } else if (s === "object")
-      if (h.isColor)
+      if (u.isColor)
         e.push({
-          title: De(a),
-          prop: a,
+          title: De(r),
+          prop: r,
           type: "color",
-          value: h,
+          value: u,
           onChange: (l, d) => {
             var E;
-            const m = new It(d);
-            i.updateObject(n.uuid, `material.${l}`, m);
-            const v = (E = i.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
-            v !== void 0 && J(v, `material.${l}`, m);
+            const p = new Ft(d);
+            a.updateObject(n.uuid, `material.${l}`, p);
+            const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
+            v !== void 0 && Q(v, `material.${l}`, p);
           }
         });
-      else if (Array.isArray(h)) {
+      else if (Array.isArray(u)) {
         const l = [];
-        for (const d in h)
+        for (const d in u)
           l.push({
             title: `${d}`,
-            type: `${typeof h[d]}`,
-            value: h[d],
-            onChange: (m, v) => {
-              var x;
-              i.updateObject(n.uuid, `material.${a}`, v);
-              const E = (x = i.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
-              E !== void 0 && J(E, `material.${a}`, v);
+            type: `${typeof u[d]}`,
+            value: u[d],
+            onChange: (p, v) => {
+              var w;
+              a.updateObject(n.uuid, `material.${r}`, v);
+              const E = (w = a.scene) == null ? void 0 : w.getObjectByProperty("uuid", n.uuid);
+              E !== void 0 && Q(E, `material.${r}`, v);
             }
           });
         e.push({
-          title: De(a),
+          title: De(r),
           items: l
         });
       } else {
         const l = [];
-        for (const d in h) {
-          const m = h[d];
-          switch (typeof m) {
+        for (const d in u) {
+          const p = u[d];
+          switch (typeof p) {
             case "boolean":
             case "number":
             case "string":
               d === "src" ? e.push({
-                title: De(a),
+                title: De(r),
                 type: "image",
-                value: m,
-                onChange: (E, x) => {
+                value: p,
+                onChange: (E, w) => {
                   var T;
-                  i.createTexture(n.uuid, `material.${a}`, x);
-                  const R = (T = i.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
-                  R !== void 0 && kt(x).then((B) => {
-                    J(R, `material.${a}`, B), J(R, "material.needsUpdate", !0);
+                  a.createTexture(n.uuid, `material.${r}`, w);
+                  const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
+                  R !== void 0 && Nt(w).then((G) => {
+                    Q(R, `material.${r}`, G), Q(R, "material.needsUpdate", !0);
                   });
                 }
               }) : l.push({
                 title: `${De(d)}`,
-                prop: `material.${a}.${d}`,
-                type: `${typeof t[a][d]}`,
-                value: h[d],
-                onChange: (E, x) => {
+                prop: `material.${r}.${d}`,
+                type: `${typeof t[r][d]}`,
+                value: u[d],
+                onChange: (E, w) => {
                   var T;
-                  i.updateObject(n.uuid, `material.${a}.${d}`, x);
-                  const R = (T = i.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
-                  R !== void 0 && J(R, `material.${a}.${d}`, x);
+                  a.updateObject(n.uuid, `material.${r}.${d}`, w);
+                  const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
+                  R !== void 0 && Q(R, `material.${r}.${d}`, w);
                 }
               });
               break;
             case "object":
-              m.value !== void 0 && m.value.src !== void 0 ? l.push({
+              p.value !== void 0 && p.value.src !== void 0 ? l.push({
                 title: De(d),
                 type: "image",
-                value: m.value.src,
-                onChange: (E, x) => {
+                value: p.value.src,
+                onChange: (E, w) => {
                   var T;
-                  i.createTexture(n.uuid, `material.${a}.${d}.value`, x);
-                  const R = (T = i.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
-                  R !== void 0 && kt(x).then((B) => {
-                    J(R, `material.${a}.${d}.value`, B);
+                  a.createTexture(n.uuid, `material.${r}.${d}.value`, w);
+                  const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
+                  R !== void 0 && Nt(w).then((G) => {
+                    Q(R, `material.${r}.${d}.value`, G);
                   });
                 }
               }) : l.push({
                 title: d,
-                type: `${typeof m.value}`,
-                value: m.value,
-                onChange: (E, x) => {
+                type: `${typeof p.value}`,
+                value: p.value,
+                onChange: (E, w) => {
                   var T;
-                  i.updateObject(n.uuid, `material.${a}.${d}.value`, x);
-                  const R = (T = i.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
-                  R !== void 0 && J(R, `material.${a}.${d}.value`, x);
+                  a.updateObject(n.uuid, `material.${r}.${d}.value`, w);
+                  const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
+                  R !== void 0 && Q(R, `material.${r}.${d}.value`, w);
                 }
               });
               break;
           }
         }
         l.length > 0 && e.push({
-          title: De(a),
+          title: De(r),
           items: l
         });
       }
     else
-      h !== void 0 && console.log("other:", a, s, h);
+      u !== void 0 && console.log("other:", r, s, u);
   }
-  return e.sort((a, s) => a.title < s.title ? -1 : a.title > s.title ? 1 : 0), e.push({
+  return e.sort((r, s) => r.title < s.title ? -1 : r.title > s.title ? 1 : 0), e.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
-      i.updateObject(n.uuid, "material.needsUpdate", !0);
+      a.updateObject(n.uuid, "material.needsUpdate", !0);
     }
   }), e;
 }
-function Oi(t, n) {
-  const i = t.material;
-  if (Array.isArray(i)) {
-    const e = [], a = i.length;
-    for (let s = 0; s < a; s++)
+function Na(t, n) {
+  const a = t.material;
+  if (Array.isArray(a)) {
+    const e = [], r = a.length;
+    for (let s = 0; s < r; s++)
       e.push(
         /* @__PURE__ */ c.jsx(
-          Le,
+          Ue,
           {
             title: `Material ${s}`,
-            items: Ht(i[s], t, n)
+            items: qt(a[s], t, n)
           },
           `Material ${s}`
         )
@@ -1905,51 +2040,51 @@ function Oi(t, n) {
     return /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
   } else
     return /* @__PURE__ */ c.jsx(
-      Le,
+      Ue,
       {
         title: "Material",
-        items: Ht(i, t, n)
+        items: qt(a, t, n)
       }
     );
 }
-function nt(t) {
+function it(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Qn(t.value));
-  const [i, e] = ae(n), a = we(null), s = we(null), h = we(null);
-  Ne(() => {
+  n !== void 0 && n.isColor !== void 0 && (n = na(t.value));
+  const [a, e] = oe(n), r = Ce(null), s = Ce(null), u = Ce(null);
+  Fe(() => {
     var K;
-    let v = !1, E = -1, x = 0, R = Number(i);
-    const T = (de) => {
-      v = !0, x = R, E = de.clientX;
-    }, B = (de) => {
+    let v = !1, E = -1, w = 0, R = Number(a);
+    const T = (fe) => {
+      v = !0, w = R, E = fe.clientX;
+    }, G = (fe) => {
       if (!v)
         return;
-      const ce = t.step !== void 0 ? t.step : 1, ee = (de.clientX - E) * ce;
-      R = Number((x + ee).toFixed(4)), s.current !== null && (s.current.value = R.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, R);
-    }, oe = () => {
+      const le = t.step !== void 0 ? t.step : 1, ee = (fe.clientX - E) * le;
+      R = Number((w + ee).toFixed(4)), s.current !== null && (s.current.value = R.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, R);
+    }, se = () => {
       v = !1;
     }, H = () => {
       v = !1;
     }, C = t.type === "number";
-    return C && ((K = a.current) == null || K.addEventListener("mousedown", T, !1), document.addEventListener("mouseup", oe, !1), document.addEventListener("mousemove", B, !1), document.addEventListener("contextmenu", H, !1)), () => {
-      var de;
-      C && ((de = a.current) == null || de.removeEventListener("mousedown", T), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", B), document.removeEventListener("contextmenu", H));
+    return C && ((K = r.current) == null || K.addEventListener("mousedown", T, !1), document.addEventListener("mouseup", se, !1), document.addEventListener("mousemove", G, !1), document.addEventListener("contextmenu", H, !1)), () => {
+      var fe;
+      C && ((fe = r.current) == null || fe.removeEventListener("mousedown", T), document.removeEventListener("mouseup", se), document.removeEventListener("mousemove", G), document.removeEventListener("contextmenu", H));
     };
-  }, [i]);
-  const l = t.type === "string" && (i.length > 100 || i.search(`
-`) > -1), d = l || t.type === "image", m = (v) => {
+  }, [a]);
+  const l = t.type === "string" && (a.length > 100 || a.search(`
+`) > -1), d = l || t.type === "image", p = (v) => {
     let E = v.target.value;
     t.type === "boolean" && (E = v.target.checked), e(E), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, E);
   };
   return /* @__PURE__ */ c.jsxs("div", { className: `field ${d ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: a, children: t.title }, "fieldLabel"),
+    t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: r, children: t.title }, "fieldLabel"),
     t.type === "string" && !l && /* @__PURE__ */ c.jsx(
       "input",
       {
         type: "text",
         disabled: t.disabled,
-        onChange: m,
-        value: i
+        onChange: p,
+        value: a
       }
     ),
     t.type === "string" && l && /* @__PURE__ */ c.jsx(
@@ -1958,8 +2093,8 @@ function nt(t) {
         cols: 50,
         rows: 10,
         disabled: !0,
-        onChange: m,
-        value: i
+        onChange: p,
+        value: a
       }
     ),
     t.type === "boolean" && /* @__PURE__ */ c.jsx(
@@ -1967,8 +2102,8 @@ function nt(t) {
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: m,
-        checked: i
+        onChange: p,
+        checked: a
       }
     ),
     t.type === "number" && /* @__PURE__ */ c.jsx(
@@ -1976,31 +2111,31 @@ function nt(t) {
       {
         ref: s,
         type: "number",
-        value: i,
+        value: a,
         min: t.min,
         max: t.max,
         step: t.step,
-        onChange: m
+        onChange: p
       }
     ),
     t.type === "range" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: i.toString(), onChange: m, className: "min" }),
+      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, className: "min" }),
       /* @__PURE__ */ c.jsx(
         "input",
         {
           disabled: t.disabled,
           type: "range",
-          value: i,
+          value: a,
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: m
+          onChange: p
         }
       )
     ] }),
     t.type === "color" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: i.toString(), onChange: m, className: "color" }),
-      /* @__PURE__ */ c.jsx("input", { type: "color", value: i, onChange: m })
+      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, className: "color" }),
+      /* @__PURE__ */ c.jsx("input", { type: "color", value: a, onChange: p })
     ] }),
     t.type === "button" && /* @__PURE__ */ c.jsx(
       "button",
@@ -2011,14 +2146,14 @@ function nt(t) {
         children: t.title
       }
     ),
-    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: h, onClick: () => {
-      Si().then((v) => {
-        h.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
+    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: u, onClick: () => {
+      Ia().then((v) => {
+        u.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
       });
-    }, src: i.length > 0 ? i : Ei })
+    }, src: a.length > 0 ? a : ja })
   ] });
 }
-function Kt(t) {
+function Zt(t) {
   switch (t) {
     case "fov":
       return "FOV";
@@ -2047,71 +2182,71 @@ function Kt(t) {
   }
   return t;
 }
-function Ti(t, n) {
-  const i = [];
+function La(t, n) {
+  const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
-      i.push({
-        title: Kt(e),
+      a.push({
+        title: Zt(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (a, s) => {
+        onChange: (r, s) => {
           var l;
-          n.updateObject(t.uuid, a, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const h = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-          h !== void 0 && (J(h, a, s), h.updateProjectionMatrix());
+          n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+          u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
     for (const e in t.orthographicCameraInfo)
-      i.push({
-        title: Kt(e),
+      a.push({
+        title: Zt(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (a, s) => {
+        onChange: (r, s) => {
           var l;
-          n.updateObject(t.uuid, a, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const h = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-          h !== void 0 && (J(h, a, s), h.updateProjectionMatrix());
+          n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+          u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ c.jsx(
-    Le,
+    Ue,
     {
       title: "Camera",
-      items: i
+      items: a
     }
   );
 }
-const Mi = Math.PI / 180, Ri = 180 / Math.PI;
-function We(t, n, i, e, a) {
-  return e + (t - n) * (a - e) / (i - n);
+const Fa = Math.PI / 180, Ua = 180 / Math.PI;
+function Ke(t, n, a, e, r) {
+  return e + (t - n) * (r - e) / (a - n);
 }
-function Pi(t) {
-  return t * Mi;
+function Ba(t) {
+  return t * Fa;
 }
-function Pt(t) {
-  return t * Ri;
+function kt(t) {
+  return t * Ua;
 }
-function ji(t, n) {
-  const i = new kn();
-  i.elements = t.matrix;
-  const e = new G(), a = new An(), s = new G();
-  t.uuid.length > 0 && (e.setFromMatrixPosition(i), a.setFromRotationMatrix(i), s.setFromMatrixScale(i));
-  const h = (d, m) => {
+function $a(t, n) {
+  const a = new Ln();
+  a.elements = t.matrix;
+  const e = new Y(), r = new Fn(), s = new Y();
+  t.uuid.length > 0 && (e.setFromMatrixPosition(a), r.setFromRotationMatrix(a), s.setFromMatrixScale(a));
+  const u = (d, p) => {
     var E;
-    n.updateObject(t.uuid, d, m);
+    n.updateObject(t.uuid, d, p);
     const v = (E = n.scene) == null ? void 0 : E.getObjectByProperty("uuid", t.uuid);
-    v !== void 0 && J(v, d, m);
-  }, l = (d, m) => {
-    h(d, Pi(m));
+    v !== void 0 && Q(v, d, p);
+  }, l = (d, p) => {
+    u(d, Ba(p));
   };
   return /* @__PURE__ */ c.jsx(
-    Le,
+    Ue,
     {
       title: "Transform",
       items: [
@@ -2120,27 +2255,27 @@ function ji(t, n) {
           prop: "position.x",
           type: "number",
           value: e.x,
-          onChange: h
+          onChange: u
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
           value: e.y,
-          onChange: h
+          onChange: u
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
           value: e.z,
-          onChange: h
+          onChange: u
         },
         {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: Mt(Pt(a.x)),
+          value: _t(kt(r.x)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2150,7 +2285,7 @@ function ji(t, n) {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: Mt(Pt(a.y)),
+          value: _t(kt(r.y)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2160,7 +2295,7 @@ function ji(t, n) {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: Mt(Pt(a.z)),
+          value: _t(kt(r.z)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2172,7 +2307,7 @@ function ji(t, n) {
           type: "number",
           value: s.x,
           step: 0.01,
-          onChange: h
+          onChange: u
         },
         {
           title: "Scale Y",
@@ -2180,7 +2315,7 @@ function ji(t, n) {
           type: "number",
           value: s.y,
           step: 0.01,
-          onChange: h
+          onChange: u
         },
         {
           title: "Scale Z",
@@ -2188,13 +2323,13 @@ function ji(t, n) {
           type: "number",
           value: s.z,
           step: 0.01,
-          onChange: h
+          onChange: u
         }
       ]
     }
   );
 }
-function Xt(t) {
+function Jt(t) {
   switch (t) {
     case "color":
       return "Color";
@@ -2213,88 +2348,88 @@ function Xt(t) {
   }
   return t;
 }
-function _i(t, n) {
-  const i = [];
+function Ga(t, n) {
+  const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
-      const a = t.lightInfo[e];
-      a !== void 0 && (a.isColor !== void 0 ? i.push({
-        title: Xt(e),
+      const r = t.lightInfo[e];
+      r !== void 0 && (r.isColor !== void 0 ? a.push({
+        title: Jt(e),
         prop: e,
         type: "color",
-        value: a,
-        onChange: (s, h) => {
-          var m;
-          const l = new It(h);
+        value: r,
+        onChange: (s, u) => {
+          var p;
+          const l = new Ft(u);
           n.updateObject(t.uuid, s, l);
-          const d = (m = n.scene) == null ? void 0 : m.getObjectByProperty("uuid", t.uuid);
-          d !== void 0 && J(d, s, l);
+          const d = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
+          d !== void 0 && Q(d, s, l);
         }
-      }) : i.push({
-        title: Xt(e),
+      }) : a.push({
+        title: Jt(e),
         prop: e,
-        type: typeof a,
-        value: a,
-        step: typeof a == "number" ? 0.01 : void 0,
-        onChange: (s, h) => {
+        type: typeof r,
+        value: r,
+        step: typeof r == "number" ? 0.01 : void 0,
+        onChange: (s, u) => {
           var d;
-          n.updateObject(t.uuid, s, h);
+          n.updateObject(t.uuid, s, u);
           const l = (d = n.scene) == null ? void 0 : d.getObjectByProperty("uuid", t.uuid);
-          l !== void 0 && J(l, s, h);
+          l !== void 0 && Q(l, s, u);
         }
       }));
     }
   return /* @__PURE__ */ c.jsx(
-    Le,
+    Ue,
     {
       title: "Light",
-      items: i
+      items: a
     }
   );
 }
-function Di(t, n) {
-  const i = [];
+function Va(t, n) {
+  const a = [];
   return t.animations.forEach((e) => {
-    i.push({
+    a.push({
       title: "Name",
       type: "string",
       prop: "name",
       value: e.name,
       disabled: !0,
-      onChange: (a, s) => {
+      onChange: (r, s) => {
         var l;
-        n.updateObject(t.uuid, a, s);
-        const h = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        h !== void 0 && J(h, a, s);
+        n.updateObject(t.uuid, r, s);
+        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        u !== void 0 && Q(u, r, s);
       }
-    }), i.push({
+    }), a.push({
       title: "Duration",
       type: "number",
       prop: "duration",
       value: e.duration,
       disabled: !0,
-      onChange: (a, s) => {
+      onChange: (r, s) => {
         var l;
-        n.updateObject(t.uuid, a, s);
-        const h = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        h !== void 0 && J(h, a, s);
+        n.updateObject(t.uuid, r, s);
+        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        u !== void 0 && Q(u, r, s);
       }
-    }), i.push({
+    }), a.push({
       title: "Blend Mode",
       type: "number",
       prop: "blendMode",
       value: e.blendMode,
       disabled: !0,
-      onChange: (a, s) => {
+      onChange: (r, s) => {
         var l;
-        n.updateObject(t.uuid, a, s);
-        const h = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        h !== void 0 && J(h, a, s);
+        n.updateObject(t.uuid, r, s);
+        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        u !== void 0 && Q(u, r, s);
       }
     });
-  }), /* @__PURE__ */ c.jsx(Le, { title: "Animations", items: i });
+  }), /* @__PURE__ */ c.jsx(Ue, { title: "Animations", items: a });
 }
-const Zt = {
+const wn = {
   name: "",
   uuid: "",
   type: "",
@@ -2306,101 +2441,101 @@ const Zt = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-function ki(t) {
-  const [n, i] = ae(Zt);
-  Ne(() => {
-    function a(h) {
-      const l = h.value;
-      i(l);
+let ae = { ...wn };
+function za(t) {
+  const [n, a] = oe(-1);
+  Fe(() => {
+    function r(u) {
+      ae = { ...u.value }, a(Date.now());
     }
     function s() {
-      i(Zt);
+      ae = { ...wn }, a(Date.now());
     }
-    return z.addEventListener(Y.SET_SCENE, s), z.addEventListener(Y.SET_OBJECT, a), () => {
-      z.removeEventListener(Y.SET_SCENE, s), z.removeEventListener(Y.SET_OBJECT, a);
+    return _.addEventListener(j.SET_SCENE, s), _.addEventListener(j.SET_OBJECT, r), () => {
+      _.removeEventListener(j.SET_SCENE, s), _.removeEventListener(j.SET_OBJECT, r);
     };
   }, []);
-  const e = n.type.toLowerCase();
-  return /* @__PURE__ */ c.jsx(Nt, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: n.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+  const e = ae.type.toLowerCase();
+  return /* @__PURE__ */ c.jsx(Ut, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: ae.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx(
-        nt,
+        it,
         {
           type: "string",
           title: "Name",
           prop: "name",
-          value: n.name,
+          value: ae.name,
           disabled: !0
         }
       ),
       /* @__PURE__ */ c.jsx(
-        nt,
+        it,
         {
           type: "string",
           title: "Type",
           prop: "type",
-          value: n.type,
+          value: ae.type,
           disabled: !0
         }
       ),
       /* @__PURE__ */ c.jsx(
-        nt,
+        it,
         {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: n.uuid,
+          value: ae.uuid,
           disabled: !0
         }
       ),
       /* @__PURE__ */ c.jsx(
-        nt,
+        it,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
-          value: n.visible,
-          onChange: (a, s) => {
+          value: ae.visible,
+          onChange: (r, s) => {
             var l;
-            t.three.updateObject(n.uuid, a, s);
-            const h = (l = t.three.scene) == null ? void 0 : l.getObjectByProperty("uuid", n.uuid);
-            h !== void 0 && J(h, a, s);
+            t.three.updateObject(ae.uuid, r, s);
+            const u = (l = t.three.scene) == null ? void 0 : l.getObjectByProperty("uuid", ae.uuid);
+            u !== void 0 && Q(u, r, s);
           }
         }
       )
     ] }),
     /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      ji(n, t.three),
-      n.animations.length > 0 ? Di(n, t.three) : null,
-      e.search("camera") > -1 ? Ti(n, t.three) : null,
-      e.search("light") > -1 ? _i(n, t.three) : null,
-      e.search("mesh") > -1 ? Oi(n, t.three) : null
+      $a(ae, t.three),
+      ae.animations.length > 0 ? Va(ae, t.three) : null,
+      e.search("camera") > -1 ? La(ae, t.three) : null,
+      e.search("light") > -1 ? Ga(ae, t.three) : null,
+      e.search("mesh") > -1 ? Na(ae, t.three) : null
     ] })
-  ] }) }) }, "Inspector");
+  ] }) }, n) }, "Inspector");
 }
-class ir extends Kn {
-  constructor(i) {
-    super(i);
-    q(this, "three");
+class fi extends Jn {
+  constructor(a) {
+    super(a);
+    Z(this, "three");
     // Private
-    q(this, "setScene", (i) => {
+    Z(this, "setScene", (a) => {
       this.setState(() => ({
-        scene: i.value
+        scene: a.value
       }));
     });
     this.state = {
-      scene: i.scene !== void 0 ? i.scene : null
-    }, this.three = i.three, z.addEventListener(Y.SET_SCENE, this.setScene);
+      scene: a.scene !== void 0 ? a.scene : null
+    }, this.three = a.three, _.addEventListener(j.SET_SCENE, this.setScene);
   }
   componentWillUnmount() {
-    z.removeEventListener(Y.SET_SCENE, this.setScene);
+    _.removeEventListener(j.SET_SCENE, this.setScene);
   }
   render() {
-    var a;
-    const i = this.componentState.scene !== null, e = "Hierarchy - " + (i ? `${(a = this.componentState.scene) == null ? void 0 : a.name}` : "No Scene");
+    var r;
+    const a = this.componentState.scene !== null, e = "Hierarchy - " + (a ? `${(r = this.componentState.scene) == null ? void 0 : r.name}` : "No Scene");
     return /* @__PURE__ */ c.jsx("div", { id: "SidePanel", children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx(Nt, { label: e, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: i && /* @__PURE__ */ c.jsx(yi, { child: this.componentState.scene, three: this.three }) }) }),
-      /* @__PURE__ */ c.jsx(ki, { three: this.three })
+      /* @__PURE__ */ c.jsx(Ut, { label: e, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: a && /* @__PURE__ */ c.jsx(_a, { child: this.componentState.scene, three: this.three }) }) }),
+      /* @__PURE__ */ c.jsx(za, { three: this.three })
     ] }) }, "SidePanel");
   }
   // Getters / Setters
@@ -2408,39 +2543,39 @@ class ir extends Kn {
     return this.state;
   }
 }
-function rr(t) {
+function hi(t) {
   function n() {
     return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
-  const i = (l) => {
-    var m;
+  const a = (l) => {
+    var p;
     if (!n())
       return;
-    const d = (m = t.three.scene) == null ? void 0 : m.getObjectByProperty("uuid", l.value);
+    const d = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", l.value);
     d !== void 0 && t.three.setObject(d);
-  }, e = (l, d, m) => {
+  }, e = (l, d, p) => {
     var E;
     if (!n())
       return;
     const v = (E = t.three.scene) == null ? void 0 : E.getObjectByProperty("uuid", l);
-    v !== void 0 && J(v, d, m);
-  }, a = (l) => {
+    v !== void 0 && Q(v, d, p);
+  }, r = (l) => {
     if (!n())
       return;
-    const d = l.value, { key: m, value: v, uuid: E } = d;
-    e(E, m, v);
+    const d = l.value, { key: p, value: v, uuid: E } = d;
+    e(E, p, v);
   }, s = (l) => {
     if (!n())
       return;
     const d = l.value;
-    kt(d.value).then((m) => {
-      e(d.uuid, d.key, m), e(d.uuid, "material.needsUpdate", !0);
+    Nt(d.value).then((p) => {
+      e(d.uuid, d.key, p), e(d.uuid, "material.needsUpdate", !0);
     });
-  }, h = (l) => {
-    var x;
+  }, u = (l) => {
+    var w;
     if (!n())
       return;
-    const { key: d, uuid: m, value: v } = l.value, E = (x = t.three.scene) == null ? void 0 : x.getObjectByProperty("uuid", m);
+    const { key: d, uuid: p, value: v } = l.value, E = (w = t.three.scene) == null ? void 0 : w.getObjectByProperty("uuid", p);
     if (E !== void 0)
       try {
         E[d](v);
@@ -2448,58 +2583,58 @@ function rr(t) {
         console.log("Error requesting method:"), console.log(R), console.log(d), console.log(v);
       }
   };
-  return Ne(() => (z.addEventListener(Y.GET_OBJECT, i), z.addEventListener(Y.UPDATE_OBJECT, a), z.addEventListener(Y.CREATE_TEXTURE, s), z.addEventListener(Y.REQUEST_METHOD, h), () => {
-    z.removeEventListener(Y.GET_OBJECT, i), z.removeEventListener(Y.UPDATE_OBJECT, a), z.removeEventListener(Y.CREATE_TEXTURE, s), z.removeEventListener(Y.REQUEST_METHOD, h);
+  return Fe(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, u), () => {
+    _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, u);
   }), []), null;
 }
-const qt = { type: "change" }, jt = { type: "start" }, Qt = { type: "end" }, gt = new In(), Jt = new Nn(), Ai = Math.cos(70 * Ln.DEG2RAD);
-class Ii extends rn {
-  constructor(n, i) {
-    super(), this.object = n, this.domElement = i, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new G(), this.cursor = new G(), 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: ze.ROTATE, MIDDLE: ze.DOLLY, RIGHT: ze.PAN }, this.touches = { ONE: Ye.ROTATE, TWO: Ye.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+const Qt = { type: "change" }, At = { type: "start" }, en = { type: "end" }, yt = new Un(), tn = new Bn(), Ya = Math.cos(70 * $n.DEG2RAD);
+class Wa extends on {
+  constructor(n, a) {
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new Y(), this.cursor = new Y(), 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: We.ROTATE, MIDDLE: We.DOLLY, RIGHT: We.PAN }, this.touches = { ONE: He.ROTATE, TWO: He.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
       return l.phi;
     }, this.getAzimuthalAngle = function() {
       return l.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(o) {
-      o.addEventListener("keydown", Qe), this._domElementKeyEvents = o;
+      o.addEventListener("keydown", et), this._domElementKeyEvents = o;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", Qe), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", et), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
-      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(qt), e.update(), s = a.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(Qt), e.update(), s = r.NONE;
     }, this.update = function() {
-      const o = new G(), y = new Vt().setFromUnitVectors(n.up, new G(0, 1, 0)), _ = y.clone().invert(), A = new G(), te = new Vt(), ve = new G(), le = 2 * Math.PI;
-      return function(mt = null) {
-        const be = e.object.position;
-        o.copy(be).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === a.NONE && F(b(mt)), e.enableDamping ? (l.theta += d.theta * e.dampingFactor, l.phi += d.phi * e.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
-        let fe = e.minAzimuthAngle, he = e.maxAzimuthAngle;
-        isFinite(fe) && isFinite(he) && (fe < -Math.PI ? fe += le : fe > Math.PI && (fe -= le), he < -Math.PI ? he += le : he > Math.PI && (he -= le), fe <= he ? l.theta = Math.max(fe, Math.min(he, l.theta)) : l.theta = l.theta > (fe + he) / 2 ? Math.max(fe, l.theta) : Math.min(he, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.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 && ee || e.object.isOrthographicCamera ? l.radius = X(l.radius) : l.radius = X(l.radius * m), o.setFromSpherical(l), o.applyQuaternion(_), be.copy(e.target).add(o), 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;
+      const o = new Y(), y = new Yt().setFromUnitVectors(n.up, new Y(0, 1, 0)), A = y.clone().invert(), N = new Y(), te = new Yt(), be = new Y(), ue = 2 * Math.PI;
+      return function(bt = null) {
+        const ye = e.object.position;
+        o.copy(ye).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === r.NONE && B(b(bt)), e.enableDamping ? (l.theta += d.theta * e.dampingFactor, l.phi += d.phi * e.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
+        let he = e.minAzimuthAngle, pe = e.maxAzimuthAngle;
+        isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += ue : he > Math.PI && (he -= ue), pe < -Math.PI ? pe += ue : pe > Math.PI && (pe -= ue), he <= pe ? l.theta = Math.max(he, Math.min(pe, l.theta)) : l.theta = l.theta > (he + pe) / 2 ? Math.max(he, l.theta) : Math.min(pe, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.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 && ee || e.object.isOrthographicCamera ? l.radius = X(l.radius) : l.radius = X(l.radius * p), o.setFromSpherical(l), o.applyQuaternion(A), ye.copy(e.target).add(o), 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 Ve = !1;
         if (e.zoomToCursor && ee) {
-          let _e = null;
+          let Ae = null;
           if (e.object.isPerspectiveCamera) {
-            const Oe = o.length();
-            _e = X(Oe * m);
-            const Ve = Oe - _e;
-            e.object.position.addScaledVector(de, Ve), e.object.updateMatrixWorld();
+            const Te = o.length();
+            Ae = X(Te * p);
+            const ze = Te - Ae;
+            e.object.position.addScaledVector(fe, ze), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
-            const Oe = new G(ce.x, ce.y, 0);
-            Oe.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / m)), e.object.updateProjectionMatrix(), $e = !0;
-            const Ve = new G(ce.x, ce.y, 0);
-            Ve.unproject(e.object), e.object.position.sub(Ve).add(Oe), e.object.updateMatrixWorld(), _e = o.length();
+            const Te = new Y(le.x, le.y, 0);
+            Te.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), Ve = !0;
+            const ze = new Y(le.x, le.y, 0);
+            ze.unproject(e.object), e.object.position.sub(ze).add(Te), e.object.updateMatrixWorld(), Ae = o.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          _e !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(_e).add(e.object.position) : (gt.origin.copy(e.object.position), gt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(gt.direction)) < Ai ? n.lookAt(e.target) : (Jt.setFromNormalAndCoplanarPoint(e.object.up, e.target), gt.intersectPlane(Jt, e.target))));
+          Ae !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Ae).add(e.object.position) : (yt.origin.copy(e.object.position), yt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(yt.direction)) < Ya ? n.lookAt(e.target) : (tn.setFromNormalAndCoplanarPoint(e.object.up, e.target), yt.intersectPlane(tn, e.target))));
         } else
-          e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / m)), e.object.updateProjectionMatrix(), $e = !0);
-        return m = 1, ee = !1, $e || A.distanceToSquared(e.object.position) > h || 8 * (1 - te.dot(e.object.quaternion)) > h || ve.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(qt), A.copy(e.object.position), te.copy(e.object.quaternion), ve.copy(e.target), !0) : !1;
+          e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), Ve = !0);
+        return p = 1, ee = !1, Ve || N.distanceToSquared(e.object.position) > u || 8 * (1 - te.dot(e.object.quaternion)) > u || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(Qt), N.copy(e.object.position), te.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", Se), e.domElement.removeEventListener("pointerdown", Ze), e.domElement.removeEventListener("pointercancel", je), e.domElement.removeEventListener("wheel", ut), e.domElement.removeEventListener("pointermove", Ce), e.domElement.removeEventListener("pointerup", je), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", Qe), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", Oe), e.domElement.removeEventListener("pointerdown", Je), e.domElement.removeEventListener("pointercancel", ke), e.domElement.removeEventListener("wheel", ht), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", et), e._domElementKeyEvents = null);
     };
-    const e = this, a = {
+    const e = this, r = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -2509,12 +2644,12 @@ class Ii extends rn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let s = a.NONE;
-    const h = 1e-6, l = new Gt(), d = new Gt();
-    let m = 1;
-    const v = new G(), E = new ue(), x = new ue(), R = new ue(), T = new ue(), B = new ue(), oe = new ue(), H = new ue(), C = new ue(), K = new ue(), de = new G(), ce = new ue();
+    let s = r.NONE;
+    const u = 1e-6, l = new Wt(), d = new Wt();
+    let p = 1;
+    const v = new Y(), E = new de(), w = new de(), R = new de(), T = new de(), G = new de(), se = new de(), H = new de(), C = new de(), K = new de(), fe = new Y(), le = new de();
     let ee = !1;
-    const u = [], p = {};
+    const f = [], m = {};
     function b(o) {
       return o !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
@@ -2522,160 +2657,160 @@ class Ii extends rn {
       const y = Math.abs(o) / (100 * (window.devicePixelRatio | 0));
       return Math.pow(0.95, e.zoomSpeed * y);
     }
-    function F(o) {
+    function B(o) {
       d.theta -= o;
     }
-    function U(o) {
+    function $(o) {
       d.phi -= o;
     }
-    const N = function() {
-      const o = new G();
-      return function(_, A) {
-        o.setFromMatrixColumn(A, 0), o.multiplyScalar(-_), v.add(o);
+    const F = function() {
+      const o = new Y();
+      return function(A, N) {
+        o.setFromMatrixColumn(N, 0), o.multiplyScalar(-A), v.add(o);
       };
     }(), D = function() {
-      const o = new G();
-      return function(_, A) {
-        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(A, 1) : (o.setFromMatrixColumn(A, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(_), v.add(o);
+      const o = new Y();
+      return function(A, N) {
+        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(N, 1) : (o.setFromMatrixColumn(N, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(A), v.add(o);
       };
-    }(), L = function() {
-      const o = new G();
-      return function(_, A) {
+    }(), U = function() {
+      const o = new Y();
+      return function(A, N) {
         const te = e.domElement;
         if (e.object.isPerspectiveCamera) {
-          const ve = e.object.position;
-          o.copy(ve).sub(e.target);
-          let le = o.length();
-          le *= Math.tan(e.object.fov / 2 * Math.PI / 180), N(2 * _ * le / te.clientHeight, e.object.matrix), D(2 * A * le / te.clientHeight, e.object.matrix);
+          const be = e.object.position;
+          o.copy(be).sub(e.target);
+          let ue = o.length();
+          ue *= Math.tan(e.object.fov / 2 * Math.PI / 180), F(2 * A * ue / te.clientHeight, e.object.matrix), D(2 * N * ue / te.clientHeight, e.object.matrix);
         } else
-          e.object.isOrthographicCamera ? (N(_ * (e.object.right - e.object.left) / e.object.zoom / te.clientWidth, e.object.matrix), D(A * (e.object.top - e.object.bottom) / e.object.zoom / te.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
+          e.object.isOrthographicCamera ? (F(A * (e.object.right - e.object.left) / e.object.zoom / te.clientWidth, e.object.matrix), D(N * (e.object.top - e.object.bottom) / e.object.zoom / te.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     }();
-    function Q(o) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? m /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+    function J(o) {
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function M(o) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? m *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
-    function k(o, y) {
+    function I(o, y) {
       if (!e.zoomToCursor)
         return;
       ee = !0;
-      const _ = e.domElement.getBoundingClientRect(), A = o - _.left, te = y - _.top, ve = _.width, le = _.height;
-      ce.x = A / ve * 2 - 1, ce.y = -(te / le) * 2 + 1, de.set(ce.x, ce.y, 1).unproject(e.object).sub(e.object.position).normalize();
+      const A = e.domElement.getBoundingClientRect(), N = o - A.left, te = y - A.top, be = A.width, ue = A.height;
+      le.x = N / be * 2 - 1, le.y = -(te / ue) * 2 + 1, fe.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
     function X(o) {
       return Math.max(e.minDistance, Math.min(e.maxDistance, o));
     }
-    function pe(o) {
+    function me(o) {
       E.set(o.clientX, o.clientY);
     }
-    function Te(o) {
-      k(o.clientX, o.clientX), H.set(o.clientX, o.clientY);
+    function Re(o) {
+      I(o.clientX, o.clientX), H.set(o.clientX, o.clientY);
     }
-    function He(o) {
+    function Xe(o) {
       T.set(o.clientX, o.clientY);
     }
-    function at(o) {
-      x.set(o.clientX, o.clientY), R.subVectors(x, E).multiplyScalar(e.rotateSpeed);
+    function ct(o) {
+      w.set(o.clientX, o.clientY), R.subVectors(w, E).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      F(2 * Math.PI * R.x / y.clientHeight), U(2 * Math.PI * R.y / y.clientHeight), E.copy(x), e.update();
+      B(2 * Math.PI * R.x / y.clientHeight), $(2 * Math.PI * R.y / y.clientHeight), E.copy(w), e.update();
     }
-    function wt(o) {
-      C.set(o.clientX, o.clientY), K.subVectors(C, H), K.y > 0 ? Q(S(K.y)) : K.y < 0 && M(S(K.y)), H.copy(C), e.update();
+    function Ot(o) {
+      C.set(o.clientX, o.clientY), K.subVectors(C, H), K.y > 0 ? J(S(K.y)) : K.y < 0 && M(S(K.y)), H.copy(C), e.update();
     }
-    function Ct(o) {
-      B.set(o.clientX, o.clientY), oe.subVectors(B, T).multiplyScalar(e.panSpeed), L(oe.x, oe.y), T.copy(B), e.update();
+    function Tt(o) {
+      G.set(o.clientX, o.clientY), se.subVectors(G, T).multiplyScalar(e.panSpeed), U(se.x, se.y), T.copy(G), e.update();
     }
-    function Ke(o) {
-      k(o.clientX, o.clientY), o.deltaY < 0 ? M(S(o.deltaY)) : o.deltaY > 0 && Q(S(o.deltaY)), e.update();
+    function qe(o) {
+      I(o.clientX, o.clientY), o.deltaY < 0 ? M(S(o.deltaY)) : o.deltaY > 0 && J(S(o.deltaY)), e.update();
     }
-    function Xe(o) {
+    function Ze(o) {
       let y = !1;
       switch (o.code) {
         case e.keys.UP:
-          o.ctrlKey || o.metaKey || o.shiftKey ? U(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : L(0, e.keyPanSpeed), y = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? $(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : U(0, e.keyPanSpeed), y = !0;
           break;
         case e.keys.BOTTOM:
-          o.ctrlKey || o.metaKey || o.shiftKey ? U(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : L(0, -e.keyPanSpeed), y = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? $(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : U(0, -e.keyPanSpeed), y = !0;
           break;
         case e.keys.LEFT:
-          o.ctrlKey || o.metaKey || o.shiftKey ? F(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : L(e.keyPanSpeed, 0), y = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : U(e.keyPanSpeed, 0), y = !0;
           break;
         case e.keys.RIGHT:
-          o.ctrlKey || o.metaKey || o.shiftKey ? F(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : L(-e.keyPanSpeed, 0), y = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : U(-e.keyPanSpeed, 0), y = !0;
           break;
       }
       y && (o.preventDefault(), e.update());
     }
-    function Me(o) {
-      if (u.length === 1)
+    function Pe(o) {
+      if (f.length === 1)
         E.set(o.pageX, o.pageY);
       else {
-        const y = ge(o), _ = 0.5 * (o.pageX + y.x), A = 0.5 * (o.pageY + y.y);
-        E.set(_, A);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        E.set(A, N);
       }
     }
-    function Ue(o) {
-      if (u.length === 1)
+    function $e(o) {
+      if (f.length === 1)
         T.set(o.pageX, o.pageY);
       else {
-        const y = ge(o), _ = 0.5 * (o.pageX + y.x), A = 0.5 * (o.pageY + y.y);
-        T.set(_, A);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        T.set(A, N);
       }
     }
-    function Re(o) {
-      const y = ge(o), _ = o.pageX - y.x, A = o.pageY - y.y, te = Math.sqrt(_ * _ + A * A);
+    function _e(o) {
+      const y = ve(o), A = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(A * A + N * N);
       H.set(0, te);
     }
-    function St(o) {
-      e.enableZoom && Re(o), e.enablePan && Ue(o);
+    function Mt(o) {
+      e.enableZoom && _e(o), e.enablePan && $e(o);
     }
-    function ot(o) {
-      e.enableZoom && Re(o), e.enableRotate && Me(o);
+    function lt(o) {
+      e.enableZoom && _e(o), e.enableRotate && Pe(o);
     }
-    function st(o) {
-      if (u.length == 1)
-        x.set(o.pageX, o.pageY);
+    function ut(o) {
+      if (f.length == 1)
+        w.set(o.pageX, o.pageY);
       else {
-        const _ = ge(o), A = 0.5 * (o.pageX + _.x), te = 0.5 * (o.pageY + _.y);
-        x.set(A, te);
+        const A = ve(o), N = 0.5 * (o.pageX + A.x), te = 0.5 * (o.pageY + A.y);
+        w.set(N, te);
       }
-      R.subVectors(x, E).multiplyScalar(e.rotateSpeed);
+      R.subVectors(w, E).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      F(2 * Math.PI * R.x / y.clientHeight), U(2 * Math.PI * R.y / y.clientHeight), E.copy(x);
+      B(2 * Math.PI * R.x / y.clientHeight), $(2 * Math.PI * R.y / y.clientHeight), E.copy(w);
     }
-    function ct(o) {
-      if (u.length === 1)
-        B.set(o.pageX, o.pageY);
+    function dt(o) {
+      if (f.length === 1)
+        G.set(o.pageX, o.pageY);
       else {
-        const y = ge(o), _ = 0.5 * (o.pageX + y.x), A = 0.5 * (o.pageY + y.y);
-        B.set(_, A);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        G.set(A, N);
       }
-      oe.subVectors(B, T).multiplyScalar(e.panSpeed), L(oe.x, oe.y), T.copy(B);
+      se.subVectors(G, T).multiplyScalar(e.panSpeed), U(se.x, se.y), T.copy(G);
     }
-    function Pe(o) {
-      const y = ge(o), _ = o.pageX - y.x, A = o.pageY - y.y, te = Math.sqrt(_ * _ + A * A);
-      C.set(0, te), K.set(0, Math.pow(C.y / H.y, e.zoomSpeed)), Q(K.y), H.copy(C);
-      const ve = (o.pageX + y.x) * 0.5, le = (o.pageY + y.y) * 0.5;
-      k(ve, le);
+    function je(o) {
+      const y = ve(o), A = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(A * A + N * N);
+      C.set(0, te), K.set(0, Math.pow(C.y / H.y, e.zoomSpeed)), J(K.y), H.copy(C);
+      const be = (o.pageX + y.x) * 0.5, ue = (o.pageY + y.y) * 0.5;
+      I(be, ue);
     }
-    function Be(o) {
-      e.enableZoom && Pe(o), e.enablePan && ct(o);
+    function Ge(o) {
+      e.enableZoom && je(o), e.enablePan && dt(o);
     }
-    function lt(o) {
-      e.enableZoom && Pe(o), e.enableRotate && st(o);
+    function ft(o) {
+      e.enableZoom && je(o), e.enableRotate && ut(o);
     }
-    function Ze(o) {
-      e.enabled !== !1 && (u.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Ce), e.domElement.addEventListener("pointerup", je)), Tt(o), o.pointerType === "touch" ? dt(o) : Ot(o));
+    function Je(o) {
+      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), Pt(o), o.pointerType === "touch" ? pt(o) : Rt(o));
     }
-    function Ce(o) {
-      e.enabled !== !1 && (o.pointerType === "touch" ? ft(o) : qe(o));
+    function Se(o) {
+      e.enabled !== !1 && (o.pointerType === "touch" ? mt(o) : Qe(o));
     }
-    function je(o) {
-      ht(o), u.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Ce), e.domElement.removeEventListener("pointerup", je)), e.dispatchEvent(Qt), s = a.NONE;
+    function ke(o) {
+      gt(o), f.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(en), s = r.NONE;
     }
-    function Ot(o) {
+    function Rt(o) {
       let y;
       switch (o.button) {
         case 0:
@@ -2691,537 +2826,537 @@ class Ii extends rn {
           y = -1;
       }
       switch (y) {
-        case ze.DOLLY:
+        case We.DOLLY:
           if (e.enableZoom === !1)
             return;
-          Te(o), s = a.DOLLY;
+          Re(o), s = r.DOLLY;
           break;
-        case ze.ROTATE:
+        case We.ROTATE:
           if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (e.enablePan === !1)
               return;
-            He(o), s = a.PAN;
+            Xe(o), s = r.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            pe(o), s = a.ROTATE;
+            me(o), s = r.ROTATE;
           }
           break;
-        case ze.PAN:
+        case We.PAN:
           if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            pe(o), s = a.ROTATE;
+            me(o), s = r.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            He(o), s = a.PAN;
+            Xe(o), s = r.PAN;
           }
           break;
         default:
-          s = a.NONE;
+          s = r.NONE;
       }
-      s !== a.NONE && e.dispatchEvent(jt);
+      s !== r.NONE && e.dispatchEvent(At);
     }
-    function qe(o) {
+    function Qe(o) {
       switch (s) {
-        case a.ROTATE:
+        case r.ROTATE:
           if (e.enableRotate === !1)
             return;
-          at(o);
+          ct(o);
           break;
-        case a.DOLLY:
+        case r.DOLLY:
           if (e.enableZoom === !1)
             return;
-          wt(o);
+          Ot(o);
           break;
-        case a.PAN:
+        case r.PAN:
           if (e.enablePan === !1)
             return;
-          Ct(o);
+          Tt(o);
           break;
       }
     }
-    function ut(o) {
-      e.enabled === !1 || e.enableZoom === !1 || s !== a.NONE || (o.preventDefault(), e.dispatchEvent(jt), Ke(o), e.dispatchEvent(Qt));
+    function ht(o) {
+      e.enabled === !1 || e.enableZoom === !1 || s !== r.NONE || (o.preventDefault(), e.dispatchEvent(At), qe(o), e.dispatchEvent(en));
     }
-    function Qe(o) {
-      e.enabled === !1 || e.enablePan === !1 || Xe(o);
+    function et(o) {
+      e.enabled === !1 || e.enablePan === !1 || Ze(o);
     }
-    function dt(o) {
-      switch (Je(o), u.length) {
+    function pt(o) {
+      switch (tt(o), f.length) {
         case 1:
           switch (e.touches.ONE) {
-            case Ye.ROTATE:
+            case He.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              Me(o), s = a.TOUCH_ROTATE;
+              Pe(o), s = r.TOUCH_ROTATE;
               break;
-            case Ye.PAN:
+            case He.PAN:
               if (e.enablePan === !1)
                 return;
-              Ue(o), s = a.TOUCH_PAN;
+              $e(o), s = r.TOUCH_PAN;
               break;
             default:
-              s = a.NONE;
+              s = r.NONE;
           }
           break;
         case 2:
           switch (e.touches.TWO) {
-            case Ye.DOLLY_PAN:
+            case He.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              St(o), s = a.TOUCH_DOLLY_PAN;
+              Mt(o), s = r.TOUCH_DOLLY_PAN;
               break;
-            case Ye.DOLLY_ROTATE:
+            case He.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              ot(o), s = a.TOUCH_DOLLY_ROTATE;
+              lt(o), s = r.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              s = a.NONE;
+              s = r.NONE;
           }
           break;
         default:
-          s = a.NONE;
+          s = r.NONE;
       }
-      s !== a.NONE && e.dispatchEvent(jt);
+      s !== r.NONE && e.dispatchEvent(At);
     }
-    function ft(o) {
-      switch (Je(o), s) {
-        case a.TOUCH_ROTATE:
+    function mt(o) {
+      switch (tt(o), s) {
+        case r.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
-          st(o), e.update();
+          ut(o), e.update();
           break;
-        case a.TOUCH_PAN:
+        case r.TOUCH_PAN:
           if (e.enablePan === !1)
             return;
-          ct(o), e.update();
+          dt(o), e.update();
           break;
-        case a.TOUCH_DOLLY_PAN:
+        case r.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          Be(o), e.update();
+          Ge(o), e.update();
           break;
-        case a.TOUCH_DOLLY_ROTATE:
+        case r.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          lt(o), e.update();
+          ft(o), e.update();
           break;
         default:
-          s = a.NONE;
+          s = r.NONE;
       }
     }
-    function Se(o) {
+    function Oe(o) {
       e.enabled !== !1 && o.preventDefault();
     }
-    function Tt(o) {
-      u.push(o.pointerId);
+    function Pt(o) {
+      f.push(o.pointerId);
     }
-    function ht(o) {
-      delete p[o.pointerId];
-      for (let y = 0; y < u.length; y++)
-        if (u[y] == o.pointerId) {
-          u.splice(y, 1);
+    function gt(o) {
+      delete m[o.pointerId];
+      for (let y = 0; y < f.length; y++)
+        if (f[y] == o.pointerId) {
+          f.splice(y, 1);
           return;
         }
     }
-    function Je(o) {
-      let y = p[o.pointerId];
-      y === void 0 && (y = new ue(), p[o.pointerId] = y), y.set(o.pageX, o.pageY);
+    function tt(o) {
+      let y = m[o.pointerId];
+      y === void 0 && (y = new de(), m[o.pointerId] = y), y.set(o.pageX, o.pageY);
     }
-    function ge(o) {
-      const y = o.pointerId === u[0] ? u[1] : u[0];
-      return p[y];
+    function ve(o) {
+      const y = o.pointerId === f[0] ? f[1] : f[0];
+      return m[y];
     }
-    e.domElement.addEventListener("contextmenu", Se), e.domElement.addEventListener("pointerdown", Ze), e.domElement.addEventListener("pointercancel", je), e.domElement.addEventListener("wheel", ut, { passive: !1 }), this.update();
+    e.domElement.addEventListener("contextmenu", Oe), e.domElement.addEventListener("pointerdown", Je), e.domElement.addEventListener("pointercancel", ke), e.domElement.addEventListener("wheel", ht, { passive: !1 }), this.update();
   }
 }
-const yt = (t) => {
-  const [n, i] = ae(t.options[t.index]), e = () => {
+const xt = (t) => {
+  const [n, a] = oe(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
-  }, a = (s) => {
-    s !== n && (t.onSelect(s), i(s)), t.onToggle(!1);
+  }, r = (s) => {
+    s !== n && (t.onSelect(s), a(s)), t.onToggle(!1);
   };
   return /* @__PURE__ */ c.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ c.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ c.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ c.jsx("li", { onClick: () => a(s), children: s }, s)) })
+    t.open && /* @__PURE__ */ c.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ c.jsx("li", { onClick: () => r(s), children: s }, s)) })
   ] });
-}, ke = Xn(function(n, i) {
-  const [e, a] = ae(!1), s = n.options.indexOf(n.camera.name);
+}, Ie = Qn(function(n, a) {
+  const [e, r] = oe(!1), s = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ c.jsxs("div", { className: "CameraWindow", children: [
-    /* @__PURE__ */ c.jsx("div", { ref: i, className: "clickable", onClick: () => {
-      e && a(!1);
+    /* @__PURE__ */ c.jsx("div", { ref: a, className: "clickable", onClick: () => {
+      e && r(!1);
     } }),
     /* @__PURE__ */ c.jsx(
-      yt,
+      xt,
       {
         index: s,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (h) => {
-          a(h);
+        onToggle: (u) => {
+          r(u);
         },
         up: !0
       }
     )
   ] });
-}), en = [
+}), nn = [
   "Single",
   "Side by Side",
   "Stacked",
   "Quad"
-], ne = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Map(), Ee = /* @__PURE__ */ new Map();
-function Fe(t, n) {
-  const i = new sn(-100, 100, 100, -100, 50, 3e3);
-  return i.name = t, i.position.copy(n), i.lookAt(0, 0, 0), ne.set(t, i), i;
-}
-Fe("Top", new G(0, 1e3, 0));
-Fe("Bottom", new G(0, -1e3, 0));
-Fe("Left", new G(-1e3, 0, 0));
-Fe("Right", new G(1e3, 0, 0));
-Fe("Front", new G(0, 0, 1e3));
-Fe("Back", new G(0, 0, -1e3));
-Fe("Orthographic", new G(1e3, 1e3, 1e3));
-const xt = new _t(60, 1, 50, 3e3);
-xt.name = "Debug";
-xt.position.set(500, 500, 500);
-xt.lookAt(0, 0, 0);
-ne.set("Debug", xt);
-const tn = [
+], ne = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map();
+function Be(t, n) {
+  const a = new ln(-100, 100, 100, -100, 50, 3e3);
+  return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ne.set(t, a), a;
+}
+Be("Top", new Y(0, 1e3, 0));
+Be("Bottom", new Y(0, -1e3, 0));
+Be("Left", new Y(-1e3, 0, 0));
+Be("Right", new Y(1e3, 0, 0));
+Be("Front", new Y(0, 0, 1e3));
+Be("Back", new Y(0, 0, -1e3));
+Be("Orthographic", new Y(1e3, 1e3, 1e3));
+const St = new Dt(60, 1, 50, 3e3);
+St.name = "Debug";
+St.position.set(500, 500, 500);
+St.lookAt(0, 0, 0);
+ne.set("Debug", St);
+const an = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], Ni = new Fn(), Li = new Un(), Fi = new bi(), Ui = new Bn({
+], Ha = new Gn(), Ka = new Vn(), Xa = new Pa(), qa = new zn({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let vt = "Renderer";
-const V = new cn();
-V.name = "Debug Scene";
-let xe = new cn();
-V.add(xe);
-const rt = new $n();
-rt.name = "helpers";
-V.add(rt);
-const Bi = new mi();
-rt.add(Bi);
-const bn = new ln(500);
-bn.name = "axisHelper";
-rt.add(bn);
-const it = new ln(100);
-it.name = "interactionHelper";
-rt.add(it);
-it.visible = !1;
-let bt = !1, $ = ne.get("Debug"), re = ne.get("Orthographic"), Ae = ne.get("Front"), Ie = ne.get("Top"), nn = !1;
-function ar(t) {
-  const [n, i] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, a] = ae(null), [s, h] = ae(!1), [l, d] = ae(!1), [m, v] = ae(!1), [, E] = ae(Date.now()), x = we(null), R = we(null), T = we(null), B = we(null), oe = we(null), H = we(null), C = (u, p) => {
-    const b = ie.get(u.name);
-    b !== void 0 && b.dispose(), ie.delete(u.name);
-    const S = Ee.get(u.name);
-    S !== void 0 && (V.remove(S), S.dispose()), Ee.delete(u.name);
-    const F = new Ii(u, p);
-    switch (F.enableDamping = !0, F.dampingFactor = 0.05, u.name) {
+let Et = "Renderer";
+const z = new un();
+z.name = "Debug Scene";
+let xe = new un();
+z.add(xe);
+const st = new Yn();
+st.name = "helpers";
+z.add(st);
+const Za = new Ta();
+st.add(Za);
+const xn = new dn(500);
+xn.name = "axisHelper";
+st.add(xn);
+const ot = new dn(100);
+ot.name = "interactionHelper";
+st.add(ot);
+ot.visible = !1;
+let wt = !1, V = ne.get("Debug"), re = ne.get("Orthographic"), Ne = ne.get("Front"), Le = ne.get("Top"), rn = !1;
+function pi(t) {
+  const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, r] = oe(null), [s, u] = oe(!1), [l, d] = oe(!1), [p, v] = oe(!1), [, E] = oe(Date.now()), w = Ce(null), R = Ce(null), T = Ce(null), G = Ce(null), se = Ce(null), H = Ce(null), C = (f, m) => {
+    const b = ie.get(f.name);
+    b !== void 0 && b.dispose(), ie.delete(f.name);
+    const S = we.get(f.name);
+    S !== void 0 && (z.remove(S), S.dispose()), we.delete(f.name);
+    const B = new Wa(f, m);
+    switch (B.enableDamping = !0, B.dampingFactor = 0.05, f.name) {
       case "Top":
       case "Bottom":
       case "Left":
       case "Right":
       case "Front":
       case "Back":
-        F.enableRotate = !1;
+        B.enableRotate = !1;
         break;
     }
-    if (ie.set(u.name, F), u instanceof _t) {
-      const U = new zn(u);
-      Ee.set(u.name, U), V.add(U);
-    }
-  }, K = (u) => {
-    const p = Ee.get(u.name);
-    p !== void 0 && (V.remove(p), p.dispose(), Ee.delete(u.name));
-    const b = ie.get(u.name);
-    b !== void 0 && (b.dispose(), ie.delete(u.name));
-  }, de = () => {
-    ie.forEach((u, p) => {
-      u.dispose();
-      const b = Ee.get(p);
-      b !== void 0 && (V.remove(b), b.dispose()), Ee.delete(p), ie.delete(p);
-    }), ie.clear(), Ee.clear();
-  }, ce = () => {
+    if (ie.set(f.name, B), f instanceof Dt) {
+      const $ = new Kn(f);
+      we.set(f.name, $), z.add($);
+    }
+  }, K = (f) => {
+    const m = we.get(f.name);
+    m !== void 0 && (z.remove(m), m.dispose(), we.delete(f.name));
+    const b = ie.get(f.name);
+    b !== void 0 && (b.dispose(), ie.delete(f.name));
+  }, fe = () => {
+    ie.forEach((f, m) => {
+      f.dispose();
+      const b = we.get(m);
+      b !== void 0 && (z.remove(b), b.dispose()), we.delete(m), ie.delete(m);
+    }), ie.clear(), we.clear();
+  }, le = () => {
     switch (n) {
       case "Single":
-        C($, T.current);
+        C(V, T.current);
         break;
       case "Side by Side":
       case "Stacked":
-        C($, T.current), C(re, B.current);
+        C(V, T.current), C(re, G.current);
         break;
       case "Quad":
-        C($, T.current), C(re, B.current), C(Ae, oe.current), C(Ie, H.current);
+        C(V, T.current), C(re, G.current), C(Ne, se.current), C(Le, H.current);
         break;
     }
   };
-  Ne(() => {
-    const u = new Vn({
-      canvas: x.current,
+  Fe(() => {
+    const f = new Wn({
+      canvas: w.current,
       stencil: !1
     });
-    u.autoClear = !1, u.shadowMap.enabled = !0, u.setPixelRatio(devicePixelRatio), u.setClearColor(0), a(u);
-  }, []), Ne(() => {
-    const u = (S) => {
-      hn(xe), V.remove(xe);
-      const F = t.scenes.get(S.value.name);
-      if (F !== void 0) {
-        const U = new F();
-        t.onSceneSet !== void 0 && t.onSceneSet(U), xe = U, t.three.scene = xe, V.add(xe), nn = !0;
-      }
-    }, p = (S) => {
-      var N;
-      const F = S.value, U = (N = t.three.scene) == null ? void 0 : N.getObjectByProperty("uuid", F.uuid);
-      U !== void 0 && ne.set(F.name, U), E(Date.now());
+    f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), r(f);
+  }, []), Fe(() => {
+    const f = (S) => {
+      mn(xe), z.remove(xe);
+      const B = t.scenes.get(S.value.name);
+      if (B !== void 0) {
+        const $ = new B();
+        t.onSceneSet !== void 0 && t.onSceneSet($), xe = $, t.three.scene = xe, z.add(xe), rn = !0;
+      }
+    }, m = (S) => {
+      var F;
+      const B = S.value, $ = (F = t.three.scene) == null ? void 0 : F.getObjectByProperty("uuid", B.uuid);
+      $ !== void 0 && ne.set(B.name, $), E(Date.now());
     }, b = (S) => {
       ne.delete(S.value.name), E(Date.now());
     };
-    return z.addEventListener(Y.SET_SCENE, u), z.addEventListener(Y.ADD_CAMERA, p), z.addEventListener(Y.REMOVE_CAMERA, b), () => {
-      z.removeEventListener(Y.SET_SCENE, u), z.removeEventListener(Y.ADD_CAMERA, p), z.removeEventListener(Y.REMOVE_CAMERA, b);
+    return _.addEventListener(j.SET_SCENE, f), _.addEventListener(j.ADD_CAMERA, m), _.addEventListener(j.REMOVE_CAMERA, b), () => {
+      _.removeEventListener(j.SET_SCENE, f), _.removeEventListener(j.ADD_CAMERA, m), _.removeEventListener(j.REMOVE_CAMERA, b);
     };
-  }, []), Ne(() => {
+  }, []), Fe(() => {
     if (e === null)
       return;
-    let u = window.innerWidth, p = window.innerHeight, b = Math.floor(u / 2), S = Math.floor(p / 2), F = -1;
-    const U = () => {
-      u = window.innerWidth - 300, p = window.innerHeight, b = Math.floor(u / 2), S = Math.floor(p / 2), e.setSize(u, p);
-      let M = u, k = p;
+    let f = window.innerWidth, m = window.innerHeight, b = Math.floor(f / 2), S = Math.floor(m / 2), B = -1;
+    const $ = () => {
+      f = window.innerWidth - 300, m = window.innerHeight, b = Math.floor(f / 2), S = Math.floor(m / 2), e.setSize(f, m);
+      let M = f, I = m;
       switch (n) {
         case "Side by Side":
-          M = b, k = p;
+          M = b, I = m;
           break;
         case "Stacked":
-          M = u, k = S;
+          M = f, I = S;
           break;
         case "Quad":
-          M = b, k = S;
+          M = b, I = S;
           break;
       }
       ne.forEach((X) => {
-        var pe;
-        X instanceof sn ? (X.left = M / -2, X.right = M / 2, X.top = k / 2, X.bottom = k / -2, X.updateProjectionMatrix()) : X instanceof _t && (X.aspect = M / k, X.updateProjectionMatrix(), (pe = Ee.get(X.name)) == null || pe.update());
+        var me;
+        X instanceof ln ? (X.left = M / -2, X.right = M / 2, X.top = I / 2, X.bottom = I / -2, X.updateProjectionMatrix()) : X instanceof Dt && (X.aspect = M / I, X.updateProjectionMatrix(), (me = we.get(X.name)) == null || me.update());
       });
-    }, N = () => {
-      e.setViewport(0, 0, u, p), e.setScissor(0, 0, u, p), e.render(V, $);
+    }, F = () => {
+      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(z, V);
     }, D = () => {
       if (n === "Side by Side")
-        e.setViewport(0, 0, b, p), e.setScissor(0, 0, b, p), e.render(V, $), e.setViewport(b, 0, b, p), e.setScissor(b, 0, b, p), e.render(V, re);
+        e.setViewport(0, 0, b, m), e.setScissor(0, 0, b, m), e.render(z, V), e.setViewport(b, 0, b, m), e.setScissor(b, 0, b, m), e.render(z, re);
       else {
-        const M = p - S;
-        e.setViewport(0, M, u, S), e.setScissor(0, M, u, S), e.render(V, $), e.setViewport(0, 0, u, S), e.setScissor(0, 0, u, S), e.render(V, re);
+        const M = m - S;
+        e.setViewport(0, M, f, S), e.setScissor(0, M, f, S), e.render(z, V), e.setViewport(0, 0, f, S), e.setScissor(0, 0, f, S), e.render(z, re);
       }
-    }, L = () => {
-      let M = 0, k = 0;
-      k = p - S, M = 0, e.setViewport(M, k, b, S), e.setScissor(M, k, b, S), e.render(V, $), M = b, e.setViewport(M, k, b, S), e.setScissor(M, k, b, S), e.render(V, re), k = 0, M = 0, e.setViewport(M, k, b, S), e.setScissor(M, k, b, S), e.render(V, Ae), M = b, e.setViewport(M, k, b, S), e.setScissor(M, k, b, S), e.render(V, Ie);
-    }, Q = () => {
+    }, U = () => {
+      let M = 0, I = 0;
+      I = m - S, M = 0, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, V), M = b, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, re), I = 0, M = 0, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, Ne), M = b, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, Le);
+    }, J = () => {
       switch (ie.forEach((M) => {
         M.update();
-      }), t.onSceneUpdate !== void 0 && nn && t.onSceneUpdate(xe), e.clear(), n) {
+      }), t.onSceneUpdate !== void 0 && rn && t.onSceneUpdate(xe), e.clear(), n) {
         case "Single":
-          N();
+          F();
           break;
         case "Side by Side":
         case "Stacked":
           D();
           break;
         case "Quad":
-          L();
+          U();
           break;
       }
-      F = requestAnimationFrame(Q);
+      B = requestAnimationFrame(J);
     };
-    return ce(), window.addEventListener("resize", U), U(), Q(), () => {
-      window.removeEventListener("resize", U), cancelAnimationFrame(F), F = -1;
+    return le(), window.addEventListener("resize", $), $(), J(), () => {
+      window.removeEventListener("resize", $), cancelAnimationFrame(B), B = -1;
     };
-  }, [n, e]), Ne(() => {
+  }, [n, e]), Fe(() => {
     if (e !== null) {
-      const u = new Gn(), p = new ue(), b = (N, D, L, Q) => {
+      const f = new Hn(), m = new de(), b = (F, D, U, J) => {
         switch (n) {
           case "Quad":
-            N < L ? D < Q ? u.setFromCamera(p, $) : u.setFromCamera(p, Ae) : D < Q ? u.setFromCamera(p, re) : u.setFromCamera(p, Ie);
+            F < U ? D < J ? f.setFromCamera(m, V) : f.setFromCamera(m, Ne) : D < J ? f.setFromCamera(m, re) : f.setFromCamera(m, Le);
             break;
           case "Side by Side":
-            N < L ? u.setFromCamera(p, $) : u.setFromCamera(p, re);
+            F < U ? f.setFromCamera(m, V) : f.setFromCamera(m, re);
             break;
           case "Single":
-            u.setFromCamera(p, $);
+            f.setFromCamera(m, V);
             break;
           case "Stacked":
-            D < Q ? u.setFromCamera(p, $) : u.setFromCamera(p, re);
+            D < J ? f.setFromCamera(m, V) : f.setFromCamera(m, re);
             break;
         }
-      }, S = (N) => {
-        if (!bt)
+      }, S = (F) => {
+        if (!wt)
           return;
-        const D = new ue();
+        const D = new de();
         e.getSize(D);
-        const L = Math.min(N.clientX, D.x), Q = Math.min(N.clientY, D.y);
-        p.x = We(L, 0, D.x, -1, 1), p.y = We(Q, 0, D.y, 1, -1);
-        const M = D.x / 2, k = D.y / 2, X = () => {
-          L < M ? p.x = We(L, 0, M, -1, 1) : p.x = We(L, M, D.x, -1, 1);
-        }, pe = () => {
-          Q < k ? p.y = We(Q, 0, k, 1, -1) : p.y = We(Q, k, D.y, 1, -1);
+        const U = Math.min(F.clientX, D.x), J = Math.min(F.clientY, D.y);
+        m.x = Ke(U, 0, D.x, -1, 1), m.y = Ke(J, 0, D.y, 1, -1);
+        const M = D.x / 2, I = D.y / 2, X = () => {
+          U < M ? m.x = Ke(U, 0, M, -1, 1) : m.x = Ke(U, M, D.x, -1, 1);
+        }, me = () => {
+          J < I ? m.y = Ke(J, 0, I, 1, -1) : m.y = Ke(J, I, D.y, 1, -1);
         };
         switch (n) {
           case "Quad":
-            X(), pe();
+            X(), me();
             break;
           case "Side by Side":
             X();
             break;
           case "Stacked":
-            pe(), pe();
+            me(), me();
             break;
         }
-        b(L, Q, M, k);
-        const Te = u.intersectObjects(xe.children);
-        Te.length > 0 && it.position.copy(Te[0].point);
-      }, F = (N) => {
-        if (!bt)
+        b(U, J, M, I);
+        const Re = f.intersectObjects(xe.children);
+        Re.length > 0 && ot.position.copy(Re[0].point);
+      }, B = (F) => {
+        if (!wt)
           return;
-        const D = new ue();
-        if (e.getSize(D), N.clientX >= D.x)
+        const D = new de();
+        if (e.getSize(D), F.clientX >= D.x)
           return;
-        S(N);
-        const L = u.intersectObjects(xe.children);
-        L.length > 0 && t.three.getObject(L[0].object.uuid);
-      }, U = R.current;
-      return U.addEventListener("mousemove", S, !1), U.addEventListener("click", F, !1), () => {
-        U.removeEventListener("mousemove", S), U.removeEventListener("click", F);
+        S(F);
+        const U = f.intersectObjects(xe.children);
+        U.length > 0 && t.three.getObject(U[0].object.uuid);
+      }, $ = R.current;
+      return $.addEventListener("mousemove", S, !1), $.addEventListener("click", B, !1), () => {
+        $.removeEventListener("mousemove", S), $.removeEventListener("click", B);
       };
     }
   }, [n, e]);
   const ee = [];
-  return ne.forEach((u, p) => {
-    ee.push(p);
+  return ne.forEach((f, m) => {
+    ee.push(m);
   }), /* @__PURE__ */ c.jsxs("div", { className: "multiview", children: [
-    /* @__PURE__ */ c.jsx("canvas", { ref: x }),
+    /* @__PURE__ */ c.jsx("canvas", { ref: w }),
     /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: R, children: [
-      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(ke, { camera: $, options: ee, ref: T, onSelect: (u) => {
+      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (f) => {
         var b;
-        (b = ie.get($.name)) == null || b.dispose();
-        const p = ne.get(u);
-        p !== void 0 && (K($), $ = p, C(p, T.current));
+        (b = ie.get(V.name)) == null || b.dispose();
+        const m = ne.get(f);
+        m !== void 0 && (K(V), V = m, C(m, T.current));
       } }) }),
       (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(ke, { camera: $, options: ee, ref: T, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (f) => {
           var b;
-          (b = ie.get($.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K($), $ = p, C(p, T.current));
+          (b = ie.get(V.name)) == null || b.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (K(V), V = m, C(m, T.current));
         } }),
-        /* @__PURE__ */ c.jsx(ke, { camera: re, options: ee, ref: B, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (f) => {
           var b;
           (b = ie.get(re.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K(re), re = p, C(p, B.current));
+          const m = ne.get(f);
+          m !== void 0 && (K(re), re = m, C(m, G.current));
         } })
       ] }),
       n === "Quad" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(ke, { camera: $, options: ee, ref: T, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (f) => {
           var b;
-          (b = ie.get($.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K($), $ = p, C(p, T.current));
+          (b = ie.get(V.name)) == null || b.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (K(V), V = m, C(m, T.current));
         } }),
-        /* @__PURE__ */ c.jsx(ke, { camera: re, options: ee, ref: B, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (f) => {
           var b;
           (b = ie.get(re.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K(re), re = p, C(p, B.current));
+          const m = ne.get(f);
+          m !== void 0 && (K(re), re = m, C(m, G.current));
         } }),
-        /* @__PURE__ */ c.jsx(ke, { camera: Ae, options: ee, ref: oe, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: Ne, options: ee, ref: se, onSelect: (f) => {
           var b;
-          (b = ie.get(Ae.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K(Ae), Ae = p, C(p, oe.current));
+          (b = ie.get(Ne.name)) == null || b.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (K(Ne), Ne = m, C(m, se.current));
         } }),
-        /* @__PURE__ */ c.jsx(ke, { camera: Ie, options: ee, ref: H, onSelect: (u) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: Le, options: ee, ref: H, onSelect: (f) => {
           var b;
-          (b = ie.get(Ie.name)) == null || b.dispose();
-          const p = ne.get(u);
-          p !== void 0 && (K(Ie), Ie = p, C(p, H.current));
+          (b = ie.get(Le.name)) == null || b.dispose();
+          const m = ne.get(f);
+          m !== void 0 && (K(Le), Le = m, C(m, H.current));
         } })
       ] })
     ] }),
     /* @__PURE__ */ c.jsxs("div", { className: "settings", children: [
       /* @__PURE__ */ c.jsx(
-        yt,
+        xt,
         {
-          index: en.indexOf(n),
-          options: en,
-          onSelect: (u) => {
-            u !== n && (de(), i(u));
+          index: nn.indexOf(n),
+          options: nn,
+          onSelect: (f) => {
+            f !== n && (fe(), a(f));
           },
           open: s,
-          onToggle: (u) => {
-            h(u), l && d(!1), m && v(!1);
+          onToggle: (f) => {
+            u(f), l && d(!1), p && v(!1);
           }
         }
       ),
       /* @__PURE__ */ c.jsx(
-        yt,
+        xt,
         {
-          index: tn.indexOf(vt),
-          options: tn,
-          onSelect: (u) => {
-            if (u !== vt)
-              switch (vt = u, vt) {
+          index: an.indexOf(Et),
+          options: an,
+          onSelect: (f) => {
+            if (f !== Et)
+              switch (Et = f, Et) {
                 case "Depth":
-                  V.overrideMaterial = Ni;
+                  z.overrideMaterial = Ha;
                   break;
                 case "Normals":
-                  V.overrideMaterial = Li;
+                  z.overrideMaterial = Ka;
                   break;
                 default:
                 case "Renderer":
-                  V.overrideMaterial = null;
+                  z.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = Ui;
+                  z.overrideMaterial = qa;
                   break;
                 case "UVs":
-                  V.overrideMaterial = Fi;
+                  z.overrideMaterial = Xa;
                   break;
               }
           },
           open: l,
-          onToggle: (u) => {
-            s && h(!1), d(u), m && v(!1);
+          onToggle: (f) => {
+            s && u(!1), d(f), p && v(!1);
           }
         }
       ),
       /* @__PURE__ */ c.jsx(
-        yt,
+        xt,
         {
           index: 0,
           options: [
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (u) => {
-            bt = u === "Selection Mode", it.visible = bt;
+          onSelect: (f) => {
+            wt = f === "Selection Mode", ot.visible = wt;
           },
-          open: m,
-          onToggle: (u) => {
-            s && h(!1), l && d(!1), v(u);
+          open: p,
+          onToggle: (f) => {
+            s && u(!1), l && d(!1), v(f);
           }
         }
       )
     ] })
   ] });
 }
-function or(t) {
+function mi(t) {
   return /* @__PURE__ */ c.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
     /* @__PURE__ */ c.jsx("header", { children: t.header }),
     t.children,
@@ -3229,40 +3364,40 @@ function or(t) {
   ] });
 }
 export {
-  Nt as Accordion,
-  qi as Application,
-  Et as BaseRemote,
-  vn as ChildObject,
-  yi as ContainerObject,
-  li as Draggable,
-  ci as DraggableItem,
-  ui as Dropdown,
-  di as DropdownItem,
-  or as Editor,
-  mi as InfiniteGridHelper,
-  ki as Inspector,
-  ar as MultiView,
-  gn as NavButton,
-  Qi as RemoteComponents,
-  nr as RemoteController,
-  Ji as RemoteTheatre,
-  er as RemoteThree,
-  tr as RemoteTweakpane,
-  rr as SceneInspector,
-  ir as SidePanel,
-  Y as ToolEvents,
-  bi as UVMaterial,
-  Ki as clamp,
-  Qn as colorToHex,
-  z as debugDispatcher,
-  hn as dispose,
-  ei as disposeMaterial,
-  Zi as disposeTexture,
-  Xi as distance,
-  fn as hierarchyUUID,
-  qn as isColor,
-  Zn as randomID,
-  Jn as resetThreeObjects,
-  Mt as round,
-  Dt as totalThreeObjects
+  Ut as Accordion,
+  ci as Application,
+  Ct as BaseRemote,
+  En as ChildObject,
+  _a as ContainerObject,
+  Ea as Draggable,
+  ya as DraggableItem,
+  wa as Dropdown,
+  xa as DropdownItem,
+  mi as Editor,
+  Ta as InfiniteGridHelper,
+  za as Inspector,
+  pi as MultiView,
+  yn as NavButton,
+  li as RemoteComponents,
+  di as RemoteController,
+  vn as RemoteTheatre,
+  ui as RemoteThree,
+  ha as RemoteTweakpane,
+  hi as SceneInspector,
+  fi as SidePanel,
+  j as ToolEvents,
+  Pa as UVMaterial,
+  ri as clamp,
+  na as colorToHex,
+  _ as debugDispatcher,
+  mn as dispose,
+  ia as disposeMaterial,
+  si as disposeTexture,
+  oi as distance,
+  pn as hierarchyUUID,
+  ta as isColor,
+  ea as randomID,
+  aa as resetThreeObjects,
+  _t as round,
+  It as totalThreeObjects
 };