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

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

@@ -1,19 +1,19 @@
-var Ae = Object.defineProperty;
-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";
+var Ee = Object.defineProperty;
+var Ie = (n, s, e) => s in n ? Ee(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var h = (n, s, e) => Ie(n, typeof s != "symbol" ? s + "" : s, e);
+import { jsx as re } from "react/jsx-runtime";
+import { useRef as he, useMemo as J, useEffect as Pe, useContext as de, useCallback as oe, createElement as De, createContext as ue } from "react";
+import { FilesetResolver as V, PoseLandmarker as _e, FaceLandmarker as Oe, GestureRecognizer as Ue, HandLandmarker as ze, ImageSegmenter as Le, DrawingUtils as Be } from "@mediapipe/tasks-vision";
 import * as E from "three";
-import { RGBAFormat as de, LinearFilter as q, CanvasTexture as ue, SRGBColorSpace as Le } from "three";
+import { RGBAFormat as le, LinearFilter as G, CanvasTexture as ge, SRGBColorSpace as Ve } from "three";
 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 = (n, s) => s, I = {
-  apiBaseUrl: Be(void 0, "https://api.vincentt.studio"),
+const Ke = (n, s) => s, I = {
+  apiBaseUrl: Ke(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
   // WASM/model loads at runtime. The host must never come from a mutable env value.
@@ -23,7 +23,7 @@ const Be = (n, s) => s, I = {
   loggerPrefix: "[vincentt-xr]:",
   sessionCheckInterval: 3e4
 };
-class Ve {
+class Ne {
   constructor(s) {
     h(this, "options");
     const e = {
@@ -41,12 +41,12 @@ class Ve {
     e && console.error(t, ...s);
   }
 }
-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 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 {
+const O = (n) => n * 2 - 1, Y = new E.Vector3(), Q = new E.Vector3(), q = ({ x: n, y: s, z: e }, t, i) => {
+  Y.set((n - 0.5) * 2, (0.5 - s) * 2, -e), Y.unproject(t), Q.copy(Y).sub(t.position).normalize();
+  const r = -t.position.z / Q.z;
+  return i.copy(t.position).addScaledVector(Q, r), i;
+}, Ut = (n, s) => q(n, s, new E.Vector3()), He = (n, s, e = 0.2) => e * s + (1 - e) * n;
+class ee {
   constructor(s) {
     h(this, "canvas");
     this.maxDimension = s;
@@ -68,7 +68,7 @@ class Z {
     this.canvas = void 0;
   }
 }
-const Ne = {
+const qe = {
   "/assets/xr/models/face_tracking.task": "sha384-tYQh+yJE8llY+zO4RviZmWaSKs5W9tsB0ix5rjQVpF5/CLTqmwtP7bYtkUi2w65P",
   "/assets/xr/models/hand_tracking.task": "sha384-uWvruVKd887ov8k43S+DBHCsi7UXXS+CKvvdM1PX00rjPzx/B0QrAPfJ1U9yKcze",
   "/assets/xr/models/gesture_tracking.task": "sha384-2zuseP9JKKWAYlWQGKA2N+ooabB8V/yIxu23Mv8mtY7SowcySB+xKiOmqBhVvlUC",
@@ -78,24 +78,24 @@ 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(n) {
+async function Ge(n) {
   const s = await fetch(n);
   if (!s.ok)
     throw new Error(`fetchAndVerify: ${s.status} ${n}`);
-  const e = await s.arrayBuffer(), t = Ge(n);
+  const e = await s.arrayBuffer(), t = Xe(n);
   if (!t) {
-    if (qe(n))
+    if (We(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 i = await We(e);
+  const i = await je(e);
   if (i !== t)
     throw new Error(
       `[xr-sdk integrity] SRI mismatch for ${n}: expected ${t}, got ${i}`
     );
   return e;
 }
-function qe(n) {
+function We(n) {
   try {
     return new URL(n).origin === new URL(I.assetStorageEndpoint).origin;
   } catch {
@@ -103,25 +103,43 @@ function qe(n) {
   }
 }
 async function K(n) {
-  const s = await He(n);
+  const s = await Ge(n);
   return new Uint8Array(s);
 }
-function Ge(n) {
+function Xe(n) {
   try {
     const s = new URL(n);
-    return Ne[s.pathname];
+    return qe[s.pathname];
   } catch {
     return;
   }
 }
-async function We(n) {
+async function je(n) {
   const s = await crypto.subtle.digest("SHA-384", n), e = new Uint8Array(s);
   let t = "";
   for (let i = 0; i < e.byteLength; i++)
     t += String.fromCharCode(e[i]);
   return `sha384-${btoa(t)}`;
 }
-class N {
+const $ = /* @__PURE__ */ new Map();
+function N(n) {
+  const s = n.wasmBinaryPath;
+  let e = $.get(s);
+  return e || (e = Ye(s).catch(() => {
+    $.delete(s);
+  }), $.set(s, e)), e;
+}
+async function Ye(n) {
+  const s = await fetch(n, { credentials: "same-origin" });
+  if (!s.ok || !s.body)
+    throw new Error(`warmVisionWasm: ${s.status} ${n}`);
+  const e = s.body.getReader();
+  for (; ; ) {
+    const { done: t } = await e.read();
+    if (t) return;
+  }
+}
+class H {
   constructor() {
     h(this, "disposed", !1);
     h(this, "paused", !1);
@@ -183,15 +201,15 @@ class N {
     this.disposed = !0, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
 }
-const Xe = 768;
-class je extends N {
+const Qe = 768;
+class $e extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
     h(this, "processingTime", null);
     h(this, "coordinates");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(Xe));
+    h(this, "downscaler", new ee(Qe));
   }
   async getBodyData() {
     if (!this.landmarker || !this.sourceCanvas)
@@ -238,10 +256,13 @@ class je extends N {
   async initialize(e) {
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), i = await K(
-      new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
-    );
-    this.landmarker = await De.createFromOptions(t, {
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]);
+    this.landmarker = await _e.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -265,8 +286,8 @@ class je extends N {
     };
   }
 }
-const Ye = 0.11, Qe = 4e-3, $e = (n, s) => s.set(n.x, -n.y, n.z);
-class Ze extends N {
+const Ze = 0.11, Je = 4e-3, et = (n, s) => s.set(n.x, -n.y, n.z);
+class tt extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -327,20 +348,20 @@ class Ze extends N {
         this.rotQuatScratch.y,
         this.rotQuatScratch.z,
         this.rotQuatScratch.w
-      ), this.rotEulerScratch.setFromQuaternion(this.rotQuatScratch, "XYZ"), $e(this.rotEulerScratch, o.transform.rotation), H(
+      ), this.rotEulerScratch.setFromQuaternion(this.rotQuatScratch, "XYZ"), et(this.rotEulerScratch, o.transform.rotation), q(
         this.landmarkForSource(d[4], m),
         this.cameras[r],
         o.transform.position
-      ), H(
+      ), q(
         this.landmarkForSource(d[50], m),
         this.cameras[r],
         this.leftCheekScratch[r]
-      ), H(
+      ), q(
         this.landmarkForSource(d[280], m),
         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)), l = M + x * Qe, f = o.transform.scale.x, v = Ke(
+      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * Ze, x = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), l = M + x * Je, f = o.transform.scale.x, v = He(
         isNaN(f) ? 0 : f,
         l
       );
@@ -357,7 +378,7 @@ class Ze extends N {
       this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
       return;
     }
-    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));
+    const e = st(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) {
@@ -400,9 +421,12 @@ 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()
-    ), i = await K(
-      new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
-    ), r = await _e.createFromOptions(t, {
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]), r = await Oe.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -446,19 +470,19 @@ class Ze extends N {
     };
   }
 }
-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,
-  Pointing_Up: D.PointingUp,
-  Thumb_Down: D.ThumbDown,
-  Thumb_Up: D.ThumbUp,
-  Victory: D.Victory,
-  ILoveYou: D.ILoveYou,
-  None: D.None
-}, st = 15;
-class nt extends N {
+const st = (n) => n > 1 ? 1024 : 512;
+var P = /* @__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))(P || {});
+const nt = 512, at = {
+  Closed_Fist: P.ClosedFist,
+  Open_Palm: P.OpenPalm,
+  Pointing_Up: P.PointingUp,
+  Thumb_Down: P.ThumbDown,
+  Thumb_Up: P.ThumbUp,
+  Victory: P.Victory,
+  ILoveYou: P.ILoveYou,
+  None: P.None
+}, it = 15;
+class rt extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -466,7 +490,7 @@ class nt extends N {
     h(this, "coordinates");
     h(this, "gesture");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(et));
+    h(this, "downscaler", new ee(nt));
   }
   async getGestureData() {
     if (!this.landmarker || !this.sourceCanvas)
@@ -484,7 +508,7 @@ class nt extends N {
         });
       }), {
         coordinates: u,
-        gesture: tt[m]
+        gesture: at[m]
       };
     }
     return { coordinates: void 0, gesture: void 0 };
@@ -514,9 +538,15 @@ class nt extends N {
   async initialize() {
     const e = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), t = await K(
-      new URL("/assets/xr/models/gesture_tracking.task", I.assetStorageEndpoint).toString()
-    ), i = await Pe.createFromOptions(e, {
+    ), [t] = await Promise.all([
+      K(
+        new URL(
+          "/assets/xr/models/gesture_tracking.task",
+          I.assetStorageEndpoint
+        ).toString()
+      ),
+      N(e)
+    ]), i = await Ue.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -527,7 +557,7 @@ class nt extends N {
     this.landmarker = i;
   }
   async run({ sourceCanvas: e, targetFps: t }) {
-    this.sourceCanvas = e, this.setTargetFps(t ?? st), this.rafId === null && await this.processGestureTracking();
+    this.sourceCanvas = e, this.setTargetFps(t ?? it), this.rafId === null && await this.processGestureTracking();
   }
   getModelNode() {
     const e = this;
@@ -547,8 +577,8 @@ class nt extends N {
     };
   }
 }
-const at = 512;
-class it extends N {
+const ot = 512;
+class ct extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -558,7 +588,7 @@ class it extends N {
     h(this, "gesture");
     h(this, "handedness");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(at));
+    h(this, "downscaler", new ee(ot));
   }
   async getHandData() {
     if (!this.landmarker || !this.sourceCanvas)
@@ -616,9 +646,12 @@ class it extends N {
   async initialize() {
     const e = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), t = await K(
-      new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
-    ), i = await Oe.createFromOptions(e, {
+    ), [t] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(e)
+    ]), i = await ze.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -655,13 +688,13 @@ class it extends N {
     };
   }
 }
-const rt = 24, ot = 720, ct = [
+const ht = 24, dt = 720, ut = [
   [255, 255, 255, 255],
   // 0: background → green 255, kept
   [0, 0, 0, 0]
   // 1: person → green 0, discarded
 ];
-class ht extends N {
+class lt extends H {
   constructor() {
     super();
     h(this, "segmenter", null);
@@ -747,7 +780,7 @@ 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)), i = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
+    const t = Math.min(1, dt / 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() {
@@ -785,13 +818,13 @@ class ht extends N {
       return;
     }
     if (this.rawCache = null, this.latestMask && (this.latestMask.close(), this.latestMask = null), this.useGpuMaskPath && this.drawingUtils && this.glCanvas)
-      this.drawingUtils.drawCategoryMask(o, ct), this.latestMask = o.clone(), o.close(), this.blitGlToMask();
+      this.drawingUtils.drawCategoryMask(o, ut), this.latestMask = o.clone(), o.close(), this.blitGlToMask();
     else {
       this.latestMask = o.clone();
       const u = this.readMaskToImageData(o);
       o.close(), u && this.blitImageDataToMask(u);
     }
-    this.segmentationMaskTexture && (this.isMaskSetup || (this.segmentationMaskTexture.format = de, this.segmentationMaskTexture.minFilter = q, this.segmentationMaskTexture.magFilter = q, this.segmentationMaskTexture.generateMipmaps = !1, this.isMaskSetup = !0), this.segmentationMaskTexture.needsUpdate = !0), this.processingTime = performance.now() - t, !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processSegmentation.bind(this)));
+    this.segmentationMaskTexture && (this.isMaskSetup || (this.segmentationMaskTexture.format = le, this.segmentationMaskTexture.minFilter = G, this.segmentationMaskTexture.magFilter = G, this.segmentationMaskTexture.generateMipmaps = !1, this.isMaskSetup = !0), this.segmentationMaskTexture.needsUpdate = !0), this.processingTime = performance.now() - t, !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processSegmentation.bind(this)));
   }
   /**
    * Blit the GPU-rendered mask (already RGBA-inverted by drawCategoryMask)
@@ -860,14 +893,17 @@ 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()
-    ), i = await K(
-      new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
-    );
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]);
     this.glCanvas = new OffscreenCanvas(1, 1);
     const r = this.glCanvas.getContext("webgl2", {
       preserveDrawingBuffer: !0
     });
-    this.segmenter = await Ue.createFromOptions(t, {
+    this.segmenter = await Le.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -876,7 +912,7 @@ class ht extends N {
       outputCategoryMask: !0,
       outputConfidenceMasks: !1,
       runningMode: "VIDEO"
-    }), r ? (this.drawingUtils = new ze(r), this.useGpuMaskPath = !0) : this.useGpuMaskPath = !1;
+    }), r ? (this.drawingUtils = new Be(r), this.useGpuMaskPath = !0) : this.useGpuMaskPath = !1;
   }
   async run({
     sourceCanvas: e,
@@ -887,9 +923,9 @@ class ht extends N {
     var u;
     if (!e)
       return;
-    this.setTargetFps(r ?? rt), this.isProcessing = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
+    this.setTargetFps(r ?? ht), 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 = 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));
+    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 ge(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
@@ -924,13 +960,13 @@ class ht extends N {
     };
   }
 }
-const re = {
-  [z.BACKGROUND_SEGMENTATION]: ht,
-  [z.HAND_TRACKER]: it,
-  [z.GESTURE_TRACKER]: nt,
-  [z.FACE_TRACKER]: Ze,
-  [z.BODY_TRACKER]: je
-}, dt = async (n) => {
+const ce = {
+  [z.BACKGROUND_SEGMENTATION]: lt,
+  [z.HAND_TRACKER]: ct,
+  [z.GESTURE_TRACKER]: rt,
+  [z.FACE_TRACKER]: tt,
+  [z.BODY_TRACKER]: $e
+}, gt = async (n) => {
   const s = document.createElement("video");
   s.srcObject = n, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
     s.onloadedmetadata = () => {
@@ -944,17 +980,17 @@ const re = {
     };
     typeof e.requestVideoFrameCallback == "function" ? e.requestVideoFrameCallback(r) : requestAnimationFrame(() => requestAnimationFrame(() => r()));
   }), s;
-}, 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 = (n, s) => {
+}, mt = (n) => {
+  const s = new ge(n);
+  return s.colorSpace = Ve, s.format = le, s.minFilter = G, s.magFilter = G, s.generateMipmaps = !1, s.needsUpdate = !0, s;
+}, ft = (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 i = s.getContext("2d", {
     colorSpace: "srgb"
   });
   i.save(), i.scale(-1, 1), i.drawImage(n, -s.width, 0, s.width, s.height), i.restore();
-}, gt = (n, s, e = 1) => {
+}, pt = (n, s, e = 1) => {
   const t = s.getContext("2d", {
     colorSpace: "srgb"
   }), i = s.width / s.height, r = n.width / n.height;
@@ -974,7 +1010,7 @@ const re = {
     o,
     u
   );
-}, mt = (n) => {
+}, wt = (n) => {
   switch (n instanceof DOMException ? n.name : "") {
     case "NotAllowedError":
     case "PermissionDeniedError":
@@ -991,13 +1027,13 @@ const re = {
     default:
       return n instanceof TypeError ? "unsupported" : "unknown";
   }
-}, ft = {
+}, vt = {
   "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) => {
+}, Ct = (n, s, e) => {
   const t = /* @__PURE__ */ new Map();
   let i = !1;
   const r = (l, f) => {
@@ -1015,18 +1051,18 @@ const re = {
     const k = s[l];
     if (!k)
       throw new Error(`Invalid model: ${l}`);
-    const C = new k(), L = /* @__PURE__ */ new Set([f]), U = /* @__PURE__ */ new Set([f]), _ = (async () => {
+    const C = new k(), L = /* @__PURE__ */ new Set([f]), U = /* @__PURE__ */ new Set([f]), D = (async () => {
       await C.initialize(v);
       const B = t.get(l);
       if (!B || B.model !== C || B.refs.size === 0)
         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 T && T.refs.size > 0 && n.setPipeline((_) => _.set(l, C)), C;
     })();
-    return p = { model: C, refs: L, activeRefs: U, initPromise: _, options: v }, t.set(l, p), _.catch(() => {
+    return p = { model: C, refs: L, activeRefs: U, initPromise: D, options: v }, t.set(l, p), D.catch(() => {
       t.get(l) === p && (t.delete(l), n.setPipeline((T) => T.delete(l))), r(l, C);
-    }), _;
+    }), D;
   }, 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))));
@@ -1058,7 +1094,7 @@ const re = {
     }
     n.setPipeline((l) => l.clear());
   } };
-}, wt = {
+}, St = {
   lifecycle: "idle",
   ready: !1,
   error: void 0,
@@ -1068,8 +1104,8 @@ const re = {
   source: void 0,
   sourceKind: void 0,
   pipeline: /* @__PURE__ */ new Map()
-}, vt = () => {
-  let n = { ...wt, pipeline: /* @__PURE__ */ new Map() };
+}, kt = () => {
+  let n = { ...St, pipeline: /* @__PURE__ */ new Map() };
   const s = /* @__PURE__ */ new Set(), e = () => {
     s.forEach((t) => t());
   };
@@ -1092,7 +1128,7 @@ const re = {
       s.delete(t);
     })
   };
-}, Ct = ({
+}, yt = ({
   renderHeight: n,
   renderWidth: s,
   videoHeight: e,
@@ -1100,8 +1136,8 @@ const re = {
 }) => ({
   height: n || e,
   width: s || t
-}), St = (n) => {
-  const s = new Ve({ verbose: !0 }), e = vt();
+}), Mt = (n) => {
+  const s = new Ne({ verbose: !0 }), e = kt();
   let t = n;
   const i = (a) => {
     var g;
@@ -1112,9 +1148,9 @@ const re = {
   const C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), U = (a) => {
     const c = e.getSnapshot().cameraTexture;
     c && c.dispose();
-    const g = ut(a);
+    const g = mt(a);
     return e.set({ cameraTexture: g }), g;
-  }, _ = async (a, c) => {
+  }, D = async (a, c) => {
     if (C.has(a) || e.getSnapshot().lifecycle !== "running" || !d) return;
     C.add(a);
     const g = k;
@@ -1129,14 +1165,14 @@ const re = {
     } catch (w) {
       throw C.delete(a), w;
     }
-  }, T = pt(e, re, (a, c) => _(a, c));
+  }, T = Ct(e, ce, (a, c) => D(a, c));
   e.subscribe(() => {
     if (e.getSnapshot().lifecycle !== "running") return;
     const a = e.getSnapshot().pipeline;
     for (const [c, g] of a.entries())
-      C.has(c) || _(c, g);
+      C.has(c) || D(c, g);
   });
-  const P = () => {
+  const _ = () => {
     if (f !== void 0 && (cancelAnimationFrame(f), f = void 0), o) {
       try {
         o.pause();
@@ -1155,31 +1191,31 @@ const re = {
       }
       u = void 0;
     }
-  }, G = () => {
+  }, W = () => {
     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);
+      ft(o, m);
     else {
       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), 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);
+    pt(m, d, (t == null ? void 0 : t.cameraZoom) ?? 1.2);
     const g = e.getSnapshot().cameraTexture;
     g && (g.needsUpdate = !0);
-  }, J = () => {
+  }, te = () => {
     if (!o || !m || !d) return;
     if (p) {
-      G();
+      W();
       return;
     }
     const a = () => {
-      f = requestAnimationFrame(a), G();
+      f = requestAnimationFrame(a), W();
     };
     f = requestAnimationFrame(a);
-  }, pe = async (a) => {
+  }, ve = async (a) => {
     if (a.source === F.WEBCAM)
       try {
         const c = t != null && t.camRes && t.camRes > 0 ? t.camRes : 960;
@@ -1191,34 +1227,34 @@ const re = {
           }
         });
       } catch (c) {
-        const g = mt(c), w = ft[g];
+        const g = wt(c), w = vt[g];
         throw e.set({ error: { error: "PermissionError", message: w, reason: g } }), new b(c instanceof Error ? c.message : "getUserMedia failed");
       }
     return a.stream;
-  }, W = async (a) => {
-    const c = await pe(a);
+  }, X = async (a) => {
+    const c = await ve(a);
     u = c;
-    const g = await dt(c);
+    const g = await gt(c);
     o = g, m = new OffscreenCanvas(g.videoWidth, g.videoHeight);
-    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), A = Ct({
+    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), A = yt({
       renderWidth: w,
       renderHeight: y,
       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 ne = a.source === F.STREAM ? a.static === !0 : !1;
-    p = ne, r = a.source === F.WEBCAM ? { source: F.WEBCAM, sourceKind: "webcam" } : {
+    const ie = a.source === F.STREAM ? a.static === !0 : !1;
+    p = ie, r = a.source === F.WEBCAM ? { source: F.WEBCAM, sourceKind: "webcam" } : {
       source: F.STREAM,
       stream: a.stream,
-      static: ne,
+      static: ie,
       sourceKind: a.sourceKind ?? "webcam"
     }, e.set({
       source: a.source,
       sourceKind: r.sourceKind,
       error: void 0
     });
-  }, X = async (a) => {
+  }, j = async (a) => {
     const c = a.sourceKind ?? "webcam";
     d = a.canvas;
     const g = U(d);
@@ -1234,48 +1270,48 @@ const re = {
       canvas: a.canvas,
       sourceKind: c
     };
-  }, 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 () => {
+  }, Ce = (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, Se = async () => {
     if (!d) return;
     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) => {
+  }, ke = (a, c) => !c || c.source !== F.CANVAS ? !1 : a.canvas === c.canvas && (a.sourceKind ?? "webcam") === c.sourceKind, ye = async (a) => {
     const c = a.source;
     if (c !== F.WEBCAM && c !== F.STREAM)
       throw new b(`Invalid media source: ${String(c)}`);
-    if (we(a, r)) {
+    if (Ce(a, r)) {
       s.log("Media source unchanged, skipping rebind.");
       return;
     }
     k += 1;
     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);
+      await X(a), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", a.source);
       return;
     }
     if (g === "media-bound") {
-      P(), await W(a), s.log("Media source rebound to:", a.source);
+      _(), await X(a), s.log("Media source rebound to:", a.source);
       return;
     }
-    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)) {
+    v = !0, await new Promise((w) => requestAnimationFrame(() => w())), _(), await X(a), v = !1, te(), p ? await Se() : T.resumeActive(), s.log("Media source swapped to:", a.source);
+  }, Me = async (a) => {
+    if (ke(a, r)) {
       s.log("Frame source unchanged, skipping rebind.");
       return;
     }
     k += 1;
     const { lifecycle: c } = e.getSnapshot();
     if (c === "idle" || c === "stopped") {
-      await X(a), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
+      await j(a), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
       return;
     }
     if (c === "media-bound") {
-      P(), await X(a), s.log("Frame source rebound to canvas.");
+      _(), await j(a), s.log("Frame source rebound to canvas.");
       return;
     }
-    v = !0, await new Promise((g) => requestAnimationFrame(() => g())), P(), await X(a), v = !1, s.log("Frame source swapped to canvas.");
-  }, ye = async () => {
+    v = !0, await new Promise((g) => requestAnimationFrame(() => g())), _(), await j(a), v = !1, s.log("Frame source swapped to canvas.");
+  }, Re = async () => {
     const { lifecycle: a } = e.getSnapshot();
     if (a === "running") return;
     if (a === "idle")
@@ -1287,49 +1323,49 @@ const re = {
       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((w) => requestAnimationFrame(() => w()));
+    c || te(), 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);
+      await D(w, y);
     e.set({ ready: !0 }), s.log("XR session started.");
-  }, ee = async () => {
+  }, se = async () => {
     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();
+    a === "stopped" || a === "idle" || (_(), T.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
+  }, Te = async () => {
+    await se(), T.releaseAll(), L.clear();
     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 (a) => {
+  }, xe = async (a) => {
     const c = "legacy:registerXRPipeline", g = [];
     await Promise.all(
       a.map(async (w) => {
         const { model: y } = w;
-        if (!re[y])
+        if (!ce[y])
           throw new b(`Invalid model: ${y}`);
         L.has(y) || g.push(y);
         const A = "options" in w ? w.options : void 0;
         await T.acquire(y, c, A);
       })
     ), g.length > 0 && (g.forEach((w) => L.add(w)), s.log("XR pipeline registered."));
-  }, Te = (a) => {
+  }, Fe = (a) => {
     const c = T.get(a);
     if (!c)
       throw new b(`Model ${a} is not registered in the pipeline`);
     return c.getModelNode();
-  }, 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) => {
+  }, ne = 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 && W()), s.log(`Source canvas set. Render size: ${a}x${c}`));
+  }, Ae = async (a) => {
     var y;
     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) => {
+    await ne(g, w);
+  }, be = (a) => {
     R = a.renderer, M = a.scene, x = a.camera, l = a.renderFrame;
-  }, se = () => {
+  }, ae = () => {
     if (!R || !M || !x)
       throw new b(
         "XR frame render requested before the R3F state was bound — make sure <XRScene> is mounted"
@@ -1339,13 +1375,13 @@ const re = {
   return {
     store: e,
     registry: T,
-    setMediaSource: Se,
-    start: ye,
-    stop: ee,
-    reset: Me,
-    setFrameSource: ke,
-    registerXRPipeline: Re,
-    getModelNode: Te,
+    setMediaSource: ye,
+    start: Re,
+    stop: se,
+    reset: Te,
+    setFrameSource: Me,
+    registerXRPipeline: xe,
+    getModelNode: Fe,
     captureFrame: () => {
       if (!S)
         throw new b(
@@ -1355,13 +1391,13 @@ const re = {
         throw new b(
           "session.captureFrame() called before the R3F state was bound — make sure <XRScene> is mounted"
         );
-      return se(), S.toDataURL("image/png");
+      return ae(), S.toDataURL("image/png");
     },
     getInputFrame: () => d ?? null,
-    _setRenderTarget: xe,
-    _setRenderSize: te,
-    _setR3FState: Fe,
-    _renderFrame: se,
+    _setRenderTarget: Ae,
+    _setRenderSize: ne,
+    _setR3FState: be,
+    _renderFrame: ae,
     _getVideoElement: () => o,
     _setPerf: (a) => {
       if (t = a, e.getSnapshot().lifecycle !== "running" || !d) return;
@@ -1376,46 +1412,46 @@ const re = {
         });
     }
   };
-}, kt = (n) => {
-  const s = oe(n), e = $(() => St(s.current), []), t = JSON.stringify(n ?? {});
-  return Ee(() => {
+}, Rt = (n) => {
+  const s = he(n), e = J(() => Mt(s.current), []), t = JSON.stringify(n ?? {});
+  return Pe(() => {
     e._setPerf(n);
   }, [e, t]), e;
-}, Q = /* @__PURE__ */ new Map(), yt = () => ({
+}, Z = /* @__PURE__ */ new Map(), Tt = () => ({
   register: (n, s) => {
-    s ? Q.set(n, s) : Q.delete(n);
+    s ? Z.set(n, s) : Z.delete(n);
   },
-  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) => {
+  resolve: (n) => n ? Z.get(n) ?? null : null
+}), me = Tt(), fe = ue(null), xt = ({ children: n }) => {
+  const s = he(/* @__PURE__ */ new Map()), e = oe((r, o) => {
     o ? s.current.set(r, o) : s.current.delete(r);
-  }, []), t = ie(
+  }, []), t = oe(
     (r) => r ? s.current.get(r) ?? null : null,
     []
-  ), 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), Ut = () => {
-  const n = ce(fe);
+  ), i = J(() => ({ register: e, resolve: t }), [e, t]);
+  return De(fe.Provider, { value: i }, n);
+}, pe = () => de(fe) ?? me, zt = () => pe().register, Lt = () => pe().resolve;
+me.register;
+const we = ue(void 0), Bt = () => {
+  const n = de(we);
   if (!n)
     throw new b(
       "XR context can only be used inside XRProvider, did you forget to wrap your app in <XRProvider>?"
     );
   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 }) });
+}, Vt = ({ children: n, perf: s }) => {
+  const e = Rt(s), t = J(() => ({ session: e }), [e]);
+  return /* @__PURE__ */ re(we.Provider, { value: t, children: /* @__PURE__ */ re(xt, { children: n }) });
 };
 export {
   z as X,
-  H as a,
-  _t as b,
+  q as a,
+  Ut as b,
   F as c,
-  zt as d,
-  Ot as e,
-  He as f,
-  Pt as g,
+  Vt as d,
+  Lt as e,
+  Ge as f,
+  zt as g,
   I as l,
-  Ut as u
+  Bt as u
 };