@equinor/videx-3d 1.0.2 → 1.0.3

package/dist/main.js

@@ -1,16 +1,16 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("svg.well-map g.tracks g.track:hover{cursor:help}svg.well-map g.tracks g.track.interactive:hover{cursor:pointer;filter:brightness(1.1)}svg.well-map g.tracks g.track.interactive.selected:hover{cursor:pointer;filter:none}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import * as K from "three";
-import { OrthographicCamera as hi, BufferGeometry as vi, Float32BufferAttribute as Qt, RawShaderMaterial as gi, Uniform as S, Mesh as mt, MeshBasicMaterial as Nt, Vector3 as X, Vector2 as pe, createCanvasElement as xi, WebGLRenderTarget as xt, NoColorSpace as zn, NearestFilter as et, UnsignedByteType as yi, RedFormat as In, ShaderMaterial as We, GLSL3 as bi, Matrix4 as tt, CanvasTexture as Ln, DataTexture as Dn, RGBAFormat as yt, FloatType as jt, DepthTexture as _i, HalfFloatType as kn, Layers as Un, DoubleSide as ge, NoBlending as wi, Color as Z, Ray as Mi, Plane as Ti, BackSide as On, FrontSide as ht, LinearFilter as ke, Box3 as Gn, AdditiveBlending as Wn, InstancedMesh as Wt, Line as Fn, SRGBColorSpace as Ai, UniformsUtils as Ue, Matrix3 as Pi, ShaderLib as Vt, MultiplyOperation as Ci, TangentSpaceNormalMap as Si, InstancedBufferAttribute as Ri, LineBasicMaterial as Ei, InstancedInterleavedBuffer as Bn, Sphere as Hn, InstancedBufferGeometry as Nn, BufferAttribute as De, InterleavedBufferAttribute as le, MeshStandardMaterial as Ae, MeshLambertMaterial as zi, CylinderGeometry as Ii, ConeGeometry as jn } from "three";
+import { OrthographicCamera as hi, BufferGeometry as vi, Float32BufferAttribute as Qt, RawShaderMaterial as gi, Uniform as S, Mesh as mt, MeshBasicMaterial as Nt, Vector3 as X, Vector2 as pe, createCanvasElement as xi, WebGLRenderTarget as xt, NoColorSpace as zn, NearestFilter as et, UnsignedByteType as yi, RedFormat as In, ShaderMaterial as Ge, GLSL3 as bi, Matrix4 as tt, CanvasTexture as Ln, DataTexture as Dn, RGBAFormat as yt, FloatType as jt, DepthTexture as _i, HalfFloatType as Un, Layers as kn, DoubleSide as ge, NoBlending as wi, Color as Z, Ray as Mi, Plane as Ai, BackSide as On, FrontSide as ht, LinearFilter as Ue, Box3 as Wn, AdditiveBlending as Gn, InstancedMesh as Gt, Line as Fn, SRGBColorSpace as Ti, UniformsUtils as ke, Matrix3 as Pi, ShaderLib as Vt, MultiplyOperation as Ci, TangentSpaceNormalMap as Si, InstancedBufferAttribute as Ri, LineBasicMaterial as Ei, InstancedInterleavedBuffer as Bn, Sphere as Hn, InstancedBufferGeometry as Nn, BufferAttribute as De, InterleavedBufferAttribute as le, MeshStandardMaterial as Te, MeshLambertMaterial as zi, CylinderGeometry as Ii, ConeGeometry as jn } from "three";
 import { jsx as w, jsxs as H, Fragment as Oe } from "react/jsx-runtime";
-import { useThree as Ge, useFrame as Pe, extend as Vn } from "@react-three/fiber";
-import { createRef as Li, useMemo as A, forwardRef as xe, useCallback as re, useEffect as E, useLayoutEffect as $n, useRef as N, createContext as Ce, useContext as ie, useState as G, startTransition as Jt, Fragment as $t, useImperativeHandle as Fe } from "react";
+import { useThree as We, useFrame as Pe, extend as Vn } from "@react-three/fiber";
+import { createRef as Li, useMemo as T, forwardRef as xe, useCallback as re, useEffect as E, useLayoutEffect as $n, useRef as N, createContext as Ce, useContext as ie, useState as W, startTransition as Jt, Fragment as $t, useImperativeHandle as Fe } from "react";
 import { createRoot as Di } from "react-dom/client";
-import { create as bt, useStore as ki } from "zustand";
-import { subscribeWithSelector as Ui } from "zustand/middleware";
-import { createEndpoint as Yt, transfer as Oi, proxy as Gi } from "comlink";
+import { create as bt, useStore as Ui } from "zustand";
+import { subscribeWithSelector as ki } from "zustand/middleware";
+import { createEndpoint as Yt, transfer as Oi, proxy as Wi } from "comlink";
 import "p-limit";
 import "curve-interpolator";
-import { n as Wi, s as Fi, P as Ze, a as Je, b as Zt, c as Bi, d as de, m as Yn, e as Hi, f as Ni, g as ji, h as qn, i as Kn, u as Be, W as Vi, j as $i, k as en, l as tn, o as Yi, p as qi } from "./chunk-iY0wQ9Z6.js";
+import { n as Gi, s as Fi, P as Ze, a as Je, b as Zt, c as Bi, d as de, m as Yn, e as Hi, f as Ni, g as ji, h as qn, i as Kn, u as Be, W as Vi, j as $i, k as en, l as tn, o as Yi, p as qi } from "./chunk-iY0wQ9Z6.js";
 import { C as $a, q as Ya, r as qa, w as Ka, t as Xa, v as Qa } from "./chunk-iY0wQ9Z6.js";
 import "three/src/math/MathUtils.js";
 import "proj4";
@@ -31,7 +31,7 @@ import so from "p-queue";
 import { c as ao } from "./chunk-DuRASjkF.js";
 import { a as Za } from "./chunk-DuRASjkF.js";
 const me = bt(
-  Ui((n, t) => ({
+  ki((n, t) => ({
     visible: !0,
     update: {
       required: !1,
@@ -171,7 +171,7 @@ me.subscribe(
 );
 const je = (n, t) => {
   const e = me((s) => s.addLayerAnnotations), o = me((s) => s.removeLayerAnnotations);
-  return A(() => ({
+  return T(() => ({
     addAnnotations: (s) => {
       if (s.length)
         return e(n, t, s), () => {
@@ -213,7 +213,7 @@ const je = (n, t) => {
     );
   }
 ), po = () => {
-  const n = ki(me, (t) => t.instances);
+  const n = Ui(me, (t) => t.instances);
   return /* @__PURE__ */ w("div", { style: co, children: n.map((t) => /* @__PURE__ */ w(
     fo,
     {
@@ -404,14 +404,14 @@ const lt = new X(), _o = [
       t[1] + e[1] * 100,
       t[2] + e[2] * 100
     ), lt.project(o);
-    const i = Wi(
+    const i = Gi(
       Fi([lt.x, lt.y], [n[0], n[1]])
     );
     let s = Math.atan2(i[1], i[0]);
     return isNaN(s) ? 0 : (s < 0 && (s = Ze + s), Math.floor((s + Bi) / Je) % 4);
   }
   return 0;
-}, Bt = 1, ln = Bt * 2, cn = 3, To = 5, Ke = new X();
+}, Bt = 1, ln = Bt * 2, cn = 3, Ao = 5, Ke = new X();
 let un = 0, Et, zt, It, Lt, Dt;
 const fn = new Xn(), dn = new Xn();
 function pn(n, t, e) {
@@ -431,7 +431,7 @@ function pn(n, t, e) {
 function mn(n, t, e, o) {
   n.state.visible && (n.state.positionSlot !== t || n.state.prevQuadrant && n.state.prevQuadrant !== n.state.quadrant) && e && (n.state.inTransition = !0, n.state.transitionTime = 0, n.state.prevLabelPosition = e, o && (n.state.prevAnchorPosition = o));
 }
-function Ao(n, t, e, o) {
+function To(n, t, e, o) {
   const i = e.elapsedTime - un, s = t.fov * Ze / 360;
   let u = 0;
   const a = [];
@@ -444,7 +444,7 @@ function Ao(n, t, e, o) {
     )) : r.state.health < 1 && (r.state.health = Math.min(
       1,
       Math.max(0, r.state.health + i * cn)
-    )), r.state.inTransition && (r.state.transitionTime += i * To, r.state.transitionTime >= 1 && (r.state.inTransition = !1, r.state.transitionTime = 0, r.state.prevAnchorPosition = void 0, r.state.prevLabelPosition = void 0)), r.state.inViewSpace) {
+    )), r.state.inTransition && (r.state.transitionTime += i * Ao, r.state.transitionTime >= 1 && (r.state.inTransition = !1, r.state.transitionTime = 0, r.state.prevAnchorPosition = void 0, r.state.prevLabelPosition = void 0)), r.state.inViewSpace) {
       if (Ke.set(...r.state.position), r.state.distance = Ke.distanceTo(t.position), r.state.scaleFactor = Math.max(
         0.25,
         Math.min(
@@ -524,7 +524,7 @@ function Co(n) {
   });
 }
 const ue = new pe(), So = Math.PI * 2;
-let ct, ut, kt, Ut;
+let ct, ut, Ut, kt;
 class Ro {
   maxVisible;
   camera;
@@ -560,7 +560,7 @@ class Ro {
         generateMipmaps: !1
       }
     ), this.annotationsBuffer = new Uint8Array(this.annotationsTexSize);
-    const a = 2 / (Math.log(t.far + 1) / Math.LN2), l = new We({
+    const a = 2 / (Math.log(t.far + 1) / Math.LN2), l = new Ge({
       vertexShader: bo,
       fragmentShader: yo,
       uniforms: {
@@ -606,16 +606,16 @@ class Ro {
       ct = (s.state.screenPosition[0] * 0.5 + 0.5) * ue.x, ut = (-s.state.screenPosition[1] * 0.5 + 0.5) * ue.y;
       let u = s.layer.anchorSize * s.state.scaleFactor, a = !1;
       if (Math.abs(i[0] - ct) <= u && Math.abs(i[1] - ut) <= u && (s.state.visible ? a = !0 : s.state.boost = !0), (s.state.labelHovered || a) && (u *= 1.5), s.layer.labelOffset > 0 && s.state.visible) {
-        s.state.inTransition && s.state.prevAnchorPosition ? [kt, Ut] = Yn(
+        s.state.inTransition && s.state.prevAnchorPosition ? [Ut, kt] = Yn(
           s.state.prevAnchorPosition,
           s.state.anchorPosition,
           s.state.transitionTime
-        ) : [kt, Ut] = s.state.anchorPosition;
+        ) : [Ut, kt] = s.state.anchorPosition;
         let l = Math.max(
           0.1,
           s.layer.connectorWidth * s.state.scaleFactor
         );
-        (s.state.labelHovered || a) && (l *= 2), e.globalAlpha = s.state.opacity || 0, e.beginPath(), e.moveTo(ct, ut), e.lineTo(kt, Ut), e.strokeStyle = s.layer.connectorColor, e.lineWidth = l, e.stroke();
+        (s.state.labelHovered || a) && (l *= 2), e.globalAlpha = s.state.opacity || 0, e.beginPath(), e.moveTo(ct, ut), e.lineTo(Ut, kt), e.strokeStyle = s.layer.connectorColor, e.lineWidth = l, e.stroke();
       }
       e.beginPath(), e.arc(ct, ut, u, 0, So), e.globalAlpha = s.state.visible ? 1 : 0.5, e.fillStyle = s.layer.anchorColor, e.fill(), e.globalAlpha = s.state.opacity || 0, e.strokeStyle = "black", e.lineWidth = 0.75, e.stroke();
     }), this.overlayTexture.needsUpdate = !0;
@@ -662,7 +662,7 @@ class Ro {
     ).then((p) => this.updateAnnotationsData(p)).finally(() => {
       this.isBusy = !1;
     }));
-    const r = Ao(
+    const r = To(
       a,
       o,
       this.clock,
@@ -672,20 +672,20 @@ class Ro {
   }
 }
 const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
-  const { gl: t, scene: e, camera: o, pointer: i, clock: s } = Ge(), u = Ge((c) => c.size), a = A(() => {
+  const { gl: t, scene: e, camera: o, pointer: i, clock: s } = We(), u = We((c) => c.size), a = T(() => {
     const m = new _i(1, 1);
     return new xt(1, 1, {
       format: yt,
-      type: kn,
+      type: Un,
       depthBuffer: !0,
       depthTexture: m,
       generateMipmaps: !1,
       samples: Eo
     });
-  }, []), l = A(
+  }, []), l = T(
     () => new go(e, o),
     [e, o]
-  ), r = A(() => new xo(), []), p = A(
+  ), r = T(() => new xo(), []), p = T(
     () => new Ro(o, s, i, n),
     [o, s, i, n]
   );
@@ -712,7 +712,7 @@ const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
   autoUpdate: t = !0,
   children: e
 }) => {
-  const o = Ge((u) => u.gl), i = me((u) => u.clear), s = A(() => {
+  const o = We((u) => u.gl), i = me((u) => u.clear), s = T(() => {
     const u = o.domElement.parentElement;
     if (!u) throw Error("Unable to create root!");
     u.querySelector(`#${vn}`)?.remove();
@@ -767,7 +767,7 @@ const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
   onClick: h,
   children: v
 }) => {
-  const x = me((b) => b.createLayer), y = me((b) => b.updateLayer), f = me((b) => b.layerExist), _ = N(null), g = A(() => ({
+  const x = me((b) => b.createLayer), y = me((b) => b.updateLayer), f = me((b) => b.layerExist), _ = N(null), g = T(() => ({
     id: n,
     name: t,
     priority: e,
@@ -817,7 +817,7 @@ const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
   depthWrite: l = !1,
   children: r
 }) => {
-  const p = Ge((d) => d.controls), c = N(null);
+  const p = We((d) => d.controls), c = N(null);
   return E(() => {
     function d() {
       const m = p;
@@ -854,7 +854,7 @@ const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
   onDemand: e = !1,
   children: o
 }) => {
-  const i = ie(ei), s = N(null), [u, a] = G(!e);
+  const i = ie(ei), s = N(null), [u, a] = W(!e);
   return Pe(() => {
     if (i && s.current) {
       const l = i.current >= n && i.current < t;
@@ -870,10 +870,10 @@ const Eo = 8, hn = 1, zo = ({ maxVisible: n }) => {
   // used internally to flag an object as an event emitter
 };
 function Ve(...n) {
-  const t = new Un();
+  const t = new kn();
   return n.forEach((e) => t.enable(e)), t;
 }
-var ko = `uniform int side;
+var Uo = `uniform int side;
 
 varying vec3 vWorldPosition;
 flat varying float vEmitterId;
@@ -883,7 +883,7 @@ void main() {
     discard;
   }
   gl_FragColor = vec4(vEmitterId, vWorldPosition);
-}`, Uo = `#define PICK_MATERIAL
+}`, ko = `#define PICK_MATERIAL
 
 uniform float emitterId;
 
@@ -921,14 +921,14 @@ void main() {
 
   vEmitterId = emitterId + float(gl_InstanceID);
 }`;
-class Oo extends We {
+class Oo extends Ge {
   listeners = /* @__PURE__ */ new Map();
   emitters = /* @__PURE__ */ new Map();
   currentObjectMap = null;
   constructor() {
     super({
-      vertexShader: Uo,
-      fragmentShader: ko,
+      vertexShader: ko,
+      fragmentShader: Uo,
       uniforms: {
         emitterId: new S(0),
         side: new S(2)
@@ -956,7 +956,7 @@ class Oo extends We {
     this.uniforms.side.value = a.material.side, this.uniformsNeedUpdate = !0;
   }
 }
-const Go = {
+const Wo = {
   radius: 3
 };
 class gn {
@@ -966,7 +966,7 @@ class gn {
   _buffer;
   _material = new Oo();
   constructor(t = {}) {
-    const { radius: e } = { ...Go, ...t };
+    const { radius: e } = { ...Wo, ...t };
     this._radius = Math.max(Math.min(10, e), 0), this._size = 2 * this._radius + 1, this._pbo = new xt(this._size, this._size, {
       colorSpace: zn,
       samples: 0,
@@ -1071,14 +1071,14 @@ class gn {
     );
   }
 }
-const Wo = 300, xn = 10, Js = ({
+const Go = 300, xn = 10, Js = ({
   autoUpdate: n = !0,
   autoUpdateRenderPriority: t,
   threshold: e,
   onResult: o,
   children: i
 }) => {
-  const { gl: s, camera: u, scene: a, pointer: l } = Ge(), r = A(
+  const { gl: s, camera: u, scene: a, pointer: l } = We(), r = T(
     () => ({
       busy: !1,
       currentResult: {
@@ -1104,7 +1104,7 @@ const Wo = 300, xn = 10, Js = ({
       if (_ && (!f || f.emitter.listener !== _.emitter.listener || f.emitter.listener === _.emitter.listener && f.emitter.instanced && f.index !== _.index)) {
         const b = v.getListener(_.emitter.listener);
         if (b && b.handlers.leave) {
-          const T = {
+          const A = {
             target: b.object,
             source: _.emitter.source,
             ref: b.ref,
@@ -1115,18 +1115,18 @@ const Wo = 300, xn = 10, Js = ({
             camera: u,
             domElement: s.domElement
           };
-          setTimeout(() => b.handlers.leave(T));
+          setTimeout(() => b.handlers.leave(A));
         }
       }
       if (f) {
         const b = v.getListener(f.emitter.listener);
         if (!_ || f.emitter.listener !== _.emitter.listener || f.emitter.listener === _.emitter.listener && f.emitter.instanced && f.index !== _.index) {
-          const T = v.getListener(f.emitter.listener);
-          if (T && T.handlers.enter) {
+          const A = v.getListener(f.emitter.listener);
+          if (A && A.handlers.enter) {
             const P = {
-              target: T.object,
+              target: A.object,
               source: f.emitter.source,
-              ref: T.ref,
+              ref: A.ref,
               instanceIndex: f.index,
               pointer: h.point,
               position: h.position,
@@ -1134,11 +1134,11 @@ const Wo = 300, xn = 10, Js = ({
               camera: u,
               domElement: s.domElement
             };
-            setTimeout(() => T.handlers.enter(P));
+            setTimeout(() => A.handlers.enter(P));
           }
         }
         if (b && b.handlers.move && (h.point[0] !== g[0] || h.point[1] !== g[1])) {
-          const T = {
+          const A = {
             target: b.object,
             source: f.emitter.source,
             ref: b.ref,
@@ -1149,7 +1149,7 @@ const Wo = 300, xn = 10, Js = ({
             camera: u,
             domElement: s.domElement
           };
-          setTimeout(() => b.handlers.move(T));
+          setTimeout(() => b.handlers.move(A));
         }
       }
       o && (f !== null || _ !== null) && setTimeout(() => o(h)), r.currentResult = h;
@@ -1177,7 +1177,7 @@ const Wo = 300, xn = 10, Js = ({
     r?.pickingHelper && !r.busy && !r.buttonDown && (r.busy = !0, r.pickingHelper.updateListeners(), r.pickingHelper.render(l, s, a, u).then(p).finally(() => {
       r.busy = !1;
     }));
-  }, [s, u, a, l, r, p]), m = A(() => ({
+  }, [s, u, a, l, r, p]), m = T(() => ({
     register: (h) => {
       if (!h?.object)
         throw Error(
@@ -1197,7 +1197,7 @@ const Wo = 300, xn = 10, Js = ({
     function v(f) {
       if (f.isPrimary) {
         const _ = performance.now(), g = r.buttonDown;
-        r.buttonDown = !1, g && _ - r.deltaTime < Wo && Math.abs(f.pageX - r.posX) < xn && Math.abs(f.pageY - r.posY) < xn && c();
+        r.buttonDown = !1, g && _ - r.deltaTime < Go && Math.abs(f.pageX - r.posX) < xn && Math.abs(f.pageY - r.posY) < xn && c();
       }
     }
     function x(f) {
@@ -1240,7 +1240,7 @@ const Wo = 300, xn = 10, Js = ({
   trimAxesLabels: p = !1,
   renderOrder: c
 }) => {
-  const [d, m] = G({ x: 0, y: 0, flipped: !1 });
+  const [d, m] = W({ x: 0, y: 0, flipped: !1 });
   Pe(({ camera: y }) => {
     y.getWorldDirection(ve);
     const f = {
@@ -1250,7 +1250,7 @@ const Wo = 300, xn = 10, Js = ({
     };
     a === "xz" ? (f.flipped = ve.y > 0, f.flipped ? (f.x = ve.z < 0 ? Math.PI : 0, f.y = ve.x < 0 ? Math.PI : 0) : (f.x = ve.z > 0 ? Math.PI : 0, f.y = ve.x > 0 ? Math.PI : 0)) : a === "xy" ? (f.flipped = ve.z > 0, f.x = 0, f.y = ve.x > 0 ? Math.PI : 0) : a === "zy" && (f.flipped = ve.x > 0, f.x = 0, f.y = ve.z < 0 ? Math.PI : 0), (d.x !== f.x || d.y !== f.y || d.flipped !== f.flipped) && m(f);
   });
-  const h = A(() => o / 7.5, [o]), v = A(() => new Z(l || "#fff"), [l]), x = A(() => {
+  const h = T(() => o / 7.5, [o]), v = T(() => new Z(l || "#fff"), [l]), x = T(() => {
     const y = [e[0] * 0.5, e[1] * 0.5], f = [
       y[0] + i[0],
       y[1] + i[1]
@@ -1263,7 +1263,7 @@ const Wo = 300, xn = 10, Js = ({
     ], b = [
       -y[0] + f[0] % o,
       -y[1] + f[1] % o
-    ], T = [
+    ], A = [
       Math.min(
         1e3,
         Math.floor((e[0] - f[0] % o) / o) + 1
@@ -1276,29 +1276,29 @@ const Wo = 300, xn = 10, Js = ({
       de(s[1] + i[1], -y[1], +y[1]),
       de(s[0] + i[0], -y[0], +y[0])
     ];
-    for (let D = p ? 1 : 0; D < T[0] - (p ? 1 : 0); D++) {
+    for (let D = p ? 1 : 0; D < A[0] - (p ? 1 : 0); D++) {
       const M = [
         b[0] + D * o,
         I[0] + R
-      ], k = Math.round(
+      ], U = Math.round(
         10 * (t[0] + (D - g[0]) * o * n[0])
       ) / 10;
       Math.abs(_[0] - (M[0] + y[0])) > o / 4 && P.push({
         pos: M,
-        value: k,
+        value: U,
         index: `x${D}`
       });
     }
-    for (let D = p ? 1 : 0; D < T[1] - (p ? 1 : 0); D++) {
+    for (let D = p ? 1 : 0; D < A[1] - (p ? 1 : 0); D++) {
       const M = [
         I[1] - R,
         b[1] + D * o
-      ], k = Math.round(
+      ], U = Math.round(
         10 * (t[1] + (D - g[1]) * o * n[1])
       ) / 10;
       Math.abs(_[1] - (M[1] + y[1])) > o / 4 && C.push({
         pos: M,
-        value: k,
+        value: U,
         index: `y${D}`
       });
     }
@@ -1566,7 +1566,7 @@ void main() {
 
   #include <logdepthbuf_vertex>
 }`;
-const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
+const jo = new Ge(), yn = new X(), bn = new Mi(), Vo = [
   [0, 0.1],
   [2.5, 0.25],
   [5, 0.5],
@@ -1600,17 +1600,17 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
   axesTickSize: _ = 0.1,
   originValue: g = [0, 0],
   radial: b = !1,
-  dynamicSegments: T = !1,
+  dynamicSegments: A = !1,
   showRulers: P = !1,
   rulerColor: C = "#c59797",
   rulerLineWidth: R = 1,
   rulerOpacity: I = 0.5,
   planeOffset: D = 0,
   dynamicCellSize: M = !1,
-  cellSizeDistanceFactors: k = Vo,
+  cellSizeDistanceFactors: U = Vo,
   side: O = "both",
   onRulerUpdate: $ = null,
-  texture: W,
+  texture: G,
   textureMix: z = 1,
   enableProjection: L = !1,
   projectionDistance: B = 1e3,
@@ -1620,15 +1620,15 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
   name: te,
   userData: Ee,
   renderOrder: fe,
-  visible: U = !0,
-  castShadow: Tt,
+  visible: k = !0,
+  castShadow: At,
   receiveShadow: $e,
   layers: ne
 }) => {
-  const [q, be] = G({
+  const [q, be] = W({
     originOffset: [0, 0],
     axesOffset: [0, 0]
-  }), [_e, rt] = G(1), we = A(() => new Ti(), []), Me = A(() => new X(), []), ze = N(null), At = N(null), Pt = N(null), Ct = N(0), Y = N({
+  }), [_e, rt] = W(1), we = T(() => new Ai(), []), Me = T(() => new X(), []), ze = N(null), Tt = N(null), Pt = N(null), Ct = N(0), Y = N({
     uSize: new S(new pe(0, 0)),
     uBackground: new S(new Z(a || 1056816)),
     uBackgroundOpacity: new S(1),
@@ -1654,25 +1654,25 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
     ),
     uTexture: new S(void 0),
     uTextureMix: new S(1)
-  }), Ye = Ge((J) => J.controls), qe = Ge((J) => J.camera), fi = A(
+  }), Ye = We((J) => J.controls), qe = We((J) => J.camera), fi = T(
     () => [
       (n === "zy" ? D : 0) + e[0],
       (n === "xz" ? D : 0) + e[1],
       (n === "xy" ? D : 0) + e[2]
     ],
     [n, D, e]
-  ), St = A(() => n === "xz" ? [i[0], -i[1]] : n === "zy" ? [-i[0], i[1]] : [...i], [i, n]), di = A(() => O === "back" ? On : O === "both" ? ge : ht, [O]);
+  ), St = T(() => n === "xz" ? [i[0], -i[1]] : n === "zy" ? [-i[0], i[1]] : [...i], [i, n]), di = T(() => O === "back" ? On : O === "both" ? ge : ht, [O]);
   E(() => {
     const J = ze.current;
     if (J) {
       J.getWorldPosition(Me);
       const F = { originOffset: [0, 0], axesOffset: [0, 0] };
-      o ? n === "xz" ? (F.originOffset[0] = o[0] - Me.x, F.originOffset[1] = -(o[1] - Me.z)) : n === "xy" ? (F.originOffset[0] = o[0] - Me.x, F.originOffset[1] = o[1] - Me.y) : n === "zy" && (F.originOffset[0] = -(o[0] - Me.z), F.originOffset[1] = o[1] - Me.y) : (F.originOffset[0] = 0, F.originOffset[1] = 0), x ? n === "xz" ? (F.axesOffset[0] = x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = -x[1] * i[1] - F.originOffset[1]) : n === "xy" ? (F.axesOffset[0] = x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = x[1] * i[1] - F.originOffset[1]) : n === "zy" && (F.axesOffset[0] = -x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = x[1] * i[1] - F.originOffset[1]) : (F.axesOffset[0] = 0, F.axesOffset[1] = 0), n === "xz" ? we.normal.set(0, 1, 0) : n === "xy" ? we.normal.set(0, 0, 1) : n === "zy" && we.normal.set(1, 0, 0), we.constant = Me.length(), be((Te) => Te.axesOffset[0] !== F.axesOffset[0] || Te.axesOffset[1] !== F.axesOffset[1] || Te.originOffset[0] !== F.originOffset[0] || Te.originOffset[1] !== F.originOffset[1] ? F : Te);
+      o ? n === "xz" ? (F.originOffset[0] = o[0] - Me.x, F.originOffset[1] = -(o[1] - Me.z)) : n === "xy" ? (F.originOffset[0] = o[0] - Me.x, F.originOffset[1] = o[1] - Me.y) : n === "zy" && (F.originOffset[0] = -(o[0] - Me.z), F.originOffset[1] = o[1] - Me.y) : (F.originOffset[0] = 0, F.originOffset[1] = 0), x ? n === "xz" ? (F.axesOffset[0] = x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = -x[1] * i[1] - F.originOffset[1]) : n === "xy" ? (F.axesOffset[0] = x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = x[1] * i[1] - F.originOffset[1]) : n === "zy" && (F.axesOffset[0] = -x[0] * i[0] - F.originOffset[0], F.axesOffset[1] = x[1] * i[1] - F.originOffset[1]) : (F.axesOffset[0] = 0, F.axesOffset[1] = 0), n === "xz" ? we.normal.set(0, 1, 0) : n === "xy" ? we.normal.set(0, 0, 1) : n === "zy" && we.normal.set(1, 0, 0), we.constant = Me.length(), be((Ae) => Ae.axesOffset[0] !== F.axesOffset[0] || Ae.axesOffset[1] !== F.axesOffset[1] || Ae.originOffset[0] !== F.originOffset[0] || Ae.originOffset[1] !== F.originOffset[1] ? F : Ae);
     }
   }, [n, o, x, i, we, Me]), E(() => {
     Y.current.uBackground.value = new Z(
       a ?? 7368816
-    ), Y.current.uBackgroundOpacity.value = l, Y.current.uSize.value.set(...t), Y.current.uOpacity.value = Number.isFinite(r) ? de(r, 0, 1) : 1, Y.current.uCellSize.value = s * _e, Y.current.uSubDivisions.value = u, Y.current.uGridColorMajor.value.set(p), Y.current.uGridColorMinor.value.set(c), Y.current.uGridLineWidth.value = d, Y.current.uAxesLineWidth.value = f, Y.current.uAxesColor.value.set(y), Y.current.uAxesTickSize.value = _, Y.current.uAxesOffset.value.set(...q.axesOffset), Y.current.uOriginOffset.value.set(...q.originOffset), Y.current.uRulerLineWidth.value = R, Y.current.uRulerColor.value.set(C), Y.current.uRulerOpacity.value = I, Y.current.uTexture.value = W, Y.current.uTextureMix.value = z, Y.current.uProjectionColor.value.set(j);
+    ), Y.current.uBackgroundOpacity.value = l, Y.current.uSize.value.set(...t), Y.current.uOpacity.value = Number.isFinite(r) ? de(r, 0, 1) : 1, Y.current.uCellSize.value = s * _e, Y.current.uSubDivisions.value = u, Y.current.uGridColorMajor.value.set(p), Y.current.uGridColorMinor.value.set(c), Y.current.uGridLineWidth.value = d, Y.current.uAxesLineWidth.value = f, Y.current.uAxesColor.value.set(y), Y.current.uAxesTickSize.value = _, Y.current.uAxesOffset.value.set(...q.axesOffset), Y.current.uOriginOffset.value.set(...q.originOffset), Y.current.uRulerLineWidth.value = R, Y.current.uRulerColor.value.set(C), Y.current.uRulerOpacity.value = I, Y.current.uTexture.value = G, Y.current.uTextureMix.value = z, Y.current.uProjectionColor.value.set(j);
   }, [
     t,
     s,
@@ -1691,7 +1691,7 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
     R,
     I,
     q,
-    W,
+    G,
     z,
     j
   ]), E(() => {
@@ -1700,12 +1700,12 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
         qe.getWorldDirection(yn), bn.set(qe.position, yn);
         const F = bn.distanceToPlane(we);
         if (F) {
-          const Te = Math.min(F, 1e3 * s) / s;
-          let Se = k.findIndex(
-            (at) => at[0] >= Te
+          const Ae = Math.min(F, 1e3 * s) / s;
+          let Se = U.findIndex(
+            (at) => at[0] >= Ae
           );
-          Se === -1 ? Se = k.length - 1 : Se--, Se = Math.max(0, Se);
-          const st = k[Se][1];
+          Se === -1 ? Se = U.length - 1 : Se--, Se = Math.max(0, Se);
+          const st = U[Se][1];
           rt((at) => at !== st ? st : at);
         }
       }
@@ -1719,19 +1719,19 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
     we,
     M,
     s,
-    k,
+    U,
     t
   ]), E(() => {
-    At.current && (At.current.needsUpdate = !0);
-  }, [b, m, T, P]);
-  const Rt = A(() => L ? new xt(Q, Q, {
-    minFilter: ke,
-    magFilter: ke,
-    type: kn,
+    Tt.current && (Tt.current.needsUpdate = !0);
+  }, [b, m, A, P]);
+  const Rt = T(() => L ? new xt(Q, Q, {
+    minFilter: Ue,
+    magFilter: Ue,
+    type: Un,
     samples: 4
   }) : null, [L, Q]);
-  Pe(({ gl: J, scene: F }, Te) => {
-    if (L && Rt && (Ct.current += Te * 1e3, Ct.current >= ae && (Ct.current -= ae, Y.current.uProjectionTexture.value = Rt.texture, ze.current && Pt.current))) {
+  Pe(({ gl: J, scene: F }, Ae) => {
+    if (L && Rt && (Ct.current += Ae * 1e3, Ct.current >= ae && (Ct.current -= ae, Y.current.uProjectionTexture.value = Rt.texture, ze.current && Pt.current))) {
       const Se = Pt.current, st = F.background;
       J.setRenderTarget(Rt), F.overrideMaterial = jo, ze.current.visible = !1, F.background = null, J.clear(), J.render(F, Se), F.overrideMaterial = null, J.setRenderTarget(null), F.background = st, ze.current.visible = !0;
     }
@@ -1761,7 +1761,7 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
       ref: ze,
       name: te,
       userData: Ee,
-      visible: U,
+      visible: k,
       "rotation-x": n === "xz" ? -Math.PI / 2 : 0,
       "rotation-y": n === "zy" ? Math.PI / 2 : 0,
       position: fi,
@@ -1773,7 +1773,7 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
             onPointerMove: P ? pi : void 0,
             onPointerLeave: P ? mi : void 0,
             renderOrder: fe,
-            castShadow: Tt,
+            castShadow: At,
             receiveShadow: $e,
             layers: ne,
             children: [
@@ -1781,11 +1781,11 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
               /* @__PURE__ */ w(
                 "shaderMaterial",
                 {
-                  ref: At,
+                  ref: Tt,
                   uniforms: Y.current,
                   defines: {
                     RADIAL: b,
-                    DYNAMICSEGMENTS: T,
+                    DYNAMICSEGMENTS: A,
                     AXES: !!m,
                     RULERS: !!P,
                     SATURATE: !0
@@ -1845,7 +1845,7 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
     }
   );
 }, wt = Ce(null), Zs = (n) => {
-  const t = ie(wt), [e, o] = G({
+  const t = ie(wt), [e, o] = W({
     origin: [0, 0],
     originValue: [0, 0],
     gridScale: [1, 1]
@@ -1863,7 +1863,7 @@ const jo = new We(), yn = new X(), bn = new Mi(), Vo = [
       gridScale: e.gridScale
     }
   );
-}, Ie = new Gn();
+}, Ie = new Wn();
 function ni(n, t) {
   n.updateWorldMatrix(!1, !1);
   const e = n.geometry;
@@ -1873,7 +1873,7 @@ function ni(n, t) {
     ni(o[i], t);
   return t;
 }
-const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
+const Xe = new X(), Qe = new X(), ee = new Wn(), $o = (n) => {
   const t = N(null), e = N({
     center: [0, 0, 0],
     size: [0, 0, 0]
@@ -1883,7 +1883,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
     updateRate: s = 1e3,
     enabled: u = !0,
     onChange: a
-  } = n, l = A(() => {
+  } = n, l = T(() => {
     if (Number.isFinite(o)) {
       const r = o;
       return {
@@ -1971,23 +1971,23 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
   gridColorMinor: _ = "#789",
   axesColor: g = "#fff",
   axesLineWidth: b = h || 0.05,
-  axesTickSize: T = 0.1,
+  axesTickSize: A = 0.1,
   enableProjection: P,
   projectionColor: C,
   projectionResolution: R = 2048,
   projectionRefreshRate: I,
   showRulers: D = !1,
   autoSize: M = !1,
-  autoSizePadding: k = 0,
+  autoSizePadding: U = 0,
   autoSizeUpdateRate: O = 1e3,
   children: $
 }) => {
-  const [W, z] = G(m), [L, B] = G(a), j = N(null), [Q, ae] = G(W);
+  const [G, z] = W(m), [L, B] = W(a), j = N(null), [Q, ae] = W(G);
   return E(() => {
     M || (z((te) => te[0] !== m[0] || te[1] !== m[1] || te[2] !== m[2] ? m : te), B((te) => te[0] !== a[0] || te[1] !== a[1] || te[2] !== a[2] ? a : te));
   }, [a, m, M]), E(() => {
     j.current && (j.current.getWorldPosition(_n), ae(_n.toArray()));
-  }, [W]), /* @__PURE__ */ H("group", { ref: j, name: n, userData: u, visible: t, children: [
+  }, [G]), /* @__PURE__ */ H("group", { ref: j, name: n, userData: u, visible: t, children: [
     /* @__PURE__ */ w(
       Ne,
       {
@@ -1996,9 +1996,9 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         cellSize: l,
         size: [L[0], L[2]],
         position: [
-          W[0],
-          W[1] - L[1] * 0.5,
-          W[2]
+          G[0],
+          G[1] - L[1] * 0.5,
+          G[2]
         ],
         gridScale: [r[0], r[2]],
         gridOrigin: [p[0], p[2]],
@@ -2011,7 +2011,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         opacity: y,
         axesColor: g,
         axesLineWidth: b,
-        axesTickSize: T,
+        axesTickSize: A,
         trimAxesLabels: !0,
         side: "both",
         enableProjection: P,
@@ -2034,13 +2034,13 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         cellSize: l,
         size: [L[0], L[1]],
         position: [
-          W[0],
-          W[1],
-          W[2] - L[2] * 0.5
+          G[0],
+          G[1],
+          G[2] - L[2] * 0.5
         ],
         gridScale: [r[0], r[1]],
         axesOffset: [
-          (-Q[0] - W[0]) / r[0],
+          (-Q[0] - G[0]) / r[0],
           L[1] * 0.5 * r[1]
         ],
         gridOrigin: [p[0], p[1]],
@@ -2053,7 +2053,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         opacity: y,
         axesColor: g,
         axesLineWidth: b,
-        axesTickSize: T,
+        axesTickSize: A,
         trimAxesLabels: !0,
         side: "front",
         enableProjection: P,
@@ -2076,13 +2076,13 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         cellSize: l,
         size: [L[2], L[1]],
         position: [
-          W[0] - L[0] * 0.5,
-          W[1],
-          W[2]
+          G[0] - L[0] * 0.5,
+          G[1],
+          G[2]
         ],
         gridScale: [r[2], r[1]],
         axesOffset: [
-          (-Q[2] - W[2]) / r[2],
+          (-Q[2] - G[2]) / r[2],
           L[1] * 0.5 * r[1]
         ],
         gridOrigin: [p[2], p[1]],
@@ -2095,7 +2095,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         opacity: y,
         axesColor: g,
         axesLineWidth: b,
-        axesTickSize: T,
+        axesTickSize: A,
         trimAxesLabels: !0,
         side: "front",
         enableProjection: P,
@@ -2118,13 +2118,13 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         cellSize: l,
         size: [L[0], L[1]],
         position: [
-          W[0],
-          W[1],
-          W[2] + L[2] * 0.5
+          G[0],
+          G[1],
+          G[2] + L[2] * 0.5
         ],
         gridScale: [r[0], r[1]],
         axesOffset: [
-          (-Q[0] - W[0]) / r[0],
+          (-Q[0] - G[0]) / r[0],
           L[1] * 0.5 * r[1]
         ],
         gridOrigin: [p[0], p[1]],
@@ -2137,7 +2137,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         opacity: y,
         axesColor: g,
         axesLineWidth: b,
-        axesTickSize: T,
+        axesTickSize: A,
         trimAxesLabels: !0,
         side: "back",
         enableProjection: P,
@@ -2160,13 +2160,13 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         cellSize: l,
         size: [L[2], L[1]],
         position: [
-          W[0] + L[0] * 0.5,
-          W[1],
-          W[2]
+          G[0] + L[0] * 0.5,
+          G[1],
+          G[2]
         ],
         gridScale: [r[2], r[1]],
         axesOffset: [
-          (-Q[2] - W[2]) / r[2],
+          (-Q[2] - G[2]) / r[2],
           L[1] * 0.5 * r[1]
         ],
         gridOrigin: [p[2], p[1]],
@@ -2179,7 +2179,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
         opacity: y,
         axesColor: g,
         axesLineWidth: b,
-        axesTickSize: T,
+        axesTickSize: A,
         trimAxesLabels: !0,
         side: "back",
         enableProjection: P,
@@ -2197,7 +2197,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
     M && /* @__PURE__ */ w(
       $o,
       {
-        padding: k,
+        padding: U,
         updateRate: O,
         snapTo: l,
         onChange: (te) => {
@@ -2208,7 +2208,7 @@ const Xe = new X(), Qe = new X(), ee = new Gn(), $o = (n) => {
     ),
     !M && $
   ] });
-}, gt = (n, t) => t ? `${n.id}_${t}` : `${n.id}`;
+}, gt = (n, t) => t !== void 0 ? `${n.id}_${t}` : `${n.id}`;
 function Yo(n, t, e) {
   n.traverseVisible((o) => {
     o.layers.isEnabled(se.NOT_EMITTER) || (o.type === "Mesh" || o.type === "Line") && (t[gt(o, e)] = {
@@ -2259,26 +2259,26 @@ const ii = bt((n) => ({
   blending: t,
   renderOrder: e
 }) => {
-  const { highlighted: o } = ii(), i = A(() => new Nt({
+  const { highlighted: o } = ii(), i = T(() => new Nt({
     color: n || 4210752,
     depthTest: !0,
     depthWrite: !1,
     transparent: !0,
     opacity: 1,
-    blending: t || Wn,
+    blending: t || Gn,
     side: ge
-  }), [n, t]), s = A(() => o.map((u) => {
+  }), [n, t]), s = T(() => o.map((u) => {
     let a;
     const l = u.object.geometry;
-    if (u.object instanceof Wt) {
+    if (u.object instanceof Gt) {
       const r = u.object;
-      if (u.instanceIndex)
-        a = new mt(l, i), u.object.getWorldPosition(a.position), r.getMatrixAt(u.instanceIndex, wn), a.applyMatrix4(wn);
+      if (u.instanceIndex !== void 0)
+        a = new mt(l, i), r.updateWorldMatrix(!0, !1), r.getMatrixAt(u.instanceIndex, wn), a.matrixAutoUpdate = !1, a.matrix.copy(r.matrixWorld).multiply(wn);
       else {
-        const p = new Wt(l, i, r.count);
-        u.object.getWorldPosition(p.position), p.instanceMatrix = r.instanceMatrix, a = p;
+        const p = new Gt(l, i, r.count);
+        r.updateWorldMatrix(!0, !1), p.matrixAutoUpdate = !1, p.matrix.copy(r.matrixWorld), p.instanceMatrix = r.instanceMatrix, a = p;
       }
-    } else u.object instanceof mt ? (a = new mt(l, i), u.object.getWorldPosition(a.position)) : (a = new Fn(l, i), u.object.getWorldPosition(a.position));
+    } else u.object instanceof mt ? (a = new mt(l, i), u.object.updateWorldMatrix(!0, !1), a.matrixAutoUpdate = !1, a.matrix.copy(u.object.matrixWorld)) : (a = new Fn(l, i), u.object.updateWorldMatrix(!0, !1), a.matrixAutoUpdate = !1, a.matrix.copy(u.object.matrixWorld));
     return a.visible = u.object.visible, a;
   }), [o, i]);
   return /* @__PURE__ */ w("group", { renderOrder: e, children: s.map((u) => /* @__PURE__ */ w("primitive", { object: u }, u.uuid)) });
@@ -2292,7 +2292,7 @@ const ii = bt((n) => ({
     padding: s = 0,
     children: u = null
   }, a) => {
-    const [l, r, p, c] = A(() => n === "top-left" ? [`${o[0]}px`, void 0, void 0, `${o[1]}px`] : n === "top-right" ? [void 0, void 0, `${o[0]}px`, `${o[1]}px`] : n === "bottom-right" ? [void 0, `${o[1]}px`, `${o[0]}px`, void 0] : [`${o[0]}px`, `${o[1]}px`, void 0, void 0], [n, o]);
+    const [l, r, p, c] = T(() => n === "top-left" ? [`${o[0]}px`, void 0, void 0, `${o[1]}px`] : n === "top-right" ? [void 0, void 0, `${o[0]}px`, `${o[1]}px`] : n === "bottom-right" ? [void 0, `${o[1]}px`, `${o[0]}px`, void 0] : [`${o[0]}px`, `${o[1]}px`, void 0, void 0], [n, o]);
     return /* @__PURE__ */ w(
       "div",
       {
@@ -2355,7 +2355,7 @@ const ii = bt((n) => ({
     has: t
   };
 }, oa = (n) => {
-  const t = Ht((o) => o.groups), e = A(() => Object.values(t).sort(
+  const t = Ht((o) => o.groups), e = T(() => Object.values(t).sort(
     (o, i) => (o.order || 0) - (i.order || 0)
   ), [t]);
   return /* @__PURE__ */ w(Ko, { ...n, children: /* @__PURE__ */ w(
@@ -2450,24 +2450,24 @@ const ii = bt((n) => ({
   width: e = 3,
   dashed: o = !1
 }) => {
-  const i = Re(), s = i((b) => b.wellboresById), u = i((b) => b.wellboresByName), a = i((b) => b.measures.ratio), l = i((b) => b.domain), r = i((b) => b.measures.range), p = i((b) => b.slotsById), c = i((b) => b.styles), d = i((b) => b.measures.getSlotPosition), m = A(
+  const i = Re(), s = i((b) => b.wellboresById), u = i((b) => b.wellboresByName), a = i((b) => b.measures.ratio), l = i((b) => b.domain), r = i((b) => b.measures.range), p = i((b) => b.slotsById), c = i((b) => b.styles), d = i((b) => b.measures.getSlotPosition), m = T(
     () => s[n] || null,
     [n, s]
-  ), h = A(
+  ), h = T(
     () => He().domain(l).range(r),
     [l, r]
-  ), v = A(() => a > 0 ? a * 10 : 0, [a]), x = A(() => {
+  ), v = T(() => a > 0 ? a * 10 : 0, [a]), x = T(() => {
     const b = [];
     if (m) {
-      let T = p[m.id], P = m;
-      const C = d(T), R = h(m.depthMdMsl);
+      let A = p[m.id], P = m;
+      const C = d(A), R = h(m.depthMdMsl);
       for (b.push([C, R]); P; ) {
-        const I = P.parent ? u[P.parent] : void 0, D = P.kickoffDepthMsl !== null ? P.kickoffDepthMsl : -P.depthReferenceElevation, M = I ? p[I.id] : T, k = d(M), O = h(D);
-        b.push([k, O]), T = M, P = I;
+        const I = P.parent ? u[P.parent] : void 0, D = P.kickoffDepthMsl !== null ? P.kickoffDepthMsl : -P.depthReferenceElevation, M = I ? p[I.id] : A, U = d(M), O = h(D);
+        b.push([U, O]), A = M, P = I;
       }
     }
     return b.reverse();
-  }, [m, h, d, p, u]), y = A(() => {
+  }, [m, h, d, p, u]), y = T(() => {
     if (m) {
       const b = m.kickoffDepthMsl !== null ? m.kickoffDepthMsl : -m.depthReferenceElevation;
       return h(b);
@@ -2475,21 +2475,21 @@ const ii = bt((n) => ({
     return null;
   }, [m, h]), f = re(
     (b) => {
-      const T = nt();
+      const A = nt();
       if (b.length < 2) return "";
       let P = b[0][0], C = b[0][1];
-      T.moveTo(P, C);
+      A.moveTo(P, C);
       for (let R = 1; R < b.length; R++) {
         const I = b[R][0], D = b[R][1];
-        if (T.lineTo(P, C), P !== I)
+        if (A.lineTo(P, C), P !== I)
           if (D - C > v) {
             const M = C + v;
-            T.arcTo(I, C, I, M, v);
+            A.arcTo(I, C, I, M, v);
           } else
-            T.lineTo(I, C);
-        T.lineTo(I, D), P = I, C = D;
+            A.lineTo(I, C);
+        A.lineTo(I, D), P = I, C = D;
       }
-      return T.toString();
+      return A.toString();
     },
     [v]
   ), _ = v / 2, g = `${_},${_ / 2}`;
@@ -2557,20 +2557,20 @@ const ii = bt((n) => ({
   ruler: e = !0,
   rulerWidth: o = 4.5
 }) => {
-  const i = N(null), s = Re(), u = s((y) => y.domain), a = s((y) => y.measures.range), l = s((y) => y.measures.tracksWidth), r = s((y) => y.styles), [p, c] = G(!1), d = A(
+  const i = N(null), s = Re(), u = s((y) => y.domain), a = s((y) => y.measures.range), l = s((y) => y.measures.tracksWidth), r = s((y) => y.styles), [p, c] = W(!1), d = T(
     () => He().domain(u).range(a),
     [u, a]
-  ), m = A(() => {
+  ), m = T(() => {
     const y = r.depthAxisWidth * 0.65, f = nt();
     return f.moveTo(0, -y / 2), f.lineTo(r.depthAxisWidth / 2, -y / 2), f.lineTo(r.depthAxisWidth, 0), f.lineTo(r.depthAxisWidth / 2, y / 2), f.lineTo(0, y / 2), f.lineTo(0, -y / 2), f.toString();
-  }, [r.depthAxisWidth]), h = A(() => d(n), [n, d]), v = A(() => {
+  }, [r.depthAxisWidth]), h = T(() => d(n), [n, d]), v = T(() => {
     const y = r.darkMode ? 0 : 240;
     return `rgba(${y}, ${y}, ${y}, .7)`;
   }, [r.darkMode]);
   E(() => {
     function y(g) {
       if (!i.current) return;
-      const b = d.range(), T = de(g.y, b[0], b[1]), P = d.invert(T);
+      const b = d.range(), A = de(g.y, b[0], b[1]), P = d.invert(A);
       t && t(P);
     }
     function f() {
@@ -2658,22 +2658,22 @@ const ii = bt((n) => ({
   interactive: u,
   color: a = "white"
 }) => {
-  const l = Re(), r = l((z) => z.wellboresById), p = l((z) => z.wellboresByName), c = l((z) => z.measures.ratio), d = l((z) => z.domain), m = l((z) => z.measures.range), h = l((z) => z.activeDepths), v = l((z) => z.slotsById), x = l((z) => z.styles), y = l((z) => z.measures.getSlotPosition), f = A(
+  const l = Re(), r = l((z) => z.wellboresById), p = l((z) => z.wellboresByName), c = l((z) => z.measures.ratio), d = l((z) => z.domain), m = l((z) => z.measures.range), h = l((z) => z.activeDepths), v = l((z) => z.slotsById), x = l((z) => z.styles), y = l((z) => z.measures.getSlotPosition), f = T(
     () => r[n] || null,
     [n, r]
-  ), _ = A(() => {
+  ), _ = T(() => {
     if (f && f.parent) {
       const z = p[f.parent]?.id;
       return z ? v[z] : 0;
     }
     return null;
-  }, [f, p, v]), g = A(
+  }, [f, p, v]), g = T(
     () => He().domain(d).range(m),
     [d, m]
-  ), [b, T] = A(() => [
+  ), [b, A] = T(() => [
     y(_ !== null ? _ : t),
     y(t)
-  ], [t, _, y]), P = A(() => c ? Math.min(15, c * 24) : 0, [c]), C = A(() => c > 0 ? c * 10 : 0, [c]), R = re(
+  ], [t, _, y]), P = T(() => c ? Math.min(15, c * 24) : 0, [c]), C = T(() => c > 0 ? c * 10 : 0, [c]), R = re(
     (z, L, B, j) => {
       const Q = nt();
       if (Q.moveTo(z, B), z !== L)
@@ -2685,24 +2685,24 @@ const ii = bt((n) => ({
       return Q.lineTo(L, j), Q.toString();
     },
     [C]
-  ), { active: I, inactive: D, kickoff: M, termination: k } = A(() => {
+  ), { active: I, inactive: D, kickoff: M, termination: U } = T(() => {
     let z = null, L = null, B = 0, j = 0, Q = null;
     if (f) {
       const ae = h[f.id];
       let te = -f.depthReferenceElevation;
       if (f.kickoffDepthMsl !== null && (te = f.kickoffDepthMsl, Q = g(f.kickoffDepthMsl)), j = g(te), B = g(f.depthMdMsl), ae !== void 0) {
         const Ee = g(ae);
-        z = [b, T, j, Ee], Ee > j && (L = [T, T, Ee, B]);
+        z = [b, A, j, Ee], Ee > j && (L = [A, A, Ee, B]);
       } else
-        L = [b, T, j, B];
+        L = [b, A, j, B];
     }
     return { active: z, inactive: L, kickoff: Q, termination: B };
-  }, [g, f, h, b, T]), O = A(() => {
+  }, [g, f, h, b, A]), O = T(() => {
     const z = x.darkMode ? 0 : 240;
     return `rgba(${z}, ${z}, ${z}, .9)`;
   }, [x.darkMode]);
   if (!f) return null;
-  const $ = C / 2, W = `${$},${$ / 2}`;
+  const $ = C / 2, G = `${$},${$ / 2}`;
   return /* @__PURE__ */ H(
     "g",
     {
@@ -2749,7 +2749,7 @@ const ii = bt((n) => ({
               stroke: a,
               strokeWidth: C,
               fill: "none",
-              strokeDasharray: W,
+              strokeDasharray: G,
               style: {
                 filter: `drop-shadow( 1px 1px 2px ${O})`,
                 pointerEvents: "none"
@@ -2782,8 +2782,8 @@ const ii = bt((n) => ({
         P >= 8 && /* @__PURE__ */ w(
           "text",
           {
-            x: T,
-            y: k + P,
+            x: A,
+            y: U + P,
             fontSize: `${P - 2}px`,
             fill: x.textColor,
             fillOpacity: e ? 1 : 0.75,
@@ -2800,8 +2800,8 @@ const ii = bt((n) => ({
         c >= 0.5 && /* @__PURE__ */ H(
           "text",
           {
-            x: T,
-            y: k + P * 2,
+            x: A,
+            y: U + P * 2,
             fontSize: `${P * 0.75 - 2}px`,
             fill: x.textColor,
             fillOpacity: e ? 1 : 0.75,
@@ -2829,44 +2829,44 @@ const ii = bt((n) => ({
   depthCursor: l,
   children: r
 }) => {
-  const [p, c] = Ji(), d = Re(), m = d((M) => M.wellboreIds), h = d((M) => M.wellboresById), v = d((M) => M.setMeasure), x = d((M) => M.domain), y = d((M) => M.measures.range), f = d((M) => M.measures.trackWidth), _ = d((M) => M.slotsById), g = d((M) => M.styles), b = N(null), T = N(null), P = N(null);
+  const [p, c] = Ji(), d = Re(), m = d((M) => M.wellboreIds), h = d((M) => M.wellboresById), v = d((M) => M.setMeasure), x = d((M) => M.domain), y = d((M) => M.measures.range), f = d((M) => M.measures.trackWidth), _ = d((M) => M.slotsById), g = d((M) => M.styles), b = N(null), A = N(null), P = N(null);
   E(() => {
     v(c.width, c.height);
   }, [c, v, m]);
-  const C = A(
+  const C = T(
     () => He().domain(x).range(y),
     [x, y]
-  ), R = A(() => {
-    const M = Math.floor(C.domain()[0] / 100) * 100, k = Math.ceil((C.domain()[1] - M) / 100);
-    return rn(C).tickValues(Xi(0, k).map(($) => $ * 100 + M)).tickSizeInner(g.depthAxisWidth);
-  }, [C, g]), I = A(() => {
+  ), R = T(() => {
+    const M = Math.floor(C.domain()[0] / 100) * 100, U = Math.ceil((C.domain()[1] - M) / 100);
+    return rn(C).tickValues(Xi(0, U).map(($) => $ * 100 + M)).tickSizeInner(g.depthAxisWidth);
+  }, [C, g]), I = T(() => {
     const M = /* @__PURE__ */ new Set();
     m.forEach((z) => {
       const L = h[z];
       L && L.kickoffDepthMsl && M.add(L.kickoffDepthMsl);
     });
-    const k = 5.5, O = Array.from(M).sort((z, L) => z - L), $ = /* @__PURE__ */ new Set();
+    const U = 5.5, O = Array.from(M).sort((z, L) => z - L), $ = /* @__PURE__ */ new Set();
     return O.forEach((z, L) => {
       const B = L > 0 ? O[L - 1] : null;
       if (B) {
         const j = C(B), Q = C(z);
-        Math.abs(Q - j) < k && $.add(z);
+        Math.abs(Q - j) < U && $.add(z);
       }
     }), rn(C).tickValues(O).tickSizeInner(-c.width).tickSizeOuter(2).offset(0).tickPadding(4).tickFormat(
       (z) => $.has(z.valueOf()) ? "" : Qi(",.0f")(z)
     );
-  }, [C, m, c.width, h]), D = A(
+  }, [C, m, c.width, h]), D = T(
     () => m.map((M) => ({
       wellboreId: M,
       slot: _[M]
     })).sort(
-      (M, k) => (M.wellboreId === n ? 1 / 0 : 0) - (k.wellboreId === n ? 1 / 0 : 0) || M.slot - k.slot
+      (M, U) => (M.wellboreId === n ? 1 / 0 : 0) - (U.wellboreId === n ? 1 / 0 : 0) || M.slot - U.slot
     ),
     [m, _, n]
   );
   return E(() => {
-    if (T.current) {
-      const M = Ft(T.current);
+    if (A.current) {
+      const M = Ft(A.current);
       M.call(R), M.selectAll(".tick>text").remove(), M.selectAll("path.domain").remove(), M.selectAll(".tick>line").attr("stroke", g.depthAxisColor);
     }
   }, [R, g]), E(() => {
@@ -2896,7 +2896,7 @@ const ii = bt((n) => ({
         /* @__PURE__ */ w(
           "g",
           {
-            ref: T,
+            ref: A,
             transform: `translate(${g.depthAxisWidth}, 0)`
           }
         ),
@@ -3083,15 +3083,15 @@ const ii = bt((n) => ({
   theme: d = { ...ri },
   children: m
 }) => {
-  const h = ie(Mt), v = A(() => ir(), []), x = v((R) => R.setWellbores), y = v((R) => R.wellbores), f = v((R) => R.slotsById), _ = v((R) => R.measures.svgWidth), g = v((R) => R.domain), b = v((R) => R.setStyles), T = v((R) => R.setDepth), P = A(() => {
+  const h = ie(Mt), v = T(() => ir(), []), x = v((R) => R.setWellbores), y = v((R) => R.wellbores), f = v((R) => R.slotsById), _ = v((R) => R.measures.svgWidth), g = v((R) => R.domain), b = v((R) => R.setStyles), A = v((R) => R.setDepth), P = T(() => {
     let R = i;
     return R !== void 0 && (R = de(R, g[0], g[1])), R;
   }, [i, g]);
   E(() => {
     b(d);
   }, [d, b]), E(() => {
-    T(P);
-  }, [P, T]), E(() => {
+    A(P);
+  }, [P, A]), E(() => {
     if (h) {
       const R = h.connect();
       R && R.query("wellbore-headers", { well: n }).then((I) => {
@@ -3102,7 +3102,7 @@ const ii = bt((n) => ({
       });
     }
   }, [h, n, x, t]);
-  const C = A(() => {
+  const C = T(() => {
     if (l)
       return typeof l == "function" ? y.reduce(
         (R, I) => ({
@@ -3172,11 +3172,11 @@ const ii = bt((n) => ({
   );
 }, it = () => {
   const n = ie(Mt);
-  return A(() => n ? n.connect() : null, [n]);
+  return T(() => n ? n.connect() : null, [n]);
 }, aa = ({
   color: n = "#ccc"
 }) => {
-  const t = it(), [e, o] = G(null), i = Re(), s = i((f) => f.wellboreIds), u = i((f) => f.wellboresById), a = i((f) => f.domain), l = i((f) => f.measures.range), r = i((f) => f.measures.ratio), p = i((f) => f.measures.tracksWidth), c = i((f) => f.slotsById), d = i((f) => f.styles), m = i((f) => f.measures.getSlotPosition), h = A(
+  const t = it(), [e, o] = W(null), i = Re(), s = i((f) => f.wellboreIds), u = i((f) => f.wellboresById), a = i((f) => f.domain), l = i((f) => f.measures.range), r = i((f) => f.measures.ratio), p = i((f) => f.measures.tracksWidth), c = i((f) => f.slotsById), d = i((f) => f.styles), m = i((f) => f.measures.getSlotPosition), h = T(
     () => He().domain(a).range(l),
     [a, l]
   );
@@ -3187,9 +3187,9 @@ const ii = bt((n) => ({
       );
       Promise.all(f).then((_) => {
         const g = _.reduce(
-          (b, T, P) => ({
+          (b, A, P) => ({
             ...b,
-            [s[P]]: T
+            [s[P]]: A
           }),
           {}
         );
@@ -3197,10 +3197,10 @@ const ii = bt((n) => ({
       });
     }
   }, [s, t]);
-  const v = A(() => {
+  const v = T(() => {
     const f = [];
     return e && s.forEach((_) => {
-      const g = u[_], b = g.kickoffDepthMsl !== null ? g.kickoffDepthMsl : g.depthReferenceElevation, T = c[_], P = m(T);
+      const g = u[_], b = g.kickoffDepthMsl !== null ? g.kickoffDepthMsl : g.depthReferenceElevation, A = c[_], P = m(A);
       e[_] && e[_].filter(
         (C) => C.isShoe && (b === null || C.mdBottomMsl > b)
       ).forEach((C) => {
@@ -3220,13 +3220,13 @@ const ii = bt((n) => ({
     c,
     s,
     u
-  ]), x = A(() => {
+  ]), x = T(() => {
     if (r) {
       const f = 7 * r, _ = 16 * r, g = _ - f, b = nt();
       return b.moveTo(-f, -g * 2), b.lineTo(-f, 0), b.lineTo(-_, 0), b.lineTo(-f - 2, -g), b.lineTo(-f - 2, -g * 2), b.lineTo(-f, -g * 2), b.closePath(), b.moveTo(f, -g * 2), b.lineTo(f, 0), b.lineTo(_, 0), b.lineTo(f + 2, -g), b.lineTo(f + 2, -g * 2), b.lineTo(f, -g * 2), b.closePath(), b.toString();
     }
     return "";
-  }, [r]), y = A(() => {
+  }, [r]), y = T(() => {
     const f = d.darkMode ? 0 : 240;
     return `rgba(${f}, ${f}, ${f}, .9)`;
   }, [d.darkMode]);
@@ -3265,20 +3265,20 @@ const ii = bt((n) => ({
   colorScreen: n = "gray",
   colorPerforation: t = "orange"
 }) => {
-  const e = it(), [o, i] = G(null), [s, u] = G(null), a = Re(), l = a((g) => g.wellboreIds), r = a((g) => g.wellboresById), p = a((g) => g.domain), c = a((g) => g.measures.range), d = a((g) => g.measures.ratio), m = a((g) => g.slotsById), h = a((g) => g.styles), v = a((g) => g.measures.getSlotPosition), x = A(
+  const e = it(), [o, i] = W(null), [s, u] = W(null), a = Re(), l = a((g) => g.wellboreIds), r = a((g) => g.wellboresById), p = a((g) => g.domain), c = a((g) => g.measures.range), d = a((g) => g.measures.ratio), m = a((g) => g.slotsById), h = a((g) => g.styles), v = a((g) => g.measures.getSlotPosition), x = T(
     () => He().domain(p).range(c),
     [p, c]
   );
   E(() => {
     if (e) {
       const g = l.map(
-        (T) => e.get("completion-tools", T)
+        (A) => e.get("completion-tools", A)
       ), b = l.map(
-        (T) => e.get("perforations", T)
+        (A) => e.get("perforations", A)
       );
-      Promise.all(g).then((T) => {
-        if (T) {
-          const P = T.reduce(
+      Promise.all(g).then((A) => {
+        if (A) {
+          const P = A.reduce(
             (C, R, I) => ({
               ...C,
               [l[I]]: R !== null ? R.filter((D) => D.category === "screen") : []
@@ -3287,8 +3287,8 @@ const ii = bt((n) => ({
           );
           i(P);
         }
-      }), Promise.all(b).then((T) => {
-        const P = T.reduce(
+      }), Promise.all(b).then((A) => {
+        const P = A.reduce(
           (C, R, I) => ({
             ...C,
             [l[I]]: R || []
@@ -3299,10 +3299,10 @@ const ii = bt((n) => ({
       });
     }
   }, [l, e]);
-  const y = A(() => {
+  const y = T(() => {
     const g = [];
     return o && s && l.forEach((b) => {
-      const T = r[b], P = T.kickoffDepthMsl !== null ? T.kickoffDepthMsl : T.depthReferenceElevation, C = m[b], R = v(C);
+      const A = r[b], P = A.kickoffDepthMsl !== null ? A.kickoffDepthMsl : A.depthReferenceElevation, C = m[b], R = v(C);
       (o[b] ? an(
         o[b].filter(
           (M) => P === void 0 || M.mdBottomMsl > P
@@ -3344,13 +3344,13 @@ const ii = bt((n) => ({
   ]), f = re(
     (g) => {
       if (d) {
-        const b = 10 * d, T = 18 * d, P = nt();
-        return P.moveTo(g.x - T, g.y1), P.lineTo(g.x - b, g.y1), P.lineTo(g.x - b, g.y2), P.lineTo(g.x - T, g.y2), P.moveTo(g.x + T, g.y1), P.lineTo(g.x + b, g.y1), P.lineTo(g.x + b, g.y2), P.lineTo(g.x + T, g.y2), P.toString();
+        const b = 10 * d, A = 18 * d, P = nt();
+        return P.moveTo(g.x - A, g.y1), P.lineTo(g.x - b, g.y1), P.lineTo(g.x - b, g.y2), P.lineTo(g.x - A, g.y2), P.moveTo(g.x + A, g.y1), P.lineTo(g.x + b, g.y1), P.lineTo(g.x + b, g.y2), P.lineTo(g.x + A, g.y2), P.toString();
       }
       return "";
     },
     [d]
-  ), _ = A(() => {
+  ), _ = T(() => {
     const g = h.darkMode ? 0 : 240;
     return `rgba(${g}, ${g}, ${g}, .9)`;
   }, [h.darkMode]);
@@ -3381,7 +3381,7 @@ const ii = bt((n) => ({
 }, ca = ({
   stratColumnId: n
 }) => {
-  const t = it(), [e, o] = G(null), i = Re(), s = i((v) => v.wellboreIds), u = i((v) => v.domain), a = i((v) => v.measures.range), l = i((v) => v.measures.ratio), r = i((v) => v.slotsById), p = i((v) => v.styles), c = i((v) => v.measures.getSlotPosition), d = A(
+  const t = it(), [e, o] = W(null), i = Re(), s = i((v) => v.wellboreIds), u = i((v) => v.domain), a = i((v) => v.measures.range), l = i((v) => v.measures.ratio), r = i((v) => v.slotsById), p = i((v) => v.styles), c = i((v) => v.measures.getSlotPosition), d = T(
     () => He().domain(u).range(a),
     [u, a]
   );
@@ -3404,7 +3404,7 @@ const ii = bt((n) => ({
       });
     }
   }, [s, n, t]);
-  const m = A(() => {
+  const m = T(() => {
     const v = [];
     return e && s.forEach((x) => {
       if (e[x]) {
@@ -3423,7 +3423,7 @@ const ii = bt((n) => ({
         });
       }
     }), v;
-  }, [e, d, c, r, s]), h = A(() => {
+  }, [e, d, c, r, s]), h = T(() => {
     const v = p.darkMode ? 0 : 240;
     return `rgba(${v}, ${v}, ${v}, .9)`;
   }, [p.darkMode]);
@@ -3478,7 +3478,7 @@ const ii = bt((n) => ({
 }, ua = ({
   color: n = "rgb(113, 216, 253)"
 }) => {
-  const t = it(), [e, o] = G(null), i = Re(), s = i((m) => m.tracksOrder), u = i((m) => m.depth), a = i((m) => m.measures.ratio), l = i((m) => m.measures.trackWidth), r = i((m) => m.measures.svgHeight), p = i((m) => m.measures.getSlotPosition);
+  const t = it(), [e, o] = W(null), i = Re(), s = i((m) => m.tracksOrder), u = i((m) => m.depth), a = i((m) => m.measures.ratio), l = i((m) => m.measures.trackWidth), r = i((m) => m.measures.svgHeight), p = i((m) => m.measures.getSlotPosition);
   E(() => {
     if (t) {
       const m = s.map(
@@ -3496,7 +3496,7 @@ const ii = bt((n) => ({
       });
     }
   }, [s, t]);
-  const c = A(() => {
+  const c = T(() => {
     const m = [];
     return e && s.forEach((h, v) => {
       const y = [p(v), null];
@@ -3509,7 +3509,7 @@ const ii = bt((n) => ({
       }
       m.push(y);
     }), m;
-  }, [u, p, s, e]), d = A(() => r - a * 15, [a, r]);
+  }, [u, p, s, e]), d = T(() => r - a * 15, [a, r]);
   return !c || l < 50 ? null : /* @__PURE__ */ H("g", { children: [
     /* @__PURE__ */ w(
       "text",
@@ -4358,7 +4358,7 @@ void main() {
   #include <logdepthbuf_vertex>
 }`;
 Vn({ MeshLineGeometry: ar, MeshLineMaterial: dr });
-const Mn = 800, Tn = 600, fa = ({
+const Mn = 800, An = 600, fa = ({
   text: n,
   inBias: t = 0,
   outBias: e = 0,
@@ -4368,9 +4368,9 @@ const Mn = 800, Tn = 600, fa = ({
   verticalAlign: u = 0,
   horizontalAlign: a = 0
 }) => {
-  const l = ie(ot), r = A(() => ({
+  const l = ie(ot), r = T(() => ({
     time: new S(0),
-    size: new S(new pe(Mn, Tn)),
+    size: new S(new pe(Mn, An)),
     textPointersOffset: new S(0),
     textPointersCount: new S(0),
     glyphAtlas: new S(null),
@@ -4412,7 +4412,7 @@ const Mn = 800, Tn = 600, fa = ({
   ]), Pe(({ clock: p }) => {
     r.time.value = p.elapsedTime;
   }), l ? /* @__PURE__ */ w("group", { children: /* @__PURE__ */ H("mesh", { children: [
-    /* @__PURE__ */ w("planeGeometry", { args: [Mn, Tn] }),
+    /* @__PURE__ */ w("planeGeometry", { args: [Mn, An] }),
     /* @__PURE__ */ w(
       "shaderMaterial",
       {
@@ -4641,7 +4641,7 @@ const ye = (n) => (t) => oo(ro, n)(Math.min(Math.max(0, t), 1)), gr = ye([
   "#00d8ff",
   "#00e4ff",
   "#00f0ff"
-]), Tr = ye([
+]), Ar = ye([
   "#00004c",
   "#000092",
   "#0000db",
@@ -4653,7 +4653,7 @@ const ye = (n) => (t) => oo(ro, n)(Math.min(Math.max(0, t), 1)), gr = ye([
   "#e60000",
   "#b30000",
   "#800000"
-]), Ar = ye([
+]), Tr = ye([
   "#ffffff",
   "#FFFFBD",
   "#FFFF71",
@@ -4702,15 +4702,15 @@ const ye = (n) => (t) => oo(ro, n)(Math.min(Math.max(0, t), 1)), gr = ye([
   (n) => _r(1 - n),
   (n) => wr(1 - n),
   (n) => Mr(1 - n),
-  (n) => Tr(1 - n),
   (n) => Ar(1 - n),
+  (n) => Tr(1 - n),
   (n) => Pr(1 - n)
 ], Sr = Cr.map((n) => vr(n)), Rr = hr(Sr, 512), he = new Ln(Rr);
-he.magFilter = ke;
+he.magFilter = Ue;
 he.minFilter = et;
 he.flipY = !1;
 he.generateMipmaps = !1;
-he.colorSpace = Ai;
+he.colorSpace = Ti;
 he.format = yt;
 he.anisotropy = 4;
 const si = Ce(
@@ -5250,8 +5250,8 @@ const dt = {
     USE_DEBUG: !1,
     GLYPHS_LENGTH: 1
   },
-  uniforms: Ue.merge([
-    Ue.clone(Vt.lambert.uniforms),
+  uniforms: ke.merge([
+    ke.clone(Vt.lambert.uniforms),
     {
       colorRampIndex: { value: 0 },
       colorRamps: { value: he.height },
@@ -5281,7 +5281,7 @@ const dt = {
   vertexShader: Lr,
   fragmentShader: Ir
 };
-class Dr extends We {
+class Dr extends Ge {
   isMeshSurfaceShader = !0;
   normalScale;
   map;
@@ -5292,7 +5292,7 @@ class Dr extends We {
   combine;
   normalMapType;
   constructor(t) {
-    super(), this.defines = Object.assign({}, dt.defines), this.uniforms = Ue.clone(dt.uniforms), this.vertexShader = dt.vertexShader, this.fragmentShader = dt.fragmentShader, this.combine = Ci, this.normalMapType = Si, this.wireframe = !1, this.wireframeLinewidth = 1, this.wireframeLinecap = "round", this.wireframeLinejoin = "round", this.flatShading = !1, this.lights = !0, this.clipping = !0, this.fog = !0;
+    super(), this.defines = Object.assign({}, dt.defines), this.uniforms = ke.clone(dt.uniforms), this.vertexShader = dt.vertexShader, this.fragmentShader = dt.fragmentShader, this.combine = Ci, this.normalMapType = Si, this.wireframe = !1, this.wireframeLinewidth = 1, this.wireframeLinecap = "round", this.wireframeLinejoin = "round", this.flatShading = !1, this.lights = !0, this.clipping = !0, this.fog = !0;
     const e = [
       "map",
       "lightMap",
@@ -5398,17 +5398,17 @@ const da = ({
   normalScale: _,
   name: g,
   userData: b,
-  receiveShadow: T,
+  receiveShadow: A,
   castShadow: P,
   layers: C,
   position: R,
   renderOrder: I,
   visible: D = !0,
   debug: M = !1,
-  onPointerClick: k,
+  onPointerClick: U,
   onPointerEnter: O,
   onPointerLeave: $,
-  onPointerMove: W
+  onPointerMove: G
 }) => {
   const z = N(null), L = oe(
     Er,
@@ -5416,9 +5416,9 @@ const da = ({
   ), B = oe(
     zr,
     h
-  ), [j, Q] = G(null), [ae, te] = G(
+  ), [j, Q] = W(null), [ae, te] = W(
     null
-  ), Ee = A(() => Ve(se.NOT_EMITTER), []), fe = ie(ot), U = A(() => new Dr({
+  ), Ee = T(() => Ve(se.NOT_EMITTER), []), fe = ie(ot), k = T(() => new Dr({
     useColorRamp: !0,
     forceSinglePass: !0,
     saturation: 1,
@@ -5437,11 +5437,11 @@ const da = ({
     depthWrite: !1
   }), []);
   E(() => {
-    M && fe ? (U.uniformsGroups = [fe.glyphData], U.defines.GLYPHS_LENGTH = fe.glyphsCount, U.uniforms.glyphAtlas.value = fe.glyphAtlas, U.uniforms.digits.value = [
+    M && fe ? (k.uniformsGroups = [fe.glyphData], k.defines.GLYPHS_LENGTH = fe.glyphsCount, k.uniforms.glyphAtlas.value = fe.glyphAtlas, k.uniforms.digits.value = [
       ...fe.encodeText("0123456789.-").indices
-    ]) : (U.uniformsGroups = [], U.defines.GLYPHS_LENGTH = 1, U.uniforms.glyphAtlas.value = null, U.uniforms.digits.value = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]), U.debug = M, U.needsUpdate = !0, U.uniformsNeedUpdate = !0;
-  }, [M, U, fe]);
-  const Tt = A(() => new Nt({
+    ]) : (k.uniformsGroups = [], k.defines.GLYPHS_LENGTH = 1, k.uniforms.glyphAtlas.value = null, k.uniforms.digits.value = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]), k.debug = M, k.needsUpdate = !0, k.uniformsNeedUpdate = !0;
+  }, [M, k, fe]);
+  const At = T(() => new Nt({
     transparent: !0,
     side: ge,
     colorWrite: !1,
@@ -5451,7 +5451,7 @@ const da = ({
     let ne = null;
     if ($e && z.current) {
       const q = {};
-      k && (q.click = k), O && (q.enter = O), $ && (q.leave = $), W && (q.move = W), Object.keys(q).length && (ne = $e.register({
+      U && (q.click = U), O && (q.enter = O), $ && (q.leave = $), G && (q.move = G), Object.keys(q).length && (ne = $e.register({
         object: z.current,
         handlers: q,
         ref: n.id
@@ -5462,15 +5462,15 @@ const da = ({
     };
   }, [
     $e,
-    k,
+    U,
     O,
     $,
-    W,
+    G,
     n.id
   ]), E(() => {
-    U.uniforms.colorRampIndex.value = e, U.uniforms.opacity.value = m, U.uniforms.contoursColorMode.value = r, U.uniforms.contoursColorModeFactor.value = p, U.uniforms.contoursInterval.value = l, U.uniforms.contoursThickness.value = c, U.uniforms.colorRampMin.value = o, U.uniforms.colorRampMax.value = i, U.uniforms.colorRampReverse.value = s, U.uniforms.referenceDepth.value = n.max, U.uniforms.size.value.set(n.header.nx, n.header.ny), U.uniforms.scale.value.set(n.header.xinc, n.header.yinc), U.uniforms.rotation.value = n.header.rot * (Math.PI / 180), U.uniformsNeedUpdate = !0, _ && U.uniforms.normalScale.value.set(..._);
+    k.uniforms.colorRampIndex.value = e, k.uniforms.opacity.value = m, k.uniforms.contoursColorMode.value = r, k.uniforms.contoursColorModeFactor.value = p, k.uniforms.contoursInterval.value = l, k.uniforms.contoursThickness.value = c, k.uniforms.colorRampMin.value = o, k.uniforms.colorRampMax.value = i, k.uniforms.colorRampReverse.value = s, k.uniforms.referenceDepth.value = n.max, k.uniforms.size.value.set(n.header.nx, n.header.ny), k.uniforms.scale.value.set(n.header.xinc, n.header.yinc), k.uniforms.rotation.value = n.header.rot * (Math.PI / 180), k.uniformsNeedUpdate = !0, _ && k.uniforms.normalScale.value.set(..._);
   }, [
-    U,
+    k,
     n,
     e,
     m,
@@ -5484,11 +5484,11 @@ const da = ({
     s,
     _
   ]), E(() => {
-    U.wireframe = y, U.showContours = a, U.contoursColor = d, U.useColorRamp = u, U.color = t || U.color, U.side = x ? ge : ht, f && (U.normalMap = f);
+    k.wireframe = y, k.showContours = a, k.contoursColor = d, k.useColorRamp = u, k.color = t || k.color, k.side = x ? ge : ht, f && (k.normalMap = f);
     const ne = m === 1;
-    ne !== U.depthWrite && (U.depthWrite = ne, U.needsUpdate = !0);
+    ne !== k.depthWrite && (k.depthWrite = ne, k.needsUpdate = !0);
   }, [
-    U,
+    k,
     u,
     a,
     y,
@@ -5514,13 +5514,13 @@ const da = ({
       ne && (q = Be(ne)), Q((be) => (be && be.dispose(), q));
     });
   }, [L, n.id, v]), E(() => {
-    if (ae && U) {
+    if (ae && k) {
       const { width: ne, height: q } = ae.image, be = (ne - 1) / ne, _e = (q - 1) / q, rt = (1 - be) / 2, we = (1 - _e) / 2;
-      U.uniforms.elevationTexture.value = ae, U.uniforms.gridUvMat.value.setUvTransform(rt, we, be, _e, 0, 0, 0);
+      k.uniforms.elevationTexture.value = ae, k.uniforms.gridUvMat.value.setUvTransform(rt, we, be, _e, 0, 0, 0);
     }
-  }, [ae, U]), E(() => () => {
-    U.normalMap?.dispose(), U.dispose();
-  }, [U]), M && !fe ? null : /* @__PURE__ */ H(
+  }, [ae, k]), E(() => () => {
+    k.normalMap?.dispose(), k.dispose();
+  }, [k]), M && !fe ? null : /* @__PURE__ */ H(
     "group",
     {
       ref: z,
@@ -5533,7 +5533,7 @@ const da = ({
           "mesh",
           {
             geometry: j,
-            material: Tt,
+            material: At,
             layers: Ee,
             renderOrder: (I || 0) - 0.1
           }
@@ -5542,9 +5542,9 @@ const da = ({
           "mesh",
           {
             castShadow: P,
-            receiveShadow: T,
+            receiveShadow: A,
             geometry: j,
-            material: U,
+            material: k,
             layers: C,
             renderOrder: I
           }
@@ -5570,12 +5570,12 @@ const da = ({
     onPointerLeave: m,
     onPointerMove: h
   }, v) => {
-    const x = _t(), y = N(null), f = A(() => {
+    const x = _t(), y = N(null), f = T(() => {
       const _ = a.transformations.length / 16;
       if (_ === 0) return null;
-      const g = new Wt(l, r, _);
+      const g = new Gt(l, r, _);
       if (g.instanceMatrix.set(a.transformations), g.instanceMatrix.needsUpdate = !0, a.colors && (g.instanceColor = new Ri(a.colors, 3), g.instanceColor.needsUpdate = !0), p) {
-        const b = p instanceof Un ? p.mask : p;
+        const b = p instanceof kn ? p.mask : p;
         g.layers.mask = b;
       }
       return g.castShadow = !!o, g.receiveShadow = !!i, g;
@@ -5622,7 +5622,7 @@ const da = ({
     offset: i = [0, 0, 0],
     children: s
   }, u) => {
-    const a = N(null), l = A(() => {
+    const a = N(null), l = T(() => {
       if (n) return n;
       if (t) {
         const p = to(t.toUpperCase());
@@ -5633,7 +5633,7 @@ const da = ({
       );
     }, [n, t, e, o]);
     Fe(u, () => l, [l]);
-    const r = A(() => {
+    const r = T(() => {
       const p = (f, _, g = 0) => {
         const b = l.utmToWorld(f, _, g);
         return [b.x, b.y, b.z];
@@ -5689,7 +5689,7 @@ const da = ({
   altitude: e = 0,
   children: o
 }) => {
-  const i = ie(wt), s = A(
+  const i = ie(wt), s = T(
     () => i.utmToArea(n, t, e),
     [n, t, e, i]
   );
@@ -5700,7 +5700,7 @@ const da = ({
   altitude: e = 0,
   children: o
 }) => {
-  const i = ie(wt), s = A(
+  const i = ie(wt), s = T(
     () => i.wgs84ToArea(n, t, e),
     [n, t, e, i]
   );
@@ -5712,7 +5712,7 @@ const da = ({
       "useWellboreContext may only be used within a Wellbore component!"
     );
   return n;
-}, kr = "basicTrajectory";
+}, Ur = "basicTrajectory";
 Vn({ ThreeLine: Fn });
 const va = ({
   name: n,
@@ -5731,20 +5731,20 @@ const va = ({
   priority: m = 0
 }) => {
   const { id: h, fromMsl: v, segmentsPerMeter: x, simplificationThreshold: y } = ce(), f = oe(
-    kr,
+    Ur,
     m
-  ), [_, g] = G(null), b = A(() => c || ((P, C) => {
+  ), [_, g] = W(null), b = T(() => c || ((P, C) => {
     const R = C;
     R.color = new Z(P.color);
-  }), [c]), T = A(() => p || new Ei({ transparent: !0, opacity: 0.95 }), [p]);
+  }), [c]), A = T(() => p || new Ei({ transparent: !0, opacity: 0.95 }), [p]);
   return E(() => {
     b(
       {
         color: d
       },
-      T
+      A
     );
-  }, [d, T, b]), E(() => {
+  }, [d, A, b]), E(() => {
     f && f(
       h,
       x,
@@ -5777,12 +5777,12 @@ const va = ({
       receiveShadow: i,
       visible: a,
       geometry: _,
-      material: T,
+      material: A,
       customDepthMaterial: l,
       customDistanceMaterial: r
     }
   ) : null;
-}, Ur = "casings";
+}, kr = "casings";
 function ci(n, t, e, o, i, s, u, a) {
   const l = new Nn();
   return l.instanceCount = a, l.setIndex(new De(t, 1)), l.setAttribute("vertex", new De(e, 3)), l.setAttribute("normal", new De(o, 3)), l.setAttribute("uv", new De(i, 2)), l.setAttribute("id", new De(s, 1)), l.setAttribute(
@@ -5860,7 +5860,7 @@ function Or(n, t, e) {
   );
   return x.addGroup(0, e * 6, 0), x.addGroup(s.innerTube * 3, e * 6, 1), x.addGroup(s.edge1 * 3, 12, 2), x;
 }
-function Gr(n, t, e) {
+function Wr(n, t, e) {
   const o = e + 1, i = {
     top: 0,
     bottom: o * 2
@@ -5893,7 +5893,7 @@ function Gr(n, t, e) {
     1
   );
 }
-function Wr(n, t) {
+function Gr(n, t) {
   const e = new Bn(
     n.attributesBuffer,
     12,
@@ -5902,7 +5902,7 @@ function Wr(n, t) {
     e,
     n.segments,
     t
-  ), i = Gr(
+  ), i = Wr(
     e,
     n.segments,
     t
@@ -6153,7 +6153,7 @@ void main() {
 
 #endif
 }`;
-class Gt extends Ae {
+class Wt extends Te {
   uniforms = {
     sizeMultiplier: new S(1),
     radius: new S(0),
@@ -6216,15 +6216,15 @@ const Br = ({
   opacity: a = 1,
   renderOrder: l
 }) => {
-  const { tubeGeometry: r, capsGeometry: p } = A(
-    () => Wr(n, e),
+  const { tubeGeometry: r, capsGeometry: p } = T(
+    () => Gr(n, e),
     [n, e]
-  ), c = A(() => {
-    const d = new Gt(t.primary);
+  ), c = T(() => {
+    const d = new Wt(t.primary);
     return [
       d,
-      t.inner ? new Gt(t.inner) : d,
-      t.slice ? new Gt(t.slice) : d
+      t.inner ? new Wt(t.inner) : d,
+      t.slice ? new Wt(t.slice) : d
     ];
   }, [t]);
   return E(() => {
@@ -6288,13 +6288,13 @@ const Br = ({
       id: _,
       fromMsl: g,
       segmentsPerMeter: b,
-      simplificationThreshold: T
-    } = ce(), P = oe(Ur, y), [C, R] = G(null), [I, D] = G(!1), { segmentsPerMeter: M, simplificationThreshold: k } = A(() => ({
+      simplificationThreshold: A
+    } = ce(), P = oe(kr, y), [C, R] = W(null), [I, D] = W(!1), { segmentsPerMeter: M, simplificationThreshold: U } = T(() => ({
       segmentsPerMeter: d !== void 0 ? d : b || 0.1,
-      simplificationThreshold: m !== void 0 ? m : T || 0
+      simplificationThreshold: m !== void 0 ? m : A || 0
     }), [
       b,
-      T,
+      A,
       d,
       m
     ]);
@@ -6304,7 +6304,7 @@ const Br = ({
         g,
         l,
         M,
-        k
+        U
       ).then(($) => {
         R($), $ || D(!0);
       });
@@ -6315,9 +6315,9 @@ const Br = ({
       u,
       l,
       M,
-      k
+      U
     ]);
-    const O = A(() => C?.map(h) || null, [C, h]);
+    const O = T(() => C?.map(h) || null, [C, h]);
     return /* @__PURE__ */ H(
       "group",
       {
@@ -6329,10 +6329,10 @@ const Br = ({
         renderOrder: e,
         layers: o,
         children: [
-          C && O && C.map(($, W) => /* @__PURE__ */ w(
+          C && O && C.map(($, G) => /* @__PURE__ */ w(
             Br,
             {
-              materialOptions: O[W],
+              materialOptions: O[G],
               opacity: x,
               sliceAngle: r,
               sliceOffset: p,
@@ -6340,9 +6340,9 @@ const Br = ({
               section: $,
               radialSegments: u,
               sizeMultiplier: a,
-              renderOrder: W
+              renderOrder: G
             },
-            W
+            G
           )),
           I && v && v()
         ]
@@ -6350,7 +6350,7 @@ const Br = ({
     );
   }
 ), Nr = "casingToolAnnotations", xa = () => {
-  const { id: n } = ce(), t = N(null), e = oe(Nr, 1), { addAnnotations: o } = je("casings", n), [i, s] = G([]);
+  const { id: n } = ce(), t = N(null), e = oe(Nr, 1), { addAnnotations: o } = je("casings", n), [i, s] = W([]);
   return E(() => {
     e && n && e(n).then((u) => {
       u && t.current && (u.forEach((a, l) => {
@@ -6359,7 +6359,7 @@ const Br = ({
     });
   }, [n, e, t]), E(() => o(i), [i, o]), /* @__PURE__ */ w("object3D", { ref: t, visible: !1 });
 }, ya = ({ id: n, name: t, data: e }) => {
-  const o = A(() => e.isShoe ? "#00ffa2" : "#00d0ff", [e]);
+  const o = T(() => e.isShoe ? "#00ffa2" : "#00d0ff", [e]);
   return /* @__PURE__ */ w(
     "div",
     {
@@ -6519,11 +6519,11 @@ void main() {
 	#include <dithering_fragment>
 
 }`;
-class An extends We {
+class Tn extends Ge {
   constructor(t = {}) {
     super({
-      uniforms: Ue.merge([
-        Ue.clone(Vt.lambert.uniforms),
+      uniforms: ke.merge([
+        ke.clone(Vt.lambert.uniforms),
         {
           uColor1: new S(new Z(t.color || "white")),
           uColor2: new S(new Z(t.color || "black"))
@@ -6573,7 +6573,7 @@ const ba = ({
   } = ce(), b = oe(
     ao,
     v
-  ), [T, P] = G(null), [C, R] = G(!1), { segmentsPerMeter: I, simplificationThreshold: D } = A(() => ({
+  ), [A, P] = W(null), [C, R] = W(!1), { segmentsPerMeter: I, simplificationThreshold: D } = T(() => ({
     segmentsPerMeter: m !== void 0 ? m : _ || 0.1,
     simplificationThreshold: h !== void 0 ? h : g || 0
   }), [
@@ -6581,39 +6581,39 @@ const ba = ({
     g,
     m,
     h
-  ]), M = A(() => l || [
+  ]), M = T(() => l || [
     // blank pipe
-    new Ae({
+    new Te({
       color: "#999",
       metalness: 1,
       roughness: 0.25
     }),
     // tube
-    new Ae({
+    new Te({
       color: "#999",
       metalness: 0.8,
       roughness: 0.5
     }),
     // packer
-    new Ae({
+    new Te({
       color: "#000",
       metalness: 0,
       roughness: 0.95
     }),
     // gauge
-    new Ae({
+    new Te({
       color: "#097",
       metalness: 0,
       roughness: 1
     }),
     // plug
-    new Ae({
+    new Te({
       color: "#444",
       metalness: 0.2,
       roughness: 1
     }),
     // pbr
-    new Ae({
+    new Te({
       color: "#ff0000",
       metalness: 0,
       roughness: 1,
@@ -6621,24 +6621,24 @@ const ba = ({
       opacity: 0.9
     }),
     // safety valve
-    new Ae({
+    new Te({
       color: "#c00",
       metalness: 0.5,
       roughness: 0.75
     }),
     // spm
-    new Ae({
+    new Te({
       color: "#4e3e86",
       metalness: 0.5,
       roughness: 0.75
     }),
     // screen
-    new An({
+    new Tn({
       color1: "#777",
       color2: "#fff"
     }),
     // tracer
-    new An({
+    new Tn({
       color1: "#777",
       color2: "orange"
     }),
@@ -6655,8 +6655,8 @@ const ba = ({
       d,
       I,
       D
-    ).then((k) => {
-      P((O) => (O && O.dispose(), k ? Be(k) : null)), k || R(!0);
+    ).then((U) => {
+      P((O) => (O && O.dispose(), U ? Be(U) : null)), U || R(!0);
     });
   }, [
     b,
@@ -6675,10 +6675,10 @@ const ba = ({
       visible: s,
       position: i,
       children: [
-        T && /* @__PURE__ */ w(
+        A && /* @__PURE__ */ w(
           "mesh",
           {
-            geometry: T,
+            geometry: A,
             material: M,
             layers: o,
             castShadow: u,
@@ -6686,7 +6686,7 @@ const ba = ({
             customDepthMaterial: r,
             customDistanceMaterial: p
           },
-          T.uuid
+          A.uuid
         ),
         C && x && x()
       ]
@@ -6696,7 +6696,7 @@ const ba = ({
   const { id: n } = ce(), t = N(null), e = oe(
     $r,
     0
-  ), { addAnnotations: o } = je("completion", n), [i, s] = G([]);
+  ), { addAnnotations: o } = je("completion", n), [i, s] = W([]);
   return E(() => {
     e && n && e(n).then((u) => {
       u && t.current && (u.forEach((a, l) => {
@@ -6710,7 +6710,7 @@ const ba = ({
     interval: t = 100,
     priority: e = 0
   }, o) => {
-    const i = N(null), { id: s, fromMsl: u } = ce(), a = oe(Yr, e), { addAnnotations: l } = je("depth-markers", s), [r, p] = G([]);
+    const i = N(null), { id: s, fromMsl: u } = ce(), a = oe(Yr, e), { addAnnotations: l } = je("depth-markers", s), [r, p] = W([]);
     return Fe(o, () => i.current), E(() => {
       a && s && a(s, t, n, u).then((c) => {
         c && i.current && (c.forEach((d) => {
@@ -6733,12 +6733,12 @@ const ba = ({
     children: t
   },
   n
-), qr = "formationMarkerSymbols", Ta = ({
+), qr = "formationMarkerSymbols", Aa = ({
   id: n,
   name: t,
   data: e
 }) => {
-  const o = A(() => `#${e.color}`, [e]);
+  const o = T(() => `#${e.color}`, [e]);
   return /* @__PURE__ */ w(
     "div",
     {
@@ -6792,7 +6792,7 @@ const ba = ({
     },
     n
   );
-}, Pn = new tt(), Cn = new X(), Sn = new Z(), Aa = xe(
+}, Pn = new tt(), Cn = new X(), Sn = new Z(), Ta = xe(
   ({
     radialSegments: n = 8,
     baseRadius: t = 10,
@@ -6811,9 +6811,9 @@ const ba = ({
     const h = N(null), { id: v, fromMsl: x } = ce(), y = oe(
       qr,
       d
-    ), { addAnnotations: f } = je("formation-markers", v), [_, g] = G(null);
+    ), { addAnnotations: f } = je("formation-markers", v), [_, g] = W(null);
     Fe(m, () => h.current);
-    const b = A(() => new Ii(1, 1, 0.1, n, 1, !1), [n]), T = A(() => new qt(), []);
+    const b = T(() => new Ii(1, 1, 0.1, n, 1, !1), [n]), A = T(() => new qt(), []);
     return E(() => {
       y && v && y(v, e, x, t).then((P) => {
         g(P);
@@ -6845,7 +6845,7 @@ const ba = ({
         position: u,
         data: _,
         geometry: b,
-        material: T,
+        material: A,
         layers: r,
         castShadow: p,
         receiveShadow: c
@@ -6957,12 +6957,12 @@ const Pa = xe(
       time: 0,
       baseRadius: 0,
       lenght: 0
-    }), { id: g, fromMsl: b } = ce(), T = oe(Kr, x), [P, C] = G(null);
+    }), { id: g, fromMsl: b } = ce(), A = oe(Kr, x), [P, C] = W(null);
     Fe(y, () => f.current);
-    const R = A(() => {
+    const R = T(() => {
       const M = new jn(m, h, d);
       return M.translate(0, h / 2, 0), M;
-    }, [m, h, d]), I = A(() => l || new We({
+    }, [m, h, d]), I = T(() => l || new Ge({
       uniforms: {
         uTime: new S(0),
         uRadius: new S(0),
@@ -6972,19 +6972,19 @@ const Pa = xe(
       fragmentShader: Xr,
       depthTest: !0,
       depthWrite: !1,
-      blending: Wn,
+      blending: Gn,
       transparent: !0
-    }), [l]), D = A(() => c || ((M, k) => {
-      const O = k;
+    }), [l]), D = T(() => c || ((M, U) => {
+      const O = U;
       O.uniforms.uTime.value = M.time, O.uniforms.uRadius.value = M.baseRadius, O.uniforms.uLength.value = M.length;
     }), [c]);
     return E(() => {
       _.current.baseRadius = m, _.current.length = h, D(_.current, I);
     }, [m, h, I, D]), E(() => {
-      T && g && T(g, b, v).then((M) => {
+      A && g && A(g, b, v).then((M) => {
         C(M);
       });
-    }, [T, g, b, v]), Pe(({ clock: M }) => {
+    }, [A, g, b, v]), Pe(({ clock: M }) => {
       _.current.time = M.elapsedTime, D(_.current, I);
     }), /* @__PURE__ */ w("group", { ref: f, children: P && /* @__PURE__ */ w(
       Kt,
@@ -7090,7 +7090,7 @@ const Ca = ({
   onMaterialPropertiesChange: x,
   priority: y = 0
 }) => {
-  const { id: f, segmentsPerMeter: _, simplificationThreshold: g } = ce(), b = N(null), T = N({
+  const { id: f, segmentsPerMeter: _, simplificationThreshold: g } = ce(), b = N(null), A = N({
     color: n,
     opacity: i,
     from: e,
@@ -7099,21 +7099,21 @@ const Ca = ({
   }), P = oe(
     Jr,
     y
-  ), [C, R] = G(null);
+  ), [C, R] = W(null);
   E(() => {
     P && P(f, t, _, g).then(
       (M) => {
         if (M) {
-          const k = Be(M);
-          k.computeBoundingBox(), R((O) => (O && O.dispose(), k));
+          const U = Be(M);
+          U.computeBoundingBox(), R((O) => (O && O.dispose(), U));
         }
       }
     );
   }, [P, f, t, _, g]);
-  const I = A(() => x || ((M, k) => {
-    const O = k;
+  const I = T(() => x || ((M, U) => {
+    const O = U;
     O.uniforms.uColor.value = new Z(M.color), O.uniforms.uFrom.value = M.from, O.uniforms.uTo.value = M.to, O.uniforms.uOpacity.value = M.opacity, O.uniforms.uTime.value = M.time;
-  }), [x]), D = A(() => v || new We({
+  }), [x]), D = T(() => v || new Ge({
     transparent: !0,
     side: ge,
     vertexShader: es,
@@ -7127,9 +7127,9 @@ const Ca = ({
     }
   }), [v]);
   return E(() => {
-    T.current.color = n, T.current.opacity = i, T.current.from = e, T.current.to = o, I(T.current, D);
+    A.current.color = n, A.current.opacity = i, A.current.from = e, A.current.to = o, I(A.current, D);
   }, [e, o, i, n, D, I]), Pe(({ clock: M }) => {
-    T.current.time = M.getElapsedTime(), I(T.current, D);
+    A.current.time = M.getElapsedTime(), I(A.current, D);
   }), C ? /* @__PURE__ */ w(
     "group",
     {
@@ -7168,29 +7168,29 @@ const Ca = ({
     color: p = "#ffbb00",
     priority: c = 0
   }, d) => {
-    const m = N(null), { id: h, fromMsl: v } = ce(), x = oe(ts, c), { addAnnotations: y } = je("shoes", h), [f, _] = G(null);
+    const m = N(null), { id: h, fromMsl: v } = ce(), x = oe(ts, c), { addAnnotations: y } = je("shoes", h), [f, _] = W(null);
     Fe(d, () => m.current);
-    const g = A(() => {
-      const T = new jn(1, 2, l || 16, 1, !1);
-      return T.translate(0, 1, 0), T;
-    }, [l]), b = A(() => {
-      const T = new qt();
-      return T.color.set(p), T;
+    const g = T(() => {
+      const A = new jn(1, 2, l || 16, 1, !1);
+      return A.translate(0, 1, 0), A;
+    }, [l]), b = T(() => {
+      const A = new qt();
+      return A.color.set(p), A;
     }, [p]);
     return E(() => {
-      x && h && x(h, v, r).then((T) => {
-        _(T);
+      x && h && x(h, v, r).then((A) => {
+        _(A);
       });
     }, [x, h, v, r]), E(() => {
       if (f) {
-        const T = f.data.map((P, C) => (Rn.fromArray(f.transformations, C * 16), En.setFromMatrixPosition(Rn), {
+        const A = f.data.map((P, C) => (Rn.fromArray(f.transformations, C * 16), En.setFromMatrixPosition(Rn), {
           id: P.id,
           name: P.name,
           position: En.toArray(),
           matrixWorld: m.current?.matrixWorld,
           direction: P.direction
         }));
-        return y(T);
+        return y(A);
       }
     }, [f, y]), /* @__PURE__ */ w("group", { ref: m, children: f && f.transformations.length && /* @__PURE__ */ w(
       Kt,
@@ -7230,10 +7230,10 @@ const Ca = ({
   const { id: x, fromMsl: y, segmentsPerMeter: f, simplificationThreshold: _ } = ce(), g = oe(
     ns,
     v
-  ), [b, T] = G(null), P = A(() => c || ((R, I) => {
+  ), [b, A] = W(null), P = T(() => c || ((R, I) => {
     const D = I;
     D.color = new Z(R.color);
-  }), [c]), C = A(() => p || new qt(), [p]);
+  }), [c]), C = T(() => p || new qt(), [p]);
   return E(() => {
     P(
       {
@@ -7252,7 +7252,7 @@ const Ca = ({
       h
     ).then((R) => {
       let I = null;
-      R && (I = Be(R)), T((D) => (D && D.dispose(), I));
+      R && (I = Be(R)), A((D) => (D && D.dispose(), I));
     });
   }, [
     g,
@@ -7293,7 +7293,7 @@ const Ca = ({
   emitterThreshold: p = 3,
   children: c
 }) => {
-  const d = N(null), m = A(() => ({
+  const d = N(null), m = T(() => ({
     id: n,
     fromMsl: t,
     segmentsPerMeter: e,
@@ -7346,7 +7346,7 @@ const Ca = ({
   priority: i = 0,
   children: s
 }) => {
-  const u = N(null), a = oe(os, i), [l, r] = G(null), p = A(
+  const u = N(null), a = oe(os, i), [l, r] = W(null), p = T(
     () => ({ current: 1 / 0 }),
     []
   ), c = re(
@@ -7555,9 +7555,9 @@ const Ia = ({
   const { id: y, fromMsl: f, segmentsPerMeter: _, simplificationThreshold: g } = ce(), b = oe(
     rs,
     x
-  ), [T, P] = G(null), C = A(
-    () => Ue.merge([
-      Ue.clone(Vt.basic.uniforms),
+  ), [A, P] = W(null), C = T(
+    () => ke.merge([
+      ke.clone(Vt.basic.uniforms),
       {
         opacity: new S(1)
       }
@@ -7596,7 +7596,7 @@ const Ia = ({
     v,
     m,
     d
-  ]), T ? /* @__PURE__ */ w(
+  ]), A ? /* @__PURE__ */ w(
     "mesh",
     {
       name: n,
@@ -7607,7 +7607,7 @@ const Ia = ({
       receiveShadow: s,
       visible: l,
       layers: a,
-      geometry: T,
+      geometry: A,
       children: /* @__PURE__ */ w(
         "shaderMaterial",
         {
@@ -7649,7 +7649,7 @@ const Ia = ({
   position: e = "bottom",
   priority: o = 0
 }) => {
-  const { id: i, fromMsl: s } = ce(), u = N(null), a = oe(ls, o), { addAnnotations: l } = je("wellbore-labels", i), [r, p] = G(null);
+  const { id: i, fromMsl: s } = ce(), u = N(null), a = oe(ls, o), { addAnnotations: l } = je("wellbore-labels", i), [r, p] = W(null);
   return E(() => {
     a && i && a(i, e, s).then((c) => {
       if (c && c.length === 1 && u.current) {
@@ -7680,13 +7680,13 @@ function cs(n, t, e, o) {
     new le(r, 3, 11)
   ), p;
 }
-const ka = ({ children: n }) => {
-  const t = it(), { id: e, fromMsl: o, segmentsPerMeter: i, simplificationThreshold: s } = ce(), [u, a] = G(null), [l, r] = G([0, -1, 0]), p = A(() => u ? cs(
+const Ua = ({ children: n }) => {
+  const t = it(), { id: e, fromMsl: o, segmentsPerMeter: i, simplificationThreshold: s } = ce(), [u, a] = W(null), [l, r] = W([0, -1, 0]), p = T(() => u ? cs(
     u,
     i,
     s,
     o
-  ) : null, [u, i, s, o]), c = A(() => u && p ? {
+  ) : null, [u, i, s, o]), c = T(() => u && p ? {
     trajectory: u,
     direction: l,
     geometry: p
@@ -8042,13 +8042,13 @@ void main() {
 
   #include <logdepthbuf_vertex>
 }`;
-const Ua = ({
+const ka = ({
   width: n,
   offset: t,
   formationData: e,
   level: o
 }) => {
-  const i = ie(Xt), s = ie(ot), [u, a] = G(null), l = A(() => ({
+  const i = ie(Xt), s = ie(ot), [u, a] = W(null), l = T(() => ({
     size: new S(new pe()),
     direction: new S(new X(0, -1, 0)),
     startDepth: new S(0),
@@ -8347,7 +8347,7 @@ const Oa = ({
   offset: t,
   stepSize: e = 50
 }) => {
-  const o = ie(Xt), i = ie(ot), s = A(() => ({
+  const o = ie(Xt), i = ie(ot), s = T(() => ({
     direction: new S(new X(0, -1, 0)),
     width: new S(20),
     offset: new S(0),
@@ -8458,7 +8458,7 @@ void main() {
 	#include <worldpos_vertex>
 	#include <fog_vertex>
 }`;
-const Ga = ({
+const Wa = ({
   id: n,
   opacity: t = 1,
   stepSize: e = 3,
@@ -8481,10 +8481,10 @@ const Ga = ({
   onPointerLeave: _,
   onPointerMove: g
 }) => {
-  const b = N(null), [T, P] = G(null), [C, R] = G(null), [I, D] = G([-1, 1]), M = oe(
+  const b = N(null), [A, P] = W(null), [C, R] = W(null), [I, D] = W([-1, 1]), M = oe(
     ds,
     l
-  ), k = A(
+  ), U = T(
     () => ({
       opacity: new S(1),
       data: new S(null),
@@ -8495,7 +8495,7 @@ const Ga = ({
       colorRampIndex: new S(6)
     }),
     []
-  ), O = A(
+  ), O = T(
     () => Math.max(Math.abs(I[0]), Math.abs(I[1])),
     [I]
   );
@@ -8512,24 +8512,24 @@ const Ga = ({
             In,
             jt
           );
-          B.anisotropy = 4, B.magFilter = ke, B.minFilter = ke, B.flipY = !0, B.needsUpdate = !0, D([z.data.min, z.data.max]), R((j) => (j && j.dispose(), B));
+          B.anisotropy = 4, B.magFilter = Ue, B.minFilter = Ue, B.flipY = !0, B.needsUpdate = !0, D([z.data.min, z.data.max]), R((j) => (j && j.dispose(), B));
         }
       }
     );
   }, [M, n, e, i, o, a]);
-  const $ = A(() => Ve(se.NOT_EMITTER), []);
+  const $ = T(() => Ve(se.NOT_EMITTER), []);
   E(() => {
-    k.data.value = C, k.opacity.value = t;
-  }, [k, t, C]), E(() => {
+    U.data.value = C, U.opacity.value = t;
+  }, [U, t, C]), E(() => {
     const z = O + O * s;
-    k.colorRampMin.value = -z, k.colorRampMax.value = z, k.colorRampIndex.value = u;
-  }, [k, O, s, u]);
-  const W = _t();
+    U.colorRampMin.value = -z, U.colorRampMax.value = z, U.colorRampIndex.value = u;
+  }, [U, O, s, u]);
+  const G = _t();
   return E(() => {
     let z = null;
-    if (W && b.current) {
+    if (G && b.current) {
       const L = {};
-      y && (L.click = y), f && (L.enter = f), _ && (L.leave = _), g && (L.move = g), Object.keys(L).length && (z = W.register({
+      y && (L.click = y), f && (L.enter = f), _ && (L.leave = _), g && (L.move = g), Object.keys(L).length && (z = G.register({
         object: b.current,
         handlers: L,
         ref: n
@@ -8539,7 +8539,7 @@ const Ga = ({
       z && z();
     };
   }, [
-    W,
+    G,
     y,
     f,
     _,
@@ -8554,19 +8554,19 @@ const Ga = ({
       renderOrder: v,
       position: h,
       userData: p,
-      children: T && /* @__PURE__ */ w(
+      children: A && /* @__PURE__ */ w(
         "mesh",
         {
           castShadow: d,
           receiveShadow: c,
-          geometry: T,
+          geometry: A,
           layers: m || $,
           children: /* @__PURE__ */ w(
             "shaderMaterial",
             {
               vertexShader: ms,
               fragmentShader: ps,
-              uniforms: k,
+              uniforms: U,
               side: ge,
               transparent: t < 1,
               opacity: t
@@ -8593,7 +8593,7 @@ function hs(n, t, e) {
     u = { ...u, ...c };
   }), u;
 }
-const Wa = xe(
+const Ga = xe(
   ({
     wellbores: n,
     included: t = n.map((u) => u.id),
@@ -8601,20 +8601,20 @@ const Wa = xe(
     renderWellbore: o,
     children: i
   }, s) => {
-    const u = A(
+    const u = T(
       () => n.reduce(
         (p, c) => ({ ...p, [c.id]: c }),
         {}
       ),
       [n]
-    ), a = A(
+    ), a = T(
       () => hs(n, t, e),
       [n, t, e]
-    ), l = A(() => {
+    ), l = T(() => {
       if (!e) return null;
       const p = n.find((c) => c.id === e);
       return p ? p.well : null;
-    }, [e, n]), r = A(() => ({
+    }, [e, n]), r = T(() => ({
       getHeader: (c) => u[c]
     }), [u]);
     return Fe(s, () => r, [r]), a && /* @__PURE__ */ H(Oe, { children: [
@@ -8634,7 +8634,7 @@ function vs(n) {
   return !!n[Yt];
 }
 const Fa = ({ store: n, children: t }) => {
-  const e = A(() => vs(n), [n]), o = re(() => n, [n]), i = re(() => e ? n[Yt]() : Promise.reject("Unable to connect to store!"), [n, e]);
+  const e = T(() => vs(n), [n]), o = re(() => n, [n]), i = re(() => e ? n[Yt]() : Promise.reject("Unable to connect to store!"), [n, e]);
   return /* @__PURE__ */ w(Mt.Provider, { value: { isRemote: e, connect: o, connectByMessagePort: i }, children: t });
 };
 function gs(n) {
@@ -8646,7 +8646,7 @@ const Ba = ({
   signal: e,
   children: o
 }) => {
-  const [i, s] = G(!1), u = N(new so({ concurrency: t })), a = N(!1), l = ie(Mt), r = A(() => gs(n), [n]), p = A(() => ({ invoke: async (d, m, h) => a.current ? Promise.reject("aborted") : u.current.add(
+  const [i, s] = W(!1), u = N(new so({ concurrency: t })), a = N(!1), l = ie(Mt), r = T(() => gs(n), [n]), p = T(() => ({ invoke: async (d, m, h) => a.current ? Promise.reject("aborted") : u.current.add(
     () => a.current ? Promise.reject("aborted") : n.invoke(d, ...h),
     { priority: m }
   ) }), [n]);
@@ -8668,7 +8668,7 @@ const Ba = ({
         });
       else {
         const c = l.connect();
-        c && (n.setStore(r ? Gi(c) : c), s(!0));
+        c && (n.setStore(r ? Wi(c) : c), s(!0));
       }
   }, [l, n, r]), E(() => {
     if (e && !e.aborted) {
@@ -8700,14 +8700,14 @@ const Ha = ({
   children: e
 }) => {
   const o = Ki(n, (a) => {
-    a.generateMipmaps = !1, a.magFilter = ke, a.minFilter = ke, a.flipY = !0;
-  }), [i, s] = G(null);
+    a.generateMipmaps = !1, a.magFilter = Ue, a.minFilter = Ue, a.flipY = !0;
+  }), [i, s] = W(null);
   E(() => {
     xs(`${t}`).then((a) => {
       s(io(a));
     }).catch((a) => console.error(a));
   }, [t]);
-  const u = A(() => i ? {
+  const u = T(() => i ? {
     glyphAtlas: o,
     encodeText: (a) => i.encodeText(a),
     encodeTextTexture: (a) => i.encodeTextTexture(a),
@@ -8749,9 +8749,9 @@ export {
   ei as DistanceContext,
   Js as EventEmitter,
   ti as EventEmitterContext,
-  Ta as FormationMarkerLabel,
-  Aa as FormationMarkers,
-  Ua as FormationsStripe,
+  Aa as FormationMarkerLabel,
+  Ta as FormationMarkers,
+  ka as FormationsStripe,
   Jn as FullscreenRenderer,
   si as GeneratorsContext,
   Ba as GeneratorsProvider,
@@ -8773,7 +8773,7 @@ export {
   gn as PickingHelper,
   go as RenderPass,
   fa as SDFTest,
-  An as ScreenMaterial,
+  Tn as ScreenMaterial,
   Sa as Shoes,
   da as Surface,
   Dr as SurfaceMaterial,
@@ -8797,17 +8797,17 @@ export {
   Ia as WellboreFormationColumn,
   Da as WellboreLabel,
   $i as WellboreRemovedEvent,
-  ka as WellboreRibbon,
+  Ua as WellboreRibbon,
   Xt as WellboreRibbonContext,
-  Ga as WellboreSeismicSection,
+  Wa as WellboreSeismicSection,
   qa as WellboreSelectedEvent,
-  Wa as Wells,
+  Ga as Wells,
   ha as Wgs84Position,
-  kr as basicTrajectory,
+  Ur as basicTrajectory,
   tn as cameraFocusAtPointEventType,
   en as cameraSetPositionEventType,
   Nr as casingAnnotations,
-  Ur as casings,
+  kr as casings,
   Cr as colorRampInterpolators,
   he as colorRampTexture,
   Sr as colorRamps,