@tomorrowevening/hermes 0.0.72 → 0.0.74

package/dist/hermes.es.js

@@ -1,24 +1,24 @@
-import { EventDispatcher as pn, Texture as gn, CubeTexture as Hn, RepeatWrapping as qt, WebGLRenderTarget as Yn, Color as $t, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as J, Euler as oa, Line as ca, BufferGeometry as Kt, Float32BufferAttribute as Xt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as nt, TOUCH as at, Quaternion as Zt, Spherical as Jt, Vector2 as me, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Qt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as At, Raycaster as Ea, OrthographicCamera as en, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
+import { EventDispatcher as pn, Texture as gn, CubeTexture as Hn, RepeatWrapping as Vt, WebGLRenderTarget as Yn, Color as Ut, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as J, Euler as oa, Line as ca, BufferGeometry as qt, Float32BufferAttribute as Kt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as it, TOUCH as rt, Quaternion as Xt, Spherical as Zt, Vector2 as pe, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Jt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as Pt, Raycaster as Ea, OrthographicCamera as Qt, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
 import { Pane as Oa } from "tweakpane";
 import * as Ta from "@tweakpane/plugin-essentials";
-import Nn, { useState as H, useRef as Y, useEffect as Re, useMemo as se, forwardRef as Ra } from "react";
+import Nn, { useState as W, useRef as V, useEffect as Re, useMemo as se, forwardRef as Ra } from "react";
 import { Reorder as Ln } from "framer-motion";
-const zt = () => {
-}, Di = () => {
+const $t = () => {
+}, ki = () => {
 };
-function Ot(e) {
+function Mt(e) {
   return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-function Ke(e, n, a) {
+function Je(e, n, a) {
   return Math.min(n, Math.max(e, a));
 }
-function tn(e, n, a) {
+function en(e, n, a) {
   return (a - e) / (n - e);
 }
-function nn(e, n, a) {
+function tn(e, n, a) {
   return e * (1 - a) + n * a;
 }
-function Pi(e, n) {
+function Di(e, n) {
   const a = e - n;
   return Math.sqrt(a * a);
 }
@@ -35,17 +35,17 @@ function Da(e) {
   }, o = i(n), d = i(a), r = i(t);
   return "#" + o + d + r;
 }
-function an(e, n = 1) {
+function nn(e, n = 1) {
   return Number(e.toFixed(n));
 }
-let Lt = 0;
-const rn = () => {
-  Lt = 0;
-}, Bt = (e) => {
+let Nt = 0;
+const an = () => {
+  Nt = 0;
+}, Lt = (e) => {
   if (!e)
     return;
   let n = e.name.replaceAll(" ", "").replaceAll("/", ".");
-  if (n.length === 0 && (n = `obj_${Lt}`, Lt++), e.parent !== null && e.parent.uuid.length > 0 && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.isMesh !== void 0) {
+  if (n.length === 0 && (n = `obj_${Nt}`, Nt++), e.parent !== null && e.parent.uuid.length > 0 && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.isMesh !== void 0) {
     const a = e;
     if (Array.isArray(a.material))
       a.material.forEach((t, i) => {
@@ -56,16 +56,16 @@ const rn = () => {
       t.uuid = `${n}.material`;
     }
   }
-  e.children.forEach((a) => Bt(a));
-}, Ai = (e) => {
+  e.children.forEach((a) => Lt(a));
+}, Pi = (e) => {
   e?.dispose();
 }, Pa = (e) => {
   e && (Array.isArray(e) ? e.forEach((n) => n.dispose()) : e.dispose());
-}, Tt = (e) => {
+}, Ot = (e) => {
   if (e) {
     for (; e.children.length > 0; ) {
       const n = e.children[0];
-      n.type === "Audio" ? (n.pause(), n.parent && n.parent.remove(n)) : Tt(n);
+      n.type === "Audio" ? (n.pause(), n.parent && n.parent.remove(n)) : Ot(n);
     }
     if (e.parent && e.parent.remove(e), e.isMesh) {
       const n = e;
@@ -74,7 +74,7 @@ const rn = () => {
     e.dispose !== void 0 && e.dispose();
   }
 };
-class ji {
+class Ai {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -132,7 +132,7 @@ class ji {
     n && (this._mode = "editor");
   }
 }
-const D = new pn(), P = {
+const P = new pn(), A = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -150,7 +150,7 @@ const D = new pn(), P = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Rt {
+class Tt {
   app;
   constructor(n) {
     this.app = n;
@@ -162,7 +162,7 @@ class Rt {
   handleEditor(n, a, t) {
   }
 }
-class Ii extends Rt {
+class ji extends Tt {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -186,15 +186,15 @@ class Ii extends Rt {
   handleApp(n, a, t) {
     switch (t.event) {
       case "selectComponent":
-        D.dispatchEvent({ type: P.SELECT_DROPDOWN, value: t.data });
+        P.dispatchEvent({ type: A.SELECT_DROPDOWN, value: t.data });
         break;
       case "draggableListUpdate":
-        D.dispatchEvent({ type: P.DRAG_UPDATE, value: t.data });
+        P.dispatchEvent({ type: A.DRAG_UPDATE, value: t.data });
         break;
     }
   }
 }
-class Gt extends Rt {
+class zt extends Tt {
   project;
   sheets = /* @__PURE__ */ new Map();
   sheetObjects = /* @__PURE__ */ new Map();
@@ -254,16 +254,16 @@ class Gt extends Rt {
       return;
     const h = `${this.getSheetInstance(n, o)}_${a}`;
     let u = this.sheetObjects.get(h);
-    u !== void 0 ? u = d.object(a, { ...t, ...u.value }, { reconfigure: !0 }) : u = d.object(a, t), this.sheetObjects.set(h, u), this.sheetObjectCBs.set(h, i !== void 0 ? i : zt);
+    u !== void 0 ? u = d.object(a, { ...t, ...u.value }, { reconfigure: !0 }) : u = d.object(a, t), this.sheetObjects.set(h, u), this.sheetObjectCBs.set(h, i !== void 0 ? i : $t);
     const f = u.onValuesChange((m) => {
       if (this.app.editor) {
-        for (const S in m) {
-          const A = m[S];
-          typeof A == "object" && ka(A) && (m[S] = {
-            r: A.r,
-            g: A.g,
-            b: A.b,
-            a: A.a
+        for (const E in m) {
+          const D = m[E];
+          typeof D == "object" && ka(D) && (m[E] = {
+            r: D.r,
+            g: D.g,
+            b: D.b,
+            a: D.a
           });
         }
         this.app.send({
@@ -276,8 +276,8 @@ class Gt extends Rt {
           }
         });
       }
-      const v = this.sheetObjectCBs.get(h);
-      v !== void 0 && v(m);
+      const b = this.sheetObjectCBs.get(h);
+      b !== void 0 && b(m);
     });
     return this.sheetObjectUnsubscribe.set(h, f), u;
   }
@@ -346,7 +346,7 @@ class Gt extends Rt {
       });
       let t = -1;
       const i = () => {
-        if (Gt.rafDriver?.tick(performance.now()), a.activeSheet !== void 0 && t !== a.activeSheet.sequence.position) {
+        if (zt.rafDriver?.tick(performance.now()), a.activeSheet !== void 0 && t !== a.activeSheet.sequence.position) {
           t = a.activeSheet.sequence.position;
           const d = a.activeSheet;
           n.send({
@@ -366,7 +366,7 @@ class Gt extends Rt {
       this.studio?.ui.hide();
   }
 }
-function Ni(e, n, a) {
+function Ii(e, n, a) {
   if (e.editor) {
     a.ui.restore(), a.onSelectionChange((d) => {
       d.length < 1 || d.forEach((r) => {
@@ -390,7 +390,7 @@ function Ni(e, n, a) {
     });
     let t = -1;
     const i = () => {
-      if (Gt.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && t !== n.activeSheet.sequence.position) {
+      if (zt.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && t !== n.activeSheet.sequence.position) {
         t = n.activeSheet.sequence.position;
         const d = n.activeSheet;
         e.send({
@@ -423,7 +423,7 @@ function Aa(e) {
   const n = e.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function Ct(e) {
+function St(e) {
   const n = {
     name: e.name,
     type: e.type,
@@ -431,7 +431,7 @@ function Ct(e) {
     children: []
   };
   return e.children.forEach((a) => {
-    n.children.push(Ct(a));
+    n.children.push(St(a));
   }), n;
 }
 function ja(e) {
@@ -462,7 +462,7 @@ function Ia(e) {
   }
   return !1;
 }
-function it(e) {
+function st(e) {
   const n = {};
   for (const a in e) {
     if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Ia(a))
@@ -503,7 +503,7 @@ function it(e) {
   }
   return n;
 }
-function jt(e) {
+function At(e) {
   e.updateMatrix();
   const n = {
     name: e.name,
@@ -531,28 +531,28 @@ function jt(e) {
     if (Array.isArray(t.material)) {
       const i = [];
       t.material.forEach((o) => {
-        i.push(it(o));
+        i.push(st(o));
       }), n.material = i;
     } else
-      n.material = it(t.material);
+      n.material = st(t.material);
   } else if (a.search("points") > -1) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
       t.material.forEach((o) => {
-        i.push(it(o));
+        i.push(st(o));
       }), n.material = i;
     } else
-      n.material = it(t.material);
+      n.material = st(t.material);
   } else if (a.search("line") > -1) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
       t.material.forEach((o) => {
-        i.push(it(o));
+        i.push(st(o));
       }), n.material = i;
     } else
-      n.material = it(t.material);
+      n.material = st(t.material);
   } else
     a.search("camera") > -1 ? e.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: e.fov,
@@ -605,7 +605,7 @@ function La(e, n) {
   for (const a in n)
     e[a] = n[a];
 }
-function ee(e, n, a) {
+function te(e, n, a) {
   if (e === void 0) {
     console.log(`Hermes - Can't set props: ${n}`, a);
     return;
@@ -656,19 +656,19 @@ function Bn(e) {
     const t = new Image();
     t.onload = () => {
       const i = new gn(t);
-      i.wrapS = qt, i.wrapT = qt, i.needsUpdate = !0, n(i);
+      i.wrapS = Vt, i.wrapT = Vt, i.needsUpdate = !0, n(i);
     }, t.onerror = a, t.src = e;
   });
 }
-class Li extends Rt {
+class Ni extends Tt {
   scene = void 0;
   scenes = /* @__PURE__ */ new Map();
   renderer = void 0;
   renderTargets = /* @__PURE__ */ new Map();
   dispose() {
     this.scenes.forEach((n) => {
-      Tt(n);
-    }), this.scenes.clear(), this.scene && Tt(this.scene), this.renderTargets.forEach((n) => {
+      Ot(n);
+    }), this.scenes.clear(), this.scene && Ot(this.scene), this.renderTargets.forEach((n) => {
       n.dispose();
     }), this.renderTargets.clear(), this.renderer?.dispose();
   }
@@ -680,7 +680,7 @@ class Li extends Rt {
     });
   }
   setObject(n) {
-    const a = jt(n);
+    const a = At(n);
     this.app.send({
       event: "setObject",
       target: "editor",
@@ -724,8 +724,8 @@ class Li extends Rt {
   addScene(n) {
     if (n === void 0 || (this.scenes.set(n.name, n), !this.app.debugEnabled))
       return;
-    rn(), Bt(n);
-    const a = Ct(n);
+    an(), Lt(n);
+    const a = St(n);
     this.app.send({
       event: "addScene",
       target: "editor",
@@ -735,7 +735,7 @@ class Li extends Rt {
   removeScene(n) {
     if (n === void 0 || (this.scenes.delete(n.name), !this.app.debugEnabled))
       return;
-    const a = Ct(n);
+    const a = St(n);
     this.app.send({
       event: "removeScene",
       target: "editor",
@@ -754,8 +754,8 @@ class Li extends Rt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    rn(), Bt(n);
-    const a = Ct(n);
+    an(), Lt(n);
+    const a = St(n);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -765,7 +765,7 @@ class Li extends Rt {
   addCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = jt(n);
+    const a = At(n);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -775,7 +775,7 @@ class Li extends Rt {
   removeCamera(n) {
     if (!this.app.debugEnabled)
       return;
-    const a = jt(n);
+    const a = At(n);
     this.app.send({
       event: "removeCamera",
       target: "editor",
@@ -785,38 +785,38 @@ class Li extends Rt {
   handleApp(n, a, t) {
     switch (t.event) {
       case "getObject":
-        D.dispatchEvent({ type: P.GET_OBJECT, value: t.data });
+        P.dispatchEvent({ type: A.GET_OBJECT, value: t.data });
         break;
       case "updateObject":
-        D.dispatchEvent({ type: P.UPDATE_OBJECT, value: t.data });
+        P.dispatchEvent({ type: A.UPDATE_OBJECT, value: t.data });
         break;
       case "createTexture":
-        D.dispatchEvent({ type: P.CREATE_TEXTURE, value: t.data });
+        P.dispatchEvent({ type: A.CREATE_TEXTURE, value: t.data });
         break;
       case "requestMethod":
-        D.dispatchEvent({ type: P.REQUEST_METHOD, value: t.data });
+        P.dispatchEvent({ type: A.REQUEST_METHOD, value: t.data });
         break;
     }
   }
   handleEditor(n, a, t) {
     switch (t.event) {
       case "setObject":
-        D.dispatchEvent({ type: P.SET_OBJECT, value: t.data });
+        P.dispatchEvent({ type: A.SET_OBJECT, value: t.data });
         break;
       case "addScene":
-        D.dispatchEvent({ type: P.ADD_SCENE, value: t.data });
+        P.dispatchEvent({ type: A.ADD_SCENE, value: t.data });
         break;
       case "removeScene":
-        D.dispatchEvent({ type: P.REMOVE_SCENE, value: t.data });
+        P.dispatchEvent({ type: A.REMOVE_SCENE, value: t.data });
         break;
       case "setScene":
-        D.dispatchEvent({ type: P.SET_SCENE, value: t.data });
+        P.dispatchEvent({ type: A.SET_SCENE, value: t.data });
         break;
       case "addCamera":
-        D.dispatchEvent({ type: P.ADD_CAMERA, value: t.data });
+        P.dispatchEvent({ type: A.ADD_CAMERA, value: t.data });
         break;
       case "removeCamera":
-        D.dispatchEvent({ type: P.REMOVE_CAMERA, value: t.data });
+        P.dispatchEvent({ type: A.REMOVE_CAMERA, value: t.data });
         break;
     }
   }
@@ -834,7 +834,7 @@ class Li extends Rt {
     }), this.renderer?.setSize(n, a);
   }
   set dpr(n) {
-    this.renderer?.setPixelRatio(Ke(1, 2, n));
+    this.renderer?.setPixelRatio(Je(1, 2, n));
   }
   get dpr() {
     return this.renderer !== void 0 ? this.renderer?.getPixelRatio() : 1;
@@ -849,7 +849,7 @@ class Li extends Rt {
     return this.renderer !== void 0 ? this.renderer?.domElement : null;
   }
 }
-class Bi extends Rt {
+class Li extends Tt {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -886,7 +886,7 @@ class Bi extends Rt {
   }
   // Binding
   bind(n, a, t, i = void 0) {
-    const o = this.bindID, d = t.onChange !== void 0 ? t.onChange : zt;
+    const o = this.bindID, d = t.onChange !== void 0 ? t.onChange : $t;
     this.bindCBs.set(o, d), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, t).on("change", (h) => {
       this.app.send({
         event: "updateBind",
@@ -967,7 +967,7 @@ class Bi extends Rt {
     }
   }
 }
-var Ft = { exports: {} }, lt = {};
+var Bt = { exports: {} }, dt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -977,25 +977,25 @@ var Ft = { exports: {} }, lt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var sn;
+var rn;
 function Ba() {
-  if (sn)
-    return lt;
-  sn = 1;
+  if (rn)
+    return dt;
+  rn = 1;
   var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(r, h, u) {
-    var f, m = {}, v = null, S = null;
-    u !== void 0 && (v = "" + u), h.key !== void 0 && (v = "" + h.key), h.ref !== void 0 && (S = h.ref);
+    var f, m = {}, b = null, E = null;
+    u !== void 0 && (b = "" + u), h.key !== void 0 && (b = "" + h.key), h.ref !== void 0 && (E = h.ref);
     for (f in h)
       t.call(h, f) && !o.hasOwnProperty(f) && (m[f] = h[f]);
     if (r && r.defaultProps)
       for (f in h = r.defaultProps, h)
         m[f] === void 0 && (m[f] = h[f]);
-    return { $$typeof: n, type: r, key: v, ref: S, props: m, _owner: i.current };
+    return { $$typeof: n, type: r, key: b, ref: E, props: m, _owner: i.current };
   }
-  return lt.Fragment = a, lt.jsx = d, lt.jsxs = d, lt;
+  return dt.Fragment = a, dt.jsx = d, dt.jsxs = d, dt;
 }
-var ut = {};
+var ht = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -1005,18 +1005,18 @@ var ut = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var on;
+var sn;
 function Fa() {
-  return on || (on = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, F = "@@iterator";
-    function V(s) {
+  return sn || (sn = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), D = Symbol.iterator, $ = "@@iterator";
+    function z(s) {
       if (s === null || typeof s != "object")
         return null;
-      var p = A && s[A] || s[F];
+      var p = D && s[D] || s[$];
       return typeof p == "function" ? p : null;
     }
-    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function I(s) {
+    var B = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(s) {
       {
         for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), w = 1; w < p; w++)
           y[w - 1] = arguments[w];
@@ -1025,37 +1025,37 @@ function Fa() {
     }
     function T(s, p, y) {
       {
-        var w = R.ReactDebugCurrentFrame, $ = w.getStackAddendum();
-        $ !== "" && (p += "%s", y = y.concat([$]));
-        var W = y.map(function(L) {
-          return String(L);
+        var w = B.ReactDebugCurrentFrame, U = w.getStackAddendum();
+        U !== "" && (p += "%s", y = y.concat([U]));
+        var H = y.map(function(N) {
+          return String(N);
         });
-        W.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, W);
+        H.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, H);
       }
     }
-    var Z = !1, te = !1, pe = !1, q = !1, ge = !1, ce;
-    ce = Symbol.for("react.module.reference");
+    var X = !1, ne = !1, ge = !1, q = !1, ve = !1, le;
+    le = Symbol.for("react.module.reference");
     function _e(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ge || s === i || s === u || s === f || q || s === S || Z || te || pe || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === m || s.$$typeof === d || s.$$typeof === r || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ve || s === i || s === u || s === f || q || s === E || X || ne || ge || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === m || s.$$typeof === d || s.$$typeof === r || s.$$typeof === h || // 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.
-      s.$$typeof === ce || s.getModuleId !== void 0));
+      s.$$typeof === le || s.getModuleId !== void 0));
     }
     function ke(s, p, y) {
       var w = s.displayName;
       if (w)
         return w;
-      var $ = p.displayName || p.name || "";
-      return $ !== "" ? y + "(" + $ + ")" : y;
+      var U = p.displayName || p.name || "";
+      return U !== "" ? y + "(" + U + ")" : y;
     }
-    function be(s) {
+    function ye(s) {
       return s.displayName || "Context";
     }
-    function U(s) {
+    function F(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && I("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -1077,19 +1077,19 @@ function Fa() {
         switch (s.$$typeof) {
           case r:
             var p = s;
-            return be(p) + ".Consumer";
+            return ye(p) + ".Consumer";
           case d:
             var y = s;
-            return be(y._context) + ".Provider";
+            return ye(y._context) + ".Provider";
           case h:
             return ke(s, s.render, "ForwardRef");
           case m:
             var w = s.displayName || null;
-            return w !== null ? w : U(s.type) || "Memo";
-          case v: {
-            var $ = s, W = $._payload, L = $._init;
+            return w !== null ? w : F(s.type) || "Memo";
+          case b: {
+            var U = s, H = U._payload, N = U._init;
             try {
-              return U(L(W));
+              return F(N(H));
             } catch {
               return null;
             }
@@ -1097,18 +1097,18 @@ function Fa() {
         }
       return null;
     }
-    var ye = Object.assign, O = 0, we, De, je, Pe, Ae, Ie, Be;
-    function Fe() {
+    var Ee = Object.assign, R = 0, Me, De, Ie, Pe, Ae, je, qe;
+    function Ne() {
     }
-    Fe.__reactDisabledLog = !0;
-    function re() {
+    Ne.__reactDisabledLog = !0;
+    function Ke() {
       {
-        if (O === 0) {
-          we = console.log, De = console.info, je = console.warn, Pe = console.error, Ae = console.group, Ie = console.groupCollapsed, Be = console.groupEnd;
+        if (R === 0) {
+          Me = console.log, De = console.info, Ie = console.warn, Pe = console.error, Ae = console.group, je = console.groupCollapsed, qe = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: Fe,
+            value: Ne,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -1121,254 +1121,254 @@ function Fa() {
             groupEnd: s
           });
         }
-        O++;
+        R++;
       }
     }
-    function Me() {
+    function ct() {
       {
-        if (O--, O === 0) {
+        if (R--, R === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ye({}, s, {
-              value: we
+            log: Ee({}, s, {
+              value: Me
             }),
-            info: ye({}, s, {
+            info: Ee({}, s, {
               value: De
             }),
-            warn: ye({}, s, {
-              value: je
+            warn: Ee({}, s, {
+              value: Ie
             }),
-            error: ye({}, s, {
+            error: Ee({}, s, {
               value: Pe
             }),
-            group: ye({}, s, {
+            group: Ee({}, s, {
               value: Ae
             }),
-            groupCollapsed: ye({}, s, {
-              value: Ie
+            groupCollapsed: Ee({}, s, {
+              value: je
             }),
-            groupEnd: ye({}, s, {
-              value: Be
+            groupEnd: Ee({}, s, {
+              value: qe
             })
           });
         }
-        O < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        R < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var He = R.ReactCurrentDispatcher, Ye;
-    function ue(s, p, y) {
+    var Le = B.ReactCurrentDispatcher, ae;
+    function fe(s, p, y) {
       {
-        if (Ye === void 0)
+        if (ae === void 0)
           try {
             throw Error();
-          } catch ($) {
-            var w = $.stack.trim().match(/\n( *(at )?)/);
-            Ye = w && w[1] || "";
+          } catch (U) {
+            var w = U.stack.trim().match(/\n( *(at )?)/);
+            ae = w && w[1] || "";
           }
         return `
-` + Ye + s;
+` + ae + s;
       }
     }
-    var g = !1, b;
+    var Ue = !1, Be;
     {
-      var M = typeof WeakMap == "function" ? WeakMap : Map;
-      b = new M();
+      var be = typeof WeakMap == "function" ? WeakMap : Map;
+      Be = new be();
     }
-    function N(s, p) {
-      if (!s || g)
+    function g(s, p) {
+      if (!s || Ue)
         return "";
       {
-        var y = b.get(s);
+        var y = Be.get(s);
         if (y !== void 0)
           return y;
       }
       var w;
-      g = !0;
-      var $ = Error.prepareStackTrace;
+      Ue = !0;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var W;
-      W = He.current, He.current = null, re();
+      var H;
+      H = Le.current, Le.current = null, Ke();
       try {
         if (p) {
-          var L = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
-            } catch (Le) {
-              w = Le;
+              Reflect.construct(N, []);
+            } catch (Fe) {
+              w = Fe;
             }
-            Reflect.construct(s, [], L);
+            Reflect.construct(s, [], N);
           } else {
             try {
-              L.call();
-            } catch (Le) {
-              w = Le;
+              N.call();
+            } catch (Fe) {
+              w = Fe;
             }
-            s.call(L.prototype);
+            s.call(N.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Le) {
-            w = Le;
+          } catch (Fe) {
+            w = Fe;
           }
           s();
         }
-      } catch (Le) {
-        if (Le && w && typeof Le.stack == "string") {
-          for (var j = Le.stack.split(`
+      } catch (Fe) {
+        if (Fe && w && typeof Fe.stack == "string") {
+          for (var I = Fe.stack.split(`
 `), he = w.stack.split(`
-`), Q = j.length - 1, ae = he.length - 1; Q >= 1 && ae >= 0 && j[Q] !== he[ae]; )
-            ae--;
-          for (; Q >= 1 && ae >= 0; Q--, ae--)
-            if (j[Q] !== he[ae]) {
-              if (Q !== 1 || ae !== 1)
+`), ee = I.length - 1, ie = he.length - 1; ee >= 1 && ie >= 0 && I[ee] !== he[ie]; )
+            ie--;
+          for (; ee >= 1 && ie >= 0; ee--, ie--)
+            if (I[ee] !== he[ie]) {
+              if (ee !== 1 || ie !== 1)
                 do
-                  if (Q--, ae--, ae < 0 || j[Q] !== he[ae]) {
-                    var Ce = `
-` + j[Q].replace(" at new ", " at ");
-                    return s.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", s.displayName)), typeof s == "function" && b.set(s, Ce), Ce;
+                  if (ee--, ie--, ie < 0 || I[ee] !== he[ie]) {
+                    var we = `
+` + I[ee].replace(" at new ", " at ");
+                    return s.displayName && we.includes("<anonymous>") && (we = we.replace("<anonymous>", s.displayName)), typeof s == "function" && Be.set(s, we), we;
                   }
-                while (Q >= 1 && ae >= 0);
+                while (ee >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        g = !1, He.current = W, Me(), Error.prepareStackTrace = $;
+        Ue = !1, Le.current = H, ct(), Error.prepareStackTrace = U;
       }
-      var tt = s ? s.displayName || s.name : "", Vt = tt ? ue(tt) : "";
-      return typeof s == "function" && b.set(s, Vt), Vt;
+      var at = s ? s.displayName || s.name : "", Yt = at ? fe(at) : "";
+      return typeof s == "function" && Be.set(s, Yt), Yt;
     }
-    function ve(s, p, y) {
-      return N(s, !1);
+    function v(s, p, y) {
+      return g(s, !1);
     }
-    function le(s) {
+    function M(s) {
       var p = s.prototype;
       return !!(p && p.isReactComponent);
     }
-    function C(s, p, y) {
+    function j(s, p, y) {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return N(s, le(s));
+        return g(s, M(s));
       if (typeof s == "string")
-        return ue(s);
+        return fe(s);
       switch (s) {
         case u:
-          return ue("Suspense");
+          return fe("Suspense");
         case f:
-          return ue("SuspenseList");
+          return fe("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
-            return ve(s.render);
+            return v(s.render);
           case m:
-            return C(s.type, p, y);
-          case v: {
-            var w = s, $ = w._payload, W = w._init;
+            return j(s.type, p, y);
+          case b: {
+            var w = s, U = w._payload, H = w._init;
             try {
-              return C(W($), p, y);
+              return j(H(U), p, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var x = Object.prototype.hasOwnProperty, G = {}, ne = R.ReactDebugCurrentFrame;
-    function _(s) {
+    var oe = Object.prototype.hasOwnProperty, ue = {}, O = B.ReactDebugCurrentFrame;
+    function S(s) {
       if (s) {
-        var p = s._owner, y = C(s.type, s._source, p ? p.type : null);
-        ne.setExtraStackFrame(y);
+        var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
+        O.setExtraStackFrame(y);
       } else
-        ne.setExtraStackFrame(null);
+        O.setExtraStackFrame(null);
     }
-    function z(s, p, y, w, $) {
+    function G(s, p, y, w, U) {
       {
-        var W = Function.call.bind(x);
-        for (var L in s)
-          if (W(s, L)) {
-            var j = void 0;
+        var H = Function.call.bind(oe);
+        for (var N in s)
+          if (H(s, N)) {
+            var I = void 0;
             try {
-              if (typeof s[L] != "function") {
-                var he = Error((w || "React class") + ": " + y + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[N] != "function") {
+                var he = Error((w || "React class") + ": " + y + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw he.name = "Invariant Violation", he;
               }
-              j = s[L](p, L, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Q) {
-              j = Q;
+              I = s[N](p, N, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ee) {
+              I = ee;
             }
-            j && !(j instanceof Error) && (_($), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, L, typeof j), _(null)), j instanceof Error && !(j.message in G) && (G[j.message] = !0, _($), I("Failed %s type: %s", y, j.message), _(null));
+            I && !(I instanceof Error) && (S(U), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, N, typeof I), S(null)), I instanceof Error && !(I.message in ue) && (ue[I.message] = !0, S(U), C("Failed %s type: %s", y, I.message), S(null));
           }
       }
     }
-    var K = Array.isArray;
-    function Ne(s) {
-      return K(s);
+    var Z = Array.isArray;
+    function _(s) {
+      return Z(s);
     }
-    function Je(s) {
+    function Y(s) {
       {
         var p = typeof Symbol == "function" && Symbol.toStringTag, y = p && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return y;
       }
     }
-    function ft(s) {
+    function Q(s) {
       try {
-        return mt(s), !1;
+        return $e(s), !1;
       } catch {
         return !0;
       }
     }
-    function mt(s) {
+    function $e(s) {
       return "" + s;
     }
-    function st(s) {
-      if (ft(s))
-        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(s)), mt(s);
+    function ze(s) {
+      if (Q(s))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Y(s)), $e(s);
     }
-    var Ue = R.ReactCurrentOwner, ot = {
+    var Ge = B.ReactCurrentOwner, lt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ct, pt, Qe;
-    Qe = {};
-    function kt(s) {
-      if (x.call(s, "ref")) {
+    }, ut, pt, tt;
+    tt = {};
+    function _t(s) {
+      if (oe.call(s, "ref")) {
         var p = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (p && p.isReactWarning)
           return !1;
       }
       return s.ref !== void 0;
     }
-    function Dt(s) {
-      if (x.call(s, "key")) {
+    function kt(s) {
+      if (oe.call(s, "key")) {
         var p = Object.getOwnPropertyDescriptor(s, "key").get;
         if (p && p.isReactWarning)
           return !1;
       }
       return s.key !== void 0;
     }
-    function Pt(s, p) {
-      if (typeof s.ref == "string" && Ue.current && p && Ue.current.stateNode !== p) {
-        var y = U(Ue.current.type);
-        Qe[y] || (I('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', U(Ue.current.type), s.ref), Qe[y] = !0);
+    function Dt(s, p) {
+      if (typeof s.ref == "string" && Ge.current && p && Ge.current.stateNode !== p) {
+        var y = F(Ge.current.type);
+        tt[y] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(Ge.current.type), s.ref), tt[y] = !0);
       }
     }
     function gt(s, p) {
       {
         var y = function() {
-          ct || (ct = !0, I("%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)", p));
+          ut || (ut = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         y.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: y,
@@ -1376,10 +1376,10 @@ function Fa() {
         });
       }
     }
-    function $e(s, p) {
+    function We(s, p) {
       {
         var y = function() {
-          pt || (pt = !0, I("%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)", p));
+          pt || (pt = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         y.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: y,
@@ -1387,70 +1387,70 @@ function Fa() {
         });
       }
     }
-    var Ht = function(s, p, y, w, $, W, L) {
-      var j = {
+    var Wt = function(s, p, y, w, U, H, N) {
+      var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: s,
         key: p,
         ref: y,
-        props: L,
+        props: N,
         // Record the component responsible for creating this element.
-        _owner: W
+        _owner: H
       };
-      return j._store = {}, Object.defineProperty(j._store, "validated", {
+      return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(j, "_self", {
+      }), Object.defineProperty(I, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(j, "_source", {
+      }), Object.defineProperty(I, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
-      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+        value: U
+      }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function c(s, p, y, w, $) {
+    function c(s, p, y, w, U) {
       {
-        var W, L = {}, j = null, he = null;
-        y !== void 0 && (st(y), j = "" + y), Dt(p) && (st(p.key), j = "" + p.key), kt(p) && (he = p.ref, Pt(p, $));
-        for (W in p)
-          x.call(p, W) && !ot.hasOwnProperty(W) && (L[W] = p[W]);
+        var H, N = {}, I = null, he = null;
+        y !== void 0 && (ze(y), I = "" + y), kt(p) && (ze(p.key), I = "" + p.key), _t(p) && (he = p.ref, Dt(p, U));
+        for (H in p)
+          oe.call(p, H) && !lt.hasOwnProperty(H) && (N[H] = p[H]);
         if (s && s.defaultProps) {
-          var Q = s.defaultProps;
-          for (W in Q)
-            L[W] === void 0 && (L[W] = Q[W]);
+          var ee = s.defaultProps;
+          for (H in ee)
+            N[H] === void 0 && (N[H] = ee[H]);
         }
-        if (j || he) {
-          var ae = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          j && gt(L, ae), he && $e(L, ae);
+        if (I || he) {
+          var ie = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          I && gt(N, ie), he && We(N, ie);
         }
-        return Ht(s, j, he, $, w, Ue.current, L);
+        return Wt(s, I, he, U, w, Ge.current, N);
       }
     }
-    var E = R.ReactCurrentOwner, k = R.ReactDebugCurrentFrame;
-    function B(s) {
+    var x = B.ReactCurrentOwner, k = B.ReactDebugCurrentFrame;
+    function L(s) {
       if (s) {
-        var p = s._owner, y = C(s.type, s._source, p ? p.type : null);
+        var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
         k.setExtraStackFrame(y);
       } else
         k.setExtraStackFrame(null);
     }
-    var ie;
-    ie = !1;
-    function Ee(s) {
+    var re;
+    re = !1;
+    function xe(s) {
       return typeof s == "object" && s !== null && s.$$typeof === n;
     }
     function de() {
       {
-        if (E.current) {
-          var s = U(E.current.type);
+        if (x.current) {
+          var s = F(x.current.type);
           if (s)
             return `
 
@@ -1459,7 +1459,7 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function Yt(s) {
+    function Ht(s) {
       {
         if (s !== void 0) {
           var p = s.fileName.replace(/^.*[\\\/]/, ""), y = s.lineNumber;
@@ -1483,7 +1483,7 @@ Check the top-level render call using <` + y + ">.");
         return p;
       }
     }
-    function xe(s, p) {
+    function Se(s, p) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
@@ -1493,29 +1493,29 @@ Check the top-level render call using <` + y + ">.");
           return;
         vt[y] = !0;
         var w = "";
-        s && s._owner && s._owner !== E.current && (w = " It was passed a child from " + U(s._owner.type) + "."), B(s), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), B(null);
+        s && s._owner && s._owner !== x.current && (w = " It was passed a child from " + F(s._owner.type) + "."), L(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), L(null);
       }
     }
-    function Se(s, p) {
+    function Ce(s, p) {
       {
         if (typeof s != "object")
           return;
-        if (Ne(s))
+        if (_(s))
           for (var y = 0; y < s.length; y++) {
             var w = s[y];
-            Ee(w) && xe(w, p);
+            xe(w) && Se(w, p);
           }
-        else if (Ee(s))
+        else if (xe(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var $ = V(s);
-          if (typeof $ == "function" && $ !== s.entries)
-            for (var W = $.call(s), L; !(L = W.next()).done; )
-              Ee(L.value) && xe(L.value, p);
+          var U = z(s);
+          if (typeof U == "function" && U !== s.entries)
+            for (var H = U.call(s), N; !(N = H.next()).done; )
+              xe(N.value) && Se(N.value, p);
         }
       }
     }
-    function Ve(s) {
+    function Xe(s) {
       {
         var p = s.type;
         if (p == null || typeof p == "string")
@@ -1530,14 +1530,14 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var w = U(p);
-          z(y, s.props, "prop", w, s);
-        } else if (p.PropTypes !== void 0 && !ie) {
-          ie = !0;
-          var $ = U(p);
-          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
+          var w = F(p);
+          G(y, s.props, "prop", w, s);
+        } else if (p.PropTypes !== void 0 && !re) {
+          re = !0;
+          var U = F(p);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
-        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Oe(s) {
@@ -1545,55 +1545,55 @@ Check the top-level render call using <` + y + ">.");
         for (var p = Object.keys(s.props), y = 0; y < p.length; y++) {
           var w = p[y];
           if (w !== "children" && w !== "key") {
-            B(s), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), B(null);
+            L(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), L(null);
             break;
           }
         }
-        s.ref !== null && (B(s), I("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+        s.ref !== null && (L(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
       }
     }
-    function ze(s, p, y, w, $, W) {
+    function He(s, p, y, w, U, H) {
       {
-        var L = _e(s);
-        if (!L) {
-          var j = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " 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 he = Yt($);
-          he ? j += he : j += de();
-          var Q;
-          s === null ? Q = "null" : Ne(s) ? Q = "array" : s !== void 0 && s.$$typeof === n ? (Q = "<" + (U(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof s, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, j);
+        var N = _e(s);
+        if (!N) {
+          var I = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (I += " 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 he = Ht(U);
+          he ? I += he : I += de();
+          var ee;
+          s === null ? ee = "null" : _(s) ? ee = "array" : s !== void 0 && s.$$typeof === n ? (ee = "<" + (F(s.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, I);
         }
-        var ae = c(s, p, y, $, W);
-        if (ae == null)
-          return ae;
-        if (L) {
-          var Ce = p.children;
-          if (Ce !== void 0)
+        var ie = c(s, p, y, U, H);
+        if (ie == null)
+          return ie;
+        if (N) {
+          var we = p.children;
+          if (we !== void 0)
             if (w)
-              if (Ne(Ce)) {
-                for (var tt = 0; tt < Ce.length; tt++)
-                  Se(Ce[tt], s);
-                Object.freeze && Object.freeze(Ce);
+              if (_(we)) {
+                for (var at = 0; at < we.length; at++)
+                  Ce(we[at], s);
+                Object.freeze && Object.freeze(we);
               } else
-                I("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Se(Ce, s);
+              Ce(we, s);
         }
-        return s === t ? Oe(ae) : Ve(ae), ae;
+        return s === t ? Oe(ie) : Xe(ie), ie;
       }
     }
-    function et(s, p, y) {
-      return ze(s, p, y, !0);
+    function nt(s, p, y) {
+      return He(s, p, y, !0);
     }
     function yt(s, p, y) {
-      return ze(s, p, y, !1);
+      return He(s, p, y, !1);
     }
-    var Gn = yt, Wn = et;
-    ut.Fragment = t, ut.jsx = Gn, ut.jsxs = Wn;
-  }()), ut;
+    var Gn = yt, Wn = nt;
+    ht.Fragment = t, ht.jsx = Gn, ht.jsxs = Wn;
+  }()), ht;
 }
-process.env.NODE_ENV === "production" ? Ft.exports = Ba() : Ft.exports = Fa();
-var l = Ft.exports;
+process.env.NODE_ENV === "production" ? Bt.exports = Ba() : Bt.exports = Fa();
+var l = Bt.exports;
 function Fn(e) {
   return e.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: e.title } }) : /* @__PURE__ */ l.jsx("button", { children: e.title });
 }
@@ -1619,7 +1619,7 @@ function za(e) {
   ] }) }, e.title);
 }
 function Ga(e) {
-  const [n, a] = H(!1), [t, i] = H(e.options), o = (u) => {
+  const [n, a] = W(!1), [t, i] = W(e.options), o = (u) => {
     e.onDragComplete(u), i(u);
   }, d = (u) => {
     const f = [...t];
@@ -1635,7 +1635,7 @@ function Ga(e) {
   ] });
 }
 function Wa(e) {
-  const [n, a] = H(!1), t = [];
+  const [n, a] = W(!1), t = [];
   e.options.map((o, d) => {
     e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: o }, d));
   });
@@ -1660,7 +1660,7 @@ function Wa(e) {
   );
 }
 function Ha(e) {
-  const { option: n } = e, [a, t] = H("");
+  const { option: n } = e, [a, t] = W("");
   let i;
   switch (n.type) {
     case "draggable":
@@ -1701,13 +1701,13 @@ function Ha(e) {
   }
   return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, _a());
 }
-function Fi(e, n, a) {
+function Bi(e, n, a) {
   function t(o) {
     switch (n.forEach((d) => {
       d.callback(e, d.remote, o);
     }), o.event) {
       case "custom":
-        D.dispatchEvent({ type: P.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: o.data });
         break;
     }
   }
@@ -1716,7 +1716,7 @@ function Fi(e, n, a) {
       d.callback(e, d.remote, o);
     }), o.event) {
       case "custom":
-        D.dispatchEvent({ type: P.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: o.data });
         break;
     }
   }
@@ -1724,8 +1724,8 @@ function Fi(e, n, a) {
     o.target === "editor" ? i(o) : t(o);
   };
 }
-function Wt(e) {
-  const [n, a] = H(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
+function Gt(e) {
+  const [n, a] = W(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${t ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -1743,7 +1743,7 @@ function Wt(e) {
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ l.jsx("p", { className: "label", children: Ot(e.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: Mt(e.label) })
         ]
       }
     ),
@@ -1752,7 +1752,7 @@ function Wt(e) {
   ] });
 }
 function Un(e) {
-  const n = Y(null), [a, t] = H(!1), i = e.child !== void 0 && e.child.children.length > 0, o = [];
+  const n = V(null), [a, t] = W(!1), i = e.child !== void 0 && e.child.children.length > 0, o = [];
   return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((d, r) => {
     o.push(/* @__PURE__ */ l.jsx(Un, { child: d, three: e.three }, r));
   }), Re(() => {
@@ -1800,7 +1800,7 @@ function Un(e) {
                 const r = d.getObjectByProperty("uuid", e.child.uuid);
                 if (r !== void 0) {
                   const h = "visible", u = !r.visible;
-                  n.current.style.opacity = u ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, u), ee(r, h, u);
+                  n.current.style.opacity = u ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, u), te(r, h, u);
                 } else
                   console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, d);
               } else
@@ -1821,32 +1821,32 @@ function Ya(e) {
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
 }
 function Va(e) {
-  const [n, a] = H(e.defaultValue);
+  const [n, a] = W(e.defaultValue);
   return Re(() => {
     let t = !1, i = -1, o = 0, d = e.defaultValue;
-    const r = (v) => {
-      t = !0, o = Number(e.input.current?.value), i = v.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
-    }, h = (v) => {
+    const r = (b) => {
+      t = !0, o = Number(e.input.current?.value), i = b.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
+    }, h = (b) => {
       if (!t)
         return;
-      const S = e.step !== void 0 ? e.step : 1, A = (v.clientX - i) * S;
-      d = Number((o + A).toFixed(4)), e.min !== void 0 && (d = Math.max(d, e.min)), e.max !== void 0 && (d = Math.min(d, e.max)), e.onChange !== void 0 && e.onChange(d), a(d);
+      const E = e.step !== void 0 ? e.step : 1, D = (b.clientX - i) * E;
+      d = Number((o + D).toFixed(4)), e.min !== void 0 && (d = Math.max(d, e.min)), e.max !== void 0 && (d = Math.min(d, e.max)), e.onChange !== void 0 && e.onChange(d), a(d);
     }, u = () => {
       t = !1, document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
-    }, f = (v) => {
-      const S = Number(v.target.value);
-      a(S);
-    }, m = (v) => {
-      const S = Number(v.target.value);
-      e.onChange !== void 0 && e.onChange(S), a(S);
+    }, f = (b) => {
+      const E = Number(b.target.value);
+      a(E);
+    }, m = (b) => {
+      const E = Number(b.target.value);
+      e.onChange !== void 0 && e.onChange(E), a(E);
     };
     return e.input.current?.addEventListener("input", f), e.label.current?.addEventListener("mousedown", r, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", m), () => {
       e.input.current?.removeEventListener("input", f), e.label.current?.removeEventListener("mousedown", r), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", m), document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
     };
   }, []), n;
 }
-function Xe(e) {
-  const n = Y(null), a = Y(null), t = Va({
+function Qe(e) {
+  const n = V(null), a = V(null), t = Va({
     label: e.labelRef,
     input: n,
     sliderRef: a,
@@ -1902,42 +1902,42 @@ function Xe(e) {
           max: e.max,
           step: e.step,
           ref: a,
-          onChange: zt
+          onChange: $t
         }
       )
     ] })
   ] });
 }
 function qa(e) {
-  const n = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), d = Y(null), [r, h] = H(e.value), [u, f] = H({
+  const n = V(null), a = V(null), t = V(null), i = V(null), o = V(null), d = V(null), [r, h] = W(e.value), [u, f] = W({
     min: Math.min(e.min, Math.min(e.value.x, e.value.y)),
     max: Math.max(e.max, Math.max(e.value.x, e.value.y))
-  }), [m, v] = H(!1);
-  function S() {
-    m || (window.addEventListener("mousemove", F), window.addEventListener("mouseup", A), window.addEventListener("mouseup", A), v(!0));
+  }), [m, b] = W(!1);
+  function E() {
+    m || (window.addEventListener("mousemove", $), window.addEventListener("mouseup", D), window.addEventListener("mouseup", D), b(!0));
   }
-  function A() {
-    window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", A), v(!1);
+  function D() {
+    window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", D), b(!1);
   }
-  function F(T) {
-    const Z = o.current.getBoundingClientRect(), te = Ke(0, 99, T.clientX - Z.left) / 99, pe = Ke(0, 99, T.clientY - Z.top) / 99, q = an(nn(u.min, u.max, te), 3), ge = an(nn(u.min, u.max, pe), 3);
-    e.onChange({ target: { value: { x: q, y: ge } } }), h({ x: q, y: ge });
+  function $(T) {
+    const X = o.current.getBoundingClientRect(), ne = Je(0, 99, T.clientX - X.left) / 99, ge = Je(0, 99, T.clientY - X.top) / 99, q = nn(tn(u.min, u.max, ne), 3), ve = nn(tn(u.min, u.max, ge), 3);
+    e.onChange({ target: { value: { x: q, y: ve } } }), h({ x: q, y: ve });
   }
-  function V(T) {
-    let Z = r.x, te = r.y;
-    T.target === n.current ? Z = Number(T.target.value) : te = Number(T.target.value), h({ x: Z, y: te });
+  function z(T) {
+    let X = r.x, ne = r.y;
+    T.target === n.current ? X = Number(T.target.value) : ne = Number(T.target.value), h({ x: X, y: ne });
   }
-  function R() {
+  function B() {
     const T = Number(t.current.value);
-    f({ min: T, max: u.max }), (r.x < T || r.y < T) && h({ x: Ke(T, u.max, r.x), y: Ke(T, u.max, r.y) });
+    f({ min: T, max: u.max }), (r.x < T || r.y < T) && h({ x: Je(T, u.max, r.x), y: Je(T, u.max, r.y) });
   }
-  function I() {
+  function C() {
     const T = Number(i.current.value);
-    f({ min: u.min, max: T }), (r.x > T || r.y > T) && h({ x: Ke(u.min, T, r.x), y: Ke(u.min, T, r.y) });
+    f({ min: u.min, max: T }), (r.x > T || r.y > T) && h({ x: Je(u.min, T, r.x), y: Je(u.min, T, r.y) });
   }
   return Re(() => {
-    const T = tn(u.min, u.max, r.x), Z = tn(u.min, u.max, r.y);
-    d.current.style.left = `${T * 100}%`, d.current.style.top = `${Z * 100}%`;
+    const T = en(u.min, u.max, r.x), X = en(u.min, u.max, r.y);
+    d.current.style.left = `${T * 100}%`, d.current.style.top = `${X * 100}%`;
   }, [u, r]), /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
@@ -1951,7 +1951,7 @@ function qa(e) {
             min: u.min,
             max: u.max,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         )
       ] }),
@@ -1966,7 +1966,7 @@ function qa(e) {
             min: u.min,
             max: u.max,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         )
       ] }),
@@ -1979,7 +1979,7 @@ function qa(e) {
             type: "number",
             value: u.min,
             step: 0.01,
-            onChange: R
+            onChange: B
           }
         )
       ] }),
@@ -1992,31 +1992,31 @@ function qa(e) {
             type: "number",
             value: u.max,
             step: 0.01,
-            onChange: I
+            onChange: C
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: o, onMouseDown: S, onMouseUp: A, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: o, onMouseDown: E, onMouseUp: D, children: [
       /* @__PURE__ */ l.jsx("div", { className: "x" }),
       /* @__PURE__ */ l.jsx("div", { className: "y" }),
       /* @__PURE__ */ l.jsx("div", { className: "pt", ref: d })
     ] })
   ] });
 }
-function cn(e) {
+function on(e) {
   const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = [];
   if (n) {
     const o = se(() => e.value, []), d = (h, u) => {
       o[h] = u, e.onChange({ target: { value: o } });
     };
     ["x", "y", "z"].forEach((h) => {
-      const u = Y(null);
+      const u = V(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: u, children: h.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
-            Xe,
+            Qe,
             {
               value: o[h],
               type: "number",
@@ -2034,12 +2034,12 @@ function cn(e) {
       o[h] = u, e.onChange({ target: { value: o } });
     };
     ["_x", "_y", "_z"].forEach((h) => {
-      const u = Y(null);
+      const u = V(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: u, children: h.substring(1).toUpperCase() }),
           /* @__PURE__ */ l.jsx(
-            Xe,
+            Qe,
             {
               value: o[h],
               type: "number",
@@ -2058,12 +2058,12 @@ function cn(e) {
       o.elements[u] = h, e.onChange({ target: { value: o } });
     };
     for (let r = 0; r < 9; r++) {
-      const h = Y(null);
+      const h = V(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: h, children: r + 1 }),
           /* @__PURE__ */ l.jsx(
-            Xe,
+            Qe,
             {
               value: o.elements[r],
               type: "number",
@@ -2086,12 +2086,12 @@ function Ka(e) {
       t[d] = r, e.onChange({ target: { value: t } });
     };
     ["x", "y", "z", "w"].forEach((d) => {
-      const r = Y(null);
+      const r = V(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: r, children: d.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
-            Xe,
+            Qe,
             {
               value: t.x,
               type: "number",
@@ -2110,12 +2110,12 @@ function Ka(e) {
       t.elements[r] = d, e.onChange({ target: { value: t } });
     };
     for (let o = 0; o < 16; o++) {
-      const d = Y(null);
+      const d = V(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: d, children: o + 1 }),
           /* @__PURE__ */ l.jsx(
-            Xe,
+            Qe,
             {
               value: t.elements[o],
               type: "number",
@@ -2134,14 +2134,14 @@ function Ka(e) {
 function Xa(e) {
   return "items" in e;
 }
-function Ze(e) {
+function et(e) {
   const n = [];
   return e.items.forEach((a) => {
     Xa(a) ? n.push(
-      /* @__PURE__ */ l.jsx(Ze, { title: Ot(a.title), items: a.items }, Math.random())
+      /* @__PURE__ */ l.jsx(et, { title: Mt(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
-        wt,
+        Ct,
         {
           title: a.title,
           prop: a.prop,
@@ -2162,7 +2162,7 @@ function Ze(e) {
         Math.random()
       )
     );
-  }), /* @__PURE__ */ l.jsx(Wt, { label: e.title, open: e.expanded === !0, children: n });
+  }), /* @__PURE__ */ l.jsx(Gt, { label: e.title, open: e.expanded === !0, children: n });
 }
 function Za(e) {
   return !(e === "alphaHash" || e === "alphaToCoverage" || e === "attenuationDistance" || e === "blendAlpha" || e === "blendColor" || e === "blendDstAlpha" || e === "colorWrite" || e === "combine" || e === "defaultAttributeValues" || e === "depthFunc" || e === "forceSinglePass" || e === "glslVersion" || e === "linecap" || e === "linejoin" || e === "linewidth" || e === "normalMapType" || e === "precision" || e === "premultipliedAlpha" || e === "shadowSide" || e === "toneMapped" || e === "uniformsGroups" || e === "uniformsNeedUpdate" || e === "userData" || e === "vertexColors" || e === "version" || e === "wireframeLinecap" || e === "wireframeLinejoin" || e === "wireframeLinewidth" || e.slice(0, 4) === "clip" || e.slice(0, 7) === "polygon" || e.slice(0, 7) === "stencil" || e.slice(0, 2) === "is");
@@ -2214,7 +2214,7 @@ function Ja(e) {
   }
   return e;
 }
-function _t(e) {
+function Rt(e) {
   switch (e) {
     case "alphaMap":
       return "Alpha Map";
@@ -2584,13 +2584,13 @@ const ei = [
     valye: Pn
   }
 ];
-function dt(e, n) {
+function ft(e, n) {
   e.needsUpdate = !0, e.type = "option", e.options = n;
 }
 function ri(e, n, a, t) {
   return {
     type: "boolean",
-    title: _t(e),
+    title: Rt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
@@ -2599,7 +2599,7 @@ function ri(e, n, a, t) {
       const d = t.getScene(a.uuid);
       if (d !== null) {
         const r = d.getObjectByProperty("uuid", a.uuid);
-        ee(r, `material.${e}`, o);
+        te(r, `material.${e}`, o);
       }
     }
   };
@@ -2607,7 +2607,7 @@ function ri(e, n, a, t) {
 function si(e, n, a, t) {
   const i = {
     type: "number",
-    title: _t(e),
+    title: Rt(e),
     prop: e,
     value: n,
     min: void 0,
@@ -2619,25 +2619,25 @@ function si(e, n, a, t) {
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        ee(h, `material.${e}`, d);
+        te(h, `material.${e}`, d);
       }
     }
   };
   switch (e) {
     case "blending":
-      dt(i, ti);
+      ft(i, ti);
       break;
     case "blendDst":
-      dt(i, ii);
+      ft(i, ii);
       break;
     case "blendEquation":
-      dt(i, ni);
+      ft(i, ni);
       break;
     case "blendSrc":
-      dt(i, ai);
+      ft(i, ai);
       break;
     case "side":
-      dt(i, ei);
+      ft(i, ei);
       break;
   }
   return $n(e) && (i.value = Number(n), i.type = "range", i.min = Math.min(0, i.value), i.max = Math.max(1, i.value), i.step = 0.01), i;
@@ -2645,7 +2645,7 @@ function si(e, n, a, t) {
 function oi(e, n, a, t) {
   const i = {
     type: "string",
-    title: _t(e),
+    title: Rt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
@@ -2654,7 +2654,7 @@ function oi(e, n, a, t) {
       const h = t.getScene(a.uuid);
       if (h !== null) {
         const u = h.getObjectByProperty("uuid", a.uuid);
-        ee(u, `material.${e}`, r);
+        te(u, `material.${e}`, r);
       }
     },
     onKeyDown: (d) => {
@@ -2665,7 +2665,7 @@ function oi(e, n, a, t) {
     const h = t.getScene(a.uuid);
     if (h !== null) {
       const u = h.getObjectByProperty("uuid", a.uuid);
-      ee(u, `material.${e}`, r);
+      te(u, `material.${e}`, r);
     }
   }, i.onKeyDown = (d) => {
     if (d.key === "Enter" && (d.altKey || d.metaKey)) {
@@ -2673,7 +2673,7 @@ function oi(e, n, a, t) {
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        ee(h, "material.needsUpdate", !0);
+        te(h, "material.needsUpdate", !0);
       }
     }
   }), i;
@@ -2687,11 +2687,11 @@ function li(e) {
 function ui(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z !== void 0 && e.w !== void 0;
 }
-function Ut(e) {
+function Ft(e) {
   e.sort((n, a) => n.title < a.title ? -1 : n.title > a.title ? 1 : 0);
 }
-function ht(e, n, a, t, i = "", o = !1) {
-  const d = _t(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), r = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
+function mt(e, n, a, t, i = "", o = !1) {
+  const d = Rt(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), r = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
   if (h === "boolean" || h === "string")
     return {
       title: d,
@@ -2703,8 +2703,8 @@ function ht(e, n, a, t, i = "", o = !1) {
         t.updateObject(a.uuid, `material.${r}`, f);
         const m = t.getScene(a.uuid);
         if (m !== null) {
-          const v = m.getObjectByProperty("uuid", a.uuid);
-          ee(v, `material.${r}`, f);
+          const b = m.getObjectByProperty("uuid", a.uuid);
+          te(b, `material.${r}`, f);
         }
       }
     };
@@ -2718,10 +2718,10 @@ function ht(e, n, a, t, i = "", o = !1) {
       disabled: o,
       onChange: (f, m) => {
         t.updateObject(a.uuid, `material.${r}`, m);
-        const v = t.getScene(a.uuid);
-        if (v !== null) {
-          const S = v.getObjectByProperty("uuid", a.uuid);
-          ee(S, `material.${r}`, m);
+        const b = t.getScene(a.uuid);
+        if (b !== null) {
+          const E = b.getObjectByProperty("uuid", a.uuid);
+          te(E, `material.${r}`, m);
         }
       }
     };
@@ -2735,29 +2735,29 @@ function ht(e, n, a, t, i = "", o = !1) {
         value: n,
         disabled: o,
         onChange: (u, f) => {
-          const m = new $t(f);
+          const m = new Ut(f);
           t.updateObject(a.uuid, `material.${r}`, m);
-          const v = t.getScene(a.uuid);
-          if (v !== null) {
-            const S = v.getObjectByProperty("uuid", a.uuid);
-            ee(S, `material.${r}`, m);
+          const b = t.getScene(a.uuid);
+          if (b !== null) {
+            const E = b.getObjectByProperty("uuid", a.uuid);
+            te(E, `material.${r}`, m);
           }
         }
       };
     if (Array.isArray(n)) {
       const u = [];
       for (const f in n) {
-        const m = n[f], v = `[${f.toString()}]`;
+        const m = n[f], b = `[${f.toString()}]`;
         if (m.value !== void 0) {
-          const S = ht(`${v}.value`, m.value, a, t, r, o);
-          S !== void 0 && u.push(S);
+          const E = mt(`${b}.value`, m.value, a, t, r, o);
+          E !== void 0 && u.push(E);
         } else {
-          const S = ht(v, m, a, t, r, o);
-          S !== void 0 && u.push(S);
+          const E = mt(b, m, a, t, r, o);
+          E !== void 0 && u.push(E);
         }
       }
       if (u.length > 0)
-        return Ut(u), {
+        return Ft(u), {
           title: d,
           items: u
         };
@@ -2773,8 +2773,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const v = m.getObjectByProperty("uuid", a.uuid);
-              ee(v, `material.${r}`, f);
+              const b = m.getObjectByProperty("uuid", a.uuid);
+              te(b, `material.${r}`, f);
             }
           }
         };
@@ -2789,8 +2789,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const v = m.getObjectByProperty("uuid", a.uuid);
-              ee(v, `material.${r}`, f);
+              const b = m.getObjectByProperty("uuid", a.uuid);
+              te(b, `material.${r}`, f);
             }
           }
         };
@@ -2805,8 +2805,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const v = m.getObjectByProperty("uuid", a.uuid);
-              ee(v, `material.${r}`, f);
+              const b = m.getObjectByProperty("uuid", a.uuid);
+              te(b, `material.${r}`, f);
             }
           }
         };
@@ -2821,8 +2821,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const v = m.getObjectByProperty("uuid", a.uuid);
-              ee(v, `material.${r}`, f);
+              const b = m.getObjectByProperty("uuid", a.uuid);
+              te(b, `material.${r}`, f);
             }
           }
         };
@@ -2833,33 +2833,37 @@ function ht(e, n, a, t, i = "", o = !1) {
           value: n,
           disabled: o,
           onChange: (u, f) => {
-            const m = Ja(e), v = i.length > 0 ? `${i}.${m}` : m;
-            t.createTexture(a.uuid, `material.${v}`, f);
-            const S = t.getScene(a.uuid);
-            if (S !== null) {
-              const A = S.getObjectByProperty("uuid", a.uuid);
-              A !== void 0 && Bn(f.src).then((F) => {
-                F.offset.set(f.offset[0], f.offset[1]), F.repeat.set(f.repeat[0], f.repeat[1]);
-                const V = A.material, R = v.split(".");
-                switch (R.length) {
-                  case 1:
-                    V[R[0]] = F;
-                    break;
-                  case 2:
-                    V[R[0]][R[1]] = F;
-                    break;
-                  case 3:
-                    V[R[0]][R[1]][R[2]] = F;
-                    break;
-                  case 4:
-                    V[R[0]][R[1]][R[2]][R[3]] = F;
-                    break;
-                  case 5:
-                    V[R[0]][R[1]][R[2]][R[3]][R[4]] = F;
-                    break;
-                }
-                V.needsUpdate = !0;
-              });
+            const m = Ja(e), b = i.length > 0 ? `${i}.${m}` : m;
+            t.createTexture(a.uuid, `material.${b}`, f);
+            const E = t.getScene(a.uuid);
+            if (E !== null) {
+              const D = E.getObjectByProperty("uuid", a.uuid);
+              if (D !== void 0) {
+                const $ = (z) => {
+                  const B = D.material, C = b.split(".");
+                  switch (C.length) {
+                    case 1:
+                      B[C[0]] = z;
+                      break;
+                    case 2:
+                      B[C[0]][C[1]] = z;
+                      break;
+                    case 3:
+                      B[C[0]][C[1]][C[2]] = z;
+                      break;
+                    case 4:
+                      B[C[0]][C[1]][C[2]][C[3]] = z;
+                      break;
+                    case 5:
+                      B[C[0]][C[1]][C[2]][C[3]][C[4]] = z;
+                      break;
+                  }
+                  B.needsUpdate = !0;
+                };
+                f.src.length > 0 ? Bn(f.src).then((z) => {
+                  z.offset.set(f.offset[0], f.offset[1]), z.repeat.set(f.repeat[0], f.repeat[1]), $(z);
+                }) : $(null);
+              }
             }
           }
         };
@@ -2874,8 +2878,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const v = m.getObjectByProperty("uuid", a.uuid);
-              ee(v, `material.${r}`, f);
+              const b = m.getObjectByProperty("uuid", a.uuid);
+              te(b, `material.${r}`, f);
             }
           }
         };
@@ -2883,21 +2887,21 @@ function ht(e, n, a, t, i = "", o = !1) {
         const u = [], f = e === "defines" || e === "extensions";
         try {
           for (const m in n) {
-            const v = n[m];
-            if (v !== void 0)
-              if (v.value !== void 0) {
-                const S = ht(`${m}.value`, v.value, a, t, r, f);
-                S !== void 0 && u.push(S);
+            const b = n[m];
+            if (b !== void 0)
+              if (b.value !== void 0) {
+                const E = mt(`${m}.value`, b.value, a, t, r, f);
+                E !== void 0 && u.push(E);
               } else {
-                const S = ht(m, v, a, t, r, f);
-                S !== void 0 && u.push(S);
+                const E = mt(m, b, a, t, r, f);
+                E !== void 0 && u.push(E);
               }
           }
         } catch {
           console.log("Issue cycling through material object:", e, n);
         }
         if (u.length > 0)
-          return Ut(u), {
+          return Ft(u), {
             title: d,
             items: u
           };
@@ -2905,7 +2909,7 @@ function ht(e, n, a, t, i = "", o = !1) {
     }
   }
 }
-function ln(e, n, a) {
+function cn(e, n, a) {
   const t = [];
   for (const i in e) {
     if (!Za(i))
@@ -2918,12 +2922,12 @@ function ln(e, n, a) {
     else if (o === "string")
       t.push(oi(i, d, n, a));
     else if (o === "object") {
-      const r = ht(i, d, n, a);
+      const r = mt(i, d, n, a);
       r !== void 0 && t.push(r);
     } else
       d !== void 0 && console.log("other:", i, o, d);
   }
-  return Ut(t), t.push({
+  return Ft(t), t.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
@@ -2931,7 +2935,7 @@ function ln(e, n, a) {
       const i = a.getScene(n.uuid);
       if (i !== null) {
         const o = i.getObjectByProperty("uuid", n.uuid);
-        ee(o, "material.needsUpdate", !0);
+        te(o, "material.needsUpdate", !0);
       }
     }
   }), t;
@@ -2943,10 +2947,10 @@ function di(e, n) {
     for (let o = 0; o < i; o++)
       t.push(
         /* @__PURE__ */ l.jsx(
-          Ze,
+          et,
           {
             title: `Material ${o}`,
-            items: ln(a[o], e, n)
+            items: cn(a[o], e, n)
           },
           `Material ${o}`
         )
@@ -2954,49 +2958,49 @@ function di(e, n) {
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: t });
   } else
     return /* @__PURE__ */ l.jsx(
-      Ze,
+      et,
       {
         title: "Material",
-        items: ln(a, e, n)
+        items: cn(a, e, n)
       }
     );
 }
-const hi = "data:image/gif;base64,R0lGODlhDgFkAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDk3M0NEODAxQjQxMUVGODVGNENDMkUyMUExNDk1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMDk3M0NEOTAxQjQxMUVGODVGNENDMkUyMUExNDk1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4ODc3Qzg5MDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4ODc3QzhBMDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4BZAAAAv+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqTkJAGDQ+dnpuekmGgAKejpKuiZqmprKqoZKGyrbOlqrejub6xvLGyw8TFzcprurGuvqybxq7ETbrItsCz0l7Zpc+6p9/cS967w9/S2FTF0u/mzehK4Oqz3eTl9vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo0XHDt6/AgypMiRJEuaPIkypcqVLFt+KwAAOw==";
-function fi(e) {
-  const n = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), [d] = H(e.value), [r, h] = H(e.value.offset[0]), [u, f] = H(e.value.offset[1]), [m, v] = H(e.value.repeat[0]), [S, A] = H(e.value.repeat[1]);
-  function F(R, I, T, Z, te) {
+const ln = "data:image/gif;base64,R0lGODlhDgFkAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDk3M0NEODAxQjQxMUVGODVGNENDMkUyMUExNDk1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMDk3M0NEOTAxQjQxMUVGODVGNENDMkUyMUExNDk1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4ODc3Qzg5MDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4ODc3QzhBMDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4BZAAAAv+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqTkJAGDQ+dnpuekmGgAKejpKuiZqmprKqoZKGyrbOlqrejub6xvLGyw8TFzcprurGuvqybxq7ETbrItsCz0l7Zpc+6p9/cS967w9/S2FTF0u/mzehK4Oqz3eTl9vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo0XHDt6/AgypMiRJEuaPIkypcqVLFt+KwAAOw==";
+function hi(e) {
+  const n = V(null), a = V(null), t = V(null), i = V(null), o = V(null), [d] = W(e.value), [r, h] = W(e.value.offset[0]), [u, f] = W(e.value.offset[1]), [m, b] = W(e.value.repeat[0]), [E, D] = W(e.value.repeat[1]);
+  function $(B, C, T, X, ne) {
     if (e.onChange !== void 0) {
-      const pe = e.prop !== void 0 ? e.prop : e.title;
-      e.onChange(pe, {
-        src: R,
-        offset: [I, T],
-        repeat: [Z, te]
+      const ge = e.prop !== void 0 ? e.prop : e.title;
+      e.onChange(ge, {
+        src: B,
+        offset: [C, T],
+        repeat: [X, ne]
       });
     }
   }
-  function V(R) {
-    const I = n.current.src, T = R.target.value;
-    switch (R.target) {
+  function z(B) {
+    const C = n.current.src, T = B.target.value;
+    switch (B.target) {
       case a.current:
-        h(T), F(I, T, u, m, S);
+        h(T), $(C, T, u, m, E);
         break;
       case t.current:
-        f(T), F(I, r, T, m, S);
+        f(T), $(C, r, T, m, E);
         break;
       case i.current:
-        v(T), F(I, r, u, T, S);
+        b(T), $(C, r, u, T, E);
         break;
       case o.current:
-        A(T), F(I, r, u, m, T);
+        D(T), $(C, r, u, m, T);
         break;
     }
   }
   return /* @__PURE__ */ l.jsxs("div", { className: "imageField", children: [
     /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: n, onClick: () => {
-      Qa().then((R) => {
-        n.current.src = R, F(R, r, u, m, S);
+      Qa().then((B) => {
+        n.current.src = B, $(B, r, u, m, E);
       });
-    }, src: d.src.length > 0 ? d.src : hi }),
+    }, src: d.src.length > 0 ? d.src : ln }),
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "Offset:" }),
@@ -3007,7 +3011,7 @@ function fi(e) {
             type: "number",
             value: r,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         ),
         /* @__PURE__ */ l.jsx(
@@ -3017,7 +3021,7 @@ function fi(e) {
             type: "number",
             value: u,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         )
       ] }),
@@ -3030,7 +3034,7 @@ function fi(e) {
             type: "number",
             value: m,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         ),
         /* @__PURE__ */ l.jsx(
@@ -3038,19 +3042,22 @@ function fi(e) {
           {
             ref: o,
             type: "number",
-            value: S,
+            value: E,
             step: 0.01,
-            onChange: V
+            onChange: z
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ l.jsx("button", { onClick: () => {
+        $("", r, u, m, E), n.current.src = ln;
+      }, children: "Clear" })
     ] })
   ] });
 }
-function wt(e) {
+function Ct(e) {
   let n = e.value;
   n !== void 0 && n.isColor !== void 0 && (n = Da(e.value));
-  const [a, t] = H(n), i = Y(null), o = (u) => {
+  const [a, t] = W(n), i = V(null), o = (u) => {
     let f = u.target.value;
     e.type === "boolean" ? f = u.target.checked : e.type === "option" && (f = e.options[f].value), t(f), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
   }, d = {};
@@ -3058,7 +3065,7 @@ function wt(e) {
   const r = e.type === "string" && (a.length > 100 || a.search(`
 `) > -1), h = r || e.type === "image" || e.type === "vector2";
   return /* @__PURE__ */ l.jsxs("div", { className: `field ${h ? "block" : ""}`, style: d, children: [
-    e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Ot(e.title) }, "fieldLabel"),
+    e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Mt(e.title) }, "fieldLabel"),
     e.type === "string" && !r && /* @__PURE__ */ l.jsx(
       "input",
       {
@@ -3091,7 +3098,7 @@ function wt(e) {
       }
     ),
     e.type === "number" && /* @__PURE__ */ l.jsx(
-      Xe,
+      Qe,
       {
         value: a,
         type: e.type,
@@ -3105,7 +3112,7 @@ function wt(e) {
       }
     ),
     e.type === "range" && /* @__PURE__ */ l.jsx(
-      Xe,
+      Qe,
       {
         value: a,
         type: e.type,
@@ -3132,12 +3139,12 @@ function wt(e) {
         children: e.title
       }
     ),
-    e.type === "image" && /* @__PURE__ */ l.jsx(fi, { title: e.title, prop: e.prop, value: e.value, onChange: e.onChange }),
-    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: o, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((u, f) => /* @__PURE__ */ l.jsx("option", { value: u.value, children: Ot(u.title) }, f)) }) }),
+    e.type === "image" && /* @__PURE__ */ l.jsx(hi, { title: e.title, prop: e.prop, value: e.value, onChange: e.onChange }),
+    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: o, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((u, f) => /* @__PURE__ */ l.jsx("option", { value: u.value, children: Mt(u.title) }, f)) }) }),
     e.type === "vector2" && /* @__PURE__ */ l.jsx(qa, { value: a, min: 0, max: 1, onChange: o }),
-    e.type === "grid3" && /* @__PURE__ */ l.jsx(cn, { value: a, onChange: o }),
+    e.type === "grid3" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o }),
     e.type === "grid4" && /* @__PURE__ */ l.jsx(Ka, { value: a, onChange: o }),
-    e.type === "euler" && /* @__PURE__ */ l.jsx(cn, { value: a, onChange: o })
+    e.type === "euler" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o })
   ] });
 }
 function un(e) {
@@ -3169,7 +3176,7 @@ function un(e) {
   }
   return e;
 }
-function mi(e, n) {
+function fi(e, n) {
   const a = [];
   if (e.perspectiveCameraInfo !== void 0)
     for (const t in e.perspectiveCameraInfo)
@@ -3184,7 +3191,7 @@ function mi(e, n) {
           const d = n.getScene(e.uuid);
           if (d !== null) {
             const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (ee(r, i, o), r.updateProjectionMatrix());
+            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
           }
         }
       });
@@ -3201,19 +3208,19 @@ function mi(e, n) {
           const d = n.getScene(e.uuid);
           if (d !== null) {
             const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (ee(r, i, o), r.updateProjectionMatrix());
+            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
           }
         }
       });
   return /* @__PURE__ */ l.jsx(
-    Ze,
+    et,
     {
       title: "Camera",
       items: a
     }
   );
 }
-function pi(e, n) {
+function mi(e, n) {
   const a = new sa();
   a.elements = e.matrix;
   const t = new J(), i = new oa(), o = new J();
@@ -3224,11 +3231,11 @@ function pi(e, n) {
     const f = n.getScene(e.uuid);
     if (f !== null) {
       const m = f.getObjectByProperty("uuid", e.uuid);
-      ee(m, r, u);
+      te(m, r, u);
     }
   };
   return /* @__PURE__ */ l.jsx(
-    Ze,
+    et,
     {
       title: "Transform",
       items: [
@@ -3280,7 +3287,7 @@ function dn(e) {
   }
   return e;
 }
-function gi(e, n) {
+function pi(e, n) {
   const a = [];
   if (e.lightInfo !== void 0)
     for (const t in e.lightInfo) {
@@ -3291,12 +3298,12 @@ function gi(e, n) {
         type: "color",
         value: i,
         onChange: (o, d) => {
-          const r = new $t(d);
+          const r = new Ut(d);
           n.updateObject(e.uuid, o, r);
           const h = n.getScene(e.uuid);
           if (h !== null) {
             const u = h.getObjectByProperty("uuid", e.uuid);
-            ee(u, o, r);
+            te(u, o, r);
           }
         }
       }) : a.push({
@@ -3310,20 +3317,20 @@ function gi(e, n) {
           const r = n.getScene(e.uuid);
           if (r !== null) {
             const h = r.getObjectByProperty("uuid", e.uuid);
-            ee(h, o, d);
+            te(h, o, d);
           }
         }
       }));
     }
   return /* @__PURE__ */ l.jsx(
-    Ze,
+    et,
     {
       title: "Light",
       items: a
     }
   );
 }
-function vi(e, n) {
+function gi(e, n) {
   const a = [], t = [];
   let i = 0;
   e.animations.forEach((d) => {
@@ -3390,7 +3397,7 @@ function vi(e, n) {
       }
     }
   }
-  return /* @__PURE__ */ l.jsx(Ze, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(et, { title: "Animation", items: a });
 }
 const zn = {
   name: "",
@@ -3405,65 +3412,65 @@ const zn = {
   lightInfo: void 0,
   children: []
 };
-let fe = { ...zn };
-function bi(e) {
-  const [n, a] = H(-1);
+let me = { ...zn };
+function vi(e) {
+  const [n, a] = W(-1);
   Re(() => {
     function d(h) {
-      fe = { ...h.value }, a(Date.now());
+      me = { ...h.value }, a(Date.now());
     }
     function r() {
-      fe = { ...zn }, a(Date.now());
+      me = { ...zn }, a(Date.now());
     }
-    return D.addEventListener(P.SET_SCENE, r), D.addEventListener(P.SET_OBJECT, d), () => {
-      D.removeEventListener(P.SET_SCENE, r), D.removeEventListener(P.SET_OBJECT, d);
+    return P.addEventListener(A.SET_SCENE, r), P.addEventListener(A.SET_OBJECT, d), () => {
+      P.removeEventListener(A.SET_SCENE, r), P.removeEventListener(A.SET_OBJECT, d);
     };
   }, []);
-  const t = fe.type.toLowerCase(), i = fe.animations.length > 0 || fe.mixer !== void 0, o = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(Wt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: fe.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const t = me.type.toLowerCase(), i = me.animations.length > 0 || me.mixer !== void 0, o = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
+  return /* @__PURE__ */ l.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: me.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
-        wt,
+        Ct,
         {
           type: "string",
           title: "Name",
           prop: "name",
-          value: fe.name,
+          value: me.name,
           disabled: !0
         }
       ),
       /* @__PURE__ */ l.jsx(
-        wt,
+        Ct,
         {
           type: "string",
           title: "Type",
           prop: "type",
-          value: fe.type,
+          value: me.type,
           disabled: !0
         }
       ),
       /* @__PURE__ */ l.jsx(
-        wt,
+        Ct,
         {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: fe.uuid,
+          value: me.uuid,
           disabled: !0
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      pi(fe, e.three),
-      i ? vi(fe, e.three) : null,
-      t.search("camera") > -1 ? mi(fe, e.three) : null,
-      t.search("light") > -1 ? gi(fe, e.three) : null,
-      o ? di(fe, e.three) : null
+      mi(me, e.three),
+      i ? gi(me, e.three) : null,
+      t.search("camera") > -1 ? fi(me, e.three) : null,
+      t.search("light") > -1 ? pi(me, e.three) : null,
+      o ? di(me, e.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-function Ui(e) {
-  const [n] = H([]), [a, t] = H(0), i = (r) => {
+function Fi(e) {
+  const [n] = W([]), [a, t] = W(0), i = (r) => {
     n.push(r.value), t(Date.now());
   }, o = (r) => {
     const h = r.value;
@@ -3473,20 +3480,20 @@ function Ui(e) {
         return;
       }
   };
-  Re(() => (D.addEventListener(P.ADD_SCENE, i), D.addEventListener(P.REMOVE_SCENE, o), () => {
-    D.removeEventListener(P.ADD_SCENE, i), D.removeEventListener(P.REMOVE_SCENE, o);
+  Re(() => (P.addEventListener(A.ADD_SCENE, i), P.addEventListener(A.REMOVE_SCENE, o), () => {
+    P.removeEventListener(A.ADD_SCENE, i), P.removeEventListener(A.REMOVE_SCENE, o);
   }), []);
   const d = [];
   return n.forEach((r, h) => {
     d.push(
-      /* @__PURE__ */ l.jsx(Wt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ya, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
+      /* @__PURE__ */ l.jsx(Gt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ya, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
     );
   }), /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
     d,
-    /* @__PURE__ */ l.jsx(bi, { three: e.three })
+    /* @__PURE__ */ l.jsx(vi, { three: e.three })
   ] }, `SidePanel ${a}`);
 }
-function $i(e) {
+function Ui(e) {
   return Re(() => {
     function n(r) {
       let h = null;
@@ -3499,56 +3506,60 @@ function $i(e) {
       f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, u);
     }, t = (r, h, u) => {
       const f = n(r), m = f?.getObjectByProperty("uuid", r);
-      m !== void 0 ? ee(m, h, u) : console.log(`Hermes - can't set object: ${r}`, f);
+      m !== void 0 ? te(m, h, u) : console.log(`Hermes - can't set object: ${r}`, f);
     }, i = (r) => {
       const h = r.value, { key: u, value: f, uuid: m } = h;
       t(m, u, f);
     }, o = (r) => {
       const h = r.value, f = n(h.uuid)?.getObjectByProperty("uuid", h.uuid);
-      f !== void 0 && Bn(h.value.src).then((m) => {
-        m.offset.set(h.value.offset[0], h.value.offset[1]), m.repeat.set(h.value.repeat[0], h.value.repeat[1]);
-        const v = h.key.split(".");
-        switch (v.length) {
-          case 1:
-            f[v[0]] = m;
-            break;
-          case 2:
-            f[v[0]][v[1]] = m;
-            break;
-          case 3:
-            f[v[0]][v[1]][v[2]] = m;
-            break;
-          case 4:
-            f[v[0]][v[1]][v[2]][v[3]] = m;
-            break;
-          case 5:
-            f[v[0]][v[1]][v[2]][v[3]][v[4]] = m;
-            break;
-        }
-        f.material.needsUpdate = !0;
-      });
+      if (f !== void 0) {
+        const m = (b) => {
+          const E = h.key.split(".");
+          switch (E.length) {
+            case 1:
+              f[E[0]] = b;
+              break;
+            case 2:
+              f[E[0]][E[1]] = b;
+              break;
+            case 3:
+              f[E[0]][E[1]][E[2]] = b;
+              break;
+            case 4:
+              f[E[0]][E[1]][E[2]][E[3]] = b;
+              break;
+            case 5:
+              f[E[0]][E[1]][E[2]][E[3]][E[4]] = b;
+              break;
+          }
+          f.material.needsUpdate = !0;
+        };
+        h.value.src.length > 0 ? Bn(h.value.src).then((b) => {
+          b.offset.set(h.value.offset[0], h.value.offset[1]), b.repeat.set(h.value.repeat[0], h.value.repeat[1]), m(b);
+        }) : m(null);
+      }
     }, d = (r) => {
-      const { key: h, uuid: u, value: f, subitem: m } = r.value, S = n(u)?.getObjectByProperty("uuid", u);
-      if (S !== void 0)
+      const { key: h, uuid: u, value: f, subitem: m } = r.value, E = n(u)?.getObjectByProperty("uuid", u);
+      if (E !== void 0)
         try {
-          m !== void 0 ? Na(S, m)[h](f) : S[h](f);
-        } catch (A) {
-          console.log("Error requesting method:"), console.log(A), console.log(h), console.log(f);
+          m !== void 0 ? Na(E, m)[h](f) : E[h](f);
+        } catch (D) {
+          console.log("Error requesting method:"), console.log(D), console.log(h), console.log(f);
         }
     };
-    return D.addEventListener(P.GET_OBJECT, a), D.addEventListener(P.UPDATE_OBJECT, i), D.addEventListener(P.CREATE_TEXTURE, o), D.addEventListener(P.REQUEST_METHOD, d), () => {
-      D.removeEventListener(P.GET_OBJECT, a), D.removeEventListener(P.UPDATE_OBJECT, i), D.removeEventListener(P.CREATE_TEXTURE, o), D.removeEventListener(P.REQUEST_METHOD, d);
+    return P.addEventListener(A.GET_OBJECT, a), P.addEventListener(A.UPDATE_OBJECT, i), P.addEventListener(A.CREATE_TEXTURE, o), P.addEventListener(A.REQUEST_METHOD, d), () => {
+      P.removeEventListener(A.GET_OBJECT, a), P.removeEventListener(A.UPDATE_OBJECT, i), P.removeEventListener(A.CREATE_TEXTURE, o), P.removeEventListener(A.REQUEST_METHOD, d);
     };
   }, []), null;
 }
-class yi extends ca {
+class bi extends ca {
   constructor(n, a) {
-    const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Kt();
-    i.setAttribute("position", new Xt(t, 3)), i.computeBoundingSphere();
+    const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new qt();
+    i.setAttribute("position", new Kt(t, 3)), i.computeBoundingSphere();
     const o = new la({ fog: !1 });
     super(i, o), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
-    const d = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], r = new Kt();
-    r.setAttribute("position", new Xt(d, 3)), r.computeBoundingSphere(), this.add(new An(r, new jn({ side: vn, fog: !1 })));
+    const d = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], r = new qt();
+    r.setAttribute("position", new Kt(d, 3)), r.computeBoundingSphere(), this.add(new An(r, new jn({ side: vn, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -3564,62 +3575,62 @@ class yi extends ca {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const hn = { type: "change" }, It = { type: "start" }, fn = { type: "end" }, Et = new ua(), mn = new da(), Ei = Math.cos(70 * ha.DEG2RAD);
-class xi extends pn {
+const hn = { type: "change" }, jt = { type: "start" }, fn = { type: "end" }, Et = new ua(), mn = new da(), yi = Math.cos(70 * ha.DEG2RAD);
+class Ei extends pn {
   constructor(n, a) {
-    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new J(), this.cursor = new J(), 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: nt.ROTATE, MIDDLE: nt.DOLLY, RIGHT: nt.PAN }, this.touches = { ONE: at.ROTATE, TWO: at.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new J(), this.cursor = new J(), 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: it.ROTATE, MIDDLE: it.DOLLY, RIGHT: it.PAN }, this.touches = { ONE: rt.ROTATE, TWO: rt.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 r.phi;
     }, this.getAzimuthalAngle = function() {
       return r.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(c) {
-      c.addEventListener("keydown", ot), this._domElementKeyEvents = c;
+      c.addEventListener("keydown", lt), this._domElementKeyEvents = c;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", ot), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", lt), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
     }, this.reset = function() {
       t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(hn), t.update(), o = i.NONE;
     }, this.update = function() {
-      const c = new J(), E = new Zt().setFromUnitVectors(n.up, new J(0, 1, 0)), k = E.clone().invert(), B = new J(), ie = new Zt(), Ee = new J(), de = 2 * Math.PI;
+      const c = new J(), x = new Xt().setFromUnitVectors(n.up, new J(0, 1, 0)), k = x.clone().invert(), L = new J(), re = new Xt(), xe = new J(), de = 2 * Math.PI;
       return function(vt = null) {
         const bt = t.object.position;
-        c.copy(bt).sub(t.target), c.applyQuaternion(E), r.setFromVector3(c), t.autoRotate && o === i.NONE && be(_e(vt)), t.enableDamping ? (r.theta += h.theta * t.dampingFactor, r.phi += h.phi * t.dampingFactor) : (r.theta += h.theta, r.phi += h.phi);
-        let xe = t.minAzimuthAngle, Se = t.maxAzimuthAngle;
-        isFinite(xe) && isFinite(Se) && (xe < -Math.PI ? xe += de : xe > Math.PI && (xe -= de), Se < -Math.PI ? Se += de : Se > Math.PI && (Se -= de), xe <= Se ? r.theta = Math.max(xe, Math.min(Se, r.theta)) : r.theta = r.theta > (xe + Se) / 2 ? Math.max(xe, r.theta) : Math.min(Se, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
-        let Ve = !1;
-        if (t.zoomToCursor && pe || t.object.isOrthographicCamera)
+        c.copy(bt).sub(t.target), c.applyQuaternion(x), r.setFromVector3(c), t.autoRotate && o === i.NONE && ye(_e(vt)), t.enableDamping ? (r.theta += h.theta * t.dampingFactor, r.phi += h.phi * t.dampingFactor) : (r.theta += h.theta, r.phi += h.phi);
+        let Se = t.minAzimuthAngle, Ce = t.maxAzimuthAngle;
+        isFinite(Se) && isFinite(Ce) && (Se < -Math.PI ? Se += de : Se > Math.PI && (Se -= de), Ce < -Math.PI ? Ce += de : Ce > Math.PI && (Ce -= de), Se <= Ce ? r.theta = Math.max(Se, Math.min(Ce, r.theta)) : r.theta = r.theta > (Se + Ce) / 2 ? Math.max(Se, r.theta) : Math.min(Ce, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
+        let Xe = !1;
+        if (t.zoomToCursor && ge || t.object.isOrthographicCamera)
           r.radius = Ae(r.radius);
         else {
           const Oe = r.radius;
-          r.radius = Ae(r.radius * u), Ve = Oe != r.radius;
+          r.radius = Ae(r.radius * u), Xe = Oe != r.radius;
         }
-        if (c.setFromSpherical(r), c.applyQuaternion(k), bt.copy(t.target).add(c), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && pe) {
+        if (c.setFromSpherical(r), c.applyQuaternion(k), bt.copy(t.target).add(c), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && ge) {
           let Oe = null;
           if (t.object.isPerspectiveCamera) {
-            const ze = c.length();
-            Oe = Ae(ze * u);
-            const et = ze - Oe;
-            t.object.position.addScaledVector(Z, et), t.object.updateMatrixWorld(), Ve = !!et;
+            const He = c.length();
+            Oe = Ae(He * u);
+            const nt = He - Oe;
+            t.object.position.addScaledVector(X, nt), t.object.updateMatrixWorld(), Xe = !!nt;
           } else if (t.object.isOrthographicCamera) {
-            const ze = new J(te.x, te.y, 0);
-            ze.unproject(t.object);
-            const et = t.object.zoom;
-            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), t.object.updateProjectionMatrix(), Ve = et !== t.object.zoom;
-            const yt = new J(te.x, te.y, 0);
-            yt.unproject(t.object), t.object.position.sub(yt).add(ze), t.object.updateMatrixWorld(), Oe = c.length();
+            const He = new J(ne.x, ne.y, 0);
+            He.unproject(t.object);
+            const nt = t.object.zoom;
+            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), t.object.updateProjectionMatrix(), Xe = nt !== t.object.zoom;
+            const yt = new J(ne.x, ne.y, 0);
+            yt.unproject(t.object), t.object.position.sub(yt).add(He), t.object.updateMatrixWorld(), Oe = c.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          Oe !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Oe).add(t.object.position) : (Et.origin.copy(t.object.position), Et.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Et.direction)) < Ei ? n.lookAt(t.target) : (mn.setFromNormalAndCoplanarPoint(t.object.up, t.target), Et.intersectPlane(mn, t.target))));
+          Oe !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Oe).add(t.object.position) : (Et.origin.copy(t.object.position), Et.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Et.direction)) < yi ? n.lookAt(t.target) : (mn.setFromNormalAndCoplanarPoint(t.object.up, t.target), Et.intersectPlane(mn, t.target))));
         } else if (t.object.isOrthographicCamera) {
           const Oe = t.object.zoom;
-          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Ve = !0);
+          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Xe = !0);
         }
-        return u = 1, pe = !1, Ve || B.distanceToSquared(t.object.position) > d || 8 * (1 - ie.dot(t.object.quaternion)) > d || Ee.distanceToSquared(t.target) > d ? (t.dispatchEvent(hn), B.copy(t.object.position), ie.copy(t.object.quaternion), Ee.copy(t.target), !0) : !1;
+        return u = 1, ge = !1, Xe || L.distanceToSquared(t.object.position) > d || 8 * (1 - re.dot(t.object.quaternion)) > d || xe.distanceToSquared(t.target) > d ? (t.dispatchEvent(hn), L.copy(t.object.position), re.copy(t.object.quaternion), xe.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", Qe), t.domElement.removeEventListener("pointerdown", _), t.domElement.removeEventListener("pointercancel", K), t.domElement.removeEventListener("wheel", ft), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", K), t.domElement.getRootNode().removeEventListener("keydown", st, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ot), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", tt), t.domElement.removeEventListener("pointerdown", S), t.domElement.removeEventListener("pointercancel", Z), t.domElement.removeEventListener("wheel", Q), t.domElement.removeEventListener("pointermove", G), t.domElement.removeEventListener("pointerup", Z), t.domElement.getRootNode().removeEventListener("keydown", ze, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", lt), t._domElementKeyEvents = null);
     };
     const t = this, i = {
       NONE: -1,
@@ -3632,257 +3643,257 @@ class xi extends pn {
       TOUCH_DOLLY_ROTATE: 6
     };
     let o = i.NONE;
-    const d = 1e-6, r = new Jt(), h = new Jt();
+    const d = 1e-6, r = new Zt(), h = new Zt();
     let u = 1;
-    const f = new J(), m = new me(), v = new me(), S = new me(), A = new me(), F = new me(), V = new me(), R = new me(), I = new me(), T = new me(), Z = new J(), te = new me();
-    let pe = !1;
-    const q = [], ge = {};
-    let ce = !1;
+    const f = new J(), m = new pe(), b = new pe(), E = new pe(), D = new pe(), $ = new pe(), z = new pe(), B = new pe(), C = new pe(), T = new pe(), X = new J(), ne = new pe();
+    let ge = !1;
+    const q = [], ve = {};
+    let le = !1;
     function _e(c) {
       return c !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * c : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
     }
     function ke(c) {
-      const E = Math.abs(c * 0.01);
-      return Math.pow(0.95, t.zoomSpeed * E);
+      const x = Math.abs(c * 0.01);
+      return Math.pow(0.95, t.zoomSpeed * x);
     }
-    function be(c) {
+    function ye(c) {
       h.theta -= c;
     }
-    function U(c) {
+    function F(c) {
       h.phi -= c;
     }
-    const ye = function() {
+    const Ee = function() {
       const c = new J();
-      return function(k, B) {
-        c.setFromMatrixColumn(B, 0), c.multiplyScalar(-k), f.add(c);
+      return function(k, L) {
+        c.setFromMatrixColumn(L, 0), c.multiplyScalar(-k), f.add(c);
       };
-    }(), O = function() {
+    }(), R = function() {
       const c = new J();
-      return function(k, B) {
-        t.screenSpacePanning === !0 ? c.setFromMatrixColumn(B, 1) : (c.setFromMatrixColumn(B, 0), c.crossVectors(t.object.up, c)), c.multiplyScalar(k), f.add(c);
+      return function(k, L) {
+        t.screenSpacePanning === !0 ? c.setFromMatrixColumn(L, 1) : (c.setFromMatrixColumn(L, 0), c.crossVectors(t.object.up, c)), c.multiplyScalar(k), f.add(c);
       };
-    }(), we = function() {
+    }(), Me = function() {
       const c = new J();
-      return function(k, B) {
-        const ie = t.domElement;
+      return function(k, L) {
+        const re = t.domElement;
         if (t.object.isPerspectiveCamera) {
-          const Ee = t.object.position;
-          c.copy(Ee).sub(t.target);
+          const xe = t.object.position;
+          c.copy(xe).sub(t.target);
           let de = c.length();
-          de *= Math.tan(t.object.fov / 2 * Math.PI / 180), ye(2 * k * de / ie.clientHeight, t.object.matrix), O(2 * B * de / ie.clientHeight, t.object.matrix);
+          de *= Math.tan(t.object.fov / 2 * Math.PI / 180), Ee(2 * k * de / re.clientHeight, t.object.matrix), R(2 * L * de / re.clientHeight, t.object.matrix);
         } else
-          t.object.isOrthographicCamera ? (ye(k * (t.object.right - t.object.left) / t.object.zoom / ie.clientWidth, t.object.matrix), O(B * (t.object.top - t.object.bottom) / t.object.zoom / ie.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          t.object.isOrthographicCamera ? (Ee(k * (t.object.right - t.object.left) / t.object.zoom / re.clientWidth, t.object.matrix), R(L * (t.object.top - t.object.bottom) / t.object.zoom / re.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
     function De(c) {
       t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u /= c : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function je(c) {
+    function Ie(c) {
       t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u *= c : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function Pe(c, E) {
+    function Pe(c, x) {
       if (!t.zoomToCursor)
         return;
-      pe = !0;
-      const k = t.domElement.getBoundingClientRect(), B = c - k.left, ie = E - k.top, Ee = k.width, de = k.height;
-      te.x = B / Ee * 2 - 1, te.y = -(ie / de) * 2 + 1, Z.set(te.x, te.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      ge = !0;
+      const k = t.domElement.getBoundingClientRect(), L = c - k.left, re = x - k.top, xe = k.width, de = k.height;
+      ne.x = L / xe * 2 - 1, ne.y = -(re / de) * 2 + 1, X.set(ne.x, ne.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
     function Ae(c) {
       return Math.max(t.minDistance, Math.min(t.maxDistance, c));
     }
-    function Ie(c) {
+    function je(c) {
       m.set(c.clientX, c.clientY);
     }
-    function Be(c) {
-      Pe(c.clientX, c.clientX), R.set(c.clientX, c.clientY);
+    function qe(c) {
+      Pe(c.clientX, c.clientX), B.set(c.clientX, c.clientY);
     }
-    function Fe(c) {
-      A.set(c.clientX, c.clientY);
+    function Ne(c) {
+      D.set(c.clientX, c.clientY);
     }
-    function re(c) {
-      v.set(c.clientX, c.clientY), S.subVectors(v, m).multiplyScalar(t.rotateSpeed);
-      const E = t.domElement;
-      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(v), t.update();
+    function Ke(c) {
+      b.set(c.clientX, c.clientY), E.subVectors(b, m).multiplyScalar(t.rotateSpeed);
+      const x = t.domElement;
+      ye(2 * Math.PI * E.x / x.clientHeight), F(2 * Math.PI * E.y / x.clientHeight), m.copy(b), t.update();
     }
-    function Me(c) {
-      I.set(c.clientX, c.clientY), T.subVectors(I, R), T.y > 0 ? De(ke(T.y)) : T.y < 0 && je(ke(T.y)), R.copy(I), t.update();
+    function ct(c) {
+      C.set(c.clientX, c.clientY), T.subVectors(C, B), T.y > 0 ? De(ke(T.y)) : T.y < 0 && Ie(ke(T.y)), B.copy(C), t.update();
     }
-    function He(c) {
-      F.set(c.clientX, c.clientY), V.subVectors(F, A).multiplyScalar(t.panSpeed), we(V.x, V.y), A.copy(F), t.update();
+    function Le(c) {
+      $.set(c.clientX, c.clientY), z.subVectors($, D).multiplyScalar(t.panSpeed), Me(z.x, z.y), D.copy($), t.update();
     }
-    function Ye(c) {
-      Pe(c.clientX, c.clientY), c.deltaY < 0 ? je(ke(c.deltaY)) : c.deltaY > 0 && De(ke(c.deltaY)), t.update();
+    function ae(c) {
+      Pe(c.clientX, c.clientY), c.deltaY < 0 ? Ie(ke(c.deltaY)) : c.deltaY > 0 && De(ke(c.deltaY)), t.update();
     }
-    function ue(c) {
-      let E = !1;
+    function fe(c) {
+      let x = !1;
       switch (c.code) {
         case t.keys.UP:
-          c.ctrlKey || c.metaKey || c.shiftKey ? U(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, t.keyPanSpeed), E = !0;
+          c.ctrlKey || c.metaKey || c.shiftKey ? F(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, t.keyPanSpeed), x = !0;
           break;
         case t.keys.BOTTOM:
-          c.ctrlKey || c.metaKey || c.shiftKey ? U(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, -t.keyPanSpeed), E = !0;
+          c.ctrlKey || c.metaKey || c.shiftKey ? F(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, -t.keyPanSpeed), x = !0;
           break;
         case t.keys.LEFT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? be(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(t.keyPanSpeed, 0), E = !0;
+          c.ctrlKey || c.metaKey || c.shiftKey ? ye(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(t.keyPanSpeed, 0), x = !0;
           break;
         case t.keys.RIGHT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? be(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(-t.keyPanSpeed, 0), E = !0;
+          c.ctrlKey || c.metaKey || c.shiftKey ? ye(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(-t.keyPanSpeed, 0), x = !0;
           break;
       }
-      E && (c.preventDefault(), t.update());
+      x && (c.preventDefault(), t.update());
     }
-    function g(c) {
+    function Ue(c) {
       if (q.length === 1)
         m.set(c.pageX, c.pageY);
       else {
-        const E = $e(c), k = 0.5 * (c.pageX + E.x), B = 0.5 * (c.pageY + E.y);
-        m.set(k, B);
+        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
+        m.set(k, L);
       }
     }
-    function b(c) {
+    function Be(c) {
       if (q.length === 1)
-        A.set(c.pageX, c.pageY);
+        D.set(c.pageX, c.pageY);
       else {
-        const E = $e(c), k = 0.5 * (c.pageX + E.x), B = 0.5 * (c.pageY + E.y);
-        A.set(k, B);
+        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
+        D.set(k, L);
       }
     }
-    function M(c) {
-      const E = $e(c), k = c.pageX - E.x, B = c.pageY - E.y, ie = Math.sqrt(k * k + B * B);
-      R.set(0, ie);
+    function be(c) {
+      const x = We(c), k = c.pageX - x.x, L = c.pageY - x.y, re = Math.sqrt(k * k + L * L);
+      B.set(0, re);
     }
-    function N(c) {
-      t.enableZoom && M(c), t.enablePan && b(c);
+    function g(c) {
+      t.enableZoom && be(c), t.enablePan && Be(c);
     }
-    function ve(c) {
-      t.enableZoom && M(c), t.enableRotate && g(c);
+    function v(c) {
+      t.enableZoom && be(c), t.enableRotate && Ue(c);
     }
-    function le(c) {
+    function M(c) {
       if (q.length == 1)
-        v.set(c.pageX, c.pageY);
+        b.set(c.pageX, c.pageY);
       else {
-        const k = $e(c), B = 0.5 * (c.pageX + k.x), ie = 0.5 * (c.pageY + k.y);
-        v.set(B, ie);
+        const k = We(c), L = 0.5 * (c.pageX + k.x), re = 0.5 * (c.pageY + k.y);
+        b.set(L, re);
       }
-      S.subVectors(v, m).multiplyScalar(t.rotateSpeed);
-      const E = t.domElement;
-      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(v);
+      E.subVectors(b, m).multiplyScalar(t.rotateSpeed);
+      const x = t.domElement;
+      ye(2 * Math.PI * E.x / x.clientHeight), F(2 * Math.PI * E.y / x.clientHeight), m.copy(b);
     }
-    function C(c) {
+    function j(c) {
       if (q.length === 1)
-        F.set(c.pageX, c.pageY);
+        $.set(c.pageX, c.pageY);
       else {
-        const E = $e(c), k = 0.5 * (c.pageX + E.x), B = 0.5 * (c.pageY + E.y);
-        F.set(k, B);
+        const x = We(c), k = 0.5 * (c.pageX + x.x), L = 0.5 * (c.pageY + x.y);
+        $.set(k, L);
       }
-      V.subVectors(F, A).multiplyScalar(t.panSpeed), we(V.x, V.y), A.copy(F);
+      z.subVectors($, D).multiplyScalar(t.panSpeed), Me(z.x, z.y), D.copy($);
     }
-    function x(c) {
-      const E = $e(c), k = c.pageX - E.x, B = c.pageY - E.y, ie = Math.sqrt(k * k + B * B);
-      I.set(0, ie), T.set(0, Math.pow(I.y / R.y, t.zoomSpeed)), De(T.y), R.copy(I);
-      const Ee = (c.pageX + E.x) * 0.5, de = (c.pageY + E.y) * 0.5;
-      Pe(Ee, de);
+    function oe(c) {
+      const x = We(c), k = c.pageX - x.x, L = c.pageY - x.y, re = Math.sqrt(k * k + L * L);
+      C.set(0, re), T.set(0, Math.pow(C.y / B.y, t.zoomSpeed)), De(T.y), B.copy(C);
+      const xe = (c.pageX + x.x) * 0.5, de = (c.pageY + x.y) * 0.5;
+      Pe(xe, de);
     }
-    function G(c) {
-      t.enableZoom && x(c), t.enablePan && C(c);
+    function ue(c) {
+      t.enableZoom && oe(c), t.enablePan && j(c);
     }
-    function ne(c) {
-      t.enableZoom && x(c), t.enableRotate && le(c);
+    function O(c) {
+      t.enableZoom && oe(c), t.enableRotate && M(c);
     }
-    function _(c) {
-      t.enabled !== !1 && (q.length === 0 && (t.domElement.setPointerCapture(c.pointerId), t.domElement.addEventListener("pointermove", z), t.domElement.addEventListener("pointerup", K)), !Pt(c) && (kt(c), c.pointerType === "touch" ? ct(c) : Ne(c)));
+    function S(c) {
+      t.enabled !== !1 && (q.length === 0 && (t.domElement.setPointerCapture(c.pointerId), t.domElement.addEventListener("pointermove", G), t.domElement.addEventListener("pointerup", Z)), !Dt(c) && (_t(c), c.pointerType === "touch" ? ut(c) : _(c)));
     }
-    function z(c) {
-      t.enabled !== !1 && (c.pointerType === "touch" ? pt(c) : Je(c));
+    function G(c) {
+      t.enabled !== !1 && (c.pointerType === "touch" ? pt(c) : Y(c));
     }
-    function K(c) {
-      switch (Dt(c), q.length) {
+    function Z(c) {
+      switch (kt(c), q.length) {
         case 0:
-          t.domElement.releasePointerCapture(c.pointerId), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", K), t.dispatchEvent(fn), o = i.NONE;
+          t.domElement.releasePointerCapture(c.pointerId), t.domElement.removeEventListener("pointermove", G), t.domElement.removeEventListener("pointerup", Z), t.dispatchEvent(fn), o = i.NONE;
           break;
         case 1:
-          const E = q[0], k = ge[E];
-          ct({ pointerId: E, pageX: k.x, pageY: k.y });
+          const x = q[0], k = ve[x];
+          ut({ pointerId: x, pageX: k.x, pageY: k.y });
           break;
       }
     }
-    function Ne(c) {
-      let E;
+    function _(c) {
+      let x;
       switch (c.button) {
         case 0:
-          E = t.mouseButtons.LEFT;
+          x = t.mouseButtons.LEFT;
           break;
         case 1:
-          E = t.mouseButtons.MIDDLE;
+          x = t.mouseButtons.MIDDLE;
           break;
         case 2:
-          E = t.mouseButtons.RIGHT;
+          x = t.mouseButtons.RIGHT;
           break;
         default:
-          E = -1;
+          x = -1;
       }
-      switch (E) {
-        case nt.DOLLY:
+      switch (x) {
+        case it.DOLLY:
           if (t.enableZoom === !1)
             return;
-          Be(c), o = i.DOLLY;
+          qe(c), o = i.DOLLY;
           break;
-        case nt.ROTATE:
+        case it.ROTATE:
           if (c.ctrlKey || c.metaKey || c.shiftKey) {
             if (t.enablePan === !1)
               return;
-            Fe(c), o = i.PAN;
+            Ne(c), o = i.PAN;
           } else {
             if (t.enableRotate === !1)
               return;
-            Ie(c), o = i.ROTATE;
+            je(c), o = i.ROTATE;
           }
           break;
-        case nt.PAN:
+        case it.PAN:
           if (c.ctrlKey || c.metaKey || c.shiftKey) {
             if (t.enableRotate === !1)
               return;
-            Ie(c), o = i.ROTATE;
+            je(c), o = i.ROTATE;
           } else {
             if (t.enablePan === !1)
               return;
-            Fe(c), o = i.PAN;
+            Ne(c), o = i.PAN;
           }
           break;
         default:
           o = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(It);
+      o !== i.NONE && t.dispatchEvent(jt);
     }
-    function Je(c) {
+    function Y(c) {
       switch (o) {
         case i.ROTATE:
           if (t.enableRotate === !1)
             return;
-          re(c);
+          Ke(c);
           break;
         case i.DOLLY:
           if (t.enableZoom === !1)
             return;
-          Me(c);
+          ct(c);
           break;
         case i.PAN:
           if (t.enablePan === !1)
             return;
-          He(c);
+          Le(c);
           break;
       }
     }
-    function ft(c) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(It), Ye(mt(c)), t.dispatchEvent(fn));
+    function Q(c) {
+      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(jt), ae($e(c)), t.dispatchEvent(fn));
     }
-    function mt(c) {
-      const E = c.deltaMode, k = {
+    function $e(c) {
+      const x = c.deltaMode, k = {
         clientX: c.clientX,
         clientY: c.clientY,
         deltaY: c.deltaY
       };
-      switch (E) {
+      switch (x) {
         case 1:
           k.deltaY *= 16;
           break;
@@ -3890,30 +3901,30 @@ class xi extends pn {
           k.deltaY *= 100;
           break;
       }
-      return c.ctrlKey && !ce && (k.deltaY *= 10), k;
+      return c.ctrlKey && !le && (k.deltaY *= 10), k;
     }
-    function st(c) {
-      c.key === "Control" && (ce = !0, t.domElement.getRootNode().addEventListener("keyup", Ue, { passive: !0, capture: !0 }));
+    function ze(c) {
+      c.key === "Control" && (le = !0, t.domElement.getRootNode().addEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function Ue(c) {
-      c.key === "Control" && (ce = !1, t.domElement.getRootNode().removeEventListener("keyup", Ue, { passive: !0, capture: !0 }));
+    function Ge(c) {
+      c.key === "Control" && (le = !1, t.domElement.getRootNode().removeEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function ot(c) {
-      t.enabled === !1 || t.enablePan === !1 || ue(c);
+    function lt(c) {
+      t.enabled === !1 || t.enablePan === !1 || fe(c);
     }
-    function ct(c) {
+    function ut(c) {
       switch (gt(c), q.length) {
         case 1:
           switch (t.touches.ONE) {
-            case at.ROTATE:
+            case rt.ROTATE:
               if (t.enableRotate === !1)
                 return;
-              g(c), o = i.TOUCH_ROTATE;
+              Ue(c), o = i.TOUCH_ROTATE;
               break;
-            case at.PAN:
+            case rt.PAN:
               if (t.enablePan === !1)
                 return;
-              b(c), o = i.TOUCH_PAN;
+              Be(c), o = i.TOUCH_PAN;
               break;
             default:
               o = i.NONE;
@@ -3921,15 +3932,15 @@ class xi extends pn {
           break;
         case 2:
           switch (t.touches.TWO) {
-            case at.DOLLY_PAN:
+            case rt.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1)
                 return;
-              N(c), o = i.TOUCH_DOLLY_PAN;
+              g(c), o = i.TOUCH_DOLLY_PAN;
               break;
-            case at.DOLLY_ROTATE:
+            case rt.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1)
                 return;
-              ve(c), o = i.TOUCH_DOLLY_ROTATE;
+              v(c), o = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
               o = i.NONE;
@@ -3938,70 +3949,70 @@ class xi extends pn {
         default:
           o = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(It);
+      o !== i.NONE && t.dispatchEvent(jt);
     }
     function pt(c) {
       switch (gt(c), o) {
         case i.TOUCH_ROTATE:
           if (t.enableRotate === !1)
             return;
-          le(c), t.update();
+          M(c), t.update();
           break;
         case i.TOUCH_PAN:
           if (t.enablePan === !1)
             return;
-          C(c), t.update();
+          j(c), t.update();
           break;
         case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1)
             return;
-          G(c), t.update();
+          ue(c), t.update();
           break;
         case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1)
             return;
-          ne(c), t.update();
+          O(c), t.update();
           break;
         default:
           o = i.NONE;
       }
     }
-    function Qe(c) {
+    function tt(c) {
       t.enabled !== !1 && c.preventDefault();
     }
-    function kt(c) {
+    function _t(c) {
       q.push(c.pointerId);
     }
-    function Dt(c) {
-      delete ge[c.pointerId];
-      for (let E = 0; E < q.length; E++)
-        if (q[E] == c.pointerId) {
-          q.splice(E, 1);
+    function kt(c) {
+      delete ve[c.pointerId];
+      for (let x = 0; x < q.length; x++)
+        if (q[x] == c.pointerId) {
+          q.splice(x, 1);
           return;
         }
     }
-    function Pt(c) {
-      for (let E = 0; E < q.length; E++)
-        if (q[E] == c.pointerId)
+    function Dt(c) {
+      for (let x = 0; x < q.length; x++)
+        if (q[x] == c.pointerId)
           return !0;
       return !1;
     }
     function gt(c) {
-      let E = ge[c.pointerId];
-      E === void 0 && (E = new me(), ge[c.pointerId] = E), E.set(c.pageX, c.pageY);
+      let x = ve[c.pointerId];
+      x === void 0 && (x = new pe(), ve[c.pointerId] = x), x.set(c.pageX, c.pageY);
     }
-    function $e(c) {
-      const E = c.pointerId === q[0] ? q[1] : q[0];
-      return ge[E];
+    function We(c) {
+      const x = c.pointerId === q[0] ? q[1] : q[0];
+      return ve[x];
     }
-    t.domElement.addEventListener("contextmenu", Qe), t.domElement.addEventListener("pointerdown", _), t.domElement.addEventListener("pointercancel", K), t.domElement.addEventListener("wheel", ft, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", st, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", tt), t.domElement.addEventListener("pointerdown", S), t.domElement.addEventListener("pointercancel", Z), t.domElement.addEventListener("wheel", Q, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", ze, { passive: !0, capture: !0 }), this.update();
   }
 }
-function rt(e, n, a, t, i) {
+function ot(e, n, a, t, i) {
   return t + (e - n) * (i - t) / (a - n);
 }
-const Mt = (e) => {
-  const [n, a] = H(e.options[e.index]), t = () => {
+const wt = (e) => {
+  const [n, a] = W(e.options[e.index]), t = () => {
     e.onToggle(!e.open);
   }, i = (o) => {
     o !== n && (e.onSelect(o), a(o)), e.onToggle(!1);
@@ -4010,14 +4021,14 @@ const Mt = (e) => {
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: t, children: n }),
     e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
   ] });
-}, qe = Ra(function(n, a) {
-  const [t, i] = H(!1), o = n.options.indexOf(n.camera.name);
+}, Ze = Ra(function(n, a) {
+  const [t, i] = W(!1), o = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       t && i(!1);
     } }),
     /* @__PURE__ */ l.jsx(
-      Mt,
+      wt,
       {
         index: o,
         open: t,
@@ -4031,7 +4042,7 @@ const Mt = (e) => {
     )
   ] });
 });
-class Si extends In {
+class xi extends In {
   constructor(n) {
     super({
       extensions: {
@@ -4049,7 +4060,7 @@ class Si extends In {
           value: n?.divisions !== void 0 ? n?.divisions : 10
         },
         uColor: {
-          value: n?.color !== void 0 ? n?.color : new $t(16777215)
+          value: n?.color !== void 0 ? n?.color : new Ut(16777215)
         },
         uDistance: {
           value: n?.distance !== void 0 ? n?.distance : 1e4
@@ -4144,17 +4155,17 @@ class Si extends In {
     });
   }
 }
-class Ci extends An {
+class Si extends An {
   gridMaterial;
   constructor() {
-    const n = new Si();
+    const n = new xi();
     super(new ma(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const wi = `#include <common>
+const Ci = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -4184,7 +4195,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Mi = `
+}`, wi = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -4193,79 +4204,79 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Oi extends In {
+class Mi extends In {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: wi,
-      fragmentShader: Mi
+      vertexShader: Ci,
+      fragmentShader: wi
     });
   }
 }
-let xt = "Renderer", Te, St = !1, Nt = !1, X = null, oe = null, Ge = null, We = null;
-function zi(e) {
-  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", d = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = se(() => /* @__PURE__ */ new Map(), []), h = se(() => /* @__PURE__ */ new Map(), []), u = se(() => /* @__PURE__ */ new Map(), []), f = se(() => /* @__PURE__ */ new Map(), []), m = se(() => new pa(), []), v = se(() => new ga(), []), S = se(() => new Ci(), []), A = se(() => new Qt(500), []), F = se(() => new Qt(100), []), V = se(() => new va(), []), R = se(() => new ba(), []), I = se(() => new Oi(), []), T = se(() => new jn({
+let xt = "Renderer", Te, It = !1, K = null, ce = null, Ye = null, Ve = null;
+function $i(e) {
+  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", d = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = se(() => /* @__PURE__ */ new Map(), []), h = se(() => /* @__PURE__ */ new Map(), []), u = se(() => /* @__PURE__ */ new Map(), []), f = se(() => /* @__PURE__ */ new Map(), []), m = se(() => new pa(), []), b = se(() => new ga(), []), E = se(() => new Si(), []), D = se(() => new Jt(500), []), $ = se(() => new Jt(100), []), z = se(() => new va(), []), B = se(() => new ba(), []), C = se(() => new Mi(), []), T = se(() => new jn({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function Z(g, b) {
-    const M = new en(-100, 100, 100, -100, 50, 5e3);
-    return M.name = g, M.position.copy(b), M.lookAt(0, 0, 0), r.set(g, M), M;
+  function X(g, v) {
+    const M = new Qt(-100, 100, 100, -100, 50, 5e3);
+    return M.name = g, M.position.copy(v), M.lookAt(0, 0, 0), r.set(g, M), M;
   }
-  const te = [
+  const ne = [
     "Renderer",
     "Depth",
     "Normals",
     "UVs",
     "Wireframe"
-  ], pe = [
+  ], ge = [
     "Single",
     "Side by Side",
     "Stacked",
     "Quad"
-  ], q = Y(null), ge = Y(null), ce = Y(null), _e = Y(null), ke = Y(null), be = Y(null), [U, ye] = H(a !== null ? a : "Single"), [O, we] = H(null), [De, je] = H(!1), [Pe, Ae] = H(!1), [Ie, Be] = H(!1), [, Fe] = H(Date.now());
-  localStorage.setItem(`${n}_mode`, U), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, o), localStorage.setItem(`${n}_brCam`, d);
-  const re = (g, b) => {
+  ], q = V(null), ve = V(null), le = V(null), _e = V(null), ke = V(null), ye = V(null), [F, Ee] = W(a !== null ? a : "Single"), [R, Me] = W(null), [De, Ie] = W(!1), [Pe, Ae] = W(!1), [je, qe] = W("Orbit"), [Ne, Ke] = W(!1), [ct, Le] = W(Date.now());
+  localStorage.setItem(`${n}_mode`, F), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, o), localStorage.setItem(`${n}_brCam`, d);
+  const ae = (g, v) => {
     const M = h.get(g.name);
     if (M !== void 0 && M.dispose(), h.delete(g.name), g.name === "UI")
       return;
-    const N = new xi(g, b);
-    switch (N.enableDamping = !0, N.dampingFactor = 0.05, g.name) {
+    const j = new Ei(g, v);
+    switch (j.enableDamping = !0, j.dampingFactor = 0.05, g.name) {
       case "Top":
       case "Bottom":
       case "Left":
       case "Right":
       case "Front":
       case "Back":
-        N.enableRotate = !1;
+        j.enableRotate = !1;
         break;
     }
-    h.set(g.name, N);
-  }, Me = (g) => {
-    const b = u.get(g.name);
-    b !== void 0 && (m.remove(b), b.dispose(), u.delete(g.name));
+    h.set(g.name, j);
+  }, fe = (g) => {
+    const v = u.get(g.name);
+    v !== void 0 && (m.remove(v), v.dispose(), u.delete(g.name));
     const M = h.get(g.name);
     M !== void 0 && (M.dispose(), h.delete(g.name));
-  }, He = () => {
-    h.forEach((g, b) => {
+  }, Ue = () => {
+    h.forEach((g, v) => {
       g.dispose();
-      const M = u.get(b);
-      M !== void 0 && (m.remove(M), M.dispose()), u.delete(b), h.delete(b);
+      const M = u.get(v);
+      M !== void 0 && (m.remove(M), M.dispose()), u.delete(v), h.delete(v);
     }), h.clear(), u.clear();
-  }, Ye = () => {
-    switch (U) {
+  }, Be = () => {
+    switch (F) {
       case "Single":
-        re(X, ce.current);
+        ae(K, le.current);
         break;
       case "Side by Side":
       case "Stacked":
-        re(X, ce.current), re(oe, _e.current);
+        ae(K, le.current), ae(ce, _e.current);
         break;
       case "Quad":
-        re(X, ce.current), re(oe, _e.current), re(Ge, ke.current), re(We, be.current);
+        ae(K, le.current), ae(ce, _e.current), ae(Ye, ke.current), ae(Ve, ye.current);
         break;
     }
   };
@@ -4274,253 +4285,253 @@ function zi(e) {
       canvas: q.current,
       stencil: !1
     });
-    g.autoClear = !1, g.shadowMap.enabled = !0, g.setPixelRatio(devicePixelRatio), g.setClearColor(0), e.three.renderer = g, we(g);
+    g.autoClear = !1, g.shadowMap.enabled = !0, g.setPixelRatio(devicePixelRatio), g.setClearColor(0), e.three.renderer = g, Me(g);
   }, []), Re(() => {
-    m.name = "Debug Scene", m.uuid = "", v.name = "helpers", m.add(v), v.add(S), A.name = "axisHelper", v.add(A), F.name = "interactionHelper", v.add(F), F.visible = !1, Z("Top", new J(0, 1e3, 0)), Z("Bottom", new J(0, -1e3, 0)), Z("Left", new J(-1e3, 0, 0)), Z("Right", new J(1e3, 0, 0)), Z("Front", new J(0, 0, 1e3)), Z("Back", new J(0, 0, -1e3)), Z("Orthographic", new J(1e3, 1e3, 1e3)), Z("UI", new J());
-    const g = new At(60, 1, 50, 5e3);
-    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), r.set("Debug", g), X = r.get(localStorage.getItem(`${n}_tlCam`)), oe = r.get(localStorage.getItem(`${n}_trCam`)), Ge = r.get(localStorage.getItem(`${n}_blCam`)), We = r.get(localStorage.getItem(`${n}_brCam`));
+    m.name = "Debug Scene", m.uuid = "", b.name = "helpers", m.add(b), b.add(E), D.name = "axisHelper", b.add(D), $.name = "interactionHelper", b.add($), $.visible = !1, X("Top", new J(0, 1e3, 0)), X("Bottom", new J(0, -1e3, 0)), X("Left", new J(-1e3, 0, 0)), X("Right", new J(1e3, 0, 0)), X("Front", new J(0, 0, 1e3)), X("Back", new J(0, 0, -1e3)), X("Orthographic", new J(1e3, 1e3, 1e3)), X("UI", new J());
+    const g = new Pt(60, 1, 50, 5e3);
+    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), r.set("Debug", g), K = r.get(localStorage.getItem(`${n}_tlCam`)), ce = r.get(localStorage.getItem(`${n}_trCam`)), Ye = r.get(localStorage.getItem(`${n}_blCam`)), Ve = r.get(localStorage.getItem(`${n}_brCam`));
   }, []), Re(() => {
     const g = () => {
-      f.forEach((C) => {
-        v.remove(C), C.dispose();
+      f.forEach((O) => {
+        b.remove(O), O.dispose();
       }), f.clear();
-    }, b = () => {
-      Te.traverse((C) => {
-        if (C.type.search("Light") > -1) {
-          let x;
-          switch (C.type) {
+    }, v = () => {
+      Te.traverse((O) => {
+        if (O.type.search("Light") > -1) {
+          let S;
+          switch (O.type) {
             case "DirectionalLight":
-              x = new Ma(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
+              S = new Ma(O, 100), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
               break;
             case "HemisphereLight":
-              x = new wa(C, 250), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
+              S = new wa(O, 250), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
               break;
             case "RectAreaLight":
-              x = new yi(C), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
+              S = new bi(O), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
               break;
             case "PointLight":
-              x = new Ca(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
+              S = new Ca(O, 100), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
               break;
             case "SpotLight":
-              x = new Sa(C), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
+              S = new Sa(O), S.name = `${O.name}Helper`, f.set(O.name, S), b.add(S);
               break;
           }
         }
       });
-    }, M = (C) => {
-      v.add(A), g(), Tt(Te), m.remove(Te);
-      const x = e.scenes.get(C.value.name);
-      if (x !== void 0) {
-        const G = new x();
-        e.onSceneSet !== void 0 && e.onSceneSet(G), Te = G, e.three.scene = Te, m.add(Te), Nt = !0, b();
+    }, M = (O) => {
+      b.add(D), g(), Ot(Te), m.remove(Te);
+      const S = e.scenes.get(O.value.name);
+      if (S !== void 0) {
+        const G = new S();
+        e.onSceneSet !== void 0 && e.onSceneSet(G), Te = G, e.three.scene = Te, m.add(Te), It = !0, v();
       }
-    }, N = (C) => {
-      const x = C.value, G = e.three.scene?.getObjectByProperty("uuid", x.uuid);
-      if (G !== void 0 && r.set(x.name, G), G instanceof At) {
-        const ne = new xa(G);
-        u.set(G.name, ne), m.add(ne);
+    }, j = (O) => {
+      const S = O.value, G = e.three.scene?.getObjectByProperty("uuid", S.uuid);
+      if (G !== void 0 && r.set(S.name, G), G instanceof Pt) {
+        const Z = new xa(G);
+        u.set(G.name, Z), m.add(Z);
       }
-      Fe(Date.now());
-    }, ve = (C) => {
-      const x = u.get(C.value.name);
-      x !== void 0 && (m.remove(x), x.dispose()), r.delete(C.value.name), Fe(Date.now());
-    }, le = (C) => {
-      const x = Te.getObjectByProperty("uuid", C.value.uuid);
-      x && x.add(A);
+      Le(Date.now());
+    }, oe = (O) => {
+      const S = u.get(O.value.name);
+      S !== void 0 && (m.remove(S), S.dispose()), r.delete(O.value.name), Le(Date.now());
+    }, ue = (O) => {
+      const S = Te.getObjectByProperty("uuid", O.value.uuid);
+      S && S.add(D);
     };
-    return D.addEventListener(P.SET_SCENE, M), D.addEventListener(P.ADD_CAMERA, N), D.addEventListener(P.REMOVE_CAMERA, ve), D.addEventListener(P.SET_OBJECT, le), () => {
-      D.removeEventListener(P.SET_SCENE, M), D.removeEventListener(P.ADD_CAMERA, N), D.removeEventListener(P.REMOVE_CAMERA, ve), D.removeEventListener(P.SET_OBJECT, le);
+    return P.addEventListener(A.SET_SCENE, M), P.addEventListener(A.ADD_CAMERA, j), P.addEventListener(A.REMOVE_CAMERA, oe), P.addEventListener(A.SET_OBJECT, ue), () => {
+      P.removeEventListener(A.SET_SCENE, M), P.removeEventListener(A.ADD_CAMERA, j), P.removeEventListener(A.REMOVE_CAMERA, oe), P.removeEventListener(A.SET_OBJECT, ue);
     };
   }, []), Re(() => {
-    if (O === null)
+    if (R === null)
       return;
-    let g = window.innerWidth, b = window.innerHeight, M = Math.floor(g / 2), N = Math.floor(b / 2), ve = -1;
-    const le = () => {
-      g = window.innerWidth - 300, b = window.innerHeight, M = Math.floor(g / 2), N = Math.floor(b / 2), e.three.resize(g, b), e.onSceneResize !== void 0 && Nt && e.onSceneResize(Te, g, b);
-      let _ = g, z = b;
-      switch (U) {
+    let g = window.innerWidth, v = window.innerHeight, M = Math.floor(g / 2), j = Math.floor(v / 2), oe = -1;
+    const ue = () => {
+      g = window.innerWidth - 300, v = window.innerHeight, M = Math.floor(g / 2), j = Math.floor(v / 2), e.three.resize(g, v), e.onSceneResize !== void 0 && It && e.onSceneResize(Te, g, v);
+      let _ = g, Y = v;
+      switch (F) {
         case "Side by Side":
-          _ = M, z = b;
+          _ = M, Y = v;
           break;
         case "Stacked":
-          _ = g, z = N;
+          _ = g, Y = j;
           break;
         case "Quad":
-          _ = M, z = N;
+          _ = M, Y = j;
           break;
       }
-      r.forEach((K) => {
-        K instanceof en ? (K.left = _ / -2, K.right = _ / 2, K.top = z / 2, K.bottom = z / -2, K.name === "UI" && (K.position.x = g / 2, K.position.y = b / -2, K.position.z = 100), K.updateProjectionMatrix()) : K instanceof At && (K.aspect = _ / z, K.updateProjectionMatrix(), u.get(K.name)?.update());
+      r.forEach((Q) => {
+        Q instanceof Qt ? (Q.left = _ / -2, Q.right = _ / 2, Q.top = Y / 2, Q.bottom = Y / -2, Q.name === "UI" && (Q.position.x = g / 2, Q.position.y = v / -2, Q.position.z = 100), Q.updateProjectionMatrix()) : Q instanceof Pt && (Q.aspect = _ / Y, Q.updateProjectionMatrix(), u.get(Q.name)?.update());
       });
-    }, C = () => {
-      O.setViewport(0, 0, g, b), O.setScissor(0, 0, g, b), O.render(m, X);
-    }, x = () => {
-      if (U === "Side by Side")
-        O.setViewport(0, 0, M, b), O.setScissor(0, 0, M, b), O.render(m, X), O.setViewport(M, 0, M, b), O.setScissor(M, 0, M, b), O.render(m, oe);
+    }, O = () => {
+      R.setViewport(0, 0, g, v), R.setScissor(0, 0, g, v), R.render(m, K);
+    }, S = () => {
+      if (F === "Side by Side")
+        R.setViewport(0, 0, M, v), R.setScissor(0, 0, M, v), R.render(m, K), R.setViewport(M, 0, M, v), R.setScissor(M, 0, M, v), R.render(m, ce);
       else {
-        const _ = b - N;
-        O.setViewport(0, _, g, N), O.setScissor(0, _, g, N), O.render(m, X), O.setViewport(0, 0, g, N), O.setScissor(0, 0, g, N), O.render(m, oe);
+        const _ = v - j;
+        R.setViewport(0, _, g, j), R.setScissor(0, _, g, j), R.render(m, K), R.setViewport(0, 0, g, j), R.setScissor(0, 0, g, j), R.render(m, ce);
       }
     }, G = () => {
-      let _ = 0, z = 0;
-      z = b - N, _ = 0, O.setViewport(_, z, M, N), O.setScissor(_, z, M, N), O.render(m, X), _ = M, O.setViewport(_, z, M, N), O.setScissor(_, z, M, N), O.render(m, oe), z = 0, _ = 0, O.setViewport(_, z, M, N), O.setScissor(_, z, M, N), O.render(m, Ge), _ = M, O.setViewport(_, z, M, N), O.setScissor(_, z, M, N), O.render(m, We);
-    }, ne = () => {
+      let _ = 0, Y = 0;
+      Y = v - j, _ = 0, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, K), _ = M, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, ce), Y = 0, _ = 0, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, Ye), _ = M, R.setViewport(_, Y, M, j), R.setScissor(_, Y, M, j), R.render(m, Ve);
+    }, Z = () => {
       switch (h.forEach((_) => {
         _.update();
       }), u.forEach((_) => {
         _.update();
       }), f.forEach((_) => {
         _.update !== void 0 && _.update();
-      }), e.onSceneUpdate !== void 0 && Nt && e.onSceneUpdate(Te), O.clear(), U) {
+      }), e.onSceneUpdate !== void 0 && It && e.onSceneUpdate(Te), R.clear(), F) {
         case "Single":
-          C();
+          O();
           break;
         case "Side by Side":
         case "Stacked":
-          x();
+          S();
           break;
         case "Quad":
           G();
           break;
       }
-      ve = requestAnimationFrame(ne);
+      oe = requestAnimationFrame(Z);
     };
-    return Ye(), window.addEventListener("resize", le), le(), ne(), () => {
-      window.removeEventListener("resize", le), cancelAnimationFrame(ve), ve = -1;
+    return Be(), window.addEventListener("resize", ue), ue(), Z(), () => {
+      window.removeEventListener("resize", ue), cancelAnimationFrame(oe), oe = -1;
     };
-  }, [U, O]), Re(() => {
-    if (O !== null) {
-      const g = new Ea(), b = new me(), M = (C, x, G, ne) => {
-        switch (U) {
+  }, [F, R]), Re(() => {
+    if (R !== null) {
+      const g = new Ea(), v = new pe(), M = (O, S, G, Z) => {
+        switch (F) {
           case "Quad":
-            C < G ? x < ne ? g.setFromCamera(b, X) : g.setFromCamera(b, Ge) : x < ne ? g.setFromCamera(b, oe) : g.setFromCamera(b, We);
+            O < G ? S < Z ? g.setFromCamera(v, K) : g.setFromCamera(v, Ye) : S < Z ? g.setFromCamera(v, ce) : g.setFromCamera(v, Ve);
             break;
           case "Side by Side":
-            C < G ? g.setFromCamera(b, X) : g.setFromCamera(b, oe);
+            O < G ? g.setFromCamera(v, K) : g.setFromCamera(v, ce);
             break;
           case "Single":
-            g.setFromCamera(b, X);
+            g.setFromCamera(v, K);
             break;
           case "Stacked":
-            x < ne ? g.setFromCamera(b, X) : g.setFromCamera(b, oe);
+            S < Z ? g.setFromCamera(v, K) : g.setFromCamera(v, ce);
             break;
         }
-      }, N = (C) => {
-        if (!St)
+      }, j = (O) => {
+        if (je === "Orbit")
           return;
-        const x = new me();
-        O.getSize(x);
-        const G = Math.min(C.clientX, x.x), ne = Math.min(C.clientY, x.y);
-        b.x = rt(G, 0, x.x, -1, 1), b.y = rt(ne, 0, x.y, 1, -1);
-        const _ = x.x / 2, z = x.y / 2, K = () => {
-          G < _ ? b.x = rt(G, 0, _, -1, 1) : b.x = rt(G, _, x.x, -1, 1);
-        }, Ne = () => {
-          ne < z ? b.y = rt(ne, 0, z, 1, -1) : b.y = rt(ne, z, x.y, 1, -1);
+        const S = new pe();
+        R.getSize(S);
+        const G = Math.min(O.clientX, S.x), Z = Math.min(O.clientY, S.y);
+        v.x = ot(G, 0, S.x, -1, 1), v.y = ot(Z, 0, S.y, 1, -1);
+        const _ = S.x / 2, Y = S.y / 2, Q = () => {
+          G < _ ? v.x = ot(G, 0, _, -1, 1) : v.x = ot(G, _, S.x, -1, 1);
+        }, $e = () => {
+          Z < Y ? v.y = ot(Z, 0, Y, 1, -1) : v.y = ot(Z, Y, S.y, 1, -1);
         };
-        switch (U) {
+        switch (F) {
           case "Quad":
-            K(), Ne();
+            Q(), $e();
             break;
           case "Side by Side":
-            K();
+            Q();
             break;
           case "Stacked":
-            Ne(), Ne();
+            $e(), $e();
             break;
         }
-        M(G, ne, _, z);
-        const Je = g.intersectObjects(Te.children);
-        Je.length > 0 && F.position.copy(Je[0].point);
-      }, ve = (C) => {
-        if (!St)
+        M(G, Z, _, Y);
+        const ze = g.intersectObjects(Te.children);
+        ze.length > 0 && $.position.copy(ze[0].point);
+      }, oe = (O) => {
+        if (je === "Orbit")
           return;
-        const x = new me();
-        if (O.getSize(x), C.clientX >= x.x)
+        const S = new pe();
+        if (R.getSize(S), O.clientX >= S.x)
           return;
-        N(C);
+        j(O);
         const G = g.intersectObjects(Te.children);
-        G.length > 0 && e.three.getObject(G[0].object.uuid);
-      }, le = ge.current;
-      return le.addEventListener("mousemove", N, !1), le.addEventListener("click", ve, !1), () => {
-        le.removeEventListener("mousemove", N), le.removeEventListener("click", ve);
+        G.length > 0 && (e.three.getObject(G[0].object.uuid), $.visible = !1, qe("Orbit"), Le(Date.now()));
+      }, ue = ve.current;
+      return ue.addEventListener("mousemove", j, !1), ue.addEventListener("click", oe, !1), () => {
+        ue.removeEventListener("mousemove", j), ue.removeEventListener("click", oe);
       };
     }
-  }, [U, O]);
-  const ue = [];
-  return r.forEach((g, b) => {
-    ue.push(b);
+  }, [F, R, je]);
+  const be = [];
+  return r.forEach((g, v) => {
+    be.push(v);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ l.jsx("canvas", { ref: q }),
-    O !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${U === "Single" || U === "Stacked" ? "single" : ""}`, ref: ge, children: [
-        U === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
-          h.get(X.name)?.dispose();
-          const b = r.get(g);
-          b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
+    R !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${F === "Single" || F === "Stacked" ? "single" : ""}`, ref: ve, children: [
+        F === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
+          h.get(K.name)?.dispose();
+          const v = r.get(g);
+          v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
         } }) }),
-        (U === "Side by Side" || U === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
-            h.get(X.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
+        (F === "Side by Side" || F === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
+            h.get(K.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (g) => {
-            h.get(oe.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(oe), oe = b, localStorage.setItem(`${n}_trCam`, b.name), re(b, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (g) => {
+            h.get(ce.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, _e.current));
           } })
         ] }),
-        U === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
-            h.get(X.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
+        F === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (g) => {
+            h.get(K.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(K), K = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, le.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (g) => {
-            h.get(oe.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(oe), oe = b, localStorage.setItem(`${n}_trCam`, b.name), re(b, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (g) => {
+            h.get(ce.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, _e.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: Ge, options: ue, ref: ke, onSelect: (g) => {
-            h.get(Ge.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(Ge), Ge = b, localStorage.setItem(`${n}_blCam`, b.name), re(b, ke.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: Ye, options: be, ref: ke, onSelect: (g) => {
+            h.get(Ye.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(Ye), Ye = v, localStorage.setItem(`${n}_blCam`, v.name), ae(v, ke.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: We, options: ue, ref: be, onSelect: (g) => {
-            h.get(We.name)?.dispose();
-            const b = r.get(g);
-            b !== void 0 && (Me(We), We = b, localStorage.setItem(`${n}_brCam`, b.name), re(b, be.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: Ve, options: be, ref: ye, onSelect: (g) => {
+            h.get(Ve.name)?.dispose();
+            const v = r.get(g);
+            v !== void 0 && (fe(Ve), Ve = v, localStorage.setItem(`${n}_brCam`, v.name), ae(v, ye.current));
           } })
         ] })
       ] }),
       /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
-            index: pe.indexOf(U),
-            options: pe,
+            index: ge.indexOf(F),
+            options: ge,
             onSelect: (g) => {
-              g !== U && (He(), ye(g));
+              g !== F && (Ue(), Ee(g));
             },
             open: De,
             onToggle: (g) => {
-              je(g), Pe && Ae(!1), Ie && Be(!1);
+              Ie(g), Pe && Ae(!1), Ne && Ke(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
-            index: te.indexOf(xt),
-            options: te,
+            index: ne.indexOf(xt),
+            options: ne,
             onSelect: (g) => {
               if (g !== xt)
                 switch (xt = g, xt) {
                   case "Depth":
-                    m.overrideMaterial = V;
+                    m.overrideMaterial = z;
                     break;
                   case "Normals":
-                    m.overrideMaterial = R;
+                    m.overrideMaterial = B;
                     break;
                   default:
                   case "Renderer":
@@ -4530,38 +4541,38 @@ function zi(e) {
                     m.overrideMaterial = T;
                     break;
                   case "UVs":
-                    m.overrideMaterial = I;
+                    m.overrideMaterial = C;
                     break;
                 }
             },
             open: Pe,
             onToggle: (g) => {
-              De && je(!1), Ae(g), Ie && Be(!1);
+              De && Ie(!1), Ae(g), Ne && Ke(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
-            index: 0,
+            index: je === "Orbit" ? 0 : 1,
             options: [
               "Orbit Mode",
               "Selection Mode"
             ],
             onSelect: (g) => {
-              St = g === "Selection Mode", F.visible = St;
+              $.visible = g === "Selection Mode", qe($.visible ? "Selection" : "Orbit");
             },
-            open: Ie,
+            open: Ne,
             onToggle: (g) => {
-              De && je(!1), Pe && Ae(!1), Be(g);
+              De && Ie(!1), Pe && Ae(!1), Ke(g);
             }
           }
         )
-      ] })
+      ] }, ct)
     ] })
   ] });
 }
-function Gi(e) {
+function zi(e) {
   return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: e.ref, style: e.style, children: [
     /* @__PURE__ */ l.jsx("div", { className: "header", children: e.header }),
     e.children,
@@ -4569,44 +4580,44 @@ function Gi(e) {
   ] });
 }
 export {
-  Wt as Accordion,
-  ji as Application,
-  Rt as BaseRemote,
+  Gt as Accordion,
+  Ai as Application,
+  Tt as BaseRemote,
   Un as ChildObject,
   Ya as ContainerObject,
   Ga as Draggable,
   za as DraggableItem,
   Wa as Dropdown,
   Ha as DropdownItem,
-  Gi as Editor,
-  bi as Inspector,
-  zi as MultiView,
+  zi as Editor,
+  vi as Inspector,
+  $i as MultiView,
   Fn as NavButton,
-  Ii as RemoteComponents,
-  Fi as RemoteController,
-  Gt as RemoteTheatre,
-  Li as RemoteThree,
-  Bi as RemoteTweakpane,
-  $i as SceneInspector,
-  Ui as SidePanel,
-  P as ToolEvents,
-  Ot as capitalize,
-  Ke as clamp,
+  ji as RemoteComponents,
+  Bi as RemoteController,
+  zt as RemoteTheatre,
+  Ni as RemoteThree,
+  Li as RemoteTweakpane,
+  Ui as SceneInspector,
+  Fi as SidePanel,
+  A as ToolEvents,
+  Mt as capitalize,
+  Je as clamp,
   Da as colorToHex,
-  D as debugDispatcher,
-  Di as defaultTheatreCallback,
-  Tt as dispose,
+  P as debugDispatcher,
+  ki as defaultTheatreCallback,
+  Ot as dispose,
   Pa as disposeMaterial,
-  Ai as disposeTexture,
-  Pi as distance,
-  Bt as hierarchyUUID,
+  Pi as disposeTexture,
+  Di as distance,
+  Lt as hierarchyUUID,
   ka as isColor,
-  nn as mix,
-  zt as noop,
-  tn as normalize,
+  tn as mix,
+  $t as noop,
+  en as normalize,
   _a as randomID,
-  rn as resetThreeObjects,
-  an as round,
-  Ni as theatreEditorApp,
-  Lt as totalThreeObjects
+  an as resetThreeObjects,
+  nn as round,
+  Ii as theatreEditorApp,
+  Nt as totalThreeObjects
 };