@tomorrowevening/hermes 0.0.27 → 0.0.29

package/dist/hermes.js

@@ -1,65 +1,68 @@
-var jn = Object.defineProperty;
-var kn = (t, n, a) => n in t ? jn(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a;
-var F = (t, n, a) => (kn(t, typeof n != "symbol" ? n + "" : n, a), a);
-import { PositionalAudio as An, EventDispatcher as cn, Texture as ln, CubeTexture as Dn, RepeatWrapping as Wt, ShaderMaterial as un, GLSL3 as In, DoubleSide as Ln, Color as Tt, Mesh as Nn, PlaneGeometry as Fn, Matrix4 as Un, Vector3 as X, Euler as Bn, Ray as $n, Plane as zn, MathUtils as Gn, MOUSE as We, TOUCH as Ke, Quaternion as Kt, Spherical as Xt, Vector2 as fe, PerspectiveCamera as Ft, MeshDepthMaterial as Hn, MeshNormalMaterial as Vn, MeshBasicMaterial as Yn, OrthographicCamera as dn, Scene as fn, Group as Wn, AxesHelper as hn, WebGLRenderer as Kn, Raycaster as Xn, CameraHelper as qn } from "three";
-import { getProject as Zn, createRafDriver as Jn } from "@theatre/core";
-import ct from "@theatre/studio";
-import { Pane as Qn } from "tweakpane";
-import * as ea from "@tweakpane/plugin-essentials";
-import pn, { useState as ce, useRef as Ce, useEffect as Fe, Component as ta, forwardRef as na } from "react";
-import { Reorder as mn } from "framer-motion";
-function ui(t, n, a) {
+var qn = Object.defineProperty;
+var Kn = (t, n, a) => n in t ? qn(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a;
+var F = (t, n, a) => (Kn(t, typeof n != "symbol" ? n + "" : n, a), a);
+import { PositionalAudio as Xn, EventDispatcher as fn, Texture as hn, CubeTexture as Zn, RepeatWrapping as Zt, ShaderMaterial as pn, GLSL3 as Jn, DoubleSide as mn, Color as Pt, Mesh as Qn, PlaneGeometry as ea, FrontSide as ta, BackSide as na, NoBlending as aa, NormalBlending as ia, AdditiveBlending as ra, SubtractiveBlending as oa, MultiplyBlending as sa, CustomBlending as ca, AddEquation as la, SubtractEquation as ua, ReverseSubtractEquation as da, MinEquation as fa, MaxEquation as ha, ZeroFactor as vn, OneFactor as gn, SrcColorFactor as bn, OneMinusSrcColorFactor as yn, SrcAlphaFactor as En, OneMinusSrcAlphaFactor as Cn, DstAlphaFactor as xn, OneMinusDstAlphaFactor as Sn, DstColorFactor as wn, OneMinusDstColorFactor as On, SrcAlphaSaturateFactor as pa, ConstantColorFactor as Mn, OneMinusConstantColorFactor as Tn, ConstantAlphaFactor as Rn, OneMinusConstantAlphaFactor as Pn, Matrix4 as ma, Vector3 as Z, Euler as va, Ray as ga, Plane as ba, MathUtils as ya, MOUSE as We, TOUCH as qe, Quaternion as Jt, Spherical as Qt, Vector2 as de, PerspectiveCamera as Gt, MeshDepthMaterial as Ea, MeshNormalMaterial as Ca, MeshBasicMaterial as xa, OrthographicCamera as An, Scene as kn, Group as Sa, AxesHelper as _n, WebGLRenderer as wa, Raycaster as Oa, CameraHelper as Ma } from "three";
+import { getProject as Ta, createRafDriver as Ra } from "@theatre/core";
+import ut from "@theatre/studio";
+import { Pane as Pa } from "tweakpane";
+import * as Aa from "@tweakpane/plugin-essentials";
+import jn, { useState as le, useRef as Ce, useEffect as Be, Component as ka, forwardRef as _a } from "react";
+import { Reorder as Dn } from "framer-motion";
+function dt(t) {
+  return t.substring(0, 1).toUpperCase() + t.substring(1);
+}
+function Hi(t, n, a) {
   return Math.min(n, Math.max(t, a));
 }
-function di(t, n) {
+function Wi(t, n) {
   const a = t - n;
   return Math.sqrt(a * a);
 }
-function aa() {
+function ja() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function ia(t) {
+function Da(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
-function ra(t) {
-  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (u) => {
-    const p = u.toString(16);
-    return p.length === 1 ? "0" + p : p;
-  }, s = r(n), d = r(a), c = r(e);
-  return "#" + s + d + c;
+function Ia(t) {
+  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (l) => {
+    const d = l.toString(16);
+    return d.length === 1 ? "0" + d : d;
+  }, s = r(n), h = r(a), c = r(e);
+  return "#" + s + h + c;
 }
-function Dt(t, n = 1) {
+function Ut(t, n = 1) {
   return Number(t.toFixed(n));
 }
-let Ut = 0;
-const oa = () => {
-  Ut = 0;
-}, vn = (t) => {
+let Vt = 0;
+const La = () => {
+  Vt = 0;
+}, In = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Ut}`, Ut++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
-    vn(a);
+  n.length === 0 && (n = `obj_${Vt}`, Vt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+    In(a);
   });
-}, fi = (t) => {
+}, qi = (t) => {
   t == null || t.dispose();
-}, sa = (t) => {
+}, Na = (t) => {
   t && (Array.isArray(t) ? t.forEach((n) => n.dispose()) : t.dispose());
-}, gn = (t) => {
+}, Ln = (t) => {
   var n;
   if (t) {
     for (; t.children.length > 0; ) {
       const a = t.children[0];
-      a instanceof An ? (a.pause(), a.parent && a.parent.remove(a)) : gn(a);
+      a instanceof Xn ? (a.pause(), a.parent && a.parent.remove(a)) : Ln(a);
     }
     if (t.parent && t.parent.remove(t), t.isMesh) {
       const a = t;
-      (n = a.geometry) == null || n.dispose(), sa(a.material);
+      (n = a.geometry) == null || n.dispose(), Na(a.material);
     }
     t.dispose !== void 0 && t.dispose();
   }
 };
-class hi {
+class Ki {
   constructor(n, a, e = !0, r = "editor") {
     F(this, "components", /* @__PURE__ */ new Map());
     F(this, "listen");
@@ -114,7 +117,7 @@ class hi {
     n && (this._mode = "editor", document.title += " - Editor");
   }
 }
-const j = new cn(), k = {
+const _ = new fn(), j = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -130,7 +133,7 @@ const j = new cn(), k = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Mt {
+class At {
   constructor(n) {
     F(this, "app");
     this.app = n;
@@ -138,7 +141,7 @@ class Mt {
   dispose() {
   }
 }
-class ca extends Mt {
+class Fa extends At {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -160,18 +163,18 @@ class ca extends Mt {
     });
   }
 }
-function la(t, n) {
+function Ba(t, n) {
   switch (n.event) {
     case "selectComponent":
-      j.dispatchEvent({ type: k.SELECT_DROPDOWN, value: n.data });
+      _.dispatchEvent({ type: j.SELECT_DROPDOWN, value: n.data });
       break;
     case "draggableListUpdate":
-      j.dispatchEvent({ type: k.DRAG_UPDATE, value: n.data });
+      _.dispatchEvent({ type: j.DRAG_UPDATE, value: n.data });
       break;
   }
 }
-const bn = () => {
-}, Ze = class Ze extends Mt {
+const Nn = () => {
+}, Ze = class Ze extends At {
   constructor() {
     super(...arguments);
     F(this, "project");
@@ -181,7 +184,7 @@ const bn = () => {
     F(this, "sheetObjectUnsubscribe", /* @__PURE__ */ new Map());
   }
   init(a, e) {
-    return this.project = Zn(a, e), this.project.ready;
+    return this.project = Ta(a, e), this.project.ready;
   }
   dispose() {
     this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
@@ -226,21 +229,21 @@ const bn = () => {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const d = this.sheet(a);
-    if (d === void 0)
+    const h = this.sheet(a);
+    if (h === void 0)
       return;
     const c = `${a}_${e}`;
-    let u = this.sheetObjects.get(c);
-    u !== void 0 ? u = d.object(e, { ...r, ...u.value }, { reconfigure: !0 }) : u = d.object(e, r), this.sheetObjects.set(c, u), this.sheetObjectCBs.set(c, s !== void 0 ? s : bn);
-    const p = u.onValuesChange((b) => {
+    let l = this.sheetObjects.get(c);
+    l !== void 0 ? l = h.object(e, { ...r, ...l.value }, { reconfigure: !0 }) : l = h.object(e, r), this.sheetObjects.set(c, l), this.sheetObjectCBs.set(c, s !== void 0 ? s : Nn);
+    const d = l.onValuesChange((b) => {
       if (this.app.editor) {
-        for (const w in b) {
-          const x = b[w];
-          typeof x == "object" && ia(x) && (b[w] = {
-            r: x.r,
-            g: x.g,
-            b: x.b,
-            a: x.a
+        for (const E in b) {
+          const S = b[E];
+          typeof S == "object" && Da(S) && (b[E] = {
+            r: S.r,
+            g: S.g,
+            b: S.b,
+            a: S.a
           });
         }
         this.app.send({
@@ -253,10 +256,10 @@ const bn = () => {
           }
         });
       }
-      const v = this.sheetObjectCBs.get(c);
-      v !== void 0 && v(b);
+      const m = this.sheetObjectCBs.get(c);
+      m !== void 0 && m(b);
     });
-    return this.sheetObjectUnsubscribe.set(c, p), u;
+    return this.sheetObjectUnsubscribe.set(c, d), l;
   }
   unsubscribe(a) {
     if (this.project === void 0) {
@@ -265,67 +268,67 @@ const bn = () => {
     }
     const e = a.address.sheetId, r = a.address.objectKey, s = this.sheets.get(e);
     s == null || s.detachObject(r);
-    const d = `${e}_${r}`, c = this.sheetObjectUnsubscribe.get(d);
-    c !== void 0 && (this.sheetObjects.delete(d), this.sheetObjectCBs.delete(d), this.sheetObjectUnsubscribe.delete(d), c());
+    const h = `${e}_${r}`, c = this.sheetObjectUnsubscribe.get(h);
+    c !== void 0 && (this.sheetObjects.delete(h), this.sheetObjectCBs.delete(h), this.sheetObjectUnsubscribe.delete(h), c());
   }
   static getRafDriver() {
-    return Ze.rafDriver || (Ze.rafDriver = Jn()), Ze.rafDriver;
+    return Ze.rafDriver || (Ze.rafDriver = Ra()), Ze.rafDriver;
   }
 };
 F(Ze, "rafDriver", null);
-let Ue = Ze, Me;
-function ua(t, n) {
+let Ue = Ze, Oe;
+function Ua(t, n) {
   t.components.forEach((a) => {
     if (a instanceof Ue) {
       let e;
       const r = a;
       switch (n.event) {
         case "setSheet":
-          e = r.sheets.get(n.data.sheet), e !== void 0 && (Me = e, ct.setSelection([e]));
+          e = r.sheets.get(n.data.sheet), e !== void 0 && (Oe = e, ut.setSelection([e]));
           break;
         case "setSheetObject":
-          e = r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && ct.setSelection([e]);
+          e = r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && ut.setSelection([e]);
           break;
         case "updateSheetObject":
           e = r.sheets.get(n.data.sheet), e !== void 0 && e.sequence.pause(), e = r.sheetObjectCBs.get(n.data.sheetObject), e !== void 0 && e(n.data.values);
           break;
         case "updateTimeline":
-          e = r.sheets.get(n.data.sheet), Me !== void 0 && (Me.sequence.position = n.data.position);
+          e = r.sheets.get(n.data.sheet), Oe !== void 0 && (Oe.sequence.position = n.data.position);
           break;
       }
     }
   });
 }
-function da(t) {
+function $a(t) {
   if (t.editor) {
     let n;
     t.components.forEach((s) => {
       s instanceof Ue && (n = s);
-    }), ct.ui.restore(), ct.onSelectionChange((s) => {
-      s.length < 1 || s.forEach((d) => {
-        let c = d.address.sheetId, u = "setSheet", p = {};
-        switch (d.type) {
+    }), ut.ui.restore(), ut.onSelectionChange((s) => {
+      s.length < 1 || s.forEach((h) => {
+        let c = h.address.sheetId, l = "setSheet", d = {};
+        switch (h.type) {
           case "Theatre_Sheet_PublicAPI":
-            u = "setSheet", p = {
-              sheet: d.address.sheetId
-            }, Me = n.sheets.get(d.address.sheetId);
+            l = "setSheet", d = {
+              sheet: h.address.sheetId
+            }, Oe = n.sheets.get(h.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            u = "setSheetObject", c += `_${d.address.objectKey}`, p = {
+            l = "setSheetObject", c += `_${h.address.objectKey}`, d = {
               id: c,
-              sheet: d.address.sheetId,
-              key: d.address.objectKey
+              sheet: h.address.sheetId,
+              key: h.address.objectKey
             };
             break;
         }
-        t.send({ event: u, target: "app", data: p });
+        t.send({ event: l, target: "app", data: d });
       });
     });
     let a = 0;
     const e = () => {
-      if (Ue.getRafDriver().tick(performance.now()), Me !== void 0 && a !== Me.sequence.position) {
-        a = Me.sequence.position;
-        const s = Me;
+      if (Ue.getRafDriver().tick(performance.now()), Oe !== void 0 && a !== Oe.sequence.position) {
+        a = Oe.sequence.position;
+        const s = Oe;
         t.send({
           event: "updateTimeline",
           target: "app",
@@ -340,9 +343,9 @@ function da(t) {
     };
     e(), r();
   } else
-    ct.ui.hide();
+    ut.ui.hide();
 }
-function fa(t, n) {
+function za(t, n) {
   t.editor && t.components.forEach((a) => {
     var e, r;
     if (a instanceof Ue) {
@@ -359,7 +362,7 @@ function fa(t, n) {
     }
   });
 }
-function ha(t) {
+function Ya(t) {
   if (t.name === "cameras")
     return "camera";
   if (t.name === "interactive")
@@ -373,7 +376,7 @@ function ha(t) {
   const n = t.type;
   return n.search("Helper") > -1 ? "icon_utils" : n.search("Camera") > -1 ? "camera" : n.search("Light") > -1 ? "light" : "obj3D";
 }
-function yn(t) {
+function Fn(t) {
   const n = {
     name: t.name,
     type: t.type,
@@ -381,10 +384,10 @@ function yn(t) {
     children: []
   };
   return t.children.forEach((a) => {
-    n.children.push(yn(a));
+    n.children.push(Fn(a));
   }), n;
 }
-function pa(t) {
+function Ga(t) {
   const n = {};
   for (const a in t) {
     const e = t[a].value;
@@ -392,7 +395,7 @@ function pa(t) {
   }
   return n;
 }
-function ma(t) {
+function Va(t) {
   switch (t) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -404,10 +407,10 @@ function ma(t) {
   }
   return !1;
 }
-function Xe(t) {
+function Ke(t) {
   const n = {};
   for (const a in t) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ma(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Va(a))
       continue;
     const e = typeof t[a], r = t[a];
     switch (e) {
@@ -419,13 +422,13 @@ function Xe(t) {
       case "object":
         if (r !== null)
           if (n[a] = r, r.isTexture)
-            if (r instanceof ln) {
+            if (r instanceof hn) {
               const s = r.source.toJSON();
               n[a] = { src: s.url };
             } else
-              r instanceof Dn && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
+              r instanceof Zn && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = pa(n[a]));
+            a === "uniforms" && (n[a] = Ga(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -433,7 +436,7 @@ function Xe(t) {
   }
   return n;
 }
-function It(t) {
+function $t(t) {
   t.updateMatrix();
   const n = {
     name: t.name,
@@ -460,28 +463,28 @@ function It(t) {
     if (Array.isArray(e.material)) {
       const r = [];
       e.material.forEach((s) => {
-        r.push(Xe(s));
+        r.push(Ke(s));
       }), n.material = r;
     } else
-      n.material = Xe(e.material);
+      n.material = Ke(e.material);
   } else if (a.search("points") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const r = [];
       e.material.forEach((s) => {
-        r.push(Xe(s));
+        r.push(Ke(s));
       }), n.material = r;
     } else
-      n.material = Xe(e.material);
+      n.material = Ke(e.material);
   } else if (a.search("line") > -1) {
     const e = t;
     if (Array.isArray(e.material)) {
       const r = [];
       e.material.forEach((s) => {
-        r.push(Xe(s));
+        r.push(Ke(s));
       }), n.material = r;
     } else
-      n.material = Xe(e.material);
+      n.material = Ke(e.material);
   } else
     a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
@@ -511,7 +514,24 @@ function It(t) {
     });
   return n;
 }
-function Z(t, n, a) {
+function Ha(t, n) {
+  const a = n.split(".");
+  switch (a.length) {
+    case 1:
+      return t[a[0]];
+    case 2:
+      return t[a[0]][a[1]];
+    case 3:
+      return t[a[0]][a[1]][a[2]];
+    case 4:
+      return t[a[0]][a[1]][a[2]][a[3]];
+    case 5:
+      return t[a[0]][a[1]][a[2]][a[3]][a[4]];
+    case 6:
+      return t[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]];
+  }
+}
+function ne(t, n, a) {
   const e = n.split(".");
   switch (e.length) {
     case 1:
@@ -531,16 +551,16 @@ function Z(t, n, a) {
       break;
   }
 }
-function Bt(t) {
+function Ht(t) {
   return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
-      const r = new ln(e);
-      r.wrapS = Wt, r.wrapT = Wt, r.needsUpdate = !0, n(r);
+      const r = new hn(e);
+      r.wrapS = Zt, r.wrapT = Zt, r.needsUpdate = !0, n(r);
     }, e.onerror = a, e.src = t;
   });
 }
-class va extends Mt {
+class Wa extends At {
   constructor() {
     super(...arguments);
     F(this, "scene");
@@ -553,21 +573,22 @@ class va extends Mt {
     });
   }
   setObject(a) {
-    const e = It(a);
+    const e = $t(a);
     this.app.send({
       event: "setObject",
       target: "editor",
       data: e
     });
   }
-  requestMethod(a, e, r) {
+  requestMethod(a, e, r, s) {
     this.app.send({
       event: "requestMethod",
       target: "app",
       data: {
         uuid: a,
         key: e,
-        value: r
+        value: r,
+        subitem: s
       }
     });
   }
@@ -596,8 +617,8 @@ class va extends Mt {
   setScene(a) {
     if (a === void 0 || (this.scene = a, !this.app.debugEnabled))
       return;
-    oa(), vn(this.scene);
-    const e = yn(this.scene);
+    La(), In(this.scene);
+    const e = Fn(this.scene);
     this.app.send({
       event: "setScene",
       target: "editor",
@@ -607,7 +628,7 @@ class va extends Mt {
   addCamera(a) {
     if (!this.app.debugEnabled)
       return;
-    const e = It(a);
+    const e = $t(a);
     this.app.send({
       event: "addCamera",
       target: "editor",
@@ -617,7 +638,7 @@ class va extends Mt {
   removeCamera(a) {
     if (!this.app.debugEnabled)
       return;
-    const e = It(a);
+    const e = $t(a);
     this.app.send({
       event: "removeCamera",
       target: "editor",
@@ -625,39 +646,39 @@ class va extends Mt {
     });
   }
 }
-function ga(t, n) {
+function qa(t, n) {
   switch (n.event) {
     case "getObject":
-      j.dispatchEvent({ type: k.GET_OBJECT, value: n.data });
+      _.dispatchEvent({ type: j.GET_OBJECT, value: n.data });
       break;
     case "updateObject":
-      j.dispatchEvent({ type: k.UPDATE_OBJECT, value: n.data });
+      _.dispatchEvent({ type: j.UPDATE_OBJECT, value: n.data });
       break;
     case "createTexture":
-      j.dispatchEvent({ type: k.CREATE_TEXTURE, value: n.data });
+      _.dispatchEvent({ type: j.CREATE_TEXTURE, value: n.data });
       break;
     case "requestMethod":
-      j.dispatchEvent({ type: k.REQUEST_METHOD, value: n.data });
+      _.dispatchEvent({ type: j.REQUEST_METHOD, value: n.data });
       break;
   }
 }
-function ba(t, n) {
+function Ka(t, n) {
   switch (n.event) {
     case "setObject":
-      j.dispatchEvent({ type: k.SET_OBJECT, value: n.data });
+      _.dispatchEvent({ type: j.SET_OBJECT, value: n.data });
       break;
     case "setScene":
-      j.dispatchEvent({ type: k.SET_SCENE, value: n.data });
+      _.dispatchEvent({ type: j.SET_SCENE, value: n.data });
       break;
     case "addCamera":
-      j.dispatchEvent({ type: k.ADD_CAMERA, value: n.data });
+      _.dispatchEvent({ type: j.ADD_CAMERA, value: n.data });
       break;
     case "removeCamera":
-      j.dispatchEvent({ type: k.REMOVE_CAMERA, value: n.data });
+      _.dispatchEvent({ type: j.REMOVE_CAMERA, value: n.data });
       break;
   }
 }
-class En extends Mt {
+class Bn extends At {
   constructor(a) {
     super(a);
     F(this, "bindCBs");
@@ -669,7 +690,7 @@ class En extends Mt {
     this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), a.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new Qn({ title: "GUI" }), this.pane.registerPlugin(ea);
+    this.pane = new Pa({ title: "GUI" }), this.pane.registerPlugin(Aa);
   }
   dispose() {
     var a;
@@ -696,21 +717,21 @@ class En extends Mt {
   }
   // Binding
   bind(a, e, r, s = void 0) {
-    const d = this.bindID, c = r.onChange !== void 0 ? r.onChange : bn;
-    this.bindCBs.set(d, c), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
+    const h = this.bindID, c = r.onChange !== void 0 ? r.onChange : Nn;
+    this.bindCBs.set(h, c), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (d) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: d,
-          value: p.value
+          id: h,
+          value: d.value
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "bindObject",
       target: "app",
       data: {
-        id: d,
+        id: h,
         name: e,
         params: r,
         parent: s
@@ -757,9 +778,9 @@ class En extends Mt {
       this.inspectorFolder.remove(this.inspectorFolder.children[e]);
   }
 }
-function ya(t, n) {
+function Xa(t, n) {
   t.components.forEach((a) => {
-    if (a instanceof En) {
+    if (a instanceof Bn) {
       const e = a;
       switch (n.event) {
         case "addFolder":
@@ -782,7 +803,7 @@ function ya(t, n) {
     }
   });
 }
-var $t = { exports: {} }, rt = {};
+var Wt = { exports: {} }, ot = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -792,25 +813,25 @@ var $t = { exports: {} }, rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qt;
-function Ea() {
-  if (qt)
-    return rt;
-  qt = 1;
-  var t = pn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(c, u, p) {
-    var b, v = {}, w = null, x = null;
-    p !== void 0 && (w = "" + p), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (x = u.ref);
-    for (b in u)
-      e.call(u, b) && !s.hasOwnProperty(b) && (v[b] = u[b]);
+var en;
+function Za() {
+  if (en)
+    return ot;
+  en = 1;
+  var t = jn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(c, l, d) {
+    var b, m = {}, E = null, S = null;
+    d !== void 0 && (E = "" + d), l.key !== void 0 && (E = "" + l.key), l.ref !== void 0 && (S = l.ref);
+    for (b in l)
+      e.call(l, b) && !s.hasOwnProperty(b) && (m[b] = l[b]);
     if (c && c.defaultProps)
-      for (b in u = c.defaultProps, u)
-        v[b] === void 0 && (v[b] = u[b]);
-    return { $$typeof: n, type: c, key: w, ref: x, props: v, _owner: r.current };
+      for (b in l = c.defaultProps, l)
+        m[b] === void 0 && (m[b] = l[b]);
+    return { $$typeof: n, type: c, key: E, ref: S, props: m, _owner: r.current };
   }
-  return rt.Fragment = a, rt.jsx = d, rt.jsxs = d, rt;
+  return ot.Fragment = a, ot.jsx = h, ot.jsxs = h, ot;
 }
-var ot = {};
+var st = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -820,57 +841,57 @@ var ot = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Zt;
-function wa() {
-  return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = pn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), O = Symbol.iterator, M = "@@iterator";
-    function K(i) {
+var tn;
+function Ja() {
+  return tn || (tn = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = jn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), x = Symbol.iterator, T = "@@iterator";
+    function W(i) {
       if (i === null || typeof i != "object")
         return null;
-      var h = O && i[O] || i[M];
-      return typeof h == "function" ? h : null;
+      var p = x && i[x] || i[T];
+      return typeof p == "function" ? p : null;
     }
     var I = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(i) {
+    function w(i) {
       {
-        for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), S = 1; S < h; S++)
-          g[S - 1] = arguments[S];
-        V("error", i, g);
+        for (var p = arguments.length, g = new Array(p > 1 ? p - 1 : 0), O = 1; O < p; O++)
+          g[O - 1] = arguments[O];
+        G("error", i, g);
       }
     }
-    function V(i, h, g) {
+    function G(i, p, g) {
       {
-        var S = I.ReactDebugCurrentFrame, A = S.getStackAddendum();
-        A !== "" && (h += "%s", g = g.concat([A]));
-        var B = g.map(function(_) {
-          return String(_);
+        var O = I.ReactDebugCurrentFrame, D = O.getStackAddendum();
+        D !== "" && (p += "%s", g = g.concat([D]));
+        var $ = g.map(function(k) {
+          return String(k);
         });
-        B.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, B);
+        $.unshift("Warning: " + p), Function.prototype.apply.call(console[i], console, $);
       }
     }
-    var ie = !1, ue = !1, te = !1, f = !1, m = !1, y;
-    y = Symbol.for("react.module.reference");
-    function T(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === b || f || i === x || ie || ue || te || typeof i == "object" && i !== null && (i.$$typeof === w || i.$$typeof === v || i.$$typeof === d || i.$$typeof === c || i.$$typeof === u || // This needs to include all possible module reference object
+    var he = !1, te = !1, ae = !1, f = !1, v = !1, C;
+    C = Symbol.for("react.module.reference");
+    function A(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || v || i === r || i === d || i === b || f || i === S || he || te || ae || typeof i == "object" && i !== null && (i.$$typeof === E || i.$$typeof === m || i.$$typeof === h || i.$$typeof === c || i.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      i.$$typeof === y || i.getModuleId !== void 0));
+      i.$$typeof === C || i.getModuleId !== void 0));
     }
-    function G(i, h, g) {
-      var S = i.displayName;
-      if (S)
-        return S;
-      var A = h.displayName || h.name || "";
-      return A !== "" ? g + "(" + A + ")" : g;
+    function Y(i, p, g) {
+      var O = i.displayName;
+      if (O)
+        return O;
+      var D = p.displayName || p.name || "";
+      return D !== "" ? g + "(" + D + ")" : g;
     }
-    function H(i) {
+    function z(i) {
       return i.displayName || "Context";
     }
-    function $(i) {
+    function B(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -883,7 +904,7 @@ function wa() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case b:
           return "SuspenseList";
@@ -891,20 +912,20 @@ function wa() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case c:
-            var h = i;
-            return H(h) + ".Consumer";
-          case d:
+            var p = i;
+            return z(p) + ".Consumer";
+          case h:
             var g = i;
-            return H(g._context) + ".Provider";
-          case u:
-            return G(i, i.render, "ForwardRef");
-          case v:
-            var S = i.displayName || null;
-            return S !== null ? S : $(i.type) || "Memo";
-          case w: {
-            var A = i, B = A._payload, _ = A._init;
+            return z(g._context) + ".Provider";
+          case l:
+            return Y(i, i.render, "ForwardRef");
+          case m:
+            var O = i.displayName || null;
+            return O !== null ? O : B(i.type) || "Memo";
+          case E: {
+            var D = i, $ = D._payload, k = D._init;
             try {
-              return $(_(B));
+              return B(k($));
             } catch {
               return null;
             }
@@ -912,18 +933,18 @@ function wa() {
         }
       return null;
     }
-    var L = Object.assign, z = 0, ee, P, N, J, me, Re, Je;
-    function dt() {
+    var L = Object.assign, q = 0, K, R, U, Q, fe, xe, pt;
+    function Je() {
     }
-    dt.__reactDisabledLog = !0;
-    function Pt() {
+    Je.__reactDisabledLog = !0;
+    function _t() {
       {
-        if (z === 0) {
-          ee = console.log, P = console.info, N = console.warn, J = console.error, me = console.group, Re = console.groupCollapsed, Je = console.groupEnd;
+        if (q === 0) {
+          K = console.log, R = console.info, U = console.warn, Q = console.error, fe = console.group, xe = console.groupCollapsed, pt = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: dt,
+            value: Je,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -936,12 +957,12 @@ function wa() {
             groupEnd: i
           });
         }
-        z++;
+        q++;
       }
     }
-    function _t() {
+    function jt() {
       {
-        if (z--, z === 0) {
+        if (q--, q === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -949,241 +970,241 @@ function wa() {
           };
           Object.defineProperties(console, {
             log: L({}, i, {
-              value: ee
+              value: K
             }),
             info: L({}, i, {
-              value: P
+              value: R
             }),
             warn: L({}, i, {
-              value: N
+              value: U
             }),
             error: L({}, i, {
-              value: J
+              value: Q
             }),
             group: L({}, i, {
-              value: me
+              value: fe
             }),
             groupCollapsed: L({}, i, {
-              value: Re
+              value: xe
             }),
             groupEnd: L({}, i, {
-              value: Je
+              value: pt
             })
           });
         }
-        z < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Qe = I.ReactCurrentDispatcher, et;
-    function Pe(i, h, g) {
+    function Ye(i, p, g) {
       {
         if (et === void 0)
           try {
             throw Error();
-          } catch (A) {
-            var S = A.stack.trim().match(/\n( *(at )?)/);
-            et = S && S[1] || "";
+          } catch (D) {
+            var O = D.stack.trim().match(/\n( *(at )?)/);
+            et = O && O[1] || "";
           }
         return `
 ` + et + i;
       }
     }
-    var ze = !1, _e;
+    var Ge = !1, Me;
     {
-      var jt = typeof WeakMap == "function" ? WeakMap : Map;
-      _e = new jt();
+      var mt = typeof WeakMap == "function" ? WeakMap : Map;
+      Me = new mt();
     }
-    function ft(i, h) {
-      if (!i || ze)
+    function vt(i, p) {
+      if (!i || Ge)
         return "";
       {
-        var g = _e.get(i);
+        var g = Me.get(i);
         if (g !== void 0)
           return g;
       }
-      var S;
-      ze = !0;
-      var A = Error.prepareStackTrace;
+      var O;
+      Ge = !0;
+      var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var B;
-      B = Qe.current, Qe.current = null, Pt();
+      var $;
+      $ = Qe.current, Qe.current = null, _t();
       try {
-        if (h) {
-          var _ = function() {
+        if (p) {
+          var k = function() {
             throw Error();
           };
-          if (Object.defineProperty(_.prototype, "props", {
+          if (Object.defineProperty(k.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(_, []);
-            } catch (Ee) {
-              S = Ee;
+              Reflect.construct(k, []);
+            } catch (be) {
+              O = be;
             }
-            Reflect.construct(i, [], _);
+            Reflect.construct(i, [], k);
           } else {
             try {
-              _.call();
-            } catch (Ee) {
-              S = Ee;
+              k.call();
+            } catch (be) {
+              O = be;
             }
-            i.call(_.prototype);
+            i.call(k.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Ee) {
-            S = Ee;
+          } catch (be) {
+            O = be;
           }
           i();
         }
-      } catch (Ee) {
-        if (Ee && S && typeof Ee.stack == "string") {
-          for (var R = Ee.stack.split(`
-`), le = S.stack.split(`
-`), q = R.length - 1, Q = le.length - 1; q >= 1 && Q >= 0 && R[q] !== le[Q]; )
-            Q--;
-          for (; q >= 1 && Q >= 0; q--, Q--)
-            if (R[q] !== le[Q]) {
-              if (q !== 1 || Q !== 1)
+      } catch (be) {
+        if (be && O && typeof be.stack == "string") {
+          for (var P = be.stack.split(`
+`), ue = O.stack.split(`
+`), J = P.length - 1, ee = ue.length - 1; J >= 1 && ee >= 0 && P[J] !== ue[ee]; )
+            ee--;
+          for (; J >= 1 && ee >= 0; J--, ee--)
+            if (P[J] !== ue[ee]) {
+              if (J !== 1 || ee !== 1)
                 do
-                  if (q--, Q--, Q < 0 || R[q] !== le[Q]) {
+                  if (J--, ee--, ee < 0 || P[J] !== ue[ee]) {
                     var ve = `
-` + R[q].replace(" at new ", " at ");
-                    return i.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", i.displayName)), typeof i == "function" && _e.set(i, ve), ve;
+` + P[J].replace(" at new ", " at ");
+                    return i.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", i.displayName)), typeof i == "function" && Me.set(i, ve), ve;
                   }
-                while (q >= 1 && Q >= 0);
+                while (J >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        ze = !1, Qe.current = B, _t(), Error.prepareStackTrace = A;
+        Ge = !1, Qe.current = $, jt(), Error.prepareStackTrace = D;
       }
-      var Ye = i ? i.displayName || i.name : "", Yt = Ye ? Pe(Ye) : "";
-      return typeof i == "function" && _e.set(i, Yt), Yt;
+      var He = i ? i.displayName || i.name : "", Xt = He ? Ye(He) : "";
+      return typeof i == "function" && Me.set(i, Xt), Xt;
     }
-    function ht(i, h, g) {
-      return ft(i, !1);
+    function Dt(i, p, g) {
+      return vt(i, !1);
     }
-    function pt(i) {
-      var h = i.prototype;
-      return !!(h && h.isReactComponent);
+    function gt(i) {
+      var p = i.prototype;
+      return !!(p && p.isReactComponent);
     }
-    function je(i, h, g) {
+    function Te(i, p, g) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ft(i, pt(i));
+        return vt(i, gt(i));
       if (typeof i == "string")
-        return Pe(i);
+        return Ye(i);
       switch (i) {
-        case p:
-          return Pe("Suspense");
+        case d:
+          return Ye("Suspense");
         case b:
-          return Pe("SuspenseList");
+          return Ye("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case u:
-            return ht(i.render);
-          case v:
-            return je(i.type, h, g);
-          case w: {
-            var S = i, A = S._payload, B = S._init;
+          case l:
+            return Dt(i.render);
+          case m:
+            return Te(i.type, p, g);
+          case E: {
+            var O = i, D = O._payload, $ = O._init;
             try {
-              return je(B(A), h, g);
+              return Te($(D), p, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ge = Object.prototype.hasOwnProperty, mt = {}, tt = I.ReactDebugCurrentFrame;
-    function Se(i) {
+    var Re = Object.prototype.hasOwnProperty, bt = {}, yt = I.ReactDebugCurrentFrame;
+    function Pe(i) {
       if (i) {
-        var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
-        tt.setExtraStackFrame(g);
+        var p = i._owner, g = Te(i.type, i._source, p ? p.type : null);
+        yt.setExtraStackFrame(g);
       } else
-        tt.setExtraStackFrame(null);
+        yt.setExtraStackFrame(null);
     }
-    function ke(i, h, g, S, A) {
+    function tt(i, p, g, O, D) {
       {
-        var B = Function.call.bind(Ge);
-        for (var _ in i)
-          if (B(i, _)) {
-            var R = void 0;
+        var $ = Function.call.bind(Re);
+        for (var k in i)
+          if ($(i, k)) {
+            var P = void 0;
             try {
-              if (typeof i[_] != "function") {
-                var le = Error((S || "React class") + ": " + g + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw le.name = "Invariant Violation", le;
+              if (typeof i[k] != "function") {
+                var ue = Error((O || "React class") + ": " + g + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ue.name = "Invariant Violation", ue;
               }
-              R = i[_](h, _, S, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (q) {
-              R = q;
+              P = i[k](p, k, O, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (J) {
+              P = J;
             }
-            R && !(R instanceof Error) && (Se(A), 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).", S || "React class", g, _, typeof R), Se(null)), R instanceof Error && !(R.message in mt) && (mt[R.message] = !0, Se(A), C("Failed %s type: %s", g, R.message), Se(null));
+            P && !(P instanceof Error) && (Pe(D), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", O || "React class", g, k, typeof P), Pe(null)), P instanceof Error && !(P.message in bt) && (bt[P.message] = !0, Pe(D), w("Failed %s type: %s", g, P.message), Pe(null));
           }
       }
     }
-    var kt = Array.isArray;
+    var Ae = Array.isArray;
     function nt(i) {
-      return kt(i);
+      return Ae(i);
     }
-    function vt(i) {
+    function It(i) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, g = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var p = typeof Symbol == "function" && Symbol.toStringTag, g = p && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return g;
       }
     }
-    function at(i) {
+    function Et(i) {
       try {
-        return gt(i), !1;
+        return Ct(i), !1;
       } catch {
         return !0;
       }
     }
-    function gt(i) {
+    function Ct(i) {
       return "" + i;
     }
-    function bt(i) {
-      if (at(i))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(i)), gt(i);
+    function xt(i) {
+      if (Et(i))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", It(i)), Ct(i);
     }
-    var Oe = I.ReactCurrentOwner, At = {
+    var Se = I.ReactCurrentOwner, at = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, yt, it, ge;
-    ge = {};
-    function o(i) {
-      if (Ge.call(i, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (h && h.isReactWarning)
+    }, it, St, Ve;
+    Ve = {};
+    function Lt(i) {
+      if (Re.call(i, "ref")) {
+        var p = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function E(i) {
-      if (Ge.call(i, "key")) {
-        var h = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (h && h.isReactWarning)
+    function Nt(i) {
+      if (Re.call(i, "key")) {
+        var p = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function D(i, h) {
-      if (typeof i.ref == "string" && Oe.current && h && Oe.current.stateNode !== h) {
-        var g = $(Oe.current.type);
-        ge[g] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', $(Oe.current.type), i.ref), ge[g] = !0);
+    function wt(i, p) {
+      if (typeof i.ref == "string" && Se.current && p && Se.current.stateNode !== p) {
+        var g = B(Se.current.type);
+        Ve[g] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Se.current.type), i.ref), Ve[g] = !0);
       }
     }
-    function U(i, h) {
+    function we(i, p) {
       {
         var g = function() {
-          yt || (yt = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          it || (it = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: g,
@@ -1191,10 +1212,10 @@ function wa() {
         });
       }
     }
-    function ne(i, h) {
+    function Kt(i, p) {
       {
         var g = function() {
-          it || (it = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          St || (St = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: g,
@@ -1202,70 +1223,70 @@ function wa() {
         });
       }
     }
-    var be = function(i, h, g, S, A, B, _) {
-      var R = {
+    var o = function(i, p, g, O, D, $, k) {
+      var P = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: i,
-        key: h,
+        key: p,
         ref: g,
-        props: _,
+        props: k,
         // Record the component responsible for creating this element.
-        _owner: B
+        _owner: $
       };
-      return R._store = {}, Object.defineProperty(R._store, "validated", {
+      return P._store = {}, Object.defineProperty(P._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(R, "_self", {
+      }), Object.defineProperty(P, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
-      }), Object.defineProperty(R, "_source", {
+        value: O
+      }), Object.defineProperty(P, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: A
-      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+        value: D
+      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function de(i, h, g, S, A) {
+    function y(i, p, g, O, D) {
       {
-        var B, _ = {}, R = null, le = null;
-        g !== void 0 && (bt(g), R = "" + g), E(h) && (bt(h.key), R = "" + h.key), o(h) && (le = h.ref, D(h, A));
-        for (B in h)
-          Ge.call(h, B) && !At.hasOwnProperty(B) && (_[B] = h[B]);
+        var $, k = {}, P = null, ue = null;
+        g !== void 0 && (xt(g), P = "" + g), Nt(p) && (xt(p.key), P = "" + p.key), Lt(p) && (ue = p.ref, wt(p, D));
+        for ($ in p)
+          Re.call(p, $) && !at.hasOwnProperty($) && (k[$] = p[$]);
         if (i && i.defaultProps) {
-          var q = i.defaultProps;
-          for (B in q)
-            _[B] === void 0 && (_[B] = q[B]);
+          var J = i.defaultProps;
+          for ($ in J)
+            k[$] === void 0 && (k[$] = J[$]);
         }
-        if (R || le) {
-          var Q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          R && U(_, Q), le && ne(_, Q);
+        if (P || ue) {
+          var ee = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          P && we(k, ee), ue && Kt(k, ee);
         }
-        return be(i, R, le, A, S, Oe.current, _);
+        return o(i, P, ue, D, O, Se.current, k);
       }
     }
-    var Et = I.ReactCurrentOwner, wt = I.ReactDebugCurrentFrame;
-    function ye(i) {
+    var M = I.ReactCurrentOwner, N = I.ReactDebugCurrentFrame;
+    function X(i) {
       if (i) {
-        var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
-        wt.setExtraStackFrame(g);
+        var p = i._owner, g = Te(i.type, i._source, p ? p.type : null);
+        N.setExtraStackFrame(g);
       } else
-        wt.setExtraStackFrame(null);
+        N.setExtraStackFrame(null);
     }
-    var he;
-    he = !1;
-    function pe(i) {
+    var pe;
+    pe = !1;
+    function oe(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function He() {
+    function Ft() {
       {
-        if (Et.current) {
-          var i = $(Et.current.type);
+        if (M.current) {
+          var i = B(M.current.type);
           if (i)
             return `
 
@@ -1274,149 +1295,149 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Ae(i) {
+    function Bt(i) {
       {
         if (i !== void 0) {
-          var h = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
+          var p = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
           return `
 
-Check your code at ` + h + ":" + g + ".";
+Check your code at ` + p + ":" + g + ".";
         }
         return "";
       }
     }
-    var Te = {};
-    function Ve(i) {
+    var rt = {};
+    function ge(i) {
       {
-        var h = He();
-        if (!h) {
+        var p = Ft();
+        if (!p) {
           var g = typeof i == "string" ? i : i.displayName || i.name;
-          g && (h = `
+          g && (p = `
 
 Check the top-level render call using <` + g + ">.");
         }
-        return h;
+        return p;
       }
     }
-    function Gt(i, h) {
+    function me(i, p) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = Ve(h);
-        if (Te[g])
+        var g = ge(p);
+        if (rt[g])
           return;
-        Te[g] = !0;
-        var S = "";
-        i && i._owner && i._owner !== Et.current && (S = " It was passed a child from " + $(i._owner.type) + "."), ye(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, S), ye(null);
+        rt[g] = !0;
+        var O = "";
+        i && i._owner && i._owner !== M.current && (O = " It was passed a child from " + B(i._owner.type) + "."), X(i), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, O), X(null);
       }
     }
-    function Ht(i, h) {
+    function ke(i, p) {
       {
         if (typeof i != "object")
           return;
         if (nt(i))
           for (var g = 0; g < i.length; g++) {
-            var S = i[g];
-            pe(S) && Gt(S, h);
+            var O = i[g];
+            oe(O) && me(O, p);
           }
-        else if (pe(i))
+        else if (oe(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var A = K(i);
-          if (typeof A == "function" && A !== i.entries)
-            for (var B = A.call(i), _; !(_ = B.next()).done; )
-              pe(_.value) && Gt(_.value, h);
+          var D = W(i);
+          if (typeof D == "function" && D !== i.entries)
+            for (var $ = D.call(i), k; !(k = $.next()).done; )
+              oe(k.value) && me(k.value, p);
         }
       }
     }
-    function On(i) {
+    function _e(i) {
       {
-        var h = i.type;
-        if (h == null || typeof h == "string")
+        var p = i.type;
+        if (p == null || typeof p == "string")
           return;
         var g;
-        if (typeof h == "function")
-          g = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof p == "function")
+          g = p.propTypes;
+        else if (typeof p == "object" && (p.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === v))
-          g = h.propTypes;
+        p.$$typeof === m))
+          g = p.propTypes;
         else
           return;
         if (g) {
-          var S = $(h);
-          ke(g, i.props, "prop", S, i);
-        } else if (h.PropTypes !== void 0 && !he) {
-          he = !0;
-          var A = $(h);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
+          var O = B(p);
+          tt(g, i.props, "prop", O, i);
+        } else if (p.PropTypes !== void 0 && !pe) {
+          pe = !0;
+          var D = B(p);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Tn(i) {
+    function je(i) {
       {
-        for (var h = Object.keys(i.props), g = 0; g < h.length; g++) {
-          var S = h[g];
-          if (S !== "children" && S !== "key") {
-            ye(i), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), ye(null);
+        for (var p = Object.keys(i.props), g = 0; g < p.length; g++) {
+          var O = p[g];
+          if (O !== "children" && O !== "key") {
+            X(i), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), X(null);
             break;
           }
         }
-        i.ref !== null && (ye(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), ye(null));
+        i.ref !== null && (X(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    function Vt(i, h, g, S, A, B) {
+    function De(i, p, g, O, D, $) {
       {
-        var _ = T(i);
-        if (!_) {
-          var R = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var le = Ae(A);
-          le ? R += le : R += He();
-          var q;
-          i === null ? q = "null" : nt(i) ? q = "array" : i !== void 0 && i.$$typeof === n ? (q = "<" + ($(i.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, R);
+        var k = A(i);
+        if (!k) {
+          var P = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " 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 ue = Bt(D);
+          ue ? P += ue : P += Ft();
+          var J;
+          i === null ? J = "null" : nt(i) ? J = "array" : i !== void 0 && i.$$typeof === n ? (J = "<" + (B(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : J = typeof i, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, P);
         }
-        var Q = de(i, h, g, A, B);
-        if (Q == null)
-          return Q;
-        if (_) {
-          var ve = h.children;
+        var ee = y(i, p, g, D, $);
+        if (ee == null)
+          return ee;
+        if (k) {
+          var ve = p.children;
           if (ve !== void 0)
-            if (S)
+            if (O)
               if (nt(ve)) {
-                for (var Ye = 0; Ye < ve.length; Ye++)
-                  Ht(ve[Ye], i);
+                for (var He = 0; He < ve.length; He++)
+                  ke(ve[He], i);
                 Object.freeze && Object.freeze(ve);
               } else
-                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ht(ve, i);
+              ke(ve, i);
         }
-        return i === e ? Tn(Q) : On(Q), Q;
+        return i === e ? je(ee) : _e(ee), ee;
       }
     }
-    function Mn(i, h, g) {
-      return Vt(i, h, g, !0);
+    function Gn(i, p, g) {
+      return De(i, p, g, !0);
     }
-    function Rn(i, h, g) {
-      return Vt(i, h, g, !1);
+    function Vn(i, p, g) {
+      return De(i, p, g, !1);
     }
-    var Pn = Rn, _n = Mn;
-    ot.Fragment = e, ot.jsx = Pn, ot.jsxs = _n;
-  }()), ot;
+    var Hn = Vn, Wn = Gn;
+    st.Fragment = e, st.jsx = Hn, st.jsxs = Wn;
+  }()), st;
 }
-process.env.NODE_ENV === "production" ? $t.exports = Ea() : $t.exports = wa();
-var l = $t.exports;
-function wn(t) {
-  return t.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ l.jsx("button", { children: t.title });
+process.env.NODE_ENV === "production" ? Wt.exports = Za() : Wt.exports = Ja();
+var u = Wt.exports;
+function Un(t) {
+  return t.title.search("<") > -1 ? /* @__PURE__ */ u.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ u.jsx("button", { children: t.title });
 }
-const xa = /* @__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" })
-] }), Ca = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+const Qa = /* @__PURE__ */ u.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+  /* @__PURE__ */ u.jsx("circle", { cx: "7", cy: "7", r: "6" }),
+  /* @__PURE__ */ u.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
+  /* @__PURE__ */ u.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
+] }), ei = /* @__PURE__ */ u.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ u.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
@@ -1424,46 +1445,46 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function Sa(t) {
-  return /* @__PURE__ */ l.jsx(mn.Item, { value: t.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Ca,
-    /* @__PURE__ */ l.jsx("span", { children: t.title }),
-    /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
+function ti(t) {
+  return /* @__PURE__ */ u.jsx(Dn.Item, { value: t.title, children: /* @__PURE__ */ u.jsxs("div", { children: [
+    ei,
+    /* @__PURE__ */ u.jsx("span", { children: t.title }),
+    /* @__PURE__ */ u.jsx("button", { className: "closeIcon", onClick: () => {
       t.onDelete(t.index);
-    }, children: xa })
+    }, children: Qa })
   ] }) }, t.title);
 }
-function Oa(t) {
-  const [n, a] = ce(!1), [e, r] = ce(t.options), s = (p) => {
-    t.onDragComplete(p), r(p);
-  }, d = (p) => {
+function ni(t) {
+  const [n, a] = le(!1), [e, r] = le(t.options), s = (d) => {
+    t.onDragComplete(d), r(d);
+  }, h = (d) => {
     const b = [...e];
-    b.splice(p, 1), s(b);
+    b.splice(d, 1), s(b);
   }, c = [];
-  e.forEach((p, b) => {
-    c.push(/* @__PURE__ */ l.jsx(Sa, { index: b, title: p, onDelete: d }, p));
+  e.forEach((d, b) => {
+    c.push(/* @__PURE__ */ u.jsx(ti, { index: b, title: d, onDelete: h }, d));
   });
-  let u = "dropdown draggable";
-  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(wn, { title: t.title }),
-    /* @__PURE__ */ l.jsx(mn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: c })
+  let l = "dropdown draggable";
+  return t.subdropdown && (l += " subdropdown"), /* @__PURE__ */ u.jsxs("div", { className: l, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__PURE__ */ u.jsx(Un, { title: t.title }),
+    /* @__PURE__ */ u.jsx(Dn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: c })
   ] });
 }
-function Ta(t) {
-  const [n, a] = ce(!1), e = [];
-  t.options.map((s, d) => {
-    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ l.jsx(Ma, { option: s }, d));
+function ai(t) {
+  const [n, a] = le(!1), e = [];
+  t.options.map((s, h) => {
+    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ u.jsx(ii, { option: s }, h));
   });
   let r = "dropdown";
-  return t.subdropdown && (r += " subdropdown"), /* @__PURE__ */ l.jsxs(
+  return t.subdropdown && (r += " subdropdown"), /* @__PURE__ */ u.jsxs(
     "div",
     {
       className: r,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(wn, { title: t.title }),
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ u.jsx(Un, { title: t.title }),
+        /* @__PURE__ */ u.jsx(
           "ul",
           {
             style: { visibility: n ? "visible" : "hidden" },
@@ -1474,13 +1495,13 @@ function Ta(t) {
     }
   );
 }
-function Ma(t) {
-  const { option: n } = t, [a, e] = ce("");
+function ii(t) {
+  const { option: n } = t, [a, e] = le("");
   let r;
   switch (n.type) {
     case "draggable":
-      r = /* @__PURE__ */ l.jsx(
-        Oa,
+      r = /* @__PURE__ */ u.jsx(
+        ni,
         {
           title: n.title,
           options: n.value,
@@ -1492,8 +1513,8 @@ function Ma(t) {
       );
       break;
     case "dropdown":
-      r = /* @__PURE__ */ l.jsx(
-        Ta,
+      r = /* @__PURE__ */ u.jsx(
+        ai,
         {
           title: n.title,
           options: n.value,
@@ -1503,7 +1524,7 @@ function Ma(t) {
       );
       break;
     case "option":
-      r = /* @__PURE__ */ l.jsx(
+      r = /* @__PURE__ */ u.jsx(
         "button",
         {
           onClick: () => {
@@ -1514,24 +1535,24 @@ function Ma(t) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: r }, aa());
+  return /* @__PURE__ */ u.jsx("li", { className: a === n.title ? "selected" : "", children: r }, ja());
 }
-function pi(t) {
+function Xi(t) {
   const n = [], a = [];
   t.components.forEach((s) => {
-    s instanceof ca ? n.push(la) : s instanceof Ue ? (n.push(ua), a.push(fa), da(t)) : s instanceof va ? (n.push(ga), a.push(ba)) : s instanceof En && n.push(ya);
+    s instanceof Fa ? n.push(Ba) : s instanceof Ue ? (n.push(Ua), a.push(za), $a(t)) : s instanceof Wa ? (n.push(qa), a.push(Ka)) : s instanceof Bn && n.push(Xa);
   });
   function e(s) {
-    switch (n.forEach((d) => d(t, s)), s.event) {
+    switch (n.forEach((h) => h(t, s)), s.event) {
       case "custom":
-        j.dispatchEvent({ type: k.CUSTOM, value: s.data });
+        _.dispatchEvent({ type: j.CUSTOM, value: s.data });
         break;
     }
   }
   function r(s) {
-    switch (a.forEach((d) => d(t, s)), s.event) {
+    switch (a.forEach((h) => h(t, s)), s.event) {
       case "custom":
-        j.dispatchEvent({ type: k.CUSTOM, value: s.data });
+        _.dispatchEvent({ type: j.CUSTOM, value: s.data });
         break;
     }
   }
@@ -1539,7 +1560,7 @@ function pi(t) {
     s.target === "editor" ? r(s) : e(s);
   };
 }
-const Ra = `out vec3 worldPosition;
+const ri = `out vec3 worldPosition;
 uniform float uDistance;
 
 void main() {
@@ -1548,7 +1569,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
 
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`, Pa = `out vec4 fragColor;
+}`, oi = `out vec4 fragColor;
 in vec3 worldPosition;
 
 uniform float uDivisions;
@@ -1616,14 +1637,14 @@ void main() {
 
   if (fragColor.a <= 0.0) discard;
 }`;
-class _a extends un {
+class si extends pn {
   constructor(n) {
     super({
       extensions: {
         derivatives: !0
       },
-      glslVersion: In,
-      side: Ln,
+      glslVersion: Jn,
+      side: mn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -1633,7 +1654,7 @@ class _a extends un {
           value: (n == null ? void 0 : n.divisions) !== void 0 ? n == null ? void 0 : n.divisions : 10
         },
         uColor: {
-          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new Tt(16777215)
+          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new Pt(16777215)
         },
         uDistance: {
           value: (n == null ? void 0 : n.distance) !== void 0 ? n == null ? void 0 : n.distance : 1e4
@@ -1645,17 +1666,17 @@ class _a extends un {
           value: (n == null ? void 0 : n.gridOpacity) !== void 0 ? n == null ? void 0 : n.gridOpacity : 0.25
         }
       },
-      vertexShader: Ra,
-      fragmentShader: Pa,
+      vertexShader: ri,
+      fragmentShader: oi,
       name: "InfiniteGrid",
       depthWrite: !1
     });
   }
 }
-class ja extends Nn {
+class ci extends Qn {
   constructor() {
-    const a = new _a();
-    super(new Fn(2, 2), a);
+    const a = new si();
+    super(new ea(2, 2), a);
     F(this, "gridMaterial");
     this.gridMaterial = a, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
@@ -1663,7 +1684,7 @@ class ja extends Nn {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const ka = `#include <common>
+const li = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -1693,7 +1714,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Aa = `
+}`, ui = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1702,21 +1723,21 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Da extends un {
+class di extends pn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: ka,
-      fragmentShader: Aa
+      vertexShader: li,
+      fragmentShader: ui
     });
   }
 }
-function zt(t) {
-  const [n, a] = ce(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
-  return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
-    /* @__PURE__ */ l.jsxs(
+function qt(t) {
+  const [n, a] = le(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
+  return /* @__PURE__ */ u.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
+    /* @__PURE__ */ u.jsxs(
       "button",
       {
         className: "toggle",
@@ -1725,28 +1746,28 @@ function zt(t) {
           t.onToggle !== void 0 && t.onToggle(r), a(r);
         },
         children: [
-          /* @__PURE__ */ l.jsx(
+          /* @__PURE__ */ u.jsx(
             "p",
             {
               className: `status ${n ? "open" : ""}`,
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ l.jsx("p", { className: "label", children: t.label })
+          /* @__PURE__ */ u.jsx("p", { className: "label", children: dt(t.label) })
         ]
       }
     ),
     t.button,
-    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: t.children }) })
+    /* @__PURE__ */ u.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ u.jsx("div", { children: t.children }) })
   ] });
 }
-function xn(t) {
-  const [n, a] = ce(!1), e = t.child.children.length > 0, r = [];
+function $n(t) {
+  const [n, a] = le(!1), e = t.child.children.length > 0, r = [];
   return t.child.children.length > 0 && t.child.children.map((s) => {
-    r.push(/* @__PURE__ */ l.jsx(xn, { child: s, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
-    /* @__PURE__ */ l.jsxs("div", { className: "child", children: [
-      e ? /* @__PURE__ */ l.jsx(
+    r.push(/* @__PURE__ */ u.jsx($n, { child: s, three: t.three }, Math.random()));
+  }), /* @__PURE__ */ u.jsxs("div", { className: "childObject", children: [
+    /* @__PURE__ */ u.jsxs("div", { className: "child", children: [
+      e ? /* @__PURE__ */ u.jsx(
         "button",
         {
           className: "status",
@@ -1758,7 +1779,7 @@ function xn(t) {
           }
         }
       ) : null,
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ u.jsx(
         "button",
         {
           className: "name",
@@ -1766,34 +1787,34 @@ function xn(t) {
             left: e ? "20px" : "5px"
           },
           onClick: () => {
-            t.three.getObject(t.child.uuid);
+            t.three.getObject(t.child.uuid), n || a(!0);
           },
           children: t.child.name.length > 0 ? `${t.child.name} (${t.child.type})` : `${t.child.type}::${t.child.uuid}`
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${ha(t.child)}` })
+      /* @__PURE__ */ u.jsx("div", { className: `icon ${Ya(t.child)}` })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: r }) })
+    /* @__PURE__ */ u.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ u.jsx("div", { className: "container", children: r }) })
   ] }, Math.random());
 }
-function Ia(t) {
+function fi(t) {
   const n = [];
   return t.child.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(xn, { child: a, three: t.three }, Math.random()));
-  }), /* @__PURE__ */ l.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
+    n.push(/* @__PURE__ */ u.jsx($n, { child: a, three: t.three }, Math.random()));
+  }), /* @__PURE__ */ u.jsx("div", { className: `scene ${t.class !== void 0 ? t.class : ""}`, children: n });
 }
-const La = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function Na(t) {
+const hi = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
+function pi(t) {
   return "items" in t;
 }
-function Be(t) {
+function $e(t) {
   const n = [];
   return t.items.forEach((a) => {
-    Na(a) ? n.push(
-      /* @__PURE__ */ l.jsx(Be, { title: a.title, items: a.items }, Math.random())
+    pi(a) ? n.push(
+      /* @__PURE__ */ u.jsx($e, { title: dt(a.title), items: a.items }, Math.random())
     ) : n.push(
-      /* @__PURE__ */ l.jsx(
-        st,
+      /* @__PURE__ */ u.jsx(
+        lt,
         {
           title: a.title,
           prop: a.prop,
@@ -1803,6 +1824,7 @@ function Be(t) {
           max: a.max,
           step: a.step,
           disabled: a.disabled,
+          options: a.options,
           onChange: (e, r) => {
             a.onChange !== void 0 && a.onChange(e, r);
           }
@@ -1810,12 +1832,12 @@ function Be(t) {
         Math.random()
       )
     );
-  }), /* @__PURE__ */ l.jsx(zt, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ u.jsx(qt, { label: t.title, open: t.expanded === !0, children: n });
 }
-function Fa(t) {
-  return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linecap" || t === "linejoin" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "side" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 5) === "blend" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
+function mi(t) {
+  return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "blendDstAlpha" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linecap" || t === "linejoin" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
 }
-function De(t) {
+function Ie(t) {
   switch (t) {
     case "alphaMap":
       return "Alpha Map";
@@ -1829,6 +1851,24 @@ function De(t) {
       return "AO Map Intensity";
     case "attenuationColor":
       return "Attenuation Color";
+    case "blendAlpha":
+      return "Blend Alpha";
+    case "blendColor":
+      return "Blend Color";
+    case "blendDst":
+      return "Blend Dst";
+    case "blendDstAlpha":
+      return "Blend Dst Alha";
+    case "blendEquation":
+      return "Blend Equation";
+    case "blendEquationAlpha":
+      return "Blend Equation Alpha";
+    case "blending":
+      return "Blending";
+    case "blendSrc":
+      return "Blend Src";
+    case "blendSrcAlpha":
+      return "Blend Src Alpha";
     case "bumpMap":
       return "Bump Map";
     case "bumpScale":
@@ -1929,6 +1969,8 @@ function De(t) {
       return "Sheen Roughness Map";
     case "shininess":
       return "Shininess";
+    case "side":
+      return "Side";
     case "size":
       return "Size";
     case "sizeAttenuation":
@@ -1968,10 +2010,10 @@ function De(t) {
   }
   return t;
 }
-function Ua(t) {
-  return t.toLowerCase().search("intensity") > -1 || t === "anisotropyRotation" || t === "bumpScale" || t === "clearcoatRoughness" || t === "displacementBias" || t === "displacementScale" || t === "metalness" || t === "opacity" || t === "reflectivity" || t === "refractionRatio" || t === "roughness" || t === "sheenRoughness" || t === "thickness";
+function vi(t) {
+  return t.toLowerCase().search("intensity") > -1 || t === "anisotropyRotation" || t === "blendAlpha" || t === "bumpScale" || t === "clearcoatRoughness" || t === "displacementBias" || t === "displacementScale" || t === "metalness" || t === "opacity" || t === "reflectivity" || t === "refractionRatio" || t === "roughness" || t === "sheenRoughness" || t === "thickness";
 }
-function Ba() {
+function gi() {
   const t = document.createElement("input");
   return t.type = "file", new Promise((n, a) => {
     t.addEventListener("change", function() {
@@ -1986,215 +2028,428 @@ function Ba() {
     }), t.click();
   });
 }
-function Jt(t, n, a) {
+const bi = [
+  {
+    title: "Front",
+    value: ta
+  },
+  {
+    title: "Back",
+    value: na
+  },
+  {
+    title: "Double",
+    value: mn
+  }
+], yi = [
+  {
+    title: "No Blending",
+    value: aa
+  },
+  {
+    title: "Normal",
+    value: ia
+  },
+  {
+    title: "Additive",
+    value: ra
+  },
+  {
+    title: "Subtractive",
+    value: oa
+  },
+  {
+    title: "Multiply",
+    value: sa
+  },
+  {
+    title: "Custom",
+    value: ca
+  }
+], Ei = [
+  {
+    title: "Add",
+    value: la
+  },
+  {
+    title: "Subtract",
+    value: ua
+  },
+  {
+    title: "Reverse Subtract",
+    value: da
+  },
+  {
+    title: "Min",
+    value: fa
+  },
+  {
+    title: "Max",
+    value: ha
+  }
+], Ci = [
+  {
+    title: "Zero",
+    valye: vn
+  },
+  {
+    title: "One",
+    valye: gn
+  },
+  {
+    title: "Src Color",
+    valye: bn
+  },
+  {
+    title: "One Minus Src Color",
+    valye: yn
+  },
+  {
+    title: "Src Alpha",
+    valye: En
+  },
+  {
+    title: "One Minus Src Alpha",
+    valye: Cn
+  },
+  {
+    title: "Dst Alpha",
+    valye: xn
+  },
+  {
+    title: "One Minus Dst Alpha",
+    valye: Sn
+  },
+  {
+    title: "Dst Color",
+    valye: wn
+  },
+  {
+    title: "One Minus Dst Color",
+    valye: On
+  },
+  {
+    title: "Src Alpha Saturate",
+    valye: pa
+  },
+  {
+    title: "Constant Color",
+    valye: Mn
+  },
+  {
+    title: "One Minus Constant Color",
+    valye: Tn
+  },
+  {
+    title: "Constant Alpha",
+    valye: Rn
+  },
+  {
+    title: "One Minus Constant Alpha",
+    valye: Pn
+  }
+], xi = [
+  {
+    title: "Zero",
+    valye: vn
+  },
+  {
+    title: "One",
+    valye: gn
+  },
+  {
+    title: "Src Color",
+    valye: bn
+  },
+  {
+    title: "One Minus Src Color",
+    valye: yn
+  },
+  {
+    title: "Src Alpha",
+    valye: En
+  },
+  {
+    title: "One Minus Src Alpha",
+    valye: Cn
+  },
+  {
+    title: "Dst Alpha",
+    valye: xn
+  },
+  {
+    title: "One Minus Dst Alpha",
+    valye: Sn
+  },
+  {
+    title: "Dst Color",
+    valye: wn
+  },
+  {
+    title: "One Minus Dst Color",
+    valye: On
+  },
+  {
+    title: "Constant Color",
+    valye: Mn
+  },
+  {
+    title: "One Minus Constant Color",
+    valye: Tn
+  },
+  {
+    title: "Constant Alpha",
+    valye: Rn
+  },
+  {
+    title: "One Minus Constant Alpha",
+    valye: Pn
+  }
+];
+function ct(t, n) {
+  t.needsUpdate = !0, t.type = "option", t.options = n;
+}
+function nn(t, n, a) {
   const e = [];
   for (const r in t) {
-    if (!Fa(r))
+    if (!mi(r))
       continue;
-    const s = typeof t[r], d = t[r];
+    const s = typeof t[r], h = t[r];
     if (s === "boolean" || s === "number" || s === "string") {
       const c = {
-        title: De(r),
+        title: Ie(r),
         prop: r,
         type: s,
-        value: d,
+        value: h,
         min: void 0,
         max: void 0,
-        onChange: (u, p) => {
-          var v;
-          a.updateObject(n.uuid, `material.${u}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
-          const b = (v = a.scene) == null ? void 0 : v.getObjectByProperty("uuid", n.uuid);
-          b !== void 0 && Z(b, `material.${u}`, p);
+        needsUpdate: s === "boolean",
+        onChange: (d, b) => {
+          var E;
+          a.updateObject(n.uuid, `material.${d}`, b), c.needsUpdate && a.updateObject(n.uuid, "material.needsUpdate", !0);
+          const m = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
+          m !== void 0 && ne(m, `material.${d}`, b);
         }
       };
-      Ua(r) && (c.value = Number(d), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01), e.push(c);
+      switch (r) {
+        case "blending":
+          ct(c, yi);
+          break;
+        case "blendDst":
+          ct(c, xi);
+          break;
+        case "blendEquation":
+          ct(c, Ei);
+          break;
+        case "blendSrc":
+          ct(c, Ci);
+          break;
+        case "side":
+          ct(c, bi);
+          break;
+      }
+      vi(r) && (c.value = Number(h), c.type = "range", c.min = 0, c.max = 1, c.step = 0.01);
+      const l = s === "string" && (r === "vertexShader" || r === "fragmentShader");
+      l && (c.disabled = !1, c.latest = c.value, c.onChange = (d, b) => {
+        c.latest = b;
+      }), e.push(c), l && e.push({
+        title: `${dt(r)} - Update`,
+        type: "button",
+        onChange: () => {
+          var b;
+          a.updateObject(n.uuid, `material.${r}`, c.latest), a.updateObject(n.uuid, "material.needsUpdate", !0);
+          const d = (b = a.scene) == null ? void 0 : b.getObjectByProperty("uuid", n.uuid);
+          d !== void 0 && (ne(d, `material.${r}`, c.latest), d.material.needsUpdate = !0);
+        }
+      });
     } else if (s === "object")
-      if (d.isColor)
+      if (h.isColor)
         e.push({
-          title: De(r),
+          title: Ie(r),
           prop: r,
           type: "color",
-          value: d,
-          onChange: (c, u) => {
-            var v;
-            const p = new Tt(u);
-            a.updateObject(n.uuid, `material.${c}`, p);
-            const b = (v = a.scene) == null ? void 0 : v.getObjectByProperty("uuid", n.uuid);
-            b !== void 0 && Z(b, `material.${c}`, p);
+          value: h,
+          onChange: (c, l) => {
+            var m;
+            const d = new Pt(l);
+            a.updateObject(n.uuid, `material.${c}`, d);
+            const b = (m = a.scene) == null ? void 0 : m.getObjectByProperty("uuid", n.uuid);
+            b !== void 0 && ne(b, `material.${c}`, d);
           }
         });
-      else if (Array.isArray(d)) {
+      else if (Array.isArray(h)) {
         const c = [];
-        for (const u in d)
+        for (const l in h)
           c.push({
-            title: `${u}`,
-            type: `${typeof d[u]}`,
-            value: d[u],
-            onChange: (p, b) => {
-              var w;
+            title: `${l}`,
+            type: `${typeof h[l]}`,
+            value: h[l],
+            onChange: (d, b) => {
+              var E;
               a.updateObject(n.uuid, `material.${r}`, b);
-              const v = (w = a.scene) == null ? void 0 : w.getObjectByProperty("uuid", n.uuid);
-              v !== void 0 && Z(v, `material.${r}`, b);
+              const m = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
+              m !== void 0 && ne(m, `material.${r}`, b);
             }
           });
         e.push({
-          title: De(r),
+          title: Ie(r),
           items: c
         });
       } else {
         const c = [];
-        for (const u in d) {
-          const p = d[u];
-          switch (typeof p) {
+        for (const l in h) {
+          const d = h[l];
+          switch (typeof d) {
             case "boolean":
             case "number":
             case "string":
-              u === "src" ? e.push({
-                title: De(r),
+              l === "src" ? e.push({
+                title: Ie(r),
                 type: "image",
-                value: p,
-                onChange: (v, w) => {
-                  var O;
-                  a.createTexture(n.uuid, `material.${r}`, w);
-                  const x = (O = a.scene) == null ? void 0 : O.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && Bt(w).then((M) => {
-                    Z(x, `material.${r}`, M), Z(x, "material.needsUpdate", !0);
+                value: d,
+                onChange: (m, E) => {
+                  var x;
+                  a.createTexture(n.uuid, `material.${r}`, E);
+                  const S = (x = a.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && Ht(E).then((T) => {
+                    ne(S, `material.${r}`, T), ne(S, "material.needsUpdate", !0);
                   });
                 }
               }) : c.push({
-                title: `${De(u)}`,
-                prop: `material.${r}.${u}`,
-                type: `${typeof t[r][u]}`,
-                value: d[u],
-                onChange: (v, w) => {
-                  var O;
-                  a.updateObject(n.uuid, `material.${r}.${u}`, w);
-                  const x = (O = a.scene) == null ? void 0 : O.getObjectByProperty("uuid", n.uuid);
-                  x !== void 0 && Z(x, `material.${r}.${u}`, w);
+                title: `${Ie(l)}`,
+                prop: `material.${r}.${l}`,
+                type: `${typeof t[r][l]}`,
+                value: h[l],
+                onChange: (m, E) => {
+                  var x;
+                  a.updateObject(n.uuid, `material.${r}.${l}`, E);
+                  const S = (x = a.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
+                  S !== void 0 && ne(S, `material.${r}.${l}`, E);
                 }
               });
               break;
             case "object":
-              if (p.value !== void 0 && p.value.src !== void 0)
+              if (d.value !== void 0 && d.value.src !== void 0)
                 c.push({
-                  title: De(u),
+                  title: Ie(l),
                   type: "image",
-                  value: p.value.src,
-                  onChange: (v, w) => {
-                    var O;
-                    a.createTexture(n.uuid, `material.${r}.${u}.value`, d);
-                    const x = (O = a.scene) == null ? void 0 : O.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && Bt(w).then((M) => {
-                      Z(x, `material.${r}.${u}.value`, M);
+                  value: d.value.src,
+                  onChange: (m, E) => {
+                    var x;
+                    a.createTexture(n.uuid, `material.${r}.${l}.value`, h);
+                    const S = (x = a.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && Ht(E).then((T) => {
+                      ne(S, `material.${r}.${l}.value`, T);
                     });
                   }
                 });
               else if (r === "uniforms") {
-                const v = p.value, w = (x, O, M) => ({
-                  title: x,
+                const m = d.value, E = (S, x, T) => ({
+                  title: S,
                   type: "number",
-                  value: M,
-                  onChange: (K, I) => {
-                    var ie;
-                    const C = `material.uniforms.${u}.value.${O}`;
-                    a.updateObject(n.uuid, C, I);
-                    const V = (ie = a.scene) == null ? void 0 : ie.getObjectByProperty("uuid", n.uuid);
-                    V !== void 0 && Z(V, C, I);
+                  value: T,
+                  step: 0.01,
+                  onChange: (W, I) => {
+                    var he;
+                    const w = `material.uniforms.${l}.value.${x}`;
+                    a.updateObject(n.uuid, w, I);
+                    const G = (he = a.scene) == null ? void 0 : he.getObjectByProperty("uuid", n.uuid);
+                    G !== void 0 && ne(G, w, I);
                   }
                 });
-                if (typeof p.value == "number")
+                if (typeof d.value == "number")
                   c.push({
-                    title: u,
+                    title: l,
                     type: "number",
-                    value: p.value,
-                    onChange: (x, O) => {
+                    value: d.value,
+                    onChange: (S, x) => {
                       var I;
-                      const M = `material.${r}.${x}.value`;
-                      a.updateObject(n.uuid, M, O);
-                      const K = (I = a.scene) == null ? void 0 : I.getObjectByProperty("uuid", n.uuid);
-                      K !== void 0 && Z(K, M, O);
+                      const T = `material.${r}.${S}.value`;
+                      a.updateObject(n.uuid, T, x);
+                      const W = (I = a.scene) == null ? void 0 : I.getObjectByProperty("uuid", n.uuid);
+                      W !== void 0 && ne(W, T, x);
                     }
                   });
-                else if (v.r !== void 0 && v.g !== void 0 && v.b !== void 0)
+                else if (m.r !== void 0 && m.g !== void 0 && m.b !== void 0)
                   c.push({
-                    title: u,
+                    title: l,
                     type: "color",
-                    value: p.value,
-                    onChange: (x, O) => {
-                      var C;
-                      const M = new Tt(O), K = `material.${r}.${x}.value`;
-                      a.updateObject(n.uuid, K, M);
-                      const I = (C = a.scene) == null ? void 0 : C.getObjectByProperty("uuid", n.uuid);
-                      I !== void 0 && Z(I, K, M);
+                    value: d.value,
+                    onChange: (S, x) => {
+                      var w;
+                      const T = new Pt(x), W = `material.${r}.${S}.value`;
+                      a.updateObject(n.uuid, W, T);
+                      const I = (w = a.scene) == null ? void 0 : w.getObjectByProperty("uuid", n.uuid);
+                      I !== void 0 && ne(I, W, T);
                     }
                   });
-                else if (v.x !== void 0 && v.y !== void 0 && v.z === void 0 && v.w === void 0)
+                else if (m.x !== void 0 && m.y !== void 0 && m.z === void 0 && m.w === void 0)
                   c.push(
                     {
-                      title: u,
+                      title: l,
                       items: [
-                        w("X", "x", p.value.x),
-                        w("Y", "y", p.value.y)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y)
                       ]
                     }
                   );
-                else if (v.x !== void 0 && v.y !== void 0 && v.z !== void 0 && v.w === void 0)
+                else if (m.x !== void 0 && m.y !== void 0 && m.z !== void 0 && m.w === void 0)
                   c.push(
                     {
-                      title: u,
+                      title: l,
                       items: [
-                        w("X", "x", p.value.x),
-                        w("Y", "y", p.value.y),
-                        w("Z", "z", p.value.z)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z)
                       ]
                     }
                   );
-                else if (v.x !== void 0 && v.y !== void 0 && v.z !== void 0 && v.w !== void 0)
+                else if (m.x !== void 0 && m.y !== void 0 && m.z !== void 0 && m.w !== void 0)
                   c.push(
                     {
-                      title: u,
+                      title: l,
                       items: [
-                        w("X", "x", p.value.x),
-                        w("Y", "y", p.value.y),
-                        w("Z", "z", p.value.z),
-                        w("W", "w", p.value.w)
+                        E("X", "x", d.value.x),
+                        E("Y", "y", d.value.y),
+                        E("Z", "z", d.value.z),
+                        E("W", "w", d.value.w)
                       ]
                     }
                   );
-                else if (v.elements !== void 0) {
-                  const x = v.elements, O = [];
-                  for (let M = 0; M < x.length; M++)
-                    O.push(w(M.toString(), M.toString(), x[M]));
+                else if (m.elements !== void 0) {
+                  const S = m.elements, x = [];
+                  for (let T = 0; T < S.length; T++)
+                    x.push(E(T.toString(), T.toString(), S[T]));
                   c.push(
                     {
-                      title: u,
-                      items: O
+                      title: l,
+                      items: x
                     }
                   );
                 } else
-                  console.log(">>> need to add this format:", u, v);
+                  console.log(">>> need to add this format:", l, m);
               } else
                 c.push({
-                  title: u,
-                  type: `${typeof p.value}`,
-                  value: p.value,
-                  onChange: (v, w) => {
-                    var O;
-                    a.updateObject(n.uuid, `material.${r}.${u}.value`, w);
-                    const x = (O = a.scene) == null ? void 0 : O.getObjectByProperty("uuid", n.uuid);
-                    x !== void 0 && Z(x, `material.${r}.${u}.value`, w);
+                  title: l,
+                  type: `${typeof d.value}`,
+                  value: d.value,
+                  onChange: (m, E) => {
+                    var x;
+                    a.updateObject(n.uuid, `material.${r}.${l}.value`, E);
+                    const S = (x = a.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
+                    S !== void 0 && ne(S, `material.${r}.${l}.value`, E);
                   }
                 });
               break;
           }
         }
         c.length > 0 && e.push({
-          title: De(r),
+          title: Ie(r),
           items: c
         });
       }
     else
-      d !== void 0 && console.log("other:", r, s, d);
+      h !== void 0 && console.log("other:", r, s, h);
   }
   return e.sort((r, s) => r.title < s.title ? -1 : r.title > s.title ? 1 : 0), e.push({
     title: "Update Material",
@@ -2204,91 +2459,92 @@ function Jt(t, n, a) {
     }
   }), e;
 }
-function $a(t, n) {
+function Si(t, n) {
   const a = t.material;
   if (Array.isArray(a)) {
     const e = [], r = a.length;
     for (let s = 0; s < r; s++)
       e.push(
-        /* @__PURE__ */ l.jsx(
-          Be,
+        /* @__PURE__ */ u.jsx(
+          $e,
           {
             title: `Material ${s}`,
-            items: Jt(a[s], t, n)
+            items: nn(a[s], t, n)
           },
           `Material ${s}`
         )
       );
-    return /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
+    return /* @__PURE__ */ u.jsx(u.Fragment, { children: e });
   } else
-    return /* @__PURE__ */ l.jsx(
-      Be,
+    return /* @__PURE__ */ u.jsx(
+      $e,
       {
         title: "Material",
-        items: Jt(a, t, n)
+        items: nn(a, t, n)
       }
     );
 }
-function st(t) {
+function lt(t) {
+  var b;
   let n = t.value;
-  n !== void 0 && n.isColor !== void 0 && (n = ra(t.value));
-  const [a, e] = ce(n), r = Ce(null), s = Ce(null), d = Ce(null);
-  Fe(() => {
-    var V;
-    let b = !1, v = -1, w = 0, x = Number(a);
-    const O = (ie) => {
-      b = !0, w = x, v = ie.clientX;
-    }, M = (ie) => {
-      if (!b)
+  n !== void 0 && n.isColor !== void 0 && (n = Ia(t.value));
+  const [a, e] = le(n), r = Ce(null), s = Ce(null), h = Ce(null);
+  Be(() => {
+    var he;
+    let m = !1, E = -1, S = 0, x = Number(a);
+    const T = (te) => {
+      m = !0, S = x, E = te.clientX;
+    }, W = (te) => {
+      if (!m)
         return;
-      const ue = t.step !== void 0 ? t.step : 1, te = (ie.clientX - v) * ue;
-      x = Number((w + te).toFixed(4)), s.current !== null && (s.current.value = x.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, x);
-    }, K = () => {
-      b = !1;
+      const ae = t.step !== void 0 ? t.step : 1, f = (te.clientX - E) * ae;
+      x = Number((S + f).toFixed(4)), s.current !== null && (s.current.value = x.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, x);
     }, I = () => {
-      b = !1;
-    }, C = t.type === "number";
-    return C && ((V = r.current) == null || V.addEventListener("mousedown", O, !1), document.addEventListener("mouseup", K, !1), document.addEventListener("mousemove", M, !1), document.addEventListener("contextmenu", I, !1)), () => {
-      var ie;
-      C && ((ie = r.current) == null || ie.removeEventListener("mousedown", O), document.removeEventListener("mouseup", K), document.removeEventListener("mousemove", M), document.removeEventListener("contextmenu", I));
+      m = !1;
+    }, w = () => {
+      m = !1;
+    }, G = t.type === "number";
+    return G && ((he = r.current) == null || he.addEventListener("mousedown", T, !1), document.addEventListener("mouseup", I, !1), document.addEventListener("mousemove", W, !1), document.addEventListener("contextmenu", w, !1)), () => {
+      var te;
+      G && ((te = r.current) == null || te.removeEventListener("mousedown", T), document.removeEventListener("mouseup", I), document.removeEventListener("mousemove", W), document.removeEventListener("contextmenu", w));
     };
   }, [a]);
   const c = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), u = c || t.type === "image", p = (b) => {
-    let v = b.target.value;
-    t.type === "boolean" && (v = b.target.checked), e(v), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
+`) > -1), l = c || t.type === "image", d = (m) => {
+    let E = m.target.value;
+    t.type === "boolean" ? E = m.target.checked : t.type === "option" && (E = t.options[E].value), e(E), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, E);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
-    t.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: r, children: t.title }, "fieldLabel"),
-    t.type === "string" && !c && /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ u.jsxs("div", { className: `field ${l ? "block" : ""}`, children: [
+    t.type !== "button" && /* @__PURE__ */ u.jsx("label", { ref: r, children: dt(t.title) }, "fieldLabel"),
+    t.type === "string" && !c && /* @__PURE__ */ u.jsx(
       "input",
       {
         type: "text",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "string" && c && /* @__PURE__ */ l.jsx(
+    t.type === "string" && c && /* @__PURE__ */ u.jsx(
       "textarea",
       {
         cols: 50,
         rows: 10,
-        disabled: !0,
-        onChange: p,
+        disabled: t.disabled !== void 0 ? t.disabled : !0,
+        onChange: d,
         value: a
       }
     ),
-    t.type === "boolean" && /* @__PURE__ */ l.jsx(
+    t.type === "boolean" && /* @__PURE__ */ u.jsx(
       "input",
       {
         type: "checkbox",
         disabled: t.disabled,
-        onChange: p,
+        onChange: d,
         checked: a
       }
     ),
-    t.type === "number" && /* @__PURE__ */ l.jsx(
+    t.type === "number" && /* @__PURE__ */ u.jsx(
       "input",
       {
         ref: s,
@@ -2297,12 +2553,13 @@ function st(t) {
         min: t.min,
         max: t.max,
         step: t.step,
-        onChange: p
+        disabled: t.disabled,
+        onChange: d
       }
     ),
-    t.type === "range" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: p, className: "min" }),
-      /* @__PURE__ */ l.jsx(
+    t.type === "range" && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "min" }),
+      /* @__PURE__ */ u.jsx(
         "input",
         {
           disabled: t.disabled,
@@ -2311,31 +2568,33 @@ function st(t) {
           min: t.min,
           max: t.max,
           step: t.step,
-          onChange: p
+          onChange: d
         }
       )
     ] }),
-    t.type === "color" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("input", { type: "text", value: a.toString(), onChange: p, className: "color" }),
-      /* @__PURE__ */ l.jsx("input", { type: "color", value: a, onChange: p })
+    t.type === "color" && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsx("input", { type: "text", value: a.toString(), onChange: d, disabled: t.disabled, className: "color" }),
+      /* @__PURE__ */ u.jsx("input", { type: "color", value: a, onChange: d, disabled: t.disabled })
     ] }),
-    t.type === "button" && /* @__PURE__ */ l.jsx(
+    t.type === "button" && /* @__PURE__ */ u.jsx(
       "button",
       {
+        disabled: t.disabled,
         onClick: () => {
           t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, !0);
         },
         children: t.title
       }
     ),
-    t.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: d, onClick: () => {
-      Ba().then((b) => {
-        d.current.src = b, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, b);
+    t.type === "image" && /* @__PURE__ */ u.jsx("img", { ref: h, onClick: () => {
+      gi().then((m) => {
+        h.current.src = m, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, m);
       });
-    }, src: a.length > 0 ? a : La })
+    }, src: a.length > 0 ? a : hi }),
+    t.type === "option" && /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsx("select", { onChange: d, disabled: t.disabled, defaultValue: t.value, children: (b = t.options) == null ? void 0 : b.map((m, E) => /* @__PURE__ */ u.jsx("option", { value: m.value, children: dt(m.title) }, E)) }) })
   ] });
 }
-function Qt(t) {
+function an(t) {
   switch (t) {
     case "fov":
       return "FOV";
@@ -2364,12 +2623,12 @@ function Qt(t) {
   }
   return t;
 }
-function za(t, n) {
+function wi(t, n) {
   const a = [];
   if (t.perspectiveCameraInfo !== void 0)
     for (const e in t.perspectiveCameraInfo)
       a.push({
-        title: Qt(e),
+        title: an(e),
         prop: e,
         type: "number",
         step: 0.01,
@@ -2377,14 +2636,14 @@ function za(t, n) {
         onChange: (r, s) => {
           var c;
           n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const d = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
-          d !== void 0 && (Z(d, r, s), d.updateProjectionMatrix());
+          const h = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
+          h !== void 0 && (ne(h, r, s), h.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
     for (const e in t.orthographicCameraInfo)
       a.push({
-        title: Qt(e),
+        title: an(e),
         prop: e,
         type: "number",
         step: 0.01,
@@ -2392,43 +2651,43 @@ function za(t, n) {
         onChange: (r, s) => {
           var c;
           n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const d = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
-          d !== void 0 && (Z(d, r, s), d.updateProjectionMatrix());
+          const h = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
+          h !== void 0 && (ne(h, r, s), h.updateProjectionMatrix());
         }
       });
-  return /* @__PURE__ */ l.jsx(
-    Be,
+  return /* @__PURE__ */ u.jsx(
+    $e,
     {
       title: "Camera",
       items: a
     }
   );
 }
-const Ga = Math.PI / 180, Ha = 180 / Math.PI;
-function qe(t, n, a, e, r) {
+const Oi = Math.PI / 180, Mi = 180 / Math.PI;
+function Xe(t, n, a, e, r) {
   return e + (t - n) * (r - e) / (a - n);
 }
-function Va(t) {
-  return t * Ga;
+function Ti(t) {
+  return t * Oi;
 }
-function Lt(t) {
-  return t * Ha;
+function zt(t) {
+  return t * Mi;
 }
-function Ya(t, n) {
-  const a = new Un();
+function Ri(t, n) {
+  const a = new ma();
   a.elements = t.matrix;
-  const e = new X(), r = new Bn(), s = new X();
+  const e = new Z(), r = new va(), s = new Z();
   t.uuid.length > 0 && (e.setFromMatrixPosition(a), r.setFromRotationMatrix(a), s.setFromMatrixScale(a));
-  const d = (u, p) => {
-    var v;
-    n.updateObject(t.uuid, u, p);
-    const b = (v = n.scene) == null ? void 0 : v.getObjectByProperty("uuid", t.uuid);
-    b !== void 0 && Z(b, u, p);
-  }, c = (u, p) => {
-    d(u, Va(p));
+  const h = (l, d) => {
+    var m;
+    n.updateObject(t.uuid, l, d);
+    const b = (m = n.scene) == null ? void 0 : m.getObjectByProperty("uuid", t.uuid);
+    b !== void 0 && ne(b, l, d);
+  }, c = (l, d) => {
+    h(l, Ti(d));
   };
-  return /* @__PURE__ */ l.jsx(
-    Be,
+  return /* @__PURE__ */ u.jsx(
+    $e,
     {
       title: "Transform",
       items: [
@@ -2437,27 +2696,27 @@ function Ya(t, n) {
           prop: "position.x",
           type: "number",
           value: e.x,
-          onChange: d
+          onChange: h
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
           value: e.y,
-          onChange: d
+          onChange: h
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
           value: e.z,
-          onChange: d
+          onChange: h
         },
         {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: Dt(Lt(r.x)),
+          value: Ut(zt(r.x)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2467,7 +2726,7 @@ function Ya(t, n) {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: Dt(Lt(r.y)),
+          value: Ut(zt(r.y)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2477,7 +2736,7 @@ function Ya(t, n) {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: Dt(Lt(r.z)),
+          value: Ut(zt(r.z)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2489,7 +2748,7 @@ function Ya(t, n) {
           type: "number",
           value: s.x,
           step: 0.01,
-          onChange: d
+          onChange: h
         },
         {
           title: "Scale Y",
@@ -2497,7 +2756,7 @@ function Ya(t, n) {
           type: "number",
           value: s.y,
           step: 0.01,
-          onChange: d
+          onChange: h
         },
         {
           title: "Scale Z",
@@ -2505,13 +2764,13 @@ function Ya(t, n) {
           type: "number",
           value: s.z,
           step: 0.01,
-          onChange: d
+          onChange: h
         }
       ]
     }
   );
 }
-function en(t) {
+function rn(t) {
   switch (t) {
     case "color":
       return "Color";
@@ -2530,88 +2789,113 @@ function en(t) {
   }
   return t;
 }
-function Wa(t, n) {
+function Pi(t, n) {
   const a = [];
   if (t.lightInfo !== void 0)
     for (const e in t.lightInfo) {
       const r = t.lightInfo[e];
       r !== void 0 && (r.isColor !== void 0 ? a.push({
-        title: en(e),
+        title: rn(e),
         prop: e,
         type: "color",
         value: r,
-        onChange: (s, d) => {
-          var p;
-          const c = new Tt(d);
+        onChange: (s, h) => {
+          var d;
+          const c = new Pt(h);
           n.updateObject(t.uuid, s, c);
-          const u = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && Z(u, s, c);
+          const l = (d = n.scene) == null ? void 0 : d.getObjectByProperty("uuid", t.uuid);
+          l !== void 0 && ne(l, s, c);
         }
       }) : a.push({
-        title: en(e),
+        title: rn(e),
         prop: e,
         type: typeof r,
         value: r,
         step: typeof r == "number" ? 0.01 : void 0,
-        onChange: (s, d) => {
-          var u;
-          n.updateObject(t.uuid, s, d);
-          const c = (u = n.scene) == null ? void 0 : u.getObjectByProperty("uuid", t.uuid);
-          c !== void 0 && Z(c, s, d);
+        onChange: (s, h) => {
+          var l;
+          n.updateObject(t.uuid, s, h);
+          const c = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+          c !== void 0 && ne(c, s, h);
         }
       }));
     }
-  return /* @__PURE__ */ l.jsx(
-    Be,
+  return /* @__PURE__ */ u.jsx(
+    $e,
     {
       title: "Light",
       items: a
     }
   );
 }
-function Ka(t, n) {
-  const a = [];
-  return t.animations.forEach((e) => {
-    a.push({
-      title: "Name",
-      type: "string",
-      prop: "name",
-      value: e.name,
-      disabled: !0,
-      onChange: (r, s) => {
-        var c;
-        n.updateObject(t.uuid, r, s);
-        const d = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
-        d !== void 0 && Z(d, r, s);
-      }
-    }), a.push({
-      title: "Duration",
-      type: "number",
-      prop: "duration",
-      value: e.duration,
-      disabled: !0,
-      onChange: (r, s) => {
-        var c;
-        n.updateObject(t.uuid, r, s);
-        const d = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
-        d !== void 0 && Z(d, r, s);
-      }
-    }), a.push({
-      title: "Blend Mode",
-      type: "number",
-      prop: "blendMode",
-      value: e.blendMode,
-      disabled: !0,
-      onChange: (r, s) => {
-        var c;
-        n.updateObject(t.uuid, r, s);
-        const d = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
-        d !== void 0 && Z(d, r, s);
-      }
+function Ai(t, n) {
+  var c;
+  const a = [], e = [];
+  let r = 0;
+  t.animations.forEach((l) => {
+    r = Math.max(r, l.duration), l.duration > 0 && e.push({
+      title: l.name,
+      items: [
+        {
+          title: "Duration",
+          type: "number",
+          value: l.duration,
+          disabled: !0
+        },
+        {
+          title: "Blend Mode",
+          type: "option",
+          disabled: !0,
+          options: [
+            {
+              title: "Normal",
+              value: 2500
+            },
+            {
+              title: "Additive",
+              value: 2501
+            }
+          ]
+        }
+      ]
     });
-  }), /* @__PURE__ */ l.jsx(Be, { title: "Animations", items: a });
+  }), a.push({
+    title: "Animations",
+    items: e
+  });
+  const s = (c = n.scene) == null ? void 0 : c.getObjectByProperty("uuid", t.uuid);
+  let h = !1;
+  if (s !== void 0) {
+    const l = s.mixer;
+    if (h = l !== void 0, h) {
+      const d = [
+        {
+          title: "Time Scale",
+          type: "range",
+          value: l.timeScale,
+          step: 0.01,
+          min: -1,
+          max: 2,
+          onChange: (b, m) => {
+            l.timeScale = m, n.updateObject(t.uuid, "mixer.timeScale", m);
+          }
+        }
+      ];
+      d.push({
+        title: "Stop All",
+        type: "button",
+        onChange: () => {
+          l.stopAllAction(), n.requestMethod(t.uuid, "stopAllAction", void 0, "mixer");
+        }
+      }), a.push({
+        title: "Mixer",
+        items: d
+      });
+    }
+  }
+  return /* @__PURE__ */ u.jsx($e, { title: "Animation", items: a });
 }
-const Cn = {
+const zn = {
   name: "",
   uuid: "",
   type: "",
@@ -2623,79 +2907,79 @@ const Cn = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let re = { ...Cn };
-function Xa(t) {
-  const [n, a] = ce(-1);
-  Fe(() => {
-    function s(c) {
-      re = { ...c.value }, a(Date.now());
-    }
-    function d() {
-      re = { ...Cn }, a(Date.now());
-    }
-    return j.addEventListener(k.SET_SCENE, d), j.addEventListener(k.SET_OBJECT, s), () => {
-      j.removeEventListener(k.SET_SCENE, d), j.removeEventListener(k.SET_OBJECT, s);
+let ie = { ...zn };
+function ki(t) {
+  const [n, a] = le(-1);
+  Be(() => {
+    function h(l) {
+      ie = { ...l.value }, a(Date.now());
+    }
+    function c() {
+      ie = { ...zn }, a(Date.now());
+    }
+    return _.addEventListener(j.SET_SCENE, c), _.addEventListener(j.SET_OBJECT, h), () => {
+      _.removeEventListener(j.SET_SCENE, c), _.removeEventListener(j.SET_OBJECT, h);
     };
   }, []);
-  const e = re.type.toLowerCase(), r = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
-  return /* @__PURE__ */ l.jsx(zt, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: t.class, children: re.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx(
-        st,
+  const e = ie.type.toLowerCase(), r = ie.animations.length > 0 || ie.mixer !== void 0, s = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
+  return /* @__PURE__ */ u.jsx(qt, { label: "Inspector", children: /* @__PURE__ */ u.jsx("div", { id: "Inspector", className: t.class, children: ie.uuid.length > 0 && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+    /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsx(
+        lt,
         {
           type: "string",
           title: "Name",
           prop: "name",
-          value: re.name,
+          value: ie.name,
           disabled: !0
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        st,
+      /* @__PURE__ */ u.jsx(
+        lt,
         {
           type: "string",
           title: "Type",
           prop: "type",
-          value: re.type,
+          value: ie.type,
           disabled: !0
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        st,
+      /* @__PURE__ */ u.jsx(
+        lt,
         {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: re.uuid,
+          value: ie.uuid,
           disabled: !0
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        st,
+      /* @__PURE__ */ u.jsx(
+        lt,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
-          value: re.visible,
-          onChange: (s, d) => {
-            var u;
-            t.three.updateObject(re.uuid, s, d);
-            const c = (u = t.three.scene) == null ? void 0 : u.getObjectByProperty("uuid", re.uuid);
-            c !== void 0 && Z(c, s, d);
+          value: ie.visible,
+          onChange: (h, c) => {
+            var d;
+            t.three.updateObject(ie.uuid, h, c);
+            const l = (d = t.three.scene) == null ? void 0 : d.getObjectByProperty("uuid", ie.uuid);
+            l !== void 0 && ne(l, h, c);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      Ya(re, t.three),
-      re.animations.length > 0 ? Ka(re, t.three) : null,
-      e.search("camera") > -1 ? za(re, t.three) : null,
-      e.search("light") > -1 ? Wa(re, t.three) : null,
-      r ? $a(re, t.three) : null
+    /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      Ri(ie, t.three),
+      r ? Ai(ie, t.three) : null,
+      e.search("camera") > -1 ? wi(ie, t.three) : null,
+      e.search("light") > -1 ? Pi(ie, t.three) : null,
+      s ? Si(ie, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-class mi extends ta {
+class Zi extends ka {
   constructor(a) {
     super(a);
     F(this, "three");
@@ -2707,17 +2991,17 @@ class mi extends ta {
     });
     this.state = {
       scene: a.scene !== void 0 ? a.scene : null
-    }, this.three = a.three, j.addEventListener(k.SET_SCENE, this.setScene);
+    }, this.three = a.three, _.addEventListener(j.SET_SCENE, this.setScene);
   }
   componentWillUnmount() {
-    j.removeEventListener(k.SET_SCENE, this.setScene);
+    _.removeEventListener(j.SET_SCENE, this.setScene);
   }
   render() {
     var r;
     const a = this.componentState.scene !== null, e = "Hierarchy - " + (a ? `${(r = this.componentState.scene) == null ? void 0 : r.name}` : "No Scene");
-    return /* @__PURE__ */ l.jsx("div", { id: "SidePanel", children: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx(zt, { label: e, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: a && /* @__PURE__ */ l.jsx(Ia, { child: this.componentState.scene, three: this.three }) }) }),
-      /* @__PURE__ */ l.jsx(Xa, { three: this.three })
+    return /* @__PURE__ */ u.jsx("div", { id: "SidePanel", children: /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsx(qt, { label: e, open: !0, children: /* @__PURE__ */ u.jsx(u.Fragment, { children: a && /* @__PURE__ */ u.jsx(fi, { child: this.componentState.scene, three: this.three }) }) }),
+      /* @__PURE__ */ u.jsx(ki, { three: this.three })
     ] }) }, "SidePanel");
   }
   // Getters / Setters
@@ -2725,54 +3009,54 @@ class mi extends ta {
     return this.state;
   }
 }
-function vi(t) {
+function Ji(t) {
   function n() {
     return t.three.scene === void 0 ? (console.log("No scene:", t.three), !1) : !0;
   }
   const a = (c) => {
-    var p;
+    var d;
     if (!n())
       return;
-    const u = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", c.value);
-    u !== void 0 && t.three.setObject(u);
-  }, e = (c, u, p) => {
-    var v;
+    const l = (d = t.three.scene) == null ? void 0 : d.getObjectByProperty("uuid", c.value);
+    l !== void 0 && t.three.setObject(l);
+  }, e = (c, l, d) => {
+    var m;
     if (!n())
       return;
-    const b = (v = t.three.scene) == null ? void 0 : v.getObjectByProperty("uuid", c);
-    b !== void 0 && Z(b, u, p);
+    const b = (m = t.three.scene) == null ? void 0 : m.getObjectByProperty("uuid", c);
+    b !== void 0 && ne(b, l, d);
   }, r = (c) => {
     if (!n())
       return;
-    const u = c.value, { key: p, value: b, uuid: v } = u;
-    e(v, p, b);
+    const l = c.value, { key: d, value: b, uuid: m } = l;
+    e(m, d, b);
   }, s = (c) => {
     if (!n())
       return;
-    const u = c.value;
-    Bt(u.value).then((p) => {
-      e(u.uuid, u.key, p), e(u.uuid, "material.needsUpdate", !0);
+    const l = c.value;
+    Ht(l.value).then((d) => {
+      e(l.uuid, l.key, d), e(l.uuid, "material.needsUpdate", !0);
     });
-  }, d = (c) => {
-    var w;
+  }, h = (c) => {
+    var S;
     if (!n())
       return;
-    const { key: u, uuid: p, value: b } = c.value, v = (w = t.three.scene) == null ? void 0 : w.getObjectByProperty("uuid", p);
-    if (v !== void 0)
+    const { key: l, uuid: d, value: b, subitem: m } = c.value, E = (S = t.three.scene) == null ? void 0 : S.getObjectByProperty("uuid", d);
+    if (E !== void 0)
       try {
-        v[u](b);
+        m !== void 0 ? Ha(E, m)[l](b) : E[l](b);
       } catch (x) {
-        console.log("Error requesting method:"), console.log(x), console.log(u), console.log(b);
+        console.log("Error requesting method:"), console.log(x), console.log(l), console.log(b);
       }
   };
-  return Fe(() => (j.addEventListener(k.GET_OBJECT, a), j.addEventListener(k.UPDATE_OBJECT, r), j.addEventListener(k.CREATE_TEXTURE, s), j.addEventListener(k.REQUEST_METHOD, d), () => {
-    j.removeEventListener(k.GET_OBJECT, a), j.removeEventListener(k.UPDATE_OBJECT, r), j.removeEventListener(k.CREATE_TEXTURE, s), j.removeEventListener(k.REQUEST_METHOD, d);
+  return Be(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, h), () => {
+    _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, h);
   }), []), null;
 }
-const tn = { type: "change" }, Nt = { type: "start" }, nn = { type: "end" }, xt = new $n(), an = new zn(), qa = Math.cos(70 * Gn.DEG2RAD);
-class Za extends cn {
+const on = { type: "change" }, Yt = { type: "start" }, sn = { type: "end" }, Ot = new ga(), cn = new ba(), _i = Math.cos(70 * ya.DEG2RAD);
+class ji extends fn {
   constructor(n, a) {
-    super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new X(), this.cursor = new X(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: We.ROTATE, MIDDLE: We.DOLLY, RIGHT: We.PAN }, this.touches = { ONE: Ke.ROTATE, TWO: Ke.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 Z(), this.cursor = new Z(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: We.ROTATE, MIDDLE: We.DOLLY, RIGHT: We.PAN }, this.touches = { ONE: qe.ROTATE, TWO: qe.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
       return c.phi;
     }, this.getAzimuthalAngle = function() {
       return c.theta;
@@ -2785,36 +3069,36 @@ class Za extends cn {
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
-      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(tn), e.update(), s = r.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(on), e.update(), s = r.NONE;
     }, this.update = function() {
-      const o = new X(), E = new Kt().setFromUnitVectors(n.up, new X(0, 1, 0)), D = E.clone().invert(), U = new X(), ne = new Kt(), be = new X(), de = 2 * Math.PI;
-      return function(wt = null) {
-        const ye = e.object.position;
-        o.copy(ye).sub(e.target), o.applyQuaternion(E), c.setFromVector3(o), e.autoRotate && s === r.NONE && G(y(wt)), e.enableDamping ? (c.theta += u.theta * e.dampingFactor, c.phi += u.phi * e.dampingFactor) : (c.theta += u.theta, c.phi += u.phi);
-        let he = e.minAzimuthAngle, pe = e.maxAzimuthAngle;
-        isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += de : he > Math.PI && (he -= de), pe < -Math.PI ? pe += de : pe > Math.PI && (pe -= de), he <= pe ? c.theta = Math.max(he, Math.min(pe, c.theta)) : c.theta = c.theta > (he + pe) / 2 ? Math.max(he, c.theta) : Math.min(pe, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(b, e.dampingFactor) : e.target.add(b), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && te || e.object.isOrthographicCamera ? c.radius = J(c.radius) : c.radius = J(c.radius * p), o.setFromSpherical(c), o.applyQuaternion(D), ye.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, b.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), b.set(0, 0, 0));
-        let He = !1;
-        if (e.zoomToCursor && te) {
-          let Ae = null;
+      const o = new Z(), y = new Jt().setFromUnitVectors(n.up, new Z(0, 1, 0)), M = y.clone().invert(), N = new Z(), X = new Jt(), pe = new Z(), oe = 2 * Math.PI;
+      return function(Bt = null) {
+        const rt = e.object.position;
+        o.copy(rt).sub(e.target), o.applyQuaternion(y), c.setFromVector3(o), e.autoRotate && s === r.NONE && z(A(Bt)), e.enableDamping ? (c.theta += l.theta * e.dampingFactor, c.phi += l.phi * e.dampingFactor) : (c.theta += l.theta, c.phi += l.phi);
+        let ge = e.minAzimuthAngle, me = e.maxAzimuthAngle;
+        isFinite(ge) && isFinite(me) && (ge < -Math.PI ? ge += oe : ge > Math.PI && (ge -= oe), me < -Math.PI ? me += oe : me > Math.PI && (me -= oe), ge <= me ? c.theta = Math.max(ge, Math.min(me, c.theta)) : c.theta = c.theta > (ge + me) / 2 ? Math.max(ge, c.theta) : Math.min(me, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(b, e.dampingFactor) : e.target.add(b), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && ae || e.object.isOrthographicCamera ? c.radius = fe(c.radius) : c.radius = fe(c.radius * d), o.setFromSpherical(c), o.applyQuaternion(M), rt.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (l.theta *= 1 - e.dampingFactor, l.phi *= 1 - e.dampingFactor, b.multiplyScalar(1 - e.dampingFactor)) : (l.set(0, 0, 0), b.set(0, 0, 0));
+        let ke = !1;
+        if (e.zoomToCursor && ae) {
+          let _e = null;
           if (e.object.isPerspectiveCamera) {
-            const Te = o.length();
-            Ae = J(Te * p);
-            const Ve = Te - Ae;
-            e.object.position.addScaledVector(ie, Ve), e.object.updateMatrixWorld();
+            const je = o.length();
+            _e = fe(je * d);
+            const De = je - _e;
+            e.object.position.addScaledVector(he, De), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
-            const Te = new X(ue.x, ue.y, 0);
-            Te.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), He = !0;
-            const Ve = new X(ue.x, ue.y, 0);
-            Ve.unproject(e.object), e.object.position.sub(Ve).add(Te), e.object.updateMatrixWorld(), Ae = o.length();
+            const je = new Z(te.x, te.y, 0);
+            je.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix(), ke = !0;
+            const De = new Z(te.x, te.y, 0);
+            De.unproject(e.object), e.object.position.sub(De).add(je), e.object.updateMatrixWorld(), _e = o.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          Ae !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Ae).add(e.object.position) : (xt.origin.copy(e.object.position), xt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(xt.direction)) < qa ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), xt.intersectPlane(an, e.target))));
+          _e !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(_e).add(e.object.position) : (Ot.origin.copy(e.object.position), Ot.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(Ot.direction)) < _i ? n.lookAt(e.target) : (cn.setFromNormalAndCoplanarPoint(e.object.up, e.target), Ot.intersectPlane(cn, e.target))));
         } else
-          e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), He = !0);
-        return p = 1, te = !1, He || U.distanceToSquared(e.object.position) > d || 8 * (1 - ne.dot(e.object.quaternion)) > d || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), U.copy(e.object.position), ne.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
+          e.object.isOrthographicCamera && (ke = d !== 1, ke && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / d)), e.object.updateProjectionMatrix()));
+        return d = 1, ae = !1, ke || N.distanceToSquared(e.object.position) > h || 8 * (1 - X.dot(e.object.quaternion)) > h || pe.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(on), N.copy(e.object.position), X.copy(e.object.quaternion), pe.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", Oe), e.domElement.removeEventListener("pointerdown", tt), e.domElement.removeEventListener("pointercancel", ke), e.domElement.removeEventListener("wheel", vt), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", at), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", Ve), e.domElement.removeEventListener("pointerdown", Pe), e.domElement.removeEventListener("pointercancel", Ae), e.domElement.removeEventListener("wheel", Et), e.domElement.removeEventListener("pointermove", tt), e.domElement.removeEventListener("pointerup", Ae), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", at), e._domElementKeyEvents = null);
     };
     const e = this, r = {
       NONE: -1,
@@ -2827,191 +3111,200 @@ class Za extends cn {
       TOUCH_DOLLY_ROTATE: 6
     };
     let s = r.NONE;
-    const d = 1e-6, c = new Xt(), u = new Xt();
-    let p = 1;
-    const b = new X(), v = new fe(), w = new fe(), x = new fe(), O = new fe(), M = new fe(), K = new fe(), I = new fe(), C = new fe(), V = new fe(), ie = new X(), ue = new fe();
-    let te = !1;
-    const f = [], m = {};
-    function y(o) {
+    const h = 1e-6, c = new Qt(), l = new Qt();
+    let d = 1;
+    const b = new Z(), m = new de(), E = new de(), S = new de(), x = new de(), T = new de(), W = new de(), I = new de(), w = new de(), G = new de(), he = new Z(), te = new de();
+    let ae = !1;
+    const f = [], v = {};
+    let C = !1;
+    function A(o) {
       return o !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
-    function T(o) {
-      const E = Math.abs(o) / (100 * (window.devicePixelRatio | 0));
-      return Math.pow(0.95, e.zoomSpeed * E);
+    function Y(o) {
+      const y = Math.abs(o * 0.01);
+      return Math.pow(0.95, e.zoomSpeed * y);
     }
-    function G(o) {
-      u.theta -= o;
+    function z(o) {
+      l.theta -= o;
     }
-    function H(o) {
-      u.phi -= o;
+    function B(o) {
+      l.phi -= o;
     }
-    const $ = function() {
-      const o = new X();
-      return function(D, U) {
-        o.setFromMatrixColumn(U, 0), o.multiplyScalar(-D), b.add(o);
+    const L = function() {
+      const o = new Z();
+      return function(M, N) {
+        o.setFromMatrixColumn(N, 0), o.multiplyScalar(-M), b.add(o);
       };
-    }(), L = function() {
-      const o = new X();
-      return function(D, U) {
-        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(U, 1) : (o.setFromMatrixColumn(U, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(D), b.add(o);
+    }(), q = function() {
+      const o = new Z();
+      return function(M, N) {
+        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(N, 1) : (o.setFromMatrixColumn(N, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(M), b.add(o);
       };
-    }(), z = function() {
-      const o = new X();
-      return function(D, U) {
-        const ne = e.domElement;
+    }(), K = function() {
+      const o = new Z();
+      return function(M, N) {
+        const X = e.domElement;
         if (e.object.isPerspectiveCamera) {
-          const be = e.object.position;
-          o.copy(be).sub(e.target);
-          let de = o.length();
-          de *= Math.tan(e.object.fov / 2 * Math.PI / 180), $(2 * D * de / ne.clientHeight, e.object.matrix), L(2 * U * de / ne.clientHeight, e.object.matrix);
+          const pe = e.object.position;
+          o.copy(pe).sub(e.target);
+          let oe = o.length();
+          oe *= Math.tan(e.object.fov / 2 * Math.PI / 180), L(2 * M * oe / X.clientHeight, e.object.matrix), q(2 * N * oe / X.clientHeight, e.object.matrix);
         } else
-          e.object.isOrthographicCamera ? ($(D * (e.object.right - e.object.left) / e.object.zoom / ne.clientWidth, e.object.matrix), L(U * (e.object.top - e.object.bottom) / e.object.zoom / ne.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
+          e.object.isOrthographicCamera ? (L(M * (e.object.right - e.object.left) / e.object.zoom / X.clientWidth, e.object.matrix), q(N * (e.object.top - e.object.bottom) / e.object.zoom / X.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     }();
-    function ee(o) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+    function R(o) {
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
-    function P(o) {
-      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+    function U(o) {
+      e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? d *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
-    function N(o, E) {
+    function Q(o, y) {
       if (!e.zoomToCursor)
         return;
-      te = !0;
-      const D = e.domElement.getBoundingClientRect(), U = o - D.left, ne = E - D.top, be = D.width, de = D.height;
-      ue.x = U / be * 2 - 1, ue.y = -(ne / de) * 2 + 1, ie.set(ue.x, ue.y, 1).unproject(e.object).sub(e.object.position).normalize();
+      ae = !0;
+      const M = e.domElement.getBoundingClientRect(), N = o - M.left, X = y - M.top, pe = M.width, oe = M.height;
+      te.x = N / pe * 2 - 1, te.y = -(X / oe) * 2 + 1, he.set(te.x, te.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
-    function J(o) {
+    function fe(o) {
       return Math.max(e.minDistance, Math.min(e.maxDistance, o));
     }
-    function me(o) {
-      v.set(o.clientX, o.clientY);
+    function xe(o) {
+      m.set(o.clientX, o.clientY);
     }
-    function Re(o) {
-      N(o.clientX, o.clientX), I.set(o.clientX, o.clientY);
+    function pt(o) {
+      Q(o.clientX, o.clientX), I.set(o.clientX, o.clientY);
     }
     function Je(o) {
-      O.set(o.clientX, o.clientY);
-    }
-    function dt(o) {
-      w.set(o.clientX, o.clientY), x.subVectors(w, v).multiplyScalar(e.rotateSpeed);
-      const E = e.domElement;
-      G(2 * Math.PI * x.x / E.clientHeight), H(2 * Math.PI * x.y / E.clientHeight), v.copy(w), e.update();
-    }
-    function Pt(o) {
-      C.set(o.clientX, o.clientY), V.subVectors(C, I), V.y > 0 ? ee(T(V.y)) : V.y < 0 && P(T(V.y)), I.copy(C), e.update();
+      x.set(o.clientX, o.clientY);
     }
     function _t(o) {
-      M.set(o.clientX, o.clientY), K.subVectors(M, O).multiplyScalar(e.panSpeed), z(K.x, K.y), O.copy(M), e.update();
+      E.set(o.clientX, o.clientY), S.subVectors(E, m).multiplyScalar(e.rotateSpeed);
+      const y = e.domElement;
+      z(2 * Math.PI * S.x / y.clientHeight), B(2 * Math.PI * S.y / y.clientHeight), m.copy(E), e.update();
+    }
+    function jt(o) {
+      w.set(o.clientX, o.clientY), G.subVectors(w, I), G.y > 0 ? R(Y(G.y)) : G.y < 0 && U(Y(G.y)), I.copy(w), e.update();
     }
     function Qe(o) {
-      N(o.clientX, o.clientY), o.deltaY < 0 ? P(T(o.deltaY)) : o.deltaY > 0 && ee(T(o.deltaY)), e.update();
+      T.set(o.clientX, o.clientY), W.subVectors(T, x).multiplyScalar(e.panSpeed), K(W.x, W.y), x.copy(T), e.update();
     }
     function et(o) {
-      let E = !1;
+      Q(o.clientX, o.clientY), o.deltaY < 0 ? U(Y(o.deltaY)) : o.deltaY > 0 && R(Y(o.deltaY)), e.update();
+    }
+    function Ye(o) {
+      let y = !1;
       switch (o.code) {
         case e.keys.UP:
-          o.ctrlKey || o.metaKey || o.shiftKey ? H(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : z(0, e.keyPanSpeed), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : K(0, e.keyPanSpeed), y = !0;
           break;
         case e.keys.BOTTOM:
-          o.ctrlKey || o.metaKey || o.shiftKey ? H(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : z(0, -e.keyPanSpeed), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? B(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : K(0, -e.keyPanSpeed), y = !0;
           break;
         case e.keys.LEFT:
-          o.ctrlKey || o.metaKey || o.shiftKey ? G(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : z(e.keyPanSpeed, 0), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? z(2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : K(e.keyPanSpeed, 0), y = !0;
           break;
         case e.keys.RIGHT:
-          o.ctrlKey || o.metaKey || o.shiftKey ? G(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : z(-e.keyPanSpeed, 0), E = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? z(-2 * Math.PI * e.rotateSpeed / e.domElement.clientHeight) : K(-e.keyPanSpeed, 0), y = !0;
           break;
       }
-      E && (o.preventDefault(), e.update());
+      y && (o.preventDefault(), e.update());
     }
-    function Pe(o) {
+    function Ge(o) {
       if (f.length === 1)
-        v.set(o.pageX, o.pageY);
+        m.set(o.pageX, o.pageY);
       else {
-        const E = ge(o), D = 0.5 * (o.pageX + E.x), U = 0.5 * (o.pageY + E.y);
-        v.set(D, U);
+        const y = we(o), M = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        m.set(M, N);
       }
     }
-    function ze(o) {
+    function Me(o) {
       if (f.length === 1)
-        O.set(o.pageX, o.pageY);
+        x.set(o.pageX, o.pageY);
       else {
-        const E = ge(o), D = 0.5 * (o.pageX + E.x), U = 0.5 * (o.pageY + E.y);
-        O.set(D, U);
+        const y = we(o), M = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        x.set(M, N);
       }
     }
-    function _e(o) {
-      const E = ge(o), D = o.pageX - E.x, U = o.pageY - E.y, ne = Math.sqrt(D * D + U * U);
-      I.set(0, ne);
+    function mt(o) {
+      const y = we(o), M = o.pageX - y.x, N = o.pageY - y.y, X = Math.sqrt(M * M + N * N);
+      I.set(0, X);
     }
-    function jt(o) {
-      e.enableZoom && _e(o), e.enablePan && ze(o);
+    function vt(o) {
+      e.enableZoom && mt(o), e.enablePan && Me(o);
     }
-    function ft(o) {
-      e.enableZoom && _e(o), e.enableRotate && Pe(o);
+    function Dt(o) {
+      e.enableZoom && mt(o), e.enableRotate && Ge(o);
     }
-    function ht(o) {
+    function gt(o) {
       if (f.length == 1)
-        w.set(o.pageX, o.pageY);
+        E.set(o.pageX, o.pageY);
       else {
-        const D = ge(o), U = 0.5 * (o.pageX + D.x), ne = 0.5 * (o.pageY + D.y);
-        w.set(U, ne);
+        const M = we(o), N = 0.5 * (o.pageX + M.x), X = 0.5 * (o.pageY + M.y);
+        E.set(N, X);
       }
-      x.subVectors(w, v).multiplyScalar(e.rotateSpeed);
-      const E = e.domElement;
-      G(2 * Math.PI * x.x / E.clientHeight), H(2 * Math.PI * x.y / E.clientHeight), v.copy(w);
+      S.subVectors(E, m).multiplyScalar(e.rotateSpeed);
+      const y = e.domElement;
+      z(2 * Math.PI * S.x / y.clientHeight), B(2 * Math.PI * S.y / y.clientHeight), m.copy(E);
     }
-    function pt(o) {
+    function Te(o) {
       if (f.length === 1)
-        M.set(o.pageX, o.pageY);
+        T.set(o.pageX, o.pageY);
       else {
-        const E = ge(o), D = 0.5 * (o.pageX + E.x), U = 0.5 * (o.pageY + E.y);
-        M.set(D, U);
+        const y = we(o), M = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        T.set(M, N);
       }
-      K.subVectors(M, O).multiplyScalar(e.panSpeed), z(K.x, K.y), O.copy(M);
+      W.subVectors(T, x).multiplyScalar(e.panSpeed), K(W.x, W.y), x.copy(T);
     }
-    function je(o) {
-      const E = ge(o), D = o.pageX - E.x, U = o.pageY - E.y, ne = Math.sqrt(D * D + U * U);
-      C.set(0, ne), V.set(0, Math.pow(C.y / I.y, e.zoomSpeed)), ee(V.y), I.copy(C);
-      const be = (o.pageX + E.x) * 0.5, de = (o.pageY + E.y) * 0.5;
-      N(be, de);
+    function Re(o) {
+      const y = we(o), M = o.pageX - y.x, N = o.pageY - y.y, X = Math.sqrt(M * M + N * N);
+      w.set(0, X), G.set(0, Math.pow(w.y / I.y, e.zoomSpeed)), R(G.y), I.copy(w);
+      const pe = (o.pageX + y.x) * 0.5, oe = (o.pageY + y.y) * 0.5;
+      Q(pe, oe);
     }
-    function Ge(o) {
-      e.enableZoom && je(o), e.enablePan && pt(o);
+    function bt(o) {
+      e.enableZoom && Re(o), e.enablePan && Te(o);
     }
-    function mt(o) {
-      e.enableZoom && je(o), e.enableRotate && ht(o);
+    function yt(o) {
+      e.enableZoom && Re(o), e.enableRotate && gt(o);
     }
-    function tt(o) {
-      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), At(o), o.pointerType === "touch" ? gt(o) : kt(o));
+    function Pe(o) {
+      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", tt), e.domElement.addEventListener("pointerup", Ae)), Lt(o), o.pointerType === "touch" ? it(o) : nt(o));
     }
-    function Se(o) {
-      e.enabled !== !1 && (o.pointerType === "touch" ? bt(o) : nt(o));
+    function tt(o) {
+      e.enabled !== !1 && (o.pointerType === "touch" ? St(o) : It(o));
     }
-    function ke(o) {
-      yt(o), f.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(nn), s = r.NONE;
+    function Ae(o) {
+      switch (Nt(o), f.length) {
+        case 0:
+          e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", tt), e.domElement.removeEventListener("pointerup", Ae), e.dispatchEvent(sn), s = r.NONE;
+          break;
+        case 1:
+          const y = f[0], M = v[y];
+          it({ pointerId: y, pageX: M.x, pageY: M.y });
+          break;
+      }
     }
-    function kt(o) {
-      let E;
+    function nt(o) {
+      let y;
       switch (o.button) {
         case 0:
-          E = e.mouseButtons.LEFT;
+          y = e.mouseButtons.LEFT;
           break;
         case 1:
-          E = e.mouseButtons.MIDDLE;
+          y = e.mouseButtons.MIDDLE;
           break;
         case 2:
-          E = e.mouseButtons.RIGHT;
+          y = e.mouseButtons.RIGHT;
           break;
         default:
-          E = -1;
+          y = -1;
       }
-      switch (E) {
+      switch (y) {
         case We.DOLLY:
           if (e.enableZoom === !1)
             return;
-          Re(o), s = r.DOLLY;
+          pt(o), s = r.DOLLY;
           break;
         case We.ROTATE:
           if (o.ctrlKey || o.metaKey || o.shiftKey) {
@@ -3021,14 +3314,14 @@ class Za extends cn {
           } else {
             if (e.enableRotate === !1)
               return;
-            me(o), s = r.ROTATE;
+            xe(o), s = r.ROTATE;
           }
           break;
         case We.PAN:
           if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (e.enableRotate === !1)
               return;
-            me(o), s = r.ROTATE;
+            xe(o), s = r.ROTATE;
           } else {
             if (e.enablePan === !1)
               return;
@@ -3038,46 +3331,68 @@ class Za extends cn {
         default:
           s = r.NONE;
       }
-      s !== r.NONE && e.dispatchEvent(Nt);
+      s !== r.NONE && e.dispatchEvent(Yt);
     }
-    function nt(o) {
+    function It(o) {
       switch (s) {
         case r.ROTATE:
           if (e.enableRotate === !1)
             return;
-          dt(o);
+          _t(o);
           break;
         case r.DOLLY:
           if (e.enableZoom === !1)
             return;
-          Pt(o);
+          jt(o);
           break;
         case r.PAN:
           if (e.enablePan === !1)
             return;
-          _t(o);
+          Qe(o);
           break;
       }
     }
-    function vt(o) {
-      e.enabled === !1 || e.enableZoom === !1 || s !== r.NONE || (o.preventDefault(), e.dispatchEvent(Nt), Qe(o), e.dispatchEvent(nn));
+    function Et(o) {
+      e.enabled === !1 || e.enableZoom === !1 || s !== r.NONE || (o.preventDefault(), e.dispatchEvent(Yt), et(Ct(o)), e.dispatchEvent(sn));
+    }
+    function Ct(o) {
+      const y = o.deltaMode, M = {
+        clientX: o.clientX,
+        clientY: o.clientY,
+        deltaY: o.deltaY
+      };
+      switch (y) {
+        case 1:
+          M.deltaY *= 16;
+          break;
+        case 2:
+          M.deltaY *= 100;
+          break;
+      }
+      return o.ctrlKey && !C && (M.deltaY *= 10), M;
+    }
+    function xt(o) {
+      o.key === "Control" && (C = !0, e.domElement.getRootNode().addEventListener("keyup", Se, { passive: !0, capture: !0 }));
+    }
+    function Se(o) {
+      o.key === "Control" && (C = !1, e.domElement.getRootNode().removeEventListener("keyup", Se, { passive: !0, capture: !0 }));
     }
     function at(o) {
-      e.enabled === !1 || e.enablePan === !1 || et(o);
+      e.enabled === !1 || e.enablePan === !1 || Ye(o);
     }
-    function gt(o) {
-      switch (it(o), f.length) {
+    function it(o) {
+      switch (wt(o), f.length) {
         case 1:
           switch (e.touches.ONE) {
-            case Ke.ROTATE:
+            case qe.ROTATE:
               if (e.enableRotate === !1)
                 return;
-              Pe(o), s = r.TOUCH_ROTATE;
+              Ge(o), s = r.TOUCH_ROTATE;
               break;
-            case Ke.PAN:
+            case qe.PAN:
               if (e.enablePan === !1)
                 return;
-              ze(o), s = r.TOUCH_PAN;
+              Me(o), s = r.TOUCH_PAN;
               break;
             default:
               s = r.NONE;
@@ -3085,15 +3400,15 @@ class Za extends cn {
           break;
         case 2:
           switch (e.touches.TWO) {
-            case Ke.DOLLY_PAN:
+            case qe.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              jt(o), s = r.TOUCH_DOLLY_PAN;
+              vt(o), s = r.TOUCH_DOLLY_PAN;
               break;
-            case Ke.DOLLY_ROTATE:
+            case qe.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              ft(o), s = r.TOUCH_DOLLY_ROTATE;
+              Dt(o), s = r.TOUCH_DOLLY_ROTATE;
               break;
             default:
               s = r.NONE;
@@ -3102,424 +3417,424 @@ class Za extends cn {
         default:
           s = r.NONE;
       }
-      s !== r.NONE && e.dispatchEvent(Nt);
+      s !== r.NONE && e.dispatchEvent(Yt);
     }
-    function bt(o) {
-      switch (it(o), s) {
+    function St(o) {
+      switch (wt(o), s) {
         case r.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
-          ht(o), e.update();
+          gt(o), e.update();
           break;
         case r.TOUCH_PAN:
           if (e.enablePan === !1)
             return;
-          pt(o), e.update();
+          Te(o), e.update();
           break;
         case r.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          Ge(o), e.update();
+          bt(o), e.update();
           break;
         case r.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          mt(o), e.update();
+          yt(o), e.update();
           break;
         default:
           s = r.NONE;
       }
     }
-    function Oe(o) {
+    function Ve(o) {
       e.enabled !== !1 && o.preventDefault();
     }
-    function At(o) {
+    function Lt(o) {
       f.push(o.pointerId);
     }
-    function yt(o) {
-      delete m[o.pointerId];
-      for (let E = 0; E < f.length; E++)
-        if (f[E] == o.pointerId) {
-          f.splice(E, 1);
+    function Nt(o) {
+      delete v[o.pointerId];
+      for (let y = 0; y < f.length; y++)
+        if (f[y] == o.pointerId) {
+          f.splice(y, 1);
           return;
         }
     }
-    function it(o) {
-      let E = m[o.pointerId];
-      E === void 0 && (E = new fe(), m[o.pointerId] = E), E.set(o.pageX, o.pageY);
+    function wt(o) {
+      let y = v[o.pointerId];
+      y === void 0 && (y = new de(), v[o.pointerId] = y), y.set(o.pageX, o.pageY);
     }
-    function ge(o) {
-      const E = o.pointerId === f[0] ? f[1] : f[0];
-      return m[E];
+    function we(o) {
+      const y = o.pointerId === f[0] ? f[1] : f[0];
+      return v[y];
     }
-    e.domElement.addEventListener("contextmenu", Oe), e.domElement.addEventListener("pointerdown", tt), e.domElement.addEventListener("pointercancel", ke), e.domElement.addEventListener("wheel", vt, { passive: !1 }), this.update();
+    e.domElement.addEventListener("contextmenu", Ve), e.domElement.addEventListener("pointerdown", Pe), e.domElement.addEventListener("pointercancel", Ae), e.domElement.addEventListener("wheel", Et, { passive: !1 }), e.domElement.getRootNode().addEventListener("keydown", xt, { passive: !0, capture: !0 }), this.update();
   }
 }
-const Ot = (t) => {
-  const [n, a] = ce(t.options[t.index]), e = () => {
+const Rt = (t) => {
+  const [n, a] = le(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
   }, r = (s) => {
     s !== n && (t.onSelect(s), a(s)), t.onToggle(!1);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
-    /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
-    t.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ l.jsx("li", { onClick: () => r(s), children: s }, s)) })
+  return /* @__PURE__ */ u.jsxs("div", { className: `dropdown ${t.up === !0 ? "up" : ""}`, children: [
+    /* @__PURE__ */ u.jsx("div", { className: "dropdown-toggle", onClick: e, children: n }),
+    t.open && /* @__PURE__ */ u.jsx("ul", { className: "dropdown-menu", children: t.options.map((s) => /* @__PURE__ */ u.jsx("li", { onClick: () => r(s), children: s }, s)) })
   ] });
-}, Ie = na(function(n, a) {
-  const [e, r] = ce(!1), s = n.options.indexOf(n.camera.name);
-  return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
-    /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
+}, Le = _a(function(n, a) {
+  const [e, r] = le(!1), s = n.options.indexOf(n.camera.name);
+  return /* @__PURE__ */ u.jsxs("div", { className: "CameraWindow", children: [
+    /* @__PURE__ */ u.jsx("div", { ref: a, className: "clickable", onClick: () => {
       e && r(!1);
     } }),
-    /* @__PURE__ */ l.jsx(
-      Ot,
+    /* @__PURE__ */ u.jsx(
+      Rt,
       {
         index: s,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (d) => {
-          r(d);
+        onToggle: (h) => {
+          r(h);
         },
         up: !0
       }
     )
   ] });
-}), rn = [
+}), ln = [
   "Single",
   "Side by Side",
   "Stacked",
   "Quad"
-], ae = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map();
-function $e(t, n) {
-  const a = new dn(-100, 100, 100, -100, 50, 3e3);
-  return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), ae.set(t, a), a;
-}
-$e("Top", new X(0, 1e3, 0));
-$e("Bottom", new X(0, -1e3, 0));
-$e("Left", new X(-1e3, 0, 0));
-$e("Right", new X(1e3, 0, 0));
-$e("Front", new X(0, 0, 1e3));
-$e("Back", new X(0, 0, -1e3));
-$e("Orthographic", new X(1e3, 1e3, 1e3));
-const Rt = new Ft(60, 1, 50, 3e3);
-Rt.name = "Debug";
-Rt.position.set(500, 500, 500);
-Rt.lookAt(0, 0, 0);
-ae.set("Debug", Rt);
-const on = [
+], re = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map();
+function ze(t, n) {
+  const a = new An(-100, 100, 100, -100, 50, 3e3);
+  return a.name = t, a.position.copy(n), a.lookAt(0, 0, 0), re.set(t, a), a;
+}
+ze("Top", new Z(0, 1e3, 0));
+ze("Bottom", new Z(0, -1e3, 0));
+ze("Left", new Z(-1e3, 0, 0));
+ze("Right", new Z(1e3, 0, 0));
+ze("Front", new Z(0, 0, 1e3));
+ze("Back", new Z(0, 0, -1e3));
+ze("Orthographic", new Z(1e3, 1e3, 1e3));
+const kt = new Gt(60, 1, 50, 3e3);
+kt.name = "Debug";
+kt.position.set(500, 500, 500);
+kt.lookAt(0, 0, 0);
+re.set("Debug", kt);
+const un = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], Ja = new Hn(), Qa = new Vn(), ei = new Da(), ti = new Yn({
+], Di = new Ea(), Ii = new Ca(), Li = new di(), Ni = new xa({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let Ct = "Renderer";
-const W = new fn();
-W.name = "Debug Scene";
-let xe = new fn();
-W.add(xe);
-const ut = new Wn();
-ut.name = "helpers";
-W.add(ut);
-const ni = new ja();
-ut.add(ni);
-const Sn = new hn(500);
-Sn.name = "axisHelper";
-ut.add(Sn);
-const lt = new hn(100);
-lt.name = "interactionHelper";
-ut.add(lt);
-lt.visible = !1;
-let St = !1, Y = ae.get("Debug"), se = ae.get("Orthographic"), Le = ae.get("Front"), Ne = ae.get("Top"), sn = !1;
-function gi(t) {
-  const [n, a] = ce(t.mode !== void 0 ? t.mode : "Single"), [e, r] = ce(null), [s, d] = ce(!1), [c, u] = ce(!1), [p, b] = ce(!1), [, v] = ce(Date.now()), w = Ce(null), x = Ce(null), O = Ce(null), M = Ce(null), K = Ce(null), I = Ce(null), C = (f, m) => {
-    const y = oe.get(f.name);
-    y !== void 0 && y.dispose(), oe.delete(f.name);
-    const T = we.get(f.name);
-    T !== void 0 && (W.remove(T), T.dispose()), we.delete(f.name);
-    const G = new Za(f, m);
-    switch (G.enableDamping = !0, G.dampingFactor = 0.05, f.name) {
+let Mt = "Renderer";
+const H = new kn();
+H.name = "Debug Scene";
+let Ee = new kn();
+H.add(Ee);
+const ht = new Sa();
+ht.name = "helpers";
+H.add(ht);
+const Fi = new ci();
+ht.add(Fi);
+const Yn = new _n(500);
+Yn.name = "axisHelper";
+ht.add(Yn);
+const ft = new _n(100);
+ft.name = "interactionHelper";
+ht.add(ft);
+ft.visible = !1;
+let Tt = !1, V = re.get("Debug"), ce = re.get("Orthographic"), Ne = re.get("Front"), Fe = re.get("Top"), dn = !1;
+function Qi(t) {
+  const [n, a] = le(t.mode !== void 0 ? t.mode : "Single"), [e, r] = le(null), [s, h] = le(!1), [c, l] = le(!1), [d, b] = le(!1), [, m] = le(Date.now()), E = Ce(null), S = Ce(null), x = Ce(null), T = Ce(null), W = Ce(null), I = Ce(null), w = (f, v) => {
+    const C = se.get(f.name);
+    C !== void 0 && C.dispose(), se.delete(f.name);
+    const A = ye.get(f.name);
+    A !== void 0 && (H.remove(A), A.dispose()), ye.delete(f.name);
+    const Y = new ji(f, v);
+    switch (Y.enableDamping = !0, Y.dampingFactor = 0.05, f.name) {
       case "Top":
       case "Bottom":
       case "Left":
       case "Right":
       case "Front":
       case "Back":
-        G.enableRotate = !1;
+        Y.enableRotate = !1;
         break;
     }
-    if (oe.set(f.name, G), f instanceof Ft) {
-      const H = new qn(f);
-      we.set(f.name, H), W.add(H);
-    }
-  }, V = (f) => {
-    const m = we.get(f.name);
-    m !== void 0 && (W.remove(m), m.dispose(), we.delete(f.name));
-    const y = oe.get(f.name);
-    y !== void 0 && (y.dispose(), oe.delete(f.name));
-  }, ie = () => {
-    oe.forEach((f, m) => {
+    if (se.set(f.name, Y), f instanceof Gt) {
+      const z = new Ma(f);
+      ye.set(f.name, z), H.add(z);
+    }
+  }, G = (f) => {
+    const v = ye.get(f.name);
+    v !== void 0 && (H.remove(v), v.dispose(), ye.delete(f.name));
+    const C = se.get(f.name);
+    C !== void 0 && (C.dispose(), se.delete(f.name));
+  }, he = () => {
+    se.forEach((f, v) => {
       f.dispose();
-      const y = we.get(m);
-      y !== void 0 && (W.remove(y), y.dispose()), we.delete(m), oe.delete(m);
-    }), oe.clear(), we.clear();
-  }, ue = () => {
+      const C = ye.get(v);
+      C !== void 0 && (H.remove(C), C.dispose()), ye.delete(v), se.delete(v);
+    }), se.clear(), ye.clear();
+  }, te = () => {
     switch (n) {
       case "Single":
-        C(Y, O.current);
+        w(V, x.current);
         break;
       case "Side by Side":
       case "Stacked":
-        C(Y, O.current), C(se, M.current);
+        w(V, x.current), w(ce, T.current);
         break;
       case "Quad":
-        C(Y, O.current), C(se, M.current), C(Le, K.current), C(Ne, I.current);
+        w(V, x.current), w(ce, T.current), w(Ne, W.current), w(Fe, I.current);
         break;
     }
   };
-  Fe(() => {
-    const f = new Kn({
-      canvas: w.current,
+  Be(() => {
+    const f = new wa({
+      canvas: E.current,
       stencil: !1
     });
     f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), r(f);
-  }, []), Fe(() => {
-    const f = (T) => {
-      gn(xe), W.remove(xe);
-      const G = t.scenes.get(T.value.name);
-      if (G !== void 0) {
-        const H = new G();
-        t.onSceneSet !== void 0 && t.onSceneSet(H), xe = H, t.three.scene = xe, W.add(xe), sn = !0;
-      }
-    }, m = (T) => {
-      var $;
-      const G = T.value, H = ($ = t.three.scene) == null ? void 0 : $.getObjectByProperty("uuid", G.uuid);
-      H !== void 0 && ae.set(G.name, H), v(Date.now());
-    }, y = (T) => {
-      ae.delete(T.value.name), v(Date.now());
+  }, []), Be(() => {
+    const f = (A) => {
+      Ln(Ee), H.remove(Ee);
+      const Y = t.scenes.get(A.value.name);
+      if (Y !== void 0) {
+        const z = new Y();
+        t.onSceneSet !== void 0 && t.onSceneSet(z), Ee = z, t.three.scene = Ee, H.add(Ee), dn = !0;
+      }
+    }, v = (A) => {
+      var B;
+      const Y = A.value, z = (B = t.three.scene) == null ? void 0 : B.getObjectByProperty("uuid", Y.uuid);
+      z !== void 0 && re.set(Y.name, z), m(Date.now());
+    }, C = (A) => {
+      re.delete(A.value.name), m(Date.now());
     };
-    return j.addEventListener(k.SET_SCENE, f), j.addEventListener(k.ADD_CAMERA, m), j.addEventListener(k.REMOVE_CAMERA, y), () => {
-      j.removeEventListener(k.SET_SCENE, f), j.removeEventListener(k.ADD_CAMERA, m), j.removeEventListener(k.REMOVE_CAMERA, y);
+    return _.addEventListener(j.SET_SCENE, f), _.addEventListener(j.ADD_CAMERA, v), _.addEventListener(j.REMOVE_CAMERA, C), () => {
+      _.removeEventListener(j.SET_SCENE, f), _.removeEventListener(j.ADD_CAMERA, v), _.removeEventListener(j.REMOVE_CAMERA, C);
     };
-  }, []), Fe(() => {
+  }, []), Be(() => {
     if (e === null)
       return;
-    let f = window.innerWidth, m = window.innerHeight, y = Math.floor(f / 2), T = Math.floor(m / 2), G = -1;
-    const H = () => {
-      f = window.innerWidth - 300, m = window.innerHeight, y = Math.floor(f / 2), T = Math.floor(m / 2), e.setSize(f, m);
-      let P = f, N = m;
+    let f = window.innerWidth, v = window.innerHeight, C = Math.floor(f / 2), A = Math.floor(v / 2), Y = -1;
+    const z = () => {
+      f = window.innerWidth - 300, v = window.innerHeight, C = Math.floor(f / 2), A = Math.floor(v / 2), e.setSize(f, v);
+      let R = f, U = v;
       switch (n) {
         case "Side by Side":
-          P = y, N = m;
+          R = C, U = v;
           break;
         case "Stacked":
-          P = f, N = T;
+          R = f, U = A;
           break;
         case "Quad":
-          P = y, N = T;
+          R = C, U = A;
           break;
       }
-      ae.forEach((J) => {
-        var me;
-        J instanceof dn ? (J.left = P / -2, J.right = P / 2, J.top = N / 2, J.bottom = N / -2, J.updateProjectionMatrix()) : J instanceof Ft && (J.aspect = P / N, J.updateProjectionMatrix(), (me = we.get(J.name)) == null || me.update());
+      re.forEach((Q) => {
+        var fe;
+        Q instanceof An ? (Q.left = R / -2, Q.right = R / 2, Q.top = U / 2, Q.bottom = U / -2, Q.updateProjectionMatrix()) : Q instanceof Gt && (Q.aspect = R / U, Q.updateProjectionMatrix(), (fe = ye.get(Q.name)) == null || fe.update());
       });
-    }, $ = () => {
-      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(W, Y);
+    }, B = () => {
+      e.setViewport(0, 0, f, v), e.setScissor(0, 0, f, v), e.render(H, V);
     }, L = () => {
       if (n === "Side by Side")
-        e.setViewport(0, 0, y, m), e.setScissor(0, 0, y, m), e.render(W, Y), e.setViewport(y, 0, y, m), e.setScissor(y, 0, y, m), e.render(W, se);
+        e.setViewport(0, 0, C, v), e.setScissor(0, 0, C, v), e.render(H, V), e.setViewport(C, 0, C, v), e.setScissor(C, 0, C, v), e.render(H, ce);
       else {
-        const P = m - T;
-        e.setViewport(0, P, f, T), e.setScissor(0, P, f, T), e.render(W, Y), e.setViewport(0, 0, f, T), e.setScissor(0, 0, f, T), e.render(W, se);
-      }
-    }, z = () => {
-      let P = 0, N = 0;
-      N = m - T, P = 0, e.setViewport(P, N, y, T), e.setScissor(P, N, y, T), e.render(W, Y), P = y, e.setViewport(P, N, y, T), e.setScissor(P, N, y, T), e.render(W, se), N = 0, P = 0, e.setViewport(P, N, y, T), e.setScissor(P, N, y, T), e.render(W, Le), P = y, e.setViewport(P, N, y, T), e.setScissor(P, N, y, T), e.render(W, Ne);
-    }, ee = () => {
-      switch (oe.forEach((P) => {
-        P.update();
-      }), t.onSceneUpdate !== void 0 && sn && t.onSceneUpdate(xe), e.clear(), n) {
+        const R = v - A;
+        e.setViewport(0, R, f, A), e.setScissor(0, R, f, A), e.render(H, V), e.setViewport(0, 0, f, A), e.setScissor(0, 0, f, A), e.render(H, ce);
+      }
+    }, q = () => {
+      let R = 0, U = 0;
+      U = v - A, R = 0, e.setViewport(R, U, C, A), e.setScissor(R, U, C, A), e.render(H, V), R = C, e.setViewport(R, U, C, A), e.setScissor(R, U, C, A), e.render(H, ce), U = 0, R = 0, e.setViewport(R, U, C, A), e.setScissor(R, U, C, A), e.render(H, Ne), R = C, e.setViewport(R, U, C, A), e.setScissor(R, U, C, A), e.render(H, Fe);
+    }, K = () => {
+      switch (se.forEach((R) => {
+        R.update();
+      }), t.onSceneUpdate !== void 0 && dn && t.onSceneUpdate(Ee), e.clear(), n) {
         case "Single":
-          $();
+          B();
           break;
         case "Side by Side":
         case "Stacked":
           L();
           break;
         case "Quad":
-          z();
+          q();
           break;
       }
-      G = requestAnimationFrame(ee);
+      Y = requestAnimationFrame(K);
     };
-    return ue(), window.addEventListener("resize", H), H(), ee(), () => {
-      window.removeEventListener("resize", H), cancelAnimationFrame(G), G = -1;
+    return te(), window.addEventListener("resize", z), z(), K(), () => {
+      window.removeEventListener("resize", z), cancelAnimationFrame(Y), Y = -1;
     };
-  }, [n, e]), Fe(() => {
+  }, [n, e]), Be(() => {
     if (e !== null) {
-      const f = new Xn(), m = new fe(), y = ($, L, z, ee) => {
+      const f = new Oa(), v = new de(), C = (B, L, q, K) => {
         switch (n) {
           case "Quad":
-            $ < z ? L < ee ? f.setFromCamera(m, Y) : f.setFromCamera(m, Le) : L < ee ? f.setFromCamera(m, se) : f.setFromCamera(m, Ne);
+            B < q ? L < K ? f.setFromCamera(v, V) : f.setFromCamera(v, Ne) : L < K ? f.setFromCamera(v, ce) : f.setFromCamera(v, Fe);
             break;
           case "Side by Side":
-            $ < z ? f.setFromCamera(m, Y) : f.setFromCamera(m, se);
+            B < q ? f.setFromCamera(v, V) : f.setFromCamera(v, ce);
             break;
           case "Single":
-            f.setFromCamera(m, Y);
+            f.setFromCamera(v, V);
             break;
           case "Stacked":
-            L < ee ? f.setFromCamera(m, Y) : f.setFromCamera(m, se);
+            L < K ? f.setFromCamera(v, V) : f.setFromCamera(v, ce);
             break;
         }
-      }, T = ($) => {
-        if (!St)
+      }, A = (B) => {
+        if (!Tt)
           return;
-        const L = new fe();
+        const L = new de();
         e.getSize(L);
-        const z = Math.min($.clientX, L.x), ee = Math.min($.clientY, L.y);
-        m.x = qe(z, 0, L.x, -1, 1), m.y = qe(ee, 0, L.y, 1, -1);
-        const P = L.x / 2, N = L.y / 2, J = () => {
-          z < P ? m.x = qe(z, 0, P, -1, 1) : m.x = qe(z, P, L.x, -1, 1);
-        }, me = () => {
-          ee < N ? m.y = qe(ee, 0, N, 1, -1) : m.y = qe(ee, N, L.y, 1, -1);
+        const q = Math.min(B.clientX, L.x), K = Math.min(B.clientY, L.y);
+        v.x = Xe(q, 0, L.x, -1, 1), v.y = Xe(K, 0, L.y, 1, -1);
+        const R = L.x / 2, U = L.y / 2, Q = () => {
+          q < R ? v.x = Xe(q, 0, R, -1, 1) : v.x = Xe(q, R, L.x, -1, 1);
+        }, fe = () => {
+          K < U ? v.y = Xe(K, 0, U, 1, -1) : v.y = Xe(K, U, L.y, 1, -1);
         };
         switch (n) {
           case "Quad":
-            J(), me();
+            Q(), fe();
             break;
           case "Side by Side":
-            J();
+            Q();
             break;
           case "Stacked":
-            me(), me();
+            fe(), fe();
             break;
         }
-        y(z, ee, P, N);
-        const Re = f.intersectObjects(xe.children);
-        Re.length > 0 && lt.position.copy(Re[0].point);
-      }, G = ($) => {
-        if (!St)
+        C(q, K, R, U);
+        const xe = f.intersectObjects(Ee.children);
+        xe.length > 0 && ft.position.copy(xe[0].point);
+      }, Y = (B) => {
+        if (!Tt)
           return;
-        const L = new fe();
-        if (e.getSize(L), $.clientX >= L.x)
+        const L = new de();
+        if (e.getSize(L), B.clientX >= L.x)
           return;
-        T($);
-        const z = f.intersectObjects(xe.children);
-        z.length > 0 && t.three.getObject(z[0].object.uuid);
-      }, H = x.current;
-      return H.addEventListener("mousemove", T, !1), H.addEventListener("click", G, !1), () => {
-        H.removeEventListener("mousemove", T), H.removeEventListener("click", G);
+        A(B);
+        const q = f.intersectObjects(Ee.children);
+        q.length > 0 && t.three.getObject(q[0].object.uuid);
+      }, z = S.current;
+      return z.addEventListener("mousemove", A, !1), z.addEventListener("click", Y, !1), () => {
+        z.removeEventListener("mousemove", A), z.removeEventListener("click", Y);
       };
     }
   }, [n, e]);
-  const te = [];
-  return ae.forEach((f, m) => {
-    te.push(m);
-  }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
-    /* @__PURE__ */ l.jsx("canvas", { ref: w }),
-    /* @__PURE__ */ l.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: x, children: [
-      n === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(Ie, { camera: Y, options: te, ref: O, onSelect: (f) => {
-        var y;
-        (y = oe.get(Y.name)) == null || y.dispose();
-        const m = ae.get(f);
-        m !== void 0 && (V(Y), Y = m, C(m, O.current));
+  const ae = [];
+  return re.forEach((f, v) => {
+    ae.push(v);
+  }), /* @__PURE__ */ u.jsxs("div", { className: "multiview", children: [
+    /* @__PURE__ */ u.jsx("canvas", { ref: E }),
+    /* @__PURE__ */ u.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: S, children: [
+      n === "Single" && /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsx(Le, { camera: V, options: ae, ref: x, onSelect: (f) => {
+        var C;
+        (C = se.get(V.name)) == null || C.dispose();
+        const v = re.get(f);
+        v !== void 0 && (G(V), V = v, w(v, x.current));
       } }) }),
-      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Ie, { camera: Y, options: te, ref: O, onSelect: (f) => {
-          var y;
-          (y = oe.get(Y.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(Y), Y = m, C(m, O.current));
+      (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+        /* @__PURE__ */ u.jsx(Le, { camera: V, options: ae, ref: x, onSelect: (f) => {
+          var C;
+          (C = se.get(V.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(V), V = v, w(v, x.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: se, options: te, ref: M, onSelect: (f) => {
-          var y;
-          (y = oe.get(se.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(se), se = m, C(m, M.current));
+        /* @__PURE__ */ u.jsx(Le, { camera: ce, options: ae, ref: T, onSelect: (f) => {
+          var C;
+          (C = se.get(ce.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(ce), ce = v, w(v, T.current));
         } })
       ] }),
-      n === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        /* @__PURE__ */ l.jsx(Ie, { camera: Y, options: te, ref: O, onSelect: (f) => {
-          var y;
-          (y = oe.get(Y.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(Y), Y = m, C(m, O.current));
+      n === "Quad" && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+        /* @__PURE__ */ u.jsx(Le, { camera: V, options: ae, ref: x, onSelect: (f) => {
+          var C;
+          (C = se.get(V.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(V), V = v, w(v, x.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: se, options: te, ref: M, onSelect: (f) => {
-          var y;
-          (y = oe.get(se.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(se), se = m, C(m, M.current));
+        /* @__PURE__ */ u.jsx(Le, { camera: ce, options: ae, ref: T, onSelect: (f) => {
+          var C;
+          (C = se.get(ce.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(ce), ce = v, w(v, T.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: Le, options: te, ref: K, onSelect: (f) => {
-          var y;
-          (y = oe.get(Le.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(Le), Le = m, C(m, K.current));
+        /* @__PURE__ */ u.jsx(Le, { camera: Ne, options: ae, ref: W, onSelect: (f) => {
+          var C;
+          (C = se.get(Ne.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(Ne), Ne = v, w(v, W.current));
         } }),
-        /* @__PURE__ */ l.jsx(Ie, { camera: Ne, options: te, ref: I, onSelect: (f) => {
-          var y;
-          (y = oe.get(Ne.name)) == null || y.dispose();
-          const m = ae.get(f);
-          m !== void 0 && (V(Ne), Ne = m, C(m, I.current));
+        /* @__PURE__ */ u.jsx(Le, { camera: Fe, options: ae, ref: I, onSelect: (f) => {
+          var C;
+          (C = se.get(Fe.name)) == null || C.dispose();
+          const v = re.get(f);
+          v !== void 0 && (G(Fe), Fe = v, w(v, I.current));
         } })
       ] })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
-      /* @__PURE__ */ l.jsx(
-        Ot,
+    /* @__PURE__ */ u.jsxs("div", { className: "settings", children: [
+      /* @__PURE__ */ u.jsx(
+        Rt,
         {
-          index: rn.indexOf(n),
-          options: rn,
+          index: ln.indexOf(n),
+          options: ln,
           onSelect: (f) => {
-            f !== n && (ie(), a(f));
+            f !== n && (he(), a(f));
           },
           open: s,
           onToggle: (f) => {
-            d(f), c && u(!1), p && b(!1);
+            h(f), c && l(!1), d && b(!1);
           }
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        Ot,
+      /* @__PURE__ */ u.jsx(
+        Rt,
         {
-          index: on.indexOf(Ct),
-          options: on,
+          index: un.indexOf(Mt),
+          options: un,
           onSelect: (f) => {
-            if (f !== Ct)
-              switch (Ct = f, Ct) {
+            if (f !== Mt)
+              switch (Mt = f, Mt) {
                 case "Depth":
-                  W.overrideMaterial = Ja;
+                  H.overrideMaterial = Di;
                   break;
                 case "Normals":
-                  W.overrideMaterial = Qa;
+                  H.overrideMaterial = Ii;
                   break;
                 default:
                 case "Renderer":
-                  W.overrideMaterial = null;
+                  H.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  W.overrideMaterial = ti;
+                  H.overrideMaterial = Ni;
                   break;
                 case "UVs":
-                  W.overrideMaterial = ei;
+                  H.overrideMaterial = Li;
                   break;
               }
           },
           open: c,
           onToggle: (f) => {
-            s && d(!1), u(f), p && b(!1);
+            s && h(!1), l(f), d && b(!1);
           }
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        Ot,
+      /* @__PURE__ */ u.jsx(
+        Rt,
         {
           index: 0,
           options: [
@@ -3527,59 +3842,60 @@ function gi(t) {
             "Selection Mode"
           ],
           onSelect: (f) => {
-            St = f === "Selection Mode", lt.visible = St;
+            Tt = f === "Selection Mode", ft.visible = Tt;
           },
-          open: p,
+          open: d,
           onToggle: (f) => {
-            s && d(!1), c && u(!1), b(f);
+            s && h(!1), c && l(!1), b(f);
           }
         }
       )
     ] })
   ] });
 }
-function bi(t) {
-  return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
-    /* @__PURE__ */ l.jsx("header", { children: t.header }),
+function er(t) {
+  return /* @__PURE__ */ u.jsxs("div", { className: "editor", ref: t.ref, style: t.style, children: [
+    /* @__PURE__ */ u.jsx("header", { children: t.header }),
     t.children,
-    /* @__PURE__ */ l.jsx("footer", { children: t.footer })
+    /* @__PURE__ */ u.jsx("footer", { children: t.footer })
   ] });
 }
 export {
-  zt as Accordion,
-  hi as Application,
-  Mt as BaseRemote,
-  xn as ChildObject,
-  Ia as ContainerObject,
-  Oa as Draggable,
-  Sa as DraggableItem,
-  Ta as Dropdown,
-  Ma as DropdownItem,
-  bi as Editor,
-  ja as InfiniteGridHelper,
-  Xa as Inspector,
-  gi as MultiView,
-  wn as NavButton,
-  ca as RemoteComponents,
-  pi as RemoteController,
+  qt as Accordion,
+  Ki as Application,
+  At as BaseRemote,
+  $n as ChildObject,
+  fi as ContainerObject,
+  ni as Draggable,
+  ti as DraggableItem,
+  ai as Dropdown,
+  ii as DropdownItem,
+  er as Editor,
+  ci as InfiniteGridHelper,
+  ki as Inspector,
+  Qi as MultiView,
+  Un as NavButton,
+  Fa as RemoteComponents,
+  Xi as RemoteController,
   Ue as RemoteTheatre,
-  va as RemoteThree,
-  En as RemoteTweakpane,
-  vi as SceneInspector,
-  mi as SidePanel,
-  k as ToolEvents,
-  Da as UVMaterial,
-  ui as clamp,
-  ra as colorToHex,
-  j as debugDispatcher,
-  gn as dispose,
-  sa as disposeMaterial,
-  fi as disposeTexture,
-  di as distance,
-  vn as hierarchyUUID,
-  ia as isColor,
-  aa as randomID,
-  oa as resetThreeObjects,
-  Dt as round,
-  Ut as totalThreeObjects
+  Wa as RemoteThree,
+  Bn as RemoteTweakpane,
+  Ji as SceneInspector,
+  Zi as SidePanel,
+  j as ToolEvents,
+  di as UVMaterial,
+  dt as capitalize,
+  Hi as clamp,
+  Ia as colorToHex,
+  _ as debugDispatcher,
+  Ln as dispose,
+  Na as disposeMaterial,
+  qi as disposeTexture,
+  Wi as distance,
+  In as hierarchyUUID,
+  Da as isColor,
+  ja as randomID,
+  La as resetThreeObjects,
+  Ut as round,
+  Vt as totalThreeObjects
 };