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

package/dist/main.js

@@ -1,523 +1,483 @@
-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,
+var re = Object.defineProperty;
+var ae = (t, e, s) => e in t ? re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var _ = (t, e, s) => ae(t, typeof e != "symbol" ? e + "" : e, s);
+import { X as ne, u as oe } from "./index-JygePOwo.js";
+import { c as yt, d as gt } from "./index-JygePOwo.js";
+import { S as ie } from "./contexts-Bk5zz_VR.js";
+import { X as At } from "./contexts-Bk5zz_VR.js";
+import { c as ce } from "./index-Di70KWuY.js";
+import { L as xt, d as vt, R as Ct, e as Pt, a as Lt, S as Ut, b as Dt, f as Nt, T as bt, g as Ft, m as Ot, n as It, h as Gt, i as kt, j as zt, s as Wt, k as Xt, l as Vt, w as Ht } from "./index-Di70KWuY.js";
+import { jsxs as N, jsx as f, Fragment as q } from "react/jsx-runtime";
+import { useRef as A, useMemo as J, useEffect as U, useState as b, Suspense as ue, useCallback as w, forwardRef as le, useImperativeHandle as de } from "react";
+import * as me from "three";
+import { MathUtils as pe, Vector2 as he, Vector3 as fe, DoubleSide as k, RepeatWrapping as Y, LinearFilter as Z } from "three";
+import { T as jt, U as qt, D as Yt, K as Zt, J as Kt, F as $t, N as Jt, O as Qt, V as es, W as ts, H as ss, M as rs, P as as, S as ns, E as os, B as is, L as cs, Q as us, R as ls, G as ds, X as ms, C as ps, I as hs, Y as fs } from "./renderPasses-CjgG_6kQ.js";
+import { useThree as Ee, useFrame as Se } from "@react-three/fiber";
+import { R as Te } from "./renderLayers-zrK2pv5O.js";
+import { b as Me, c as Re } from "./selectors-Dw3C-gSk.js";
+import { useTexture as ye } from "@react-three/drei";
+import { a as ge } from "./index-CTHeBQOs.js";
+import { D as Ss, b as Ts, M as Ms, n as Rs } from "./index-CTHeBQOs.js";
+import { y as gs, w as ws, A as As, M as _s, S as xs, T as vs, z as Cs, x as Ps } from "./FaceMeshRenderer-6t8OsQhK.js";
+import { d as Us, r as Ds } from "./drawNormalizedCrop-CRdIDyl1.js";
+import { M as bs } from "./index-BgQAX8rs.js";
+const I = (t, e, s, r) => pe.damp(t, e, Math.max(0, s), Math.max(0, r)), Je = (t, e, s, r, a = new he()) => a.set(
+  I(t.x, e.x, s, r),
+  I(t.y, e.y, s, r)
+), Qe = (t, e, s, r, a = new fe()) => a.set(
+  I(t.x, e.x, s, r),
+  I(t.y, e.y, s, r),
+  I(t.z, e.z, s, r)
+), we = "rgba(20,40,110,0.88)", Ae = 24, _e = 512;
+function et({
+  color: t = we,
   borderColor: e,
-  borderWidth: t = 0,
-  borderRadius: n = he,
-  resolution: i = fe,
-  aspect: c = 1,
+  borderWidth: s = 0,
+  borderRadius: r = Ae,
+  resolution: a = _e,
+  aspect: i = 1,
   opacity: o = 1,
-  name: a,
-  overlay: s = !0,
+  name: c,
+  overlay: n = !0,
   position: u,
-  rotation: g,
-  scale: m,
-  visible: l
+  rotation: S,
+  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,
+  const h = A(null), l = A(null), T = J(() => xe({
+    width: Math.round(a * Math.max(i, 0.05)),
+    height: Math.round(a),
+    color: t,
     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);
+    borderWidth: s,
+    borderRadius: r
+  }), [t, e, s, r, a, i]);
+  U(() => () => {
+    T.dispose();
+  }, [T]);
+  const g = A(null), E = A(o);
+  return E.current !== o && (E.current = o, g.current = null, l.current && (l.current.opacity = o)), U(() => {
+    const x = h.current;
+    if (x)
+      return x.userData.setOpacity = (P) => {
+        g.current = P, l.current && (l.current.opacity = P);
       }, () => {
-        delete d.userData.setOpacity;
+        delete x.userData.setOpacity;
       };
-  }, []), /* @__PURE__ */ P(
+  }, []), /* @__PURE__ */ N(
     "mesh",
     {
-      ref: M,
-      name: a,
+      ref: h,
+      name: c,
       position: u,
-      rotation: g,
-      scale: m,
-      visible: l,
+      rotation: S,
+      scale: d,
+      visible: m,
       children: [
-        /* @__PURE__ */ p("planeGeometry", { args: [1, 1] }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f("planeGeometry", { args: [1, 1] }),
+        /* @__PURE__ */ f(
           "meshBasicMaterial",
           {
-            ref: v,
-            map: w,
+            ref: l,
+            map: T,
             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;
-      };
-  }, []), k(() => () => {
-    O.dispose();
-  }, [O]), /* @__PURE__ */ P(
-    "mesh",
-    {
-      ref: f,
-      name: w,
-      position: S,
-      rotation: d,
-      scale: L,
-      visible: N,
-      children: [
-        /* @__PURE__ */ p("planeGeometry", { args: [1, 1] }),
-        /* @__PURE__ */ p(
-          "meshBasicMaterial",
-          {
-            map: O,
-            transparent: !0,
-            opacity: v,
-            depthTest: !b,
-            depthWrite: !b
+            depthTest: !n,
+            depthWrite: !n
           }
         )
       ]
     }
   );
 }
-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 xe(t) {
+  const { width: e, height: s, color: r, borderColor: a, borderWidth: i, borderRadius: o } = t, c = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e, 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 = e, d.height = s, d;
+  })(), n = c.getContext("2d");
+  n.clearRect(0, 0, e, s);
+  const u = Math.min(o, Math.min(e, s) / 2);
+  n.beginPath(), n.moveTo(u, 0), n.lineTo(e - u, 0), n.quadraticCurveTo(e, 0, e, u), n.lineTo(e, s - u), n.quadraticCurveTo(e, s, e - u, s), n.lineTo(u, s), n.quadraticCurveTo(0, s, 0, s - u), n.lineTo(0, u), n.quadraticCurveTo(0, 0, u, 0), n.closePath(), n.fillStyle = r, n.fill(), a && i > 0 && (n.lineWidth = i, n.strokeStyle = a, n.stroke());
+  const S = new me.CanvasTexture(c);
+  return S.needsUpdate = !0, S;
 }
