@tomorrowevening/hermes 0.0.41 → 0.0.42

package/dist/hermes.es.js

@@ -1,66 +1,66 @@
-import { PositionalAudio as zn, EventDispatcher as ln, Texture as cn, CubeTexture as Yn, RepeatWrapping as Wt, ShaderMaterial as un, GLSL3 as Gn, DoubleSide as dn, Color as Ot, Mesh as Vn, PlaneGeometry as Hn, FrontSide as Wn, BackSide as Xn, NoBlending as Kn, NormalBlending as qn, AdditiveBlending as Zn, SubtractiveBlending as Jn, MultiplyBlending as Qn, CustomBlending as ea, AddEquation as ta, SubtractEquation as na, ReverseSubtractEquation as aa, MinEquation as ia, MaxEquation as ra, ZeroFactor as fn, OneFactor as pn, SrcColorFactor as hn, OneMinusSrcColorFactor as mn, SrcAlphaFactor as vn, OneMinusSrcAlphaFactor as gn, DstAlphaFactor as bn, OneMinusDstAlphaFactor as yn, DstColorFactor as En, OneMinusDstColorFactor as Cn, SrcAlphaSaturateFactor as oa, ConstantColorFactor as xn, OneMinusConstantColorFactor as wn, ConstantAlphaFactor as Sn, OneMinusConstantAlphaFactor as On, Matrix4 as sa, Vector3 as q, Euler as la, Ray as ca, Plane as ua, MathUtils as da, MOUSE as Ge, TOUCH as Ve, Quaternion as Xt, Spherical as Kt, Vector2 as ue, PerspectiveCamera as Bt, MeshDepthMaterial as fa, MeshNormalMaterial as pa, MeshBasicMaterial as ha, OrthographicCamera as Mn, Scene as Tn, Group as ma, AxesHelper as Rn, WebGLRenderer as va, Raycaster as ga, CameraHelper as ba } from "three";
-import "@theatre/studio";
-import { Pane as ya } from "tweakpane";
-import * as Ea from "@tweakpane/plugin-essentials";
-import _n, { useState as ae, useRef as ye, useEffect as Se, forwardRef as Ca } from "react";
+import { PositionalAudio as Yn, EventDispatcher as cn, Texture as ln, CubeTexture as Gn, RepeatWrapping as Ht, ShaderMaterial as un, GLSL3 as Vn, DoubleSide as dn, Color as wt, Mesh as Hn, PlaneGeometry as Wn, FrontSide as qn, BackSide as Kn, NoBlending as Xn, NormalBlending as Zn, AdditiveBlending as Jn, SubtractiveBlending as Qn, MultiplyBlending as ea, CustomBlending as ta, AddEquation as na, SubtractEquation as aa, ReverseSubtractEquation as ia, MinEquation as ra, MaxEquation as oa, ZeroFactor as hn, OneFactor as fn, SrcColorFactor as pn, OneMinusSrcColorFactor as mn, SrcAlphaFactor as vn, OneMinusSrcAlphaFactor as gn, DstAlphaFactor as bn, OneMinusDstAlphaFactor as yn, DstColorFactor as En, OneMinusDstColorFactor as Cn, SrcAlphaSaturateFactor as sa, ConstantColorFactor as Sn, OneMinusConstantColorFactor as xn, ConstantAlphaFactor as wn, OneMinusConstantAlphaFactor as On, Matrix4 as ca, Vector3 as X, Euler as la, Ray as ua, Plane as da, MathUtils as ha, MOUSE as Ge, TOUCH as Ve, Quaternion as Wt, Spherical as qt, Vector2 as ue, PerspectiveCamera as Bt, MeshDepthMaterial as fa, MeshNormalMaterial as pa, MeshBasicMaterial as ma, OrthographicCamera as Mn, Scene as Tn, Group as va, AxesHelper as Rn, WebGLRenderer as ga, Raycaster as ba, CameraHelper as ya } from "three";
+import Kt from "@theatre/studio";
+import { Pane as Ea } from "tweakpane";
+import * as Ca from "@tweakpane/plugin-essentials";
+import _n, { useState as ae, useRef as ye, useEffect as we, forwardRef as Sa } from "react";
 import { Reorder as An } from "framer-motion";
