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

package/dist/{index-BGNbrc4C.js → index-BgQAX8rs.js}

@@ -1,21 +1,58 @@
-import { jsxs as F, jsx as g } from "react/jsx-runtime";
-import { useThree as w, useFrame as D } from "@react-three/fiber";
-import k, { useContext as V, createContext as Z, useRef as A, useMemo as x, useEffect as z, useCallback as I } from "react";
-import { a as K, X as L, b as X, R as B } from "./index-safCs_af.js";
-import { u as S } from "./useXRModel-BMJE1hrk.js";
-import * as y from "three";
-const U = Z(null), c0 = () => V(U), G = (t, s, c) => K(t, s, c), a0 = (t, s, c) => {
-  const l = (t.x - 0.5) * 2, f = (0.5 - t.y) * 2, d = y.MathUtils.clamp(t.z * 2, -1, 1);
-  return c.set(l, f, d).unproject(s);
-}, W = (t, s, c, l, f, d) => {
-  const h = Math.min(s, t.length);
-  for (let n = 0; n < h; n++) {
-    f(t[n], l, d);
-    const m = n * 3;
-    c[m] = d.x, c[m + 1] = d.y, c[m + 2] = d.z;
+import { jsx as _, jsxs as w } from "react/jsx-runtime";
+import { useThree as k, useFrame as U } from "@react-three/fiber";
+import F, { useId as B, useState as W, useMemo as S, useEffect as z, useSyncExternalStore as q, useRef as x, useContext as G, createContext as J, useCallback as Q } from "react";
+import { u as $, a as e0, X as P, b as t0 } from "./index-JygePOwo.js";
+import { R as r0 } from "./renderLayers-zrK2pv5O.js";
+import * as T from "three";
+function j(e, t, n = !0) {
+  const { session: r } = $(), s = B(), [i, f] = W(null), u = S(() => JSON.stringify(t ?? {}), [t]);
+  z(() => {
+    let l = !1;
+    return f(null), r.registry.acquire(e, s, t).catch((c) => {
+      l || f(c instanceof Error ? c : new Error(String(c)));
+    }), () => {
+      l = !0, r.registry.release(e, s);
+    };
+  }, [r, e, s, t, u]), z(() => {
+    r.registry.setActive(e, s, n);
+  }, [r, e, s, n]);
+  const o = r.store, y = q(
+    (l) => o.subscribe(l),
+    () => o.getSnapshot().pipeline.get(e) ?? null,
+    () => null
+  ), M = S(() => y ? y.getModelNode() : null, [y]);
+  return {
+    ready: y !== null && i === null,
+    node: M,
+    error: i
+  };
+}
+const n0 = ({ materialProps: e, settings: t }) => t.type === "basic" ? /* @__PURE__ */ _("meshBasicMaterial", { ...e }) : /* @__PURE__ */ _(
+  "meshStandardMaterial",
+  {
+    ...e,
+    roughness: t.roughness,
+    metalness: t.metalness
+  }
+), g = 1e-6, s0 = (e) => {
+  const { x: t, y: n, z: r } = e.scale;
+  return Math.abs(t - n) <= g && Math.abs(t - r) <= g ? t : 1;
+}, C0 = (e, t, n, r) => {
+  if (!n.enabled) return e;
+  const s = s0(n);
+  return r.x = t.x + (e.x - t.x) * s + n.position.x, r.y = t.y + (e.y - t.y) * s - n.position.y, r.z = t.z + (e.z - t.z) * s + n.position.z, r;
+}, o0 = (e, t, n) => e0(e, t, n), R0 = (e, t, n) => {
+  const r = (e.x - 0.5) * 2, s = (0.5 - e.y) * 2, i = T.MathUtils.clamp(e.z * 2, -1, 1);
+  return n.set(r, s, i).unproject(t);
+}, c0 = (e, t, n, r, s, i) => {
+  const f = Math.min(t, e.length);
+  for (let u = 0; u < f; u++) {
+    s(e[u], r, i);
+    const o = u * 3;
+    n[o] = i.x, n[o + 1] = i.y, n[o + 2] = i.z;
   }
-  return h;
-}, Y = [
+  return f;
+}, i0 = [
   [127, 34, 139],
   [11, 0, 37],
   [232, 231, 120],
@@ -869,7 +906,7 @@ const U = Z(null), c0 = () => V(U), G = (t, s, c) => K(t, s, c), a0 = (t, s, c)
   [390, 339, 249],
   [339, 448, 255],
   [255, 339, 448]
-].flat(), q = [
+].flat(), a0 = [
   0.5104879319667817,
   0.33515610277652746,
   0.5174233198165894,
@@ -1826,65 +1863,75 @@ const U = Z(null), c0 = () => V(U), G = (t, s, c) => K(t, s, c), a0 = (t, s, c)
   0.618020570576191,
   0.33353258967399596,
   0.5936576622724534
-], j = 468, J = j * 3, O = ({
-  material: t,
-  faceIndex: s = 0,
-  numFaces: c,
-  visible: l = !0,
-  children: f
+], H = 468, u0 = H * 3, l0 = {
+  type: "standard",
+  color: "#ffffff",
+  opacity: 1,
+  wireframe: !1,
+  roughness: 1,
+  metalness: 0
+}, K = ({
+  material: e,
+  faceIndex: t = 0,
+  numFaces: n,
+  visible: r = !0,
+  children: s
 }) => {
-  const { ready: d, node: h } = S(
-    L.FACE_TRACKER,
-    c === void 0 ? void 0 : { numFaces: c }
-  ), { camera: n } = w(), m = A(null), T = A(null), C = A(null), E = A(null), R = A(null), v = A(new y.Vector3()), u = x(() => {
-    const i = new Uint16Array(Y), a = new y.BufferAttribute(i, 1), e = new y.Float32BufferAttribute(q, 2), o = new Float32Array(J), r = new y.Float32BufferAttribute(o, 3);
-    return r.setUsage(y.DynamicDrawUsage), { indexAttr: a, uvAttr: e, positionAttr: r, positions: o };
+  const { ready: i, node: f } = j(
+    P.FACE_TRACKER,
+    n === void 0 ? void 0 : { numFaces: n }
+  ), { camera: u } = k(), o = x(null), y = x(null), M = x(null), l = x(null), c = x(null), d = x(new T.Vector3()), A = S(() => {
+    const p = new Uint16Array(i0), E = new T.BufferAttribute(p, 1), h = new T.Float32BufferAttribute(a0, 2), R = new Float32Array(u0), a = new T.Float32BufferAttribute(R, 3);
+    return a.setUsage(T.DynamicDrawUsage), { indexAttr: E, uvAttr: h, positionAttr: a, positions: R };
   }, []);
   z(() => {
-    E.current = u.indexAttr, R.current = u.uvAttr, C.current = u.positionAttr, T.current = u.positions;
-    const i = m.current;
-    if (i) {
-      const a = i.geometry;
-      a.setAttribute("position", u.positionAttr), a.setAttribute("uv", u.uvAttr), a.setIndex(u.indexAttr);
+    l.current = A.indexAttr, c.current = A.uvAttr, M.current = A.positionAttr, y.current = A.positions;
+    const p = o.current;
+    if (p) {
+      const E = p.geometry;
+      E.setAttribute("position", A.positionAttr), E.setAttribute("uv", A.uvAttr), E.setIndex(A.indexAttr);
     }
     return () => {
-      E.current = null, R.current = null, C.current = null, T.current = null;
+      l.current = null, c.current = null, M.current = null, y.current = null;
     };
-  }, [u]), D(() => {
-    var p;
-    if (!d || !h || !m.current) return;
-    const { detectionResults: i } = h, a = (p = i == null ? void 0 : i.faceLandmarks) == null ? void 0 : p[s], e = m.current.geometry, o = T.current, r = C.current;
-    if (!a || a.length === 0 || !o || !r) {
-      e.drawRange.count !== 0 && e.setDrawRange(0, 0);
+  }, [A]), U(() => {
+    var m;
+    if (!i || !f || !o.current) return;
+    const { detectionResults: p } = f, E = (m = p == null ? void 0 : p.faceLandmarks) == null ? void 0 : m[t], h = o.current.geometry, R = y.current, a = M.current;
+    if (!E || E.length === 0 || !R || !a) {
+      h.drawRange.count !== 0 && h.setDrawRange(0, 0);
       return;
     }
-    e.getAttribute("position") !== r && (e.setAttribute("position", r), e.setAttribute("uv", R.current), e.setIndex(E.current)), e.drawRange.count === 0 && e.setDrawRange(0, 1 / 0), W(
-      a,
-      j,
-      o,
-      n,
-      G,
-      v.current
-    ), r.needsUpdate = !0, e.computeVertexNormals();
+    h.getAttribute("position") !== a && (h.setAttribute("position", a), h.setAttribute("uv", c.current), h.setIndex(l.current)), h.drawRange.count === 0 && h.setDrawRange(0, 1 / 0), c0(
+      E,
+      H,
+      R,
+      u,
+      o0,
+      d.current
+    ), a.needsUpdate = !0, h.computeVertexNormals();
   });
-  const M = f != null && f !== !1;
-  return /* @__PURE__ */ F("mesh", { material: t, ref: m, visible: l, children: [
-    /* @__PURE__ */ g("bufferGeometry", {}),
-    !t && !M && /* @__PURE__ */ g(
-      "meshStandardMaterial",
+  const v = s != null && s !== !1;
+  return /* @__PURE__ */ w("mesh", { material: e, ref: o, visible: r, children: [
+    /* @__PURE__ */ _("bufferGeometry", {}),
+    !e && !v && /* @__PURE__ */ _(
+      n0,
       {
-        attach: "material",
-        transparent: !0,
-        depthWrite: !1,
-        side: y.DoubleSide,
-        needsUpdate: !0
+        settings: l0,
+        materialProps: {
+          attach: "material",
+          transparent: !0,
+          depthWrite: !1,
+          side: T.DoubleSide,
+          needsUpdate: !0
+        }
       }
     ),
-    !t && M ? f : null
+    !e && v ? s : null
   ] });
 };
-O.displayName = "FaceMesh";
-const Q = {
+K.displayName = "FaceMesh";
+const L = {
   "face.forehead": 10,
   "face.noseTip": 1,
   "face.chin": 152,
@@ -1892,76 +1939,117 @@ const Q = {
   "face.rightEyeOuter": 33,
   "face.leftCheek": 425,
   "face.rightCheek": 205,
-  "face.mouthCenter": 13
-}, $ = ({
-  faceIndex: t = 0,
-  numFaces: s,
-  scaleWithFace: c = !1,
-  targetFps: l,
-  active: f = !0,
-  children: d
+  "face.mouthCenter": 13,
+  "face.leftEarlobe": 454,
+  "face.rightEarlobe": 234
+}, f0 = {
+  "face.center": [10, 152, 234, 454],
+  "face.leftEye": [263, 362, 387, 373],
+  "face.rightEye": [33, 133, 158, 145]
+}, V = (e, t = 0) => Number.isFinite(e) ? e : t, D = (e) => Math.max(-1, Math.min(1, V(e))), y0 = { x: 0, y: 0, z: 0 }, h0 = (e, t, n = y0, r = { x: 0, y: 0, z: 0, visibility: 0 }) => {
+  const s = L[e];
+  if (s !== void 0) {
+    const c = t[s];
+    return c ? Object.assign(r, c) : null;
+  }
+  const i = f0[e];
+  if (i) {
+    r.x = 0, r.y = 0, r.z = 0;
+    for (const c of i) {
+      const d = t[c];
+      if (!d) return null;
+      r.x += d.x, r.y += d.y, r.z += d.z;
+    }
+    return r.x /= i.length, r.y /= i.length, r.z /= i.length, r.visibility = 1, r;
+  }
+  if (e !== "face.custom" || t.length === 0) return null;
+  let f = 1 / 0, u = 1 / 0, o = -1 / 0, y = -1 / 0, M = 0;
+  for (const c of t)
+    f = Math.min(f, c.x), u = Math.min(u, c.y), o = Math.max(o, c.x), y = Math.max(y, c.y), M += c.z;
+  const l = o - f;
+  return r.x = (f + o) * 0.5 - D(n.x) * l * 0.5, r.y = (u + y) * 0.5 - D(n.y) * (y - u) * 0.5, r.z = M / t.length - V(n.z) * l, r.visibility = 1, r;
+}, b0 = {
+  left: L["face.leftEyeOuter"],
+  right: L["face.rightEyeOuter"]
+}, X = J(null), T0 = () => G(X), d0 = ({
+  faceIndex: e = 0,
+  numFaces: t,
+  scaleWithFace: n = !1,
+  followFaceRoll: r = !0,
+  targetFps: s,
+  active: i = !0,
+  children: f
 }) => {
-  const h = A(!1), n = A(null), m = x(() => {
-    if (!(s === void 0 && l === void 0))
+  const u = x(!1), o = x(null), y = S(() => {
+    if (!(t === void 0 && s === void 0))
       return {
-        ...s === void 0 ? {} : { numFaces: s },
-        ...l === void 0 ? {} : { targetFps: l }
+        ...t === void 0 ? {} : { numFaces: t },
+        ...s === void 0 ? {} : { targetFps: s }
       };
-  }, [s, l]), { ready: T, node: C } = S(
-    L.FACE_TRACKER,
-    m,
-    f
-  ), { camera: E } = w(), R = A(E);
-  R.current !== E && (R.current = E, h.current = !1);
-  const v = A(null);
-  D(() => {
-    if (!T || !C || !n.current) return;
-    v.current = C, !h.current && R.current && (C._setCamera(R.current, t), h.current = !0);
-    const e = C.getFace(t);
-    if (!e) {
-      n.current.visible = !1;
+  }, [t, s]), { ready: M, node: l } = j(
+    P.FACE_TRACKER,
+    y,
+    i
+  ), { camera: c } = k(), d = x(c);
+  d.current !== c && (d.current = c, u.current = !1);
+  const A = x(null), v = x({ x: 0, y: 0, z: 0, visibility: 0 });
+  U(() => {
+    if (!M || !l || !o.current) return;
+    A.current = l, !u.current && d.current && (l.setCamera(d.current, e), u.current = !0);
+    const a = l.getFace(e);
+    if (!a) {
+      o.current.visible = !1;
       return;
     }
-    n.current.visible = !0;
-    const { position: o, rotation: r, scale: p } = e.transform;
-    n.current.position.set(o.x, o.y, o.z), n.current.rotation.set(r.x, r.y, r.z), c ? n.current.scale.set(p.x, p.y, p.z) : n.current.scale.set(1, 1, 1);
+    o.current.visible = !0;
+    const { position: m, rotation: C, scale: b } = a.transform;
+    o.current.position.set(m.x, m.y, m.z), o.current.rotation.set(C.x, C.y, r ? C.z : 0), n ? o.current.scale.set(b.x, b.y, b.z) : o.current.scale.set(1, 1, 1);
   });
-  const u = I(
-    (e) => {
-      var b, _;
-      const o = Q[e];
-      if (o === void 0) return null;
-      const r = v.current, p = (_ = (b = r == null ? void 0 : r.detectionResults) == null ? void 0 : b.faceLandmarks) == null ? void 0 : _[t];
-      if (!p || p.length === 0) return null;
-      const N = p[o];
-      return N ? { position: X(N, R.current) } : null;
+  const p = Q(
+    (a, m) => {
+      var I, O;
+      const C = A.current, b = (O = (I = C == null ? void 0 : C.detectionResults) == null ? void 0 : I.faceLandmarks) == null ? void 0 : O[e];
+      if (!b || b.length === 0) return null;
+      const N = h0(
+        a,
+        b,
+        m,
+        v.current
+      );
+      return N ? { position: t0(N, d.current) } : null;
     },
-    [t]
-  ), M = x(
-    () => ({ type: "face", resolveLandmark: u }),
-    [u]
+    [e]
+  ), E = S(
+    () => ({ type: "face", resolveLandmark: p }),
+    [p]
   );
-  let i;
-  const a = [];
-  return k.Children.forEach(d, (e) => {
-    var o, r;
-    k.isValidElement(e) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (((o = e.type) == null ? void 0 : o.displayName) === "FaceTracker.Mesh" || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ((r = e.type) == null ? void 0 : r.displayName) === "FaceMesh") ? i = k.cloneElement(e, { faceIndex: t, numFaces: s }) : a.push(e);
-  }), /* @__PURE__ */ F(U.Provider, { value: M, children: [
-    /* @__PURE__ */ g("group", { ref: n, renderOrder: B.TRACKED, children: a }),
-    i
+  let h;
+  const R = [];
+  return F.Children.forEach(f, (a) => {
+    var m, C;
+    F.isValidElement(a) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (((m = a.type) == null ? void 0 : m.displayName) === "FaceTracker.Mesh" || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ((C = a.type) == null ? void 0 : C.displayName) === "FaceMesh") ? h = F.cloneElement(a, { faceIndex: e, numFaces: t }) : R.push(a);
+  }), /* @__PURE__ */ w(X.Provider, { value: E, children: [
+    /* @__PURE__ */ _("group", { ref: o, renderOrder: r0.TRACKED, children: R }),
+    h
   ] });
-}, H = (t) => /* @__PURE__ */ g(O, { ...t });
-H.displayName = "FaceTracker.Mesh";
-const P = $;
-P.Mesh = H;
-const u0 = P;
+}, Z = (e) => /* @__PURE__ */ _(K, { ...e });
+Z.displayName = "FaceTracker.Mesh";
+const Y = d0;
+Y.Mesh = Z;
+const _0 = Y;
 export {
-  P as F,
-  u0 as H,
-  U as T,
-  O as a,
-  a0 as p,
-  c0 as u
+  b0 as F,
+  _0 as H,
+  n0 as M,
+  X as T,
+  T0 as a,
+  Y as b,
+  K as c,
+  L as d,
+  R0 as p,
+  h0 as r,
+  C0 as t,
+  j as u
 };

package/dist/index-CEc1CAmB.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("react"),i=require("react/jsx-runtime"),B=require("@react-three/drei"),o=require("three"),q=require("./index-82aENaRq.cjs"),S=h.createContext(null),N=()=>{const e=h.useContext(S);if(!e)throw new Error("useScreenSpace must be used within ScreenSpaceUI");return e},k=h.createContext(null),U=()=>h.useContext(k)??1,L={enabled:!0,mesh:"cube",material:{type:"standard",color:"#ffffff",opacity:1,wireframe:!1,roughness:.42,metalness:.08},shadowMode:"off",visible:!0},g={depthTest:!0,depthWrite:!0,depthFunc:"lessEqual",colorWrite:!0,colorMask:{r:!0,g:!0,b:!0,a:!0},cullMode:"back",blendMode:"normal",polygonOffset:{enabled:!1,factor:0,units:0}},R=e=>({...g,...e,colorMask:{...g.colorMask,...e==null?void 0:e.colorMask},polygonOffset:{...g.polygonOffset,...e==null?void 0:e.polygonOffset}}),x=e=>e==="never"?o.NeverDepth:e==="less"?o.LessDepth:e==="equal"?o.EqualDepth:e==="greater"?o.GreaterDepth:e==="notEqual"?o.NotEqualDepth:e==="greaterEqual"?o.GreaterEqualDepth:e==="always"?o.AlwaysDepth:o.LessEqualDepth,D=e=>e==="front"?o.BackSide:e==="off"?o.DoubleSide:o.FrontSide,A=e=>e==="additive"?o.AdditiveBlending:e==="subtractive"?o.SubtractiveBlending:e==="multiply"?o.MultiplyBlending:e==="none"?o.NoBlending:o.NormalBlending,_=e=>{const r=R(e),t=r.colorWrite&&(r.colorMask.r||r.colorMask.g||r.colorMask.b||r.colorMask.a);return{depthTest:r.depthTest,depthWrite:r.depthWrite,depthFunc:x(r.depthFunc),colorWrite:t,side:D(r.cullMode),blending:A(r.blendMode),polygonOffset:r.polygonOffset.enabled,polygonOffsetFactor:r.polygonOffset.factor,polygonOffsetUnits:r.polygonOffset.units}},C=(e,r)=>{const t=R(r);return e<1||t.blendMode!=="normal"&&t.blendMode!=="none"},T=e=>e.colorWrite&&(!e.colorMask.r||!e.colorMask.g||!e.colorMask.b||!e.colorMask.a),M="__vincenttPreviousColorMask",P=(e,r)=>{const t=e.onBeforeRender.bind(e),d=e.onAfterRender.bind(e);if(!T(r)){e.onBeforeRender=t,e.onAfterRender=d;return}e.onBeforeRender=(a,u,m,f,l,n)=>{t(a,u,m,f,l,n);const s=a.getContext();e.userData[M]=s.getParameter(s.COLOR_WRITEMASK),s.colorMask(r.colorMask.r,r.colorMask.g,r.colorMask.b,r.colorMask.a)},e.onAfterRender=(a,u,m,f,l,n)=>{const s=e.userData[M];s&&(a.getContext().colorMask(...s),delete e.userData[M]),d(a,u,m,f,l,n)}},w=e=>({castShadow:e==="cast"||e==="castReceive",receiveShadow:e==="receive"||e==="castReceive"}),W=({mesh:e})=>e==="sphere"?i.jsx("sphereGeometry",{args:[.85,48,32]}):e==="plane"?i.jsx("planeGeometry",{args:[1.6,1.6]}):i.jsx("boxGeometry",{args:[1.4,1.4,1.4]}),v=({url:e,nodeName:r,settings:t,renderOrder:d})=>{const{scene:a}=B.useGLTF(e),u=h.useMemo(()=>{const f=a.clone(!0),l=w(t.shadowMode),n=Math.min(1,Math.max(0,t.material.opacity)),s=_(t.material.renderState),O=C(n,t.material.renderState);return f.traverse(b=>{const c=b;if(!c.isMesh||!c.material)return;c.material=Array.isArray(c.material)?c.material.map(p=>p.clone()):c.material.clone(),c.castShadow=l.castShadow,c.receiveShadow=l.receiveShadow,(Array.isArray(c.material)?c.material:[c.material]).forEach(p=>{var y;if(!p)return;const E=p;E.wireframe=t.material.wireframe,p.opacity=n,p.transparent=O,Object.assign(p,s),(y=E.color)==null||y.set(t.material.color),p.needsUpdate=!0}),P(c,R(t.material.renderState))}),f},[a,t.material.color,t.material.opacity,t.material.renderState,t.material.wireframe,t.shadowMode]),m=r?u.getObjectByName(r):u;return i.jsx("group",{renderOrder:d,children:i.jsx("primitive",{object:m??u})})},G=({renderOrder:e,value:r})=>{if(!r.enabled||!r.visible)return null;if(r.assetUrl)return i.jsx(h.Suspense,{fallback:null,children:i.jsx(v,{url:r.assetUrl,nodeName:r.assetNodeName,settings:r,renderOrder:e})});const t=Math.min(1,Math.max(0,r.material.opacity)),d={color:r.material.color,transparent:C(t,r.material.renderState),opacity:t,wireframe:r.material.wireframe,..._(r.material.renderState)};return i.jsxs("mesh",{...w(r.shadowMode),onBeforeRender:(a,u,m,f,l)=>{const n=R(r.material.renderState);if(!T(n))return;const s=a.getContext();l.userData[M]=s.getParameter(s.COLOR_WRITEMASK),s.colorMask(n.colorMask.r,n.colorMask.g,n.colorMask.b,n.colorMask.a)},onAfterRender:(a,u,m,f,l)=>{const n=l.userData[M];n&&(a.getContext().colorMask(...n),delete l.userData[M])},renderOrder:e,children:[i.jsx(W,{mesh:r.mesh}),i.jsx(q.MeshMaterial,{settings:r.material,materialProps:d})]})};exports.DEFAULT_MESH_RENDERER=L;exports.DEFAULT_MESH_RENDERER_RENDER_STATE=g;exports.MeshRenderer=G;exports.ScreenRectAspectContext=k;exports.ScreenSpaceContext=S;exports.getThreeBlending=A;exports.getThreeDepthFunction=x;exports.getThreeSide=D;exports.normalizeMeshRendererRenderState=R;exports.useScreenRectAspect=U;exports.useScreenSpace=N;

package/dist/index-CTHeBQOs.js

@@ -0,0 +1,178 @@
+import { createContext as k, useContext as R, Suspense as C, useMemo as _ } from "react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { useGLTF as x } from "@react-three/drei";
+import { AdditiveBlending as T, SubtractiveBlending as B, MultiplyBlending as N, NoBlending as P, NormalBlending as U, NeverDepth as W, LessDepth as q, EqualDepth as v, GreaterDepth as L, NotEqualDepth as G, GreaterEqualDepth as I, AlwaysDepth as K, LessEqualDepth as z, BackSide as F, DoubleSide as H, FrontSide as V } from "three";
+import { M as Y } from "./index-BgQAX8rs.js";
+const J = k(null), ce = () => {
+  const e = R(J);
+  if (!e)
+    throw new Error("useScreenSpace must be used within ScreenSpaceUI");
+  return e;
+}, Q = k(null), ie = () => R(Q) ?? 1, fe = {
+  enabled: !0,
+  mesh: "cube",
+  material: {
+    type: "standard",
+    color: "#ffffff",
+    opacity: 1,
+    wireframe: !1,
+    roughness: 0.42,
+    metalness: 0.08
+  },
+  shadowMode: "off",
+  visible: !0
+}, h = {
+  depthTest: !0,
+  depthWrite: !0,
+  depthFunc: "lessEqual",
+  colorWrite: !0,
+  colorMask: {
+    r: !0,
+    g: !0,
+    b: !0,
+    a: !0
+  },
+  cullMode: "back",
+  blendMode: "normal",
+  polygonOffset: {
+    enabled: !1,
+    factor: 0,
+    units: 0
+  }
+}, M = (e) => ({
+  ...h,
+  ...e,
+  colorMask: {
+    ...h.colorMask,
+    ...e == null ? void 0 : e.colorMask
+  },
+  polygonOffset: {
+    ...h.polygonOffset,
+    ...e == null ? void 0 : e.polygonOffset
+  }
+}), X = (e) => e === "never" ? W : e === "less" ? q : e === "equal" ? v : e === "greater" ? L : e === "notEqual" ? G : e === "greaterEqual" ? I : e === "always" ? K : z, Z = (e) => e === "front" ? F : e === "off" ? H : V, $ = (e) => e === "additive" ? T : e === "subtractive" ? B : e === "multiply" ? N : e === "none" ? P : U, E = (e) => {
+  const r = M(e), o = r.colorWrite && (r.colorMask.r || r.colorMask.g || r.colorMask.b || r.colorMask.a);
+  return {
+    depthTest: r.depthTest,
+    depthWrite: r.depthWrite,
+    depthFunc: X(r.depthFunc),
+    colorWrite: o,
+    side: Z(r.cullMode),
+    blending: $(r.blendMode),
+    polygonOffset: r.polygonOffset.enabled,
+    polygonOffsetFactor: r.polygonOffset.factor,
+    polygonOffsetUnits: r.polygonOffset.units
+  };
+}, S = (e, r) => {
+  const o = M(r);
+  return e < 1 || o.blendMode !== "normal" && o.blendMode !== "none";
+}, D = (e) => e.colorWrite && (!e.colorMask.r || !e.colorMask.g || !e.colorMask.b || !e.colorMask.a), d = "__vincenttPreviousColorMask", j = (e, r) => {
+  const o = e.onBeforeRender.bind(e), p = e.onAfterRender.bind(e);
+  if (!D(r)) {
+    e.onBeforeRender = o, e.onAfterRender = p;
+    return;
+  }
+  e.onBeforeRender = (a, c, m, f, l, t) => {
+    o(a, c, m, f, l, t);
+    const s = a.getContext();
+    e.userData[d] = s.getParameter(s.COLOR_WRITEMASK), s.colorMask(
+      r.colorMask.r,
+      r.colorMask.g,
+      r.colorMask.b,
+      r.colorMask.a
+    );
+  }, e.onAfterRender = (a, c, m, f, l, t) => {
+    const s = e.userData[d];
+    s && (a.getContext().colorMask(...s), delete e.userData[d]), p(a, c, m, f, l, t);
+  };
+}, w = (e) => ({
+  castShadow: e === "cast" || e === "castReceive",
+  receiveShadow: e === "receive" || e === "castReceive"
+}), ee = ({ mesh: e }) => e === "sphere" ? /* @__PURE__ */ i("sphereGeometry", { args: [0.85, 48, 32] }) : e === "plane" ? /* @__PURE__ */ i("planeGeometry", { args: [1.6, 1.6] }) : /* @__PURE__ */ i("boxGeometry", { args: [1.4, 1.4, 1.4] }), re = ({
+  url: e,
+  nodeName: r,
+  settings: o,
+  renderOrder: p
+}) => {
+  const { scene: a } = x(e), c = _(() => {
+    const f = a.clone(!0), l = w(o.shadowMode), t = Math.min(1, Math.max(0, o.material.opacity)), s = E(o.material.renderState), A = S(t, o.material.renderState);
+    return f.traverse((O) => {
+      const n = O;
+      if (!n.isMesh || !n.material) return;
+      n.material = Array.isArray(n.material) ? n.material.map((u) => u.clone()) : n.material.clone(), n.castShadow = l.castShadow, n.receiveShadow = l.receiveShadow, (Array.isArray(n.material) ? n.material : [n.material]).forEach((u) => {
+        var y;
+        if (!u) return;
+        const g = u;
+        g.wireframe = o.material.wireframe, u.opacity = t, u.transparent = A, Object.assign(u, s), (y = g.color) == null || y.set(o.material.color), u.needsUpdate = !0;
+      }), j(n, M(o.material.renderState));
+    }), f;
+  }, [
+    a,
+    o.material.color,
+    o.material.opacity,
+    o.material.renderState,
+    o.material.wireframe,
+    o.shadowMode
+  ]), m = r ? c.getObjectByName(r) : c;
+  return /* @__PURE__ */ i("group", { renderOrder: p, children: /* @__PURE__ */ i("primitive", { object: m ?? c }) });
+}, ue = ({ renderOrder: e, value: r }) => {
+  if (!r.enabled || !r.visible) return null;
+  if (r.assetUrl)
+    return /* @__PURE__ */ i(C, { fallback: null, children: /* @__PURE__ */ i(
+      re,
+      {
+        url: r.assetUrl,
+        nodeName: r.assetNodeName,
+        settings: r,
+        renderOrder: e
+      }
+    ) });
+  const o = Math.min(1, Math.max(0, r.material.opacity)), p = {
+    color: r.material.color,
+    transparent: S(o, r.material.renderState),
+    opacity: o,
+    wireframe: r.material.wireframe,
+    ...E(r.material.renderState)
+  };
+  return /* @__PURE__ */ b(
+    "mesh",
+    {
+      ...w(r.shadowMode),
+      onBeforeRender: (a, c, m, f, l) => {
+        const t = M(r.material.renderState);
+        if (!D(t)) return;
+        const s = a.getContext();
+        l.userData[d] = s.getParameter(
+          s.COLOR_WRITEMASK
+        ), s.colorMask(
+          t.colorMask.r,
+          t.colorMask.g,
+          t.colorMask.b,
+          t.colorMask.a
+        );
+      },
+      onAfterRender: (a, c, m, f, l) => {
+        const t = l.userData[d];
+        t && (a.getContext().colorMask(...t), delete l.userData[d]);
+      },
+      renderOrder: e,
+      children: [
+        /* @__PURE__ */ i(ee, { mesh: r.mesh }),
+        /* @__PURE__ */ i(Y, { settings: r.material, materialProps: p })
+      ]
+    }
+  );
+};
+export {
+  fe as D,
+  ue as M,
+  Q as S,
+  ie as a,
+  h as b,
+  X as c,
+  Z as d,
+  J as e,
+  $ as g,
+  M as n,
+  ce as u
+};