@vincentt-xr/sdk 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/{index-JygePOwo.js → index-BMeBJ0dV.js}

@@ -1,18 +1,18 @@
 var Ae = Object.defineProperty;
-var be = (i, s, e) => s in i ? Ae(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
-var h = (i, s, e) => be(i, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as ne } from "react/jsx-runtime";
-import { useRef as oe, useMemo as $, useEffect as Ee, useContext as ce, useCallback as ae, createElement as Ie, createContext as he } from "react";
+var be = (n, s, e) => s in n ? Ae(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var h = (n, s, e) => be(n, typeof s != "symbol" ? s + "" : s, e);
+import { jsx as ae } from "react/jsx-runtime";
+import { useRef as oe, useMemo as $, useEffect as Ee, useContext as ce, useCallback as ie, createElement as Ie, createContext as he } from "react";
 import { FilesetResolver as V, PoseLandmarker as De, FaceLandmarker as _e, GestureRecognizer as Pe, HandLandmarker as Oe, ImageSegmenter as Ue, DrawingUtils as ze } from "@mediapipe/tasks-vision";
 import * as E from "three";
 import { RGBAFormat as de, LinearFilter as q, CanvasTexture as ue, SRGBColorSpace as Le } from "three";
-var F = /* @__PURE__ */ ((i) => (i.WEBCAM = "webcam", i.STREAM = "stream", i.CANVAS = "canvas", i))(F || {}), z = /* @__PURE__ */ ((i) => (i.HAND_TRACKER = "vincentt.xr.hand-tracker", i.GESTURE_TRACKER = "vincentt.xr.gesture-tracker", i.FACE_TRACKER = "vincentt.xr.face-tracker", i.BODY_TRACKER = "vincentt.xr.body-tracker", i.BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation", i))(z || {});
+var F = /* @__PURE__ */ ((n) => (n.WEBCAM = "webcam", n.STREAM = "stream", n.CANVAS = "canvas", n))(F || {}), z = /* @__PURE__ */ ((n) => (n.HAND_TRACKER = "vincentt.xr.hand-tracker", n.GESTURE_TRACKER = "vincentt.xr.gesture-tracker", n.FACE_TRACKER = "vincentt.xr.face-tracker", n.BODY_TRACKER = "vincentt.xr.body-tracker", n.BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation", n))(z || {});
 class b extends Error {
   constructor(s) {
     super(s), this.name = "VincenttXRError";
   }
 }
-const Be = (i, s) => s, I = {
+const Be = (n, s) => s, I = {
   apiBaseUrl: Be(void 0, "https://api.vincentt.studio"),
   // Pinned to the CDN, NOT build-env-driven: a stale VITE_ASSET_STORAGE_ENDPOINT
   // baked a now-deleted CloudFront domain into every published bundle, breaking
@@ -41,11 +41,11 @@ class Ve {
     e && console.error(t, ...s);
   }
 }
-const O = (i) => i * 2 - 1, j = new E.Vector3(), Y = new E.Vector3(), H = ({ x: i, y: s, z: e }, t, a) => {
-  j.set((i - 0.5) * 2, (0.5 - s) * 2, -e), j.unproject(t), Y.copy(j).sub(t.position).normalize();
+const O = (n) => n * 2 - 1, j = new E.Vector3(), Y = new E.Vector3(), H = ({ x: n, y: s, z: e }, t, i) => {
+  j.set((n - 0.5) * 2, (0.5 - s) * 2, -e), j.unproject(t), Y.copy(j).sub(t.position).normalize();
   const r = -t.position.z / Y.z;
-  return a.copy(t.position).addScaledVector(Y, r), a;
-}, It = (i, s) => H(i, s, new E.Vector3()), Ke = (i, s, e = 0.2) => e * s + (1 - e) * i;
+  return i.copy(t.position).addScaledVector(Y, r), i;
+}, _t = (n, s) => H(n, s, new E.Vector3()), Ke = (n, s, e = 0.2) => e * s + (1 - e) * n;
 class Z {
   constructor(s) {
     h(this, "canvas");
@@ -57,9 +57,9 @@ class Z {
    * 2D context can't be obtained). The returned canvas is reused across calls.
    */
   draw(s) {
-    const e = s.width, t = s.height, a = Math.min(1, this.maxDimension / Math.max(e, t));
-    if (a >= 1) return s;
-    const r = Math.max(1, Math.round(e * a)), o = Math.max(1, Math.round(t * a));
+    const e = s.width, t = s.height, i = Math.min(1, this.maxDimension / Math.max(e, t));
+    if (i >= 1) return s;
+    const r = Math.max(1, Math.round(e * i)), o = Math.max(1, Math.round(t * i));
     (!this.canvas || this.canvas.width !== r || this.canvas.height !== o) && (this.canvas = new OffscreenCanvas(r, o));
     const u = this.canvas.getContext("2d");
     return u ? (u.setTransform(1, 0, 0, 1, 0, 0), u.clearRect(0, 0, r, o), u.drawImage(s, 0, 0, r, o), this.canvas) : s;
@@ -78,47 +78,47 @@ const Ne = {
   "/assets/sdk/face/v1/canonical_face_model.obj": "sha384-xP8YM/72TXKvbMptXB9a8JUlUf3MZQ8uLurExrsZc05v6/P5RrsaNGMUYS/BZx8A",
   "/opencv/facial_expression_recognition/resolve/main/facial_expression_recognition_mobilefacenet_2022july_int8.onnx": "sha384-g8mtFubiIc/yhqi591RsxD76AJLw2CfYgKhKbVkIiFlwBmIyG7ZAIVyGPXafrDGB"
 };
-async function He(i) {
-  const s = await fetch(i);
+async function He(n) {
+  const s = await fetch(n);
   if (!s.ok)
-    throw new Error(`fetchAndVerify: ${s.status} ${i}`);
-  const e = await s.arrayBuffer(), t = Ge(i);
+    throw new Error(`fetchAndVerify: ${s.status} ${n}`);
+  const e = await s.arrayBuffer(), t = Ge(n);
   if (!t) {
-    if (qe(i))
-      throw new Error(`[xr-sdk integrity] no SRI hash for SDK asset ${i}`);
-    return console.warn(`[xr-sdk integrity] no SRI hash for ${i} — passing through`), e;
+    if (qe(n))
+      throw new Error(`[xr-sdk integrity] no SRI hash for SDK asset ${n}`);
+    return console.warn(`[xr-sdk integrity] no SRI hash for ${n} — passing through`), e;
   }
-  const a = await We(e);
-  if (a !== t)
+  const i = await We(e);
+  if (i !== t)
     throw new Error(
-      `[xr-sdk integrity] SRI mismatch for ${i}: expected ${t}, got ${a}`
+      `[xr-sdk integrity] SRI mismatch for ${n}: expected ${t}, got ${i}`
     );
   return e;
 }
-function qe(i) {
+function qe(n) {
   try {
-    return new URL(i).origin === new URL(I.assetStorageEndpoint).origin;
+    return new URL(n).origin === new URL(I.assetStorageEndpoint).origin;
   } catch {
     return !1;
   }
 }
-async function K(i) {
-  const s = await He(i);
+async function K(n) {
+  const s = await He(n);
   return new Uint8Array(s);
 }
-function Ge(i) {
+function Ge(n) {
   try {
-    const s = new URL(i);
+    const s = new URL(n);
     return Ne[s.pathname];
   } catch {
     return;
   }
 }
-async function We(i) {
-  const s = await crypto.subtle.digest("SHA-384", i), e = new Uint8Array(s);
+async function We(n) {
+  const s = await crypto.subtle.digest("SHA-384", n), e = new Uint8Array(s);
   let t = "";
-  for (let a = 0; a < e.byteLength; a++)
-    t += String.fromCharCode(e[a]);
+  for (let i = 0; i < e.byteLength; i++)
+    t += String.fromCharCode(e[i]);
   return `sha384-${btoa(t)}`;
 }
 class N {
@@ -196,9 +196,9 @@ class je extends N {
   async getBodyData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), a = this.landmarker.detectForVideo(e, t), r = performance.now();
+    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = a.landmarks, u = [];
+    const o = i.landmarks, u = [];
     if (o)
       return o.forEach((m, d) => {
         u[d] || (u[d] = []), m.forEach((S) => {
@@ -238,12 +238,12 @@ class je extends N {
   async initialize(e) {
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), a = await K(
+    ), i = await K(
       new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
     );
     this.landmarker = await De.createFromOptions(t, {
       baseOptions: {
-        modelAssetBuffer: a,
+        modelAssetBuffer: i,
         delegate: "GPU"
       },
       runningMode: "VIDEO",
@@ -265,7 +265,7 @@ class je extends N {
     };
   }
 }
-const Ye = 0.11, Qe = 4e-3, $e = (i, s) => s.set(i.x, -i.y, i.z);
+const Ye = 0.11, Qe = 4e-3, $e = (n, s) => s.set(n.x, -n.y, n.z);
 class Ze extends N {
   constructor() {
     super();
@@ -303,7 +303,7 @@ class Ze extends N {
     return t ? (this.landmarkScratch.x = 1 - e.x, this.landmarkScratch.y = e.y, this.landmarkScratch.z = e.z, this.landmarkScratch.visibility = e.visibility, this.landmarkScratch) : e;
   }
   extractAndUpdateFaceData(e) {
-    var a;
+    var i;
     if (!e.faceLandmarks.length) {
       this.faces = [];
       return;
@@ -321,7 +321,7 @@ class Ze extends N {
     for (let r = 0; r < t; r += 1) {
       if (!this.cameras[r])
         continue;
-      const o = this.faces[r], u = (a = this.getSource) == null ? void 0 : a.call(this), m = !(u === "webcam" || !u), d = e.faceLandmarks[r], S = e.facialTransformationMatrixes[r];
+      const o = this.faces[r], u = (i = this.getSource) == null ? void 0 : i.call(this), m = !(u === "webcam" || !u), d = e.faceLandmarks[r], S = e.facialTransformationMatrixes[r];
       this.rotMatrixScratch.fromArray(S.data), this.rotQuatScratch.setFromRotationMatrix(this.rotMatrixScratch), this.rotQuatScratch.set(
         -this.rotQuatScratch.x,
         this.rotQuatScratch.y,
@@ -340,11 +340,11 @@ class Ze extends N {
         this.cameras[r],
         this.rightCheekScratch[r]
       );
-      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * Ye, x = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), g = M + x * Qe, f = o.transform.scale.x, w = Ke(
+      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * Ye, x = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), l = M + x * Qe, f = o.transform.scale.x, v = Ke(
         isNaN(f) ? 0 : f,
-        g
+        l
       );
-      o.transform.scale.set(w, w, w);
+      o.transform.scale.set(v, v, v);
       const p = o.gestures, k = e.faceBlendshapes[r].categories;
       for (const C of k)
         p[C.categoryName] = C.score;
@@ -357,7 +357,7 @@ class Ze extends N {
       this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
       return;
     }
-    const e = Je(this.numFaces), t = this.sourceCanvas.width, a = this.sourceCanvas.height, r = Math.min(1, e / Math.max(t, a)), o = Math.max(1, Math.round(t * r)), u = Math.max(1, Math.round(a * r));
+    const e = Je(this.numFaces), t = this.sourceCanvas.width, i = this.sourceCanvas.height, r = Math.min(1, e / Math.max(t, i)), o = Math.max(1, Math.round(t * r)), u = Math.max(1, Math.round(i * r));
     (!this.analysisCanvas || this.analysisCanvas.width !== o || this.analysisCanvas.height !== u) && (this.analysisCanvas = new OffscreenCanvas(o, u));
     const m = this.analysisCanvas.getContext("2d");
     if (!m) {
@@ -388,11 +388,11 @@ class Ze extends N {
     return this.detectionResults;
   }
   getRawFaceTrackingData(e = 0) {
-    var t, a, r, o;
+    var t, i, r, o;
     if (this.detectionResults)
       return {
         landmarks: (t = this.detectionResults.faceLandmarks) == null ? void 0 : t[e],
-        blendshapes: (r = (a = this.detectionResults.faceBlendshapes) == null ? void 0 : a[e]) == null ? void 0 : r.categories,
+        blendshapes: (r = (i = this.detectionResults.faceBlendshapes) == null ? void 0 : i[e]) == null ? void 0 : r.categories,
         transformationMatrix: (o = this.detectionResults.facialTransformationMatrixes) == null ? void 0 : o[e]
       };
   }
@@ -400,11 +400,11 @@ class Ze extends N {
     this.numFaces = (e == null ? void 0 : e.numFaces) || 1;
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), a = await K(
+    ), i = await K(
       new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
     ), r = await _e.createFromOptions(t, {
       baseOptions: {
-        modelAssetBuffer: a,
+        modelAssetBuffer: i,
         delegate: "GPU"
       },
       // Keep detection permissive for calibration workflows with dark webcam input.
@@ -422,8 +422,8 @@ class Ze extends N {
     }
     this.landmarker = r;
   }
-  async run({ sourceCanvas: e, getSource: t, targetFps: a }) {
-    this.sourceCanvas = e, this.getSource = t, this.setTargetFps(a), this.analysisCanvas = void 0, this.rafId === null && this.processFaceTracking();
+  async run({ sourceCanvas: e, getSource: t, targetFps: i }) {
+    this.sourceCanvas = e, this.getSource = t, this.setTargetFps(i), this.analysisCanvas = void 0, this.rafId === null && this.processFaceTracking();
   }
   getModelNode() {
     const e = this;
@@ -434,8 +434,8 @@ class Ze extends N {
       getDetectionResults: this.getDetectionResults.bind(this),
       getFace: this.getFace.bind(this),
       getRawFaceTrackingData: this.getRawFaceTrackingData.bind(this),
-      setCamera: (a, r = 0) => {
-        this.cameras[r] = a;
+      setCamera: (i, r = 0) => {
+        this.cameras[r] = i;
       }
     };
   }
@@ -446,8 +446,8 @@ class Ze extends N {
     };
   }
 }
-const Je = (i) => i > 1 ? 1024 : 512;
-var D = /* @__PURE__ */ ((i) => (i.ClosedFist = "closed_fist", i.OpenPalm = "open_palm", i.PointingUp = "pointing_up", i.ThumbDown = "thumb_down", i.ThumbUp = "thumb_up", i.Victory = "victory", i.ILoveYou = "i_love_you", i.None = "none", i))(D || {});
+const Je = (n) => n > 1 ? 1024 : 512;
+var D = /* @__PURE__ */ ((n) => (n.ClosedFist = "closed_fist", n.OpenPalm = "open_palm", n.PointingUp = "pointing_up", n.ThumbDown = "thumb_down", n.ThumbUp = "thumb_up", n.Victory = "victory", n.ILoveYou = "i_love_you", n.None = "none", n))(D || {});
 const et = 512, tt = {
   Closed_Fist: D.ClosedFist,
   Open_Palm: D.OpenPalm,
@@ -458,7 +458,7 @@ const et = 512, tt = {
   ILoveYou: D.ILoveYou,
   None: D.None
 }, st = 15;
-class it extends N {
+class nt extends N {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -471,11 +471,11 @@ class it extends N {
   async getGestureData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), a = this.landmarker.recognizeForVideo(e, t), r = performance.now();
+    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.recognizeForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = a.landmarks[0], u = [];
+    const o = i.landmarks[0], u = [];
     if (o) {
-      const m = a.gestures[0][0].categoryName;
+      const m = i.gestures[0][0].categoryName;
       return o.forEach((d) => {
         u.push({
           x: O(d.x),
@@ -516,7 +516,7 @@ class it extends N {
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
     ), t = await K(
       new URL("/assets/xr/models/gesture_tracking.task", I.assetStorageEndpoint).toString()
-    ), a = await Pe.createFromOptions(e, {
+    ), i = await Pe.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -524,7 +524,7 @@ class it extends N {
       runningMode: "VIDEO",
       numHands: 1
     });
-    this.landmarker = a;
+    this.landmarker = i;
   }
   async run({ sourceCanvas: e, targetFps: t }) {
     this.sourceCanvas = e, this.setTargetFps(t ?? st), this.rafId === null && await this.processGestureTracking();
@@ -547,8 +547,8 @@ class it extends N {
     };
   }
 }
-const nt = 512;
-class at extends N {
+const at = 512;
+class it extends N {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -558,24 +558,24 @@ class at extends N {
     h(this, "gesture");
     h(this, "handedness");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(nt));
+    h(this, "downscaler", new Z(at));
   }
   async getHandData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), a = this.landmarker.detectForVideo(e, t), r = performance.now();
+    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = [], u = a.handedness ?? a.handednesses ?? [];
-    if (a.landmarks.forEach((d, S) => {
-      var f, w, p;
+    const o = [], u = i.handedness ?? i.handednesses ?? [];
+    if (i.landmarks.forEach((d, S) => {
+      var f, v, p;
       if (!d || d.length === 0)
         return;
       const R = d.map((k) => ({
         x: O(k.x),
         y: O(1 - k.y),
         z: -k.z
-      })), M = (p = (w = (f = u[S]) == null ? void 0 : f[0]) == null ? void 0 : w.categoryName) == null ? void 0 : p.toLowerCase(), x = M === "left" || M === "right" ? M : void 0, g = d[0].z < 0 ? "closed_fist" : "open_palm";
-      o.push({ coordinates: R, gesture: g, handedness: x });
+      })), M = (p = (v = (f = u[S]) == null ? void 0 : f[0]) == null ? void 0 : v.categoryName) == null ? void 0 : p.toLowerCase(), x = M === "left" || M === "right" ? M : void 0, l = d[0].z < 0 ? "closed_fist" : "open_palm";
+      o.push({ coordinates: R, gesture: l, handedness: x });
     }), !o.length)
       return {
         hands: void 0,
@@ -618,7 +618,7 @@ class at extends N {
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
     ), t = await K(
       new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
-    ), a = await Oe.createFromOptions(e, {
+    ), i = await Oe.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -626,7 +626,7 @@ class at extends N {
       runningMode: "VIDEO",
       numHands: 2
     });
-    this.landmarker = a;
+    this.landmarker = i;
   }
   async run({ sourceCanvas: e, targetFps: t }) {
     this.sourceCanvas = e, this.setTargetFps(t), this.rafId === null && await this.processHandTracking();
@@ -733,8 +733,8 @@ class ht extends N {
       return e.videoWidth > 0 ? { width: e.videoWidth, height: e.videoHeight } : void 0;
     if (e instanceof HTMLImageElement)
       return e.naturalWidth > 0 ? { width: e.naturalWidth, height: e.naturalHeight } : void 0;
-    const t = e.width, a = e.height;
-    return typeof t == "number" && t > 0 && typeof a == "number" && a > 0 ? { width: t, height: a } : void 0;
+    const t = e.width, i = e.height;
+    return typeof t == "number" && t > 0 && typeof i == "number" && i > 0 ? { width: t, height: i } : void 0;
   }
   /**
    * Size the process canvas to the override input's aspect ratio, bounded by
@@ -747,8 +747,8 @@ class ht extends N {
     const e = this.readIntrinsicSize(this.inputSource);
     if (!e) return;
     this.inputSourceSize = e;
-    const t = Math.min(1, ot / Math.max(e.width, e.height)), a = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
-    this.processCanvas.width === a && this.processCanvas.height === r || (this.processCanvas.width = a, this.processCanvas.height = r, this.glCanvas && (this.glCanvas.width = a, this.glCanvas.height = r), this.maskImageData = void 0);
+    const t = Math.min(1, ot / Math.max(e.width, e.height)), i = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
+    this.processCanvas.width === i && this.processCanvas.height === r || (this.processCanvas.width = i, this.processCanvas.height = r, this.glCanvas && (this.glCanvas.width = i, this.glCanvas.height = r), this.maskImageData = void 0);
   }
   async processSegmentation() {
     if (this.disposed || !this.isProcessing || !this.maskCanvas || !this.processCanvas)
@@ -766,14 +766,14 @@ class ht extends N {
     }
     const t = performance.now();
     this.ensureProcessCanvasForInput();
-    const a = this.processCanvas.getContext("2d");
-    if (a) {
+    const i = this.processCanvas.getContext("2d");
+    if (i) {
       const u = this.processCanvas.width, m = this.processCanvas.height;
-      if (a.clearRect(0, 0, u, m), this.inputSource && this.inputSourceSize) {
+      if (i.clearRect(0, 0, u, m), this.inputSource && this.inputSourceSize) {
         const { width: d, height: S } = this.inputSourceSize, R = Math.min(u / d, m / S), M = d * R, x = S * R;
-        a.drawImage(this.inputSource, (u - M) / 2, (m - x) / 2, M, x);
+        i.drawImage(this.inputSource, (u - M) / 2, (m - x) / 2, M, x);
       } else
-        a.drawImage(e, 0, 0, u, m);
+        i.drawImage(e, 0, 0, u, m);
     }
     const o = this.segmenter.segmentForVideo(
       this.processCanvas,
@@ -811,9 +811,9 @@ class ht extends N {
    * background→opaque convention (green carries the signal for the alphaMap).
    */
   readMaskToImageData(e) {
-    const t = e.getAsUint8Array(), { width: a, height: r } = e;
-    if (!t || a <= 0 || r <= 0) return null;
-    (!this.maskImageData || this.maskImageData.width !== a || this.maskImageData.height !== r) && (this.maskImageData = new ImageData(a, r));
+    const t = e.getAsUint8Array(), { width: i, height: r } = e;
+    if (!t || i <= 0 || r <= 0) return null;
+    (!this.maskImageData || this.maskImageData.width !== i || this.maskImageData.height !== r) && (this.maskImageData = new ImageData(i, r));
     const o = this.maskImageData.data;
     for (let u = 0; u < t.length; u += 1) {
       const m = t[u] === 255 ? 0 : 255;
@@ -828,10 +828,10 @@ class ht extends N {
    */
   blitImageDataToMask(e) {
     if (!this.maskCanvas || !this.filterCanvas) return;
-    const t = this.maskCanvas.getContext("2d"), a = this.filterCanvas.getContext("2d");
-    if (!t || !a) return;
+    const t = this.maskCanvas.getContext("2d"), i = this.filterCanvas.getContext("2d");
+    if (!t || !i) return;
     const r = this.getStagingCanvas(e.width, e.height), o = r.getContext("2d");
-    o && (o.putImageData(e, 0, 0), a.filter = "blur(0.5px)", a.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), a.drawImage(r, 0, 0, this.filterCanvas.width, this.filterCanvas.height), t.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), t.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
+    o && (o.putImageData(e, 0, 0), i.filter = "blur(0.5px)", i.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), i.drawImage(r, 0, 0, this.filterCanvas.width, this.filterCanvas.height), t.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), t.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
   }
   getStagingCanvas(e, t) {
     return this.stagingCanvas || (this.stagingCanvas = document.createElement("canvas")), this.stagingCanvas.width !== e && (this.stagingCanvas.width = e), this.stagingCanvas.height !== t && (this.stagingCanvas.height = t), this.stagingCanvas;
@@ -860,7 +860,7 @@ class ht extends N {
     this.quality = (e == null ? void 0 : e.quality) ?? "low";
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), a = await K(
+    ), i = await K(
       new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
     );
     this.glCanvas = new OffscreenCanvas(1, 1);
@@ -869,7 +869,7 @@ class ht extends N {
     });
     this.segmenter = await Ue.createFromOptions(t, {
       baseOptions: {
-        modelAssetBuffer: a,
+        modelAssetBuffer: i,
         delegate: "GPU"
       },
       ...r ? { canvas: this.glCanvas } : {},
@@ -881,7 +881,7 @@ class ht extends N {
   async run({
     sourceCanvas: e,
     renderWidth: t,
-    renderHeight: a,
+    renderHeight: i,
     targetFps: r
   }) {
     var u;
@@ -889,7 +889,7 @@ class ht extends N {
       return;
     this.setTargetFps(r ?? rt), this.isProcessing = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
     const o = this.getQualityScaleFactor();
-    this.sourceCanvas = e, this.processCanvas = document.createElement("canvas"), this.processCanvas.width = e.width * o, this.processCanvas.height = e.height * o, this.glCanvas && (this.glCanvas.width = this.processCanvas.width, this.glCanvas.height = this.processCanvas.height), this.maskImageData = void 0, this.maskCanvas = document.createElement("canvas"), this.maskCanvas.width = t, this.maskCanvas.height = a, this.filterCanvas = document.createElement("canvas"), this.filterCanvas.width = t, this.filterCanvas.height = a, (u = this.segmentationMaskTexture) == null || u.dispose(), this.segmentationMaskTexture = new ue(this.maskCanvas), this.isMaskSetup = !1, this.rawCache = null, this.isProcessing = !0, this.lastInferenceMs = 0, this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
+    this.sourceCanvas = e, this.processCanvas = document.createElement("canvas"), this.processCanvas.width = e.width * o, this.processCanvas.height = e.height * o, this.glCanvas && (this.glCanvas.width = this.processCanvas.width, this.glCanvas.height = this.processCanvas.height), this.maskImageData = void 0, this.maskCanvas = document.createElement("canvas"), this.maskCanvas.width = t, this.maskCanvas.height = i, this.filterCanvas = document.createElement("canvas"), this.filterCanvas.width = t, this.filterCanvas.height = i, (u = this.segmentationMaskTexture) == null || u.dispose(), this.segmentationMaskTexture = new ue(this.maskCanvas), this.isMaskSetup = !1, this.rawCache = null, this.isProcessing = !0, this.lastInferenceMs = 0, this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
   }
   /**
    * Lazily read the single-channel mask back to a Uint8Array. Only invoked when
@@ -926,116 +926,139 @@ class ht extends N {
 }
 const re = {
   [z.BACKGROUND_SEGMENTATION]: ht,
-  [z.HAND_TRACKER]: at,
-  [z.GESTURE_TRACKER]: it,
+  [z.HAND_TRACKER]: it,
+  [z.GESTURE_TRACKER]: nt,
   [z.FACE_TRACKER]: Ze,
   [z.BODY_TRACKER]: je
-}, dt = async (i) => {
+}, dt = async (n) => {
   const s = document.createElement("video");
-  s.srcObject = i, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
+  s.srcObject = n, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
     s.onloadedmetadata = () => {
       s.play(), t();
     };
   });
   const e = s;
   return await new Promise((t) => {
-    const a = setTimeout(t, 150), r = () => {
-      clearTimeout(a), t();
+    const i = setTimeout(t, 150), r = () => {
+      clearTimeout(i), t();
     };
     typeof e.requestVideoFrameCallback == "function" ? e.requestVideoFrameCallback(r) : requestAnimationFrame(() => requestAnimationFrame(() => r()));
   }), s;
-}, ut = (i) => {
-  const s = new ue(i);
+}, ut = (n) => {
+  const s = new ue(n);
   return s.colorSpace = Le, s.format = de, s.minFilter = q, s.magFilter = q, s.generateMipmaps = !1, s.needsUpdate = !0, s;
-}, lt = (i, s) => {
-  const e = i.videoWidth, t = i.videoHeight;
+}, lt = (n, s) => {
+  const e = n.videoWidth, t = n.videoHeight;
   e > 0 && t > 0 && (s.width !== e && (s.width = e), s.height !== t && (s.height = t));
-  const a = s.getContext("2d", {
+  const i = s.getContext("2d", {
     colorSpace: "srgb"
   });
-  a.save(), a.scale(-1, 1), a.drawImage(i, -s.width, 0, s.width, s.height), a.restore();
-}, gt = (i, s, e = 1) => {
+  i.save(), i.scale(-1, 1), i.drawImage(n, -s.width, 0, s.width, s.height), i.restore();
+}, gt = (n, s, e = 1) => {
   const t = s.getContext("2d", {
     colorSpace: "srgb"
-  }), a = s.width / s.height, r = i.width / i.height;
+  }), i = s.width / s.height, r = n.width / n.height;
   let o, u;
-  r > a ? (u = s.height, o = i.width * (s.height / i.height)) : (o = s.width, u = i.height * (s.width / i.width));
+  r > i ? (u = s.height, o = n.width * (s.height / n.height)) : (o = s.width, u = n.height * (s.width / n.width));
   const m = Number.isFinite(e) && e > 0 ? e : 1;
   o *= m, u *= m;
   const d = (s.width - o) / 2, S = (s.height - u) / 2;
   t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, s.width, s.height), t.drawImage(
-    i,
+    n,
     0,
     0,
-    i.width,
-    i.height,
+    n.width,
+    n.height,
     d,
     S,
     o,
     u
   );
-}, mt = (i, s, e) => {
+}, mt = (n) => {
+  switch (n instanceof DOMException ? n.name : "") {
+    case "NotAllowedError":
+    case "PermissionDeniedError":
+      return "permission-denied";
+    case "NotReadableError":
+    case "TrackStartError":
+      return "camera-in-use";
+    case "NotFoundError":
+    case "DevicesNotFoundError":
+      return "no-camera";
+    case "NotSupportedError":
+    case "SecurityError":
+      return "unsupported";
+    default:
+      return n instanceof TypeError ? "unsupported" : "unknown";
+  }
+}, ft = {
+  "permission-denied": "Camera access was blocked. Allow camera permissions in your browser, then refresh.",
+  "camera-in-use": "Camera is already in use by another app or browser tab. Close it and refresh.",
+  "no-camera": "No camera was found on this device.",
+  unsupported: "Unable to access camera. Allow camera permissions in your browser, then refresh.",
+  unknown: "Unable to access camera. Allow camera permissions in your browser, then refresh."
+}, pt = (n, s, e) => {
   const t = /* @__PURE__ */ new Map();
-  let a = !1;
-  const r = (g, f) => {
-    var w;
+  let i = !1;
+  const r = (l, f) => {
+    var v;
     try {
-      (w = f.dispose) == null || w.call(f);
+      (v = f.dispose) == null || v.call(f);
     } catch (p) {
-      console.warn(`[xr-sdk registry] dispose threw for ${g}`, p);
+      console.warn(`[xr-sdk registry] dispose threw for ${l}`, p);
     }
   };
-  return { acquire: async (g, f, w) => {
-    let p = t.get(g);
+  return { acquire: async (l, f, v) => {
+    let p = t.get(l);
     if (p)
       return p.refs.add(f), p.activeRefs.add(f), p.initPromise;
-    const k = s[g];
+    const k = s[l];
     if (!k)
-      throw new Error(`Invalid model: ${g}`);
+      throw new Error(`Invalid model: ${l}`);
     const C = new k(), L = /* @__PURE__ */ new Set([f]), U = /* @__PURE__ */ new Set([f]), _ = (async () => {
-      await C.initialize(w);
-      const B = t.get(g);
+      await C.initialize(v);
+      const B = t.get(l);
       if (!B || B.model !== C || B.refs.size === 0)
-        return r(g, C), C;
-      e && await e(g, C);
-      const T = t.get(g);
-      return T && T.refs.size > 0 && i.setPipeline((P) => P.set(g, C)), C;
+        return r(l, C), C;
+      e && await e(l, C);
+      const T = t.get(l);
+      return T && T.refs.size > 0 && n.setPipeline((P) => P.set(l, C)), C;
     })();
-    return p = { model: C, refs: L, activeRefs: U, initPromise: _, options: w }, t.set(g, p), _.catch(() => {
-      t.get(g) === p && (t.delete(g), i.setPipeline((T) => T.delete(g))), r(g, C);
+    return p = { model: C, refs: L, activeRefs: U, initPromise: _, options: v }, t.set(l, p), _.catch(() => {
+      t.get(l) === p && (t.delete(l), n.setPipeline((T) => T.delete(l))), r(l, C);
     }), _;
-  }, release: (g, f) => {
-    const w = t.get(g);
-    w && (w.refs.delete(f), w.activeRefs.delete(f) && w.refs.size > 0 && w.activeRefs.size === 0 && w.model.pause(), !(w.refs.size > 0) && (t.delete(g), r(g, w.model), i.setPipeline((p) => p.delete(g))));
-  }, setActive: (g, f, w) => {
-    const p = t.get(g);
+  }, release: (l, f) => {
+    const v = t.get(l);
+    v && (v.refs.delete(f), v.activeRefs.delete(f) && v.refs.size > 0 && v.activeRefs.size === 0 && v.model.pause(), !(v.refs.size > 0) && (t.delete(l), r(l, v.model), n.setPipeline((p) => p.delete(l))));
+  }, setActive: (l, f, v) => {
+    const p = t.get(l);
     if (!p || !p.refs.has(f)) return;
     const k = p.activeRefs.size > 0;
-    w ? p.activeRefs.add(f) : p.activeRefs.delete(f);
+    v ? p.activeRefs.add(f) : p.activeRefs.delete(f);
     const C = p.activeRefs.size > 0;
-    k !== C && (C && !a ? p.model.resume() : p.model.pause());
+    k !== C && (C && !i ? p.model.resume() : p.model.pause());
   }, suspendAll: () => {
-    a = !0;
-    for (const g of t.values())
-      g.model.pause();
+    i = !0;
+    for (const l of t.values())
+      l.model.pause();
   }, resumeActive: () => {
-    a = !1;
-    for (const g of t.values())
-      g.activeRefs.size > 0 && g.model.resume();
-  }, get: (g) => {
+    i = !1;
+    for (const l of t.values())
+      l.activeRefs.size > 0 && l.model.resume();
+  }, get: (l) => {
     var f;
-    return (f = t.get(g)) == null ? void 0 : f.model;
-  }, getOptions: (g) => {
+    return (f = t.get(l)) == null ? void 0 : f.model;
+  }, getOptions: (l) => {
     var f;
-    return (f = t.get(g)) == null ? void 0 : f.options;
+    return (f = t.get(l)) == null ? void 0 : f.options;
   }, releaseAll: () => {
-    for (const g of Array.from(t.keys())) {
-      const f = t.get(g);
-      f && (f.refs.clear(), t.delete(g), r(g, f.model));
+    for (const l of Array.from(t.keys())) {
+      const f = t.get(l);
+      f && (f.refs.clear(), t.delete(l), r(l, f.model));
     }
-    i.setPipeline((g) => g.clear());
+    n.setPipeline((l) => l.clear());
   } };
-}, ft = {
+}, wt = {
   lifecycle: "idle",
   ready: !1,
   error: void 0,
@@ -1045,73 +1068,73 @@ const re = {
   source: void 0,
   sourceKind: void 0,
   pipeline: /* @__PURE__ */ new Map()
-}, pt = () => {
-  let i = { ...ft, pipeline: /* @__PURE__ */ new Map() };
+}, vt = () => {
+  let n = { ...wt, pipeline: /* @__PURE__ */ new Map() };
   const s = /* @__PURE__ */ new Set(), e = () => {
     s.forEach((t) => t());
   };
   return {
-    getSnapshot: () => i,
+    getSnapshot: () => n,
     set: (t) => {
-      let a = !1;
+      let i = !1;
       for (const r of Object.keys(t))
-        if (t[r] !== i[r]) {
-          a = !0;
+        if (t[r] !== n[r]) {
+          i = !0;
           break;
         }
-      a && (i = { ...i, ...t }, e());
+      i && (n = { ...n, ...t }, e());
     },
     setPipeline: (t) => {
-      const a = new Map(i.pipeline);
-      return t(a), i = { ...i, pipeline: a }, e(), a;
+      const i = new Map(n.pipeline);
+      return t(i), n = { ...n, pipeline: i }, e(), i;
     },
     subscribe: (t) => (s.add(t), () => {
       s.delete(t);
     })
   };
-}, vt = ({
-  renderHeight: i,
+}, Ct = ({
+  renderHeight: n,
   renderWidth: s,
   videoHeight: e,
   videoWidth: t
 }) => ({
-  height: i || e,
+  height: n || e,
   width: s || t
-}), wt = (i) => {
-  const s = new Ve({ verbose: !0 }), e = pt();
-  let t = i;
-  const a = (n) => {
-    var l;
-    const c = (l = T.getOptions(n)) == null ? void 0 : l.targetFps;
+}), St = (n) => {
+  const s = new Ve({ verbose: !0 }), e = vt();
+  let t = n;
+  const i = (a) => {
+    var g;
+    const c = (g = T.getOptions(a)) == null ? void 0 : g.targetFps;
     return typeof c == "number" ? c : t == null ? void 0 : t.targetFps;
   };
-  let r, o, u, m, d, S, R, M, x, g, f, w = !1, p = !1, k = 0;
-  const C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), U = (n) => {
+  let r, o, u, m, d, S, R, M, x, l, f, v = !1, p = !1, k = 0;
+  const C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), U = (a) => {
     const c = e.getSnapshot().cameraTexture;
     c && c.dispose();
-    const l = ut(n);
-    return e.set({ cameraTexture: l }), l;
-  }, _ = async (n, c) => {
-    if (C.has(n) || e.getSnapshot().lifecycle !== "running" || !d) return;
-    C.add(n);
-    const l = k;
+    const g = ut(a);
+    return e.set({ cameraTexture: g }), g;
+  }, _ = async (a, c) => {
+    if (C.has(a) || e.getSnapshot().lifecycle !== "running" || !d) return;
+    C.add(a);
+    const g = k;
     try {
       await c.run({
         sourceCanvas: d,
         renderWidth: e.getSnapshot().renderWidth,
         renderHeight: e.getSnapshot().renderHeight,
         getSource: () => e.getSnapshot().sourceKind,
-        targetFps: a(n)
-      }), p && (await new Promise((v) => requestAnimationFrame(() => v())), await new Promise((v) => requestAnimationFrame(() => v())), p && k === l && T.suspendAll());
-    } catch (v) {
-      throw C.delete(n), v;
+        targetFps: i(a)
+      }), p && (await new Promise((w) => requestAnimationFrame(() => w())), await new Promise((w) => requestAnimationFrame(() => w())), p && k === g && T.suspendAll());
+    } catch (w) {
+      throw C.delete(a), w;
     }
-  }, T = mt(e, re, (n, c) => _(n, c));
+  }, T = pt(e, re, (a, c) => _(a, c));
   e.subscribe(() => {
     if (e.getSnapshot().lifecycle !== "running") return;
-    const n = e.getSnapshot().pipeline;
-    for (const [c, l] of n.entries())
-      C.has(c) || _(c, l);
+    const a = e.getSnapshot().pipeline;
+    for (const [c, g] of a.entries())
+      C.has(c) || _(c, g);
   });
   const P = () => {
     if (f !== void 0 && (cancelAnimationFrame(f), f = void 0), o) {
@@ -1127,37 +1150,37 @@ const re = {
     }
     if (u) {
       try {
-        u.getTracks().forEach((n) => n.stop());
+        u.getTracks().forEach((a) => a.stop());
       } catch {
       }
       u = void 0;
     }
   }, G = () => {
-    if (w || !o || !m || !d) return;
-    const n = window.__xr_debugger_metrics;
-    if (n != null && n.trackCameraFrame && n.trackCameraFrame(), (e.getSnapshot().sourceKind ?? "webcam") === "webcam")
+    if (v || !o || !m || !d) return;
+    const a = window.__xr_debugger_metrics;
+    if (a != null && a.trackCameraFrame && a.trackCameraFrame(), (e.getSnapshot().sourceKind ?? "webcam") === "webcam")
       lt(o, m);
     else {
-      const v = m.getContext("2d");
-      if (!v) return;
+      const w = m.getContext("2d");
+      if (!w) return;
       const y = o.videoWidth, A = o.videoHeight;
-      m.width !== y && (m.width = y), m.height !== A && (m.height = A), v.setTransform(1, 0, 0, 1, 0, 0), v.clearRect(0, 0, y, A), v.drawImage(o, 0, 0, y, A);
+      m.width !== y && (m.width = y), m.height !== A && (m.height = A), w.setTransform(1, 0, 0, 1, 0, 0), w.clearRect(0, 0, y, A), w.drawImage(o, 0, 0, y, A);
     }
     gt(m, d, (t == null ? void 0 : t.cameraZoom) ?? 1.2);
-    const l = e.getSnapshot().cameraTexture;
-    l && (l.needsUpdate = !0);
+    const g = e.getSnapshot().cameraTexture;
+    g && (g.needsUpdate = !0);
   }, J = () => {
     if (!o || !m || !d) return;
     if (p) {
       G();
       return;
     }
-    const n = () => {
-      f = requestAnimationFrame(n), G();
+    const a = () => {
+      f = requestAnimationFrame(a), G();
     };
-    f = requestAnimationFrame(n);
-  }, pe = async (n) => {
-    if (n.source === F.WEBCAM)
+    f = requestAnimationFrame(a);
+  }, pe = async (a) => {
+    if (a.source === F.WEBCAM)
       try {
         const c = t != null && t.camRes && t.camRes > 0 ? t.camRes : 960;
         return await navigator.mediaDevices.getUserMedia({
@@ -1168,39 +1191,39 @@ const re = {
           }
         });
       } catch (c) {
-        const l = c instanceof DOMException ? c.name : "", v = l === "NotReadableError" || l === "TrackStartError" ? "Camera is already in use by another app or browser tab. Close it and refresh." : l === "NotFoundError" || l === "DevicesNotFoundError" ? "No camera was found on this device." : l === "NotAllowedError" || l === "PermissionDeniedError" ? "Camera access was blocked. Allow camera permissions in your browser, then refresh." : "Unable to access camera. Allow camera permissions in your browser, then refresh.";
-        throw e.set({ error: { error: "PermissionError", message: v } }), new b(c instanceof Error ? c.message : "getUserMedia failed");
+        const g = mt(c), w = ft[g];
+        throw e.set({ error: { error: "PermissionError", message: w, reason: g } }), new b(c instanceof Error ? c.message : "getUserMedia failed");
       }
-    return n.stream;
-  }, W = async (n) => {
-    const c = await pe(n);
+    return a.stream;
+  }, W = async (a) => {
+    const c = await pe(a);
     u = c;
-    const l = await dt(c);
-    o = l, m = new OffscreenCanvas(l.videoWidth, l.videoHeight);
-    const { renderWidth: v, renderHeight: y } = e.getSnapshot(), A = vt({
-      renderWidth: v,
+    const g = await dt(c);
+    o = g, m = new OffscreenCanvas(g.videoWidth, g.videoHeight);
+    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), A = Ct({
+      renderWidth: w,
       renderHeight: y,
-      videoWidth: l.videoWidth,
-      videoHeight: l.videoHeight
+      videoWidth: g.videoWidth,
+      videoHeight: g.videoHeight
     });
     d ? (d.width !== A.width || d.height !== A.height) && (d.width = A.width, d.height = A.height, U(d)) : (d = new OffscreenCanvas(A.width, A.height), U(d));
-    const ie = n.source === F.STREAM ? n.static === !0 : !1;
-    p = ie, r = n.source === F.WEBCAM ? { source: F.WEBCAM, sourceKind: "webcam" } : {
+    const ne = a.source === F.STREAM ? a.static === !0 : !1;
+    p = ne, r = a.source === F.WEBCAM ? { source: F.WEBCAM, sourceKind: "webcam" } : {
       source: F.STREAM,
-      stream: n.stream,
-      static: ie,
-      sourceKind: n.sourceKind ?? "webcam"
+      stream: a.stream,
+      static: ne,
+      sourceKind: a.sourceKind ?? "webcam"
     }, e.set({
-      source: n.source,
+      source: a.source,
       sourceKind: r.sourceKind,
       error: void 0
     });
-  }, X = async (n) => {
-    const c = n.sourceKind ?? "webcam";
-    d = n.canvas;
-    const l = U(d);
+  }, X = async (a) => {
+    const c = a.sourceKind ?? "webcam";
+    d = a.canvas;
+    const g = U(d);
     e.set({
-      cameraTexture: l,
+      cameraTexture: g,
       source: F.CANVAS,
       sourceKind: c,
       renderWidth: d.width,
@@ -1208,110 +1231,110 @@ const re = {
       error: void 0
     }), r = {
       source: F.CANVAS,
-      canvas: n.canvas,
+      canvas: a.canvas,
       sourceKind: c
     };
-  }, ve = (n, c) => !c || n.source !== c.source ? !1 : n.source === F.STREAM && c.source === F.STREAM ? n.stream === c.stream && (n.sourceKind ?? "webcam") === c.sourceKind : !0, we = async () => {
+  }, we = (a, c) => !c || a.source !== c.source ? !1 : a.source === F.STREAM && c.source === F.STREAM ? a.stream === c.stream && (a.sourceKind ?? "webcam") === c.sourceKind : !0, ve = async () => {
     if (!d) return;
-    const n = k, c = e.getSnapshot().pipeline;
-    for (const [, l] of c.entries())
-      l.resume();
-    await new Promise((l) => requestAnimationFrame(() => l())), await new Promise((l) => requestAnimationFrame(() => l())), p && k === n && T.suspendAll();
-  }, Ce = (n, c) => !c || c.source !== F.CANVAS ? !1 : n.canvas === c.canvas && (n.sourceKind ?? "webcam") === c.sourceKind, Se = async (n) => {
-    const c = n.source;
+    const a = k, c = e.getSnapshot().pipeline;
+    for (const [, g] of c.entries())
+      g.resume();
+    await new Promise((g) => requestAnimationFrame(() => g())), await new Promise((g) => requestAnimationFrame(() => g())), p && k === a && T.suspendAll();
+  }, Ce = (a, c) => !c || c.source !== F.CANVAS ? !1 : a.canvas === c.canvas && (a.sourceKind ?? "webcam") === c.sourceKind, Se = async (a) => {
+    const c = a.source;
     if (c !== F.WEBCAM && c !== F.STREAM)
       throw new b(`Invalid media source: ${String(c)}`);
-    if (ve(n, r)) {
+    if (we(a, r)) {
       s.log("Media source unchanged, skipping rebind.");
       return;
     }
     k += 1;
-    const { lifecycle: l } = e.getSnapshot();
-    if (l === "idle" || l === "stopped") {
-      await W(n), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", n.source);
+    const { lifecycle: g } = e.getSnapshot();
+    if (g === "idle" || g === "stopped") {
+      await W(a), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", a.source);
       return;
     }
-    if (l === "media-bound") {
-      P(), await W(n), s.log("Media source rebound to:", n.source);
+    if (g === "media-bound") {
+      P(), await W(a), s.log("Media source rebound to:", a.source);
       return;
     }
-    w = !0, await new Promise((v) => requestAnimationFrame(() => v())), P(), await W(n), w = !1, J(), p ? await we() : T.resumeActive(), s.log("Media source swapped to:", n.source);
-  }, ke = async (n) => {
-    if (Ce(n, r)) {
+    v = !0, await new Promise((w) => requestAnimationFrame(() => w())), P(), await W(a), v = !1, J(), p ? await ve() : T.resumeActive(), s.log("Media source swapped to:", a.source);
+  }, ke = async (a) => {
+    if (Ce(a, r)) {
       s.log("Frame source unchanged, skipping rebind.");
       return;
     }
     k += 1;
     const { lifecycle: c } = e.getSnapshot();
     if (c === "idle" || c === "stopped") {
-      await X(n), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
+      await X(a), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
       return;
     }
     if (c === "media-bound") {
-      P(), await X(n), s.log("Frame source rebound to canvas.");
+      P(), await X(a), s.log("Frame source rebound to canvas.");
       return;
     }
-    w = !0, await new Promise((l) => requestAnimationFrame(() => l())), P(), await X(n), w = !1, s.log("Frame source swapped to canvas.");
+    v = !0, await new Promise((g) => requestAnimationFrame(() => g())), P(), await X(a), v = !1, s.log("Frame source swapped to canvas.");
   }, ye = async () => {
-    const { lifecycle: n } = e.getSnapshot();
-    if (n === "running") return;
-    if (n === "idle")
+    const { lifecycle: a } = e.getSnapshot();
+    if (a === "running") return;
+    if (a === "idle")
       throw new b("session.start() called before setMediaSource — call setMediaSource first");
     if (!d)
       throw new b("session.start(): media source not bound");
     const c = (r == null ? void 0 : r.source) === F.CANVAS;
     if (!c && (!o || !m))
-      throw n === "stopped" ? new b(
+      throw a === "stopped" ? new b(
         "session.start() called from stopped state without a media source — call setMediaSource first"
       ) : new b("session.start(): media source not bound");
-    c || J(), T.resumeActive(), e.set({ lifecycle: "running" }), await new Promise((v) => requestAnimationFrame(() => v()));
-    const l = e.getSnapshot().pipeline;
-    for (const [v, y] of l.entries())
-      await _(v, y);
+    c || J(), T.resumeActive(), e.set({ lifecycle: "running" }), await new Promise((w) => requestAnimationFrame(() => w()));
+    const g = e.getSnapshot().pipeline;
+    for (const [w, y] of g.entries())
+      await _(w, y);
     e.set({ ready: !0 }), s.log("XR session started.");
   }, ee = async () => {
-    const { lifecycle: n } = e.getSnapshot();
-    n === "stopped" || n === "idle" || (P(), T.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
+    const { lifecycle: a } = e.getSnapshot();
+    a === "stopped" || a === "idle" || (P(), T.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
   }, Me = async () => {
     await ee(), T.releaseAll(), L.clear();
-    const n = e.getSnapshot().cameraTexture;
-    n && n.dispose(), C.clear(), r = void 0, k += 1, d = void 0, m = void 0, p = !1, e.set({
+    const a = e.getSnapshot().cameraTexture;
+    a && a.dispose(), C.clear(), r = void 0, k += 1, d = void 0, m = void 0, p = !1, e.set({
       lifecycle: "idle",
       cameraTexture: void 0,
       source: void 0
     }), s.log("XR session reset.");
-  }, Re = async (n) => {
-    const c = "legacy:registerXRPipeline", l = [];
+  }, Re = async (a) => {
+    const c = "legacy:registerXRPipeline", g = [];
     await Promise.all(
-      n.map(async (v) => {
-        const { model: y } = v;
+      a.map(async (w) => {
+        const { model: y } = w;
         if (!re[y])
           throw new b(`Invalid model: ${y}`);
-        L.has(y) || l.push(y);
-        const A = "options" in v ? v.options : void 0;
+        L.has(y) || g.push(y);
+        const A = "options" in w ? w.options : void 0;
         await T.acquire(y, c, A);
       })
-    ), l.length > 0 && (l.forEach((v) => L.add(v)), s.log("XR pipeline registered."));
-  }, Te = (n) => {
-    const c = T.get(n);
+    ), g.length > 0 && (g.forEach((w) => L.add(w)), s.log("XR pipeline registered."));
+  }, Te = (a) => {
+    const c = T.get(a);
     if (!c)
-      throw new b(`Model ${n} is not registered in the pipeline`);
+      throw new b(`Model ${a} is not registered in the pipeline`);
     return c.getModelNode();
-  }, te = async (n, c) => {
-    n <= 0 || c <= 0 || (e.set({ renderWidth: n, renderHeight: c }), d && (d.width !== n || d.height !== c) && (d.width = n, d.height = c, U(d), p && G()), s.log(`Source canvas set. Render size: ${n}x${c}`));
-  }, xe = async (n) => {
+  }, te = async (a, c) => {
+    a <= 0 || c <= 0 || (e.set({ renderWidth: a, renderHeight: c }), d && (d.width !== a || d.height !== c) && (d.width = a, d.height = c, U(d), p && G()), s.log(`Source canvas set. Render size: ${a}x${c}`));
+  }, xe = async (a) => {
     var y;
-    S = n;
-    const c = (y = n.getBoundingClientRect) == null ? void 0 : y.call(n), l = c && c.width > 0 ? Math.round(c.width) : n.clientWidth, v = c && c.height > 0 ? Math.round(c.height) : n.clientHeight;
-    await te(l, v);
-  }, Fe = (n) => {
-    R = n.renderer, M = n.scene, x = n.camera, g = n.renderFrame;
+    S = a;
+    const c = (y = a.getBoundingClientRect) == null ? void 0 : y.call(a), g = c && c.width > 0 ? Math.round(c.width) : a.clientWidth, w = c && c.height > 0 ? Math.round(c.height) : a.clientHeight;
+    await te(g, w);
+  }, Fe = (a) => {
+    R = a.renderer, M = a.scene, x = a.camera, l = a.renderFrame;
   }, se = () => {
     if (!R || !M || !x)
       throw new b(
         "XR frame render requested before the R3F state was bound — make sure <XRScene> is mounted"
       );
-    g ? g() : R.render(M, x);
+    l ? l() : R.render(M, x);
   };
   return {
     store: e,
@@ -1340,59 +1363,59 @@ const re = {
     _setR3FState: Fe,
     _renderFrame: se,
     _getVideoElement: () => o,
-    _setPerf: (n) => {
-      if (t = n, e.getSnapshot().lifecycle !== "running" || !d) return;
+    _setPerf: (a) => {
+      if (t = a, e.getSnapshot().lifecycle !== "running" || !d) return;
       const c = e.getSnapshot().pipeline;
-      for (const [l, v] of c.entries())
-        v.run({
+      for (const [g, w] of c.entries())
+        w.run({
           sourceCanvas: d,
           renderWidth: e.getSnapshot().renderWidth,
           renderHeight: e.getSnapshot().renderHeight,
           getSource: () => e.getSnapshot().sourceKind,
-          targetFps: a(l)
+          targetFps: i(g)
         });
     }
   };
-}, Ct = (i) => {
-  const s = oe(i), e = $(() => wt(s.current), []), t = JSON.stringify(i ?? {});
+}, kt = (n) => {
+  const s = oe(n), e = $(() => St(s.current), []), t = JSON.stringify(n ?? {});
   return Ee(() => {
-    e._setPerf(i);
+    e._setPerf(n);
   }, [e, t]), e;
-}, Q = /* @__PURE__ */ new Map(), St = () => ({
-  register: (i, s) => {
-    s ? Q.set(i, s) : Q.delete(i);
+}, Q = /* @__PURE__ */ new Map(), yt = () => ({
+  register: (n, s) => {
+    s ? Q.set(n, s) : Q.delete(n);
   },
-  resolve: (i) => i ? Q.get(i) ?? null : null
-}), le = St(), ge = he(null), kt = ({ children: i }) => {
-  const s = oe(/* @__PURE__ */ new Map()), e = ae((r, o) => {
+  resolve: (n) => n ? Q.get(n) ?? null : null
+}), le = yt(), ge = he(null), Mt = ({ children: n }) => {
+  const s = oe(/* @__PURE__ */ new Map()), e = ie((r, o) => {
     o ? s.current.set(r, o) : s.current.delete(r);
-  }, []), t = ae(
+  }, []), t = ie(
     (r) => r ? s.current.get(r) ?? null : null,
     []
-  ), a = $(() => ({ register: e, resolve: t }), [e, t]);
-  return Ie(ge.Provider, { value: a }, i);
-}, me = () => ce(ge) ?? le, Dt = () => me().register, _t = () => me().resolve;
+  ), i = $(() => ({ register: e, resolve: t }), [e, t]);
+  return Ie(ge.Provider, { value: i }, n);
+}, me = () => ce(ge) ?? le, Pt = () => me().register, Ot = () => me().resolve;
 le.register;
-const fe = he(void 0), Pt = () => {
-  const i = ce(fe);
-  if (!i)
+const fe = he(void 0), Ut = () => {
+  const n = ce(fe);
+  if (!n)
     throw new b(
       "XR context can only be used inside XRProvider, did you forget to wrap your app in <XRProvider>?"
     );
-  return i;
-}, Ot = ({ children: i, perf: s }) => {
-  const e = Ct(s), t = $(() => ({ session: e }), [e]);
-  return /* @__PURE__ */ ne(fe.Provider, { value: t, children: /* @__PURE__ */ ne(kt, { children: i }) });
+  return n;
+}, zt = ({ children: n, perf: s }) => {
+  const e = kt(s), t = $(() => ({ session: e }), [e]);
+  return /* @__PURE__ */ ae(fe.Provider, { value: t, children: /* @__PURE__ */ ae(Mt, { children: n }) });
 };
 export {
   z as X,
   H as a,
-  It as b,
+  _t as b,
   F as c,
-  Ot as d,
-  _t as e,
+  zt as d,
+  Ot as e,
   He as f,
-  Dt as g,
+  Pt as g,
   I as l,
-  Pt as u
+  Ut as u
 };