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

package/dist/low-level.js

@@ -1,28 +1,30 @@
-import { u as ie, X as D, a as he, z as $, m as ge, d as ye, A as we, s as be, g as ee } from "./index-CnGox6Xr.js";
-import { I as At, G as Lt, C as _t, J as Xt, f as Ot, V as zt, K as Dt, L as Pt, B as Vt, H as $t, M as Bt, N as Nt, O as Wt, P as Ht, Q as qt, W as Gt, R as Ut, T as jt, U as Kt, E as Qt } from "./index-CnGox6Xr.js";
-import { u as Se } from "./index-CsUdQ-pn.js";
-import { H as Jt, a as Zt } from "./index-CsUdQ-pn.js";
-import { a as ve } from "./selectors-C5G1PMYL.js";
-import { k as tr, j as rr, u as ar, c as nr, o as sr, f as ir, l as or, g as lr, m as cr, p as dr, e as ur, d as mr, b as fr, n as pr, i as hr, h as gr } from "./selectors-C5G1PMYL.js";
-import { useEffect as A, useState as M, useRef as _, useCallback as xe, useLayoutEffect as Re, useMemo as G, Children as Ce, isValidElement as Ee } from "react";
-import { e as Me } from "./getFaceInfo-BkZfaQs-.js";
-import { c as wr, b as br } from "./getFaceInfo-BkZfaQs-.js";
-import { jsx as b, jsxs as X, Fragment as N } from "react/jsx-runtime";
-import { PerspectiveCamera as ke } from "@react-three/drei";
-import { S as vr, g as xr, b as Rr, c as Cr, u as Er } from "./index-CHVbH0hz.js";
-import { u as oe } from "./measures-9dQPdw96.js";
-import { H as kr, O as Tr, P as Ir, h as Fr, a as Ar, c as Lr, f as _r, d as Xr, e as Or, g as zr, m as Dr, b as Pr, t as Vr, i as $r } from "./measures-9dQPdw96.js";
-import { h as Nr } from "./hasFullUnitUVBounds-BGvcFsQM.js";
-import { X as Te, a as Ie, b as Fe } from "./contexts-FzlnnMYD.js";
-import { B as Hr, M as qr, h as Gr, i as Ur, T as jr, c as Kr, j as Qr, k as Yr, g as Jr, e as Zr, f as ea, r as ta, t as ra, d as aa, u as na } from "./contexts-FzlnnMYD.js";
-import { c as ia, g as oa, s as la, a as ca } from "./detector-K8aej4MB.js";
-import { v as ua, j as ma, I as fa, M as pa, S as ha, m as ga, k as ya, w as wa, l as ba, c as Sa, n as va, q as xa, x as Ra, r as Ca, t as Ea, o as Ma, u as ka, p as Ta, s as Ia, b as Fa, a as Aa } from "./providers-C0Dlhh9Z.js";
-import * as z from "three";
-const B = ({
+import { u as ie, X as H, v as he, ab as P, m as ge, d as ye, a1 as be, s as we, z as ee } from "./index-CIe7eCMH.js";
+import { E as kt, af as _t, ar as Lt, as as Ot, ad as Dt, ah as Xt, x as Ht, ap as Bt, at as Nt, ai as Pt, l as zt, ac as $t, ag as Vt, aj as Wt, g as Gt, ak as Ut, al as qt, am as jt, aq as Kt, e as Yt, an as Qt, ao as Jt, ae as Zt } from "./index-CIe7eCMH.js";
+import { H as ta, u as aa } from "./index-BavF06C6.js";
+import { u as Se } from "./landmarks-bftdwq6Z.js";
+import { b as ve } from "./selectors-DmNaKIwE.js";
+import { m as na, l as sa, c as ia, f as oa, g as la, p as da, h as ca, e as ua, i as ma, n as pa, q as fa, a as ha, u as ga, d as ya, o as ba, k as wa, j as Sa } from "./selectors-DmNaKIwE.js";
+import { useEffect as k, useState as T, useRef as L, useCallback as xe, useLayoutEffect as Re, useMemo as U, Children as Ce, isValidElement as Ee } from "react";
+import { c as Te } from "./getFaceInfo-Cu4xDWiL.js";
+import { a as xa, b as Ra } from "./getFaceInfo-Cu4xDWiL.js";
+import { jsx as w, jsxs as O, Fragment as $ } from "react/jsx-runtime";
+import { PerspectiveCamera as Me } from "@react-three/drei";
+import { g as Ea, b as Ta, c as Ma } from "./index-zGaqrz_K.js";
+import { R as oe } from "./trigger-IQeys0oS.js";
+import { ah as Fa, ad as Ia, ai as ka, Z as _a, S as La, ao as Oa, a2 as Da, a5 as Xa, H as Ha, ap as Ba, aq as Na, a as Pa, O as za, U as $a, _ as Va, au as Wa, as as Ga, at as Ua, ae as qa, l as ja, n as Ka, i as Ya, a3 as Qa, aa as Ja, av as Za, aj as er, ar as tr, V as ar, ak as rr, al as nr, a6 as sr, a7 as ir, a8 as or, a9 as lr, af as dr, b as cr, d as ur, g as mr, e as pr, f as fr, h as hr, m as gr, c as yr, a4 as br, $ as wr, a0 as Sr, am as vr, j as xr, ab as Rr, a1 as Cr, s as Er, k as Tr, X as Mr, Y as Ar, aw as Fr, ax as Ir, ag as kr, an as _r, ac as Lr } from "./trigger-IQeys0oS.js";
+import { h as Dr } from "./hasFullUnitUVBounds-BGvcFsQM.js";
+import { X as Ae, a as Fe, b as Ie } from "./contexts-jak8-tND.js";
+import { B as Hr, M as Br, h as Nr, i as Pr, T as zr, c as $r, j as Vr, k as Wr, g as Gr, e as Ur, f as qr, r as jr, t as Kr, d as Yr, u as Qr } from "./contexts-jak8-tND.js";
+import { H as Zr, v as en, w as tn, x as an, y as rn, o as nn, z as sn, b as on, t as ln, p as dn, l as cn, s as un, n as mn } from "./index-JII7huPk.js";
+import { c as fn, g as hn, s as gn, a as yn } from "./detector-K8aej4MB.js";
+import { F as wn, i as Sn, I as vn, M as xn, S as Rn, l as Cn, j as En, t as Tn, k as Mn, c as An, m as Fn, p as In, v as kn, r as _n, s as Ln, n as On, u as Dn, o as Xn, q as Hn, b as Bn, a as Nn } from "./providers-C8rE26Uf.js";
+import { S as zn, u as $n } from "./context-DTxSQvp4.js";
+import * as X from "three";
+const z = ({
   children: e,
   config: t,
-  style: a
-}) => /* @__PURE__ */ b(
+  style: r
+}) => /* @__PURE__ */ w(
   "div",
   {
     "data-render-target": t.name,
@@ -34,88 +36,88 @@ const B = ({
       pointerEvents: t.pointerEvents ?? "none",
       zIndex: t.zIndex,
       opacity: t.hidden ? 0 : 1,
-      ...a
+      ...r
     },
     children: e
   }
-), U = ({
+), q = ({
   canvas: e,
   layout: t,
-  media: a,
-  mirrored: r,
+  media: r,
+  mirrored: a,
   filter: n
 }) => {
-  const c = Math.round(t.destination.width), u = Math.round(t.destination.height);
-  e.width !== c && (e.width = c), e.height !== u && (e.height = u);
-  const d = e.getContext("2d");
-  d && (d.setTransform(1, 0, 0, 1, 0, 0), d.clearRect(0, 0, c, u), r && (d.translate(c, 0), d.scale(-1, 1)), n && (d.filter = n), d.drawImage(a, t.offsetX, t.offsetY, t.drawWidth, t.drawHeight), n && (d.filter = "none"), d.setTransform(1, 0, 0, 1, 0, 0));
+  const d = Math.round(t.destination.width), u = Math.round(t.destination.height);
+  e.width !== d && (e.width = d), e.height !== u && (e.height = u);
+  const c = e.getContext("2d");
+  c && (c.setTransform(1, 0, 0, 1, 0, 0), c.clearRect(0, 0, d, u), a && (c.translate(d, 0), c.scale(-1, 1)), n && (c.filter = n), c.drawImage(r, t.offsetX, t.offsetY, t.drawWidth, t.drawHeight), n && (c.filter = "none"), c.setTransform(1, 0, 0, 1, 0, 0));
 }, le = ({
   canvasRef: e,
   enabled: t = !0,
-  fps: a = 30,
-  imageRef: r,
+  fps: r = 30,
+  imageRef: a,
   layout: n,
-  mirrored: c,
+  mirrored: d,
   sourceKind: u,
-  videoRef: d
+  videoRef: c
 }) => {
-  A(() => {
+  k(() => {
     if (!t) {
-      const p = e.current, g = p == null ? void 0 : p.getContext("2d");
-      p && g && g.clearRect(0, 0, p.width, p.height);
+      const f = e.current, g = f == null ? void 0 : f.getContext("2d");
+      f && g && g.clearRect(0, 0, f.width, f.height);
       return;
     }
-    let i = 0, f = 0;
-    const h = a > 0 ? 1e3 / a : 0, s = (p) => {
-      if (i = requestAnimationFrame(s), h > 0 && p - f < h) return;
-      f = p;
+    let i = 0, p = 0;
+    const h = r > 0 ? 1e3 / r : 0, s = (f) => {
+      if (i = requestAnimationFrame(s), h > 0 && f - p < h) return;
+      p = f;
       const g = e.current;
       if (!g || !n) return;
       if (u === "image") {
-        const l = r.current;
+        const l = a.current;
         if (!l || !l.complete || l.naturalWidth <= 0 || l.naturalHeight <= 0)
           return;
-        U({
+        q({
           canvas: g,
           layout: n,
           media: l,
-          mirrored: c
+          mirrored: d
         });
         return;
       }
-      const o = d.current;
-      !o || o.readyState < 2 || o.videoWidth <= 0 || o.videoHeight <= 0 || U({
+      const o = c.current;
+      !o || o.readyState < 2 || o.videoWidth <= 0 || o.videoHeight <= 0 || q({
         canvas: g,
         layout: n,
         media: o,
-        mirrored: c
+        mirrored: d
       });
     };
     return i = requestAnimationFrame(s), () => {
       cancelAnimationFrame(i);
     };
-  }, [e, t, a, r, n, c, u, d]);
-}, Ae = ({
+  }, [e, t, r, a, n, d, u, c]);
+}, ke = ({
   canvasRef: e,
   imageRef: t,
-  layer: a,
-  layout: r,
+  layer: r,
+  layout: a,
   mirrored: n,
-  onCaptureTarget: c,
+  onCaptureTarget: d,
   sourceKind: u,
-  videoRef: d
+  videoRef: c
 }) => (le({
   canvasRef: e,
   imageRef: t,
-  layout: r,
+  layout: a,
   mirrored: n,
   sourceKind: u,
-  videoRef: d
-}), A(() => {
+  videoRef: c
+}), k(() => {
   const i = e.current;
   if (i)
-    return c == null || c(i), () => c == null ? void 0 : c(void 0);
-}, [e, c]), /* @__PURE__ */ b(B, { config: a, children: /* @__PURE__ */ b(
+    return d == null || d(i), () => d == null ? void 0 : d(void 0);
+}, [e, d]), /* @__PURE__ */ w(z, { config: r, children: /* @__PURE__ */ w(
   "canvas",
   {
     ref: e,
@@ -131,28 +133,28 @@ const B = ({
 ) })), St = ({
   canvasRef: e,
   controlInsetTop: t,
-  debugVisible: a,
-  fps: r = 15,
+  debugVisible: r,
+  fps: a = 15,
   imageRef: n,
-  layer: c,
+  layer: d,
   layout: u,
-  mirrored: d,
+  mirrored: c,
   sourceKind: i,
-  videoRef: f,
+  videoRef: p,
   viewportSize: h
 }) => {
   le({
     canvasRef: e,
-    enabled: a,
-    fps: r,
+    enabled: r,
+    fps: a,
     imageRef: n,
     layout: u,
-    mirrored: d,
+    mirrored: c,
     sourceKind: i,
-    videoRef: f
+    videoRef: p
   });
-  const s = Math.min(220, Math.max(120, h.width * 0.22)), p = h.width > 0 && h.height > 0 ? h.width / h.height : 1, g = Math.min(h.height - 24, Math.max(t ?? 16, 16));
-  return /* @__PURE__ */ b(B, { config: c, children: /* @__PURE__ */ b(
+  const s = Math.min(220, Math.max(120, h.width * 0.22)), f = h.width > 0 && h.height > 0 ? h.width / h.height : 1, g = Math.min(h.height - 24, Math.max(t ?? 16, 16));
+  return /* @__PURE__ */ w(z, { config: d, children: /* @__PURE__ */ w(
     "canvas",
     {
       ref: e,
@@ -160,52 +162,52 @@ const B = ({
         position: "absolute",
         left: 16,
         top: g,
-        width: a ? s : 1,
-        height: a ? "auto" : 1,
-        aspectRatio: `${p}`,
-        opacity: a ? 0.85 : 0,
+        width: r ? s : 1,
+        height: r ? "auto" : 1,
+        aspectRatio: `${f}`,
+        opacity: r ? 0.85 : 0,
         borderRadius: 10,
-        border: a ? "1px solid rgba(255,255,255,0.16)" : "none",
+        border: r ? "1px solid rgba(255,255,255,0.16)" : "none",
         pointerEvents: "none",
         objectFit: "contain",
         background: "#000"
       }
     }
   ) });
-}, Le = {
+}, _e = {
   audio: !1,
   video: {
     facingMode: "user",
     frameRate: { ideal: 30, max: 60 }
   }
-}, _e = {
+}, Le = {
   name: "viewport-live",
   clearColor: "#000000",
   pointerEvents: "none",
   zIndex: 0
-}, Xe = {
+}, Oe = {
   name: "viewport-ui",
   clearColor: "transparent",
   pointerEvents: "auto",
   zIndex: 5
-}, Oe = {
+}, De = {
   name: "viewport-scene",
   clearColor: "transparent",
   pointerEvents: "auto",
   zIndex: 1
-}, O = {
+}, D = {
   webcam: { icon: "◉", label: "Webcam" },
   image: { icon: "▣", label: "Images" },
   video: { icon: "▶", label: "Videos" }
-}, ze = ({
+}, Xe = ({
   imageRef: e,
   selectedSource: t,
-  videoRef: a
-}) => /* @__PURE__ */ X(N, { children: [
-  /* @__PURE__ */ b(
+  videoRef: r
+}) => /* @__PURE__ */ O($, { children: [
+  /* @__PURE__ */ w(
     "video",
     {
-      ref: a,
+      ref: r,
       style: {
         position: "absolute",
         width: 1,
@@ -215,7 +217,7 @@ const B = ({
       }
     }
   ),
-  /* @__PURE__ */ b(
+  /* @__PURE__ */ w(
     "img",
     {
       ref: e,
@@ -232,10 +234,10 @@ const B = ({
 ] }), te = ({
   dock: e,
   label: t,
-  onChange: a,
-  options: r,
+  onChange: r,
+  options: a,
   value: n
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ w(
   "div",
   {
     style: {
@@ -252,7 +254,7 @@ const B = ({
       boxShadow: "0 12px 30px rgba(0,0,0,0.18)",
       backdropFilter: "blur(10px)"
     },
-    children: /* @__PURE__ */ X(
+    children: /* @__PURE__ */ O(
       "label",
       {
         style: {
@@ -263,12 +265,12 @@ const B = ({
           fontWeight: 700
         },
         children: [
-          /* @__PURE__ */ b("span", { children: t }),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ w("span", { children: t }),
+          /* @__PURE__ */ w(
             "select",
             {
               value: n,
-              onChange: (c) => a(c.target.value),
+              onChange: (d) => r(d.target.value),
               style: {
                 minWidth: 180,
                 maxWidth: "calc(100vw - 52px)",
@@ -279,27 +281,27 @@ const B = ({
                 color: "#e5eefb",
                 padding: "0 10px"
               },
-              children: r.map((c) => /* @__PURE__ */ b("option", { value: c.id, style: { color: "#111827" }, children: c.label }, c.id))
+              children: a.map((d) => /* @__PURE__ */ w("option", { value: d.id, style: { color: "#111827" }, children: d.label }, d.id))
             }
           )
         ]
       }
     )
   }
-), De = ({
+), He = ({
   dock: e,
   imageOptions: t,
-  selectedImageId: a,
-  selectedSource: r,
+  selectedImageId: r,
+  selectedSource: a,
   selectedVideoId: n,
-  setSelectedImageId: c,
+  setSelectedImageId: d,
   setSelectedSource: u,
-  setSelectedVideoId: d,
+  setSelectedVideoId: c,
   showMediaControls: i,
-  videoOptions: f
+  videoOptions: p
 }) => {
-  const [h, s] = M(!1), p = ["webcam", "image", "video"].filter((g) => g === "image" ? t.length > 0 : g === "video" ? f.length > 0 : !0);
-  return i ? h ? /* @__PURE__ */ b(
+  const [h, s] = T(!1), f = ["webcam", "image", "video"].filter((g) => g === "image" ? t.length > 0 : g === "video" ? p.length > 0 : !0);
+  return i ? h ? /* @__PURE__ */ w(
     "button",
     {
       type: "button",
@@ -324,8 +326,8 @@ const B = ({
       },
       children: "≡"
     }
-  ) : /* @__PURE__ */ X(N, { children: [
-    /* @__PURE__ */ X(
+  ) : /* @__PURE__ */ O($, { children: [
+    /* @__PURE__ */ O(
       "div",
       {
         style: {
@@ -340,7 +342,7 @@ const B = ({
           maxWidth: "calc(100vw - 32px)"
         },
         children: [
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ w(
             "div",
             {
               style: {
@@ -355,15 +357,15 @@ const B = ({
                 backdropFilter: "blur(10px)",
                 overflowX: "auto"
               },
-              children: p.map((g) => {
-                const o = g === r;
-                return /* @__PURE__ */ X(
+              children: f.map((g) => {
+                const o = g === a;
+                return /* @__PURE__ */ O(
                   "button",
                   {
                     type: "button",
                     onClick: () => u(g),
                     "aria-pressed": o,
-                    title: O[g].label,
+                    title: D[g].label,
                     style: {
                       border: "none",
                       borderRadius: 999,
@@ -380,8 +382,8 @@ const B = ({
                       flex: "0 0 auto"
                     },
                     children: [
-                      /* @__PURE__ */ b("span", { style: { fontSize: 14, lineHeight: 1 }, children: O[g].icon }),
-                      /* @__PURE__ */ b("span", { style: { fontSize: 12, fontWeight: 700, letterSpacing: "0.01em" }, children: O[g].label })
+                      /* @__PURE__ */ w("span", { style: { fontSize: 14, lineHeight: 1 }, children: D[g].icon }),
+                      /* @__PURE__ */ w("span", { style: { fontSize: 12, fontWeight: 700, letterSpacing: "0.01em" }, children: D[g].label })
                     ]
                   },
                   g
@@ -389,7 +391,7 @@ const B = ({
               })
             }
           ),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ w(
             "button",
             {
               type: "button",
@@ -414,46 +416,46 @@ const B = ({
         ]
       }
     ),
-    r === "image" && t.length > 0 && /* @__PURE__ */ b(
+    a === "image" && t.length > 0 && /* @__PURE__ */ w(
       te,
       {
         dock: e,
         label: "Image Asset",
         options: t,
-        value: a,
-        onChange: c
+        value: r,
+        onChange: d
       }
     ),
-    r === "video" && f.length > 0 && /* @__PURE__ */ b(
+    a === "video" && p.length > 0 && /* @__PURE__ */ w(
       te,
       {
         dock: e,
         label: "Video Asset",
-        options: f,
+        options: p,
         value: n,
-        onChange: d
+        onChange: c
       }
     )
   ] }) : null;
-}, Pe = ({
+}, Be = ({
   containerRef: e,
   displayCanvasRef: t,
-  imageOptions: a,
-  imageRef: r,
+  imageOptions: r,
+  imageRef: a,
   layout: n,
-  managesOwnMedia: c,
+  managesOwnMedia: d,
   mediaDock: u,
-  mode: d,
+  mode: c,
   overlayContent: i,
-  renderOutputs: f,
+  renderOutputs: p,
   sceneContent: h,
   selectedImageId: s,
-  selectedSource: p,
+  selectedSource: f,
   selectedVideoId: g,
   setSceneRenderOutputs: o,
   setSelectedImageId: l,
   setSelectedSource: m,
-  setSelectedVideoId: w,
+  setSelectedVideoId: b,
   showMediaControls: S,
   style: R,
   videoOptions: x,
@@ -461,8 +463,8 @@ const B = ({
   viewportSize: v,
   mirrored: y
 }) => {
-  const { session: k } = ie();
-  return /* @__PURE__ */ X(
+  const { session: M } = ie();
+  return /* @__PURE__ */ O(
     "div",
     {
       ref: e,
@@ -474,45 +476,45 @@ const B = ({
         ...R
       },
       children: [
-        /* @__PURE__ */ b(ze, { imageRef: r, selectedSource: p, videoRef: E }),
-        d === "dom" && c && /* @__PURE__ */ b(
-          Ae,
+        /* @__PURE__ */ w(Xe, { imageRef: a, selectedSource: f, videoRef: E }),
+        c === "dom" && d && /* @__PURE__ */ w(
+          ke,
           {
             canvasRef: t,
-            imageRef: r,
+            imageRef: a,
             videoRef: E,
-            layer: _e,
+            layer: Le,
             layout: n,
             mirrored: y,
-            onCaptureTarget: k._setCaptureTarget,
-            sourceKind: p === "image" ? "image" : "video"
+            onCaptureTarget: M._setCaptureTarget,
+            sourceKind: f === "image" ? "image" : "video"
           }
         ),
-        (d === "r3f" || d === "hybrid") && /* @__PURE__ */ b(B, { config: Oe, children: /* @__PURE__ */ b(
-          Te,
+        (c === "r3f" || c === "hybrid") && /* @__PURE__ */ w(z, { config: De, children: /* @__PURE__ */ w(
+          Ae,
           {
             onRenderOutputs: o,
             renderOutputs: {
-              sceneColor: f.sceneColor || f.finalColor,
-              sceneDepth: f.sceneDepth
+              sceneColor: p.sceneColor || p.finalColor,
+              sceneDepth: p.sceneDepth
             },
             renderTargetSize: v,
             style: { width: "100%", height: "100%" },
             children: h
           }
         ) }),
-        /* @__PURE__ */ X(B, { config: Xe, children: [
-          c && /* @__PURE__ */ b(
-            De,
+        /* @__PURE__ */ O(z, { config: Oe, children: [
+          d && /* @__PURE__ */ w(
+            He,
             {
               dock: u,
-              imageOptions: a,
+              imageOptions: r,
               selectedImageId: s,
-              selectedSource: p,
+              selectedSource: f,
               selectedVideoId: g,
               setSelectedImageId: l,
               setSelectedSource: m,
-              setSelectedVideoId: w,
+              setSelectedVideoId: b,
               showMediaControls: S,
               videoOptions: x
             }
@@ -522,46 +524,46 @@ const B = ({
       ]
     }
   );
-}, Ve = 5, $e = 1, Be = (e, t) => t, Ne = "brightness(2.2) contrast(1.5) saturate(1.25)", We = ({
+}, Ne = 5, Pe = 1, ze = (e, t) => t, $e = "brightness(2.2) contrast(1.5) saturate(1.25)", Ve = ({
   enabled: e,
   displayMirrored: t,
-  imageRef: a,
-  layout: r,
+  imageRef: r,
+  layout: a,
   mode: n,
-  numFaces: c,
+  numFaces: d,
   selectedSource: u,
-  sourceStream: d,
+  sourceStream: c,
   videoRef: i
 }) => {
-  const { session: f } = ie(), h = _(null), s = _(!1), p = _(document.createElement("canvas")), {
+  const { session: p } = ie(), h = L(null), s = L(!1), f = L(document.createElement("canvas")), {
     ready: g,
     node: o,
     error: l
-  } = Se(D.FACE_TRACKER, {
-    numFaces: c ?? (n === "head-binding" ? $e : Ve)
-  }), [m, w] = M("idle"), [S, R] = M(null), x = e && g && !!o, E = oe({
+  } = Se(H.FACE_TRACKER, {
+    numFaces: d ?? (n === "head-binding" ? Pe : Ne)
+  }), [m, b] = T("idle"), [S, R] = T(null), x = e && g && !!o, E = oe({
     node: x ? o : null,
     enabled: x,
     selectedSource: u,
     onFrame: xe(() => {
-      R(null), w("ready");
+      R(null), b("ready");
     }, [])
   });
-  return A(() => {
-    if (!e || !r) return;
+  return k(() => {
+    if (!e || !a) return;
     const v = () => {
-      const C = u === "image" ? a.current : i.current;
+      const C = u === "image" ? r.current : i.current;
       if (C) {
         if (C instanceof HTMLImageElement) {
           if (!C.complete || C.naturalWidth <= 0 || C.naturalHeight <= 0) return;
         } else if (C.readyState < 2 || C.videoWidth <= 0 || C.videoHeight <= 0)
           return;
-        U({
-          canvas: p.current,
-          layout: r,
+        q({
+          canvas: f.current,
+          layout: a,
           media: C,
           mirrored: t,
-          filter: u === "webcam" ? Ne : void 0
+          filter: u === "webcam" ? $e : void 0
         });
       }
     };
@@ -570,75 +572,75 @@ const B = ({
       return;
     }
     let y = 0;
-    const k = () => {
-      y = requestAnimationFrame(k), v();
+    const M = () => {
+      y = requestAnimationFrame(M), v();
     };
-    return y = requestAnimationFrame(k), () => cancelAnimationFrame(y);
-  }, [t, e, a, r, u, i]), A(() => {
-    var P;
+    return y = requestAnimationFrame(M), () => cancelAnimationFrame(y);
+  }, [t, e, r, a, u, i]), k(() => {
+    var B;
     if (!e) {
-      w("idle"), R(null), s.current = !1, h.current = null;
+      b("idle"), R(null), s.current = !1, h.current = null;
       return;
     }
-    if (!r) {
-      w("initializing");
+    if (!a) {
+      b("initializing");
       return;
     }
-    const v = (d == null ? void 0 : d.id) ?? (((P = i.current) == null ? void 0 : P.srcObject) instanceof MediaStream ? i.current.srcObject.id : "none"), k = u === "webcam" ? `webcam:${v}` : u;
-    h.current !== k && (s.current = !1, h.current = k);
+    const v = (c == null ? void 0 : c.id) ?? (((B = i.current) == null ? void 0 : B.srcObject) instanceof MediaStream ? i.current.srcObject.id : "none"), M = u === "webcam" ? `webcam:${v}` : u;
+    h.current !== M && (s.current = !1, h.current = M);
     let C = !1;
     return (async () => {
       try {
-        w("initializing");
-        const F = !s.current;
-        if (F && await f.setFrameSource({
-          canvas: p.current,
+        b("initializing");
+        const I = !s.current;
+        if (I && await p.setFrameSource({
+          canvas: f.current,
           sourceKind: u
-        }), await f._setRenderSize(
-          Math.round(r.destination.width),
-          Math.round(r.destination.height)
-        ), F && (await f.start(), s.current = !0), C) return;
-        R(null), w("initializing");
-      } catch (F) {
+        }), await p._setRenderSize(
+          Math.round(a.destination.width),
+          Math.round(a.destination.height)
+        ), I && (await p.start(), s.current = !0), C) return;
+        R(null), b("initializing");
+      } catch (I) {
         if (C) return;
-        w("error"), R(F instanceof Error ? F.message : "Failed to initialize SDK face tracking");
+        b("error"), R(I instanceof Error ? I.message : "Failed to initialize SDK face tracking");
       }
     })(), () => {
       C = !0;
     };
-  }, [e, r, u, f, d, i]), A(() => {
-    !x && e && !l && w("initializing");
-  }, [x, e, l]), A(() => {
-    l && (w("error"), R(l.message));
-  }, [l]), A(() => () => {
-    s.current = !1, f.stop();
-  }, [f]), {
+  }, [e, a, u, p, c, i]), k(() => {
+    !x && e && !l && b("initializing");
+  }, [x, e, l]), k(() => {
+    l && (b("error"), R(l.message));
+  }, [l]), k(() => () => {
+    s.current = !1, p.stop();
+  }, [p]), {
     activeDelegate: "GPU",
     faces: E,
     status: m,
     error: S
   };
-}, He = (e, t) => e === "auto" ? t === "webcam" ? "cover" : "contain" : e, qe = ({
+}, We = (e, t) => e === "auto" ? t === "webcam" ? "cover" : "contain" : e, Ge = ({
   imageOptions: e,
   initialImageId: t,
-  initialSource: a,
-  initialVideoId: r,
+  initialSource: r,
+  initialVideoId: a,
   source: n,
-  videoOptions: c
+  videoOptions: d
 }) => {
-  var i, f, h, s;
-  const u = (n == null ? void 0 : n.kind) ?? a ?? "webcam";
+  var i, p, h, s;
+  const u = (n == null ? void 0 : n.kind) ?? r ?? "webcam";
   return {
-    selectedSource: u === "image" && e.length === 0 || u === "video" && c.length === 0 ? "webcam" : u,
-    selectedImageId: (n == null ? void 0 : n.kind) === "image" ? n.assetId ?? ((i = e[0]) == null ? void 0 : i.id) ?? "" : t ?? ((f = e[0]) == null ? void 0 : f.id) ?? "",
-    selectedVideoId: (n == null ? void 0 : n.kind) === "video" ? n.assetId ?? ((h = c[0]) == null ? void 0 : h.id) ?? "" : r ?? ((s = c[0]) == null ? void 0 : s.id) ?? ""
+    selectedSource: u === "image" && e.length === 0 || u === "video" && d.length === 0 ? "webcam" : u,
+    selectedImageId: (n == null ? void 0 : n.kind) === "image" ? n.assetId ?? ((i = e[0]) == null ? void 0 : i.id) ?? "" : t ?? ((p = e[0]) == null ? void 0 : p.id) ?? "",
+    selectedVideoId: (n == null ? void 0 : n.kind) === "video" ? n.assetId ?? ((h = d[0]) == null ? void 0 : h.id) ?? "" : a ?? ((s = d[0]) == null ? void 0 : s.id) ?? ""
   };
-}, Ge = (e, t, a) => {
+}, Ue = (e, t, r) => {
   if (e.width <= 0 || e.height <= 0 || t.width <= 0 || t.height <= 0)
     return null;
-  const r = he(e, t, a);
-  return r ? { source: e, destination: t, ...r } : null;
-}, Ue = (e) => {
+  const a = he(e, t, r);
+  return a ? { source: e, destination: t, ...a } : null;
+}, qe = (e) => {
   if (!e) return { width: 0, height: 0 };
   const t = e.getBoundingClientRect();
   return {
@@ -646,161 +648,161 @@ const B = ({
     height: t.height || e.clientHeight
   };
 }, je = (e) => {
-  const [t, a] = M({ width: 0, height: 0 });
+  const [t, r] = T({ width: 0, height: 0 });
   return Re(() => {
-    const r = e.current;
-    if (!r) return;
+    const a = e.current;
+    if (!a) return;
     let n = 0;
-    const c = () => {
-      const f = Ue(r);
-      a(
-        (h) => h.width === f.width && h.height === f.height ? h : f
+    const d = () => {
+      const p = qe(a);
+      r(
+        (h) => h.width === p.width && h.height === p.height ? h : p
       );
     }, u = () => {
-      c(), n && cancelAnimationFrame(n), n = requestAnimationFrame(c);
+      d(), n && cancelAnimationFrame(n), n = requestAnimationFrame(d);
     };
     u();
-    const d = new ResizeObserver(u);
-    d.observe(r);
+    const c = new ResizeObserver(u);
+    c.observe(a);
     const i = window.visualViewport;
     return window.addEventListener("resize", u), window.addEventListener("orientationchange", u), i == null || i.addEventListener("resize", u), i == null || i.addEventListener("scroll", u), () => {
-      n && cancelAnimationFrame(n), d.disconnect(), window.removeEventListener("resize", u), window.removeEventListener("orientationchange", u), i == null || i.removeEventListener("resize", u), i == null || i.removeEventListener("scroll", u);
+      n && cancelAnimationFrame(n), c.disconnect(), window.removeEventListener("resize", u), window.removeEventListener("orientationchange", u), i == null || i.removeEventListener("resize", u), i == null || i.removeEventListener("scroll", u);
     };
   }, [e]), t;
 }, Ke = ({
   enabled: e,
   selectedSource: t
 }) => {
-  const a = ve(D.FACE_TRACKER);
+  const r = ve(H.FACE_TRACKER);
   return {
-    faces: oe({ node: a, enabled: e, selectedSource: t }),
-    trackerStatus: a ? "ready" : "idle"
+    faces: oe({ node: r, enabled: e, selectedSource: t }),
+    trackerStatus: r ? "ready" : "idle"
   };
-}, re = (e) => {
-  e && (e.pause(), e.removeAttribute("src"), e.srcObject = null, e.load());
 }, ae = (e) => {
+  e && (e.pause(), e.removeAttribute("src"), e.srcObject = null, e.load());
+}, re = (e) => {
   e && e.removeAttribute("src");
-}, Qe = ({
+}, Ye = ({
   enabled: e,
   imageAsset: t,
-  selectedSource: a,
-  videoAsset: r
+  selectedSource: r,
+  videoAsset: a
 }) => {
-  const n = _(null), c = _(null), [u, d] = M(null), [i, f] = M({ width: 0, height: 0 }), [h, s] = M("idle"), [p, g] = M(null);
-  return A(() => {
+  const n = L(null), d = L(null), [u, c] = T(null), [i, p] = T({ width: 0, height: 0 }), [h, s] = T("idle"), [f, g] = T(null);
+  return k(() => {
     if (!e) {
-      re(n.current), ae(c.current), d(null), f({ width: 0, height: 0 }), s("idle"), g(null);
+      ae(n.current), re(d.current), c(null), p({ width: 0, height: 0 }), s("idle"), g(null);
       return;
     }
     let o = !1, l = null;
     const m = (v, y) => {
-      o || (f({ width: v, height: y }), s("ready"), g(null));
-    }, w = () => {
-      re(n.current), ae(c.current), l == null || l.getTracks().forEach((v) => v.stop()), l = null, d(null);
+      o || (p({ width: v, height: y }), s("ready"), g(null));
+    }, b = () => {
+      ae(n.current), re(d.current), l == null || l.getTracks().forEach((v) => v.stop()), l = null, c(null);
     }, S = async () => {
       s("requesting");
-      const v = await navigator.mediaDevices.getUserMedia(Le);
+      const v = await navigator.mediaDevices.getUserMedia(_e);
       if (o) {
-        v.getTracks().forEach((k) => k.stop());
+        v.getTracks().forEach((M) => M.stop());
         return;
       }
-      l = v, d(v);
+      l = v, c(v);
       const y = n.current;
       y && (y.srcObject = v, y.muted = !0, y.playsInline = !0, y.autoplay = !0, await y.play(), m(y.videoWidth, y.videoHeight));
     }, R = async (v) => {
-      s("requesting"), d(null);
+      s("requesting"), c(null);
       const y = n.current;
       y && (y.src = v, y.muted = !0, y.loop = !0, y.playsInline = !0, y.autoplay = !0, y.crossOrigin = "anonymous", await y.play(), m(y.videoWidth, y.videoHeight));
     }, x = async (v) => {
-      s("requesting"), d(null);
-      const y = c.current;
-      y && (await new Promise((k, C) => {
-        y.onload = () => k(), y.onerror = () => C(new Error("Unable to load image")), y.src = v;
+      s("requesting"), c(null);
+      const y = d.current;
+      y && (await new Promise((M, C) => {
+        y.onload = () => M(), y.onerror = () => C(new Error("Unable to load image")), y.src = v;
       }), m(y.naturalWidth, y.naturalHeight));
     };
-    return w(), (async () => {
+    return b(), (async () => {
       try {
-        if (a === "webcam") {
+        if (r === "webcam") {
           await S();
           return;
         }
-        if (a === "video") {
-          if (!(r != null && r.src)) throw new Error("Missing video source");
-          await R(r.src);
+        if (r === "video") {
+          if (!(a != null && a.src)) throw new Error("Missing video source");
+          await R(a.src);
           return;
         }
         if (!(t != null && t.src)) throw new Error("Missing image source");
         await x(t.src);
       } catch (v) {
         if (o) return;
-        s("error"), g(v instanceof Error ? v.message : `Unable to initialize ${a}`);
+        s("error"), g(v instanceof Error ? v.message : `Unable to initialize ${r}`);
       }
     })(), () => {
-      o = !0, w();
+      o = !0, b();
     };
-  }, [e, t, a, r]), {
+  }, [e, t, r, a]), {
     videoRef: n,
-    imageRef: c,
+    imageRef: d,
     stream: u,
     mediaSize: i,
     status: h,
-    error: p
+    error: f
   };
-}, Ye = ({
+}, Qe = ({
   enabled: e,
   imageRef: t,
-  selectedSource: a,
-  status: r,
+  selectedSource: r,
+  status: a,
   videoRef: n
 }) => {
-  const [c, u] = M(null);
-  return A(() => {
-    if (!e || r !== "ready") {
-      u((f) => (f == null || f.dispose(), null));
+  const [d, u] = T(null);
+  return k(() => {
+    if (!e || a !== "ready") {
+      u((p) => (p == null || p.dispose(), null));
       return;
     }
-    const d = a === "image" ? t.current : n.current;
-    if (!d) return;
-    const i = a === "image" ? new z.Texture(d) : new z.VideoTexture(d);
-    return i.colorSpace = z.SRGBColorSpace, i.minFilter = z.LinearFilter, i.magFilter = z.LinearFilter, i.generateMipmaps = !1, i.needsUpdate = !0, u((f) => (f == null || f.dispose(), i)), () => {
+    const c = r === "image" ? t.current : n.current;
+    if (!c) return;
+    const i = r === "image" ? new X.Texture(c) : new X.VideoTexture(c);
+    return i.colorSpace = X.SRGBColorSpace, i.minFilter = X.LinearFilter, i.magFilter = X.LinearFilter, i.generateMipmaps = !1, i.needsUpdate = !0, u((p) => (p == null || p.dispose(), i)), () => {
       i.dispose();
     };
-  }, [e, t, a, r, n]), c;
+  }, [e, t, r, a, n]), d;
 }, Je = ({
   externalTracker: e,
   imageOptions: t,
-  layout: a,
-  managesOwnMedia: r,
+  layout: r,
+  managesOwnMedia: a,
   mediaError: n,
-  mediaFitMode: c,
+  mediaFitMode: d,
   mediaSize: u,
-  mediaStatus: d,
+  mediaStatus: c,
   mirrored: i,
-  selectedImage: f,
+  selectedImage: p,
   selectedImageId: h,
   selectedSource: s,
-  selectedVideo: p,
+  selectedVideo: f,
   selectedVideoId: g,
   setMirrored: o,
   setSelectedImageId: l,
   setSelectedSource: m,
-  setSelectedVideoId: w,
+  setSelectedVideoId: b,
   setShowMediaControls: S,
   showMediaControls: R,
   tracker: x,
   videoOptions: E,
   viewportSize: v
 }) => {
-  const y = s === "image" ? `${O.image.label}: ${(f == null ? void 0 : f.label) ?? ""}` : s === "video" ? `${O.video.label}: ${(p == null ? void 0 : p.label) ?? ""}` : O.webcam.label;
+  const y = s === "image" ? `${D.image.label}: ${(p == null ? void 0 : p.label) ?? ""}` : s === "video" ? `${D.video.label}: ${(f == null ? void 0 : f.label) ?? ""}` : D.webcam.label;
   return {
-    activeDelegate: r ? x.activeDelegate : null,
-    faces: r ? x.faces : e.faces,
+    activeDelegate: a ? x.activeDelegate : null,
+    faces: a ? x.faces : e.faces,
     imageOptions: t,
-    layout: a,
+    layout: r,
     mediaError: n,
-    mediaFitMode: c,
+    mediaFitMode: d,
     mediaLabel: y,
-    mediaStatus: d,
+    mediaStatus: c,
     mirrored: i,
     selectedImageId: h,
     selectedSource: s,
@@ -808,11 +810,11 @@ const B = ({
     setMirrored: o,
     setSelectedImageId: l,
     setSelectedSource: m,
-    setSelectedVideoId: w,
+    setSelectedVideoId: b,
     setShowMediaControls: S,
     showMediaControls: R,
-    trackerError: r ? x.error : null,
-    trackerStatus: r ? x.status : e.trackerStatus,
+    trackerError: a ? x.error : null,
+    trackerStatus: a ? x.status : e.trackerStatus,
     videoOptions: E,
     viewportSize: v,
     mediaSize: u
@@ -820,100 +822,100 @@ const B = ({
 }, Ze = ({
   mediaTexture: e,
   previewMode: t,
-  renderOutputs: a,
-  sceneRenderOutputs: r
-}) => G(
+  renderOutputs: r,
+  sceneRenderOutputs: a
+}) => U(
   () => ({
-    requested: a,
+    requested: r,
     previewMode: t,
     mediaColorTexture: e,
-    sceneColorTexture: r.sceneColorTexture,
-    finalColorTexture: a.finalColor ? r.sceneColorTexture : null,
-    sceneDepthTexture: r.sceneDepthTexture,
+    sceneColorTexture: a.sceneColorTexture,
+    finalColorTexture: r.finalColor ? a.sceneColorTexture : null,
+    sceneDepthTexture: a.sceneDepthTexture,
     estimatedDepthTexture: null,
     available: {
       mediaColor: e !== null,
-      sceneColor: r.sceneColorTexture !== null,
-      finalColor: !!(a.finalColor && r.sceneColorTexture),
-      sceneDepth: r.sceneDepthTexture !== null,
+      sceneColor: a.sceneColorTexture !== null,
+      finalColor: !!(r.finalColor && a.sceneColorTexture),
+      sceneDepth: a.sceneDepthTexture !== null,
       estimatedDepth: !1
     }
   }),
-  [e, t, a, r]
+  [e, t, r, a]
 ), et = ({
   fitMode: e,
   imageOptions: t,
-  initialImageId: a,
-  initialMirrored: r,
+  initialImageId: r,
+  initialMirrored: a,
   initialSource: n,
-  initialVideoId: c,
+  initialVideoId: d,
   mediaStrategy: u,
-  previewMode: d,
+  previewMode: c,
   renderOutputs: i,
-  showMediaControlsByDefault: f,
+  showMediaControlsByDefault: p,
   source: h,
   videoOptions: s
 }) => {
-  const p = _(null), g = _(null), o = je(p), l = G(
-    () => qe({
+  const f = L(null), g = L(null), o = je(f), l = U(
+    () => Ge({
       imageOptions: t,
-      initialImageId: a,
+      initialImageId: r,
       initialSource: n,
-      initialVideoId: c,
+      initialVideoId: d,
       source: h,
       videoOptions: s
     }),
-    [t, a, n, c, h, s]
-  ), [m, w] = M(r), [S, R] = M(f), [x, E] = M(
+    [t, r, n, d, h, s]
+  ), [m, b] = T(a), [S, R] = T(p), [x, E] = T(
     l.selectedSource
-  ), [v, y] = M(l.selectedImageId), [k, C] = M(l.selectedVideoId), [Y, P] = M({
+  ), [v, y] = T(l.selectedImageId), [M, C] = T(l.selectedVideoId), [Q, B] = T({
     sceneColorTexture: null,
     sceneDepthTexture: null
-  }), F = u === "internal";
-  A(() => {
+  }), I = u === "internal";
+  k(() => {
     h && (E(l.selectedSource), y(l.selectedImageId), C(l.selectedVideoId));
   }, [l, h]);
-  const J = t.find((q) => q.id === v) ?? t[0], Z = s.find((q) => q.id === k) ?? s[0], T = Qe({
-    enabled: F,
+  const J = t.find((G) => G.id === v) ?? t[0], Z = s.find((G) => G.id === M) ?? s[0], A = Ye({
+    enabled: I,
     imageAsset: J,
     selectedSource: x,
     videoAsset: Z
-  }), W = He(e, x), V = G(
-    () => Ge(T.mediaSize, o, W),
-    [T.mediaSize, W, o]
-  ), de = Ye({
+  }), V = We(e, x), N = U(
+    () => Ue(A.mediaSize, o, V),
+    [A.mediaSize, V, o]
+  ), ce = Qe({
     enabled: !!(i.mediaColor || i.finalColor),
-    imageRef: T.imageRef,
+    imageRef: A.imageRef,
     selectedSource: x,
-    status: T.status,
-    videoRef: T.videoRef
-  }), H = Be(x, m), ue = We({
-    displayMirrored: H,
-    enabled: F && T.status === "ready" && V !== null,
-    imageRef: T.imageRef,
-    layout: V,
+    status: A.status,
+    videoRef: A.videoRef
+  }), W = ze(x, m), ue = Ve({
+    displayMirrored: W,
+    enabled: I && A.status === "ready" && N !== null,
+    imageRef: A.imageRef,
+    layout: N,
     selectedSource: x,
-    sourceStream: T.stream,
-    videoRef: T.videoRef
+    sourceStream: A.stream,
+    videoRef: A.videoRef
   }), me = Ke({
-    enabled: !F,
+    enabled: !I,
     selectedSource: x
-  }), fe = Je({
+  }), pe = Je({
     externalTracker: me,
     imageOptions: t,
-    layout: V,
-    managesOwnMedia: F,
-    mediaError: T.error,
-    mediaFitMode: W,
-    mediaSize: T.mediaSize,
-    mediaStatus: T.status,
-    mirrored: H,
+    layout: N,
+    managesOwnMedia: I,
+    mediaError: A.error,
+    mediaFitMode: V,
+    mediaSize: A.mediaSize,
+    mediaStatus: A.status,
+    mirrored: W,
     selectedImage: J,
     selectedImageId: v,
     selectedSource: x,
     selectedVideo: Z,
-    selectedVideoId: k,
-    setMirrored: w,
+    selectedVideoId: M,
+    setMirrored: b,
     setSelectedImageId: y,
     setSelectedSource: E,
     setSelectedVideoId: C,
@@ -922,117 +924,117 @@ const B = ({
     tracker: ue,
     videoOptions: s,
     viewportSize: o
-  }), pe = Ze({
-    mediaTexture: de,
-    previewMode: d,
+  }), fe = Ze({
+    mediaTexture: ce,
+    previewMode: c,
     renderOutputs: i,
-    sceneRenderOutputs: Y
+    sceneRenderOutputs: Q
   });
   return {
-    containerRef: p,
+    containerRef: f,
     displayCanvasRef: g,
-    displayMirrored: H,
-    layout: V,
-    managesOwnMedia: F,
-    media: T,
-    renderOutputState: pe,
-    renderState: fe,
+    displayMirrored: W,
+    layout: N,
+    managesOwnMedia: I,
+    media: A,
+    renderOutputState: fe,
+    renderState: pe,
     selectedImageId: v,
     selectedSource: x,
-    selectedVideoId: k,
-    setSceneRenderOutputs: P,
+    selectedVideoId: M,
+    setSceneRenderOutputs: B,
     setSelectedImageId: y,
     setSelectedSource: E,
     setSelectedVideoId: C,
     showMediaControls: S,
     viewportSize: o
   };
-}, K = ({ children: e }) => /* @__PURE__ */ b(N, { children: e });
+}, K = ({ children: e }) => /* @__PURE__ */ w($, { children: e });
 K.displayName = "XRViewport.Scene";
-const Q = ({ children: e }) => /* @__PURE__ */ b(N, { children: e });
-Q.displayName = "XRViewport.Overlay";
+const Y = ({ children: e }) => /* @__PURE__ */ w($, { children: e });
+Y.displayName = "XRViewport.Overlay";
 const tt = (e, t) => {
   if (e === "dom")
     return {
       sceneContent: null,
       overlayContent: t
     };
-  let a = null, r = null;
+  let r = null, a = null;
   const n = [];
-  return Ce.forEach(t, (c) => {
-    var d;
-    if (!Ee(c)) {
-      c != null && n.push(c);
+  return Ce.forEach(t, (d) => {
+    var c;
+    if (!Ee(d)) {
+      d != null && n.push(d);
       return;
     }
-    const u = (d = c.type) == null ? void 0 : d.displayName;
+    const u = (c = d.type) == null ? void 0 : c.displayName;
     if (u === K.displayName) {
-      a = c.props.children;
+      r = d.props.children;
       return;
     }
-    if (u === Q.displayName) {
-      r = c.props.children;
+    if (u === Y.displayName) {
+      a = d.props.children;
       return;
     }
-    n.push(c);
-  }), !r && n.length > 0 && (r = n), {
-    sceneContent: a,
-    overlayContent: r
+    n.push(d);
+  }), !a && n.length > 0 && (a = n), {
+    sceneContent: r,
+    overlayContent: a
   };
 }, ne = (e, t) => typeof e == "function" ? e(t) : e;
-function rt(e) {
-  return e.Scene = K, e.Overlay = Q, e;
+function at(e) {
+  return e.Scene = K, e.Overlay = Y, e;
 }
-const vt = rt(({
+const vt = at(({
   children: e,
   fitMode: t = "auto",
-  imageOptions: a = [],
-  initialImageId: r,
+  imageOptions: r = [],
+  initialImageId: a,
   initialMirrored: n = !0,
-  initialSource: c = "webcam",
+  initialSource: d = "webcam",
   initialVideoId: u,
-  mediaStrategy: d = "internal",
+  mediaStrategy: c = "internal",
   mediaDock: i = "bottom-left",
-  mode: f = "dom",
+  mode: p = "dom",
   previewMode: h = "finalColor",
   renderOutputs: s = {},
-  showMediaControlsByDefault: p = !0,
+  showMediaControlsByDefault: f = !0,
   source: g,
   style: o,
   videoOptions: l = []
 }) => {
   const m = et({
     fitMode: t,
-    imageOptions: a,
-    initialImageId: r,
+    imageOptions: r,
+    initialImageId: a,
     initialMirrored: n,
-    initialSource: c,
+    initialSource: d,
     initialVideoId: u,
-    mediaStrategy: d,
+    mediaStrategy: c,
     previewMode: h,
     renderOutputs: s,
-    showMediaControlsByDefault: p,
+    showMediaControlsByDefault: f,
     source: g,
     videoOptions: l
-  }), w = typeof e == "function" ? e(m.renderState) : e, { sceneContent: S, overlayContent: R } = tt(f, w), x = ne(
+  }), b = typeof e == "function" ? e(m.renderState) : e, { sceneContent: S, overlayContent: R } = tt(p, b), x = ne(
     S,
     m.renderState
   ), E = ne(
     R,
     m.renderState
   );
-  return /* @__PURE__ */ b(Ie.Provider, { value: m.renderState, children: /* @__PURE__ */ b(Fe.Provider, { value: m.renderOutputState, children: /* @__PURE__ */ b(
-    Pe,
+  return /* @__PURE__ */ w(Fe.Provider, { value: m.renderState, children: /* @__PURE__ */ w(Ie.Provider, { value: m.renderOutputState, children: /* @__PURE__ */ w(
+    Be,
     {
       containerRef: m.containerRef,
       displayCanvasRef: m.displayCanvasRef,
-      imageOptions: a,
+      imageOptions: r,
       imageRef: m.media.imageRef,
       layout: m.layout,
       managesOwnMedia: m.managesOwnMedia,
       mediaDock: i,
       mirrored: m.displayMirrored,
-      mode: f,
+      mode: p,
       overlayContent: E,
       renderOutputs: s,
       sceneContent: x,
@@ -1050,7 +1052,7 @@ const vt = rt(({
       viewportSize: m.viewportSize
     }
   ) }) });
-}), at = {
+}), rt = {
   position: "absolute",
   top: -28,
   left: 0,
@@ -1064,10 +1066,10 @@ const vt = rt(({
 }, xt = ({
   boundingBox: e,
   label: t = "face bounding box",
-  color: a = "#22c55e",
-  style: r,
+  color: r = "#22c55e",
+  style: a,
   labelStyle: n
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ w(
   "div",
   {
     style: {
@@ -1076,13 +1078,13 @@ const vt = rt(({
       top: `${e.top * 100}%`,
       width: `${e.width * 100}%`,
       height: `${e.height * 100}%`,
-      border: `3px solid ${a}`,
+      border: `3px solid ${r}`,
       boxSizing: "border-box",
       pointerEvents: "none",
       zIndex: 20,
-      ...r
+      ...a
     },
-    children: t !== null && /* @__PURE__ */ b("div", { style: { ...at, ...n }, children: t })
+    children: t !== null && /* @__PURE__ */ w("div", { style: { ...rt, ...n }, children: t })
   }
 ), j = [
   {
@@ -1161,7 +1163,7 @@ const vt = rt(({
   {
     id: "rear-camera",
     title: "Rear camera",
-    steps: "Switch front → rear on /camera-switching.",
+    steps: "Switch front → rear on /camera.",
     expect: "Rear feed is straight (text readable); tracking stays aligned.",
     mode: "manual",
     layer: "lifecycle"
@@ -1206,24 +1208,24 @@ const vt = rt(({
     mode: "manual",
     layer: "performance"
   }
-], Rt = (e) => j.find((t) => t.id === e) ?? nt.find((t) => t.id === e), I = (e, t) => {
-  const a = e.match(t);
-  return a ? a[1] : "";
+], Rt = (e) => j.find((t) => t.id === e) ?? nt.find((t) => t.id === e), F = (e, t) => {
+  const r = e.match(t);
+  return r ? r[1] : "";
 }, st = (e) => {
-  const t = /iPhone|iPad|iPod/.test(e) || /Macintosh/.test(e) && /Mobile/.test(e), a = /Android/.test(e);
-  let r = { name: "unknown", version: "" };
-  /Edg\//.test(e) ? r = { name: "Edge", version: I(e, /Edg\/(\d+)/) } : /OPR\//.test(e) ? r = { name: "Opera", version: I(e, /OPR\/(\d+)/) } : /SamsungBrowser\//.test(e) ? r = { name: "Samsung Internet", version: I(e, /SamsungBrowser\/(\d+)/) } : /CriOS\//.test(e) ? r = { name: "Chrome iOS", version: I(e, /CriOS\/(\d+)/) } : /FxiOS\//.test(e) ? r = { name: "Firefox iOS", version: I(e, /FxiOS\/(\d+)/) } : /Firefox\//.test(e) ? r = { name: "Firefox", version: I(e, /Firefox\/(\d+)/) } : /Chrome\//.test(e) ? r = { name: "Chrome", version: I(e, /Chrome\/(\d+)/) } : /Safari\//.test(e) && (r = { name: "Safari", version: I(e, /Version\/(\d+)/) });
+  const t = /iPhone|iPad|iPod/.test(e) || /Macintosh/.test(e) && /Mobile/.test(e), r = /Android/.test(e);
+  let a = { name: "unknown", version: "" };
+  /Edg\//.test(e) ? a = { name: "Edge", version: F(e, /Edg\/(\d+)/) } : /OPR\//.test(e) ? a = { name: "Opera", version: F(e, /OPR\/(\d+)/) } : /SamsungBrowser\//.test(e) ? a = { name: "Samsung Internet", version: F(e, /SamsungBrowser\/(\d+)/) } : /CriOS\//.test(e) ? a = { name: "Chrome iOS", version: F(e, /CriOS\/(\d+)/) } : /FxiOS\//.test(e) ? a = { name: "Firefox iOS", version: F(e, /FxiOS\/(\d+)/) } : /Firefox\//.test(e) ? a = { name: "Firefox", version: F(e, /Firefox\/(\d+)/) } : /Chrome\//.test(e) ? a = { name: "Chrome", version: F(e, /Chrome\/(\d+)/) } : /Safari\//.test(e) && (a = { name: "Safari", version: F(e, /Version\/(\d+)/) });
   let n = { name: "unknown", version: "" };
-  return t ? n = { name: "iOS", version: I(e, /OS (\d+[._]\d+)/).replace("_", ".") } : a ? n = { name: "Android", version: I(e, /Android (\d+(?:\.\d+)?)/) } : /Mac OS X/.test(e) ? n = { name: "macOS", version: I(e, /Mac OS X (\d+[._]\d+)/).replace("_", ".") } : /Windows NT/.test(e) ? n = { name: "Windows", version: I(e, /Windows NT (\d+\.\d+)/) } : /Linux/.test(e) && (n = { name: "Linux", version: "" }), { browser: r, os: n, mobile: t || a || /Mobile/.test(e) };
+  return t ? n = { name: "iOS", version: F(e, /OS (\d+[._]\d+)/).replace("_", ".") } : r ? n = { name: "Android", version: F(e, /Android (\d+(?:\.\d+)?)/) } : /Mac OS X/.test(e) ? n = { name: "macOS", version: F(e, /Mac OS X (\d+[._]\d+)/).replace("_", ".") } : /Windows NT/.test(e) ? n = { name: "Windows", version: F(e, /Windows NT (\d+\.\d+)/) } : /Linux/.test(e) && (n = { name: "Linux", version: "" }), { browser: a, os: n, mobile: t || r || /Mobile/.test(e) };
 }, it = () => {
-  var r, n;
-  const e = typeof navigator < "u" ? navigator : void 0, t = (e == null ? void 0 : e.userAgent) ?? "", a = st(t);
+  var a, n;
+  const e = typeof navigator < "u" ? navigator : void 0, t = (e == null ? void 0 : e.userAgent) ?? "", r = st(t);
   return {
     userAgent: t,
     platform: (e == null ? void 0 : e.platform) ?? "",
-    ...a,
+    ...r,
     screen: typeof window < "u" ? {
-      width: ((r = window.screen) == null ? void 0 : r.width) ?? 0,
+      width: ((a = window.screen) == null ? void 0 : a.width) ?? 0,
       height: ((n = window.screen) == null ? void 0 : n.height) ?? 0,
       dpr: window.devicePixelRatio || 1
     } : { width: 0, height: 0, dpr: 1 },
@@ -1233,51 +1235,51 @@ const vt = rt(({
     videoCaptureStream: typeof HTMLVideoElement < "u" && ("captureStream" in HTMLVideoElement.prototype || "mozCaptureStream" in HTMLVideoElement.prototype),
     touch: typeof navigator < "u" && (navigator.maxTouchPoints ?? 0) > 0
   };
-}, ot = [D.FACE_TRACKER, D.HAND_TRACKER, D.BODY_TRACKER], se = "__xr_compat__", ce = (e) => new Promise((t) => setTimeout(t, e)), L = async (e, t, a = 50) => {
-  const r = Date.now() + t;
-  for (; Date.now() < r; ) {
+}, ot = [H.FACE_TRACKER, H.HAND_TRACKER, H.BODY_TRACKER], se = "__xr_compat__", de = (e) => new Promise((t) => setTimeout(t, e)), _ = async (e, t, r = 50) => {
+  const a = Date.now() + t;
+  for (; Date.now() < a; ) {
     if (e()) return !0;
-    await ce(a);
+    await de(r);
   }
   return e();
-}, lt = (e, t) => e ? /^(camera-|no-camera|webgl-|offscreen-canvas-|wasm-)/.test(e) ? "capability" : /^model-/.test(e) ? "model" : /^(lifecycle|timeout:lifecycle|feed-stalled|start-)/.test(e) ? "lifecycle" : /^(fps|inference|frame)/.test(e) ? "performance" : t : t, ct = (e) => {
+}, lt = (e, t) => e ? /^(camera-|no-camera|webgl-|offscreen-canvas-|wasm-)/.test(e) ? "capability" : /^model-/.test(e) ? "model" : /^(lifecycle|timeout:lifecycle|feed-stalled|start-)/.test(e) ? "lifecycle" : /^(fps|inference|frame)/.test(e) ? "performance" : t : t, dt = (e) => {
   const t = {
     pass: 0,
     fail: 0,
     skip: 0,
     causes: { capability: 0, model: 0, lifecycle: 0, performance: 0, unknown: 0 }
   };
-  for (const a of e)
-    t[a.status] += 1, a.status === "fail" && (t.causes[a.cause ?? "unknown"] += 1);
+  for (const r of e)
+    t[r.status] += 1, r.status === "fail" && (t.causes[r.cause ?? "unknown"] += 1);
   return t;
-}, dt = (e, t, a = {}) => ({
+}, ct = (e, t, r = {}) => ({
   version: 1,
-  sdkVersion: a.sdkVersion ?? "dev",
+  sdkVersion: r.sdkVersion ?? "dev",
   checkedAt: (/* @__PURE__ */ new Date()).toISOString(),
-  label: a.label ?? "",
+  label: r.label ?? "",
   environment: it(),
   capabilities: t,
   results: e,
-  summary: ct(e)
+  summary: dt(e)
 }), Ct = async (e, t = {}) => {
   var h;
-  const a = t.timeoutMs ?? 2e4, r = t.models ?? ot, n = new Set(
+  const r = t.timeoutMs ?? 2e4, a = t.models ?? ot, n = new Set(
     t.scenarios ?? j.map((s) => s.id)
-  ), c = [];
-  let u = null, d = !1;
-  const i = (s, p, g, o) => {
+  ), d = [];
+  let u = null, c = !1;
+  const i = (s, f, g, o) => {
     var m;
     const l = {
       id: s,
       status: o.status,
-      cause: o.status === "fail" ? lt(o.code ?? null, p) : null,
+      cause: o.status === "fail" ? lt(o.code ?? null, f) : null,
       // Codes describe failures; a pass carries none.
       code: o.status === "fail" ? o.code ?? null : null,
       detail: o.detail,
       durationMs: Math.round(performance.now() - g)
     };
-    c.push(l), (m = t.onResult) == null || m.call(t, l);
-  }, f = async () => {
+    d.push(l), (m = t.onResult) == null || m.call(t, l);
+  }, p = async () => {
     t.stream ? await e.setMediaSource({
       source: ee.STREAM,
       stream: t.stream,
@@ -1287,17 +1289,17 @@ const vt = rt(({
   try {
     for (const s of j) {
       if (!n.has(s.id)) continue;
-      const p = performance.now();
+      const f = performance.now();
       try {
         const g = s.id;
         switch (g) {
           case "capabilities": {
             u = await ye({
-              models: r,
-              timeoutMs: Math.min(a, 8e3)
+              models: a,
+              timeoutMs: Math.min(r, 8e3)
             });
-            const o = r.map((m) => we(u, m)).filter((m) => !m.supported && m.reason).map((m) => m.reason.code), l = Array.from(new Set(o));
-            i(s.id, s.layer, p, {
+            const o = a.map((m) => be(u, m)).filter((m) => !m.supported && m.reason).map((m) => m.reason.code), l = Array.from(new Set(o));
+            i(s.id, s.layer, f, {
               status: l.length ? "fail" : "pass",
               code: l[0] ?? null,
               detail: l.length ? `blocked: ${l.join(", ")}` : `webgl${u.rendering.webglVersion}, camera ${u.camera.status}`
@@ -1305,23 +1307,23 @@ const vt = rt(({
             break;
           }
           case "session-start": {
-            await f();
-            const o = await L(
+            await p();
+            const o = await _(
               () => e.store.getSnapshot().lifecycle === "running",
-              a
-            ), l = e.store.getSnapshot().feedFrames, m = o && await L(() => e.store.getSnapshot().feedFrames > l, a);
-            d = o && m;
-            const w = e.store.getSnapshot().error;
-            i(s.id, s.layer, p, {
-              status: d ? "pass" : "fail",
-              code: w ? w.reason : o ? "feed-stalled" : "timeout:lifecycle",
-              detail: d ? `running on ${e.store.getSnapshot().sourceKind}` : w ? w.message : o ? "running but no feed frames advanced" : `lifecycle ${e.store.getSnapshot().lifecycle}`
+              r
+            ), l = e.store.getSnapshot().feedFrames, m = o && await _(() => e.store.getSnapshot().feedFrames > l, r);
+            c = o && m;
+            const b = e.store.getSnapshot().error;
+            i(s.id, s.layer, f, {
+              status: c ? "pass" : "fail",
+              code: b ? b.reason : o ? "feed-stalled" : "timeout:lifecycle",
+              detail: c ? `running on ${e.store.getSnapshot().sourceKind}` : b ? b.message : o ? "running but no feed frames advanced" : `lifecycle ${e.store.getSnapshot().lifecycle}`
             });
             break;
           }
           case "model-ready": {
-            if (!d) {
-              i(s.id, s.layer, p, {
+            if (!c) {
+              i(s.id, s.layer, f, {
                 status: "skip",
                 detail: "session did not start"
               });
@@ -1329,48 +1331,48 @@ const vt = rt(({
             }
             const o = [];
             await Promise.all(
-              r.map(async (l) => {
+              a.map(async (l) => {
                 try {
-                  await e.registry.acquire(l, se), await L(
+                  await e.registry.acquire(l, se), await _(
                     () => e.store.getSnapshot().pipeline.has(l),
-                    a
+                    r
                   ) || o.push(`${l}: timeout`);
                 } catch (m) {
                   o.push(`${l}: ${ge(m).code}`);
                 }
               })
-            ), i(s.id, s.layer, p, {
+            ), i(s.id, s.layer, f, {
               status: o.length ? "fail" : "pass",
               code: o.length ? o[0].split(": ")[1] === "timeout" ? "model-init-failed" : o[0].split(": ")[1] : null,
-              detail: o.length ? o.join("; ") : `${r.length} models ready`
+              detail: o.length ? o.join("; ") : `${a.length} models ready`
             });
             break;
           }
           case "model-detects": {
-            if (!d) {
-              i(s.id, s.layer, p, {
+            if (!c) {
+              i(s.id, s.layer, f, {
                 status: "skip",
                 detail: "session did not start"
               });
               break;
             }
-            const o = await L(
-              () => $(e, r, null).models.every((R) => R.state !== "ready" || R.inferences > 0),
-              Math.min(a, 8e3)
-            ), l = $(e, r, null), m = l.models.filter((S) => S.state === "ready" && S.inferences === 0).map((S) => S.label), w = l.models.filter((S) => S.state === "error").map((S) => {
+            const o = await _(
+              () => P(e, a, null).models.every((R) => R.state !== "ready" || R.inferences > 0),
+              Math.min(r, 8e3)
+            ), l = P(e, a, null), m = l.models.filter((S) => S.state === "ready" && S.inferences === 0).map((S) => S.label), b = l.models.filter((S) => S.state === "error").map((S) => {
               var R;
               return `${S.label}: ${((R = S.error) == null ? void 0 : R.message) ?? "error"}`;
             });
-            i(s.id, s.layer, p, {
-              status: o && !w.length ? "pass" : "fail",
-              code: w.length ? "model-init-failed" : m.length ? "model-idle" : null,
-              detail: w.length ? w.join("; ") : m.length ? `no inference from ${m.join(", ")}` : l.models.map((S) => `${S.label} ${S.inferences} run · ${S.detections ?? "–"} det`).join(", ")
+            i(s.id, s.layer, f, {
+              status: o && !b.length ? "pass" : "fail",
+              code: b.length ? "model-init-failed" : m.length ? "model-idle" : null,
+              detail: b.length ? b.join("; ") : m.length ? `no inference from ${m.join(", ")}` : l.models.map((S) => `${S.label} ${S.inferences} run · ${S.detections ?? "–"} det`).join(", ")
             });
             break;
           }
           case "pause-resume": {
-            if (!d) {
-              i(s.id, s.layer, p, {
+            if (!c) {
+              i(s.id, s.layer, f, {
                 status: "skip",
                 detail: "session did not start"
               });
@@ -1379,20 +1381,20 @@ const vt = rt(({
             e.pause();
             const o = e.store.getSnapshot().lifecycle === "paused";
             await e.resume();
-            const l = await L(
+            const l = await _(
               () => e.store.getSnapshot().lifecycle === "running",
-              a
-            ), m = e.store.getSnapshot().feedFrames, w = l && await L(() => e.store.getSnapshot().feedFrames > m, a);
-            i(s.id, s.layer, p, {
-              status: o && l && w ? "pass" : "fail",
+              r
+            ), m = e.store.getSnapshot().feedFrames, b = l && await _(() => e.store.getSnapshot().feedFrames > m, r);
+            i(s.id, s.layer, f, {
+              status: o && l && b ? "pass" : "fail",
               code: o ? l ? "feed-stalled" : "lifecycle:resume" : "lifecycle:pause",
-              detail: o && l && w ? "paused → running, feed advanced" : `paused=${o} resumed=${l} advanced=${w}`
+              detail: o && l && b ? "paused → running, feed advanced" : `paused=${o} resumed=${l} advanced=${b}`
             });
             break;
           }
           case "stop-start": {
-            if (!d) {
-              i(s.id, s.layer, p, {
+            if (!c) {
+              i(s.id, s.layer, f, {
                 status: "skip",
                 detail: "session did not start"
               });
@@ -1400,12 +1402,12 @@ const vt = rt(({
             }
             await e.stop();
             const o = e.store.getSnapshot().lifecycle === "stopped";
-            await f();
-            const l = await L(
+            await p();
+            const l = await _(
               () => e.store.getSnapshot().lifecycle === "running",
-              a
+              r
             );
-            i(s.id, s.layer, p, {
+            i(s.id, s.layer, f, {
               status: o && l ? "pass" : "fail",
               code: o ? "lifecycle:restart" : "lifecycle:stop",
               detail: o && l ? "stopped → running" : `stopped=${o} running=${l}`
@@ -1413,8 +1415,8 @@ const vt = rt(({
             break;
           }
           case "performance": {
-            if (!d) {
-              i(s.id, s.layer, p, {
+            if (!c) {
+              i(s.id, s.layer, f, {
                 status: "skip",
                 detail: "session did not start"
               });
@@ -1422,17 +1424,17 @@ const vt = rt(({
             }
             const o = t.performanceWindowMs ?? 3e3;
             let l = 0, m = 0;
-            const w = () => {
-              l += 1, m = requestAnimationFrame(w);
+            const b = () => {
+              l += 1, m = requestAnimationFrame(b);
             };
-            m = requestAnimationFrame(w);
-            const S = $(e, r, null);
-            await ce(o), cancelAnimationFrame(m);
-            const R = $(e, r, {
+            m = requestAnimationFrame(b);
+            const S = P(e, a, null);
+            await de(o), cancelAnimationFrame(m);
+            const R = P(e, a, {
               feedFrames: S.session.feedFrames,
               sampledAt: S.sampledAt
             }), x = l * 1e3 / o, E = R.inferenceMsTotal, v = x >= 20 && E <= 50;
-            i(s.id, s.layer, p, {
+            i(s.id, s.layer, f, {
               status: v ? "pass" : "fail",
               code: x < 20 ? "fps-low" : E > 50 ? "inference-high" : null,
               detail: `${x.toFixed(0)} fps · feed ${R.session.feedFps.toFixed(0)} fps · inference ${E.toFixed(1)} ms`
@@ -1440,52 +1442,52 @@ const vt = rt(({
             break;
           }
           default:
-            i(g, s.layer, p, { status: "skip", detail: "no runner" });
+            i(g, s.layer, f, { status: "skip", detail: "no runner" });
         }
       } catch (g) {
         const o = g instanceof Error ? g.message : String(g), l = (h = e.store.getSnapshot().error) == null ? void 0 : h.reason;
-        i(s.id, s.layer, p, {
+        i(s.id, s.layer, f, {
           status: "fail",
-          code: l ? be(l).code : null,
+          code: l ? we(l).code : null,
           detail: l ? `${o} (${l})` : o
         });
       }
     }
   } finally {
-    for (const s of r) e.registry.release(s, se);
+    for (const s of a) e.registry.release(s, se);
     t.keepSessionRunning || await e.stop().catch(() => {
     });
   }
-  return dt(c, u, t);
+  return ct(d, u, t);
 }, Et = (e) => {
-  const [t, a] = M(null);
-  return A(() => {
-    let r = 0;
+  const [t, r] = T(null);
+  return k(() => {
+    let a = 0;
     const n = () => {
-      var i, f;
-      r = requestAnimationFrame(n);
-      const c = (f = (i = e == null ? void 0 : e.detectionResults) == null ? void 0 : i.faceLandmarks) == null ? void 0 : f[0];
-      if (!c || c.length === 0) {
-        a(null);
+      var i, p;
+      a = requestAnimationFrame(n);
+      const d = (p = (i = e == null ? void 0 : e.detectionResults) == null ? void 0 : i.faceLandmarks) == null ? void 0 : p[0];
+      if (!d || d.length === 0) {
+        r(null);
         return;
       }
-      const u = Me(c), d = {
+      const u = Te(d), c = {
         left: u.minX,
         top: u.minY,
         width: u.width,
         height: u.height
       };
-      a((h) => h && h.left === d.left && h.top === d.top && h.width === d.width && h.height === d.height ? h : d);
+      r((h) => h && h.left === c.left && h.top === c.top && h.width === c.width && h.height === c.height ? h : c);
     };
     return n(), () => {
-      cancelAnimationFrame(r);
+      cancelAnimationFrame(a);
     };
   }, [e]), t;
-}, Mt = ({
+}, Tt = ({
   background: e = "#000",
   children: t,
-  style: a
-}) => /* @__PURE__ */ b(
+  style: r
+}) => /* @__PURE__ */ w(
   "div",
   {
     style: {
@@ -1493,150 +1495,212 @@ const vt = rt(({
       inset: 0,
       overflow: "hidden",
       background: e,
-      ...a
+      ...r
     },
     children: t
   }
-), kt = (e) => {
-  const { makeDefault: t = !0, ...a } = e;
-  return /* @__PURE__ */ b(
-    ke,
+), Mt = (e) => {
+  const { makeDefault: t = !0, ...r } = e;
+  return /* @__PURE__ */ w(
+    Me,
     {
       position: [0, 0, 40],
       fov: 30,
       near: 0.1,
       far: 1e3,
       makeDefault: t,
-      ...a
+      ...r
     }
   );
-}, Tt = ["fill", "contain"];
+}, At = ["fill", "contain"];
 export {
+  Fa as ARM_FIT_DEFAULTS,
+  Ia as ARM_MASK_DEFAULTS,
+  ka as ArmTracker,
+  _a as BODY_POSE_TRIGGER_DEFAULTS,
   Hr as BasicAnimatedTextureController,
   xt as BoundingBoxOverlay,
   j as COMPAT_SCENARIOS,
-  At as EMPTY_QUALITY_SIGNALS,
-  ua as FACE_REGION_POLYGONS,
-  kr as HAND_JOINTS,
-  Jt as HeadTracker,
-  ma as IRIS_FULL_OPENNESS,
-  fa as IrisLead,
+  kt as EMPTY_QUALITY_SIGNALS,
+  wn as FACE_REGION_POLYGONS,
+  La as HAND_JOINTS,
+  Zr as HAND_RIG_BONES,
+  Oa as HAND_RIG_FOREARM,
+  en as HAND_RIG_KNUCKLE_SHIFT,
+  tn as HAND_RIG_LENGTH_RANGE,
+  Da as HAND_RIG_MODEL_MESH,
+  an as HAND_RIG_PALM_JOINTS,
+  rn as HAND_RIG_SNAP_PALMS,
+  Xa as HAND_TATTOO_FACING_FADE,
+  Ha as HandRigContext,
+  Ba as HandRigWrist,
+  Na as HandRigWristContext,
+  Pa as HandTouchContext,
+  ta as HeadTracker,
+  Sn as IRIS_FULL_OPENNESS,
+  vn as IrisLead,
   nt as MANUAL_COMPAT_SCENARIOS,
-  qr as MAX_GIF_BYTES,
-  Gr as MAX_GIF_FRAMES,
-  Ur as MAX_GIF_PIXELS,
-  pa as MAX_OVERLAY_LABELS,
-  Tr as OscillationTracker,
-  Ir as POSE_JOINTS,
-  kt as PerspectiveCamera,
-  ha as SEGMENTATION_OVERLAY_FRAGMENT_SHADER,
-  ga as SEGMENTATION_OVERLAY_VERTEX_SHADER,
-  vr as ScreenRectAspectContext,
-  Tt as TEXTURE_FITS,
-  jr as TextureSourceLoadError,
-  Mt as XRCompositor,
-  B as XRLayer,
-  Ae as XRMediaSurface,
+  Br as MAX_GIF_BYTES,
+  Nr as MAX_GIF_FRAMES,
+  Pr as MAX_GIF_PIXELS,
+  xn as MAX_OVERLAY_LABELS,
+  za as OscillationTracker,
+  $a as POSE_JOINTS,
+  Mt as PerspectiveCamera,
+  Rn as SEGMENTATION_OVERLAY_FRAGMENT_SHADER,
+  Cn as SEGMENTATION_OVERLAY_VERTEX_SHADER,
+  zn as ScreenRectAspectContext,
+  At as TEXTURE_FITS,
+  zr as TextureSourceLoadError,
+  Va as TimedSeries,
+  Wa as TouchWorld,
+  Ga as WRIST_FILTER_DEFAULTS,
+  Ua as WristRotationFilter,
+  Tt as XRCompositor,
+  z as XRLayer,
+  ke as XRMediaSurface,
   St as XRTrackingOverlay,
   vt as XRViewport,
-  Lt as XR_MODEL_LABELS,
-  _t as classifyCameraFailure,
+  _t as XR_MODEL_LABELS,
+  Lt as anatomicalHandedness,
+  nn as applyHandRigLengths,
+  sn as applyHandRigSolution,
+  qa as armQueryOf,
+  Ot as assignHandPoses,
+  on as bindHandRig,
+  ja as bodyTriggerStatesEqual,
+  Dt as classifyCameraFailure,
   lt as classifyCompatCause,
-  ya as computeIrisEye,
-  Me as computeLandmarkBounds,
-  wa as computeMaskUvTransform,
-  Kr as computeScreenTransform,
-  dt as createCompatReport,
-  wr as createFaceInfoTarget,
-  ia as createGestureDetectorState,
-  ba as createIrisEye,
-  Sa as createIrisResult,
+  En as computeIrisEye,
+  Te as computeLandmarkBounds,
+  Tn as computeMaskUvTransform,
+  $r as computeScreenTransform,
+  Ka as createBodyMoveFrame,
+  Ya as createBodyTrigger,
+  ct as createCompatReport,
+  xa as createFaceInfoTarget,
+  fn as createGestureDetectorState,
+  Qa as createHandOccluderMaterial,
+  Ja as createHandTattooMaterial,
+  Mn as createIrisEye,
+  An as createIrisResult,
   Xt as createQualityState,
-  va as createSegmentationOverlayMaterial,
-  xa as createSemanticMaskTexture,
-  Qr as createTextureSourceResolver,
+  Fn as createSegmentationOverlayMaterial,
+  In as createSemanticMaskTexture,
+  Vr as createTextureSourceResolver,
+  Za as createTouchHand,
   it as describeCompatEnvironment,
-  Yr as disposeResolvedTextureSource,
-  Ot as fillLandmarkPolygon,
-  zt as fillPolygon,
+  Wr as disposeResolvedTextureSource,
+  er as ellipseWidthOnScreen,
+  tr as ensureForearmBone,
+  Ht as fillLandmarkPolygon,
+  Bt as fillPolygon,
   Rt as findCompatScenario,
-  Fr as fingerExtensions,
-  oa as gestureStatesEqual,
-  br as getFaceInfo,
-  Jr as getPlaybackFrame,
-  Zr as getSequenceFrame,
-  xr as getThreeBlending,
-  Rr as getThreeDepthFunction,
-  Cr as getThreeSide,
-  ea as gifTextureSourceProvider,
-  Nr as hasFullUnitUVBounds,
-  Dt as judgeSample,
-  Pt as lockQuality,
-  Vt as mapDomExceptionToReason,
+  ar as fingerExtensions,
+  rr as fitWristFrame,
+  nr as frameUpOnScreen,
+  hn as gestureStatesEqual,
+  Ra as getFaceInfo,
+  Gr as getPlaybackFrame,
+  Ur as getSequenceFrame,
+  Ea as getThreeBlending,
+  Ta as getThreeDepthFunction,
+  Ma as getThreeSide,
+  qr as gifTextureSourceProvider,
+  ln as handAttachmentLocal,
+  sr as handGeometryToRoot,
+  dn as handRigRootMatrix,
+  cn as handRigSnapDistance,
+  ir as handTattooFrame,
+  or as handTattooMatrix,
+  lr as handTattooUv,
+  Nt as handWorldLandmarkToJoint,
+  Dr as hasFullUnitUVBounds,
+  Pt as judgeSample,
+  zt as lockQuality,
+  $t as mapDomExceptionToReason,
   ge as mapModelErrorToReason,
-  Ar as measureArmRaise,
-  Lr as measureFingerPattern,
-  _r as measureGrab,
-  Xr as measureHandHeight,
-  Or as measureOpenPalm,
-  zr as measurePinch,
-  Dr as measureTPose,
-  Pr as measureThumb,
+  dr as measureArm,
+  cr as measureArmRaise,
+  ur as measureFingerPattern,
+  mr as measureGrab,
+  pr as measureHandHeight,
+  fr as measureOpenPalm,
+  hr as measurePinch,
+  gr as measureTPose,
+  yr as measureThumb,
   st as parseUserAgent,
-  $t as permissionStateToStatus,
-  Ra as rasterizeFaceRegions,
-  Bt as readDeviceSignals,
-  Nt as resetQuality,
-  Ca as resolveActiveOverlayLabelIndices,
-  Be as resolveCalibrationFaceDisplayMirrored,
-  Wt as resolveInitialTierIndex,
-  Ea as resolveMaskSize,
-  Ma as resolveOverlayLabelIndices,
-  Ht as resolvePerformanceBudget,
-  qt as resolveQualityTier,
-  ta as resolveTextureSource,
+  br as patchHandOccluderInflate,
+  Vt as permissionStateToStatus,
+  kn as rasterizeFaceRegions,
+  Wt as readDeviceSignals,
+  Gt as resetQuality,
+  _n as resolveActiveOverlayLabelIndices,
+  wr as resolveBodyMoveLimits,
+  Sr as resolveBodyTriggerOptions,
+  ze as resolveCalibrationFaceDisplayMirrored,
+  Ut as resolveInitialTierIndex,
+  Ln as resolveMaskSize,
+  On as resolveOverlayLabelIndices,
+  qt as resolvePerformanceBudget,
+  jt as resolveQualityTier,
+  jr as resolveTextureSource,
   Ct as runCompatChecks,
-  $ as sampleXRDiagnostics,
-  Gt as semanticMaskLabelIndex,
-  be as sessionReasonToFallback,
-  Ut as setQualityTier,
-  la as snapshotGestureState,
-  ca as stepGestureDetector,
-  jt as stepQualityController,
-  ct as summarizeCompatResults,
-  ra as throwIfAborted,
-  Vr as thumbDirection,
-  $r as thumbExtension,
-  Kt as tierToApply,
-  ka as updateIrisResult,
-  Ta as updateSegmentationOverlayMaterial,
-  Ia as uploadSemanticMask,
-  We as useCalibrationFaceTracker,
+  P as sampleXRDiagnostics,
+  vr as screenAngle,
+  un as screenChirality,
+  Kt as semanticMaskLabelIndex,
+  we as sessionReasonToFallback,
+  xr as setBodyTriggerOptions,
+  Rr as setHandTattooBlend,
+  Yt as setQualityTier,
+  Cr as sideJoint,
+  Er as snapshotBodyTriggerState,
+  gn as snapshotGestureState,
+  mn as solveHandRig,
+  Tr as stepBodyTrigger,
+  yn as stepGestureDetector,
+  Qt as stepQualityController,
+  dt as summarizeCompatResults,
+  Kr as throwIfAborted,
+  Mr as thumbDirection,
+  Ar as thumbExtension,
+  Jt as tierToApply,
+  Dn as updateIrisResult,
+  Fr as updatePointerHand,
+  Xn as updateSegmentationOverlayMaterial,
+  Ir as updateTouchHand,
+  Hn as uploadSemanticMask,
+  kr as useArmMask,
+  Ve as useCalibrationFaceTracker,
   Et as useFaceBoundingBox,
-  Er as useScreenSpace,
-  Fa as useSegmentationOverlayMaterial,
-  Aa as useSemanticMaskTexture,
-  Zt as useTrackerContext,
-  tr as useXRCameraDeviceId,
-  rr as useXRCameraFacing,
-  ar as useXRCameraTexture,
+  $n as useScreenSpace,
+  Bn as useSegmentationOverlayMaterial,
+  Nn as useSemanticMaskTexture,
+  aa as useTrackerContext,
+  na as useXRCameraDeviceId,
+  sa as useXRCameraFacing,
+  ia as useXRCameraTexture,
   ie as useXRContext,
-  Qt as useXRDiagnostics,
-  nr as useXRError,
-  sr as useXRFeedCrop,
-  ir as useXRLifecycle,
-  or as useXRMirrored,
+  Zt as useXRDiagnostics,
+  oa as useXRError,
+  la as useXRFeedAspect,
+  da as useXRFeedCrop,
+  ca as useXRLifecycle,
+  ua as useXRMirrored,
   Se as useXRModel,
-  lr as useXRModelErrors,
+  ma as useXRModelErrors,
   ve as useXRModelNode,
-  cr as useXROrientation,
-  dr as useXRPipelineSnapshot,
-  ur as useXRQualityConfig,
-  mr as useXRQualityState,
-  fr as useXRReady,
-  pr as useXRRenderSize,
-  hr as useXRSessionCameraPermission,
-  gr as useXRTrackerStatus,
-  aa as useXRViewportRenderOutputs,
-  na as useXRViewportState
+  pa as useXROrientation,
+  fa as useXRPipelineSnapshot,
+  ha as useXRQualityConfig,
+  ga as useXRQualityState,
+  ya as useXRReady,
+  ba as useXRRenderSize,
+  wa as useXRSessionCameraPermission,
+  Sa as useXRTrackerStatus,
+  Yr as useXRViewportRenderOutputs,
+  Qr as useXRViewportState,
+  _r as worldToFeedUnits,
+  Lr as wristFrameLocal
 };