@vincentt-xr/sdk 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/{renderPasses-NnKZVfBy.js → index-w1S7fI2B.js}

@@ -1,14 +1,14 @@
-import { u as Me, S as Ee, a as ze, D as Re } from "./index-CHVbH0hz.js";
-import { useThree as be, useFrame as Oe } from "@react-three/fiber";
-import { useRef as j, useState as Pe, useCallback as N, useEffect as U, useMemo as W, createElement as De } from "react";
+import { D as Me } from "./index-zGaqrz_K.js";
+import { useThree as ge, useFrame as Ee } from "@react-three/fiber";
+import { useRef as _, useState as ze, useCallback as N, useEffect as U, useMemo as W, createElement as Oe } from "react";
 import * as ae from "three";
-import { Vector2 as q, Vector3 as z, Box3 as Le, Matrix4 as B, Quaternion as X, Euler as $, MathUtils as L, Color as Ae } from "three";
-import { q as Ce } from "./index-CnGox6Xr.js";
-import { D as Fe } from "./index-Dw6tj2Mi.js";
-import { z as _e, A as Ie, B as je, M as We, j as Ge, E as Ne } from "./FaceMeshRenderer-UuH5sTXG.js";
-import { r as de, D as C, a as fe, m as Ue, b as Z } from "./screenTransform-BenfCtZt.js";
-import { jsxs as P, jsx as u } from "react/jsx-runtime";
-import { Line as ke } from "@react-three/drei";
+import { Vector2 as q, Vector3 as z, Box3 as Pe, Matrix4 as B, Quaternion as X, Euler as H, MathUtils as L, Color as Re } from "three";
+import { D as De } from "./index-CIe7eCMH.js";
+import { r as de, D as C, a as fe, m as Le, b as Z, c as Fe } from "./index-DBhQzvVa.js";
+import { u as Ce, D as Ae, n as Ie, h as je, i as _e, j as We } from "./renderPasses-B6l8IpJv.js";
+import { jsxs as R, jsx as u } from "react/jsx-runtime";
+import { Line as Ge } from "@react-three/drei";
+import { u as Ne, S as Ue, a as ke } from "./context-DTxSQvp4.js";
 const he = {
   move: "grab",
   pivot: "all-scroll",
@@ -46,7 +46,7 @@ const he = {
       depthWrite: !1,
       toneMapped: !1
     }
-  ), S = /* @__PURE__ */ u(
+  ), b = /* @__PURE__ */ u(
     "meshBasicMaterial",
     {
       color: o,
@@ -56,7 +56,7 @@ const he = {
       depthWrite: !1,
       toneMapped: !1
     }
-  ), w = Math.max(d * 7, 0.028), b = Math.max(d * 7, 0.03), M = Math.max(d * 8, 0.032), h = 0.04, c = 0.06, T = 0.08, y = 0.1, f = i ?? 0, A = [
+  ), w = Math.max(d * 7, 0.028), g = Math.max(d * 7, 0.03), M = Math.max(d * 8, 0.032), h = 0.04, c = 0.06, T = 0.08, y = 0.1, f = i ?? 0, F = [
     ["topLeft", -0.5, 0.5],
     ["topRight", 0.5, 0.5],
     ["bottomLeft", -0.5, -0.5],
@@ -72,71 +72,71 @@ const he = {
     ["rotateTopRight", 0.56, 0.56, -Math.PI / 2],
     ["rotateBottomRight", 0.56, -0.56, Math.PI],
     ["rotateBottomLeft", -0.56, -0.56, Math.PI / 2]
-  ], g = (m) => n ? (O) => {
-    O.stopPropagation(), document.body.style.cursor = m === "move" ? "grabbing" : he[m], n(m, O);
+  ], S = (m) => n ? (P) => {
+    P.stopPropagation(), document.body.style.cursor = m === "move" ? "grabbing" : he[m], n(m, P);
   } : void 0, x = (m) => {
     n && (document.body.style.cursor = he[m]);
-  }, R = () => {
+  }, O = () => {
     n && (document.body.style.cursor = "");
   }, v = [s[0] - 0.5, s[1] - 0.5, y];
-  return /* @__PURE__ */ P("group", { renderOrder: f, children: [
-    /* @__PURE__ */ P("mesh", { position: [0, 0.5, h], scale: [1, d, 1], renderOrder: f, children: [
+  return /* @__PURE__ */ R("group", { renderOrder: f, children: [
+    /* @__PURE__ */ R("mesh", { position: [0, 0.5, h], scale: [1, d, 1], renderOrder: f, children: [
       /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
       p
     ] }),
-    /* @__PURE__ */ P("mesh", { position: [0, -0.5, h], scale: [1, d, 1], renderOrder: f, children: [
+    /* @__PURE__ */ R("mesh", { position: [0, -0.5, h], scale: [1, d, 1], renderOrder: f, children: [
       /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
       p
     ] }),
-    /* @__PURE__ */ P("mesh", { position: [-0.5, 0, h], scale: [d, 1, 1], renderOrder: f, children: [
+    /* @__PURE__ */ R("mesh", { position: [-0.5, 0, h], scale: [d, 1, 1], renderOrder: f, children: [
       /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
       p
     ] }),
-    /* @__PURE__ */ P("mesh", { position: [0.5, 0, h], scale: [d, 1, 1], renderOrder: f, children: [
+    /* @__PURE__ */ R("mesh", { position: [0.5, 0, h], scale: [d, 1, 1], renderOrder: f, children: [
       /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
       p
     ] }),
-    /* @__PURE__ */ P(
+    /* @__PURE__ */ R(
       "mesh",
       {
         position: [0, 0, c],
         renderOrder: f + 1,
-        onPointerDown: g("move"),
+        onPointerDown: S("move"),
         onPointerOver: () => x("move"),
-        onPointerOut: R,
+        onPointerOut: O,
         children: [
           /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
           /* @__PURE__ */ u("meshBasicMaterial", { transparent: !0, opacity: 0, depthTest: !1, depthWrite: !1 })
         ]
       }
     ),
-    A.map(([m, O, F]) => /* @__PURE__ */ P(
+    F.map(([m, P, A]) => /* @__PURE__ */ R(
       "mesh",
       {
-        position: [O, F, T],
+        position: [P, A, T],
         scale: [w * t[0], w * t[1], t[2]],
         renderOrder: f + 2,
-        onPointerDown: g(m),
+        onPointerDown: S(m),
         onPointerOver: () => x(m),
-        onPointerOut: R,
+        onPointerOut: O,
         children: [
           /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
-          S
+          b
         ]
       },
       m
     )),
-    E.map(([m, O, F, H]) => /* @__PURE__ */ u(
+    E.map(([m, P, A, $]) => /* @__PURE__ */ u(
       "group",
       {
-        position: [O, F, T + 0.01],
-        rotation: [0, 0, H],
+        position: [P, A, T + 0.01],
+        rotation: [0, 0, $],
         scale: [M * t[0], M * t[1], t[2]],
         renderOrder: f + 3,
-        onPointerDown: g(m),
+        onPointerDown: S(m),
         onPointerOver: () => x(m),
-        onPointerOut: R,
-        children: /* @__PURE__ */ P("mesh", { renderOrder: f + 3, children: [
+        onPointerOut: O,
+        children: /* @__PURE__ */ R("mesh", { renderOrder: f + 3, children: [
           /* @__PURE__ */ u("planeGeometry", { args: [1.9, 1.9] }),
           /* @__PURE__ */ u("meshBasicMaterial", { transparent: !0, opacity: 0, depthTest: !1, depthWrite: !1 })
         ] })
@@ -147,21 +147,21 @@ const he = {
       "group",
       {
         position: v,
-        scale: [b * a[0], b * a[1], a[2]],
+        scale: [g * a[0], g * a[1], a[2]],
         renderOrder: f + 5,
-        onPointerDown: g("pivot"),
+        onPointerDown: S("pivot"),
         onPointerOver: () => x("pivot"),
-        onPointerOut: R,
-        children: /* @__PURE__ */ P("group", { rotation: [0, 0, Math.PI / 4], children: [
-          /* @__PURE__ */ P("mesh", { scale: [1.8, 1.8, 1], renderOrder: f + 5, children: [
+        onPointerOut: O,
+        children: /* @__PURE__ */ R("group", { rotation: [0, 0, Math.PI / 4], children: [
+          /* @__PURE__ */ R("mesh", { scale: [1.8, 1.8, 1], renderOrder: f + 5, children: [
             /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
             /* @__PURE__ */ u("meshBasicMaterial", { transparent: !0, opacity: 0, depthTest: !1, depthWrite: !1 })
           ] }),
-          /* @__PURE__ */ P("mesh", { position: [0, 0, 2e-3], renderOrder: f + 6, children: [
+          /* @__PURE__ */ R("mesh", { position: [0, 0, 2e-3], renderOrder: f + 6, children: [
             /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
-            S
+            b
           ] }),
-          /* @__PURE__ */ P("mesh", { scale: [0.62, 0.62, 1], position: [0, 0, 4e-3], renderOrder: f + 7, children: [
+          /* @__PURE__ */ R("mesh", { scale: [0.62, 0.62, 1], position: [0, 0, 4e-3], renderOrder: f + 7, children: [
             /* @__PURE__ */ u("planeGeometry", { args: [1, 1] }),
             /* @__PURE__ */ u(
               "meshBasicMaterial",
@@ -179,7 +179,7 @@ const he = {
       }
     )
   ] });
-}, _ = (e) => Math.round(e * 2) / 2, ue = (e) => Math.min(1, Math.max(0, e)), ee = {
+}, I = (e) => Math.round(e * 2) / 2, ue = (e) => Math.min(1, Math.max(0, e)), ee = {
   move: "grab",
   pivot: "all-scroll",
   rotateTopLeft: "alias",
@@ -208,24 +208,24 @@ const he = {
   ["rotateTopRight", 1.03, -0.03],
   ["rotateBottomRight", 1.03, 1.03],
   ["rotateBottomLeft", -0.03, 1.03]
-], $e = (e, t) => {
+], He = (e, t) => {
   const o = de({
     transform: t,
     parentSize: { width: e.width, height: e.height }
   }), n = Math.min(
     e.width / C.width,
     e.height / C.height
-  ) * (fe / Math.max(t.referencePixelsPerUnit, 1e-6)) || 1, r = C.width * n, s = C.height * n, a = e.left + (e.width - r) / 2, i = e.top + (e.height - s) / 2, l = a + r / 2, d = i + s / 2, p = o.size[0], S = o.size[1], w = l + o.center[0], b = d - o.center[1];
+  ) * (fe / Math.max(t.referencePixelsPerUnit, 1e-6)) || 1, r = C.width * n, s = C.height * n, a = e.left + (e.width - r) / 2, i = e.top + (e.height - s) / 2, l = a + r / 2, d = i + s / 2, p = o.size[0], b = o.size[1], w = l + o.center[0], g = d - o.center[1];
   return {
     centerX: w,
-    centerY: b,
-    height: S,
+    centerY: g,
+    height: b,
     left: w - p / 2,
     scale: n,
-    top: b - S / 2,
+    top: g - b / 2,
     width: p
   };
-}, He = (e, t, o, n) => {
+}, $e = (e, t, o, n) => {
   const r = C.width * n, s = C.height * n, a = o.left + (o.width - r) / 2, i = o.top + (o.height - s) / 2;
   return {
     x: (e - (a + r / 2)) / n,
@@ -237,21 +237,21 @@ const he = {
   onChange: o,
   transform: n
 }) => {
-  const r = j(o);
+  const r = _(o);
   r.current = o;
-  const { gl: s } = be(), [a, i] = Pe(null), l = j(null), d = j(null), p = N(() => {
+  const { gl: s } = ge(), [a, i] = ze(null), l = _(null), d = _(null), p = N(() => {
     i(s.domElement.getBoundingClientRect());
   }, [s.domElement]);
   U(() => (p(), window.addEventListener("resize", p), window.addEventListener("scroll", p, !0), () => {
     window.removeEventListener("resize", p), window.removeEventListener("scroll", p, !0);
   }), [p]);
-  const S = W(
-    () => a ? $e(a, n) : null,
+  const b = W(
+    () => a ? He(a, n) : null,
     [a, n]
   ), w = N((h) => {
     const c = l.current, T = r.current;
     if (!c || !T) return;
-    const y = (h.clientX - c.startX) / c.scale, f = -(h.clientY - c.startY) / c.scale, A = {
+    const y = (h.clientX - c.startX) / c.scale, f = -(h.clientY - c.startY) / c.scale, F = {
       x: c.startPointerDesign.x + y,
       y: c.startPointerDesign.y + f
     }, E = {
@@ -262,60 +262,60 @@ const he = {
     };
     if (c.handle === "move")
       E.position = {
-        x: _(c.startTransform.position.x + y),
-        y: _(c.startTransform.position.y + f)
+        x: I(c.startTransform.position.x + y),
+        y: I(c.startTransform.position.y + f)
       };
     else if (c.handle === "pivot") {
-      const g = Math.max(
+      const S = Math.max(
         1,
         c.startTransform.size.width * c.startTransform.scale2D.x
       ), x = Math.max(
         1,
         c.startTransform.size.height * c.startTransform.scale2D.y
-      ), R = ue(c.startTransform.pivot[0] + y / g), v = ue(c.startTransform.pivot[1] + f / x);
-      E.pivot = [_(R * 1e3) / 1e3, _(v * 1e3) / 1e3], E.position = {
-        x: _(
-          c.startTransform.position.x + (E.pivot[0] - c.startTransform.pivot[0]) * g
+      ), O = ue(c.startTransform.pivot[0] + y / S), v = ue(c.startTransform.pivot[1] + f / x);
+      E.pivot = [I(O * 1e3) / 1e3, I(v * 1e3) / 1e3], E.position = {
+        x: I(
+          c.startTransform.position.x + (E.pivot[0] - c.startTransform.pivot[0]) * S
         ),
-        y: _(
+        y: I(
           c.startTransform.position.y + (E.pivot[1] - c.startTransform.pivot[1]) * x
         )
       };
     } else if (c.handle.startsWith("rotate")) {
-      const g = Math.atan2(
+      const S = Math.atan2(
         c.startPointerDesign.y - c.startTransform.position.y,
         c.startPointerDesign.x - c.startTransform.position.x
       ), x = Math.atan2(
-        A.y - c.startTransform.position.y,
-        A.x - c.startTransform.position.x
+        F.y - c.startTransform.position.y,
+        F.x - c.startTransform.position.x
       );
-      E.rotation = _(
-        c.startTransform.rotation + (x - g) * 180 / Math.PI
+      E.rotation = I(
+        c.startTransform.rotation + (x - S) * 180 / Math.PI
       );
     } else {
-      const g = c.handle === "left" || c.handle.endsWith("Left"), x = c.handle === "right" || c.handle.endsWith("Right"), R = c.handle === "top" || c.handle.startsWith("top"), v = c.handle === "bottom" || c.handle.startsWith("bottom"), m = x ? y * 2 : g ? -y * 2 : 0, O = R ? f * 2 : v ? -f * 2 : 0;
+      const S = c.handle === "left" || c.handle.endsWith("Left"), x = c.handle === "right" || c.handle.endsWith("Right"), O = c.handle === "top" || c.handle.startsWith("top"), v = c.handle === "bottom" || c.handle.startsWith("bottom"), m = x ? y * 2 : S ? -y * 2 : 0, P = O ? f * 2 : v ? -f * 2 : 0;
       E.size = {
-        width: Math.max(1, _(c.startTransform.size.width + m)),
-        height: Math.max(1, _(c.startTransform.size.height + O))
+        width: Math.max(1, I(c.startTransform.size.width + m)),
+        height: Math.max(1, I(c.startTransform.size.height + P))
       };
     }
     T(E);
-  }, []), b = N(() => {
-    l.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", b);
+  }, []), g = N(() => {
+    l.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", g);
   }, [w]);
-  U(() => b, [b]);
+  U(() => g, [g]);
   const M = N(
     (h, c) => {
-      !a || !S || !o || (c.preventDefault(), document.body.style.cursor = h === "move" ? "grabbing" : ee[h], l.current = {
+      !a || !b || !o || (c.preventDefault(), document.body.style.cursor = h === "move" ? "grabbing" : ee[h], l.current = {
         handle: h,
         startX: c.clientX,
         startY: c.clientY,
-        startPointerDesign: He(c.clientX, c.clientY, a, S.scale),
+        startPointerDesign: $e(c.clientX, c.clientY, a, b.scale),
         startTransform: n,
-        scale: S.scale
-      }, window.addEventListener("pointermove", w), window.addEventListener("pointerup", b));
+        scale: b.scale
+      }, window.addEventListener("pointermove", w), window.addEventListener("pointerup", g));
     },
-    [a, S, o, b, n, w]
+    [a, b, o, g, n, w]
   );
   return U(() => {
     if (typeof document > "u") return;
@@ -325,7 +325,7 @@ const he = {
     };
   }, []), U(() => {
     const h = d.current;
-    if (!h || (h.replaceChildren(), !S))
+    if (!h || (h.replaceChildren(), !b))
       return;
     const c = 12, T = 12, y = document.createElement("div");
     Object.assign(y.style, {
@@ -337,39 +337,39 @@ const he = {
     const f = document.createElement("div");
     Object.assign(f.style, {
       position: "absolute",
-      left: `${S.left}px`,
-      top: `${S.top}px`,
-      width: `${S.width}px`,
-      height: `${S.height}px`,
+      left: `${b.left}px`,
+      top: `${b.top}px`,
+      width: `${b.width}px`,
+      height: `${b.height}px`,
       border: `1px solid ${e}`,
       boxSizing: "border-box",
       transform: `rotate(${-n.rotation}deg)`,
       transformOrigin: `${n.pivot[0] * 100}% ${(1 - n.pivot[1]) * 100}%`,
       pointerEvents: o ? "auto" : "none",
       cursor: ee.move
-    }), f.addEventListener("pointerdown", (g) => M("move", g));
-    const A = (g, x, R, v, m = "translate(-50%, -50%)") => {
-      const O = document.createElement("div");
-      return Object.assign(O.style, {
+    }), f.addEventListener("pointerdown", (S) => M("move", S));
+    const F = (S, x, O, v, m = "translate(-50%, -50%)") => {
+      const P = document.createElement("div");
+      return Object.assign(P.style, {
         position: "absolute",
         left: `${x * 100}%`,
-        top: `${R * 100}%`,
+        top: `${O * 100}%`,
         width: `${v}px`,
         height: `${v}px`,
-        cursor: ee[g],
+        cursor: ee[S],
         transform: m,
         pointerEvents: "auto"
-      }), O.addEventListener("pointerdown", (F) => {
-        F.stopPropagation(), M(g, F);
-      }), O;
+      }), P.addEventListener("pointerdown", (A) => {
+        A.stopPropagation(), M(S, A);
+      }), P;
     };
-    for (const [g, x, R] of Xe) {
-      const v = A(g, x, R, c);
+    for (const [S, x, O] of Xe) {
+      const v = F(S, x, O, c);
       v.style.background = t, f.appendChild(v);
     }
-    for (const [g, x, R] of Ye)
-      f.appendChild(A(g, x, R, 26));
-    const E = A(
+    for (const [S, x, O] of Ye)
+      f.appendChild(F(S, x, O, 26));
+    const E = F(
       "pivot",
       n.pivot[0],
       1 - n.pivot[1],
@@ -383,7 +383,7 @@ const he = {
     }), f.appendChild(E), y.appendChild(f), h.appendChild(y), () => {
       h.replaceChildren();
     };
-  }, [e, t, S, o, M, n]), null;
+  }, [e, t, b, o, M, n]), null;
 }, V = {
   // Pinning is opt-in. A serialized scene must never move an object until
   // the author explicitly enables the component and chooses a target.
@@ -401,22 +401,22 @@ const he = {
   const l = (a.x * s.y - s.x * a.y) / i, d = (r.x * a.y - a.x * r.y) / i, p = 1 - l - d;
   return p >= -1e-5 && l >= -1e-5 && d >= -1e-5 ? [p, l, d] : null;
 }, Ke = (e, t, o = !1) => {
-  const n = new q(t.x, t.y), r = new q(), s = new q(), a = new q(), i = new z(), l = new z(), d = new z(), p = new z(), S = new z(), w = new z();
-  let b = null;
+  const n = new q(t.x, t.y), r = new q(), s = new q(), a = new q(), i = new z(), l = new z(), d = new z(), p = new z(), b = new z(), w = new z();
+  let g = null;
   if (e.traverse((h) => {
-    var x, R;
-    if (b || !h.isMesh) return;
-    const c = h, T = c.geometry, y = (x = T == null ? void 0 : T.attributes) == null ? void 0 : x.position, f = (R = T == null ? void 0 : T.attributes) == null ? void 0 : R.uv;
+    var x, O;
+    if (g || !h.isMesh) return;
+    const c = h, T = c.geometry, y = (x = T == null ? void 0 : T.attributes) == null ? void 0 : x.position, f = (O = T == null ? void 0 : T.attributes) == null ? void 0 : O.uv;
     if (!y || !f) return;
-    const A = T.attributes.normal, E = T.index, g = (v) => (E == null ? void 0 : E.getX(v)) ?? v;
+    const F = T.attributes.normal, E = T.index, S = (v) => (E == null ? void 0 : E.getX(v)) ?? v;
     for (let v = 0; v < (E ? E.count : y.count); v += 3) {
-      const m = [g(v), g(v + 1), g(v + 2)];
+      const m = [S(v), S(v + 1), S(v + 2)];
       r.set(f.getX(m[0]), f.getY(m[0])), s.set(f.getX(m[1]), f.getY(m[1])), a.set(f.getX(m[2]), f.getY(m[2]));
-      const O = Ve(n, r, s, a);
-      if (O) {
-        i.set(0, 0, 0), l.set(0, 0, 0), m.forEach((F, H) => {
-          d.fromBufferAttribute(y, F), i.addScaledVector(d, O[H]), A && o && l.addScaledVector(d.fromBufferAttribute(A, F), O[H]);
-        }), o || (p.fromBufferAttribute(y, m[0]), S.fromBufferAttribute(y, m[1]), w.fromBufferAttribute(y, m[2]), l.copy(S.sub(p).cross(w.sub(p)).normalize())), b = {
+      const P = Ve(n, r, s, a);
+      if (P) {
+        i.set(0, 0, 0), l.set(0, 0, 0), m.forEach((A, $) => {
+          d.fromBufferAttribute(y, A), i.addScaledVector(d, P[$]), F && o && l.addScaledVector(d.fromBufferAttribute(F, A), P[$]);
+        }), o || (p.fromBufferAttribute(y, m[0]), b.fromBufferAttribute(y, m[1]), w.fromBufferAttribute(y, m[2]), l.copy(b.sub(p).cross(w.sub(p)).normalize())), g = {
           mesh: c,
           localPosition: i.clone(),
           localNormal: l.clone().normalize()
@@ -424,8 +424,8 @@ const he = {
         break;
       }
     }
-  }), b) return b;
-  const M = new Le().setFromObject(e);
+  }), g) return g;
+  const M = new Pe().setFromObject(e);
   return {
     mesh: e,
     localPosition: e.worldToLocal(M.getCenter(new z())),
@@ -442,21 +442,21 @@ const he = {
     k(e.offsetPosition.y),
     k(e.offsetPosition.z)
   ), e.offsetSpace === "local" && oe.applyQuaternion(t.quaternion), te.copy(o.position).add(oe), t.parent && t.parent.worldToLocal(te), t.position.copy(te), re.setFromEuler(
-    new $(
+    new H(
       k(e.offsetRotation.x) * Math.PI / 180,
       k(e.offsetRotation.y) * Math.PI / 180,
       k(e.offsetRotation.z) * Math.PI / 180
     )
   ), e.offsetSpace === "local" ? t.quaternion.multiply(re) : t.quaternion.premultiply(re);
-}, to = ({ target: e, settings: t, children: o }) => {
-  const n = Ce(), r = j(null), s = j(null), a = () => {
+}, eo = ({ target: e, settings: t, children: o }) => {
+  const n = De(), r = _(null), s = _(null), a = () => {
     r.current && Je(r.current);
   };
   return U(() => {
     s.current = null;
   }, [t.targetObjectId]), U(() => {
     t.enabled || a();
-  }, [t.enabled]), Oe(() => {
+  }, [t.enabled]), Ee(() => {
     const i = e ?? n(t.targetObjectId);
     if (!t.enabled || !i || !r.current) {
       (!t.enabled || !i) && a();
@@ -470,8 +470,8 @@ const he = {
     }), i.updateWorldMatrix(!0, !0);
     const d = Qe(s.current.surface);
     et({ source: r.current, surface: d, settings: t });
-  }), De("group", { ref: r }, o);
-}, I = (e) => Math.round(e * 2) / 2, ye = (e) => Math.min(1, Math.max(0, e));
+  }), Oe("group", { ref: r }, o);
+}, j = (e) => Math.round(e * 2) / 2, ye = (e) => Math.min(1, Math.max(0, e));
 function tt(e) {
   return Math.min(
     e.width / C.width,
@@ -516,8 +516,8 @@ function rt({
   };
   if (e.handle === "move")
     return i.position = {
-      x: I(e.startTransform.position.x + r),
-      y: I(e.startTransform.position.y + s)
+      x: j(e.startTransform.position.x + r),
+      y: j(e.startTransform.position.y + s)
     }, i;
   if (e.handle === "pivot") {
     const M = Math.max(
@@ -527,11 +527,11 @@ function rt({
       1,
       e.startTransform.size.height * e.startTransform.scale2D.y
     ), c = ye(e.startTransform.pivot[0] + r / M), T = ye(e.startTransform.pivot[1] + s / h);
-    return i.pivot = [I(c * 1e3) / 1e3, I(T * 1e3) / 1e3], i.position = {
-      x: I(
+    return i.pivot = [j(c * 1e3) / 1e3, j(T * 1e3) / 1e3], i.position = {
+      x: j(
         e.startTransform.position.x + (i.pivot[0] - e.startTransform.pivot[0]) * M
       ),
-      y: I(
+      y: j(
         e.startTransform.position.y + (i.pivot[1] - e.startTransform.pivot[1]) * h
       )
     }, i;
@@ -544,14 +544,14 @@ function rt({
       a.y - e.startTransform.position.y,
       a.x - e.startTransform.position.x
     );
-    return i.rotation = I(
+    return i.rotation = j(
       e.startTransform.rotation + (h - M) * 180 / Math.PI
     ), i;
   }
-  const l = e.handle === "left" || e.handle.endsWith("Left"), d = e.handle === "right" || e.handle.endsWith("Right"), p = e.handle === "top" || e.handle.startsWith("top"), S = e.handle === "bottom" || e.handle.startsWith("bottom"), w = d ? r * 2 : l ? -r * 2 : 0, b = p ? s * 2 : S ? -s * 2 : 0;
+  const l = e.handle === "left" || e.handle.endsWith("Left"), d = e.handle === "right" || e.handle.endsWith("Right"), p = e.handle === "top" || e.handle.startsWith("top"), b = e.handle === "bottom" || e.handle.startsWith("bottom"), w = d ? r * 2 : l ? -r * 2 : 0, g = p ? s * 2 : b ? -s * 2 : 0;
   return i.size = {
-    width: Math.max(1, I(e.startTransform.size.width + w)),
-    height: Math.max(1, I(e.startTransform.size.height + b))
+    width: Math.max(1, j(e.startTransform.size.width + w)),
+    height: Math.max(1, j(e.startTransform.size.height + g))
   }, i;
 }
 function st({
@@ -561,26 +561,26 @@ function st({
   onChange: n,
   children: r
 }) {
-  const s = Me(), { size: a } = be(), i = j(n);
+  const s = Ne(), { size: a } = ge(), i = _(n);
   i.current = n;
-  const l = j(null), d = W(
+  const l = _(null), d = W(
     () => de({ transform: e, parentSize: s }),
     [s, e]
-  ), p = tt(a), S = j(p);
-  S.current = p;
-  const w = ot({ resolved: d, transform: e }), b = N((T) => {
+  ), p = tt(a), b = _(p);
+  b.current = p;
+  const w = ot({ resolved: d, transform: e }), g = N((T) => {
     const y = l.current, f = i.current;
     !y || !f || f(
       rt({
         drag: y,
         clientX: T.clientX,
         clientY: T.clientY,
-        designScale: S.current
+        designScale: b.current
       })
     );
   }, []), M = N(() => {
-    l.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", M);
-  }, [b]);
+    l.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", M);
+  }, [g]);
   U(() => M, [M]);
   const h = N(
     (T, y) => {
@@ -593,9 +593,9 @@ function st({
           y: y.point.y / w
         },
         startTransform: e
-      }, window.addEventListener("pointermove", b), window.addEventListener("pointerup", M));
+      }, window.addEventListener("pointermove", g), window.addEventListener("pointerup", M));
     },
-    [n, M, e, w, b]
+    [n, M, e, w, g]
   ), c = W(
     () => nt({ parent: s, resolved: d, transform: e }),
     [s, d, e]
@@ -618,7 +618,7 @@ function st({
             0
           ],
           scale: d.size,
-          children: /* @__PURE__ */ P(Ee.Provider, { value: d.aspect, children: [
+          children: /* @__PURE__ */ R(Ue.Provider, { value: d.aspect, children: [
             r,
             e.showTransformGuides && t === "scene" ? /* @__PURE__ */ u(
               Be,
@@ -680,12 +680,12 @@ const Y = {
   const o = W(() => {
     const r = Te(t);
     return {
-      tint: new Ae(r.tint),
+      tint: new Re(r.tint),
       opacity: r.opacity * e,
       frost: r.frost,
       highlight: r.highlight
     };
-  }, [e, t]), n = _e(o);
+  }, [e, t]), n = Ce(o);
   return /* @__PURE__ */ u(
     "shaderMaterial",
     {
@@ -749,7 +749,7 @@ const Y = {
   fillColor: "#38bdf8",
   fillOpacity: 1,
   fillMode: "solid",
-  gradient: Ie,
+  gradient: Ae,
   glass: Y,
   strokeColor: "#ffffff",
   strokeOpacity: 1,
@@ -766,7 +766,7 @@ const Y = {
     ...e,
     lineStart: { ...K.lineStart, ...e == null ? void 0 : e.lineStart },
     lineEnd: { ...K.lineEnd, ...e == null ? void 0 : e.lineEnd },
-    gradient: je(e == null ? void 0 : e.gradient),
+    gradient: Ie(e == null ? void 0 : e.gradient),
     glass: Te(e == null ? void 0 : e.glass)
   }, o = (n, r) => Number.isFinite(n) ? n : r;
   return {
@@ -792,12 +792,12 @@ const Y = {
   settings: o,
   visible: n
 }) => {
-  const r = ze(), s = W(() => lt(o), [o]), a = W(() => dt(s), [s]), l = ["circle", "polygon", "star"].includes(o.kind) ? [Math.min(1, 1 / r), Math.min(1, r), 1] : [1, 1, 1], p = o.kind !== "line" ? [...s, s[0]] : s;
-  return /* @__PURE__ */ P("group", { name: e, visible: n, scale: l, children: [
-    o.kind !== "line" && o.fillOpacity > 0 ? /* @__PURE__ */ P("mesh", { renderOrder: t, children: [
+  const r = ke(), s = W(() => lt(o), [o]), a = W(() => dt(s), [s]), l = ["circle", "polygon", "star"].includes(o.kind) ? [Math.min(1, 1 / r), Math.min(1, r), 1] : [1, 1, 1], p = o.kind !== "line" ? [...s, s[0]] : s;
+  return /* @__PURE__ */ R("group", { name: e, visible: n, scale: l, children: [
+    o.kind !== "line" && o.fillOpacity > 0 ? /* @__PURE__ */ R("mesh", { renderOrder: t, children: [
       /* @__PURE__ */ u("shapeGeometry", { args: [a] }),
       o.fillMode === "glass" ? /* @__PURE__ */ u(ct, { value: o.glass, opacity: o.fillOpacity }) : /* @__PURE__ */ u(
-        We,
+        je,
         {
           settings: {
             source: o.fillMode,
@@ -809,7 +809,7 @@ const Y = {
       )
     ] }) : null,
     o.strokeWidth > 0 && o.strokeOpacity > 0 ? /* @__PURE__ */ u(
-      ke,
+      Ge,
       {
         points: p,
         color: o.strokeColor,
@@ -825,7 +825,7 @@ const Y = {
       }
     ) : null
   ] });
-}, oo = ({
+}, to = ({
   name: e,
   onScreenTransformChange: t,
   renderOrder: o,
@@ -835,7 +835,7 @@ const Y = {
   visible: a = !0
 }) => {
   const i = W(() => ft(n), [n]), l = W(
-    () => Ue(r ?? Z),
+    () => Le(r ?? Z),
     [r]
   );
   return l.enabled ? /* @__PURE__ */ u(
@@ -857,7 +857,7 @@ const Y = {
     }
   ) : null;
 };
-function no(e) {
+function oo(e) {
   const { screenSpaceUI: t, screenImage: o } = e, { image: n, transformation: r } = o, s = n.src.trim();
   return {
     shouldRender: t.enabled && o.enabled && r.enabled,
@@ -918,7 +918,7 @@ const pe = {
     transparent: !0,
     alphaTest: 0
   }
-}, ro = {
+}, no = {
   screenImage: pe,
   screenSpaceUI: {
     enabled: !0
@@ -935,7 +935,7 @@ function ut(e) {
     offsetY: Math.sin(o) * t
   };
 }
-function so(e) {
+function ro(e) {
   const { screenSpaceUI: t, screenText: o } = e, { content: n, layout: r, style: s, transformation: a } = o, i = s.background;
   return {
     shouldRender: t.enabled && o.enabled && a.enabled,
@@ -1105,17 +1105,17 @@ const mt = {
 }, xe = (e) => {
   const t = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
   return `${e}_${t}`;
-}, St = () => xe("obj"), gt = () => xe("cmp"), G = (e) => typeof structuredClone == "function" ? structuredClone(e) : JSON.parse(JSON.stringify(e)), bt = () => G(Ne), Tt = () => G(Z), xt = () => G(pe), vt = () => G(yt.screenText), wt = () => G(K), Mt = () => G(Re), Et = () => G(Ge), zt = () => ({
+}, bt = () => xe("obj"), St = () => xe("cmp"), G = (e) => typeof structuredClone == "function" ? structuredClone(e) : JSON.parse(JSON.stringify(e)), gt = () => G(We), Tt = () => G(Z), xt = () => G(pe), vt = () => G(yt.screenText), wt = () => G(K), Mt = () => G(Me), Et = () => G(_e), zt = () => ({
   type: "standard",
   color: "#ffffff",
   opacity: 1,
   wireframe: !1,
   roughness: 0.42,
   metalness: 0.08
-}), Rt = () => ({
+}), Ot = () => ({
   flipX: !1,
   flipY: !1
-}), Ot = () => ({
+}), Pt = () => ({
   enabled: !0,
   type: "directional",
   color: "#ffffff",
@@ -1126,7 +1126,7 @@ const mt = {
   penumbra: 0.2,
   decay: 2,
   showHelper: !1
-}), Pt = () => ({
+}), Rt = () => ({
   enabled: !1,
   targetObjectId: null,
   mode: "point",
@@ -1137,8 +1137,8 @@ const mt = {
   uv: { ...V.uv },
   offsetPosition: { ...V.offsetPosition },
   offsetRotation: { ...V.offsetRotation }
-}), Lt = () => G(Fe), At = {
-  Transform: bt,
+}), Lt = () => G(Fe), Ft = {
+  Transform: gt,
   ScreenTransform: Tt,
   ScreenImage: xt,
   ScreenText: vt,
@@ -1146,15 +1146,15 @@ const mt = {
   MeshRenderer: Mt,
   FaceMeshRenderer: Et,
   Material: zt,
-  Texture: Rt,
-  Light: Ot,
-  LookAt: Pt,
+  Texture: Ot,
+  Light: Pt,
+  LookAt: Rt,
   PinToMesh: Dt,
   TrackingAnchor: Lt
-}, io = ({
+}, so = ({
   componentIds: e = [],
   enabled: t = !0,
-  id: o = St(),
+  id: o = bt(),
   parentObjectId: n = null,
   childObjectIds: r = [],
   renderGroupId: s,
@@ -1169,16 +1169,16 @@ const mt = {
   layerId: a,
   renderGroupId: s ?? a,
   componentIds: e
-}), ao = (e, t) => ({
-  id: gt(),
+}), io = (e, t) => ({
+  id: St(),
   objectId: t,
   type: e,
   enabled: !0,
-  settings: At[e]()
+  settings: Ft[e]()
 }), J = (e, t) => {
   const o = e.objects[t];
   return o ? o.componentIds.map((n) => e.components[n]).filter((n) => !!n) : [];
-}, co = () => {
+}, ao = () => {
   let e = null, t = null, o = null, n = [];
   return (r, s) => {
     const a = r.objects[s];
@@ -1187,7 +1187,7 @@ const mt = {
     const i = a.componentIds;
     return e === r && t === s && o === i && n.length === i.length && n.every((d) => r.components[d.id] === d) || (e = r, t = s, o = i, n = J(r, s)), n;
   };
-}, lo = (e, t) => {
+}, co = (e, t) => {
   const o = e.objects[t.objectId];
   return o ? {
     ...e,
@@ -1203,7 +1203,7 @@ const mt = {
       [t.id]: t
     }
   } : e;
-}, fo = (e, t, o, n) => {
+}, lo = (e, t, o, n) => {
   const r = e.objects[t];
   if (!r || r.componentIds.indexOf(o) < 0) return e;
   const a = r.componentIds.filter((i) => i !== o);
@@ -1214,7 +1214,7 @@ const mt = {
       [t]: { ...r, componentIds: a }
     }
   };
-}, po = (e, t, o) => {
+}, fo = (e, t, o) => {
   const n = e.objects[t];
   if (!n) return e;
   const r = { ...e.components };
@@ -1229,7 +1229,7 @@ const mt = {
     },
     components: r
   };
-}, Se = (e, t) => e.components[t.id] ? {
+}, be = (e, t) => e.components[t.id] ? {
   ...e,
   components: {
     ...e.components,
@@ -1241,10 +1241,10 @@ const mt = {
     ...e.objects,
     [t.id]: t
   }
-} : e, Ft = (e, t) => {
+} : e, At = (e, t) => {
   const o = e.objects[t], n = (o == null ? void 0 : o.childObjectIds) ?? [], r = Object.values(e.objects).filter((a) => a.parentObjectId === t).map((a) => a.id);
   return [.../* @__PURE__ */ new Set([...n, ...r])].map((a) => e.objects[a]).filter((a) => !!a);
-}, _t = (e, t, o) => {
+}, It = (e, t, o) => {
   var s;
   let n = o;
   const r = /* @__PURE__ */ new Set();
@@ -1253,17 +1253,17 @@ const mt = {
     r.add(n), n = ((s = e.objects[n]) == null ? void 0 : s.parentObjectId) ?? null;
   }
   return !1;
-}, ge = (e, t) => {
+}, Se = (e, t) => {
   const o = new Set(J(e, t).map((n) => n.type));
   return o.has("Transform") ? "3d" : o.has("ScreenTransform") ? "2d" : null;
-}, It = (e, t, o, n) => {
+}, jt = (e, t, o, n) => {
   const r = e.objects[t];
   if (!r || o !== null && !e.objects[o]) return e;
   if (o !== null) {
-    const i = ge(e, t), l = ge(e, o);
+    const i = Se(e, t), l = Se(e, o);
     if (i && l && i !== l) return e;
   }
-  if (_t(e, t, o)) return e;
+  if (It(e, t, o)) return e;
   const s = r.parentObjectId ?? null;
   if (s === o && o === null) return e;
   const a = { ...e.objects };
@@ -1283,10 +1283,10 @@ const mt = {
     ), a[o] = { ...i, childObjectIds: l };
   }
   return { ...e, objects: a };
-}, ie = Math.PI / 180, Q = 180 / Math.PI, D = (e) => Number(e.toFixed(4)), jt = (e) => (e == null ? void 0 : e.type) === "Transform", ve = (e, t) => J(e, t).find(jt) ?? null, Wt = (e) => (e == null ? void 0 : e.type) === "ScreenTransform", we = (e, t) => J(e, t).find(Wt) ?? null, Gt = (e) => new B().compose(
+}, ie = Math.PI / 180, Q = 180 / Math.PI, D = (e) => Number(e.toFixed(4)), _t = (e) => (e == null ? void 0 : e.type) === "Transform", ve = (e, t) => J(e, t).find(_t) ?? null, Wt = (e) => (e == null ? void 0 : e.type) === "ScreenTransform", we = (e, t) => J(e, t).find(Wt) ?? null, Gt = (e) => new B().compose(
   new z(e.position.x, e.position.y, e.position.z),
   new X().setFromEuler(
-    new $(
+    new H(
       e.rotation.x * ie,
       e.rotation.y * ie,
       e.rotation.z * ie
@@ -1307,7 +1307,7 @@ const mt = {
   });
   return new B().compose(
     new z(...t.center),
-    new X().setFromEuler(new $(...t.rotation)),
+    new X().setFromEuler(new H(...t.rotation)),
     new z(...t.size)
   );
 }, le = (e, t) => {
@@ -1317,7 +1317,7 @@ const mt = {
 }, kt = (e, t) => {
   const o = new z(), n = new X(), r = new z();
   e.decompose(o, n, r);
-  const s = new $().setFromQuaternion(n);
+  const s = new H().setFromQuaternion(n);
   return {
     ...t,
     position: {
@@ -1339,7 +1339,7 @@ const mt = {
 }, Bt = (e, t) => {
   const o = new z(), n = new X(), r = new z();
   e.decompose(o, n, r);
-  const s = new $().setFromQuaternion(n), a = fe / t.referencePixelsPerUnit, i = Math.abs(r.x), l = Math.abs(r.y), d = (t.pivot[0] - 0.5) * i, p = (t.pivot[1] - 0.5) * l;
+  const s = new H().setFromQuaternion(n), a = fe / t.referencePixelsPerUnit, i = Math.abs(r.x), l = Math.abs(r.y), d = (t.pivot[0] - 0.5) * i, p = (t.pivot[1] - 0.5) * l;
   return {
     ...t,
     position: {
@@ -1352,24 +1352,24 @@ const mt = {
       y: D(l / (t.size.height * a))
     }
   };
-}, ho = (e, t, o, n) => {
-  const r = ve(e, t), s = we(e, t), a = r ? ce(e, t) : s ? le(e, t) : null, i = It(e, t, o, n);
+}, po = (e, t, o, n) => {
+  const r = ve(e, t), s = we(e, t), a = r ? ce(e, t) : s ? le(e, t) : null, i = jt(e, t, o, n);
   if (i === e || !a) return i;
   const d = (o ? r ? ce(i, o) : le(i, o) : new B()).clone().invert().multiply(a);
-  return s ? Se(i, {
+  return s ? be(i, {
     ...s,
     settings: Bt(d, s.settings)
-  }) : r ? Se(i, {
+  }) : r ? be(i, {
     ...r,
     settings: kt(d, r.settings)
   }) : i;
-}, uo = (e, t, o) => {
+}, ho = (e, t, o) => {
   const n = e.objects[t];
   return n ? Ct(e, { ...n, enabled: o }) : e;
-}, mo = (e, t) => {
+}, uo = (e, t) => {
   const o = e.objects[t];
   if (!o) return e;
-  const n = Ft(e, t).map((i) => i.id), r = { ...e.objects };
+  const n = At(e, t).map((i) => i.id), r = { ...e.objects };
   delete r[t];
   const s = Object.fromEntries(
     Object.entries(r).map(([i, l]) => [
@@ -1385,55 +1385,27 @@ const mt = {
   for (const i of o.componentIds)
     delete a[i];
   return { ...e, objects: s, components: a };
-}, Xt = 30, yo = 31, So = (e, t = 1) => {
-  const o = t + e;
-  if (o < 1 || o > Xt)
-    throw new RangeError(`Render-group layer ${o} is outside the supported range 1-30.`);
-  return o;
-}, go = ({
-  renderer: e,
-  scene: t,
-  camera: o,
-  layers: n,
-  includeDefaultLayer: r = !0
-}) => {
-  const s = o.layers.mask, a = e.autoClear;
-  try {
-    if (e.autoClear = !1, e.clear(!0, !0, !0), n.length === 0) {
-      o.layers.set(0), e.render(t, o);
-      return;
-    }
-    n.forEach((i, l) => {
-      o.layers.set(i), r && i !== 0 && o.layers.enable(0), l > 0 && e.clearDepth(), e.render(t, o);
-    });
-  } finally {
-    o.layers.mask = s, e.autoClear = a;
-  }
 };
 export {
-  uo as A,
-  So as B,
-  Te as C,
+  ho as A,
+  Te as B,
+  to as C,
   Y as D,
-  oo as E,
-  K as F,
-  ft as G,
-  yo as H,
-  go as I,
-  pe as J,
-  ro as K,
-  no as L,
-  Xt as M,
-  yt as N,
-  mt as O,
-  to as P,
-  ut as Q,
-  so as R,
+  K as E,
+  ft as F,
+  pe as G,
+  no as H,
+  oo as I,
+  yt as J,
+  mt as K,
+  ut as L,
+  ro as M,
+  st as N,
+  eo as P,
   ct as S,
-  st as T,
-  lo as a,
-  ao as b,
-  At as c,
+  co as a,
+  io as b,
+  Ft as c,
   Et as d,
   zt as e,
   Mt as f,
@@ -1441,20 +1413,20 @@ export {
   vt as h,
   wt as i,
   Tt as j,
-  Rt as k,
-  bt as l,
-  gt as m,
+  Ot as k,
+  gt as l,
+  St as m,
   xe as n,
-  io as o,
-  St as p,
-  co as q,
-  mo as r,
+  so as o,
+  bt as p,
+  ao as q,
+  uo as r,
   J as s,
-  Ft as t,
-  fo as u,
-  po as v,
-  Se as w,
+  At as t,
+  lo as u,
+  fo as v,
+  be as w,
   Ct as x,
-  It as y,
-  ho as z
+  jt as y,
+  po as z
 };