-const Ne = ({
-  segmentationMask: r,
+const tt = ({
+  segmentationMask: t,
   segmentation: e,
-  invert: t = !1,
-  customBackground: n,
-  renderOrder: i = ne.BACKGROUND
+  invert: s = !1,
+  customBackground: r,
+  renderOrder: a = Te.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(() => {
+  const { camera: i, size: o } = Ee(), c = Me(), n = Re(ne.BACKGROUND_SEGMENTATION), u = e ? n == null ? void 0 : n.backgroundSegmentationMask : void 0, S = A(!1);
+  U(() => {
     if (!e) {
-      g.current = !1;
+      S.current = !1;
       return;
     }
-    s === null && !g.current && (console.warn(
+    n === null && !S.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))
+    ), S.current = !0);
+  }, [e, n]);
+  const d = e ? u : t, m = J(() => {
+    if (!i.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 h = i, g = (h.position.z || 5) - -1, E = h.fov * Math.PI / 180, x = 2 * Math.tan(E / 2) * g;
+    return [x * (o.width / o.height), x];
+  }, [i, o]);
+  return c ? /* @__PURE__ */ f("group", { position: [0, 0, -1], children: s ? /* @__PURE__ */ N(q, { children: [
+    /* @__PURE__ */ N("mesh", { position: [0, 0, -0.01], renderOrder: a - 1, children: [
+      /* @__PURE__ */ f("planeGeometry", { args: m }),
+      /* @__PURE__ */ f(
         "meshBasicMaterial",
         {
-          map: a,
+          map: c,
           depthTest: !1,
           depthWrite: !1,
-          toneMapped: !1
+          toneMapped: !1,
+          side: k
         }
       )
     ] }),
-    n && m && /* @__PURE__ */ P("mesh", { position: [0, 0, 0], renderOrder: i, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+    r && d && /* @__PURE__ */ N("mesh", { position: [0, 0, 0], renderOrder: a, children: [
+      /* @__PURE__ */ f("planeGeometry", { args: m }),
+      /* @__PURE__ */ f(
         "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: k
         },
         "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__ */ N(q, { children: [
+    r && d && /* @__PURE__ */ N("mesh", { position: [0, 0, -0.01], renderOrder: a - 1, children: [
+      /* @__PURE__ */ f("planeGeometry", { args: m }),
+      /* @__PURE__ */ f(
         "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: k
         }
       )
     ] }),
-    /* @__PURE__ */ P("mesh", { position: [0, 0, 0], renderOrder: i, children: [
-      /* @__PURE__ */ p("planeGeometry", { args: l }),
-      /* @__PURE__ */ p(
+    /* @__PURE__ */ N("mesh", { position: [0, 0, 0], renderOrder: a, children: [
+      /* @__PURE__ */ f("planeGeometry", { args: m }),
+      /* @__PURE__ */ f(
         "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: k
         },
-        m ? "with-mask" : "no-mask"
+        d ? "with-mask" : "no-mask"
       )
     ] })
   ] }) }) : null;
-}, we = [
+}, V = 9, H = 16, st = ({ children: t }) => {
+  const [e, s] = b({ width: 0, height: 0 });
+  return U(() => {
+    const r = () => {
+      const a = document.documentElement.clientWidth, i = document.documentElement.clientHeight, o = a / i, c = V / H;
+      let n, u;
+      o > c ? (u = i, n = u * V / H) : (n = a, u = n * H / V), s({ width: n, height: u });
+    };
+    return r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
+  }, []), /* @__PURE__ */ f(
+    "div",
+    {
+      style: {
+        width: "100vw",
+        height: `${window.innerHeight}px`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "#0d0d0d"
+      },
+      children: /* @__PURE__ */ f("div", { style: { width: e.width, height: e.height, position: "relative" }, children: t })
+    }
+  );
+}, rt = ({ size: t = 0.25, ...e }) => /* @__PURE__ */ f("axesHelper", { args: [t], ...e }), ve = { left: -1, right: 1, top: 1, bottom: -1 }, Ce = (t, e, s) => {
+  const r = t % e, a = Math.floor(t / e);
+  return { x: r / e, y: (s - 1 - a) / s };
+}, Pe = ({
+  sheet: t,
+  contentAspect: e,
+  renderOrder: s,
+  name: r
+}) => {
+  const a = ye(t.url), i = A(0), o = A(-1), c = ge(), [n, u] = e != null ? ce(c, e) : [1, 1];
+  return Se((S, d) => {
+    a.wrapS = Y, a.wrapT = Y, a.magFilter = Z, a.minFilter = Z, a.generateMipmaps = !1, a.repeat.set(1 / t.cols, 1 / t.rows), i.current += d;
+    const m = Math.floor(i.current * t.fps) % t.frames;
+    if (m === o.current) return;
+    o.current = m;
+    const { x: h, y: l } = Ce(m, t.cols, t.rows);
+    a.offset.set(h, l);
+  }), /* @__PURE__ */ N("mesh", { name: r, renderOrder: s, scale: [n, u, 1], children: [
+    /* @__PURE__ */ f("planeGeometry", { args: [1, 1] }),
+    /* @__PURE__ */ f("meshBasicMaterial", { map: a, transparent: !0, toneMapped: !1, depthWrite: !1 })
+  ] });
+}, at = ({
+  sheet: t,
+  anchors: e = ve,
+  contentAspect: s,
+  renderOrder: r = 10,
+  name: a = "spriteAnimation"
+}) => /* @__PURE__ */ f(ue, { fallback: null, children: /* @__PURE__ */ f(ie, { anchors: e, children: /* @__PURE__ */ f(Pe, { sheet: t, contentAspect: s, renderOrder: r, name: a }) }) }), D = (t) => {
+  switch (t) {
+    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";
+  }
+}, Le = [
   "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;
+function nt(t = {}) {
+  const {
+    audio: e = !1,
+    mimeType: s,
+    bitsPerSecond: r,
+    onData: a,
+    onStop: i,
+    onRecordingStart: o,
+    onRecordingPause: c,
+    onRecordingResume: n,
+    onRecordingStop: u,
+    onRecordingComplete: S,
+    onError: d,
+    passThroughStream: m
+  } = t, h = A(null), l = A(null), T = A([]), [g, E] = b("idle"), [x, P] = b(null), [W, R] = b(null), L = w(() => {
+    var y;
+    const p = [s, ...Le].filter(Boolean);
+    for (const M of p)
+      if ((y = MediaRecorder.isTypeSupported) != null && y.call(MediaRecorder, M)) return M;
+  }, [s]), O = w(
+    async (p) => {
+      const y = new MediaStream();
+      if (p.getTracks().forEach((M) => y.addTrack(M)), e) {
+        let M;
         if (e instanceof MediaStream)
-          f = e;
+          M = e;
         else {
-          const E = typeof e == "object" ? { audio: e } : { audio: !0, video: !1 };
-          f = await navigator.mediaDevices.getUserMedia(E);
+          const v = typeof e == "object" ? { audio: e } : { audio: !0, video: !1 };
+          M = await navigator.mediaDevices.getUserMedia(v);
         }
-        f.getAudioTracks().forEach((E) => T.addTrack(E));
+        M.getAudioTracks().forEach((v) => y.addTrack(v));
       }
-      if (!T.getTracks().length)
+      if (!y.getTracks().length)
         throw new Error("No tracks available in combined stream.");
-      return s.current = T, T;
+      return l.current = y, y;
     },
     [e]
-  ), N = F(
-    async (h, T) => {
+  ), Q = w(
+    async (p, y) => {
+      E(D("start")), R(null), P(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 M;
+        if (m)
+          M = m, l.current = M;
+        else {
+          if (!p) throw new Error("start(stream) requires a MediaStream.");
+          M = await O(p);
+        }
+        const v = L(), X = {};
+        v && (X.mimeType = v), r && (X.bitsPerSecond = r);
+        const G = new MediaRecorder(M, X);
+        G.ondataavailable = (F) => {
+          var j;
+          ((j = F.data) == null ? void 0 : j.size) > 0 && (T.current.push(F.data), a == null || a(F.data));
+        }, G.onstop = () => {
+          const F = new Blob(T.current, {
+            type: v ?? "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)));
+          P(F), i == null || i(F), S == null || S(F), T.current = [], E(D("complete"));
+        }, h.current = G, G.start(y), E(D("started")), o == null || o();
+      } catch (M) {
+        const v = M instanceof Error ? M : new Error(String(M));
+        console.error("start(stream) failed", v), R(v), E(D("fail")), d == null || d(v);
       }
     },
-    [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;
+    [
+      O,
+      L,
+      r,
+      a,
+      i,
+      S,
+      o,
+      d,
+      m
+    ]
+  ), ee = w(() => {
+    const p = h.current;
+    !p || p.state === "inactive" || (E(D("stop")), p.stop(), u == null || u());
+  }, [u]), te = w(() => {
+    const p = h.current;
+    (p == null ? void 0 : p.state) === "recording" && (p.pause(), E(D("pause")), c == null || c());
+  }, [c]), se = w(() => {
+    const p = h.current;
+    (p == null ? void 0 : p.state) === "paused" && (p.resume(), E(D("resume")), n == null || n());
+  }, [n]), B = w(() => {
+    var p;
     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);
+      h.current && (h.current.onstop = null, h.current.state !== "inactive" && h.current.stop()), h.current = null, (p = l.current) == null || p.getTracks().forEach((y) => y.stop()), l.current = null, P(null), E(D("clear")), T.current = [], R(null);
+    } catch (y) {
+      console.error("clear failed", y);
     }
   }, []);
-  return k(() => () => A(), []), {
-    start: N,
-    stop: _,
-    pause: z,
-    resume: B,
-    clear: A,
-    isRecording: g,
-    isPaused: l,
-    recordedBlob: v,
-    error: b,
-    getActiveStream: () => s.current
+  return U(() => () => B(), []), {
+    status: g,
+    start: Q,
+    stop: ee,
+    pause: te,
+    resume: se,
+    clear: B,
+    isRecording: g === "recording" || g === "paused",
+    isPaused: g === "paused",
+    recordedBlob: x,
+    error: W,
+    getActiveStream: () => l.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);
+const Ue = async (t, e = {}) => {
+  var s, r, a;
+  (s = e.onCaptureStart) == null || s.call(e), await Promise.resolve();
+  try {
+    const i = t();
+    return (r = e.onCaptureComplete) == null || r.call(e, i), i;
+  } catch (i) {
+    const o = i instanceof Error ? i : new Error(String(i));
+    throw (a = e.onError) == null || a.call(e, o), o;
+  }
+}, ot = (t = {}) => {
+  const { session: e } = oe(), {
+    captureFrame: s = e.captureFrame,
+    onCaptureStart: r,
+    onCaptureComplete: a,
+    onError: i
+  } = t, [o, c] = b("idle"), [n, u] = b(null), [S, d] = b(null), m = w(async () => {
+    c("capturing"), u(null), d(null);
+    try {
+      const l = await Ue(s, {
+        onCaptureStart: r,
+        onCaptureComplete: a,
+        onError: i
+      });
+      return u(l), c("completed"), l;
+    } catch (l) {
+      const T = l instanceof Error ? l : new Error(String(l));
+      return d(T), c("error"), null;
+    }
+  }, [s, r, a, i]), h = w(() => {
+    c("idle"), u(null), d(null);
+  }, []);
+  return { status: o, capturePhoto: m, clear: h, dataUrl: n, error: S };
+}, it = (t, e) => {
+  const s = t.split(","), r = s[0].match(/:(.*?);/), a = r ? r[1] : "application/octet-stream", i = atob(s[s.length - 1]);
+  let o = i.length;
+  const c = 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) {
+    c[o] = i.charCodeAt(o);
+  return new File([c], e, { type: a });
+}, De = 4, Ne = 50, be = 5e3, z = (t) => Math.min(1, Math.max(0, t)), K = (t) => new Promise((e) => {
+  if (t.readyState >= 4) {
     e();
     return;
   }
-  let t = !1;
-  const n = () => {
-    t || (t = !0, e());
+  let s = !1;
+  const r = () => {
+    s || (s = !0, e());
   };
-  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;
+  t.addEventListener("canplaythrough", r, { once: !0 }), t.addEventListener("error", r, { once: !0 }), setTimeout(r, be);
+}), $ = (t, e) => {
+  const s = document.createElement("audio");
+  return s.src = t, s.loop = e, s.preload = "auto", s.setAttribute("playsinline", ""), s.setAttribute("webkit-playsinline", ""), s.load(), s;
+}, Fe = (t) => {
+  t.muted = !0, t.play().then(() => {
+    t.pause(), t.currentTime = 0, t.muted = !1;
   }).catch(() => {
-    r.muted = !1;
+    t.muted = !1;
   });
 };
-class Ee {
+class Oe {
   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());
+    _(this, "sfxPoolSize");
+    _(this, "coalesceMs");
+    _(this, "muted", !0);
+    _(this, "listeners", /* @__PURE__ */ new Set());
+    _(this, "music", null);
+    _(this, "musicUrl", null);
+    _(this, "musicReady", null);
+    _(this, "musicWanted", null);
+    _(this, "pools", /* @__PURE__ */ new Map());
     /** Last play time per SFX URL, for the coalesce window. */
-    R(this, "lastPlayed", /* @__PURE__ */ new Map());
+    _(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;
+    _(this, "ready", /* @__PURE__ */ new Map());
+    this.sfxPoolSize = e.sfxPoolSize ?? De, this.coalesceMs = e.coalesceMs ?? Ne;
   }
   /**
    * 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(e, s = 0.4) {
+    const r = z(s);
+    if (this.musicWanted = { url: e, volume: r }, this.musicUrl === e && 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 = $(e, !0), this.musicUrl = e, this.music.volume = r;
+    const a = K(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(e, s = 1) {
+    const r = this.ready.get(e);
+    if (r) return r;
+    const a = z(s), i = [];
+    for (let c = 0; c < this.sfxPoolSize; c += 1) {
+      const n = $(e, !1);
+      n.volume = a, n.addEventListener("ended", () => {
+        n.currentTime = 0;
+      }), i.push(n);
     }
-    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(e, { els: i, next: 0, volume: a });
+    const o = K(i[0]);
+    return this.ready.set(e, o), o;
   }
   /** Subscribe to mute-state changes (for a toggle UI). Fires immediately with
    *  the current state. Returns an unsubscribe. */
@@ -534,7 +494,7 @@ class Ee {
    * 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)));
+    e !== this.muted && (this.muted = e, this.muted || this.pools.forEach((s) => s.els.forEach(Fe)), this.applyMusic(), this.listeners.forEach((s) => s(this.muted)));
   }
   toggleMuted() {
     this.setMuted(!this.muted);
@@ -545,29 +505,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(e, 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;
+    const r = this.pools.get(e);
+    if (!r) return;
+    const a = performance.now();
+    if (a - (this.lastPlayed.get(e) ?? -1 / 0) < this.coalesceMs) return;
+    this.lastPlayed.set(e, a);
+    const i = r.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;
+    for (let c = 0; c < i; c += 1) {
+      const n = r.els[(r.next + c) % i];
+      if (n.paused) {
+        o = n, r.next = (r.next + c + 1) % i;
         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(() => {
+    o || (o = r.els[r.next], r.next = (r.next + 1) % i), o.muted = !1, o.volume = z(s ?? r.volume), o.currentTime !== 0 && (o.currentTime = 0), o.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(e, s = 0.4) {
+    const r = z(s);
+    this.musicUrl !== e && this.prefetchMusic(e, r), this.musicWanted = { url: e, volume: r }, this.applyMusic();
   }
   stopMusic() {
     this.musicWanted = null, this.music && (this.music.pause(), this.music.currentTime = 0);
@@ -577,36 +538,176 @@ 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 Ie = (t, e, s) => t === "infinite" || t === "loop" && e < Math.max(1, Math.floor(s)) ? "replay" : "ended", Ge = (t, e, s) => t && e !== s, ke = (t) => Math.min(100, Math.max(0, t)) / 100, ct = le(function({
+  src: e,
+  playMode: s = "once",
+  loopCount: r = 1,
+  autoplay: a = !1,
+  muted: i = !1,
+  volume: o = 100,
+  preload: c = "auto",
+  onReady: n,
+  onPlay: u,
+  onPause: S,
+  onEnded: d,
+  onError: m
+}, h) {
+  const l = A(null), T = A(0), g = A(null), E = w(async () => {
+    const R = l.current;
+    if (R)
+      try {
+        await R.play();
+      } catch (L) {
+        const O = L instanceof Error ? L : new Error(String(L));
+        throw m == null || m(O), O;
+      }
+  }, [m]), x = w(() => {
+    var R;
+    return (R = l.current) == null ? void 0 : R.pause();
+  }, []), P = w(() => {
+    const R = l.current;
+    R && (R.pause(), R.currentTime = 0, T.current = 0);
+  }, []);
+  de(
+    h,
+    () => ({
+      play: E,
+      pause: x,
+      stop: P,
+      get current() {
+        return l.current;
+      }
+    }),
+    [x, E, P]
+  ), U(() => {
+    T.current = 0, g.current = null;
+  }, [e]), U(() => {
+    l.current && (l.current.volume = ke(o));
+  }, [o]), U(() => {
+    Ge(a, g.current, e) && (g.current = e, E().catch(() => {
+    }));
+  }, [a, e]);
+  const W = w(() => {
+    T.current += 1;
+    const R = Math.max(1, Math.floor(r));
+    if (Ie(s, T.current, R) === "replay") {
+      const L = l.current;
+      L && (L.currentTime = 0, E().catch(() => {
+      }));
+      return;
+    }
+    T.current = 0, d == null || d();
+  }, [r, d, E, s]);
+  return /* @__PURE__ */ f(
+    "audio",
+    {
+      ref: l,
+      src: e,
+      preload: c,
+      autoPlay: !1,
+      muted: i,
+      loop: !1,
+      playsInline: !0,
+      style: { display: "none" },
+      onCanPlayThrough: n,
+      onPlay: u,
+      onPause: S,
+      onEnded: W,
+      onError: () => m == null ? void 0 : m(new Error(`Unable to load audio: ${e}`))
+    }
+  );
+}), C = new Oe(), ut = (t, e) => C.prefetchMusic(t, e), lt = (t, e) => C.registerSound(t, e), dt = (t, e) => C.startMusic(t, e), mt = () => C.stopMusic(), pt = (t, e) => C.playOneShot(t, e), ht = (t) => C.setMuted(t), ft = () => C.toggleMuted(), Et = () => C.isMuted(), St = (t) => C.onMuteChange(t), Tt = () => {
+  const [t, e] = b(C.isMuted());
+  return U(() => C.onMuteChange(e), []), t;
 };
 export {
-  Ae as AspectRatioContainer,
-  Ee as AudioEngine,
-  _e as Panel,
-  ze as ScreenSpaceUI,
+  st as AspectRatioContainer,
+  Oe as AudioEngine,
+  ct as AudioPlayer,
+  rt as Axes,
+  gs as DEFAULT_MATERIAL_FILL,
+  Ss as DEFAULT_MESH_RENDERER,
+  Ts as DEFAULT_MESH_RENDERER_RENDER_STATE,
+  jt as DEFAULT_PIXEL_SNAP_INCREMENT,
+  qt as DEFAULT_REFERENCE_PIXELS_PER_UNIT,
+  Yt as DEFAULT_SCREEN_GLASS,
+  ws as DEFAULT_SCREEN_GRADIENT,
+  Zt as DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS,
+  Kt as DEFAULT_SCREEN_IMAGE_SETTINGS,
+  $t as DEFAULT_SCREEN_SHAPE_SETTINGS,
+  Jt as DEFAULT_SCREEN_TEXT_SCENE_SETTINGS,
+  Qt as DEFAULT_SCREEN_TEXT_SHADOW_LAYER,
+  es as DEFAULT_SCREEN_TRANSFORM_2D,
+  ts as DEFAULT_SCREEN_TRANSFORM_ROOT,
+  As as DEFAULT_TRANSFORM_3D,
+  ss as EXTERNAL_BACKGROUND_RENDER_LAYER,
+  xt as LightObject,
+  vt as LookAt,
+  rs as MAX_RENDER_GROUP_PASSES,
+  _s as MaterialFill,
+  bs as MeshMaterial,
+  Ms as MeshRenderer,
+  et as Panel,
+  as as PinToMesh,
+  Ct as RenderGroupLayer,
+  Pt as SceneObjectRenderer,
+  ns as ScreenGlassMaterial,
+  xs as ScreenGradientMaterial,
+  Lt as ScreenImage,
+  os as ScreenShape,
+  Ut as ScreenSpaceUI,
+  Dt as ScreenText,
   ie as ScreenTransform,
-  Be as SpriteAnimation,
-  Ie as TextLabel,
-  Ne as VideoBackground,
-  rt as XRMediaSource,
-  re as XRModel,
-  nt as XRProvider,
-  it as XRScene,
+  Nt as SequentialRenderPasses,
+  at as SpriteAnimation,
+  bt as TextLabel,
+  vs as Transform3D,
+  tt as VideoBackground,
+  yt as XRMediaSource,
+  ne as XRModel,
+  gt as XRProvider,
+  At 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
+  Ft as clientToScreenPixels,
+  ce as computeContainScale,
+  Cs as createTwoStopGradient,
+  it as dataURLtoFile,
+  Us as drawNormalizedCrop,
+  is as getRenderGroupLayer,
+  Et as isMuted,
+  cs as mapScreenImageSettingsToProps,
+  us as mapScreenTextInnerShadowToProps,
+  ls as mapScreenTextSettingsToProps,
+  Ot as mediaToScreenPixels,
+  ds as mergeScreenShapeSettings,
+  ms as mergeScreenTransform2D,
+  Rs as normalizeMeshRendererRenderState,
+  ps as normalizeScreenGlass,
+  Ps as normalizeScreenGradient,
+  It as normalizedToScreenPixels,
+  St as onMuteChange,
+  pt as playOneShot,
+  ut as prefetchMusic,
+  lt as registerSound,
+  hs as renderSequentialPasses,
+  Ds as resolveNormalizedCrop,
+  fs as resolveScreenTransform2D,
+  Gt as screenPixelsToClient,
+  kt as screenPixelsToMedia,
+  zt as screenPixelsToNormalized,
+  Wt as screenPixelsToUnits,
+  Xt as screenPointToRay,
+  Vt as screenUnitsToPixels,
+  ht as setMuted,
+  I as smoothNumber,
+  Je as smoothVector2,
+  Qe as smoothVector3,
+  dt as startMusic,
+  mt as stopMusic,
+  ft as toggleMuted,
+  ot as useFrameCapture,
+  nt as useMediaRecorder,
+  Tt as useMuted,
+  ge as useScreenRectAspect,
+  Ht as worldToScreenPixels
 };