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

package/dist/index-N7C6fNah.js

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

package/dist/index-UU5ODHGU.cjs

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

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

@@ -1,21 +1,61 @@
-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 z, { useId as B, useState as W, useRef as A, useEffect as F, useSyncExternalStore as q, useMemo as v, 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 n0 } from "./renderLayers-zrK2pv5O.js";
+import * as T from "three";
+function r0(e) {
+  return JSON.stringify(e ?? {});
+}
+function j(e, t, r = !0) {
+  const { session: n } = $(), s = B(), [i, f] = W(null), u = r0(t), o = A(t);
+  o.current = t, F(() => {
+    let c = !1;
+    return f(null), n.registry.acquire(e, s, o.current).catch((l) => {
+      c || f(l instanceof Error ? l : new Error(String(l)));
+    }), () => {
+      c = !0, n.registry.release(e, s);
+    };
+  }, [n, e, s, u]), F(() => {
+    n.registry.setActive(e, s, r);
+  }, [n, e, s, r]);
+  const d = n.store, h = q(
+    (c) => d.subscribe(c),
+    () => d.getSnapshot().pipeline.get(e) ?? null,
+    () => null
+  ), p = v(() => h ? h.getModelNode() : null, [h]);
+  return {
+    ready: h !== null && i === null,
+    node: p,
+    error: i
+  };
+}
+const s0 = ({ materialProps: e, settings: t }) => t.type === "basic" ? /* @__PURE__ */ _("meshBasicMaterial", { ...e }) : /* @__PURE__ */ _(
+  "meshStandardMaterial",
+  {
+    ...e,
+    roughness: t.roughness,
+    metalness: t.metalness
+  }
+), g = 1e-6, o0 = (e) => {
+  const { x: t, y: r, z: n } = e.scale;
+  return Math.abs(t - r) <= g && Math.abs(t - n) <= g ? t : 1;
+}, R0 = (e, t, r, n) => {
+  if (!r.enabled) return e;
+  const s = o0(r);
+  return n.x = t.x + (e.x - t.x) * s + r.position.x, n.y = t.y + (e.y - t.y) * s - r.position.y, n.z = t.z + (e.z - t.z) * s + r.position.z, n;
+}, c0 = (e, t, r) => e0(e, t, r), b0 = (e, t, r) => {
+  const n = (e.x - 0.5) * 2, s = (0.5 - e.y) * 2, i = T.MathUtils.clamp(e.z * 2, -1, 1);
+  return r.set(n, s, i).unproject(t);
+}, i0 = (e, t, r, n, s, i) => {
+  const f = Math.min(t, e.length);
+  for (let u = 0; u < f; u++) {
+    s(e[u], n, i);
+    const o = u * 3;
+    r[o] = i.x, r[o + 1] = i.y, r[o + 2] = i.z;
   }
-  return h;
-}, Y = [
+  return f;
+}, a0 = [
   [127, 34, 139],
   [11, 0, 37],
   [232, 231, 120],
@@ -869,7 +909,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(), u0 = [
   0.5104879319667817,
   0.33515610277652746,
   0.5174233198165894,
@@ -1826,65 +1866,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, l0 = H * 3, f0 = {
+  type: "standard",
+  color: "#ffffff",
+  opacity: 1,
+  wireframe: !1,
+  roughness: 1,
+  metalness: 0
+}, K = ({
+  material: e,
+  faceIndex: t = 0,
+  numFaces: r,
+  visible: n = !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,
+    r === void 0 ? void 0 : { numFaces: r }
+  ), { camera: u } = k(), o = A(null), d = A(null), h = A(null), p = A(null), c = A(null), l = A(new T.Vector3()), E = v(() => {
+    const m = new Uint16Array(a0), x = new T.BufferAttribute(m, 1), y = new T.Float32BufferAttribute(u0, 2), R = new Float32Array(l0), a = new T.Float32BufferAttribute(R, 3);
+    return a.setUsage(T.DynamicDrawUsage), { indexAttr: x, uvAttr: y, 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);
+  F(() => {
+    p.current = E.indexAttr, c.current = E.uvAttr, h.current = E.positionAttr, d.current = E.positions;
+    const m = o.current;
+    if (m) {
+      const x = m.geometry;
+      x.setAttribute("position", E.positionAttr), x.setAttribute("uv", E.uvAttr), x.setIndex(E.indexAttr);
     }
     return () => {
-      E.current = null, R.current = null, C.current = null, T.current = null;
+      p.current = null, c.current = null, h.current = null, d.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);
+  }, [E]), U(() => {
+    var M;
+    if (!i || !f || !o.current) return;
+    const { detectionResults: m } = f, x = (M = m == null ? void 0 : m.faceLandmarks) == null ? void 0 : M[t], y = o.current.geometry, R = d.current, a = h.current;
+    if (!x || x.length === 0 || !R || !a) {
+      y.drawRange.count !== 0 && y.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();
+    y.getAttribute("position") !== a && (y.setAttribute("position", a), y.setAttribute("uv", c.current), y.setIndex(p.current)), y.drawRange.count === 0 && y.setDrawRange(0, 1 / 0), i0(
+      x,
+      H,
+      R,
+      u,
+      c0,
+      l.current
+    ), a.needsUpdate = !0, y.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 S = s != null && s !== !1;
+  return /* @__PURE__ */ w("mesh", { material: e, ref: o, visible: n, children: [
+    /* @__PURE__ */ _("bufferGeometry", {}),
+    !e && !S && /* @__PURE__ */ _(
+      s0,
       {
-        attach: "material",
-        transparent: !0,
-        depthWrite: !1,
-        side: y.DoubleSide,
-        needsUpdate: !0
+        settings: f0,
+        materialProps: {
+          attach: "material",
+          transparent: !0,
+          depthWrite: !1,
+          side: T.DoubleSide,
+          needsUpdate: !0
+        }
       }
     ),
-    !t && M ? f : null
+    !e && S ? s : null
   ] });
 };
-O.displayName = "FaceMesh";
-const Q = {
+K.displayName = "FaceMesh";
+const L = {
   "face.forehead": 10,
   "face.noseTip": 1,
   "face.chin": 152,
@@ -1892,76 +1942,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
+}, y0 = {
+  "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))), d0 = { x: 0, y: 0, z: 0 }, h0 = (e, t, r = d0, n = { x: 0, y: 0, z: 0, visibility: 0 }) => {
+  const s = L[e];
+  if (s !== void 0) {
+    const c = t[s];
+    return c ? Object.assign(n, c) : null;
+  }
+  const i = y0[e];
+  if (i) {
+    n.x = 0, n.y = 0, n.z = 0;
+    for (const c of i) {
+      const l = t[c];
+      if (!l) return null;
+      n.x += l.x, n.y += l.y, n.z += l.z;
+    }
+    return n.x /= i.length, n.y /= i.length, n.z /= i.length, n.visibility = 1, n;
+  }
+  if (e !== "face.custom" || t.length === 0) return null;
+  let f = 1 / 0, u = 1 / 0, o = -1 / 0, d = -1 / 0, h = 0;
+  for (const c of t)
+    f = Math.min(f, c.x), u = Math.min(u, c.y), o = Math.max(o, c.x), d = Math.max(d, c.y), h += c.z;
+  const p = o - f;
+  return n.x = (f + o) * 0.5 - D(r.x) * p * 0.5, n.y = (u + d) * 0.5 - D(r.y) * (d - u) * 0.5, n.z = h / t.length - V(r.z) * p, n.visibility = 1, n;
+}, T0 = {
+  left: L["face.leftEyeOuter"],
+  right: L["face.rightEyeOuter"]
+}, X = J(null), _0 = () => G(X), p0 = ({
+  faceIndex: e = 0,
+  numFaces: t,
+  scaleWithFace: r = !1,
+  followFaceRoll: n = !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 = A(!1), o = A(null), d = v(() => {
+    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: h, node: p } = j(
+    P.FACE_TRACKER,
+    d,
+    i
+  ), { camera: c } = k(), l = A(c);
+  l.current !== c && (l.current = c, u.current = !1);
+  const E = A(null), S = A({ x: 0, y: 0, z: 0, visibility: 0 });
+  U(() => {
+    if (!h || !p || !o.current) return;
+    E.current = p, !u.current && l.current && (p.setCamera(l.current, e), u.current = !0);
+    const a = p.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, n ? C.z : 0), r ? 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 m = Q(
+    (a, M) => {
+      var O, I;
+      const C = E.current, b = (I = (O = C == null ? void 0 : C.detectionResults) == null ? void 0 : O.faceLandmarks) == null ? void 0 : I[e];
+      if (!b || b.length === 0) return null;
+      const N = h0(
+        a,
+        b,
+        M,
+        S.current
+      );
+      return N ? { position: t0(N, l.current) } : null;
     },
-    [t]
-  ), M = x(
-    () => ({ type: "face", resolveLandmark: u }),
-    [u]
+    [e]
+  ), x = v(
+    () => ({ type: "face", resolveLandmark: m }),
+    [m]
   );
-  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 y;
+  const R = [];
+  return z.Children.forEach(f, (a) => {
+    var M, C;
+    z.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") ? y = z.cloneElement(a, { faceIndex: e, numFaces: t }) : R.push(a);
+  }), /* @__PURE__ */ w(X.Provider, { value: x, children: [
+    /* @__PURE__ */ _("group", { ref: o, renderOrder: n0.TRACKED, children: R }),
+    y
   ] });
-}, 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 = p0;
+Y.Mesh = Z;
+const S0 = Y;
 export {
-  P as F,
-  u0 as H,
-  U as T,
-  O as a,
-  a0 as p,
-  c0 as u
+  T0 as F,
+  S0 as H,
+  s0 as M,
+  X as T,
+  _0 as a,
+  Y as b,
+  K as c,
+  L as d,
+  b0 as p,
+  h0 as r,
+  R0 as t,
+  j as u
 };