@mirage-engine/core 0.3.21 → 0.3.22

package/dist/mirage-engine.js

@@ -1,47 +1,47 @@
-var Ve = Object.defineProperty, Ye = Object.defineProperties;
-var We = Object.getOwnPropertyDescriptors;
-var Re = Object.getOwnPropertySymbols;
-var Pe = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable;
-var xe = (i, e, t) => e in i ? Ve(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, re = (i, e) => {
-  for (var t in e || (e = {}))
-    Pe.call(e, t) && xe(i, t, e[t]);
-  if (Re)
-    for (var t of Re(e))
-      He.call(e, t) && xe(i, t, e[t]);
-  return i;
-}, Me = (i, e) => Ye(i, We(e));
-var p = (i, e, t) => (xe(i, typeof e != "symbol" ? e + "" : e, t), t);
-var Le = (i, e, t) => new Promise((r, s) => {
-  var c = (l) => {
+var le = Object.defineProperty, he = Object.defineProperties;
+var Ce = Object.getOwnPropertyDescriptors;
+var qA = Object.getOwnPropertySymbols;
+var Be = Object.prototype.hasOwnProperty, Ee = Object.prototype.propertyIsEnumerable;
+var RA = (t, A, e) => A in t ? le(t, A, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[A] = e, oA = (t, A) => {
+  for (var e in A || (A = {}))
+    Be.call(A, e) && RA(t, e, A[e]);
+  if (qA)
+    for (var e of qA(A))
+      Ee.call(A, e) && RA(t, e, A[e]);
+  return t;
+}, jA = (t, A) => he(t, Ce(A));
+var h = (t, A, e) => (RA(t, typeof A != "symbol" ? A + "" : A, e), e);
+var aA = (t, A, e) => new Promise((s, r) => {
+  var o = (n) => {
     try {
-      n(t.next(l));
+      g(e.next(n));
     } catch (a) {
-      s(a);
+      r(a);
     }
-  }, o = (l) => {
+  }, i = (n) => {
     try {
-      n(t.throw(l));
+      g(e.throw(n));
     } catch (a) {
-      s(a);
+      r(a);
     }
-  }, n = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(c, o);
-  n((t = t.apply(i, e)).next());
+  }, g = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(o, i);
+  g((e = e.apply(t, A)).next());
 });
-import * as w from "three";
-const Be = {
+import * as d from "three";
+const tA = 5, LA = 0, pA = 1, mA = 2, te = 3, ie = 4, re = {
   INCLUDE_TREE: "include-tree",
   EXCLUDE_TREE: "exclude-tree",
   INCLUDE_SELF: "include-self",
   EXCLUDE_SELF: "exclude-self",
   END: "end"
-}, te = {
+}, eA = {
   NAME: "data-mirage-dom",
   KEY: "mirageDom",
   VALUES: {
     HIDE: "hide",
     SHOW: "show"
   }
-}, De = {
+}, VA = {
   TRAVELER: "traveler",
   NATIVE: "native",
   CAPTURE_1: "1",
@@ -54,78 +54,78 @@ const Be = {
   CAPTURE_8: "8",
   CAPTURE_9: "9",
   CAPTURE_10: "10"
-}, V = {
+}, X = {
   NAME: "data-mirage-travel",
   KEY: "mirageTravel",
-  VALUES: De,
-  MAX_LAYERS: Object.keys(De).length - 1
+  VALUES: VA,
+  MAX_LAYERS: Object.keys(VA).length - 1
 }, q = {
   NAME: "data-mirage-filter",
   KEY: "mirageFilter",
-  VALUES: Be
-}, j = {
+  VALUES: re
+}, Z = {
   NAME: "data-mirage-select",
   KEY: "mirageSelect",
-  VALUES: Be
-}, Ge = {
+  VALUES: re
+}, de = {
   NAME: "data-mirage-shader",
   KEY: "mirageShader"
-}, gt = {
+}, qe = {
   NAME: "data-mirage-sandwich",
   KEY: "mirageSandwich",
   VALUES: {
     FRONT: "front"
   }
-}, pe = 0, ie = 1, fe = 2, qe = 4, me = 8, Se = 16;
-function $e(i) {
-  const e = i.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
-  return e ? {
-    r: parseInt(e[1]) / 255,
-    g: parseInt(e[2]) / 255,
-    b: parseInt(e[3]) / 255,
-    a: e[4] !== void 0 ? parseFloat(e[4]) : 1
+}, DA = 0, nA = 1, fA = 2, Qe = 4, SA = 8, TA = 16;
+function ue(t) {
+  const A = t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
+  return A ? {
+    r: parseInt(A[1]) / 255,
+    g: parseInt(A[2]) / 255,
+    b: parseInt(A[3]) / 255,
+    a: A[4] !== void 0 ? parseFloat(A[4]) : 1
   } : { r: 1, g: 1, b: 1, a: 1 };
 }
-function je(i) {
-  const e = {};
-  if (i.opacity && (e.opacity = parseFloat(i.opacity)), i.backgroundColor) {
-    const t = $e(i.backgroundColor);
-    e.backgroundColor = [t.r, t.g, t.b, t.a];
+function fe(t) {
+  const A = {};
+  if (t.opacity && (A.opacity = parseFloat(t.opacity)), t.backgroundColor) {
+    const e = ue(t.backgroundColor);
+    A.backgroundColor = [e.r, e.g, e.b, e.a];
   }
-  if (i.backgroundImage ? e.backgroundImage = i.backgroundImage : i.background && (e.backgroundImage = i.background), i.boxShadow && (e.boxShadow = i.boxShadow), i.borderRadius && (e.borderRadius = parseFloat(i.borderRadius)), i.width && (e.width = parseFloat(i.width)), i.height && (e.height = parseFloat(i.height)), i.transform && i.transform !== "none") {
-    const t = new DOMMatrix(i.transform);
-    e.x = t.m41, e.y = t.m42, e.z = t.m43;
+  if (t.backgroundImage ? A.backgroundImage = t.backgroundImage : t.background && (A.backgroundImage = t.background), t.boxShadow && (A.boxShadow = t.boxShadow), t.borderRadius && (A.borderRadius = parseFloat(t.borderRadius)), t.width && (A.width = parseFloat(t.width)), t.height && (A.height = parseFloat(t.height)), t.transform && t.transform !== "none") {
+    const e = new DOMMatrix(t.transform);
+    A.x = e.m41, A.y = e.m42, A.z = e.m43, A.scaleX = Math.sqrt(e.m11 * e.m11 + e.m12 * e.m12 + e.m13 * e.m13), A.scaleY = Math.sqrt(e.m21 * e.m21 + e.m22 * e.m22 + e.m23 * e.m23), A.scaleZ = Math.sqrt(e.m31 * e.m31 + e.m32 * e.m32 + e.m33 * e.m33);
   }
-  return e;
+  return (t.left || t.right || t.top || t.bottom || t.margin || t.marginLeft || t.marginTop || t.marginRight || t.marginBottom || t.padding || t.paddingLeft || t.paddingTop || t.paddingRight || t.paddingBottom) && (A.layoutChanged = !0), A;
 }
-class Ke {
-  constructor(e, t) {
-    p(this, "target");
-    p(this, "observer");
-    p(this, "pendingDeletions", /* @__PURE__ */ new Set());
-    p(this, "pendingStyles", /* @__PURE__ */ new Map());
-    p(this, "isDomDirty", !1);
-    p(this, "isRunning", !1);
-    p(this, "pendingMask", pe);
-    p(this, "mutationTimer", null);
-    p(this, "cssTimer", null);
-    p(this, "resizeConfig");
-    p(this, "resizeTimer", null);
-    p(this, "isResizing", !1);
-    p(this, "lastScrollX", 0);
-    p(this, "lastScrollY", 0);
-    p(this, "scrollTimer", null);
-    p(this, "onBeforeRender", /* @__PURE__ */ new Set());
-    p(this, "onLayoutChange", /* @__PURE__ */ new Set());
-    p(this, "onStyleChange", /* @__PURE__ */ new Set());
-    p(this, "onScrollChange", /* @__PURE__ */ new Set());
-    p(this, "onRender", /* @__PURE__ */ new Set());
-    p(this, "onTransitionFinished", (e) => {
-      this.target.contains(e.target) && this.mutationTimer === null && (this.cssTimer && clearTimeout(this.cssTimer), this.pendingStyles.size == 0 && (this.pendingMask |= ie | fe, this.cssTimer = window.setTimeout(() => {
+class we {
+  constructor(A, e) {
+    h(this, "target");
+    h(this, "observer");
+    h(this, "pendingDeletions", /* @__PURE__ */ new Set());
+    h(this, "pendingStyles", /* @__PURE__ */ new Map());
+    h(this, "isDomDirty", !1);
+    h(this, "isRunning", !1);
+    h(this, "pendingMask", DA);
+    h(this, "mutationTimer", null);
+    h(this, "cssTimer", null);
+    h(this, "resizeConfig");
+    h(this, "resizeTimer", null);
+    h(this, "isResizing", !1);
+    h(this, "lastScrollX", 0);
+    h(this, "lastScrollY", 0);
+    h(this, "scrollTimer", null);
+    h(this, "onBeforeRender", /* @__PURE__ */ new Set());
+    h(this, "onLayoutChange", /* @__PURE__ */ new Set());
+    h(this, "onStyleChange", /* @__PURE__ */ new Set());
+    h(this, "onScrollChange", /* @__PURE__ */ new Set());
+    h(this, "onRender", /* @__PURE__ */ new Set());
+    h(this, "onTransitionFinished", (A) => {
+      this.target.contains(A.target) && this.mutationTimer === null && (this.cssTimer && clearTimeout(this.cssTimer), this.pendingStyles.size == 0 && (this.pendingMask |= nA | fA, this.cssTimer = window.setTimeout(() => {
         this.isDomDirty = !0, this.cssTimer = null;
       }, 50)));
     });
-    p(this, "onWindowResize", () => {
+    h(this, "onWindowResize", () => {
       if (!this.resizeConfig.enabled) {
         this.isDomDirty = !0;
         return;
@@ -134,41 +134,41 @@ class Ke {
         this.isDomDirty = !0, this.resizeConfig.onEnd && this.resizeConfig.onEnd(), this.isResizing = !1, this.resizeTimer = null;
       }, this.resizeConfig.delay);
     });
-    p(this, "renderLoop", () => {
+    h(this, "renderLoop", () => {
       if (!this.isRunning)
         return;
-      this.onBeforeRender.forEach((r) => r()), this.isDomDirty && (this.isDomDirty = !1, this.onLayoutChange.forEach((r) => r(this.pendingMask, this.pendingDeletions)), this.pendingDeletions.clear(), this.pendingMask = pe);
-      const e = window.scrollX, t = window.scrollY;
-      (e !== this.lastScrollX || t !== this.lastScrollY) && (this.onScrollChange.forEach((r) => r(e, t)), this.lastScrollX = e, this.lastScrollY = t, this.scrollTimer && clearTimeout(this.scrollTimer), this.scrollTimer = window.setTimeout(() => {
-        this.pendingMask |= ie, this.isDomDirty = !0, this.scrollTimer = null;
-      }, 150)), this.pendingStyles.size > 0 && (this.onStyleChange.forEach((r) => r(this.pendingStyles)), this.pendingStyles.clear()), this.onRender.forEach((r) => r()), requestAnimationFrame(this.renderLoop);
+      this.onBeforeRender.forEach((s) => s()), this.isDomDirty && (this.isDomDirty = !1, this.onLayoutChange.forEach((s) => s(this.pendingMask, this.pendingDeletions)), this.pendingDeletions.clear(), this.pendingMask = DA);
+      const A = window.scrollX, e = window.scrollY;
+      (A !== this.lastScrollX || e !== this.lastScrollY) && (this.onScrollChange.forEach((s) => s(A, e)), this.lastScrollX = A, this.lastScrollY = e, this.scrollTimer && clearTimeout(this.scrollTimer), this.scrollTimer = window.setTimeout(() => {
+        this.pendingMask |= nA, this.isDomDirty = !0, this.scrollTimer = null;
+      }, 150)), this.pendingStyles.size > 0 && (this.onStyleChange.forEach((s) => s(this.pendingStyles)), this.pendingStyles.clear()), this.onRender.forEach((s) => s()), requestAnimationFrame(this.renderLoop);
     });
-    var s, c;
-    this.target = e;
-    const r = (s = t.resizeDebounce) != null ? s : !0;
-    r === !1 ? this.resizeConfig = { enabled: !1, delay: 0 } : r === !0 ? this.resizeConfig = { enabled: !0, delay: 150 } : this.resizeConfig = {
+    var r, o;
+    this.target = A;
+    const s = (r = e.resizeDebounce) != null ? r : !0;
+    s === !1 ? this.resizeConfig = { enabled: !1, delay: 0 } : s === !0 ? this.resizeConfig = { enabled: !0, delay: 150 } : this.resizeConfig = {
       enabled: !0,
-      delay: (c = r.delay) != null ? c : 150,
-      onStart: r.onStart,
-      onEnd: r.onEnd
-    }, this.observer = new MutationObserver((o) => {
-      let n = pe;
-      for (const l of o)
-        if (l.type === "childList")
-          n |= me, l.removedNodes.length > 0 && l.removedNodes.forEach((a) => {
+      delay: (o = s.delay) != null ? o : 150,
+      onStart: s.onStart,
+      onEnd: s.onEnd
+    }, this.observer = new MutationObserver((i) => {
+      let g = DA;
+      for (const n of i)
+        if (n.type === "childList")
+          g |= SA, n.removedNodes.length > 0 && n.removedNodes.forEach((a) => {
             a instanceof HTMLElement && this.pendingDeletions.add(a);
           });
-        else if (l.type === "attributes")
-          if (l.attributeName === "style") {
-            n |= ie | fe;
-            const a = l.target, u = je(a.style);
-            this.pendingStyles.set(a, u);
+        else if (n.type === "attributes")
+          if (n.attributeName === "style") {
+            g |= nA | fA;
+            const a = n.target, I = fe(a.style);
+            this.pendingStyles.set(a, I);
           } else
-            l.attributeName === "class" ? n |= ie | fe : l.attributeName && l.attributeName.startsWith("data-") && (n |= ie | fe, l.attributeName.startsWith("data-mirage") && (n |= me));
+            n.attributeName === "class" ? g |= nA | fA : n.attributeName && n.attributeName.startsWith("data-") && (g |= nA | fA, n.attributeName.startsWith("data-mirage") && (g |= SA));
         else
-          l.type === "characterData" && (n |= Se | ie);
-      if (n !== pe) {
-        if (this.pendingMask |= n, n & me) {
+          n.type === "characterData" && (g |= TA | nA);
+      if (g !== DA) {
+        if (this.pendingMask |= g, g & SA) {
           this.clearTimers(), this.isDomDirty = !0;
           return;
         }
@@ -193,187 +193,187 @@ class Ke {
     this.mutationTimer && (clearTimeout(this.mutationTimer), this.mutationTimer = null), this.cssTimer && (clearTimeout(this.cssTimer), this.cssTimer = null), this.scrollTimer && (clearTimeout(this.scrollTimer), this.scrollTimer = null);
   }
 }
-const $ = 1, ne = 2, pt = 0, O = {
+const j = 1, lA = 2, je = 0, L = {
   BASE: 0,
   SELECTED: 1,
-  getCaptureLayer: (i) => 31 - i,
+  getCaptureLayer: (t) => 31 - t,
   HIDDEN: 31
-}, Ae = Object.values(q.VALUES);
-class Fe {
+}, ZA = Object.values(q.VALUES);
+class se {
   /**
    * Calculates or retrieves the exact alphabetic baseline (in pixels) for the given font.
    * @param font CSS font shorthand string (e.g., "400 16px Inter")
    * @returns Baseline Y offset in pixels
    */
-  static getBaseline(e) {
-    if (this.cache.has(e))
-      return this.cache.get(e);
-    const t = this.calculateBaselineFromDOM(e);
-    return this.cache.set(e, t), t;
+  static getBaseline(A) {
+    if (this.cache.has(A))
+      return this.cache.get(A);
+    const e = this.calculateBaselineFromDOM(A);
+    return this.cache.set(A, e), e;
   }
-  static calculateBaselineFromDOM(e) {
+  static calculateBaselineFromDOM(A) {
     if (typeof document == "undefined")
       return 0;
-    const t = document.createElement("div"), r = document.createElement("span"), s = document.createElement("img");
-    t.style.visibility = "hidden", t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.font = e, t.style.margin = "0", t.style.padding = "0", t.style.border = "none", r.style.margin = "0", r.style.padding = "0", r.style.border = "none", r.style.lineHeight = "normal", s.width = 1, s.height = 1, s.style.verticalAlign = "baseline", r.appendChild(document.createTextNode("Hidden Text")), t.appendChild(r), t.appendChild(s), document.body.appendChild(t);
-    const c = s.offsetTop - r.offsetTop;
-    return document.body.removeChild(t), c;
+    const e = document.createElement("div"), s = document.createElement("span"), r = document.createElement("img");
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.top = "0px", e.style.left = "0px", e.style.font = A, e.style.margin = "0", e.style.padding = "0", e.style.border = "none", s.style.margin = "0", s.style.padding = "0", s.style.border = "none", s.style.lineHeight = "normal", r.width = 1, r.height = 1, r.style.verticalAlign = "baseline", s.appendChild(document.createTextNode("Hidden Text")), e.appendChild(s), e.appendChild(r), document.body.appendChild(e);
+    const o = r.offsetTop - s.offsetTop;
+    return document.body.removeChild(e), o;
   }
 }
-p(Fe, "cache", /* @__PURE__ */ new Map());
-class Je extends w.MeshBasicMaterial {
-  constructor(t, r, s, c, o = 2) {
+h(se, "cache", /* @__PURE__ */ new Map());
+class pe extends d.MeshBasicMaterial {
+  constructor(e, s, r, o, i = 2) {
     super({
       transparent: !0,
-      side: w.FrontSide,
+      side: d.FrontSide,
       color: 16777215
     });
-    p(this, "canvas");
-    p(this, "ctx");
-    p(this, "qualityFactor");
+    h(this, "canvas");
+    h(this, "ctx");
+    h(this, "qualityFactor");
     if (this.canvas = document.createElement("canvas"), this.ctx = this.canvas.getContext("2d"), !this.ctx)
       throw new Error("[Mirage] Failed to create canvas context");
-    this.qualityFactor = o, this.map = new w.CanvasTexture(this.canvas), this.map.colorSpace = w.LinearSRGBColorSpace, this.map.minFilter = w.LinearFilter, this.map.magFilter = w.LinearFilter, this.updateText(t, r, s, c);
-  }
-  wrapText(t, r) {
-    const s = t.split(`
-`), c = [];
-    return s.forEach((o) => {
-      const n = o.match(/[^\s\-]+\-?|\-|\s+/g) || [];
-      if (n.length === 0) {
-        c.push("");
+    this.qualityFactor = i, this.map = new d.CanvasTexture(this.canvas), this.map.colorSpace = d.LinearSRGBColorSpace, this.map.minFilter = d.LinearFilter, this.map.magFilter = d.LinearFilter, this.updateText(e, s, r, o);
+  }
+  wrapText(e, s) {
+    const r = e.split(`
+`), o = [];
+    return r.forEach((i) => {
+      const g = i.match(/[^\s\-]+\-?|\-|\s+/g) || [];
+      if (g.length === 0) {
+        o.push("");
         return;
       }
-      let l = n[0];
-      for (let a = 1; a < n.length; a++) {
-        const u = n[a];
-        this.ctx.measureText(l + u).width <= r + 2 ? l += u : (l && c.push(l), l = u.trimStart());
+      let n = g[0];
+      for (let a = 1; a < g.length; a++) {
+        const I = g[a];
+        this.ctx.measureText(n + I).width <= s + 2 ? n += I : (n && o.push(n), n = I.trimStart());
       }
-      l && c.push(l);
-    }), c;
-  }
-  updateText(t, r, s, c, o) {
-    o !== void 0 && (this.qualityFactor = o);
-    const l = (window.devicePixelRatio || 1) * this.qualityFactor, a = s * l, u = c * l;
-    this.canvas.width !== a || this.canvas.height !== u ? (this.canvas.width = a, this.canvas.height = u) : this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.ctx.setTransform(l, 0, 0, l, 0, 0), this.ctx.font = r.font, this.ctx.fillStyle = r.color, this.ctx.textBaseline = "alphabetic", this.ctx.globalAlpha = 1;
-    const h = this.wrapText(t, s), d = r.lineHeight, m = Fe.getBaseline(r.font);
-    h.forEach((g, R) => {
-      const v = R * d + m;
-      let y = 0;
-      r.textAlign === "center" ? y = s / 2 : r.textAlign === "right" && (y = s), this.ctx.textAlign = r.textAlign, this.ctx.fillText(g, y, v);
+      n && o.push(n);
+    }), o;
+  }
+  updateText(e, s, r, o, i) {
+    i !== void 0 && (this.qualityFactor = i);
+    const n = (window.devicePixelRatio || 1) * this.qualityFactor, a = r * n, I = o * n;
+    this.canvas.width !== a || this.canvas.height !== I ? (this.canvas.width = a, this.canvas.height = I) : this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.ctx.setTransform(n, 0, 0, n, 0, 0), this.ctx.font = s.font, this.ctx.fillStyle = s.color, this.ctx.textBaseline = "alphabetic", this.ctx.globalAlpha = 1;
+    const c = this.wrapText(e, r), l = s.lineHeight, B = se.getBaseline(s.font);
+    c.forEach((C, w) => {
+      const Q = w * l + B;
+      let b = 0;
+      s.textAlign === "center" ? b = r / 2 : s.textAlign === "right" && (b = r), this.ctx.textAlign = s.textAlign, this.ctx.fillText(C, b, Q);
     }), this.map && (this.map.needsUpdate = !0);
   }
   dispose() {
     this.map && this.map.dispose(), super.dispose();
   }
 }
-function le(i, e = 0) {
-  if (typeof i == "number")
-    return i;
-  const t = parseFloat(i) || 0;
-  return typeof i == "string" && i.includes("%") ? t / 100 * e : t;
+function hA(t, A = 0) {
+  if (typeof t == "number")
+    return t;
+  const e = parseFloat(t) || 0;
+  return typeof t == "string" && t.includes("%") ? e / 100 * A : e;
 }
-function ce(i) {
-  if (!i || i === "transparent")
-    return { color: new w.Color(16777215), alpha: 0 };
-  const e = i.match(
+function CA(t) {
+  if (!t || t === "transparent")
+    return { color: new d.Color(16777215), alpha: 0 };
+  const A = t.match(
     /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/
   );
-  if (e) {
-    const t = parseInt(e[1], 10), r = parseInt(e[2], 10), s = parseInt(e[3], 10), c = e[4] !== void 0 ? parseFloat(e[4]) : 1;
-    return { color: new w.Color(`rgb(${t}, ${r}, ${s})`), alpha: c };
+  if (A) {
+    const e = parseInt(A[1], 10), s = parseInt(A[2], 10), r = parseInt(A[3], 10), o = A[4] !== void 0 ? parseFloat(A[4]) : 1;
+    return { color: new d.Color(`rgb(${e}, ${s}, ${r})`), alpha: o };
   }
-  return { color: new w.Color(i), alpha: 1 };
+  return { color: new d.Color(t), alpha: 1 };
 }
-function Oe(i) {
-  const e = [];
-  let t = "", r = 0;
-  for (let s = 0; s < i.length; s++) {
-    const c = i[s];
-    if (c === "(")
-      r++;
-    else if (c === ")")
-      r--;
-    else if (c === "," && r === 0) {
-      e.push(t.trim()), t = "";
+function oe(t) {
+  const A = [];
+  let e = "", s = 0;
+  for (let r = 0; r < t.length; r++) {
+    const o = t[r];
+    if (o === "(")
+      s++;
+    else if (o === ")")
+      s--;
+    else if (o === "," && s === 0) {
+      A.push(e.trim()), e = "";
       continue;
     }
-    t += c;
+    e += o;
   }
-  return t && e.push(t.trim()), e;
+  return e && A.push(e.trim()), A;
 }
-function Ze(i) {
-  if (!i || typeof i != "string" || !i.includes("linear-gradient"))
+function me(t) {
+  if (!t || typeof t != "string" || !t.includes("linear-gradient"))
     return null;
-  const e = i.match(/linear-gradient\((.*)\)/);
-  if (!e)
+  const A = t.match(/linear-gradient\((.*)\)/);
+  if (!A)
     return null;
-  const t = e[1], r = Oe(t);
-  let s = Math.PI, c = 0;
-  const o = r[0].trim();
-  if (o.startsWith("to "))
-    o === "to top" ? s = 0 : o === "to right" ? s = Math.PI / 2 : o === "to bottom" ? s = Math.PI : o === "to left" ? s = Math.PI * 1.5 : o === "to top right" || o === "to right top" ? s = Math.PI / 4 : o === "to bottom right" || o === "to right bottom" ? s = Math.PI * 0.75 : o === "to bottom left" || o === "to left bottom" ? s = Math.PI * 1.25 : (o === "to top left" || o === "to left top") && (s = Math.PI * 1.75), c = 1;
-  else if (o.endsWith("deg") || o.endsWith("rad") || o.endsWith("turn")) {
-    const l = parseFloat(o);
-    o.endsWith("deg") ? s = l * (Math.PI / 180) : o.endsWith("rad") ? s = l : o.endsWith("turn") && (s = l * Math.PI * 2), c = 1;
-  }
-  const n = [];
-  for (let l = c; l < r.length && !(n.length >= 8); l++) {
-    const a = r[l].trim(), u = a.lastIndexOf(" ");
-    let h = a, d = null;
-    if (u !== -1 && !a.endsWith(")")) {
-      const g = a.substring(u + 1);
-      (g.endsWith("%") || g.endsWith("px") || !isNaN(parseFloat(g))) && (h = a.substring(0, u).trim(), d = g);
+  const e = A[1], s = oe(e);
+  let r = Math.PI, o = 0;
+  const i = s[0].trim();
+  if (i.startsWith("to "))
+    i === "to top" ? r = 0 : i === "to right" ? r = Math.PI / 2 : i === "to bottom" ? r = Math.PI : i === "to left" ? r = Math.PI * 1.5 : i === "to top right" || i === "to right top" ? r = Math.PI / 4 : i === "to bottom right" || i === "to right bottom" ? r = Math.PI * 0.75 : i === "to bottom left" || i === "to left bottom" ? r = Math.PI * 1.25 : (i === "to top left" || i === "to left top") && (r = Math.PI * 1.75), o = 1;
+  else if (i.endsWith("deg") || i.endsWith("rad") || i.endsWith("turn")) {
+    const n = parseFloat(i);
+    i.endsWith("deg") ? r = n * (Math.PI / 180) : i.endsWith("rad") ? r = n : i.endsWith("turn") && (r = n * Math.PI * 2), o = 1;
+  }
+  const g = [];
+  for (let n = o; n < s.length && !(g.length >= 8); n++) {
+    const a = s[n].trim(), I = a.lastIndexOf(" ");
+    let c = a, l = null;
+    if (I !== -1 && !a.endsWith(")")) {
+      const C = a.substring(I + 1);
+      (C.endsWith("%") || C.endsWith("px") || !isNaN(parseFloat(C))) && (c = a.substring(0, I).trim(), l = C);
     }
-    const m = ce(h);
-    n.push({
-      color: m.color,
-      alpha: m.alpha,
-      rawStop: d,
+    const B = CA(c);
+    g.push({
+      color: B.color,
+      alpha: B.alpha,
+      rawStop: l,
       stop: 0
     });
   }
-  if (n.length > 0) {
-    for (let a = 0; a < n.length; a++)
-      n[a].rawStop !== null && (n[a].stop = parseFloat(n[a].rawStop) / 100);
-    n[0].rawStop === null && (n[0].stop = 0), n.length > 1 && n[n.length - 1].rawStop === null && (n[n.length - 1].stop = 1);
-    let l = 0;
-    for (let a = 1; a < n.length; a++)
-      if (n[a].rawStop !== null || a === n.length - 1) {
-        const u = a - l;
-        if (u > 1) {
-          const h = n[l].stop, m = (n[a].stop - h) / u;
-          for (let g = 1; g < u; g++)
-            n[l + g].stop = h + m * g;
+  if (g.length > 0) {
+    for (let a = 0; a < g.length; a++)
+      g[a].rawStop !== null && (g[a].stop = parseFloat(g[a].rawStop) / 100);
+    g[0].rawStop === null && (g[0].stop = 0), g.length > 1 && g[g.length - 1].rawStop === null && (g[g.length - 1].stop = 1);
+    let n = 0;
+    for (let a = 1; a < g.length; a++)
+      if (g[a].rawStop !== null || a === g.length - 1) {
+        const I = a - n;
+        if (I > 1) {
+          const c = g[n].stop, B = (g[a].stop - c) / I;
+          for (let C = 1; C < I; C++)
+            g[n + C].stop = c + B * C;
         }
-        l = a;
+        n = a;
       }
   }
-  return { angle: s, stops: n };
+  return { angle: r, stops: g };
 }
-function Qe(i) {
-  if (!i || i === "none")
+function ye(t) {
+  if (!t || t === "none")
     return null;
-  const e = Oe(i);
-  if (e.length === 0)
+  const A = oe(t);
+  if (A.length === 0)
     return null;
-  const t = e[0].trim(), r = /(rgba?\([^)]+\)|#[0-9a-fA-F]+|[a-zA-Z]+)/, s = t.match(r);
-  let c = "transparent", o = t;
-  if (s && s[1] !== "inset") {
-    const m = s[1];
-    (m.startsWith("rgb") || m.startsWith("#") || m === "black" || m === "white" || m === "transparent") && (c = m, o = t.replace(m, "").trim());
-  }
-  o = o.replace("inset", "").trim();
-  const n = o.split(/\s+/).map((m) => parseFloat(m) || 0), l = n[0] || 0, a = n[1] || 0, u = n[2] || 0, h = n[3] || 0, d = ce(c);
-  return { offsetX: l, offsetY: a, blurRadius: u, spreadRadius: h, color: d.color, alpha: d.alpha };
+  const e = A[0].trim(), s = /(rgba?\([^)]+\)|#[0-9a-fA-F]+|[a-zA-Z]+)/, r = e.match(s);
+  let o = "transparent", i = e;
+  if (r && r[1] !== "inset") {
+    const B = r[1];
+    (B.startsWith("rgb") || B.startsWith("#") || B === "black" || B === "white" || B === "transparent") && (o = B, i = e.replace(B, "").trim());
+  }
+  i = i.replace("inset", "").trim();
+  const g = i.split(/\s+/).map((B) => parseFloat(B) || 0), n = g[0] || 0, a = g[1] || 0, I = g[2] || 0, c = g[3] || 0, l = CA(o);
+  return { offsetX: n, offsetY: a, blurRadius: I, spreadRadius: c, color: l.color, alpha: l.alpha };
 }
-const et = `varying vec2 vUv;
+const De = `varying vec2 vUv;
 varying vec4 vScreenPos;
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   vScreenPos = gl_Position;
-}`, tt = `varying vec2 vUv;
+}`, Se = `varying vec2 vUv;
 uniform vec2 uSize;
 uniform vec2 uMeshSize;
 uniform vec4 uShadowColor;
@@ -532,388 +532,395 @@ void main() {
 
   // #include <colorspace_fragment>
 }
-`, rt = `uniform sampler2D uTexture;
+`, ve = `uniform sampler2D uTexture;
 varying vec4 vScreenPos;
 uniform vec2 uTextureRepeat;
-uniform vec2 uTextureOffset;`, it = `vec2 screenUv = (vScreenPos.xy / vScreenPos.w) * 0.5 + 0.5;
+uniform vec2 uTextureOffset;`, be = `vec2 screenUv = (vScreenPos.xy / vScreenPos.w) * 0.5 + 0.5;
 vec2 resultUv = screenUv;
 
-`, st = `vec4 texColor = texture2D(uTexture, resultUv);
-baseColor = blendSrcOver(baseColor, texColor);`, Ie = {
-  vertexShader: et,
-  fragmentShader: tt
-}, ke = {
-  declChunk: rt,
-  uvChunk: it,
-  baseColorChunk: st
+`, Ne = `vec4 texColor = texture2D(uTexture, resultUv);
+baseColor = blendSrcOver(baseColor, texColor);`, PA = {
+  vertexShader: De,
+  fragmentShader: Se
+}, $A = {
+  declChunk: ve,
+  uvChunk: be,
+  baseColorChunk: Ne
 };
-function ot(i, e, t, r = null, s) {
-  var C;
-  const c = r !== null || !!i.imageSrc;
-  let o = "";
-  const n = {};
-  if (s != null && s.uniforms)
-    for (const [b, x] of Object.entries(s.uniforms))
-      typeof x == "number" ? (o += `uniform float ${b};
-`, n[b] = { value: x }) : Array.isArray(x) ? x.length === 2 ? (o += `uniform vec2 ${b};
-`, n[b] = { value: new w.Vector2(...x) }) : x.length === 3 ? (o += `uniform vec3 ${b};
-`, n[b] = { value: new w.Vector3(...x) }) : x.length === 4 && (o += `uniform vec4 ${b};
-`, n[b] = { value: new w.Vector4(...x) }) : x && typeof x == "object" && x.type ? (o += `uniform ${x.type} ${b};
-`, n[b] = x) : (o += `uniform float ${b};
-`, n[b] = { value: x });
-  const l = s !== void 0, a = (c || l ? ke.declChunk : "") + `
-` + o, u = `vec2 screenUv = (vScreenPos.xy / vScreenPos.w) * 0.5 + 0.5;
-`, h = i.isTraveler ? `vec2 resultUv = screenUv;
+function Me(t, A, e, s = null, r) {
+  var U;
+  const o = s !== null || !!t.imageSrc;
+  let i = "";
+  const g = {};
+  if (r != null && r.uniforms)
+    for (const [S, D] of Object.entries(r.uniforms))
+      typeof D == "number" ? (i += `uniform float ${S};
+`, g[S] = { value: D }) : Array.isArray(D) ? D.length === 2 ? (i += `uniform vec2 ${S};
+`, g[S] = { value: new d.Vector2(...D) }) : D.length === 3 ? (i += `uniform vec3 ${S};
+`, g[S] = { value: new d.Vector3(...D) }) : D.length === 4 && (i += `uniform vec4 ${S};
+`, g[S] = { value: new d.Vector4(...D) }) : D && typeof D == "object" && D.type ? (i += `uniform ${D.type} ${S};
+`, g[S] = D) : (i += `uniform float ${S};
+`, g[S] = { value: D });
+  const n = r !== void 0, a = (o || n ? $A.declChunk : "") + `
+` + i, I = `vec2 screenUv = (vScreenPos.xy / vScreenPos.w) * 0.5 + 0.5;
+`, c = t.isTraveler ? `vec2 resultUv = screenUv;
 ` : `vec2 localUv = (p / uSize) + 0.5;
 vec2 resultUv = localUv * uTextureRepeat + uTextureOffset;
-`, d = c || l ? u + h + ((s == null ? void 0 : s.uvModifier) || "") : "", m = c || l ? ke.baseColorChunk : "", g = (s == null ? void 0 : s.colorModifier) || "", R = Ie.fragmentShader.replace("#INJECT_DECLARATIONS", a).replace("#INJECT_UV_MODIFIER", d).replace("#INJECT_BASE_COLOR", m).replace("#INJECT_COLOR_MODIFIER", g), v = ce(i.backgroundColor), y = ce(i.borderColor), E = {
-    uSize: { value: new w.Vector2(e, t) },
-    uMeshSize: { value: new w.Vector2(e, t) },
-    uShadowColor: { value: new w.Vector4(0, 0, 0, 0) },
-    uShadowOffset: { value: new w.Vector2(0, 0) },
+`, l = o || n ? I + c + ((r == null ? void 0 : r.uvModifier) || "") : "", B = o || n ? $A.baseColorChunk : "", C = (r == null ? void 0 : r.colorModifier) || "", w = PA.fragmentShader.replace("#INJECT_DECLARATIONS", a).replace("#INJECT_UV_MODIFIER", l).replace("#INJECT_BASE_COLOR", B).replace("#INJECT_COLOR_MODIFIER", C), Q = CA(t.backgroundColor), b = CA(t.borderColor), f = {
+    uSize: { value: new d.Vector2(A, e) },
+    uMeshSize: { value: new d.Vector2(A, e) },
+    uShadowColor: { value: new d.Vector4(0, 0, 0, 0) },
+    uShadowOffset: { value: new d.Vector2(0, 0) },
     uShadowBlur: { value: 0 },
     uShadowSpread: { value: 0 },
     uBgColor: {
-      value: new w.Vector4(
-        v.color.r,
-        v.color.g,
-        v.color.b,
-        v.alpha
+      value: new d.Vector4(
+        Q.color.r,
+        Q.color.g,
+        Q.color.b,
+        Q.alpha
       )
     },
     uBorderColor: {
-      value: new w.Vector4(
-        y.color.r,
-        y.color.g,
-        y.color.b,
-        y.alpha
+      value: new d.Vector4(
+        b.color.r,
+        b.color.g,
+        b.color.b,
+        b.alpha
       )
     },
-    uBorderRadius: { value: new w.Vector4(0, 0, 0, 0) },
-    uBorderWidth: { value: le(i.borderWidth) },
-    uOpacity: { value: (C = i.opacity) != null ? C : 1 },
+    uBorderRadius: { value: new d.Vector4(0, 0, 0, 0) },
+    uBorderWidth: { value: hA(t.borderWidth) },
+    uOpacity: { value: (U = t.opacity) != null ? U : 1 },
     uTexture: { value: null },
-    uTextureRepeat: { value: new w.Vector2(1, 1) },
-    uTextureOffset: { value: new w.Vector2(0, 0) },
+    uTextureRepeat: { value: new d.Vector2(1, 1) },
+    uTextureOffset: { value: new d.Vector2(0, 0) },
     uGradientCount: { value: 0 },
     uGradientAngle: { value: 0 },
     uGradientColors: {
-      value: Array.from({ length: 8 }, () => new w.Vector4(0, 0, 0, 0))
+      value: Array.from({ length: 8 }, () => new d.Vector4(0, 0, 0, 0))
     },
     uGradientStops: { value: new Float32Array(8) }
   };
-  _e(E.uBorderRadius.value, i.borderRadius, Math.min(e, t)), c && (E.uTexture.value = r);
-  const L = new w.ShaderMaterial({
-    uniforms: re(re({}, E), n),
-    vertexShader: Ie.vertexShader,
-    fragmentShader: R,
+  ae(f.uBorderRadius.value, t.borderRadius, Math.min(A, e)), o && (f.uTexture.value = s);
+  const y = new d.ShaderMaterial({
+    uniforms: oA(oA({}, f), g),
+    vertexShader: PA.vertexShader,
+    fragmentShader: w,
     transparent: !0,
-    side: w.FrontSide
+    side: d.FrontSide
     // for better performance
   });
-  return i.backgroundImage && Ee(L, { backgroundImage: i.backgroundImage }), L;
+  return t.backgroundImage && YA(y, { backgroundImage: t.backgroundImage }), y;
 }
-function at(i, e, t, r, s) {
-  const c = le(e.borderWidth);
-  Ee(i, {
-    width: t,
-    height: r,
-    borderRadius: e.borderRadius,
-    borderWidth: c,
-    backgroundColor: e.backgroundColor,
-    borderColor: e.borderColor,
-    opacity: e.opacity,
-    texture: s,
-    backgroundImage: e.backgroundImage,
-    boxShadow: e.boxShadow
+function Re(t, A, e, s, r) {
+  const o = hA(A.borderWidth);
+  YA(t, {
+    width: e,
+    height: s,
+    borderRadius: A.borderRadius,
+    borderWidth: o,
+    backgroundColor: A.backgroundColor,
+    borderColor: A.borderColor,
+    opacity: A.opacity,
+    texture: r,
+    backgroundImage: A.backgroundImage,
+    boxShadow: A.boxShadow
   });
 }
-function Ee(i, e) {
-  var r, s, c;
-  if (e.boxShadow !== void 0) {
-    const o = Qe(e.boxShadow);
-    o ? (i.uniforms.uShadowColor.value.set(o.color.r, o.color.g, o.color.b, o.alpha), i.uniforms.uShadowOffset.value.set(o.offsetX, o.offsetY), i.uniforms.uShadowBlur.value = o.blurRadius, i.uniforms.uShadowSpread.value = o.spreadRadius, i.userData.shadowPadding = o.blurRadius + o.spreadRadius + Math.max(Math.abs(o.offsetX), Math.abs(o.offsetY))) : (i.uniforms.uShadowColor.value.w = 0, i.userData.shadowPadding = 0);
-  }
-  if (e.width !== void 0 && e.height !== void 0 && i.uniforms.uSize.value.set(e.width, e.height), i.uniforms.uMeshSize) {
-    const o = i.userData.shadowPadding || 0, n = e.width !== void 0 ? e.width : i.uniforms.uSize.value.x, l = e.height !== void 0 ? e.height : i.uniforms.uSize.value.y;
-    i.uniforms.uMeshSize.value.set(n + o * 2, l + o * 2);
-  }
-  if (e.borderRadius !== void 0) {
-    const o = e.width !== void 0 && e.height !== void 0 ? Math.min(e.width, e.height) : Math.min(i.uniforms.uSize.value.x, i.uniforms.uSize.value.y);
-    _e(i.uniforms.uBorderRadius.value, e.borderRadius, o);
-  }
-  if (e.borderWidth !== void 0 && (i.uniforms.uBorderWidth.value = e.borderWidth), e.backgroundColor !== void 0)
-    if (Array.isArray(e.backgroundColor)) {
-      const o = e.backgroundColor[3] !== void 0 ? e.backgroundColor[3] : i.uniforms.uBgColor.value.w;
-      i.uniforms.uBgColor.value.set(
-        e.backgroundColor[0],
-        e.backgroundColor[1],
-        e.backgroundColor[2],
-        o
+function YA(t, A) {
+  var s, r, o;
+  if (A.boxShadow !== void 0) {
+    const i = ye(A.boxShadow);
+    i ? (t.uniforms.uShadowColor.value.set(i.color.r, i.color.g, i.color.b, i.alpha), t.uniforms.uShadowOffset.value.set(i.offsetX, i.offsetY), t.uniforms.uShadowBlur.value = i.blurRadius, t.uniforms.uShadowSpread.value = i.spreadRadius, t.userData.shadowPadding = i.blurRadius + i.spreadRadius + Math.max(Math.abs(i.offsetX), Math.abs(i.offsetY))) : (t.uniforms.uShadowColor.value.w = 0, t.userData.shadowPadding = 0);
+  }
+  if (A.width !== void 0 && A.height !== void 0 && t.uniforms.uSize.value.set(A.width, A.height), t.uniforms.uMeshSize) {
+    const i = t.userData.shadowPadding || 0, g = A.width !== void 0 ? A.width : t.uniforms.uSize.value.x, n = A.height !== void 0 ? A.height : t.uniforms.uSize.value.y;
+    t.uniforms.uMeshSize.value.set(g + i * 2, n + i * 2);
+  }
+  if (A.borderRadius !== void 0) {
+    const i = A.width !== void 0 && A.height !== void 0 ? Math.min(A.width, A.height) : Math.min(t.uniforms.uSize.value.x, t.uniforms.uSize.value.y);
+    ae(t.uniforms.uBorderRadius.value, A.borderRadius, i);
+  }
+  if (A.borderWidth !== void 0 && (t.uniforms.uBorderWidth.value = A.borderWidth), A.backgroundColor !== void 0)
+    if (Array.isArray(A.backgroundColor)) {
+      const i = A.backgroundColor[3] !== void 0 ? A.backgroundColor[3] : t.uniforms.uBgColor.value.w;
+      t.uniforms.uBgColor.value.set(
+        A.backgroundColor[0],
+        A.backgroundColor[1],
+        A.backgroundColor[2],
+        i
       );
-    } else if (typeof e.backgroundColor == "string") {
-      const o = ce(e.backgroundColor);
-      i.uniforms.uBgColor.value.set(
-        o.color.r,
-        o.color.g,
-        o.color.b,
-        o.alpha
+    } else if (typeof A.backgroundColor == "string") {
+      const i = CA(A.backgroundColor);
+      t.uniforms.uBgColor.value.set(
+        i.color.r,
+        i.color.g,
+        i.color.b,
+        i.alpha
       );
     } else {
-      const o = i.uniforms.uBgColor.value.w;
-      i.uniforms.uBgColor.value.set(
-        e.backgroundColor.r,
-        e.backgroundColor.g,
-        e.backgroundColor.b,
-        o
+      const i = t.uniforms.uBgColor.value.w;
+      t.uniforms.uBgColor.value.set(
+        A.backgroundColor.r,
+        A.backgroundColor.g,
+        A.backgroundColor.b,
+        i
       );
     }
-  if (e.borderColor !== void 0)
-    if (Array.isArray(e.borderColor)) {
-      const o = i.uniforms.uBorderColor.value.w;
-      i.uniforms.uBorderColor.value.set(
-        e.borderColor[0],
-        e.borderColor[1],
-        e.borderColor[2],
-        o
+  if (A.borderColor !== void 0)
+    if (Array.isArray(A.borderColor)) {
+      const i = t.uniforms.uBorderColor.value.w;
+      t.uniforms.uBorderColor.value.set(
+        A.borderColor[0],
+        A.borderColor[1],
+        A.borderColor[2],
+        i
       );
-    } else if (typeof e.borderColor == "string") {
-      const o = ce(e.borderColor);
-      i.uniforms.uBorderColor.value.set(
-        o.color.r,
-        o.color.g,
-        o.color.b,
-        o.alpha
+    } else if (typeof A.borderColor == "string") {
+      const i = CA(A.borderColor);
+      t.uniforms.uBorderColor.value.set(
+        i.color.r,
+        i.color.g,
+        i.color.b,
+        i.alpha
       );
     } else {
-      const o = i.uniforms.uBorderColor.value.w;
-      i.uniforms.uBorderColor.value.set(
-        e.borderColor.r,
-        e.borderColor.g,
-        e.borderColor.b,
-        o
+      const i = t.uniforms.uBorderColor.value.w;
+      t.uniforms.uBorderColor.value.set(
+        A.borderColor.r,
+        A.borderColor.g,
+        A.borderColor.b,
+        i
       );
     }
-  e.opacity !== void 0 && (i.uniforms.uOpacity.value = e.opacity), e.bgOpacity !== void 0 && (i.uniforms.uBgColor.value.w = e.bgOpacity), e.borderOpacity !== void 0 && (i.uniforms.uBorderColor.value.w = e.borderOpacity), i.uniforms.uTexture && e.texture !== void 0 && (i.uniforms.uTexture.value = e.texture);
-  const t = e.texture !== void 0 ? e.texture : (r = i.uniforms.uTexture) == null ? void 0 : r.value;
-  if (t && (t.image instanceof ImageBitmap || t.image instanceof HTMLImageElement || t.image instanceof HTMLCanvasElement)) {
-    const o = t.image.naturalWidth || t.image.videoWidth || t.image.width, n = t.image.naturalHeight || t.image.videoHeight || t.image.height, l = (s = e.width) != null ? s : i.uniforms.uSize.value.x, a = (c = e.height) != null ? c : i.uniforms.uSize.value.y;
-    if (o && n && l && a) {
-      const u = o / n, h = l / a;
-      if (u > h) {
-        const d = h / u;
-        i.uniforms.uTextureRepeat.value.set(d, 1), i.uniforms.uTextureOffset.value.set((1 - d) / 2, 0);
+  A.opacity !== void 0 && (t.uniforms.uOpacity.value = A.opacity), A.bgOpacity !== void 0 && (t.uniforms.uBgColor.value.w = A.bgOpacity), A.borderOpacity !== void 0 && (t.uniforms.uBorderColor.value.w = A.borderOpacity), t.uniforms.uTexture && A.texture !== void 0 && (t.uniforms.uTexture.value = A.texture);
+  const e = A.texture !== void 0 ? A.texture : (s = t.uniforms.uTexture) == null ? void 0 : s.value;
+  if (e && (e.image instanceof ImageBitmap || e.image instanceof HTMLImageElement || e.image instanceof HTMLCanvasElement)) {
+    const i = e.image.naturalWidth || e.image.videoWidth || e.image.width, g = e.image.naturalHeight || e.image.videoHeight || e.image.height, n = (r = A.width) != null ? r : t.uniforms.uSize.value.x, a = (o = A.height) != null ? o : t.uniforms.uSize.value.y;
+    if (i && g && n && a) {
+      const I = i / g, c = n / a;
+      if (I > c) {
+        const l = c / I;
+        t.uniforms.uTextureRepeat.value.set(l, 1), t.uniforms.uTextureOffset.value.set((1 - l) / 2, 0);
       } else {
-        const d = u / h;
-        i.uniforms.uTextureRepeat.value.set(1, d), i.uniforms.uTextureOffset.value.set(0, (1 - d) / 2);
+        const l = I / c;
+        t.uniforms.uTextureRepeat.value.set(1, l), t.uniforms.uTextureOffset.value.set(0, (1 - l) / 2);
       }
     }
   } else
-    i.uniforms.uTextureRepeat && (i.uniforms.uTextureRepeat.value.set(1, 1), i.uniforms.uTextureOffset.value.set(0, 0));
-  if (e.backgroundImage !== void 0) {
-    const o = Ze(e.backgroundImage);
-    if (o) {
-      i.uniforms.uGradientCount.value = o.stops.length, i.uniforms.uGradientAngle.value = o.angle;
-      for (let n = 0; n < 8; n++)
-        if (n < o.stops.length) {
-          const l = o.stops[n];
-          i.uniforms.uGradientColors.value[n].set(
-            l.color.r,
-            l.color.g,
-            l.color.b,
-            l.alpha
-          ), i.uniforms.uGradientStops.value[n] = l.stop;
+    t.uniforms.uTextureRepeat && (t.uniforms.uTextureRepeat.value.set(1, 1), t.uniforms.uTextureOffset.value.set(0, 0));
+  if (A.backgroundImage !== void 0) {
+    const i = me(A.backgroundImage);
+    if (i) {
+      t.uniforms.uGradientCount.value = i.stops.length, t.uniforms.uGradientAngle.value = i.angle;
+      for (let g = 0; g < 8; g++)
+        if (g < i.stops.length) {
+          const n = i.stops[g];
+          t.uniforms.uGradientColors.value[g].set(
+            n.color.r,
+            n.color.g,
+            n.color.b,
+            n.alpha
+          ), t.uniforms.uGradientStops.value[g] = n.stop;
         } else
-          i.uniforms.uGradientColors.value[n].set(0, 0, 0, 0), i.uniforms.uGradientStops.value[n] = 1;
+          t.uniforms.uGradientColors.value[g].set(0, 0, 0, 0), t.uniforms.uGradientStops.value[g] = 1;
     } else
-      i.uniforms.uGradientCount.value = 0;
+      t.uniforms.uGradientCount.value = 0;
   }
-  for (const o of Object.keys(e))
-    o !== "width" && o !== "height" && o !== "borderRadius" && o !== "borderWidth" && o !== "backgroundColor" && o !== "borderColor" && o !== "opacity" && o !== "bgOpacity" && o !== "borderOpacity" && o !== "texture" && o !== "backgroundImage" && o !== "boxShadow" && i.uniforms[o] !== void 0 && (i.uniforms[o].value !== void 0 && i.uniforms[o].value !== null && typeof i.uniforms[o].value.set == "function" ? Array.isArray(e[o]) ? i.uniforms[o].value.set(...e[o]) : e[o] !== void 0 && (e[o].copy ? i.uniforms[o].value.copy(e[o]) : i.uniforms[o].value = e[o]) : i.uniforms[o].value = e[o]);
+  for (const i of Object.keys(A))
+    i !== "width" && i !== "height" && i !== "borderRadius" && i !== "borderWidth" && i !== "backgroundColor" && i !== "borderColor" && i !== "opacity" && i !== "bgOpacity" && i !== "borderOpacity" && i !== "texture" && i !== "backgroundImage" && i !== "boxShadow" && t.uniforms[i] !== void 0 && (t.uniforms[i].value !== void 0 && t.uniforms[i].value !== null && typeof t.uniforms[i].value.set == "function" ? Array.isArray(A[i]) ? t.uniforms[i].value.set(...A[i]) : A[i] !== void 0 && (A[i].copy ? t.uniforms[i].value.copy(A[i]) : t.uniforms[i].value = A[i]) : t.uniforms[i].value = A[i]);
 }
-function _e(i, e, t = 0) {
-  var l, a, u, h;
-  if (e == null) {
-    i.set(0, 0, 0, 0);
+function ae(t, A, e = 0) {
+  var n, a, I, c;
+  if (A == null) {
+    t.set(0, 0, 0, 0);
     return;
   }
-  if (typeof e == "number") {
-    i.set(e, e, e, e);
+  if (typeof A == "number") {
+    t.set(A, A, A, A);
     return;
   }
-  if (Array.isArray(e)) {
-    i.set(e[0], e[1], e[2], e[3]);
+  if (Array.isArray(A)) {
+    t.set(A[0], A[1], A[2], A[3]);
     return;
   }
-  const r = e.split("/")[0].trim().split(/\s+/), s = le(r[0], t), c = le((l = r[1]) != null ? l : r[0], t), o = le((a = r[2]) != null ? a : r[0], t), n = le((h = (u = r[3]) != null ? u : r[1]) != null ? h : r[0], t);
-  i.set(s, c, o, n);
+  const s = A.split("/")[0].trim().split(/\s+/), r = hA(s[0], e), o = hA((n = s[1]) != null ? n : s[0], e), i = hA((a = s[2]) != null ? a : s[0], e), g = hA((c = (I = s[3]) != null ? I : s[1]) != null ? c : s[0], e);
+  t.set(r, o, i, g);
 }
-const H = {
-  create(i, e, t, r, s, c = 2, o = null, n) {
-    return i === "BOX" ? ot(
-      e,
-      r,
+const K = {
+  create(t, A, e, s, r, o = 2, i = null, g) {
+    return t === "BOX" ? Me(
+      A,
       s,
-      o,
-      n
-    ) : i === "TEXT" ? new Je(
-      t || "",
-      e,
       r,
-      s,
-      c
-    ) : new w.MeshBasicMaterial({ visible: !1 });
-  },
-  update(i, e, t, r, s, c, o = 2, n) {
-    e === "BOX" ? at(
       i,
-      t,
+      g
+    ) : t === "TEXT" ? new pe(
+      e || "",
+      A,
       s,
-      c,
-      n
-    ) : e === "TEXT" && i.updateText(
-      r || "",
-      t,
-      s,
-      c,
+      r,
       o
+    ) : new d.MeshBasicMaterial({ visible: !1 });
+  },
+  update(t, A, e, s, r, o, i = 2, g) {
+    A === "BOX" ? Re(
+      t,
+      e,
+      r,
+      o,
+      g
+    ) : A === "TEXT" && t.updateText(
+      s || "",
+      e,
+      r,
+      o,
+      i
     );
   },
-  forceUpdateUniforms(i, e) {
-    Ee(i, e);
+  forceUpdateUniforms(t, A) {
+    YA(t, A);
   }
 };
-class nt {
-  constructor(e, t = !0) {
-    p(this, "observer");
-    p(this, "textures", /* @__PURE__ */ new WeakMap());
-    p(this, "loadStatus", /* @__PURE__ */ new WeakMap());
-    p(this, "elementUrls", /* @__PURE__ */ new WeakMap());
-    p(this, "onUpdate");
-    this.onUpdate = e, t && (this.observer = new IntersectionObserver(
-      (r) => {
-        for (const s of r) {
-          const c = s.target;
-          s.isIntersecting ? this.loadTexture(c) : this.disposeTexture(c);
+class xe {
+  constructor(A, e = !0) {
+    h(this, "observer");
+    h(this, "textures", /* @__PURE__ */ new WeakMap());
+    h(this, "loadStatus", /* @__PURE__ */ new WeakMap());
+    h(this, "elementUrls", /* @__PURE__ */ new WeakMap());
+    h(this, "onUpdate");
+    this.onUpdate = A, e && (this.observer = new IntersectionObserver(
+      (s) => {
+        for (const r of s) {
+          const o = r.target;
+          r.isIntersecting ? this.loadTexture(o) : this.disposeTexture(o);
         }
       },
       { rootMargin: "300px" }
     ));
   }
-  register(e, t) {
-    if (e.nodeType !== Node.ELEMENT_NODE)
+  register(A, e) {
+    if (A.nodeType !== Node.ELEMENT_NODE)
       return;
-    this.elementUrls.get(e) !== t && (this.elementUrls.set(e, t), this.observer ? (this.observer.unobserve(e), this.observer.observe(e)) : this.loadTexture(e));
+    this.elementUrls.get(A) !== e && (this.elementUrls.set(A, e), this.observer ? (this.observer.unobserve(A), this.observer.observe(A)) : this.loadTexture(A));
   }
-  unregister(e) {
-    e.nodeType === Node.ELEMENT_NODE && this.observer && this.observer.unobserve(e), this.disposeTexture(e), this.elementUrls.delete(e), this.loadStatus.delete(e);
+  unregister(A) {
+    A.nodeType === Node.ELEMENT_NODE && this.observer && this.observer.unobserve(A), this.disposeTexture(A), this.elementUrls.delete(A), this.loadStatus.delete(A);
   }
-  loadTexture(e) {
-    return Le(this, null, function* () {
-      if (this.loadStatus.get(e) || this.textures.has(e))
+  loadTexture(A) {
+    return aA(this, null, function* () {
+      if (this.loadStatus.get(A) || this.textures.has(A))
         return;
-      const t = this.elementUrls.get(e);
-      if (t) {
-        this.loadStatus.set(e, !0);
+      const e = this.elementUrls.get(A);
+      if (e) {
+        this.loadStatus.set(A, !0);
         try {
-          let r;
-          if (t.startsWith("data:image/svg+xml"))
-            r = yield new Promise((c, o) => {
-              const n = new Image();
-              n.onload = () => c(n), n.onerror = o, n.src = t;
+          let s;
+          if (e.startsWith("data:image/svg+xml"))
+            s = yield new Promise((o, i) => {
+              const g = new Image();
+              g.onload = () => o(g), g.onerror = i, g.src = e;
             });
           else {
-            const o = yield (yield fetch(t)).blob();
-            r = yield createImageBitmap(o, { imageOrientation: "flipY" });
+            const i = yield (yield fetch(e)).blob();
+            s = yield createImageBitmap(i, { imageOrientation: "flipY" });
           }
-          if (this.elementUrls.get(e) !== t) {
-            "close" in r && r.close();
+          if (this.elementUrls.get(A) !== e) {
+            "close" in s && s.close();
             return;
           }
-          const s = new w.Texture(r);
-          r instanceof HTMLImageElement || (s.flipY = !1), s.colorSpace = w.LinearSRGBColorSpace, s.needsUpdate = !0, this.textures.set(e, s), this.onUpdate(e, s);
-        } catch (r) {
-          console.warn("[MirageEngine] Failed to load texture:", t, r);
+          const r = new d.Texture(s);
+          s instanceof HTMLImageElement || (r.flipY = !1), r.colorSpace = d.LinearSRGBColorSpace, r.needsUpdate = !0, this.textures.set(A, r), this.onUpdate(A, r);
+        } catch (s) {
+          console.warn("[MirageEngine] Failed to load texture:", e, s);
         } finally {
-          this.elementUrls.has(e) && this.loadStatus.set(e, !1);
+          this.elementUrls.has(A) && this.loadStatus.set(A, !1);
         }
       }
     });
   }
-  disposeTexture(e) {
-    const t = this.textures.get(e);
-    t && (t.dispose(), this.textures.delete(e), this.onUpdate(e, null)), this.loadStatus.set(e, !1);
+  disposeTexture(A) {
+    const e = this.textures.get(A);
+    e && (e.dispose(), this.textures.delete(A), this.onUpdate(A, null)), this.loadStatus.set(A, !1);
   }
-  get(e) {
-    return this.textures.get(e);
+  get(A) {
+    return this.textures.get(A);
   }
   disposeAll() {
     this.observer && this.observer.disconnect();
   }
 }
-class lt {
-  constructor(e, t, r, s) {
-    p(this, "canvas");
-    p(this, "scene");
-    p(this, "camera");
-    p(this, "renderer");
-    p(this, "renderTargets", []);
-    p(this, "renderOrder", 0);
-    p(this, "qualityFactor", 2);
-    p(this, "mode", "overlay");
-    p(this, "canvasSize", "viewport");
-    p(this, "clipArea", 1);
-    p(this, "targetLayer", "base");
-    p(this, "overscan", 200);
-    p(this, "target");
-    p(this, "mountContainer");
-    p(this, "registry");
-    p(this, "targetRect");
-    p(this, "travelersByLayer", Array.from(
-      { length: V.MAX_LAYERS },
+class Le {
+  constructor(A, e, s, r) {
+    h(this, "canvas");
+    h(this, "scene");
+    h(this, "camera");
+    h(this, "renderer");
+    h(this, "renderTargets", []);
+    h(this, "renderOrder", 0);
+    h(this, "qualityFactor", 2);
+    h(this, "mode", "overlay");
+    h(this, "canvasSize", "viewport");
+    h(this, "clipArea", 1);
+    h(this, "targetLayer", "base");
+    h(this, "overscan", 200);
+    h(this, "target");
+    h(this, "mountContainer");
+    h(this, "registry");
+    h(this, "targetRect");
+    h(this, "targetPageX", 0);
+    h(this, "targetPageY", 0);
+    h(this, "size", { width: 0, height: 0 });
+    h(this, "currentScrollX", 0);
+    h(this, "currentScrollY", 0);
+    h(this, "lastTargetLeft", 0);
+    h(this, "lastTargetTop", 0);
+    h(this, "travelersByLayer", Array.from(
+      { length: X.MAX_LAYERS },
       () => /* @__PURE__ */ new Set()
     ));
-    p(this, "textureManager");
+    h(this, "textureManager");
     // private meshMap: Map<HTMLElement, THREE.Mesh> = new Map();
-    p(this, "fixedMeshes", /* @__PURE__ */ new Set());
-    var n, l, a, u, h;
-    this.target = e, this.mountContainer = r, this.registry = s, this.mode = (n = t.mode) != null ? n : "overlay", this.canvasSize = (l = t.canvasSize) != null ? l : "viewport", this.clipArea = (a = t.travelerClipArea) != null ? a : 1, this.targetLayer = (u = t.layer) != null ? u : "base", this.textureManager = new nt((d, m) => {
-      const g = this.registry.get(d);
-      g && g.material instanceof w.ShaderMaterial && H.forceUpdateUniforms(g.material, { texture: m });
-    }, this.isViewport), this.canvas = document.createElement("canvas"), this.scene = new w.Scene(), this.targetRect = this.target.getBoundingClientRect();
-    const c = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, o = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
-    this.camera = new w.OrthographicCamera(
-      c / -2,
-      c / 2,
-      o / 2,
+    h(this, "fixedMeshes", /* @__PURE__ */ new Set());
+    var g, n, a, I, c;
+    this.target = A, this.mountContainer = s, this.registry = r, this.mode = (g = e.mode) != null ? g : "overlay", this.canvasSize = (n = e.canvasSize) != null ? n : "viewport", this.clipArea = (a = e.travelerClipArea) != null ? a : 1, this.targetLayer = (I = e.layer) != null ? I : "base", this.textureManager = new xe((l, B) => {
+      const C = this.registry.get(l);
+      C && C.material instanceof d.ShaderMaterial && K.forceUpdateUniforms(C.material, { texture: B });
+    }, this.isViewport), this.qualityFactor = this.getQualityFactor(e.quality), this.canvas = document.createElement("canvas"), this.scene = new d.Scene(), this.targetRect = this.target.getBoundingClientRect(), this.lastTargetLeft = this.targetRect.left, this.lastTargetTop = this.targetRect.top, this.targetPageX = this.targetRect.left + this.getScrollX(), this.targetPageY = this.targetRect.top + this.getScrollY();
+    const o = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, i = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
+    this.camera = new d.OrthographicCamera(
       o / -2,
+      o / 2,
+      i / 2,
+      i / -2,
       1,
       1e3
-    ), this.camera.position.z = 100, this.camera.layers.set(this.getSceneLayer()), this.renderer = new w.WebGLRenderer({
+    ), this.camera.position.z = 100, this.camera.layers.set(this.getSceneLayer()), this.renderer = new d.WebGLRenderer({
       canvas: this.canvas,
       alpha: !0,
       antialias: !0
       // [new]
       // premultipliedAlpha: true
-    }), w.ColorManagement.enabled = !1, this.renderer.outputColorSpace = w.LinearSRGBColorSpace, this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(c, o), this.applyTextQuality((h = t.quality) != null ? h : "medium");
+    }), d.ColorManagement.enabled = !1, this.renderer.outputColorSpace = d.LinearSRGBColorSpace, this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(o, i), this.applyTextQuality((c = e.quality) != null ? c : "medium");
   }
   get isViewport() {
     return this.mode === "overlay" && this.canvasSize === "viewport";
   }
   getSceneLayer() {
-    return typeof this.targetLayer == "number" ? this.targetLayer : this.targetLayer === "selected" ? O.SELECTED : O.BASE;
+    return typeof this.targetLayer == "number" ? this.targetLayer : this.targetLayer === "selected" ? L.SELECTED : L.BASE;
   }
   createRenderTarget() {
-    for (let e = 0; e < V.MAX_LAYERS; e++) {
-      const t = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, r = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
+    for (let A = 0; A < X.MAX_LAYERS; A++) {
+      const e = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, s = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
       this.renderTargets.push(
-        new w.WebGLRenderTarget(
-          t * this.qualityFactor,
-          r * this.qualityFactor,
+        new d.WebGLRenderTarget(
+          e * this.qualityFactor,
+          s * this.qualityFactor,
           {
-            minFilter: w.LinearFilter,
-            magFilter: w.LinearFilter,
-            format: w.RGBAFormat,
+            minFilter: d.LinearFilter,
+            magFilter: d.LinearFilter,
+            format: d.RGBAFormat,
             stencilBuffer: !1,
             depthBuffer: !0
           }
@@ -921,12 +928,12 @@ class lt {
       );
     }
   }
-  applyTextQuality(e) {
-    if (typeof e == "number") {
-      this.qualityFactor = Math.max(0.1, e);
+  applyTextQuality(A) {
+    if (typeof A == "number") {
+      this.qualityFactor = Math.max(0.1, A);
       return;
     }
-    switch (e) {
+    switch (A) {
       case "low":
         this.qualityFactor = 1;
         break;
@@ -941,49 +948,71 @@ class lt {
         break;
     }
   }
+  getQualityFactor(A) {
+    if (typeof A == "number")
+      return Math.max(0.1, A);
+    switch (A) {
+      case "low":
+        return 1;
+      case "high":
+        return 4;
+      default:
+        return 2;
+    }
+  }
+  updateScroll() {
+    const A = this.target.getBoundingClientRect();
+    this.currentScrollX += this.lastTargetLeft - A.left, this.currentScrollY += this.lastTargetTop - A.top, this.lastTargetLeft = A.left, this.lastTargetTop = A.top;
+  }
+  getScrollX() {
+    return this.currentScrollX;
+  }
+  getScrollY() {
+    return this.currentScrollY;
+  }
   mount() {
     this.mountContainer.prepend(this.canvas), this.canvas.style.pointerEvents = this.mode === "overlay" ? "none" : "auto", this.updateCanvasLayout();
   }
   updateCanvasLayout() {
-    const e = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, t = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
-    this.canvas.style.width = `${e}px`, this.canvas.style.height = `${t}px`, this.mode === "duplicate" ? (this.canvas.style.position = "", this.canvas.style.top = "", this.canvas.style.left = "", this.canvas.style.display = "block") : (this.canvas.style.position = this.isViewport ? "fixed" : "absolute", this.canvas.style.top = this.isViewport ? `-${this.overscan}px` : `${this.target.offsetTop}px`, this.canvas.style.left = this.isViewport ? `-${this.overscan}px` : `${this.target.offsetLeft}px`, this.canvas.style.display = "block");
-  }
-  updateUniforms(e, t) {
-    const r = this.registry.get(e);
-    r && (r.traverse((s) => {
-      s.isMesh && s.material && H.forceUpdateUniforms(
-        s.material,
-        t
+    const A = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, e = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
+    this.canvas.style.width = `${A}px`, this.canvas.style.height = `${e}px`, this.mode === "duplicate" ? (this.canvas.style.position = "", this.canvas.style.top = "", this.canvas.style.left = "", this.canvas.style.display = "block") : (this.canvas.style.position = this.isViewport ? "fixed" : "absolute", this.canvas.style.top = this.isViewport ? `-${this.overscan}px` : `${this.target.offsetTop}px`, this.canvas.style.left = this.isViewport ? `-${this.overscan}px` : `${this.target.offsetLeft}px`, this.canvas.style.display = "block");
+  }
+  updateUniforms(A, e) {
+    const s = this.registry.get(A);
+    s && (s.traverse((r) => {
+      r.isMesh && r.material && K.forceUpdateUniforms(
+        r.material,
+        e
       );
-    }), r.userData.nativeMesh && r.userData.nativeMesh.traverse((s) => {
-      s.isMesh && s.material && H.forceUpdateUniforms(
-        s.material,
-        t
+    }), s.userData.nativeMesh && s.userData.nativeMesh.traverse((r) => {
+      r.isMesh && r.material && K.forceUpdateUniforms(
+        r.material,
+        e
       );
     }));
   }
   dispose() {
     this.renderer.dispose(), this.canvas.remove(), this.textureManager.disposeAll();
   }
-  setSize(e, t) {
-    this.renderer.setSize(e, t);
-    for (const r of this.renderTargets)
-      r.setSize(e * this.qualityFactor, t * this.qualityFactor);
-    this.camera.left = e / -2, this.camera.right = e / 2, this.camera.top = t / 2, this.camera.bottom = t / -2, this.camera.updateProjectionMatrix();
-  }
-  syncScene(e, t) {
-    const r = this.target.getBoundingClientRect(), s = this.isViewport ? window.innerWidth + this.overscan * 2 : r.width, c = this.isViewport ? window.innerHeight + this.overscan * 2 : r.height, o = this.isViewport ? this.canvas.clientWidth : this.targetRect.width, n = this.isViewport ? this.canvas.clientHeight : this.targetRect.height, l = Math.abs(s - o) > 0.1 || Math.abs(c - n) > 0.1, a = this.mode === "overlay" && (Math.abs(r.top - this.targetRect.top) > 0.1 || Math.abs(r.left - this.targetRect.left) > 0.1);
-    l ? (this.targetRect = r, this.setSize(s, c), this.updateCanvasLayout()) : a ? (this.targetRect = r, this.updateCanvasLayout()) : this.targetRect = r, this.renderOrder = 0, this.reconcileNode(e), t.size > 0 && t.forEach((u) => {
-      const h = this.registry.get(u);
-      if (h) {
-        this.scene.remove(h);
-        for (const d of this.travelersByLayer)
-          d.delete(h);
-        this.fixedMeshes.delete(h), h.geometry.dispose(), h.userData.nativeMesh && (this.scene.remove(h.userData.nativeMesh), Array.isArray(h.userData.nativeMesh.material) ? h.userData.nativeMesh.material.forEach(
-          (d) => d.dispose()
-        ) : h.userData.nativeMesh.material.dispose(), h.userData.nativeMesh.geometry.dispose()), h.traverse((d) => {
-          d instanceof w.Mesh && (d.geometry && d.geometry.dispose(), d.material && (Array.isArray(d.material) ? d.material.forEach((m) => m.dispose()) : d.material.dispose()));
-        }), this.registry.remove(u), this.textureManager.unregister(u);
+  setSize(A, e) {
+    this.renderer.setSize(A, e);
+    for (const s of this.renderTargets)
+      s.setSize(A * this.qualityFactor, e * this.qualityFactor);
+    this.camera.left = A / -2, this.camera.right = A / 2, this.camera.top = e / 2, this.camera.bottom = e / -2, this.camera.updateProjectionMatrix();
+  }
+  syncScene(A, e) {
+    const s = this.target.getBoundingClientRect(), r = this.isViewport ? window.innerWidth + this.overscan * 2 : s.width, o = this.isViewport ? window.innerHeight + this.overscan * 2 : s.height, i = this.isViewport ? this.canvas.clientWidth : this.targetRect.width, g = this.isViewport ? this.canvas.clientHeight : this.targetRect.height, n = Math.abs(r - i) > 0.1 || Math.abs(o - g) > 0.1, a = this.mode === "overlay" && (Math.abs(s.top - this.targetRect.top) > 0.1 || Math.abs(s.left - this.targetRect.left) > 0.1);
+    n ? (this.targetRect = s, this.targetPageX = s.left + this.getScrollX(), this.targetPageY = s.top + this.getScrollY(), this.setSize(r, o), this.updateCanvasLayout()) : a ? (this.targetRect = s, this.targetPageX = s.left + this.getScrollX(), this.targetPageY = s.top + this.getScrollY(), this.updateCanvasLayout()) : (this.targetRect = s, this.targetPageX = s.left + this.getScrollX(), this.targetPageY = s.top + this.getScrollY()), this.renderOrder = 0, this.reconcileNode(A), e.size > 0 && e.forEach((I) => {
+      const c = this.registry.get(I);
+      if (c) {
+        this.scene.remove(c);
+        for (const l of this.travelersByLayer)
+          l.delete(c);
+        this.fixedMeshes.delete(c), c.geometry.dispose(), c.userData.nativeMesh && (this.scene.remove(c.userData.nativeMesh), Array.isArray(c.userData.nativeMesh.material) ? c.userData.nativeMesh.material.forEach(
+          (l) => l.dispose()
+        ) : c.userData.nativeMesh.material.dispose(), c.userData.nativeMesh.geometry.dispose()), c.traverse((l) => {
+          l instanceof d.Mesh && (l.geometry && l.geometry.dispose(), l.material && (Array.isArray(l.material) ? l.material.forEach((B) => B.dispose()) : l.material.dispose()));
+        }), this.registry.remove(I), this.textureManager.unregister(I);
       }
     });
   }
@@ -991,804 +1020,975 @@ class lt {
   // => 이 과정에서 scene node에 있는 ele를 넣은 hash => activeElements
   // => 이후 activeElements를 이용하여 mesh를 정리!!!+ map에서도 삭제
   // private reconcileNode(node: SceneNode, activeElements: Set<HTMLElement>) {
-  reconcileNode(e) {
-    var s, c;
-    let t = this.registry.get(e.element);
-    const r = JSON.stringify(e.shaderHooks || null);
-    if (t && t.userData.shaderHash !== r && (this.scene.remove(t), t.geometry.dispose(), t.material instanceof w.Material && t.material.dispose(), this.registry.remove(e.element), t = void 0), !t) {
-      const o = new w.PlaneGeometry(1, 1), n = e.isTraveler ? (s = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : s.texture : this.textureManager.get(e.element), l = H.create(
+  reconcileNode(A) {
+    var r, o;
+    let e = this.registry.get(A.element);
+    const s = JSON.stringify(A.shaderHooks || null);
+    if (e && e.userData.shaderHash !== s && (this.scene.remove(e), e.geometry.dispose(), e.material instanceof d.Material && e.material.dispose(), this.registry.remove(A.element), e = void 0), !e) {
+      const i = new d.PlaneGeometry(1, 1), g = A.isTraveler ? (r = this.renderTargets[A.captureLayer - 2]) == null ? void 0 : r.texture : this.textureManager.get(A.element), n = K.create(
         "BOX",
-        e.styles,
+        A.styles,
         "",
-        e.rect.width,
-        e.rect.height,
+        A.rect.width,
+        A.rect.height,
         this.qualityFactor,
-        n,
-        e.shaderHooks
+        g,
+        A.shaderHooks
       );
-      t = new w.Mesh(o, l), e.type === "TEXT" && (t.name = "BG_MESH"), this.scene.add(t), this.registry.register(e.element, t), t.userData.baseMaterial = l, t.userData.domElement = e.element, t.userData.shaderHash = r;
+      e = new d.Mesh(i, n), A.type === "TEXT" && (e.name = "BG_MESH"), this.scene.add(e), this.registry.register(A.element, e), e.userData.baseMaterial = n, e.userData.domElement = A.element, e.userData.shaderHash = s;
     }
-    if (t.userData.clipElements = e.clipElements, (c = e.nativeStyles) != null && c.transform ? t.userData.nativeTransform = e.nativeStyles.transform : t.userData.nativeTransform = void 0, this.updateMeshProperties(t, e), this.updateMeshLayers(t, e), e.isTraveler)
-      for (let o = 0; o < V.MAX_LAYERS; o++)
-        o === e.captureLayer - 2 ? this.travelersByLayer[o].add(t) : this.travelersByLayer[o].delete(t);
+    if (e.userData.clipElements = A.clipElements, e.userData.wasmIndex = A.wasmIndex, (o = A.nativeStyles) != null && o.transform ? e.userData.nativeTransform = A.nativeStyles.transform : e.userData.nativeTransform = void 0, this.updateMeshProperties(e, A), this.updateMeshLayers(e, A), A.isTraveler)
+      for (let i = 0; i < X.MAX_LAYERS; i++)
+        i === A.captureLayer - 2 ? this.travelersByLayer[i].add(e) : this.travelersByLayer[i].delete(e);
     else
-      for (const o of this.travelersByLayer)
-        o.delete(t);
-    if (e.isFixed ? this.fixedMeshes.add(t) : this.fixedMeshes.delete(t), e.styles.imageSrc ? this.textureManager.register(e.element, e.styles.imageSrc) : this.textureManager.unregister(e.element), e.type === "BOX")
-      for (const o of e.children)
-        this.reconcileNode(o);
+      for (const i of this.travelersByLayer)
+        i.delete(e);
+    if (A.isFixed ? this.fixedMeshes.add(e) : this.fixedMeshes.delete(e), A.styles.imageSrc ? this.textureManager.register(A.element, A.styles.imageSrc) : this.textureManager.unregister(A.element), A.type === "BOX")
+      for (const i of A.children)
+        this.reconcileNode(i);
     else
-      e.type === "TEXT" && (this.reconcileTextChild(t, e, !1), t.userData.nativeMesh && e.nativeStyles && this.reconcileTextChild(
-        t.userData.nativeMesh,
-        e,
+      A.type === "TEXT" && (this.reconcileTextChild(e, A, !1), e.userData.nativeMesh && A.nativeStyles && this.reconcileTextChild(
+        e.userData.nativeMesh,
+        A,
         !0
       ));
   }
-  reconcileTextChild(e, t, r) {
+  reconcileTextChild(A, e, s) {
     var a;
-    const s = t.textLines || [
-      { text: t.textContent || "", rect: t.rect }
-    ], c = r ? t.nativeStyles : t.textStyles, o = JSON.stringify(c) + t.textContent + s.map((u) => u.text).join("|"), n = (a = e.userData) == null ? void 0 : a.textChildStyleHash;
-    if (t.dirtyMask & Se || o !== n) {
-      e.children.filter(
-        (g) => g.name.startsWith("TEXT_CHILD")
-      ).forEach((g) => {
-        var v;
-        const R = g;
-        (v = R.material.map) == null || v.dispose(), R.geometry.dispose(), e.remove(R);
+    const r = e.textLines || [
+      { text: e.textContent || "", rect: e.rect }
+    ], o = s ? e.nativeStyles : e.textStyles, i = JSON.stringify(o) + e.textContent + r.map((I) => I.text).join("|"), g = (a = A.userData) == null ? void 0 : a.textChildStyleHash;
+    if (e.dirtyMask & TA || i !== g) {
+      A.children.filter(
+        (C) => C.name.startsWith("TEXT_CHILD")
+      ).forEach((C) => {
+        var Q;
+        const w = C;
+        (Q = w.material.map) == null || Q.dispose(), w.geometry.dispose(), A.remove(w);
       });
-      const h = t.rect, d = h.x + h.width / 2, m = h.y + h.height / 2;
-      s.forEach((g, R) => {
-        const v = H.create(
+      const c = e.rect, l = c.x + c.width / 2, B = c.y + c.height / 2;
+      r.forEach((C, w) => {
+        const Q = K.create(
           "TEXT",
-          c,
-          g.text,
-          g.rect.width,
-          g.rect.height,
+          o,
+          C.text,
+          C.rect.width,
+          C.rect.height,
           this.qualityFactor
-        ), y = new w.PlaneGeometry(1, 1), E = new w.Mesh(y, v);
-        E.name = `TEXT_CHILD_${R}`;
-        const L = t.rect.width === 0 ? 1 : g.rect.width / t.rect.width, C = t.rect.height === 0 ? 1 : g.rect.height / t.rect.height;
-        E.scale.set(L, C, 1);
-        const b = g.rect.x + g.rect.width / 2, x = g.rect.y + g.rect.height / 2, X = b - d, Y = -(x - m);
-        E.position.set(
-          t.rect.width === 0 ? 0 : X / t.rect.width,
-          t.rect.height === 0 ? 0 : Y / t.rect.height,
+        ), b = new d.PlaneGeometry(1, 1), f = new d.Mesh(b, Q);
+        f.name = `TEXT_CHILD_${w}`;
+        const y = e.rect.width === 0 ? 1 : C.rect.width / e.rect.width, U = e.rect.height === 0 ? 1 : C.rect.height / e.rect.height;
+        f.scale.set(y, U, 1);
+        const S = C.rect.x + C.rect.width / 2, D = C.rect.y + C.rect.height / 2, u = S - l, Y = -(D - B);
+        f.position.set(
+          e.rect.width === 0 ? 0 : u / e.rect.width,
+          e.rect.height === 0 ? 0 : Y / e.rect.height,
           5e-3
-        ), e.add(E);
-      }), e.userData.textChildStyleHash = o;
+        ), A.add(f);
+      }), A.userData.textChildStyleHash = i;
     }
-    e.children.forEach((u) => {
-      if (!u.name.startsWith("TEXT_CHILD"))
+    A.children.forEach((I) => {
+      if (!I.name.startsWith("TEXT_CHILD"))
         return;
-      const h = u;
-      if (r && t.nativeLayer !== void 0)
-        h.layers.set(O.HIDDEN), t.visibility & $ && h.layers.enable(O.getCaptureLayer(t.nativeLayer));
+      const c = I;
+      if (s && e.nativeLayer !== void 0)
+        c.layers.set(L.HIDDEN), e.visibility & j && c.layers.enable(L.getCaptureLayer(e.nativeLayer));
       else {
-        const d = t.visibility & $ ? O.BASE : O.HIDDEN;
-        if (h.layers.set(d), t.visibility & ne && h.layers.enable(O.SELECTED), t.visibility & $)
-          if (!r && t.nativeLayer !== void 0 && t.nativeStyles !== void 0)
-            for (let m = t.captureLayer; m <= V.MAX_LAYERS + 1; m++)
-              m !== t.nativeLayer && h.layers.enable(O.getCaptureLayer(m));
+        const l = e.visibility & j ? L.BASE : L.HIDDEN;
+        if (c.layers.set(l), e.visibility & lA && c.layers.enable(L.SELECTED), e.visibility & j)
+          if (!s && e.nativeLayer !== void 0 && e.nativeStyles !== void 0)
+            for (let B = e.captureLayer; B <= X.MAX_LAYERS + 1; B++)
+              B !== e.nativeLayer && c.layers.enable(L.getCaptureLayer(B));
           else
-            for (let m = t.captureLayer; m <= V.MAX_LAYERS + 1; m++)
-              h.layers.enable(O.getCaptureLayer(m));
+            for (let B = e.captureLayer; B <= X.MAX_LAYERS + 1; B++)
+              c.layers.enable(L.getCaptureLayer(B));
       }
     });
   }
-  updateMeshProperties(e, t) {
-    var C, b, x, X, Y;
-    const { rect: r, styles: s } = t, c = this.renderer.getPixelRatio(), o = this.renderer.domElement.width / c, n = this.renderer.domElement.height / c;
-    e.material = e.userData.baseMaterial;
-    let l = ((C = e.material.userData) == null ? void 0 : C.shadowPadding) || 0;
-    e.scale.set(r.width + l * 2, r.height + l * 2, 1), e.userData.domRect = {
-      x: r.x,
-      y: r.y,
-      width: r.width,
-      height: r.height
-    };
+  updateMeshProperties(A, e) {
+    var f, y, U, S, D;
+    const { rect: s, styles: r } = e, o = this.renderer.getPixelRatio(), i = this.renderer.domElement.width / o, g = this.renderer.domElement.height / o;
+    A.material = A.userData.baseMaterial;
+    let n = ((f = A.material.userData) == null ? void 0 : f.shadowPadding) || 0;
+    A.scale.set(s.width + n * 2, s.height + n * 2, 1), A.userData.domRect = {
+      x: s.x,
+      y: s.y,
+      width: s.width,
+      height: s.height
+    }, A.userData.needsNativeReset = !0;
     const a = 1e-3;
     this.renderOrder++;
-    const u = this.targetRect.left + window.scrollX, h = this.targetRect.top + window.scrollY;
-    let d, m;
+    let I, c;
     if (this.isViewport)
-      d = r.x - window.innerWidth / 2 + r.width / 2, m = -r.y + window.innerHeight / 2 - r.height / 2;
+      I = s.x - window.innerWidth / 2 + s.width / 2, c = -s.y + window.innerHeight / 2 - s.height / 2;
     else {
-      const A = r.x - u, N = r.y - h;
-      d = A - o / 2 + r.width / 2, m = -N + n / 2 - r.height / 2;
+      const u = s.x - this.targetPageX, Y = s.y - this.targetPageY;
+      I = u - i / 2 + s.width / 2, c = -Y + g / 2 - s.height / 2;
     }
-    e.position.set(
-      d,
-      m,
-      s.zIndex + this.renderOrder * a
+    A.position.set(
+      I,
+      c,
+      r.zIndex + this.renderOrder * a
     );
-    const g = r.x, R = r.y;
-    e.userData.basePosition = { x: d, y: m }, e.userData.originalBasePosition = { x: d, y: m }, e.userData.baseSize = { width: r.width, height: r.height }, e.userData.baseDOM = { x: g, y: R }, e.userData.isFixed = t.isFixed, e.userData.initialScroll = { x: window.scrollX, y: window.scrollY };
-    const v = t.element.nodeType === Node.TEXT_NODE ? t.element.parentElement : t.element, y = window.getComputedStyle(v);
-    let E = 0, L = 0;
-    if (y.transform && y.transform !== "none") {
-      const A = new DOMMatrix(y.transform);
-      E = A.m41, L = A.m42;
+    const l = s.x, B = s.y;
+    A.userData.basePosition = { x: I, y: c }, A.userData.originalBasePosition = { x: I, y: c }, A.userData.baseSize = { width: s.width, height: s.height }, A.userData.baseDOM = { x: l, y: B }, A.userData.isFixed = e.isFixed, A.userData.initialScroll = { x: window.scrollX, y: window.scrollY };
+    const C = e.element.nodeType === Node.TEXT_NODE ? e.element.parentElement : e.element, w = window.getComputedStyle(C);
+    let Q = 0, b = 0;
+    if (w.transform && w.transform !== "none") {
+      const u = new DOMMatrix(w.transform);
+      Q = u.m41, b = u.m42;
     }
-    if (e.userData.baseTransform = { x: E, y: L }, delete e.userData.originRatioX, delete e.userData.originRatioY, H.update(
-      e.userData.baseMaterial,
+    if (A.userData.baseTransform = { x: Q, y: b }, delete A.userData.originRatioX, delete A.userData.originRatioY, K.update(
+      A.userData.baseMaterial,
       "BOX",
-      s,
+      r,
       "",
-      r.width,
-      r.height,
+      s.width,
+      s.height,
       this.qualityFactor,
-      t.isTraveler ? (b = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : b.texture : this.textureManager.get(t.element)
-    ), t.nativeStyles && t.nativeRect) {
-      if (!e.userData.nativeMesh) {
-        const F = H.create(
+      e.isTraveler ? (y = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : y.texture : this.textureManager.get(e.element)
+    ), e.nativeStyles && e.nativeRect) {
+      if (!A.userData.nativeMesh) {
+        const H = K.create(
           "BOX",
-          t.nativeStyles,
+          e.nativeStyles,
           "",
-          t.nativeRect.width,
-          t.nativeRect.height,
+          e.nativeRect.width,
+          e.nativeRect.height,
           this.qualityFactor,
-          t.isTraveler ? (x = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : x.texture : t.nativeStyles.imageSrc && t.nativeStyles.imageSrc !== t.styles.imageSrc ? new w.TextureLoader().load(t.nativeStyles.imageSrc) : this.textureManager.get(t.element),
-          t.shaderHooks
-        ), W = new w.Mesh(e.geometry, F);
-        t.type === "TEXT" && (W.name = "BG_MESH"), this.scene.add(W), e.userData.nativeMesh = W;
+          e.isTraveler ? (U = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : U.texture : e.nativeStyles.imageSrc && e.nativeStyles.imageSrc !== e.styles.imageSrc ? new d.TextureLoader().load(e.nativeStyles.imageSrc) : this.textureManager.get(e.element),
+          e.shaderHooks
+        ), G = new d.Mesh(A.geometry, H);
+        e.type === "TEXT" && (G.name = "BG_MESH"), this.scene.add(G), A.userData.nativeMesh = G;
       }
-      const A = e.userData.nativeMesh;
-      let N, U;
+      const u = A.userData.nativeMesh;
+      let Y, gA;
       if (this.isViewport)
-        N = t.nativeRect.x - window.innerWidth / 2 + t.nativeRect.width / 2, U = -t.nativeRect.y + window.innerHeight / 2 - t.nativeRect.height / 2;
+        Y = e.nativeRect.x - window.innerWidth / 2 + e.nativeRect.width / 2, gA = -e.nativeRect.y + window.innerHeight / 2 - e.nativeRect.height / 2;
       else {
-        const F = t.nativeRect.x - u, W = t.nativeRect.y - h;
-        N = F - o / 2 + t.nativeRect.width / 2, U = -W + n / 2 - t.nativeRect.height / 2;
+        const H = e.nativeRect.x - this.targetPageX, G = e.nativeRect.y - this.targetPageY;
+        Y = H - i / 2 + e.nativeRect.width / 2, gA = -G + g / 2 - e.nativeRect.height / 2;
       }
-      let K = t.nativeRect.width, J = t.nativeRect.height, M = N, B = U;
-      if (t.nativeStyles.transform) {
-        const F = t.nativeStyles.transform, W = F.match(/scale\(([\d.]+%?)\)/);
-        if (W) {
-          let f = parseFloat(W[1]);
-          W[1].includes("%") && (f /= 100), K *= f, J *= f;
+      let cA = e.nativeRect.width, F = e.nativeRect.height, M = Y, P = gA;
+      if (e.nativeStyles.transform) {
+        const H = e.nativeStyles.transform, G = H.match(/scale\(([\d.]+%?)\)/);
+        if (G) {
+          let m = parseFloat(G[1]);
+          G[1].includes("%") && (m /= 100), cA *= m, F *= m;
         }
-        const se = F.match(/scaleX\(([\d.]+%?)\)/);
-        if (se) {
-          let f = parseFloat(se[1]);
-          se[1].includes("%") && (f /= 100), K *= f;
+        const $ = H.match(/scaleX\(([\d.]+%?)\)/);
+        if ($) {
+          let m = parseFloat($[1]);
+          $[1].includes("%") && (m /= 100), cA *= m;
         }
-        const oe = F.match(/scaleY\(([\d.]+%?)\)/);
-        if (oe) {
-          let f = parseFloat(oe[1]);
-          oe[1].includes("%") && (f /= 100), J *= f;
+        const IA = H.match(/scaleY\(([\d.]+%?)\)/);
+        if (IA) {
+          let m = parseFloat(IA[1]);
+          IA[1].includes("%") && (m /= 100), F *= m;
         }
-        const ae = F.match(/translate\(([^,]+),\s*([^)]+)\)/);
-        if (ae) {
-          const f = ae[1].trim(), S = ae[2].trim();
-          let I = parseFloat(f);
-          f.includes("%") && (I = I / 100 * t.nativeRect.width);
-          let _ = parseFloat(S);
-          S.includes("%") && (_ = _ / 100 * t.nativeRect.height), M += I, B -= _;
+        const iA = H.match(/translate\(([^,]+),\s*([^)]+)\)/);
+        if (iA) {
+          const m = iA[1].trim(), z = iA[2].trim();
+          let EA = parseFloat(m);
+          m.includes("%") && (EA = EA / 100 * e.nativeRect.width);
+          let dA = parseFloat(z);
+          z.includes("%") && (dA = dA / 100 * e.nativeRect.height), M += EA, P -= dA;
         }
-        const he = F.match(/translateX\(([^)]+)\)/);
-        if (he) {
-          const f = he[1].trim();
-          let S = parseFloat(f);
-          f.includes("%") && (S = S / 100 * t.nativeRect.width), M += S;
+        const AA = H.match(/translateX\(([^)]+)\)/);
+        if (AA) {
+          const m = AA[1].trim();
+          let z = parseFloat(m);
+          m.includes("%") && (z = z / 100 * e.nativeRect.width), M += z;
         }
-        const de = F.match(/translateY\(([^)]+)\)/);
-        if (de) {
-          const f = de[1].trim();
-          let S = parseFloat(f);
-          f.includes("%") && (S = S / 100 * t.nativeRect.height), B -= S;
+        const rA = H.match(/translateY\(([^)]+)\)/);
+        if (rA) {
+          const m = rA[1].trim();
+          let z = parseFloat(m);
+          m.includes("%") && (z = z / 100 * e.nativeRect.height), P -= z;
         }
       }
-      let Z = ((X = A.material.userData) == null ? void 0 : X.shadowPadding) || 0;
-      A.scale.set(K + Z * 2, J + Z * 2, 1), A.position.set(
+      let BA = ((S = u.material.userData) == null ? void 0 : S.shadowPadding) || 0;
+      u.scale.set(cA + BA * 2, F + BA * 2, 1), u.position.set(
         M,
-        B,
-        t.nativeStyles.zIndex + this.renderOrder * a
-      ), H.update(
-        A.material,
+        P,
+        e.nativeStyles.zIndex + this.renderOrder * a
+      ), K.update(
+        u.material,
         "BOX",
-        t.nativeStyles,
+        e.nativeStyles,
         "",
-        t.nativeRect.width,
-        t.nativeRect.height,
+        e.nativeRect.width,
+        e.nativeRect.height,
         this.qualityFactor,
-        t.isTraveler ? (Y = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : Y.texture : A.material.uniforms.uTexture.value || this.textureManager.get(t.element)
+        e.isTraveler ? (D = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : D.texture : u.material.uniforms.uTexture.value || this.textureManager.get(e.element)
       );
     } else
-      e.userData.nativeMesh && (this.scene.remove(e.userData.nativeMesh), e.userData.nativeMesh.material instanceof w.Material && e.userData.nativeMesh.material.dispose(), delete e.userData.nativeMesh);
-  }
-  updateMeshLayers(e, t) {
-    const r = t.visibility & $ ? O.BASE : O.HIDDEN;
-    if (e.layers.set(r), t.visibility & ne && e.layers.enable(O.SELECTED), e.userData.nativeMesh && t.nativeLayer !== void 0) {
-      const s = e.userData.nativeMesh;
-      if (s.layers.set(O.HIDDEN), t.visibility & $) {
-        s.layers.enable(O.getCaptureLayer(t.nativeLayer));
-        for (let c = t.captureLayer; c <= V.MAX_LAYERS + 1; c++)
-          c !== t.nativeLayer && e.layers.enable(O.getCaptureLayer(c));
+      A.userData.nativeMesh && (this.scene.remove(A.userData.nativeMesh), A.userData.nativeMesh.material instanceof d.Material && A.userData.nativeMesh.material.dispose(), delete A.userData.nativeMesh);
+  }
+  updateMeshLayers(A, e) {
+    const s = e.visibility & j ? L.BASE : L.HIDDEN;
+    if (A.layers.set(s), e.visibility & lA && A.layers.enable(L.SELECTED), A.userData.nativeMesh && e.nativeLayer !== void 0) {
+      const r = A.userData.nativeMesh;
+      if (r.layers.set(L.HIDDEN), e.visibility & j) {
+        r.layers.enable(L.getCaptureLayer(e.nativeLayer));
+        for (let o = e.captureLayer; o <= X.MAX_LAYERS + 1; o++)
+          o !== e.nativeLayer && A.layers.enable(L.getCaptureLayer(o));
       }
-    } else if (t.visibility & $)
-      for (let s = t.captureLayer; s <= V.MAX_LAYERS + 1; s++)
-        e.layers.enable(O.getCaptureLayer(s));
+    } else if (e.visibility & j)
+      for (let r = e.captureLayer; r <= X.MAX_LAYERS + 1; r++)
+        A.layers.enable(L.getCaptureLayer(r));
   }
-  captureRenderTarget(e, t, r) {
-    if (e.size === 0 || !r)
+  captureRenderTarget(A, e, s) {
+    if (A.size === 0 || !s)
       return;
-    const s = new w.Color(), c = this.renderer.getClearAlpha();
-    this.renderer.getClearColor(s), this.renderer.setClearColor(0, 0), this.renderer.setRenderTarget(r), this.renderer.clear(), this.renderer.autoClear = !1, this.renderer.setScissorTest(!0), this.camera.layers.set(t);
-    const o = new w.Vector3(), n = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, l = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height, a = this.renderer.getPixelRatio();
-    for (const u of e) {
-      o.setFromMatrixPosition(u.matrixWorld), o.project(this.camera);
-      const h = (o.x + 1) / 2 * n, d = (o.y + 1) / 2 * l;
-      let m = 0, g = 1;
-      typeof this.clipArea == "number" ? g = this.clipArea : this.clipArea.endsWith("%") ? g = parseFloat(this.clipArea) / 100 : this.clipArea.endsWith("px") && (m = parseFloat(this.clipArea));
-      const R = u.scale.x * g + 0.5, v = u.scale.y * g + 0.5, y = h - R / 2, E = d - v / 2, L = (y * this.qualityFactor - m) / a, C = (E * this.qualityFactor - m) / a, b = (R * this.qualityFactor + m * 2) / a, x = (v * this.qualityFactor + m * 2) / a;
-      this.renderer.setScissor(L, C, b, x), this.renderer.render(this.scene, this.camera);
+    const r = new d.Color(), o = this.renderer.getClearAlpha();
+    this.renderer.getClearColor(r), this.renderer.setClearColor(0, 0), this.renderer.setRenderTarget(s), this.renderer.clear(), this.renderer.autoClear = !1, this.renderer.setScissorTest(!0), this.camera.layers.set(e);
+    const i = new d.Vector3(), g = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, n = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height, a = this.renderer.getPixelRatio();
+    for (const I of A) {
+      i.setFromMatrixPosition(I.matrixWorld), i.project(this.camera);
+      const c = (i.x + 1) / 2 * g, l = (i.y + 1) / 2 * n;
+      let B = 0, C = 1;
+      typeof this.clipArea == "number" ? C = this.clipArea : this.clipArea.endsWith("%") ? C = parseFloat(this.clipArea) / 100 : this.clipArea.endsWith("px") && (B = parseFloat(this.clipArea));
+      const w = I.scale.x * C + 0.5, Q = I.scale.y * C + 0.5, b = c - w / 2, f = l - Q / 2, y = (b * this.qualityFactor - B) / a, U = (f * this.qualityFactor - B) / a, S = (w * this.qualityFactor + B * 2) / a, D = (Q * this.qualityFactor + B * 2) / a;
+      this.renderer.setScissor(y, U, S, D), this.renderer.render(this.scene, this.camera);
     }
-    this.renderer.setScissorTest(!1), this.renderer.autoClear = !0, this.renderer.setRenderTarget(null), this.camera.layers.set(this.getSceneLayer()), this.renderer.setClearColor(s, c);
+    this.renderer.setScissorTest(!1), this.renderer.autoClear = !0, this.renderer.setRenderTarget(null), this.camera.layers.set(this.getSceneLayer()), this.renderer.setClearColor(r, o);
   }
   render() {
-    for (let l = 0; l < V.MAX_LAYERS; l++) {
-      const a = l + 1;
+    for (let n = 0; n < X.MAX_LAYERS; n++) {
+      const a = n + 1;
       this.captureRenderTarget(
-        this.travelersByLayer[l],
-        O.getCaptureLayer(a),
-        this.renderTargets[l]
+        this.travelersByLayer[n],
+        L.getCaptureLayer(a),
+        this.renderTargets[n]
       );
     }
-    const e = this.renderer.getContext(), t = this.renderer.getPixelRatio(), r = this.renderer.domElement.height / t, s = this.renderer.domElement, c = s.getBoundingClientRect().top, o = s.getBoundingClientRect().left, n = (l, a) => {
+    const A = this.renderer.getContext(), e = this.renderer.getPixelRatio(), s = this.renderer.domElement.height / e, r = this.renderer.domElement, o = r.getBoundingClientRect().top, i = r.getBoundingClientRect().left, g = (n, a) => {
       if (a && a.width > 0 && a.height > 0) {
-        const u = Math.floor((a.x - o) * t), h = Math.floor(
-          (r - (a.y - c + a.height)) * t
-        ), d = Math.ceil(a.width * t), m = Math.ceil(a.height * t);
-        l.onBeforeRender = () => {
-          e.enable(e.SCISSOR_TEST), e.scissor(u, h, d, m);
-        }, l.onAfterRender = () => {
-          e.disable(e.SCISSOR_TEST);
-        }, l.__hasScissorHook = !0;
+        const I = Math.floor((a.x - i) * e), c = Math.floor(
+          (s - (a.y - o + a.height)) * e
+        ), l = Math.ceil(a.width * e), B = Math.ceil(a.height * e);
+        n.onBeforeRender = () => {
+          A.enable(A.SCISSOR_TEST), A.scissor(I, c, l, B);
+        }, n.onAfterRender = () => {
+          A.disable(A.SCISSOR_TEST);
+        }, n.__hasScissorHook = !0;
       } else
-        l.__hasScissorHook && (l.onBeforeRender = () => {
-        }, l.onAfterRender = () => {
-        }, l.__hasScissorHook = !1);
+        n.__hasScissorHook && (n.onBeforeRender = () => {
+        }, n.onAfterRender = () => {
+        }, n.__hasScissorHook = !1);
     };
-    this.scene.children.forEach((l) => {
-      var h;
-      const a = l, u = (h = a.userData) == null ? void 0 : h.scissorRect;
-      n(a, u), a.children.forEach((d) => {
-        d.name.startsWith("TEXT_CHILD") && n(d, u);
+    this.scene.children.forEach((n) => {
+      var c;
+      const a = n, I = (c = a.userData) == null ? void 0 : c.scissorRect;
+      g(a, I), a.children.forEach((l) => {
+        l.name.startsWith("TEXT_CHILD") && g(l, I);
       });
     }), this.renderer.render(this.scene, this.camera);
   }
-  syncMeshesByDOM() {
-    const e = this.targetRect.left + window.scrollX, t = this.targetRect.top + window.scrollY, r = this.renderer.getPixelRatio(), s = this.renderer.domElement.width / r, c = this.renderer.domElement.height / r;
+  saveInitialLocals(A) {
+    this.scene.children.forEach((e) => {
+      const s = e;
+      if (s.userData.wasmIndex !== void 0) {
+        const r = s.userData.wasmIndex * tA;
+        s.userData.initialLocalX = A[r + pA], s.userData.initialLocalY = A[r + mA];
+      }
+    });
+  }
+  syncMeshesByWasm(A) {
+    const e = this.renderer.getPixelRatio(), s = this.renderer.domElement.width / e, r = this.renderer.domElement.height / e;
     this.scene.children.forEach((o) => {
-      var h, d;
-      const n = o;
-      if (!n.userData || !n.userData.domElement)
+      const i = o;
+      if (!i.userData || i.userData.wasmIndex === void 0)
         return;
-      const l = n.userData.domElement;
-      if (!l.isConnected)
+      const n = i.userData.wasmIndex * tA, a = A[n + te], I = A[n + ie], c = i.userData.domRect;
+      if (!c)
         return;
-      let a;
-      if (l.nodeType === Node.TEXT_NODE) {
-        const m = document.createRange();
-        m.selectNode(l), a = m.getBoundingClientRect();
-      } else
-        a = l.getBoundingClientRect();
-      const u = n.userData.domRect;
-      if (!u || Math.abs(a.x - u.x) > 0.5 || Math.abs(a.y - u.y) > 0.5 || Math.abs(a.width - u.width) > 0.5 || Math.abs(a.height - u.height) > 0.5) {
-        n.userData.domRect = {
-          x: a.x,
-          y: a.y,
-          width: a.width,
-          height: a.height
-        };
-        const m = n.userData.clipElements;
-        if (m && m.length > 0) {
-          let y = -1 / 0, E = -1 / 0, L = 1 / 0, C = 1 / 0;
-          for (const b of m) {
-            const x = b.getBoundingClientRect();
-            y = Math.max(y, x.left), E = Math.max(E, x.top), L = Math.min(L, x.right), C = Math.min(C, x.bottom);
-          }
-          n.userData.scissorRect = {
-            x: y,
-            y: E,
-            width: Math.max(0, L - y),
-            height: Math.max(0, C - E)
-          };
-        } else
-          n.userData.scissorRect = void 0;
-        let g, R;
-        if (this.isViewport)
-          g = a.x - window.innerWidth / 2 + a.width / 2, R = -a.y + window.innerHeight / 2 - a.height / 2;
+      const l = this.fixedMeshes.has(i), B = l ? 0 : this.getScrollX(), C = l ? 0 : this.getScrollY();
+      let w, Q;
+      if (this.isViewport) {
+        const f = a - B, y = I - C;
+        w = f - window.innerWidth / 2 + c.width / 2, Q = -y + window.innerHeight / 2 - c.height / 2;
+      } else {
+        const f = a - this.targetPageX, y = I - this.targetPageY;
+        w = f - s / 2 + c.width / 2, Q = -y + r / 2 - c.height / 2;
+      }
+      const b = i.position.z;
+      if (i.position.set(w, Q, b), i.userData.nativeMesh) {
+        const f = i.userData.nativeMesh;
+        if (i.userData.needsNativeReset)
+          i.userData.needsNativeReset = !1;
         else {
-          const y = a.x - e, E = a.y - t;
-          g = y - s / 2 + a.width / 2, R = -E + c / 2 - a.height / 2;
-        }
-        n.position.setX(g), n.position.setY(R);
-        let v = ((h = n.material.userData) == null ? void 0 : h.shadowPadding) || 0;
-        if (n.scale.set(a.width + v * 2, a.height + v * 2, 1), n.updateMatrixWorld(), n.material instanceof w.ShaderMaterial && H.forceUpdateUniforms(n.material, {
-          width: a.width,
-          height: a.height
-        }), n.userData.nativeMesh) {
-          const y = n.userData.nativeMesh;
-          let E = a.width, L = a.height, C = g, b = R;
-          if (n.userData.nativeTransform) {
-            const X = n.userData.nativeTransform, Y = X.match(/scale\(([\d.]+%?)\)/);
-            if (Y) {
-              let M = parseFloat(Y[1]);
-              Y[1].includes("%") && (M /= 100), E *= M, L *= M;
-            }
-            const A = X.match(/scaleX\(([\d.]+%?)\)/);
-            if (A) {
-              let M = parseFloat(A[1]);
-              A[1].includes("%") && (M /= 100), E *= M;
-            }
-            const N = X.match(/scaleY\(([\d.]+%?)\)/);
-            if (N) {
-              let M = parseFloat(N[1]);
-              N[1].includes("%") && (M /= 100), L *= M;
-            }
-            const U = X.match(/translate\(([^,]+),\s*([^)]+)\)/);
-            if (U) {
-              const M = U[1].trim(), B = U[2].trim();
-              let Z = parseFloat(M);
-              M.includes("%") && (Z = Z / 100 * a.width);
-              let F = parseFloat(B);
-              B.includes("%") && (F = F / 100 * a.height), C += Z, b -= F;
-            }
-            const K = X.match(/translateX\(([^)]+)\)/);
-            if (K) {
-              const M = K[1].trim();
-              let B = parseFloat(M);
-              M.includes("%") && (B = B / 100 * a.width), C += B;
-            }
-            const J = X.match(/translateY\(([^)]+)\)/);
-            if (J) {
-              const M = J[1].trim();
-              let B = parseFloat(M);
-              M.includes("%") && (B = B / 100 * a.height), b -= B;
-            }
-          }
-          let x = ((d = y.material.userData) == null ? void 0 : d.shadowPadding) || 0;
-          y.position.setX(C), y.position.setY(b), y.scale.set(E + x * 2, L + x * 2, 1), y.updateMatrixWorld(), y.material instanceof w.ShaderMaterial && H.forceUpdateUniforms(y.material, {
-            width: E,
-            height: L
-          });
+          const y = w - i.userData.basePosition.x, U = Q - i.userData.basePosition.y;
+          f.position.setX(f.position.x + y), f.position.setY(f.position.y + U);
         }
       }
+      i.userData.basePosition.x = w, i.userData.basePosition.y = Q;
     });
   }
 }
-function ct(i) {
-  const e = i.textContent || "", t = [];
-  let r = "", s = null, c = -1;
-  const o = (a, u) => {
-    for (let h = 0; h < a.length; h++) {
-      const d = a[h], m = document.createRange();
-      m.setStart(i, u + h), m.setEnd(i, u + h + 1);
-      const g = m.getBoundingClientRect();
-      if (g.width === 0 && g.height === 0) {
-        r += d;
+function Fe(t) {
+  const A = t.textContent || "", e = [];
+  let s = "", r = null, o = -1;
+  const i = (a, I) => {
+    for (let c = 0; c < a.length; c++) {
+      const l = a[c], B = document.createRange();
+      B.setStart(t, I + c), B.setEnd(t, I + c + 1);
+      const C = B.getBoundingClientRect();
+      if (C.width === 0 && C.height === 0) {
+        s += l;
         continue;
       }
-      c === -1 || Math.abs(g.top - c) > g.height / 2 ? (r && s && t.push({
-        text: r,
+      o === -1 || Math.abs(C.top - o) > C.height / 2 ? (s && r && e.push({
+        text: s,
         rect: {
-          left: s.left,
-          top: s.top,
-          width: s.right - s.left,
-          height: s.bottom - s.top
+          left: r.left,
+          top: r.top,
+          width: r.right - r.left,
+          height: r.bottom - r.top
         }
-      }), r = d, s = {
-        left: g.left,
-        top: g.top,
-        right: g.right,
-        bottom: g.bottom
-      }, c = g.top) : (r += d, s && (s.left = Math.min(s.left, g.left), s.top = Math.min(s.top, g.top), s.right = Math.max(s.right, g.right), s.bottom = Math.max(
-        s.bottom,
-        g.bottom
+      }), s = l, r = {
+        left: C.left,
+        top: C.top,
+        right: C.right,
+        bottom: C.bottom
+      }, o = C.top) : (s += l, r && (r.left = Math.min(r.left, C.left), r.top = Math.min(r.top, C.top), r.right = Math.max(r.right, C.right), r.bottom = Math.max(
+        r.bottom,
+        C.bottom
       )));
     }
-  }, n = e.match(/[^\s\-]+\-?|\-|\s+/g) || [];
-  let l = 0;
-  for (const a of n) {
-    const u = document.createRange();
-    u.setStart(i, l), u.setEnd(i, l + a.length);
-    const h = u.getClientRects();
-    if (h.length > 1)
-      o(a, l);
+  }, g = A.match(/[^\s\-]+\-?|\-|\s+/g) || [];
+  let n = 0;
+  for (const a of g) {
+    const I = document.createRange();
+    I.setStart(t, n), I.setEnd(t, n + a.length);
+    const c = I.getClientRects();
+    if (c.length > 1)
+      i(a, n);
     else {
-      const d = h.length === 1 ? h[0] : u.getBoundingClientRect();
-      if (d.width === 0 && d.height === 0) {
-        r += a, l += a.length;
+      const l = c.length === 1 ? c[0] : I.getBoundingClientRect();
+      if (l.width === 0 && l.height === 0) {
+        s += a, n += a.length;
         continue;
       }
-      c === -1 || Math.abs(d.top - c) > d.height / 2 ? (r && s && t.push({
-        text: r,
+      o === -1 || Math.abs(l.top - o) > l.height / 2 ? (s && r && e.push({
+        text: s,
         rect: {
-          left: s.left,
-          top: s.top,
-          width: s.right - s.left,
-          height: s.bottom - s.top
+          left: r.left,
+          top: r.top,
+          width: r.right - r.left,
+          height: r.bottom - r.top
         }
-      }), r = a, s = {
-        left: d.left,
-        top: d.top,
-        right: d.right,
-        bottom: d.bottom
-      }, c = d.top) : (r += a, s && (s.left = Math.min(s.left, d.left), s.top = Math.min(s.top, d.top), s.right = Math.max(s.right, d.right), s.bottom = Math.max(
-        s.bottom,
-        d.bottom
+      }), s = a, r = {
+        left: l.left,
+        top: l.top,
+        right: l.right,
+        bottom: l.bottom
+      }, o = l.top) : (s += a, r && (r.left = Math.min(r.left, l.left), r.top = Math.min(r.top, l.top), r.right = Math.max(r.right, l.right), r.bottom = Math.max(
+        r.bottom,
+        l.bottom
       )));
     }
-    l += a.length;
+    n += a.length;
   }
-  return r && s && t.push({
-    text: r,
+  return s && r && e.push({
+    text: s,
     rect: {
-      left: s.left,
-      top: s.top,
-      width: s.right - s.left,
-      height: s.bottom - s.top
+      left: r.left,
+      top: r.top,
+      width: r.right - r.left,
+      height: r.bottom - r.top
     }
-  }), t.filter(
+  }), e.filter(
     (a) => a.text.trim().length > 0 && a.rect.width > 0 && a.rect.height > 0
   );
 }
-function Ue(i) {
-  const e = parseFloat(i.fontSize);
-  let t = parseFloat(i.lineHeight);
-  isNaN(t) && (t = e * 1.2);
-  let r = parseFloat(i.letterSpacing);
-  return isNaN(r) && (r = 0), {
-    font: `${i.fontStyle} ${i.fontWeight} ${i.fontSize} ${i.fontFamily}`,
-    fontSize: i.fontSize,
-    color: i.color,
-    textAlign: i.textAlign || "start",
+function Ae(t) {
+  const A = parseFloat(t.fontSize);
+  let e = parseFloat(t.lineHeight);
+  isNaN(e) && (e = A * 1.2);
+  let s = parseFloat(t.letterSpacing);
+  return isNaN(s) && (s = 0), {
+    font: `${t.fontStyle} ${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,
+    fontSize: t.fontSize,
+    color: t.color,
+    textAlign: t.textAlign || "start",
     textBaseline: "alphabetic",
-    direction: i.direction || "inherit",
-    lineHeight: t,
-    letterSpacing: r
+    direction: t.direction || "inherit",
+    lineHeight: e,
+    letterSpacing: s
   };
 }
-function Xe(i, e = ie | fe | qe | Se | me, t, r = 1, s = 0, c = 2, o, n, l) {
-  var F, W, se, oe, ae, he, de;
-  if (i.nodeType === Node.TEXT_NODE) {
-    const f = i;
-    if (!f.textContent || !f.textContent.trim())
+function ne(t, A = nA | fA | Qe | TA | SA, e, s = 1, r = 0, o = 2, i, g, n, a, I = -1, c = 0, l = 0, B = !1) {
+  var kA, UA, XA, HA, JA, zA, _A, WA, KA;
+  const C = (kA = a == null ? void 0 : a.scrollX) != null ? kA : window.scrollX, w = (UA = a == null ? void 0 : a.scrollY) != null ? UA : window.scrollY;
+  if (t.nodeType === Node.TEXT_NODE) {
+    const E = t;
+    if (!E.textContent || !E.textContent.trim())
       return null;
-    const S = f.textContent.replace(/\s+/g, " ");
-    if (S.length === 0)
+    const R = E.textContent.replace(/\s+/g, " ");
+    if (R.length === 0)
       return null;
-    const I = ct(f);
-    if (I.length === 0)
+    const T = Fe(E);
+    if (T.length === 0)
       return null;
-    const _ = f.parentElement, k = _ ? window.getComputedStyle(_) : null;
-    if (!k)
+    const _ = E.parentElement, N = _ ? window.getComputedStyle(_) : null;
+    if (!N)
       return null;
-    const P = Math.min(...I.map((T) => T.rect.left)), z = Math.min(...I.map((T) => T.rect.top)), Q = Math.max(...I.map((T) => T.rect.left + T.rect.width)), D = Math.max(...I.map((T) => T.rect.top + T.rect.height));
+    const x = B || N.position === "fixed", k = Math.min(...T.map((p) => p.rect.left)), O = Math.min(...T.map((p) => p.rect.top)), v = Math.max(...T.map((p) => p.rect.left + p.rect.width)), W = Math.max(...T.map((p) => p.rect.top + p.rect.height)), V = k + (x ? 0 : C), QA = O + (x ? 0 : w);
+    let sA = -1;
+    if (a && a.sharedArray) {
+      sA = a.currentIndex++;
+      const p = sA * tA;
+      a.sharedArray[p + LA] = I, a.sharedArray[p + pA] = V - c, a.sharedArray[p + mA] = QA - l;
+    }
     return {
       id: Math.random().toString(36).substring(2, 9),
       type: "TEXT",
-      element: f,
+      element: E,
       rect: {
-        x: P + window.scrollX,
-        y: z + window.scrollY,
-        width: Q - P,
-        height: D - z
+        x: k + (x ? 0 : C),
+        y: O + (x ? 0 : w),
+        width: v - k,
+        height: W - O
       },
       styles: {
         backgroundColor: "transparent",
         backgroundImage: "",
-        opacity: _ && _.dataset[te.KEY] === te.VALUES.HIDE ? 1 : parseFloat(k.opacity),
-        zIndex: (isNaN(parseInt(k.zIndex)) ? 0 : parseInt(k.zIndex)) + s,
+        opacity: _ && _.dataset[eA.KEY] === eA.VALUES.HIDE ? 1 : parseFloat(N.opacity),
+        zIndex: (isNaN(parseInt(N.zIndex)) ? 0 : parseInt(N.zIndex)) + r,
         borderRadius: "0px",
         borderColor: "transparent",
         borderWidth: "0px",
         isTraveler: !1
       },
-      textContent: S,
-      textLines: I.map((T) => ({
-        text: T.text.trim(),
+      textContent: R,
+      textLines: T.map((p) => ({
+        text: p.text.trim(),
         rect: {
-          x: T.rect.left + window.scrollX,
-          y: T.rect.top + window.scrollY,
-          width: T.rect.width,
-          height: T.rect.height
+          x: p.rect.left + (x ? 0 : C),
+          y: p.rect.top + (x ? 0 : w),
+          width: p.rect.width,
+          height: p.rect.height
         }
       })),
-      textStyles: Ue(k),
-      dirtyMask: e,
-      visibility: t,
+      textStyles: Ae(N),
+      dirtyMask: A,
+      visibility: e,
       isTraveler: !1,
-      captureLayer: r,
-      isFixed: k.position === "fixed",
-      nativeLayer: o,
-      nativeStyles: n ? re(re({
+      captureLayer: s,
+      isFixed: x,
+      nativeLayer: i,
+      nativeStyles: g ? oA(oA({
         backgroundColor: "transparent",
         backgroundImage: "",
-        opacity: _ && _.dataset[te.KEY] === te.VALUES.HIDE ? 1 : parseFloat(k.opacity),
-        zIndex: (isNaN(parseInt(k.zIndex)) ? 0 : parseInt(k.zIndex)) + s,
+        opacity: _ && _.dataset[eA.KEY] === eA.VALUES.HIDE ? 1 : parseFloat(N.opacity),
+        zIndex: (isNaN(parseInt(N.zIndex)) ? 0 : parseInt(N.zIndex)) + r,
         borderRadius: "0px",
         borderColor: "transparent",
         borderWidth: "0px",
         isTraveler: !1
-      }, Ue(k)), n) : void 0,
-      nativeRect: n ? {
-        x: P + window.scrollX,
-        y: z + window.scrollY,
-        width: Q - P,
-        height: D - z
+      }, Ae(N)), g) : void 0,
+      nativeRect: g ? {
+        x: k + (x ? 0 : C),
+        y: O + (x ? 0 : w),
+        width: v - k,
+        height: W - O
       } : void 0,
-      clipElements: l,
+      clipElements: n,
+      wasmIndex: sA !== -1 ? sA : void 0,
       children: []
     };
   }
-  if (i.nodeType !== Node.ELEMENT_NODE)
+  if (t.nodeType !== Node.ELEMENT_NODE)
     return null;
-  const a = i, u = a.dataset[q.KEY];
-  let h = t, d = t;
-  if (u) {
-    const f = new Set(u.split(/\s+/));
-    for (const S of f)
-      if (!Ae.includes(S))
+  const Q = t, b = Q.dataset[q.KEY];
+  let f = e, y = e;
+  if (b) {
+    const E = new Set(b.split(/\s+/));
+    for (const R of E)
+      if (!ZA.includes(R))
         throw new Error(
-          `[MirageEngine] Invalid filter token: '${S}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
+          `[MirageEngine] Invalid filter token: '${R}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
         );
-    if (f.has(q.VALUES.END))
+    if (E.has(q.VALUES.END))
       return null;
-    if (f.has(q.VALUES.INCLUDE_TREE) && f.has(q.VALUES.EXCLUDE_TREE))
+    if (E.has(q.VALUES.INCLUDE_TREE) && E.has(q.VALUES.EXCLUDE_TREE))
       throw new Error(
         "[MirageEngine] Conflicting filters: 'include-tree' and 'exclude-tree' cannot be used together on the same element."
       );
-    if (f.has(q.VALUES.INCLUDE_SELF) && f.has(q.VALUES.EXCLUDE_SELF))
+    if (E.has(q.VALUES.INCLUDE_SELF) && E.has(q.VALUES.EXCLUDE_SELF))
       throw new Error(
         "[MirageEngine] Conflicting filters: 'include-self' and 'exclude-self' cannot be used together on the same element."
       );
-    f.has(q.VALUES.INCLUDE_TREE) ? h = h | $ : f.has(q.VALUES.EXCLUDE_TREE) && (h = h & ~$), d = h, f.has(q.VALUES.INCLUDE_SELF) ? d = d | $ : f.has(q.VALUES.EXCLUDE_SELF) && (d = d & ~$);
+    E.has(q.VALUES.INCLUDE_TREE) ? f = f | j : E.has(q.VALUES.EXCLUDE_TREE) && (f = f & ~j), y = f, E.has(q.VALUES.INCLUDE_SELF) ? y = y | j : E.has(q.VALUES.EXCLUDE_SELF) && (y = y & ~j);
   }
-  const m = a.dataset[j.KEY];
-  if (m) {
-    const f = new Set(m.split(/\s+/));
-    for (const S of f)
-      if (!Ae.includes(S))
+  const U = Q.dataset[Z.KEY];
+  if (U) {
+    const E = new Set(U.split(/\s+/));
+    for (const R of E)
+      if (!ZA.includes(R))
         throw new Error(
-          `[MirageEngine] Invalid select token: '${S}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
+          `[MirageEngine] Invalid select token: '${R}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
         );
-    if (f.has(j.VALUES.END))
+    if (E.has(Z.VALUES.END))
       return null;
-    if (f.has(j.VALUES.INCLUDE_TREE) && f.has(j.VALUES.EXCLUDE_TREE))
+    if (E.has(Z.VALUES.INCLUDE_TREE) && E.has(Z.VALUES.EXCLUDE_TREE))
       throw new Error(
         "[MirageEngine] Conflicting selects: 'include-tree' and 'exclude-tree' cannot be used together on the same element."
       );
-    if (f.has(j.VALUES.INCLUDE_SELF) && f.has(j.VALUES.EXCLUDE_SELF))
+    if (E.has(Z.VALUES.INCLUDE_SELF) && E.has(Z.VALUES.EXCLUDE_SELF))
       throw new Error(
         "[MirageEngine] Conflicting selects: 'include-self' and 'exclude-self' cannot be used together on the same element."
       );
-    f.has(j.VALUES.INCLUDE_TREE) ? h = h | ne : f.has(j.VALUES.EXCLUDE_TREE) && (h = h & ~ne), d = h, f.has(j.VALUES.INCLUDE_SELF) ? d = d | ne : f.has(j.VALUES.EXCLUDE_SELF) && (d = d & ~ne);
-  }
-  const g = a.dataset[V.KEY];
-  let R = !1, v = n ? re({}, n) : {}, y = o;
-  if (g) {
-    let f = 1;
-    const S = g.indexOf("{"), I = g.lastIndexOf("}");
-    let _ = g;
-    if (S !== -1 && I !== -1 && I > S) {
-      _ = g.substring(0, S).trim();
-      const D = g.substring(S, I + 1);
+    E.has(Z.VALUES.INCLUDE_TREE) ? f = f | lA : E.has(Z.VALUES.EXCLUDE_TREE) && (f = f & ~lA), y = f, E.has(Z.VALUES.INCLUDE_SELF) ? y = y | lA : E.has(Z.VALUES.EXCLUDE_SELF) && (y = y & ~lA);
+  }
+  const S = Q.dataset[X.KEY];
+  let D = !1, u = g ? oA({}, g) : {}, Y = i;
+  if (S) {
+    let E = 1;
+    const R = S.indexOf("{"), T = S.lastIndexOf("}");
+    let _ = S;
+    if (R !== -1 && T !== -1 && T > R) {
+      _ = S.substring(0, R).trim();
+      const v = S.substring(R, T + 1);
       try {
-        v = new Function("return " + D)();
-      } catch (T) {
+        u = new Function("return " + v)();
+      } catch (W) {
         console.warn(
-          `[MirageEngine] Failed to parse travel styles JSON: ${D}`
+          `[MirageEngine] Failed to parse travel styles JSON: ${v}`
         );
       }
     }
-    const k = _.split(/\s+/);
-    let P = !1;
-    const z = k.indexOf(V.VALUES.TRAVELER);
-    if (z !== -1) {
-      R = !0, P = !0;
-      const D = k[z + 1];
-      if (D && !isNaN(parseInt(D, 10)))
-        f = parseInt(D, 10);
+    const N = _.split(/\s+/);
+    let x = !1;
+    const k = N.indexOf(X.VALUES.TRAVELER);
+    if (k !== -1) {
+      D = !0, x = !0;
+      const v = N[k + 1];
+      if (v && !isNaN(parseInt(v, 10)))
+        E = parseInt(v, 10);
       else {
-        const T = k.find((ee) => !isNaN(parseInt(ee, 10)));
-        T && (f = parseInt(T, 10));
+        const W = N.find((V) => !isNaN(parseInt(V, 10)));
+        W && (E = parseInt(W, 10));
       }
     }
-    const Q = k.indexOf(V.VALUES.NATIVE);
-    if (Q !== -1) {
-      const D = k[Q + 1];
-      if (D && !isNaN(parseInt(D, 10)))
-        y = parseInt(D, 10);
-      else if (!R) {
-        const T = k.find((ee) => !isNaN(parseInt(ee, 10)));
-        T && (y = parseInt(T, 10));
+    const O = N.indexOf(X.VALUES.NATIVE);
+    if (O !== -1) {
+      const v = N[O + 1];
+      if (v && !isNaN(parseInt(v, 10)))
+        Y = parseInt(v, 10);
+      else if (!D) {
+        const W = N.find((V) => !isNaN(parseInt(V, 10)));
+        W && (Y = parseInt(W, 10));
       }
     }
-    if (P) {
-      const D = f + 1;
-      if (D < r)
+    if (x) {
+      const v = E + 1;
+      if (v < s)
         throw new Error(
-          `[MirageEngine] Traveler layer (${f}) cannot be smaller than inherited capture layer (${r - 1}).`
+          `[MirageEngine] Traveler layer (${E}) cannot be smaller than inherited capture layer (${s - 1}).`
         );
-      r = Math.min(D, V.MAX_LAYERS + 1);
+      s = Math.min(v, X.MAX_LAYERS + 1);
     }
   }
-  const E = a.dataset[Ge.KEY];
-  let L;
-  E && (L = JSON.parse(E));
-  const C = a.getBoundingClientRect(), b = window.getComputedStyle(a);
-  if (C.width === 0 || C.height === 0 || b.display === "none")
+  const gA = Q.dataset[de.KEY];
+  let cA;
+  gA && (cA = JSON.parse(gA));
+  const F = Q.getBoundingClientRect(), M = window.getComputedStyle(Q);
+  if (F.width === 0 || F.height === 0 || M.display === "none")
     return null;
-  let x = a.getAttribute("data-mid");
-  x || (x = Math.random().toString(36).substring(2, 11), a.setAttribute("data-mid", x));
-  const X = parseInt(b.zIndex), Y = (isNaN(X) ? 0 : X) + s;
-  let A, N;
-  if (a.tagName === "IMG")
-    A = a.src;
-  else if (a.tagName.toLowerCase() === "svg") {
-    const f = v == null ? void 0 : v.color, S = v == null ? void 0 : v.fill, I = v == null ? void 0 : v.stroke, _ = v == null ? void 0 : v.opacity, k = (P) => {
-      const z = a.cloneNode(!0), Q = (ve, Ce) => {
-        const G = window.getComputedStyle(ve), ue = Ce, Ne = G.fill === G.color, ze = G.stroke === G.color, we = (P ? S || (Ne ? f : void 0) : void 0) || G.fill;
-        we && we !== "none" && (ue.style.fill = we);
-        const be = (P ? I || (ze ? f : void 0) : void 0) || G.stroke;
-        be && be !== "none" && (ue.style.stroke = be), G.strokeWidth && G.strokeWidth !== "0px" && (ue.style.strokeWidth = G.strokeWidth);
-        const Te = (P ? f : void 0) || G.color;
-        Te && (ue.style.color = Te);
-        const ye = (P ? _ : void 0) || G.opacity;
-        ye && ye !== "1" && (ue.style.opacity = ye);
-        for (let ge = 0; ge < ve.children.length; ge++)
-          Q(ve.children[ge], Ce.children[ge]);
+  const P = B || M.position === "fixed", BA = F.left + (P ? 0 : C), H = F.top + (P ? 0 : w);
+  let G = -1;
+  if (a && a.sharedArray) {
+    G = a.currentIndex++;
+    const E = G * tA;
+    a.sharedArray[E + LA] = I, a.sharedArray[E + pA] = BA - c, a.sharedArray[E + mA] = H - l;
+  }
+  let $ = Q.getAttribute("data-mid");
+  $ || ($ = Math.random().toString(36).substring(2, 11), Q.setAttribute("data-mid", $));
+  const IA = parseInt(M.zIndex), iA = (isNaN(IA) ? 0 : IA) + r;
+  let AA, rA;
+  if (Q.tagName === "IMG")
+    AA = Q.src;
+  else if (Q.tagName.toLowerCase() === "svg") {
+    const E = u == null ? void 0 : u.color, R = u == null ? void 0 : u.fill, T = u == null ? void 0 : u.stroke, _ = u == null ? void 0 : u.opacity, N = (x) => {
+      const k = Q.cloneNode(!0), O = (QA, sA) => {
+        const p = window.getComputedStyle(QA), uA = sA, ce = p.fill === p.color, Ie = p.stroke === p.color, bA = (x ? R || (ce ? E : void 0) : void 0) || p.fill;
+        bA && bA !== "none" && (uA.style.fill = bA);
+        const NA = (x ? T || (Ie ? E : void 0) : void 0) || p.stroke;
+        NA && NA !== "none" && (uA.style.stroke = NA), p.strokeWidth && p.strokeWidth !== "0px" && (uA.style.strokeWidth = p.strokeWidth);
+        const OA = (x ? E : void 0) || p.color;
+        OA && (uA.style.color = OA);
+        const MA = (x ? _ : void 0) || p.opacity;
+        MA && MA !== "1" && (uA.style.opacity = MA);
+        for (let yA = 0; yA < QA.children.length; yA++)
+          O(QA.children[yA], sA.children[yA]);
       };
-      Q(a, z);
-      const D = a.getBoundingClientRect(), T = window.devicePixelRatio * c;
-      z.hasAttribute("viewBox") || z.setAttribute("viewBox", `0 0 ${D.width} ${D.height}`), z.setAttribute("width", (D.width * T).toString()), z.setAttribute("height", (D.height * T).toString());
-      let ee = new XMLSerializer().serializeToString(z);
-      return ee.includes("xmlns=") || (ee = ee.replace(
+      O(Q, k);
+      const v = Q.getBoundingClientRect(), W = window.devicePixelRatio * o;
+      k.hasAttribute("viewBox") || k.setAttribute("viewBox", `0 0 ${v.width} ${v.height}`), k.setAttribute("width", (v.width * W).toString()), k.setAttribute("height", (v.height * W).toString());
+      let V = new XMLSerializer().serializeToString(k);
+      return V.includes("xmlns=") || (V = V.replace(
         "<svg",
         '<svg xmlns="http://www.w3.org/2000/svg"'
-      )), `data:image/svg+xml;utf8,${encodeURIComponent(ee)}`;
+      )), `data:image/svg+xml;utf8,${encodeURIComponent(V)}`;
     };
-    A = k(!1), y !== void 0 && (f || S || I || _) && (N = k(!0));
-  } else if (b.backgroundImage && b.backgroundImage !== "none") {
-    const f = b.backgroundImage.match(/url\(['"]?(.*?)['"]?\)/);
-    f && (A = f[1]);
-  }
-  const U = {
-    backgroundColor: b.backgroundColor,
-    backgroundImage: b.backgroundImage,
-    opacity: a.dataset[te.KEY] === te.VALUES.HIDE ? 1 : parseFloat(b.opacity),
-    zIndex: Y,
-    borderRadius: b.borderRadius,
-    borderColor: b.borderColor,
-    borderWidth: b.borderWidth,
-    boxShadow: b.boxShadow,
-    imageSrc: A,
-    isTraveler: R
-  }, K = U;
-  let J, M;
-  const B = [], Z = b.overflow === "hidden" ? [...l || [], a] : l;
-  return a.tagName.toLowerCase() !== "svg" && Array.from(a.childNodes).forEach((f) => {
-    const S = f.nodeType === Node.TEXT_NODE ? d : h, I = Xe(
-      f,
-      e,
-      S,
-      r,
-      Y,
-      c,
-      f.nodeType === Node.TEXT_NODE ? y : void 0,
-      f.nodeType === Node.TEXT_NODE && Object.keys(v).length > 0 ? v : void 0,
-      Z
+    AA = N(!1), Y !== void 0 && (E || R || T || _) && (rA = N(!0));
+  } else if (M.backgroundImage && M.backgroundImage !== "none") {
+    const E = M.backgroundImage.match(/url\(['"]?(.*?)['"]?\)/);
+    E && (AA = E[1]);
+  }
+  const m = {
+    backgroundColor: M.backgroundColor,
+    backgroundImage: M.backgroundImage,
+    opacity: Q.dataset[eA.KEY] === eA.VALUES.HIDE ? 1 : parseFloat(M.opacity),
+    zIndex: iA,
+    borderRadius: M.borderRadius,
+    borderColor: M.borderColor,
+    borderWidth: M.borderWidth,
+    boxShadow: M.boxShadow,
+    imageSrc: AA,
+    isTraveler: D
+  }, z = m;
+  let EA, dA;
+  const GA = [], ge = M.overflow === "hidden" ? [...n || [], Q] : n;
+  return Q.tagName.toLowerCase() !== "svg" && Array.from(Q.childNodes).forEach((E) => {
+    const R = E.nodeType === Node.TEXT_NODE ? y : f, T = ne(
+      E,
+      A,
+      R,
+      s,
+      iA,
+      o,
+      E.nodeType === Node.TEXT_NODE ? Y : void 0,
+      E.nodeType === Node.TEXT_NODE && Object.keys(u).length > 0 ? u : void 0,
+      ge,
+      a,
+      G,
+      BA,
+      H,
+      P
     );
-    I && B.push(I);
+    T && GA.push(T);
   }), {
-    id: x,
+    id: $,
     type: "BOX",
-    element: a,
+    element: Q,
     rect: {
-      x: C.left + window.scrollX,
-      y: C.top + window.scrollY,
-      width: C.width,
-      height: C.height
+      x: F.left + C,
+      y: F.top + w,
+      width: F.width,
+      height: F.height
     },
-    styles: K,
-    textContent: J,
-    textStyles: M,
-    dirtyMask: e,
-    visibility: d,
-    isTraveler: R,
-    captureLayer: r,
-    nativeLayer: y,
-    nativeStyles: y !== void 0 ? Me(re({}, U), {
-      backgroundColor: (F = v.backgroundColor) != null ? F : U.backgroundColor,
-      backgroundImage: (W = v.backgroundImage) != null ? W : U.backgroundImage,
-      opacity: (se = v.opacity) != null ? se : U.opacity,
-      zIndex: v.zIndex !== void 0 ? v.zIndex + Y : U.zIndex,
-      borderRadius: (oe = v.borderRadius) != null ? oe : U.borderRadius,
-      borderColor: (ae = v.borderColor) != null ? ae : U.borderColor,
-      borderWidth: (he = v.borderWidth) != null ? he : U.borderWidth,
-      boxShadow: (de = v.boxShadow) != null ? de : U.boxShadow,
-      isTraveler: U.isTraveler,
-      transform: v.transform,
-      imageSrc: N != null ? N : A
+    styles: z,
+    textContent: EA,
+    textStyles: dA,
+    dirtyMask: A,
+    visibility: y,
+    isTraveler: D,
+    captureLayer: s,
+    nativeLayer: Y,
+    nativeStyles: Y !== void 0 ? jA(oA({}, m), {
+      backgroundColor: (XA = u.backgroundColor) != null ? XA : m.backgroundColor,
+      backgroundImage: (HA = u.backgroundImage) != null ? HA : m.backgroundImage,
+      opacity: (JA = u.opacity) != null ? JA : m.opacity,
+      zIndex: u.zIndex !== void 0 ? u.zIndex + iA : m.zIndex,
+      borderRadius: (zA = u.borderRadius) != null ? zA : m.borderRadius,
+      borderColor: (_A = u.borderColor) != null ? _A : m.borderColor,
+      borderWidth: (WA = u.borderWidth) != null ? WA : m.borderWidth,
+      boxShadow: (KA = u.boxShadow) != null ? KA : m.boxShadow,
+      isTraveler: m.isTraveler,
+      transform: u.transform,
+      imageSrc: rA != null ? rA : AA
     }) : void 0,
-    nativeRect: y !== void 0 ? {
-      x: v.x !== void 0 ? parseFloat(v.x) : C.left + window.scrollX,
-      y: v.y !== void 0 ? parseFloat(v.y) : C.top + window.scrollY,
-      width: v.width !== void 0 ? parseFloat(v.width) : C.width,
-      height: v.height !== void 0 ? parseFloat(v.height) : C.height
+    nativeRect: Y !== void 0 ? {
+      x: u.x !== void 0 ? parseFloat(u.x) : F.left + C,
+      y: u.y !== void 0 ? parseFloat(u.y) : F.top + w,
+      width: u.width !== void 0 ? parseFloat(u.width) : F.width,
+      height: u.height !== void 0 ? parseFloat(u.height) : F.height
     } : void 0,
-    isFixed: b.position === "fixed",
-    clipElements: l,
-    children: B,
-    shaderHooks: L
+    isFixed: P,
+    clipElements: n,
+    wasmIndex: G !== -1 ? G : void 0,
+    children: GA,
+    shaderHooks: cA
   };
 }
-function ht(i, e) {
-  e.size !== 0 && e.forEach((t, r) => {
-    var c, o, n, l;
-    const s = i.get(r);
-    !s || !s.userData.basePosition || (H.forceUpdateUniforms(s.material, {
-      backgroundColor: t.backgroundColor,
-      backgroundImage: t.backgroundImage,
-      boxShadow: t.boxShadow,
-      opacity: t.opacity,
-      borderRadius: (o = t.borderRadius) != null ? o : (c = s.userData.baseStyles) == null ? void 0 : c.borderRadius
-      // width and height are no longer updated here, they are updated in syncMeshesByDOM
-    }), s.userData.nativeMesh && H.forceUpdateUniforms(s.userData.nativeMesh.material, {
-      backgroundColor: t.backgroundColor,
-      backgroundImage: t.backgroundImage,
-      boxShadow: t.boxShadow,
-      opacity: t.opacity,
-      borderRadius: (l = t.borderRadius) != null ? l : (n = s.userData.baseStyles) == null ? void 0 : n.borderRadius
-    }));
+function Te(t, A, e) {
+  if (A.size === 0)
+    return;
+  const s = /* @__PURE__ */ new Set();
+  A.forEach((r, o) => {
+    var g, n, a, I;
+    const i = t.get(o);
+    if (!(!i || !i.userData.basePosition)) {
+      if (K.forceUpdateUniforms(i.material, {
+        backgroundColor: r.backgroundColor,
+        backgroundImage: r.backgroundImage,
+        boxShadow: r.boxShadow,
+        opacity: r.opacity,
+        borderRadius: (n = r.borderRadius) != null ? n : (g = i.userData.baseStyles) == null ? void 0 : g.borderRadius
+      }), i.userData.nativeMesh && (K.forceUpdateUniforms(i.userData.nativeMesh.material, {
+        backgroundColor: r.backgroundColor,
+        backgroundImage: r.backgroundImage,
+        boxShadow: r.boxShadow,
+        opacity: r.opacity,
+        borderRadius: (I = r.borderRadius) != null ? I : (a = i.userData.baseStyles) == null ? void 0 : a.borderRadius
+      }), r.scaleX !== void 0 || r.scaleY !== void 0)) {
+        const c = i.userData.nativeMesh, l = c.scale.x, B = c.scale.y, C = c.scale.z;
+        c.scale.set(
+          r.scaleX !== void 0 ? r.scaleX * l : l,
+          r.scaleY !== void 0 ? r.scaleY * B : B,
+          r.scaleZ !== void 0 ? r.scaleZ * C : C
+        );
+      }
+      if (r.layoutChanged || r.width !== void 0 || r.height !== void 0) {
+        s.add(o);
+        const c = o.querySelectorAll("*");
+        for (let l = 0; l < c.length; l++) {
+          const B = c[l];
+          t.has(B) && s.add(B);
+        }
+      } else if ((r.x !== void 0 || r.y !== void 0) && e && i.userData.wasmIndex !== void 0) {
+        const c = i.userData.wasmIndex * tA;
+        r.x !== void 0 && i.userData.initialLocalX !== void 0 && (e[c + pA] = i.userData.initialLocalX + r.x), r.y !== void 0 && i.userData.initialLocalY !== void 0 && (e[c + mA] = i.userData.initialLocalY + r.y);
+      }
+    }
+  }), s.forEach((r) => {
+    var n, a;
+    const o = t.get(r);
+    if (!o)
+      return;
+    const i = r.getBoundingClientRect();
+    o.userData.domRect && (o.userData.domRect.width = i.width, o.userData.domRect.height = i.height);
+    let g = ((n = o.material.userData) == null ? void 0 : n.shadowPadding) || 0;
+    if (o.scale.set(i.width + g * 2, i.height + g * 2, 1), K.forceUpdateUniforms(o.material, {
+      width: i.width,
+      height: i.height
+    }), e && o.userData.wasmIndex !== void 0) {
+      const I = o.userData.wasmIndex * tA, c = i.left + (o.userData.isFixed ? 0 : window.scrollX), l = i.top + (o.userData.isFixed ? 0 : window.scrollY), B = e[I + LA];
+      let C = 0, w = 0;
+      if (B !== -1) {
+        const Q = B * tA;
+        C = e[Q + te], w = e[Q + ie];
+      }
+      e[I + pA] = c - C, e[I + mA] = l - w;
+    }
+    if (o.userData.nativeMesh) {
+      const I = o.userData.nativeMesh;
+      let c = ((a = I.material.userData) == null ? void 0 : a.shadowPadding) || 0;
+      I.scale.set(i.width + c * 2, i.height + c * 2, 1), K.forceUpdateUniforms(I.material, {
+        width: i.width,
+        height: i.height
+      }), o.userData.nativeRect && (o.userData.nativeRect.width = i.width, o.userData.nativeRect.height = i.height);
+    }
   });
 }
-class dt {
-  constructor(e, t, r, s) {
-    p(this, "target");
-    p(this, "renderer");
-    p(this, "registry");
-    p(this, "isTravelEnabled", !1);
-    p(this, "tracker");
-    this.target = e, this.renderer = t, this.registry = r, this.tracker = new Ke(e, {
-      resizeDebounce: s.resizeDebounce
-    }), this.tracker.onLayoutChange.add((c, o) => {
-      document.querySelector(`[${V.NAME}~='${V.VALUES.TRAVELER}']`) !== null && !this.isTravelEnabled && (this.isTravelEnabled = !0, this.renderer.createRenderTarget());
-      const l = Xe(
+class FA {
+  __destroy_into_raw() {
+    const A = this.__wbg_ptr;
+    return this.__wbg_ptr = 0, ee.unregister(this), A;
+  }
+  free() {
+    const A = this.__destroy_into_raw();
+    J.__wbg_memorymanager_free(A, 0);
+  }
+  /**
+   * @returns {number}
+   */
+  get_length() {
+    return J.memorymanager_get_length(this.__wbg_ptr) >>> 0;
+  }
+  /**
+   * @returns {number}
+   */
+  get_pointer() {
+    return J.memorymanager_get_pointer(this.__wbg_ptr) >>> 0;
+  }
+  /**
+   * @param {number} capacity
+   */
+  constructor(A) {
+    const e = J.memorymanager_new(A);
+    return this.__wbg_ptr = e, ee.register(this, this.__wbg_ptr, this), this;
+  }
+  /**
+   * @param {number} node_count
+   */
+  update_physics(A) {
+    J.memorymanager_update_physics(this.__wbg_ptr, A);
+  }
+}
+Symbol.dispose && (FA.prototype[Symbol.dispose] = FA.prototype.free);
+function Ye() {
+  return {
+    __proto__: null,
+    "./wasm_compute_bg.js": {
+      __proto__: null,
+      __wbg___wbindgen_throw_5d9e815e6fdf150f: function(A, e) {
+        throw new Error(Ge(A, e));
+      },
+      __wbindgen_init_externref_table: function() {
+        const A = J.__wbindgen_externrefs, e = A.grow(4);
+        A.set(0, void 0), A.set(e + 0, void 0), A.set(e + 1, null), A.set(e + 2, !0), A.set(e + 3, !1);
+      }
+    }
+  };
+}
+const ee = typeof FinalizationRegistry == "undefined" ? { register: () => {
+}, unregister: () => {
+} } : new FinalizationRegistry((t) => J.__wbg_memorymanager_free(t, 1));
+function Ge(t, A) {
+  return Xe(t >>> 0, A);
+}
+let wA = null;
+function ke() {
+  return (wA === null || wA.byteLength === 0) && (wA = new Uint8Array(J.memory.buffer)), wA;
+}
+let vA = new TextDecoder("utf-8", { ignoreBOM: !0, fatal: !0 });
+vA.decode();
+const Ue = 2146435072;
+let xA = 0;
+function Xe(t, A) {
+  return xA += A, xA >= Ue && (vA = new TextDecoder("utf-8", { ignoreBOM: !0, fatal: !0 }), vA.decode(), xA = A), vA.decode(ke().subarray(t, t + A));
+}
+let J;
+function He(t, A) {
+  return J = t.exports, wA = null, J.__wbindgen_start(), J;
+}
+function Je(t, A) {
+  return aA(this, null, function* () {
+    if (typeof Response == "function" && t instanceof Response) {
+      if (!t.ok)
+        throw new Error(`failed to fetch Wasm: ${t.status} ${t.statusText} fetching '${t.url}'`);
+      if (typeof WebAssembly.instantiateStreaming == "function")
+        try {
+          return yield WebAssembly.instantiateStreaming(t, A);
+        } catch (r) {
+          if (e(t.type) && t.headers.get("Content-Type") !== "application/wasm")
+            console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", r);
+          else
+            throw r;
+        }
+      const s = yield t.arrayBuffer();
+      return yield WebAssembly.instantiate(s, A);
+    } else {
+      const s = yield WebAssembly.instantiate(t, A);
+      return s instanceof WebAssembly.Instance ? { instance: s, module: t } : s;
+    }
+    function e(s) {
+      switch (s) {
+        case "basic":
+        case "cors":
+        case "default":
+          return !0;
+      }
+      return !1;
+    }
+  });
+}
+function ze(t) {
+  return aA(this, null, function* () {
+    if (J !== void 0)
+      return J;
+    t !== void 0 && (Object.getPrototypeOf(t) === Object.prototype ? { module_or_path: t } = t : console.warn("using deprecated parameters for the initialization function; pass a single object instead")), t === void 0 && (t = new URL("data:application/wasm;base64,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BEAgAiAKIAH8CgAACyACIQEgChADCyABCwwBCyAFRQRAQQEhAQwCCyAFQQEQJgsiAQ0AIAtBATYCBAwBCyALIAE2AgRBACEMC0EIIQELIAEgC2ogBTYCACALIAw2AgAgCSgCBEEBRgRAIAkoAgggCSgCDBAcAAsgCSgCCCEBIAAgDTYCACAAIAE2AgQgCUEQaiQAC6QEAgl/A30jAEEQayIFJAACQAJAIAAEQCAAQQhrIgYgBigCAEEBaiICNgIAIAJFDQEgACgCAA0CIABBfzYCACAFIAY2AgwgBSAANgIIIAUgAEEEaiIENgIEIAEEQCAEKAIIIQIgBCgCBCIJIQQDQAJAAkACQAJAAkACQAJAAkAgAiADQQFqSwRAIANBAmogAk8NASACIANNDQIgBEEEaioCACEMIARBCGoqAgAhDSAEKgIAIgtDAAAAAGBFBEAgA0EDaiACTw0EIARBDGogDDgCACADQQRqIAJPDQUgBEEQaiANOAIADAkLIAv8AUEFbCIHQQNqIgggAk8NBSAHQQRqIgcgAk8NBiACIANBA2oiCk0EQCAKIAJBjIPAABASAAsgCSAHQQJ0aioCACELIARBDGogDCAJIAhBAnRqKgIAkjgCACADQQRqIgggAkkNByAIIAJBnIPAABASAAsgA0EBaiACQZyCwAAQEgALIANBAmogAkGsgsAAEBIACyADIAJBvILAABASAAsgA0EDaiACQcyCwAAQEgALIANBBGogAkHcgsAAEBIACyAIIAJB7ILAABASAAsgByACQfyCwAAQEgALIARBEGogDSALkjgCAAsgBEEUaiEEIANBBWohAyABQQFrIgENAAsLIAAgACgCAEEBajYCACAGIAYoAgBBAWsiADYCACAARQRAIAVBDGoQEwsgBUEQaiQADwsQKAsACxApAAuNAQICfwF+IwBBIGsiAiQAIAEoAgBBf0YEQCABKAIMIQMgAkEANgIcIAJCgICAgBA3AhQgAkEUakHYhMAAIAMoAgAiAygCACADKAIEEAQaIAIgAigCHCIDNgIQIAIgAikCFCIENwMIIAEgAzYCCCABIAQ3AgALIABBhIfAADYCBCAAIAE2AgAgAkEgaiQAC1QBAX8CQAJAIAAoAgAgACgCCCIDayACSQRAIAAgAyACEA4gACgCCCEDDAELIAJFDQELIAJFDQAgACgC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", self.location));
+    const A = Ye();
+    (typeof t == "string" || typeof Request == "function" && t instanceof Request || typeof URL == "function" && t instanceof URL) && (t = fetch(t));
+    const { instance: e, module: s } = yield Je(yield t, A);
+    return He(e);
+  });
+}
+class _e {
+  constructor() {
+    h(this, "memoryManager", null);
+    h(this, "sharedArray", null);
+    h(this, "isInitialized", !1);
+  }
+  /**
+   * Initialize Wasm instance and allocate a 1D Float32Array shared memory
+   * @param capacity The number of Float32 elements to allocate
+   */
+  initialize(A) {
+    return aA(this, null, function* () {
+      if (!this.isInitialized)
+        try {
+          const e = yield ze();
+          this.memoryManager = new FA(A);
+          const s = this.memoryManager.get_pointer(), r = this.memoryManager.get_length();
+          this.sharedArray = new Float32Array(e.memory.buffer, s, r), this.isInitialized = !0, console.log(`[WasmSynchronizer] Initialized with capacity: ${A} floats (${A * 4} bytes)`);
+        } catch (e) {
+          throw console.error("[WasmSynchronizer] Failed to initialize Wasm:", e), e;
+        }
+    });
+  }
+  getSharedArray() {
+    if (!this.isInitialized || !this.sharedArray)
+      throw new Error("WasmSynchronizer is not initialized yet. Call initialize() first.");
+    return this.sharedArray;
+  }
+  updatePhysics(A) {
+    this.isInitialized && this.memoryManager && this.memoryManager.update_physics(A);
+  }
+}
+class We {
+  constructor(A, e, s, r) {
+    h(this, "target");
+    h(this, "renderer");
+    h(this, "registry");
+    h(this, "isTravelEnabled", !1);
+    h(this, "wasmSync");
+    h(this, "lastWasmNodeCount", 0);
+    h(this, "tracker");
+    this.target = A, this.renderer = e, this.registry = s, this.wasmSync = new _e(), this.tracker = new we(A, {
+      resizeDebounce: r.resizeDebounce
+    }), this.tracker.onLayoutChange.add((o, i) => {
+      document.querySelector(`[${X.NAME}~='${X.VALUES.TRAVELER}']`) !== null && !this.isTravelEnabled && (this.isTravelEnabled = !0, this.renderer.createRenderTarget());
+      const n = this.wasmSync.sharedArray;
+      this.renderer.updateScroll();
+      const a = {
+        sharedArray: n || new Float32Array(),
+        currentIndex: 0,
+        scrollX: this.renderer.getScrollX(),
+        scrollY: this.renderer.getScrollY()
+      }, I = ne(
         this.target,
-        c,
-        $,
+        o,
+        j,
         1,
         0,
-        this.renderer.qualityFactor
+        this.renderer.qualityFactor,
+        void 0,
+        void 0,
+        void 0,
+        a
       );
-      l && this.renderer.syncScene(l, o);
-    }), this.tracker.onStyleChange.add((c) => {
-      ht(this.registry, c);
+      I && (this.lastWasmNodeCount = a.currentIndex, this.renderer.syncScene(I, i), n && this.renderer.saveInitialLocals(n));
+    }), this.tracker.onStyleChange.add((o) => {
+      Te(this.registry, o, this.wasmSync.sharedArray || void 0);
     }), this.tracker.onRender.add(() => {
-      this.renderer.syncMeshesByDOM(), this.renderer.render();
+      this.renderer.updateScroll(), this.wasmSync.updatePhysics(this.lastWasmNodeCount), this.wasmSync.sharedArray && this.renderer.syncMeshesByWasm(this.wasmSync.sharedArray), this.renderer.render();
     });
   }
   start() {
-    this.tracker.start();
+    return aA(this, null, function* () {
+      yield this.wasmSync.initialize(1e4 * tA), this.tracker.start();
+    });
   }
   stop() {
     this.tracker.stop();
   }
 }
-class ut {
+class Ke {
   constructor() {
-    p(this, "store");
+    h(this, "store");
     this.store = /* @__PURE__ */ new WeakMap();
   }
-  register(e, t) {
-    this.store.set(e, t);
+  register(A, e) {
+    this.store.set(A, e);
   }
-  get(e) {
-    return this.store.get(e);
+  get(A) {
+    return this.store.get(A);
   }
   // public register(element: HTMLElement, meshGroup: THREE.Group): void {
   //   this.store.set(element, meshGroup);
@@ -1796,41 +1996,43 @@ class ut {
   // public get(element: HTMLElement): THREE.Group | undefined {
   //   return this.store.get(element);
   // }
-  has(e) {
-    return this.store.has(e);
+  has(A) {
+    return this.store.has(A);
   }
   // Optional
-  remove(e) {
-    this.store.delete(e);
+  remove(A) {
+    this.store.delete(A);
   }
 }
-class mt {
-  constructor(e, t) {
-    p(this, "renderer");
-    p(this, "syncer");
-    p(this, "target");
-    p(this, "registry");
-    var s, c, o;
-    if (this.target = e, this.registry = new ut(), !document.getElementById("mirage-engine-styles")) {
-      const n = document.createElement("style");
-      n.id = "mirage-engine-styles", n.textContent = `
-        [${te.NAME}="${te.VALUES.HIDE}"] {
+class Ve {
+  constructor(A, e) {
+    h(this, "renderer");
+    h(this, "syncer");
+    h(this, "target");
+    h(this, "registry");
+    var r, o, i;
+    if (this.target = A, this.registry = new Ke(), !document.getElementById("mirage-engine-styles")) {
+      const g = document.createElement("style");
+      g.id = "mirage-engine-styles", g.textContent = `
+        [${eA.NAME}="${eA.VALUES.HIDE}"] {
           opacity: 0 !important;
         }
-      `, document.head.appendChild(n);
+      `, document.head.appendChild(g);
     }
-    let r;
-    if (t.mode === "duplicate" ? r = (c = (s = t.container) != null ? s : this.target.parentElement) != null ? c : void 0 : r = (o = this.target.parentElement) != null ? o : void 0, !r)
+    let s;
+    if (e.mode === "duplicate" ? s = (o = (r = e.container) != null ? r : this.target.parentElement) != null ? o : void 0 : s = (i = this.target.parentElement) != null ? i : void 0, !s)
       throw new Error("[Mirage] Cannot find a container (parent or option).");
-    this.renderer = new lt(
+    this.renderer = new Le(
       this.target,
-      t,
-      r,
+      e,
+      s,
       this.registry
-    ), this.renderer.mount(), this.syncer = new dt(this.target, this.renderer, this.registry, t);
+    ), this.renderer.mount(), this.syncer = new We(this.target, this.renderer, this.registry, e);
   }
   start() {
-    this.syncer.start();
+    return aA(this, null, function* () {
+      yield this.syncer.start();
+    });
   }
   stop() {
     this.syncer.stop();
@@ -1841,55 +2043,62 @@ class mt {
   getTracker() {
     return this.syncer.tracker;
   }
-  updateUniforms(e, t) {
-    this.renderer.updateUniforms(e, t);
+  updateUniforms(A, e) {
+    this.renderer.updateUniforms(A, e);
   }
   getCanvas() {
     return this.renderer.canvas;
   }
   test() {
-    const e = this.registry.get(
+    const A = this.registry.get(
       document.querySelector("#box2")
     );
-    if (!e)
+    if (!A)
       return;
-    const t = {
+    const e = {
       ArrowRight: !1,
       ArrowLeft: !1,
       ArrowUp: !1,
       ArrowDown: !1
     };
-    window.addEventListener("keydown", (c) => {
-      t[c.key] !== void 0 && (t[c.key] = !0);
-    }), window.addEventListener("keyup", (c) => {
-      t[c.key] !== void 0 && (t[c.key] = !1);
+    window.addEventListener("keydown", (o) => {
+      e[o.key] !== void 0 && (e[o.key] = !0);
+    }), window.addEventListener("keyup", (o) => {
+      e[o.key] !== void 0 && (e[o.key] = !1);
     });
-    const r = 2, s = () => {
-      requestAnimationFrame(s), t.ArrowRight && e.position.setX(e.position.x + r), t.ArrowLeft && e.position.setX(e.position.x - r), t.ArrowUp && e.position.setY(e.position.y + r), t.ArrowDown && e.position.setY(e.position.y - r);
+    const s = 2, r = () => {
+      requestAnimationFrame(r), e.ArrowRight && A.position.setX(A.position.x + s), e.ArrowLeft && A.position.setX(A.position.x - s), e.ArrowUp && A.position.setY(A.position.y + s), e.ArrowDown && A.position.setY(A.position.y - s);
     };
-    s();
+    r();
   }
 }
 export {
-  Ae as ALLOWED_FILTERS,
-  te as ATTR_DOM,
+  ZA as ALLOWED_FILTERS,
+  eA as ATTR_DOM,
   q as ATTR_FILTER,
-  gt as ATTR_SANDWICH,
-  j as ATTR_SELECT,
-  Ge as ATTR_SHADER,
-  V as ATTR_TRAVEL,
-  Se as DIRTY_CONTENT,
-  pe as DIRTY_NONE,
-  ie as DIRTY_RECT,
-  me as DIRTY_STRUCTURE,
-  fe as DIRTY_STYLE,
-  qe as DIRTY_ZINDEX,
-  pt as EXCLUDED,
-  mt as Engine,
-  ne as SELECT_LAYER,
-  O as THREE_LAYERS,
-  De as TRAVEL_VALUES,
-  Ke as Tracker,
-  $ as USER_LAYER,
-  je as extractFromStyle
+  qe as ATTR_SANDWICH,
+  Z as ATTR_SELECT,
+  de as ATTR_SHADER,
+  X as ATTR_TRAVEL,
+  TA as DIRTY_CONTENT,
+  DA as DIRTY_NONE,
+  nA as DIRTY_RECT,
+  SA as DIRTY_STRUCTURE,
+  fA as DIRTY_STYLE,
+  Qe as DIRTY_ZINDEX,
+  je as EXCLUDED,
+  Ve as Engine,
+  pA as OFFSET_LOCAL_X,
+  mA as OFFSET_LOCAL_Y,
+  LA as OFFSET_PARENT,
+  te as OFFSET_WORLD_X,
+  ie as OFFSET_WORLD_Y,
+  lA as SELECT_LAYER,
+  L as THREE_LAYERS,
+  VA as TRAVEL_VALUES,
+  we as Tracker,
+  j as USER_LAYER,
+  tA as WASM_STRIDE,
+  _e as WasmSynchronizer,
+  fe as extractFromStyle
 };