@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/main.js

@@ -1,528 +1,537 @@
-var Q = Object.defineProperty;
-var ee = (r, e, t) => e in r ? Q(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var R = (r, e, t) => ee(r, typeof e != "symbol" ? e + "" : e, t);
-import { useState as W, useEffect as k, useRef as y, useMemo as I, Suspense as te, useCallback as F } from "react";
-import { X as re, R as ne } from "./index-CYMj26Ej.js";
-import { b as rt, a as nt } from "./index-CYMj26Ej.js";
-import { S as se, a as ie, u as oe } from "./index-DtwHElmG.js";
-import { X as it } from "./index-DtwHElmG.js";
-import { jsx as p, jsxs as P, Fragment as X } from "react/jsx-runtime";
-import { useThree as Y, useFrame as ae } from "@react-three/fiber";
-import * as K from "three";
-import { PerspectiveCamera as J, RepeatWrapping as q, LinearFilter as H } from "three";
-import { u as ce, a as le } from "./selectors-BHO6TnoC.js";
-import { useTexture as ue } from "@react-three/drei";
-const $ = 9, G = 16, Ae = ({ children: r }) => {
-  const [e, t] = W({ width: 0, height: 0 });
-  return k(() => {
-    const n = () => {
-      const i = document.documentElement.clientWidth, c = document.documentElement.clientHeight, o = i / c, a = $ / G;
-      let s, u;
-      o > a ? (u = c, s = u * $ / G) : (s = i, u = s * G / $), t({ width: s, height: u });
-    };
-    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-  }, []), /* @__PURE__ */ p(
-    "div",
-    {
-      style: {
-        width: "100vw",
-        height: `${window.innerHeight}px`,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: "#0d0d0d"
-      },
-      children: /* @__PURE__ */ p("div", { style: { width: e.width, height: e.height, position: "relative" }, children: r })
-    }
-  );
-}, de = "rgba(20,40,110,0.88)", he = 24, fe = 512;
-function _e({
-  color: r = de,
-  borderColor: e,
-  borderWidth: t = 0,
-  borderRadius: n = he,
-  resolution: i = fe,
-  aspect: c = 1,
-  opacity: o = 1,
-  name: a,
-  overlay: s = !0,
-  position: u,
-  rotation: g,
-  scale: m,
-  visible: l
+var De = Object.defineProperty;
+var Ne = (e, t, s) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var U = (e, t, s) => Ne(e, typeof t != "symbol" ? t + "" : t, s);
+import { j as v, u as Ie, Q as Le, R as Oe, T as Ge, U as qe, V as Be, W as We } from "./index-CKRN-xJp.js";
+import { av as Bs, Z as Ws, aw as Ks, M as Xs, P as Hs, L as zs, w as $s, Y as js, ax as Vs, ar as Zs, as as Ys, _ as Qs, c as Js, z as er, y as tr, d as sr, k as rr, ab as ar, ac as nr, ad as ir, ae as or, n as cr, af as lr, i as ur, $ as dr, O as mr, ag as pr, a0 as fr, ah as hr, ai as gr, ap as Sr, p as yr, A as Mr, at as Tr, r as Er, K as Rr, au as br, a2 as Ar, aj as Fr, a3 as Cr, a4 as vr, a5 as kr, a1 as _r, a6 as xr, a7 as wr, a8 as Ur, ak as Pr, aq as Dr, a9 as Nr, al as Ir, t as Lr, am as Or, an as Gr, aa as qr, ao as Br } from "./index-CKRN-xJp.js";
+import { S as Ke } from "./contexts-Y_FhdnIv.js";
+import { X as Kr } from "./contexts-Y_FhdnIv.js";
+import { S as Hr, T as zr } from "./TextLabel-c9BCucOI.js";
+import { jsxs as L, jsx as g, Fragment as re } from "react/jsx-runtime";
+import { useRef as F, useMemo as Z, useEffect as _, useState as x, Suspense as Xe, useCallback as R, forwardRef as He, useImperativeHandle as ze, useContext as $e, createContext as je, useId as Ve, useSyncExternalStore as Ze } from "react";
+import * as Ye from "three";
+import { MathUtils as Qe, Vector2 as Je, Vector3 as et, DoubleSide as te, RepeatWrapping as Se, LinearFilter as ye } from "three";
+import { D as jr, H as Vr, G as Zr, E as Yr, J as Qr, K as Jr, P as ea, S as ta, C as sa, I as ra, L as aa, M as na, F as ia, B as oa } from "./index-Cyk_VIZE.js";
+import { useThree as tt, useFrame as st } from "@react-three/fiber";
+import { R as rt } from "./uv-DJU_XfmN.js";
+import { c as Fe, b as at } from "./selectors-BvJepq6H.js";
+import { u as nt, a as it, s as ot, F as ct } from "./drawNormalizedCrop-DG3gtJxf.js";
+import { d as la, b as ua, r as da } from "./drawNormalizedCrop-DG3gtJxf.js";
+import { S as lt, c as ut } from "./index-BZoBxyLn.js";
+import { L as pa, d as fa, R as ha, a as ga, e as Sa, b as ya, f as Ma } from "./index-BZoBxyLn.js";
+import { useTexture as dt } from "@react-three/drei";
+import { a as mt } from "./context-DTxSQvp4.js";
+import { k as Ea, D as Ra, j as ba, E as Aa, M as Fa, h as Ca, S as va, T as ka, l as _a, g as xa, n as wa, r as Ua } from "./renderPasses-DuapJA6V.js";
+import { D as Da, a as Na, M as Ia, n as La } from "./index-CUldCMRl.js";
+import { M as Ga } from "./index-vr2ichWQ.js";
+import { u as Ba } from "./useXRCapabilities-B1KLckqw.js";
+import { g as Ce } from "./cache-2x3CUJuY.js";
+import { D as Ka, X as Xa, c as Ha, u as za } from "./cache-2x3CUJuY.js";
+import { S as pt } from "./segmentation-BOZJdWFC.js";
+import { d as ja, a as Va, b as Za, e as Ya, f as Qa, g as Ja, h as en } from "./segmentation-BOZJdWFC.js";
+const V = (e, t, s, r) => Qe.damp(e, t, Math.max(0, s), Math.max(0, r)), ls = (e, t, s, r, a = new Je()) => a.set(
+  V(e.x, t.x, s, r),
+  V(e.y, t.y, s, r)
+), us = (e, t, s, r, a = new et()) => a.set(
+  V(e.x, t.x, s, r),
+  V(e.y, t.y, s, r),
+  V(e.z, t.z, s, r)
+), ft = "rgba(20,40,110,0.88)", ht = 24, gt = 512;
+function ds({
+  color: e = ft,
+  borderColor: t,
+  borderWidth: s = 0,
+  borderRadius: r = ht,
+  resolution: a = gt,
+  aspect: n = 1,
+  opacity: i = 1,
+  name: c,
+  overlay: o = !0,
+  position: l,
+  rotation: h,
+  scale: d,
+  visible: m
 }) {
-  const M = y(null), v = y(null), w = I(() => me({
-    width: Math.round(i * Math.max(c, 0.05)),
-    height: Math.round(i),
-    color: r,
-    borderColor: e,
-    borderWidth: t,
-    borderRadius: n
-  }), [r, e, t, n, i, c]);
-  k(() => () => {
-    w.dispose();
-  }, [w]);
-  const b = y(null), S = y(o);
-  return S.current !== o && (S.current = o, b.current = null, v.current && (v.current.opacity = o)), k(() => {
-    const d = M.current;
-    if (d)
-      return d.userData.setOpacity = (L) => {
-        b.current = L, v.current && (v.current.opacity = L);
+  const u = F(null), p = F(null), M = Z(() => St({
+    width: Math.round(a * Math.max(n, 0.05)),
+    height: Math.round(a),
+    color: e,
+    borderColor: t,
+    borderWidth: s,
+    borderRadius: r
+  }), [e, t, s, r, a, n]);
+  _(() => () => {
+    M.dispose();
+  }, [M]);
+  const E = F(null), f = F(i);
+  return f.current !== i && (f.current = i, E.current = null, p.current && (p.current.opacity = i)), _(() => {
+    const S = u.current;
+    if (S)
+      return S.userData.setOpacity = (b) => {
+        E.current = b, p.current && (p.current.opacity = b);
       }, () => {
-        delete d.userData.setOpacity;
-      };
-  }, []), /* @__PURE__ */ P(
-    "mesh",
-    {
-      ref: M,
-      name: a,
-      position: u,
-      rotation: g,
-      scale: m,
-      visible: l,
-      children: [
-        /* @__PURE__ */ p("planeGeometry", { args: [1, 1] }),
-        /* @__PURE__ */ p(
-          "meshBasicMaterial",
-          {
-            ref: v,
-            map: w,
-            transparent: !0,
-            opacity: o,
-            depthTest: !s,
-            depthWrite: !s
-          }
-        )
-      ]
-    }
-  );
-}
-function me(r) {
-  const { width: e, height: t, color: n, borderColor: i, borderWidth: c, borderRadius: o } = r, a = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e, t) : (() => {
-    const m = document.createElement("canvas");
-    return m.width = e, m.height = t, m;
-  })(), s = a.getContext("2d");
-  s.clearRect(0, 0, e, t);
-  const u = Math.min(o, Math.min(e, t) / 2);
-  s.beginPath(), s.moveTo(u, 0), s.lineTo(e - u, 0), s.quadraticCurveTo(e, 0, e, u), s.lineTo(e, t - u), s.quadraticCurveTo(e, t, e - u, t), s.lineTo(u, t), s.quadraticCurveTo(0, t, 0, t - u), s.lineTo(0, u), s.quadraticCurveTo(0, 0, u, 0), s.closePath(), s.fillStyle = n, s.fill(), i && c > 0 && (s.lineWidth = c, s.strokeStyle = i, s.stroke());
-  const g = new K.CanvasTexture(a);
-  return g.needsUpdate = !0, g;
-}
-const ze = ({ children: r, depth: e = 0 }) => {
-  const { camera: t, size: n } = Y(), i = I(() => {
-    if (!(t instanceof J))
-      return { width: 10, height: 10 };
-    const c = Math.abs(t.position.z - e), o = t.fov * Math.PI / 180, a = 2 * Math.tan(o / 2) * c;
-    return { width: a * (n.width / n.height), height: a };
-  }, [t, n, e]);
-  return /* @__PURE__ */ p(se.Provider, { value: i, children: /* @__PURE__ */ p("group", { position: [0, 0, e], children: r }) });
-};
-function pe(r, e) {
-  return !Number.isFinite(r) || !Number.isFinite(e) || r <= 0 || e <= 0 ? [1, 1, 1] : Math.abs(r - e) < 1e-6 ? [1, 1, 1] : r > e ? [e / r, 1, 1] : [1, r / e, 1];
-}
-const ge = { left: -1, right: 1, top: 1, bottom: -1 }, Me = (r, e, t) => {
-  const n = r % e, i = Math.floor(r / e);
-  return { x: n / e, y: (t - 1 - i) / t };
-}, ve = ({
-  sheet: r,
-  contentAspect: e,
-  renderOrder: t,
-  name: n
-}) => {
-  const i = ue(r.url), c = y(0), o = y(-1), a = oe(), [s, u] = e != null ? pe(a, e) : [1, 1];
-  return ae((g, m) => {
-    i.wrapS = q, i.wrapT = q, i.magFilter = H, i.minFilter = H, i.generateMipmaps = !1, i.repeat.set(1 / r.cols, 1 / r.rows), c.current += m;
-    const l = Math.floor(c.current * r.fps) % r.frames;
-    if (l === o.current) return;
-    o.current = l;
-    const { x: M, y: v } = Me(l, r.cols, r.rows);
-    i.offset.set(M, v);
-  }), /* @__PURE__ */ P("mesh", { name: n, renderOrder: t, scale: [s, u, 1], children: [
-    /* @__PURE__ */ p("planeGeometry", { args: [1, 1] }),
-    /* @__PURE__ */ p("meshBasicMaterial", { map: i, transparent: !0, toneMapped: !1, depthWrite: !1 })
-  ] });
-}, Be = ({
-  sheet: r,
-  anchors: e = ge,
-  contentAspect: t,
-  renderOrder: n = 10,
-  name: i = "spriteAnimation"
-}) => /* @__PURE__ */ p(te, { fallback: null, children: /* @__PURE__ */ p(ie, { anchors: e, children: /* @__PURE__ */ p(ve, { sheet: r, contentAspect: t, renderOrder: n, name: i }) }) }), Te = {
-  color: "#ffffff",
-  fontWeight: "bold",
-  fontFamily: "Arial, sans-serif",
-  fontSize: 48,
-  bgColor: "rgba(20,40,110,0.88)",
-  borderWidth: 0,
-  borderRadius: 24,
-  padding: 32,
-  aspect: 2.5,
-  resolution: 512,
-  opacity: 1
-};
-function Ie(r) {
-  const e = { ...Te, ...r }, {
-    text: t,
-    color: n,
-    fontWeight: i,
-    fontFamily: c,
-    fontSize: o,
-    bgColor: a,
-    borderColor: s,
-    borderWidth: u,
-    borderRadius: g,
-    padding: m,
-    aspect: l,
-    resolution: M,
-    opacity: v,
-    name: w,
-    overlay: b = !0,
-    position: S,
-    rotation: d,
-    scale: L,
-    visible: N
-  } = e, [_, z] = W(null), [B, A] = W(null), h = y(t);
-  h.current !== t && (h.current = t, _ !== null && z(null));
-  const T = y(a);
-  T.current !== a && (T.current = a, B !== null && A(null));
-  const f = y(null), E = _ ?? t, D = B ?? a, O = I(
-    () => ye({
-      text: E,
-      color: n,
-      fontWeight: i,
-      fontFamily: c,
-      fontSize: o,
-      bgColor: D,
-      borderColor: s,
-      borderWidth: u,
-      borderRadius: g,
-      padding: m,
-      height: M,
-      width: Math.round(M * Math.max(l, 0.1))
-    }),
-    [
-      E,
-      n,
-      i,
-      c,
-      o,
-      D,
-      s,
-      u,
-      g,
-      m,
-      l,
-      M
-    ]
-  );
-  return k(() => {
-    const x = f.current;
-    if (x)
-      return x.userData.setText = (U) => z(U), x.userData.setBgColor = (U) => A(U), () => {
-        delete x.userData.setText, delete x.userData.setBgColor;
+        delete S.userData.setOpacity;
       };
-  }, []), k(() => () => {
-    O.dispose();
-  }, [O]), /* @__PURE__ */ P(
+  }, []), /* @__PURE__ */ L(
     "mesh",
     {
-      ref: f,
-      name: w,
-      position: S,
-      rotation: d,
-      scale: L,
-      visible: N,
+      ref: u,
+      name: c,
+      position: l,
+      rotation: h,
+      scale: d,
+      visible: m,
       children: [
-        /* @__PURE__ */ p("planeGeometry", { args: [1, 1] }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g("planeGeometry", { args: [1, 1] }),
+        /* @__PURE__ */ g(
           "meshBasicMaterial",
           {
-            map: O,
+            ref: p,
+            map: M,
             transparent: !0,
-            opacity: v,
-            depthTest: !b,
-            depthWrite: !b
+            opacity: i,
+            depthTest: !o,
+            depthWrite: !o
           }
         )
       ]
     }
   );
 }
-function ye(r) {
-  const { width: e, height: t, text: n, color: i, fontFamily: c, fontWeight: o, padding: a } = r;
-  let { fontSize: s, bgColor: u } = r, g;
-  const m = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e, t) : (() => {
+function St(e) {
+  const { width: t, height: s, color: r, borderColor: a, borderWidth: n, borderRadius: i } = e, c = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(t, s) : (() => {
     const d = document.createElement("canvas");
-    return d.width = e, d.height = t, d;
-  })(), l = m.getContext("2d");
-  if (l.clearRect(0, 0, e, t), u !== "transparent") {
-    const d = Math.min(r.borderRadius, Math.min(e, t) / 2);
-    l.beginPath(), l.moveTo(d, 0), l.lineTo(e - d, 0), l.quadraticCurveTo(e, 0, e, d), l.lineTo(e, t - d), l.quadraticCurveTo(e, t, e - d, t), l.lineTo(d, t), l.quadraticCurveTo(0, t, 0, t - d), l.lineTo(0, d), l.quadraticCurveTo(0, 0, d, 0), l.closePath(), l.fillStyle = u, l.fill(), r.borderColor && r.borderWidth > 0 && (l.lineWidth = r.borderWidth, l.strokeStyle = r.borderColor, l.stroke());
-  }
-  l.fillStyle = i, l.textAlign = "center", l.textBaseline = "middle";
-  const M = e - a * 2;
-  let v = Z(l, n, M, o, s, c);
-  const w = Math.max(1, Math.floor((t - a * 2) / (s * 1.3)));
-  v.length > w && (s = Math.max(12, Math.round(s * 0.75)), v = Z(l, n, M, o, s, c)), l.font = `${o} ${s}px ${c}`;
-  const b = s * 1.3, S = t / 2 - (v.length - 1) * b / 2;
-  for (let d = 0; d < v.length; d++)
-    l.fillText(v[d], e / 2, S + d * b);
-  return g = new K.CanvasTexture(m), g.needsUpdate = !0, g;
-}
-function Z(r, e, t, n, i, c) {
-  r.font = `${n} ${i}px ${c}`;
-  const o = e.split(" "), a = [];
-  let s = "";
-  for (const u of o) {
-    const g = s ? `${s} ${u}` : u;
-    r.measureText(g).width > t && s ? (a.push(s), s = u) : s = g;
-  }
-  return s && a.push(s), a;
+    return d.width = t, d.height = s, d;
+  })(), o = c.getContext("2d");
+  o.clearRect(0, 0, t, s);
+  const l = Math.min(i, Math.min(t, s) / 2);
+  o.beginPath(), o.moveTo(l, 0), o.lineTo(t - l, 0), o.quadraticCurveTo(t, 0, t, l), o.lineTo(t, s - l), o.quadraticCurveTo(t, s, t - l, s), o.lineTo(l, s), o.quadraticCurveTo(0, s, 0, s - l), o.lineTo(0, l), o.quadraticCurveTo(0, 0, l, 0), o.closePath(), o.fillStyle = r, o.fill(), a && n > 0 && (o.lineWidth = n, o.strokeStyle = a, o.stroke());
+  const h = new Ye.CanvasTexture(c);
+  return h.needsUpdate = !0, h;
 }
-const Ne = ({
-  segmentationMask: r,
-  segmentation: e,
-  invert: t = !1,
-  customBackground: n,
-  renderOrder: i = ne.BACKGROUND
+const ms = ({
+  segmentationMask: e,
+  segmentation: t,
+  invert: s = !1,
+  customBackground: r,
+  renderOrder: a = rt.BACKGROUND
 }) => {
-  const { camera: c, size: o } = Y(), a = ce(), s = le(re.BACKGROUND_SEGMENTATION), u = e ? s == null ? void 0 : s.backgroundSegmentationMask : void 0, g = y(!1);
-  k(() => {
-    if (!e) {
-      g.current = !1;
+  const { camera: n, size: i } = tt(), c = Fe(), o = at(v.BACKGROUND_SEGMENTATION), l = t ? o == null ? void 0 : o.backgroundSegmentationMask : void 0, h = F(!1);
+  _(() => {
+    if (!t) {
+      h.current = !1;
       return;
     }
-    s === null && !g.current && (console.warn(
-      `[VideoBackground] segmentation="${e}" set but no matching <Segmentation> component is mounted; rendering unmasked.`
-    ), g.current = !0);
-  }, [e, s]);
-  const m = e ? u : r, l = I(() => {
-    if (!(c instanceof J))
+    o === null && !h.current && (console.warn(
+      `[VideoBackground] segmentation="${t}" set but no matching <Segmentation> component is mounted; rendering unmasked.`
+    ), h.current = !0);
+  }, [t, o]);
+  const d = t ? l : e, m = Z(() => {
+    if (!n.isPerspectiveCamera)
       return [10, 10];
-    const w = (c.position.z || 5) - -1, b = c.fov * Math.PI / 180, S = 2 * Math.tan(b / 2) * w;
-    return [S * (o.width / o.height), S];
-  }, [c, o]);
-  return a ? /* @__PURE__ */ p("group", { position: [0, 0, -1], children: t ? /* @__PURE__ */ P(X, { children: [
-    /* @__PURE__ */ P("mesh", { position: [0, 0, -0.01], renderOrder: i - 1, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+    const u = n, E = (u.position.z || 5) - -1, f = u.fov * Math.PI / 180, S = 2 * Math.tan(f / 2) * E;
+    return [S * (i.width / i.height), S];
+  }, [n, i]);
+  return c ? /* @__PURE__ */ g("group", { position: [0, 0, -1], children: s ? /* @__PURE__ */ L(re, { children: [
+    /* @__PURE__ */ L("mesh", { position: [0, 0, -0.01], renderOrder: a - 1, children: [
+      /* @__PURE__ */ g("planeGeometry", { args: m }),
+      /* @__PURE__ */ g(
         "meshBasicMaterial",
         {
-          map: a,
+          map: c,
           depthTest: !1,
           depthWrite: !1,
-          toneMapped: !1
+          toneMapped: !1,
+          side: te
         }
       )
     ] }),
-    n && m && /* @__PURE__ */ P("mesh", { position: [0, 0, 0], renderOrder: i, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+    r && d && /* @__PURE__ */ L("mesh", { position: [0, 0, 0], renderOrder: a, children: [
+      /* @__PURE__ */ g("planeGeometry", { args: m }),
+      /* @__PURE__ */ g(
         "meshBasicMaterial",
         {
-          map: typeof n == "string" ? void 0 : n,
-          color: typeof n == "string" ? n : void 0,
-          alphaMap: m,
+          map: typeof r == "string" ? void 0 : r,
+          color: typeof r == "string" ? r : void 0,
+          alphaMap: d,
           transparent: !1,
           alphaTest: 0.5,
           depthTest: !1,
           depthWrite: !1,
-          toneMapped: !1
+          toneMapped: !1,
+          side: te
         },
         "inverted-mask"
       )
     ] })
-  ] }) : /* @__PURE__ */ P(X, { children: [
-    n && m && /* @__PURE__ */ P("mesh", { position: [0, 0, -0.01], renderOrder: i - 1, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+  ] }) : /* @__PURE__ */ L(re, { children: [
+    r && d && /* @__PURE__ */ L("mesh", { position: [0, 0, -0.01], renderOrder: a - 1, children: [
+      /* @__PURE__ */ g("planeGeometry", { args: m }),
+      /* @__PURE__ */ g(
         "meshBasicMaterial",
         {
-          map: typeof n == "string" ? void 0 : n,
-          color: typeof n == "string" ? n : void 0,
+          map: typeof r == "string" ? void 0 : r,
+          color: typeof r == "string" ? r : void 0,
           depthTest: !1,
           depthWrite: !1,
-          toneMapped: !1
+          toneMapped: !1,
+          side: te
         }
       )
     ] }),
-    /* @__PURE__ */ P("mesh", { position: [0, 0, 0], renderOrder: i, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+    /* @__PURE__ */ L("mesh", { position: [0, 0, 0], renderOrder: a, children: [
+      /* @__PURE__ */ g("planeGeometry", { args: m }),
+      /* @__PURE__ */ g(
         "meshBasicMaterial",
         {
-          map: a,
-          alphaMap: m,
+          map: c,
+          alphaMap: d,
           transparent: !1,
-          alphaTest: m ? 0.5 : void 0,
+          alphaTest: d ? 0.5 : void 0,
           depthTest: !1,
           depthWrite: !1,
-          toneMapped: !1
+          toneMapped: !1,
+          side: te
         },
-        m ? "with-mask" : "no-mask"
+        d ? "with-mask" : "no-mask"
       )
     ] })
   ] }) }) : null;
-}, we = [
+}, ve = ({
+  mask: e,
+  status: t,
+  error: s,
+  invert: r = !1,
+  fallback: a = "camera",
+  onStatusChange: n,
+  fit: i = "cover",
+  anchors: c = ct,
+  renderOrder: o = 100,
+  visible: l = !0,
+  maskFeather: h = 4,
+  maskErode: d = 0.7,
+  ...m
+}) => {
+  const u = Fe();
+  if (_(() => {
+    n == null || n(t, s);
+  }, [t, s, n]), !u) return null;
+  const p = t === "ready" && e;
+  return !p && !ot(t, a) ? null : /* @__PURE__ */ g(
+    lt,
+    {
+      ...m,
+      source: { kind: "texture", texture: u },
+      fit: i,
+      anchors: c,
+      renderOrder: o,
+      visible: l,
+      maskTexture: p ? e : null,
+      maskChannel: "green",
+      maskInvert: r,
+      maskFeather: h,
+      maskErode: d
+    }
+  );
+}, yt = ({ active: e = !0, ...t }) => {
+  const { texture: s, status: r, error: a } = it(e);
+  return /* @__PURE__ */ g(ve, { ...t, mask: s, status: r, error: a });
+}, Mt = ({ bodyId: e, subject: t, numBodies: s, active: r = !0, ...a }) => {
+  const { texture: n, status: i, error: c } = nt({ bodyId: e, subject: t, numBodies: s, active: r });
+  return /* @__PURE__ */ g(ve, { ...a, mask: n, status: i, error: c });
+}, ps = ({ bodyId: e, subject: t, numBodies: s, ...r }) => e !== void 0 || t ? /* @__PURE__ */ g(Mt, { ...r, bodyId: e, subject: t, numBodies: s }) : /* @__PURE__ */ g(yt, { ...r }), ie = 9, oe = 16, fs = ({ children: e }) => {
+  const [t, s] = x({ width: 0, height: 0 });
+  return _(() => {
+    const r = () => {
+      const a = document.documentElement.clientWidth, n = document.documentElement.clientHeight, i = a / n, c = ie / oe;
+      let o, l;
+      i > c ? (l = n, o = l * ie / oe) : (o = a, l = o * oe / ie), s({ width: o, height: l });
+    };
+    return r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
+  }, []), /* @__PURE__ */ g(
+    "div",
+    {
+      style: {
+        width: "100vw",
+        height: `${window.innerHeight}px`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "#0d0d0d"
+      },
+      children: /* @__PURE__ */ g("div", { style: { width: t.width, height: t.height, position: "relative" }, children: e })
+    }
+  );
+}, hs = ({ size: e = 0.25, ...t }) => /* @__PURE__ */ g("axesHelper", { args: [e], ...t }), Tt = { left: -1, right: 1, top: 1, bottom: -1 }, Et = (e, t, s) => {
+  const r = e % t, a = Math.floor(e / t);
+  return { x: r / t, y: (s - 1 - a) / s };
+}, Rt = ({
+  sheet: e,
+  contentAspect: t,
+  renderOrder: s,
+  name: r
+}) => {
+  const a = dt(e.url), n = F(0), i = F(-1), c = mt(), [o, l] = t != null ? ut(c, t) : [1, 1];
+  return st((h, d) => {
+    a.wrapS = Se, a.wrapT = Se, a.magFilter = ye, a.minFilter = ye, a.generateMipmaps = !1, a.repeat.set(1 / e.cols, 1 / e.rows), n.current += d;
+    const m = Math.floor(n.current * e.fps) % e.frames;
+    if (m === i.current) return;
+    i.current = m;
+    const { x: u, y: p } = Et(m, e.cols, e.rows);
+    a.offset.set(u, p);
+  }), /* @__PURE__ */ L("mesh", { name: r, renderOrder: s, scale: [o, l, 1], children: [
+    /* @__PURE__ */ g("planeGeometry", { args: [1, 1] }),
+    /* @__PURE__ */ g("meshBasicMaterial", { map: a, transparent: !0, toneMapped: !1, depthWrite: !1 })
+  ] });
+}, gs = ({
+  sheet: e,
+  anchors: t = Tt,
+  contentAspect: s,
+  renderOrder: r = 10,
+  name: a = "spriteAnimation"
+}) => /* @__PURE__ */ g(Xe, { fallback: null, children: /* @__PURE__ */ g(Ke, { anchors: t, children: /* @__PURE__ */ g(Rt, { sheet: e, contentAspect: s, renderOrder: r, name: a }) }) }), q = (e) => {
+  switch (e) {
+    case "start":
+      return "starting";
+    case "started":
+    case "resume":
+      return "recording";
+    case "pause":
+      return "paused";
+    case "stop":
+      return "stopping";
+    case "complete":
+      return "completed";
+    case "fail":
+      return "error";
+    case "clear":
+      return "idle";
+  }
+}, bt = [
   "video/mp4",
   "video/webm;codecs=vp9",
   "video/webm;codecs=vp8",
   "video/webm"
 ];
-function $e(r = {}) {
-  const { audio: e = !1, mimeType: t, bitsPerSecond: n, onData: i, onStop: c, passThroughStream: o } = r, a = y(null), s = y(null), u = y([]), [g, m] = W(!1), [l, M] = W(!1), [v, w] = W(null), [b, S] = W(null), d = F(() => {
-    var T;
-    const h = [t, ...we].filter(Boolean);
-    for (const f of h)
-      if ((T = MediaRecorder.isTypeSupported) != null && T.call(MediaRecorder, f)) return f;
-  }, [t]), L = F(
-    async (h) => {
-      const T = new MediaStream();
-      if (h.getTracks().forEach((f) => T.addTrack(f)), e) {
-        let f;
-        if (e instanceof MediaStream)
-          f = e;
+function Ss(e = {}) {
+  const {
+    audio: t = !1,
+    mimeType: s,
+    bitsPerSecond: r,
+    onData: a,
+    onStop: n,
+    onRecordingStart: i,
+    onRecordingPause: c,
+    onRecordingResume: o,
+    onRecordingStop: l,
+    onRecordingComplete: h,
+    onError: d,
+    passThroughStream: m
+  } = e, u = F(null), p = F(null), M = F([]), [E, f] = x("idle"), [S, b] = x(null), [X, A] = x(null), w = R(() => {
+    var C;
+    const y = [s, ...bt].filter(Boolean);
+    for (const T of y)
+      if ((C = MediaRecorder.isTypeSupported) != null && C.call(MediaRecorder, T)) return T;
+  }, [s]), G = R(
+    async (y) => {
+      const C = new MediaStream();
+      if (y.getTracks().forEach((T) => C.addTrack(T)), t) {
+        let T;
+        if (t instanceof MediaStream)
+          T = t;
         else {
-          const E = typeof e == "object" ? { audio: e } : { audio: !0, video: !1 };
-          f = await navigator.mediaDevices.getUserMedia(E);
+          const k = typeof t == "object" ? { audio: t } : { audio: !0, video: !1 };
+          T = await navigator.mediaDevices.getUserMedia(k);
         }
-        f.getAudioTracks().forEach((E) => T.addTrack(E));
+        T.getAudioTracks().forEach((k) => C.addTrack(k));
       }
-      if (!T.getTracks().length)
+      if (!C.getTracks().length)
         throw new Error("No tracks available in combined stream.");
-      return s.current = T, T;
+      return p.current = C, C;
     },
-    [e]
-  ), N = F(
-    async (h, T) => {
+    [t]
+  ), Y = R(
+    async (y, C) => {
+      f(q("start")), A(null), b(null);
       try {
-        let f;
-        o ? (f = h, s.current = f) : f = await L(h);
-        const E = d(), D = {};
-        E && (D.mimeType = E), n && (D.bitsPerSecond = n);
-        const O = new MediaRecorder(f, D);
-        O.ondataavailable = (x) => {
-          var U;
-          ((U = x.data) == null ? void 0 : U.size) > 0 && (u.current.push(x.data), i == null || i(x.data));
-        }, O.onstop = () => {
-          const x = new Blob(u.current, {
-            type: E ?? "video/webm"
+        let T;
+        if (m)
+          T = m, p.current = T;
+        else {
+          if (!y) throw new Error("start(stream) requires a MediaStream.");
+          T = await G(y);
+        }
+        const k = w(), H = {};
+        k && (H.mimeType = k), r && (H.bitsPerSecond = r);
+        const K = new MediaRecorder(T, H);
+        K.ondataavailable = (N) => {
+          var $;
+          (($ = N.data) == null ? void 0 : $.size) > 0 && (M.current.push(N.data), a == null || a(N.data));
+        }, K.onstop = () => {
+          const N = new Blob(M.current, {
+            type: k ?? "video/webm"
           });
-          w(x), c == null || c(x), u.current = [];
-        }, a.current = O, O.start(T), m(!0), M(!1);
-      } catch (f) {
-        console.error("start(stream) failed", f), S(f instanceof Error ? f : new Error(String(f)));
+          b(N), n == null || n(N), h == null || h(N), M.current = [], f(q("complete"));
+        }, u.current = K, K.start(C), f(q("started")), i == null || i();
+      } catch (T) {
+        const k = T instanceof Error ? T : new Error(String(T));
+        console.error("start(stream) failed", k), A(k), f(q("fail")), d == null || d(k);
       }
     },
-    [L, d, n, i, c, o]
-  ), _ = F(() => {
-    const h = a.current;
-    h && h.state !== "inactive" && h.stop(), m(!1), M(!1);
-  }, []), z = F(() => {
-    const h = a.current;
-    (h == null ? void 0 : h.state) === "recording" && (h.pause(), M(!0));
-  }, []), B = F(() => {
-    const h = a.current;
-    (h == null ? void 0 : h.state) === "paused" && (h.resume(), M(!1));
-  }, []), A = F(() => {
-    var h, T;
+    [
+      G,
+      w,
+      r,
+      a,
+      n,
+      h,
+      i,
+      d,
+      m
+    ]
+  ), Q = R(() => {
+    const y = u.current;
+    !y || y.state === "inactive" || (f(q("stop")), y.stop(), l == null || l());
+  }, [l]), J = R(() => {
+    const y = u.current;
+    (y == null ? void 0 : y.state) === "recording" && (y.pause(), f(q("pause")), c == null || c());
+  }, [c]), ee = R(() => {
+    const y = u.current;
+    (y == null ? void 0 : y.state) === "paused" && (y.resume(), f(q("resume")), o == null || o());
+  }, [o]), z = R(() => {
+    var y;
     try {
-      (h = a.current) == null || h.stop(), a.current = null, (T = s.current) == null || T.getTracks().forEach((f) => f.stop()), s.current = null, w(null), m(!1), M(!1), u.current = [], S(null);
-    } catch (f) {
-      console.error("clear failed", f);
+      u.current && (u.current.onstop = null, u.current.state !== "inactive" && u.current.stop()), u.current = null, (y = p.current) == null || y.getTracks().forEach((C) => C.stop()), p.current = null, b(null), f(q("clear")), M.current = [], A(null);
+    } catch (C) {
+      console.error("clear failed", C);
     }
   }, []);
-  return k(() => () => A(), []), {
-    start: N,
-    stop: _,
-    pause: z,
-    resume: B,
-    clear: A,
-    isRecording: g,
-    isPaused: l,
-    recordedBlob: v,
-    error: b,
-    getActiveStream: () => s.current
+  return _(() => () => z(), []), {
+    status: E,
+    start: Y,
+    stop: Q,
+    pause: J,
+    resume: ee,
+    clear: z,
+    isRecording: E === "recording" || E === "paused",
+    isPaused: E === "paused",
+    recordedBlob: S,
+    error: X,
+    getActiveStream: () => p.current
   };
 }
-const Ge = (r, e) => {
-  const t = r.split(","), n = t[0].match(/:(.*?);/), i = n ? n[1] : "application/octet-stream", c = atob(t[t.length - 1]);
-  let o = c.length;
-  const a = new Uint8Array(o);
-  for (; o--; )
-    a[o] = c.charCodeAt(o);
-  return new File([a], e, { type: i });
-}, be = 4, Se = 50, xe = 5e3, j = (r) => new Promise((e) => {
-  if (r.readyState >= 4) {
-    e();
+const At = async (e, t = {}) => {
+  var s, r, a;
+  (s = t.onCaptureStart) == null || s.call(t), await Promise.resolve();
+  try {
+    const n = e();
+    return (r = t.onCaptureComplete) == null || r.call(t, n), n;
+  } catch (n) {
+    const i = n instanceof Error ? n : new Error(String(n));
+    throw (a = t.onError) == null || a.call(t, i), i;
+  }
+}, ys = (e = {}) => {
+  const { session: t } = Ie(), {
+    captureFrame: s = t.captureFrame,
+    onCaptureStart: r,
+    onCaptureComplete: a,
+    onError: n
+  } = e, [i, c] = x("idle"), [o, l] = x(null), [h, d] = x(null), m = R(async () => {
+    c("capturing"), l(null), d(null);
+    try {
+      const p = await At(s, {
+        onCaptureStart: r,
+        onCaptureComplete: a,
+        onError: n
+      });
+      return l(p), c("completed"), p;
+    } catch (p) {
+      const M = p instanceof Error ? p : new Error(String(p));
+      return d(M), c("error"), null;
+    }
+  }, [s, r, a, n]), u = R(() => {
+    c("idle"), l(null), d(null);
+  }, []);
+  return { status: i, capturePhoto: m, clear: u, dataUrl: o, error: h };
+}, Ms = (e, t) => {
+  const s = e.split(","), r = s[0].match(/:(.*?);/), a = r ? r[1] : "application/octet-stream", n = atob(s[s.length - 1]);
+  let i = n.length;
+  const c = new Uint8Array(i);
+  for (; i--; )
+    c[i] = n.charCodeAt(i);
+  return new File([c], t, { type: a });
+}, Ft = 4, Ct = 50, vt = 5e3, se = (e) => Math.min(1, Math.max(0, e)), Me = (e) => new Promise((t) => {
+  if (e.readyState >= 4) {
+    t();
     return;
   }
-  let t = !1;
-  const n = () => {
-    t || (t = !0, e());
+  let s = !1;
+  const r = () => {
+    s || (s = !0, t());
   };
-  r.addEventListener("canplaythrough", n, { once: !0 }), r.addEventListener("error", n, { once: !0 }), setTimeout(n, xe);
-}), V = (r, e) => {
-  const t = document.createElement("audio");
-  return t.src = r, t.loop = e, t.preload = "auto", t.setAttribute("playsinline", ""), t.setAttribute("webkit-playsinline", ""), t.load(), t;
-}, Ce = (r) => {
-  r.muted = !0, r.play().then(() => {
-    r.pause(), r.currentTime = 0, r.muted = !1;
+  e.addEventListener("canplaythrough", r, { once: !0 }), e.addEventListener("error", r, { once: !0 }), setTimeout(r, vt);
+}), Te = (e, t) => {
+  const s = document.createElement("audio");
+  return s.src = e, s.loop = t, s.preload = "auto", s.setAttribute("playsinline", ""), s.setAttribute("webkit-playsinline", ""), s.load(), s;
+}, kt = (e) => {
+  e.muted = !0, e.play().then(() => {
+    e.pause(), e.currentTime = 0, e.muted = !1;
   }).catch(() => {
-    r.muted = !1;
+    e.muted = !1;
   });
 };
-class Ee {
-  constructor(e = {}) {
-    R(this, "sfxPoolSize");
-    R(this, "coalesceMs");
-    R(this, "muted", !0);
-    R(this, "listeners", /* @__PURE__ */ new Set());
-    R(this, "music", null);
-    R(this, "musicWanted", null);
-    R(this, "pools", /* @__PURE__ */ new Map());
+class _t {
+  constructor(t = {}) {
+    U(this, "sfxPoolSize");
+    U(this, "coalesceMs");
+    U(this, "muted", !0);
+    U(this, "listeners", /* @__PURE__ */ new Set());
+    U(this, "music", null);
+    U(this, "musicUrl", null);
+    U(this, "musicReady", null);
+    U(this, "musicWanted", null);
+    U(this, "pools", /* @__PURE__ */ new Map());
     /** Last play time per SFX URL, for the coalesce window. */
-    R(this, "lastPlayed", /* @__PURE__ */ new Map());
+    U(this, "lastPlayed", /* @__PURE__ */ new Map());
     /** Readiness promises so a loading gate can await decode/buffer. */
-    R(this, "ready", /* @__PURE__ */ new Map());
-    this.sfxPoolSize = e.sfxPoolSize ?? be, this.coalesceMs = e.coalesceMs ?? Se;
+    U(this, "ready", /* @__PURE__ */ new Map());
+    this.sfxPoolSize = t.sfxPoolSize ?? Ft, this.coalesceMs = t.coalesceMs ?? Ct;
   }
   /**
    * Create + buffer the looping music element. Await in the loading gate so the
    * unmute tap is instant. Idempotent per URL (re-requesting the same track is
    * a no-op that returns the in-flight promise).
    */
-  prefetchMusic(e, t = 0.4) {
-    this.musicWanted = { url: e, volume: t };
-    const n = `music:${e}`, i = this.ready.get(n);
-    if (i) return i;
-    this.music = V(e, !0), this.music.volume = t;
-    const c = j(this.music);
-    return this.ready.set(n, c), c;
+  prefetchMusic(t, s = 0.4) {
+    const r = se(s);
+    if (this.musicWanted = { url: t, volume: r }, this.musicUrl === t && this.musicReady)
+      return this.music && (this.music.volume = r), this.musicReady;
+    this.music && (this.music.pause(), this.music.currentTime = 0, this.music.removeAttribute("src"), this.music.load()), this.music = Te(t, !0), this.musicUrl = t, this.music.volume = r;
+    const a = Me(this.music);
+    return this.musicReady = a, a;
   }
   /**
    * Create + buffer an SFX voice pool (round-robin so overlapping plays don't
    * cut each other off). Returns a promise that resolves when the first element
    * buffers. Idempotent per URL.
    */
-  registerSound(e, t = 1) {
-    const n = this.ready.get(e);
-    if (n) return n;
-    const i = [];
-    for (let o = 0; o < this.sfxPoolSize; o += 1) {
-      const a = V(e, !1);
-      a.volume = t, a.addEventListener("ended", () => {
-        a.currentTime = 0;
-      }), i.push(a);
+  registerSound(t, s = 1) {
+    const r = this.ready.get(t);
+    if (r) return r;
+    const a = se(s), n = [];
+    for (let c = 0; c < this.sfxPoolSize; c += 1) {
+      const o = Te(t, !1);
+      o.volume = a, o.addEventListener("ended", () => {
+        o.currentTime = 0;
+      }), n.push(o);
     }
-    this.pools.set(e, { els: i, next: 0, volume: t });
-    const c = j(i[0]);
-    return this.ready.set(e, c), c;
+    this.pools.set(t, { els: n, next: 0, volume: a });
+    const i = Me(n[0]);
+    return this.ready.set(t, i), i;
   }
   /** Subscribe to mute-state changes (for a toggle UI). Fires immediately with
    *  the current state. Returns an unsubscribe. */
-  onMuteChange(e) {
-    return this.listeners.add(e), e(this.muted), () => this.listeners.delete(e);
+  onMuteChange(t) {
+    return this.listeners.add(t), t(this.muted), () => this.listeners.delete(t);
   }
   isMuted() {
     return this.muted;
@@ -533,8 +542,8 @@ class Ee {
    * element with a muted play/pause so later `playOneShot` calls are allowed,
    * then start the music. All elements are already buffered, so this is instant.
    */
-  setMuted(e) {
-    e !== this.muted && (this.muted = e, this.muted || this.pools.forEach((t) => t.els.forEach(Ce)), this.applyMusic(), this.listeners.forEach((t) => t(this.muted)));
+  setMuted(t) {
+    t !== this.muted && (this.muted = t, this.muted || this.pools.forEach((s) => s.els.forEach(kt)), this.applyMusic(), this.listeners.forEach((s) => s(this.muted)));
   }
   toggleMuted() {
     this.setMuted(!this.muted);
@@ -545,29 +554,30 @@ class Ee {
    * same sound into one play, and does NO synchronous `currentTime` seek on a
    * ready element (the pool rewinds on `ended`, off the hot path).
    */
-  playOneShot(e, t) {
+  playOneShot(t, s) {
     if (this.muted) return;
-    const n = this.pools.get(e);
-    if (!n) return;
-    const i = performance.now();
-    if (i - (this.lastPlayed.get(e) ?? -1 / 0) < this.coalesceMs) return;
-    this.lastPlayed.set(e, i);
-    const c = n.els.length;
-    let o;
-    for (let a = 0; a < c; a += 1) {
-      const s = n.els[(n.next + a) % c];
-      if (s.paused) {
-        o = s, n.next = (n.next + a + 1) % c;
+    const r = this.pools.get(t);
+    if (!r) return;
+    const a = performance.now();
+    if (a - (this.lastPlayed.get(t) ?? -1 / 0) < this.coalesceMs) return;
+    this.lastPlayed.set(t, a);
+    const n = r.els.length;
+    let i;
+    for (let c = 0; c < n; c += 1) {
+      const o = r.els[(r.next + c) % n];
+      if (o.paused) {
+        i = o, r.next = (r.next + c + 1) % n;
         break;
       }
     }
-    o || (o = n.els[n.next], n.next = (n.next + 1) % c), o.muted = !1, o.volume = t ?? n.volume, o.currentTime !== 0 && (o.currentTime = 0), o.play().catch(() => {
+    i || (i = r.els[r.next], r.next = (r.next + 1) % n), i.muted = !1, i.volume = se(s ?? r.volume), i.currentTime !== 0 && (i.currentTime = 0), i.play().catch(() => {
     });
   }
   /** Request the looping background track (buffer it with prefetchMusic, which
    *  a loading gate awaits). Remembered while muted; starts on unmute. */
-  startMusic(e, t = 0.4) {
-    this.musicWanted = { url: e, volume: t }, this.applyMusic();
+  startMusic(t, s = 0.4) {
+    const r = se(s);
+    this.musicUrl !== t && this.prefetchMusic(t, r), this.musicWanted = { url: t, volume: r }, this.applyMusic();
   }
   stopMusic() {
     this.musicWanted = null, this.music && (this.music.pause(), this.music.currentTime = 0);
@@ -577,36 +587,857 @@ class Ee {
     }), this.muted && !this.music.paused && this.music.pause());
   }
 }
-const C = new Ee(), Xe = (r, e) => C.prefetchMusic(r, e), qe = (r, e) => C.registerSound(r, e), He = (r, e) => C.startMusic(r, e), Ze = () => C.stopMusic(), je = (r, e) => C.playOneShot(r, e), Ve = (r) => C.setMuted(r), Ye = () => C.toggleMuted(), Ke = () => C.isMuted(), Je = (r) => C.onMuteChange(r), Qe = () => {
-  const [r, e] = W(C.isMuted());
-  return k(() => C.onMuteChange(e), []), r;
+const xt = (e, t, s) => e === "infinite" || e === "loop" && t < Math.max(1, Math.floor(s)) ? "replay" : "ended", wt = (e, t, s) => e && t !== s, Ut = (e) => Math.min(100, Math.max(0, e)) / 100, Ts = He(function({
+  src: t,
+  playMode: s = "once",
+  loopCount: r = 1,
+  autoplay: a = !1,
+  muted: n = !1,
+  volume: i = 100,
+  preload: c = "auto",
+  onReady: o,
+  onPlay: l,
+  onPause: h,
+  onEnded: d,
+  onError: m
+}, u) {
+  const p = F(null), M = F(0), E = F(null), f = R(async () => {
+    const A = p.current;
+    if (A)
+      try {
+        await A.play();
+      } catch (w) {
+        const G = w instanceof Error ? w : new Error(String(w));
+        throw m == null || m(G), G;
+      }
+  }, [m]), S = R(() => {
+    var A;
+    return (A = p.current) == null ? void 0 : A.pause();
+  }, []), b = R(() => {
+    const A = p.current;
+    A && (A.pause(), A.currentTime = 0, M.current = 0);
+  }, []);
+  ze(
+    u,
+    () => ({
+      play: f,
+      pause: S,
+      stop: b,
+      get current() {
+        return p.current;
+      }
+    }),
+    [S, f, b]
+  ), _(() => {
+    M.current = 0, E.current = null;
+  }, [t]), _(() => {
+    p.current && (p.current.volume = Ut(i));
+  }, [i]), _(() => {
+    wt(a, E.current, t) && (E.current = t, f().catch(() => {
+    }));
+  }, [a, t]);
+  const X = R(() => {
+    M.current += 1;
+    const A = Math.max(1, Math.floor(r));
+    if (xt(s, M.current, A) === "replay") {
+      const w = p.current;
+      w && (w.currentTime = 0, f().catch(() => {
+      }));
+      return;
+    }
+    M.current = 0, d == null || d();
+  }, [r, d, f, s]);
+  return /* @__PURE__ */ g(
+    "audio",
+    {
+      ref: p,
+      src: t,
+      preload: c,
+      autoPlay: !1,
+      muted: n,
+      loop: !1,
+      playsInline: !0,
+      style: { display: "none" },
+      onCanPlayThrough: o,
+      onPlay: l,
+      onPause: h,
+      onEnded: X,
+      onError: () => m == null ? void 0 : m(new Error(`Unable to load audio: ${t}`))
+    }
+  );
+}), D = new _t(), Es = (e, t) => D.prefetchMusic(e, t), Rs = (e, t) => D.registerSound(e, t), bs = (e, t) => D.startMusic(e, t), As = () => D.stopMusic(), Fs = (e, t) => D.playOneShot(e, t), Cs = (e) => D.setMuted(e), vs = () => D.toggleMuted(), ks = () => D.isMuted(), _s = (e) => D.onMuteChange(e), xs = () => {
+  const [e, t] = x(D.isMuted());
+  return _(() => D.onMuteChange(t), []), e;
+}, Pt = (e = {}) => {
+  const { auto: t = !1 } = e, s = F(e.env ?? Le()), r = F(e.constraints);
+  r.current = e.constraints;
+  const [a, n] = x("unknown"), [i, c] = x(null), o = F(0), l = R(async () => {
+    const d = ++o.current, m = await Oe(s.current);
+    if (d !== o.current) return a;
+    const u = m.state === "unknown" ? "unknown" : m.state;
+    return n((p) => p === "requesting" ? p : u), u !== "blocked" && c(null), u;
+  }, []), h = R(
+    async (d) => {
+      const m = ++o.current;
+      n("requesting"), c(null);
+      const u = await Ge(
+        { constraints: (d == null ? void 0 : d.constraints) ?? r.current, keepStream: !1 },
+        s.current
+      );
+      return m !== o.current || (n(u.state), c(u.reason)), u.state;
+    },
+    []
+  );
+  return _(() => {
+    let d = () => {
+    }, m = !0;
+    return t ? h() : l(), qe((u) => {
+      m && (n((p) => p === "requesting" ? p : u.state === "unknown" ? "unknown" : u.state), u.state !== "blocked" && c(null));
+    }, s.current).then((u) => {
+      m ? d = u : u();
+    }), () => {
+      m = !1, o.current += 1, d();
+    };
+  }, [t, l, h]), Z(
+    () => ({
+      state: a,
+      reason: i,
+      canPrompt: Be(a),
+      usable: a === "granted",
+      request: h,
+      refresh: l
+    }),
+    [a, i, h, l]
+  );
+}, Dt = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 12,
+  height: "100%",
+  minHeight: 160,
+  padding: 24,
+  textAlign: "center",
+  background: "#111827",
+  color: "#f9fafb",
+  fontFamily: "system-ui, sans-serif"
+}, Nt = {
+  font: "inherit",
+  padding: "10px 18px",
+  borderRadius: 8,
+  border: "1px solid rgba(255,255,255,0.3)",
+  background: "#2563eb",
+  color: "#fff",
+  cursor: "pointer"
+}, ws = ({
+  children: e,
+  fallback: t,
+  auto: s = !1,
+  constraints: r,
+  requestLabel: a = "Allow camera"
+}) => {
+  const n = Pt({ auto: s, constraints: r });
+  if (n.usable) return /* @__PURE__ */ g(re, { children: e });
+  if (t) return /* @__PURE__ */ g(re, { children: t(n) });
+  const { state: i, reason: c, canPrompt: o, request: l } = n;
+  return /* @__PURE__ */ L("div", { style: Dt, role: "region", "aria-label": "Camera access", children: [
+    /* @__PURE__ */ g("p", { "aria-live": "polite", style: { margin: 0 }, children: (c == null ? void 0 : c.message) ?? We[i] }),
+    /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        onClick: () => void l(),
+        disabled: !o || i === "requesting",
+        "aria-disabled": !o || i === "requesting",
+        style: { ...Nt, opacity: o && i !== "requesting" ? 1 : 0.5 },
+        children: i === "requesting" ? "Waiting…" : i === "denied" ? "Try again" : a
+      }
+    )
+  ] });
+}, It = () => {
+  var e;
+  return {
+    enumerateDevices: typeof navigator < "u" && ((e = navigator.mediaDevices) != null && e.enumerateDevices) ? () => navigator.mediaDevices.enumerateDevices() : void 0
+  };
+}, Lt = /\b(back|rear|environment|world)\b/i, Ot = /\b(front|user|facetime|selfie)\b/i, Gt = (e) => Lt.test(e) ? "environment" : Ot.test(e) ? "user" : null, Us = async (e = It()) => {
+  if (!e.enumerateDevices) return [];
+  try {
+    return (await e.enumerateDevices()).filter((s) => s.kind === "videoinput").map((s) => ({
+      deviceId: s.deviceId,
+      label: s.label,
+      facing: Gt(s.label)
+    }));
+  } catch {
+    return [];
+  }
+}, Ps = (e, t) => e.find((s) => s.facing === t) ?? null, ke = je(null), Ds = ({
+  cache: e,
+  disposeUnreferencedOnUnmount: t = !0,
+  children: s
+}) => {
+  const r = e ?? Ce();
+  return _(() => () => {
+    t && r.disposeUnreferenced();
+  }, [r, t]), /* @__PURE__ */ g(ke.Provider, { value: r, children: s });
+}, _e = () => $e(ke) ?? Ce(), Ns = (e, t = {}) => {
+  const { enabled: s = !0 } = t, r = _e(), a = Ve(), n = (e == null ? void 0 : e.key) ?? null, [i, c] = x({
+    value: null,
+    status: "idle",
+    error: null
+  });
+  return _(() => {
+    if (!e || !s) {
+      c({ value: null, status: "idle", error: null });
+      return;
+    }
+    let o = !0;
+    const l = r.get(e.key);
+    return c({ value: l ?? null, status: l ? "ready" : "loading", error: null }), r.acquire(e, a).then((h) => {
+      o && c({ value: h, status: "ready", error: null });
+    }).catch((h) => {
+      o && c({ value: null, status: "error", error: h });
+    }), () => {
+      o = !1, r.release(e.key, a);
+    };
+  }, [r, n, s, a]), i;
+}, Is = (e) => {
+  const t = _e(), s = e ?? t;
+  return Ze(
+    (r) => s.subscribe(r),
+    () => s.getStats(),
+    () => s.getStats()
+  );
+}, ae = 1, xe = Object.freeze({
+  version: ae,
+  trackers: {
+    face: { enabled: !0, numFaces: 1, targetFps: null, holdMs: 250, predictMs: 0, smoothing: 0 },
+    hand: { enabled: !1, targetFps: null },
+    gesture: { enabled: !1, targetFps: null },
+    body: { enabled: !1, targetFps: null },
+    holistic: {
+      enabled: !1,
+      targetFps: null,
+      hands: "both",
+      holdMs: 250,
+      predictMs: 0,
+      analysisMaxDimension: 768,
+      outputFaceBlendshapes: !0,
+      confidence: 0.5,
+      delegate: "auto"
+    },
+    segmentation: { enabled: !1, quality: "low" },
+    semanticSegmentation: { enabled: !1, preset: "multiclass", quality: "medium" }
+  },
+  perf: { targetFps: 24, camRes: 720, cameraZoom: 1.2, analysisScale: 1 },
+  lifecycle: { pauseWhenHidden: !1 },
+  quality: {},
+  camera: { facingMode: "user", deviceId: null, mirrored: "auto" },
+  fallbacks: { onUnsupported: "degrade", delegate: "auto" },
+  assets: { holisticModelUrl: null, semanticSegmentationModelUrl: null },
+  updatedAt: 0
+}), P = (e, t, s, r, a, n) => {
+  if (e === void 0) return t;
+  if (typeof e != "number" || !Number.isFinite(e))
+    return n(`${a}: not a number, kept ${t}`), t;
+  const i = Math.min(r, Math.max(s, e));
+  return i !== e && n(`${a}: ${e} clamped to ${i}`), i;
+}, j = (e, t, s, r) => e === void 0 ? t : e === null ? null : typeof e != "number" || !Number.isFinite(e) || e <= 0 ? (r(`${s}: invalid fps, kept ${t}`), t) : (e > 120 && r(`${s}: ${e} clamped to 120`), Math.min(120, e)), qt = [
+  "tiers",
+  "budget",
+  "initialTier",
+  "minTier",
+  "maxTier",
+  "adaptive",
+  "historySize"
+], Ee = (e) => {
+  const t = {};
+  for (const s of qt) e[s] !== void 0 && (t[s] = e[s]);
+  return t;
+}, I = (e, t, s, r) => e === void 0 ? t : typeof e != "boolean" ? (r(`${s}: not a boolean, kept ${t}`), t) : e, B = (e, t, s, r, a) => e === void 0 ? s : t.includes(e) ? e : (a(`${r}: "${String(e)}" is not one of ${t.join(" | ")}, kept ${s}`), s), Re = (e, t, s, r) => e === void 0 ? t : e === null ? null : typeof e != "string" || !/^https?:\/\//.test(e) ? (r(`${s}: not an http(s) URL, kept ${t === null ? "the SDK default" : t}`), t) : e, W = (e = {}, t = xe, s = []) => {
+  var c, o, l, h, d, m, u, p, M, E, f, S, b, X, A, w, G, Y, Q, J, ee, z, y, C, T, k, H, K, N, $, le, ue, de, me, pe, fe, he, ge;
+  const r = (Pe) => s.push(Pe), a = e.trackers ?? {}, n = t.trackers, i = e.quality === void 0 ? t.quality === !1 ? !1 : Ee(t.quality) : e.quality === !1 ? !1 : typeof e.quality == "object" && e.quality !== null ? Ee(e.quality) : (r("quality: must be an object or false, kept base"), t.quality);
+  return {
+    version: ae,
+    trackers: {
+      face: {
+        enabled: I((c = a.face) == null ? void 0 : c.enabled, n.face.enabled, "trackers.face.enabled", r),
+        numFaces: Math.round(
+          P((o = a.face) == null ? void 0 : o.numFaces, n.face.numFaces, 1, 10, "trackers.face.numFaces", r)
+        ),
+        targetFps: j((l = a.face) == null ? void 0 : l.targetFps, n.face.targetFps, "trackers.face.targetFps", r),
+        holdMs: P((h = a.face) == null ? void 0 : h.holdMs, n.face.holdMs, 0, 5e3, "trackers.face.holdMs", r),
+        predictMs: P(
+          (d = a.face) == null ? void 0 : d.predictMs,
+          n.face.predictMs,
+          0,
+          1e3,
+          "trackers.face.predictMs",
+          r
+        ),
+        smoothing: P(
+          (m = a.face) == null ? void 0 : m.smoothing,
+          n.face.smoothing,
+          0,
+          100,
+          "trackers.face.smoothing",
+          r
+        )
+      },
+      hand: {
+        enabled: I((u = a.hand) == null ? void 0 : u.enabled, n.hand.enabled, "trackers.hand.enabled", r),
+        targetFps: j((p = a.hand) == null ? void 0 : p.targetFps, n.hand.targetFps, "trackers.hand.targetFps", r)
+      },
+      gesture: {
+        enabled: I((M = a.gesture) == null ? void 0 : M.enabled, n.gesture.enabled, "trackers.gesture.enabled", r),
+        targetFps: j(
+          (E = a.gesture) == null ? void 0 : E.targetFps,
+          n.gesture.targetFps,
+          "trackers.gesture.targetFps",
+          r
+        )
+      },
+      body: {
+        enabled: I((f = a.body) == null ? void 0 : f.enabled, n.body.enabled, "trackers.body.enabled", r),
+        targetFps: j((S = a.body) == null ? void 0 : S.targetFps, n.body.targetFps, "trackers.body.targetFps", r)
+      },
+      holistic: {
+        enabled: I((b = a.holistic) == null ? void 0 : b.enabled, n.holistic.enabled, "trackers.holistic.enabled", r),
+        targetFps: j(
+          (X = a.holistic) == null ? void 0 : X.targetFps,
+          n.holistic.targetFps,
+          "trackers.holistic.targetFps",
+          r
+        ),
+        hands: B(
+          (A = a.holistic) == null ? void 0 : A.hands,
+          ["both", "left", "right", "none"],
+          n.holistic.hands,
+          "trackers.holistic.hands",
+          r
+        ),
+        holdMs: P(
+          (w = a.holistic) == null ? void 0 : w.holdMs,
+          n.holistic.holdMs,
+          0,
+          5e3,
+          "trackers.holistic.holdMs",
+          r
+        ),
+        predictMs: P(
+          (G = a.holistic) == null ? void 0 : G.predictMs,
+          n.holistic.predictMs,
+          0,
+          1e3,
+          "trackers.holistic.predictMs",
+          r
+        ),
+        analysisMaxDimension: Math.round(
+          P(
+            (Y = a.holistic) == null ? void 0 : Y.analysisMaxDimension,
+            n.holistic.analysisMaxDimension,
+            128,
+            2048,
+            "trackers.holistic.analysisMaxDimension",
+            r
+          )
+        ),
+        outputFaceBlendshapes: I(
+          (Q = a.holistic) == null ? void 0 : Q.outputFaceBlendshapes,
+          n.holistic.outputFaceBlendshapes,
+          "trackers.holistic.outputFaceBlendshapes",
+          r
+        ),
+        confidence: P(
+          (J = a.holistic) == null ? void 0 : J.confidence,
+          n.holistic.confidence,
+          0,
+          1,
+          "trackers.holistic.confidence",
+          r
+        ),
+        delegate: B(
+          (ee = a.holistic) == null ? void 0 : ee.delegate,
+          ["auto", "GPU", "CPU"],
+          n.holistic.delegate,
+          "trackers.holistic.delegate",
+          r
+        )
+      },
+      segmentation: {
+        enabled: I(
+          (z = a.segmentation) == null ? void 0 : z.enabled,
+          n.segmentation.enabled,
+          "trackers.segmentation.enabled",
+          r
+        ),
+        quality: B(
+          (y = a.segmentation) == null ? void 0 : y.quality,
+          ["low", "medium", "high"],
+          n.segmentation.quality,
+          "trackers.segmentation.quality",
+          r
+        )
+      },
+      semanticSegmentation: {
+        enabled: I(
+          (C = a.semanticSegmentation) == null ? void 0 : C.enabled,
+          n.semanticSegmentation.enabled,
+          "trackers.semanticSegmentation.enabled",
+          r
+        ),
+        preset: B(
+          (T = a.semanticSegmentation) == null ? void 0 : T.preset,
+          pt,
+          n.semanticSegmentation.preset,
+          "trackers.semanticSegmentation.preset",
+          r
+        ),
+        quality: B(
+          (k = a.semanticSegmentation) == null ? void 0 : k.quality,
+          ["low", "medium", "high"],
+          n.semanticSegmentation.quality,
+          "trackers.semanticSegmentation.quality",
+          r
+        )
+      }
+    },
+    perf: {
+      targetFps: P((H = e.perf) == null ? void 0 : H.targetFps, t.perf.targetFps, 0, 120, "perf.targetFps", r),
+      camRes: Math.round(P((K = e.perf) == null ? void 0 : K.camRes, t.perf.camRes, 160, 3840, "perf.camRes", r)),
+      cameraZoom: P((N = e.perf) == null ? void 0 : N.cameraZoom, t.perf.cameraZoom, 1, 3, "perf.cameraZoom", r),
+      analysisScale: P(
+        ($ = e.perf) == null ? void 0 : $.analysisScale,
+        t.perf.analysisScale,
+        0.25,
+        1,
+        "perf.analysisScale",
+        r
+      )
+    },
+    lifecycle: {
+      pauseWhenHidden: I(
+        (le = e.lifecycle) == null ? void 0 : le.pauseWhenHidden,
+        t.lifecycle.pauseWhenHidden,
+        "lifecycle.pauseWhenHidden",
+        r
+      )
+    },
+    quality: i,
+    camera: {
+      facingMode: B(
+        (ue = e.camera) == null ? void 0 : ue.facingMode,
+        ["user", "environment"],
+        t.camera.facingMode,
+        "camera.facingMode",
+        r
+      ),
+      deviceId: ((de = e.camera) == null ? void 0 : de.deviceId) === void 0 ? t.camera.deviceId : typeof e.camera.deviceId == "string" || e.camera.deviceId === null ? e.camera.deviceId : (r("camera.deviceId: not a string, kept base"), t.camera.deviceId),
+      mirrored: ((me = e.camera) == null ? void 0 : me.mirrored) === void 0 ? t.camera.mirrored : e.camera.mirrored === "auto" || typeof e.camera.mirrored == "boolean" ? e.camera.mirrored : (r('camera.mirrored: must be boolean or "auto", kept base'), t.camera.mirrored)
+    },
+    fallbacks: {
+      onUnsupported: B(
+        (pe = e.fallbacks) == null ? void 0 : pe.onUnsupported,
+        ["block", "degrade"],
+        t.fallbacks.onUnsupported,
+        "fallbacks.onUnsupported",
+        r
+      ),
+      delegate: B(
+        (fe = e.fallbacks) == null ? void 0 : fe.delegate,
+        ["auto", "GPU", "CPU"],
+        t.fallbacks.delegate,
+        "fallbacks.delegate",
+        r
+      )
+    },
+    assets: {
+      holisticModelUrl: Re(
+        (he = e.assets) == null ? void 0 : he.holisticModelUrl,
+        t.assets.holisticModelUrl,
+        "assets.holisticModelUrl",
+        r
+      ),
+      semanticSegmentationModelUrl: Re(
+        (ge = e.assets) == null ? void 0 : ge.semanticSegmentationModelUrl,
+        t.assets.semanticSegmentationModelUrl,
+        "assets.semanticSegmentationModelUrl",
+        r
+      )
+    },
+    updatedAt: typeof e.updatedAt == "number" && Number.isFinite(e.updatedAt) ? e.updatedAt : t.updatedAt
+  };
+}, be = (e, t, s = Date.now()) => W({ ...t, updatedAt: s }, e), we = (e) => JSON.stringify(W({}, e)), Ue = (e) => {
+  const t = [];
+  let s = e;
+  if (typeof e == "string")
+    try {
+      s = JSON.parse(e);
+    } catch {
+      return {
+        config: W(),
+        migrated: !0,
+        warnings: ["not valid JSON; defaults used"]
+      };
+    }
+  if (!s || typeof s != "object")
+    return {
+      config: W(),
+      migrated: !0,
+      warnings: ["not an object; defaults used"]
+    };
+  const r = s, a = r.version !== ae;
+  return a && t.push(
+    `migrated from version ${String(r.version ?? "none")} to ${ae}`
+  ), { config: W(r, xe, t), migrated: a, warnings: t };
+}, Ls = [
+  "face",
+  "hand",
+  "gesture",
+  "body",
+  "holistic",
+  "segmentation",
+  "semanticSegmentation"
+], Bt = (e) => ({
+  perf: {
+    targetFps: e.perf.targetFps > 0 ? e.perf.targetFps : void 0,
+    camRes: e.perf.camRes,
+    cameraZoom: e.perf.cameraZoom,
+    analysisScale: e.perf.analysisScale
+  },
+  lifecycle: { pauseWhenHidden: e.lifecycle.pauseWhenHidden },
+  quality: e.quality
+}), Wt = (e) => ({
+  facingMode: e.camera.facingMode,
+  ...e.camera.deviceId ? { deviceId: e.camera.deviceId } : {},
+  ...e.camera.mirrored === "auto" ? {} : { mirrored: e.camera.mirrored }
+}), O = (e) => e === null ? {} : { targetFps: e }, Kt = (e, t) => {
+  const s = e.trackers;
+  return {
+    face: {
+      numFaces: s.face.numFaces,
+      ...O(s.face.targetFps),
+      holdMs: s.face.holdMs,
+      predictMs: s.face.predictMs,
+      active: s.face.enabled
+    },
+    hand: { ...O(s.hand.targetFps), active: s.hand.enabled },
+    gesture: { ...O(s.gesture.targetFps), active: s.gesture.enabled },
+    body: { active: s.body.enabled },
+    holistic: {
+      ...O(s.holistic.targetFps),
+      hands: s.holistic.hands,
+      holdMs: s.holistic.holdMs,
+      predictMs: s.holistic.predictMs,
+      analysisMaxDimension: s.holistic.analysisMaxDimension,
+      outputFaceBlendshapes: s.holistic.outputFaceBlendshapes,
+      delegate: s.holistic.delegate === "auto" ? e.fallbacks.delegate : s.holistic.delegate,
+      ...e.assets.holisticModelUrl ? { modelUrl: e.assets.holisticModelUrl } : {},
+      active: s.holistic.enabled
+    },
+    segmentation: { quality: s.segmentation.quality, active: s.segmentation.enabled },
+    semanticSegmentation: {
+      preset: s.semanticSegmentation.preset,
+      quality: s.semanticSegmentation.quality,
+      ...e.assets.semanticSegmentationModelUrl ? { modelUrl: e.assets.semanticSegmentationModelUrl } : {},
+      active: s.semanticSegmentation.enabled
+    }
+  }[t];
+}, Xt = (e, t) => {
+  const s = e.trackers;
+  switch (t) {
+    case v.FACE_TRACKER:
+      return { numFaces: s.face.numFaces, ...O(s.face.targetFps) };
+    case v.HAND_TRACKER:
+      return { ...O(s.hand.targetFps) };
+    case v.GESTURE_TRACKER:
+      return { ...O(s.gesture.targetFps) };
+    case v.BODY_TRACKER:
+      return { ...O(s.body.targetFps) };
+    case v.HOLISTIC_TRACKER: {
+      const r = s.holistic;
+      return {
+        ...O(r.targetFps),
+        hands: r.hands,
+        holdMs: r.holdMs,
+        predictMs: r.predictMs,
+        analysisMaxDimension: r.analysisMaxDimension,
+        outputFaceBlendshapes: r.outputFaceBlendshapes,
+        minFaceDetectionConfidence: r.confidence,
+        minFacePresenceConfidence: r.confidence,
+        minPoseDetectionConfidence: r.confidence,
+        minPosePresenceConfidence: r.confidence,
+        minHandLandmarksConfidence: r.confidence,
+        delegate: r.delegate === "auto" ? e.fallbacks.delegate : r.delegate,
+        ...e.assets.holisticModelUrl ? { modelUrl: e.assets.holisticModelUrl } : {}
+      };
+    }
+    case v.BACKGROUND_SEGMENTATION:
+      return { quality: s.segmentation.quality };
+    case v.SEMANTIC_SEGMENTATION:
+      return {
+        preset: s.semanticSegmentation.preset,
+        quality: s.semanticSegmentation.quality,
+        ...e.assets.semanticSegmentationModelUrl ? { modelUrl: e.assets.semanticSegmentationModelUrl } : {}
+      };
+    default:
+      return {};
+  }
+}, Ht = (e) => {
+  const t = e.trackers, s = [];
+  return t.face.enabled && s.push(v.FACE_TRACKER), t.hand.enabled && s.push(v.HAND_TRACKER), t.gesture.enabled && s.push(v.GESTURE_TRACKER), t.body.enabled && s.push(v.BODY_TRACKER), t.holistic.enabled && s.push(v.HOLISTIC_TRACKER), t.segmentation.enabled && s.push(v.BACKGROUND_SEGMENTATION), t.semanticSegmentation.enabled && s.push(v.SEMANTIC_SEGMENTATION), s;
+}, ne = "vincentt.xr.tracking-config", ce = () => {
+  try {
+    return typeof localStorage < "u" ? localStorage : null;
+  } catch {
+    return null;
+  }
+}, zt = (e = ne, t = ce()) => {
+  if (!t) return null;
+  try {
+    const s = t.getItem(e);
+    return s ? Ue(s) : null;
+  } catch {
+    return null;
+  }
+}, Ae = (e, t = ne, s = ce()) => {
+  if (!s) return !1;
+  try {
+    return s.setItem(t, we(e)), !0;
+  } catch {
+    return !1;
+  }
+}, $t = (e = ne, t = ce()) => {
+  if (t)
+    try {
+      t.removeItem(e);
+    } catch {
+    }
+}, Os = (e = {}) => {
+  const { storageKey: t = ne, persist: s = !0 } = e, r = e.storage, a = F(e.initial), n = Z(() => W(a.current ?? {}), []), [i, c] = x(n), [o, l] = x([]), [h, d] = x(!s), m = F(i);
+  m.current = i, _(() => {
+    if (!s) {
+      d(!0);
+      return;
+    }
+    const f = zt(t, r);
+    if (f) {
+      const S = W(f.config, n);
+      m.current = S, c(S), l(f.warnings), f.migrated && Ae(S, t, r);
+    }
+    d(!0);
+  }, [s, t, r, n]);
+  const u = R(
+    (f, S) => (m.current = f, c(f), l(S), s && Ae(f, t, r), f),
+    [s, t, r]
+  ), p = R(
+    (f) => {
+      const S = [], b = W({ ...f, updatedAt: Date.now() }, m.current, S);
+      return u(b, S);
+    },
+    [u]
+  ), M = R(() => {
+    const f = be(n, {}, 0);
+    return m.current = f, c(f), l([]), s && $t(t, r), f;
+  }, [n, s, t, r]), E = R(
+    (f) => {
+      const S = Ue(f);
+      return S.warnings.some((b) => b.startsWith("not valid JSON") || b.startsWith("not an object")) ? (l([`import: ${S.warnings[0]}; config unchanged`]), m.current) : u(be(S.config, {}, Date.now()), S.warnings);
+    },
+    [u]
+  );
+  return Z(
+    () => ({
+      config: i,
+      hydrated: h,
+      warnings: o,
+      update: p,
+      reset: M,
+      importJson: E,
+      json: we(i),
+      providerProps: Bt(i),
+      cameraRequest: Wt(i),
+      trackerProps: (f) => Kt(i, f),
+      modelOptions: (f) => Xt(i, f),
+      enabledModels: Ht(i)
+    }),
+    [i, h, o, p, M, E]
+  );
 };
 export {
-  Ae as AspectRatioContainer,
-  Ee as AudioEngine,
-  _e as Panel,
-  ze as ScreenSpaceUI,
-  ie as ScreenTransform,
-  Be as SpriteAnimation,
-  Ie as TextLabel,
-  Ne as VideoBackground,
-  rt as XRMediaSource,
-  re as XRModel,
-  nt as XRProvider,
-  it as XRScene,
-  C as audio,
-  pe as computeContainScale,
-  Ge as dataURLtoFile,
-  Ke as isMuted,
-  Je as onMuteChange,
-  je as playOneShot,
-  Xe as prefetchMusic,
-  qe as registerSound,
-  Ve as setMuted,
-  He as startMusic,
-  Ze as stopMusic,
-  Ye as toggleMuted,
-  $e as useMediaRecorder,
-  Qe as useMuted,
-  oe as useScreenRectAspect
+  fs as AspectRatioContainer,
+  _t as AudioEngine,
+  Ts as AudioPlayer,
+  hs as Axes,
+  We as CAMERA_PERMISSION_MESSAGES,
+  ws as CameraPermissionGate,
+  Ka as DEFAULT_ASSET_BUDGET_BYTES,
+  Ea as DEFAULT_MATERIAL_FILL,
+  Da as DEFAULT_MESH_RENDERER,
+  Na as DEFAULT_MESH_RENDERER_RENDER_STATE,
+  Bs as DEFAULT_PERFORMANCE_BUDGET,
+  Ws as DEFAULT_PIXEL_SNAP_INCREMENT,
+  Ks as DEFAULT_QUALITY_TIERS,
+  Xs as DEFAULT_REFERENCE_PIXELS_PER_UNIT,
+  jr as DEFAULT_SCREEN_GLASS,
+  Ra as DEFAULT_SCREEN_GRADIENT,
+  Vr as DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS,
+  Zr as DEFAULT_SCREEN_IMAGE_SETTINGS,
+  Yr as DEFAULT_SCREEN_SHAPE_SETTINGS,
+  Qr as DEFAULT_SCREEN_TEXT_SCENE_SETTINGS,
+  Jr as DEFAULT_SCREEN_TEXT_SHADOW_LAYER,
+  Hs as DEFAULT_SCREEN_TRANSFORM_2D,
+  zs as DEFAULT_SCREEN_TRANSFORM_ROOT,
+  xe as DEFAULT_TRACKING_CONFIG,
+  ba as DEFAULT_TRANSFORM_3D,
+  Aa as EXTERNAL_BACKGROUND_RENDER_LAYER,
+  ct as FULL_SCREEN_ANCHORS,
+  pa as LightObject,
+  fa as LookAt,
+  Fa as MAX_RENDER_GROUP_PASSES,
+  Ca as MaterialFill,
+  Ga as MeshMaterial,
+  Ia as MeshRenderer,
+  ds as Panel,
+  ps as PersonCutout,
+  ea as PinToMesh,
+  ha as RenderGroupLayer,
+  ga as SCREEN_IMAGE_MASK_CHANNELS,
+  Sa as SceneObjectRenderer,
+  ta as ScreenGlassMaterial,
+  va as ScreenGradientMaterial,
+  lt as ScreenImage,
+  sa as ScreenShape,
+  Hr as ScreenSpaceUI,
+  ya as ScreenText,
+  Ke as ScreenTransform,
+  Ma as SequentialRenderPasses,
+  gs as SpriteAnimation,
+  Ls as TRACKER_KINDS,
+  ne as TRACKING_CONFIG_STORAGE_KEY,
+  ae as TRACKING_CONFIG_VERSION,
+  zr as TextLabel,
+  ka as Transform3D,
+  ms as VideoBackground,
+  Xa as XRAssetCache,
+  Ds as XRAssetCacheProvider,
+  $s as XRMediaSource,
+  v as XRModel,
+  js as XRProvider,
+  Vs as XRQualityController,
+  Kr as XRScene,
+  Zs as XR_FALLBACK_MESSAGES,
+  Ys as XR_MODEL_ASSET_URLS,
+  D as audio,
+  Be as canPromptForCamera,
+  $t as clearTrackingConfig,
+  Qs as clientToScreenPixels,
+  ut as computeContainScale,
+  Js as computeFeedCrop,
+  er as computeFitLayout,
+  Ha as createAssetCache,
+  tr as createFallbackReason,
+  _a as createTwoStopGradient,
+  Ms as dataURLtoFile,
+  ja as defineGltfAsset,
+  Va as defineTextureAsset,
+  Za as defineVideoAsset,
+  sr as detectXRCapabilities,
+  Ya as disposeObject3D,
+  la as drawNormalizedCrop,
+  Ht as enabledModels,
+  Qa as estimateGeometryBytes,
+  Ja as estimateObjectBytes,
+  en as estimateTextureBytes,
+  rr as feedSidedName,
+  ar as feedToScreenPixels,
+  nr as feedToSource,
+  ir as feedToTracker,
+  or as feedToViewport,
+  cr as feedToWorld,
+  Ps as findCameraByFacing,
+  Ce as getDefaultAssetCache,
+  xa as getRenderGroupLayer,
+  lr as isFeedPointInSource,
+  ur as isMirroredSourceKind,
+  ks as isMuted,
+  Us as listCameras,
+  zt as loadTrackingConfig,
+  ra as mapScreenImageSettingsToProps,
+  aa as mapScreenTextInnerShadowToProps,
+  na as mapScreenTextSettingsToProps,
+  dr as mediaToScreenPixels,
+  ia as mergeScreenShapeSettings,
+  mr as mergeScreenTransform2D,
+  be as mergeTrackingConfig,
+  pr as mirrorFeedX,
+  La as normalizeMeshRendererRenderState,
+  oa as normalizeScreenGlass,
+  wa as normalizeScreenGradient,
+  fr as normalizedToScreenPixels,
+  _s as onMuteChange,
+  hr as orientSourcePoint,
+  gr as orientedSize,
+  Sr as otherSide,
+  Ue as parseTrackingConfig,
+  yr as personLeftSign,
+  Mr as personSide,
+  Fs as playOneShot,
+  Es as prefetchMusic,
+  Oe as queryCameraPermission,
+  Rs as registerSound,
+  Ua as renderSequentialPasses,
+  Ge as requestCameraAccess,
+  Tr as resolveModelAssetUrl,
+  ua as resolveNormalizedCrop,
+  da as resolvePersonCutoutStatus,
+  Er as resolveQualityConfig,
+  Rr as resolveScreenTransform2D,
+  br as resolveTrackerSupport,
+  W as resolveTrackingConfig,
+  Ae as saveTrackingConfig,
+  Ar as screenPixelsToClient,
+  Fr as screenPixelsToFeed,
+  Cr as screenPixelsToMedia,
+  vr as screenPixelsToNormalized,
+  kr as screenPixelsToScreenSpace,
+  _r as screenPixelsToUnits,
+  xr as screenPointToRay,
+  wr as screenSpaceToScreenPixels,
+  Ur as screenUnitsToPixels,
+  we as serializeTrackingConfig,
+  Cs as setMuted,
+  ot as shouldDrawFallback,
+  V as smoothNumber,
+  ls as smoothVector2,
+  us as smoothVector3,
+  Pr as sourceToFeed,
+  bs as startMusic,
+  As as stopMusic,
+  qe as subscribeCameraPermission,
+  Dr as swapSidedName,
+  Wt as toCameraRequest,
+  Xt as toModelOptions,
+  Bt as toProviderProps,
+  Kt as toTrackerProps,
+  vs as toggleMuted,
+  Nr as trackerPointToScreenPixels,
+  Ir as trackerToFeed,
+  Lr as trackerToWorld,
+  Pt as useCameraPermission,
+  ys as useFrameCapture,
+  Ss as useMediaRecorder,
+  xs as useMuted,
+  it as usePersonMaskTexture,
+  mt as useScreenRectAspect,
+  Ns as useXRAsset,
+  _e as useXRAssetCache,
+  Is as useXRAssetStats,
+  Ba as useXRCapabilities,
+  za as useXRQuality,
+  Os as useXRTrackingConfig,
+  Or as viewportToFeed,
+  Gr as worldToFeed,
+  qr as worldToScreenPixels,
+  Br as worldToTracker
 };