@tomorrowevening/hermes 0.0.73 → 0.0.75

package/dist/hermes.es.js

@@ -1,8 +1,8 @@
-import { EventDispatcher as mn, Texture as pn, CubeTexture as Wn, RepeatWrapping as Vt, WebGLRenderTarget as Hn, Color as Ut, FrontSide as Yn, BackSide as gn, DoubleSide as vn, NoBlending as Vn, NormalBlending as qn, AdditiveBlending as Kn, SubtractiveBlending as Xn, MultiplyBlending as Zn, CustomBlending as Jn, AddEquation as Qn, SubtractEquation as ea, ReverseSubtractEquation as ta, MinEquation as na, MaxEquation as aa, ZeroFactor as bn, OneFactor as yn, SrcColorFactor as En, OneMinusSrcColorFactor as xn, SrcAlphaFactor as Sn, OneMinusSrcAlphaFactor as Cn, DstAlphaFactor as wn, OneMinusDstAlphaFactor as Mn, DstColorFactor as On, OneMinusDstColorFactor as Tn, SrcAlphaSaturateFactor as ia, ConstantColorFactor as Rn, OneMinusConstantColorFactor as _n, ConstantAlphaFactor as kn, OneMinusConstantAlphaFactor as Dn, Matrix4 as ra, Vector3 as J, Euler as sa, Line as oa, BufferGeometry as qt, Float32BufferAttribute as Kt, LineBasicMaterial as ca, Mesh as Pn, MeshBasicMaterial as An, Ray as la, Plane as ua, MathUtils as da, MOUSE as it, TOUCH as rt, Quaternion as Xt, Spherical as Zt, Vector2 as pe, ShaderMaterial as jn, GLSL3 as ha, PlaneGeometry as fa, Scene as ma, Group as pa, AxesHelper as Jt, MeshDepthMaterial as ga, MeshNormalMaterial as va, WebGLRenderer as ba, PerspectiveCamera as Pt, Raycaster as ya, OrthographicCamera as Qt, CameraHelper as Ea, SpotLightHelper as xa, PointLightHelper as Sa, HemisphereLightHelper as Ca, DirectionalLightHelper as wa } from "three";
-import { Pane as Ma } from "tweakpane";
-import * as Oa from "@tweakpane/plugin-essentials";
-import In, { useState as G, useRef as Y, useEffect as Re, useMemo as se, forwardRef as Ta } from "react";
-import { Reorder as Nn } from "framer-motion";
+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 Q, 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 ge, 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 G, useRef as V, useEffect as Re, useMemo as oe, forwardRef as Ra } from "react";
+import { Reorder as Ln } from "framer-motion";
 const $t = () => {
 }, ki = () => {
 };
@@ -22,18 +22,18 @@ function Di(e, n) {
   const a = e - n;
   return Math.sqrt(a * a);
 }
