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

package/dist/index-zGaqrz_K.js

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

package/dist/instructions.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),ye=require("./TextLabel-XE0rQSDn.cjs"),K=require("@react-three/fiber"),m=require("react"),cn=require("three"),ln=require("./context-hA0Rb2Xa.cjs"),F=require("./useInstructionHold-DwJY1Alr.cjs"),_=require("./index-CfSF8LXa.cjs"),x=require("./index-CGsQWodV.cjs"),Se=require("./selectors-C4X71aoD.cjs"),un=require("./SkeletonUtils-CddIup1F.cjs"),Ke=require("./landmarks-BlUqf5MZ.cjs"),ht=require("./getFaceInfo-B1otSDMX.cjs");function mn(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=mn(cn),wt=()=>{const n=document.createElement("canvas");n.width=n.height=128;const t=n.getContext("2d"),o=t.createRadialGradient(128*.38,128*.32,128*.05,128/2,128/2,128*.55);o.addColorStop(0,"#ffffff"),o.addColorStop(.5,"#eef2f7"),o.addColorStop(.85,"#c9d3df"),o.addColorStop(1,"#9aa8b8"),t.fillStyle=o,t.fillRect(0,0,128,128);const i=new r.CanvasTexture(n);return i.colorSpace=r.SRGBColorSpace,i},xe=96,It=(e,n={})=>{const t={uHighlight:{value:new Float32Array(xe)},uHighlightGain:{value:0},uCore:{value:n.core??.5},uRim:{value:n.rim??.95},uWhiten:{value:n.whiten??.6},uHighlightOpacity:{value:n.highlightOpacity??.9},uHighlightWhiten:{value:n.highlightWhiten??.55}},o=new r.MeshMatcapMaterial({matcap:e,color:n.color??"#ffffff",transparent:!0,depthWrite:!1,vertexColors:n.vertexColors??!0});return o.userData.ghost=t,o.onBeforeCompile=i=>{Object.assign(i.uniforms,t),i.vertexShader=i.vertexShader.replace("#include <common>",`#include <common>
+        uniform float uHighlight[ ${xe} ];
+        varying float vHighlight;`).replace("#include <skinning_vertex>",`#include <skinning_vertex>
+        vHighlight = 0.0;
+        #ifdef USE_SKINNING
+          vHighlight = uHighlight[ int( skinIndex.x ) ] * skinWeight.x
+            + uHighlight[ int( skinIndex.y ) ] * skinWeight.y
+            + uHighlight[ int( skinIndex.z ) ] * skinWeight.z
+            + uHighlight[ int( skinIndex.w ) ] * skinWeight.w;
+        #endif`),i.fragmentShader=i.fragmentShader.replace("#include <common>",`#include <common>
+        uniform float uHighlightGain;
+        uniform float uCore;
+        uniform float uRim;
+        uniform float uWhiten;
+        uniform float uHighlightOpacity;
+        uniform float uHighlightWhiten;
+        varying float vHighlight;`).replace("#include <opaque_fragment>",`float ghostRim = 1.0 - abs( dot( normal, normalize( vViewPosition ) ) );
+        ghostRim = pow( ghostRim, 1.6 );
+        float lit = clamp( vHighlight, 0.0, 1.0 ) * uHighlightGain;
+        outgoingLight = mix( outgoingLight, vec3( 1.0 ), max( ghostRim * uWhiten, lit * uHighlightWhiten ) );
+        float ghostAlpha = mix( uCore, uRim, ghostRim );
+        diffuseColor.a *= mix( ghostAlpha, max( ghostAlpha, uHighlightOpacity ), lit );
+        #include <opaque_fragment>`)},o.customProgramCacheKey=()=>"instruction-hint-ghost",o},Ot=({width:e,color:n="#0f172a",opacity:t=.3,vertexColors:o=!0})=>{const i={uHaloWidth:{value:e},uHaloColor:{value:new r.Color(n)},uHaloOpacity:{value:t}},s=new r.MeshMatcapMaterial({transparent:!0,depthWrite:!1,side:r.BackSide,vertexColors:o});return s.userData.halo=i,s.onBeforeCompile=a=>{Object.assign(a.uniforms,i),a.vertexShader=a.vertexShader.replace("#include <common>",`#include <common>
+uniform float uHaloWidth;`).replace("#include <skinning_vertex>",`#include <skinning_vertex>
+        transformed += normalize( objectNormal ) * uHaloWidth;`),a.fragmentShader=a.fragmentShader.replace("#include <common>",`#include <common>
+uniform vec3 uHaloColor;
+uniform float uHaloOpacity;`).replace("#include <opaque_fragment>",`float haloFacing = abs( dot( normal, normalize( vViewPosition ) ) );
+        outgoingLight = uHaloColor;
+        diffuseColor.a *= uHaloOpacity * smoothstep( 0.0, 0.7, haloFacing );
+        #include <opaque_fragment>`)},s.customProgramCacheKey=()=>`instruction-hint-halo-${o}`,s},St=()=>new r.MeshBasicMaterial({colorWrite:!1,depthWrite:!0,transparent:!0}),De="instructionHintTwin",xt=e=>{const n=[];return e.traverse(t=>{t.frustumCulled=!1,t instanceof r.Mesh&&!t.userData[De]&&n.push(t)}),n.map(t=>({mesh:t,twins:["prepass","halo"].map(o=>{var s;const i=t.clone();return i.userData[De]=o,i.frustumCulled=!1,(s=t.parent)==null||s.add(i),i})}))},Dt=(e,{main:n,prepass:t,halo:o,showHalo:i,renderOrder:s=0})=>{e.traverse(a=>{if(!(a instanceof r.Mesh))return;const c=a.userData[De];c==="prepass"?(a.material=t,a.renderOrder=s-.5):c==="halo"?(a.material=o,a.renderOrder=s-.25,a.visible=i):(a.material=n(a),a.renderOrder=s)})},hn=[-1,-.5,0,.5,1],Ee=(e,n,t)=>{let o=1e-6,i=1e-6;const s=new r.Vector3;for(const a of hn){const c=new r.Matrix4().makeRotationY(t*a);for(const d of e)s.copy(d).sub(n).applyMatrix4(c),o=Math.max(o,Math.abs(s.x)),i=Math.max(i,Math.abs(s.y))}return 2*Math.max(o,i)},ne=e=>e*e*(3-2*e),Et=(e="#ffffff",n=.75)=>{const o=document.createElement("canvas");o.width=o.height=128;const i=o.getContext("2d"),s=new r.Color(e),a=`${Math.round(s.r*255)},${Math.round(s.g*255)},${Math.round(s.b*255)}`,c=i.createRadialGradient(128/2,128/2,0,128/2,128/2,128/2);c.addColorStop(0,`rgba(${a},1)`),c.addColorStop(.5,`rgba(${a},0.75)`),c.addColorStop(.68,`rgba(${a},0.32)`),c.addColorStop(.84,`rgba(${a},0.1)`),c.addColorStop(1,`rgba(${a},0)`),i.fillStyle=c,i.fillRect(0,0,128,128);const d=new r.CanvasTexture(o);d.colorSpace=r.SRGBColorSpace;const h=new r.MeshBasicMaterial({map:d,transparent:!0,opacity:n,depthWrite:!1,depthTest:!1,side:r.DoubleSide});return h.userData.glowTexture=d,h},Ht=e=>{var n;(n=e.userData.glowTexture)==null||n.dispose(),e.dispose()},Rt=e=>{let n=!0;return e.traverse(t=>{t instanceof r.Mesh&&!t.geometry.getAttribute("color")&&(n=!1)}),n},dt=new WeakMap,Ve=e=>{const n=dt.get(e);if(n)return n;const t=new Map;for(const o of e.tracks){const{nodeName:i,propertyName:s}=r.PropertyBinding.parseTrackName(o.name);if(s!=="quaternion")continue;const[a,c,d,h]=o.values;t.set(i,new r.Quaternion(a,c,d,h).normalize())}return dt.set(e,t),t},ft=new WeakMap,pt=e=>{const n=ft.get(e);if(n)return n;const t=new Map;for(const o of e.tracks){const{nodeName:i,propertyName:s}=r.PropertyBinding.parseTrackName(o.name);if(s!=="position")continue;const[a,c,d]=o.values;t.set(i,new r.Vector3(a,c,d))}return ft.set(e,t),t},Ne=2e3,dn={sm:.1,md:.14,lg:.19},Ge=160,fn=.66,At={color:"#ffffff",fontWeight:"bold",textAlign:"center",bgColor:"transparent",padding:4,resolution:Ge,fontSize:Ge*fn,resizeToFit:!0,minFontSize:Ge*.3,shadowEnabled:!0,shadowColor:"#000000",shadowBlur:10,shadowOffsetY:2,shadowOpacity:.55},Fe=(e,n)=>{e.traverse(t=>{var i;if(!(t instanceof r.Mesh))return;const o=Array.isArray(t.material)?t.material:[t.material];for(const s of o)(i=s.userData).baseOpacity??(i.baseOpacity=s.opacity),s.opacity=s.userData.baseOpacity*n})},He=({text:e,doneText:n,nudgeText:t=null,nudgeAfterMs:o=3e3,size:i="md",placement:s="center",offset:a=[0,0],color:c,textStyle:d,nudgeTextStyle:h,renderText:p,motion:u={},layout:N={},hideOnComplete:b=!0,onStatusChange:g,detector:y,symbol:l,symbolAspect:T=1})=>{const{width:f,height:M}=ln.useScreenSpace(),I=y.status,{fadeIn:C=.35,fadeOut:H=.5,rise:V=.15,bob:$=.02,pop:D=.1,popSeconds:R=.3,nudgePulse:J=.06,ring:O={}}=u,L=O?O.seconds??.6:0,k=O?O.from??.45:0,A=O?O.to??.95:0,j=O?O.opacity??.7:0,P=typeof i=="number"?i:dn[i],z=Math.min(M*P,f*.42),X=Math.min(z*T,M*.62),oe=z*(N.textHeight??.3),ae=z*(N.nudgeHeight??.2),ce=Math.min(f*.9,z*(N.textWidth??6)),le=M*(N.edgeMargin??.06),ee=X+z*(N.gap??.1)+oe,ue=(s==="top"?M/2-le-ee/2:s==="bottom"?-M/2+le+ee/2+(t!==null?ae:0):0)+a[1]*M/2,_e=ee/2-X/2,me=-ee/2+oe/2,he=me-oe/2-ae/2,[Be,nt]=m.useState("waiting"),[U,v]=m.useState(!1),Q=m.useRef("waiting"),de=m.useRef(performance.now()),B=m.useRef(g);B.current=g;const Y=m.useRef(y.isInView);Y.current=y.isInView;const fe=m.useRef(!1);m.useEffect(()=>{var G;fe.current||(fe.current=!0,(G=B.current)==null||G.call(B,Q.current))},[]);const se=m.useRef(null),te=m.useRef(null),pe=m.useRef(null),Ce=m.useRef(null),be=m.useRef(null),Le=m.useMemo(()=>new r.RingGeometry(.94,1,72),[]),ot=O?O.color??"#ffffff":"#ffffff",Me=m.useMemo(()=>new r.MeshBasicMaterial({color:ot,transparent:!0,opacity:0,depthTest:!1,depthWrite:!1}),[ot]);m.useEffect(()=>()=>Le.dispose(),[Le]),m.useEffect(()=>()=>Me.dispose(),[Me]);const W=m.useMemo(()=>({age:0,doneAge:0,nudge:0}),[]),[st,rn]=m.useState(!1);if(K.useFrame((G,Ue)=>{var mt;const at=performance.now(),ct=Y.current();ct&&(de.current=at);const Z=I==="done"?"done":I==="holding"?"holding":ct?"detected":"waiting";Z!==Q.current&&(Q.current=Z,nt(Z),fe.current=!0,(mt=B.current)==null||mt.call(B,Z));const je=t!==null&&Z==="waiting"&&at-de.current>o;je!==U&&v(je),W.age+=Ue,W.nudge=r.MathUtils.damp(W.nudge,je?1:0,6,Ue);const lt=C>0?ne(Math.min(W.age/C,1)):1;let we=lt,ut=1;if(Z==="done"&&(W.doneAge+=Ue,R>0&&(ut=1+D*Math.sin(Math.min(W.doneAge/R,1)*Math.PI)),b&&(we*=H>0?1-ne(Math.min(W.doneAge/H,1)):0,W.doneAge>=H&&!st&&rn(!0))),se.current&&(se.current.position.y=ue-(1-lt)*X*V,se.current.scale.setScalar(ut)),te.current){const re=W.age;te.current.position.y=_e+Math.sin(re*2.2)*X*$,te.current.scale.setScalar(1+W.nudge*J*(.5+.5*Math.sin(re*4))),Fe(te.current,we)}if(be.current){const re=Z==="done"&&L>0?Math.min(W.doneAge/L,1):1;be.current.visible=Z==="done"&&re<1,be.current.scale.setScalar(X*(k+(A-k)*ne(re))),Me.opacity=j*(1-re)}pe.current&&Fe(pe.current,we),Ce.current&&Fe(Ce.current,we*W.nudge*.85)}),st)return null;const ge=Ne,rt={...At,...c!==void 0?{color:c}:{},...d},an={...rt,fontWeight:"normal",...h},it=G=>p?p(G):w.jsx(ye.TextLabel,{text:G.text,...G.style,aspect:G.width/G.height,scale:[G.width,G.height,1],renderOrder:G.renderOrder});return w.jsxs("group",{ref:se,position:[a[0]*f/2,ue,0],children:[w.jsxs("mesh",{renderOrder:ge,scale:[1e-4,1e-4,1],onBeforeRender:G=>G.clearDepth(),children:[w.jsx("planeGeometry",{args:[1,1]}),w.jsx("meshBasicMaterial",{colorWrite:!1,depthWrite:!1,transparent:!0})]}),w.jsx("group",{ref:te,position:[0,_e,X*.5],children:l(X,ge+1)}),O&&w.jsx("mesh",{ref:be,geometry:Le,material:Me,position:[0,_e,0],renderOrder:ge+3,visible:!1}),w.jsx("group",{ref:pe,position:[0,me,0],children:it({text:Be==="done"&&n!==void 0?n:e,role:"text",width:ce,height:oe,renderOrder:ge+2,style:rt})}),t!==null&&w.jsx("group",{ref:Ce,position:[0,he,0],visible:U||W.nudge>.01,children:it({text:t,role:"nudge",width:ce,height:ae,renderOrder:ge+2,style:an})})]})},pn=({active:e=!0,...n})=>e?w.jsx(ye.ScreenSpaceUI,{children:w.jsx(He,{...n})}):null,ie=["thumb","index","middle","ring","pinky"],gn=e=>new r.Vector3(e.x,e.y,e.z),Te=(e,n,t)=>{const o=n.clone().sub(e),i=t.clone().sub(n);return o.lengthSq()<1e-12||i.lengthSq()<1e-12?0:o.angleTo(i)},Je=Object.freeze({fingerStraight:r.MathUtils.degToRad(55),fingerKnuckle:r.MathUtils.degToRad(70),thumbStraight:r.MathUtils.degToRad(60),thumbReach:.75,thumbVertical:Math.cos(r.MathUtils.degToRad(45)),touch:.2,fullCurl:r.MathUtils.degToRad(255)}),$e=(e,{limits:n}={})=>{if(e.length<21)throw new Error("analyzeHandShape needs 21 joints");const t=e.map(gn),o=n?{...Je,...n}:Je,i=t[_.HAND_JOINT_INDEX.middleMcp].distanceTo(t[_.HAND_JOINT_INDEX.wrist]),s=t[_.HAND_JOINT_INDEX.indexMcp].distanceTo(t[_.HAND_JOINT_INDEX.pinkyMcp]),a={},c={};for(const u of["index","middle","ring","pinky"]){const N=t[_.HAND_JOINT_INDEX[`${u}Mcp`]],b=t[_.HAND_JOINT_INDEX[`${u}Pip`]],g=t[_.HAND_JOINT_INDEX[`${u}Dip`]],y=t[_.HAND_JOINT_INDEX[`${u}Tip`]],l=Te(t[_.HAND_JOINT_INDEX.wrist],N,b),T=Te(N,b,g)+Te(b,g,y);c[u]=r.MathUtils.clamp((l+T)/o.fullCurl,0,1),a[u]=T<o.fingerStraight&&l<o.fingerKnuckle&&y.distanceTo(t[_.HAND_JOINT_INDEX.wrist])>b.distanceTo(t[_.HAND_JOINT_INDEX.wrist])}const d=Te(t[_.HAND_JOINT_INDEX.thumbCmc],t[_.HAND_JOINT_INDEX.thumbMcp],t[_.HAND_JOINT_INDEX.thumbIp])+Te(t[_.HAND_JOINT_INDEX.thumbMcp],t[_.HAND_JOINT_INDEX.thumbIp],t[_.HAND_JOINT_INDEX.thumbTip]);c.thumb=r.MathUtils.clamp(d/r.MathUtils.degToRad(150),0,1),a.thumb=d<o.thumbStraight&&t[_.HAND_JOINT_INDEX.thumbTip].distanceTo(t[_.HAND_JOINT_INDEX.indexMcp])>o.thumbReach*s&&t[_.HAND_JOINT_INDEX.thumbTip].distanceTo(t[_.HAND_JOINT_INDEX.pinkyMcp])>t[_.HAND_JOINT_INDEX.thumbIp].distanceTo(t[_.HAND_JOINT_INDEX.pinkyMcp]);const h=t[_.HAND_JOINT_INDEX.thumbTip].clone().sub(t[_.HAND_JOINT_INDEX.thumbMcp]).normalize(),p=a.thumb?h.y>=o.thumbVertical?"up":h.y<=-o.thumbVertical?"down":"side":"side";return{extended:a,curl:c,count:ie.filter(u=>a[u]).length,thumbDirection:p,thumbIndexTouch:t[_.HAND_JOINT_INDEX.thumbTip].distanceTo(t[_.HAND_JOINT_INDEX.indexTip])<o.touch*i}},Tn=e=>{if(!e.rule&&!e.match)throw new Error("defineHandGesture needs a rule or a match function");return e},ze={index:!1,middle:!1,ring:!1,pinky:!1},q=(e={})=>({thumb:1,index:1,middle:1,ring:1,pinky:1,...e}),Qe={palm:{label:"Show your palm",rule:{count:5},hint:{clip:"palm",spread:.8,thumbTuck:0}},fist:{label:"Make a fist",rule:{digits:{thumb:!1,...ze}},hint:{clip:"fist",curl:q(),thumbTuck:1,thumbTo:{joint:"indexPip",offset:[-.15,-.1,.13]}}},peace:{label:"Show a peace sign",rule:{digits:{index:!0,middle:!0,ring:!1,pinky:!1}},hint:{clip:"peace",curl:q({index:0,middle:0}),spread:1,thumbTuck:1,thumbTo:{joint:"ringPip",offset:[0,-.08,.12]}}},thumbUp:{label:"Give a thumbs up",rule:{digits:{thumb:!0,...ze},thumbDirection:"up"},hint:{clip:"thumbUp",curl:q({thumb:0}),thumbTuck:0,aimThumb:"up"}},thumbDown:{label:"Give a thumbs down",rule:{digits:{thumb:!0,...ze},thumbDirection:"down"},hint:{clip:"thumbUp",curl:q({thumb:0}),thumbTuck:0,aimThumb:"down"}},point:{label:"Point your index finger",rule:{digits:{index:!0,middle:!1,ring:!1,pinky:!1}},hint:{clip:"one",curl:q({index:0}),thumbTuck:.6,thumbTo:{joint:"middlePip",offset:[.1,-.1,.1]}}},one:{label:"Show 1 finger",rule:{count:1},hint:{clip:"one",curl:q({index:0}),thumbTuck:1,thumbTo:{joint:"middlePip",offset:[0,-.08,.12]}}},two:{label:"Show 2 fingers",rule:{count:2},hint:{clip:"peace",curl:q({index:0,middle:0}),spread:.6,thumbTuck:1,thumbTo:{joint:"ringPip",offset:[0,-.08,.12]}}},three:{label:"Show 3 fingers",rule:{count:3},hint:{clip:"three",curl:q({index:0,middle:0,ring:0}),spread:.6,thumbTuck:1,thumbTo:{joint:"pinkyPip",offset:[0,-.08,.12]}}},four:{label:"Show 4 fingers",rule:{count:4},hint:{clip:"four",curl:{thumb:1},spread:.6,thumbTuck:1,thumbTo:{joint:"ringMcp",offset:[0,-.2,.1]}}},five:{label:"Show 5 fingers",rule:{count:5},hint:{clip:"palm",spread:.8,thumbTuck:0}},rock:{label:"Rock on",rule:{digits:{index:!0,middle:!1,ring:!1,pinky:!0}},hint:{clip:"rock",yaw:180,curl:q({index:0,pinky:0}),spread:.8,thumbTuck:1,thumbTo:{joint:"middlePip",offset:[-.05,-.08,.12]}}},loveYou:{label:"Sign I love you",rule:{digits:{thumb:!0,index:!0,middle:!1,ring:!1,pinky:!0}},hint:{clip:"loveYou",curl:q({thumb:0,index:0,pinky:0}),spread:.8,thumbTuck:0}},callMe:{label:"Call me",rule:{digits:{thumb:!0,index:!1,middle:!1,ring:!1,pinky:!0}},hint:{clip:"callMe",roll:103,curl:q({thumb:0,pinky:0}),spread:.8,thumbTuck:0}},ok:{label:"Make an OK sign",rule:{thumbIndexTouch:!0,digits:{middle:!0,ring:!0,pinky:!0}},hint:{clip:"ok",yaw:124,curl:{thumb:.3,index:.5},spread:.6,thumbTuck:.4}}},kt=Object.keys(Qe),Re=e=>typeof e=="string"?Qe[e]:typeof e=="object"&&"hint"in e?e:void 0,gt=(e,n)=>{var t;if(n.count!==void 0&&e.count!==n.count||n.thumbDirection&&e.thumbDirection!==n.thumbDirection||n.thumbIndexTouch!==void 0&&e.thumbIndexTouch!==n.thumbIndexTouch)return!1;for(const o of ie){const i=(t=n.digits)==null?void 0:t[o];if(i!==void 0&&e.extended[o]!==i)return!1}return!0},Ze=(e,n,t)=>{if(typeof n=="function")return n(e,t);const o=Re(n);return o?o.rule&&!gt(e,o.rule)?!1:o.match?o.match(e,t):!!o.rule:gt(e,n)},yn=e=>kt.filter(n=>Ze(e,n)),Tt={finger:[85,100,70].map(r.MathUtils.degToRad),thumb:[10,45,35].map(r.MathUtils.degToRad)},Nn={index:12,middle:3,ring:-8,pinky:-16},_n=r.MathUtils.degToRad(70),bn=.65,Mn={1:[1,.35],2:[.6,1]},wn=Object.fromEntries(x.HAND_RIG_BONES.map(({name:e})=>[e,e.endsWith("Cmc")||e.endsWith("Mcp")&&!e.startsWith("thumb")?0:e==="thumbMcp"||e.endsWith("Pip")?1:2])),yt=e=>ie.find(n=>e.startsWith(n))??"index",E={thumbAxis:new r.Vector3,thumbSide:new r.Vector3,cross:new r.Vector3,delta:new r.Quaternion,restInv:new r.Quaternion,q:new r.Quaternion,D:new r.Quaternion,axis:new r.Vector3,dir:new r.Vector3,live:Object.fromEntries(["wrist",...x.HAND_RIG_BONES.map(e=>e.name)].map(e=>[e,new r.Quaternion]))},Xe=(e,n)=>r.MathUtils.clamp(typeof e=="number"?e:e(n),0,1.1),In=(e,n)=>{if(!(!e||!n)){for(const t of e)if(t.name===n)return t}},Nt=new WeakMap,vt=e=>{const n=Nt.get(e);if(n)return n;const t={};for(const o of e.tracks){const{nodeName:i,propertyName:s}=r.PropertyBinding.parseTrackName(o.name);if(s!=="quaternion"||!(i in _.HAND_JOINT_INDEX))continue;const[a,c,d,h]=o.values;t[i]=new r.Quaternion(a,c,d,h).normalize()}return Nt.set(e,t),t},Oe=(e,n,t=1,o)=>{var p;const i=In(o,n.clip);if(i){const u=vt(i);for(const{name:N}of x.HAND_RIG_BONES){const b=e.bones[N],g=e.restLocal[N];!b||!g||b.quaternion.copy(g).slerp(u[N]??g,Xe(t,yt(N)))}return}const s=e.restPalmNormal,a=e.restPositions,c=E.thumbSide.subVectors(a[_.HAND_JOINT_INDEX.indexMcp],a[_.HAND_JOINT_INDEX.pinkyMcp]).normalize(),d=E.live;d.wrist.copy(e.restQuaternions.wrist);for(const{name:u,parent:N,child:b}of x.HAND_RIG_BONES){const g=yt(u),y=Xe(t,g),l=wn[u]??0,T=(((p=n.curl)==null?void 0:p[g])??0)*y,f=(g==="thumb"?Tt.thumb:Tt.finger)[l]*T;E.restInv.copy(e.restQuaternions[N]).invert(),E.delta.copy(d[N]).multiply(E.restInv),E.dir.subVectors(a[_.HAND_JOINT_INDEX[b]],a[_.HAND_JOINT_INDEX[u]]).normalize(),E.axis.crossVectors(E.dir,s).normalize();const M=Math.sign(E.cross.crossVectors(s,E.dir).dot(c)),I=E.D.identity();if(g==="thumb"){const H=-M||-1,[V,$]=Mn[l]??[0,1];E.q.setFromAxisAngle(E.thumbAxis.copy(s).multiplyScalar(H*V).addScaledVector(E.axis,$).normalize(),f),I.copy(E.q)}else I.setFromAxisAngle(E.axis,f);if(l===0&&g!=="thumb"){const H=r.MathUtils.degToRad(Nn[g])*(n.spread??0)*y;I.premultiply(E.q.setFromAxisAngle(s,H*(M||1)))}if(g==="thumb"&&l===0){const H=_n*(n.thumbTuck??0)*y;I.premultiply(E.q.setFromAxisAngle(s,-H*(M||1))),I.premultiply(E.q.setFromAxisAngle(E.axis,H*bn))}d[u].copy(E.delta).multiply(I).multiply(e.restQuaternions[u]);const C=e.bones[u];C&&C.quaternion.copy(E.q.copy(d[N]).invert().multiply(d[u]))}const h=Math.min(Xe(t,"thumb"),1);n.thumbTo&&h>0&&Dn(e,n.thumbTo,h)},On={thumbCmc:r.MathUtils.degToRad(75),thumbMcp:r.MathUtils.degToRad(65),thumbIp:r.MathUtils.degToRad(85)},Sn=["thumbIp","thumbMcp","thumbCmc"],S={inv:new r.Matrix4,head:new r.Vector3,eff:new r.Vector3,target:new r.Vector3,start:new r.Vector3,a:new r.Vector3,b:new r.Vector3,q:new r.Quaternion,pq:new r.Quaternion,pqInv:new r.Quaternion,rq:new r.Quaternion,limited:new r.Quaternion,up:new r.Vector3,side:new r.Vector3},xn=[0,0,0],Ie=(e,n)=>e.getWorldPosition(n).applyMatrix4(S.inv),Dn=(e,n,t)=>{const o=e.root,i=e.restPositions,s=i[_.HAND_JOINT_INDEX.middleMcp].distanceTo(i[_.HAND_JOINT_INDEX.wrist]),a=S.up.subVectors(i[_.HAND_JOINT_INDEX.middleMcp],i[_.HAND_JOINT_INDEX.wrist]).normalize(),c=S.side.subVectors(i[_.HAND_JOINT_INDEX.indexMcp],i[_.HAND_JOINT_INDEX.pinkyMcp]);c.addScaledVector(a,-c.dot(a)).normalize();const[d,h,p]=n.offset??xn,u=e.bones.thumbTip??e.bones.thumbIp,N=e.bones[n.joint];if(!N)return;o.updateMatrixWorld(!0),S.inv.copy(o.matrixWorld).invert(),Ie(N,S.target).addScaledVector(c,d*s).addScaledVector(a,h*s).addScaledVector(e.restPalmNormal,p*s),Ie(u,S.start),S.target.lerp(S.start,1-t);const b=o.getWorldQuaternion(S.rq).invert();for(let g=0;g<10;g+=1)for(const y of Sn){const l=e.bones[y];if(!(l!=null&&l.parent)||(o.updateMatrixWorld(!0),Ie(l,S.head),Ie(u,S.eff),S.a.subVectors(S.eff,S.head),S.b.subVectors(S.target,S.head),S.a.lengthSq()<1e-10||S.b.lengthSq()<1e-10))continue;S.q.setFromUnitVectors(S.a.normalize(),S.b.normalize()),l.parent.getWorldQuaternion(S.pq).premultiply(b),l.quaternion.premultiply(S.pqInv.copy(S.pq).invert().multiply(S.q).multiply(S.pq));const T=e.restLocal[y],f=On[y]??Math.PI,M=l.quaternion.angleTo(T);M>f&&l.quaternion.copy(S.limited.copy(T).slerp(l.quaternion,f/M))}},Pt=2*Math.acos(2/3)/Math.PI,Ae=(e,{seconds:n=2.4,hold:t=Pt,from:o=0,easing:i=ne}={})=>{if(n<=0)return{phase:.5,drive:1,closing:!1,amount:1};const s=e%n/n,a=1/Math.max(Math.cos(Math.PI*r.MathUtils.clamp(t,0,.95)/2),.001),c=r.MathUtils.clamp(Math.sin(s*Math.PI)*a,0,1);return{phase:s,drive:c,closing:s<.5,amount:o+(1-o)*i(c)}},Bt=(e,n,t)=>t>0?Math.sin(e/t*Math.PI*2)*r.MathUtils.degToRad(n):0,ke=({height:e,span:n,mirrored:t=!1,orbit:o=0,orbitSeconds:i=6,glow:s=null,glowSize:a=1.75,renderOrder:c=0,children:d})=>{const h=m.useRef(null);K.useFrame(({clock:u})=>{h.current&&(h.current.rotation.y=Bt(u.elapsedTime,o,i))});const p=e/n;return w.jsxs("group",{scale:[p*(t?-1:1),p,p],children:[s&&w.jsx("mesh",{material:s,position:[0,0,-n*.6],scale:n*a,renderOrder:c-.75,children:w.jsx("planeGeometry",{args:[1,1]})}),w.jsx("group",{ref:h,children:d})]})},En={width:.3,color:"#0f172a",opacity:.3},Hn={color:"#ffffff",size:1.75,idle:.5,full:.85},Rn={opacity:.9,whiten:.55,idle:.25},We=(e,n,t)=>t===!1||n===!1&&t===void 0?!1:{...e,...n||{},...t||{}},Ct=(e,n={})=>{var o;const t={};for(const[i,s]of Object.entries({...e.parts,...n.parts}))s&&(t[i]={...((o=e.parts)==null?void 0:o[i])??{},...s});return{ghost:{...e.ghost,...n.ghost},parts:t,halo:We(En,e.halo,n.halo),glow:We(Hn,e.glow,n.glow),highlight:We(Rn,e.highlight,n.highlight),matcap:n.matcap??e.matcap,material:n.material??e.material}},_t=e=>JSON.stringify(e??{},(n,t)=>n==="matcap"||n==="material"?void 0:t),ve=(e,n,{base:t={},renderOrder:o}={})=>{const i=_t(n)+_t(t),s=m.useMemo(()=>Ct(t,n),[i,n==null?void 0:n.matcap,n==null?void 0:n.material,t.matcap,t.material]),{object:a,meshes:c}=m.useMemo(()=>{const l=un.clone(e);return{object:l,meshes:xt(l)}},[e]),d=m.useMemo(()=>Rt(a),[a]),h=m.useMemo(()=>s.matcap?null:wt(),[s.matcap]);m.useEffect(()=>()=>h==null?void 0:h.dispose(),[h]);const p=s.matcap??h,u=m.useMemo(()=>{const l=new Map;if(s.material)return l;const{highlight:T}=s;for(const{mesh:f}of c){const M=f.material.name;l.has(M)||l.set(M,It(p,{vertexColors:d,...T?{highlightOpacity:T.opacity,highlightWhiten:T.whiten}:{},...s.ghost,...s.parts[M]??{}}))}return l},[c,p,d,s]);m.useEffect(()=>()=>u.forEach(l=>l.dispose()),[u]);const N=m.useMemo(()=>new Map(c.map(({mesh:l})=>[l,s.material??u.get(l.material.name)])),[c,u,s.material]),b=m.useMemo(()=>St(),[]);m.useEffect(()=>()=>b.dispose(),[b]);const g=m.useMemo(()=>{var f;a.updateMatrixWorld(!0);const l=((f=c[0])==null?void 0:f.mesh.getWorldScale(new r.Vector3).x)||1,T=s.halo||{width:0,color:"#000000",opacity:0};return Ot({...T,width:T.width/l,vertexColors:d})},[a,c,d,s.halo]);m.useEffect(()=>()=>g.dispose(),[g]);const y=m.useMemo(()=>s.glow?Et(s.glow.color,s.glow.idle):null,[s.glow]);return m.useEffect(()=>()=>{y&&Ht(y)},[y]),m.useEffect(()=>{Dt(a,{main:l=>N.get(l)??s.material??u.values().next().value,prepass:b,halo:g,showHalo:s.halo!==!1,renderOrder:o})},[a,N,u,b,g,s,o]),m.useMemo(()=>{const l=()=>[...u.values()].map(T=>T.userData.ghost).filter(T=>!!T);return{object:a,meshes:c,materials:u,glowMaterial:y,look:s,setHighlight:T=>{var f,M;for(const I of l())I.uHighlight.value.fill(0);if(s.highlight)for(const{mesh:I}of c){if(!(I instanceof r.SkinnedMesh))continue;const C=(M=(f=N.get(I))==null?void 0:f.userData.ghost)==null?void 0:M.uHighlight;C&&I.skeleton.bones.forEach((H,V)=>{V<xe&&(C.value[V]=Math.max(C.value[V],T(H)))})}},setStrength:T=>{if(s.highlight){const{idle:f}=s.highlight;for(const M of l())M.uHighlightGain.value=f+(1-f)*T}if(y&&s.glow){const f=s.glow.idle+(s.glow.full-s.glow.idle)*T;y.userData.baseOpacity=f,y.opacity=f}}}},[a,c,u,N,y,s])},Lt={halo:{width:.35},glow:{size:1.75}},qe={seconds:2.2,from:.35,stagger:.21},An={thumb:["thumbMcp","thumbIp","thumbTip"],index:["indexMcp","indexPip","indexDip","indexTip"],middle:["middleMcp","middlePip","middleDip","middleTip"],ring:["ringMcp","ringPip","ringDip","ringTip"],pinky:["pinkyMcp","pinkyPip","pinkyDip","pinkyTip"]},kn=(e,n)=>{const t=e==null?void 0:e.rule;if(t!=null&&t.thumbIndexTouch)return["thumb","index"];if(t!=null&&t.thumbDirection)return["thumb"];const o=ie.filter(i=>n[i]);return o.length>0&&o.length<ie.length?o:[]},vn=e=>{const t=e-1;return 1+(.9+1)*t*t*t+.9*t*t},bt={pinky:0,ring:1/3,middle:2/3,thumb:.81,index:1},Ut=({gesture:e,model:n,poses:t,modelHand:o="right",showHand:i="right",height:s=1,loop:a,look:c,highlight:d,orbit:h=35,orbitSeconds:p=6,renderOrder:u})=>{const N=typeof e=="string"||"label"in e?Re(e):void 0,b=JSON.stringify(N?N.hint:e),g=m.useMemo(()=>N?N.hint:e,[b]),y=JSON.stringify((N==null?void 0:N.rule)??null),l=ve(n,c,{base:Lt,renderOrder:u}),T=l.object,f=m.useMemo(()=>x.bindHandRig(T,o),[T,o]),M=(a==null?void 0:a.from)??qe.from,I=m.useMemo(()=>{const O=U=>f.restPositions[U],L=O(_.HAND_JOINT_INDEX.middleMcp).clone().sub(O(_.HAND_JOINT_INDEX.wrist)).normalize(),k=f.restPalmNormal.clone(),A=new r.Vector3().crossVectors(L,k).normalize(),j=new r.Vector3().crossVectors(k,A),P=new r.Matrix4().makeBasis(A,j,k).invert();g.yaw&&P.premultiply(new r.Matrix4().makeRotationY(-r.MathUtils.degToRad(g.yaw))),g.roll&&P.premultiply(new r.Matrix4().makeRotationZ(r.MathUtils.degToRad(g.roll)));const z=U=>{Oe(f,g,U,t),T.updateMatrixWorld(!0);const v=T.matrixWorld.clone().invert(),Q=Object.values(f.bones).filter(B=>!!B).map(B=>B.getWorldPosition(new r.Vector3).applyMatrix4(v).applyMatrix4(P)),de=[];return T.traverse(B=>{if(!(B instanceof r.SkinnedMesh)||B.userData[De])return;B.skeleton.update(),B.computeBoundingBox();const Y=B.boundingBox,fe=v.clone().multiply(B.matrixWorld);for(const se of[Y.min.x,Y.max.x])for(const te of[Y.min.y,Y.max.y])for(const pe of[Y.min.z,Y.max.z])de.push(new r.Vector3(se,te,pe).applyMatrix4(fe).applyMatrix4(P))}),[...Q,...de]},X=z(1),oe=T.matrixWorld.clone().invert(),ae=$e(_.HAND_JOINT_NAMES.map(U=>{var Q;const v=(Q=f.bones[U])==null?void 0:Q.getWorldPosition(new r.Vector3).applyMatrix4(oe);return{x:(v==null?void 0:v.x)??0,y:(v==null?void 0:v.y)??0,z:(v==null?void 0:v.z)??0}})),ce=U=>X[Object.keys(f.bones).filter(v=>f.bones[v]).indexOf(U)];let le=0;if(g.aimThumb){const U=ce("thumbCmc"),v=ce(f.bones.thumbTip?"thumbTip":"thumbIp");le=(g.aimThumb==="up"?Math.PI/2:-Math.PI/2)-Math.atan2(v.y-U.y,v.x-U.x)}const ee=new r.Matrix4().makeRotationZ(le),ue=[...z(M),...z(.7),...X].map(U=>U.applyMatrix4(ee));Oe(f,g,0,t);const me=new r.Box3().setFromPoints(ue).getCenter(new r.Vector3),he=me.clone().applyMatrix4(ee.clone().invert()),Be=Ee(ue,me,r.MathUtils.degToRad(h))*1.06;return{matrix:new r.Matrix4().makeTranslation(-he.x,-he.y,-he.z).multiply(P),span:Be,extended:ae.extended}},[f,T,g,t,h,M]),C=d===!1?"off":(d??[]).join();m.useEffect(()=>{const O=y==="null"?void 0:JSON.parse(y),L=d===!1?[]:d??g.highlight??kn(O?{rule:O}:void 0,I.extended),k=new Set(L.flatMap(A=>An[A]));l.setHighlight(A=>k.has(A.name)?1:0)},[l,g,y,C,I]);const H=m.useRef(null),V=m.useMemo(()=>({a:new r.Vector3,b:new r.Vector3}),[]),$=JSON.stringify(a??{}),D=m.useMemo(()=>({...qe,...a}),[$,a==null?void 0:a.easing]),R=m.useMemo(()=>{const O={drive:0,closing:!0};return{state:O,amount:k=>{const A=r.MathUtils.clamp(D.stagger??0,0,.9),j=O.closing?bt[k]:1-bt[k],P=r.MathUtils.clamp((O.drive-j*A)/(1-A),0,1),z=D.easing?D.easing(P):O.closing?vn(P):ne(P),X=D.from??0;return X+(1-X)*z}}},[D]);K.useFrame(({clock:O})=>{const{drive:L,closing:k}=Ae(O.elapsedTime,D);R.state.drive=L,R.state.closing=k,Oe(f,g,R.amount,t),l.setStrength(ne(L));const A=H.current;if(A&&(A.rotation.z=0,g.aimThumb)){A.updateMatrixWorld(!0);const j=f.bones.thumbCmc.getWorldPosition(V.a),P=(f.bones.thumbTip??f.bones.thumbIp).getWorldPosition(V.b);A.worldToLocal(j),A.worldToLocal(P);const z=Math.atan2(P.y-j.y,P.x-j.x);A.rotation.z=(g.aimThumb==="up"?Math.PI/2:-Math.PI/2)-z}});const J=l.look.glow;return w.jsx(ke,{height:s,span:I.span,mirrored:i!==o,orbit:h,orbitSeconds:p,glow:l.glowMaterial,glowSize:J?J.size:void 0,renderOrder:u,children:w.jsx("group",{ref:H,children:w.jsx("group",{matrixAutoUpdate:!1,matrix:I.matrix,children:w.jsx("primitive",{object:T})})})})},jt=(e,{hand:n="any",limits:t,active:o=!0,...i}={})=>{const{node:s}=Ke.useXRModel(_.XRModel.HAND_TRACKER,void 0,o),a=F.specKey(e),c=F.useHoldTracker(a,i),d=m.useRef({}),h=m.useRef(e);h.current=e;const p=JSON.stringify(t??null),u=m.useMemo(()=>({limits:t}),[p]),N=m.useRef(n);N.current=n;const b=m.useCallback(()=>{const g=d.current,y=N.current;return y==="any"?!!(g.left||g.right):!!g[y]},[]);return K.useFrame(()=>{var y;if(!o)return;let g=!1;for(const l of["left","right"]){const T=(y=s==null?void 0:s.poses)==null?void 0:y[l];if(!T||T.held||T.world.length<21){delete d.current[l];continue}const f=$e(T.world,u);d.current[l]=f,(n==="any"||n===l)&&Ze(f,h.current,l)&&(g=!0)}c.step(g)}),{status:c.status,holdRef:c.holdRef,matchedRef:c.matchedRef,isInView:b,reset:c.reset,shapesRef:d}},Pn=Ne,Gt="Show your hand to the camera",Bn=({gesture:e,model:n,poses:t,modelHand:o="right",hand:i="any",holdMs:s,graceMs:a,limits:c,orbit:d,look:h,loop:p,highlight:u,onComplete:N,nudgeText:b=Gt,...g})=>{const y=Se.useXRMirrored(),l=jt(e,{hand:i,holdMs:s,graceMs:a,limits:c,onComplete:N}),T=x.screenChirality(i==="any"?"right":i,y);return w.jsx(He,{...g,nudgeText:b,detector:l,symbol:(f,M)=>w.jsx(Ut,{gesture:e,model:n,poses:t,modelHand:o,showHand:T,height:f,loop:p,look:h,highlight:u,orbit:d,renderOrder:M})})},Cn=({active:e=!0,text:n,...t})=>e?w.jsx(ye.ScreenSpaceUI,{children:w.jsx(Bn,{...t,text:n??Re(t.gesture).label},F.specKey(t.gesture))}):null,Ln=e=>{if(!e.rule&&!e.match)throw new Error("defineFaceExpression needs a rule or a match function");return e},et={smile:{label:"Give a big smile",rule:{atLeast:{mouthSmileLeft:.45,mouthSmileRight:.45}},hint:{target:"smile"}},wink:{label:"Wink at the camera",rule:{anyOf:[{atLeast:{eyeBlinkLeft:.55},atMost:{eyeBlinkRight:.3}},{atLeast:{eyeBlinkRight:.55},atMost:{eyeBlinkLeft:.3}}]},hint:{target:"wink"}},surprised:{label:"Look surprised",rule:{atLeast:{jawOpen:.35,browInnerUp:.4}},hint:{target:"surprised"}},kiss:{label:"Blow a kiss",rule:{atLeast:{mouthPucker:.5},atMost:{jawOpen:.3}},hint:{target:"kiss"}},puffCheeks:{label:"Puff your cheeks",rule:{atLeast:{cheekPuff:.3}},hint:{target:"puffCheeks"}},frown:{label:"Frown",rule:{atLeast:{browDownLeft:.4,browDownRight:.4}},hint:{target:"frown"}},scrunch:{label:"Scrunch your face",rule:{anyOf:[{atLeast:{noseSneerLeft:.3,noseSneerRight:.3}},{atLeast:{eyeSquintLeft:.45,eyeSquintRight:.45,browDownLeft:.3,browDownRight:.3}}]},hint:{target:"scrunch"}}},Ft=Object.keys(et),Ye=(e,n)=>{for(const[t,o]of Object.entries(n.atLeast??{}))if((e[t]??0)<(o??0))return!1;for(const[t,o]of Object.entries(n.atMost??{}))if((e[t]??0)>(o??1))return!1;return!(n.anyOf&&n.anyOf.length>0&&!n.anyOf.some(t=>Ye(e,t)))},Pe=e=>typeof e=="string"?et[e]:typeof e=="object"&&"hint"in e?e:void 0,tt=(e,n,t)=>{if(typeof n=="function")return n(e,t);const o=Pe(n);return o?o.rule&&!Ye(e,o.rule)?!1:o.match?o.match(e,t):!!o.rule:Ye(e,n)},Un=e=>Ft.filter(n=>tt(e,n)),zt=(e,n,t)=>{const o=n?Ve(n):new Map,i=t?Ve(t):new Map,s=[];for(const h of new Set([...o.keys(),...i.keys()])){const p=e.getObjectByName(h);if(!p)continue;const u=p.quaternion.clone();s.push({node:p,from:o.get(h)??u,to:i.get(h)??u})}const a=n?pt(n):new Map,c=t?pt(t):new Map,d=[];for(const h of new Set([...a.keys(),...c.keys()])){const p=e.getObjectByName(h);if(!p)continue;const u=p.position.clone();d.push({node:p,from:a.get(h)??u,to:c.get(h)??u})}return{apply:h=>{for(const p of s)p.node.quaternion.copy(p.from).slerp(p.to,h);for(const p of d)p.node.position.lerpVectors(p.from,p.to,h)}}},Xt=(e,n)=>{const t=e.filter(o=>o.morphTargetInfluences&&o.morphTargetDictionary).map(o=>({influences:o.morphTargetInfluences,weights:Object.entries(n).map(([i,s])=>[o.morphTargetDictionary[i]??-1,s]).filter(([i])=>i>=0)}));return{apply:o=>{for(const{influences:i,weights:s}of t){i.fill(0);for(const[a,c]of s)i[a]=c*o}}}},Wt={parts:{eye_white:{core:.62},iris:{color:"#2a2732",core:.9,rim:.95,whiten:.12},sparkle:{core:.95,rim:.95},lash:{color:"#3b302c",core:.88,rim:.92,whiten:.12},brow:{color:"#4a3a33",core:.85,rim:.92,whiten:.15},lip:{color:"#c47878",core:.8,rim:.9,whiten:.2},mouth_inside:{color:"#2b1517",core:.9,rim:.92,whiten:.08},tongue:{color:"#e88a8a",core:.85,rim:.9,whiten:.15}},halo:{width:.3},glow:{size:1.75}},Vt={seconds:2.4},Jt=({expression:e,model:n,height:t=1,loop:o,look:i,orbit:s=30,orbitSeconds:a=6,renderOrder:c})=>{const d=typeof e=="string"||"label"in e?Pe(e).hint:e,h=JSON.stringify("targets"in d?d.targets:{[d.target]:1}),p=ve(n,i,{base:Wt,renderOrder:c}),u=p.object,N=m.useMemo(()=>Xt(p.meshes.flatMap(({mesh:T,twins:f})=>[T,...f]),JSON.parse(h)),[p.meshes,h]),b=m.useMemo(()=>{u.updateMatrixWorld(!0);const T=[];for(const{mesh:I}of p.meshes){const C=I.geometry.getAttribute("position");for(let H=0;H<C.count;H+=3)T.push(new r.Vector3().fromBufferAttribute(C,H).applyMatrix4(I.matrixWorld))}const f=new r.Box3().setFromPoints(T).getCenter(new r.Vector3),M=Ee(T,f,r.MathUtils.degToRad(s))*1.08;return{offset:f.clone().negate(),span:M}},[u,p.meshes,s]),g=JSON.stringify(o??{}),y=m.useMemo(()=>({...Vt,...o}),[g,o==null?void 0:o.easing]);K.useFrame(({clock:T})=>{const{amount:f}=Ae(T.elapsedTime,y);N.apply(f),p.setStrength(f)});const l=p.look.glow;return w.jsx(ke,{height:t,span:b.span,orbit:s,orbitSeconds:a,glow:p.glowMaterial,glowSize:l?l.size:void 0,renderOrder:c,children:w.jsx("group",{position:b.offset,children:w.jsx("primitive",{object:u})})})},qt=(e,{faceIndex:n=0,active:t=!0,...o}={})=>{const i=m.useMemo(()=>({numFaces:n+1}),[n]),{node:s,ready:a}=Ke.useXRModel(_.XRModel.FACE_TRACKER,i,t),{camera:c}=K.useThree();m.useEffect(()=>{s==null||s.setCamera(c,n)},[c,n,s]);const d=F.useHoldTracker(F.specKey(e),o),h=m.useRef(null),p=m.useRef(ht.createFaceInfoTarget()),u=m.useRef(e);u.current=e;const N=m.useCallback(()=>h.current!==null,[]);return K.useFrame(()=>{if(!t)return;const b=a&&s?ht.getFaceInfo(s,n,p.current):null;h.current=b,d.step(!!b&&tt(b.blendshapes,u.current,b))}),{status:d.status,holdRef:d.holdRef,matchedRef:d.matchedRef,isInView:N,reset:d.reset,faceRef:h}},jn=Ne,Yt="Show your face to the camera",Gn=({expression:e,model:n,faceIndex:t,holdMs:o,graceMs:i,orbit:s,look:a,loop:c,onComplete:d,nudgeText:h=Yt,...p})=>{const u=qt(e,{faceIndex:t,holdMs:o,graceMs:i,onComplete:d});return w.jsx(He,{...p,nudgeText:h,detector:u,symbol:(N,b)=>w.jsx(Jt,{expression:e,model:n,height:N,orbit:s,look:a,loop:c,renderOrder:b})})},Fn=({active:e=!0,text:n,...t})=>e?w.jsx(ye.ScreenSpaceUI,{children:w.jsx(Gn,{...t,text:n??Pe(t.expression).label},F.specKey(t.expression))}):null,Kt={parts:{joints:{color:"#7c8aa0",core:.7,rim:.9,whiten:.35}},halo:{width:1.2},glow:{size:1.3}},Mt=new Set,$t={seconds:2.6},Qt=e=>{for(const[n,t]of[["left","Left"],["right","Right"]])if(e===`${t}Arm`||e===`${t}ForeArm`||e.startsWith(`${t}Hand`))return n;return null},Zt=e=>{for(const[n,t]of[["left","Left"],["right","Right"]])if(e===`${t}UpLeg`||e===`${t}Leg`||e===`${t}Foot`||e.startsWith(`${t}Toe`))return n;return null},en=({pose:e,model:n,poses:t,idleClip:o="idle",height:i=1,mirrored:s=!1,loop:a,look:c,highlight:d=!0,boneSide:h=Qt,legBoneSide:p=Zt,orbit:u=25,orbitSeconds:N=7,renderOrder:b})=>{const g=typeof e=="string"||"label"in e?x.resolveBodyPose(e).hint:e,y=g.clip,l=(g.arms??[]).join(),T=(g.legs??[]).join(),f=ve(n,c,{base:Kt,renderOrder:b}),M=f.object,I=m.useMemo(()=>zt(M,t.find(D=>D.name===o),t.find(D=>D.name===y)),[M,t,o,y]);m.useEffect(()=>{const D=t.map(R=>R.name);for(const[R,J]of[[o,"rest"],[y,"pose"]])D.includes(R)||Mt.has(R)||(Mt.add(R),console.warn(`[BodyPoseHint] the model has no "${R}" clip (the ${J==="rest"?"rest pose the hint loops from":"pose to show"}); the figure uses its bind pose there instead. Clips found: ${D.join(", ")||"none"}.`))},[t,o,y]),m.useEffect(()=>{const D=l?l.split(","):[],R=T?T.split(","):[];f.setHighlight(J=>{if(!d)return 0;const O=h(J.name);if(O&&D.includes(O))return 1;const L=p(J.name);return L&&R.includes(L)?1:0})},[f,l,T,d,h,p]);const C=m.useMemo(()=>{const D=[],R=new r.Matrix4;for(const L of[0,.6,1]){I.apply(L),M.updateMatrixWorld(!0),R.copy(M.matrixWorld).invert();for(const{mesh:k}of f.meshes){if(!(k instanceof r.SkinnedMesh))continue;k.skeleton.update();const A=k.geometry.getAttribute("position");for(let j=0;j<A.count;j+=12){const P=new r.Vector3().fromBufferAttribute(A,j);k.applyBoneTransform(j,P),D.push(P.applyMatrix4(k.matrixWorld).applyMatrix4(R))}}}I.apply(0);const J=new r.Box3().setFromPoints(D).getCenter(new r.Vector3),O=Ee(D,J,r.MathUtils.degToRad(u))*1.06;return{offset:J.clone().negate(),span:O}},[M,f.meshes,I,u]),H=JSON.stringify(a??{}),V=m.useMemo(()=>({...$t,...a}),[H,a==null?void 0:a.easing]);K.useFrame(({clock:D})=>{const{amount:R}=Ae(D.elapsedTime,V);I.apply(R),f.setStrength(R)});const $=f.look.glow;return w.jsx(ke,{height:i,span:C.span,mirrored:s,orbit:u,orbitSeconds:N,glow:f.glowMaterial,glowSize:$?$.size:void 0,renderOrder:b,children:w.jsx("group",{position:C.offset,children:w.jsx("primitive",{object:M})})})},tn=(e,{bodyIndex:n=0,limits:t,active:o=!0,...i}={})=>{const{node:s,ready:a}=Ke.useXRModel(_.XRModel.BODY_TRACKER,void 0,o),c=Se.useXRMirrored(),d=Se.useXRFeedAspect(),h=F.useHoldTracker(F.specKey(e),i),p=m.useRef(null),u=m.useRef(e);u.current=e;const N=JSON.stringify(t??null),b=m.useMemo(()=>t,[N]),g=m.useCallback(()=>{var l;const y=p.current;return y!=null&&y.upperBodyVisible?((l=x.resolveBodyPose(u.current))==null?void 0:l.view)!=="full"||y.lowerBodyVisible:!1},[]);return K.useFrame(()=>{var T;if(!o)return;const y=a&&s?s.getLandmarks2D(n):void 0,l=y&&y.length>=x.BODY_LANDMARK_COUNT?x.analyzeBodyShape(y,{mirrored:c,visibility:(T=s==null?void 0:s.getVisibility)==null?void 0:T.call(s,n),limits:b,aspect:d}):null;p.current=l,h.step(!!l&&l.upperBodyVisible&&x.matchBodyPose(l,u.current))}),{status:h.status,holdRef:h.holdRef,matchedRef:h.matchedRef,isInView:g,reset:h.reset,shapeRef:p}},zn=Ne,Xn=e=>{var n;return((n=x.resolveBodyPose(e))==null?void 0:n.view)==="full"},nn=2.1,on="Step back so your upper body is in view",sn="Step back so your whole body is in view",Wn=({pose:e,model:n,poses:t,idleClip:o,bodyIndex:i,holdMs:s,graceMs:a,limits:c,symbolAspect:d=nn,orbit:h,look:p,loop:u,boneSide:N,legBoneSide:b,onComplete:g,nudgeText:y,...l})=>{const T=Se.useXRMirrored(),f=tn(e,{bodyIndex:i,holdMs:s,graceMs:a,limits:c,onComplete:g});return w.jsx(He,{...l,nudgeText:y!==void 0?y:Xn(e)?sn:on,detector:f,symbolAspect:d,symbol:(M,I)=>w.jsx(en,{pose:e,model:n,poses:t,idleClip:o,height:M,mirrored:T,orbit:h,look:p,loop:u,boneSide:N,legBoneSide:b,renderOrder:I})})},Vn=({active:e=!0,text:n,...t})=>e?w.jsx(ye.ScreenSpaceUI,{children:w.jsx(Wn,{...t,text:n??x.resolveBodyPose(t.pose).label},F.specKey(t.pose))}):null;exports.GESTURE_HOLD_DEFAULT_MS=F.GESTURE_HOLD_DEFAULT_MS;exports.GESTURE_HOLD_GRACE_MS=F.GESTURE_HOLD_GRACE_MS;exports.createGestureHoldState=F.createGestureHoldState;exports.stepGestureHold=F.stepGestureHold;exports.useInstructionHold=F.useInstructionHold;exports.BODY_LANDMARK_COUNT=x.BODY_LANDMARK_COUNT;exports.BODY_LOWER_JOINTS=x.BODY_LOWER_JOINTS;exports.BODY_POSES=x.BODY_POSES;exports.BODY_POSE_JOINTS=x.BODY_POSE_JOINTS;exports.BODY_POSE_NAMES=x.BODY_POSE_NAMES;exports.BODY_SHAPE_LIMITS=x.BODY_SHAPE_LIMITS;exports.BODY_UPPER_JOINTS=x.BODY_UPPER_JOINTS;exports.analyzeBodyShape=x.analyzeBodyShape;exports.defineBodyPose=x.defineBodyPose;exports.matchBodyPose=x.matchBodyPose;exports.matchingBodyPoses=x.matchingBodyPoses;exports.resolveBodyPose=x.resolveBodyPose;exports.squareLandmarks=x.squareLandmarks;exports.BODY_HINT_LOOK=Kt;exports.BODY_HINT_LOOP=$t;exports.BODY_INSTRUCTION_FULL_NUDGE_TEXT=sn;exports.BODY_INSTRUCTION_NUDGE_TEXT=on;exports.BODY_INSTRUCTION_RENDER_ORDER=zn;exports.BODY_SYMBOL_ASPECT=nn;exports.BodyInstruction=Vn;exports.BodyPoseHint=en;exports.FACE_EXPRESSIONS=et;exports.FACE_EXPRESSION_NAMES=Ft;exports.FACE_HINT_LOOK=Wt;exports.FACE_HINT_LOOP=Vt;exports.FACE_INSTRUCTION_NUDGE_TEXT=Yt;exports.FACE_INSTRUCTION_RENDER_ORDER=jn;exports.FaceExpressionHint=Jt;exports.FaceInstruction=Fn;exports.GHOST_MAX_BONES=xe;exports.HAND_DIGITS=ie;exports.HAND_GESTURES=Qe;exports.HAND_GESTURE_NAMES=kt;exports.HAND_HINT_LOOK=Lt;exports.HAND_HINT_LOOP=qe;exports.HAND_INSTRUCTION_NUDGE_TEXT=Gt;exports.HAND_INSTRUCTION_RENDER_ORDER=Pn;exports.HAND_SHAPE_LIMITS=Je;exports.HINT_LOOP_HOLD=Pt;exports.HandGestureHint=Ut;exports.HandInstruction=Cn;exports.HintStage=ke;exports.INSTRUCTION_RENDER_ORDER=Ne;exports.INSTRUCTION_TEXT_STYLE=At;exports.Instruction=pn;exports.addHintTwins=xt;exports.analyzeHandShape=$e;exports.applyHandHintPose=Oe;exports.assignHintMaterials=Dt;exports.createClipBlend=zt;exports.createDepthPrepassMaterial=St;exports.createGhostMaterial=It;exports.createGlowMaterial=Et;exports.createHaloMaterial=Ot;exports.createHintMatcap=wt;exports.createMorphBlend=Xt;exports.defineFaceExpression=Ln;exports.defineHandGesture=Tn;exports.disposeGlowMaterial=Ht;exports.ease=ne;exports.hasVertexColors=Rt;exports.matchFaceExpression=tt;exports.matchHandGesture=Ze;exports.matchingFaceExpressions=Un;exports.matchingHandGestures=yn;exports.mergeHintLook=Ct;exports.mixamoBoneSide=Qt;exports.mixamoLegBoneSide=Zt;exports.orbitSpan=Ee;exports.readClipQuaternions=Ve;exports.readHandClipPose=vt;exports.resolveFaceExpression=Pe;exports.resolveHandGesture=Re;exports.sampleHintLoop=Ae;exports.sampleHintOrbit=Bt;exports.useBodyPose=tn;exports.useFaceExpression=qt;exports.useGhostModel=ve;exports.useHandGesture=jt;