@tomorrowevening/hermes 0.0.40 → 0.0.42

package/dist/hermes.es.js

@@ -1,10 +1,13 @@
-import { PositionalAudio as Vn, EventDispatcher as ln, Texture as un, CubeTexture as Hn, RepeatWrapping as qt, ShaderMaterial as dn, GLSL3 as Wn, DoubleSide as hn, Color as Mt, Mesh as qn, PlaneGeometry as Kn, FrontSide as Xn, BackSide as Zn, NoBlending as Jn, NormalBlending as Qn, AdditiveBlending as ea, SubtractiveBlending as ta, MultiplyBlending as na, CustomBlending as aa, AddEquation as ia, SubtractEquation as ra, ReverseSubtractEquation as oa, MinEquation as sa, MaxEquation as ca, ZeroFactor as fn, OneFactor as pn, SrcColorFactor as mn, OneMinusSrcColorFactor as vn, SrcAlphaFactor as gn, OneMinusSrcAlphaFactor as bn, DstAlphaFactor as yn, OneMinusDstAlphaFactor as En, DstColorFactor as Cn, OneMinusDstColorFactor as xn, SrcAlphaSaturateFactor as la, ConstantColorFactor as wn, OneMinusConstantColorFactor as Sn, ConstantAlphaFactor as On, OneMinusConstantAlphaFactor as Mn, Matrix4 as ua, Vector3 as X, Euler as da, Ray as ha, Plane as fa, MathUtils as pa, MOUSE as Ve, TOUCH as He, Quaternion as Kt, Spherical as Xt, Vector2 as ue, PerspectiveCamera as $t, MeshDepthMaterial as ma, MeshNormalMaterial as va, MeshBasicMaterial as ga, OrthographicCamera as Tn, Scene as Rn, Group as ba, AxesHelper as _n, WebGLRenderer as ya, Raycaster as Ea, CameraHelper as Ca } from "three";
-import at from "@theatre/studio";
-import { Pane as xa } from "tweakpane";
-import * as wa from "@tweakpane/plugin-essentials";
-import An, { useState as ae, useRef as Ee, useEffect as Oe, forwardRef as Sa } from "react";
-import { Reorder as Pn } from "framer-motion";
-function ct(t) {
+import { PositionalAudio as Yn, EventDispatcher as cn, Texture as ln, CubeTexture as Gn, RepeatWrapping as Ht, ShaderMaterial as un, GLSL3 as Vn, DoubleSide as dn, Color as wt, Mesh as Hn, PlaneGeometry as Wn, FrontSide as qn, BackSide as Kn, NoBlending as Xn, NormalBlending as Zn, AdditiveBlending as Jn, SubtractiveBlending as Qn, MultiplyBlending as ea, CustomBlending as ta, AddEquation as na, SubtractEquation as aa, ReverseSubtractEquation as ia, MinEquation as ra, MaxEquation as oa, ZeroFactor as hn, OneFactor as fn, SrcColorFactor as pn, OneMinusSrcColorFactor as mn, SrcAlphaFactor as vn, OneMinusSrcAlphaFactor as gn, DstAlphaFactor as bn, OneMinusDstAlphaFactor as yn, DstColorFactor as En, OneMinusDstColorFactor as Cn, SrcAlphaSaturateFactor as sa, ConstantColorFactor as Sn, OneMinusConstantColorFactor as xn, ConstantAlphaFactor as wn, OneMinusConstantAlphaFactor as On, Matrix4 as ca, Vector3 as X, Euler as la, Ray as ua, Plane as da, MathUtils as ha, MOUSE as Ge, TOUCH as Ve, Quaternion as Wt, Spherical as qt, Vector2 as ue, PerspectiveCamera as Bt, MeshDepthMaterial as fa, MeshNormalMaterial as pa, MeshBasicMaterial as ma, OrthographicCamera as Mn, Scene as Tn, Group as va, AxesHelper as Rn, WebGLRenderer as ga, Raycaster as ba, CameraHelper as ya } from "three";
+import Kt from "@theatre/studio";
+import { Pane as Ea } from "tweakpane";
+import * as Ca from "@tweakpane/plugin-essentials";
+import _n, { useState as ae, useRef as ye, useEffect as we, forwardRef as Sa } from "react";
+import { Reorder as An } from "framer-motion";
+const Pn = () => {
+}, Mi = () => {
+};
+function ot(t) {
   return t.substring(0, 1).toUpperCase() + t.substring(1);
 }
 function Ti(t, n, a) {
@@ -14,45 +17,45 @@ function Ri(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
-function Oa() {
+function xa() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function Ma(t) {
+function wa(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function Ta(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 f = u.toString(16);
-    return f.length === 1 ? "0" + f : f;
-  }, s = o(n), p = o(a), c = o(e);
-  return "#" + s + p + c;
+    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 Nt(t, n = 1) {
+function It(t, n = 1) {
   return Number(t.toFixed(n));
 }
-let zt = 0;
-const Ra = () => {
-  zt = 0;
+let Ut = 0;
+const Ma = () => {
+  Ut = 0;
 }, kn = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${zt}`, zt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+  n.length === 0 && (n = `obj_${Ut}`, Ut++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
     kn(a);
   });
 }, _i = (t) => {
   t?.dispose();
-}, _a = (t) => {
+}, Ta = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
 }, jn = (t) => {
   if (t) {
     for (; t.children.length > 0; ) {
       const n = t.children[0];
-      n instanceof Vn ? (n.pause(), n.parent && n.parent.remove(n)) : jn(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(), _a(n.material);
+      n.geometry?.dispose(), Ta(n.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
@@ -73,9 +76,7 @@ class Ai {
   // Set editor and add components here
   init() {
     return new Promise((n) => {
-      this.components.forEach((a) => {
-        a.handleEditorApp();
-      }), n();
+      n();
     });
   }
   addComponent(n, a) {
@@ -119,7 +120,7 @@ class Ai {
     n && (this._mode = "editor");
   }
 }
-const k = new ln(), j = {
+const k = new cn(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -135,7 +136,7 @@ const k = new ln(), j = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Tt {
+class Ot {
   app;
   constructor(n) {
     this.app = n;
@@ -149,11 +150,8 @@ class Tt {
   // Receives Editor events
   handleEditor(n) {
   }
-  // Runs only in-editor
-  handleEditorApp() {
-  }
 }
-class Pi extends Tt {
+class Pi extends Ot {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -187,15 +185,13 @@ class Pi extends Tt {
     }
   }
 }
-const Dn = () => {
-};
-let ge;
-class In extends Tt {
+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();
@@ -237,17 +233,17 @@ class In extends Tt {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const s = this.sheet(n);
-    if (s === void 0)
+    const c = this.sheet(n);
+    if (c === void 0)
       return;
     const p = `${n}_${a}`;
-    let c = this.sheetObjects.get(p);
-    c !== void 0 ? c = s.object(a, { ...e, ...c.value }, { reconfigure: !0 }) : c = s.object(a, e), this.sheetObjects.set(p, c), this.sheetObjectCBs.set(p, o !== void 0 ? o : Dn);
-    const u = c.onValuesChange((f) => {
+    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 f) {
-          const E = f[b];
-          typeof E == "object" && Ma(E) && (f[b] = {
+        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,
@@ -260,14 +256,14 @@ class In extends Tt {
           data: {
             sheet: n,
             sheetObject: p,
-            values: f
+            values: d
           }
         });
       }
       const v = this.sheetObjectCBs.get(p);
-      v !== void 0 && v(f);
+      v !== void 0 && v(d);
     });
-    return this.sheetObjectUnsubscribe.set(p, u), c;
+    return this.sheetObjectUnsubscribe.set(p, u), s;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
@@ -276,8 +272,8 @@ class In extends Tt {
     }
     const a = n.address.sheetId, e = n.address.objectKey;
     this.sheets.get(a)?.detachObject(e);
-    const s = `${a}_${e}`, p = this.sheetObjectUnsubscribe.get(s);
-    p !== void 0 && (this.sheetObjects.delete(s), this.sheetObjectCBs.delete(s), this.sheetObjectUnsubscribe.delete(s), p());
+    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
@@ -285,16 +281,16 @@ class In extends Tt {
     let a;
     switch (n.event) {
       case "setSheet":
-        a = this.sheets.get(n.data.sheet), a !== void 0 && (ge = a, at.setSelection([a]));
+        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 && at.setSelection([a]);
+        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), ge !== void 0 && (ge.sequence.position = n.data.position);
+        a = this.sheets.get(n.data.sheet), this.activeSheet !== void 0 && (this.activeSheet.sequence.position = n.data.position);
         break;
     }
   }
@@ -310,52 +306,51 @@ class In extends Tt {
           break;
       }
   }
-  // Runs only in-editor
-  handleEditorApp() {
-    if (this.app.editor) {
-      at.ui.restore(), at.onSelectionChange((o) => {
-        o.length < 1 || o.forEach((s) => {
-          let p = s.address.sheetId, c = "setSheet", u = {};
-          switch (s.type) {
-            case "Theatre_Sheet_PublicAPI":
-              c = "setSheet", u = {
-                sheet: s.address.sheetId
-              }, ge = this.sheets.get(s.address.sheetId);
-              break;
-            case "Theatre_SheetObject_PublicAPI":
-              c = "setSheetObject", p += `_${s.address.objectKey}`, u = {
-                id: p,
-                sheet: s.address.sheetId,
-                key: s.address.objectKey
-              }, ge = this.sheets.get(s.address.sheetId);
-              break;
+}
+function ki(t, n, a) {
+  if (t.editor) {
+    a.ui.restore(), a.onSelectionChange((p) => {
+      p.length < 1 || p.forEach((s) => {
+        let u = s.address.sheetId, d = "setSheet", v = {};
+        switch (s.type) {
+          case "Theatre_Sheet_PublicAPI":
+            d = "setSheet", v = {
+              sheet: s.address.sheetId
+            }, n.activeSheet = n.sheets.get(s.address.sheetId);
+            break;
+          case "Theatre_SheetObject_PublicAPI":
+            d = "setSheetObject", u += `_${s.address.objectKey}`, v = {
+              id: u,
+              sheet: s.address.sheetId,
+              key: s.address.objectKey
+            }, n.activeSheet = n.sheets.get(s.address.sheetId);
+            break;
+        }
+        t.send({ event: d, target: "app", data: v });
+      });
+    });
+    let e = -1;
+    const o = () => {
+      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: p.address.sheetId
           }
-          this.app.send({ event: c, target: "app", data: u });
         });
-      });
-      let n = -1;
-      const a = () => {
-        if (In.rafDriver?.tick(performance.now()), ge !== void 0 && n !== ge.sequence.position) {
-          n = ge.sequence.position;
-          const o = ge;
-          this.app.send({
-            event: "updateTimeline",
-            target: "app",
-            data: {
-              position: n,
-              sheet: o.address.sheetId
-            }
-          });
-        }
-      }, e = () => {
-        a(), requestAnimationFrame(e);
-      };
-      a(), e();
-    } else
-      at.ui.hide();
-  }
+      }
+    }, c = () => {
+      o(), requestAnimationFrame(c);
+    };
+    o(), c();
+  } else
+    a.ui.hide();
 }
-function Aa(t) {
+function _a(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -369,7 +364,7 @@ function Aa(t) {
   const n = t.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function Ln(t) {
+function Dn(t) {
   const n = {
     name: t.name,
     type: t.type,
@@ -377,10 +372,10 @@ function Ln(t) {
     children: []
   };
   return t.children.forEach((a) => {
-    n.children.push(Ln(a));
+    n.children.push(Dn(a));
   }), n;
 }
-function Pa(t) {
+function Aa(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -388,7 +383,7 @@ function Pa(t) {
   }
   return n;
 }
-function ka(t) {
+function Pa(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -400,10 +395,10 @@ function ka(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" || ka(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Pa(a))
       continue;
     const e = typeof t[a], o = t[a];
     switch (e) {
@@ -415,13 +410,13 @@ function We(t) {
       case "object":
         if (o !== null)
           if (n[a] = o, o.isTexture)
-            if (o instanceof un) {
-              const s = o.source.toJSON();
-              n[a] = { src: s.url };
+            if (o instanceof ln) {
+              const c = o.source.toJSON();
+              n[a] = { src: c.url };
             } else
-              o instanceof Hn && (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] = Pa(n[a]));
+            a === "uniforms" && (n[a] = Aa(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -429,7 +424,7 @@ function We(t) {
   }
   return n;
 }
-function Ft(t) {
+function Lt(t) {
   t.updateMatrix();
   const n = {
     name: t.name,
@@ -455,29 +450,29 @@ function Ft(t) {
     const e = t;
     if (Array.isArray(e.material)) {
       const o = [];
-      e.material.forEach((s) => {
-        o.push(We(s));
+      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((s) => {
-        o.push(We(s));
+      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((s) => {
-        o.push(We(s));
+      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,
@@ -507,7 +502,7 @@ function Ft(t) {
     });
   return n;
 }
-function ja(t, n) {
+function ka(t, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -544,16 +539,16 @@ function ee(t, n, a) {
       break;
   }
 }
-function Yt(t) {
+function $t(t) {
   return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
-      const o = new un(e);
-      o.wrapS = qt, o.wrapT = qt, 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 Tt {
+class ji extends Ot {
   scene = void 0;
   getObject(n) {
     this.app.debugEnabled && this.app.send({
@@ -563,7 +558,7 @@ class ki extends Tt {
     });
   }
   setObject(n) {
-    const a = Ft(n);
+    const a = Lt(n);
     this.app.send({
       event: "setObject",
       target: "editor",
@@ -607,8 +602,8 @@ class ki extends Tt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    Ra(), kn(this.scene);
-    const a = Ln(this.scene);
+    Ma(), kn(this.scene);
+    const a = Dn(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -618,7 +613,7 @@ class ki extends Tt {
   addCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Ft(n);
+    const a = Lt(n);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -628,7 +623,7 @@ class ki extends Tt {
   removeCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = Ft(n);
+    const a = Lt(n);
     this.app.send({
       event: "removeCamera",
       target: "editor",
@@ -671,7 +666,7 @@ class ki extends Tt {
     }
   }
 }
-class ji extends Tt {
+class Di extends Ot {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -682,7 +677,7 @@ class ji extends Tt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new xa({ title: "GUI" }), this.pane.registerPlugin(wa);
+    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);
@@ -708,13 +703,13 @@ class ji extends Tt {
   }
   // Binding
   bind(n, a, e, o = void 0) {
-    const s = this.bindID, p = e.onChange !== void 0 ? e.onChange : Dn;
-    this.bindCBs.set(s, p), 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: s,
+          id: c,
           value: u.value
         }
       });
@@ -722,7 +717,7 @@ class ji extends Tt {
       event: "bindObject",
       target: "app",
       data: {
-        id: s,
+        id: c,
         name: a,
         params: e,
         parent: o
@@ -790,7 +785,7 @@ class ji extends Tt {
     }
   }
 }
-var Gt = { exports: {} }, it = {};
+var zt = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -800,25 +795,25 @@ var Gt = { exports: {} }, it = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Zt;
-function Da() {
-  if (Zt)
-    return it;
-  Zt = 1;
-  var t = An, 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, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(c, u, f) {
-    var v, b = {}, E = null, x = null;
-    f !== void 0 && (E = "" + f), 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) && !s.hasOwnProperty(v) && (b[v] = u[v]);
-    if (c && c.defaultProps)
-      for (v in u = c.defaultProps, u)
+      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: c, key: E, ref: x, props: b, _owner: o.current };
+    return { $$typeof: n, type: s, key: E, ref: S, props: b, _owner: o.current };
   }
-  return it.Fragment = a, it.jsx = p, it.jsxs = p, it;
+  return nt.Fragment = a, nt.jsx = p, nt.jsxs = p, nt;
 }
-var rt = {};
+var at = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -828,48 +823,48 @@ var rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Jt;
-function Ia() {
-  return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = An, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = 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 Zt;
+function Da() {
+  return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = _n, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, P = "@@iterator";
     function H(i) {
       if (i === null || typeof i != "object")
         return null;
-      var h = M && i[M] || i[P];
-      return typeof h == "function" ? h : null;
+      var f = M && i[M] || i[P];
+      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 h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), C = 1; C < h; C++)
+        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
           g[C - 1] = arguments[C];
         z("error", i, g);
       }
     }
-    function z(i, h, g) {
+    function z(i, f, g) {
       {
         var C = B.ReactDebugCurrentFrame, D = C.getStackAddendum();
-        D !== "" && (h += "%s", g = g.concat([D]));
+        D !== "" && (f += "%s", g = g.concat([D]));
         var F = g.map(function(A) {
           return String(A);
         });
-        F.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, F);
+        F.unshift("Warning: " + f), Function.prototype.apply.call(console[i], console, F);
       }
     }
-    var Ce = !1, le = !1, se = !1, d = !1, m = !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 === s || m || i === o || i === f || i === v || d || i === x || Ce || le || se || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === b || i.$$typeof === p || i.$$typeof === c || 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, h, g) {
+    function Y(i, f, g) {
       var C = i.displayName;
       if (C)
         return C;
-      var D = h.displayName || h.name || "";
+      var D = f.displayName || f.name || "";
       return D !== "" ? g + "(" + D + ")" : g;
     }
     function U(i) {
@@ -878,7 +873,7 @@ function Ia() {
     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;
@@ -887,20 +882,20 @@ function Ia() {
           return "Fragment";
         case a:
           return "Portal";
-        case s:
+        case c:
           return "Profiler";
         case o:
           return "StrictMode";
-        case f:
+        case d:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case c:
-            var h = i;
-            return U(h) + ".Consumer";
+          case s:
+            var f = i;
+            return U(f) + ".Consumer";
           case p:
             var g = i;
             return U(g._context) + ".Provider";
@@ -920,18 +915,18 @@ function Ia() {
         }
       return null;
     }
-    var I = Object.assign, W = 0, q, T, N, J, me, xe, dt;
-    function Ke() {
+    var I = Object.assign, W = 0, q, T, N, J, me, Ce, lt;
+    function qe() {
     }
-    Ke.__reactDisabledLog = !0;
-    function _t() {
+    qe.__reactDisabledLog = !0;
+    function Tt() {
       {
         if (W === 0) {
-          q = console.log, T = console.info, N = console.warn, J = console.error, me = console.group, xe = console.groupCollapsed, dt = 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, {
@@ -947,7 +942,7 @@ function Ia() {
         W++;
       }
     }
-    function At() {
+    function Rt() {
       {
         if (W--, W === 0) {
           var i = {
@@ -972,51 +967,51 @@ function Ia() {
               value: me
             }),
             groupCollapsed: I({}, i, {
-              value: xe
+              value: Ce
             }),
             groupEnd: I({}, i, {
-              value: dt
+              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 Xe = B.ReactCurrentDispatcher, Ze;
-    function $e(i, h, g) {
+    var Ke = B.ReactCurrentDispatcher, Xe;
+    function Ue(i, f, g) {
       {
-        if (Ze === void 0)
+        if (Xe === void 0)
           try {
             throw Error();
           } catch (D) {
             var C = D.stack.trim().match(/\n( *(at )?)/);
-            Ze = C && C[1] || "";
+            Xe = C && C[1] || "";
           }
         return `
-` + Ze + i;
+` + Xe + i;
       }
     }
-    var ze = !1, Me;
+    var $e = !1, Oe;
     {
-      var ht = typeof WeakMap == "function" ? WeakMap : Map;
-      Me = new ht();
+      var ut = typeof WeakMap == "function" ? WeakMap : Map;
+      Oe = new ut();
     }
-    function ft(i, h) {
-      if (!i || ze)
+    function dt(i, f) {
+      if (!i || $e)
         return "";
       {
-        var g = Me.get(i);
+        var g = Oe.get(i);
         if (g !== void 0)
           return g;
       }
       var C;
-      ze = !0;
+      $e = !0;
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = Xe.current, Xe.current = null, _t();
+      F = Ke.current, Ke.current = null, Tt();
       try {
-        if (h) {
+        if (f) {
           var A = function() {
             throw Error();
           };
@@ -1060,65 +1055,65 @@ function Ia() {
                   if (Z--, Q--, Q < 0 || R[Z] !== ce[Q]) {
                     var fe = `
 ` + R[Z].replace(" at new ", " at ");
-                    return i.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", i.displayName)), typeof i == "function" && Me.set(i, fe), fe;
+                    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 {
-        ze = !1, Xe.current = F, At(), Error.prepareStackTrace = D;
+        $e = !1, Ke.current = F, Rt(), Error.prepareStackTrace = D;
       }
-      var Ge = i ? i.displayName || i.name : "", Wt = Ge ? $e(Ge) : "";
-      return typeof i == "function" && Me.set(i, Wt), Wt;
+      var Ye = i ? i.displayName || i.name : "", Vt = Ye ? Ue(Ye) : "";
+      return typeof i == "function" && Oe.set(i, Vt), Vt;
     }
-    function Pt(i, h, g) {
-      return ft(i, !1);
+    function _t(i, f, g) {
+      return dt(i, !1);
     }
-    function pt(i) {
-      var h = i.prototype;
-      return !!(h && h.isReactComponent);
+    function ht(i) {
+      var f = i.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function Te(i, h, g) {
+    function Me(i, f, g) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ft(i, pt(i));
+        return dt(i, ht(i));
       if (typeof i == "string")
-        return $e(i);
+        return Ue(i);
       switch (i) {
-        case f:
-          return $e("Suspense");
+        case d:
+          return Ue("Suspense");
         case v:
-          return $e("SuspenseList");
+          return Ue("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            return Pt(i.render);
+            return _t(i.render);
           case b:
-            return Te(i.type, h, g);
+            return Me(i.type, f, g);
           case E: {
             var C = i, D = C._payload, F = C._init;
             try {
-              return Te(F(D), h, g);
+              return Me(F(D), f, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Re = Object.prototype.hasOwnProperty, mt = {}, vt = B.ReactDebugCurrentFrame;
-    function _e(i) {
+    var Te = Object.prototype.hasOwnProperty, ft = {}, pt = B.ReactDebugCurrentFrame;
+    function Re(i) {
       if (i) {
-        var h = i._owner, g = Te(i.type, i._source, h ? h.type : null);
-        vt.setExtraStackFrame(g);
+        var f = i._owner, g = Me(i.type, i._source, f ? f.type : null);
+        pt.setExtraStackFrame(g);
       } else
-        vt.setExtraStackFrame(null);
+        pt.setExtraStackFrame(null);
     }
-    function Je(i, h, g, C, D) {
+    function Ze(i, f, g, C, D) {
       {
-        var F = Function.call.bind(Re);
+        var F = Function.call.bind(Te);
         for (var A in i)
           if (F(i, A)) {
             var R = void 0;
@@ -1127,71 +1122,71 @@ function Ia() {
                 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](h, A, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              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) && (_e(D), 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), _e(null)), R instanceof Error && !(R.message in mt) && (mt[R.message] = !0, _e(D), w("Failed %s type: %s", g, R.message), _e(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 Ae = Array.isArray;
-    function Qe(i) {
-      return Ae(i);
+    var _e = Array.isArray;
+    function Je(i) {
+      return _e(i);
     }
-    function kt(i) {
+    function At(i) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, g = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return g;
       }
     }
-    function gt(i) {
+    function mt(i) {
       try {
-        return bt(i), !1;
+        return vt(i), !1;
       } catch {
         return !0;
       }
     }
-    function bt(i) {
+    function vt(i) {
       return "" + i;
     }
-    function yt(i) {
-      if (gt(i))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", kt(i)), bt(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 we = B.ReactCurrentOwner, et = {
+    var Se = B.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, Et, Ye;
-    Ye = {};
-    function jt(i) {
-      if (Re.call(i, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (h && h.isReactWarning)
+    }, et, bt, ze;
+    ze = {};
+    function Pt(i) {
+      if (Te.call(i, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function Dt(i) {
-      if (Re.call(i, "key")) {
-        var h = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (h && h.isReactWarning)
+    function kt(i) {
+      if (Te.call(i, "key")) {
+        var f = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function Ct(i, h) {
-      if (typeof i.ref == "string" && we.current && h && we.current.stateNode !== h) {
-        var g = $(we.current.type);
-        Ye[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', $(we.current.type), i.ref), Ye[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 Se(i, h) {
+    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)", h));
+          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,
@@ -1199,10 +1194,10 @@ function Ia() {
         });
       }
     }
-    function Ht(i, h) {
+    function Gt(i, f) {
       {
         var g = function() {
-          Et || (Et = !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)", h));
+          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,
@@ -1210,13 +1205,13 @@ function Ia() {
         });
       }
     }
-    var r = function(i, h, g, C, D, 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,
         // Built-in properties that belong on the element
         type: i,
-        key: h,
+        key: f,
         ref: g,
         props: A,
         // Record the component responsible for creating this element.
@@ -1239,12 +1234,12 @@ function Ia() {
         value: D
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function y(i, h, g, C, D) {
+    function y(i, f, g, C, D) {
       {
         var F, A = {}, R = null, ce = null;
-        g !== void 0 && (yt(g), R = "" + g), Dt(h) && (yt(h.key), R = "" + h.key), jt(h) && (ce = h.ref, Ct(h, D));
-        for (F in h)
-          Re.call(h, F) && !et.hasOwnProperty(F) && (A[F] = h[F]);
+        g !== void 0 && (gt(g), R = "" + g), kt(f) && (gt(f.key), R = "" + f.key), Pt(f) && (ce = f.ref, yt(f, D));
+        for (F in f)
+          Te.call(f, F) && !Qe.hasOwnProperty(F) && (A[F] = f[F]);
         if (i && i.defaultProps) {
           var Z = i.defaultProps;
           for (F in Z)
@@ -1252,15 +1247,15 @@ function Ia() {
         }
         if (R || ce) {
           var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          R && Se(A, Q), ce && Ht(A, Q);
+          R && xe(A, Q), ce && Gt(A, Q);
         }
-        return r(i, R, ce, D, C, we.current, A);
+        return r(i, R, ce, D, C, Se.current, A);
       }
     }
     var O = B.ReactCurrentOwner, L = B.ReactDebugCurrentFrame;
     function K(i) {
       if (i) {
-        var h = i._owner, g = Te(i.type, i._source, h ? h.type : null);
+        var f = i._owner, g = Me(i.type, i._source, f ? f.type : null);
         L.setExtraStackFrame(g);
       } else
         L.setExtraStackFrame(null);
@@ -1270,7 +1265,7 @@ function Ia() {
     function ie(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function It() {
+    function jt() {
       {
         if (O.current) {
           var i = $(O.current.type);
@@ -1282,51 +1277,51 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Lt(i) {
+    function Dt(i) {
       {
         if (i !== void 0) {
-          var h = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
+          var f = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
           return `
 
-Check your code at ` + h + ":" + g + ".";
+Check your code at ` + f + ":" + g + ".";
         }
         return "";
       }
     }
-    var nt = {};
+    var tt = {};
     function pe(i) {
       {
-        var h = It();
-        if (!h) {
+        var f = jt();
+        if (!f) {
           var g = typeof i == "string" ? i : i.displayName || i.name;
-          g && (h = `
+          g && (f = `
 
 Check the top-level render call using <` + g + ">.");
         }
-        return h;
+        return f;
       }
     }
-    function he(i, h) {
+    function he(i, f) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = pe(h);
-        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 Pe(i, h) {
+    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) && he(C, h);
+            ie(C) && he(C, f);
           }
         else if (ie(i))
           i._store && (i._store.validated = !0);
@@ -1334,97 +1329,97 @@ Check the top-level render call using <` + g + ">.");
           var D = H(i);
           if (typeof D == "function" && D !== i.entries)
             for (var F = D.call(i), A; !(A = F.next()).done; )
-              ie(A.value) && he(A.value, h);
+              ie(A.value) && he(A.value, f);
         }
       }
     }
-    function ke(i) {
+    function Pe(i) {
       {
-        var h = i.type;
-        if (h == null || typeof h == "string")
+        var f = i.type;
+        if (f == null || typeof f == "string")
           return;
         var g;
-        if (typeof h == "function")
-          g = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof f == "function")
+          g = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === b))
-          g = h.propTypes;
+        f.$$typeof === b))
+          g = f.propTypes;
         else
           return;
         if (g) {
-          var C = $(h);
-          Je(g, i.props, "prop", C, i);
-        } else if (h.PropTypes !== void 0 && !de) {
+          var C = $(f);
+          Ze(g, i.props, "prop", C, i);
+        } else if (f.PropTypes !== void 0 && !de) {
           de = !0;
-          var D = $(h);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
+          var D = $(f);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.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 je(i) {
+    function ke(i) {
       {
-        for (var h = Object.keys(i.props), g = 0; g < h.length; g++) {
-          var C = h[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, h, g, C, D, 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 ce = Lt(D);
-          ce ? R += ce : R += It();
+          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, h, g, D, F);
+        var Q = y(i, f, g, D, F);
         if (Q == null)
           return Q;
         if (A) {
-          var fe = h.children;
+          var fe = f.children;
           if (fe !== void 0)
             if (C)
-              if (Qe(fe)) {
-                for (var Ge = 0; Ge < fe.length; Ge++)
-                  Pe(fe[Ge], i);
+              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
-              Pe(fe, i);
+              Ae(fe, i);
         }
-        return i === e ? je(Q) : ke(Q), Q;
+        return i === e ? ke(Q) : Pe(Q), Q;
       }
     }
-    function $n(i, h, g) {
-      return De(i, h, g, !0);
+    function Bn(i, f, g) {
+      return je(i, f, g, !0);
     }
-    function zn(i, h, g) {
-      return De(i, h, g, !1);
+    function Un(i, f, g) {
+      return je(i, f, g, !1);
     }
-    var Yn = zn, Gn = $n;
-    rt.Fragment = e, rt.jsx = Yn, rt.jsxs = Gn;
-  }()), rt;
+    var $n = Un, zn = Bn;
+    at.Fragment = e, at.jsx = $n, at.jsxs = zn;
+  }()), at;
 }
-process.env.NODE_ENV === "production" ? Gt.exports = Da() : Gt.exports = Ia();
-var l = Gt.exports;
-function Nn(t) {
+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 La = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+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" })
-] }), Na = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), 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
@@ -1432,35 +1427,35 @@ 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 Fa(t) {
-  return /* @__PURE__ */ l.jsx(Pn.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Na,
+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: La })
+    }, children: Ia })
   ] }) }, t.title);
 }
-function Ba(t) {
-  const [n, a] = ae(!1), [e, o] = ae(t.options), s = (f) => {
-    t.onDragComplete(f), o(f);
-  }, p = (f) => {
+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(f, 1), s(v);
-  }, c = [];
-  e.forEach((f, v) => {
-    c.push(/* @__PURE__ */ l.jsx(Fa, { index: v, title: f, onDelete: p }, f));
+    v.splice(d, 1), c(v);
+  }, s = [];
+  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__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(Nn, { title: t.title }),
-    /* @__PURE__ */ l.jsx(Pn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: c })
+    /* @__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 Ua(t) {
+function Ba(t) {
   const [n, a] = ae(!1), e = [];
-  t.options.map((s, p) => {
-    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx($a, { option: s }, p));
+  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__ */ l.jsxs(
@@ -1470,7 +1465,7 @@ function Ua(t) {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(Nn, { title: t.title }),
+        /* @__PURE__ */ l.jsx(In, { title: t.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
@@ -1482,18 +1477,18 @@ function Ua(t) {
     }
   );
 }
-function $a(t) {
+function Ua(t) {
   const { option: n } = t, [a, e] = ae("");
   let o;
   switch (n.type) {
     case "draggable":
       o = /* @__PURE__ */ l.jsx(
-        Ba,
+        Fa,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (s) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(s);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
@@ -1501,7 +1496,7 @@ function $a(t) {
       break;
     case "dropdown":
       o = /* @__PURE__ */ l.jsx(
-        Ua,
+        Ba,
         {
           title: n.title,
           options: n.value,
@@ -1522,9 +1517,9 @@ function $a(t) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, Oa());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: o }, xa());
 }
-function Di(t) {
+function Ii(t) {
   function n(e) {
     switch (t.components.forEach((o) => {
       o.handleApp(e);
@@ -1547,7 +1542,7 @@ function Di(t) {
     e.target === "editor" ? a(e) : n(e);
   };
 }
-const za = `out vec3 worldPosition;
+const $a = `out vec3 worldPosition;
 uniform float uDistance;
 
 void main() {
@@ -1556,7 +1551,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
 
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, Ya = `out vec4 fragColor;
+}`, za = `out vec4 fragColor;
 in vec3 worldPosition;
 
 uniform float uDivisions;
@@ -1624,14 +1619,14 @@ void main() {
 
   if (fragColor.a <= 0.0) discard;
 }`;
-class Ga extends dn {
+class Ya extends un {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: Wn,
-      side: hn,
+      glslVersion: Vn,
+      side: dn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1641,7 +1636,7 @@ class Ga extends dn {
           value: n?.divisions !== void 0 ? n?.divisions : 10
         },
         uColor: {
-          value: n?.color !== void 0 ? n?.color : new Mt(16777215)
+          value: n?.color !== void 0 ? n?.color : new wt(16777215)
         },
         uDistance: {
           value: n?.distance !== void 0 ? n?.distance : 1e4
@@ -1653,24 +1648,24 @@ class Ga extends dn {
           value: n?.gridOpacity !== void 0 ? n?.gridOpacity : 0.25
         }
       },
-      vertexShader: za,
-      fragmentShader: Ya,
+      vertexShader: $a,
+      fragmentShader: za,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class Va extends qn {
+class Ga extends Hn {
   gridMaterial;
   constructor() {
-    const n = new Ga();
-    super(new Kn(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 Ha = `#include <common>
+const Va = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1700,7 +1695,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Wa = `
+}`, Ha = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1709,18 +1704,18 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class qa extends dn {
+class Wa extends un {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: Ha,
-      fragmentShader: Wa
+      vertexShader: Va,
+      fragmentShader: Ha
     });
   }
 }
-function Vt(t) {
+function Yt(t) {
   const [n, a] = ae(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
@@ -1739,7 +1734,7 @@ function Vt(t) {
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ l.jsx("p", { className: "label", children: ct(t.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: ot(t.label) })
         ]
       }
     ),
@@ -1747,10 +1742,10 @@ function Vt(t) {
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
   ] });
 }
-function Fn(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((s) => {
-    o.push(/* @__PURE__ */ l.jsx(Fn, { child: s, three: t.three }, Math.random()));
+  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(
@@ -1778,29 +1773,29 @@ function Fn(t) {
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(t.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${_a(t.child)}` })
     ] }),
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
   ] }, Math.random()) });
 }
-function Ka(t) {
+function qa(t) {
   const n = [];
   return t.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(Fn, { child: a, three: t.three }, Math.random()));
+    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 Xa = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function Za(t) {
+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;
 }
-function Be(t) {
+function Fe(t) {
   const n = [];
   return t.items.forEach((a) => {
-    Za(a) ? n.push(
-      /* @__PURE__ */ l.jsx(Be, { title: ct(a.title), items: a.items }, Math.random())
+    Xa(a) ? n.push(
+      /* @__PURE__ */ l.jsx(Fe, { title: ot(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
-        st,
+        rt,
         {
           title: a.title,
           prop: a.prop,
@@ -1818,12 +1813,12 @@ function Be(t) {
         Math.random()
       )
     );
-  }), /* @__PURE__ */ l.jsx(Vt, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Yt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Ja(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 Ie(t) {
+function De(t) {
   switch (t) {
     case "alphaMap":
       return "Alpha Map";
@@ -1996,10 +1991,10 @@ function Ie(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 ei() {
+function Qa() {
   const t = document.createElement("input");
   return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
@@ -2007,396 +2002,396 @@ function ei() {
         a();
       else {
         const e = t.files[0], o = new FileReader();
-        o.onload = function(s) {
-          n(s.target.result);
+        o.onload = function(c) {
+          n(c.target.result);
         }, o.readAsDataURL(e);
       }
     }), t.click();
   });
 }
-const ti = [
+const ei = [
   {
     title: "Front",
-    value: Xn
+    value: qn
   },
   {
     title: "Back",
-    value: Zn
+    value: Kn
   },
   {
     title: "Double",
-    value: hn
+    value: dn
   }
-], ni = [
+], ti = [
   {
     title: "No Blending",
-    value: Jn
+    value: Xn
   },
   {
     title: "Normal",
-    value: Qn
+    value: Zn
   },
   {
     title: "Additive",
-    value: ea
+    value: Jn
   },
   {
     title: "Subtractive",
-    value: ta
+    value: Qn
   },
   {
     title: "Multiply",
-    value: na
+    value: ea
   },
   {
     title: "Custom",
-    value: aa
+    value: ta
   }
-], ai = [
+], ni = [
   {
     title: "Add",
-    value: ia
+    value: na
   },
   {
     title: "Subtract",
-    value: ra
+    value: aa
   },
   {
     title: "Reverse Subtract",
-    value: oa
+    value: ia
   },
   {
     title: "Min",
-    value: sa
+    value: ra
   },
   {
     title: "Max",
-    value: ca
+    value: oa
   }
-], ii = [
+], ai = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
-    valye: pn
+    valye: fn
   },
   {
     title: "Src Color",
-    valye: mn
+    valye: pn
   },
   {
     title: "One Minus Src Color",
-    valye: vn
+    valye: mn
   },
   {
     title: "Src Alpha",
-    valye: gn
+    valye: vn
   },
   {
     title: "One Minus Src Alpha",
-    valye: bn
+    valye: gn
   },
   {
     title: "Dst Alpha",
-    valye: yn
+    valye: bn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: En
+    valye: yn
   },
   {
     title: "Dst Color",
-    valye: Cn
+    valye: En
   },
   {
     title: "One Minus Dst Color",
-    valye: xn
+    valye: Cn
   },
   {
     title: "Src Alpha Saturate",
-    valye: la
+    valye: sa
   },
   {
     title: "Constant Color",
-    valye: wn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
-    valye: Sn
+    valye: xn
   },
   {
     title: "Constant Alpha",
-    valye: On
+    valye: wn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: Mn
+    valye: On
   }
-], ri = [
+], ii = [
   {
     title: "Zero",
-    valye: fn
+    valye: hn
   },
   {
     title: "One",
-    valye: pn
+    valye: fn
   },
   {
     title: "Src Color",
-    valye: mn
+    valye: pn
   },
   {
     title: "One Minus Src Color",
-    valye: vn
+    valye: mn
   },
   {
     title: "Src Alpha",
-    valye: gn
+    valye: vn
   },
   {
     title: "One Minus Src Alpha",
-    valye: bn
+    valye: gn
   },
   {
     title: "Dst Alpha",
-    valye: yn
+    valye: bn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: En
+    valye: yn
   },
   {
     title: "Dst Color",
-    valye: Cn
+    valye: En
   },
   {
     title: "One Minus Dst Color",
-    valye: xn
+    valye: Cn
   },
   {
     title: "Constant Color",
-    valye: wn
+    valye: Sn
   },
   {
     title: "One Minus Constant Color",
-    valye: Sn
+    valye: xn
   },
   {
     title: "Constant Alpha",
-    valye: On
+    valye: wn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: Mn
+    valye: On
   }
 ];
-function ot(t, n) {
+function it(t, n) {
   t.needsUpdate = !0, t.type = "option", t.options = n;
 }
-function Qt(t, n, a) {
+function Jt(t, n, a) {
   const e = [];
   for (const o in t) {
-    if (!Ja(o))
+    if (!Za(o))
       continue;
-    const s = typeof t[o], p = t[o];
-    if (s === "boolean" || s === "number" || s === "string") {
-      const c = {
-        title: Ie(o),
+    const c = typeof t[o], p = t[o];
+    if (c === "boolean" || c === "number" || c === "string") {
+      const s = {
+        title: De(o),
         prop: o,
-        type: s,
+        type: c,
         value: p,
         min: void 0,
         max: void 0,
-        needsUpdate: s === "boolean",
-        onChange: (f, v) => {
-          a.updateObject(n.uuid, `material.${f}`, v), c.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.${f}`, v);
+          b !== void 0 && ee(b, `material.${d}`, v);
         }
       };
       switch (o) {
         case "blending":
-          ot(c, ni);
+          it(s, ti);
           break;
         case "blendDst":
-          ot(c, ri);
+          it(s, ii);
           break;
         case "blendEquation":
-          ot(c, ai);
+          it(s, ni);
           break;
         case "blendSrc":
-          ot(c, ii);
+          it(s, ai);
           break;
         case "side":
-          ot(c, ti);
+          it(s, ei);
           break;
       }
-      Qa(o) && (c.value = Number(p), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01);
-      const u = s === "string" && (o === "vertexShader" || o === "fragmentShader");
-      u && (c.disabled = !1, c.latest = c.value, c.onChange = (f, v) => {
-        c.latest = v;
-      }), e.push(c), u && e.push({
-        title: `${ct(o)} - Update`,
+      Ja(o) && (s.value = Number(p), s.type = "range", s.min = 0, s.max = 1, s.step = 0.01);
+      const u = c === "string" && (o === "vertexShader" || o === "fragmentShader");
+      u && (s.disabled = !1, s.latest = s.value, s.onChange = (d, v) => {
+        s.latest = v;
+      }), e.push(s), u && e.push({
+        title: `${ot(o)} - Update`,
         type: "button",
         onChange: () => {
-          a.updateObject(n.uuid, `material.${o}`, c.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
-          const f = a.scene?.getObjectByProperty("uuid", n.uuid);
-          f !== void 0 && (ee(f, `material.${o}`, c.latest), f.material.needsUpdate = !0);
+          a.updateObject(n.uuid, `material.${o}`, s.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
+          const d = a.scene?.getObjectByProperty("uuid", n.uuid);
+          d !== void 0 && (ee(d, `material.${o}`, s.latest), d.material.needsUpdate = !0);
         }
       });
-    } else if (s === "object")
+    } else if (c === "object")
       if (p.isColor)
         e.push({
-          title: Ie(o),
+          title: De(o),
           prop: o,
           type: "color",
           value: p,
-          onChange: (c, u) => {
-            const f = new Mt(u);
-            a.updateObject(n.uuid, `material.${c}`, f);
+          onChange: (s, u) => {
+            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.${c}`, f);
+            v !== void 0 && ee(v, `material.${s}`, d);
           }
         });
       else if (Array.isArray(p)) {
-        const c = [];
+        const s = [];
         for (const u in p)
-          c.push({
+          s.push({
             title: `${u}`,
             type: `${typeof p[u]}`,
             value: p[u],
-            onChange: (f, v) => {
+            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: Ie(o),
-          items: c
+          title: De(o),
+          items: s
         });
       } else {
-        const c = [];
+        const s = [];
         for (const u in p) {
-          const f = p[u];
-          switch (typeof f) {
+          const d = p[u];
+          switch (typeof d) {
             case "boolean":
             case "number":
             case "string":
               u === "src" ? e.push({
-                title: Ie(o),
+                title: De(o),
                 type: "image",
-                value: f,
+                value: d,
                 onChange: (b, E) => {
                   a.createTexture(n.uuid, `material.${o}`, E);
-                  const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && Yt(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);
                   });
                 }
-              }) : c.push({
-                title: `${Ie(u)}`,
+              }) : s.push({
+                title: `${De(u)}`,
                 prop: `material.${o}.${u}`,
                 type: `${typeof t[o][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 (f.value !== void 0 && f.value.src !== void 0)
-                c.push({
-                  title: Ie(u),
+              if (d.value !== void 0 && d.value.src !== void 0)
+                s.push({
+                  title: De(u),
                   type: "image",
-                  value: f.value.src,
+                  value: d.value.src,
                   onChange: (b, E) => {
                     a.createTexture(n.uuid, `material.${o}.${u}.value`, p);
-                    const x = a.scene?.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && Yt(E).then((M) => {
-                      ee(x, `material.${o}.${u}.value`, M);
+                    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 = f.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 f.value == "number")
-                  c.push({
+                if (typeof d.value == "number")
+                  s.push({
                     title: u,
                     type: "number",
-                    value: f.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);
                     }
                   });
                 else if (b.r !== void 0 && b.g !== void 0 && b.b !== void 0)
-                  c.push({
+                  s.push({
                     title: u,
                     type: "color",
-                    value: f.value,
-                    onChange: (x, M) => {
-                      const P = new Mt(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);
                     }
                   });
                 else if (b.x !== void 0 && b.y !== void 0 && b.z === void 0 && b.w === void 0)
-                  c.push(
+                  s.push(
                     {
                       title: u,
                       items: [
-                        E("X", "x", f.value.x),
-                        E("Y", "y", f.value.y)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y)
                       ]
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w === void 0)
-                  c.push(
+                  s.push(
                     {
                       title: u,
                       items: [
-                        E("X", "x", f.value.x),
-                        E("Y", "y", f.value.y),
-                        E("Z", "z", f.value.z)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z)
                       ]
                     }
                   );
                 else if (b.x !== void 0 && b.y !== void 0 && b.z !== void 0 && b.w !== void 0)
-                  c.push(
+                  s.push(
                     {
                       title: u,
                       items: [
-                        E("X", "x", f.value.x),
-                        E("Y", "y", f.value.y),
-                        E("Z", "z", f.value.z),
-                        E("W", "w", f.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]));
-                  c.push(
+                  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,
                       items: M
@@ -2405,28 +2400,28 @@ function Qt(t, n, a) {
                 } else
                   console.log(">>> need to add this format:", u, b);
               } else
-                c.push({
+                s.push({
                   title: u,
-                  type: `${typeof f.value}`,
-                  value: f.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;
           }
         }
-        c.length > 0 && e.push({
-          title: Ie(o),
-          items: c
+        s.length > 0 && e.push({
+          title: De(o),
+          items: s
         });
       }
     else
-      p !== void 0 && console.log("other:", o, s, p);
+      p !== void 0 && console.log("other:", o, c, p);
   }
-  return e.sort((o, s) => o.title < s.title ? -1 : o.title > s.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: () => {
@@ -2434,76 +2429,76 @@ function Qt(t, n, a) {
     }
   }), e;
 }
-function oi(t, n) {
+function ri(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
     const e = [], o = a.length;
-    for (let s = 0; s < o; s++)
+    for (let c = 0; c < o; c++)
       e.push(
         /* @__PURE__ */ l.jsx(
-          Be,
+          Fe,
           {
-            title: `Material ${s}`,
-            items: Qt(a[s], t, n)
+            title: `Material ${c}`,
+            items: Jt(a[c], t, n)
           },
-          `Material ${s}`
+          `Material ${c}`
         )
       );
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
   } else
     return /* @__PURE__ */ l.jsx(
-      Be,
+      Fe,
       {
         title: "Material",
-        items: Qt(a, t, n)
+        items: Jt(a, t, n)
       }
     );
 }
-function st(t) {
+function rt(t) {
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Ta(t.value));
-  const [a, e] = ae(n), o = Ee(null), s = Ee(null), p = Ee(null);
-  Oe(() => {
-    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 Ce = t.step !== void 0 ? t.step : 1, le = (z.clientX - b) * Ce;
-      x = Number((E + le).toFixed(4)), s.current !== null && (s.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 c = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = c || t.type === "image", f = (v) => {
+  const s = t.type === "string" && (a.length > 100 || a.search(`
+`) > -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__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: o, children: ct(t.title) }, "fieldLabel"),
-    t.type === "string" && !c && /* @__PURE__ */ l.jsx(
+    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: f,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "string" && c && /* @__PURE__ */ l.jsx(
+    t.type === "string" && s && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
         rows: 10,
         disabled: t.disabled !== void 0 ? t.disabled : !0,
-        onChange: f,
+        onChange: d,
         value: a
       }
     ),
@@ -2512,25 +2507,25 @@ function st(t) {
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: f,
+        onChange: d,
         checked: a
       }
     ),
     t.type === "number" && /* @__PURE__ */ l.jsx(
       "input",
       {
-        ref: s,
+        ref: c,
         type: "number",
         value: a,
         min: t.min,
         max: t.max,
         step: t.step,
         disabled: t.disabled,
-        onChange: f
+        onChange: d
       }
     ),
     t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: f, disabled: t.disabled, className: "min" }),
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "min" }),
       /* @__PURE__ */ l.jsx(
         "input",
         {
@@ -2540,13 +2535,13 @@ function st(t) {
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: f
+          onChange: d
         }
       )
     ] }),
     t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: f, disabled: t.disabled, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: f, disabled: t.disabled })
+      /* @__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__ */ l.jsx(
       "button",
@@ -2559,14 +2554,14 @@ function st(t) {
       }
     ),
     t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: p, onClick: () => {
-      ei().then((v) => {
+      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 : Xa }),
-    t.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: f, disabled: t.disabled, defaultValue: t.value, children: t.options?.map((v, b) => /* @__PURE__ */ l.jsx("option", { value: v.value, children: ct(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 en(t) {
+function Qt(t) {
   switch (t) {
     case "fov":
       return "FOV";
@@ -2595,68 +2590,68 @@ function en(t) {
   }
   return t;
 }
-function si(t, n) {
+function oi(t, n) {
   const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
       a.push({
-        title: en(e),
+        title: Qt(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, s) => {
-          n.updateObject(t.uuid, o, s), n.requestMethod(t.uuid, "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, s), p.updateProjectionMatrix());
+          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
     for (const e in t.orthographicCameraInfo)
       a.push({
-        title: en(e),
+        title: Qt(e),
         prop: e,
         type: "number",
         step: 0.01,
         value: t.perspectiveCameraInfo[e],
-        onChange: (o, s) => {
-          n.updateObject(t.uuid, o, s), n.requestMethod(t.uuid, "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, s), p.updateProjectionMatrix());
+          p !== void 0 && (ee(p, o, c), p.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ l.jsx(
-    Be,
+    Fe,
     {
       title: "Camera",
       items: a
     }
   );
 }
-const ci = Math.PI / 180, li = 180 / Math.PI;
-function qe(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 ui(t) {
-  return t * ci;
+function li(t) {
+  return t * si;
 }
-function Bt(t) {
-  return t * li;
+function Nt(t) {
+  return t * ci;
 }
-function di(t, n) {
-  const a = new ua();
+function ui(t, n) {
+  const a = new ca();
   a.elements = t.matrix;
-  const e = new X(), o = new da(), s = new X();
-  t.uuid.length > 0 && (e.setFromMatrixPosition(a), o.setFromRotationMatrix(a), s.setFromMatrixScale(a));
-  const p = (u, f) => {
-    n.updateObject(t.uuid, u, f);
+  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, f);
-  }, c = (u, f) => {
-    p(u, ui(f));
+    v !== void 0 && ee(v, u, d);
+  }, s = (u, d) => {
+    p(u, li(d));
   };
   return /* @__PURE__ */ l.jsx(
-    Be,
+    Fe,
     {
       title: "Transform",
       items: [
@@ -2685,37 +2680,37 @@ function di(t, n) {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: Nt(Bt(o.x)),
+          value: It(Nt(o.x)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: c
+          onChange: s
         },
         {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: Nt(Bt(o.y)),
+          value: It(Nt(o.y)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: c
+          onChange: s
         },
         {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: Nt(Bt(o.z)),
+          value: It(Nt(o.z)),
           min: -360,
           max: 360,
           step: 0.1,
-          onChange: c
+          onChange: s
         },
         {
           title: "Scale X",
           prop: "scale.x",
           type: "number",
-          value: s.x,
+          value: c.x,
           step: 0.01,
           onChange: p
         },
@@ -2723,7 +2718,7 @@ function di(t, n) {
           title: "Scale Y",
           prop: "scale.y",
           type: "number",
-          value: s.y,
+          value: c.y,
           step: 0.01,
           onChange: p
         },
@@ -2731,7 +2726,7 @@ function di(t, n) {
           title: "Scale Z",
           prop: "scale.z",
           type: "number",
-          value: s.z,
+          value: c.z,
           step: 0.01,
           onChange: p
         }
@@ -2739,7 +2734,7 @@ function di(t, n) {
     }
   );
 }
-function tn(t) {
+function en(t) {
   switch (t) {
     case "color":
       return "Color";
@@ -2758,54 +2753,54 @@ function tn(t) {
   }
   return t;
 }
-function hi(t, n) {
+function di(t, n) {
   const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
       const o = t.lightInfo[e];
       o !== void 0 && (o.isColor !== void 0 ? a.push({
-        title: tn(e),
+        title: en(e),
         prop: e,
         type: "color",
         value: o,
-        onChange: (s, p) => {
-          const c = new Mt(p);
-          n.updateObject(t.uuid, s, c);
+        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, s, c);
+          u !== void 0 && ee(u, c, s);
         }
       }) : a.push({
-        title: tn(e),
+        title: en(e),
         prop: e,
         type: typeof o,
         value: o,
         step: typeof o == "number" ? 0.01 : void 0,
-        onChange: (s, p) => {
-          n.updateObject(t.uuid, s, p);
-          const c = n.scene?.getObjectByProperty("uuid", t.uuid);
-          c !== void 0 && ee(c, s, p);
+        onChange: (c, p) => {
+          n.updateObject(t.uuid, c, p);
+          const s = n.scene?.getObjectByProperty("uuid", t.uuid);
+          s !== void 0 && ee(s, c, p);
         }
       }));
     }
   return /* @__PURE__ */ l.jsx(
-    Be,
+    Fe,
     {
       title: "Light",
       items: a
     }
   );
 }
-function fi(t, n) {
+function hi(t, n) {
   const a = [], e = [];
   let o = 0;
-  t.animations.forEach((c) => {
-    o = Math.max(o, c.duration), c.duration > 0 && e.push({
-      title: c.name,
+  t.animations.forEach((s) => {
+    o = Math.max(o, s.duration), s.duration > 0 && e.push({
+      title: s.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: c.duration,
+          value: s.duration,
           disabled: !0
         },
         {
@@ -2829,21 +2824,21 @@ function fi(t, n) {
     title: "Animations",
     items: e
   });
-  const s = n.scene?.getObjectByProperty("uuid", t.uuid);
+  const c = n.scene?.getObjectByProperty("uuid", t.uuid);
   let p = !1;
-  if (s !== void 0) {
-    const c = s.mixer;
-    if (p = c !== void 0, p) {
+  if (c !== void 0) {
+    const s = c.mixer;
+    if (p = s !== void 0, p) {
       const u = [
         {
           title: "Time Scale",
           type: "range",
-          value: c.timeScale,
+          value: s.timeScale,
           step: 0.01,
           min: -1,
           max: 2,
-          onChange: (f, v) => {
-            c.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
+          onChange: (d, v) => {
+            s.timeScale = v, n.updateObject(t.uuid, "mixer.timeScale", v);
           }
         }
       ];
@@ -2851,7 +2846,7 @@ function fi(t, n) {
         title: "Stop All",
         type: "button",
         onChange: () => {
-          c.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
+          s.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
         }
       }), a.push({
         title: "Mixer",
@@ -2859,9 +2854,9 @@ function fi(t, n) {
       });
     }
   }
-  return /* @__PURE__ */ l.jsx(Be, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(Fe, { title: "Animation", items: a });
 }
-const Bn = {
+const Nn = {
   name: "",
   uuid: "",
   type: "",
@@ -2873,25 +2868,25 @@ const Bn = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let te = { ...Bn };
-function pi(t) {
+let te = { ...Nn };
+function fi(t) {
   const [n, a] = ae(-1);
-  Oe(() => {
+  we(() => {
     function p(u) {
       te = { ...u.value }, a(Date.now());
     }
-    function c() {
-      te = { ...Bn }, a(Date.now());
+    function s() {
+      te = { ...Nn }, a(Date.now());
     }
-    return k.addEventListener(j.SET_SCENE, c), k.addEventListener(j.SET_OBJECT, p), () => {
-      k.removeEventListener(j.SET_SCENE, c), k.removeEventListener(j.SET_OBJECT, p);
+    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, s = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(Vt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: te.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const e = te.type.toLowerCase(), 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(
-        st,
+        rt,
         {
           type: "string",
           title: "Name",
@@ -2901,7 +2896,7 @@ function pi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        rt,
         {
           type: "string",
           title: "Type",
@@ -2911,7 +2906,7 @@ function pi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        rt,
         {
           type: "string",
           title: "UUID",
@@ -2921,132 +2916,132 @@ function pi(t) {
         }
       ),
       /* @__PURE__ */ l.jsx(
-        st,
+        rt,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: te.visible,
-          onChange: (p, c) => {
-            t.three.updateObject(te.uuid, p, c);
+          onChange: (p, s) => {
+            t.three.updateObject(te.uuid, p, s);
             const u = t.three.scene?.getObjectByProperty("uuid", te.uuid);
-            u !== void 0 && ee(u, p, c);
+            u !== void 0 && ee(u, p, s);
           }
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      di(te, t.three),
-      o ? fi(te, t.three) : null,
-      e.search("camera") > -1 ? si(te, t.three) : null,
-      e.search("light") > -1 ? hi(te, t.three) : null,
-      s ? oi(te, t.three) : null
+      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);
-  Oe(() => {
-    const s = (p) => {
+  we(() => {
+    const c = (p) => {
       a(p.value);
     };
-    return k.addEventListener(j.SET_SCENE, s), () => {
-      k.removeEventListener(j.SET_SCENE, s);
+    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__ */ l.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ l.jsx(Vt, { label: o, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: e && /* @__PURE__ */ l.jsx(Ka, { child: n, three: t.three }) }) }),
-    /* @__PURE__ */ l.jsx(pi, { three: t.three })
+    /* @__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;
   }
-  const a = (c) => {
+  const a = (s) => {
     if (!n())
       return;
-    const u = t.three.scene?.getObjectByProperty("uuid", c.value);
+    const u = t.three.scene?.getObjectByProperty("uuid", s.value);
     u !== void 0 && t.three.setObject(u);
-  }, e = (c, u, f) => {
+  }, e = (s, u, d) => {
     if (!n())
       return;
-    const v = t.three.scene?.getObjectByProperty("uuid", c);
-    v !== void 0 && ee(v, u, f);
-  }, o = (c) => {
+    const v = t.three.scene?.getObjectByProperty("uuid", s);
+    v !== void 0 && ee(v, u, d);
+  }, o = (s) => {
     if (!n())
       return;
-    const u = c.value, { key: f, value: v, uuid: b } = u;
-    e(b, f, v);
-  }, s = (c) => {
+    const u = s.value, { key: d, value: v, uuid: b } = u;
+    e(b, d, v);
+  }, c = (s) => {
     if (!n())
       return;
-    const u = c.value;
-    Yt(u.value).then((f) => {
-      e(u.uuid, u.key, f), e(u.uuid, "material.needsUpdate", !0);
+    const u = s.value;
+    $t(u.value).then((d) => {
+      e(u.uuid, u.key, d), e(u.uuid, "material.needsUpdate", !0);
     });
-  }, p = (c) => {
+  }, p = (s) => {
     if (!n())
       return;
-    const { key: u, uuid: f, value: v, subitem: b } = c.value, E = t.three.scene?.getObjectByProperty("uuid", f);
+    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 ? ja(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 Oe(() => (k.addEventListener(j.GET_OBJECT, a), k.addEventListener(j.UPDATE_OBJECT, o), k.addEventListener(j.CREATE_TEXTURE, s), k.addEventListener(j.REQUEST_METHOD, p), () => {
-    k.removeEventListener(j.GET_OBJECT, a), k.removeEventListener(j.UPDATE_OBJECT, o), k.removeEventListener(j.CREATE_TEXTURE, s), k.removeEventListener(j.REQUEST_METHOD, p);
+  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 nn = { type: "change" }, Ut = { type: "start" }, an = { type: "end" }, xt = new ha(), rn = new fa(), mi = Math.cos(70 * pa.DEG2RAD);
-class vi 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 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: Ve.ROTATE, MIDDLE: Ve.DOLLY, RIGHT: Ve.PAN }, this.touches = { ONE: He.ROTATE, TWO: He.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
-      return c.phi;
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new X(), this.cursor = new X(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: Ge.ROTATE, MIDDLE: Ge.DOLLY, RIGHT: Ge.PAN }, this.touches = { ONE: Ve.ROTATE, TWO: Ve.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+      return s.phi;
     }, this.getAzimuthalAngle = function() {
-      return c.theta;
+      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(nn), e.update(), s = 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 X(), y = new Kt().setFromUnitVectors(n.up, new X(0, 1, 0)), O = y.clone().invert(), L = new X(), K = new Kt(), de = new X(), ie = 2 * Math.PI;
-      return function(Lt = null) {
-        const nt = e.object.position;
-        r.copy(nt).sub(e.target), r.applyQuaternion(y), c.setFromVector3(r), e.autoRotate && s === o.NONE && U(_(Lt)), e.enableDamping ? (c.theta += u.theta * e.dampingFactor, c.phi += u.phi * e.dampingFactor) : (c.theta += u.theta, c.phi += u.phi);
+      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 ? c.theta = Math.max(pe, Math.min(he, c.theta)) : c.theta = c.theta > (pe + he) / 2 ? Math.max(pe, c.theta) : Math.min(he, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && se || e.object.isOrthographicCamera ? c.radius = me(c.radius) : c.radius = me(c.radius * f), r.setFromSpherical(c), 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));
-        let Pe = !1;
+        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 ke = null;
+          let Pe = null;
           if (e.object.isPerspectiveCamera) {
-            const je = r.length();
-            ke = me(je * f);
-            const De = je - ke;
-            e.object.position.addScaledVector(Ce, De), e.object.updateMatrixWorld();
+            const ke = r.length();
+            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 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.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / f)), e.object.updateProjectionMatrix(), Pe = !0;
-            const De = new X(le.x, le.y, 0);
-            De.unproject(e.object), e.object.position.sub(De).add(je), e.object.updateMatrixWorld(), ke = r.length();
+            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;
-          ke !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(ke).add(e.object.position) : (xt.origin.copy(e.object.position), xt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(xt.direction)) < mi ? n.lookAt(e.target) : (rn.setFromNormalAndCoplanarPoint(e.object.up, e.target), xt.intersectPlane(rn, 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 && (Pe = f !== 1, Pe && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / f)), e.object.updateProjectionMatrix()));
-        return f = 1, se = !1, Pe || L.distanceToSquared(e.object.position) > p || 8 * (1 - K.dot(e.object.quaternion)) > p || de.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(nn), L.copy(e.object.position), K.copy(e.object.quaternion), de.copy(e.target), !0) : !1;
+          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", Ye), e.domElement.removeEventListener("pointerdown", _e), e.domElement.removeEventListener("pointercancel", Ae), e.domElement.removeEventListener("wheel", gt), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", Ae), 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,
@@ -3058,13 +3053,13 @@ class vi extends ln {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let s = o.NONE;
-    const p = 1e-6, c = new Xt(), u = new Xt();
-    let f = 1;
-    const v = new X(), 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(), Ce = new X(), le = 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 = [], m = {};
-    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;
     }
@@ -3102,45 +3097,45 @@ class vi extends ln {
       };
     }();
     function T(r) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? f /= 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 ? f *= 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;
-      le.x = L / de * 2 - 1, le.y = -(K / ie) * 2 + 1, Ce.set(le.x, le.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));
     }
-    function xe(r) {
+    function Ce(r) {
       b.set(r.clientX, r.clientY);
     }
-    function dt(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 _t(r) {
-      E.set(r.clientX, r.clientY), x.subVectors(E, b).multiplyScalar(e.rotateSpeed);
+    function Tt(r) {
+      E.set(r.clientX, r.clientY), S.subVectors(E, b).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
-      U(2 * Math.PI * x.x / y.clientHeight), $(2 * Math.PI * x.y / y.clientHeight), b.copy(E), e.update();
+      U(2 * Math.PI * S.x / y.clientHeight), $(2 * Math.PI * S.y / y.clientHeight), b.copy(E), e.update();
     }
-    function At(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();
+    function Rt(r) {
+      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 Xe(r) {
+    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 $e(r) {
+    function Ue(r) {
       let y = !1;
       switch (r.code) {
         case e.keys.UP:
@@ -3158,82 +3153,82 @@ class vi extends ln {
       }
       y && (r.preventDefault(), e.update());
     }
-    function ze(r) {
-      if (d.length === 1)
+    function $e(r) {
+      if (h.length === 1)
         b.set(r.pageX, r.pageY);
       else {
-        const y = Se(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 Me(r) {
-      if (d.length === 1)
+    function Oe(r) {
+      if (h.length === 1)
         M.set(r.pageX, r.pageY);
       else {
-        const y = Se(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 ht(r) {
-      const y = Se(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 && ht(r), e.enablePan && Me(r);
+    function dt(r) {
+      e.enableZoom && ut(r), e.enablePan && Oe(r);
     }
-    function Pt(r) {
-      e.enableZoom && ht(r), e.enableRotate && ze(r);
+    function _t(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 = Se(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 Te(r) {
-      if (d.length === 1)
+    function Me(r) {
+      if (h.length === 1)
         P.set(r.pageX, r.pageY);
       else {
-        const y = Se(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), q(H.x, H.y), M.copy(P);
     }
-    function Re(r) {
-      const y = Se(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);
+    function Te(r) {
+      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 mt(r) {
-      e.enableZoom && Re(r), e.enablePan && Te(r);
+    function ft(r) {
+      e.enableZoom && Te(r), e.enablePan && Me(r);
     }
-    function vt(r) {
-      e.enableZoom && Re(r), e.enableRotate && pt(r);
+    function pt(r) {
+      e.enableZoom && Te(r), e.enableRotate && ht(r);
     }
-    function _e(r) {
-      e.enabled !== !1 && (d.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Je), e.domElement.addEventListener("pointerup", Ae)), jt(r), r.pointerType === "touch" ? tt(r) : Qe(r));
+    function Re(r) {
+      e.enabled !== !1 && (h.length === 0 && (e.domElement.setPointerCapture(r.pointerId), e.domElement.addEventListener("pointermove", Ze), e.domElement.addEventListener("pointerup", _e)), Pt(r), r.pointerType === "touch" ? et(r) : Je(r));
     }
-    function Je(r) {
-      e.enabled !== !1 && (r.pointerType === "touch" ? Et(r) : kt(r));
+    function Ze(r) {
+      e.enabled !== !1 && (r.pointerType === "touch" ? bt(r) : At(r));
     }
-    function Ae(r) {
-      switch (Dt(r), d.length) {
+    function _e(r) {
+      switch (kt(r), h.length) {
         case 0:
-          e.domElement.releasePointerCapture(r.pointerId), e.domElement.removeEventListener("pointermove", Je), e.domElement.removeEventListener("pointerup", Ae), e.dispatchEvent(an), s = 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 = m[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:
@@ -3249,61 +3244,61 @@ class vi extends ln {
           y = -1;
       }
       switch (y) {
-        case Ve.DOLLY:
+        case Ge.DOLLY:
           if (e.enableZoom === !1)
             return;
-          dt(r), s = o.DOLLY;
+          lt(r), c = o.DOLLY;
           break;
-        case Ve.ROTATE:
+        case Ge.ROTATE:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enablePan === !1)
               return;
-            Ke(r), s = o.PAN;
+            qe(r), c = o.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
-            xe(r), s = o.ROTATE;
+            Ce(r), c = o.ROTATE;
           }
           break;
-        case Ve.PAN:
+        case Ge.PAN:
           if (r.ctrlKey || r.metaKey || r.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            xe(r), s = o.ROTATE;
+            Ce(r), c = o.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
-            Ke(r), s = o.PAN;
+            qe(r), c = o.PAN;
           }
           break;
         default:
-          s = o.NONE;
+          c = o.NONE;
       }
-      s !== o.NONE && e.dispatchEvent(Ut);
+      c !== o.NONE && e.dispatchEvent(Ft);
     }
-    function kt(r) {
-      switch (s) {
+    function At(r) {
+      switch (c) {
         case o.ROTATE:
           if (e.enableRotate === !1)
             return;
-          _t(r);
+          Tt(r);
           break;
         case o.DOLLY:
           if (e.enableZoom === !1)
             return;
-          At(r);
+          Rt(r);
           break;
         case o.PAN:
           if (e.enablePan === !1)
             return;
-          Xe(r);
+          Ke(r);
           break;
       }
     }
-    function gt(r) {
-      e.enabled === !1 || e.enableZoom === !1 || s !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ut), Ze(bt(r)), e.dispatchEvent(an));
+    function mt(r) {
+      e.enabled === !1 || e.enableZoom === !1 || c !== o.NONE || (r.preventDefault(), e.dispatchEvent(Ft), Xe(vt(r)), e.dispatchEvent(nn));
     }
-    function bt(r) {
+    function vt(r) {
       const y = r.deltaMode, O = {
         clientX: r.clientX,
         clientY: r.clientY,
@@ -3317,127 +3312,127 @@ class vi extends ln {
           O.deltaY *= 100;
           break;
       }
-      return r.ctrlKey && !S && (O.deltaY *= 10), O;
+      return r.ctrlKey && !w && (O.deltaY *= 10), O;
     }
-    function yt(r) {
-      r.key === "Control" && (S = !0, e.domElement.getRootNode().addEventListener("keyup", we, { passive: !0, capture: !0 }));
+    function gt(r) {
+      r.key === "Control" && (w = !0, e.domElement.getRootNode().addEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
-    function we(r) {
-      r.key === "Control" && (S = !1, e.domElement.getRootNode().removeEventListener("keyup", we, { 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) {
-      e.enabled === !1 || e.enablePan === !1 || $e(r);
+    function Qe(r) {
+      e.enabled === !1 || e.enablePan === !1 || Ue(r);
     }
-    function tt(r) {
-      switch (Ct(r), d.length) {
+    function et(r) {
+      switch (yt(r), h.length) {
         case 1:
           switch (e.touches.ONE) {
-            case He.ROTATE:
+            case Ve.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              ze(r), s = o.TOUCH_ROTATE;
+              $e(r), c = o.TOUCH_ROTATE;
               break;
-            case He.PAN:
+            case Ve.PAN:
               if (e.enablePan === !1)
                 return;
-              Me(r), s = o.TOUCH_PAN;
+              Oe(r), c = o.TOUCH_PAN;
               break;
             default:
-              s = o.NONE;
+              c = o.NONE;
           }
           break;
         case 2:
           switch (e.touches.TWO) {
-            case He.DOLLY_PAN:
+            case Ve.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              ft(r), s = o.TOUCH_DOLLY_PAN;
+              dt(r), c = o.TOUCH_DOLLY_PAN;
               break;
-            case He.DOLLY_ROTATE:
+            case Ve.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              Pt(r), s = o.TOUCH_DOLLY_ROTATE;
+              _t(r), c = o.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              s = o.NONE;
+              c = o.NONE;
           }
           break;
         default:
-          s = o.NONE;
+          c = o.NONE;
       }
-      s !== o.NONE && e.dispatchEvent(Ut);
+      c !== o.NONE && e.dispatchEvent(Ft);
     }
-    function Et(r) {
-      switch (Ct(r), s) {
+    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)
             return;
-          Te(r), e.update();
+          Me(r), e.update();
           break;
         case o.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          mt(r), e.update();
+          ft(r), e.update();
           break;
         case o.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          vt(r), e.update();
+          pt(r), e.update();
           break;
         default:
-          s = o.NONE;
+          c = o.NONE;
       }
     }
-    function Ye(r) {
+    function ze(r) {
       e.enabled !== !1 && r.preventDefault();
     }
-    function jt(r) {
-      d.push(r.pointerId);
+    function Pt(r) {
+      h.push(r.pointerId);
     }
-    function Dt(r) {
+    function kt(r) {
       delete m[r.pointerId];
-      for (let y = 0; y < d.length; y++)
-        if (d[y] == r.pointerId) {
-          d.splice(y, 1);
+      for (let y = 0; y < h.length; y++)
+        if (h[y] == r.pointerId) {
+          h.splice(y, 1);
           return;
         }
     }
-    function Ct(r) {
+    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 Se(r) {
-      const y = r.pointerId === d[0] ? d[1] : d[0];
+    function xe(r) {
+      const y = r.pointerId === h[0] ? h[1] : h[0];
       return m[y];
     }
-    e.domElement.addEventListener("contextmenu", Ye), e.domElement.addEventListener("pointerdown", _e), e.domElement.addEventListener("pointercancel", Ae), e.domElement.addEventListener("wheel", gt, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", yt, { 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 Ot = (t) => {
+const xt = (t) => {
   const [n, a] = ae(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
-  }, o = (s) => {
-    s !== n && (t.onSelect(s), a(s)), t.onToggle(!1);
+  }, o = (c) => {
+    c !== n && (t.onSelect(c), a(c)), t.onToggle(!1);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ l.jsx("li", { onClick: () => o(s), children: s }, s)) })
+    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => o(c), children: c }, c)) })
   ] });
-}, Le = Sa(function(n, a) {
-  const [e, o] = ae(!1), s = n.options.indexOf(n.camera.name);
+}, 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__ */ l.jsx(
-      Ot,
+      xt,
       {
-        index: s,
+        index: c,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
@@ -3448,65 +3443,65 @@ const Ot = (t) => {
       }
     )
   ] });
-}), on = [
+}), rn = [
   "Single",
   "Side by Side",
   "Stacked",
   "Quad"
-], ne = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map();
-function Ue(t, n) {
-  const a = new Tn(-100, 100, 100, -100, 50, 3e3);
+], ne = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map();
+function Be(t, n) {
+  const a = new Mn(-100, 100, 100, -100, 50, 3e3);
   return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ne.set(t, a), a;
 }
-Ue("Top", new X(0, 1e3, 0));
-Ue("Bottom", new X(0, -1e3, 0));
-Ue("Left", new X(-1e3, 0, 0));
-Ue("Right", new X(1e3, 0, 0));
-Ue("Front", new X(0, 0, 1e3));
-Ue("Back", new X(0, 0, -1e3));
-Ue("Orthographic", new X(1e3, 1e3, 1e3));
-const Rt = new $t(60, 1, 50, 3e3);
-Rt.name = "Debug";
-Rt.position.set(500, 500, 500);
-Rt.lookAt(0, 0, 0);
-ne.set("Debug", Rt);
-const sn = [
+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);
+Mt.lookAt(0, 0, 0);
+ne.set("Debug", Mt);
+const on = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], gi = new ma(), bi = new va(), yi = new qa(), Ei = new ga({
+], vi = new fa(), gi = new pa(), bi = new Wa(), yi = new ma({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let wt = "Renderer";
-const V = new Rn();
+let Ct = "Renderer";
+const V = new Tn();
 V.name = "Debug Scene";
-let ye = new Rn();
-V.add(ye);
-const ut = new ba();
-ut.name = "helpers";
-V.add(ut);
-const Ci = new Va();
-ut.add(Ci);
-const Un = new _n(500);
-Un.name = "axisHelper";
-ut.add(Un);
-const lt = new _n(100);
-lt.name = "interactionHelper";
-ut.add(lt);
-lt.visible = !1;
-let St = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Ne = ne.get("Front"), Fe = ne.get("Top"), cn = !1;
-function Ni(t) {
-  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [s, p] = ae(!1), [c, u] = ae(!1), [f, v] = ae(!1), [, b] = ae(Date.now()), E = Ee(null), x = Ee(null), M = Ee(null), P = Ee(null), H = Ee(null), B = Ee(null), w = (d, m) => {
-    const S = re.get(d.name);
-    S !== void 0 && S.dispose(), re.delete(d.name);
-    const _ = be.get(d.name);
-    _ !== void 0 && (V.remove(_), _.dispose()), be.delete(d.name);
-    const Y = new vi(d, m);
-    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, d.name) {
+let be = new Tn();
+V.add(be);
+const ct = new va();
+ct.name = "helpers";
+V.add(ct);
+const Ei = new Ga();
+ct.add(Ei);
+const Fn = new Rn(500);
+Fn.name = "axisHelper";
+ct.add(Fn);
+const st = new Rn(100);
+st.name = "interactionHelper";
+ct.add(st);
+st.visible = !1;
+let St = !1, G = ne.get("Debug"), oe = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
+function Fi(t) {
+  const [n, a] = ae(t.mode !== void 0 ? t.mode : "Single"), [e, o] = ae(null), [c, p] = ae(!1), [s, u] = ae(!1), [d, v] = ae(!1), [, b] = ae(Date.now()), E = ye(null), S = ye(null), M = ye(null), P = ye(null), H = ye(null), B = ye(null), x = (h, m) => {
+    const w = re.get(h.name);
+    w !== void 0 && w.dispose(), re.delete(h.name);
+    const _ = ge.get(h.name);
+    _ !== void 0 && (V.remove(_), _.dispose()), ge.delete(h.name);
+    const Y = new mi(h, m);
+    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, h.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -3516,95 +3511,95 @@ function Ni(t) {
         Y.enableRotate = !1;
         break;
     }
-    if (re.set(d.name, Y), d instanceof $t) {
-      const U = new Ca(d);
-      be.set(d.name, U), V.add(U);
-    }
-  }, z = (d) => {
-    const m = be.get(d.name);
-    m !== void 0 && (V.remove(m), m.dispose(), be.delete(d.name));
-    const S = re.get(d.name);
-    S !== void 0 && (S.dispose(), re.delete(d.name));
-  }, Ce = () => {
-    re.forEach((d, m) => {
-      d.dispose();
-      const S = be.get(m);
-      S !== void 0 && (V.remove(S), S.dispose()), be.delete(m), re.delete(m);
-    }), re.clear(), be.clear();
+    if (re.set(h.name, Y), h instanceof Bt) {
+      const U = new ya(h);
+      ge.set(h.name, U), V.add(U);
+    }
+  }, z = (h) => {
+    const m = ge.get(h.name);
+    m !== void 0 && (V.remove(m), m.dispose(), ge.delete(h.name));
+    const w = re.get(h.name);
+    w !== void 0 && (w.dispose(), re.delete(h.name));
+  }, Ee = () => {
+    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();
   }, 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(Ne, H.current), w(Fe, B.current);
+        x(G, M.current), x(oe, P.current), x(Le, H.current), x(Ne, B.current);
         break;
     }
   };
-  Oe(() => {
-    const d = new ya({
+  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);
-  }, []), Oe(() => {
-    const d = (_) => {
-      jn(ye), V.remove(ye);
+    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), ye = U, t.three.scene = ye, V.add(ye), cn = !0;
+        t.onSceneSet !== void 0 && t.onSceneSet(U), be = U, t.three.scene = be, V.add(be), sn = !0;
       }
     }, 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(j.SET_SCENE, d), k.addEventListener(j.ADD_CAMERA, m), k.addEventListener(j.REMOVE_CAMERA, S), () => {
-      k.removeEventListener(j.SET_SCENE, d), k.removeEventListener(j.ADD_CAMERA, m), k.removeEventListener(j.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);
     };
-  }, []), Oe(() => {
+  }, []), we(() => {
     if (e === null)
       return;
-    let d = window.innerWidth, m = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(m / 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, m = window.innerHeight, S = Math.floor(d / 2), _ = Math.floor(m / 2), e.setSize(d, m);
-      let T = d, N = m;
+      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 = m;
+          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 Tn ? (J.left = T / -2, J.right = T / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof $t && (J.aspect = T / N, J.updateProjectionMatrix(), be.get(J.name)?.update());
+        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, m), e.setScissor(0, 0, d, m), 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, m), e.setScissor(0, 0, S, m), e.render(V, G), e.setViewport(S, 0, S, m), e.setScissor(S, 0, S, m), e.render(V, oe);
+        e.setViewport(0, 0, w, m), e.setScissor(0, 0, w, m), e.render(V, G), e.setViewport(w, 0, w, m), e.setScissor(w, 0, w, m), e.render(V, oe);
       else {
         const T = m - _;
-        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);
+        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 = m - _, 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, Ne), T = S, e.setViewport(T, N, S, _), e.setScissor(T, N, S, _), e.render(V, Fe);
+      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 && cn && t.onSceneUpdate(ye), e.clear(), n) {
+      }), t.onSceneUpdate !== void 0 && sn && t.onSceneUpdate(be), e.clear(), n) {
         case "Single":
           $();
           break;
@@ -3621,21 +3616,21 @@ function Ni(t) {
     return le(), window.addEventListener("resize", U), U(), q(), () => {
       window.removeEventListener("resize", U), cancelAnimationFrame(Y), Y = -1;
     };
-  }, [n, e]), Oe(() => {
+  }, [n, e]), we(() => {
     if (e !== null) {
-      const d = new Ea(), m = new ue(), S = ($, I, W, q) => {
+      const h = new ba(), m = new ue(), w = ($, I, W, q) => {
         switch (n) {
           case "Quad":
-            $ < W ? I < q ? d.setFromCamera(m, G) : d.setFromCamera(m, Ne) : I < q ? d.setFromCamera(m, oe) : d.setFromCamera(m, Fe);
+            $ < 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(m, G) : d.setFromCamera(m, oe);
+            $ < W ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
             break;
           case "Single":
-            d.setFromCamera(m, G);
+            h.setFromCamera(m, G);
             break;
           case "Stacked":
-            I < q ? d.setFromCamera(m, G) : d.setFromCamera(m, oe);
+            I < q ? h.setFromCamera(m, G) : h.setFromCamera(m, oe);
             break;
         }
       }, _ = ($) => {
@@ -3644,11 +3639,11 @@ function Ni(t) {
         const I = new ue();
         e.getSize(I);
         const W = Math.min($.clientX, I.x), q = Math.min($.clientY, I.y);
-        m.x = qe(W, 0, I.x, -1, 1), m.y = qe(q, 0, I.y, 1, -1);
+        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 ? m.x = qe(W, 0, T, -1, 1) : m.x = qe(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 = () => {
-          q < N ? m.y = qe(q, 0, N, 1, -1) : m.y = qe(q, 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":
@@ -3661,9 +3656,9 @@ function Ni(t) {
             me(), me();
             break;
         }
-        S(W, q, T, N);
-        const xe = d.intersectObjects(ye.children);
-        xe.length > 0 && lt.position.copy(xe[0].point);
+        w(W, q, T, N);
+        const Ce = h.intersectObjects(be.children);
+        Ce.length > 0 && st.position.copy(Ce[0].point);
       }, Y = ($) => {
         if (!St)
           return;
@@ -3671,128 +3666,128 @@ function Ni(t) {
         if (e.getSize(I), $.clientX >= I.x)
           return;
         _($);
-        const W = d.intersectObjects(ye.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, m) => {
+  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: x, children: [
-      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+    /* @__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 m = ne.get(d);
-        m !== void 0 && (z(G), G = m, w(m, 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__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
           re.get(G.name)?.dispose();
-          const m = ne.get(d);
-          m !== void 0 && (z(G), G = m, w(m, M.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { 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 m = ne.get(d);
-          m !== void 0 && (z(oe), oe = m, w(m, P.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(oe), oe = m, x(m, P.current));
         } })
       ] }),
       n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Le, { camera: G, options: se, ref: M, onSelect: (d) => {
+        /* @__PURE__ */ l.jsx(Ie, { camera: G, options: se, ref: M, onSelect: (h) => {
           re.get(G.name)?.dispose();
-          const m = ne.get(d);
-          m !== void 0 && (z(G), G = m, w(m, M.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(G), G = m, x(m, M.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { 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 m = ne.get(d);
-          m !== void 0 && (z(oe), oe = m, w(m, P.current));
+          const m = ne.get(h);
+          m !== void 0 && (z(oe), oe = m, x(m, P.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: Ne, options: se, ref: H, onSelect: (d) => {
-          re.get(Ne.name)?.dispose();
-          const m = ne.get(d);
-          m !== void 0 && (z(Ne), Ne = m, w(m, H.current));
+        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: se, ref: H, onSelect: (h) => {
+          re.get(Le.name)?.dispose();
+          const m = ne.get(h);
+          m !== void 0 && (z(Le), Le = m, x(m, H.current));
         } }),
-        /* @__PURE__ */ l.jsx(Le, { camera: Fe, options: se, ref: B, onSelect: (d) => {
-          re.get(Fe.name)?.dispose();
-          const m = ne.get(d);
-          m !== void 0 && (z(Fe), Fe = m, w(m, B.current));
+        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: se, ref: B, onSelect: (h) => {
+          re.get(Ne.name)?.dispose();
+          const m = ne.get(h);
+          m !== void 0 && (z(Ne), Ne = m, x(m, B.current));
         } })
       ] })
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
       /* @__PURE__ */ l.jsx(
-        Ot,
+        xt,
         {
-          index: on.indexOf(n),
-          options: on,
-          onSelect: (d) => {
-            d !== n && (Ce(), a(d));
+          index: rn.indexOf(n),
+          options: rn,
+          onSelect: (h) => {
+            h !== n && (Ee(), a(h));
           },
-          open: s,
-          onToggle: (d) => {
-            p(d), c && u(!1), f && v(!1);
+          open: c,
+          onToggle: (h) => {
+            p(h), s && u(!1), d && v(!1);
           }
         }
       ),
       /* @__PURE__ */ l.jsx(
-        Ot,
+        xt,
         {
-          index: sn.indexOf(wt),
-          options: sn,
-          onSelect: (d) => {
-            if (d !== wt)
-              switch (wt = d, wt) {
+          index: on.indexOf(Ct),
+          options: on,
+          onSelect: (h) => {
+            if (h !== Ct)
+              switch (Ct = h, Ct) {
                 case "Depth":
-                  V.overrideMaterial = gi;
+                  V.overrideMaterial = vi;
                   break;
                 case "Normals":
-                  V.overrideMaterial = bi;
+                  V.overrideMaterial = gi;
                   break;
                 default:
                 case "Renderer":
                   V.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  V.overrideMaterial = Ei;
+                  V.overrideMaterial = yi;
                   break;
                 case "UVs":
-                  V.overrideMaterial = yi;
+                  V.overrideMaterial = bi;
                   break;
               }
           },
-          open: c,
-          onToggle: (d) => {
-            s && p(!1), u(d), f && v(!1);
+          open: s,
+          onToggle: (h) => {
+            c && p(!1), u(h), d && v(!1);
           }
         }
       ),
       /* @__PURE__ */ l.jsx(
-        Ot,
+        xt,
         {
           index: 0,
           options: [
             "Orbit Mode",
             "Selection Mode"
           ],
-          onSelect: (d) => {
-            St = d === "Selection Mode", lt.visible = St;
+          onSelect: (h) => {
+            St = h === "Selection Mode", st.visible = St;
           },
-          open: f,
-          onToggle: (d) => {
-            s && p(!1), c && u(!1), v(d);
+          open: d,
+          onToggle: (h) => {
+            c && p(!1), s && u(!1), v(h);
           }
         }
       )
     ] })
   ] });
 }
-function Fi(t) {
+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,
@@ -3800,41 +3795,44 @@ function Fi(t) {
   ] });
 }
 export {
-  Vt as Accordion,
+  Yt as Accordion,
   Ai as Application,
-  Tt as BaseRemote,
-  Fn as ChildObject,
-  Ka as ContainerObject,
-  Ba as Draggable,
-  Fa as DraggableItem,
-  Ua as Dropdown,
-  $a as DropdownItem,
-  Fi as Editor,
-  Va as InfiniteGridHelper,
-  pi as Inspector,
-  Ni as MultiView,
-  Nn as NavButton,
+  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,
-  Di as RemoteController,
-  In as RemoteTheatre,
-  ki as RemoteThree,
-  ji as RemoteTweakpane,
-  Li as SceneInspector,
-  Ii as SidePanel,
+  Ii as RemoteController,
+  Ra as RemoteTheatre,
+  ji as RemoteThree,
+  Di as RemoteTweakpane,
+  Ni as SceneInspector,
+  Li as SidePanel,
   j as ToolEvents,
-  qa as UVMaterial,
-  ct as capitalize,
+  Wa as UVMaterial,
+  ot as capitalize,
   Ti as clamp,
-  Ta as colorToHex,
+  Oa as colorToHex,
   k as debugDispatcher,
+  Mi as defaultTheatreCallback,
   jn as dispose,
-  _a as disposeMaterial,
+  Ta as disposeMaterial,
   _i as disposeTexture,
   Ri as distance,
   kn as hierarchyUUID,
-  Ma as isColor,
-  Oa as randomID,
-  Ra as resetThreeObjects,
-  Nt as round,
-  zt as totalThreeObjects
+  wa as isColor,
+  Pn as noop,
+  xa as randomID,
+  Ma as resetThreeObjects,
+  It as round,
+  ki as theatreEditorApp,
+  Ut as totalThreeObjects
 };