-function Ra() {
+function _a() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function _a(e) {
+function ka(e) {
   return e.r !== void 0 && e.g !== void 0 && e.b !== void 0;
 }
-function ka(e) {
+function Da(e) {
   const n = Math.round(e.r * 255), a = Math.round(e.g * 255), t = Math.round(e.b * 255), i = (h) => {
-    const u = h.toString(16);
-    return u.length === 1 ? "0" + u : u;
-  }, o = i(n), d = i(a), r = i(t);
-  return "#" + o + d + r;
+    const d = h.toString(16);
+    return d.length === 1 ? "0" + d : d;
+  }, c = i(n), u = i(a), r = i(t);
+  return "#" + c + u + r;
 }
 function nn(e, n = 1) {
   return Number(e.toFixed(n));
@@ -59,7 +59,7 @@ const an = () => {
   e.children.forEach((a) => Lt(a));
 }, Pi = (e) => {
   e?.dispose();
-}, Da = (e) => {
+}, Pa = (e) => {
   e && (Array.isArray(e) ? e.forEach((n) => n.dispose()) : e.dispose());
 }, Ot = (e) => {
   if (e) {
@@ -69,7 +69,7 @@ const an = () => {
     }
     if (e.parent && e.parent.remove(e), e.isMesh) {
       const n = e;
-      n.geometry?.dispose(), Da(n.material);
+      n.geometry?.dispose(), Pa(n.material);
     }
     e.dispose !== void 0 && e.dispose();
   }
@@ -132,7 +132,7 @@ class Ai {
     n && (this._mode = "editor");
   }
 }
-const D = new mn(), P = {
+const P = new pn(), A = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -186,10 +186,10 @@ class ji extends Tt {
   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;
     }
   }
@@ -244,26 +244,26 @@ class zt extends Tt {
       t.search(`${n}_`) > -1 && this.unsubscribe(a);
     });
   }
-  sheetObject(n, a, t, i, o) {
+  sheetObject(n, a, t, i, c) {
     if (this.project === void 0) {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const d = this.sheet(n, o);
-    if (d === void 0)
+    const u = this.sheet(n, c);
+    if (u === void 0)
       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 : $t);
-    const f = u.onValuesChange((m) => {
+    const h = `${this.getSheetInstance(n, c)}_${a}`;
+    let d = this.sheetObjects.get(h);
+    d !== void 0 ? d = u.object(a, { ...t, ...d.value }, { reconfigure: !0 }) : d = u.object(a, t), this.sheetObjects.set(h, d), this.sheetObjectCBs.set(h, i !== void 0 ? i : $t);
+    const f = d.onValuesChange((m) => {
       if (this.app.editor) {
-        for (const S in m) {
-          const A = m[S];
-          typeof A == "object" && _a(A) && (m[S] = {
-            r: A.r,
-            g: A.g,
-            b: A.b,
-            a: A.a
+        for (const x in m) {
+          const _ = m[x];
+          typeof _ == "object" && ka(_) && (m[x] = {
+            r: _.r,
+            g: _.g,
+            b: _.b,
+            a: _.a
           });
         }
         this.app.send({
@@ -276,10 +276,10 @@ class zt extends Tt {
           }
         });
       }
-      const g = this.sheetObjectCBs.get(h);
-      g !== void 0 && g(m);
+      const v = this.sheetObjectCBs.get(h);
+      v !== void 0 && v(m);
     });
-    return this.sheetObjectUnsubscribe.set(h, f), u;
+    return this.sheetObjectUnsubscribe.set(h, f), d;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
@@ -288,24 +288,24 @@ class zt extends Tt {
     }
     const a = n.address.sheetId, t = n.address.objectKey;
     this.sheets.get(a)?.detachObject(t);
-    const o = `${a}_${t}`, d = this.sheetObjectUnsubscribe.get(o);
-    d !== void 0 && (this.sheetObjects.delete(o), this.sheetObjectCBs.delete(o), this.sheetObjectUnsubscribe.delete(o), d());
+    const c = `${a}_${t}`, u = this.sheetObjectUnsubscribe.get(c);
+    u !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), u());
   }
   handleApp(n, a, t) {
     const i = a;
-    let o;
+    let c;
     switch (t.event) {
       case "setSheet":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && (i.activeSheet = o, this.studio?.setSelection([o]));
+        c = i.sheets.get(t.data.sheet), c !== void 0 && (i.activeSheet = c, this.studio?.setSelection([c]));
         break;
       case "setSheetObject":
-        o = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), o !== void 0 && this.studio?.setSelection([o]);
+        c = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), c !== void 0 && this.studio?.setSelection([c]);
         break;
       case "updateSheetObject":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && o.sequence.pause(), o = i.sheetObjectCBs.get(t.data.sheetObject), o !== void 0 && o(t.data.values);
+        c = i.sheets.get(t.data.sheet), c !== void 0 && c.sequence.pause(), c = i.sheetObjectCBs.get(t.data.sheetObject), c !== void 0 && c(t.data.values);
         break;
       case "updateTimeline":
-        o = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
+        c = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
         break;
     }
   }
@@ -324,92 +324,92 @@ class zt extends Tt {
   }
   handleEditorApp(n, a) {
     if (n.editor) {
-      this.studio?.ui.restore(), this.studio?.onSelectionChange((d) => {
-        d.length < 1 || d.forEach((r) => {
-          let h = r.address.sheetId, u = "setSheet", f = {};
+      this.studio?.ui.restore(), this.studio?.onSelectionChange((u) => {
+        u.length < 1 || u.forEach((r) => {
+          let h = r.address.sheetId, d = "setSheet", f = {};
           switch (r.type) {
             case "Theatre_Sheet_PublicAPI":
-              u = "setSheet", f = {
+              d = "setSheet", f = {
                 sheet: r.address.sheetId
               }, a.activeSheet = a.sheets.get(r.address.sheetId);
               break;
             case "Theatre_SheetObject_PublicAPI":
-              u = "setSheetObject", h += `_${r.address.objectKey}`, f = {
+              d = "setSheetObject", h += `_${r.address.objectKey}`, f = {
                 id: h,
                 sheet: r.address.sheetId,
                 key: r.address.objectKey
               }, a.activeSheet = a.sheets.get(r.address.sheetId);
               break;
           }
-          n.send({ event: u, target: "app", data: f });
+          n.send({ event: d, target: "app", data: f });
         });
       });
       let t = -1;
       const i = () => {
         if (zt.rafDriver?.tick(performance.now()), a.activeSheet !== void 0 && t !== a.activeSheet.sequence.position) {
           t = a.activeSheet.sequence.position;
-          const d = a.activeSheet;
+          const u = a.activeSheet;
           n.send({
             event: "updateTimeline",
             target: "app",
             data: {
               position: t,
-              sheet: d.address.sheetId
+              sheet: u.address.sheetId
             }
           });
         }
-      }, o = () => {
-        i(), requestAnimationFrame(o);
+      }, c = () => {
+        i(), requestAnimationFrame(c);
       };
-      i(), o();
+      i(), c();
     } else
       this.studio?.ui.hide();
   }
 }
 function Ii(e, n, a) {
   if (e.editor) {
-    a.ui.restore(), a.onSelectionChange((d) => {
-      d.length < 1 || d.forEach((r) => {
-        let h = r.address.sheetId, u = "setSheet", f = {};
+    a.ui.restore(), a.onSelectionChange((u) => {
+      u.length < 1 || u.forEach((r) => {
+        let h = r.address.sheetId, d = "setSheet", f = {};
         switch (r.type) {
           case "Theatre_Sheet_PublicAPI":
-            u = "setSheet", f = {
+            d = "setSheet", f = {
               sheet: r.address.sheetId
             }, n.activeSheet = n.sheets.get(r.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            u = "setSheetObject", h += `_${r.address.objectKey}`, f = {
+            d = "setSheetObject", h += `_${r.address.objectKey}`, f = {
               id: h,
               sheet: r.address.sheetId,
               key: r.address.objectKey
             }, n.activeSheet = n.sheets.get(r.address.sheetId);
             break;
         }
-        e.send({ event: u, target: "app", data: f });
+        e.send({ event: d, target: "app", data: f });
       });
     });
     let t = -1;
     const i = () => {
       if (zt.rafDriver?.tick(performance.now()), n.activeSheet !== void 0 && t !== n.activeSheet.sequence.position) {
         t = n.activeSheet.sequence.position;
-        const d = n.activeSheet;
+        const u = n.activeSheet;
         e.send({
           event: "updateTimeline",
           target: "app",
           data: {
             position: t,
-            sheet: d.address.sheetId
+            sheet: u.address.sheetId
           }
         });
       }
-    }, o = () => {
-      i(), requestAnimationFrame(o);
+    }, c = () => {
+      i(), requestAnimationFrame(c);
     };
-    i(), o();
+    i(), c();
   } else
     a.ui.hide();
 }
-function Pa(e) {
+function Aa(e) {
   if (e.name === "cameras")
     return "camera";
   if (e.name === "interactive")
@@ -434,7 +434,7 @@ function St(e) {
     n.children.push(St(a));
   }), n;
 }
-function Aa(e) {
+function ja(e) {
   const n = {};
   for (const a in e) {
     const t = e[a].value;
@@ -450,7 +450,7 @@ function Aa(e) {
   }
   return n;
 }
-function ja(e) {
+function Ia(e) {
   switch (e) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -465,7 +465,7 @@ function ja(e) {
 function st(e) {
   const n = {};
   for (const a in e) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ja(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Ia(a))
       continue;
     const t = typeof e[a], i = e[a];
     switch (t) {
@@ -477,21 +477,21 @@ function st(e) {
       case "object":
         if (i !== null)
           if (n[a] = i, i.isTexture)
-            if (i instanceof pn) {
-              const d = i.source.toJSON().url;
+            if (i instanceof gn) {
+              const u = i.source.toJSON().url;
               n[a] = {
-                src: d,
+                src: u,
                 offset: [i.offset.x, i.offset.y],
                 repeat: [i.repeat.x, i.repeat.y]
               };
             } else
-              i instanceof Wn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = {
+              i instanceof Hn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = {
                 src: "",
                 offset: [i.offset.x, i.offset.y],
                 repeat: [i.repeat.x, i.repeat.y]
               });
           else
-            a === "uniforms" && (n[a] = Aa(n[a]));
+            a === "uniforms" && (n[a] = ja(n[a]));
         else
           n[a] = {
             src: "",
@@ -530,8 +530,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -539,8 +539,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -548,8 +548,8 @@ function At(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(st(o));
+      t.material.forEach((c) => {
+        i.push(st(c));
       }), n.material = i;
     } else
       n.material = st(t.material);
@@ -584,7 +584,7 @@ function At(e) {
     });
   return n;
 }
-function Ia(e, n) {
+function Na(e, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -601,11 +601,11 @@ function Ia(e, n) {
       return e[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]];
   }
 }
-function Na(e, n) {
+function La(e, n) {
   for (const a in n)
     e[a] = n[a];
 }
-function te(e, n, a) {
+function ne(e, n, a) {
   if (e === void 0) {
     console.log(`Hermes - Can't set props: ${n}`, a);
     return;
@@ -630,32 +630,32 @@ function te(e, n, a) {
         break;
     }
   else {
-    let d;
+    let u;
     switch (i) {
       case 1:
-        d = e[t[0]];
+        u = e[t[0]];
         break;
       case 2:
-        d = e[t[0]][t[1]];
+        u = e[t[0]][t[1]];
         break;
       case 3:
-        d = e[t[0]][t[1]][t[2]];
+        u = e[t[0]][t[1]][t[2]];
         break;
       case 4:
-        d = e[t[0]][t[1]][t[2]][t[3]];
+        u = e[t[0]][t[1]][t[2]][t[3]];
         break;
       case 5:
-        d = e[t[0]][t[1]][t[2]][t[3]][t[4]];
+        u = e[t[0]][t[1]][t[2]][t[3]][t[4]];
         break;
     }
-    d != null && Na(d, a);
+    u != null && La(u, a);
   }
 }
-function Ln(e) {
+function Bn(e) {
   return new Promise((n, a) => {
     const t = new Image();
     t.onload = () => {
-      const i = new pn(t);
+      const i = new gn(t);
       i.wrapS = Vt, i.wrapT = Vt, i.needsUpdate = !0, n(i);
     }, t.onerror = a, t.src = e;
   });
@@ -785,38 +785,38 @@ class Ni extends Tt {
   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;
     }
   }
@@ -824,7 +824,7 @@ class Ni extends Tt {
   rendererWidth = 300;
   rendererHeight = 150;
   addRT(n, a) {
-    const t = new Hn(32, 32, a);
+    const t = new Yn(32, 32, a);
     t.texture.name = n, this.renderTargets.set(n, t);
   }
   resize(n, a) {
@@ -860,7 +860,7 @@ class Li extends Tt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new Ma({ title: "GUI" }), this.pane.registerPlugin(Oa);
+    this.pane = new Oa({ title: "GUI" }), this.pane.registerPlugin(Ta);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
@@ -886,13 +886,13 @@ class Li extends Tt {
   }
   // Binding
   bind(n, a, t, i = void 0) {
-    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) => {
+    const c = this.bindID, u = t.onChange !== void 0 ? t.onChange : $t;
+    this.bindCBs.set(c, u), 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",
         target: "app",
         data: {
-          id: o,
+          id: c,
           value: h.value
         }
       });
@@ -900,7 +900,7 @@ class Li extends Tt {
       event: "bindObject",
       target: "app",
       data: {
-        id: o,
+        id: c,
         name: a,
         params: t,
         parent: i
@@ -978,22 +978,22 @@ var Bt = { exports: {} }, dt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var rn;
-function La() {
+function Ba() {
   if (rn)
     return dt;
   rn = 1;
-  var e = In, 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 = {}, g = null, S = null;
-    u !== void 0 && (g = "" + u), h.key !== void 0 && (g = "" + h.key), h.ref !== void 0 && (S = h.ref);
+  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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(r, h, d) {
+    var f, m = {}, v = null, x = null;
+    d !== void 0 && (v = "" + d), h.key !== void 0 && (v = "" + h.key), h.ref !== void 0 && (x = h.ref);
     for (f in h)
-      t.call(h, f) && !o.hasOwnProperty(f) && (m[f] = h[f]);
+      t.call(h, f) && !c.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: g, ref: S, props: m, _owner: i.current };
+    return { $$typeof: n, type: r, key: v, ref: x, props: m, _owner: i.current };
   }
-  return dt.Fragment = a, dt.jsx = d, dt.jsxs = d, dt;
+  return dt.Fragment = a, dt.jsx = u, dt.jsxs = u, dt;
 }
 var ht = {};
 /**
@@ -1006,56 +1006,56 @@ var ht = {};
  * LICENSE file in the root directory of this source tree.
  */
 var sn;
-function Ba() {
+function Fa() {
   return sn || (sn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = In, 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"), g = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, N = "@@iterator";
-    function V(s) {
+    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), _ = Symbol.iterator, q = "@@iterator";
+    function U(s) {
       if (s === null || typeof s != "object")
         return null;
-      var p = A && s[A] || s[N];
+      var p = _ && s[_] || s[q];
       return typeof p == "function" ? p : null;
     }
-    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function L(s) {
+    var $ = 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), C = 1; C < p; C++)
-          y[C - 1] = arguments[C];
-        T("error", s, y);
+        for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), w = 1; w < p; w++)
+          y[w - 1] = arguments[w];
+        K("error", s, y);
       }
     }
-    function T(s, p, y) {
+    function K(s, p, y) {
       {
-        var C = R.ReactDebugCurrentFrame, $ = C.getStackAddendum();
-        $ !== "" && (p += "%s", y = y.concat([$]));
-        var W = y.map(function(B) {
-          return String(B);
+        var w = $.ReactDebugCurrentFrame, F = w.getStackAddendum();
+        F !== "" && (p += "%s", y = y.concat([F]));
+        var W = y.map(function(N) {
+          return String(N);
         });
         W.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, W);
       }
     }
-    var X = !1, ne = !1, ge = !1, q = !1, ve = !1, le;
-    le = Symbol.for("react.module.reference");
+    var M = !1, Z = !1, ue = !1, H = !1, ve = !1, re;
+    re = Symbol.for("react.module.reference");
     function _e(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ve || s === i || s === u || s === f || q || s === S || X || ne || ge || typeof s == "object" && s !== null && (s.$$typeof === g || 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 === c || ve || s === i || s === d || s === f || H || s === x || M || Z || ue || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === m || s.$$typeof === u || 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 === le || s.getModuleId !== void 0));
+      s.$$typeof === re || s.getModuleId !== void 0));
     }
     function ke(s, p, y) {
-      var C = s.displayName;
-      if (C)
-        return C;
-      var $ = p.displayName || p.name || "";
-      return $ !== "" ? y + "(" + $ + ")" : y;
+      var w = s.displayName;
+      if (w)
+        return w;
+      var F = p.displayName || p.name || "";
+      return F !== "" ? y + "(" + F + ")" : y;
     }
     function ye(s) {
       return s.displayName || "Context";
     }
-    function U(s) {
+    function B(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && L("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;
@@ -1064,11 +1064,11 @@ function Ba() {
           return "Fragment";
         case a:
           return "Portal";
-        case o:
+        case c:
           return "Profiler";
         case i:
           return "StrictMode";
-        case u:
+        case d:
           return "Suspense";
         case f:
           return "SuspenseList";
@@ -1078,18 +1078,18 @@ function Ba() {
           case r:
             var p = s;
             return ye(p) + ".Consumer";
-          case d:
+          case u:
             var y = s;
             return ye(y._context) + ".Provider";
           case h:
             return ke(s, s.render, "ForwardRef");
           case m:
-            var C = s.displayName || null;
-            return C !== null ? C : U(s.type) || "Memo";
-          case g: {
-            var $ = s, W = $._payload, B = $._init;
+            var w = s.displayName || null;
+            return w !== null ? w : B(s.type) || "Memo";
+          case v: {
+            var F = s, W = F._payload, N = F._init;
             try {
-              return U(B(W));
+              return B(N(W));
             } catch {
               return null;
             }
@@ -1097,13 +1097,13 @@ function Ba() {
         }
       return null;
     }
-    var Ee = Object.assign, O = 0, Me, De, Ie, Pe, Ae, je, qe;
+    var Ee = Object.assign, R = 0, Me, De, Ie, Pe, Ae, je, qe;
     function Ne() {
     }
     Ne.__reactDisabledLog = !0;
     function Ke() {
       {
-        if (O === 0) {
+        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,
@@ -1121,12 +1121,12 @@ function Ba() {
             groupEnd: s
           });
         }
-        O++;
+        R++;
       }
     }
     function ct() {
       {
-        if (O--, O === 0) {
+        if (R--, R === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -1156,18 +1156,18 @@ function Ba() {
             })
           });
         }
-        O < 0 && L("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 Le = R.ReactCurrentDispatcher, ae;
-    function fe(s, p, y) {
+    var Le = $.ReactCurrentDispatcher, ae;
+    function me(s, p, y) {
       {
         if (ae === void 0)
           try {
             throw Error();
-          } catch ($) {
-            var C = $.stack.trim().match(/\n( *(at )?)/);
-            ae = C && C[1] || "";
+          } catch (F) {
+            var w = F.stack.trim().match(/\n( *(at )?)/);
+            ae = w && w[1] || "";
           }
         return `
 ` + ae + s;
@@ -1178,7 +1178,7 @@ function Ba() {
       var be = typeof WeakMap == "function" ? WeakMap : Map;
       Be = new be();
     }
-    function v(s, p) {
+    function g(s, p) {
       if (!s || Ue)
         return "";
       {
@@ -1186,73 +1186,73 @@ function Ba() {
         if (y !== void 0)
           return y;
       }
-      var C;
+      var w;
       Ue = !0;
-      var $ = Error.prepareStackTrace;
+      var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
       W = Le.current, Le.current = null, Ke();
       try {
         if (p) {
-          var B = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(B.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(B, []);
+              Reflect.construct(N, []);
             } catch (Fe) {
-              C = Fe;
+              w = Fe;
             }
-            Reflect.construct(s, [], B);
+            Reflect.construct(s, [], N);
           } else {
             try {
-              B.call();
+              N.call();
             } catch (Fe) {
-              C = Fe;
+              w = Fe;
             }
-            s.call(B.prototype);
+            s.call(N.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (Fe) {
-            C = Fe;
+            w = Fe;
           }
           s();
         }
       } catch (Fe) {
-        if (Fe && C && typeof Fe.stack == "string") {
+        if (Fe && w && typeof Fe.stack == "string") {
           for (var I = Fe.stack.split(`
-`), he = C.stack.split(`
-`), ee = I.length - 1, ie = he.length - 1; ee >= 1 && ie >= 0 && I[ee] !== he[ie]; )
+`), fe = w.stack.split(`
+`), te = I.length - 1, ie = fe.length - 1; te >= 1 && ie >= 0 && I[te] !== fe[ie]; )
             ie--;
-          for (; ee >= 1 && ie >= 0; ee--, ie--)
-            if (I[ee] !== he[ie]) {
-              if (ee !== 1 || ie !== 1)
+          for (; te >= 1 && ie >= 0; te--, ie--)
+            if (I[te] !== fe[ie]) {
+              if (te !== 1 || ie !== 1)
                 do
-                  if (ee--, ie--, ie < 0 || I[ee] !== he[ie]) {
+                  if (te--, ie--, ie < 0 || I[te] !== fe[ie]) {
                     var we = `
-` + I[ee].replace(" at new ", " at ");
+` + I[te].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 (ee >= 1 && ie >= 0);
+                while (te >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        Ue = !1, Le.current = W, ct(), Error.prepareStackTrace = $;
+        Ue = !1, Le.current = W, ct(), Error.prepareStackTrace = F;
       }
-      var at = s ? s.displayName || s.name : "", Yt = at ? fe(at) : "";
+      var at = s ? s.displayName || s.name : "", Yt = at ? me(at) : "";
       return typeof s == "function" && Be.set(s, Yt), Yt;
     }
     function b(s, p, y) {
-      return v(s, !1);
+      return g(s, !1);
     }
-    function w(s) {
+    function O(s) {
       var p = s.prototype;
       return !!(p && p.isReactComponent);
     }
@@ -1260,14 +1260,14 @@ function Ba() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return v(s, w(s));
+        return g(s, O(s));
       if (typeof s == "string")
-        return fe(s);
+        return me(s);
       switch (s) {
-        case u:
-          return fe("Suspense");
+        case d:
+          return me("Suspense");
         case f:
-          return fe("SuspenseList");
+          return me("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
@@ -1275,54 +1275,54 @@ function Ba() {
             return b(s.render);
           case m:
             return j(s.type, p, y);
-          case g: {
-            var C = s, $ = C._payload, W = C._init;
+          case v: {
+            var w = s, F = w._payload, W = w._init;
             try {
-              return j(W($), p, y);
+              return j(W(F), p, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var oe = Object.prototype.hasOwnProperty, ue = {}, M = R.ReactDebugCurrentFrame;
-    function x(s) {
+    var ce = Object.prototype.hasOwnProperty, de = {}, T = $.ReactDebugCurrentFrame;
+    function S(s) {
       if (s) {
         var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
-        M.setExtraStackFrame(y);
+        T.setExtraStackFrame(y);
       } else
-        M.setExtraStackFrame(null);
+        T.setExtraStackFrame(null);
     }
-    function z(s, p, y, C, $) {
+    function z(s, p, y, w, F) {
       {
-        var W = Function.call.bind(oe);
-        for (var B in s)
-          if (W(s, B)) {
+        var W = Function.call.bind(ce);
+        for (var N in s)
+          if (W(s, N)) {
             var I = void 0;
             try {
-              if (typeof s[B] != "function") {
-                var he = Error((C || "React class") + ": " + y + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw he.name = "Invariant Violation", he;
+              if (typeof s[N] != "function") {
+                var fe = 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 fe.name = "Invariant Violation", fe;
               }
-              I = s[B](p, B, C, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ee) {
-              I = ee;
+              I = s[N](p, N, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (te) {
+              I = te;
             }
-            I && !(I instanceof Error) && (x($), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", y, B, typeof I), x(null)), I instanceof Error && !(I.message in ue) && (ue[I.message] = !0, x($), L("Failed %s type: %s", y, I.message), x(null));
+            I && !(I instanceof Error) && (S(F), 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 de) && (de[I.message] = !0, S(F), C("Failed %s type: %s", y, I.message), S(null));
           }
       }
     }
-    var Z = Array.isArray;
-    function _(s) {
-      return Z(s);
+    var J = Array.isArray;
+    function k(s) {
+      return J(s);
     }
-    function H(s) {
+    function Y(s) {
       {
         var p = typeof Symbol == "function" && Symbol.toStringTag, y = p && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return y;
       }
     }
-    function Q(s) {
+    function ee(s) {
       try {
         return $e(s), !1;
       } catch {
@@ -1333,10 +1333,10 @@ function Ba() {
       return "" + s;
     }
     function ze(s) {
-      if (Q(s))
-        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", H(s)), $e(s);
+      if (ee(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 Ge = R.ReactCurrentOwner, lt = {
+    var Ge = $.ReactCurrentOwner, lt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -1344,7 +1344,7 @@ function Ba() {
     }, ut, pt, tt;
     tt = {};
     function _t(s) {
-      if (oe.call(s, "ref")) {
+      if (ce.call(s, "ref")) {
         var p = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (p && p.isReactWarning)
           return !1;
@@ -1352,7 +1352,7 @@ function Ba() {
       return s.ref !== void 0;
     }
     function kt(s) {
-      if (oe.call(s, "key")) {
+      if (ce.call(s, "key")) {
         var p = Object.getOwnPropertyDescriptor(s, "key").get;
         if (p && p.isReactWarning)
           return !1;
@@ -1361,14 +1361,14 @@ function Ba() {
     }
     function Dt(s, p) {
       if (typeof s.ref == "string" && Ge.current && p && Ge.current.stateNode !== p) {
-        var y = U(Ge.current.type);
-        tt[y] || (L('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(Ge.current.type), s.ref), tt[y] = !0);
+        var y = B(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', B(Ge.current.type), s.ref), tt[y] = !0);
       }
     }
     function gt(s, p) {
       {
         var y = function() {
-          ut || (ut = !0, L("%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,
@@ -1379,7 +1379,7 @@ function Ba() {
     function We(s, p) {
       {
         var y = function() {
-          pt || (pt = !0, L("%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,7 +1387,7 @@ function Ba() {
         });
       }
     }
-    var Wt = function(s, p, y, C, $, W, B) {
+    var Wt = function(s, p, y, w, F, W, N) {
       var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -1395,7 +1395,7 @@ function Ba() {
         type: s,
         key: p,
         ref: y,
-        props: B,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: W
       };
@@ -1408,49 +1408,49 @@ function Ba() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
+        value: w
       }), Object.defineProperty(I, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
+        value: F
       }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function c(s, p, y, C, $) {
+    function o(s, p, y, w, F) {
       {
-        var W, B = {}, 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, $));
+        var W, N = {}, I = null, fe = null;
+        y !== void 0 && (ze(y), I = "" + y), kt(p) && (ze(p.key), I = "" + p.key), _t(p) && (fe = p.ref, Dt(p, F));
         for (W in p)
-          oe.call(p, W) && !lt.hasOwnProperty(W) && (B[W] = p[W]);
+          ce.call(p, W) && !lt.hasOwnProperty(W) && (N[W] = p[W]);
         if (s && s.defaultProps) {
-          var ee = s.defaultProps;
-          for (W in ee)
-            B[W] === void 0 && (B[W] = ee[W]);
+          var te = s.defaultProps;
+          for (W in te)
+            N[W] === void 0 && (N[W] = te[W]);
         }
-        if (I || he) {
+        if (I || fe) {
           var ie = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          I && gt(B, ie), he && We(B, ie);
+          I && gt(N, ie), fe && We(N, ie);
         }
-        return Wt(s, I, he, $, C, Ge.current, B);
+        return Wt(s, I, fe, F, w, Ge.current, N);
       }
     }
-    var E = R.ReactCurrentOwner, k = R.ReactDebugCurrentFrame;
-    function F(s) {
+    var E = $.ReactCurrentOwner, D = $.ReactDebugCurrentFrame;
+    function L(s) {
       if (s) {
         var p = s._owner, y = j(s.type, s._source, p ? p.type : null);
-        k.setExtraStackFrame(y);
+        D.setExtraStackFrame(y);
       } else
-        k.setExtraStackFrame(null);
+        D.setExtraStackFrame(null);
     }
-    var re;
-    re = !1;
+    var se;
+    se = !1;
     function xe(s) {
       return typeof s == "object" && s !== null && s.$$typeof === n;
     }
-    function de() {
+    function he() {
       {
         if (E.current) {
-          var s = U(E.current.type);
+          var s = B(E.current.type);
           if (s)
             return `
 
@@ -1473,7 +1473,7 @@ Check your code at ` + p + ":" + y + ".";
     var vt = {};
     function bt(s) {
       {
-        var p = de();
+        var p = he();
         if (!p) {
           var y = typeof s == "string" ? s : s.displayName || s.name;
           y && (p = `
@@ -1492,26 +1492,26 @@ Check the top-level render call using <` + y + ">.");
         if (vt[y])
           return;
         vt[y] = !0;
-        var C = "";
-        s && s._owner && s._owner !== E.current && (C = " It was passed a child from " + U(s._owner.type) + "."), F(s), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, C), F(null);
+        var w = "";
+        s && s._owner && s._owner !== E.current && (w = " It was passed a child from " + B(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 Ce(s, p) {
       {
         if (typeof s != "object")
           return;
-        if (_(s))
+        if (k(s))
           for (var y = 0; y < s.length; y++) {
-            var C = s[y];
-            xe(C) && Se(C, p);
+            var w = s[y];
+            xe(w) && Se(w, p);
           }
         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), B; !(B = W.next()).done; )
-              xe(B.value) && Se(B.value, p);
+          var F = U(s);
+          if (typeof F == "function" && F !== s.entries)
+            for (var W = F.call(s), N; !(N = W.next()).done; )
+              xe(N.value) && Se(N.value, p);
         }
       }
     }
@@ -1530,52 +1530,52 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var C = U(p);
-          z(y, s.props, "prop", C, s);
-        } else if (p.PropTypes !== void 0 && !re) {
-          re = !0;
-          var $ = U(p);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
+          var w = B(p);
+          z(y, s.props, "prop", w, s);
+        } else if (p.PropTypes !== void 0 && !se) {
+          se = !0;
+          var F = B(p);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
-        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && L("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) {
       {
         for (var p = Object.keys(s.props), y = 0; y < p.length; y++) {
-          var C = p[y];
-          if (C !== "children" && C !== "key") {
-            F(s), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), F(null);
+          var w = p[y];
+          if (w !== "children" && w !== "key") {
+            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 && (F(s), L("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+        s.ref !== null && (L(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
       }
     }
-    function He(s, p, y, C, $, W) {
+    function He(s, p, y, w, F, W) {
       {
-        var B = _e(s);
-        if (!B) {
+        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($);
-          he ? I += he : I += de();
-          var ee;
-          s === null ? ee = "null" : _(s) ? ee = "array" : s !== void 0 && s.$$typeof === n ? (ee = "<" + (U(s.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof s, L("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 fe = Ht(F);
+          fe ? I += fe : I += he();
+          var te;
+          s === null ? te = "null" : k(s) ? te = "array" : s !== void 0 && s.$$typeof === n ? (te = "<" + (B(s.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : te = 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", te, I);
         }
-        var ie = c(s, p, y, $, W);
+        var ie = o(s, p, y, F, W);
         if (ie == null)
           return ie;
-        if (B) {
+        if (N) {
           var we = p.children;
           if (we !== void 0)
-            if (C)
-              if (_(we)) {
+            if (w)
+              if (k(we)) {
                 for (var at = 0; at < we.length; at++)
                   Ce(we[at], s);
                 Object.freeze && Object.freeze(we);
               } else
-                L("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
               Ce(we, s);
         }
@@ -1588,20 +1588,20 @@ Check the top-level render call using <` + y + ">.");
     function yt(s, p, y) {
       return He(s, p, y, !1);
     }
-    var zn = yt, Gn = nt;
-    ht.Fragment = t, ht.jsx = zn, ht.jsxs = Gn;
+    var Gn = yt, Wn = nt;
+    ht.Fragment = t, ht.jsx = Gn, ht.jsxs = Wn;
   }()), ht;
 }
-process.env.NODE_ENV === "production" ? Bt.exports = La() : Bt.exports = Ba();
+process.env.NODE_ENV === "production" ? Bt.exports = Ba() : Bt.exports = Fa();
 var l = Bt.exports;
-function Bn(e) {
+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 });
 }
-const Fa = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const Ua = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
   /* @__PURE__ */ l.jsx("circle", { cx: "7", cy: "7", r: "6" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), Ua = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), $a = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
   "path",
   {
     d: `M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
@@ -1609,35 +1609,35 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function $a(e) {
-  return /* @__PURE__ */ l.jsx(Nn.Item, { value: e.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Ua,
+function za(e) {
+  return /* @__PURE__ */ l.jsx(Ln.Item, { value: e.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    $a,
     /* @__PURE__ */ l.jsx("span", { children: e.title }),
     /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
       e.onDelete(e.index);
-    }, children: Fa })
+    }, children: Ua })
   ] }) }, e.title);
 }
-function za(e) {
-  const [n, a] = G(!1), [t, i] = G(e.options), o = (u) => {
-    e.onDragComplete(u), i(u);
-  }, d = (u) => {
+function Ga(e) {
+  const [n, a] = G(!1), [t, i] = G(e.options), c = (d) => {
+    e.onDragComplete(d), i(d);
+  }, u = (d) => {
     const f = [...t];
-    f.splice(u, 1), o(f);
+    f.splice(d, 1), c(f);
   }, r = [];
-  t.forEach((u, f) => {
-    r.push(/* @__PURE__ */ l.jsx($a, { index: f, title: u, onDelete: d }, u));
+  t.forEach((d, f) => {
+    r.push(/* @__PURE__ */ l.jsx(za, { index: f, title: d, onDelete: u }, d));
   });
   let h = "dropdown draggable";
   return e.subdropdown && (h += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: h, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(Bn, { title: e.title }),
-    /* @__PURE__ */ l.jsx(Nn.Group, { axis: "y", values: t, onReorder: o, style: { visibility: n ? "visible" : "hidden" }, children: r })
+    /* @__PURE__ */ l.jsx(Fn, { title: e.title }),
+    /* @__PURE__ */ l.jsx(Ln.Group, { axis: "y", values: t, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: r })
   ] });
 }
-function Ga(e) {
+function Wa(e) {
   const [n, a] = G(!1), t = [];
-  e.options.map((o, d) => {
-    e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Wa, { option: o }, d));
+  e.options.map((c, u) => {
+    e.onSelect !== void 0 && (c.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: c }, u));
   });
   let i = "dropdown";
   return e.subdropdown && (i += " subdropdown"), /* @__PURE__ */ l.jsxs(
@@ -1647,7 +1647,7 @@ function Ga(e) {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(Bn, { title: e.title }),
+        /* @__PURE__ */ l.jsx(Fn, { title: e.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
@@ -1659,18 +1659,18 @@ function Ga(e) {
     }
   );
 }
-function Wa(e) {
+function Ha(e) {
   const { option: n } = e, [a, t] = G("");
   let i;
   switch (n.type) {
     case "draggable":
       i = /* @__PURE__ */ l.jsx(
-        za,
+        Ga,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (o) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(o);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
@@ -1678,7 +1678,7 @@ function Wa(e) {
       break;
     case "dropdown":
       i = /* @__PURE__ */ l.jsx(
-        Ga,
+        Wa,
         {
           title: n.title,
           options: n.value,
@@ -1699,29 +1699,29 @@ function Wa(e) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, Ra());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, _a());
 }
 function Bi(e, n, a) {
-  function t(o) {
-    switch (n.forEach((d) => {
-      d.callback(e, d.remote, o);
-    }), o.event) {
+  function t(c) {
+    switch (n.forEach((u) => {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        D.dispatchEvent({ type: P.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  function i(o) {
-    switch (a.forEach((d) => {
-      d.callback(e, d.remote, o);
-    }), o.event) {
+  function i(c) {
+    switch (a.forEach((u) => {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        D.dispatchEvent({ type: P.CUSTOM, value: o.data });
+        P.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  e.listen = (o) => {
-    o.target === "editor" ? i(o) : t(o);
+  e.listen = (c) => {
+    c.target === "editor" ? i(c) : t(c);
   };
 }
 function Gt(e) {
@@ -1751,14 +1751,14 @@ function Gt(e) {
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: e.children }) })
   ] });
 }
-function Fn(e) {
-  const n = Y(null), [a, t] = G(!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(Fn, { child: d, three: e.three }, r));
+function Un(e) {
+  const n = V(null), [a, t] = G(!1), i = e.child !== void 0 && e.child.children.length > 0, c = [];
+  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((u, r) => {
+    c.push(/* @__PURE__ */ l.jsx(Un, { child: u, three: e.three }, r));
   }), Re(() => {
-    const d = e.child.uuid, r = e.three.getScene(d);
+    const u = e.child.uuid, r = e.three.getScene(u);
     if (r !== null) {
-      const h = r.getObjectByProperty("uuid", d);
+      const h = r.getObjectByProperty("uuid", u);
       h !== void 0 && (n.current.style.opacity = h.visible ? "1" : "0.25");
     }
   }, []), /* @__PURE__ */ l.jsx(l.Fragment, { children: e.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
@@ -1795,58 +1795,58 @@ function Fn(e) {
           ref: n,
           onClick: () => {
             if (e.child) {
-              const d = e.three.getScene(e.child.uuid);
-              if (d !== null) {
-                const r = d.getObjectByProperty("uuid", e.child.uuid);
+              const u = e.three.getScene(e.child.uuid);
+              if (u !== null) {
+                const r = u.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), te(r, h, u);
+                  const h = "visible", d = !r.visible;
+                  n.current.style.opacity = d ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, d), ne(r, h, d);
                 } else
-                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, d);
+                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, u);
               } else
                 console.log(`Hermes - Couldn't find object in scene: ${e.child.uuid}, ${e.child.name}`);
             }
           }
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${Pa(e.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(e.child)}` })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: a ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
+    /* @__PURE__ */ l.jsx("div", { className: a ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: c }) })
   ] }, Math.random()) });
 }
-function Ha(e) {
+function Ya(e) {
   const n = [];
   return e.child?.children.map((a, t) => {
-    n.push(/* @__PURE__ */ l.jsx(Fn, { child: a, scene: e.scene, three: e.three }, t));
+    n.push(/* @__PURE__ */ l.jsx(Un, { child: a, scene: e.scene, three: e.three }, t));
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
 }
-function Ya(e) {
+function Va(e) {
   const [n, a] = G(e.defaultValue);
   return Re(() => {
-    let t = !1, i = -1, o = 0, d = e.defaultValue;
-    const r = (g) => {
-      t = !0, o = Number(e.input.current?.value), i = g.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
-    }, h = (g) => {
+    let t = !1, i = -1, c = 0, u = e.defaultValue;
+    const r = (v) => {
+      t = !0, c = Number(e.input.current?.value), i = v.clientX, document.addEventListener("mouseup", d, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", d, !1);
+    }, h = (v) => {
       if (!t)
         return;
-      const S = e.step !== void 0 ? e.step : 1, A = (g.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);
-    }, u = () => {
-      t = !1, document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
-    }, f = (g) => {
-      const S = Number(g.target.value);
-      a(S);
-    }, m = (g) => {
-      const S = Number(g.target.value);
-      e.onChange !== void 0 && e.onChange(S), a(S);
+      const x = e.step !== void 0 ? e.step : 1, _ = (v.clientX - i) * x;
+      u = Number((c + _).toFixed(4)), e.min !== void 0 && (u = Math.max(u, e.min)), e.max !== void 0 && (u = Math.min(u, e.max)), e.onChange !== void 0 && e.onChange(u), a(u);
+    }, d = () => {
+      t = !1, document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
+    }, f = (v) => {
+      const x = Number(v.target.value);
+      a(x);
+    }, m = (v) => {
+      const x = Number(v.target.value);
+      e.onChange !== void 0 && e.onChange(x), a(x);
     };
     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);
+      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", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
     };
   }, []), n;
 }
 function Qe(e) {
-  const n = Y(null), a = Y(null), t = Ya({
+  const n = V(null), a = V(null), t = Va({
     label: e.labelRef,
     input: n,
     sliderRef: a,
@@ -1872,8 +1872,8 @@ function Qe(e) {
         step: e.step,
         disabled: e.disabled,
         onChange: (i) => {
-          const o = Number(i.target.value);
-          e.onChange !== void 0 && e.onChange(e.prop, o);
+          const c = Number(i.target.value);
+          e.onChange !== void 0 && e.onChange(e.prop, c);
         }
       }
     ),
@@ -1887,8 +1887,8 @@ function Qe(e) {
           ref: n,
           className: "min",
           onChange: (i) => {
-            const o = Number(i.target.value);
-            e.onChange !== void 0 && e.onChange(e.prop, o);
+            const c = Number(i.target.value);
+            e.onChange !== void 0 && e.onChange(e.prop, c);
           }
         }
       ),
@@ -1908,37 +1908,39 @@ function Qe(e) {
     ] })
   ] });
 }
-function Va(e) {
-  const n = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), d = Y(null), [r, h] = G(e.value), [u, f] = G({
+function qa(e) {
+  const n = V(null), a = V(null), t = V(null), i = V(null), c = V(null), u = V(null), [r, h] = G(e.value), [d, f] = G({
     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, g] = G(!1);
-  function S() {
-    m || (window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("mouseup", A), g(!0));
+  }), [m, v] = G(!1);
+  function x() {
+    m || (window.addEventListener("mousemove", q), window.addEventListener("mouseup", _), window.addEventListener("mouseup", _), v(!0));
   }
-  function A() {
-    window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), g(!1);
+  function _() {
+    window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", _), v(!1);
   }
-  function N(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 q(M) {
+    const Z = c.current.getBoundingClientRect(), ue = Je(0, 99, M.clientX - Z.left) / 99, H = Je(0, 99, M.clientY - Z.top) / 99, ve = nn(tn(d.min, d.max, ue), 3), re = nn(tn(d.min, d.max, H), 3);
+    e.onChange({ target: { value: { x: ve, y: re } } }), h({ x: ve, y: re });
   }
-  function V(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 U(M) {
+    let Z = r.x, ue = r.y;
+    M.target === n.current ? Z = Number(M.target.value) : ue = Number(M.target.value), h({ x: Z, y: ue });
   }
-  function R() {
-    const T = Number(t.current.value);
-    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 $() {
+    const M = Number(t.current.value);
+    f({ min: M, max: d.max }), (r.x < M || r.y < M) && h({ x: Je(M, d.max, r.x), y: Je(M, d.max, r.y) });
   }
-  function L() {
-    const T = Number(i.current.value);
-    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) });
+  function C() {
+    const M = Number(i.current.value);
+    f({ min: d.min, max: M }), (r.x > M || r.y > M) && h({ x: Je(d.min, M, r.x), y: Je(d.min, M, r.y) });
   }
-  return Re(() => {
-    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: [
+  Re(() => {
+    const M = en(d.min, d.max, r.x), Z = en(d.min, d.max, r.y);
+    u.current.style.left = `${M * 100}%`, u.current.style.top = `${Z * 100}%`;
+  }, [d, r]);
+  const K = e.step !== void 0 ? e.step : 0.01;
+  return /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "X:" }),
@@ -1948,10 +1950,10 @@ function Va(e) {
             ref: n,
             type: "number",
             value: r.x,
-            min: u.min,
-            max: u.max,
-            step: 0.01,
-            onChange: V
+            min: d.min,
+            max: d.max,
+            step: K,
+            onChange: U
           }
         )
       ] }),
@@ -1963,10 +1965,10 @@ function Va(e) {
             ref: a,
             type: "number",
             value: r.y,
-            min: u.min,
-            max: u.max,
-            step: 0.01,
-            onChange: V
+            min: d.min,
+            max: d.max,
+            step: K,
+            onChange: U
           }
         )
       ] }),
@@ -1977,9 +1979,9 @@ function Va(e) {
           {
             ref: t,
             type: "number",
-            value: u.min,
-            step: 0.01,
-            onChange: R
+            value: d.min,
+            step: K,
+            onChange: $
           }
         )
       ] }),
@@ -1990,154 +1992,154 @@ function Va(e) {
           {
             ref: i,
             type: "number",
-            value: u.max,
-            step: 0.01,
-            onChange: L
+            value: d.max,
+            step: K,
+            onChange: C
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: o, onMouseDown: S, onMouseUp: A, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: c, onMouseDown: x, onMouseUp: _, children: [
       /* @__PURE__ */ l.jsx("div", { className: "x" }),
       /* @__PURE__ */ l.jsx("div", { className: "y" }),
-      /* @__PURE__ */ l.jsx("div", { className: "pt", ref: d })
+      /* @__PURE__ */ l.jsx("div", { className: "pt", ref: u })
     ] })
   ] });
 }
 function on(e) {
-  const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = [];
+  const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = e.step !== void 0 ? e.step : 0.01, c = [];
   if (n) {
-    const o = se(() => e.value, []), d = (h, u) => {
-      o[h] = u, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (d, f) => {
+      u[d] = f, e.onChange({ target: { value: u } });
     };
-    ["x", "y", "z"].forEach((h) => {
-      const u = Y(null);
-      i.push(
+    ["x", "y", "z"].forEach((d) => {
+      const f = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: h.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: f, children: d.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o[h],
+              value: u[d],
               type: "number",
-              prop: h,
-              step: 0.01,
-              labelRef: u,
-              onChange: d
+              prop: d,
+              step: i,
+              labelRef: f,
+              onChange: r
             }
           )
-        ] }, h)
+        ] }, d)
       );
     });
   } else if (a) {
-    const o = se(() => e.value, []), d = (h, u) => {
-      o[h] = u, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (d, f) => {
+      u[d] = f, e.onChange({ target: { value: u } });
     };
-    ["_x", "_y", "_z"].forEach((h) => {
-      const u = Y(null);
-      i.push(
+    ["_x", "_y", "_z"].forEach((d) => {
+      const f = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: h.substring(1).toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: f, children: d.substring(1).toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o[h],
+              value: u[d],
               type: "number",
-              prop: h,
-              step: 0.01,
-              labelRef: u,
-              onChange: d
+              prop: d,
+              step: i,
+              labelRef: f,
+              onChange: r
             }
           )
-        ] }, h)
+        ] }, d)
       );
     });
   } else if (t) {
-    const o = se(() => e.value, []), d = (r, h) => {
-      const u = Number(r);
-      o.elements[u] = h, e.onChange({ target: { value: o } });
+    const u = oe(() => e.value, []), r = (h, d) => {
+      const f = Number(h);
+      u.elements[f] = d, e.onChange({ target: { value: u } });
     };
-    for (let r = 0; r < 9; r++) {
-      const h = Y(null);
-      i.push(
+    for (let h = 0; h < 9; h++) {
+      const d = V(null);
+      c.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: h, children: r + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: d, children: h + 1 }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: o.elements[r],
+              value: u.elements[h],
               type: "number",
-              prop: r.toString(),
-              step: 0.01,
-              labelRef: h,
-              onChange: d
+              prop: h.toString(),
+              step: i,
+              labelRef: d,
+              onChange: r
             }
           )
-        ] }, r.toString())
+        ] }, h.toString())
       );
     }
   }
-  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: i }, Math.random().toString());
+  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: c }, Math.random().toString());
 }
-function qa(e) {
-  const n = e.value.x !== void 0, a = [];
+function Ka(e) {
+  const n = e.value.x !== void 0, a = e.step !== void 0 ? e.step : 0.01, t = [];
   if (n) {
-    const t = se(() => e.value, []), i = (d, r) => {
-      t[d] = r, e.onChange({ target: { value: t } });
+    const i = oe(() => e.value, []), c = (r, h) => {
+      i[r] = h, e.onChange({ target: { value: i } });
     };
-    ["x", "y", "z", "w"].forEach((d) => {
-      const r = Y(null);
-      a.push(
+    ["x", "y", "z", "w"].forEach((r) => {
+      const h = V(null);
+      t.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: r, children: d.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: h, children: r.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: t.x,
+              value: i.x,
               type: "number",
-              prop: d,
-              step: 0.01,
-              labelRef: r,
-              onChange: i
+              prop: r,
+              step: a,
+              labelRef: h,
+              onChange: c
             }
           )
-        ] }, d)
+        ] }, r)
       );
     });
   } else {
-    const t = se(() => e.value, []), i = (o, d) => {
-      const r = Number(o);
-      t.elements[r] = d, e.onChange({ target: { value: t } });
+    const i = oe(() => e.value, []), c = (u, r) => {
+      const h = Number(u);
+      i.elements[h] = r, e.onChange({ target: { value: i } });
     };
-    for (let o = 0; o < 16; o++) {
-      const d = Y(null);
-      a.push(
+    for (let u = 0; u < 16; u++) {
+      const r = V(null);
+      t.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: d, children: o + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: r, children: u + 1 }),
           /* @__PURE__ */ l.jsx(
             Qe,
             {
-              value: t.elements[o],
+              value: i.elements[u],
               type: "number",
-              prop: o.toString(),
-              step: 0.01,
-              labelRef: d,
-              onChange: i
+              prop: u.toString(),
+              step: a,
+              labelRef: r,
+              onChange: c
             }
           )
-        ] }, o.toString())
+        ] }, u.toString())
       );
     }
   }
-  return /* @__PURE__ */ l.jsx("div", { className: "grid4", children: a });
+  return /* @__PURE__ */ l.jsx("div", { className: "grid4", children: t });
 }
-function Ka(e) {
+function Xa(e) {
   return "items" in e;
 }
 function et(e) {
   const n = [];
   return e.items.forEach((a) => {
-    Ka(a) ? n.push(
+    Xa(a) ? n.push(
       /* @__PURE__ */ l.jsx(et, { title: Mt(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
@@ -2164,10 +2166,10 @@ function et(e) {
     );
   }), /* @__PURE__ */ l.jsx(Gt, { label: e.title, open: e.expanded === !0, children: n });
 }
-function Xa(e) {
+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");
 }
-function Za(e) {
+function Ja(e) {
   switch (e) {
     case "Alpha Map":
       return "alphaMap";
@@ -2387,11 +2389,11 @@ function Rt(e) {
   }
   return e;
 }
-function Un(e) {
+function $n(e) {
   const n = e.toLowerCase();
   return n.search("intensity") > -1 || n === "anisotropyrotation" || n === "blendalpha" || n === "bumpscale" || n === "clearcoatroughness" || n === "displacementbias" || n === "displacementscale" || n === "metalness" || n === "opacity" || n === "reflectivity" || n === "refractionratio" || n === "roughness" || n === "sheenroughness" || n === "thickness";
 }
-function Ja() {
+function Qa() {
   const e = document.createElement("input");
   return e.type = "file", new Promise((n, a) => {
     e.addEventListener("change", function() {
@@ -2399,212 +2401,212 @@ function Ja() {
         a();
       else {
         const t = e.files[0], i = new FileReader();
-        i.onload = function(o) {
-          n(o.target.result);
+        i.onload = function(c) {
+          n(c.target.result);
         }, i.readAsDataURL(t);
       }
     }), e.click();
   });
 }
-const Qa = [
+const ei = [
   {
     title: "Front",
-    value: Yn
+    value: Vn
   },
   {
     title: "Back",
-    value: gn
+    value: vn
   },
   {
     title: "Double",
-    value: vn
+    value: bn
   }
-], ei = [
+], ti = [
   {
     title: "No Blending",
-    value: Vn
+    value: qn
   },
   {
     title: "Normal",
-    value: qn
+    value: Kn
   },
   {
     title: "Additive",
-    value: Kn
+    value: Xn
   },
   {
     title: "Subtractive",
-    value: Xn
+    value: Zn
   },
   {
     title: "Multiply",
-    value: Zn
+    value: Jn
   },
   {
     title: "Custom",
-    value: Jn
+    value: Qn
   }
-], ti = [
+], ni = [
   {
     title: "Add",
-    value: Qn
+    value: ea
   },
   {
     title: "Subtract",
-    value: ea
+    value: ta
   },
   {
     title: "Reverse Subtract",
-    value: ta
+    value: na
   },
   {
     title: "Min",
-    value: na
+    value: aa
   },
   {
     title: "Max",
-    value: aa
+    value: ia
   }
-], ni = [
+], ai = [
   {
     title: "Zero",
-    valye: bn
+    valye: yn
   },
   {
     title: "One",
-    valye: yn
+    valye: En
   },
   {
     title: "Src Color",
-    valye: En
+    valye: xn
   },
   {
     title: "One Minus Src Color",
-    valye: xn
+    valye: Sn
   },
   {
     title: "Src Alpha",
-    valye: Sn
+    valye: Cn
   },
   {
     title: "One Minus Src Alpha",
-    valye: Cn
+    valye: wn
   },
   {
     title: "Dst Alpha",
-    valye: wn
+    valye: Mn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: Mn
+    valye: On
   },
   {
     title: "Dst Color",
-    valye: On
+    valye: Tn
   },
   {
     title: "One Minus Dst Color",
-    valye: Tn
+    valye: Rn
   },
   {
     title: "Src Alpha Saturate",
-    valye: ia
+    valye: ra
   },
   {
     title: "Constant Color",
-    valye: Rn
+    valye: _n
   },
   {
     title: "One Minus Constant Color",
-    valye: _n
+    valye: kn
   },
   {
     title: "Constant Alpha",
-    valye: kn
+    valye: Dn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: Dn
+    valye: Pn
   }
-], ai = [
+], ii = [
   {
     title: "Zero",
-    valye: bn
+    valye: yn
   },
   {
     title: "One",
-    valye: yn
+    valye: En
   },
   {
     title: "Src Color",
-    valye: En
+    valye: xn
   },
   {
     title: "One Minus Src Color",
-    valye: xn
+    valye: Sn
   },
   {
     title: "Src Alpha",
-    valye: Sn
+    valye: Cn
   },
   {
     title: "One Minus Src Alpha",
-    valye: Cn
+    valye: wn
   },
   {
     title: "Dst Alpha",
-    valye: wn
+    valye: Mn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: Mn
+    valye: On
   },
   {
     title: "Dst Color",
-    valye: On
+    valye: Tn
   },
   {
     title: "One Minus Dst Color",
-    valye: Tn
+    valye: Rn
   },
   {
     title: "Constant Color",
-    valye: Rn
+    valye: _n
   },
   {
     title: "One Minus Constant Color",
-    valye: _n
+    valye: kn
   },
   {
     title: "Constant Alpha",
-    valye: kn
+    valye: Dn
   },
   {
     title: "One Minus Constant Alpha",
-    valye: Dn
+    valye: Pn
   }
 ];
 function ft(e, n) {
   e.needsUpdate = !0, e.type = "option", e.options = n;
 }
-function ii(e, n, a, t) {
+function ri(e, n, a, t) {
   return {
     type: "boolean",
     title: Rt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (i, o) => {
-      t.updateObject(a.uuid, `material.${e}`, o), t.updateObject(a.uuid, "material.needsUpdate", !0);
-      const d = t.getScene(a.uuid);
-      if (d !== null) {
-        const r = d.getObjectByProperty("uuid", a.uuid);
-        te(r, `material.${e}`, o);
+    onChange: (i, c) => {
+      t.updateObject(a.uuid, `material.${e}`, c), t.updateObject(a.uuid, "material.needsUpdate", !0);
+      const u = t.getScene(a.uuid);
+      if (u !== null) {
+        const r = u.getObjectByProperty("uuid", a.uuid);
+        ne(r, `material.${e}`, c);
       }
     }
   };
 }
-function ri(e, n, a, t) {
+function si(e, n, a, t) {
   const i = {
     type: "number",
     title: Rt(e),
@@ -2614,292 +2616,296 @@ function ri(e, n, a, t) {
     max: void 0,
     step: 0.01,
     needsUpdate: !0,
-    onChange: (o, d) => {
-      t.updateObject(a.uuid, `material.${e}`, d), t.updateObject(a.uuid, "material.needsUpdate", !0);
+    onChange: (c, u) => {
+      t.updateObject(a.uuid, `material.${e}`, u), t.updateObject(a.uuid, "material.needsUpdate", !0);
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        te(h, `material.${e}`, d);
+        ne(h, `material.${e}`, u);
       }
     }
   };
   switch (e) {
     case "blending":
-      ft(i, ei);
+      ft(i, ti);
       break;
     case "blendDst":
-      ft(i, ai);
+      ft(i, ii);
       break;
     case "blendEquation":
-      ft(i, ti);
+      ft(i, ni);
       break;
     case "blendSrc":
-      ft(i, ni);
+      ft(i, ai);
       break;
     case "side":
-      ft(i, Qa);
+      ft(i, ei);
       break;
   }
-  return Un(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;
+  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;
 }
-function si(e, n, a, t) {
+function oi(e, n, a, t) {
   const i = {
     type: "string",
     title: Rt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (d, r) => {
+    onChange: (u, r) => {
       t.updateObject(a.uuid, `material.${e}`, r), t.updateObject(a.uuid, "material.needsUpdate", !0);
       const h = t.getScene(a.uuid);
       if (h !== null) {
-        const u = h.getObjectByProperty("uuid", a.uuid);
-        te(u, `material.${e}`, r);
+        const d = h.getObjectByProperty("uuid", a.uuid);
+        ne(d, `material.${e}`, r);
       }
     },
-    onKeyDown: (d) => {
+    onKeyDown: (u) => {
     }
   };
-  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (d, r) => {
+  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (u, r) => {
     i.latest = r, t.updateObject(a.uuid, `material.${e}`, r);
     const h = t.getScene(a.uuid);
     if (h !== null) {
-      const u = h.getObjectByProperty("uuid", a.uuid);
-      te(u, `material.${e}`, r);
+      const d = h.getObjectByProperty("uuid", a.uuid);
+      ne(d, `material.${e}`, r);
     }
-  }, i.onKeyDown = (d) => {
-    if (d.key === "Enter" && (d.altKey || d.metaKey)) {
+  }, i.onKeyDown = (u) => {
+    if (u.key === "Enter" && (u.altKey || u.metaKey)) {
       t.updateObject(a.uuid, "material.needsUpdate", !0);
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        te(h, "material.needsUpdate", !0);
+        ne(h, "material.needsUpdate", !0);
       }
     }
   }), i;
 }
-function oi(e) {
+function ci(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z === void 0;
 }
-function ci(e) {
+function li(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z !== void 0 && e.w === void 0;
 }
-function li(e) {
+function ui(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z !== void 0 && e.w !== void 0;
 }
 function Ft(e) {
   e.sort((n, a) => n.title < a.title ? -1 : n.title > a.title ? 1 : 0);
 }
-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;
+function mt(e, n, a, t, i = "", c = !1) {
+  const u = Rt(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), r = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
   if (h === "boolean" || h === "string")
     return {
-      title: d,
+      title: u,
       prop: r,
       type: h,
       value: n,
-      disabled: o,
-      onChange: (u, f) => {
+      disabled: c,
+      onChange: (d, f) => {
         t.updateObject(a.uuid, `material.${r}`, f);
         const m = t.getScene(a.uuid);
         if (m !== null) {
-          const g = m.getObjectByProperty("uuid", a.uuid);
-          te(g, `material.${r}`, f);
+          const v = m.getObjectByProperty("uuid", a.uuid);
+          ne(v, `material.${r}`, f);
         }
       }
     };
   if (h === "number") {
-    const u = {
-      title: d,
+    const d = {
+      title: u,
       prop: r,
       type: "number",
       value: n,
       step: 0.01,
-      disabled: o,
+      disabled: c,
       onChange: (f, m) => {
         t.updateObject(a.uuid, `material.${r}`, m);
-        const g = t.getScene(a.uuid);
-        if (g !== null) {
-          const S = g.getObjectByProperty("uuid", a.uuid);
-          te(S, `material.${r}`, m);
+        const v = t.getScene(a.uuid);
+        if (v !== null) {
+          const x = v.getObjectByProperty("uuid", a.uuid);
+          ne(x, `material.${r}`, m);
         }
       }
     };
-    return Un(d) && (u.type = "range", u.min = 0, u.max = 1), u;
+    return $n(u) && (d.type = "range", d.min = 0, d.max = 1), d;
   } else {
     if (n.isColor)
       return {
-        title: d,
+        title: u,
         prop: r,
         type: "color",
         value: n,
-        disabled: o,
-        onChange: (u, f) => {
+        disabled: c,
+        onChange: (d, f) => {
           const m = new Ut(f);
           t.updateObject(a.uuid, `material.${r}`, m);
-          const g = t.getScene(a.uuid);
-          if (g !== null) {
-            const S = g.getObjectByProperty("uuid", a.uuid);
-            te(S, `material.${r}`, m);
+          const v = t.getScene(a.uuid);
+          if (v !== null) {
+            const x = v.getObjectByProperty("uuid", a.uuid);
+            ne(x, `material.${r}`, m);
           }
         }
       };
     if (Array.isArray(n)) {
-      const u = [];
+      const d = [];
       for (const f in n) {
-        const m = n[f], g = `[${f.toString()}]`;
+        const m = n[f], v = `[${f.toString()}]`;
         if (m.value !== void 0) {
-          const S = mt(`${g}.value`, m.value, a, t, r, o);
-          S !== void 0 && u.push(S);
+          const x = mt(`${v}.value`, m.value, a, t, r, c);
+          x !== void 0 && d.push(x);
         } else {
-          const S = mt(g, m, a, t, r, o);
-          S !== void 0 && u.push(S);
+          const x = mt(v, m, a, t, r, c);
+          x !== void 0 && d.push(x);
         }
       }
-      if (u.length > 0)
-        return Ft(u), {
-          title: d,
-          items: u
+      if (d.length > 0)
+        return Ft(d), {
+          title: u,
+          items: d
         };
     } else {
-      if (oi(n))
+      if (ci(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "vector2",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const g = m.getObjectByProperty("uuid", a.uuid);
-              te(g, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
-      if (ci(n))
+      if (li(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "grid3",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const g = m.getObjectByProperty("uuid", a.uuid);
-              te(g, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
-      if (li(n))
+      if (ui(n))
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "grid4",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const g = m.getObjectByProperty("uuid", a.uuid);
-              te(g, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (n.isEuler)
         return {
-          title: d,
+          title: u,
           prop: r,
           type: "euler",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const g = m.getObjectByProperty("uuid", a.uuid);
-              te(g, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       if (n.src !== void 0)
         return {
-          title: d,
+          title: u,
           type: "image",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
-            const m = Za(e), g = i.length > 0 ? `${i}.${m}` : m;
-            t.createTexture(a.uuid, `material.${g}`, f);
-            const S = t.getScene(a.uuid);
-            if (S !== null) {
-              const A = S.getObjectByProperty("uuid", a.uuid);
-              A !== void 0 && Ln(f.src).then((N) => {
-                N.offset.set(f.offset[0], f.offset[1]), N.repeat.set(f.repeat[0], f.repeat[1]);
-                const V = A.material, R = g.split(".");
-                switch (R.length) {
-                  case 1:
-                    V[R[0]] = N;
-                    break;
-                  case 2:
-                    V[R[0]][R[1]] = N;
-                    break;
-                  case 3:
-                    V[R[0]][R[1]][R[2]] = N;
-                    break;
-                  case 4:
-                    V[R[0]][R[1]][R[2]][R[3]] = N;
-                    break;
-                  case 5:
-                    V[R[0]][R[1]][R[2]][R[3]][R[4]] = N;
-                    break;
-                }
-                V.needsUpdate = !0;
-              });
+          disabled: c,
+          onChange: (d, f) => {
+            const m = Ja(e), v = i.length > 0 ? `${i}.${m}` : m;
+            t.createTexture(a.uuid, `material.${v}`, f);
+            const x = t.getScene(a.uuid);
+            if (x !== null) {
+              const _ = x.getObjectByProperty("uuid", a.uuid);
+              if (_ !== void 0) {
+                const q = (U) => {
+                  const $ = _.material, C = v.split(".");
+                  switch (C.length) {
+                    case 1:
+                      $[C[0]] = U;
+                      break;
+                    case 2:
+                      $[C[0]][C[1]] = U;
+                      break;
+                    case 3:
+                      $[C[0]][C[1]][C[2]] = U;
+                      break;
+                    case 4:
+                      $[C[0]][C[1]][C[2]][C[3]] = U;
+                      break;
+                    case 5:
+                      $[C[0]][C[1]][C[2]][C[3]][C[4]] = U;
+                      break;
+                  }
+                  $.needsUpdate = !0;
+                };
+                f.src.length > 0 ? Bn(f.src).then((U) => {
+                  U.offset.set(f.offset[0], f.offset[1]), U.repeat.set(f.repeat[0], f.repeat[1]), q(U);
+                }) : q(null);
+              }
             }
           }
         };
       if (n.elements !== void 0)
         return {
-          title: d,
+          title: u,
           prop: r,
           type: n.elements.length > 9 ? "grid4" : "grid3",
           value: n,
-          disabled: o,
-          onChange: (u, f) => {
+          disabled: c,
+          onChange: (d, f) => {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const g = m.getObjectByProperty("uuid", a.uuid);
-              te(g, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ne(v, `material.${r}`, f);
             }
           }
         };
       {
-        const u = [], f = e === "defines" || e === "extensions";
+        const d = [], f = e === "defines" || e === "extensions";
         try {
           for (const m in n) {
-            const g = n[m];
-            if (g !== void 0)
-              if (g.value !== void 0) {
-                const S = mt(`${m}.value`, g.value, a, t, r, f);
-                S !== void 0 && u.push(S);
+            const v = n[m];
+            if (v !== void 0)
+              if (v.value !== void 0) {
+                const x = mt(`${m}.value`, v.value, a, t, r, f);
+                x !== void 0 && d.push(x);
               } else {
-                const S = mt(m, g, a, t, r, f);
-                S !== void 0 && u.push(S);
+                const x = mt(m, v, a, t, r, f);
+                x !== void 0 && d.push(x);
               }
           }
         } catch {
           console.log("Issue cycling through material object:", e, n);
         }
-        if (u.length > 0)
-          return Ft(u), {
-            title: d,
-            items: u
+        if (d.length > 0)
+          return Ft(d), {
+            title: u,
+            items: d
           };
       }
     }
@@ -2908,20 +2914,20 @@ function mt(e, n, a, t, i = "", o = !1) {
 function cn(e, n, a) {
   const t = [];
   for (const i in e) {
-    if (!Xa(i))
+    if (!Za(i))
       continue;
-    const o = typeof e[i], d = e[i];
-    if (o === "boolean")
-      t.push(ii(i, d, n, a));
-    else if (o === "number")
-      t.push(ri(i, d, n, a));
-    else if (o === "string")
-      t.push(si(i, d, n, a));
-    else if (o === "object") {
-      const r = mt(i, d, n, a);
+    const c = typeof e[i], u = e[i];
+    if (c === "boolean")
+      t.push(ri(i, u, n, a));
+    else if (c === "number")
+      t.push(si(i, u, n, a));
+    else if (c === "string")
+      t.push(oi(i, u, n, a));
+    else if (c === "object") {
+      const r = mt(i, u, n, a);
       r !== void 0 && t.push(r);
     } else
-      d !== void 0 && console.log("other:", i, o, d);
+      u !== void 0 && console.log("other:", i, c, u);
   }
   return Ft(t), t.push({
     title: "Update Material",
@@ -2930,25 +2936,25 @@ function cn(e, n, a) {
       a.updateObject(n.uuid, "material.needsUpdate", !0);
       const i = a.getScene(n.uuid);
       if (i !== null) {
-        const o = i.getObjectByProperty("uuid", n.uuid);
-        te(o, "material.needsUpdate", !0);
+        const c = i.getObjectByProperty("uuid", n.uuid);
+        ne(c, "material.needsUpdate", !0);
       }
     }
   }), t;
 }
-function ui(e, n) {
+function di(e, n) {
   const a = e.material;
   if (Array.isArray(a)) {
     const t = [], i = a.length;
-    for (let o = 0; o < i; o++)
+    for (let c = 0; c < i; c++)
       t.push(
         /* @__PURE__ */ l.jsx(
           et,
           {
-            title: `Material ${o}`,
-            items: cn(a[o], e, n)
+            title: `Material ${c}`,
+            items: cn(a[c], e, n)
           },
-          `Material ${o}`
+          `Material ${c}`
         )
       );
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: t });
@@ -2961,63 +2967,63 @@ function ui(e, n) {
       }
     );
 }
-const di = "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==";
+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 = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), [d] = G(e.value), [r, h] = G(e.value.offset[0]), [u, f] = G(e.value.offset[1]), [m, g] = G(e.value.repeat[0]), [S, A] = G(e.value.repeat[1]);
-  function N(R, L, T, X, ne) {
+  const n = e.step !== void 0 ? e.step : 0.01, a = V(null), t = V(null), i = V(null), c = V(null), u = V(null), [r] = G(e.value), [h, d] = G(e.value.offset[0]), [f, m] = G(e.value.offset[1]), [v, x] = G(e.value.repeat[0]), [_, q] = G(e.value.repeat[1]);
+  function U(C, K, M, Z, ue) {
     if (e.onChange !== void 0) {
-      const ge = e.prop !== void 0 ? e.prop : e.title;
-      e.onChange(ge, {
-        src: R,
-        offset: [L, T],
-        repeat: [X, ne]
+      const H = e.prop !== void 0 ? e.prop : e.title;
+      e.onChange(H, {
+        src: C,
+        offset: [K, M],
+        repeat: [Z, ue]
       });
     }
   }
-  function V(R) {
-    const L = n.current.src, T = R.target.value;
-    switch (R.target) {
-      case a.current:
-        h(T), N(L, T, u, m, S);
-        break;
+  function $(C) {
+    const K = a.current.src, M = C.target.value;
+    switch (C.target) {
       case t.current:
-        f(T), N(L, r, T, m, S);
+        d(M), U(K, M, f, v, _);
         break;
       case i.current:
-        g(T), N(L, r, u, T, S);
+        m(M), U(K, h, M, v, _);
+        break;
+      case c.current:
+        x(M), U(K, h, f, M, _);
         break;
-      case o.current:
-        A(T), N(L, r, u, m, T);
+      case u.current:
+        q(M), U(K, h, f, v, M);
         break;
     }
   }
   return /* @__PURE__ */ l.jsxs("div", { className: "imageField", children: [
-    /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: n, onClick: () => {
-      Ja().then((R) => {
-        n.current.src = R, N(R, r, u, m, S);
+    /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: a, onClick: () => {
+      Qa().then((C) => {
+        a.current.src = C, U(C, h, f, v, _);
       });
-    }, src: d.src.length > 0 ? d.src : di }),
+    }, src: r.src.length > 0 ? r.src : ln }),
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "Offset:" }),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: a,
+            ref: t,
             type: "number",
-            value: r,
-            step: 0.01,
-            onChange: V
+            value: h,
+            step: n,
+            onChange: $
           }
         ),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: t,
+            ref: i,
             type: "number",
-            value: u,
-            step: 0.01,
-            onChange: V
+            value: f,
+            step: n,
+            onChange: $
           }
         )
       ] }),
@@ -3026,45 +3032,48 @@ function hi(e) {
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: i,
+            ref: c,
             type: "number",
-            value: m,
-            step: 0.01,
-            onChange: V
+            value: v,
+            step: n,
+            onChange: $
           }
         ),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: o,
+            ref: u,
             type: "number",
-            value: S,
-            step: 0.01,
-            onChange: V
+            value: _,
+            step: n,
+            onChange: $
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ l.jsx("button", { onClick: () => {
+        U("", h, f, v, _), a.current.src = ln;
+      }, children: "Clear" })
     ] })
   ] });
 }
 function Ct(e) {
   let n = e.value;
-  n !== void 0 && n.isColor !== void 0 && (n = ka(e.value));
-  const [a, t] = G(n), i = Y(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 = {};
-  e.disabled && (d.opacity = 0.8);
+  n !== void 0 && n.isColor !== void 0 && (n = Da(e.value));
+  const [a, t] = G(n), i = V(null), c = (d) => {
+    let f = d.target.value;
+    e.type === "boolean" ? f = d.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);
+  }, u = {};
+  e.disabled && (u.opacity = 0.8);
   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: [
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${h ? "block" : ""}`, style: u, children: [
     e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Mt(e.title) }, "fieldLabel"),
     e.type === "string" && !r && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
         disabled: e.disabled,
-        onChange: o,
+        onChange: c,
         value: a
       }
     ),
@@ -3074,9 +3083,9 @@ function Ct(e) {
         cols: 50,
         rows: 10,
         disabled: e.disabled !== void 0 ? e.disabled : !0,
-        onChange: o,
-        onKeyDown: (u) => {
-          e.onKeyDown !== void 0 && e.onKeyDown(u);
+        onChange: c,
+        onKeyDown: (d) => {
+          e.onKeyDown !== void 0 && e.onKeyDown(d);
         },
         value: a
       }
@@ -3086,7 +3095,7 @@ function Ct(e) {
       {
         type: "checkbox",
         disabled: e.disabled,
-        onChange: o,
+        onChange: c,
         checked: a
       }
     ),
@@ -3119,8 +3128,8 @@ function Ct(e) {
       }
     ),
     e.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: o, disabled: e.disabled, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: o, disabled: e.disabled })
+      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: c, disabled: e.disabled, className: "color" }),
+      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: c, disabled: e.disabled })
     ] }),
     e.type === "button" && /* @__PURE__ */ l.jsx(
       "button",
@@ -3133,14 +3142,14 @@ function Ct(e) {
       }
     ),
     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(Va, { value: a, min: 0, max: 1, onChange: o }),
-    e.type === "grid3" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o }),
-    e.type === "grid4" && /* @__PURE__ */ l.jsx(qa, { value: a, onChange: o }),
-    e.type === "euler" && /* @__PURE__ */ l.jsx(on, { value: a, onChange: o })
+    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: c, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((d, f) => /* @__PURE__ */ l.jsx("option", { value: d.value, children: Mt(d.title) }, f)) }) }),
+    e.type === "vector2" && /* @__PURE__ */ l.jsx(qa, { step: e.step, value: a, min: 0, max: 1, onChange: c }),
+    e.type === "grid3" && /* @__PURE__ */ l.jsx(on, { step: e.step, value: a, onChange: c }),
+    e.type === "grid4" && /* @__PURE__ */ l.jsx(Ka, { step: e.step, value: a, onChange: c }),
+    e.type === "euler" && /* @__PURE__ */ l.jsx(on, { step: e.step, value: a, onChange: c })
   ] });
 }
-function ln(e) {
+function un(e) {
   switch (e) {
     case "fov":
       return "FOV";
@@ -3174,34 +3183,34 @@ function fi(e, n) {
   if (e.perspectiveCameraInfo !== void 0)
     for (const t in e.perspectiveCameraInfo)
       a.push({
-        title: ln(t),
+        title: un(t),
         prop: t,
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const d = n.getScene(e.uuid);
-          if (d !== null) {
-            const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
+          const u = n.getScene(e.uuid);
+          if (u !== null) {
+            const r = u.getObjectByProperty("uuid", e.uuid);
+            r !== void 0 && (ne(r, i, c), r.updateProjectionMatrix());
           }
         }
       });
   else if (e.orthographicCameraInfo !== void 0)
     for (const t in e.orthographicCameraInfo)
       a.push({
-        title: ln(t),
+        title: un(t),
         prop: t,
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
-          const d = n.getScene(e.uuid);
-          if (d !== null) {
-            const r = d.getObjectByProperty("uuid", e.uuid);
-            r !== void 0 && (te(r, i, o), r.updateProjectionMatrix());
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
+          const u = n.getScene(e.uuid);
+          if (u !== null) {
+            const r = u.getObjectByProperty("uuid", e.uuid);
+            r !== void 0 && (ne(r, i, c), r.updateProjectionMatrix());
           }
         }
       });
@@ -3214,17 +3223,17 @@ function fi(e, n) {
   );
 }
 function mi(e, n) {
-  const a = new ra();
+  const a = new sa();
   a.elements = e.matrix;
-  const t = new J(), i = new sa(), o = new J();
-  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), o.setFromMatrixScale(a));
-  const d = (r, h) => {
-    const u = r === "rotation" ? { x: h._x, y: h._y, z: h._z } : h;
-    n.updateObject(e.uuid, r, u);
+  const t = new Q(), i = new oa(), c = new Q();
+  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), c.setFromMatrixScale(a));
+  const u = (r, h) => {
+    const d = r === "rotation" ? { x: h._x, y: h._y, z: h._z } : h;
+    n.updateObject(e.uuid, r, d);
     const f = n.getScene(e.uuid);
     if (f !== null) {
       const m = f.getObjectByProperty("uuid", e.uuid);
-      te(m, r, u);
+      ne(m, r, d);
     }
   };
   return /* @__PURE__ */ l.jsx(
@@ -3236,28 +3245,29 @@ function mi(e, n) {
           title: "Position",
           prop: "position",
           type: "grid3",
+          step: 0.1,
           value: t,
-          onChange: d
+          onChange: u
         },
         {
           title: "Rotation",
           prop: "rotation",
           type: "grid3",
           value: i,
-          onChange: d
+          onChange: u
         },
         {
           title: "Scale",
           prop: "scale",
           type: "grid3",
-          value: o,
-          onChange: d
+          value: c,
+          onChange: u
         }
       ]
     }
   );
 }
-function un(e) {
+function dn(e) {
   switch (e) {
     case "color":
       return "Color";
@@ -3286,31 +3296,31 @@ function pi(e, n) {
     for (const t in e.lightInfo) {
       const i = e.lightInfo[t];
       i !== void 0 && (i.isColor !== void 0 ? a.push({
-        title: un(t),
+        title: dn(t),
         prop: t,
         type: "color",
         value: i,
-        onChange: (o, d) => {
-          const r = new Ut(d);
-          n.updateObject(e.uuid, o, r);
+        onChange: (c, u) => {
+          const r = new Ut(u);
+          n.updateObject(e.uuid, c, r);
           const h = n.getScene(e.uuid);
           if (h !== null) {
-            const u = h.getObjectByProperty("uuid", e.uuid);
-            te(u, o, r);
+            const d = h.getObjectByProperty("uuid", e.uuid);
+            ne(d, c, r);
           }
         }
       }) : a.push({
-        title: un(t),
+        title: dn(t),
         prop: t,
         type: typeof i,
         value: i,
         step: typeof i == "number" ? 0.01 : void 0,
-        onChange: (o, d) => {
-          n.updateObject(e.uuid, o, d);
+        onChange: (c, u) => {
+          n.updateObject(e.uuid, c, u);
           const r = n.getScene(e.uuid);
           if (r !== null) {
             const h = r.getObjectByProperty("uuid", e.uuid);
-            te(h, o, d);
+            ne(h, c, u);
           }
         }
       }));
@@ -3326,14 +3336,14 @@ function pi(e, n) {
 function gi(e, n) {
   const a = [], t = [];
   let i = 0;
-  e.animations.forEach((d) => {
-    i = Math.max(i, d.duration), d.duration > 0 && t.push({
-      title: d.name,
+  e.animations.forEach((u) => {
+    i = Math.max(i, u.duration), u.duration > 0 && t.push({
+      title: u.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: d.duration,
+          value: u.duration,
           disabled: !0
         },
         {
@@ -3357,14 +3367,14 @@ function gi(e, n) {
     title: "Animations",
     items: t
   });
-  const o = n.getScene(e.uuid);
-  if (o !== null) {
-    const d = o.getObjectByProperty("uuid", e.uuid);
+  const c = n.getScene(e.uuid);
+  if (c !== null) {
+    const u = c.getObjectByProperty("uuid", e.uuid);
     let r = !1;
-    if (d !== void 0) {
-      const h = d.mixer;
+    if (u !== void 0) {
+      const h = u.mixer;
       if (r = h !== void 0, r) {
-        const u = [
+        const d = [
           {
             title: "Time Scale",
             type: "range",
@@ -3377,7 +3387,7 @@ function gi(e, n) {
             }
           }
         ];
-        u.push({
+        d.push({
           title: "Stop All",
           type: "button",
           onChange: () => {
@@ -3385,14 +3395,14 @@ function gi(e, n) {
           }
         }), a.push({
           title: "Mixer",
-          items: u
+          items: d
         });
       }
     }
   }
   return /* @__PURE__ */ l.jsx(et, { title: "Animation", items: a });
 }
-const $n = {
+const zn = {
   name: "",
   uuid: "",
   type: "",
@@ -3405,22 +3415,22 @@ const $n = {
   lightInfo: void 0,
   children: []
 };
-let me = { ...$n };
+let pe = { ...zn };
 function vi(e) {
   const [n, a] = G(-1);
   Re(() => {
-    function d(h) {
-      me = { ...h.value }, a(Date.now());
+    function u(h) {
+      pe = { ...h.value }, a(Date.now());
     }
     function r() {
-      me = { ...$n }, a(Date.now());
+      pe = { ...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, u), () => {
+      P.removeEventListener(A.SET_SCENE, r), P.removeEventListener(A.SET_OBJECT, u);
     };
   }, []);
-  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: [
+  const t = pe.type.toLowerCase(), i = pe.animations.length > 0 || pe.mixer !== void 0, c = 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: pe.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
         Ct,
@@ -3428,7 +3438,7 @@ function vi(e) {
           type: "string",
           title: "Name",
           prop: "name",
-          value: me.name,
+          value: pe.name,
           disabled: !0
         }
       ),
@@ -3438,7 +3448,7 @@ function vi(e) {
           type: "string",
           title: "Type",
           prop: "type",
-          value: me.type,
+          value: pe.type,
           disabled: !0
         }
       ),
@@ -3448,41 +3458,41 @@ function vi(e) {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: me.uuid,
+          value: pe.uuid,
           disabled: !0
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      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 ? ui(me, e.three) : null
+      mi(pe, e.three),
+      i ? gi(pe, e.three) : null,
+      t.search("camera") > -1 ? fi(pe, e.three) : null,
+      t.search("light") > -1 ? pi(pe, e.three) : null,
+      c ? di(pe, e.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
 function Fi(e) {
   const [n] = G([]), [a, t] = G(0), i = (r) => {
     n.push(r.value), t(Date.now());
-  }, o = (r) => {
+  }, c = (r) => {
     const h = r.value;
-    for (let u = 0; u < n.length; u++)
-      if (h.uuid === n[u].uuid) {
-        n.splice(u, 1), t(Date.now());
+    for (let d = 0; d < n.length; d++)
+      if (h.uuid === n[d].uuid) {
+        n.splice(d, 1), t(Date.now());
         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, c), () => {
+    P.removeEventListener(A.ADD_SCENE, i), P.removeEventListener(A.REMOVE_SCENE, c);
   }), []);
-  const d = [];
+  const u = [];
   return n.forEach((r, h) => {
-    d.push(
-      /* @__PURE__ */ l.jsx(Gt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ha, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
+    u.push(
+      /* @__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,
+    u,
     /* @__PURE__ */ l.jsx(vi, { three: e.three })
   ] }, `SidePanel ${a}`);
 }
@@ -3490,65 +3500,69 @@ function Ui(e) {
   return Re(() => {
     function n(r) {
       let h = null;
-      return e.three.scenes.forEach((u) => {
-        r.search(u.uuid) > -1 && (h = u);
+      return e.three.scenes.forEach((d) => {
+        r.search(d.uuid) > -1 && (h = d);
       }), h;
     }
     const a = (r) => {
-      const h = r.value, u = n(h), f = u?.getObjectByProperty("uuid", h);
-      f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, u);
-    }, t = (r, h, u) => {
+      const h = r.value, d = n(h), f = d?.getObjectByProperty("uuid", h);
+      f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, d);
+    }, t = (r, h, d) => {
       const f = n(r), m = f?.getObjectByProperty("uuid", r);
-      m !== void 0 ? te(m, h, u) : console.log(`Hermes - can't set object: ${r}`, f);
+      m !== void 0 ? ne(m, h, d) : 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, { key: d, value: f, uuid: m } = h;
+      t(m, d, f);
+    }, c = (r) => {
       const h = r.value, f = n(h.uuid)?.getObjectByProperty("uuid", h.uuid);
-      f !== void 0 && Ln(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 g = h.key.split(".");
-        switch (g.length) {
-          case 1:
-            f[g[0]] = m;
-            break;
-          case 2:
-            f[g[0]][g[1]] = m;
-            break;
-          case 3:
-            f[g[0]][g[1]][g[2]] = m;
-            break;
-          case 4:
-            f[g[0]][g[1]][g[2]][g[3]] = m;
-            break;
-          case 5:
-            f[g[0]][g[1]][g[2]][g[3]][g[4]] = m;
-            break;
-        }
-        f.material.needsUpdate = !0;
-      });
-    }, d = (r) => {
-      const { key: h, uuid: u, value: f, subitem: m } = r.value, S = n(u)?.getObjectByProperty("uuid", u);
-      if (S !== void 0)
+      if (f !== void 0) {
+        const m = (v) => {
+          const x = h.key.split(".");
+          switch (x.length) {
+            case 1:
+              f[x[0]] = v;
+              break;
+            case 2:
+              f[x[0]][x[1]] = v;
+              break;
+            case 3:
+              f[x[0]][x[1]][x[2]] = v;
+              break;
+            case 4:
+              f[x[0]][x[1]][x[2]][x[3]] = v;
+              break;
+            case 5:
+              f[x[0]][x[1]][x[2]][x[3]][x[4]] = v;
+              break;
+          }
+          f.material.needsUpdate = !0;
+        };
+        h.value.src.length > 0 ? Bn(h.value.src).then((v) => {
+          v.offset.set(h.value.offset[0], h.value.offset[1]), v.repeat.set(h.value.repeat[0], h.value.repeat[1]), m(v);
+        }) : m(null);
+      }
+    }, u = (r) => {
+      const { key: h, uuid: d, value: f, subitem: m } = r.value, x = n(d)?.getObjectByProperty("uuid", d);
+      if (x !== void 0)
         try {
-          m !== void 0 ? Ia(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(x, m)[h](f) : x[h](f);
+        } catch (_) {
+          console.log("Error requesting method:"), console.log(_), 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, c), P.addEventListener(A.REQUEST_METHOD, u), () => {
+      P.removeEventListener(A.GET_OBJECT, a), P.removeEventListener(A.UPDATE_OBJECT, i), P.removeEventListener(A.CREATE_TEXTURE, c), P.removeEventListener(A.REQUEST_METHOD, u);
     };
   }, []), null;
 }
-class bi extends oa {
+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 qt();
     i.setAttribute("position", new Kt(t, 3)), i.computeBoundingSphere();
-    const o = new ca({ 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 qt();
-    r.setAttribute("position", new Kt(d, 3)), r.computeBoundingSphere(), this.add(new Pn(r, new An({ side: gn, fog: !1 })));
+    const c = new la({ fog: !1 });
+    super(i, c), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
+    const u = [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(u, 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 +3578,62 @@ class bi extends oa {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const dn = { type: "change" }, jt = { type: "start" }, hn = { type: "end" }, Et = new la(), fn = new ua(), yi = Math.cos(70 * da.DEG2RAD);
-class Ei extends mn {
+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: 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() {
+    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new Q(), this.cursor = new Q(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: 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", lt), this._domElementKeyEvents = c;
+    }, this.listenToKeyEvents = function(o) {
+      o.addEventListener("keydown", lt), this._domElementKeyEvents = o;
     }, this.stopListenToKeyEvents = function() {
       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(dn), t.update(), o = i.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(hn), t.update(), c = i.NONE;
     }, this.update = function() {
-      const c = new J(), E = new Xt().setFromUnitVectors(n.up, new J(0, 1, 0)), k = E.clone().invert(), F = new J(), re = new Xt(), xe = new J(), de = 2 * Math.PI;
+      const o = new Q(), E = new Xt().setFromUnitVectors(n.up, new Q(0, 1, 0)), D = E.clone().invert(), L = new Q(), se = new Xt(), xe = new Q(), he = 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 && 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);
+        o.copy(bt).sub(t.target), o.applyQuaternion(E), r.setFromVector3(o), t.autoRotate && c === 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);
+        isFinite(Se) && isFinite(Ce) && (Se < -Math.PI ? Se += he : Se > Math.PI && (Se -= he), Ce < -Math.PI ? Ce += he : Ce > Math.PI && (Ce -= he), 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)
+        if (t.zoomToCursor && ue || t.object.isOrthographicCamera)
           r.radius = Ae(r.radius);
         else {
           const Oe = r.radius;
-          r.radius = Ae(r.radius * u), Xe = Oe != r.radius;
+          r.radius = Ae(r.radius * d), 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 && ge) {
+        if (o.setFromSpherical(r), o.applyQuaternion(D), bt.copy(t.target).add(o), 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 && ue) {
           let Oe = null;
           if (t.object.isPerspectiveCamera) {
-            const He = c.length();
-            Oe = Ae(He * u);
+            const He = o.length();
+            Oe = Ae(He * d);
             const nt = He - Oe;
-            t.object.position.addScaledVector(X, nt), t.object.updateMatrixWorld(), Xe = !!nt;
+            t.object.position.addScaledVector(M, nt), t.object.updateMatrixWorld(), Xe = !!nt;
           } else if (t.object.isOrthographicCamera) {
-            const He = new J(ne.x, ne.y, 0);
+            const He = new Q(Z.x, Z.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();
+            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), Xe = nt !== t.object.zoom;
+            const yt = new Q(Z.x, Z.y, 0);
+            yt.unproject(t.object), t.object.position.sub(yt).add(He), t.object.updateMatrixWorld(), Oe = o.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)) < yi ? n.lookAt(t.target) : (fn.setFromNormalAndCoplanarPoint(t.object.up, t.target), Et.intersectPlane(fn, 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(), Xe = !0);
+          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Xe = !0);
         }
-        return u = 1, ge = !1, Xe || F.distanceToSquared(t.object.position) > d || 8 * (1 - re.dot(t.object.quaternion)) > d || xe.distanceToSquared(t.target) > d ? (t.dispatchEvent(dn), F.copy(t.object.position), re.copy(t.object.quaternion), xe.copy(t.target), !0) : !1;
+        return d = 1, ue = !1, Xe || L.distanceToSquared(t.object.position) > u || 8 * (1 - se.dot(t.object.quaternion)) > u || xe.distanceToSquared(t.target) > u ? (t.dispatchEvent(hn), L.copy(t.object.position), se.copy(t.object.quaternion), xe.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", tt), t.domElement.removeEventListener("pointerdown", x), t.domElement.removeEventListener("pointercancel", Z), t.domElement.removeEventListener("wheel", Q), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", Z), t.domElement.getRootNode().removeEventListener("keydown", ze, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", lt), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", tt), t.domElement.removeEventListener("pointerdown", S), t.domElement.removeEventListener("pointercancel", J), t.domElement.removeEventListener("wheel", ee), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", J), 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,
@@ -3631,184 +3645,184 @@ class Ei extends mn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let o = i.NONE;
-    const d = 1e-6, r = new Zt(), h = new Zt();
-    let u = 1;
-    const f = new J(), m = new pe(), g = new pe(), S = new pe(), A = new pe(), N = new pe(), V = new pe(), R = new pe(), L = 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);
+    let c = i.NONE;
+    const u = 1e-6, r = new Zt(), h = new Zt();
+    let d = 1;
+    const f = new Q(), m = new ge(), v = new ge(), x = new ge(), _ = new ge(), q = new ge(), U = new ge(), $ = new ge(), C = new ge(), K = new ge(), M = new Q(), Z = new ge();
+    let ue = !1;
+    const H = [], ve = {};
+    let re = !1;
+    function _e(o) {
+      return o !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
+    }
+    function ke(o) {
+      const E = Math.abs(o * 0.01);
       return Math.pow(0.95, t.zoomSpeed * E);
     }
-    function ye(c) {
-      h.theta -= c;
+    function ye(o) {
+      h.theta -= o;
     }
-    function U(c) {
-      h.phi -= c;
+    function B(o) {
+      h.phi -= o;
     }
     const Ee = function() {
-      const c = new J();
-      return function(k, F) {
-        c.setFromMatrixColumn(F, 0), c.multiplyScalar(-k), f.add(c);
+      const o = new Q();
+      return function(D, L) {
+        o.setFromMatrixColumn(L, 0), o.multiplyScalar(-D), f.add(o);
       };
-    }(), O = function() {
-      const c = new J();
-      return function(k, F) {
-        t.screenSpacePanning === !0 ? c.setFromMatrixColumn(F, 1) : (c.setFromMatrixColumn(F, 0), c.crossVectors(t.object.up, c)), c.multiplyScalar(k), f.add(c);
+    }(), R = function() {
+      const o = new Q();
+      return function(D, L) {
+        t.screenSpacePanning === !0 ? o.setFromMatrixColumn(L, 1) : (o.setFromMatrixColumn(L, 0), o.crossVectors(t.object.up, o)), o.multiplyScalar(D), f.add(o);
       };
     }(), Me = function() {
-      const c = new J();
-      return function(k, F) {
-        const re = t.domElement;
+      const o = new Q();
+      return function(D, L) {
+        const se = t.domElement;
         if (t.object.isPerspectiveCamera) {
           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), Ee(2 * k * de / re.clientHeight, t.object.matrix), O(2 * F * de / re.clientHeight, t.object.matrix);
+          o.copy(xe).sub(t.target);
+          let he = o.length();
+          he *= Math.tan(t.object.fov / 2 * Math.PI / 180), Ee(2 * D * he / se.clientHeight, t.object.matrix), R(2 * L * he / se.clientHeight, t.object.matrix);
         } else
-          t.object.isOrthographicCamera ? (Ee(k * (t.object.right - t.object.left) / t.object.zoom / re.clientWidth, t.object.matrix), O(F * (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);
+          t.object.isOrthographicCamera ? (Ee(D * (t.object.right - t.object.left) / t.object.zoom / se.clientWidth, t.object.matrix), R(L * (t.object.top - t.object.bottom) / t.object.zoom / se.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 De(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    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 Ie(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function Pe(c, E) {
+    function Pe(o, E) {
       if (!t.zoomToCursor)
         return;
-      ge = !0;
-      const k = t.domElement.getBoundingClientRect(), F = c - k.left, re = E - k.top, xe = k.width, de = k.height;
-      ne.x = F / xe * 2 - 1, ne.y = -(re / de) * 2 + 1, X.set(ne.x, ne.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      ue = !0;
+      const D = t.domElement.getBoundingClientRect(), L = o - D.left, se = E - D.top, xe = D.width, he = D.height;
+      Z.x = L / xe * 2 - 1, Z.y = -(se / he) * 2 + 1, M.set(Z.x, Z.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
-    function Ae(c) {
-      return Math.max(t.minDistance, Math.min(t.maxDistance, c));
+    function Ae(o) {
+      return Math.max(t.minDistance, Math.min(t.maxDistance, o));
     }
-    function je(c) {
-      m.set(c.clientX, c.clientY);
+    function je(o) {
+      m.set(o.clientX, o.clientY);
     }
-    function qe(c) {
-      Pe(c.clientX, c.clientX), R.set(c.clientX, c.clientY);
+    function qe(o) {
+      Pe(o.clientX, o.clientX), $.set(o.clientX, o.clientY);
     }
-    function Ne(c) {
-      A.set(c.clientX, c.clientY);
+    function Ne(o) {
+      _.set(o.clientX, o.clientY);
     }
-    function Ke(c) {
-      g.set(c.clientX, c.clientY), S.subVectors(g, m).multiplyScalar(t.rotateSpeed);
+    function Ke(o) {
+      v.set(o.clientX, o.clientY), x.subVectors(v, m).multiplyScalar(t.rotateSpeed);
       const E = t.domElement;
-      ye(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(g), t.update();
+      ye(2 * Math.PI * x.x / E.clientHeight), B(2 * Math.PI * x.y / E.clientHeight), m.copy(v), t.update();
     }
-    function ct(c) {
-      L.set(c.clientX, c.clientY), T.subVectors(L, R), T.y > 0 ? De(ke(T.y)) : T.y < 0 && Ie(ke(T.y)), R.copy(L), t.update();
+    function ct(o) {
+      C.set(o.clientX, o.clientY), K.subVectors(C, $), K.y > 0 ? De(ke(K.y)) : K.y < 0 && Ie(ke(K.y)), $.copy(C), t.update();
     }
-    function Le(c) {
-      N.set(c.clientX, c.clientY), V.subVectors(N, A).multiplyScalar(t.panSpeed), Me(V.x, V.y), A.copy(N), t.update();
+    function Le(o) {
+      q.set(o.clientX, o.clientY), U.subVectors(q, _).multiplyScalar(t.panSpeed), Me(U.x, U.y), _.copy(q), 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 ae(o) {
+      Pe(o.clientX, o.clientY), o.deltaY < 0 ? Ie(ke(o.deltaY)) : o.deltaY > 0 && De(ke(o.deltaY)), t.update();
     }
-    function fe(c) {
+    function me(o) {
       let E = !1;
-      switch (c.code) {
+      switch (o.code) {
         case t.keys.UP:
-          c.ctrlKey || c.metaKey || c.shiftKey ? U(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, t.keyPanSpeed), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, t.keyPanSpeed), E = !0;
           break;
         case t.keys.BOTTOM:
-          c.ctrlKey || c.metaKey || c.shiftKey ? U(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, -t.keyPanSpeed), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(0, -t.keyPanSpeed), E = !0;
           break;
         case t.keys.LEFT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? ye(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(t.keyPanSpeed, 0), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? ye(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(t.keyPanSpeed, 0), E = !0;
           break;
         case t.keys.RIGHT:
-          c.ctrlKey || c.metaKey || c.shiftKey ? ye(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(-t.keyPanSpeed, 0), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? ye(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : Me(-t.keyPanSpeed, 0), E = !0;
           break;
       }
-      E && (c.preventDefault(), t.update());
+      E && (o.preventDefault(), t.update());
     }
-    function Ue(c) {
-      if (q.length === 1)
-        m.set(c.pageX, c.pageY);
+    function Ue(o) {
+      if (H.length === 1)
+        m.set(o.pageX, o.pageY);
       else {
-        const E = We(c), k = 0.5 * (c.pageX + E.x), F = 0.5 * (c.pageY + E.y);
-        m.set(k, F);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        m.set(D, L);
       }
     }
-    function Be(c) {
-      if (q.length === 1)
-        A.set(c.pageX, c.pageY);
+    function Be(o) {
+      if (H.length === 1)
+        _.set(o.pageX, o.pageY);
       else {
-        const E = We(c), k = 0.5 * (c.pageX + E.x), F = 0.5 * (c.pageY + E.y);
-        A.set(k, F);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        _.set(D, L);
       }
     }
-    function be(c) {
-      const E = We(c), k = c.pageX - E.x, F = c.pageY - E.y, re = Math.sqrt(k * k + F * F);
-      R.set(0, re);
+    function be(o) {
+      const E = We(o), D = o.pageX - E.x, L = o.pageY - E.y, se = Math.sqrt(D * D + L * L);
+      $.set(0, se);
     }
-    function v(c) {
-      t.enableZoom && be(c), t.enablePan && Be(c);
+    function g(o) {
+      t.enableZoom && be(o), t.enablePan && Be(o);
     }
-    function b(c) {
-      t.enableZoom && be(c), t.enableRotate && Ue(c);
+    function b(o) {
+      t.enableZoom && be(o), t.enableRotate && Ue(o);
     }
-    function w(c) {
-      if (q.length == 1)
-        g.set(c.pageX, c.pageY);
+    function O(o) {
+      if (H.length == 1)
+        v.set(o.pageX, o.pageY);
       else {
-        const k = We(c), F = 0.5 * (c.pageX + k.x), re = 0.5 * (c.pageY + k.y);
-        g.set(F, re);
+        const D = We(o), L = 0.5 * (o.pageX + D.x), se = 0.5 * (o.pageY + D.y);
+        v.set(L, se);
       }
-      S.subVectors(g, m).multiplyScalar(t.rotateSpeed);
+      x.subVectors(v, m).multiplyScalar(t.rotateSpeed);
       const E = t.domElement;
-      ye(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(g);
+      ye(2 * Math.PI * x.x / E.clientHeight), B(2 * Math.PI * x.y / E.clientHeight), m.copy(v);
     }
-    function j(c) {
-      if (q.length === 1)
-        N.set(c.pageX, c.pageY);
+    function j(o) {
+      if (H.length === 1)
+        q.set(o.pageX, o.pageY);
       else {
-        const E = We(c), k = 0.5 * (c.pageX + E.x), F = 0.5 * (c.pageY + E.y);
-        N.set(k, F);
+        const E = We(o), D = 0.5 * (o.pageX + E.x), L = 0.5 * (o.pageY + E.y);
+        q.set(D, L);
       }
-      V.subVectors(N, A).multiplyScalar(t.panSpeed), Me(V.x, V.y), A.copy(N);
+      U.subVectors(q, _).multiplyScalar(t.panSpeed), Me(U.x, U.y), _.copy(q);
     }
-    function oe(c) {
-      const E = We(c), k = c.pageX - E.x, F = c.pageY - E.y, re = Math.sqrt(k * k + F * F);
-      L.set(0, re), T.set(0, Math.pow(L.y / R.y, t.zoomSpeed)), De(T.y), R.copy(L);
-      const xe = (c.pageX + E.x) * 0.5, de = (c.pageY + E.y) * 0.5;
-      Pe(xe, de);
+    function ce(o) {
+      const E = We(o), D = o.pageX - E.x, L = o.pageY - E.y, se = Math.sqrt(D * D + L * L);
+      C.set(0, se), K.set(0, Math.pow(C.y / $.y, t.zoomSpeed)), De(K.y), $.copy(C);
+      const xe = (o.pageX + E.x) * 0.5, he = (o.pageY + E.y) * 0.5;
+      Pe(xe, he);
     }
-    function ue(c) {
-      t.enableZoom && oe(c), t.enablePan && j(c);
+    function de(o) {
+      t.enableZoom && ce(o), t.enablePan && j(o);
     }
-    function M(c) {
-      t.enableZoom && oe(c), t.enableRotate && w(c);
+    function T(o) {
+      t.enableZoom && ce(o), t.enableRotate && O(o);
     }
-    function x(c) {
-      t.enabled !== !1 && (q.length === 0 && (t.domElement.setPointerCapture(c.pointerId), t.domElement.addEventListener("pointermove", z), t.domElement.addEventListener("pointerup", Z)), !Dt(c) && (_t(c), c.pointerType === "touch" ? ut(c) : _(c)));
+    function S(o) {
+      t.enabled !== !1 && (H.length === 0 && (t.domElement.setPointerCapture(o.pointerId), t.domElement.addEventListener("pointermove", z), t.domElement.addEventListener("pointerup", J)), !Dt(o) && (_t(o), o.pointerType === "touch" ? ut(o) : k(o)));
     }
-    function z(c) {
-      t.enabled !== !1 && (c.pointerType === "touch" ? pt(c) : H(c));
+    function z(o) {
+      t.enabled !== !1 && (o.pointerType === "touch" ? pt(o) : Y(o));
     }
-    function Z(c) {
-      switch (kt(c), q.length) {
+    function J(o) {
+      switch (kt(o), H.length) {
         case 0:
-          t.domElement.releasePointerCapture(c.pointerId), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", Z), t.dispatchEvent(hn), o = i.NONE;
+          t.domElement.releasePointerCapture(o.pointerId), t.domElement.removeEventListener("pointermove", z), t.domElement.removeEventListener("pointerup", J), t.dispatchEvent(fn), c = i.NONE;
           break;
         case 1:
-          const E = q[0], k = ve[E];
-          ut({ pointerId: E, pageX: k.x, pageY: k.y });
+          const E = H[0], D = ve[E];
+          ut({ pointerId: E, pageX: D.x, pageY: D.y });
           break;
       }
     }
-    function _(c) {
+    function k(o) {
       let E;
-      switch (c.button) {
+      switch (o.button) {
         case 0:
           E = t.mouseButtons.LEFT;
           break;
@@ -3825,98 +3839,98 @@ class Ei extends mn {
         case it.DOLLY:
           if (t.enableZoom === !1)
             return;
-          qe(c), o = i.DOLLY;
+          qe(o), c = i.DOLLY;
           break;
         case it.ROTATE:
-          if (c.ctrlKey || c.metaKey || c.shiftKey) {
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enablePan === !1)
               return;
-            Ne(c), o = i.PAN;
+            Ne(o), c = i.PAN;
           } else {
             if (t.enableRotate === !1)
               return;
-            je(c), o = i.ROTATE;
+            je(o), c = i.ROTATE;
           }
           break;
         case it.PAN:
-          if (c.ctrlKey || c.metaKey || c.shiftKey) {
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enableRotate === !1)
               return;
-            je(c), o = i.ROTATE;
+            je(o), c = i.ROTATE;
           } else {
             if (t.enablePan === !1)
               return;
-            Ne(c), o = i.PAN;
+            Ne(o), c = i.PAN;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(jt);
+      c !== i.NONE && t.dispatchEvent(jt);
     }
-    function H(c) {
-      switch (o) {
+    function Y(o) {
+      switch (c) {
         case i.ROTATE:
           if (t.enableRotate === !1)
             return;
-          Ke(c);
+          Ke(o);
           break;
         case i.DOLLY:
           if (t.enableZoom === !1)
             return;
-          ct(c);
+          ct(o);
           break;
         case i.PAN:
           if (t.enablePan === !1)
             return;
-          Le(c);
+          Le(o);
           break;
       }
     }
-    function Q(c) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(jt), ae($e(c)), t.dispatchEvent(hn));
+    function ee(o) {
+      t.enabled === !1 || t.enableZoom === !1 || c !== i.NONE || (o.preventDefault(), t.dispatchEvent(jt), ae($e(o)), t.dispatchEvent(fn));
     }
-    function $e(c) {
-      const E = c.deltaMode, k = {
-        clientX: c.clientX,
-        clientY: c.clientY,
-        deltaY: c.deltaY
+    function $e(o) {
+      const E = o.deltaMode, D = {
+        clientX: o.clientX,
+        clientY: o.clientY,
+        deltaY: o.deltaY
       };
       switch (E) {
         case 1:
-          k.deltaY *= 16;
+          D.deltaY *= 16;
           break;
         case 2:
-          k.deltaY *= 100;
+          D.deltaY *= 100;
           break;
       }
-      return c.ctrlKey && !le && (k.deltaY *= 10), k;
+      return o.ctrlKey && !re && (D.deltaY *= 10), D;
     }
-    function ze(c) {
-      c.key === "Control" && (le = !0, t.domElement.getRootNode().addEventListener("keyup", Ge, { passive: !0, capture: !0 }));
+    function ze(o) {
+      o.key === "Control" && (re = !0, t.domElement.getRootNode().addEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function Ge(c) {
-      c.key === "Control" && (le = !1, t.domElement.getRootNode().removeEventListener("keyup", Ge, { passive: !0, capture: !0 }));
+    function Ge(o) {
+      o.key === "Control" && (re = !1, t.domElement.getRootNode().removeEventListener("keyup", Ge, { passive: !0, capture: !0 }));
     }
-    function lt(c) {
-      t.enabled === !1 || t.enablePan === !1 || fe(c);
+    function lt(o) {
+      t.enabled === !1 || t.enablePan === !1 || me(o);
     }
-    function ut(c) {
-      switch (gt(c), q.length) {
+    function ut(o) {
+      switch (gt(o), H.length) {
         case 1:
           switch (t.touches.ONE) {
             case rt.ROTATE:
               if (t.enableRotate === !1)
                 return;
-              Ue(c), o = i.TOUCH_ROTATE;
+              Ue(o), c = i.TOUCH_ROTATE;
               break;
             case rt.PAN:
               if (t.enablePan === !1)
                 return;
-              Be(c), o = i.TOUCH_PAN;
+              Be(o), c = i.TOUCH_PAN;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         case 2:
@@ -3924,77 +3938,77 @@ class Ei extends mn {
             case rt.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1)
                 return;
-              v(c), o = i.TOUCH_DOLLY_PAN;
+              g(o), c = i.TOUCH_DOLLY_PAN;
               break;
             case rt.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1)
                 return;
-              b(c), o = i.TOUCH_DOLLY_ROTATE;
+              b(o), c = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(jt);
+      c !== i.NONE && t.dispatchEvent(jt);
     }
-    function pt(c) {
-      switch (gt(c), o) {
+    function pt(o) {
+      switch (gt(o), c) {
         case i.TOUCH_ROTATE:
           if (t.enableRotate === !1)
             return;
-          w(c), t.update();
+          O(o), t.update();
           break;
         case i.TOUCH_PAN:
           if (t.enablePan === !1)
             return;
-          j(c), t.update();
+          j(o), t.update();
           break;
         case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1)
             return;
-          ue(c), t.update();
+          de(o), t.update();
           break;
         case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1)
             return;
-          M(c), t.update();
+          T(o), t.update();
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
     }
-    function tt(c) {
-      t.enabled !== !1 && c.preventDefault();
+    function tt(o) {
+      t.enabled !== !1 && o.preventDefault();
     }
-    function _t(c) {
-      q.push(c.pointerId);
+    function _t(o) {
+      H.push(o.pointerId);
     }
-    function kt(c) {
-      delete ve[c.pointerId];
-      for (let E = 0; E < q.length; E++)
-        if (q[E] == c.pointerId) {
-          q.splice(E, 1);
+    function kt(o) {
+      delete ve[o.pointerId];
+      for (let E = 0; E < H.length; E++)
+        if (H[E] == o.pointerId) {
+          H.splice(E, 1);
           return;
         }
     }
-    function Dt(c) {
-      for (let E = 0; E < q.length; E++)
-        if (q[E] == c.pointerId)
+    function Dt(o) {
+      for (let E = 0; E < H.length; E++)
+        if (H[E] == o.pointerId)
           return !0;
       return !1;
     }
-    function gt(c) {
-      let E = ve[c.pointerId];
-      E === void 0 && (E = new pe(), ve[c.pointerId] = E), E.set(c.pageX, c.pageY);
+    function gt(o) {
+      let E = ve[o.pointerId];
+      E === void 0 && (E = new ge(), ve[o.pointerId] = E), E.set(o.pageX, o.pageY);
     }
-    function We(c) {
-      const E = c.pointerId === q[0] ? q[1] : q[0];
+    function We(o) {
+      const E = o.pointerId === H[0] ? H[1] : H[0];
       return ve[E];
     }
-    t.domElement.addEventListener("contextmenu", tt), t.domElement.addEventListener("pointerdown", x), t.domElement.addEventListener("pointercancel", Z), t.domElement.addEventListener("wheel", Q, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", ze, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", tt), t.domElement.addEventListener("pointerdown", S), t.domElement.addEventListener("pointercancel", J), t.domElement.addEventListener("wheel", ee, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", ze, { passive: !0, capture: !0 }), this.update();
   }
 }
 function ot(e, n, a, t, i) {
@@ -4003,15 +4017,15 @@ function ot(e, n, a, t, i) {
 const wt = (e) => {
   const [n, a] = G(e.options[e.index]), t = () => {
     e.onToggle(!e.open);
-  }, i = (o) => {
-    o !== n && (e.onSelect(o), a(o)), e.onToggle(!1);
+  }, i = (c) => {
+    c !== n && (e.onSelect(c), a(c)), e.onToggle(!1);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${e.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: t, children: n }),
-    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
+    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(c), children: c }, c)) })
   ] });
-}, Ze = Ta(function(n, a) {
-  const [t, i] = G(!1), o = n.options.indexOf(n.camera.name);
+}, Ze = Ra(function(n, a) {
+  const [t, i] = G(!1), c = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       t && i(!1);
@@ -4019,27 +4033,27 @@ const wt = (e) => {
     /* @__PURE__ */ l.jsx(
       wt,
       {
-        index: o,
+        index: c,
         open: t,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (d) => {
-          i(d);
+        onToggle: (u) => {
+          i(u);
         },
         up: !0
       }
     )
   ] });
 });
-class xi extends jn {
+class xi extends In {
   constructor(n) {
     super({
       extensions: {
         // @ts-ignore
         derivatives: !0
       },
-      glslVersion: ha,
-      side: vn,
+      glslVersion: fa,
+      side: bn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -4144,11 +4158,11 @@ class xi extends jn {
     });
   }
 }
-class Si extends Pn {
+class Si extends An {
   gridMaterial;
   constructor() {
     const n = new xi();
-    super(new fa(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    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;
@@ -4193,7 +4207,7 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Mi extends jn {
+class Mi extends In {
   constructor() {
     super({
       defines: {
@@ -4204,36 +4218,36 @@ class Mi extends jn {
     });
   }
 }
-let xt = "Renderer", Te, It = !1, K = null, ce = null, Ye = null, Ve = null;
+let xt = "Renderer", Te, It = !1, X = null, le = 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 ma(), []), g = se(() => new pa(), []), S = se(() => new Si(), []), A = se(() => new Jt(500), []), N = se(() => new Jt(100), []), V = se(() => new ga(), []), R = se(() => new va(), []), L = se(() => new Mi(), []), T = se(() => new An({
+  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", c = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", u = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = oe(() => /* @__PURE__ */ new Map(), []), h = oe(() => /* @__PURE__ */ new Map(), []), d = oe(() => /* @__PURE__ */ new Map(), []), f = oe(() => /* @__PURE__ */ new Map(), []), m = oe(() => new pa(), []), v = oe(() => new ga(), []), x = oe(() => new Si(), []), _ = oe(() => new Jt(500), []), q = oe(() => new Jt(100), []), U = oe(() => new va(), []), $ = oe(() => new ba(), []), C = oe(() => new Mi(), []), K = oe(() => new jn({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function X(v, b) {
-    const w = new Qt(-100, 100, 100, -100, 50, 5e3);
-    return w.name = v, w.position.copy(b), w.lookAt(0, 0, 0), r.set(v, w), w;
+  function M(g, b) {
+    const O = new Qt(-100, 100, 100, -100, 50, 5e3);
+    return O.name = g, O.position.copy(b), O.lookAt(0, 0, 0), r.set(g, O), O;
   }
-  const ne = [
+  const Z = [
     "Renderer",
     "Depth",
     "Normals",
     "UVs",
     "Wireframe"
-  ], ge = [
+  ], ue = [
     "Single",
     "Side by Side",
     "Stacked",
     "Quad"
-  ], q = Y(null), ve = Y(null), le = Y(null), _e = Y(null), ke = Y(null), ye = Y(null), [U, Ee] = G(a !== null ? a : "Single"), [O, Me] = G(null), [De, Ie] = G(!1), [Pe, Ae] = G(!1), [je, qe] = G("Orbit"), [Ne, Ke] = G(!1), [ct, Le] = G(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 ae = (v, b) => {
-    const w = h.get(v.name);
-    if (w !== void 0 && w.dispose(), h.delete(v.name), v.name === "UI")
+  ], H = V(null), ve = V(null), re = V(null), _e = V(null), ke = V(null), ye = V(null), [B, Ee] = G(a !== null ? a : "Single"), [R, Me] = G(null), [De, Ie] = G(!1), [Pe, Ae] = G(!1), [je, qe] = G("Orbit"), [Ne, Ke] = G(!1), [ct, Le] = G(Date.now());
+  localStorage.setItem(`${n}_mode`, B), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, c), localStorage.setItem(`${n}_brCam`, u);
+  const ae = (g, b) => {
+    const O = h.get(g.name);
+    if (O !== void 0 && O.dispose(), h.delete(g.name), g.name === "UI")
       return;
-    const j = new Ei(v, b);
-    switch (j.enableDamping = !0, j.dampingFactor = 0.05, v.name) {
+    const j = new Ei(g, b);
+    switch (j.enableDamping = !0, j.dampingFactor = 0.05, g.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -4243,253 +4257,253 @@ function $i(e) {
         j.enableRotate = !1;
         break;
     }
-    h.set(v.name, j);
-  }, fe = (v) => {
-    const b = u.get(v.name);
-    b !== void 0 && (m.remove(b), b.dispose(), u.delete(v.name));
-    const w = h.get(v.name);
-    w !== void 0 && (w.dispose(), h.delete(v.name));
+    h.set(g.name, j);
+  }, me = (g) => {
+    const b = d.get(g.name);
+    b !== void 0 && (m.remove(b), b.dispose(), d.delete(g.name));
+    const O = h.get(g.name);
+    O !== void 0 && (O.dispose(), h.delete(g.name));
   }, Ue = () => {
-    h.forEach((v, b) => {
-      v.dispose();
-      const w = u.get(b);
-      w !== void 0 && (m.remove(w), w.dispose()), u.delete(b), h.delete(b);
-    }), h.clear(), u.clear();
+    h.forEach((g, b) => {
+      g.dispose();
+      const O = d.get(b);
+      O !== void 0 && (m.remove(O), O.dispose()), d.delete(b), h.delete(b);
+    }), h.clear(), d.clear();
   }, Be = () => {
-    switch (U) {
+    switch (B) {
       case "Single":
-        ae(K, le.current);
+        ae(X, re.current);
         break;
       case "Side by Side":
       case "Stacked":
-        ae(K, le.current), ae(ce, _e.current);
+        ae(X, re.current), ae(le, _e.current);
         break;
       case "Quad":
-        ae(K, le.current), ae(ce, _e.current), ae(Ye, ke.current), ae(Ve, ye.current);
+        ae(X, re.current), ae(le, _e.current), ae(Ye, ke.current), ae(Ve, ye.current);
         break;
     }
   };
   Re(() => {
-    const v = new ba({
-      canvas: q.current,
+    const g = new ya({
+      canvas: H.current,
       stencil: !1
     });
-    v.autoClear = !1, v.shadowMap.enabled = !0, v.setPixelRatio(devicePixelRatio), v.setClearColor(0), e.three.renderer = v, Me(v);
+    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 = "", g.name = "helpers", m.add(g), g.add(S), A.name = "axisHelper", g.add(A), N.name = "interactionHelper", g.add(N), N.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 v = new Pt(60, 1, 50, 5e3);
-    v.name = "Debug", v.position.set(500, 500, 500), v.lookAt(0, 0, 0), r.set("Debug", v), 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`));
+    m.name = "Debug Scene", m.uuid = "", v.name = "helpers", m.add(v), v.add(x), _.name = "axisHelper", v.add(_), q.name = "interactionHelper", v.add(q), q.visible = !1, M("Top", new Q(0, 1e3, 0)), M("Bottom", new Q(0, -1e3, 0)), M("Left", new Q(-1e3, 0, 0)), M("Right", new Q(1e3, 0, 0)), M("Front", new Q(0, 0, 1e3)), M("Back", new Q(0, 0, -1e3)), M("Orthographic", new Q(1e3, 1e3, 1e3)), M("UI", new Q());
+    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), X = r.get(localStorage.getItem(`${n}_tlCam`)), le = r.get(localStorage.getItem(`${n}_trCam`)), Ye = r.get(localStorage.getItem(`${n}_blCam`)), Ve = r.get(localStorage.getItem(`${n}_brCam`));
   }, []), Re(() => {
-    const v = () => {
-      f.forEach((M) => {
-        g.remove(M), M.dispose();
+    const g = () => {
+      f.forEach((T) => {
+        v.remove(T), T.dispose();
       }), f.clear();
     }, b = () => {
-      Te.traverse((M) => {
-        if (M.type.search("Light") > -1) {
-          let x;
-          switch (M.type) {
+      Te.traverse((T) => {
+        if (T.type.search("Light") > -1) {
+          let S;
+          switch (T.type) {
             case "DirectionalLight":
-              x = new wa(M, 100), x.name = `${M.name}Helper`, f.set(M.name, x), g.add(x);
+              S = new Ma(T, 100), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "HemisphereLight":
-              x = new Ca(M, 250), x.name = `${M.name}Helper`, f.set(M.name, x), g.add(x);
+              S = new wa(T, 250), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "RectAreaLight":
-              x = new bi(M), x.name = `${M.name}Helper`, f.set(M.name, x), g.add(x);
+              S = new bi(T), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "PointLight":
-              x = new Sa(M, 100), x.name = `${M.name}Helper`, f.set(M.name, x), g.add(x);
+              S = new Ca(T, 100), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
             case "SpotLight":
-              x = new xa(M), x.name = `${M.name}Helper`, f.set(M.name, x), g.add(x);
+              S = new Sa(T), S.name = `${T.name}Helper`, f.set(T.name, S), v.add(S);
               break;
           }
         }
       });
-    }, w = (M) => {
-      g.add(A), v(), Ot(Te), m.remove(Te);
-      const x = e.scenes.get(M.value.name);
-      if (x !== void 0) {
-        const z = new x();
+    }, O = (T) => {
+      v.add(_), g(), Ot(Te), m.remove(Te);
+      const S = e.scenes.get(T.value.name);
+      if (S !== void 0) {
+        const z = new S();
         e.onSceneSet !== void 0 && e.onSceneSet(z), Te = z, e.three.scene = Te, m.add(Te), It = !0, b();
       }
-    }, j = (M) => {
-      const x = M.value, z = e.three.scene?.getObjectByProperty("uuid", x.uuid);
-      if (z !== void 0 && r.set(x.name, z), z instanceof Pt) {
-        const Z = new Ea(z);
-        u.set(z.name, Z), m.add(Z);
+    }, j = (T) => {
+      const S = T.value, z = e.three.scene?.getObjectByProperty("uuid", S.uuid);
+      if (z !== void 0 && r.set(S.name, z), z instanceof Pt) {
+        const J = new xa(z);
+        d.set(z.name, J), m.add(J);
       }
       Le(Date.now());
-    }, oe = (M) => {
-      const x = u.get(M.value.name);
-      x !== void 0 && (m.remove(x), x.dispose()), r.delete(M.value.name), Le(Date.now());
-    }, ue = (M) => {
-      const x = Te.getObjectByProperty("uuid", M.value.uuid);
-      x && x.add(A);
+    }, ce = (T) => {
+      const S = d.get(T.value.name);
+      S !== void 0 && (m.remove(S), S.dispose()), r.delete(T.value.name), Le(Date.now());
+    }, de = (T) => {
+      const S = Te.getObjectByProperty("uuid", T.value.uuid);
+      S && S.add(_);
     };
-    return D.addEventListener(P.SET_SCENE, w), D.addEventListener(P.ADD_CAMERA, j), D.addEventListener(P.REMOVE_CAMERA, oe), D.addEventListener(P.SET_OBJECT, ue), () => {
-      D.removeEventListener(P.SET_SCENE, w), D.removeEventListener(P.ADD_CAMERA, j), D.removeEventListener(P.REMOVE_CAMERA, oe), D.removeEventListener(P.SET_OBJECT, ue);
+    return P.addEventListener(A.SET_SCENE, O), P.addEventListener(A.ADD_CAMERA, j), P.addEventListener(A.REMOVE_CAMERA, ce), P.addEventListener(A.SET_OBJECT, de), () => {
+      P.removeEventListener(A.SET_SCENE, O), P.removeEventListener(A.ADD_CAMERA, j), P.removeEventListener(A.REMOVE_CAMERA, ce), P.removeEventListener(A.SET_OBJECT, de);
     };
   }, []), Re(() => {
-    if (O === null)
+    if (R === null)
       return;
-    let v = window.innerWidth, b = window.innerHeight, w = Math.floor(v / 2), j = Math.floor(b / 2), oe = -1;
-    const ue = () => {
-      v = window.innerWidth - 300, b = window.innerHeight, w = Math.floor(v / 2), j = Math.floor(b / 2), e.three.resize(v, b), e.onSceneResize !== void 0 && It && e.onSceneResize(Te, v, b);
-      let _ = v, H = b;
-      switch (U) {
+    let g = window.innerWidth, b = window.innerHeight, O = Math.floor(g / 2), j = Math.floor(b / 2), ce = -1;
+    const de = () => {
+      g = window.innerWidth - 300, b = window.innerHeight, O = Math.floor(g / 2), j = Math.floor(b / 2), e.three.resize(g, b), e.onSceneResize !== void 0 && It && e.onSceneResize(Te, g, b);
+      let k = g, Y = b;
+      switch (B) {
         case "Side by Side":
-          _ = w, H = b;
+          k = O, Y = b;
           break;
         case "Stacked":
-          _ = v, H = j;
+          k = g, Y = j;
           break;
         case "Quad":
-          _ = w, H = j;
+          k = O, Y = j;
           break;
       }
-      r.forEach((Q) => {
-        Q instanceof Qt ? (Q.left = _ / -2, Q.right = _ / 2, Q.top = H / 2, Q.bottom = H / -2, Q.name === "UI" && (Q.position.x = v / 2, Q.position.y = b / -2, Q.position.z = 100), Q.updateProjectionMatrix()) : Q instanceof Pt && (Q.aspect = _ / H, Q.updateProjectionMatrix(), u.get(Q.name)?.update());
+      r.forEach((ee) => {
+        ee instanceof Qt ? (ee.left = k / -2, ee.right = k / 2, ee.top = Y / 2, ee.bottom = Y / -2, ee.name === "UI" && (ee.position.x = g / 2, ee.position.y = b / -2, ee.position.z = 100), ee.updateProjectionMatrix()) : ee instanceof Pt && (ee.aspect = k / Y, ee.updateProjectionMatrix(), d.get(ee.name)?.update());
       });
-    }, M = () => {
-      O.setViewport(0, 0, v, b), O.setScissor(0, 0, v, b), O.render(m, K);
-    }, x = () => {
-      if (U === "Side by Side")
-        O.setViewport(0, 0, w, b), O.setScissor(0, 0, w, b), O.render(m, K), O.setViewport(w, 0, w, b), O.setScissor(w, 0, w, b), O.render(m, ce);
+    }, T = () => {
+      R.setViewport(0, 0, g, b), R.setScissor(0, 0, g, b), R.render(m, X);
+    }, S = () => {
+      if (B === "Side by Side")
+        R.setViewport(0, 0, O, b), R.setScissor(0, 0, O, b), R.render(m, X), R.setViewport(O, 0, O, b), R.setScissor(O, 0, O, b), R.render(m, le);
       else {
-        const _ = b - j;
-        O.setViewport(0, _, v, j), O.setScissor(0, _, v, j), O.render(m, K), O.setViewport(0, 0, v, j), O.setScissor(0, 0, v, j), O.render(m, ce);
+        const k = b - j;
+        R.setViewport(0, k, g, j), R.setScissor(0, k, g, j), R.render(m, X), R.setViewport(0, 0, g, j), R.setScissor(0, 0, g, j), R.render(m, le);
       }
     }, z = () => {
-      let _ = 0, H = 0;
-      H = b - j, _ = 0, O.setViewport(_, H, w, j), O.setScissor(_, H, w, j), O.render(m, K), _ = w, O.setViewport(_, H, w, j), O.setScissor(_, H, w, j), O.render(m, ce), H = 0, _ = 0, O.setViewport(_, H, w, j), O.setScissor(_, H, w, j), O.render(m, Ye), _ = w, O.setViewport(_, H, w, j), O.setScissor(_, H, w, j), O.render(m, Ve);
-    }, Z = () => {
-      switch (h.forEach((_) => {
-        _.update();
-      }), u.forEach((_) => {
-        _.update();
-      }), f.forEach((_) => {
-        _.update !== void 0 && _.update();
-      }), e.onSceneUpdate !== void 0 && It && e.onSceneUpdate(Te), O.clear(), U) {
+      let k = 0, Y = 0;
+      Y = b - j, k = 0, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, X), k = O, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, le), Y = 0, k = 0, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, Ye), k = O, R.setViewport(k, Y, O, j), R.setScissor(k, Y, O, j), R.render(m, Ve);
+    }, J = () => {
+      switch (h.forEach((k) => {
+        k.update();
+      }), d.forEach((k) => {
+        k.update();
+      }), f.forEach((k) => {
+        k.update !== void 0 && k.update();
+      }), e.onSceneUpdate !== void 0 && It && e.onSceneUpdate(Te), R.clear(), B) {
         case "Single":
-          M();
+          T();
           break;
         case "Side by Side":
         case "Stacked":
-          x();
+          S();
           break;
         case "Quad":
           z();
           break;
       }
-      oe = requestAnimationFrame(Z);
+      ce = requestAnimationFrame(J);
     };
-    return Be(), window.addEventListener("resize", ue), ue(), Z(), () => {
-      window.removeEventListener("resize", ue), cancelAnimationFrame(oe), oe = -1;
+    return Be(), window.addEventListener("resize", de), de(), J(), () => {
+      window.removeEventListener("resize", de), cancelAnimationFrame(ce), ce = -1;
     };
-  }, [U, O]), Re(() => {
-    if (O !== null) {
-      const v = new ya(), b = new pe(), w = (M, x, z, Z) => {
-        switch (U) {
+  }, [B, R]), Re(() => {
+    if (R !== null) {
+      const g = new Ea(), b = new ge(), O = (T, S, z, J) => {
+        switch (B) {
           case "Quad":
-            M < z ? x < Z ? v.setFromCamera(b, K) : v.setFromCamera(b, Ye) : x < Z ? v.setFromCamera(b, ce) : v.setFromCamera(b, Ve);
+            T < z ? S < J ? g.setFromCamera(b, X) : g.setFromCamera(b, Ye) : S < J ? g.setFromCamera(b, le) : g.setFromCamera(b, Ve);
             break;
           case "Side by Side":
-            M < z ? v.setFromCamera(b, K) : v.setFromCamera(b, ce);
+            T < z ? g.setFromCamera(b, X) : g.setFromCamera(b, le);
             break;
           case "Single":
-            v.setFromCamera(b, K);
+            g.setFromCamera(b, X);
             break;
           case "Stacked":
-            x < Z ? v.setFromCamera(b, K) : v.setFromCamera(b, ce);
+            S < J ? g.setFromCamera(b, X) : g.setFromCamera(b, le);
             break;
         }
-      }, j = (M) => {
+      }, j = (T) => {
         if (je === "Orbit")
           return;
-        const x = new pe();
-        O.getSize(x);
-        const z = Math.min(M.clientX, x.x), Z = Math.min(M.clientY, x.y);
-        b.x = ot(z, 0, x.x, -1, 1), b.y = ot(Z, 0, x.y, 1, -1);
-        const _ = x.x / 2, H = x.y / 2, Q = () => {
-          z < _ ? b.x = ot(z, 0, _, -1, 1) : b.x = ot(z, _, x.x, -1, 1);
+        const S = new ge();
+        R.getSize(S);
+        const z = Math.min(T.clientX, S.x), J = Math.min(T.clientY, S.y);
+        b.x = ot(z, 0, S.x, -1, 1), b.y = ot(J, 0, S.y, 1, -1);
+        const k = S.x / 2, Y = S.y / 2, ee = () => {
+          z < k ? b.x = ot(z, 0, k, -1, 1) : b.x = ot(z, k, S.x, -1, 1);
         }, $e = () => {
-          Z < H ? b.y = ot(Z, 0, H, 1, -1) : b.y = ot(Z, H, x.y, 1, -1);
+          J < Y ? b.y = ot(J, 0, Y, 1, -1) : b.y = ot(J, Y, S.y, 1, -1);
         };
-        switch (U) {
+        switch (B) {
           case "Quad":
-            Q(), $e();
+            ee(), $e();
             break;
           case "Side by Side":
-            Q();
+            ee();
             break;
           case "Stacked":
             $e(), $e();
             break;
         }
-        w(z, Z, _, H);
-        const ze = v.intersectObjects(Te.children);
-        ze.length > 0 && N.position.copy(ze[0].point);
-      }, oe = (M) => {
+        O(z, J, k, Y);
+        const ze = g.intersectObjects(Te.children);
+        ze.length > 0 && q.position.copy(ze[0].point);
+      }, ce = (T) => {
         if (je === "Orbit")
           return;
-        const x = new pe();
-        if (O.getSize(x), M.clientX >= x.x)
+        const S = new ge();
+        if (R.getSize(S), T.clientX >= S.x)
           return;
-        j(M);
-        const z = v.intersectObjects(Te.children);
-        z.length > 0 && (e.three.getObject(z[0].object.uuid), N.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);
+        j(T);
+        const z = g.intersectObjects(Te.children);
+        z.length > 0 && (e.three.getObject(z[0].object.uuid), q.visible = !1, qe("Orbit"), Le(Date.now()));
+      }, de = ve.current;
+      return de.addEventListener("mousemove", j, !1), de.addEventListener("click", ce, !1), () => {
+        de.removeEventListener("mousemove", j), de.removeEventListener("click", ce);
       };
     }
-  }, [U, O, je]);
+  }, [B, R, je]);
   const be = [];
-  return r.forEach((v, b) => {
+  return r.forEach((g, b) => {
     be.push(b);
   }), /* @__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: ve, children: [
-        U === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (v) => {
-          h.get(K.name)?.dispose();
-          const b = r.get(v);
-          b !== void 0 && (fe(K), K = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, le.current));
+    /* @__PURE__ */ l.jsx("canvas", { ref: H }),
+    R !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${B === "Single" || B === "Stacked" ? "single" : ""}`, ref: ve, children: [
+        B === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, 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), ae(b, re.current));
         } }) }),
-        (U === "Side by Side" || U === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (v) => {
-            h.get(K.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(K), K = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, le.current));
+        (B === "Side by Side" || B === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, 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), ae(b, re.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (v) => {
-            h.get(ce.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(ce), ce = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: le, options: be, ref: _e, onSelect: (g) => {
+            h.get(le.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(le), le = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
           } })
         ] }),
-        U === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(Ze, { camera: K, options: be, ref: le, onSelect: (v) => {
-            h.get(K.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(K), K = b, localStorage.setItem(`${n}_tlCam`, b.name), ae(b, le.current));
+        B === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(Ze, { camera: X, options: be, ref: re, 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), ae(b, re.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: ce, options: be, ref: _e, onSelect: (v) => {
-            h.get(ce.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(ce), ce = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
+          /* @__PURE__ */ l.jsx(Ze, { camera: le, options: be, ref: _e, onSelect: (g) => {
+            h.get(le.name)?.dispose();
+            const b = r.get(g);
+            b !== void 0 && (me(le), le = b, localStorage.setItem(`${n}_trCam`, b.name), ae(b, _e.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: Ye, options: be, ref: ke, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(Ze, { camera: Ye, options: be, ref: ke, onSelect: (g) => {
             h.get(Ye.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(Ye), Ye = b, localStorage.setItem(`${n}_blCam`, b.name), ae(b, ke.current));
+            const b = r.get(g);
+            b !== void 0 && (me(Ye), Ye = b, localStorage.setItem(`${n}_blCam`, b.name), ae(b, ke.current));
           } }),
-          /* @__PURE__ */ l.jsx(Ze, { camera: Ve, options: be, ref: ye, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(Ze, { camera: Ve, options: be, ref: ye, onSelect: (g) => {
             h.get(Ve.name)?.dispose();
-            const b = r.get(v);
-            b !== void 0 && (fe(Ve), Ve = b, localStorage.setItem(`${n}_brCam`, b.name), ae(b, ye.current));
+            const b = r.get(g);
+            b !== void 0 && (me(Ve), Ve = b, localStorage.setItem(`${n}_brCam`, b.name), ae(b, ye.current));
           } })
         ] })
       ] }),
@@ -4497,46 +4511,46 @@ function $i(e) {
         /* @__PURE__ */ l.jsx(
           wt,
           {
-            index: ge.indexOf(U),
-            options: ge,
-            onSelect: (v) => {
-              v !== U && (Ue(), Ee(v));
+            index: ue.indexOf(B),
+            options: ue,
+            onSelect: (g) => {
+              g !== B && (Ue(), Ee(g));
             },
             open: De,
-            onToggle: (v) => {
-              Ie(v), Pe && Ae(!1), Ne && Ke(!1);
+            onToggle: (g) => {
+              Ie(g), Pe && Ae(!1), Ne && Ke(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
           wt,
           {
-            index: ne.indexOf(xt),
-            options: ne,
-            onSelect: (v) => {
-              if (v !== xt)
-                switch (xt = v, xt) {
+            index: Z.indexOf(xt),
+            options: Z,
+            onSelect: (g) => {
+              if (g !== xt)
+                switch (xt = g, xt) {
                   case "Depth":
-                    m.overrideMaterial = V;
+                    m.overrideMaterial = U;
                     break;
                   case "Normals":
-                    m.overrideMaterial = R;
+                    m.overrideMaterial = $;
                     break;
                   default:
                   case "Renderer":
                     m.overrideMaterial = null;
                     break;
                   case "Wireframe":
-                    m.overrideMaterial = T;
+                    m.overrideMaterial = K;
                     break;
                   case "UVs":
-                    m.overrideMaterial = L;
+                    m.overrideMaterial = C;
                     break;
                 }
             },
             open: Pe,
-            onToggle: (v) => {
-              De && Ie(!1), Ae(v), Ne && Ke(!1);
+            onToggle: (g) => {
+              De && Ie(!1), Ae(g), Ne && Ke(!1);
             }
           }
         ),
@@ -4548,12 +4562,12 @@ function $i(e) {
               "Orbit Mode",
               "Selection Mode"
             ],
-            onSelect: (v) => {
-              N.visible = v === "Selection Mode", qe(N.visible ? "Selection" : "Orbit");
+            onSelect: (g) => {
+              q.visible = g === "Selection Mode", qe(q.visible ? "Selection" : "Orbit");
             },
             open: Ne,
-            onToggle: (v) => {
-              De && Ie(!1), Pe && Ae(!1), Ke(v);
+            onToggle: (g) => {
+              De && Ie(!1), Pe && Ae(!1), Ke(g);
             }
           }
         )
@@ -4572,16 +4586,16 @@ export {
   Gt as Accordion,
   Ai as Application,
   Tt as BaseRemote,
-  Fn as ChildObject,
-  Ha as ContainerObject,
-  za as Draggable,
-  $a as DraggableItem,
-  Ga as Dropdown,
-  Wa as DropdownItem,
+  Un as ChildObject,
+  Ya as ContainerObject,
+  Ga as Draggable,
+  za as DraggableItem,
+  Wa as Dropdown,
+  Ha as DropdownItem,
   zi as Editor,
   vi as Inspector,
   $i as MultiView,
-  Bn as NavButton,
+  Fn as NavButton,
   ji as RemoteComponents,
   Bi as RemoteController,
   zt as RemoteTheatre,
@@ -4589,22 +4603,22 @@ export {
   Li as RemoteTweakpane,
   Ui as SceneInspector,
   Fi as SidePanel,
-  P as ToolEvents,
+  A as ToolEvents,
   Mt as capitalize,
   Je as clamp,
-  ka as colorToHex,
-  D as debugDispatcher,
+  Da as colorToHex,
+  P as debugDispatcher,
   ki as defaultTheatreCallback,
   Ot as dispose,
-  Da as disposeMaterial,
+  Pa as disposeMaterial,
   Pi as disposeTexture,
   Di as distance,
   Lt as hierarchyUUID,
-  _a as isColor,
+  ka as isColor,
   tn as mix,
   $t as noop,
   en as normalize,
-  Ra as randomID,
+  _a as randomID,
   an as resetThreeObjects,
   nn as round,
   Ii as theatreEditorApp,