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

package/dist/{contexts-ByhzppYl.js → contexts-FzlnnMYD.js}

@@ -1,15 +1,14 @@
-var ge = Object.defineProperty;
-var we = (e, t, n) => t in e ? ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var z = (e, t, n) => we(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as X, jsxs as oe } from "react/jsx-runtime";
-import { Canvas as ye, useThree as _e, useFrame as Se } from "@react-three/fiber";
-import { useRef as J, useState as Ee, useEffect as Q, useMemo as ne, useContext as fe, createContext as ve } from "react";
-import * as D from "three";
-import { R as pe } from "./renderLayers-zrK2pv5O.js";
-import { a as Re, b as Te } from "./selectors-B8H97CKA.js";
-import { u as xe } from "./index-9dlAQAhy.js";
-import { u as ke, S as Fe } from "./index-VJ0SJwmG.js";
-const ue = {
+var we = Object.defineProperty;
+var ye = (e, t, n) => t in e ? we(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var z = (e, t, n) => ye(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as L, jsxs as oe } from "react/jsx-runtime";
+import { Canvas as Se, useThree as fe, useFrame as _e } from "@react-three/fiber";
+import { useRef as J, useState as Ee, useEffect as K, useMemo as ne, useContext as ve, createContext as pe } from "react";
+import * as X from "three";
+import { b as Re, c as Te, R as xe, d as Me, e as ke } from "./selectors-C5G1PMYL.js";
+import { u as ue } from "./index-CnGox6Xr.js";
+import { u as Ae, S as Ce } from "./index-CHVbH0hz.js";
+const ge = {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -17,7 +16,7 @@ const ue = {
   background: "#363636",
   color: "white",
   fontFamily: "monospace"
-}, Me = () => /* @__PURE__ */ X("div", { style: ue, children: "Loading..." }), Ae = (e) => /* @__PURE__ */ X("div", { style: ue, children: e.error }), ie = {
+}, Fe = () => /* @__PURE__ */ L("div", { style: ge, children: "Loading..." }), Ie = (e) => /* @__PURE__ */ L("div", { style: ge, children: e.error }), Le = (e) => typeof e == "number" ? e : Array.isArray(e) ? e[1] : 3, ie = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -27,21 +26,27 @@ const ue = {
 }, se = {
   sceneColorTexture: null,
   sceneDepthTexture: null
-}, Ce = ({
+}, Be = ({ cap: e }) => {
+  const t = fe((o) => o.setDpr), n = Me(), r = ke() ? (n == null ? void 0 : n.decision.tier.renderScale) ?? 1 : 1;
+  return K(() => {
+    const o = Math.min(typeof window < "u" && window.devicePixelRatio || 1, e);
+    t(Math.max(0.5, o * r));
+  }, [t, e, r]), null;
+}, Ge = ({
   onRenderOutputs: e,
   renderOutputs: t,
   size: n
 }) => {
-  const { gl: a, scene: r, size: s } = _e(), { session: c } = xe(), i = Math.max(1, Math.round((n == null ? void 0 : n.width) ?? s.width)), d = Math.max(1, Math.round((n == null ? void 0 : n.height) ?? s.height)), f = !!(t.sceneColor || t.sceneDepth), l = ne(() => {
+  const { gl: a, scene: r, size: o } = fe(), { session: c } = ue(), s = Math.max(1, Math.round((n == null ? void 0 : n.width) ?? o.width)), d = Math.max(1, Math.round((n == null ? void 0 : n.height) ?? o.height)), f = !!(t.sceneColor || t.sceneDepth), l = ne(() => {
     if (!f) return null;
-    const o = new D.WebGLRenderTarget(i, d, {
-      colorSpace: D.SRGBColorSpace,
+    const i = new X.WebGLRenderTarget(s, d, {
+      colorSpace: X.SRGBColorSpace,
       depthBuffer: !0,
       stencilBuffer: !1
     });
-    return t.sceneDepth && (o.depthTexture = new D.DepthTexture(i, d), o.depthTexture.format = D.DepthFormat, o.depthTexture.type = D.UnsignedShortType), o;
-  }, [f, d, t.sceneDepth, i]);
-  return Q(() => {
+    return t.sceneDepth && (i.depthTexture = new X.DepthTexture(s, d), i.depthTexture.format = X.DepthFormat, i.depthTexture.type = X.UnsignedShortType), i;
+  }, [f, d, t.sceneDepth, s]);
+  return K(() => {
     if (!l) {
       e == null || e(se);
       return;
@@ -50,33 +55,33 @@ const ue = {
       sceneColorTexture: t.sceneColor ? l.texture : null,
       sceneDepthTexture: t.sceneDepth && l.depthTexture ? l.depthTexture : null
     }), () => {
-      var o;
-      l.dispose(), (o = l.depthTexture) == null || o.dispose(), e == null || e(se);
+      var i;
+      l.dispose(), (i = l.depthTexture) == null || i.dispose(), e == null || e(se);
     };
-  }, [e, t.sceneColor, t.sceneDepth, l]), Se(() => {
+  }, [e, t.sceneColor, t.sceneDepth, l]), _e(() => {
     if (!l) return;
-    const o = [];
+    const i = [];
     t.excludeScreenUI !== !1 && r.traverse((p) => {
-      p.visible && p.renderOrder >= pe.SCREEN_UI && (o.push(p), p.visible = !1);
+      p.visible && p.renderOrder >= xe.SCREEN_UI && (i.push(p), p.visible = !1);
     });
     const u = a.getRenderTarget(), x = a.xr.enabled;
-    a.xr.enabled = !1, a.setRenderTarget(l), a.clear(), c._renderFrame(), a.setRenderTarget(u), a.xr.enabled = x, o.forEach((p) => {
+    a.xr.enabled = !1, a.setRenderTarget(l), a.clear(), c._renderFrame(), a.setRenderTarget(u), a.xr.enabled = x, i.forEach((p) => {
       p.visible = !0;
     });
   }, -100), null;
-}, at = ({
+}, st = ({
   style: e,
   canvasProps: t,
   children: n,
   loadingComponent: a,
   loadingTransitionDuration: r,
-  errorComponent: s,
+  errorComponent: o,
   renderTargetSize: c,
-  renderOutputs: i = {},
+  renderOutputs: s = {},
   onRenderOutputs: d
 }) => {
-  const f = J(null), l = J(null), o = J(null), u = J(!1), { session: x } = xe(), p = Re(), v = Te(), [h, m] = Ee(!0);
-  return Q(() => {
+  const f = J(null), l = J(null), i = J(null), u = J(!1), { session: x } = ue(), p = Re(), v = Te(), [h, g] = Ee(!0);
+  return K(() => {
     if (c) {
       x._setRenderSize(
         Math.round(c.width),
@@ -86,25 +91,25 @@ const ue = {
     }
     const y = (w, R) => {
       w <= 0 || R <= 0 || x._setRenderSize(Math.round(w), Math.round(R));
-    }, g = () => {
+    }, m = () => {
       !l.current || u.current || (u.current = !0, x._setRenderTarget(l.current));
-    }, F = (w, R) => {
-      o.current !== null && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        o.current = null, y(w, R);
+    }, k = (w, R) => {
+      i.current !== null && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(() => {
+        i.current = null, y(w, R);
       });
-    }, _ = new ResizeObserver((w) => {
+    }, S = new ResizeObserver((w) => {
       const R = w[0];
       if (!R) return;
-      const { width: L, height: C } = R.contentRect;
-      g(), F(L, C);
+      const { width: B, height: F } = R.contentRect;
+      m(), k(B, F);
     });
-    return f.current && _.observe(f.current), g(), () => {
-      _.disconnect(), o.current !== null && (cancelAnimationFrame(o.current), o.current = null), u.current = !1;
+    return f.current && S.observe(f.current), m(), () => {
+      S.disconnect(), i.current !== null && (cancelAnimationFrame(i.current), i.current = null), u.current = !1;
     };
-  }, [c, x]), Q(() => {
+  }, [c, x]), K(() => {
     p && (r ? setTimeout(() => {
-      m(!1);
-    }, r) : m(!1));
+      g(!1);
+    }, r) : g(!1));
   }, [p, r]), /* @__PURE__ */ oe(
     "div",
     {
@@ -117,10 +122,10 @@ const ue = {
         position: "relative"
       },
       children: [
-        h && /* @__PURE__ */ X("div", { style: ie, children: a || /* @__PURE__ */ X(Me, {}) }),
-        v && /* @__PURE__ */ X("div", { style: ie, children: s || /* @__PURE__ */ X(Ae, { error: v.message }) }),
+        h && /* @__PURE__ */ L("div", { style: ie, children: a || /* @__PURE__ */ L(Fe, {}) }),
+        v && /* @__PURE__ */ L("div", { style: ie, children: o || /* @__PURE__ */ L(Ie, { error: v.message }) }),
         /* @__PURE__ */ oe(
-          ye,
+          Se,
           {
             id: "vincentt-xr-canvas",
             ref: l,
@@ -137,7 +142,7 @@ const ue = {
               stencil: !0,
               premultipliedAlpha: !1,
               // Disable alpha premultiplication
-              toneMapping: D.NoToneMapping
+              toneMapping: X.NoToneMapping
               // Disable tone mapping for accurate video colors
             },
             ...t,
@@ -149,17 +154,18 @@ const ue = {
                 renderer: y.gl,
                 scene: y.scene,
                 camera: y.camera
-              }), y.gl.outputColorSpace = D.SRGBColorSpace, t != null && t.onCreated && t.onCreated(y);
+              }), y.gl.outputColorSpace = X.SRGBColorSpace, t != null && t.onCreated && t.onCreated(y);
             },
             children: [
-              /* @__PURE__ */ X(
-                Ce,
+              /* @__PURE__ */ L(
+                Ge,
                 {
                   onRenderOutputs: d,
-                  renderOutputs: i,
+                  renderOutputs: s,
                   size: c
                 }
               ),
+              /* @__PURE__ */ L(Be, { cap: Le(t == null ? void 0 : t.dpr) }),
               n
             ]
           }
@@ -167,49 +173,49 @@ const ue = {
       ]
     }
   );
-}, Ie = (e, t, n, a, r) => {
-  const s = e / 2, c = t / 2, i = n.left * s + a.left, d = n.right * s - a.right, f = n.bottom * c + a.bottom, l = n.top * c - a.top, o = d - i, u = l - f, x = (i + d) / 2, p = (f + l) / 2, v = r[0] * o / 2, h = r[1] * u / 2;
-  return { centerX: x, centerY: p, width: o, height: u, pivotX: v, pivotY: h };
-}, Le = { left: 0, right: 0, top: 0, bottom: 0 }, Be = { left: 0, right: 0, top: 0, bottom: 0 }, Ge = [0, 0], ot = ({
+}, De = (e, t, n, a, r) => {
+  const o = e / 2, c = t / 2, s = n.left * o + a.left, d = n.right * o - a.right, f = n.bottom * c + a.bottom, l = n.top * c - a.top, i = d - s, u = l - f, x = (s + d) / 2, p = (f + l) / 2, v = r[0] * i / 2, h = r[1] * u / 2;
+  return { centerX: x, centerY: p, width: i, height: u, pivotX: v, pivotY: h };
+}, Xe = { left: 0, right: 0, top: 0, bottom: 0 }, Ue = { left: 0, right: 0, top: 0, bottom: 0 }, $e = [0, 0], lt = ({
   anchors: e,
   offsets: t,
-  pivot: n = Ge,
+  pivot: n = $e,
   children: a
 }) => {
-  const { width: r, height: s } = ke(), c = ne(
+  const { width: r, height: o } = Ae(), c = ne(
     () => ({
-      anchors: { ...Le, ...e ?? {} },
-      offsets: { ...Be, ...t ?? {} }
+      anchors: { ...Xe, ...e ?? {} },
+      offsets: { ...Ue, ...t ?? {} }
     }),
     [e, t]
-  ), i = ne(
-    () => Ie(r, s, c.anchors, c.offsets, n),
-    [r, s, c, n]
+  ), s = ne(
+    () => De(r, o, c.anchors, c.offsets, n),
+    [r, o, c, n]
   );
-  Q(() => {
-    const o = c.anchors;
-    o.left > o.right && console.warn(
-      `[ScreenTransform] inverted X axis: anchors.left (${o.left}) > anchors.right (${o.right})`
-    ), o.bottom > o.top && console.warn(
-      `[ScreenTransform] inverted Y axis: anchors.bottom (${o.bottom}) > anchors.top (${o.top})`
-    ), i.width <= 0 && console.warn(
-      `[ScreenTransform] zero or negative width (${i.width.toFixed(3)}) — anchors + offsets collapse the X extent`
-    ), i.height <= 0 && console.warn(
-      `[ScreenTransform] zero or negative height (${i.height.toFixed(3)}) — anchors + offsets collapse the Y extent`
+  K(() => {
+    const i = c.anchors;
+    i.left > i.right && console.warn(
+      `[ScreenTransform] inverted X axis: anchors.left (${i.left}) > anchors.right (${i.right})`
+    ), i.bottom > i.top && console.warn(
+      `[ScreenTransform] inverted Y axis: anchors.bottom (${i.bottom}) > anchors.top (${i.top})`
+    ), s.width <= 0 && console.warn(
+      `[ScreenTransform] zero or negative width (${s.width.toFixed(3)}) — anchors + offsets collapse the X extent`
+    ), s.height <= 0 && console.warn(
+      `[ScreenTransform] zero or negative height (${s.height.toFixed(3)}) — anchors + offsets collapse the Y extent`
     );
-  }, [c, i.width, i.height]);
-  const d = n[0] !== 0 || n[1] !== 0, f = d ? [1, 1, 1] : [i.width, i.height, 1], l = !d && i.width > 0 && i.height > 0 ? i.width / i.height : null;
-  return /* @__PURE__ */ X(
+  }, [c, s.width, s.height]);
+  const d = n[0] !== 0 || n[1] !== 0, f = d ? [1, 1, 1] : [s.width, s.height, 1], l = !d && s.width > 0 && s.height > 0 ? s.width / s.height : null;
+  return /* @__PURE__ */ L(
     "group",
     {
-      position: [i.centerX - i.pivotX, i.centerY - i.pivotY, 0],
+      position: [s.centerX - s.pivotX, s.centerY - s.pivotY, 0],
       scale: f,
-      renderOrder: pe.SCREEN_UI,
-      children: /* @__PURE__ */ X(Fe.Provider, { value: l, children: a })
+      renderOrder: xe.SCREEN_UI,
+      children: /* @__PURE__ */ L(Ce.Provider, { value: l, children: a })
     }
   );
 };
-class Xe {
+class We {
   constructor(t, n) {
     z(this, "capabilities");
     z(this, "snapshot");
@@ -272,41 +278,41 @@ class Xe {
     this.snapshot = { ...this.snapshot, ...t }, this.listeners.forEach((n) => n(this.snapshot));
   }
 }
-const De = (e, t, n, a, r) => {
-  const s = Math.max(1, Math.floor(t)), c = Math.max(0, Math.floor(e)), i = n === "ping-pong" && s > 1 ? s * 2 - 2 : s, d = Math.floor(c / i), f = r > 0 ? d >= r : !a && c >= i, l = f ? i - 1 : c % i;
-  return { frame: n === "reverse" ? s - 1 - l % s : n === "random" ? l * 7919 % s : n === "ping-pong" && l >= s ? i - l : l, ended: f, loop: d };
-}, it = (e, t, n) => {
+const Ne = (e, t, n, a, r) => {
+  const o = Math.max(1, Math.floor(t)), c = Math.max(0, Math.floor(e)), s = n === "ping-pong" && o > 1 ? o * 2 - 2 : o, d = Math.floor(c / s), f = r > 0 ? d >= r : !a && c >= s, l = f ? s - 1 : c % s;
+  return { frame: n === "reverse" ? o - 1 - l % o : n === "random" ? l * 7919 % o : n === "ping-pong" && l >= o ? s - l : l, ended: f, loop: d };
+}, ct = (e, t, n) => {
   const a = Math.max(1, Math.floor(n));
   return Math.floor(Math.max(0, e) * Math.max(0, t)) % a;
 };
-var le = {}, me, Ue;
-function $e(e, t, n, s) {
-  var r = 0, s = s === void 0 ? {} : s, c = s.loop === void 0 ? null : s.loop, i = s.palette === void 0 ? null : s.palette;
+var le = {}, me, Ye;
+function He(e, t, n, o) {
+  var r = 0, o = o === void 0 ? {} : o, c = o.loop === void 0 ? null : o.loop, s = o.palette === void 0 ? null : o.palette;
   if (t <= 0 || n <= 0 || t > 65535 || n > 65535)
     throw new Error("Width/Height invalid.");
   function d(h) {
-    var m = h.length;
-    if (m < 2 || m > 256 || m & m - 1)
+    var g = h.length;
+    if (g < 2 || g > 256 || g & g - 1)
       throw new Error(
         "Invalid code/color length, must be power of 2 and 2 .. 256."
       );
-    return m;
+    return g;
   }
   e[r++] = 71, e[r++] = 73, e[r++] = 70, e[r++] = 56, e[r++] = 57, e[r++] = 97;
   var f = 0, l = 0;
-  if (i !== null) {
-    for (var o = d(i); o >>= 1; ) ++f;
-    if (o = 1 << f, --f, s.background !== void 0) {
-      if (l = s.background, l >= o)
+  if (s !== null) {
+    for (var i = d(s); i >>= 1; ) ++f;
+    if (i = 1 << f, --f, o.background !== void 0) {
+      if (l = o.background, l >= i)
         throw new Error("Background index out of range.");
       if (l === 0)
         throw new Error("Background index explicitly passed as 0.");
     }
   }
-  if (e[r++] = t & 255, e[r++] = t >> 8 & 255, e[r++] = n & 255, e[r++] = n >> 8 & 255, e[r++] = (i !== null ? 128 : 0) | // Global Color Table Flag.
-  f, e[r++] = l, e[r++] = 0, i !== null)
-    for (var u = 0, x = i.length; u < x; ++u) {
-      var p = i[u];
+  if (e[r++] = t & 255, e[r++] = t >> 8 & 255, e[r++] = n & 255, e[r++] = n >> 8 & 255, e[r++] = (s !== null ? 128 : 0) | // Global Color Table Flag.
+  f, e[r++] = l, e[r++] = 0, s !== null)
+    for (var u = 0, x = s.length; u < x; ++u) {
+      var p = s[u];
       e[r++] = p >> 16 & 255, e[r++] = p >> 8 & 255, e[r++] = p & 255;
     }
   if (c !== null) {
@@ -315,34 +321,34 @@ function $e(e, t, n, s) {
     e[r++] = 33, e[r++] = 255, e[r++] = 11, e[r++] = 78, e[r++] = 69, e[r++] = 84, e[r++] = 83, e[r++] = 67, e[r++] = 65, e[r++] = 80, e[r++] = 69, e[r++] = 50, e[r++] = 46, e[r++] = 48, e[r++] = 3, e[r++] = 1, e[r++] = c & 255, e[r++] = c >> 8 & 255, e[r++] = 0;
   }
   var v = !1;
-  this.addFrame = function(h, m, y, g, F, _) {
-    if (v === !0 && (--r, v = !1), _ = _ === void 0 ? {} : _, h < 0 || m < 0 || h > 65535 || m > 65535)
+  this.addFrame = function(h, g, y, m, k, S) {
+    if (v === !0 && (--r, v = !1), S = S === void 0 ? {} : S, h < 0 || g < 0 || h > 65535 || g > 65535)
       throw new Error("x/y invalid.");
-    if (y <= 0 || g <= 0 || y > 65535 || g > 65535)
+    if (y <= 0 || m <= 0 || y > 65535 || m > 65535)
       throw new Error("Width/Height invalid.");
-    if (F.length < y * g)
+    if (k.length < y * m)
       throw new Error("Not enough pixels for the frame size.");
-    var w = !0, R = _.palette;
-    if (R == null && (w = !1, R = i), R == null)
+    var w = !0, R = S.palette;
+    if (R == null && (w = !1, R = s), R == null)
       throw new Error("Must supply either a local or global palette.");
-    for (var L = d(R), C = 0; L >>= 1; ) ++C;
-    L = 1 << C;
-    var U = _.delay === void 0 ? 0 : _.delay, E = _.disposal === void 0 ? 0 : _.disposal;
+    for (var B = d(R), F = 0; B >>= 1; ) ++F;
+    B = 1 << F;
+    var U = S.delay === void 0 ? 0 : S.delay, E = S.disposal === void 0 ? 0 : S.disposal;
     if (E < 0 || E > 3)
       throw new Error("Disposal out of range.");
-    var T = !1, A = 0;
-    if (_.transparent !== void 0 && _.transparent !== null && (T = !0, A = _.transparent, A < 0 || A >= L))
+    var T = !1, C = 0;
+    if (S.transparent !== void 0 && S.transparent !== null && (T = !0, C = S.transparent, C < 0 || C >= B))
       throw new Error("Transparent color index.");
-    if ((E !== 0 || T || U !== 0) && (e[r++] = 33, e[r++] = 249, e[r++] = 4, e[r++] = E << 2 | (T === !0 ? 1 : 0), e[r++] = U & 255, e[r++] = U >> 8 & 255, e[r++] = A, e[r++] = 0), e[r++] = 44, e[r++] = h & 255, e[r++] = h >> 8 & 255, e[r++] = m & 255, e[r++] = m >> 8 & 255, e[r++] = y & 255, e[r++] = y >> 8 & 255, e[r++] = g & 255, e[r++] = g >> 8 & 255, e[r++] = w === !0 ? 128 | C - 1 : 0, w === !0)
+    if ((E !== 0 || T || U !== 0) && (e[r++] = 33, e[r++] = 249, e[r++] = 4, e[r++] = E << 2 | (T === !0 ? 1 : 0), e[r++] = U & 255, e[r++] = U >> 8 & 255, e[r++] = C, e[r++] = 0), e[r++] = 44, e[r++] = h & 255, e[r++] = h >> 8 & 255, e[r++] = g & 255, e[r++] = g >> 8 & 255, e[r++] = y & 255, e[r++] = y >> 8 & 255, e[r++] = m & 255, e[r++] = m >> 8 & 255, e[r++] = w === !0 ? 128 | F - 1 : 0, w === !0)
       for (var $ = 0, I = R.length; $ < I; ++$) {
-        var M = R[$];
-        e[r++] = M >> 16 & 255, e[r++] = M >> 8 & 255, e[r++] = M & 255;
+        var A = R[$];
+        e[r++] = A >> 16 & 255, e[r++] = A >> 8 & 255, e[r++] = A & 255;
       }
-    return r = We(
+    return r = Pe(
       e,
       r,
-      C < 2 ? 2 : C,
-      F
+      F < 2 ? 2 : F,
+      k
     ), r;
   }, this.end = function() {
     return v === !1 && (e[r++] = 59, v = !0), r;
@@ -356,38 +362,38 @@ function $e(e, t, n, s) {
     r = h;
   };
 }
-function We(e, t, n, a) {
+function Pe(e, t, n, a) {
   e[t++] = n;
-  var r = t++, s = 1 << n, c = s - 1, i = s + 1, d = i + 1, f = n + 1, l = 0, o = 0;
-  function u(_) {
-    for (; l >= _; )
-      e[t++] = o & 255, o >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
+  var r = t++, o = 1 << n, c = o - 1, s = o + 1, d = s + 1, f = n + 1, l = 0, i = 0;
+  function u(S) {
+    for (; l >= S; )
+      e[t++] = i & 255, i >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
   }
-  function x(_) {
-    o |= _ << l, l += f, u(8);
+  function x(S) {
+    i |= S << l, l += f, u(8);
   }
   var p = a[0] & c, v = {};
-  x(s);
-  for (var h = 1, m = a.length; h < m; ++h) {
-    var y = a[h] & c, g = p << 8 | y, F = v[g];
-    if (F === void 0) {
-      for (o |= p << l, l += f; l >= 8; )
-        e[t++] = o & 255, o >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
-      d === 4096 ? (x(s), d = i + 1, f = n + 1, v = {}) : (d >= 1 << f && ++f, v[g] = d++), p = y;
+  x(o);
+  for (var h = 1, g = a.length; h < g; ++h) {
+    var y = a[h] & c, m = p << 8 | y, k = v[m];
+    if (k === void 0) {
+      for (i |= p << l, l += f; l >= 8; )
+        e[t++] = i & 255, i >>= 8, l -= 8, t === r + 256 && (e[r] = 255, r = t++);
+      d === 4096 ? (x(o), d = s + 1, f = n + 1, v = {}) : (d >= 1 << f && ++f, v[m] = d++), p = y;
     } else
-      p = F;
+      p = k;
   }
-  return x(p), x(i), u(1), r + 1 === t ? e[r] = 0 : (e[r] = t - r - 1, e[t++] = 0), t;
+  return x(p), x(s), u(1), r + 1 === t ? e[r] = 0 : (e[r] = t - r - 1, e[t++] = 0), t;
 }
-function Pe(e) {
+function je(e) {
   var t = 0;
   if (e[t++] !== 71 || e[t++] !== 73 || e[t++] !== 70 || e[t++] !== 56 || (e[t++] + 1 & 253) !== 56 || e[t++] !== 97)
     throw new Error("Invalid GIF 87a/89a header.");
-  var n = e[t++] | e[t++] << 8, a = e[t++] | e[t++] << 8, r = e[t++], s = r >> 7, c = r & 7, i = 1 << c + 1;
+  var n = e[t++] | e[t++] << 8, a = e[t++] | e[t++] << 8, r = e[t++], o = r >> 7, c = r & 7, s = 1 << c + 1;
   e[t++], e[t++];
   var d = null, f = null;
-  s && (d = t, f = i, t += i * 3);
-  var l = !0, o = [], u = 0, x = null, p = 0, v = null;
+  o && (d = t, f = s, t += s * 3);
+  var l = !0, i = [], u = 0, x = null, p = 0, v = null;
   for (this.width = n, this.height = a; l && t < e.length; )
     switch (e[t++]) {
       case 33:
@@ -409,8 +415,8 @@ function Pe(e) {
           case 249:
             if (e[t++] !== 4 || e[t + 4] !== 0)
               throw new Error("Invalid graphics extension block.");
-            var m = e[t++];
-            u = e[t++] | e[t++] << 8, x = e[t++], m & 1 || (x = null), p = m >> 2 & 7, t++;
+            var g = e[t++];
+            u = e[t++] | e[t++] << 8, x = e[t++], g & 1 || (x = null), p = g >> 2 & 7, t++;
             break;
           case 254:
             for (; ; ) {
@@ -427,9 +433,9 @@ function Pe(e) {
         }
         break;
       case 44:
-        var y = e[t++] | e[t++] << 8, g = e[t++] | e[t++] << 8, F = e[t++] | e[t++] << 8, _ = e[t++] | e[t++] << 8, w = e[t++], R = w >> 7, L = w >> 6 & 1, C = w & 7, U = 1 << C + 1, E = d, T = f, A = !1;
+        var y = e[t++] | e[t++] << 8, m = e[t++] | e[t++] << 8, k = e[t++] | e[t++] << 8, S = e[t++] | e[t++] << 8, w = e[t++], R = w >> 7, B = w >> 6 & 1, F = w & 7, U = 1 << F + 1, E = d, T = f, C = !1;
         if (R) {
-          var A = !0;
+          var C = !0;
           E = t, T = U, t += U * 3;
         }
         var $ = t;
@@ -439,18 +445,18 @@ function Pe(e) {
           if (h === 0) break;
           t += h;
         }
-        o.push({
+        i.push({
           x: y,
-          y: g,
-          width: F,
-          height: _,
-          has_local_palette: A,
+          y: m,
+          width: k,
+          height: S,
+          has_local_palette: C,
           palette_offset: E,
           palette_size: T,
           data_offset: $,
           data_length: t - $,
           transparent_index: x,
-          interlaced: !!L,
+          interlaced: !!B,
           delay: u,
           disposal: p
         });
@@ -462,99 +468,99 @@ function Pe(e) {
         throw new Error("Unknown gif block: 0x" + e[t - 1].toString(16));
     }
   this.numFrames = function() {
-    return o.length;
+    return i.length;
   }, this.loopCount = function() {
     return v;
   }, this.frameInfo = function(I) {
-    if (I < 0 || I >= o.length)
+    if (I < 0 || I >= i.length)
       throw new Error("Frame index out of range.");
-    return o[I];
-  }, this.decodeAndBlitFrameBGRA = function(I, M) {
-    var S = this.frameInfo(I), Z = S.width * S.height, W = new Uint8Array(Z);
+    return i[I];
+  }, this.decodeAndBlitFrameBGRA = function(I, A) {
+    var _ = this.frameInfo(I), Q = _.width * _.height, W = new Uint8Array(Q);
     ce(
       e,
-      S.data_offset,
+      _.data_offset,
       W,
-      Z
+      Q
     );
-    var P = S.palette_offset, N = S.transparent_index;
-    N === null && (N = 256);
-    var B = S.width, Y = n - B, H = B, K = (S.y * n + S.x) * 4, O = ((S.y + S.height) * n + S.x) * 4, k = K, j = Y * 4;
-    S.interlaced === !0 && (j += n * 4 * 7);
-    for (var q = 8, V = 0, b = W.length; V < b; ++V) {
-      var G = W[V];
-      if (H === 0 && (k += j, H = B, k >= O && (j = Y * 4 + n * 4 * (q - 1), k = K + (B + Y) * (q << 1), q >>= 1)), G === N)
-        k += 4;
+    var N = _.palette_offset, Y = _.transparent_index;
+    Y === null && (Y = 256);
+    var G = _.width, H = n - G, P = G, Z = (_.y * n + _.x) * 4, O = ((_.y + _.height) * n + _.x) * 4, M = Z, j = H * 4;
+    _.interlaced === !0 && (j += n * 4 * 7);
+    for (var V = 8, q = 0, b = W.length; q < b; ++q) {
+      var D = W[q];
+      if (P === 0 && (M += j, P = G, M >= O && (j = H * 4 + n * 4 * (V - 1), M = Z + (G + H) * (V << 1), V >>= 1)), D === Y)
+        M += 4;
       else {
-        var ee = e[P + G * 3], te = e[P + G * 3 + 1], re = e[P + G * 3 + 2];
-        M[k++] = re, M[k++] = te, M[k++] = ee, M[k++] = 255;
+        var ee = e[N + D * 3], te = e[N + D * 3 + 1], re = e[N + D * 3 + 2];
+        A[M++] = re, A[M++] = te, A[M++] = ee, A[M++] = 255;
       }
-      --H;
+      --P;
     }
-  }, this.decodeAndBlitFrameRGBA = function(I, M) {
-    var S = this.frameInfo(I), Z = S.width * S.height, W = new Uint8Array(Z);
+  }, this.decodeAndBlitFrameRGBA = function(I, A) {
+    var _ = this.frameInfo(I), Q = _.width * _.height, W = new Uint8Array(Q);
     ce(
       e,
-      S.data_offset,
+      _.data_offset,
       W,
-      Z
+      Q
     );
-    var P = S.palette_offset, N = S.transparent_index;
-    N === null && (N = 256);
-    var B = S.width, Y = n - B, H = B, K = (S.y * n + S.x) * 4, O = ((S.y + S.height) * n + S.x) * 4, k = K, j = Y * 4;
-    S.interlaced === !0 && (j += n * 4 * 7);
-    for (var q = 8, V = 0, b = W.length; V < b; ++V) {
-      var G = W[V];
-      if (H === 0 && (k += j, H = B, k >= O && (j = Y * 4 + n * 4 * (q - 1), k = K + (B + Y) * (q << 1), q >>= 1)), G === N)
-        k += 4;
+    var N = _.palette_offset, Y = _.transparent_index;
+    Y === null && (Y = 256);
+    var G = _.width, H = n - G, P = G, Z = (_.y * n + _.x) * 4, O = ((_.y + _.height) * n + _.x) * 4, M = Z, j = H * 4;
+    _.interlaced === !0 && (j += n * 4 * 7);
+    for (var V = 8, q = 0, b = W.length; q < b; ++q) {
+      var D = W[q];
+      if (P === 0 && (M += j, P = G, M >= O && (j = H * 4 + n * 4 * (V - 1), M = Z + (G + H) * (V << 1), V >>= 1)), D === Y)
+        M += 4;
       else {
-        var ee = e[P + G * 3], te = e[P + G * 3 + 1], re = e[P + G * 3 + 2];
-        M[k++] = ee, M[k++] = te, M[k++] = re, M[k++] = 255;
+        var ee = e[N + D * 3], te = e[N + D * 3 + 1], re = e[N + D * 3 + 2];
+        A[M++] = ee, A[M++] = te, A[M++] = re, A[M++] = 255;
       }
-      --H;
+      --P;
     }
   };
 }
 function ce(e, t, n, a) {
-  for (var r = e[t++], s = 1 << r, c = s + 1, i = c + 1, d = r + 1, f = (1 << d) - 1, l = 0, o = 0, u = 0, x = e[t++], p = new Int32Array(4096), v = null; ; ) {
+  for (var r = e[t++], o = 1 << r, c = o + 1, s = c + 1, d = r + 1, f = (1 << d) - 1, l = 0, i = 0, u = 0, x = e[t++], p = new Int32Array(4096), v = null; ; ) {
     for (; l < 16 && x !== 0; )
-      o |= e[t++] << l, l += 8, x === 1 ? x = e[t++] : --x;
+      i |= e[t++] << l, l += 8, x === 1 ? x = e[t++] : --x;
     if (l < d)
       break;
-    var h = o & f;
-    if (o >>= d, l -= d, h === s) {
-      i = c + 1, d = r + 1, f = (1 << d) - 1, v = null;
+    var h = i & f;
+    if (i >>= d, l -= d, h === o) {
+      s = c + 1, d = r + 1, f = (1 << d) - 1, v = null;
       continue;
     } else if (h === c)
       break;
-    for (var m = h < i ? h : v, y = 0, g = m; g > s; )
-      g = p[g] >> 8, ++y;
-    var F = g, _ = u + y + (m !== h ? 1 : 0);
-    if (_ > a) {
+    for (var g = h < s ? h : v, y = 0, m = g; m > o; )
+      m = p[m] >> 8, ++y;
+    var k = m, S = u + y + (g !== h ? 1 : 0);
+    if (S > a) {
       console.log("Warning, gif stream longer than expected.");
       return;
     }
-    n[u++] = F, u += y;
+    n[u++] = k, u += y;
     var w = u;
-    for (m !== h && (n[u++] = F), g = m; y--; )
-      g = p[g], n[--w] = g & 255, g >>= 8;
-    v !== null && i < 4096 && (p[i++] = v << 8 | F, i >= f + 1 && d < 12 && (++d, f = f << 1 | 1)), v = h;
+    for (g !== h && (n[u++] = k), m = g; y--; )
+      m = p[m], n[--w] = m & 255, m >>= 8;
+    v !== null && s < 4096 && (p[s++] = v << 8 | k, s >= f + 1 && d < 12 && (++d, f = f << 1 | 1)), v = h;
   }
   return u !== a && console.log("Warning, gif stream shorter than expected."), n;
 }
 try {
-  Ue = le.GifWriter = $e, me = le.GifReader = Pe;
+  Ye = le.GifWriter = He, me = le.GifReader = je;
 } catch {
 }
-const Ne = me;
-function st(e) {
+const Ve = me;
+function ht(e) {
   return async (t, n) => {
     const a = e.find((r) => r.canResolve(t));
-    if (!a) throw new Ye("No texture provider matched source", t);
-    return He(a.resolve.bind(a), t, n);
+    if (!a) throw new qe("No texture provider matched source", t);
+    return ze(a.resolve.bind(a), t, n);
   };
 }
-class Ye extends Error {
+class qe extends Error {
   constructor(n, a) {
     super(n);
     z(this, "source");
@@ -565,57 +571,57 @@ function ae(e) {
   if (e.aborted)
     throw new DOMException("Texture source load aborted", "AbortError");
 }
-async function He(e, t, n) {
+async function ze(e, t, n) {
   ae(n);
   const a = await e(t, n);
   return n.aborted && (a.dispose(), ae(n)), a;
 }
-function lt(e) {
+function dt(e) {
   e == null || e.dispose();
 }
-const je = 5 * 1024 * 1024, he = 1e6, de = 180, qe = (e, t, n) => {
+const Qe = 5 * 1024 * 1024, he = 1e6, de = 180, Ze = (e, t, n) => {
   for (let a = n.y; a < n.y + n.height; a += 1)
     e.fill(0, (a * t + n.x) * 4, (a * t + n.x + n.width) * 4);
-}, Ve = (e, t, n, a, r) => t.byteLength > je ? `file is ${(t.byteLength / 1024 / 1024).toFixed(1)} MB; max is 5 MB` : n * a > he ? `canvas is ${n}x${a}; max area is ${he}` : r > de ? `frame count is ${r}; max is ${de}` : r === 0 ? "frame count is 0" : e ? null : "source URL is empty", ze = (e) => typeof e == "string" ? e : e.src, ct = {
+}, Ke = (e, t, n, a, r) => t.byteLength > Qe ? `file is ${(t.byteLength / 1024 / 1024).toFixed(1)} MB; max is 5 MB` : n * a > he ? `canvas is ${n}x${a}; max area is ${he}` : r > de ? `frame count is ${r}; max is ${de}` : r === 0 ? "frame count is 0" : e ? null : "source URL is empty", Je = (e) => typeof e == "string" ? e : e.src, ft = {
   canResolve: (e) => typeof e == "string" ? /\.gif(?:[?#].*)?$/i.test(e) : e.kind === "gif",
   async resolve(e, t) {
-    const n = ze(e), a = await fetch(n, { signal: t });
+    const n = Je(e), a = await fetch(n, { signal: t });
     if (!a.ok) throw new Error(`GIF request failed with ${a.status}`);
     const r = new Uint8Array(await a.arrayBuffer());
     ae(t);
-    const s = new Ne(r), c = s.numFrames(), i = Ve(n, r, s.width, s.height, c);
-    if (i)
-      throw console.warn(`[xr-sdk] GIF ScreenImage source rejected: ${i}`, n), new Error(`GIF source rejected: ${i}`);
+    const o = new Ve(r), c = o.numFrames(), s = Ke(n, r, o.width, o.height, c);
+    if (s)
+      throw console.warn(`[xr-sdk] GIF ScreenImage source rejected: ${s}`, n), new Error(`GIF source rejected: ${s}`);
     const d = document.createElement("canvas");
-    d.width = s.width, d.height = s.height;
+    d.width = o.width, d.height = o.height;
     const f = d.getContext("2d");
     if (!f) throw new Error("Could not create GIF canvas context");
-    const l = new D.CanvasTexture(d);
-    l.colorSpace = D.SRGBColorSpace;
-    const o = new Uint8Array(s.width * s.height * 4), u = new ImageData(
-      new Uint8ClampedArray(o.buffer),
-      s.width,
-      s.height
-    ), x = Array.from({ length: c }, (E, T) => s.frameInfo(T)), p = x.reduce((E, T) => E + Math.max(20, T.delay * 10), 0) / 1e3, v = new Xe(
+    const l = new X.CanvasTexture(d);
+    l.colorSpace = X.SRGBColorSpace;
+    const i = new Uint8Array(o.width * o.height * 4), u = new ImageData(
+      new Uint8ClampedArray(i.buffer),
+      o.width,
+      o.height
+    ), x = Array.from({ length: c }, (E, T) => o.frameInfo(T)), p = x.reduce((E, T) => E + Math.max(20, T.delay * 10), 0) / 1e3, v = new We(
       { canSeek: !1, canReverse: !1, supportsLoopCount: !0 },
       { state: "ready", duration: p, frameCount: c }
     );
-    let h = 0, m = 0, y = !1, g = !1, F = 0, _ = 0, w = null;
+    let h = 0, g = 0, y = !1, m = !1, k = 0, S = 0, w = null;
     const R = (E, T = !1) => {
-      T && (o.fill(0), w = null), (w == null ? void 0 : w.info.disposal) === 2 ? qe(o, s.width, w.info) : w != null && w.restorePixels && o.set(w.restorePixels);
-      const A = x[E], $ = A.disposal === 3 ? new Uint8Array(o) : null;
-      return s.decodeAndBlitFrameRGBA(E, o), f.putImageData(u, 0, 0), l.needsUpdate = !0, w = { info: A, restorePixels: $ }, g = !0, v.updateSnapshot({
+      T && (i.fill(0), w = null), (w == null ? void 0 : w.info.disposal) === 2 ? Ze(i, o.width, w.info) : w != null && w.restorePixels && i.set(w.restorePixels);
+      const C = x[E], $ = C.disposal === 3 ? new Uint8Array(i) : null;
+      return o.decodeAndBlitFrameRGBA(E, i), f.putImageData(u, 0, 0), l.needsUpdate = !0, w = { info: C, restorePixels: $ }, m = !0, v.updateSnapshot({
         frame: E,
-        time: x.slice(0, E).reduce((I, M) => I + Math.max(20, M.delay * 10), 0) / 1e3
-      }), g = !1, v.emit("KeyFrameInSecond"), Math.max(20, A.delay * 10);
-    }, L = (E) => {
-      m = window.setTimeout(() => {
-        h = requestAnimationFrame(C);
+        time: x.slice(0, E).reduce((I, A) => I + Math.max(20, A.delay * 10), 0) / 1e3
+      }), m = !1, v.emit("KeyFrameInSecond"), Math.max(20, C.delay * 10);
+    }, B = (E) => {
+      g = window.setTimeout(() => {
+        h = requestAnimationFrame(F);
       }, E);
-    }, C = () => {
+    }, F = () => {
       if (y || v.getSnapshot().state !== "playing") return;
-      const E = v.getSnapshot(), T = De(
-        F,
+      const E = v.getSnapshot(), T = Ne(
+        k,
         c,
         E.playMode,
         E.loop,
@@ -625,39 +631,39 @@ const je = 5 * 1024 * 1024, he = 1e6, de = 180, qe = (e, t, n) => {
         v.updateSnapshot({ state: "ended", frame: T.frame, time: p }), v.emit("PlayEnd");
         return;
       }
-      const A = T.loop !== _;
-      _ = T.loop, F += 1, L(R(T.frame, A));
+      const C = T.loop !== S;
+      S = T.loop, k += 1, B(R(T.frame, C));
     }, U = v.subscribe((E) => {
-      g || (clearTimeout(m), cancelAnimationFrame(h), E.state === "playing" && (h = requestAnimationFrame(C)));
+      m || (clearTimeout(g), cancelAnimationFrame(h), E.state === "playing" && (h = requestAnimationFrame(F)));
     });
     return R(0), v.play(), {
       texture: l,
       controller: v,
-      metadata: { width: s.width, height: s.height, duration: p, frameCount: c },
+      metadata: { width: o.width, height: o.height, duration: p, frameCount: c },
       dispose() {
-        y = !0, U(), clearTimeout(m), cancelAnimationFrame(h), v.dispose(), l.dispose();
+        y = !0, U(), clearTimeout(g), cancelAnimationFrame(h), v.dispose(), l.dispose();
       }
     };
   }
-}, Ze = ve(null), Ke = ve(null), ht = () => fe(Ze), dt = () => fe(Ke);
+}, Oe = pe(null), be = pe(null), vt = () => ve(Oe), pt = () => ve(be);
 export {
-  Xe as B,
-  je as M,
-  ot as S,
-  Ye as T,
-  at as X,
-  Ze as a,
-  Ke as b,
-  Ie as c,
-  dt as d,
-  it as e,
-  ct as f,
-  De as g,
+  We as B,
+  Qe as M,
+  lt as S,
+  qe as T,
+  st as X,
+  Oe as a,
+  be as b,
+  De as c,
+  pt as d,
+  ct as e,
+  ft as f,
+  Ne as g,
   de as h,
   he as i,
-  st as j,
-  lt as k,
-  He as r,
+  ht as j,
+  dt as k,
+  ze as r,
   ae as t,
-  ht as u
+  vt as u
 };