-const xa = () => {
-}, Si = () => {
+const Pn = () => {
+}, Mi = () => {
 };
-function st(t) {
+function ot(t) {
   return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
-function Oi(t, n, a) {
+function Ti(t, n, a) {
   return Math.min(n, Math.max(t, a));
 }
-function Mi(t, n) {
+function Ri(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
-function wa() {
+function xa() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function Ti(t) {
+function wa(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function Sa(t) {
+function Oa(t) {
   const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), o = (u) => {
-    const p = u.toString(16);
-    return p.length === 1 ? "0" + p : p;
-  }, l = o(n), m = o(a), s = o(e);
-  return "#" + l + m + s;
+    const d = u.toString(16);
+    return d.length === 1 ? "0" + d : d;
+  }, c = o(n), p = o(a), s = o(e);
+  return "#" + c + p + s;
 }
 function It(t, n = 1) {
   return Number(t.toFixed(n));
 }
 let Ut = 0;
-const Oa = () => {
+const Ma = () => {
   Ut = 0;
-}, Pn = (t) => {
+}, kn = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
   n.length === 0 && (n = `obj_${Ut}`, Ut++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
-    Pn(a);
+    kn(a);
   });
-}, Ri = (t) => {
+}, _i = (t) => {
   t?.dispose();
-}, Ma = (t) => {
+}, Ta = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
-}, kn = (t) => {
+}, jn = (t) => {
   if (t) {
     for (; t.children.length > 0; ) {
       const n = t.children[0];
-      n instanceof zn ? (n.pause(), n.parent && n.parent.remove(n)) : kn(n);
+      n instanceof Yn ? (n.pause(), n.parent && n.parent.remove(n)) : jn(n);
     }
     if (t.parent && t.parent.remove(t), t.isMesh) {
       const n = t;
-      n.geometry?.dispose(), Ma(n.material);
+      n.geometry?.dispose(), Ta(n.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class _i {
+class Ai {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -120,7 +120,7 @@ class _i {
     n && (this._mode = "editor");
   }
 }
-const k = new ln(), D = {
+const k = new cn(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -136,7 +136,7 @@ const k = new ln(), D = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Yt {
+class Ot {
   app;
   constructor(n) {
     this.app = n;
@@ -151,7 +151,7 @@ class Yt {
   handleEditor(n) {
   }
 }
-class Ai extends Yt {
+class Pi extends Ot {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -177,59 +177,180 @@ class Ai extends Yt {
   handleApp(n) {
     switch (n.event) {
       case "selectComponent":
-        k.dispatchEvent({ type: D.SELECT_DROPDOWN, value: n.data });
+        k.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
         break;
       case "draggableListUpdate":
-        k.dispatchEvent({ type: D.DRAG_UPDATE, value: n.data });
+        k.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
         break;
     }
   }
 }
-let He;
-function Pi(t, n, a) {
+class Ra extends Ot {
+  project;
+  sheets = /* @__PURE__ */ new Map();
+  sheetObjects = /* @__PURE__ */ new Map();
+  sheetObjectCBs = /* @__PURE__ */ new Map();
+  sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  activeSheet;
+  static rafDriver = void 0;
+  dispose() {
+    this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  }
+  sheet(n) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    let a = this.sheets.get(n);
+    return a !== void 0 || (a = this.project?.sheet(n), this.sheets.set(n, a)), a;
+  }
+  playSheet(n, a) {
+    this.sheet(n)?.sequence.play(a), this.app.send({
+      event: "playSheet",
+      target: "editor",
+      data: {
+        sheet: n,
+        value: a
+      }
+    });
+  }
+  pauseSheet(n) {
+    this.sheet(n)?.sequence.pause(), this.app.send({
+      event: "pauseSheet",
+      target: "editor",
+      data: {
+        sheet: n
+      }
+    });
+  }
+  clearSheetObjects(n) {
+    this.sheetObjects.forEach((a, e) => {
+      e.search(`${n}_`) > -1 && this.unsubscribe(a);
+    });
+  }
+  sheetObject(n, a, e, o) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    const c = this.sheet(n);
+    if (c === void 0)
+      return;
+    const p = `${n}_${a}`;
+    let s = this.sheetObjects.get(p);
+    s !== void 0 ? s = c.object(a, { ...e, ...s.value }, { reconfigure: !0 }) : s = c.object(a, e), this.sheetObjects.set(p, s), this.sheetObjectCBs.set(p, o !== void 0 ? o : Pn);
+    const u = s.onValuesChange((d) => {
+      if (this.app.editor) {
+        for (const b in d) {
+          const E = d[b];
+          typeof E == "object" && wa(E) && (d[b] = {
+            r: E.r,
+            g: E.g,
+            b: E.b,
+            a: E.a
+          });
+        }
+        this.app.send({
+          event: "updateSheetObject",
+          target: "app",
+          data: {
+            sheet: n,
+            sheetObject: p,
+            values: d
+          }
+        });
+      }
+      const v = this.sheetObjectCBs.get(p);
+      v !== void 0 && v(d);
+    });
+    return this.sheetObjectUnsubscribe.set(p, u), s;
+  }
+  unsubscribe(n) {
+    if (this.project === void 0) {
+      console.error("Theatre Project hasn't been created yet.");
+      return;
+    }
+    const a = n.address.sheetId, e = n.address.objectKey;
+    this.sheets.get(a)?.detachObject(e);
+    const c = `${a}_${e}`, p = this.sheetObjectUnsubscribe.get(c);
+    p !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), p());
+  }
+  // Remote Controller
+  // Receives App events
+  handleApp(n) {
+    let a;
+    switch (n.event) {
+      case "setSheet":
+        a = this.sheets.get(n.data.sheet), a !== void 0 && (this.activeSheet = a, Kt.setSelection([a]));
+        break;
+      case "setSheetObject":
+        a = this.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), a !== void 0 && Kt.setSelection([a]);
+        break;
+      case "updateSheetObject":
+        a = this.sheets.get(n.data.sheet), a !== void 0 && a.sequence.pause(), a = this.sheetObjectCBs.get(n.data.sheetObject), a !== void 0 && a(n.data.values);
+        break;
+      case "updateTimeline":
+        a = this.sheets.get(n.data.sheet), this.activeSheet !== void 0 && (this.activeSheet.sequence.position = n.data.position);
+        break;
+    }
+  }
+  // Receives Editor events
+  handleEditor(n) {
+    if (this.app.editor)
+      switch (n.event) {
+        case "playSheet":
+          this.sheet(n.data.sheet)?.sequence.play(n.data.value);
+          break;
+        case "pauseSheet":
+          this.sheet(n.data.sheet)?.sequence.pause();
+          break;
+      }
+  }
+}
+function ki(t, n, a) {
   if (t.editor) {
-    a.ui.restore(), a.onSelectionChange((m) => {
-      m.length < 1 || m.forEach((s) => {
-        let u = s.address.sheetId, p = "setSheet", v = {};
+    a.ui.restore(), a.onSelectionChange((p) => {
+      p.length < 1 || p.forEach((s) => {
+        let u = s.address.sheetId, d = "setSheet", v = {};
         switch (s.type) {
           case "Theatre_Sheet_PublicAPI":
-            p = "setSheet", v = {
+            d = "setSheet", v = {
               sheet: s.address.sheetId
-            }, He = n.sheets.get(s.address.sheetId);
+            }, n.activeSheet = n.sheets.get(s.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            p = "setSheetObject", u += `_${s.address.objectKey}`, v = {
+            d = "setSheetObject", u += `_${s.address.objectKey}`, v = {
               id: u,
               sheet: s.address.sheetId,
               key: s.address.objectKey
-            }, He = n.sheets.get(s.address.sheetId);
+            }, n.activeSheet = n.sheets.get(s.address.sheetId);
             break;
         }
-        t.send({ event: p, target: "app", data: v });
+        t.send({ event: d, target: "app", data: v });
       });
     });
     let e = -1;
     const o = () => {
-      if (He !== void 0 && e !== He.sequence.position) {
-        e = He.sequence.position;
-        const m = He;
+      if (Ra.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && e !== n.activeSheet.sequence.position) {
+        e = n.activeSheet.sequence.position;
+        const p = n.activeSheet;
         t.send({
           event: "updateTimeline",
           target: "app",
           data: {
             position: e,
-            sheet: m.address.sheetId
+            sheet: p.address.sheetId
           }
         });
       }
-    }, l = () => {
-      o(), requestAnimationFrame(l);
+    }, c = () => {
+      o(), requestAnimationFrame(c);
     };
-    o(), l();
+    o(), c();
   } else
     a.ui.hide();
 }
-function Ta(t) {
+function _a(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -254,7 +375,7 @@ function Dn(t) {
     n.children.push(Dn(a));
   }), n;
 }
-function Ra(t) {
+function Aa(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -262,7 +383,7 @@ function Ra(t) {
   }
   return n;
 }
-function _a(t) {
+function Pa(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -274,10 +395,10 @@ function _a(t) {
   }
   return !1;
 }
-function We(t) {
+function He(t) {
   const n = {};
   for (const a in t) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || _a(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Pa(a))
       continue;
     const e = typeof t[a], o = t[a];
     switch (e) {
@@ -289,13 +410,13 @@ function We(t) {
       case "object":
         if (o !== null)
           if (n[a] = o, o.isTexture)
-            if (o instanceof cn) {
-              const l = o.source.toJSON();
-              n[a] = { src: l.url };
+            if (o instanceof ln) {
+              const c = o.source.toJSON();
+              n[a] = { src: c.url };
             } else
-              o instanceof Yn && (console.log("env map"), console.log(o.source.data), console.log(o.source.toJSON()), n[a] = { src: "" });
+              o instanceof Gn && (console.log("env map"), console.log(o.source.data), console.log(o.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = Ra(n[a]));
+            a === "uniforms" && (n[a] = Aa(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -329,29 +450,29 @@ function Lt(t) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
+      e.material.forEach((c) => {
+        o.push(He(c));
       }), n.material = o;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else if (a.search("points") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
+      e.material.forEach((c) => {
+        o.push(He(c));
       }), n.material = o;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else if (a.search("line") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
-      e.material.forEach((l) => {
-        o.push(We(l));
+      e.material.forEach((c) => {
+        o.push(He(c));
       }), n.material = o;
     } else
-      n.material = We(e.material);
+      n.material = He(e.material);
   } else
     a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
@@ -381,7 +502,7 @@ function Lt(t) {
     });
   return n;
 }
-function Aa(t, n) {
+function ka(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -422,12 +543,12 @@ function $t(t) {
   return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
-      const o = new cn(e);
-      o.wrapS = Wt, o.wrapT = Wt, o.needsUpdate = !0, n(o);
+      const o = new ln(e);
+      o.wrapS = Ht, o.wrapT = Ht, o.needsUpdate = !0, n(o);
     }, e.onerror = a, e.src = t;
   });
 }
-class ki extends Yt {
+class ji extends Ot {
   scene = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
@@ -481,7 +602,7 @@ class ki extends Yt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    Oa(), Pn(this.scene);
+    Ma(), kn(this.scene);
     const a = Dn(this.scene);
     this.app.send({
       event: "setScene",
@@ -514,16 +635,16 @@ class ki extends Yt {
   handleApp(n) {
     switch (n.event) {
       case "getObject":
-        k.dispatchEvent({ type: D.GET_OBJECT, value: n.data });
+        k.dispatchEvent({ type: j.GET_OBJECT, value: n.data });
         break;
       case "updateObject":
-        k.dispatchEvent({ type: D.UPDATE_OBJECT, value: n.data });
+        k.dispatchEvent({ type: j.UPDATE_OBJECT, value: n.data });
         break;
       case "createTexture":
-        k.dispatchEvent({ type: D.CREATE_TEXTURE, value: n.data });
+        k.dispatchEvent({ type: j.CREATE_TEXTURE, value: n.data });
         break;
       case "requestMethod":
-        k.dispatchEvent({ type: D.REQUEST_METHOD, value: n.data });
+        k.dispatchEvent({ type: j.REQUEST_METHOD, value: n.data });
         break;
     }
   }
@@ -531,21 +652,21 @@ class ki extends Yt {
   handleEditor(n) {
     switch (n.event) {
       case "setObject":
-        k.dispatchEvent({ type: D.SET_OBJECT, value: n.data });
+        k.dispatchEvent({ type: j.SET_OBJECT, value: n.data });
         break;
       case "setScene":
-        k.dispatchEvent({ type: D.SET_SCENE, value: n.data });
+        k.dispatchEvent({ type: j.SET_SCENE, value: n.data });
         break;
       case "addCamera":
-        k.dispatchEvent({ type: D.ADD_CAMERA, value: n.data });
+        k.dispatchEvent({ type: j.ADD_CAMERA, value: n.data });
         break;
       case "removeCamera":
-        k.dispatchEvent({ type: D.REMOVE_CAMERA, value: n.data });
+        k.dispatchEvent({ type: j.REMOVE_CAMERA, value: n.data });
         break;
     }
   }
 }
-class Di extends Yt {
+class Di extends Ot {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -556,7 +677,7 @@ class Di extends Yt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new ya({ title: "GUI" }), this.pane.registerPlugin(Ea);
+    this.pane = new Ea({ title: "GUI" }), this.pane.registerPlugin(Ca);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
@@ -582,13 +703,13 @@ class Di extends Yt {
   }
   // Binding
   bind(n, a, e, o = void 0) {
-    const l = this.bindID, m = e.onChange !== void 0 ? e.onChange : xa;
-    this.bindCBs.set(l, m), this.app.editor ? (this.pane === void 0 && this.createGUI(), (o !== void 0 ? o : this.pane).addBinding(n, a, e).on("change", (u) => {
+    const c = this.bindID, p = e.onChange !== void 0 ? e.onChange : Pn;
+    this.bindCBs.set(c, p), this.app.editor ? (this.pane === void 0 && this.createGUI(), (o !== void 0 ? o : this.pane).addBinding(n, a, e).on("change", (u) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: l,
+          id: c,
           value: u.value
         }
       });
@@ -596,7 +717,7 @@ class Di extends Yt {
       event: "bindObject",
       target: "app",
       data: {
-        id: l,
+        id: c,
         name: a,
         params: e,
         parent: o
@@ -664,7 +785,7 @@ class Di extends Yt {
     }
   }
 }
-var zt = { exports: {} }, at = {};
+var zt = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -674,25 +795,25 @@ var zt = { exports: {} }, at = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qt;
-function Pa() {
-  if (qt)
-    return at;
-  qt = 1;
-  var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(s, u, p) {
-    var v, b = {}, E = null, x = null;
-    p !== void 0 && (E = "" + p), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (x = u.ref);
+var Xt;
+function ja() {
+  if (Xt)
+    return nt;
+  Xt = 1;
+  var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(s, u, d) {
+    var v, b = {}, E = null, S = null;
+    d !== void 0 && (E = "" + d), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (S = u.ref);
     for (v in u)
-      e.call(u, v) && !l.hasOwnProperty(v) && (b[v] = u[v]);
+      e.call(u, v) && !c.hasOwnProperty(v) && (b[v] = u[v]);
     if (s && s.defaultProps)
       for (v in u = s.defaultProps, u)
         b[v] === void 0 && (b[v] = u[v]);
-    return { $$typeof: n, type: s, key: E, ref: x, props: b, _owner: o.current };
+    return { $$typeof: n, type: s, key: E, ref: S, props: b, _owner: o.current };
   }
-  return at.Fragment = a, at.jsx = m, at.jsxs = m, at;
+  return nt.Fragment = a, nt.jsx = p, nt.jsxs = p, nt;
 }
-var it = {};
+var at = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -703,9 +824,9 @@ var it = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Zt;
-function ka() {
+function Da() {
   return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
+    var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
     function H(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -713,7 +834,7 @@ function ka() {
       return typeof f == "function" ? f : null;
     }
     var B = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(i) {
+    function x(i) {
       {
         for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
           g[C - 1] = arguments[C];
@@ -722,29 +843,29 @@ function ka() {
     }
     function z(i, f, g) {
       {
-        var C = B.ReactDebugCurrentFrame, j = C.getStackAddendum();
-        j !== "" && (f += "%s", g = g.concat([j]));
+        var C = B.ReactDebugCurrentFrame, D = C.getStackAddendum();
+        D !== "" && (f += "%s", g = g.concat([D]));
         var F = g.map(function(A) {
           return String(A);
         });
         F.unshift("Warning: " + f), Function.prototype.apply.call(console[i], console, F);
       }
     }
-    var Ee = !1, ce = !1, se = !1, d = !1, h = !1, S;
-    S = Symbol.for("react.module.reference");
+    var Ee = !1, le = !1, se = !1, h = !1, m = !1, w;
+    w = Symbol.for("react.module.reference");
     function _(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === l || h || i === o || i === p || i === v || d || i === x || Ee || ce || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === m || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === c || m || i === o || i === d || i === v || h || i === S || Ee || le || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      i.$$typeof === S || i.getModuleId !== void 0));
+      i.$$typeof === w || i.getModuleId !== void 0));
     }
     function Y(i, f, g) {
       var C = i.displayName;
       if (C)
         return C;
-      var j = f.displayName || f.name || "";
-      return j !== "" ? g + "(" + j + ")" : g;
+      var D = f.displayName || f.name || "";
+      return D !== "" ? g + "(" + D + ")" : g;
     }
     function U(i) {
       return i.displayName || "Context";
@@ -752,7 +873,7 @@ function ka() {
     function $(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -761,11 +882,11 @@ function ka() {
           return "Fragment";
         case a:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
         case o:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case v:
           return "SuspenseList";
@@ -775,7 +896,7 @@ function ka() {
           case s:
             var f = i;
             return U(f) + ".Consumer";
-          case m:
+          case p:
             var g = i;
             return U(g._context) + ".Provider";
           case u:
@@ -784,7 +905,7 @@ function ka() {
             var C = i.displayName || null;
             return C !== null ? C : $(i.type) || "Memo";
           case E: {
-            var j = i, F = j._payload, A = j._init;
+            var D = i, F = D._payload, A = D._init;
             try {
               return $(A(F));
             } catch {
@@ -794,18 +915,18 @@ function ka() {
         }
       return null;
     }
-    var I = Object.assign, W = 0, X, T, N, J, me, Ce, ut;
-    function Ke() {
+    var I = Object.assign, W = 0, q, T, N, J, me, Ce, lt;
+    function qe() {
     }
-    Ke.__reactDisabledLog = !0;
+    qe.__reactDisabledLog = !0;
     function Tt() {
       {
         if (W === 0) {
-          X = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, ut = console.groupEnd;
+          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, Ce = console.groupCollapsed, lt = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: Ke,
+            value: qe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -831,7 +952,7 @@ function ka() {
           };
           Object.defineProperties(console, {
             log: I({}, i, {
-              value: X
+              value: q
             }),
             info: I({}, i, {
               value: T
@@ -849,33 +970,33 @@ function ka() {
               value: Ce
             }),
             groupEnd: I({}, i, {
-              value: ut
+              value: lt
             })
           });
         }
-        W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var qe = B.ReactCurrentDispatcher, Ze;
+    var Ke = B.ReactCurrentDispatcher, Xe;
     function Ue(i, f, g) {
       {
-        if (Ze === void 0)
+        if (Xe === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var C = j.stack.trim().match(/\n( *(at )?)/);
-            Ze = C && C[1] || "";
+          } catch (D) {
+            var C = D.stack.trim().match(/\n( *(at )?)/);
+            Xe = C && C[1] || "";
           }
         return `
-` + Ze + i;
+` + Xe + i;
       }
     }
     var $e = !1, Oe;
     {
-      var dt = typeof WeakMap == "function" ? WeakMap : Map;
-      Oe = new dt();
+      var ut = typeof WeakMap == "function" ? WeakMap : Map;
+      Oe = new ut();
     }
-    function ft(i, f) {
+    function dt(i, f) {
       if (!i || $e)
         return "";
       {
@@ -885,10 +1006,10 @@ function ka() {
       }
       var C;
       $e = !0;
-      var j = Error.prepareStackTrace;
+      var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = qe.current, qe.current = null, Tt();
+      F = Ke.current, Ke.current = null, Tt();
       try {
         if (f) {
           var A = function() {
@@ -924,32 +1045,32 @@ function ka() {
       } catch (ve) {
         if (ve && C && typeof ve.stack == "string") {
           for (var R = ve.stack.split(`
-`), le = C.stack.split(`
-`), Z = R.length - 1, Q = le.length - 1; Z >= 1 && Q >= 0 && R[Z] !== le[Q]; )
+`), ce = C.stack.split(`
+`), Z = R.length - 1, Q = ce.length - 1; Z >= 1 && Q >= 0 && R[Z] !== ce[Q]; )
             Q--;
           for (; Z >= 1 && Q >= 0; Z--, Q--)
-            if (R[Z] !== le[Q]) {
+            if (R[Z] !== ce[Q]) {
               if (Z !== 1 || Q !== 1)
                 do
-                  if (Z--, Q--, Q < 0 || R[Z] !== le[Q]) {
-                    var pe = `
+                  if (Z--, Q--, Q < 0 || R[Z] !== ce[Q]) {
+                    var fe = `
 ` + R[Z].replace(" at new ", " at ");
-                    return i.displayName && pe.includes("<anonymous>") && (pe = pe.replace("<anonymous>", i.displayName)), typeof i == "function" && Oe.set(i, pe), pe;
+                    return i.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", i.displayName)), typeof i == "function" && Oe.set(i, fe), fe;
                   }
                 while (Z >= 1 && Q >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, qe.current = F, Rt(), Error.prepareStackTrace = j;
+        $e = !1, Ke.current = F, Rt(), Error.prepareStackTrace = D;
       }
-      var Ye = i ? i.displayName || i.name : "", Ht = Ye ? Ue(Ye) : "";
-      return typeof i == "function" && Oe.set(i, Ht), Ht;
+      var Ye = i ? i.displayName || i.name : "", Vt = Ye ? Ue(Ye) : "";
+      return typeof i == "function" && Oe.set(i, Vt), Vt;
     }
     function _t(i, f, g) {
-      return ft(i, !1);
+      return dt(i, !1);
     }
-    function pt(i) {
+    function ht(i) {
       var f = i.prototype;
       return !!(f && f.isReactComponent);
     }
@@ -957,11 +1078,11 @@ function ka() {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ft(i, pt(i));
+        return dt(i, ht(i));
       if (typeof i == "string")
         return Ue(i);
       switch (i) {
-        case p:
+        case d:
           return Ue("Suspense");
         case v:
           return Ue("SuspenseList");
@@ -973,24 +1094,24 @@ function ka() {
           case b:
             return Me(i.type, f, g);
           case E: {
-            var C = i, j = C._payload, F = C._init;
+            var C = i, D = C._payload, F = C._init;
             try {
-              return Me(F(j), f, g);
+              return Me(F(D), f, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Te = Object.prototype.hasOwnProperty, ht = {}, mt = B.ReactDebugCurrentFrame;
+    var Te = Object.prototype.hasOwnProperty, ft = {}, pt = B.ReactDebugCurrentFrame;
     function Re(i) {
       if (i) {
         var f = i._owner, g = Me(i.type, i._source, f ? f.type : null);
-        mt.setExtraStackFrame(g);
+        pt.setExtraStackFrame(g);
       } else
-        mt.setExtraStackFrame(null);
+        pt.setExtraStackFrame(null);
     }
-    function Je(i, f, g, C, j) {
+    function Ze(i, f, g, C, D) {
       {
         var F = Function.call.bind(Te);
         for (var A in i)
@@ -998,19 +1119,19 @@ function ka() {
             var R = void 0;
             try {
               if (typeof i[A] != "function") {
-                var le = Error((C || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw le.name = "Invariant Violation", le;
+                var ce = Error((C || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
               R = i[A](f, A, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Z) {
               R = Z;
             }
-            R && !(R instanceof Error) && (Re(j), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", g, A, typeof R), Re(null)), R instanceof Error && !(R.message in ht) && (ht[R.message] = !0, Re(j), w("Failed %s type: %s", g, R.message), Re(null));
+            R && !(R instanceof Error) && (Re(D), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", g, A, typeof R), Re(null)), R instanceof Error && !(R.message in ft) && (ft[R.message] = !0, Re(D), x("Failed %s type: %s", g, R.message), Re(null));
           }
       }
     }
     var _e = Array.isArray;
-    function Qe(i) {
+    function Je(i) {
       return _e(i);
     }
     function At(i) {
@@ -1019,26 +1140,26 @@ function ka() {
         return g;
       }
     }
-    function vt(i) {
+    function mt(i) {
       try {
-        return gt(i), !1;
+        return vt(i), !1;
       } catch {
         return !0;
       }
     }
-    function gt(i) {
+    function vt(i) {
       return "" + i;
     }
-    function bt(i) {
-      if (vt(i))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", At(i)), gt(i);
+    function gt(i) {
+      if (mt(i))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", At(i)), vt(i);
     }
-    var xe = B.ReactCurrentOwner, et = {
+    var Se = B.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, yt, ze;
+    }, et, bt, ze;
     ze = {};
     function Pt(i) {
       if (Te.call(i, "ref")) {
@@ -1056,16 +1177,16 @@ function ka() {
       }
       return i.key !== void 0;
     }
-    function Et(i, f) {
-      if (typeof i.ref == "string" && xe.current && f && xe.current.stateNode !== f) {
-        var g = $(xe.current.type);
-        ze[g] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $(xe.current.type), i.ref), ze[g] = !0);
+    function yt(i, f) {
+      if (typeof i.ref == "string" && Se.current && f && Se.current.stateNode !== f) {
+        var g = $(Se.current.type);
+        ze[g] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $(Se.current.type), i.ref), ze[g] = !0);
       }
     }
-    function we(i, f) {
+    function xe(i, f) {
       {
         var g = function() {
-          tt || (tt = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          et || (et = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: g,
@@ -1073,10 +1194,10 @@ function ka() {
         });
       }
     }
-    function Vt(i, f) {
+    function Gt(i, f) {
       {
         var g = function() {
-          yt || (yt = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          bt || (bt = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: g,
@@ -1084,7 +1205,7 @@ function ka() {
         });
       }
     }
-    var r = function(i, f, g, C, j, F, A) {
+    var r = function(i, f, g, C, D, F, A) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -1110,25 +1231,25 @@ function ka() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: D
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function y(i, f, g, C, j) {
+    function y(i, f, g, C, D) {
       {
-        var F, A = {}, R = null, le = null;
-        g !== void 0 && (bt(g), R = "" + g), kt(f) && (bt(f.key), R = "" + f.key), Pt(f) && (le = f.ref, Et(f, j));
+        var F, A = {}, R = null, ce = null;
+        g !== void 0 && (gt(g), R = "" + g), kt(f) && (gt(f.key), R = "" + f.key), Pt(f) && (ce = f.ref, yt(f, D));
         for (F in f)
-          Te.call(f, F) && !et.hasOwnProperty(F) && (A[F] = f[F]);
+          Te.call(f, F) && !Qe.hasOwnProperty(F) && (A[F] = f[F]);
         if (i && i.defaultProps) {
           var Z = i.defaultProps;
           for (F in Z)
             A[F] === void 0 && (A[F] = Z[F]);
         }
-        if (R || le) {
+        if (R || ce) {
           var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          R && we(A, Q), le && Vt(A, Q);
+          R && xe(A, Q), ce && Gt(A, Q);
         }
-        return r(i, R, le, j, C, xe.current, A);
+        return r(i, R, ce, D, C, Se.current, A);
       }
     }
     var O = B.ReactCurrentOwner, L = B.ReactDebugCurrentFrame;
@@ -1144,7 +1265,7 @@ function ka() {
     function ie(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function Dt() {
+    function jt() {
       {
         if (O.current) {
           var i = $(O.current.type);
@@ -1156,7 +1277,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function jt(i) {
+    function Dt(i) {
       {
         if (i !== void 0) {
           var f = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
@@ -1167,10 +1288,10 @@ Check your code at ` + f + ":" + g + ".";
         return "";
       }
     }
-    var nt = {};
-    function he(i) {
+    var tt = {};
+    function pe(i) {
       {
-        var f = Dt();
+        var f = jt();
         if (!f) {
           var g = typeof i == "string" ? i : i.displayName || i.name;
           g && (f = `
@@ -1180,35 +1301,35 @@ Check the top-level render call using <` + g + ">.");
         return f;
       }
     }
-    function fe(i, f) {
+    function he(i, f) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = he(f);
-        if (nt[g])
+        var g = pe(f);
+        if (tt[g])
           return;
-        nt[g] = !0;
+        tt[g] = !0;
         var C = "";
-        i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), K(null);
+        i && i._owner && i._owner !== O.current && (C = " It was passed a child from " + $(i._owner.type) + "."), K(i), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), K(null);
       }
     }
     function Ae(i, f) {
       {
         if (typeof i != "object")
           return;
-        if (Qe(i))
+        if (Je(i))
           for (var g = 0; g < i.length; g++) {
             var C = i[g];
-            ie(C) && fe(C, f);
+            ie(C) && he(C, f);
           }
         else if (ie(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var j = H(i);
-          if (typeof j == "function" && j !== i.entries)
-            for (var F = j.call(i), A; !(A = F.next()).done; )
-              ie(A.value) && fe(A.value, f);
+          var D = H(i);
+          if (typeof D == "function" && D !== i.entries)
+            for (var F = D.call(i), A; !(A = F.next()).done; )
+              ie(A.value) && he(A.value, f);
         }
       }
     }
@@ -1228,13 +1349,13 @@ Check the top-level render call using <` + g + ">.");
           return;
         if (g) {
           var C = $(f);
-          Je(g, i.props, "prop", C, i);
+          Ze(g, i.props, "prop", C, i);
         } else if (f.PropTypes !== void 0 && !de) {
           de = !0;
-          var j = $(f);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var D = $(f);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ke(i) {
@@ -1242,63 +1363,63 @@ Check the top-level render call using <` + g + ">.");
         for (var f = Object.keys(i.props), g = 0; g < f.length; g++) {
           var C = f[g];
           if (C !== "children" && C !== "key") {
-            K(i), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
+            K(i), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), K(null);
             break;
           }
         }
-        i.ref !== null && (K(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        i.ref !== null && (K(i), x("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function De(i, f, g, C, j, F) {
+    function je(i, f, g, C, D, F) {
       {
         var A = _(i);
         if (!A) {
           var R = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var le = jt(j);
-          le ? R += le : R += Dt();
+          var ce = Dt(D);
+          ce ? R += ce : R += jt();
           var Z;
-          i === null ? Z = "null" : Qe(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
+          i === null ? Z = "null" : Je(i) ? Z = "array" : i !== void 0 && i.$$typeof === n ? (Z = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof i, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
         }
-        var Q = y(i, f, g, j, F);
+        var Q = y(i, f, g, D, F);
         if (Q == null)
           return Q;
         if (A) {
-          var pe = f.children;
-          if (pe !== void 0)
+          var fe = f.children;
+          if (fe !== void 0)
             if (C)
-              if (Qe(pe)) {
-                for (var Ye = 0; Ye < pe.length; Ye++)
-                  Ae(pe[Ye], i);
-                Object.freeze && Object.freeze(pe);
+              if (Je(fe)) {
+                for (var Ye = 0; Ye < fe.length; Ye++)
+                  Ae(fe[Ye], i);
+                Object.freeze && Object.freeze(fe);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ae(pe, i);
+              Ae(fe, i);
         }
         return i === e ? ke(Q) : Pe(Q), Q;
       }
     }
-    function Fn(i, f, g) {
-      return De(i, f, g, !0);
-    }
     function Bn(i, f, g) {
-      return De(i, f, g, !1);
-    }
-    var Un = Bn, $n = Fn;
-    it.Fragment = e, it.jsx = Un, it.jsxs = $n;
-  }()), it;
-}
-process.env.NODE_ENV === "production" ? zt.exports = Pa() : zt.exports = ka();
-var c = zt.exports;
-function jn(t) {
-  return t.title.search("<") > -1 ? /* @__PURE__ */ c.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ c.jsx("button", { children: t.title });
-}
-const Da = /* @__PURE__ */ c.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
-  /* @__PURE__ */ c.jsx("circle", { cx: "7", cy: "7", r: "6" }),
-  /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
-  /* @__PURE__ */ c.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), ja = /* @__PURE__ */ c.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ c.jsx(
+      return je(i, f, g, !0);
+    }
+    function Un(i, f, g) {
+      return je(i, f, g, !1);
+    }
+    var $n = Un, zn = Bn;
+    at.Fragment = e, at.jsx = $n, at.jsxs = zn;
+  }()), at;
+}
+process.env.NODE_ENV === "production" ? zt.exports = ja() : zt.exports = Da();
+var l = zt.exports;
+function In(t) {
+  return t.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ l.jsx("button", { children: t.title });
+}
+const Ia = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+  /* @__PURE__ */ l.jsx("circle", { cx: "7", cy: "7", r: "6" }),
+  /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
+  /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
+] }), La = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
   "path",
   {
     d: `M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
@@ -1306,46 +1427,46 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function Ia(t) {
-  return /* @__PURE__ */ c.jsx(An.Item, { value: t.title, children: /* @__PURE__ */ c.jsxs("div", { children: [
-    ja,
-    /* @__PURE__ */ c.jsx("span", { children: t.title }),
-    /* @__PURE__ */ c.jsx("button", { className: "closeIcon", onClick: () => {
+function Na(t) {
+  return /* @__PURE__ */ l.jsx(An.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    La,
+    /* @__PURE__ */ l.jsx("span", { children: t.title }),
+    /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
       t.onDelete(t.index);
-    }, children: Da })
+    }, children: Ia })
   ] }) }, t.title);
 }
-function La(t) {
-  const [n, a] = ae(!1), [e, o] = ae(t.options), l = (p) => {
-    t.onDragComplete(p), o(p);
-  }, m = (p) => {
+function Fa(t) {
+  const [n, a] = ae(!1), [e, o] = ae(t.options), c = (d) => {
+    t.onDragComplete(d), o(d);
+  }, p = (d) => {
     const v = [...e];
-    v.splice(p, 1), l(v);
+    v.splice(d, 1), c(v);
   }, s = [];
-  e.forEach((p, v) => {
-    s.push(/* @__PURE__ */ c.jsx(Ia, { index: v, title: p, onDelete: m }, p));
+  e.forEach((d, v) => {
+    s.push(/* @__PURE__ */ l.jsx(Na, { index: v, title: d, onDelete: p }, d));
   });
   let u = "dropdown draggable";
-  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ c.jsx(jn, { title: t.title }),
-    /* @__PURE__ */ c.jsx(An.Group, { axis: "y", values: e, onReorder: l, style: { visibility: n ? "visible" : "hidden" }, children: s })
+  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__PURE__ */ l.jsx(In, { title: t.title }),
+    /* @__PURE__ */ l.jsx(An.Group, { axis: "y", values: e, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: s })
   ] });
 }
-function Na(t) {
+function Ba(t) {
   const [n, a] = ae(!1), e = [];
-  t.options.map((l, m) => {
-    t.onSelect !== void 0 && (l.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Fa, { option: l }, m));
+  t.options.map((c, p) => {
+    t.onSelect !== void 0 && (c.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(Ua, { option: c }, p));
   });
   let o = "dropdown";
-  return t.subdropdown && (o += " subdropdown"), /* @__PURE__ */ c.jsxs(
+  return t.subdropdown && (o += " subdropdown"), /* @__PURE__ */ l.jsxs(
     "div",
     {
       className: o,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ c.jsx(jn, { title: t.title }),
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsx(In, { title: t.title }),
+        /* @__PURE__ */ l.jsx(
           "ul",
           {
             style: { visibility: n ? "visible" : "hidden" },
@@ -1356,26 +1477,26 @@ function Na(t) {
     }
   );
 }
-function Fa(t) {
+function Ua(t) {
   const { option: n } = t, [a, e] = ae("");
   let o;
   switch (n.type) {
     case "draggable":
-      o = /* @__PURE__ */ c.jsx(
-        La,
+      o = /* @__PURE__ */ l.jsx(
+        Fa,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (l) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(l);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
       );
       break;
     case "dropdown":
-      o = /* @__PURE__ */ c.jsx(
-        Na,
+      o = /* @__PURE__ */ l.jsx(
+        Ba,
         {
           title: n.title,
           options: n.value,
@@ -1385,7 +1506,7 @@ function Fa(t) {
       );
       break;
     case "option":
-      o = /* @__PURE__ */ c.jsx(
+      o = /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
@@ -1396,15 +1517,15 @@ function Fa(t) {
       );
       break;
   }
-  return /* @__PURE__ */ c.jsx("li", { className: a === n.title ? "selected" : "", children: o }, wa());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, xa());
 }
-function ji(t) {
+function Ii(t) {
   function n(e) {
     switch (t.components.forEach((o) => {
       o.handleApp(e);
     }), e.event) {
       case "custom":
-        k.dispatchEvent({ type: D.CUSTOM, value: e.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
         break;
     }
   }
@@ -1413,7 +1534,7 @@ function ji(t) {
       o.handleEditor(e);
     }), e.event) {
       case "custom":
-        k.dispatchEvent({ type: D.CUSTOM, value: e.data });
+        k.dispatchEvent({ type: j.CUSTOM, value: e.data });
         break;
     }
   }
@@ -1421,7 +1542,7 @@ function ji(t) {
     e.target === "editor" ? a(e) : n(e);
   };
 }
-const Ba = `out vec3 worldPosition;
+const $a = `out vec3 worldPosition;
 uniform float uDistance;
 
 void main() {
@@ -1430,7 +1551,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
 
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, Ua = `out vec4 fragColor;
+}`, za = `out vec4 fragColor;
 in vec3 worldPosition;
 
 uniform float uDivisions;
@@ -1498,13 +1619,13 @@ void main() {
 
   if (fragColor.a <= 0.0) discard;
 }`;
-class $a extends un {
+class Ya extends un {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: Gn,
+      glslVersion: Vn,
       side: dn,
       transparent: !0,
       uniforms: {
@@ -1515,7 +1636,7 @@ class $a extends un {
           value: n?.divisions !== void 0 ? n?.divisions : 10
         },
         uColor: {
-          value: n?.color !== void 0 ? n?.color : new Ot(16777215)
+          value: n?.color !== void 0 ? n?.color : new wt(16777215)
         },
         uDistance: {
           value: n?.distance !== void 0 ? n?.distance : 1e4
@@ -1527,24 +1648,24 @@ class $a extends un {
           value: n?.gridOpacity !== void 0 ? n?.gridOpacity : 0.25
         }
       },
-      vertexShader: Ba,
-      fragmentShader: Ua,
+      vertexShader: $a,
+      fragmentShader: za,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class za extends Vn {
+class Ga extends Hn {
   gridMaterial;
   constructor() {
-    const n = new $a();
-    super(new Hn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const n = new Ya();
+    super(new Wn(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const Ya = `#include <common>
+const Va = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1574,7 +1695,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Ga = `
+}`, Ha = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1583,21 +1704,21 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Va extends un {
+class Wa extends un {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: Ya,
-      fragmentShader: Ga
+      vertexShader: Va,
+      fragmentShader: Ha
     });
   }
 }
-function Gt(t) {
+function Yt(t) {
   const [n, a] = ae(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
-  return /* @__PURE__ */ c.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
-    /* @__PURE__ */ c.jsxs(
+  return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
+    /* @__PURE__ */ l.jsxs(
       "button",
       {
         className: "toggle",
@@ -1606,28 +1727,28 @@ function Gt(t) {
           t.onToggle !== void 0 && t.onToggle(o), a(o);
         },
         children: [
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ l.jsx(
             "p",
             {
               className: `status ${n ? "open" : ""}`,
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ c.jsx("p", { className: "label", children: st(t.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: ot(t.label) })
         ]
       }
     ),
     t.button,
-    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { children: t.children }) })
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function In(t) {
+function Ln(t) {
   const [n, a] = ae(!1), e = t.child !== void 0 && t.child.children.length > 0, o = [];
-  return t.child !== void 0 && t.child.children.length > 0 && t.child.children.map((l) => {
-    o.push(/* @__PURE__ */ c.jsx(In, { child: l, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ c.jsx(c.Fragment, { children: t.child !== void 0 && /* @__PURE__ */ c.jsxs("div", { className: "childObject", children: [
-    /* @__PURE__ */ c.jsxs("div", { className: "child", children: [
-      e ? /* @__PURE__ */ c.jsx(
+  return t.child !== void 0 && t.child.children.length > 0 && t.child.children.map((c) => {
+    o.push(/* @__PURE__ */ l.jsx(Ln, { child: c, three: t.three }, Math.random()));
+  }), /* @__PURE__ */ l.jsx(l.Fragment, { children: t.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "child", children: [
+      e ? /* @__PURE__ */ l.jsx(
         "button",
         {
           className: "status",
@@ -1639,7 +1760,7 @@ function In(t) {
           }
         }
       ) : null,
-      /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ l.jsx(
         "button",
         {
           className: "name",
@@ -1652,18 +1773,18 @@ function In(t) {
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ c.jsx("div", { className: `icon ${Ta(t.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${_a(t.child)}` })
     ] }),
-    /* @__PURE__ */ c.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ c.jsx("div", { className: "container", children: o }) })
+    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
   ] }, Math.random()) });
 }
-function Ha(t) {
+function qa(t) {
   const n = [];
   return t.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ c.jsx(In, { child: a, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ c.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
+    n.push(/* @__PURE__ */ l.jsx(Ln, { child: a, three: t.three }, Math.random()));
+  }), /* @__PURE__ */ l.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const Wa = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+const Ka = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
 function Xa(t) {
   return "items" in t;
 }
@@ -1671,10 +1792,10 @@ function Fe(t) {
   const n = [];
   return t.items.forEach((a) => {
     Xa(a) ? n.push(
-      /* @__PURE__ */ c.jsx(Fe, { title: st(a.title), items: a.items }, Math.random())
+      /* @__PURE__ */ l.jsx(Fe, { title: ot(a.title), items: a.items }, Math.random())
     ) : n.push(
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        rt,
         {
           title: a.title,
           prop: a.prop,
@@ -1692,12 +1813,12 @@ function Fe(t) {
         Math.random()
       )
     );
-  }), /* @__PURE__ */ c.jsx(Gt, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Yt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Ka(t) {
+function Za(t) {
   return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "blendDstAlpha" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linecap" || t === "linejoin" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
 }
-function je(t) {
+function De(t) {
   switch (t) {
     case "alphaMap":
       return "Alpha Map";
@@ -1870,10 +1991,10 @@ function je(t) {
   }
   return t;
 }
-function qa(t) {
+function Ja(t) {
   return t.toLowerCase().search("intensity") > -1 || t === "anisotropyRotation" || t === "blendAlpha" || t === "bumpScale" || t === "clearcoatRoughness" || t === "displacementBias" || t === "displacementScale" || t === "metalness" || t === "opacity" || t === "reflectivity" || t === "refractionRatio" || t === "roughness" || t === "sheenRoughness" || t === "thickness";
 }
-function Za() {
+function Qa() {
   const t = document.createElement("input");
   return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
@@ -1881,84 +2002,84 @@ function Za() {
         a();
       else {
         const e = t.files[0], o = new FileReader();
-        o.onload = function(l) {
-          n(l.target.result);
+        o.onload = function(c) {
+          n(c.target.result);
         }, o.readAsDataURL(e);
       }
     }), t.click();
   });
 }
-const Ja = [
+const ei = [
   {
     title: "Front",
-    value: Wn
+    value: qn
   },
   {
     title: "Back",
-    value: Xn
+    value: Kn
   },
   {
     title: "Double",
     value: dn
   }
-], Qa = [
+], ti = [
   {
     title: "No Blending",
-    value: Kn
+    value: Xn
   },
   {
     title: "Normal",
-    value: qn
+    value: Zn
   },
   {
     title: "Additive",
-    value: Zn
+    value: Jn
   },
   {
     title: "Subtractive",
-    value: Jn
+    value: Qn
   },
   {
     title: "Multiply",
-    value: Qn
+    value: ea
   },
   {
     title: "Custom",
-    value: ea
+    value: ta
   }
-], ei = [
+], ni = [
   {
     title: "Add",
-    value: ta
+    value: na
   },
   {
     title: "Subtract",
-    value: na
+    value: aa
   },
   {
     title: "Reverse Subtract",
-    value: aa
+    value: ia
   },
   {
     title: "Min",
-    value: ia
+    value: ra
   },
   {
     title: "Max",
-    value: ra
+    value: oa
   }
-], ti = [
+], ai = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
-    valye: pn
+    valye: fn
   },
   {
     title: "Src Color",
-    valye: hn
+    valye: pn
   },
   {
     title: "One Minus Src Color",
@@ -1990,36 +2111,36 @@ const Ja = [
   },
   {
     title: "Src Alpha Saturate",
-    valye: oa
+    valye: sa
   },
   {
     title: "Constant Color",
-    valye: xn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
-    valye: wn
+    valye: xn
   },
   {
     title: "Constant Alpha",
-    valye: Sn
+    valye: wn
   },
   {
     title: "One Minus Constant Alpha",
     valye: On
   }
-], ni = [
+], ii = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
-    valye: pn
+    valye: fn
   },
   {
     title: "Src Color",
-    valye: hn
+    valye: pn
   },
   {
     title: "One Minus Src Color",
@@ -2051,171 +2172,171 @@ const Ja = [
   },
   {
     title: "Constant Color",
-    valye: xn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
-    valye: wn
+    valye: xn
   },
   {
     title: "Constant Alpha",
-    valye: Sn
+    valye: wn
   },
   {
     title: "One Minus Constant Alpha",
     valye: On
   }
 ];
-function rt(t, n) {
+function it(t, n) {
   t.needsUpdate = !0, t.type = "option", t.options = n;
 }
 function Jt(t, n, a) {
   const e = [];
   for (const o in t) {
-    if (!Ka(o))
+    if (!Za(o))
       continue;
-    const l = typeof t[o], m = t[o];
-    if (l === "boolean" || l === "number" || l === "string") {
+    const c = typeof t[o], p = t[o];
+    if (c === "boolean" || c === "number" || c === "string") {
       const s = {
-        title: je(o),
+        title: De(o),
         prop: o,
-        type: l,
-        value: m,
+        type: c,
+        value: p,
         min: void 0,
         max: void 0,
-        needsUpdate: l === "boolean",
-        onChange: (p, v) => {
-          a.updateObject(n.uuid, `material.${p}`, v), s.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+        needsUpdate: c === "boolean",
+        onChange: (d, v) => {
+          a.updateObject(n.uuid, `material.${d}`, v), s.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
           const b = a.scene?.getObjectByProperty("uuid", n.uuid);
-          b !== void 0 && ee(b, `material.${p}`, v);
+          b !== void 0 && ee(b, `material.${d}`, v);
         }
       };
       switch (o) {
         case "blending":
-          rt(s, Qa);
+          it(s, ti);
           break;
         case "blendDst":
-          rt(s, ni);
+          it(s, ii);
           break;
         case "blendEquation":
-          rt(s, ei);
+          it(s, ni);
           break;
         case "blendSrc":
-          rt(s, ti);
+          it(s, ai);
           break;
         case "side":
-          rt(s, Ja);
+          it(s, ei);
           break;
       }
-      qa(o) && (s.value = Number(m), s.type = "range", s.min = 0, s.max = 1, s.step = 0.01);
-      const u = l === "string" && (o === "vertexShader" || o === "fragmentShader");
-      u && (s.disabled = !1, s.latest = s.value, s.onChange = (p, v) => {
+      Ja(o) && (s.value = Number(p), s.type = "range", s.min = 0, s.max = 1, s.step = 0.01);
+      const u = c === "string" && (o === "vertexShader" || o === "fragmentShader");
+      u && (s.disabled = !1, s.latest = s.value, s.onChange = (d, v) => {
         s.latest = v;
       }), e.push(s), u && e.push({
-        title: `${st(o)} - Update`,
+        title: `${ot(o)} - Update`,
         type: "button",
         onChange: () => {
           a.updateObject(n.uuid, `material.${o}`, s.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
-          const p = a.scene?.getObjectByProperty("uuid", n.uuid);
-          p !== void 0 && (ee(p, `material.${o}`, s.latest), p.material.needsUpdate = !0);
+          const d = a.scene?.getObjectByProperty("uuid", n.uuid);
+          d !== void 0 && (ee(d, `material.${o}`, s.latest), d.material.needsUpdate = !0);
         }
       });
-    } else if (l === "object")
-      if (m.isColor)
+    } else if (c === "object")
+      if (p.isColor)
         e.push({
-          title: je(o),
+          title: De(o),
           prop: o,
           type: "color",
-          value: m,
+          value: p,
           onChange: (s, u) => {
-            const p = new Ot(u);
-            a.updateObject(n.uuid, `material.${s}`, p);
+            const d = new wt(u);
+            a.updateObject(n.uuid, `material.${s}`, d);
             const v = a.scene?.getObjectByProperty("uuid", n.uuid);
-            v !== void 0 && ee(v, `material.${s}`, p);
+            v !== void 0 && ee(v, `material.${s}`, d);
           }
         });
-      else if (Array.isArray(m)) {
+      else if (Array.isArray(p)) {
         const s = [];
-        for (const u in m)
+        for (const u in p)
           s.push({
             title: `${u}`,
-            type: `${typeof m[u]}`,
-            value: m[u],
-            onChange: (p, v) => {
+            type: `${typeof p[u]}`,
+            value: p[u],
+            onChange: (d, v) => {
               a.updateObject(n.uuid, `material.${o}`, v);
               const b = a.scene?.getObjectByProperty("uuid", n.uuid);
               b !== void 0 && ee(b, `material.${o}`, v);
             }
           });
         e.push({
-          title: je(o),
+          title: De(o),
           items: s
         });
       } else {
         const s = [];
-        for (const u in m) {
-          const p = m[u];
-          switch (typeof p) {
+        for (const u in p) {
+          const d = p[u];
+          switch (typeof d) {
             case "boolean":
             case "number":
             case "string":
               u === "src" ? e.push({
-                title: je(o),
+                title: De(o),
                 type: "image",
-                value: p,
+                value: d,
                 onChange: (b, E) => {
                   a.createTexture(n.uuid, `material.${o}`, E);
-                  const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && $t(E).then((M) => {
-                    ee(x, `material.${o}`, M), ee(x, "material.needsUpdate", !0);
+                  const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && $t(E).then((M) => {
+                    ee(S, `material.${o}`, M), ee(S, "material.needsUpdate", !0);
                   });
                 }
               }) : s.push({
-                title: `${je(u)}`,
+                title: `${De(u)}`,
                 prop: `material.${o}.${u}`,
                 type: `${typeof t[o][u]}`,
-                value: m[u],
+                value: p[u],
                 onChange: (b, E) => {
                   a.updateObject(n.uuid, `material.${o}.${u}`, E);
-                  const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && ee(x, `material.${o}.${u}`, E);
+                  const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && ee(S, `material.${o}.${u}`, E);
                 }
               });
               break;
             case "object":
-              if (p.value !== void 0 && p.value.src !== void 0)
+              if (d.value !== void 0 && d.value.src !== void 0)
                 s.push({
-                  title: je(u),
+                  title: De(u),
                   type: "image",
-                  value: p.value.src,
+                  value: d.value.src,
                   onChange: (b, E) => {
-                    a.createTexture(n.uuid, `material.${o}.${u}.value`, m);
-                    const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && $t(E).then((M) => {
-                      ee(x, `material.${o}.${u}.value`, M);
+                    a.createTexture(n.uuid, `material.${o}.${u}.value`, p);
+                    const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && $t(E).then((M) => {
+                      ee(S, `material.${o}.${u}.value`, M);
                     });
                   }
                 });
               else if (o === "uniforms") {
-                const b = p.value, E = (x, M, P) => ({
-                  title: x,
+                const b = d.value, E = (S, M, P) => ({
+                  title: S,
                   type: "number",
                   value: P,
                   step: 0.01,
                   onChange: (H, B) => {
-                    const w = `material.uniforms.${u}.value.${M}`;
-                    a.updateObject(n.uuid, w, B);
+                    const x = `material.uniforms.${u}.value.${M}`;
+                    a.updateObject(n.uuid, x, B);
                     const z = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    z !== void 0 && ee(z, w, B);
+                    z !== void 0 && ee(z, x, B);
                   }
                 });
-                if (typeof p.value == "number")
+                if (typeof d.value == "number")
                   s.push({
                     title: u,
                     type: "number",
-                    value: p.value,
-                    onChange: (x, M) => {
-                      const P = `material.${o}.${x}.value`;
+                    value: d.value,
+                    onChange: (S, M) => {
+                      const P = `material.${o}.${S}.value`;
                       a.updateObject(n.uuid, P, M);
                       const H = a.scene?.getObjectByProperty("uuid", n.uuid);
                       H !== void 0 && ee(H, P, M);
@@ -2225,9 +2346,9 @@ function Jt(t, n, a) {
                   s.push({
                     title: u,
                     type: "color",
-                    value: p.value,
-                    onChange: (x, M) => {
-                      const P = new Ot(M), H = `material.${o}.${x}.value`;
+                    value: d.value,
+                    onChange: (S, M) => {
+                      const P = new wt(M), H = `material.${o}.${S}.value`;
                       a.updateObject(n.uuid, H, P);
                       const B = a.scene?.getObjectByProperty("uuid", n.uuid);
                       B !== void 0 && ee(B, H, P);
@@ -2238,8 +2359,8 @@ function Jt(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y)
                       ]
                     }
                   );
@@ -2248,9 +2369,9 @@ function Jt(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y),
-                        E("Z", "z", p.value.z)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z)
                       ]
                     }
                   );
@@ -2259,17 +2380,17 @@ function Jt(t, n, a) {
                     {
                       title: u,
                       items: [
-                        E("X", "x", p.value.x),
-                        E("Y", "y", p.value.y),
-                        E("Z", "z", p.value.z),
-                        E("W", "w", p.value.w)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z),
+                        E("W", "w", d.value.w)
                       ]
                     }
                   );
                 else if (b.elements !== void 0) {
-                  const x = b.elements, M = [];
-                  for (let P = 0; P < x.length; P++)
-                    M.push(E(P.toString(), P.toString(), x[P]));
+                  const S = b.elements, M = [];
+                  for (let P = 0; P < S.length; P++)
+                    M.push(E(P.toString(), P.toString(), S[P]));
                   s.push(
                     {
                       title: u,
@@ -2281,26 +2402,26 @@ function Jt(t, n, a) {
               } else
                 s.push({
                   title: u,
-                  type: `${typeof p.value}`,
-                  value: p.value,
+                  type: `${typeof d.value}`,
+                  value: d.value,
                   onChange: (b, E) => {
                     a.updateObject(n.uuid, `material.${o}.${u}.value`, E);
-                    const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && ee(x, `material.${o}.${u}.value`, E);
+                    const S = a.scene?.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && ee(S, `material.${o}.${u}.value`, E);
                   }
                 });
               break;
           }
         }
         s.length > 0 && e.push({
-          title: je(o),
+          title: De(o),
           items: s
         });
       }
     else
-      m !== void 0 && console.log("other:", o, l, m);
+      p !== void 0 && console.log("other:", o, c, p);
   }
-  return e.sort((o, l) => o.title < l.title ? -1 : o.title > l.title ? 1 : 0), e.push({
+  return e.sort((o, c) => o.title < c.title ? -1 : o.title > c.title ? 1 : 0), e.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
@@ -2308,24 +2429,24 @@ function Jt(t, n, a) {
     }
   }), e;
 }
-function ai(t, n) {
+function ri(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
     const e = [], o = a.length;
-    for (let l = 0; l < o; l++)
+    for (let c = 0; c < o; c++)
       e.push(
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsx(
           Fe,
           {
-            title: `Material ${l}`,
-            items: Jt(a[l], t, n)
+            title: `Material ${c}`,
+            items: Jt(a[c], t, n)
           },
-          `Material ${l}`
+          `Material ${c}`
         )
       );
-    return /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+    return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
   } else
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ l.jsx(
       Fe,
       {
         title: "Material",
@@ -2333,79 +2454,79 @@ function ai(t, n) {
       }
     );
 }
-function ot(t) {
+function rt(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Sa(t.value));
-  const [a, e] = ae(n), o = ye(null), l = ye(null), m = ye(null);
-  Se(() => {
-    let v = !1, b = -1, E = 0, x = Number(a);
+  n !== void 0 && n.isColor !== void 0 && (n = Oa(t.value));
+  const [a, e] = ae(n), o = ye(null), c = ye(null), p = ye(null);
+  we(() => {
+    let v = !1, b = -1, E = 0, S = Number(a);
     const M = (z) => {
-      v = !0, E = x, b = z.clientX;
+      v = !0, E = S, b = z.clientX;
     }, P = (z) => {
       if (!v)
         return;
-      const Ee = t.step !== void 0 ? t.step : 1, ce = (z.clientX - b) * Ee;
-      x = Number((E + ce).toFixed(4)), l.current !== null && (l.current.value = x.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, x);
+      const Ee = t.step !== void 0 ? t.step : 1, le = (z.clientX - b) * Ee;
+      S = Number((E + le).toFixed(4)), c.current !== null && (c.current.value = S.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, S);
     }, H = () => {
       v = !1;
     }, B = () => {
       v = !1;
-    }, w = t.type === "number";
-    return w && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
-      w && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
+    }, x = t.type === "number";
+    return x && (o.current?.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", H, !1), document.addEventListener("mousemove", P, !1), document.addEventListener("contextmenu", B, !1)), () => {
+      x && (o.current?.removeEventListener("mousedown", M), document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", P), document.removeEventListener("contextmenu", B));
     };
   }, [a]);
   const s = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = s || t.type === "image", p = (v) => {
+`) > -1), u = s || t.type === "image", d = (v) => {
     let b = v.target.value;
     t.type === "boolean" ? b = v.target.checked : t.type === "option" && (b = t.options[b].value), e(b), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, b);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: o, children: st(t.title) }, "fieldLabel"),
-    t.type === "string" && !s && /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
+    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: o, children: ot(t.title) }, "fieldLabel"),
+    t.type === "string" && !s && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "string" && s && /* @__PURE__ */ c.jsx(
+    t.type === "string" && s && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
         rows: 10,
         disabled: t.disabled !== void 0 ? t.disabled : !0,
-        onChange: p,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "boolean" && /* @__PURE__ */ c.jsx(
+    t.type === "boolean" && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         checked: a
       }
     ),
-    t.type === "number" && /* @__PURE__ */ c.jsx(
+    t.type === "number" && /* @__PURE__ */ l.jsx(
       "input",
       {
-        ref: l,
+        ref: c,
         type: "number",
         value: a,
         min: t.min,
         max: t.max,
         step: t.step,
         disabled: t.disabled,
-        onChange: p
+        onChange: d
       }
     ),
-    t.type === "range" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, disabled: t.disabled, className: "min" }),
-      /* @__PURE__ */ c.jsx(
+    t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "min" }),
+      /* @__PURE__ */ l.jsx(
         "input",
         {
           disabled: t.disabled,
@@ -2414,15 +2535,15 @@ function ot(t) {
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: p
+          onChange: d
         }
       )
     ] }),
-    t.type === "color" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx("input", { type: "text", value: a.toString(), onChange: p, disabled: t.disabled, className: "color" }),
-      /* @__PURE__ */ c.jsx("input", { type: "color", value: a, onChange: p, disabled: t.disabled })
+    t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: d, disabled: t.disabled })
     ] }),
-    t.type === "button" && /* @__PURE__ */ c.jsx(
+    t.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
       {
         disabled: t.disabled,
@@ -2432,12 +2553,12 @@ function ot(t) {
         children: t.title
       }
     ),
-    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: m, onClick: () => {
-      Za().then((v) => {
-        m.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
+    t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
+      Qa().then((v) => {
+        p.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
       });
-    }, src: a.length > 0 ? a : Wa }),
-    t.type === "option" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx("select", { onChange: p, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ c.jsx("option", { value: v.value, children: st(v.title) }, b)) }) })
+    }, src: a.length > 0 ? a : Ka }),
+    t.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: d, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: ot(v.title) }, b)) }) })
   ] });
 }
 function Qt(t) {
@@ -2469,7 +2590,7 @@ function Qt(t) {
   }
   return t;
 }
-function ii(t, n) {
+function oi(t, n) {
   const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
@@ -2479,10 +2600,10 @@ function ii(t, n) {
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, l) => {
-          n.updateObject(t.uuid, o, l), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const m = n.scene?.getObjectByProperty("uuid", t.uuid);
-          m !== void 0 && (ee(m, o, l), m.updateProjectionMatrix());
+        onChange: (o, c) => {
+          n.updateObject(t.uuid, o, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const p = n.scene?.getObjectByProperty("uuid", t.uuid);
+          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
@@ -2493,13 +2614,13 @@ function ii(t, n) {
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, l) => {
-          n.updateObject(t.uuid, o, l), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const m = n.scene?.getObjectByProperty("uuid", t.uuid);
-          m !== void 0 && (ee(m, o, l), m.updateProjectionMatrix());
+        onChange: (o, c) => {
+          n.updateObject(t.uuid, o, c), n.requestMethod(t.uuid, "updateProjectionMatrix");
+          const p = n.scene?.getObjectByProperty("uuid", t.uuid);
+          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
         }
       });
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Camera",
@@ -2507,29 +2628,29 @@ function ii(t, n) {
     }
   );
 }
-const ri = Math.PI / 180, oi = 180 / Math.PI;
-function Xe(t, n, a, e, o) {
+const si = Math.PI / 180, ci = 180 / Math.PI;
+function We(t, n, a, e, o) {
   return e + (t - n) * (o - e) / (a - n);
 }
-function si(t) {
-  return t * ri;
+function li(t) {
+  return t * si;
 }
 function Nt(t) {
-  return t * oi;
+  return t * ci;
 }
-function li(t, n) {
-  const a = new sa();
+function ui(t, n) {
+  const a = new ca();
   a.elements = t.matrix;
-  const e = new q(), o = new la(), l = new q();
-  t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), l.setFromMatrixScale(a));
-  const m = (u, p) => {
-    n.updateObject(t.uuid, u, p);
+  const e = new X(), o = new la(), c = new X();
+  t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), c.setFromMatrixScale(a));
+  const p = (u, d) => {
+    n.updateObject(t.uuid, u, d);
     const v = n.scene?.getObjectByProperty("uuid", t.uuid);
-    v !== void 0 && ee(v, u, p);
-  }, s = (u, p) => {
-    m(u, si(p));
+    v !== void 0 && ee(v, u, d);
+  }, s = (u, d) => {
+    p(u, li(d));
   };
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Transform",
@@ -2539,21 +2660,21 @@ function li(t, n) {
           prop: "position.x",
           type: "number",
           value: e.x,
-          onChange: m
+          onChange: p
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
           value: e.y,
-          onChange: m
+          onChange: p
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
           value: e.z,
-          onChange: m
+          onChange: p
         },
         {
           title: "Rotation X",
@@ -2589,25 +2710,25 @@ function li(t, n) {
           title: "Scale X",
           prop: "scale.x",
           type: "number",
-          value: l.x,
+          value: c.x,
           step: 0.01,
-          onChange: m
+          onChange: p
         },
         {
           title: "Scale Y",
           prop: "scale.y",
           type: "number",
-          value: l.y,
+          value: c.y,
           step: 0.01,
-          onChange: m
+          onChange: p
         },
         {
           title: "Scale Z",
           prop: "scale.z",
           type: "number",
-          value: l.z,
+          value: c.z,
           step: 0.01,
-          onChange: m
+          onChange: p
         }
       ]
     }
@@ -2632,7 +2753,7 @@ function en(t) {
   }
   return t;
 }
-function ci(t, n) {
+function di(t, n) {
   const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
@@ -2642,11 +2763,11 @@ function ci(t, n) {
         prop: e,
         type: "color",
         value: o,
-        onChange: (l, m) => {
-          const s = new Ot(m);
-          n.updateObject(t.uuid, l, s);
+        onChange: (c, p) => {
+          const s = new wt(p);
+          n.updateObject(t.uuid, c, s);
           const u = n.scene?.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && ee(u, l, s);
+          u !== void 0 && ee(u, c, s);
         }
       }) : a.push({
         title: en(e),
@@ -2654,14 +2775,14 @@ function ci(t, n) {
         type: typeof o,
         value: o,
         step: typeof o == "number" ? 0.01 : void 0,
-        onChange: (l, m) => {
-          n.updateObject(t.uuid, l, m);
+        onChange: (c, p) => {
+          n.updateObject(t.uuid, c, p);
           const s = n.scene?.getObjectByProperty("uuid", t.uuid);
-          s !== void 0 && ee(s, l, m);
+          s !== void 0 && ee(s, c, p);
         }
       }));
     }
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ l.jsx(
     Fe,
     {
       title: "Light",
@@ -2669,7 +2790,7 @@ function ci(t, n) {
     }
   );
 }
-function ui(t, n) {
+function hi(t, n) {
   const a = [], e = [];
   let o = 0;
   t.animations.forEach((s) => {
@@ -2703,11 +2824,11 @@ function ui(t, n) {
     title: "Animations",
     items: e
   });
-  const l = n.scene?.getObjectByProperty("uuid", t.uuid);
-  let m = !1;
-  if (l !== void 0) {
-    const s = l.mixer;
-    if (m = s !== void 0, m) {
+  const c = n.scene?.getObjectByProperty("uuid", t.uuid);
+  let p = !1;
+  if (c !== void 0) {
+    const s = c.mixer;
+    if (p = s !== void 0, p) {
       const u = [
         {
           title: "Time Scale",
@@ -2716,7 +2837,7 @@ function ui(t, n) {
           step: 0.01,
           min: -1,
           max: 2,
-          onChange: (p, v) => {
+          onChange: (d, v) => {
             s.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
@@ -2733,9 +2854,9 @@ function ui(t, n) {
       });
     }
   }
-  return /* @__PURE__ */ c.jsx(Fe, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(Fe, { title: "Animation", items: a });
 }
-const Ln = {
+const Nn = {
   name: "",
   uuid: "",
   type: "",
@@ -2747,25 +2868,25 @@ const Ln = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let te = { ...Ln };
-function di(t) {
+let te = { ...Nn };
+function fi(t) {
   const [n, a] = ae(-1);
-  Se(() => {
-    function m(u) {
+  we(() => {
+    function p(u) {
       te = { ...u.value }, a(Date.now());
     }
     function s() {
-      te = { ...Ln }, a(Date.now());
+      te = { ...Nn }, a(Date.now());
     }
-    return k.addEventListener(D.SET_SCENE, s), k.addEventListener(D.SET_OBJECT, m), () => {
-      k.removeEventListener(D.SET_SCENE, s), k.removeEventListener(D.SET_OBJECT, m);
+    return k.addEventListener(j.SET_SCENE, s), k.addEventListener(j.SET_OBJECT, p), () => {
+      k.removeEventListener(j.SET_SCENE, s), k.removeEventListener(j.SET_OBJECT, p);
     };
   }, []);
-  const e = te.type.toLowerCase(), o = te.animations.length > 0 || te.mixer !== void 0, l = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
-  return /* @__PURE__ */ c.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx(
-        ot,
+  const e = te.type.toLowerCase(), o = te.animations.length > 0 || te.mixer !== void 0, c = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
+  return /* @__PURE__ */ l.jsx(Yt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx(
+        rt,
         {
           type: "string",
           title: "Name",
@@ -2774,8 +2895,8 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        rt,
         {
           type: "string",
           title: "Type",
@@ -2784,8 +2905,8 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        rt,
         {
           type: "string",
           title: "UUID",
@@ -2794,47 +2915,47 @@ function di(t) {
           disabled: !0
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        ot,
+      /* @__PURE__ */ l.jsx(
+        rt,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: te.visible,
-          onChange: (m, s) => {
-            t.three.updateObject(te.uuid, m, s);
+          onChange: (p, s) => {
+            t.three.updateObject(te.uuid, p, s);
             const u = t.three.scene?.getObjectByProperty("uuid", te.uuid);
-            u !== void 0 && ee(u, m, s);
+            u !== void 0 && ee(u, p, s);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      li(te, t.three),
-      o ? ui(te, t.three) : null,
-      e.search("camera") > -1 ? ii(te, t.three) : null,
-      e.search("light") > -1 ? ci(te, t.three) : null,
-      l ? ai(te, t.three) : null
+    /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      ui(te, t.three),
+      o ? hi(te, t.three) : null,
+      e.search("camera") > -1 ? oi(te, t.three) : null,
+      e.search("light") > -1 ? di(te, t.three) : null,
+      c ? ri(te, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-function Ii(t) {
+function Li(t) {
   const [n, a] = ae(t.scene);
-  Se(() => {
-    const l = (m) => {
-      a(m.value);
+  we(() => {
+    const c = (p) => {
+      a(p.value);
     };
-    return k.addEventListener(D.SET_SCENE, l), () => {
-      k.removeEventListener(D.SET_SCENE, l);
+    return k.addEventListener(j.SET_SCENE, c), () => {
+      k.removeEventListener(j.SET_SCENE, c);
     };
   }, []);
   const e = n !== null, o = "Hierarchy - " + (e ? `${n?.name}` : "No Scene");
-  return /* @__PURE__ */ c.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ c.jsx(Gt, { label: o, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: e && /* @__PURE__ */ c.jsx(Ha, { child: n, three: t.three }) }) }),
-    /* @__PURE__ */ c.jsx(di, { three: t.three })
+  return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
+    /* @__PURE__ */ l.jsx(Yt, { label: o, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(qa, { child: n, three: t.three }) }) }),
+    /* @__PURE__ */ l.jsx(fi, { three: t.three })
   ] }, "SidePanel");
 }
-function Li(t) {
+function Ni(t) {
   function n() {
     return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
@@ -2843,84 +2964,84 @@ function Li(t) {
       return;
     const u = t.three.scene?.getObjectByProperty("uuid", s.value);
     u !== void 0 && t.three.setObject(u);
-  }, e = (s, u, p) => {
+  }, e = (s, u, d) => {
     if (!n())
       return;
     const v = t.three.scene?.getObjectByProperty("uuid", s);
-    v !== void 0 && ee(v, u, p);
+    v !== void 0 && ee(v, u, d);
   }, o = (s) => {
     if (!n())
       return;
-    const u = s.value, { key: p, value: v, uuid: b } = u;
-    e(b, p, v);
-  }, l = (s) => {
+    const u = s.value, { key: d, value: v, uuid: b } = u;
+    e(b, d, v);
+  }, c = (s) => {
     if (!n())
       return;
     const u = s.value;
-    $t(u.value).then((p) => {
-      e(u.uuid, u.key, p), e(u.uuid, "material.needsUpdate", !0);
+    $t(u.value).then((d) => {
+      e(u.uuid, u.key, d), e(u.uuid, "material.needsUpdate", !0);
     });
-  }, m = (s) => {
+  }, p = (s) => {
     if (!n())
       return;
-    const { key: u, uuid: p, value: v, subitem: b } = s.value, E = t.three.scene?.getObjectByProperty("uuid", p);
+    const { key: u, uuid: d, value: v, subitem: b } = s.value, E = t.three.scene?.getObjectByProperty("uuid", d);
     if (E !== void 0)
       try {
-        b !== void 0 ? Aa(E, b)[u](v) : E[u](v);
-      } catch (x) {
-        console.log("Error requesting method:"), console.log(x), console.log(u), console.log(v);
+        b !== void 0 ? ka(E, b)[u](v) : E[u](v);
+      } catch (S) {
+        console.log("Error requesting method:"), console.log(S), console.log(u), console.log(v);
       }
   };
-  return Se(() => (k.addEventListener(D.GET_OBJECT, a), k.addEventListener(D.UPDATE_OBJECT, o), k.addEventListener(D.CREATE_TEXTURE, l), k.addEventListener(D.REQUEST_METHOD, m), () => {
-    k.removeEventListener(D.GET_OBJECT, a), k.removeEventListener(D.UPDATE_OBJECT, o), k.removeEventListener(D.CREATE_TEXTURE, l), k.removeEventListener(D.REQUEST_METHOD, m);
+  return we(() => (k.addEventListener(j.GET_OBJECT, a), k.addEventListener(j.UPDATE_OBJECT, o), k.addEventListener(j.CREATE_TEXTURE, c), k.addEventListener(j.REQUEST_METHOD, p), () => {
+    k.removeEventListener(j.GET_OBJECT, a), k.removeEventListener(j.UPDATE_OBJECT, o), k.removeEventListener(j.CREATE_TEXTURE, c), k.removeEventListener(j.REQUEST_METHOD, p);
   }), []), null;
 }
-const tn = { type: "change" }, Ft = { type: "start" }, nn = { type: "end" }, Ct = new ca(), an = new ua(), fi = Math.cos(70 * da.DEG2RAD);
-class pi extends ln {
+const tn = { type: "change" }, Ft = { type: "start" }, nn = { type: "end" }, Et = new ua(), an = new da(), pi = Math.cos(70 * ha.DEG2RAD);
+class mi extends cn {
   constructor(n, a) {
-    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new q(), this.cursor = new q(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: Ge.ROTATE, MIDDLE: Ge.DOLLY, RIGHT: Ge.PAN }, this.touches = { ONE: Ve.ROTATE, TWO: Ve.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new X(), this.cursor = new X(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: Ge.ROTATE, MIDDLE: Ge.DOLLY, RIGHT: Ge.PAN }, this.touches = { ONE: Ve.ROTATE, TWO: Ve.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
       return s.phi;
     }, this.getAzimuthalAngle = function() {
       return s.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(r) {
-      r.addEventListener("keydown", et), this._domElementKeyEvents = r;
+      r.addEventListener("keydown", Qe), this._domElementKeyEvents = r;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", et), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", Qe), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
-      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(tn), e.update(), l = o.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(tn), e.update(), c = o.NONE;
     }, this.update = function() {
-      const r = new q(), y = new Xt().setFromUnitVectors(n.up, new q(0, 1, 0)), O = y.clone().invert(), L = new q(), K = new Xt(), de = new q(), ie = 2 * Math.PI;
-      return function(jt = null) {
-        const nt = e.object.position;
-        r.copy(nt).sub(e.target), r.applyQuaternion(y), s.setFromVector3(r), e.autoRotate && l === o.NONE && U(_(jt)), e.enableDamping ? (s.theta += u.theta * e.dampingFactor, s.phi += u.phi * e.dampingFactor) : (s.theta += u.theta, s.phi += u.phi);
-        let he = e.minAzimuthAngle, fe = e.maxAzimuthAngle;
-        isFinite(he) && isFinite(fe) && (he < -Math.PI ? he += ie : he > Math.PI && (he -= ie), fe < -Math.PI ? fe += ie : fe > Math.PI && (fe -= ie), he <= fe ? s.theta = Math.max(he, Math.min(fe, s.theta)) : s.theta = s.theta > (he + fe) / 2 ? Math.max(he, s.theta) : Math.min(fe, s.theta)), s.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, s.phi)), s.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && se || e.object.isOrthographicCamera ? s.radius = me(s.radius) : s.radius = me(s.radius * p), r.setFromSpherical(s), r.applyQuaternion(O), nt.copy(e.target).add(r), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
+      const r = new X(), y = new Wt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new Wt(), de = new X(), ie = 2 * Math.PI;
+      return function(Dt = null) {
+        const tt = e.object.position;
+        r.copy(tt).sub(e.target), r.applyQuaternion(y), s.setFromVector3(r), e.autoRotate && c === o.NONE && U(_(Dt)), e.enableDamping ? (s.theta += u.theta * e.dampingFactor, s.phi += u.phi * e.dampingFactor) : (s.theta += u.theta, s.phi += u.phi);
+        let pe = e.minAzimuthAngle, he = e.maxAzimuthAngle;
+        isFinite(pe) && isFinite(he) && (pe < -Math.PI ? pe += ie : pe > Math.PI && (pe -= ie), he < -Math.PI ? he += ie : he > Math.PI && (he -= ie), pe <= he ? s.theta = Math.max(pe, Math.min(he, s.theta)) : s.theta = s.theta > (pe + he) / 2 ? Math.max(pe, s.theta) : Math.min(he, s.theta)), s.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, s.phi)), s.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && se || e.object.isOrthographicCamera ? s.radius = me(s.radius) : s.radius = me(s.radius * d), r.setFromSpherical(s), r.applyQuaternion(O), tt.copy(e.target).add(r), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
         let Ae = !1;
         if (e.zoomToCursor && se) {
           let Pe = null;
           if (e.object.isPerspectiveCamera) {
             const ke = r.length();
-            Pe = me(ke * p);
-            const De = ke - Pe;
-            e.object.position.addScaledVector(Ee, De), e.object.updateMatrixWorld();
+            Pe = me(ke * d);
+            const je = ke - Pe;
+            e.object.position.addScaledVector(Ee, je), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
-            const ke = new q(ce.x, ce.y, 0);
-            ke.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), Ae = !0;
-            const De = new q(ce.x, ce.y, 0);
-            De.unproject(e.object), e.object.position.sub(De).add(ke), e.object.updateMatrixWorld(), Pe = r.length();
+            const ke = new X(le.x, le.y, 0);
+            ke.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix(), Ae = !0;
+            const je = new X(le.x, le.y, 0);
+            je.unproject(e.object), e.object.position.sub(je).add(ke), e.object.updateMatrixWorld(), Pe = r.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          Pe !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position) : (Ct.origin.copy(e.object.position), Ct.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Ct.direction)) < fi ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), Ct.intersectPlane(an, e.target))));
+          Pe !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position) : (Et.origin.copy(e.object.position), Et.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Et.direction)) < pi ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), Et.intersectPlane(an, e.target))));
         } else
-          e.object.isOrthographicCamera && (Ae = p !== 1, Ae && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix()));
-        return p = 1, se = !1, Ae || L.distanceToSquared(e.object.position) > m || 8 * (1 - K.dot(e.object.quaternion)) > m || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
+          e.object.isOrthographicCamera && (Ae = d !== 1, Ae && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix()));
+        return d = 1, se = !1, Ae || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", ze), e.domElement.removeEventListener("pointerdown", Re), e.domElement.removeEventListener("pointercancel", _e), e.domElement.removeEventListener("wheel", vt), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", _e), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", et), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", ze), e.domElement.removeEventListener("pointerdown", Re), e.domElement.removeEventListener("pointercancel", _e), e.domElement.removeEventListener("wheel", mt), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", _e), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", Qe), e._domElementKeyEvents = null);
     };
     const e = this, o = {
       NONE: -1,
@@ -2932,13 +3053,13 @@ class pi extends ln {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let l = o.NONE;
-    const m = 1e-6, s = new Kt(), u = new Kt();
-    let p = 1;
-    const v = new q(), b = new ue(), E = new ue(), x = new ue(), M = new ue(), P = new ue(), H = new ue(), B = new ue(), w = new ue(), z = new ue(), Ee = new q(), ce = new ue();
+    let c = o.NONE;
+    const p = 1e-6, s = new qt(), u = new qt();
+    let d = 1;
+    const v = new X(), b = new ue(), E = new ue(), S = new ue(), M = new ue(), P = new ue(), H = new ue(), B = new ue(), x = new ue(), z = new ue(), Ee = new X(), le = new ue();
     let se = !1;
-    const d = [], h = {};
-    let S = !1;
+    const h = [], m = {};
+    let w = !1;
     function _(r) {
       return r !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * r : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
@@ -2953,17 +3074,17 @@ class pi extends ln {
       u.phi -= r;
     }
     const I = function() {
-      const r = new q();
+      const r = new X();
       return function(O, L) {
         r.setFromMatrixColumn(L, 0), r.multiplyScalar(-O), v.add(r);
       };
     }(), W = function() {
-      const r = new q();
+      const r = new X();
       return function(O, L) {
         e.screenSpacePanning === !0 ? r.setFromMatrixColumn(L, 1) : (r.setFromMatrixColumn(L, 0), r.crossVectors(e.object.up, r)), r.multiplyScalar(O), v.add(r);
       };
-    }(), X = function() {
-      const r = new q();
+    }(), q = function() {
+      const r = new X();
       return function(O, L) {
         const K = e.domElement;
         if (e.object.isPerspectiveCamera) {
@@ -2976,17 +3097,17 @@ class pi extends ln {
       };
     }();
     function T(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d /= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function N(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d *= r : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function J(r, y) {
       if (!e.zoomToCursor)
         return;
       se = !0;
       const O = e.domElement.getBoundingClientRect(), L = r - O.left, K = y - O.top, de = O.width, ie = O.height;
-      ce.x = L / de * 2 - 1, ce.y = -(K / ie) * 2 + 1, Ee.set(ce.x, ce.y, 1).unproject(e.object).sub(e.object.position).normalize();
+      le.x = L / de * 2 - 1, le.y = -(K / ie) * 2 + 1, Ee.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
     function me(r) {
       return Math.max(e.minDistance, Math.min(e.maxDistance, r));
@@ -2994,120 +3115,120 @@ class pi extends ln {
     function Ce(r) {
       b.set(r.clientX, r.clientY);
     }
-    function ut(r) {
+    function lt(r) {
       J(r.clientX, r.clientX), B.set(r.clientX, r.clientY);
     }
-    function Ke(r) {
+    function qe(r) {
       M.set(r.clientX, r.clientY);
     }
     function Tt(r) {
-      E.set(r.clientX, r.clientY), x.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+      E.set(r.clientX, r.clientY), S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E), e.update();
+      U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E), e.update();
     }
     function Rt(r) {
-      w.set(r.clientX, r.clientY), z.subVectors(w, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(w), e.update();
+      x.set(r.clientX, r.clientY), z.subVectors(x, B), z.y > 0 ? T(Y(z.y)) : z.y < 0 && N(Y(z.y)), B.copy(x), e.update();
     }
-    function qe(r) {
-      P.set(r.clientX, r.clientY), H.subVectors(P, M).multiplyScalar(e.panSpeed), X(H.x, H.y), M.copy(P), e.update();
+    function Ke(r) {
+      P.set(r.clientX, r.clientY), H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P), e.update();
     }
-    function Ze(r) {
+    function Xe(r) {
       J(r.clientX, r.clientY), r.deltaY < 0 ? N(Y(r.deltaY)) : r.deltaY > 0 && T(Y(r.deltaY)), e.update();
     }
     function Ue(r) {
       let y = !1;
       switch (r.code) {
         case e.keys.UP:
-          r.ctrlKey || r.metaKey || r.shiftKey ? $(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(0, e.keyPanSpeed), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? $(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(0, e.keyPanSpeed), y = !0;
           break;
         case e.keys.BOTTOM:
-          r.ctrlKey || r.metaKey || r.shiftKey ? $(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(0, -e.keyPanSpeed), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? $(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(0, -e.keyPanSpeed), y = !0;
           break;
         case e.keys.LEFT:
-          r.ctrlKey || r.metaKey || r.shiftKey ? U(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(e.keyPanSpeed, 0), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? U(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(e.keyPanSpeed, 0), y = !0;
           break;
         case e.keys.RIGHT:
-          r.ctrlKey || r.metaKey || r.shiftKey ? U(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : X(-e.keyPanSpeed, 0), y = !0;
+          r.ctrlKey || r.metaKey || r.shiftKey ? U(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : q(-e.keyPanSpeed, 0), y = !0;
           break;
       }
       y && (r.preventDefault(), e.update());
     }
     function $e(r) {
-      if (d.length === 1)
+      if (h.length === 1)
         b.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         b.set(O, L);
       }
     }
     function Oe(r) {
-      if (d.length === 1)
+      if (h.length === 1)
         M.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         M.set(O, L);
       }
     }
-    function dt(r) {
-      const y = we(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
+    function ut(r) {
+      const y = xe(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
       B.set(0, K);
     }
-    function ft(r) {
-      e.enableZoom && dt(r), e.enablePan && Oe(r);
+    function dt(r) {
+      e.enableZoom && ut(r), e.enablePan && Oe(r);
     }
     function _t(r) {
-      e.enableZoom && dt(r), e.enableRotate && $e(r);
+      e.enableZoom && ut(r), e.enableRotate && $e(r);
     }
-    function pt(r) {
-      if (d.length == 1)
+    function ht(r) {
+      if (h.length == 1)
         E.set(r.pageX, r.pageY);
       else {
-        const O = we(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
+        const O = xe(r), L = 0.5 * (r.pageX + O.x), K = 0.5 * (r.pageY + O.y);
         E.set(L, K);
       }
-      x.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+      S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E);
+      U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E);
     }
     function Me(r) {
-      if (d.length === 1)
+      if (h.length === 1)
         P.set(r.pageX, r.pageY);
       else {
-        const y = we(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
+        const y = xe(r), O = 0.5 * (r.pageX + y.x), L = 0.5 * (r.pageY + y.y);
         P.set(O, L);
       }
-      H.subVectors(P, M).multiplyScalar(e.panSpeed), X(H.x, H.y), M.copy(P);
+      H.subVectors(P, M).multiplyScalar(e.panSpeed), q(H.x, H.y), M.copy(P);
     }
     function Te(r) {
-      const y = we(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
-      w.set(0, K), z.set(0, Math.pow(w.y / B.y, e.zoomSpeed)), T(z.y), B.copy(w);
+      const y = xe(r), O = r.pageX - y.x, L = r.pageY - y.y, K = Math.sqrt(O * O + L * L);
+      x.set(0, K), z.set(0, Math.pow(x.y / B.y, e.zoomSpeed)), T(z.y), B.copy(x);
       const de = (r.pageX + y.x) * 0.5, ie = (r.pageY + y.y) * 0.5;
       J(de, ie);
     }
-    function ht(r) {
+    function ft(r) {
       e.enableZoom && Te(r), e.enablePan && Me(r);
     }
-    function mt(r) {
-      e.enableZoom && Te(r), e.enableRotate && pt(r);
+    function pt(r) {
+      e.enableZoom && Te(r), e.enableRotate && ht(r);
     }
     function Re(r) {
-      e.enabled !== !1 && (d.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Je), e.domElement.addEventListener("pointerup", _e)), Pt(r), r.pointerType === "touch" ? tt(r) : Qe(r));
+      e.enabled !== !1 && (h.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Ze), e.domElement.addEventListener("pointerup", _e)), Pt(r), r.pointerType === "touch" ? et(r) : Je(r));
     }
-    function Je(r) {
-      e.enabled !== !1 && (r.pointerType === "touch" ? yt(r) : At(r));
+    function Ze(r) {
+      e.enabled !== !1 && (r.pointerType === "touch" ? bt(r) : At(r));
     }
     function _e(r) {
-      switch (kt(r), d.length) {
+      switch (kt(r), h.length) {
         case 0:
-          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", _e), e.dispatchEvent(nn), l = o.NONE;
+          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Ze), e.domElement.removeEventListener("pointerup", _e), e.dispatchEvent(nn), c = o.NONE;
           break;
         case 1:
-          const y = d[0], O = h[y];
-          tt({ pointerId: y, pageX: O.x, pageY: O.y });
+          const y = h[0], O = m[y];
+          et({ pointerId: y, pageX: O.x, pageY: O.y });
           break;
       }
     }
-    function Qe(r) {
+    function Je(r) {
       let y;
       switch (r.button) {
         case 0:
@@ -3126,37 +3247,37 @@ class pi extends ln {
         case Ge.DOLLY:
           if (e.enableZoom === !1)
             return;
-          ut(r), l = o.DOLLY;
+          lt(r), c = o.DOLLY;
           break;
         case Ge.ROTATE:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enablePan === !1)
               return;
-            Ke(r), l = o.PAN;
+            qe(r), c = o.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            Ce(r), l = o.ROTATE;
+            Ce(r), c = o.ROTATE;
           }
           break;
         case Ge.PAN:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            Ce(r), l = o.ROTATE;
+            Ce(r), c = o.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            Ke(r), l = o.PAN;
+            qe(r), c = o.PAN;
           }
           break;
         default:
-          l = o.NONE;
+          c = o.NONE;
       }
-      l !== o.NONE && e.dispatchEvent(Ft);
+      c !== o.NONE && e.dispatchEvent(Ft);
     }
     function At(r) {
-      switch (l) {
+      switch (c) {
         case o.ROTATE:
           if (e.enableRotate === !1)
             return;
@@ -3170,14 +3291,14 @@ class pi extends ln {
         case o.PAN:
           if (e.enablePan === !1)
             return;
-          qe(r);
+          Ke(r);
           break;
       }
     }
-    function vt(r) {
-      e.enabled === !1 || e.enableZoom === !1 || l !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ft), Ze(gt(r)), e.dispatchEvent(nn));
+    function mt(r) {
+      e.enabled === !1 || e.enableZoom === !1 || c !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ft), Xe(vt(r)), e.dispatchEvent(nn));
     }
-    function gt(r) {
+    function vt(r) {
       const y = r.deltaMode, O = {
         clientX: r.clientX,
         clientY: r.clientY,
@@ -3191,33 +3312,33 @@ class pi extends ln {
           O.deltaY *= 100;
           break;
       }
-      return r.ctrlKey && !S && (O.deltaY *= 10), O;
+      return r.ctrlKey && !w && (O.deltaY *= 10), O;
     }
-    function bt(r) {
-      r.key === "Control" && (S = !0, e.domElement.getRootNode().addEventListener("keyup", xe, { passive: !0, capture: !0 }));
+    function gt(r) {
+      r.key === "Control" && (w = !0, e.domElement.getRootNode().addEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
-    function xe(r) {
-      r.key === "Control" && (S = !1, e.domElement.getRootNode().removeEventListener("keyup", xe, { passive: !0, capture: !0 }));
+    function Se(r) {
+      r.key === "Control" && (w = !1, e.domElement.getRootNode().removeEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
-    function et(r) {
+    function Qe(r) {
       e.enabled === !1 || e.enablePan === !1 || Ue(r);
     }
-    function tt(r) {
-      switch (Et(r), d.length) {
+    function et(r) {
+      switch (yt(r), h.length) {
         case 1:
           switch (e.touches.ONE) {
             case Ve.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              $e(r), l = o.TOUCH_ROTATE;
+              $e(r), c = o.TOUCH_ROTATE;
               break;
             case Ve.PAN:
               if (e.enablePan === !1)
                 return;
-              Oe(r), l = o.TOUCH_PAN;
+              Oe(r), c = o.TOUCH_PAN;
               break;
             default:
-              l = o.NONE;
+              c = o.NONE;
           }
           break;
         case 2:
@@ -3225,28 +3346,28 @@ class pi extends ln {
             case Ve.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              ft(r), l = o.TOUCH_DOLLY_PAN;
+              dt(r), c = o.TOUCH_DOLLY_PAN;
               break;
             case Ve.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              _t(r), l = o.TOUCH_DOLLY_ROTATE;
+              _t(r), c = o.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              l = o.NONE;
+              c = o.NONE;
           }
           break;
         default:
-          l = o.NONE;
+          c = o.NONE;
       }
-      l !== o.NONE && e.dispatchEvent(Ft);
+      c !== o.NONE && e.dispatchEvent(Ft);
     }
-    function yt(r) {
-      switch (Et(r), l) {
+    function bt(r) {
+      switch (yt(r), c) {
         case o.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
-          pt(r), e.update();
+          ht(r), e.update();
           break;
         case o.TOUCH_PAN:
           if (e.enablePan === !1)
@@ -3256,67 +3377,67 @@ class pi extends ln {
         case o.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          ht(r), e.update();
+          ft(r), e.update();
           break;
         case o.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          mt(r), e.update();
+          pt(r), e.update();
           break;
         default:
-          l = o.NONE;
+          c = o.NONE;
       }
     }
     function ze(r) {
       e.enabled !== !1 && r.preventDefault();
     }
     function Pt(r) {
-      d.push(r.pointerId);
+      h.push(r.pointerId);
     }
     function kt(r) {
-      delete h[r.pointerId];
-      for (let y = 0; y < d.length; y++)
-        if (d[y] == r.pointerId) {
-          d.splice(y, 1);
+      delete m[r.pointerId];
+      for (let y = 0; y < h.length; y++)
+        if (h[y] == r.pointerId) {
+          h.splice(y, 1);
           return;
         }
     }
-    function Et(r) {
-      let y = h[r.pointerId];
-      y === void 0 && (y = new ue(), h[r.pointerId] = y), y.set(r.pageX, r.pageY);
+    function yt(r) {
+      let y = m[r.pointerId];
+      y === void 0 && (y = new ue(), m[r.pointerId] = y), y.set(r.pageX, r.pageY);
     }
-    function we(r) {
-      const y = r.pointerId === d[0] ? d[1] : d[0];
-      return h[y];
+    function xe(r) {
+      const y = r.pointerId === h[0] ? h[1] : h[0];
+      return m[y];
     }
-    e.domElement.addEventListener("contextmenu", ze), e.domElement.addEventListener("pointerdown", Re), e.domElement.addEventListener("pointercancel", _e), e.domElement.addEventListener("wheel", vt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", bt, { passive: !0, capture: !0 }), this.update();
+    e.domElement.addEventListener("contextmenu", ze), e.domElement.addEventListener("pointerdown", Re), e.domElement.addEventListener("pointercancel", _e), e.domElement.addEventListener("wheel", mt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", gt, { passive: !0, capture: !0 }), this.update();
   }
 }
-const St = (t) => {
+const xt = (t) => {
   const [n, a] = ae(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
-  }, o = (l) => {
-    l !== n && (t.onSelect(l), a(l)), t.onToggle(!1);
+  }, o = (c) => {
+    c !== n && (t.onSelect(c), a(c)), t.onToggle(!1);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
-    /* @__PURE__ */ c.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ c.jsx("ul", { className: "dropdown-menu", children: t.options.map((l) => /* @__PURE__ */ c.jsx("li", { onClick: () => o(l), children: l }, l)) })
+  return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
+    /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
+    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => o(c), children: c }, c)) })
   ] });
-}, Ie = Ca(function(n, a) {
-  const [e, o] = ae(!1), l = n.options.indexOf(n.camera.name);
-  return /* @__PURE__ */ c.jsxs("div", { className: "CameraWindow", children: [
-    /* @__PURE__ */ c.jsx("div", { ref: a, className: "clickable", onClick: () => {
+}, Ie = Sa(function(n, a) {
+  const [e, o] = ae(!1), c = n.options.indexOf(n.camera.name);
+  return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
+    /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       e && o(!1);
     } }),
-    /* @__PURE__ */ c.jsx(
-      St,
+    /* @__PURE__ */ l.jsx(
+      xt,
       {
-        index: l,
+        index: c,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (m) => {
-          o(m);
+        onToggle: (p) => {
+          o(p);
         },
         up: !0
       }
@@ -3332,13 +3453,13 @@ function Be(t, n) {
   const a = new Mn(-100, 100, 100, -100, 50, 3e3);
   return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ne.set(t, a), a;
 }
-Be("Top", new q(0, 1e3, 0));
-Be("Bottom", new q(0, -1e3, 0));
-Be("Left", new q(-1e3, 0, 0));
-Be("Right", new q(1e3, 0, 0));
-Be("Front", new q(0, 0, 1e3));
-Be("Back", new q(0, 0, -1e3));
-Be("Orthographic", new q(1e3, 1e3, 1e3));
+Be("Top", new X(0, 1e3, 0));
+Be("Bottom", new X(0, -1e3, 0));
+Be("Left", new X(-1e3, 0, 0));
+Be("Right", new X(1e3, 0, 0));
+Be("Front", new X(0, 0, 1e3));
+Be("Back", new X(0, 0, -1e3));
+Be("Orthographic", new X(1e3, 1e3, 1e3));
 const Mt = new Bt(60, 1, 50, 3e3);
 Mt.name = "Debug";
 Mt.position.set(500, 500, 500);
@@ -3350,37 +3471,37 @@ const on = [
   "Normals",
   "UVs",
   "Wireframe"
-], hi = new fa(), mi = new pa(), vi = new Va(), gi = new ha({
+], vi = new fa(), gi = new pa(), bi = new Wa(), yi = new ma({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let xt = "Renderer";
+let Ct = "Renderer";
 const V = new Tn();
 V.name = "Debug Scene";
 let be = new Tn();
 V.add(be);
-const ct = new ma();
+const ct = new va();
 ct.name = "helpers";
 V.add(ct);
-const bi = new za();
-ct.add(bi);
-const Nn = new Rn(500);
-Nn.name = "axisHelper";
-ct.add(Nn);
-const lt = new Rn(100);
-lt.name = "interactionHelper";
-ct.add(lt);
-lt.visible = !1;
-let wt = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
-function Ni(t) {
-  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [l, m] = ae(!1), [s, u] = ae(!1), [p, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), x = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), w = (d, h) => {
-    const S = re.get(d.name);
-    S !== void 0 && S.dispose(), re.delete(d.name);
-    const _ = ge.get(d.name);
-    _ !== void 0 && (V.remove(_), _.dispose()), ge.delete(d.name);
-    const Y = new pi(d, h);
-    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, d.name) {
+const Ei = new Ga();
+ct.add(Ei);
+const Fn = new Rn(500);
+Fn.name = "axisHelper";
+ct.add(Fn);
+const st = new Rn(100);
+st.name = "interactionHelper";
+ct.add(st);
+st.visible = !1;
+let St = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
+function Fi(t) {
+  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [c, p] = ae(!1), [s, u] = ae(!1), [d, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), S = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), x = (h, m) => {
+    const w = re.get(h.name);
+    w !== void 0 && w.dispose(), re.delete(h.name);
+    const _ = ge.get(h.name);
+    _ !== void 0 && (V.remove(_), _.dispose()), ge.delete(h.name);
+    const Y = new mi(h, m);
+    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, h.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -3390,92 +3511,92 @@ function Ni(t) {
         Y.enableRotate = !1;
         break;
     }
-    if (re.set(d.name, Y), d instanceof Bt) {
-      const U = new ba(d);
-      ge.set(d.name, U), V.add(U);
+    if (re.set(h.name, Y), h instanceof Bt) {
+      const U = new ya(h);
+      ge.set(h.name, U), V.add(U);
     }
-  }, z = (d) => {
-    const h = ge.get(d.name);
-    h !== void 0 && (V.remove(h), h.dispose(), ge.delete(d.name));
-    const S = re.get(d.name);
-    S !== void 0 && (S.dispose(), re.delete(d.name));
+  }, z = (h) => {
+    const m = ge.get(h.name);
+    m !== void 0 && (V.remove(m), m.dispose(), ge.delete(h.name));
+    const w = re.get(h.name);
+    w !== void 0 && (w.dispose(), re.delete(h.name));
   }, Ee = () => {
-    re.forEach((d, h) => {
-      d.dispose();
-      const S = ge.get(h);
-      S !== void 0 && (V.remove(S), S.dispose()), ge.delete(h), re.delete(h);
+    re.forEach((h, m) => {
+      h.dispose();
+      const w = ge.get(m);
+      w !== void 0 && (V.remove(w), w.dispose()), ge.delete(m), re.delete(m);
     }), re.clear(), ge.clear();
-  }, ce = () => {
+  }, le = () => {
     switch (n) {
       case "Single":
-        w(G, M.current);
+        x(G, M.current);
         break;
       case "Side by Side":
       case "Stacked":
-        w(G, M.current), w(oe, P.current);
+        x(G, M.current), x(oe, P.current);
         break;
       case "Quad":
-        w(G, M.current), w(oe, P.current), w(Le, H.current), w(Ne, B.current);
+        x(G, M.current), x(oe, P.current), x(Le, H.current), x(Ne, B.current);
         break;
     }
   };
-  Se(() => {
-    const d = new va({
+  we(() => {
+    const h = new ga({
       canvas: E.current,
       stencil: !1
     });
-    d.autoClear = !1, d.shadowMap.enabled = !0, d.setPixelRatio(devicePixelRatio), d.setClearColor(0), o(d);
-  }, []), Se(() => {
-    const d = (_) => {
-      kn(be), V.remove(be);
+    h.autoClear = !1, h.shadowMap.enabled = !0, h.setPixelRatio(devicePixelRatio), h.setClearColor(0), o(h);
+  }, []), we(() => {
+    const h = (_) => {
+      jn(be), V.remove(be);
       const Y = t.scenes.get(_.value.name);
       if (Y !== void 0) {
         const U = new Y();
         t.onSceneSet !== void 0 && t.onSceneSet(U), be = U, t.three.scene = be, V.add(be), sn = !0;
       }
-    }, h = (_) => {
+    }, m = (_) => {
       const Y = _.value, U = t.three.scene?.getObjectByProperty("uuid", Y.uuid);
       U !== void 0 && ne.set(Y.name, U), b(Date.now());
-    }, S = (_) => {
+    }, w = (_) => {
       ne.delete(_.value.name), b(Date.now());
     };
-    return k.addEventListener(D.SET_SCENE, d), k.addEventListener(D.ADD_CAMERA, h), k.addEventListener(D.REMOVE_CAMERA, S), () => {
-      k.removeEventListener(D.SET_SCENE, d), k.removeEventListener(D.ADD_CAMERA, h), k.removeEventListener(D.REMOVE_CAMERA, S);
+    return k.addEventListener(j.SET_SCENE, h), k.addEventListener(j.ADD_CAMERA, m), k.addEventListener(j.REMOVE_CAMERA, w), () => {
+      k.removeEventListener(j.SET_SCENE, h), k.removeEventListener(j.ADD_CAMERA, m), k.removeEventListener(j.REMOVE_CAMERA, w);
     };
-  }, []), Se(() => {
+  }, []), we(() => {
     if (e === null)
       return;
-    let d = window.innerWidth, h = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(h / 2), Y = -1;
+    let h = window.innerWidth, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), Y = -1;
     const U = () => {
-      d = window.innerWidth - 300, h = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(h / 2), e.setSize(d, h);
-      let T = d, N = h;
+      h = window.innerWidth - 300, m = window.innerHeight, w = Math.floor(h / 2), _ = Math.floor(m / 2), e.setSize(h, m);
+      let T = h, N = m;
       switch (n) {
         case "Side by Side":
-          T = S, N = h;
+          T = w, N = m;
           break;
         case "Stacked":
-          T = d, N = _;
+          T = h, N = _;
           break;
         case "Quad":
-          T = S, N = _;
+          T = w, N = _;
           break;
       }
       ne.forEach((J) => {
         J instanceof Mn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof Bt && (J.aspect = T / N, J.updateProjectionMatrix(), ge.get(J.name)?.update());
       });
     }, $ = () => {
-      e.setViewport(0, 0, d, h), e.setScissor(0, 0, d, h), e.render(V, G);
+      e.setViewport(0, 0, h, m), e.setScissor(0, 0, h, m), e.render(V, G);
     }, I = () => {
       if (n === "Side by Side")
-        e.setViewport(0, 0, S, h), e.setScissor(0, 0, S, h), e.render(V, G), e.setViewport(S, 0, S, h), e.setScissor(S, 0, S, h), e.render(V, oe);
+        e.setViewport(0, 0, w, m), e.setScissor(0, 0, w, m), e.render(V, G), e.setViewport(w, 0, w, m), e.setScissor(w, 0, w, m), e.render(V, oe);
       else {
-        const T = h - _;
-        e.setViewport(0, T, d, _), e.setScissor(0, T, d, _), e.render(V, G), e.setViewport(0, 0, d, _), e.setScissor(0, 0, d, _), e.render(V, oe);
+        const T = m - _;
+        e.setViewport(0, T, h, _), e.setScissor(0, T, h, _), e.render(V, G), e.setViewport(0, 0, h, _), e.setScissor(0, 0, h, _), e.render(V, oe);
       }
     }, W = () => {
       let T = 0, N = 0;
-      N = h - _, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, G), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, oe), N = 0, T = 0, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Le), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Ne);
-    }, X = () => {
+      N = m - _, T = 0, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, G), T = w, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, oe), N = 0, T = 0, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, Le), T = w, e.setViewport(T, N, w, _), e.setScissor(T, N, w, _), e.render(V, Ne);
+    }, q = () => {
       switch (re.forEach((T) => {
         T.update();
       }), t.onSceneUpdate !== void 0 && sn && t.onSceneUpdate(be), e.clear(), n) {
@@ -3490,39 +3611,39 @@ function Ni(t) {
           W();
           break;
       }
-      Y = requestAnimationFrame(X);
+      Y = requestAnimationFrame(q);
     };
-    return ce(), window.addEventListener("resize", U), U(), X(), () => {
+    return le(), window.addEventListener("resize", U), U(), q(), () => {
       window.removeEventListener("resize", U), cancelAnimationFrame(Y), Y = -1;
     };
-  }, [n, e]), Se(() => {
+  }, [n, e]), we(() => {
     if (e !== null) {
-      const d = new ga(), h = new ue(), S = ($, I, W, X) => {
+      const h = new ba(), m = new ue(), w = ($, I, W, q) => {
         switch (n) {
           case "Quad":
-            $ < W ? I < X ? d.setFromCamera(h, G) : d.setFromCamera(h, Le) : I < X ? d.setFromCamera(h, oe) : d.setFromCamera(h, Ne);
+            $ < W ? I < q ? h.setFromCamera(m, G) : h.setFromCamera(m, Le) : I < q ? h.setFromCamera(m, oe) : h.setFromCamera(m, Ne);
             break;
           case "Side by Side":
-            $ < W ? d.setFromCamera(h, G) : d.setFromCamera(h, oe);
+            $ < W ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
             break;
           case "Single":
-            d.setFromCamera(h, G);
+            h.setFromCamera(m, G);
             break;
           case "Stacked":
-            I < X ? d.setFromCamera(h, G) : d.setFromCamera(h, oe);
+            I < q ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
             break;
         }
       }, _ = ($) => {
-        if (!wt)
+        if (!St)
           return;
         const I = new ue();
         e.getSize(I);
-        const W = Math.min($.clientX, I.x), X = Math.min($.clientY, I.y);
-        h.x = Xe(W, 0, I.x, -1, 1), h.y = Xe(X, 0, I.y, 1, -1);
+        const W = Math.min($.clientX, I.x), q = Math.min($.clientY, I.y);
+        m.x = We(W, 0, I.x, -1, 1), m.y = We(q, 0, I.y, 1, -1);
         const T = I.x / 2, N = I.y / 2, J = () => {
-          W < T ? h.x = Xe(W, 0, T, -1, 1) : h.x = Xe(W, T, I.x, -1, 1);
+          W < T ? m.x = We(W, 0, T, -1, 1) : m.x = We(W, T, I.x, -1, 1);
         }, me = () => {
-          X < N ? h.y = Xe(X, 0, N, 1, -1) : h.y = Xe(X, N, I.y, 1, -1);
+          q < N ? m.y = We(q, 0, N, 1, -1) : m.y = We(q, N, I.y, 1, -1);
         };
         switch (n) {
           case "Quad":
@@ -3535,182 +3656,183 @@ function Ni(t) {
             me(), me();
             break;
         }
-        S(W, X, T, N);
-        const Ce = d.intersectObjects(be.children);
-        Ce.length > 0 && lt.position.copy(Ce[0].point);
+        w(W, q, T, N);
+        const Ce = h.intersectObjects(be.children);
+        Ce.length > 0 && st.position.copy(Ce[0].point);
       }, Y = ($) => {
-        if (!wt)
+        if (!St)
           return;
         const I = new ue();
         if (e.getSize(I), $.clientX >= I.x)
           return;
         _($);
-        const W = d.intersectObjects(be.children);
+        const W = h.intersectObjects(be.children);
         W.length > 0 && t.three.getObject(W[0].object.uuid);
-      }, U = x.current;
+      }, U = S.current;
       return U.addEventListener("mousemove", _, !1), U.addEventListener("click", Y, !1), () => {
         U.removeEventListener("mousemove", _), U.removeEventListener("click", Y);
       };
     }
   }, [n, e]);
   const se = [];
-  return ne.forEach((d, h) => {
-    se.push(h);
-  }), /* @__PURE__ */ c.jsxs("div", { className: "multiview", children: [
-    /* @__PURE__ */ c.jsx("canvas", { ref: E }),
-    /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: x, children: [
-      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+  return ne.forEach((h, m) => {
+    se.push(m);
+  }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
+    /* @__PURE__ */ l.jsx("canvas", { ref: E }),
+    /* @__PURE__ */ l.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: S, children: [
+      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
         re.get(G.name)?.dispose();
-        const h = ne.get(d);
-        h !== void 0 && (z(G), G = h, w(h, M.current));
+        const m = ne.get(h);
+        m !== void 0 && (z(G), G = m, x(m, M.current));
       } }) }),
-      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
           re.get(G.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(G), G = h, w(h, M.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (h) => {
           re.get(oe.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(oe), oe = h, w(h, P.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(oe), oe = m, x(m, P.current));
         } })
       ] }),
-      n === "Quad" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (d) => {
+      n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
           re.get(G.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(G), G = h, w(h, M.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: oe, options: se, ref: P, onSelect: (h) => {
           re.get(oe.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(oe), oe = h, w(h, P.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(oe), oe = m, x(m, P.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: Le, options: se, ref: H, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: se, ref: H, onSelect: (h) => {
           re.get(Le.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(Le), Le = h, w(h, H.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(Le), Le = m, x(m, H.current));
         } }),
-        /* @__PURE__ */ c.jsx(Ie, { camera: Ne, options: se, ref: B, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: se, ref: B, onSelect: (h) => {
           re.get(Ne.name)?.dispose();
-          const h = ne.get(d);
-          h !== void 0 && (z(Ne), Ne = h, w(h, B.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(Ne), Ne = m, x(m, B.current));
         } })
       ] })
     ] }),
-    /* @__PURE__ */ c.jsxs("div", { className: "settings", children: [
-      /* @__PURE__ */ c.jsx(
-        St,
+    /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
+      /* @__PURE__ */ l.jsx(
+        xt,
         {
           index: rn.indexOf(n),
           options: rn,
-          onSelect: (d) => {
-            d !== n && (Ee(), a(d));
+          onSelect: (h) => {
+            h !== n && (Ee(), a(h));
           },
-          open: l,
-          onToggle: (d) => {
-            m(d), s && u(!1), p && v(!1);
+          open: c,
+          onToggle: (h) => {
+            p(h), s && u(!1), d && v(!1);
           }
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        St,
+      /* @__PURE__ */ l.jsx(
+        xt,
         {
-          index: on.indexOf(xt),
+          index: on.indexOf(Ct),
           options: on,
-          onSelect: (d) => {
-            if (d !== xt)
-              switch (xt = d, xt) {
+          onSelect: (h) => {
+            if (h !== Ct)
+              switch (Ct = h, Ct) {
                 case "Depth":
-                  V.overrideMaterial = hi;
+                  V.overrideMaterial = vi;
                   break;
                 case "Normals":
-                  V.overrideMaterial = mi;
+                  V.overrideMaterial = gi;
                   break;
                 default:
                 case "Renderer":
                   V.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = gi;
+                  V.overrideMaterial = yi;
                   break;
                 case "UVs":
-                  V.overrideMaterial = vi;
+                  V.overrideMaterial = bi;
                   break;
               }
           },
           open: s,
-          onToggle: (d) => {
-            l && m(!1), u(d), p && v(!1);
+          onToggle: (h) => {
+            c && p(!1), u(h), d && v(!1);
           }
         }
       ),
-      /* @__PURE__ */ c.jsx(
-        St,
+      /* @__PURE__ */ l.jsx(
+        xt,
         {
           index: 0,
           options: [
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (d) => {
-            wt = d === "Selection Mode", lt.visible = wt;
+          onSelect: (h) => {
+            St = h === "Selection Mode", st.visible = St;
           },
-          open: p,
-          onToggle: (d) => {
-            l && m(!1), s && u(!1), v(d);
+          open: d,
+          onToggle: (h) => {
+            c && p(!1), s && u(!1), v(h);
           }
         }
       )
     ] })
   ] });
 }
-function Fi(t) {
-  return /* @__PURE__ */ c.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
-    /* @__PURE__ */ c.jsx("header", { children: t.header }),
+function Bi(t) {
+  return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
+    /* @__PURE__ */ l.jsx("header", { children: t.header }),
     t.children,
-    /* @__PURE__ */ c.jsx("footer", { children: t.footer })
+    /* @__PURE__ */ l.jsx("footer", { children: t.footer })
   ] });
 }
 export {
-  Gt as Accordion,
-  _i as Application,
-  Yt as BaseRemote,
-  In as ChildObject,
-  Ha as ContainerObject,
-  La as Draggable,
-  Ia as DraggableItem,
-  Na as Dropdown,
-  Fa as DropdownItem,
-  Fi as Editor,
-  za as InfiniteGridHelper,
-  di as Inspector,
-  Ni as MultiView,
-  jn as NavButton,
-  Ai as RemoteComponents,
-  ji as RemoteController,
-  ki as RemoteThree,
+  Yt as Accordion,
+  Ai as Application,
+  Ot as BaseRemote,
+  Ln as ChildObject,
+  qa as ContainerObject,
+  Fa as Draggable,
+  Na as DraggableItem,
+  Ba as Dropdown,
+  Ua as DropdownItem,
+  Bi as Editor,
+  Ga as InfiniteGridHelper,
+  fi as Inspector,
+  Fi as MultiView,
+  In as NavButton,
+  Pi as RemoteComponents,
+  Ii as RemoteController,
+  Ra as RemoteTheatre,
+  ji as RemoteThree,
   Di as RemoteTweakpane,
-  Li as SceneInspector,
-  Ii as SidePanel,
-  D as ToolEvents,
-  Va as UVMaterial,
-  st as capitalize,
-  Oi as clamp,
-  Sa as colorToHex,
+  Ni as SceneInspector,
+  Li as SidePanel,
+  j as ToolEvents,
+  Wa as UVMaterial,
+  ot as capitalize,
+  Ti as clamp,
+  Oa as colorToHex,
   k as debugDispatcher,
-  Si as defaultTheatreCallback,
-  kn as dispose,
-  Ma as disposeMaterial,
-  Ri as disposeTexture,
-  Mi as distance,
-  Pn as hierarchyUUID,
-  Ti as isColor,
-  xa as noop,
-  wa as randomID,
-  Oa as resetThreeObjects,
+  Mi as defaultTheatreCallback,
+  jn as dispose,
+  Ta as disposeMaterial,
+  _i as disposeTexture,
+  Ri as distance,
+  kn as hierarchyUUID,
+  wa as isColor,
+  Pn as noop,
+  xa as randomID,
+  Ma as resetThreeObjects,
   It as round,
-  Pi as theatreEditorApp,
+  ki as theatreEditorApp,
   Ut as totalThreeObjects
 };